body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--main-color:#f47121}body{background-color:#e9e9e9!important}h4{background-color:#f47121;background-color:var(--main-color);color:#fff}.container-LoginForm{color:#000;box-shadow:2px 2px 8px}.container-LoginForm,.form-LoginForm,.form-pengiriman,.logo-container{background-color:#fff}.logo-container{border-bottom:2px solid #f47121;border-bottom:2px solid var(--main-color)}.logo-container-pengiriman{background-color:#e9e9e9}.btn-input{color:#292929}.btn:not(.btn-secondary){background:#f47121!important;background:var(--main-color)!important;color:#fff;border:none}.btn-primary:hover{border:1px solid #000}.sidenav{background-color:#fff}.sidenav a{color:#000}.active-link{background-color:#f47121;background-color:var(--main-color);color:#fff!important}.sidenav a:hover{color:#f47121;color:var(--main-color)}::-webkit-scrollbar-track{background:#e9e9e9}::-webkit-scrollbar-thumb{background:#f47121;background:var(--main-color)}table.dataTable thead td,table.dataTable thead th{background:#f47121;background:var(--main-color);color:#fff}table.dataTable.display tbody tr.odd,table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,table.dataTable.stripe tbody tr.odd{background-color:#fff}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1,table.dataTable tbody tr{background-color:#e9e9e9}.dataTables_length{background-color:#f47121;background-color:var(--main-color);color:#fff!important;box-shadow:1px 2px 8px #000}.dataTables_wrapper .dataTables_scroll{box-shadow:1px 2px 8px #000;background:#f47121;background:var(--main-color)}.table_footer{background-color:#fff;box-shadow:1px 3px 8px #000}.dataTables_filter{background-color:#f47121;background-color:var(--main-color);color:#fff!important}.suggestions{border:1px solid #999;background-color:#fff;box-shadow:1px 2px 5px #2b2929}.suggestion-active,.suggestions li:hover{background-color:#1e90ff;color:#fff}.invalid{border:1px solid red!important}.unauthorize-container h1:hover{color:#f47121;color:var(--main-color)}#logo-unauthorized{border-right:5px solid #f47121;border-right:5px solid var(--main-color)}.spinner-loading{border-color:#f47121!important;border-color:var(--main-color)!important}.btn-logout-container{border-top:2px solid #f47121;border-top:2px solid var(--main-color)}.col-table{border:1px solid #f47121;border:1px solid var(--main-color)}.btn-secondary{background-color:#fff!important;color:#f47121!important;color:var(--main-color)!important}.btn-secondary:hover{border-color:#f47121!important;border-color:var(--main-color)!important}@media (max-width:575px){#logo-unauthorized{border-bottom:5px solid #f47121;border-bottom:5px solid var(--main-color)}}.form{width:100%;max-width:500px}.container{padding:30px;font-size:1rem;display:flex;border-radius:15px;flex-direction:column;align-items:center;justify-content:center;margin-top:40px}h4{padding:10px;position:fixed;top:0;box-shadow:1px 2px 8px #000;z-index:999}em{color:grey}#row-pengiriman{width:55vw;box-shadow:1px 2px 8px #000}.logo-container-pengiriman{justify-content:left;margin-left:auto;margin-right:auto}.form-pengiriman,.logo-container-pengiriman{width:100%;padding:20px 50px}.form-control-plaintext{outline:none}.label-pengiriman{margin-bottom:0!important;font-weight:700}.h40{min-height:40px!important;height:40px!important}.logo-mkm-pengiriman{width:80%}.btn-container{margin-top:30px;display:flex;flex-direction:row;justify-content:space-around}.btn{width:20%;min-width:130px;cursor:pointer;outline:none}a{text-decoration:none}.container-image{display:flex;justify-content:space-around;margin-top:10px}.btn-image-text{font-size:1.5rem;text-align:center}.btn-image{text-align:center;margin-top:30px}.custom-file{display:flex;justify-content:center}.warning_img{height:20px}.form-image{padding-left:5px;padding-right:5px}.container-suggestions{display:flex;justify-content:flex-end;position:absolute;width:100%}.suggestions{border-top-width:0;list-style:none;margin-top:0;max-height:175px;overflow-y:auto;padding-left:0;width:100%;text-align:left}.suggestions li{padding:.2rem .5rem;font-size:1rem}.suggestion-active,.suggestions li:hover{cursor:pointer}.error_info{color:red;font-size:1rem}.unauthorize-container{text-align:center;height:365px;margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:35px;background:#fff;box-shadow:1px 2px 8px #000;display:flex;justify-content:center;align-items:center}.unauthorize-container h1:hover{cursor:pointer}.unauthorize-container h1{transition:all .3s ease-in;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease}#logo-unauthorized{display:flex;justify-content:center;align-items:center}#logo-unauthorized img{width:100%}.toast_container{position:fixed;bottom:0;right:0;margin-right:15px;margin-bottom:40px;z-index:1}.success>.toast-header{background-color:#7fffd4}.error>.toast-header{background-color:brown}.warning>.toast-header{background-color:#ff0}.unknown>.toast-header{background-color:#8a2be2}.main-gantiPassword{margin-left:35vh}.main-gantiPassword-child{margin:22.5vh auto auto;box-shadow:1px 2px 8px #000;max-width:30vw}.logo-container.gantiPassword{display:flex;justify-content:center;max-width:30vw;margin-left:auto;margin-right:auto}.form-LoginForm.gantiPassword,.logo-container.gantiPassword{width:100%;max-width:30vw}.btn-container.gantiPassword{display:flex;justify-content:space-between}.btn-secondary{float:left}.form-group-GantiPassword{padding:0!important}.form-group-GantiPassword>input{padding-right:7vh!important;height:2.25vw!important}.form-footer-container{margin-top:30px}@media (max-width:575px){.container .form-group{margin-bottom:.2rem}.container-image{display:block;margin-top:1rem}.form-image{padding:0}.form-image .btn-image img{width:150px!important;height:150px!important}.home .main .container h4{font-size:.5em}.btn-container .btn:not(.btn-secondary),.custom-file-label,.form-group .form-control,.form-group .form-label{font-size:.55em}.container.delivery-form{padding:0;margin-top:60px}#row-pengiriman{width:100%}.form-pengiriman,.logo-container-pengiriman{padding:10px 15px}.form-pengiriman .row .col-table{padding-left:5px;padding-right:5px;text-align:center}.logo-container-pengiriman h3{font-size:.7rem;text-align:center}.logo-container-pengiriman h5{font-size:.65rem;text-align:center}.logo-mkm-pengiriman{width:60%;margin-left:auto;margin-right:auto}.form-group .label-pengiriman{padding-top:0;padding-right:0}.form-group .form-control-plaintext{font-size:.5em;width:100%;padding-top:0;min-width:unset!important}.form-footer-container{width:100%!important;margin:30px 35px 20px!important}.form-footer-container .btn-primary,.form-footer-container .btn-secondary{font-size:.55em;padding:8px 0;min-width:65px}.dropdown-menu.show .dropdown-item,.input-group-append span.input-group-text,.input-group-prepend span.input-group-text{font-size:.5em}.main-gantiPassword{margin-left:125px;margin-right:20px}.main-gantiPassword-child{max-width:50vw}.form-LoginForm.gantiPassword,.logo-container.gantiPassword{max-width:100%}.logo-container.gantiPassword h1{margin-bottom:0;font-size:.6em!important;padding:10px!important}.form-LoginForm.gantiPassword{padding:10px 15px 15px;font-size:.65em}.form-group-GantiPassword>input{padding:5px 10px!important;height:auto!important;font-size:.65em}.form-group-GantiPassword.form-group{margin-bottom:.2rem}.btn-container.gantiPassword .btn-primary,.btn-container.gantiPassword .btn-secondary{font-size:.75em}.btn-container.gantiPassword{margin-top:15px}.btn-container.gantiPassword button{min-width:60px}.form-LoginForm.gantiPassword .eye-logo{top:2px;font-size:.6rem}.unauthorize-container h1{font-size:1.5rem!important;margin-right:5px}#logo-unauthorized{border-right:none;padding-bottom:10px;margin-bottom:10px}.error_info{font-size:.6em;margin-bottom:0}}@media (min-width:575px) and (max-width:767px){.container .form-group{margin-bottom:.5rem}.container-image{margin-top:1rem}.home .main .container h4{font-size:.7em}.btn-container .btn:not(.btn-secondary),.custom-file-label,.form-group .form-control,.form-group .form-label{font-size:.75em}.container.delivery-form{padding:0;margin-top:60px}#row-pengiriman{width:100%}.form-pengiriman,.logo-container-pengiriman{padding:15px 20px}.form-pengiriman .row .col-table{padding-left:5px;padding-right:5px;text-align:center}.logo-container-pengiriman h3{font-size:1rem}.logo-container-pengiriman h5{font-size:.8rem}.form-group .form-control-plaintext{font-size:.8em;width:100%}.form-footer-container{width:100%!important;margin:30px 35px 20px!important;display:block!important}.form-footer-container .btn-primary,.form-footer-container .btn-secondary{width:100%;font-size:.75em;margin-bottom:5px}.dropdown-menu.show .dropdown-item,.input-group-append span.input-group-text,.input-group-prepend span.input-group-text{font-size:.7em}.main-gantiPassword{margin-left:185px;margin-right:30px}.main-gantiPassword-child{max-width:45vw}.form-LoginForm.gantiPassword,.logo-container.gantiPassword{max-width:100%}.logo-container.gantiPassword h1{margin-bottom:0;font-size:.7em!important;padding:10px!important}.form-LoginForm.gantiPassword{padding:15px 25px 20px;font-size:.7em}.form-group-GantiPassword>input{padding:5px 10px!important;height:auto!important;font-size:.7em}.btn-container.gantiPassword .btn-primary,.btn-container.gantiPassword .btn-secondary{font-size:.8em}.btn-container.gantiPassword{margin-top:20px}.btn-container.gantiPassword button{min-width:80px}.form-LoginForm.gantiPassword .eye-logo{top:0}.unauthorize-container h1{font-size:1.5rem!important;margin-right:5px}.error_info{font-size:.65em;margin-bottom:0}}@media (min-width:767px) and (max-width:991px){.home .main .container h4{font-size:.8em}.form-group .form-control,.form-group .form-label{font-size:.85em}.btn-container .btn:not(.btn-secondary),.custom-file-label{font-size:.9em}.container.delivery-form{padding:0;margin-top:60px}#row-pengiriman{width:100%}.form-pengiriman,.logo-container-pengiriman{padding:25px 30px}.logo-container-pengiriman h3{font-size:1.2rem}.logo-container-pengiriman h5{font-size:1rem}.form-group .form-control-plaintext{font-size:.8em;width:100%}.form-footer-container{width:100%!important;margin:30px 35px 20px!important}.form-footer-container .btn-primary,.form-footer-container .btn-secondary{font-size:.9em}.dropdown-menu.show .dropdown-item,.input-group-append span.input-group-text,.input-group-prepend span.input-group-text{font-size:.85em}.main-gantiPassword{margin-left:220px;margin-right:35px}.main-gantiPassword-child{max-width:50vw}.form-LoginForm.gantiPassword,.logo-container.gantiPassword{max-width:100%}.logo-container.gantiPassword h1{margin-bottom:0;font-size:.85em!important;padding:15px!important}.form-LoginForm.gantiPassword{padding:15px 25px 25px}.form-group-GantiPassword>input{padding:5px 10px!important;height:auto!important}.btn-container.gantiPassword .btn-primary,.btn-container.gantiPassword .btn-secondary{font-size:.9em}.unauthorize-container h1{font-size:2rem!important}.error_info{font-size:.75em;margin-bottom:0}}@media (min-width:991px) and (max-width:1280px){.home .main .container h4{font-size:1em}.form-group-GantiPassword>input{padding-top:15px;padding-bottom:15px}.main-gantiPassword{margin-left:300px}.form-LoginForm.gantiPassword,.logo-container.gantiPassword,.main-gantiPassword-child{max-width:35vw}.form-footer-container{width:100%!important;margin:30px 0 20px!important}.form-footer-container .btn-primary,.form-footer-container .btn-secondary{font-size:.9em}.unauthorize-container h1{font-size:1.8rem!important}.unauthorize-container h2{font-size:1.6rem!important}.error_info{font-size:.9em;margin-top:-5px}}.form-LoginForm{width:100%;max-width:900px;padding:20px;margin-right:auto;margin-left:auto}.box-LoginForm{display:flex;justify-content:center}.container-LoginForm{width:20rem;font-size:1.25rem;padding:10px 20px;margin:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (min-width:1280px){.container-LoginForm{width:25rem}}.logo-container{display:flex;justify-content:center;max-width:900px;width:100%;margin-left:auto;margin-right:auto;flex-direction:column-reverse}.logo-mkm:not(#logo-sidebar){padding:10px;width:180px;margin:auto}.judul-login{text-align:center;padding-bottom:15px;padding-top:5px;font-weight:500;font-size:18px}.eye-logo{float:right;margin-right:15px;position:relative;z-index:1;cursor:pointer;bottom:35px;width:1rem}.eye-logoChild{-webkit-filter:invert(82%) sepia(9%) saturate(102%) hue-rotate(1deg) brightness(87%) contrast(85%);filter:invert(82%) sepia(9%) saturate(102%) hue-rotate(1deg) brightness(87%) contrast(85%)}.black{-webkit-filter:invert(0) sepia(11%) saturate(7482%) hue-rotate(289deg) brightness(98%) contrast(94%);filter:invert(0) sepia(11%) saturate(7482%) hue-rotate(289deg) brightness(98%) contrast(94%)}.container-Toast{display:flex;justify-content:center}#btn-container-login{margin-top:5px;text-align:center;margin-left:auto;margin-right:auto;width:100%}#btn-loginForm{margin-top:15px;width:100%!important}.spinner-border{width:1.25rem!important;height:1.25rem!important}.login-adminNota{text-align:center;padding:20px}@media (max-width:575px){.logo-mkm:not(#logo-sidebar){width:150px}.container-LoginForm{width:70%}.form-LoginForm .btn-text{font-size:.9rem}#btn-container-login{margin-top:1.5rem}}@media (min-width:575px) and (max-width:767px){.container-LoginForm{width:55%}#btn-container-login{margin-top:2rem}}@media (min-width:767px) and (max-width:991px){.container-LoginForm{width:60%}#btn-container-login{margin-top:2rem}}.sidenav{height:100%;width:300px;position:fixed;z-index:1;top:0;left:0;box-shadow:2px 2px 8px;overflow-x:hidden;overflow-y:hidden;line-height:5vh}.sidenav a{padding:6px 6px 6px 20px;font-size:16px;display:block}.sidenav a,.sidenav a:hover{text-decoration:none}.main{margin-left:300px}#logo-sidebar{width:170px;padding:15px}@media screen and (max-height:467px){.sidenav a{font-size:12px}#logo-sidebar{width:80px}}.btn-logout-container{position:absolute;bottom:0;align-items:center;max-height:25vh;height:100%;width:100%}.button-bottom-container{margin-bottom:3vh}.icon-sidebar{margin-right:20px}.copyright-container{padding:6px 20px;font-size:16px;background-color:#e9e9e9;color:#000;word-break:break-all;display:flex;justify-content:center;align-items:center;height:8vh}.button-refresh{background:transparent;display:flex;justify-content:center;margin-bottom:30px}.button-refresh>button{width:15vw}@media (max-width:575px){.home .sidenav{width:100px}#logo-sidebar{width:80px}.sidenav a{padding:5px;font-size:9px;line-height:1rem}.sidenav a svg{margin-right:10px}.copyright-container{padding:0;font-size:7px}.main{margin-left:125px;margin-right:20px}}@media (min-width:575px) and (max-width:767px){.home .sidenav{width:150px}#logo-sidebar{width:120px}.sidenav a{padding:8px 15px;font-size:12px;line-height:25px}.sidenav a svg{margin-right:10px}.copyright-container{padding:0;font-size:10px}.main{margin-left:185px;margin-right:30px}}@media (min-width:767px) and (max-width:991px){.home .sidenav{width:180px}#logo-sidebar{width:140px}.sidenav a{padding:10px 0 10px 15px;font-size:14px;line-height:20px}.copyright-container{padding:15px 8px;font-size:12px}.main{margin-left:220px;margin-right:35px}}.container-table{margin-top:3.5vh}.form-filter{padding:0 5vw;margin-bottom:20px}.form-filter>.title{text-align:center;font-size:24px;font-weight:700}.form-filter .form-label{font-size:12px}.form-filter button{width:100%}.form-btn-filter{display:flex;flex-direction:column;justify-content:flex-end}.dataTables_wrapper,.table_footer{max-width:1080px;font-size:1em;margin-left:auto;margin-right:auto}.dataTables_wrapper .dataTables_paginate .paginate_button{padding:2px 8px}#data_table_wrapper{text-align:left}#data_table>thead>tr{height:0!important;border:none!important}table.dataTable thead td,table.dataTable thead th{border:none}.dataTables_length{padding:14.25px;font-weight:700}table.dataTable tbody td,table.dataTable tbody th{padding:5px 15px}.center.pengiriman{font-size:10px;height:100%;align-items:center}.dataTables_filter>label>input{border-radius:15px;border:none;outline:none;width:220px;height:30px;font-size:1em;padding-left:10px}.dataTables_filter{display:flex;justify-content:center;align-items:center;padding:12px;font-weight:700}::-webkit-scrollbar{width:10px}.icon_container{display:flex;flex-direction:row;justify-content:space-around}.icon{width:24px;padding:5px}.icon:hover{cursor:pointer;-webkit-filter:invert(25%) sepia(96%) saturate(6726%) hue-rotate(351deg) brightness(82%) contrast(79%);filter:invert(25%) sepia(96%) saturate(6726%) hue-rotate(351deg) brightness(82%) contrast(79%)}.btn-table-container{text-align:left;max-width:1080px;margin-left:auto;margin-right:auto}#btn-container{margin-top:5px;text-align:center;width:135px}#btn-tambah{width:20%;font-size:1em;margin-top:15px}td.pengiriman{display:flex;justify-content:space-around}.container-pagination{display:flex;justify-content:center;height:80px}.table_footer{width:100%;padding:10px;max-height:75px}.modal-body{text-align:center;word-break:break-word}.modal-footer{justify-content:space-evenly!important}ul{text-align:left}.modal-loading-content>div>.modal-content{background:transparent;outline:none;border:none;height:25vw}.modal-loading-body{background:transparent;display:flex;justify-content:center;align-items:center}.spinner-loading{width:5vw!important;height:5vw!important;border-right-color:transparent!important}#nama-supir{display:flex;justify-content:center}#inv-cust-filter{font-size:10px;color:red;margin-top:5px}@media (max-width:575px){.container-table #nama-supir h4{font-size:.65em;padding:3px 8px}.container-table{margin-bottom:4vh}.dataTables_length{padding-bottom:8px;font-size:.6em}table.dataTable tbody td,table.dataTable tbody th,table.dataTable thead td,table.dataTable thead th{font-size:.6em;padding:5px}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{padding-top:0;font-size:.6em}.dataTables_wrapper .dataTables_paginate .paginate_button{padding:0}.dataTables_wrapper .dataTables_filter{margin-top:10px}.dataTables_wrapper .dataTables_filter label{margin-bottom:5px;font-size:.6em}.dataTables_filter>label>input{height:15px;width:100%;margin-top:5px}.btn-table-container{margin:0}#btn-container{margin-top:3px;width:100%}#btn-tambah{font-size:.6em;padding:2px 0;margin-top:20px}.table_footer{height:85px;max-height:none}.form-filter{padding:0;margin-bottom:15px}.form-filter .form-label{font-size:7px}.form-group select.form-control,input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{font-size:.5em;padding:0 5px}.form-filter button{font-size:.6em;margin-bottom:5px}}@media (min-width:575px) and (max-width:767px){.container-table #nama-supir h4{font-size:.65em;padding:3px 8px}.container-table{margin-bottom:7vh}.dataTables_length{padding-bottom:8px;font-size:.7em}table.dataTable tbody td,table.dataTable tbody th,table.dataTable thead td,table.dataTable thead th{font-size:.7em;padding:8px}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{padding-top:0;font-size:.7em}.dataTables_wrapper .dataTables_paginate .paginate_button{padding:0}.dataTables_wrapper .dataTables_filter{margin-top:10px}.dataTables_wrapper .dataTables_filter label{margin-bottom:5px;font-size:.7em}.dataTables_filter>label>input{height:20px}#btn-container{margin-top:5px}#btn-tambah{font-size:.7em;padding:2px 0;margin-top:25px}.table_footer{height:90px;max-height:none}.form-filter{padding:0;margin-bottom:15px}.form-filter .form-label{font-size:10px}.form-group select.form-control,input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{font-size:.7em;padding:0 5px}.form-filter button{font-size:.7em;margin-bottom:10px}}@media (min-width:767px) and (max-width:991px){.container-table #nama-supir h4{font-size:.75em;padding:5px 10px}.dataTables_length{padding:12px 12px 5px;font-size:.75em}table.dataTable tbody td,table.dataTable tbody th,table.dataTable thead td,table.dataTable thead th{font-size:.8em;padding:10px}.dataTables_wrapper .dataTables_info{font-size:.75em}.dataTables_wrapper .dataTables_paginate .paginate_button{font-size:.75em;padding:0 3px}.dataTables_wrapper .dataTables_filter{font-size:.8em}.dataTables_filter>label>input{height:25px}#btn-tambah{font-size:.75em;margin-top:0}.form-filter{padding:0}.form-group select.form-control,input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{font-size:.75em;padding:0 5px}.form-filter button{font-size:.8em;margin-bottom:10px}.table_footer{max-height:60px}}@media (min-width:991px) and (max-width:1440px){.main{margin-left:340px;margin-right:35px}}
/*# sourceMappingURL=main.517716fd.chunk.css.map */