#contact-history-modal{font-size:14px I!important;margin-bottom:15px;.contact-history-title{color:var(--main-color);font-weight:700}.close,.contact-history-title{color:var(--main-color);opacity:1}.contact-history-container{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.col-header{color:var(--main-color)}.add-contact-history-container{padding:0 10px!important}.add-contact-history-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;grid-gap:16px;gap:16px}.add-contact-history-footer .contact-history-save-btn{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color)}}.add-contact-history-footer .contact-history-save-btn:disabled{cursor:not-allowed!important;opacity:1!important;color:#fff!important;background-color:grey!important;border:grey!important;&:hover{opacity:.65}}.add-contact-history-btn{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color)}}.add-contact-history-btn:disabled{cursor:not-allowed!important;opacity:1!important;color:#fff!important;background-color:grey!important;border:grey!important;&:hover{opacity:.65;cursor:not-allowed}}}#debt-reminder-schedule-modal{font-size:14px I!important;margin-bottom:15px;.debt-reminder-schedule-title{color:var(--main-color);font-weight:700}.close,.debt-reminder-schedule-title{color:var(--main-color);opacity:1}.debt-reminder-schedule-container{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.col-header{color:var(--main-color)}.add-debt-reminder-schedule-container{padding:0 10px!important}.debt-reminder-schedule-container{margin:0 10px!important}.debt-reminder-schedule-save-btn{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color)}}.debt-reminder-schedule-save-btn:disabled{cursor:not-allowed!important;opacity:1!important;color:#fff!important;background-color:grey!important;border:grey!important;&:hover{opacity:.65}}}#update-status-modal{font-size:14px I!important;margin-bottom:15px;.update-status-title{color:var(--main-color);font-weight:700}.close,.update-status-title{color:var(--main-color);opacity:1}.update-status-container{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.col-header{color:var(--main-color)}.add-update-status-container{padding:0 10px!important}.update-status-container{margin:0 10px!important}.update-status-save-btn{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color)}}.update-status-save-btn:disabled{cursor:not-allowed!important;opacity:1!important;color:#fff!important;background-color:grey!important;border:grey!important;&:hover{opacity:.65}}}.custom-breadcrumb{background-color:initial;border-left:7px solid var(--orange)}.custom-breadcrumb .breadcrumb{padding-top:0!important;padding-bottom:0!important;background-color:initial!important}.custom-breadcrumb-item a{color:var(--main-color);font-size:16px;font-weight:600}#sgl-deposit{.react-grid-Grid,.react-grid-Header,.react-grid-HeaderRow,.react-grid-Main{.react-grid-HeaderCell{color:var(--main-color);display:flex!important;align-items:center}}.react-grid-HeaderCell--frozen{justify-content:center}.react-grid-Canvas,.react-grid-Grid,.react-grid-Main,.react-grid-Viewport{.sgl-tracking-number-column>button{color:var(--main-color);cursor:pointer;text-decoration:none;border:none}.sgl-shipment-col-truncate{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-top:5px}.react-grid-Row:last-child{align-items:center}.sgl-shipment-edit-button,.sgl-shipment-publish-button{color:var(--main-color)!important}.text-and-copy-btn-copy-btn{display:flex;flex-direction:row;grid-gap:1;gap:1;align-items:center}.text-and-copy-btn-copy-btn .text{width:80%;display:flex;flex-direction:column;text-align:start;align-items:flex-start;justify-content:center}.text-and-copy-btn-copy-btn .copy-button{width:10%;.btn-copy{color:var(--main-color)}}.sgl-address-and-copy-btn{display:flex;flex-direction:row;grid-gap:1;gap:1;align-items:center}.sgl-address-and-copy-btn .text{width:80%}.sgl-address-and-copy-btn .copy-button{width:20%;display:flex;flex-direction:row;justify-content:flex-end;.btn-copy{color:var(--main-color)}}.debit-note-edit-button{color:var(--main-color)!important}}.react-datepicker__input-container input{display:block;width:100%;height:calc(1.5em + .75rem + 2px);max-height:30px;padding:.375rem rem .75rem;font-size:14px!important;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.react-grid-HeaderCell .form-control,.react-grid-HeaderCell .Select-control{font-size:14px!important}.form-control:focus,.react-grid-HeaderCell .is-focused.is-open>.Select-control,.react-grid-HeaderCell .is-focused:not(.is-open)>.Select-control{border-color:var(--main-color)!important;box-shadow:0 0 0 1px var(--main-color)!important;font-size:14px!important}.react-datepicker__input-container .react-datepicker-ignore-onclickoutside:focus{border-color:var(--main-color)!important;box-shadow:0 0 0 1px var(--main-color)!important;outline:none}.form-group,.react-grid-HeaderCell{width:100%;margin-bottom:0!important}}#bulk-upload-modal{font-size:14px I!important;margin-bottom:15px;.bulk-upload-file{display:flex;flex-direction:row;grid-gap:8px;gap:8px;margin-top:.5rem;position:relative}.bulk-upload-file .custom-file-input,t{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:14px;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&:hover{cursor:pointer}}.bulk-upload-file .custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;line-height:1.5;color:var(--main-color);background-color:#fff;border-radius:.25rem;font-size:14px;font-weight:400;&:hover{cursor:pointer}}.upload-btn{color:#fff!important;border:none;&:hover{cursor:pointer;opacity:.75}}.bulk-upload-title{color:var(--main-color);font-weight:700}.bulk-upload-title,.close{color:var(--main-color);opacity:1}.bulk-upload-save-button{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color)}}.bulk-upload-save-button:disabled{cursor:not-allowed!important;opacity:1!important;color:#fff!important;background-color:grey!important;border:grey!important;&:hover{opacity:.65}}.bulk-upload-example{margin-top:5px}.bulk-upload-example strong{color:var(--main-color);&:hover{cursor:pointer}}}.invalid-upload-modal{font-size:14px I!important;margin-bottom:15px;.invalid-upload-modal-text{line-height:1.5;color:var(--main-color);background-color:#fff;border-radius:.25rem;font-size:14px;font-weight:400}.invalid-upload-modal-title{color:var(--main-color);font-weight:700}.fa-exclamation-triangle{color:var(--warning);opacity:1}.invalid-upload-modal-save-button{color:#fff!important;border:none;&:hover{cursor:pointer;opacity:.75}}}.confirm-modal{font-size:14px I!important;margin-bottom:15px;.confirm-modal-text{line-height:1.5;color:var(--main-color);background-color:#fff;border-radius:.25rem;font-size:14px;font-weight:400}.confirm-modal-title{color:var(--main-color);font-weight:700}.close,.confirm-modal-title{color:var(--main-color);opacity:1}.confirm-modal-save-button{color:#fff!important;border:none;&:hover{cursor:pointer;opacity:.75}}}.spinner-container{height:100vh}.spinner-container .spinner{position:relative;width:120px;height:120px}.spinner-container .spinner:after,.spinner-container .spinner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:6px solid transparent}.spinner-container .spinner:before{border-top-color:#3498db;animation:spin 1.5s linear infinite}.spinner-container .spinner:after{border-bottom-color:var(--main-color);animation:spin 1.5s linear infinite reverse}.spinner-container .center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;color:#2c3e50}.spinner-container .spinner-content{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#sgl-debit-note{.overdue-payment-checkbox{padding:0 12px;margin-bottom:0;font-size:14px;font-weight:400}.react-grid-Grid,.react-grid-Header,.react-grid-HeaderRow,.react-grid-Main{.react-grid-HeaderCell{color:var(--main-color);display:flex!important;align-items:center}}.react-grid-HeaderCell--frozen{justify-content:center}.react-grid-Canvas,.react-grid-Grid,.react-grid-Main,.react-grid-Viewport{.sgl-tracking-number-column>button{color:var(--main-color);cursor:pointer;text-decoration:none;border:none}.sgl-shipment-col-truncate{overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-top:5px}.react-grid-Row:last-child{align-items:center}.text-and-copy-btn-copy-btn{display:flex;flex-direction:row;grid-gap:1;gap:1;align-items:center;justify-content:space-between}.text-and-copy-btn-copy-btn .text{text-align:start}.text-and-copy-btn-copy-btn .copy-button,.text-and-copy-btn-copy-btn .text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.text-and-copy-btn-copy-btn .copy-button{text-align:end;.btn-copy{color:var(--main-color)}}.sgl-address-and-copy-btn{display:flex;flex-direction:row;grid-gap:1;gap:1;align-items:center}.custom-btn-copy{padding-right:0!important}.sgl-address-and-copy-btn .text{width:80%}.sgl-address-and-copy-btn .copy-button{width:20%;display:flex;flex-direction:row;justify-content:flex-end;.btn-copy{color:var(--main-color)}}.debit-note-edit-button,.debit-note-view-button{color:var(--main-color)!important}.debit-note-delete-button{color:var(--danger)!important}.debit-note-write-off-button{color:var(--secondary)!important}.debit-note-complete-payment-button,.debit-note-payment-button{color:var(--success)!important}}.react-datepicker__input-container input{display:block;width:100%;height:calc(1.5em + .75rem + 2px);max-height:30px;padding:.375rem rem .75rem;font-size:14px!important;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.react-grid-HeaderCell .form-control,.react-grid-HeaderCell .Select-control{font-size:14px!important}.form-control:focus,.react-grid-HeaderCell .is-focused.is-open>.Select-control,.react-grid-HeaderCell .is-focused:not(.is-open)>.Select-control{border-color:var(--main-color)!important;box-shadow:0 0 0 1px var(--main-color)!important;font-size:14px!important}.react-datepicker__input-container .react-datepicker-ignore-onclickoutside:focus{border-color:var(--main-color)!important;box-shadow:0 0 0 1px var(--main-color)!important;outline:none}.form-group,.react-grid-HeaderCell{width:100%;margin-bottom:0!important}.react-grid-Cell .react-grid-Cell__value .payment-status-overdue-payment{color:#fff!important;background-color:var(--danger);border-color:var(--danger);border:1px solid var(--danger);padding:0 5px;border-radius:5px;font-size:14px}.react-grid-Cell .react-grid-Cell__value .payment-status-completed{color:#fff!important;background-color:var(--green);border-color:var(--green);border:1px solid var(--green);padding:0 5px;border-radius:5px;font-size:14px}.react-grid-Cell .react-grid-Cell__value .payment-status-write-off{color:#fff!important;background-color:var(--dark);border-color:var(--dark);border:1px solid var(--dark);padding:0 5px;border-radius:5px;font-size:14px}.react-grid-Cell .react-grid-Cell__value .payment-status-submitted{color:#fff!important;background-color:var(--info);border-color:var(--info);border:1px solid var(--info);padding:0 5px;border-radius:5px;font-size:14px}.react-grid-Cell .react-grid-Cell__value .payment-status-draft{color:#fff!important;background-color:var(--secondary);border-color:var(--secondary);border:1px solid var(--secondary);padding:0 5px;border-radius:5px;font-size:14px}.react-grid-Cell .react-grid-Cell__value .payment-status-partial-payment{color:#fff!important;background-color:var(--warning);border-color:var(--warning);border:1px solid var(----warning);padding:0 5px;border-radius:5px;font-size:14px}.react-grid-Cell .react-grid-Cell__value .contact-history-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.react-grid-Cell .react-grid-Cell__value .contact-history-row .show-contact-history-btn{color:var(--main-color);&:hover{cursor:pointer}}.react-grid-Cell .react-grid-Cell__value .contact-history-row .show-contact-history-btn.disabled{color:var(--secondary)!important;&:hover{cursor:not-allowed}}.react-grid-Cell .react-grid-Cell__value .debt-reminder-schedule-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.debt-reminder-schedule-btn{color:var(--main-color);&:hover{cursor:pointer}}.debt-reminder-schedule-btn.disabled{color:var(--secondary);&:hover{cursor:not-allowed}}.react-grid-Cell .react-grid-Cell__value .update-status-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.update-status-btn{color:var(--main-color);&:hover{cursor:pointer}}.update-status-btn.disabled{color:var(--secondary);&:hover{cursor:not-allowed}}.rdg-cell-action .rdg-cell-action-button .btn.btn-link.text-info.btn-action.disabled{color:var(--dark)!important;&:hover{cursor:not-allowed!important}}}#discount-amount-modal{font-size:14px I!important;margin-bottom:15px;.discount-amount-title{color:var(--main-color);font-weight:700}.close,.discount-amount-title{color:var(--main-color);opacity:1}.discount-amount-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;grid-gap:16px;gap:16px}.discount-amount-footer .discount-amount-save-btn{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color)}}.discount-amount-footer .discount-amount-save-btn:disabled{cursor:not-allowed!important;opacity:1!important;color:#fff!important;background-color:grey!important;border:grey!important;&:hover{opacity:.65}}}#export-modal{font-size:14px I!important;margin-bottom:15px;.export-file{display:flex;flex-direction:row;grid-gap:8px;gap:8px;margin-top:.5rem;position:relative}.export-file .custom-file-input,t{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:14px;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&:hover{cursor:pointer}}.export-file .custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;line-height:1.5;color:var(--main-color);background-color:#fff;border-radius:.25rem;font-size:14px;font-weight:400;&:hover{cursor:pointer}}.upload-btn{color:#fff!important;border:none;&:hover{cursor:pointer;opacity:.75}}.export-title{color:var(--main-color);font-weight:700}.close,.export-title{color:var(--main-color);opacity:1}.export-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;grid-gap:16px;gap:16px}.export-footer .export-save-button{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color)}}.export-footer .export-save-button:disabled{cursor:not-allowed!important;opacity:1!important;color:#fff!important;background-color:grey!important;border:grey!important;&:hover{opacity:.65}}}.upsert-debit-note{font-size:16px;margin-bottom:15px;.debit-note-form-save-btn{color:#fff!important;border:none;&:hover{cursor:pointer;opacity:.75}}.upsert-debit-note-form-title{color:var(--main-color);font-weight:700}.close,.upsert-debit-note-form-title{color:var(--main-color);opacity:1}.form-item-detail.card{margin-bottom:15px!important}.form-item-detail-header{display:flex;flex-direction:row;grid-gap:16px;gap:16px;align-items:center;width:100%;background:none!important;padding-left:15px}.form-item-detail-header .card-title{color:var(--main-color);font-weight:700;font-size:large;margin:0!important}.form-item-detail-header .card-warning{color:var(--danger);font-size:14px;font-style:italic;margin:0!important}.form-item-detail .card-body{padding:5px 15px!important}.form-item-detail .card-body .item-detail-row{display:flex;flex-direction:row;align-items:center;border:none;width:100%;padding:0 5px;border-top:2px solid var(--main-color);margin-top:15px}.form-item-detail .card-body .item-detail-row:first-child{border-top:none;margin-top:0}.form-item-detail .card-body .item-detail-col{border:none!important;padding-bottom:0}.form-item-detail .card-body .item-detail-col .form-group{margin-bottom:0!important}.item-detail-col.col-action{padding-bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.item-detail-col.col-form-field{width:100%}.form--add-item-button.btn-outline-primary{color:var(--main-color);border-color:var(--main-color);&:hover{cursor:pointer;background-color:var(--main-color)!important;color:#fff;i{color:#fff!important}}}.form--add-item-button.btn-outline-primary:hover{cursor:pointer;background-color:var(--main-color)!important;color:#fff}.form--add-item-button.disabled,.form--add-item-button.disabled:hover{cursor:not-allowed;color:grey;border-color:grey}.form--add-item-button.disabled.btn-outline-primary:hover{cursor:not-allowed!important;color:grey!important;border-color:grey!important}.delete-sgl-shipment-item-button{margin-top:38px}.delete-sgl-shipment-item-button.disabled{cursor:not-allowed;color:grey;border-color:grey}.spinner-shipment{color:var(--main-color)!important}.upsert-form-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;grid-gap:16px;gap:16px}.row.total-row{width:100%!important}.total-text{display:flex;justify-content:flex-end;align-items:flex-end}label{color:var(--main-color);font-weight:700;font-size:16px}.number-text{padding-left:12px}.margin-top-10{margin-top:10px!important}}.debit-payment{display:flex;flex-direction:column;grid-gap:16px;gap:16px;.debit-note-info{padding:15px 15px 0!important}.debit-note-info.card{margin-bottom:15px!important}.debit-note-info-card-header{display:flex;flex-direction:row;grid-gap:16px;gap:16px;align-items:center;width:100%;background:none!important;padding-left:15px}.debit-note-info-card-header .card-title{color:var(--main-color);font-weight:700;font-size:large;margin:0!important}.debit-note-info-card .card-body.debit-note-payment-card-body{padding:10px!important}.debit-payment-qr-code{justify-content:center;align-items:center}.debit-payment-qr-code .card{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:0!important}.debit-note-payment-row{display:flex;flex-direction:row;justify-content:flex-end;text-align:center;grid-gap:16px;gap:16px}.get-qr-code-button{background-color:var(--main-color)!important;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color);background-color:var(--main-color)!important}}.get-qr-code-button,.push-notification-button{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none}.push-notification-button{&:hover{cursor:pointer;opacity:.75;border-color:var(--success)}}.currency-formatter{text-align:end}.shipment-col-header-first{color:var(--main-color);min-width:50px!important}.shipment-col-header{color:var(--main-color);min-width:200px}}.shipment-container{width:100%;overflow-x:auto}.col-header,.total-cell{color:var(--main-color)}.total-cell{text-align:end;font-weight:700}.payment-history-card.card{margin-bottom:15px!important}.payment-history-card-header{display:flex;flex-direction:row;grid-gap:16px;gap:16px;align-items:center;width:100%;background:none!important;padding-left:15px}.payment-history-card-header .card-title{color:var(--main-color);font-weight:700;font-size:large;margin:0!important}.payment-history-card .card-body.debit-note-payment-card-body{padding:10px!important}.payment-status-overdue-payment{color:#fff!important;background-color:var(--danger);border-color:var(--danger);border:1px solid var(--danger);padding:0 5px;border-radius:5px;font-size:14px}.payment-status-completed{color:#fff!important;background-color:var(--green);border-color:var(--green);border:1px solid var(--green);padding:0 5px;border-radius:5px;font-size:14px}.payment-status-write-off{color:#fff!important;background-color:var(--dark);border-color:var(--dark);border:1px solid var(--dark);padding:0 5px;border-radius:5px;font-size:14px}.payment-status-submitted{background-color:var(--info);border-color:var(--info);border:1px solid var(--info);border-radius:5px}.payment-status-draft,.payment-status-submitted{color:#fff!important;padding:0 5px;font-size:14px}.payment-status-draft{background-color:var(--secondary);border-color:var(--secondary);border:1px solid var(--secondary);border-radius:5px}.payment-status-partial-payment{color:#fff!important;background-color:var(--warning);border-color:var(--warning);border:1px solid var(----warning);padding:0 5px;border-radius:5px;font-size:14px}#payment-modal{font-size:14px I!important;margin-bottom:15px;.payment-radio{color:var(--main-color)!important;font-size:16px}.text-bold{font-weight:700;font-size:16px;color:currentColor}.payment-title{color:var(--main-color);font-weight:700}.close,.payment-title{color:var(--main-color);opacity:1}.payment-container{justify-content:center;text-align:center}}#manual-payment-modal{font-size:14px I!important;margin-bottom:15px;.payment-title{color:var(--main-color);font-weight:700}.close,.payment-title{color:var(--main-color);opacity:1}.manual-payment-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;grid-gap:16px;gap:16px}.manual-payment-footer .manual-payment-save-btn{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color)}}.manual-payment-footer .manual-payment-save-btn:disabled{cursor:not-allowed!important;opacity:1!important;color:#fff!important;background-color:grey!important;border:grey!important;&:hover{opacity:.65}}}.page-not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;text-align:center}.page-not-found-container h1{font-size:4rem;margin-bottom:1rem;color:var(--danger)}.page-not-found-container p{font-size:1.5rem;margin-bottom:2rem;color:var(--main-color)}.page-not-found-container a{text-decoration:none;color:#1890ff;font-size:1.2rem}.page-not-found-container a:hover{color:#40a9ff}.debit-note-detail{display:flex;flex-direction:column;grid-gap:16px;gap:16px;.debit-note-info{padding:15px 15px 0!important}.debit-note-info.card{margin-bottom:15px!important}.debit-note-info-card-header{display:flex;flex-direction:row;grid-gap:16px;gap:16px;align-items:center;width:100%;background:none!important;padding-left:15px}.debit-note-info-card-header .card-title{color:var(--main-color);font-weight:700;font-size:large;margin:0!important}.debit-note-info-card .card-body.debit-note-payment-card-body{padding:10px!important}.debit-payment-qr-code{justify-content:center;align-items:center}.debit-payment-qr-code .card{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:0!important}.debit-note-detail-row{display:flex;flex-direction:row;justify-content:flex-end;text-align:center;grid-gap:16px;gap:16px}.debit-note-detail-title{color:var(--main-color);font-weight:700}.close,.debit-note-detail-title{color:var(--main-color);opacity:1}.download-shipment-button{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px;color:#fff;border:none;&:hover{cursor:pointer;opacity:.75;border-color:var(--main-color)}}.download-shipment-button:disabled{cursor:not-allowed!important;opacity:1!important;color:#fff!important;background-color:grey!important;border:grey!important;&:hover{opacity:.65}}.shipment-container{width:100%;overflow-x:auto}.shipment-col-header-first{color:var(--main-color);min-width:50px!important}.shipment-col-header{color:var(--main-color);min-width:200px}.total-cell{text-align:end;color:var(--main-color);font-weight:700}.payment-history-card.card{margin-bottom:15px!important}.payment-history-card-header{display:flex;flex-direction:row;grid-gap:16px;gap:16px;align-items:center;width:100%;background:none!important;padding-left:15px}.payment-history-card-header .card-title{color:var(--main-color);font-weight:700;font-size:large;margin:0!important}.payment-history-card .card-body.debit-note-payment-card-body{padding:10px!important}}.forbidden-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;text-align:center}.forbidden-container h1{font-size:4rem;margin-bottom:1rem;color:var(--danger)}.forbidden-container p{font-size:1.5rem;margin-bottom:2rem;color:var(--main-color)}.forbidden-container a{text-decoration:none;color:#1890ff;font-size:1.2rem}.forbidden-container a:hover{color:#40a9ff}#login-page a{color:#92badd;display:inline-block;text-decoration:none;font-weight:400}#login-page h2{text-align:center;font-size:16px;font-weight:600;text-transform:uppercase;display:inline-block;margin:40px 8px 10px;color:#ccc}#login-page .wrapper{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;min-height:100%;padding:20px}#login-page .formContent{border-radius:10px 10px 10px 10px;background:#fff;width:90%;max-width:450px;position:relative;padding:0;box-shadow:0 30px 60px 0 rgba(0,0,0,.3);text-align:center}#login-page .formFooter{background-color:#f6f6f6;border-top:1px solid #dce8f1;padding:25px;text-align:center;border-radius:0 0 10px 10px}#login-page h2.inactive{color:#ccc}#login-page h2.active{color:#0d0d0d;border-bottom:2px solid #5fbae9}#login-page button[type=button],#login-page button[type=reset],#login-page button[type=submit],#login-page input[type=button],#login-page input[type=reset],#login-page input[type=submit]{background-color:#56baed;border:none;color:#fff;padding:15px 80px;text-align:center;text-decoration:none;display:inline-block;text-transform:uppercase;font-size:13px;box-shadow:0 10px 30px 0 rgba(95,186,233,.4);border-radius:5px 5px 5px 5px;margin:5px 20px 40px;transition:all .3s ease-in-out}#login-page button[type=button]:hover,#login-page button[type=reset]:hover,#login-page button[type=submit]:hover,#login-page input[type=button]:hover,#login-page input[type=reset]:hover,#login-page input[type=submit]:hover{background-color:#39ace7}#login-page button[type=button]:active,#login-page button[type=reset]:active,#login-page button[type=submit]:active,#login-page input[type=button]:active,#login-page input[type=reset]:active,#login-page input[type=submit]:active{transform:scale(.95)}#login-page input[type=password],#login-page input[type=text]{background-color:#f6f6f6;color:#0d0d0d;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:5px;width:85%;border:2px solid #f6f6f6;transition:all .5s ease-in-out;border-radius:5px 5px 5px 5px}#login-page input[type=text]:focus{background-color:#fff;border-bottom:2px solid #5fbae9}#login-page input[type=text]:placeholder{color:#ccc}#login-page .fadeInDown{animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:both}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#login-page .fadeIn{opacity:0;animation:fadeIn ease-in 1;animation-fill-mode:forwards;animation-duration:1s}#login-page .fadeIn.first{animation-delay:.4s}#login-page .fadeIn.second{animation-delay:.6s}#login-page .fadeIn.third{animation-delay:.8s}#login-page .fadeIn.fourth{animation-delay:1s}#login-page .underlineHover:after{display:block;left:0;bottom:-10px;width:0;height:2px;background-color:#56baed;content:"";transition:width .2s}#login-page .underlineHover:hover{color:#0d0d0d}#login-page .underlineHover:hover:after{width:100%}#login-page h1{color:#60a0ff}#login-page :focus{outline:none}#login-page .icon{width:30%}#root,#root>.page-render,body,html{min-width:100%;min-height:100%;color:#212529;--main-color:#1c7dc1;--green:#28a745;--danger:#dc3545;--warning:#ffc107;--dark:#343a40;padding-bottom:15px}a.navbar-brand{white-space:normal;text-align:center;word-break:break-all}html{font-size:14px}@media (min-width:768px){html{font-size:16px}}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}.react-grid-Toolbar .tools .btn:first-child{margin-right:5px}.react-grid-Toolbar .tools .btn.custom-header-action{margin-left:5px}.react-grid-Grid .form-control{max-height:30px}.data-grid-footer.center .pagination{padding:15px;margin:0}.data-grid-footer{background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125);display:flex;justify-content:flex-end;align-items:center}.data-grid-footer .pagination .page-item .page-link{color:var(--main-color)!important}.data-grid-footer .pagination .page-item{&.active{.page-link{color:#fff!important;background-color:var(--main-color)!important}}}.data-grid-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px);border:1px solid #dee2e6}.content-header>h1{margin-bottom:15px;font-size:24px}.content-header>h1>small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300}.custom-file-input,.custom-file-label,.custom-file-label:after{z-index:0;overflow:hidden}.mrb-20{margin-bottom:20px}

