@charset "UTF-8";:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}*,:after,:before{box-sizing:inherit}*{margin:0}.content_search_inputs{flex:1 1;padding:20px}.results{flex:3 1;margin-top:20px}.input_section{background-color:#fff;border:1px solid #afafaf;border-radius:10px;box-shadow:7px 6px 17px -9px #42445a;display:flex;flex-direction:column;gap:5px;margin-bottom:1.5rem;padding:10px}.input_section>p{font-size:larger;font-weight:700;text-align:center}.topBar{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 20px;position:relative}.input_section>input{margin-bottom:15px}.input_section>button,.input_section>input{border-radius:5px;font-size:20px;padding:10px}.input_section>button{cursor:pointer}.input_section>button:hover{background-color:#6855e0;box-shadow:0 0 20px #6855e099;color:#fff}select{border-radius:5px;font-size:20px;margin-bottom:5px;padding:10px}#label{font-size:medium;font-weight:400;text-align:left}.loader_container{display:grid;min-height:40vh;padding:20px;place-items:center}.results_container{padding-inline:10px}.results_top{align-items:center;display:flex;gap:10px}.reference_item{border-bottom:1px solid grey;margin-bottom:5px;padding-bottom:5px;padding-top:10px}.results_button{all:unset;background-color:rgba(14,117,0,.938);border-radius:10px;color:#fff;cursor:pointer;font-size:large;padding:5px 10px}.grid-container{border-radius:10px;grid-template-columns:auto auto auto auto auto}.grid-container>div{background-color:#fffc;border:1px solid #fff;font-size:20px;padding:20px 0;text-align:left}.clear-btn{all:unset;background-color:#051ad3;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;margin-bottom:10px;padding:5px 10px}.PopUp{background-color:#00000063;bottom:0;display:grid;left:0;place-items:center;position:fixed;right:0;top:0;z-index:1}.PopUp>.popup-inner{background-color:#fff;border:1px solid red;border-radius:20px;display:flex;flex-direction:column;gap:10px;padding:20px;z-index:2}.PopUp>.popup-inner>.PopUp-button{align-self:flex-end;background-color:red;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;outline:none;padding:6px 10px;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}.PopUp>.popup-inner>.popuptext{font-size:20px;font-weight:500;margin-bottom:20px}.reg{background-color:#6855e0;color:#fff}.log{background-color:#fff;border:1px solid #6855e0;color:#1a191d}.content_main{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.customers_table{table-layout:auto}.customers_table td,.customers_table th{padding:10px}.transaction_code_input{width:200px}.customers_table{height:-webkit-fit-content;height:fit-content;margin-top:10px}.customer_line_item{background-color:#9bfaab}.customer_line_item:nth-child(2n){background-color:#eff5f0}.customer_line_item>td{padding:5px}.transaction_code_input{display:block;width:100%}.transaction_detail_component{flex:1 1}.transaction_detail_header{font-size:1.2rem;font-weight:700;margin-top:100px;text-align:center}.transaction-table{height:-webkit-fit-content;height:fit-content;margin-top:10px}.transaction-table-body-row>td{padding:5px}.flex-center{align-items:center;display:flex;justify-content:center}.log{word-wrap:break-word;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#555;font-size:.9em;margin-bottom:10px;margin-top:20px;max-width:100%;overflow-x:auto;padding:20px;width:800px}.log div{margin-bottom:5px}.log>div{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.log>div:last-child{border-bottom:none}.log div>div:first-child{color:#333;font-weight:700}.log div>div:last-child{word-wrap:break-word;color:#666;max-width:100%;overflow-wrap:break-word}.Modal__Overlay{background-color:#000000bf!important}.Modal__Content{background-color:#fff;border-radius:10px;margin:auto;max-width:500px;padding:20px}.modal-close-button{display:inline-block;font-size:14px;margin:10px 0;text-align:center;text-decoration:none;transition:background-color .3s}.modal-close-button:hover{background-color:#0056b3}.modal-close-button:focus{box-shadow:0 0 0 3px #007bff80;outline:none}.error-log{background-color:#fdd;border:1px solid red;color:red;margin-top:10px;padding:10px}.child-tab-buttons,.tab-buttons{display:flex;justify-content:center;margin-bottom:10px}.tab-button{margin:0 5px}.tab-button.active{font-weight:700}.child-tab-buttons .transactionStatus-button{background-color:#f6ffcc}.child-tab-buttons .transactionHistory-button{background-color:#19ee19}.child-tab-buttons .tab-button:hover{opacity:.8}.loggedAs{color:#333;font-size:18px;font-weight:700;position:absolute;right:20px}.navbar-item{flex-shrink:0}.dashboard{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:20px}.tab-content{margin-top:20px}.tab-buttons{display:flex}.tab-button{background:#4c5e92;border:none;flex:1 1;padding:10px;transition:background .3s}.tab-button.active{background:#0056b3;border-bottom:2px solid #007bff;margin:0;width:400px}.tab-button.disabled{cursor:not-allowed;opacity:.6}.customers_table td,.customers_table th{border:1px solid #ddd;padding:8px;text-align:left}.customers_table th{background:#f4f4f4}.customer_line_item{transition:background .3s}.customer_line_item:hover{background:#f9f9f9}.transaction_code_input{margin-right:8px;padding:8px;width:calc(100% - 80px)}.customers_table{display:table;width:800px}.table-header{background-color:#f1f1f1;display:table-header-group}.table-row{display:table-row}.table-cell{text-align:flex}.table-cell input[type=radio]{margin-right:8px}.table-body{display:table-row-group}.table-row:nth-child(2n){background-color:#f9f9f9}.transaction_code_input{display:inline-block;padding:5px;width:calc(100% - 120px)}.view-status-button{display:inline-block;padding:5px;width:100px}.tab-content{width:100%}.tab-button{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;text-align:center;transition:background-color .3s ease,color .3s ease}.tab-button:hover{background-color:#e0e0e0;border-color:#aaa;color:#333}.tab-button:focus{box-shadow:0 0 3px #0000004d;outline:none}.child-tab-button{background-color:#fff;border:1px solid #0000;border-radius:4px;color:#000;cursor:pointer;font-size:14px;font-weight:400;padding:8px 16px;text-align:center;transition:background-color .3s ease,color .3s ease}.child-tab-button.active{background-color:#007bff;color:#fff}.child-tab-button:hover{background-color:#e0e0e0;border-color:#aaa;color:#333}.child-tab-button:focus{box-shadow:0 0 2px #0000004d;outline:none}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown:hover .dropdown-content{display:block}.dropdown-content .child-tab-button{background-color:#fff;border:none;color:#000;padding:10px 20px}.dropdown-content .child-tab-button:focus,.dropdown-content .child-tab-button:hover{background-color:#e0e0e0;color:#333}.sub-tab-button:hover .dropdown-content{display:block}.child-tab-button.active,.sub-tab-button.active,.tab-button.active{background-color:#007bff;color:#131212}.child-tab-button.disabled,.tab-button.disabled{background-color:#5c56af;cursor:not-allowed}.customers_table{border-collapse:collapse;width:100%}.table-cell{border:1px solid #ddd;justify-content:flex-start}.table-cell:first-child,.table-cell:nth-child(2){flex-basis:30%}.table-cell:nth-child(3){flex-basis:40%}.customer_line_item{cursor:pointer}.customer_line_item input[type=radio],.transaction_code_input{margin-right:10px}.pagination{align-self:center;margin-bottom:1em;margin-top:1em}.page-number{cursor:pointer;margin:0 5px;padding:5px 10px}.page-number.active{background-color:#16537e;color:#fff}.ellipsis{padding:5px 10px}.date-range-selection{align-items:center;display:flex;justify-content:space-around;margin-bottom:1em}.custom-date-selection{display:flex;gap:1em}.transaction-history-table{border-collapse:collapse;margin-top:1em;width:100%}.table-body,.table-header{width:100%}.table-row{border-bottom:1px solid #ccc;display:flex;width:100%}.table-cell{align-items:center;display:flex;flex:1 1;gap:10px;padding:10px}.view-status-button{gap:10px}.transaction-grid{grid-gap:1rem;border:1px solid #ddd;border-collapse:collapse;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);padding:1rem}.grid-cell,.header-cell{border:1px solid #ddd;padding:.5rem;text-align:left}.action-cell{align-items:center;justify-content:center}.header-cell{background-color:#f4f4f4}.date-range-selector{align-items:center;display:flex;gap:15px;margin-bottom:10px;margin-top:20px}.date-range-selector label{align-items:center;display:flex;gap:5px}.custom-date-range{display:flex;gap:10px}.transaction-history{margin-top:20px}.search-label{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.download-button,.fetch-button,.status-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.search-container{align-items:center}.filter-select,.search-input{border:1px solid #ccc;border-radius:4px;margin-left:10px;padding:8px}.json-container{background-color:#f4f4f4;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;margin-top:20px;overflow-x:auto;padding:20px;white-space:pre-wrap}.json-key{color:#d14}.json-string{color:#1a1aa6}.json-number{color:teal}.json-boolean{color:#ff4500}.json-null{color:grey}.grid-container{grid-gap:10px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:grid;grid-template-columns:1fr 2fr;margin:auto;max-width:800px;padding:20px}.grid-item{background-color:#fff;border-radius:4px}.grid-item strong{color:#333;margin-right:5px}.status-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.status-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#fff;border-radius:8px;max-width:900px;padding:20px;position:relative}.close-modal{background:none;border:none;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}.grid-container{display:flex;flex-direction:column;gap:10px;margin:20px}.grid-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;padding:10px}.order-details-wrapper{background-color:#e8f5e9;border:2px solid #4caf50;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:15px}.status-error{color:#ff5722}.status-success{color:#4caf50}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.transaction-group-container{border:1px solid #ddd;margin:20px auto;width:800px}.status-bar-top{background-color:#e9ecef;border-bottom:1px solid #ddd;font-family:Arial,sans-serif;justify-content:space-between;padding:10px;width:750px}.status-bar,.status-bar-top{align-items:center;display:flex;margin:15px}.status-bar{position:relative;width:100%}.status-bar-container{background-color:#f9f9f9;border:1px solid #ddd;margin-bottom:10px;padding:10px;position:relative}.step-container{flex-grow:1}.status-step,.step-container{align-items:center;display:flex;position:relative}.status-step{background-color:#e0e0e0;border-radius:4px;cursor:pointer;padding:10px;transition:background-color .3s ease;z-index:1}.status-step.completed{background-color:#4caf50;color:#fff}.status-step.inactive{background-color:#e0e0e0;color:#000}.status-step:hover{background-color:#d1d1d1}.status-step:focus{box-shadow:0 0 0 2px #007bff80;outline:none}.status-step.received .icon button{color:green}.status-step.processing .icon button{color:orange}.status-step.sent .icon button{color:blue}.icon button{background:none;border:none;cursor:pointer;padding:0}.icon button:focus{outline:none}.icon{margin-right:10px}.step-line{background-color:#ddd;flex-grow:1;height:2px;z-index:0}.step-line.completed{background-color:#4caf50}.step-line.active{background-color:#2196f3}.step-line.inactive{background-color:#e0e0e0}.transaction-status-header{color:#32926a;font-size:28px;font-weight:500;letter-spacing:0;line-height:1.5em;margin:15px;padding-bottom:15px;position:relative;text-shadow:.022em .022em .022em #111}.status-bar-top div{color:#555;font-size:12px}.status-bar-top p{font-size:14px;margin:0}.status-bar-item{margin-bottom:15px}.ReactModal__Overlay{background-color:#000000bf;z-index:999}.ReactModal__Content{background:#fff;border-radius:10px;margin:auto;max-width:600px;z-index:1000}.modal-close-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.log-element{margin-right:1px}.icon{margin-bottom:5px}.status-step.error,.status-step.error .icon{color:red}button[disabled]{cursor:not-allowed;opacity:.5}.error-reason{background-color:#ffe6e6;border:1px solid red;border-radius:5px;color:red;font-weight:700;margin-top:10px;padding:5px}.transaction-logs{border:1px solid #ddd;border-radius:4px;margin-top:20px;padding:10px}.transaction-logs div{color:#333;font-size:14px;margin-bottom:10px}.acknowledged div{display:flex;max-height:150px;overflow-y:auto;padding:10px}.transaction-logs{display:flex;flex-direction:column}.transaction-logs>div{margin-bottom:10px}.transaction-logs{margin-left:20px;margin-top:10px;max-height:400px;overflow-y:auto}.transaction-log-item{margin-bottom:10px;white-space:pre-wrap}.status-step.completed.error{background-color:red;color:#000}.status-step.error .icon button{color:#000}.step-line.error{background-color:gray}.tabs{display:flex;gap:10px;margin-bottom:20px;margin-left:20px}.tabs button{background-color:#6e70f7de;border:none;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.tabs button.active{background-color:#007bff;color:#fff;margin-left:20px}.tabs button:hover:not(.active){background-color:#ace}.transaction-link{color:blue;cursor:pointer;display:block;margin-top:10px;text-decoration:underline}.transaction-link:hover{color:#00008b}.transaction-status-page{background-color:#f9f9f9;display:flex;padding:20px}.transaction-status-page h1{margin-bottom:20px}.transaction-status-page p{margin:10px 0}.button-container{display:flex;justify-content:flex-end;margin-bottom:20px;width:64%}.button-container button{margin-left:20px}.back-button
.close-button,.subscribe-button,.unsubscribe-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.back-button:hover,.subscribe-button:hover,.unsubscribe-button:hover{background-color:#0056b3}.back-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:10px;margin-left:20px;padding:10px 20px}.transaction-logs{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin:0 auto;max-width:600px;padding:20px}.transaction-logs input,.transaction-logs textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.transaction-logs textarea{height:100px;resize:vertical}.transaction-logs input{height:40px}.transaction-logs button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.transaction-logs button:hover{background-color:#0056b3}.transaction-logs p{color:red;font-size:14px}.transaction-logs .response{background-color:#e9ffe9;border:1px solid #b3ffb3;border-radius:4px;color:#2d7a2d;font-size:14px;margin-top:20px;padding:10px}.email-button{background-image:url(/static/media/outlook-icon.165059bc65f1631bd47e.ico)}.email-button,.jira-button{background-position:10px;background-repeat:no-repeat;background-size:20px 20px;padding-left:40px}.jira-button{background-image:url(/static/media/jira-icon.897a8fe074fbdcb8324f.ico)}.transaction-logs{margin:20px}input{box-sizing:border-box;display:block;font-size:14px;padding:8px}.close-button,.copy-button,.email-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:10px 5px;padding:10px 15px}.email-button{background-color:#007bff}.copy-button{background-color:#28a745}.close-button{background-color:#dc3545}.error-message{color:#dc3545;font-weight:700;margin-top:10px}.response-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;margin-top:20px;padding:15px;position:relative}.response-text{color:#343a40;font-family:monospace;margin-bottom:10px;white-space:pre-wrap}.error-response{background-color:#ffe6e6;border:1px solid red;color:red}.ReactModal__Content{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #2c1d1d33;font-family:Arial,sans-serif;margin-bottom:30px;max-width:800px;padding:20px;width:100%}.transaction-status-header{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.subscription-process{gap:20px}.alert-type-section,.subscription-process{display:flex;flex-direction:column}.radio-options{display:flex;gap:20px}.input-section{display:flex;flex-direction:column}.input-field{width:100%}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px 20px}.submit-button:hover{background-color:#0056b3}.button-container{text-align:right}.phone-input{align-items:center;display:flex;padding:10px}.country-code-dropdown{margin-right:10px}.country-code-dropdown,.input-field{border:1px solid #ccc;border-radius:4px;font-size:14px}.input-field{flex:1 1;margin-left:10px;padding:10px}.country-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:150px;overflow-y:auto;position:relative;z-index:1000}.country-option{cursor:pointer;padding:10px}.country-option:hover{background-color:#f0f0f0}.subscription-process,.subscription-response{margin-bottom:20px;margin-top:10px}.error-response-grid table{border-collapse:collapse;margin-bottom:20px;margin-top:30px;width:100%}.error-response-grid td,.error-response-grid th{border:1px solid #ddd;padding:8px;text-align:left}.error-response-grid th{background-color:#f2f2f2}.transaction-template-columns{grid-gap:10px;border:1px solid #ccc;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-top:20px}.grid-header,.grid-row{display:contents}.header-cell{background-color:#f1f1f1;border-bottom:2px solid #ccc;font-weight:700;padding:10px;text-align:center}.grid-cell{border-bottom:1px solid #ccc;padding:10px;text-align:left}.grid-cell input[type=radio]{margin-right:10px}.action-cell{align-items:left;display:flex;justify-content:left}.search-container{display:flex;justify-content:flex-end;margin-bottom:20px}.filter-button,.search-dropdown,.search-input{margin-left:10px;padding:5px}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination button{background-color:#007bff;border:none;color:#fff;cursor:pointer;margin:0 5px;padding:8px 16px;transition:background-color .3s ease}.pagination button:disabled{background-color:#ccc}.pagination button:hover:not(:disabled){background-color:#0056b3}.view-status-button{background-color:#28a745;border:none;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px;transition:background-color .3s ease}.view-status-button:disabled{background-color:#ccc;cursor:not-allowed}.view-status-button:hover:not(:disabled){background-color:#218838}
/*# sourceMappingURL=main.ff01c63f.css.map*/