.heading-h-1-regular{font-family:DM Sans,sans-serif;font-size:72px;font-weight:400;line-height:1.17em}.heading-h-1-medium{font-family:DM Sans,sans-serif;font-size:72px;font-weight:500;line-height:1.17em}.heading-h-1-semibold{font-family:DM Sans,sans-serif;font-size:72px;font-weight:600;line-height:1.17em}.heading-h-1-bold{font-family:DM Sans,sans-serif;font-size:72px;font-weight:700;line-height:1.17em}.heading-h-2-regular{font-family:DM Sans,sans-serif;font-size:60px;font-weight:400;line-height:1.2em}.heading-h-2-medium{font-family:DM Sans,sans-serif;font-size:60px;font-weight:500;line-height:1.2em}.heading-h-2-semibold{font-family:DM Sans,sans-serif;font-size:60px;font-weight:600;line-height:1.2em}.heading-h-2-bold{font-family:DM Sans,sans-serif;font-size:60px;font-weight:700;line-height:1.2em}.heading-h-3-regular{font-family:DM Sans,sans-serif;font-size:48px;font-weight:400;line-height:1.25em}.heading-h-3-medium{font-family:DM Sans,sans-serif;font-size:48px;font-weight:500;line-height:1.25em}.heading-h-3-semibold{font-family:DM Sans,sans-serif;font-size:48px;font-weight:600;line-height:1.25em}.heading-h-3-bold{font-family:DM Sans,sans-serif;font-size:48px;font-weight:700;line-height:1.25em}.heading-h-4-regular{font-family:DM Sans,sans-serif;font-size:36px;font-weight:400;line-height:1.22em}.heading-h-4-medium{font-family:DM Sans,sans-serif;font-size:36px;font-weight:500;line-height:1.22em}.heading-h-4-semibold{font-family:DM Sans,sans-serif;font-size:36px;font-weight:600;line-height:1.22em}.heading-h-4-bold{font-family:DM Sans,sans-serif;font-size:36px;font-weight:700;line-height:1.22em}.heading-h-5-regular{font-family:DM Sans,sans-serif;font-size:30px;font-weight:400;line-height:1.27em}.heading-h-5-medium{font-family:DM Sans,sans-serif;font-size:30px;font-weight:500;line-height:1.27em}.heading-h-5-semibold{font-family:DM Sans,sans-serif;font-size:30px;font-weight:600;line-height:1.27em}.heading-h-5-bold{font-family:DM Sans,sans-serif;font-size:30px;font-weight:700;line-height:1.27em}.heading-h-6-regular{font-family:DM Sans,sans-serif;font-size:24px;font-weight:400;line-height:1.33em}.heading-h-6-medium{font-family:DM Sans,sans-serif;font-size:24px;font-weight:500;line-height:1.33em}.heading-h-6-semibold{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;line-height:1.33em}.heading-h-6-bold{font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;line-height:1.33em}.body-text-xl-regular{font-family:DM Sans,sans-serif;font-size:20px;font-weight:400;line-height:1.5em}.body-text-xl-medium{font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;line-height:1.5em}.body-text-xl-semibold{font-family:DM Sans,sans-serif;font-size:20px;font-weight:600;line-height:1.5em}.body-text-xl-bold{font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;line-height:1.5em}.body-text-lg-regular{font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.56em}.body-text-lg-medium{font-family:DM Sans,sans-serif;font-size:18px;font-weight:500;line-height:1.56em}.body-text-lg-semibold{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;line-height:1.56em}.body-text-lg-bold{font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;line-height:1.56em}.body-text-md-base-regular{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em}.body-text-md-base-medium{font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;line-height:1.5em}.body-text-md-base-semibold{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;line-height:1.5em}.body-text-md-base-bold{font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.5em}.body-text-sm-regular{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.43em}.body-text-sm-medium{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.43em}.body-text-sm-semibold{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.43em}.body-text-sm-bold{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;line-height:1.43em}.body-text-xs-regular{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;line-height:1.5em}.body-text-xs-medium{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;line-height:1.5em}.body-text-xs-semibold{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;line-height:1.5em}.body-text-xs-bold{font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;line-height:1.5em}.base-white{color:#fff}.bg-base-white{background-color:#fff}.base-black{color:#000}.bg-base-black{background-color:#000}.gray-25{color:#fcfcfd}.bg-gray-25{background-color:#fcfcfd}.gray-50{color:#f9fafb}.bg-gray-50{background-color:#f9fafb}.gray-100{color:#f2f4f7}.bg-gray-100{background-color:#f2f4f7}.gray-200{color:#eaecf0}.bg-gray-200{background-color:#eaecf0}.gray-300{color:#d0d5dd}.bg-gray-300{background-color:#d0d5dd}.gray-400{color:#98a2b3}.bg-gray-400{background-color:#98a2b3}.gray-500{color:#667085}.bg-gray-500{background-color:#667085}.gray-600{color:#475467}.bg-gray-600{background-color:#475467}.gray-700{color:#344054}.bg-gray-700{background-color:#344054}.gray-800{color:#1d2939}.bg-gray-800{background-color:#1d2939}.gray-900{color:#101828}.bg-gray-900{background-color:#101828}.primary-red{color:#c1121f}.bg-primary-red{background-color:#c1121f}.primary-red-dark{color:#780000}.bg-primary-red-dark{background-color:#780000}.primary-blue{color:#669bbc}.bg-primary-blue{background-color:#669bbc}.primary-blue-dark{color:#003049}.bg-primary-blue-dark{background-color:#003049}.primary-cream{color:#fdf0d5}.bg-primary-cream{background-color:#fdf0d5}.primary-purple-dark-25{color:#f6f2f9}.bg-primary-purple-dark-25{background-color:#f6f2f9}.primary-purple-dark-50{color:#ede7f1}.bg-primary-purple-dark-50{background-color:#ede7f1}.primary-purple-dark-100{color:#d5ccdb}.bg-primary-purple-dark-100{background-color:#d5ccdb}.primary-purple-dark-200{color:#ac99b8}.bg-primary-purple-dark-200{background-color:#ac99b8}.primary-purple-dark-300{color:#826694}.bg-primary-purple-dark-300{background-color:#826694}.primary-purple-dark-400{color:#593371}.bg-primary-purple-dark-400{background-color:#593371}.primary-purple-dark-500{color:#2f004d}.bg-primary-purple-dark-500{background-color:#2f004d}.primary-purple-dark-600{color:#26003e}.bg-primary-purple-dark-600{background-color:#26003e}.primary-purple-dark-700{color:#1c002e}.bg-primary-purple-dark-700{background-color:#1c002e}.primary-purple-dark-800{color:#13001f}.bg-primary-purple-dark-800{background-color:#13001f}.primary-purple-dark-900{color:#09000f}.bg-primary-purple-dark-900{background-color:#09000f}.primary-green-25{color:#f7f9f1}.bg-primary-green-25{background-color:#f7f9f1}.primary-green-50{color:#f5faeb}.bg-primary-green-50{background-color:#f5faeb}.primary-green-100{color:#eaf2d8}.bg-primary-green-100{background-color:#eaf2d8}.primary-green-200{color:#d5e5b1}.bg-primary-green-200{background-color:#d5e5b1}.primary-green-300{color:#c1d98b}.bg-primary-green-300{background-color:#c1d98b}.primary-green-400{color:#accc64}.bg-primary-green-400{background-color:#accc64}.primary-green-500{color:#97bf3d}.bg-primary-green-500{background-color:#97bf3d}.primary-green-600{color:#799931}.bg-primary-green-600{background-color:#799931}.primary-green-700{color:#5b7325}.bg-primary-green-700{background-color:#5b7325}.primary-green-800{color:#2f3e0e}.bg-primary-green-800{background-color:#2f3e0e}.primary-green-900{color:#1e260c}.bg-primary-green-900{background-color:#1e260c}.warning-25{color:#fffcf5}.bg-warning-25{background-color:#fffcf5}.warning-50{color:#fffaeb}.bg-warning-50{background-color:#fffaeb}.warning-100{color:#fef0c7}.bg-warning-100{background-color:#fef0c7}.warning-200{color:#fedf89}.bg-warning-200{background-color:#fedf89}.warning-300{color:#fec84b}.bg-warning-300{background-color:#fec84b}.warning-400{color:#fdb022}.bg-warning-400{background-color:#fdb022}.warning-500{color:#f79009}.bg-warning-500{background-color:#f79009}.warning-600{color:#dc6803}.bg-warning-600{background-color:#dc6803}.warning-700{color:#b54708}.bg-warning-700{background-color:#b54708}.warning-800{color:#93370d}.bg-warning-800{background-color:#93370d}.warning-900{color:#7a2e0e}.bg-warning-900{background-color:#7a2e0e}.danger-100{color:#f8d7da}.bg-danger-100{background-color:#f8d7da}.danger-200{color:#f1aeb5}.bg-danger-200{background-color:#f1aeb5}.danger-300{color:#ea868f}.bg-danger-300{background-color:#ea868f}.danger-400{color:#e35d6a}.bg-danger-400{background-color:#e35d6a}.danger-500{color:#dc3545}.bg-danger-500{background-color:#dc3545}.danger-600{color:#b02a37}.bg-danger-600{background-color:#b02a37}.danger-700{color:#842029}.bg-danger-700{background-color:#842029}.danger-800{color:#58151c}.bg-danger-800{background-color:#58151c}.danger-900{color:#2c0b0e}.bg-danger-900{background-color:#2c0b0e}.done-25{color:#f6fef9}.bg-done-25{background-color:#f6fef9}.done-50{color:#ecfdf3}.bg-done-50{background-color:#ecfdf3}.done-100{color:#d1fadf}.bg-done-100{background-color:#d1fadf}.done-200{color:#a6f4c5}.bg-done-200{background-color:#a6f4c5}.done-300{color:#6ce9a6}.bg-done-300{background-color:#6ce9a6}.done-400{color:#32d583}.bg-done-400{background-color:#32d583}.done-500{color:#12b76a}.bg-done-500{background-color:#12b76a}.done-600{color:#039855}.bg-done-600{background-color:#039855}.done-700{color:#027a48}.bg-done-700{background-color:#027a48}.done-800{color:#05603a}.bg-done-800{background-color:#05603a}.done-900{color:#054f31}.bg-done-900{background-color:#054f31}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;overflow-x:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none!important}.anchor-inherit a{color:inherit}.anchor-inherit a:hover,.anchor-inherit a:focus{color:inherit}@media (max-width: 1024px) and (min-width: 813px){.tablet-row>.e-con-inner,.tablet-row--reverse>.e-con-inner{flex-direction:var(--flex-direction)!important}}@media (max-width: 812px) and (min-width: 600px){.tablet-row>.e-con-inner{flex-direction:column!important}}@media (max-width: 812px) and (min-width: 600px){.tablet-row--reverse>.e-con-inner{flex-direction:column-reverse!important}}*::-webkit-scrollbar{width:6px;height:4px}*::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000002c;border-radius:50px}*::-webkit-scrollbar-thumb{border-radius:50px;background-color:#780000}.swal2-confirm.swal2-styled{background-color:#c1121f}.swal2-confirm.swal2-styled:focus{box-shadow:0 0 4px .125rem #c1121e3b}.content-data-order.content-data-order.content-data-order{border-bottom:0;overflow:unset}.content-data-order.content-data-order.content-data-order th,.content-data-order.content-data-order.content-data-order td{text-align:start;vertical-align:middle}.content-data-order.content-data-order.content-data-order th{color:#fff}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .row:first-child{margin-bottom:10px}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 select.form-select{padding-right:24px;margin-right:8px}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .row.dt-row .col-sm-12{overflow-x:auto}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 div.dataTables_paginate{padding-top:.85em}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 div.dataTables_paginate .pagination{justify-content:flex-end}@media (max-width: 767px){.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 div.dataTables_paginate .pagination{justify-content:center}}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_length.dataTables_length.dataTables_length label{display:flex;align-items:center;gap:8px}@media (max-width: 767px){.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_length.dataTables_length.dataTables_length label{justify-content:center}}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_length.dataTables_length.dataTables_length label select{width:auto;margin-right:0}@media (max-width: 767px){.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_length,.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_filter{padding-bottom:10px;text-align:center;width:100%}}@media (max-width: 767px){.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_filter.dataTables_filter.dataTables_filter.dataTables_filter{display:flex;justify-content:start}}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_filter.dataTables_filter.dataTables_filter{margin-bottom:0}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-search,.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_filter{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px;position:relative}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-search label,.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_filter label{font-size:0}@media (max-width: 767px){.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-search label,.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_filter label{width:100%}}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-search:after,.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_filter:after{content:url(/build/assets/icon-search.svg);position:absolute;right:12px;z-index:4}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-search input[type=search],.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_filter input[type=search]{margin-top:0!important;margin-left:0;padding-right:40px;width:100%!important;max-width:420px}@media (max-width: 767px){.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-search input[type=search],.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_filter input[type=search]{max-width:100%}}@media (max-width: 767px){.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_info,.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_paginate{width:100%;justify-content:center}}@media (max-width: 767px){.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dataTables_info{padding-top:40px}}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-buttons.btn-group.flex-wrap{gap:8px}@media (max-width: 767px){.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-buttons.btn-group.flex-wrap{margin-bottom:20px}}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-buttons.btn-group.flex-wrap .btn-action-table{color:#c1121f;border:1px solid #c1121f;background-color:transparent;display:inline-flex;border-radius:8px;flex:0}.content-data-order.content-data-order.content-data-order .dataTables_wrapper.dt-bootstrap5 .dt-buttons.btn-group.flex-wrap .btn-action-table:hover{background-color:#c1121e3b}.content-data-order.content-data-order.content-data-order #notificationTable_filter label{display:flex;justify-content:flex-end;align-items:center;gap:8px}.content-data-order.content-data-order.content-data-order #notificationTable{overflow-x:auto}.btn-delete-preorder{background-color:#dc3545}.btn-preview-preorder.btn-preview-preorder.btn-preview-preorder.btn-preview-preorder.btn-preview-preorder{color:#000}.delete-btn{cursor:pointer}.table td,.table th{text-align:start;padding:6px}.supplier-data label{margin-bottom:8px}.supplier-data span[aria-labelledby=select2-supplier_id-container]{padding:15px 0;display:flex;align-items:center;border-radius:6px}.login-form{height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;overflow:hidden}.login-form .background-ornament{overflow:hidden;position:absolute;height:100%;width:100%}.login-form .background-ornament .bloob-one:before{content:"";position:absolute;width:550px;height:750px;opacity:.5;filter:blur(250px);-webkit-filter:blur(250px);transform:translateZ(0);z-index:1;right:0;top:50%;background:#c1121f}.login-form .background-ornament .bloob-one:after{content:"";position:absolute;width:550px;height:750px;opacity:.5;filter:blur(250px);-webkit-filter:blur(250px);transform:translateZ(0);z-index:1;left:0;top:0;background:#669bbc}.login-form .background-ornament .bloob-two:before{content:"";position:absolute;width:550px;height:750px;opacity:.5;filter:blur(250px);-webkit-filter:blur(250px);transform:translateZ(0);z-index:1;right:20%;top:0;background:#c1121f}.login-form .background-ornament .bloob-two:after{content:"";position:absolute;width:550px;height:750px;opacity:.5;filter:blur(250px);-webkit-filter:blur(250px);transform:translateZ(0);z-index:1;left:20%;bottom:0;background:#669bbc}.login-form form{width:100%;z-index:3}.login-form--wrapper{max-width:460px;margin:auto;padding-inline:16px}@media (max-width: 980px){.login-form--wrapper{max-width:100%}}.login-form-logo{margin-bottom:24px;margin-top:-60px;text-align:center;border-radius:50px;background:#c1121f;display:inline-flex;align-items:center;justify-content:center;padding:20px}.login-form-logo svg{height:40px;width:40px;fill:#fff}.login-form-body{padding:24px 32px;border-radius:16px;background:#ffffff54;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center}.login-form-body:before{content:"";position:absolute;width:550px;height:750px;opacity:.21;filter:blur(250px);-webkit-filter:blur(250px);transform:translateZ(0);z-index:-1;left:50%;top:50%;background:#fdf0d5;transform:translate(-50%,-50%)}.login-form-body .title{font-family:DM Sans,sans-serif;font-size:36px;font-weight:400;line-height:1.22em;text-align:center;margin-bottom:32px;color:#1d2939}.login-form-body .title.otp-form{margin-bottom:8px}.login-form-body .input-field{width:100%}.login-form-body .input-field-username,.login-form-body .input-field-password{display:flex;flex-direction:column;margin-bottom:24px}.login-form-body .input-field-username label,.login-form-body .input-field-password label{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;line-height:1.5em;color:#1d2939;margin-bottom:6px}.login-form-body .input-field-username input,.login-form-body .input-field-password input{padding:8px 16px;border-radius:6px;border:1px solid #eaecf0;color:#667085;outline:none;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em}.login-form-body .input-field-username input:focus,.login-form-body .input-field-password input:focus{color:#000;border:2px solid #c1121f;box-shadow:0 0 4px .125rem #c1121e54}.login-form-body .input-field-password .label-wrapper{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.login-form-body .input-field-password .label-wrapper label{margin-bottom:0}.login-form-body .input-field-password .label-wrapper .forgot-password{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;color:#1d2939;transition:all .3s ease}.login-form-body .input-field-password .label-wrapper .forgot-password:hover{color:#c1121f}.login-form-body .input-field-password .input-wrapper input{width:100%}.login-form-body .remember-login-wrapper{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:24px}.login-form-body .remember-login-wrapper label{display:inline-block;width:16px;height:16px;border-radius:4px;background-color:#fff;border:1px solid #d0d5dd;cursor:pointer;position:relative}.login-form-body .remember-login-wrapper span{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;color:#1d2939;padding-left:4px}.login-form-body .remember-login-wrapper .form-check-input{display:none}.login-form-body .remember-login-wrapper .form-check-input:checked+label{background-color:#c1121f;border-color:#c1121f;box-shadow:0 0 2px .125rem #c1121e54}.login-form-body .remember-login-wrapper .form-check-input:checked+label:after{content:url(/build/assets/check-solid.svg);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:14px}.login-form-body .button-form-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.login-form-body .button-form-wrapper .btn-login{width:100%;max-width:140px;padding:8px 32px;border-radius:6px;background-color:#c1121f;transition:all .3s ease;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.5em;text-transform:uppercase;color:#fff;text-align:center;cursor:pointer;border:none}.login-form-body .button-form-wrapper .btn-login:hover{background-color:#780000}.login-form hr{margin-top:48px;margin-bottom:24px;outline:none;border:none;height:2px;border-radius:50px;width:90%;margin-inline:auto;background-color:#475467}.login-form-footer{text-align:center}.login-form-footer span{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;color:#1d2939}.login-form-otp__field{display:flex;gap:12px;margin-bottom:32px}.login-form-otp__field input{width:48px;height:48px;padding:10px;border-radius:6px;outline:none;border:1px solid #d0d5dd;text-align:center;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.5em;color:#1d2939}.login-form-otp__button{width:100%;max-width:140px;padding:8px 32px;border-radius:6px;background-color:#c1121f;transition:all .3s ease;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.5em;text-transform:uppercase;color:#fff;text-align:center;cursor:pointer;border:none}.login-form-otp__button:hover{background-color:#780000;color:#fff}.login-form-otp__title{margin-bottom:32px;text-align:center;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#475467}.ot-topbar{max-width:2130px;margin-inline:auto;display:flex;justify-content:space-between;padding:12px 16px;z-index:999;position:fixed;top:0;left:0;right:0;box-shadow:4px 4px 10px #45414e0f;transition:all .3s;background-color:#fff}.ot-topbar-wrapper{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%}.ot-topbar-wrapper .topbar-logo{display:flex;gap:16px;align-items:center}.ot-topbar-wrapper .topbar-logo img{max-height:48px}.ot-topbar-wrapper .topbar-hamburger-menu{display:none;border:none;outline:none;background-color:#fff}.ot-topbar-wrapper .topbar-hamburger-menu .hamburger-btn{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.ot-topbar-wrapper .topbar-hamburger-menu .hamburger-btn span{width:100%;height:4px;background-color:#000;border-radius:2px;transition:transform .3s ease}.ot-topbar-wrapper .topbar-hamburger-menu .hamburger-btn span:nth-child(1){transform-origin:right}.ot-topbar-wrapper .topbar-hamburger-menu .hamburger-btn span:nth-child(3){transform-origin:left}.ot-topbar-wrapper .topbar-hamburger-menu .hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(10px,17px)}.ot-topbar-wrapper .topbar-hamburger-menu .hamburger-btn.active span:nth-child(2){opacity:0}.ot-topbar-wrapper .topbar-hamburger-menu .hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translateY(4px)}@media (max-width: 1024px){.ot-topbar-wrapper .topbar-hamburger-menu{display:flex}}.ot-topbar-wrapper .topbar-notification-icon{cursor:pointer;position:relative}.ot-topbar-wrapper .topbar-notification-icon svg{height:24px;fill:#101828}.ot-topbar-wrapper .topbar-notification-icon .notification-count{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:50px;background-color:#c1121f;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;line-height:1.43em;color:#fff;position:absolute;left:-10px;top:-10px;box-shadow:0 2px 12px #00000040}.ot-topbar-wrapper .topbar-notification-menu{padding:12px;border-radius:8px;box-shadow:0 2px 12px #0003;position:absolute;top:32px;right:0;z-index:3;width:100%;max-width:420px;background-color:#fff;display:none}.ot-topbar-wrapper .topbar-notification-menu.active{display:block}.ot-topbar-wrapper .topbar-notification-menu ul{display:flex;flex-direction:column}.ot-topbar-wrapper .topbar-notification-menu ul a{display:flex;flex-direction:column;gap:4px;padding:8px;border-bottom:1px solid #eaecf0;transition:all .3s ease}.ot-topbar-wrapper .topbar-notification-menu ul a:hover{border-color:#c1121f;background-color:#f2f4f7}.ot-topbar-wrapper .topbar-notification-menu ul a .notification-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.43em}.ot-topbar-wrapper .topbar-notification-menu ul a .notification-time{display:flex;align-items:center}.ot-topbar-wrapper .topbar-notification-menu ul a .notification-time .date,.ot-topbar-wrapper .topbar-notification-menu ul a .notification-time .time{display:flex;align-items:center;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;color:#1d2939;line-height:0;gap:4px;font-size:12px}.ot-topbar-wrapper .topbar-notification-menu ul a .notification-time .date svg,.ot-topbar-wrapper .topbar-notification-menu ul a .notification-time .time svg{height:12px}.ot-topbar-wrapper .topbar-notification-menu ul a .notification-time .date{padding-right:6px;border-right:1px solid #1d2939}.ot-topbar-wrapper .topbar-notification-menu ul a .notification-time .time{padding-left:6px}.ot-topbar-wrapper .topbar-notification-menu .notification-title{font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.56em;color:#101828}.ot-topbar-wrapper .topbar-notification-menu .notification-menu-button{margin-top:24px;display:flex;text-align:center}.ot-topbar-wrapper .topbar-notification-menu .notification-menu-button a{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;width:100%;border-radius:8px;padding:4px 16px;background-color:#c1121f;transition:all .3s ease;color:#fff}.ot-topbar-wrapper .topbar-notification-menu .notification-menu-button a:hover{background-color:#780000}.ot-navbar{position:fixed;top:0;bottom:0;margin-top:72px;padding-bottom:18px;z-index:999;box-shadow:4px 4px 10px #45414e0f;transition:all .3s;background-color:#fff;width:260px;overflow-y:auto}.ot-navbar-wrapper{display:flex;flex-direction:column;justify-content:flex-start;padding-top:20px}.ot-navbar-item{padding:8px 16px}.ot-navbar-item--account p{padding-left:0;color:#000;line-height:16px}.ot-navbar-item.my-account{display:flex;align-items:center;gap:12px;border-bottom:1px solid #d0d5dd;padding-top:0;padding-bottom:20px}.ot-navbar-item.my-account i{font-size:40px;color:#c1121f}.ot-navbar-item.dashboard{margin-top:20px}.ot-navbar-divider{padding:12px 16px;background-color:#d0d5dd;width:60%;color:#1d2939;margin-block:12px;cursor:pointer;text-align:start;transition:all .3s ease}.ot-navbar-divider:hover,.ot-navbar-divider.active{width:70%;background-color:#c1121f;color:#fff}.ot-navbar-link{width:100%;border-radius:6px;padding:10px;display:flex;align-items:center;justify-content:flex-start;color:#667085}.ot-navbar-link center{display:flex;align-items:center}.ot-navbar-link i{font-size:24px}.ot-navbar-link--text{font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.56em;padding-left:8px}.ot-navbar-link.current-menu{box-shadow:#0000001a 4px 4px 10px,#fd000066 4px 4px 15px -5px;background-color:#c1121f;color:#fff}.ot-navbar-link:not(.current-menu):hover{background-color:#eaecf0;color:#101828}.ot-navbar-link--text__small{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.43em;color:#667085}.ot-navbar-link:focus,.ot-navbar-link:focus-visible{color:#780000}@media (max-width: 1024px){.ot-navbar{transform:translate3d(-270px,0,0)}.ot-navbar.active{transform:translateZ(0)}}.ot-navbar::-webkit-scrollbar{width:6px}.ot-navbar::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000002c;border-radius:50px;visibility:hidden}.ot-navbar::-webkit-scrollbar-thumb{visibility:hidden;border-radius:50px;background-color:#d0d5dd}.ot-navbar:hover::-webkit-scrollbar-track,.ot-navbar:hover::-webkit-scrollbar-thumb{visibility:visible}.hk-wrapper{max-width:2130px;margin-inline:auto}.ot-body{position:relative;width:calc(100% - 260px);max-width:2130px;margin-inline:auto;height:100%;transition:all .3s;float:right}.ot-body-content{min-height:calc(100% - 123px);margin-top:73px;overflow:hidden;padding-bottom:60px}@media (max-width: 1024px){.ot-body{width:100%}.ot-body.active{transform:translate3d(270px,0,0)}}input,textarea,select{border-radius:8px;outline:none;border:1px solid #d0d5dd;transition:all .3s;color:#667085;padding:6px}input:focus,input:hover,textarea:focus,textarea:hover,select:focus,select:hover{color:#000;border-color:#c1121f!important;box-shadow:0 0 4px .125rem #c1121e3b!important}.ot-page-banner{margin-bottom:-24px;padding:48px 32px 60px;background-color:#c1121f}.ot-page-banner h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;line-height:1.33em;color:#fff}.ot-page-banner h1 i{padding-right:12px}.ot-page-banner .breadcrumbs{height:100%;font-size:14px}.ot-page-body{box-shadow:2px 6px 15px #45414e1a;border:0;border-radius:8px;background-color:#fff;margin-bottom:30px;margin-inline:32px}.ot-page-body--header{padding:16px 20px;border-bottom:1px solid #eaecf0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.ot-page-body--header h2{font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.56em;color:#475467;margin:0!important}.ot-page-body--header .label{background-color:#c1121f;color:#fff;padding:6px}.ot-page-body--content{padding:20px}.ot-page-body--content .content-information{padding-bottom:24px;border-bottom:1px solid #eaecf0}.ot-page-body--content .content-information td{padding:8px}.ot-page-body--content .content-information table{width:60%}.ot-page-body--content .content-information table th,.ot-page-body--content .content-information table td{text-align:start}.ot-page-body--content .content-information table tr td:first-child{width:25%}.ot-page-body--content .content-information table tr td:nth-child(2){width:5%}.ot-page-body--content .content-information table tr td:last-child,.ot-page-body--content .content-information table tr td:last-child input{width:100%}.ot-page-body--content .content-information table tr td:last-child input{padding:6px;outline:none;border:1px solid #d0d5dd}.ot-page-body--content .content-information table tr td{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em}@media (max-width: 1024px){.ot-page-body--content .content-information table{width:100%}}@media (max-width: 767px){.ot-page-body--content .content-information table td{width:100%}}.ot-page-body--content .content-information .choose-product label{margin-bottom:8px}.ot-page-body--content .content-information .choose-product span.select2-selection--single{border-radius:6px}.ot-page-body--content .content-information .choose-product span.select2-selection--single:hover,.ot-page-body--content .content-information .choose-product span.select2-selection--single:focus{border-color:#c1121f;box-shadow:0 0 4px .125rem #c1121e3b}.ot-page-body--content .content-data-order{width:100%;padding-block:24px;border-bottom:1px solid #eaecf0;overflow:auto;padding-inline:10px}.ot-page-body--content .content-data-order table{width:100%!important}.ot-page-body--content .content-data-order table th,.ot-page-body--content .content-data-order table td{text-align:start!important}@media (max-width: 767px){.ot-page-body--content .content-data-order table{width:1024px!important}}.ot-page-body--content .content-data-order thead{background-color:#c1121f}.ot-page-body--content .content-data-order thead th{color:#fff;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.5em}.ot-page-body--content .content-data-order thead th.jumlah{width:20%}.ot-page-body--content .content-data-order thead.table-divider tr{height:16px}.ot-page-body--content .content-data-order thead .dt-orderable-desc .dt-column-order:before,.ot-page-body--content .content-data-order thead .dt-orderable-desc .dt-column-order:after{opacity:.5}.ot-page-body--content .content-data-order thead .dt-ordering-asc .dt-column-order:before{opacity:1}.ot-page-body--content .content-data-order thead .dt-ordering-asc .dt-column-order:after{opacity:.6}.ot-page-body--content .content-data-order thead .dt-ordering-desc .dt-column-order:before{opacity:.6}.ot-page-body--content .content-data-order thead .dt-ordering-desc .dt-column-order:after{opacity:1}.ot-page-body--content .content-data-order thead td.sorting:before:not(:last-child),.ot-page-body--content .content-data-order thead td.sorting_asc:before:not(:last-child),.ot-page-body--content .content-data-order thead td.sorting_desc:before:not(:last-child),.ot-page-body--content .content-data-order thead td.sorting:after:not(:last-child),.ot-page-body--content .content-data-order thead td.sorting_asc:after:not(:last-child),.ot-page-body--content .content-data-order thead td.sorting_desc:after:not(:last-child),.ot-page-body--content .content-data-order thead th.sorting:before:not(:last-child),.ot-page-body--content .content-data-order thead th.sorting_asc:before:not(:last-child),.ot-page-body--content .content-data-order thead th.sorting_desc:before:not(:last-child),.ot-page-body--content .content-data-order thead th.sorting:after:not(:last-child),.ot-page-body--content .content-data-order thead th.sorting_asc:after:not(:last-child),.ot-page-body--content .content-data-order thead th.sorting_desc:after:not(:last-child){right:0!important}.ot-page-body--content .content-data-order tbody tr:nth-child(odd){background-color:#f2f4f7}.ot-page-body--content .content-data-order tbody .data-order-edit__number{padding:6px;width:48px;border-radius:6px;outline:none;border:1px solid #d0d5dd;display:none}.ot-page-body--content .content-data-order tbody .data-order-action__wrapper,.ot-page-body--content .content-data-order tbody .data-order-edit__number,.ot-page-body--content .content-data-order tbody .data-order-edit__btn{display:none}.ot-page-body--content .content-data-order tbody .data-order-action__wrapper.active,.ot-page-body--content .content-data-order tbody .data-order-edit__number.active,.ot-page-body--content .content-data-order tbody .data-order-edit__btn.active{display:inline-flex}.ot-page-body--content .content-data-order tbody .data-order-edit__btn,.ot-page-body--content .content-data-order tbody .data-order-edit__btn-save,.ot-page-body--content .content-data-order tbody .data-order-edit__btn-cancel{cursor:pointer}.ot-page-body--content .content-data-order tbody .data-order-action__wrapper{gap:8px}.ot-page-body--content .content-data-order tbody .data-order-edit__btn-save{color:#12b76a}.ot-page-body--content .content-data-order tbody .data-order-edit__btn-cancel{color:#c1121f}.ot-page-body--content .content-data-order td,.ot-page-body--content .content-data-order th{padding:16px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em}.ot-page-body--content .content-data-order td:first-child,.ot-page-body--content .content-data-order th:first-child{border-radius:8px 0 0 8px}.ot-page-body--content .content-data-order td:last-child,.ot-page-body--content .content-data-order th:last-child{border-radius:0 8px 8px 0}.ot-page-body--content .content-data-order--note{margin-top:32px}.ot-page-body--content .content-data-order--note p{margin-bottom:24px}.ot-page-body--content .content-data-order--note textarea{width:100%;border-radius:8px;border:1px solid #d0d5dd;outline:none;padding:16px}.ot-page-body--content .content-data-order .dt-layout-row:not(.dt-layout-table){display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ot-page-body--content .content-data-order .dt-layout-row:not(.dt-layout-table) label{display:none}.ot-page-body--content .content-data-order .dt-layout-row:not(.dt-layout-table) input[type=search],.ot-page-body--content .content-data-order .dt-layout-row:not(.dt-layout-table) select{margin-left:0;margin-right:0}.ot-page-body--content .content-data-order .dt-layout-row .dt-search{position:relative;display:flex;align-items:center}.ot-page-body--content .content-data-order .dt-layout-row .dt-search:after{content:url(/build/assets/icon-search.svg);position:absolute;right:10px}.ot-page-body--content .content-data-order .dt-layout-row .dt-search input{padding-right:30px}.ot-page-body--content .content-data-order .dt-layout-row:first-child{margin-bottom:24px}.ot-page-body--content .content-data-order .dt-layout-row:last-child{margin-top:24px}.ot-page-body--content .content-data-order .dt-layout-row:last-child .dt-info{padding-top:0}.ot-page-body--content .content-data-order .dt-layout-row:last-child .dt-paging{display:flex;gap:8px;align-items:center}.ot-page-body--content .content-data-order .dt-layout-row:last-child .dt-paging button{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;border:none;outline:none;padding:6px 16px;border-radius:6px;background-color:#fff;color:#000;border:1px solid #d0d5dd;transition:all .3s}.ot-page-body--content .content-data-order .dt-layout-row:last-child .dt-paging button.current,.ot-page-body--content .content-data-order .dt-layout-row:last-child .dt-paging button:hover{color:#fff;background-color:#c1121f;border-color:#c1121f}.ot-page-body--content .content-data-search{padding-bottom:24px}.ot-page-body--content .content-data-search form{display:flex;align-items:center;justify-content:flex-end;position:relative}.ot-page-body--content .content-data-search form i{position:absolute;right:12px}.ot-page-body--content .content-data-search input{width:100%;max-width:480px;padding:8px 40px 8px 8px}.ot-page-body--content .content-button{padding-top:24px;display:flex;gap:8px;align-items:center;justify-content:flex-start}.ot-page-body--content .content-button button,.ot-page-body--content .content-button a{border:none;outline:none;padding:8px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;transition:all .3s ease}.ot-page-body--content .content-button .btn-approve{background-color:#12b76a;color:#fff}.ot-page-body--content .content-button .btn-approve:hover{background-color:#027a48}.ot-page-body--content .content-button .btn-reject{background-color:#dc3545;color:#fff}.ot-page-body--content .content-button .btn-reject:hover{background-color:#842029}.ot-page-body--content .content-button .btn-print{background-color:#f79009;color:#fff}.ot-page-body--content .content-button .btn-print:hover{background-color:#dc6803}.ot-page-body--content .dt-search,.ot-page-body--content .dataTables_filter{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px;position:relative}.ot-page-body--content .dt-search label,.ot-page-body--content .dataTables_filter label{font-size:0!important}.ot-page-body--content .dt-search:after,.ot-page-body--content .dataTables_filter:after{content:url(/build/assets/icon-search.svg);position:absolute;right:12px;z-index:4}.ot-page-body--content .dt-search input[type=search],.ot-page-body--content .dataTables_filter input[type=search]{margin-top:0!important;margin-left:0;width:100%!important;max-width:420px;padding:8px 40px 8px 8px}@media (max-width: 767px){.ot-page-body--content .dt-search input[type=search],.ot-page-body--content .dataTables_filter input[type=search]{max-width:100%}}.ot-page-body--content .dataTables_filter{float:right;width:100%;max-width:420px}.ot-page-body--content .dataTables_filter label{width:100%}@media (max-width: 767px){.ot-page-body--content .dataTables_filter{max-width:100%}}.ot-page-body--content .dt-buttons{display:inline-flex;margin-bottom:16px}.select2-dropdown.select2-dropdown--below,.select2-search__field:focus,.select2-search__field:hover,.select2-container--bootstrap-5.select2-container--open .select2-selection,.select2-selection.select2-selection--single:focus,.select2-selection.select2-selection--single:hover{border-color:#c1121f!important;box-shadow:0 0 4px .125rem #c1121e3b!important}.input-field-password .input-wrapper{position:relative}.input-field-password .input-wrapper input{padding:8px 16px}.input-field-password .input-wrapper .js-passwordShowHide{position:absolute;right:10px;bottom:12px}@media screen and (max-width: 767px){li.paginate_button.previous,li.paginate_button.next{display:inline}li.paginate_button{display:none}}.ot-barang-masuk .content-information table{width:60%}.ot-barang-masuk .content-information table tr td:first-child{width:25%}.ot-barang-masuk .content-information table tr td:nth-child(2){width:5%}.ot-barang-masuk .content-information table tr td:last-child,.ot-barang-masuk .content-information table tr td:last-child input{width:100%}.ot-barang-masuk .content-information table tr td:last-child input{padding:6px;outline:none;border:1px solid #d0d5dd}.ot-barang-masuk .content-information table tr td{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em}@media (max-width: 1024px){.ot-barang-masuk .content-information table{width:100%}}@media (max-width: 767px){.ot-barang-masuk .content-information table td{width:100%}}.ot-barang-masuk .content-data-order{overflow:auto}.ot-barang-masuk .content-data-order table{position:relative;width:100%}@media (max-width: 767px){.ot-barang-masuk .content-data-order table{width:700px}}.ot-barang-masuk .content-data-order table .td-no,.ot-barang-masuk .content-data-order table .td-product-qty,.ot-barang-masuk .content-data-order table .td-control{width:5%}.ot-barang-masuk .content-data-order table .td-name{width:45%}.ot-barang-masuk .content-data-order table .td-product-cat,.ot-barang-masuk .content-data-order table .td-product-type{width:25%}.ot-barang-masuk .content-data-order table .product-category,.ot-barang-masuk .content-data-order table .product-name,.ot-barang-masuk .content-data-order table .product-type,.ot-barang-masuk .content-data-order table .product-qty{width:100%;padding:6px}.ot-barang-masuk .content-data-order table tr.tr-add-item{position:absolute;right:0;bottom:0}.ot-barang-masuk .content-data-order table tr.tr-add-item td{margin-top:20px;padding:8px 16px;border-radius:8px;background-color:#c1121f;color:#fff;transition:all .3s ease;cursor:pointer}.ot-barang-masuk .content-data-order table tr.tr-add-item td:hover{background-color:#780000}.ot-barang-masuk .content-data-order table tr.tr-divider{height:60px}.ot-barang-masuk .content-data-order table .btn-delete-item{cursor:pointer}.ot-barang-keluar .content-data-order tbody .td-no{width:5%}.ot-barang-keluar .content-data-order tbody .td-name{width:50%}.ot-barang-keluar .content-data-order tbody .td-type,.ot-barang-keluar .content-data-order tbody .td-qty{width:10%}.ot-barang-keluar .content-data-order tbody .td-control{width:25%}.ot-barang-keluar .content-data-order tbody tr{border-radius:8px;position:relative}.ot-barang-keluar .content-data-order tbody tr.edited{z-index:9;box-shadow:0 0 4px .125rem #c1121e3b}.ot-notification{position:fixed;z-index:9999;right:-100%;top:20px;padding:16px;background-color:#fff;border-left:4px solid #c1121f;box-shadow:1px 1px 14px #12263f42;min-width:320px;max-width:321px;transition:all .4s ease-in-out}.ot-notification-content{position:relative}.ot-notification-content .content-title{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;line-height:1.56em;color:#1d2939;padding-bottom:6px;word-wrap:break-word}.ot-notification-content .notification-items{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#475467}.ot-notification-content .notification-button{margin-top:16px;gap:8px}.ot-notification-content .notification-message{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#475467}.ot-notification-content .btn-reject,.ot-notification-content .btn-approve{gap:4px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;line-height:1.43em;cursor:pointer}.ot-notification-content .btn-reject{color:#dc3545}.ot-notification-content .btn-reject i{font-size:18px}.ot-notification-content .btn-approve{color:#12b76a}.ot-notification-content .notification-button,.ot-notification-content .notification-button i,.ot-notification-content .notification-button .btn-approve,.ot-notification-content .notification-button .btn-reject{display:flex;align-items:center;justify-content:flex-start}.ot-notification-content .notification-button{justify-content:flex-end}.ot-notification .noification-close-btn{position:absolute;top:-6px;right:-6px;cursor:pointer;color:#000}.ot-notification.active{right:20px}.ot-notification-overlay{background-color:#dfdfdf80;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;display:none}.ot-notification-page .ot-page-body--content table .table-data .td-no{width:5%}.ot-notification-page .ot-page-body--content table .table-data .td-name{width:25%}.ot-notification-page .ot-page-body--content table .table-data .td-address{width:40%}.ot-notification-page .ot-page-body--content table .table-data .td-date{width:20%}.ot-notification-page .ot-page-body--content table .table-data .td-control .btn-approve,.ot-notification-page .ot-page-body--content table .table-data .td-control .btn-reject{display:flex;align-items:center;gap:4px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.5em;cursor:pointer}.ot-notification-page .ot-page-body--content table .table-data .td-control .btn-approve i,.ot-notification-page .ot-page-body--content table .table-data .td-control .btn-reject i{display:flex}.ot-notification-page .ot-page-body--content table .table-data .td-control .btn-reject{margin-top:8px}.ot-notification-page .ot-page-body--content table .table-data .td-control .btn-reject{color:#dc3545}.ot-notification-page .ot-page-body--content table .table-data .td-control .btn-reject i{font-size:18px}.ot-notification-page .ot-page-body--content table .table-data .td-control .btn-approve{color:#12b76a}.ot-dashboard-page .ot-page-body{box-shadow:none;background-color:transparent}.ot-dashboard-page .ot-page-body--header{border:none;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:0}.ot-dashboard-page .ot-page-body--header .dashboard-data-wrapper{flex:1 0 31%;max-width:31%;background-color:#fff;box-shadow:2px 6px 15px #45414e33;padding:16px 20px;border-radius:8px}.ot-dashboard-page .ot-page-body--header .dashboard-data-wrapper p:first-child{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#475467}.ot-dashboard-page .ot-page-body--header .dashboard-data-wrapper p:last-child{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;line-height:1.56em;color:#1d2939}@media (max-width: 767px){.ot-dashboard-page .ot-page-body--header .dashboard-data-wrapper{flex-basis:100%;max-width:100%}}.ot-dashboard-page .ot-page-body--content{margin-top:48px;background-color:#fff;border-radius:8px;box-shadow:2px 6px 15px #45414e33}.ot-dashboard-page .ot-page-body--content .content-data-information{padding-bottom:20px;border-bottom:1px solid #d0d5dd}.ot-dashboard-page .ot-page-body--content .content-data-information p{font-family:DM Sans,sans-serif;font-size:20px;font-weight:400;line-height:1.5em;color:#101828}.ot-dashboard-page .ot-page-body--content .content-data-information i{padding-right:8px}.content-data-chart{margin-top:40px;padding-inline:32px;padding-bottom:60px}.content-data-chart .content-data-information p{font-family:DM Sans,sans-serif;font-size:20px;font-weight:400;line-height:1.5em;color:#101828}.content-data-chart .content-data-information i{padding-right:8px}.content-data-chart .card{border:none;box-shadow:2px 6px 15px #45414e33!important}.content-data-chart .apexcharts-bar-series path{fill:#c1121f}.ot-preorder .dt-search,.ot-preorder .dataTables_filter{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px;position:relative}.ot-preorder .dt-search label,.ot-preorder .dataTables_filter label{font-size:0}.ot-preorder .dt-search:after,.ot-preorder .dataTables_filter:after{content:url(/build/assets/icon-search.svg);position:absolute;right:12px;z-index:4}.ot-preorder .dt-search input[type=search],.ot-preorder .dataTables_filter input[type=search]{margin-top:0!important;margin-left:0;padding-right:40px;width:100%!important;max-width:420px}@media (max-width: 767px){.ot-preorder .dt-search input[type=search],.ot-preorder .dataTables_filter input[type=search]{max-width:100%}}.ot-preorder .dt-processing>div:last-child>div,.ot-preorder .dataTables_processing>div:last-child>div{background-color:#c1121f}.ot-preorder .dt-processing>div,.ot-preorder .dataTables_processing>div{display:flex}.ot-preorder .dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}.ot-preorder .dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}.ot-preorder .dataTables_processing>div:last-child div{width:10px;height:10px;border-radius:50%;position:absolute}.ot-preorder .dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}.ot-preorder .dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}.ot-preorder .dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}.ot-preorder .dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes datatables-loader-2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes datatables-loader-3{0%{transform:scale(1)}to{transform:scale(0)}}.ot-preorder table th.sorting{color:#fff!important}.ot-preorder table th.sorting:before,.ot-preorder table th.sorting:after{cursor:pointer}.ot-preorder table tfoot th{height:16px;padding:0!important}.ot-preorder table tfoot th input{display:none}.ot-preorder .content-data-order .btn-add-preorder,.ot-preorder .content-data-order .btn-save-preorder{box-shadow:0 .25rem .3125rem #2f343a1a!important;background-color:#c1121f;transition:all .3s;outline:none;border:none;color:#fff;border-radius:6px;margin-right:16px;margin-bottom:16px;width:100%}.ot-preorder .content-data-order .btn-add-preorder:hover,.ot-preorder .content-data-order .btn-save-preorder:hover{background-color:#780000}@media (min-width: 767px){.ot-preorder .content-data-order .btn-add-preorder,.ot-preorder .content-data-order .btn-save-preorder{width:auto}}.ot-preorder .content-data-order .btn-save-preorder{margin-top:20px}.ot-preorder .content-data-order .btn-add-preorder{z-index:99;position:relative}.ot-preorder .content-data-order .ot-table button,.ot-preorder .content-data-order .ot-table a{color:#fff;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;outline:none;border:none;padding:4px 8px;border-radius:6px;transition:all .3s}.ot-preorder .content-data-order .ot-table .status{display:inline-block;padding:4px 8px;border-radius:6px;text-align:center;font-weight:600}.ot-preorder .content-data-order .ot-table .status.approved{background-color:#a6f4c5;color:#039855}.ot-preorder .content-data-order .ot-table .status.waiting{background-color:#fedf89;color:#dc6803}.ot-preorder .content-data-order .ot-table .status.rejected{background-color:#e67171;color:#780000}.ot-preorder .content-data-order .ot-table .btn-approve,.ot-preorder .content-data-order .ot-table .btn-approve-2,.ot-preorder .content-data-order .ot-table .btn-approval{background-color:#12b76a}.ot-preorder .content-data-order .ot-table .btn-approve:hover:not(.status-done),.ot-preorder .content-data-order .ot-table .btn-approve-2:hover:not(.status-done),.ot-preorder .content-data-order .ot-table .btn-approval:hover:not(.status-done){background-color:#039855}.ot-preorder .content-data-order .ot-table .btn-approve.status-done,.ot-preorder .content-data-order .ot-table .btn-approve-2.status-done,.ot-preorder .content-data-order .ot-table .btn-approval.status-done{pointer-events:none}.ot-preorder .content-data-order .ot-table .btn-reject{background-color:#dc3545}.ot-preorder .content-data-order .ot-table .btn-reject.btn-reject.btn-reject.btn-reject:hover{background-color:#842029}.ot-preorder .content-data-order .ot-table .btn-print{background-color:#f79009}.ot-preorder .content-data-order .ot-table .btn-print:hover{background-color:#dc6803}.ot-preorder .content-data-order .dt-paging,.ot-preorder .content-data-order .dt-info,.ot-preorder .content-data-order .dataTables_info,.ot-preorder .content-data-order .dataTables_paginate{padding-top:16px}.ot-preorder .content-data-order .dt-info,.ot-preorder .content-data-order .dataTables_info{float:left}.ot-preorder .content-data-order .dt-paging,.ot-preorder .content-data-order .dataTables_paginate{float:right;display:flex;gap:6px;align-items:center}.ot-preorder .content-data-order .dt-paging button,.ot-preorder .content-data-order .dt-paging a,.ot-preorder .content-data-order .dataTables_paginate button,.ot-preorder .content-data-order .dataTables_paginate a{padding:6px 12px;border:none;outline:none;background-color:#f2f4f7;color:#667085;transition:all .3s}.ot-preorder .content-data-order .dt-paging button.active,.ot-preorder .content-data-order .dt-paging button:hover,.ot-preorder .content-data-order .dt-paging a.active,.ot-preorder .content-data-order .dt-paging a:hover,.ot-preorder .content-data-order .dataTables_paginate button.active,.ot-preorder .content-data-order .dataTables_paginate button:hover,.ot-preorder .content-data-order .dataTables_paginate a.active,.ot-preorder .content-data-order .dataTables_paginate a:hover{background-color:#c1121f!important;color:#fff}.ot-preorder .content-data-order .preorder-table,.ot-preorder .content-data-order .preoder-form{display:none}.ot-preorder .content-data-order .preorder-table.show,.ot-preorder .content-data-order .preoder-form.show{display:block}.ot-preorder .content-data-order #form-approval-2 table:first-child{margin-bottom:20px!important}.ot-preorder .content-data-order #form-approval-2 table:first-child tbody td{padding:8px!important}.ot-preorder .po-title,.ot-preorder .po-notification-title,.ot-preorder .po-entry-title,.ot-preorder .po-single,.ot-preorder .po-archive,.ot-preorder .po-single.content-button,.ot-preorder .po-single.content-information{display:none}.ot-preorder .po-title.show,.ot-preorder .po-notification-title.show,.ot-preorder .po-entry-title.show,.ot-preorder .po-single.show,.ot-preorder .po-archive.show,.ot-preorder .po-single.content-button.show,.ot-preorder .po-single.content-information.show{display:block}.status{display:inline-block;padding:4px 8px;border-radius:6px;text-align:center;font-weight:600}.status.approved{background-color:#a6f4c5;color:#039855}.status.waiting{background-color:#fedf89;color:#dc6803}.status.rejected{background-color:#e67171;color:#780000}.btn-o23{color:#fff!important;background-color:#c1121f;border-color:#c1121f!important}.btn-o23.hover:hover{background-color:#780000}.btn-o23-secondary{border:1px solid #c1121f!important;color:#c1121f!important}.btn-o23-secondary.no-border{border:0!important}.btn-edit{background-color:#669bbc;color:#fff}.btn-edit:hover{color:#fff;background-color:#003049}.btn-isactive,.btn-isactive:hover{color:#fff}.btn-reset-password{background-color:#f79009;color:#fff}.btn-reset-password:hover{color:#fff;background-color:#dc6803}.paginate_button.page-item.active a.page-link{color:#fff!important;background-color:#c1121f!important;border-color:#c1121f!important}.modal-dialog form .btn-o23:hover,.modal-dialog form .btn-o23:focus,.modal-dialog form .btn-o23:focus-visible{background-color:#780000;border-color:#780000}.ot-laporan-stock__page .content-data-information{padding-bottom:20px;border-bottom:1px solid #eaecf0}.ot-laporan-stock__page .content-filter{width:50%;display:flex;flex-direction:column;gap:16px}.ot-laporan-stock__page .content-filter p{padding-bottom:8px}.ot-laporan-stock__page .content-filter input,.ot-laporan-stock__page .content-filter select{width:100%}.ot-laporan-stock__page .content-filter p,.ot-laporan-stock__page .content-filter button{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#1d2939}.ot-laporan-stock__page .content-filter .filter-date{display:flex;gap:16px}.ot-laporan-stock__page .content-filter .filter-date .date-from,.ot-laporan-stock__page .content-filter .filter-date .date-to{width:100%}.ot-laporan-stock__page .content-filter .filter-button{padding-top:16px;display:flex;gap:16px}.ot-laporan-stock__page .content-filter .filter-button button{outline:none;border:none;padding:8px 16px;border-radius:6px;color:#fff;transition:all .3s ease}.ot-laporan-stock__page .content-filter .filter-button button:not(.filter-show){display:flex;gap:8px;align-items:center}.ot-laporan-stock__page .content-filter .filter-button .filter-show{width:fit-content;height:fit-content;background-color:#c1121f}@media (max-width: 768px){.ot-laporan-stock__page .content-filter .filter-button .filter-show{width:100%}}.ot-laporan-stock__page .content-filter .filter-button .filter-show:hover{background-color:#780000}.ot-laporan-stock__page .content-filter .filter-button .filter-print{background-color:#f79009}.ot-laporan-stock__page .content-filter .filter-button .filter-print:hover{background-color:#dc6803}.ot-laporan-stock__page .content-filter .filter-button .filter-print.disabled{pointer-events:none;background-color:#d0d5dd}.ot-laporan-stock__page .content-filter .filter-button .filter-export{background-color:#12b76a}.ot-laporan-stock__page .content-filter .filter-button .filter-export:hover{background-color:#027a48}.ot-laporan-stock__page .content-filter .filter-button .filter-export.disabled{background-color:#d0d5dd;pointer-events:none}@media (max-width: 1024px){.ot-laporan-stock__page .content-filter{width:100%}}@media (max-width: 767px){.ot-laporan-stock__page .content-filter .filter-button,.ot-laporan-stock__page .content-filter .filter-date{flex-direction:column}}.ot-laporan-stock__page--barang-masuk .btn-detail{background-color:#f79009;color:#fff}.ot-laporan-stock__page--barang-masuk .btn-detail:hover{background-color:#dc6803}