::-webkit-scrollbar{display:none}font{pointer-events:none}.scrollbar-secondary{&::-webkit-scrollbar{width:5px;height:5px;display:block}&::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #dadada;border-radius:10px}&::-webkit-scrollbar-thumb{background:#cecece;border-radius:10px}&::-webkit-scrollbar-thumb:hover{background:#c2c2c2}}.scrollbar-default{&::-webkit-scrollbar{width:10px;height:10px;display:block}&::-webkit-scrollbar-track{background:#f1f1f1}&::-webkit-scrollbar-thumb{background:#c1c1c1}&::-webkit-scrollbar-thumb:hover{background:#aeaeae}}html{font-size:16px}#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;margin:0}.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}.v-select{width:100%}.v-select .vs__selected-options{flex-wrap:nowrap;font-weight:400}.v-select .vs__selected-options .vs__selected{white-space:nowrap;margin:0}.v-select .vs__actions{padding-top:0}.vs__dropdown-toggle{padding:10px!important;border:1.3px solid #d2a92a!important;box-shadow:3px 2px 4px rgba(0,0,0,.1)}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 #d2a92a;font-size:18px;color:#d2a92a;text-align:center;width:100%;border-radius:100px;font-weight:700}.document-placeholder{border-radius:15px;padding:20px;width:100%;background-color:#d2a92a;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:#d2a92a;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:#d2a92a;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}.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:#d2a92a;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:450px;margin:0 auto;border:1px solid #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)}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.btn-small{font-size:1rem;padding:.2em .5em;border-radius:5px}.base-input{background:#fff;border:.5px solid transparent;border-radius:10px;padding:.5em 3em .5em 1em;transition:all .1s ease;box-shadow:0 10px 20px rgba(0,0,0,.15)}.base-input:focus{box-shadow:0 0 5px -1px #d2a92a}.input-search-container{display:grid;position:relative;color:#a3a1a1;font-size:14px;height:37px;margin:0}.input-search-container .input-search:focus{box-shadow:0 5px 10px rgba(210,169,42,.368627451);border:.5px solid #f1e1af}.input-search-container .input-search:focus+svg{color:#f1e1af}.input-search-container>svg{position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer;transition:color .1s ease}.input-search-container>svg:hover{color:#f1e1af}.pagination{color:#000;font-size:16px;justify-content:center;gap:1em}.pagination li>a{text-align:center;background-color:transparent;border-radius:5px;border:1px solid #000;display:flex;justify-content:center;align-items:center;min-width:30px;height:30px;padding:1px 5px}.pagination li>a:hover{background-color:#d2a92a;color:#fff!important;border:1px solid #d2a92a}.pagination li:first-child>a{border-top-left-radius:5px;border-bottom-left-radius:5px}.pagination li:first-child>a,.pagination li:last-child>a{width:30px;height:30px;color:#000;display:flex;padding:5px}.pagination li:last-child>a{border-top-right-radius:5px;border-bottom-right-radius:5px}.pagination li.page-item{min-width:30px}.pagination li.page-item.active{color:#fff}.pagination li.page-item.active a{border:1px solid #d2a92a;background:#d2a92a}.pagination li.disabled a{color:#000;border:1px solid transparent}.pagination li.disabled a:hover{background:#fff;color:#d3d3d3!important;border:1px solid #d3d3d3}.custom-dropdown{height:34px!important;line-height:34px!important}.btn-read-more{border:none;background:none;font-weight:700;color:#d2a92a}.mx-datepicker{width:100%!important;flex:1}.mx-datepicker .mx-input{border:1px solid #d2a92a;border-radius:10px;height:auto;padding:7.5px 14px}.mx-datepicker .mx-input:hover{border-color:#b90f12}.mx-datepicker .mx-input:focus{box-shadow:0 0 5px -1px #d2a92a}.mx-datepicker .mx-input:disabled{border-color:#d2a92a}.vue-tags-input{width:100%;max-width:none!important}.vue-tags-input.ti-disabled .ti-input{background:#f0f0f0!important}.vue-tags-input .ti-input{border:1px solid #d2a92a!important;border-radius:10px;font-size:14px!important;padding:3px!important}.vue-tags-input .ti-input:hover{border-color:#b90f12!important}.vue-tags-input .ti-input .ti-tags .ti-tag.ti-valid{background-color:#d2a92a;align-items:center;font-size:14px;padding:5px 7px!important}.vue-tags-input .ti-input .ti-tags .ti-tag span{line-height:normal}.vue-tags-input .ti-input .ti-tags .ti-new-tag-input-wrapper{font-size:14px;padding:0!important}.vue-tags-input .ti-input .ti-tags .ti-new-tag-input-wrapper .ti-new-tag-input.ti-valid{padding:5px 7px!important}.swal2-popup.swal2-toast .swal2-header{justify-content:center}.vue-pdf-embed>div{box-shadow:0 2px 8px 4px rgba(0,0,0,.1)}.vue-pdf-embed>div:not(:last-child){margin-bottom:8px}.multiselect{font-weight:400;font-size:14px}.multiselect .multiselect__tags{border-color:#d2a92a;border-radius:10px}.multiselect .multiselect__tags .multiselect__tag{background-color:#d2a92a;white-space:normal}.multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after{color:#fff}.multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:hover{background:#d2a92a}.multiselect .multiselect__tags .multiselect__input{font-size:14px}.multiselect .multiselect__tags .multiselect__placeholder{margin:0}.multiselect .multiselect__content-wrapper{border-color:#d2a92a!important}.multiselect .multiselect__content-wrapper .multiselect__content{font-size:14px}.multiselect .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option--highlight,.multiselect .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option--highlight:after{background:#d2a92a}.multiselect .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option--highlight.multiselect__option--selected,.multiselect .multiselect__content-wrapper .multiselect__content .multiselect__element .multiselect__option--highlight.multiselect__option--selected:after{background:#d23b2a}.multiselect__element,.multiselect__single,.multiselect__tags{font-size:.8rem!important}.multiselect-custom.outline .multiselect__tags{border:1.3px solid #d2a92a;box-shadow:3px 2px 4px rgba(0,0,0,.1)}.multiselect-custom .multiselect__tags{min-width:155px;border:none;box-shadow:0 10px 20px rgba(0,0,0,.15);min-height:36px;padding-top:5px;padding-left:15px}.multiselect-custom .multiselect__tags .multiselect__placeholder{color:#000}.multiselect-custom .multiselect__select:before{top:80%;right:-5px;color:#d2a92a;border-color:#d2a92a transparent transparent;border-width:13px 9px 0;border-radius:2px}.date-custom.mx-datepicker .mx-input-wrapper{min-width:210px!important}.date-custom.mx-datepicker .mx-input-wrapper input{border:none;box-shadow:0 10px 20px rgba(0,0,0,.15)}.main-container{display:flex;flex-direction:column;gap:1.5em;flex:1}@media only screen and (max-width:425px){.main-container{gap:1em}}.copyright{display:flex;justify-content:center;align-items:center;text-align:center}.copyright>p{line-height:.8rem;font-size:.7rem;margin:1rem 0 -.5rem;color:grey}.filter-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(147deg,hsla(0,0%,42.4%,.2),hsla(0,0%,42.4%,.2));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;justify-content:center;align-items:center}.filter-wrapper .filter-container{width:90%;max-width:800px;height:auto;max-height:100vh;background:#fff;display:flex;flex-direction:column}.filter-wrapper .filter-container header{padding:.5rem 2rem;border-bottom:1px solid #d3d3d3}.filter-wrapper .filter-container h2,.filter-wrapper .filter-container h3,.filter-wrapper .filter-container label,.filter-wrapper .filter-container p{margin:0}.filter-wrapper .filter-container h2{font-size:1.2rem}.filter-wrapper .filter-container h3{font-size:1rem}.filter-wrapper .filter-body{padding:1rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;overflow:auto}.filter-wrapper .filter-body section{display:flex;flex-direction:column;gap:1rem}.list-container,.list-container>div{display:flex;flex-direction:column}.list-container>div{padding-left:1rem;gap:.2rem;max-height:100px;overflow:auto}.list-container>div label{display:flex;align-items:center;gap:.5rem;font-weight:400}.search-list-wrapper{flex:1;display:flex;flex-direction:column;gap:1rem}.search-list-wrapper .tag{background-color:#d2a92a;color:#fff;padding:1px 8px;border-radius:5px;display:flex;gap:.5rem;align-items:center;justify-content:center;text-wrap:nowrap;font-size:.7rem}.search-list-wrapper .tag button{background:none;border:none;padding:0;color:#fff}.search-list-container{margin-top:.5rem;position:absolute;z-index:50;top:2rem;left:0;right:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:200px;overflow:auto;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.15);border-radius:5px}.search-list-container ul{list-style:none;padding:0;margin:0}.search-list-container ul li{padding:.5rem 1rem}.search-list-container ul li:focus,.search-list-container ul li:hover{background:#d2a92a;color:#fff}.search-list-container>p{padding:.5rem 1rem;color:#d3d3d3;text-align:center;margin:0}