::-webkit-scrollbar{display:none}#sidebar-menu>ul>li>a,.breadcrumb li,.breadcrumb li a,.page-title,body{font-size:22px}.page-title-box{margin-bottom:20px}.table thead th{font-size:24px}input.form-control{font-size:18px;padding:23px 15px!important}.page-title-box .page-title{font-size:24px}.btn{font-size:18px}.modal-content{max-height:95vh;overflow-y:auto;overflow-x:hidden}.col-form-label-sm{font-size:18px}.modal-content{.card{border-radius:0}}.side-menu{width:300px}.content-page{margin-left:300px}.table{.btn{display:inline-block!important;margin:3px!important}}.dripicons-preview{font-size:14px!important}.content-page>.content{height:90vh!important}.btn[disabled=disabled]{pointer-events:none;cursor:default;border:1px solid #7e7f80;background-color:#7e7f80!important}.table-w-input table{table-layout:fixed}.table-w-input td,.table-w-input th{width:100px}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:14px;width:14px;left:4px;bottom:3px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(18px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.font-12{font-size:12px}.badge-custom{font-weight:400!important;font-size:14px!important;padding:5px 20px!important}.error-input{display:none}.form-group.is-invalid .form-control,.form-group.is-invalid .v-select .vs__dropdown-toggle{border:1.5px solid #f24545;box-shadow:0 0 0 2px rgba(255,0,0,.2)}.form-group .error{margin-top:5px;display:block;font-size:12px;color:#fff;background-color:#ff3434;padding:3px 12px;border-radius:5px}.btn:disabled{cursor:not-allowed}.body-box-custom{padding:20px;margin-top:10px}.body-box-custom,.header-box-custom{border-radius:10px;border:1px solid #ddd}.header-box-custom{padding:10px 20px;background-color:#f3f3f3}.upload-image{height:190px;border-radius:10px;max-width:100%;border:1.5px dashed #00f;cursor:pointer}.loader-overlay{position:absolute;height:100%;width:100%;left:0;top:0;background-color:hsla(0,0%,100%,.6);z-index:9999}a{color:#000}.form-control,.vs__dropdown-toggle{border-radius:10px!important}.filterdata .vs__selected{font-size:12px}textarea.form-control{border-radius:10px!important}.btn{border-radius:10px}.button-fab-add{position:fixed;bottom:30px;right:30px;padding:6px 16px 3px;z-index:999;box-shadow:0 0 68px 0 #a3bae6}.button-fab-add i{font-size:35px}.btn-info{background-color:#cfa627;border:1px solid #cfa627}.btn-info:active,.btn-info:focus,.btn-info:hover{background-color:#c39713!important;border:1px solid #c39713!important;box-shadow:none}.table button i{font-size:15px}@media only screen and (min-width:992px){.header-top-view{display:none}}@media only screen and (max-width:992px){.header-top-bottom,.navbar-custom{display:none}}body{background-color:#f6fffd;height:100vh}.vs__dropdown-toggle{padding:10px!important}select.form-control{height:50px}.custom-control-input:disabled~.custom-control-label:before,.custom-control-input[disabled]~.custom-control-label:before{background-color:#9a9a9a!important}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search{background-color:#e9ecef!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.side-menu .router-link-active{background-color:#2e8846!important}.modal-dialog{overflow-y:initial!important}.btn-add-default,.btn-add-default:hover{background-color:rgba(42,204,102,.2);padding:15px 20px;border:1.5px dashed #1e7235;font-size:18px;color:#1e7235;text-align:center;width:100%;border-radius:100px;font-weight:700}.document-placeholder{border-radius:15px;padding:20px;width:100%;background-color:#1e7235;color:#fff}.content-page>.content{margin-bottom:100px;height:85vh;overflow:auto}.card{border-radius:20px;box-shadow:0 0 6px rgba(90,90,90,.1607843137)}.font-statistic{color:#1e7235;font-size:42px;font-weight:700}.page-link{cursor:pointer;padding:0}.page-link.disabled{background-color:#ddd;color:#868686}.page-link.active{background-color:#1e7235;color:#fff}.page-link a{display:inline-block;padding:.5rem .75rem}.vs--searchable .vs__dropdown-toggle{padding:5px!important}.table-responsive .table th:last-child{text-align:right}.table-responsive .table td:last-child{width:180px;text-align:right}.btn:disabled{background-color:#404040!important;border:1px solid #404040!important;color:#fff!important}.modal-content{max-height:95vh}.modalInfoStocking,.modalTub{background:rgba(0,0,0,.5)}.modal-content .card{border-radius:0}.modal-custom-container{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;font-size:16px;z-index:1000}.modal-custom-container .modal-custom-body{background:#fff;border-radius:15px;display:grid;gap:1em;justify-items:center;align-items:center;align-content:center;padding:2.5em 1em 1.5em;min-height:300px;width:80%;max-width:500px;position:relative}.modal-custom-container .modal-custom-body .modal-custom-close{position:absolute;top:10px;right:10px;background-color:transparent;border:none;border-radius:5px;padding:5px;display:flex}.modal-custom-container .modal-custom-body p{margin:0;font-weight:700;font-size:16px;line-height:22px;text-align:center;max-width:70%}.modal-custom-container .modal-custom-action{display:grid;gap:.8em;width:100%}.modal-custom-container .modal-custom-action textarea{background:#ebe9e9;border-radius:15px;border:none;padding:16px}.tab-wrapper .tab-item{width:50%;padding:5px 10px;text-align:center}.tab-wrapper .tab-item:first-child{border-radius:5px 0 0 5px}.tab-wrapper .tab-item:last-child{border-radius:0 5px 5px 0}.tab-wrapper .tab-item.active{background-color:#1e7235;color:#fff}.form-check-input{margin-top:6px}.table-form-class{border:0;text-align:center;padding:10px 2px;width:100%}.table-w-input tr td,.table-w-input tr th{font-size:16px;vertical-align:middle}.table-w-input .vs__dropdown-toggle{border:0}.table-w-input thead{border-bottom:1px solid #dee2e6;z-index:999;background-color:#fff}.table-w-input .form-control{border:0}.card-dasboard-filter .mx-icon-clear{display:none!important}.col-2dot4,.col-lg-2dot4,.col-md-2dot4,.col-sm-2dot4,.col-xl-2dot4{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col-2dot4{flex:0 0 20%;max-width:20%}@media (min-width:540px){.col-sm-2dot4{flex:0 0 20%;max-width:20%}}@media (min-width:720px){.col-md-2dot4{flex:0 0 20%;max-width:20%}}@media (min-width:960px){.col-lg-2dot4{flex:0 0 20%;max-width:20%}}@media (min-width:1140px){.col-xl-2dot4{flex:0 0 20%;max-width:20%}}.table-w-input thead{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 1px 12px -1px rgba(0,0,0,.51)}.table-w-input{height:calc(100vh - 120px);overflow:scroll}@media (min-width:425px){.mobile-width-constraint{max-width:400px;margin:0 auto;box-shadow:0 0 5px -1px #d3d3d3;position:relative}}.option-menu-container{position:relative}.option-menu-container .option-menu{display:flex;justify-content:flex-end}.option-menu-container .option-menu>button{padding:10px;background:transparent;border:none;cursor:pointer;display:grid;border-radius:2px;transition:all .15s ease}.option-menu-container .option-menu>button:hover{background:#ececec}.option-menu-container .option-menu .option-lists{background:rgba(0,0,0,.8);box-shadow:3px 2px 4px 0 rgba(0,0,0,.1019607843);border-radius:10px;position:absolute;top:100%;font-size:16px;text-align:center;display:grid;z-index:100;overflow:hidden}.option-menu-container .option-menu .option-lists button{background:transparent;border:none;cursor:pointer;display:grid;color:#fff;padding:5px 10px}.option-menu-container .option-menu .option-lists button:first-child{border-bottom:1px solid #fff}.option-menu-container .option-menu .option-lists button:hover{background:rgba(0,0,0,.2)}.status{background:#2ad296;border-radius:10px;padding:0 10px;text-align:center;color:#fff}.select-show-page-container select{padding:5px 1em;border:1px solid #d3d3d3}ul.pagination{color:grey;font-size:12px;justify-content:center;margin-top:1em}ul.pagination li a{border:1px solid #d3d3d3;text-align:center;background-color:#fff;padding:8px 12px;display:flex;justify-content:center;align-items:center}ul.pagination li a:hover{background-color:#cfa627;color:#fff!important;border:1px solid #cfa627}ul.pagination li.page-item{min-width:40px}ul.pagination li.page-item.active a{color:#fff;background-color:#cfa627;border:1px solid #cfa627;outline:3.5px solid rgba(172,172,255,.5)}ul.pagination li.disabled a{color:#d3d3d3}ul.pagination li.disabled a:hover{background:#fff;color:#d3d3d3!important;border:1px solid #d3d3d3}.text-elipsis{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.input-primary{border-radius:15px;border:1px solid #d3d3d3;padding:.8em 1em;box-shadow:2px 2px 5px #d3d3d3}.input-primary:focus{box-shadow:0 0 3px #d2a92a}.input-base{border-radius:15px;border:1px solid #d3d3d3;padding:.8em 1em;box-shadow:2px 2px 5px #d3d3d3;width:100%;background:#fff}.input-base.disabled{background:#eaeaea}.modal-action-container{display:flex;flex-direction:column-reverse;gap:1em;width:90%}button.btn-utama{background-color:#d2a92a;padding:.5em 1em;border-radius:15px;border:none;color:#fff;box-shadow:2px 2px 5px #d3d3d3;font-size:18px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s ease}button.btn-utama:hover{background:#e8c14b}button.btn-utama:disabled{background-color:rgba(210,169,42,.6705882353)}button.btn-kedua{background-color:#fff;padding:.5em 1em;border-radius:15px;border:1px solid #d2a92a;color:#d2a92a;box-shadow:2px 2px 5px #d3d3d3;font-size:18px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s ease}button.btn-kedua:hover{color:#fff;background:#e8c14b}.btn-qrcode{background:none;border-radius:10px;border:1px solid #d3d3d3;box-shadow:2px 2px 5px #d3d3d3;color:grey;transition:color .1s ease}.btn-qrcode:hover{color:#2f4f4f}.mx-datepicker{width:100%!important}.mx-datepicker .mx-input-wrapper .mx-input{border-radius:15px;border:1px solid #d3d3d3;padding:.8em 1em;box-shadow:2px 2px 5px #d3d3d3;width:100%;background:#fff;height:auto;font-size:medium;line-height:normal}.mx-datepicker .mx-input-wrapper .mx-input.disabled{background:#eaeaea;color:grey!important}.mx-datepicker .mx-input-wrapper .mx-icon-calendar{right:1em}.mx-datepicker.disabled-datepicker input{box-shadow:none!important;color:#000!important}.swal2-popup.swal2-toast .swal2-header{justify-content:center}#swal2-content{text-align:center}.qrcode-stream-wrapper.rear>video{transform:rotateY(0deg)}.qrcode-stream-wrapper.front>video{transform:rotateY(180deg)}.bounce-enter-active{animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@keyframes bounce-in{0%{z-index:50;transform:translateY(100%)}to{z-index:50;transform:translateY(0)}}.ghost-enter-active{animation:ghost-in .15s}.ghost-leave-active{animation:ghost-in .15s reverse}@keyframes ghost-in{0%{z-index:50;opacity:0}to{z-index:50;opacity:1}}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .15s ease}.slide-right-enter,.slide-right-leave-to{transform:translateX(100%)}.slide-left-enter,.slide-left-leave-to{transform:translateX(-100%)}.slide-left-leave-active,.slide-left-leave-to,.slide-right-leave-active,.slide-right-leave-to{display:none}.fade-enter-active,.fade-leave-active{transition:all .15s ease}.fade-enter,.fade-leave-to{opacity:0;transform:translateY(100%);position:absolute}.fade-leave-active,.fade-leave-to{opacity:0;display:none}.skeleton{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#eee}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));animation:skeleton-loading 1.5s infinite;content:""}@keyframes skeleton-loading{to{transform:translateX(100%)}}.copyright{margin-top:1rem}.copyright p{font-size:.6rem;line-height:.8rem;color:#d3d3d3;text-align:center}