/*!
 * Start Bootstrap - One Page Wonder v5.0.7 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */body{font-family:"Open Sans",sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Catamaran";font-weight:800!important}.btn-xl{text-transform:uppercase;padding:1.5rem 3rem;font-size:.9rem;font-weight:700;letter-spacing:.1rem}.bg-black{background-color:#000!important}.rounded-pill{border-radius:5rem}.navbar-custom{padding-top:.5rem;padding-bottom:.5rem}.navbar-custom .navbar-brand{text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:700}.navbar-custom .navbar-nav .nav-item .nav-link{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1rem;color:#32b0e3}header.masthead{position:relative;overflow:hidden;padding-top:calc(7rem + 72px);padding-bottom:7rem;background:url(/images/1e6c390cd39328cd7182.jpg);background-repeat:no-repeat;background-position:50%;background-attachment:scroll;background-size:cover}header.masthead .masthead-content{z-index:1;position:relative}header.masthead .masthead-content .masthead-heading{font-size:4rem}header.masthead .masthead-content .masthead-subheading{font-size:2rem}header.masthead .bg-circle{z-index:0;position:absolute;border-radius:100%;background:linear-gradient(0deg,#ee0979,#ff6a00)}header.masthead .bg-circle-1{height:90rem;width:90rem;bottom:-55rem;left:-55rem}header.masthead .bg-circle-2{height:50rem;width:50rem;top:-25rem;right:-25rem}header.masthead .bg-circle-3{height:20rem;width:20rem;bottom:-10rem;right:5%}header.masthead .bg-circle-4{height:30rem;width:30rem;top:-5rem;right:35%}@media (min-width:992px){header.masthead{padding-top:calc(10rem + 55px);padding-bottom:10rem}header.masthead .masthead-content .masthead-heading{font-size:6rem}header.masthead .masthead-content .masthead-subheading{font-size:4rem}}.btn-secondary{background-color:#32b0e3;border-color:#2094c2}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#2094c2!important;border-color:#2094c2!important}.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,106,0,.5)}.btn-flat,.input-group>.flat-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:0}.btn-flat{margin-bottom:0}.form-control-wrapper{background-color:initial;border-radius:5px;border:14px solid rgba(0,0,0,.35)}.form-group label{color:var(--main-color);font-weight:700;font-size:16px;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;cursor:pointer;padding-right:20px}.form-group.required label:after{color:red;content:" (*)";display:inline;font-weight:100;position:absolute;right:0;padding-left:5px;background-color:initial}.form-control:focus{border-color:var(--main-color)!important;box-shadow:0 0 0 1px var(--main-color)!important}.flex-container{display:flex;justify-content:center;height:200px;align-items:center}.flex-container .flex-item{background-color:#f1f1f1;text-align:center;align-items:center;font-size:18px;text-transform:uppercase;display:block;text-decoration:none;color:#000;font-weight:700;width:160px;height:130px;position:relative}.flex-container .flex-item .item-value{position:absolute;top:50%;transform:translateY(-50%);width:100%}.flex-container .flex-item.active{height:150px;background-color:#32b0e3;color:#fff}section{padding:40px 0}.section-meta{margin:25px 0}.card{margin-bottom:25px;border:none;box-shadow:0 .15rem 1.75rem 0 rgba(31,45,65,.15)}.section-title{position:relative;margin-bottom:25px}.section-title p{font-size:16px;margin-bottom:5px;font-weight:400}.section-title h4{font-size:40px;font-weight:600;text-transform:capitalize;position:relative;padding-bottom:20px;display:inline-block;color:#32b0e3}.section-title h4:before{position:absolute;content:"";width:80px;height:2px;background-color:#d8d8d8;bottom:0;left:50%;margin-left:-40px}.section-title h4:after{position:absolute;content:"";width:50px;height:2px;background-color:#32b0e3;left:0;bottom:0;left:50%;margin-left:-25px}.pt-100{padding-top:100px}.pb-100{padding-bottom:100px}.mb-100{margin-bottom:100px}.services{background-color:#f3f1f0}.single-service{position:relative;text-align:center;margin-bottom:50px;transition:.3s;padding:30px 20px;box-shadow:0 1px 4px rgba(0,0,0,.16)}.single-service:before{left:0;top:0}.single-service:after,.single-service:before{position:absolute;width:0;height:0;background-color:#32b0e3;content:"";transition:.3s}.single-service:after{right:0;bottom:0}.single-service:hover:after,.single-service:hover:before{width:50%;height:2px;transition:.3s}.single-service:hover{box-shadow:1px 3px 10px 0 rgba(0,0,0,.1)}.single-service i.fa{font-size:20px;width:60px;height:60px;border:1px solid #ddd;line-height:60px;margin-bottom:30px;border-radius:50%;transition:.3s}.single-service:hover i.fa{background-color:#32b0e3;color:#fff;border-color:#32b0e3;border-radius:0}.single-service h4{font-size:20px;font-weight:400;margin-bottom:15px;text-transform:capitalize}.single-service p{font-size:15px;line-height:1.8}#contact{background-color:#f3f1f0}#contact .info-wrap{padding:30px;background:#fff;border-radius:4px}#contact .info .info-icon{float:left}#contact .info .info-content{padding:0 0 0 60px}.map-container{background-color:#fff;padding:1px}.site-title{font-size:40px;color:#32b0e3}.site-subtitle{font-size:30px;font-weight:700}.about-list{list-style-type:square}.react-datepicker-wrapper input{width:100%}@media (min-width:992px){#services .card-body{min-height:250px}.parent{position:relative}.child{position:absolute;top:50%;transform:translateY(-50%)}}.info-content a{text-decoration:none;color:#000}.top-bar{background-color:#343a40;padding:2px 0}.hotline a{text-decoration:none;color:#fff}.upload-list-inline .ant-upload-list.ant-upload-list-text>div{display:inline-block}ul.order-file-list{padding:5px;list-style:none}ul.order-file-list li{display:inline}ul.order-file-list li+li:before{padding:8px;color:#000;content:""}ul.order-file-list li a{color:#0275d8;text-decoration:none}ul.order-file-list li a:hover{color:#01447e;text-decoration:underline}.thumbnail-uploader .ant-upload{width:128px;height:128px}.thumbnail-uploader .ant-upload.ant-upload-select-picture-card{float:none;margin:auto}.thumbnail-uploader .ant-upload-list-picture-card-container{float:none;margin:auto;width:128px;height:128px}.thumbnail-uploader .ant-upload-list-picture-card-container .ant-upload-list-item{width:128px;height:128px}.slide-item .card{margin:10px}.page-details .page-details-image{background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:cover;height:300px}.page-render-content{min-height:700px}.post-list .card{margin-bottom:25px;border:1px solid rgba(0,0,0,.125);box-shadow:none}.react-datepicker-wrapper{width:100%}.page-content .media{display:block}.historyTable{width:100%;border:2px dashed #d9d9d9;margin-bottom:15px;background-color:#fafafa}.historyTable td,.historyTable th{padding:5px;text-align:left}.btn-action{position:absolute;top:50%;transform:translateY(-50%) translateX(-50%)}.file-input-container{position:relative;overflow:hidden}.file-input-container .file-input{position:absolute;font-size:50px;opacity:0;right:0;top:0}.table .thead-dark th{color:#fff;background-color:#32b0e3;border-color:#32b0e3}ul.timeline{list-style-type:none;position:relative}ul.timeline:before{content:" ";background:#d4d9df;display:inline-block;position:absolute;left:29px;width:2px;height:100%;z-index:400}ul.timeline>li{margin:20px 0;padding-left:20px}ul.timeline>li:before{content:" ";background:#fff;display:inline-block;position:absolute;border-radius:50%;border:3px solid #22c0e8;left:20px;width:20px;height:20px;z-index:400}.table-responsive{overflow-x:auto;width:100%;display:inline-table}.table-responsive>thead>tr>th{font-weight:500;transition:all .3s ease;text-transform:uppercase;font-size:.875rem;white-space:nowrap;background-color:#f9f9f9;border:1px solid #ddd;padding:8px;line-height:22px;font-family:"Open Sans",sans-serif;font-weight:700;color:#212529;text-align:center}.table-responsive>tbody>tr>td{border:1px solid #ddd;padding:0 8px;line-height:22px}.table-responsive .action-btn{display:inline-block;-webkit-user-select:none;user-select:none;background-color:initial;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer}.table-responsive .action-btn :hover{text-decoration:none}.one-hundred-percent-width{width:100%}.pl-5{padding-left:5px!important}.pr-5{padding-right:5px!important}.sgl-logo{display:flex;flex-direction:row;justify-content:center;grid-gap:16px;gap:16px}.sgl-logo .sgl-amount-info{padding-top:20px;display:flex;flex-direction:row;grid-gap:8px;gap:8px}.react-grid-Cell .react-grid-Cell__value .currency-formatter{text-align:end!important}.spinner-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.7);z-index:9999}