osmanli-yatirim 0.5.23 → 0.5.25

package/dist/OsmanliYatirimPackage.common.1.js

@@ -771,7 +771,7 @@ var render = function render() {
     attrs: {
       "data-list": _vm.filteredList,
       headers: _vm.headers,
-      "page-size": 10,
+      "page-size": 11,
       sortable: "",
       "use-pager": "",
       "special-order": "",
@@ -1323,7 +1323,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/images/icon
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".executed-transactions .filter-container[data-v-74b0b45e] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.executed-transactions .filter-container__button[data-v-74b0b45e] {\n    max-width: 200px;\n    width: 100%;\n}\n.executed-transactions .filter-container__button .apply-button[data-v-74b0b45e] {\n      margin-top: 3px;\n}\n.executed-transactions .filter-container__filtering-options[data-v-74b0b45e] {\n    width: 100%;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container[data-v-74b0b45e] {\n      flex-direction: column;\n}\n.executed-transactions .filter-container__button[data-v-74b0b45e] {\n        max-width: 100%;\n}\n}\n.executed-transactions .filter-container .filter-field[data-v-74b0b45e] {\n    width: 160px;\n    margin-left: 15px;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container .filter-field[data-v-74b0b45e] {\n        width: 100%;\n}\n}\n.executed-transactions .controls-export-links[data-v-74b0b45e] {\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links[data-v-74b0b45e] {\n      flex-direction: column;\n      align-items: flex-start;\n}\n}\n.executed-transactions .controls-export-links .controls-container[data-v-74b0b45e] {\n    position: absolute;\n    top: 0;\n    right: 0;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links .controls-container[data-v-74b0b45e] {\n        justify-content: flex-end;\n}\n}\n.executed-transactions .controls-export-links .go-extract-link[data-v-74b0b45e] {\n    display: block;\n    padding: 0 0 0 20px;\n    margin: 0 0 10px 5px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    border: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    min-width: -webkit-fit-content;\n    min-width: -moz-fit-content;\n    min-width: fit-content;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] table thead td, .executed-transactions[data-v-74b0b45e] table thead th {\n    padding: 11px 12px !important;\n}\n.executed-transactions[data-v-74b0b45e] table tbody td, .executed-transactions[data-v-74b0b45e] table tbody th {\n    border-bottom: 1px solid #ecedef;\n    padding: 11px 12px !important;\n}\n}\n@media screen and (min-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .modal-body .stock-table table thead th:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .modal-body .stock-table table tbody td:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .modal-body .stock-table table tbody th:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .executed-table.stock-table table thead th:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .executed-table.stock-table table tbody td:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .executed-table.stock-table table tbody th:nth-child(6) {\n    padding-right: 100px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .table-area table th:first-child,\n.executed-transactions[data-v-74b0b45e] .table-area table td:first-child,\n.executed-transactions[data-v-74b0b45e] .table-area table th:first-child {\n  padding-left: 20px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .table-area table th:first-child,\n    .executed-transactions[data-v-74b0b45e] .table-area table td:first-child,\n    .executed-transactions[data-v-74b0b45e] .table-area table th:first-child {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .table-area table tbody td, .executed-transactions[data-v-74b0b45e] .table-area table tbody th {\n  font-weight: 400;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .table-area table tbody td:first-child, .executed-transactions[data-v-74b0b45e] .table-area table tbody th:first-child {\n      width: 100% !important;\n      text-align: right !important;\n}\n.executed-transactions[data-v-74b0b45e] .table-area table tbody td:first-child::before, .executed-transactions[data-v-74b0b45e] .table-area table tbody th:first-child::before {\n        content: attr(data-label);\n}\n}\n.executed-transactions[data-v-74b0b45e] .table-area.stock-table table th:nth-child(7) {\n  width: 148px !important;\n}\n.executed-transactions[data-v-74b0b45e] .table-area.warrant-table table th:nth-child(7) {\n  width: 115px !important;\n}\n.executed-transactions[data-v-74b0b45e] .table-area.warrant-table table tbody td:nth-child(4), .executed-transactions[data-v-74b0b45e] .table-area.warrant-table table tbody th:nth-child(4) {\n  font-weight: 500 !important;\n}\n.executed-transactions .executed-table.warrant-table thead th[data-v-74b0b45e]:nth-child(6),\n.executed-transactions .executed-table.warrant-table tbody td[data-v-74b0b45e]:nth-child(6),\n.executed-transactions .executed-table.warrant-table tbody table th[data-v-74b0b45e]:nth-child(6),\ntable .executed-transactions .executed-table.warrant-table tbody th[data-v-74b0b45e]:nth-child(6) {\n  padding-right: 20px !important;\n  width: 148px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .executed-table.warrant-table thead th[data-v-74b0b45e]:nth-child(6),\n    .executed-transactions .executed-table.warrant-table tbody td[data-v-74b0b45e]:nth-child(6),\n    .executed-transactions .executed-table.warrant-table tbody table th[data-v-74b0b45e]:nth-child(6),\n    table .executed-transactions .executed-table.warrant-table tbody th[data-v-74b0b45e]:nth-child(6) {\n      padding-right: 12px !important;\n      width: 100% !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table table th:nth-child(7) {\n  width: 85% !important;\n  padding-left: 35px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table table th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table table td:first-child, .executed-transactions[data-v-74b0b45e] .canceled-table table th:first-child {\n  font-weight: 400;\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table table td:nth-child(7), .executed-transactions[data-v-74b0b45e] .canceled-table table th:nth-child(7) {\n  padding-left: 35px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table table td:nth-child(7), .executed-transactions[data-v-74b0b45e] .canceled-table table th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(7) {\n  padding-left: 15px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant td:nth-child(7), .executed-transactions[data-v-74b0b45e] .canceled-table.warrant table th:nth-child(7), table .executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(7) {\n  padding-left: 15px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant td:nth-child(7), .executed-transactions[data-v-74b0b45e] .canceled-table.warrant table th:nth-child(7), table .executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(6) {\n  padding-left: 35px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(6) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant td:nth-child(6), .executed-transactions[data-v-74b0b45e] .canceled-table.warrant table th:nth-child(6), table .executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(6) {\n  padding-left: 35px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant td:nth-child(6), .executed-transactions[data-v-74b0b45e] .canceled-table.warrant table th:nth-child(6), table .executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(6) {\n      padding-left: 12px !important;\n}\n}\n.calculate-total-container[data-v-74b0b45e] {\n  display: block;\n  margin: 20px -20px 0;\n  border-top: 20px solid #f6f6f6;\n  padding: 20px 20px 0;\n  border-radius: 1px 0px 0px 0px;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container[data-v-74b0b45e] {\n      padding: 12px 18px 0 !important;\n}\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .total[data-v-74b0b45e] {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      padding: 8px 10px;\n      row-gap: 8px;\n      -moz-column-gap: 18px;\n           column-gap: 18px;\n}\n}\n.calculate-total-container thead th[data-v-74b0b45e]:first-child {\n    width: 7.7%;\n}\n.calculate-total-container.warrant-summary-table thead th[data-v-74b0b45e]:first-child {\n    width: 7.7% !important;\n}\n.calculate-total-container.warrant-summary-table thead th[data-v-74b0b45e]:nth-child(6) {\n    padding-right: 15px !important;\n}\n.calculate-total-container.warrant-summary-table thead th[data-v-74b0b45e]:last-child {\n    padding-right: 20px !important;\n}\n.calculate-total-container.warrant-summary-table tbody td[data-v-74b0b45e]:first-child, .calculate-total-container.warrant-summary-table tbody table th[data-v-74b0b45e]:first-child, table .calculate-total-container.warrant-summary-table tbody th[data-v-74b0b45e]:first-child {\n    width: 7.7% !important;\n}\n.calculate-total-container.warrant-summary-table tbody td[data-v-74b0b45e]:nth-child(6), .calculate-total-container.warrant-summary-table tbody table th[data-v-74b0b45e]:nth-child(6), table .calculate-total-container.warrant-summary-table tbody th[data-v-74b0b45e]:nth-child(6) {\n    padding-right: 15px !important;\n}\n.calculate-total-container.warrant-summary-table tbody td[data-v-74b0b45e]:last-child, .calculate-total-container.warrant-summary-table tbody table th[data-v-74b0b45e]:last-child, table .calculate-total-container.warrant-summary-table tbody th[data-v-74b0b45e]:last-child {\n    padding-right: 20px !important;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e] {\n    border-radius: 0 !important;\n    padding: 12px 15px !important;\n    text-align: right !important;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:last-child {\n      padding-right: 20px !important;\n}\n.calculate-total-container .calculate-table th.text-right[data-v-74b0b45e] {\n      text-align: right;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:first-child {\n      padding-left: 15px !important;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:first-child {\n          width: 100% !important;\n          padding-left: 12px !important;\n}\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:nth-child(2) {\n      width: 170px;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:nth-child(4) {\n      width: 130px;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:nth-child(5) {\n      padding-right: 15px;\n      width: 185px;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:last-child {\n      padding-left: 15px;\n      padding-right: 20px;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e], .calculate-total-container .calculate-table tr table th[data-v-74b0b45e], table .calculate-total-container .calculate-table tr th[data-v-74b0b45e] {\n    text-align: right !important;\n    font-weight: 500;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e], .calculate-total-container .calculate-table tr table th[data-v-74b0b45e], table .calculate-total-container .calculate-table tr th[data-v-74b0b45e] {\n        padding: 11px 12px !important;\n}\n}\n.calculate-total-container .calculate-table tr td.text-right[data-v-74b0b45e], .calculate-total-container .calculate-table tr table th.text-right[data-v-74b0b45e], table .calculate-total-container .calculate-table tr th.text-right[data-v-74b0b45e] {\n      text-align: right;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:first-child, .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:first-child, table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:first-child {\n      font-weight: 500 !important;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:nth-child(2), .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:nth-child(2), table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:nth-child(2) {\n      width: 170px;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:nth-child(4), .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:nth-child(4), table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:nth-child(4) {\n      width: 130px;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:nth-child(5), .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:nth-child(5), table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:nth-child(5) {\n      width: 185px;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:last-child, .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:last-child, table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:last-child {\n      padding-left: 15px;\n      padding-right: 20px;\n}\n.calculate-total-container .calculate-table tr[data-v-74b0b45e]:nth-child(odd) {\n    background-color: #ffffff !important;\n}\n.calculate-total-container .calculate-table tr[data-v-74b0b45e]:nth-child(even) {\n    background-color: #fafafb !important;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tbody tr td[data-v-74b0b45e], .calculate-total-container .calculate-table tbody tr table th[data-v-74b0b45e], table .calculate-total-container .calculate-table tbody tr th[data-v-74b0b45e] {\n      display: flex;\n      justify-content: space-between;\n      font-weight: 500 !important;\n}\n.calculate-total-container .calculate-table tbody tr td[data-v-74b0b45e]:first-child::before, .calculate-total-container .calculate-table tbody tr table th[data-v-74b0b45e]:first-child::before, table .calculate-total-container .calculate-table tbody tr th[data-v-74b0b45e]:first-child::before {\n        content: attr(data-label);\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-74b0b45e] {\n    display: flex;\n    align-items: center;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container[data-v-74b0b45e] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.filter-container[data-v-74b0b45e] {\n    margin-bottom: 20px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-74b0b45e] {\n    display: flex;\n}\n.filter-container__filtering-options__item[data-v-74b0b45e] {\n      margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container[data-v-74b0b45e] {\n    display: flex;\n}\n}\n.filter-container__buttons-container__flex[data-v-74b0b45e] {\n  display: flex;\n}\n@media screen and (max-width: 992px) {\n.filter-container__buttons-container__flex[data-v-74b0b45e] {\n      grid-gap: 10px;\n      margin: 0 0 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .button-item[data-v-74b0b45e] {\n    width: 120px;\n    height: 48px;\n    line-height: normal;\n    margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .active-price[data-v-74b0b45e] {\n    width: 180px;\n    height: 48px;\n    line-height: normal;\n}\n}\n[data-v-74b0b45e] .table-area .field input:disabled {\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .table-area .text-right div,[data-v-74b0b45e] .table-area .text-right span {\n    width: auto !important;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .table-area table tr {\n    border-radius: 5px;\n    overflow: hidden;\n}\n}\n.confirm-pop-up h2[data-v-74b0b45e] {\n  margin: 9px 0 6px 10px;\n  font-family: Poppins, serif;\n  font-size: 18px;\n  font-weight: 600;\n}\n.confirm-pop-up h2.green[data-v-74b0b45e] {\n    color: #4CAF50;\n}\n.confirm-pop-up h2.red[data-v-74b0b45e] {\n    color: #e53935;\n}\n.confirm-pop-up__icon[data-v-74b0b45e] {\n  display: flex;\n}\n.confirm-pop-up__buttons[data-v-74b0b45e] {\n  display: flex;\n  justify-content: center;\n  margin: 20px 0 0 0;\n}\n.confirm-pop-up__buttons button[data-v-74b0b45e] {\n    font-size: 16px;\n    font-family: Poppins, serif;\n    margin: 0 5px;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    padding: 0 15px;\n}\n[data-v-74b0b45e] .input-active-border input:not(:disabled) {\n  box-shadow: 0 0 0 2px rgba(159, 166, 173, 0.5);\n  border: solid 1px #9fa6ad;\n}\n.mt-20[data-v-74b0b45e] {\n  margin-top: 20px;\n}\n[data-v-74b0b45e] .table-area table td,[data-v-74b0b45e] .table-area table th {\n  padding: 5px 15px;\n}\n[data-v-74b0b45e] .table-area table td:first-child,[data-v-74b0b45e] .table-area table th:first-child {\n    font-weight: 600;\n}\n[data-v-74b0b45e] .table-area table td:last-child,[data-v-74b0b45e] .table-area table th:last-child {\n    padding-left: 5px;\n    padding-right: 5px;\n}\n[data-v-74b0b45e] .table-area table th {\n  padding: 20px 15px 14px 15px;\n  vertical-align: top;\n}\n[data-v-74b0b45e] .table-area table th:first-child {\n    padding-left: 40px !important;\n}\n[data-v-74b0b45e] .table-area table th:last-child {\n    padding-left: 5px;\n    padding-right: 5px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal {\n    overflow: auto;\n    height: 90vh;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border {\n    width: auto !important;\n    max-width: 122px;\n    margin-left: auto;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border .editingScreen {\n      width: 100px !important;\n      margin-left: auto;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border .arrow-container {\n      width: 13px !important;\n      position: absolute;\n      height: 19px;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border .arrow-container div {\n        right: 3px !important;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border input {\n      margin-right: 0 !important;\n      width: 100%;\n}\n}\n[data-v-74b0b45e] .order-tracking-corrections__center {\n  padding-left: 0;\n  padding-right: 0;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .total__item {\n    font-size: 12px !important;\n    margin: 0;\n}\n}\n[data-v-74b0b45e] .v-select {\n  height: 48px;\n}\n[data-v-74b0b45e] .v-select .vs__dropdown-toggle {\n    height: inherit;\n}\n[data-v-74b0b45e] .input-active-border {\n  margin-bottom: 0;\n}\n[data-v-74b0b45e] .input-active-border.price {\n    width: 120px;\n}\n[data-v-74b0b45e] .input-active-border.price input {\n      text-align: left;\n}\n[data-v-74b0b45e] .input-active-border.price input:not(:disabled) {\n        padding-left: 10px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .input-active-border.price input {\n          padding-left: 0 !important;\n          padding-right: 0;\n          text-align: center;\n}\n}\n[data-v-74b0b45e] .input-active-border.count {\n    width: 120px;\n}\n[data-v-74b0b45e] .input-active-border.count input {\n      text-align: left;\n      padding-left: 10px;\n      padding-right: 40px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .input-active-border.count input {\n          padding-left: 0;\n          padding-right: 0 !important;\n          text-align: center;\n}\n}\n[data-v-74b0b45e] .input-active-border input {\n    height: 30px !important;\n    margin: 0;\n    box-shadow: none !important;\n}\n[data-v-74b0b45e] .input-active-border .border-none input {\n    padding-right: 0;\n}\n[data-v-74b0b45e] .has-buttons input:not(:disabled) {\n  padding-right: 22px !important;\n  padding-right: 40px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .has-buttons input:not(:disabled) {\n      padding: 0 !important;\n}\n}\n.confirm-pop-up__buttons[data-v-74b0b45e] {\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n  gap: 20px;\n  background-color: #f4f4f4;\n  padding: 20px;\n  margin-top: 0;\n}\n.confirm-pop-up__buttons button[data-v-74b0b45e] {\n    margin: 0;\n    width: 200px;\n}\n.confirm-pop-up__buttons.base-bg[data-v-74b0b45e] {\n    background-color: #ffffff;\n    margin: 0;\n    padding-top: 0;\n}\n.confirm-pop-up__buttons[data-v-74b0b45e]:empty {\n    display: none;\n}\n@media screen and (max-width: 992px) {\n.confirm-pop-up__buttons[data-v-74b0b45e] {\n      margin-top: 0;\n      flex-direction: column;\n}\n.confirm-pop-up__buttons button[data-v-74b0b45e] {\n        width: 100%;\n}\n}\n[data-v-74b0b45e] .alert-text > div:nth-child(2) br {\n  display: none;\n}\n.no-select[data-v-74b0b45e] {\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  opacity: 0.5;\n}\n[data-v-74b0b45e] .w-100 {\n  width: 100%;\n}\n[data-v-74b0b45e] .v-select {\n  height: 48px;\n}\n[data-v-74b0b45e] .v-select .vs__dropdown-toggle {\n    height: inherit;\n}\n[data-v-74b0b45e] .apply-button {\n  margin-top: 3px;\n}\n[data-v-74b0b45e] .arrow-container .up-btn,[data-v-74b0b45e] .arrow-container .down-btn {\n  height: 12px;\n  width: 12px;\n  right: 2px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .arrow-container .up-btn,[data-v-74b0b45e] .arrow-container .down-btn {\n      top: 9px !important;\n}\n}\n[data-v-74b0b45e] .arrow-container .up-btn {\n  top: 9px;\n  right: 10px;\n}\n[data-v-74b0b45e] .arrow-container .down-btn {\n  bottom: 9px;\n  right: 26px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .arrow-container .down-btn {\n      left: 10px;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tr:empty {\n    display: none !important;\n}\n}\n[data-v-74b0b45e] .dynamic.table-area table tr:nth-child(odd) {\n  background-color: #fafafb !important;\n}\n[data-v-74b0b45e] .dynamic.table-area table tr:nth-child(even) {\n  background-color: #ffffff !important;\n}\n[data-v-74b0b45e] .dynamic.table-area table thead th {\n  padding: 5px 10px;\n}\n[data-v-74b0b45e] .dynamic.table-area table thead th:first-child {\n    padding-left: 37px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table thead th {\n      padding-left: 15px !important;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table thead th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td,[data-v-74b0b45e] .dynamic.table-area table tbody th {\n  padding: 5px 10px;\n  font-weight: 400;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tbody td,[data-v-74b0b45e] .dynamic.table-area table tbody th {\n      padding: 11px 12px !important;\n}\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:nth-child(7),[data-v-74b0b45e] .dynamic.table-area table tbody th:nth-child(7) {\n    text-wrap: nowrap !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tbody td:nth-child(7),[data-v-74b0b45e] .dynamic.table-area table tbody th:nth-child(7) {\n        padding-left: 12px !important;\n}\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:first-child,[data-v-74b0b45e] .dynamic.table-area table tbody th:first-child {\n    font-weight: 600;\n    padding-left: 20px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tbody td:first-child,[data-v-74b0b45e] .dynamic.table-area table tbody th:first-child {\n        display: flex;\n        justify-content: space-between;\n        font-weight: 400;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:first-child::before,[data-v-74b0b45e] .dynamic.table-area table tbody th:first-child::before {\n          font-weight: 600;\n          content: attr(data-label);\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child {\n      display: flex;\n      align-items: center;\n      width: 100% !important;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child .other-events,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child .other-events {\n        justify-content: space-between;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child .other-events .field-button.active-price,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child .other-events .field-button.active-price {\n          order: 1;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child .other-events .order-edit,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child .other-events .order-edit {\n          order: 0;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child .other-events .order-cancel,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child .other-events .order-cancel {\n          order: 2;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal {\n    height: -webkit-max-content;\n    height: -moz-max-content;\n    height: max-content;\n    max-height: 100%;\n}\n}\n[data-v-74b0b45e] .modal.medium {\n  padding: 0;\n  max-width: 766px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal.medium {\n      margin-top: 20px;\n      max-height: 95%;\n}\n}\n[data-v-74b0b45e] .modal-header {\n  padding: 11px 17px;\n}\n[data-v-74b0b45e] .modal-body .modal-body {\n  padding: 10px 20px 20px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal-body .modal-body {\n      padding-left: 16px;\n      padding-right: 16px;\n}\n}\n[data-v-74b0b45e] .modal-body tr:nth-child(even) {\n  background-color: #fafafb;\n}\n[data-v-74b0b45e] .modal-body .yellow-info {\n  margin-bottom: 0;\n  background-position-x: 14px;\n  padding-left: 54px;\n  padding-right: 20px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal-backdrop {\n    overflow-y: scroll;\n}\n}\n[data-v-74b0b45e] .cancel-confirm-pop:empty {\n  display: none;\n}\n[data-v-74b0b45e] .calculate-total-container thead th:first-child {\n  width: 40%;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .calculate-total-container thead th:first-child {\n      width: 100%;\n}\n}\n[data-v-74b0b45e] .calculate-total-container thead th:last-child {\n  padding-right: 20px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .calculate-total-container tbody td,[data-v-74b0b45e] .calculate-total-container tbody table th, table[data-v-74b0b45e] .calculate-total-container tbody th {\n    padding: 11px 12px !important;\n}\n}\n[data-v-74b0b45e] .calculate-total-container tbody td:first-child,[data-v-74b0b45e] .calculate-total-container tbody table th:first-child, table[data-v-74b0b45e] .calculate-total-container tbody th:first-child {\n  width: 40%;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .calculate-total-container tbody td:first-child,[data-v-74b0b45e] .calculate-total-container tbody table th:first-child, table[data-v-74b0b45e] .calculate-total-container tbody th:first-child {\n      width: 100%;\n}\n}\n[data-v-74b0b45e] .calculate-total-container tbody td:last-child,[data-v-74b0b45e] .calculate-total-container tbody table th:last-child, table[data-v-74b0b45e] .calculate-total-container tbody th:last-child {\n  padding-right: 20px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .calculate-total-container tbody td:last-child,[data-v-74b0b45e] .calculate-total-container tbody table th:last-child, table[data-v-74b0b45e] .calculate-total-container tbody th:last-child {\n      padding-right: 12px !important;\n      padding-left: 12px !important;\n}\n}\n[data-v-74b0b45e] .modal-body table tbody tr td:first-child,[data-v-74b0b45e] .modal-body table tbody tr th:first-child {\n  padding-left: 40px !important;\n}\n@media screen and (min-width: 992px) {\n[data-v-74b0b45e] .modal-body .canceled-table th,[data-v-74b0b45e] .modal-body .canceled-table td,[data-v-74b0b45e] .modal-body .canceled-table table th, table[data-v-74b0b45e] .modal-body .canceled-table th {\n    padding-top: 5px;\n    padding-bottom: 5px;\n}\n}\n@media screen and (min-width: 992px) {\n[data-v-74b0b45e] .modal-body .canceled-table-rule .alert-text div {\n    margin-bottom: 0;\n}\n}\n.cancel-button[data-v-74b0b45e] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n@media screen and (max-width: 992px) {\n.cancel-button[data-v-74b0b45e] {\n      gap: 15px;\n}\n}\n.button-group[data-v-74b0b45e] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  width: 100%;\n  gap: 20px;\n}\n.active-price[data-v-74b0b45e] {\n  height: 24px;\n  width: 128px;\n  padding: 2px 5px;\n  font-size: 12px !important;\n  color: #346662;\n  border: 1px solid #346662;\n}\n.other-events[data-v-74b0b45e] {\n  width: 100%;\n  display: flex;\n  gap: 12px !important;\n  cursor: pointer;\n}\n.order-content[data-v-74b0b45e] {\n  width: 100%;\n  border-radius: 5px;\n  border: 1px solid #d0d0d1;\n  overflow: hidden;\n}\n.order-title[data-v-74b0b45e] {\n  font-size: 12px;\n  font-weight: 600;\n}\n.order-head[data-v-74b0b45e] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  padding: 10px 20px;\n  background-color: #f3f4f5;\n  border-bottom: 1px solid #d0d0d1;\n}\n.order-head[data-v-74b0b45e]::before {\n    content: \"\";\n    position: absolute;\n    top: 120px;\n    left: 0;\n    right: 0;\n    height: 1px;\n    width: 100%;\n    background-color: #d0d0d1;\n}\n@media screen and (max-width: 992px) {\n.order-head[data-v-74b0b45e]::before {\n        display: none;\n}\n}\n.order-item[data-v-74b0b45e] {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(4, 1fr);\n  padding-left: 20px;\n  padding-right: 20px;\n}\n@media screen and (max-width: 992px) {\n.order-item[data-v-74b0b45e] {\n      grid-template-rows: repeat(8, 1fr);\n      grid-template-columns: repeat(1, 1fr);\n      padding: 0;\n}\n}\n.order-item__name[data-v-74b0b45e] {\n    font-size: 12px;\n    font-weight: 600;\n}\n.order-item__value[data-v-74b0b45e] {\n    font-size: 12px;\n}\n.order-item .column[data-v-74b0b45e] {\n    display: flex;\n    gap: 10px;\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex-direction: column;\n}\n.order-item .column[data-v-74b0b45e]:nth-child(3), .order-item .column[data-v-74b0b45e]:nth-child(4) {\n      gap: 2px;\n}\n@media screen and (max-width: 992px) {\n.order-item .column[data-v-74b0b45e] {\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: center;\n        padding: 7px 10px;\n}\n.order-item .column[data-v-74b0b45e]:not(:last-child) {\n          border-bottom: 1px solid #d0d0d1;\n}\n.order-item .column[data-v-74b0b45e]:nth-child(even) {\n          background-color: #ecedef;\n}\n}\n.order-item .column[data-v-74b0b45e]:nth-child(4), .order-item .column[data-v-74b0b45e]:nth-child(8) {\n      padding-left: 55px;\n}\n@media screen and (max-width: 992px) {\n.order-item .column[data-v-74b0b45e]:nth-child(4), .order-item .column[data-v-74b0b45e]:nth-child(8) {\n          padding-left: 10px;\n}\n}\n.symbol-link[data-v-74b0b45e] {\n  text-decoration: none;\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n.symbol-link.order-head[data-v-74b0b45e] {\n      padding: 10px;\n}\n}\ntable[data-v-74b0b45e] {\n  width: 100%;\n  border: solid 1px #ecedef;\n  border-collapse: inherit;\n  table-layout: fixed;\n  text-align: center;\n  border-spacing: 0;\n  border-radius: 5px;\n}\ntable strong[data-v-74b0b45e] {\n    font-weight: 600;\n}\n@media screen and (max-width: 992px) {\ntable tr[data-v-74b0b45e] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n}\n}\ntable tr:last-child th[data-v-74b0b45e] {\n    border-radius: 0 0 5px 0;\n    width: 35%;\n}\ntable tr:last-child td[data-v-74b0b45e], table tr:last-child th[data-v-74b0b45e] {\n    border-radius: 0 0 0 5px;\n    width: 65%;\n}\n@media screen and (max-width: 992px) {\ntable tr:last-child td[data-v-74b0b45e], table tr:last-child th[data-v-74b0b45e] {\n        width: 100%;\n}\n}\ntable td[data-v-74b0b45e], table th[data-v-74b0b45e] {\n    padding: 12px 20px;\n    color: #18181a;\n    font-size: 12px;\n    border-bottom: solid 1px #ecedef;\n    text-align: left;\n    width: 65%;\n}\n@media screen and (max-width: 992px) {\ntable td[data-v-74b0b45e], table th[data-v-74b0b45e] {\n        background-color: transparent;\n        width: 100%;\n}\n}\ntable td strong[data-v-74b0b45e], table th strong[data-v-74b0b45e] {\n      font-weight: 600;\n}\ntable th[data-v-74b0b45e] {\n    width: 48%;\n}\n@media screen and (max-width: 992px) {\ntable th[data-v-74b0b45e] {\n        background-color: transparent;\n        width: 100%;\n}\n}\n\n/*/deep/ .input-active-border {\n  .number-container {\n    .input:not(:disabled) {\n      padding: 0 22px 0 10px !important;\n    }\n  }\n}*/\n", ""]);
+exports.push([module.i, ".executed-transactions .filter-container[data-v-74b0b45e] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.executed-transactions .filter-container__button[data-v-74b0b45e] {\n    max-width: 200px;\n    width: 100%;\n}\n.executed-transactions .filter-container__button .apply-button[data-v-74b0b45e] {\n      margin-top: 3px;\n}\n.executed-transactions .filter-container__filtering-options[data-v-74b0b45e] {\n    width: 100%;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container[data-v-74b0b45e] {\n      flex-direction: column;\n}\n.executed-transactions .filter-container__button[data-v-74b0b45e] {\n        max-width: 100%;\n}\n}\n.executed-transactions .filter-container .filter-field[data-v-74b0b45e] {\n    width: 160px;\n    margin-left: 15px;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .filter-container .filter-field[data-v-74b0b45e] {\n        width: 100%;\n}\n}\n.executed-transactions .controls-export-links[data-v-74b0b45e] {\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links[data-v-74b0b45e] {\n      flex-direction: column;\n      align-items: flex-start;\n}\n}\n.executed-transactions .controls-export-links .controls-container[data-v-74b0b45e] {\n    position: absolute;\n    top: 0;\n    right: 0;\n}\n@media screen and (max-width: 450px) {\n.executed-transactions .controls-export-links .controls-container[data-v-74b0b45e] {\n        justify-content: flex-end;\n}\n}\n.executed-transactions .controls-export-links .go-extract-link[data-v-74b0b45e] {\n    display: block;\n    padding: 0 0 0 20px;\n    margin: 0 0 10px 5px;\n    color: #41807a;\n    font-size: 13px;\n    text-decoration: none;\n    border: none;\n    background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n    min-width: -webkit-fit-content;\n    min-width: -moz-fit-content;\n    min-width: fit-content;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] table thead td, .executed-transactions[data-v-74b0b45e] table thead th {\n    padding: 11px 12px !important;\n}\n.executed-transactions[data-v-74b0b45e] table tbody td, .executed-transactions[data-v-74b0b45e] table tbody th {\n    border-bottom: 1px solid #ecedef;\n    padding: 11px 12px !important;\n}\n}\n@media screen and (min-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .modal-body .stock-table table thead th:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .modal-body .stock-table table tbody td:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .modal-body .stock-table table tbody th:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .executed-table.stock-table table thead th:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .executed-table.stock-table table tbody td:nth-child(6),\n  .executed-transactions[data-v-74b0b45e] .executed-table.stock-table table tbody th:nth-child(6) {\n    padding-right: 100px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .table-area table th:first-child,\n.executed-transactions[data-v-74b0b45e] .table-area table td:first-child,\n.executed-transactions[data-v-74b0b45e] .table-area table th:first-child {\n  padding-left: 20px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .table-area table th:first-child,\n    .executed-transactions[data-v-74b0b45e] .table-area table td:first-child,\n    .executed-transactions[data-v-74b0b45e] .table-area table th:first-child {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .table-area table tbody td, .executed-transactions[data-v-74b0b45e] .table-area table tbody th {\n  font-weight: 400;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .table-area table tbody td:first-child, .executed-transactions[data-v-74b0b45e] .table-area table tbody th:first-child {\n      width: 100% !important;\n      text-align: right !important;\n}\n.executed-transactions[data-v-74b0b45e] .table-area table tbody td:first-child::before, .executed-transactions[data-v-74b0b45e] .table-area table tbody th:first-child::before {\n        content: attr(data-label);\n}\n}\n.executed-transactions[data-v-74b0b45e] .table-area.stock-table table th:nth-child(7) {\n  width: 148px !important;\n}\n.executed-transactions[data-v-74b0b45e] .table-area.warrant-table table th:nth-child(7) {\n  width: 115px !important;\n}\n.executed-transactions[data-v-74b0b45e] .table-area.warrant-table table tbody td:nth-child(4), .executed-transactions[data-v-74b0b45e] .table-area.warrant-table table tbody th:nth-child(4) {\n  font-weight: 500 !important;\n}\n.executed-transactions .executed-table.warrant-table thead th[data-v-74b0b45e]:nth-child(6),\n.executed-transactions .executed-table.warrant-table tbody td[data-v-74b0b45e]:nth-child(6),\n.executed-transactions .executed-table.warrant-table tbody table th[data-v-74b0b45e]:nth-child(6),\ntable .executed-transactions .executed-table.warrant-table tbody th[data-v-74b0b45e]:nth-child(6) {\n  padding-right: 20px !important;\n  width: 148px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions .executed-table.warrant-table thead th[data-v-74b0b45e]:nth-child(6),\n    .executed-transactions .executed-table.warrant-table tbody td[data-v-74b0b45e]:nth-child(6),\n    .executed-transactions .executed-table.warrant-table tbody table th[data-v-74b0b45e]:nth-child(6),\n    table .executed-transactions .executed-table.warrant-table tbody th[data-v-74b0b45e]:nth-child(6) {\n      padding-right: 12px !important;\n      width: 100% !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table table th:nth-child(7) {\n  width: 85% !important;\n  padding-left: 35px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table table th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table table td:first-child, .executed-transactions[data-v-74b0b45e] .canceled-table table th:first-child {\n  font-weight: 400;\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table table td:nth-child(7), .executed-transactions[data-v-74b0b45e] .canceled-table table th:nth-child(7) {\n  padding-left: 35px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table table td:nth-child(7), .executed-transactions[data-v-74b0b45e] .canceled-table table th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(7) {\n  padding-left: 15px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant td:nth-child(7), .executed-transactions[data-v-74b0b45e] .canceled-table.warrant table th:nth-child(7), table .executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(7) {\n  padding-left: 15px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant td:nth-child(7), .executed-transactions[data-v-74b0b45e] .canceled-table.warrant table th:nth-child(7), table .executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(6) {\n  padding-left: 35px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(6) {\n      padding-left: 12px !important;\n}\n}\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant td:nth-child(6), .executed-transactions[data-v-74b0b45e] .canceled-table.warrant table th:nth-child(6), table .executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(6) {\n  padding-left: 35px !important;\n}\n@media screen and (max-width: 992px) {\n.executed-transactions[data-v-74b0b45e] .canceled-table.warrant td:nth-child(6), .executed-transactions[data-v-74b0b45e] .canceled-table.warrant table th:nth-child(6), table .executed-transactions[data-v-74b0b45e] .canceled-table.warrant th:nth-child(6) {\n      padding-left: 12px !important;\n}\n}\n.calculate-total-container[data-v-74b0b45e] {\n  display: block;\n  margin: 20px -20px 0;\n  border-top: 20px solid #f6f6f6;\n  padding: 20px 20px 0;\n  border-radius: 1px 0px 0px 0px;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container[data-v-74b0b45e] {\n      padding: 12px 18px 0 !important;\n}\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .total[data-v-74b0b45e] {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      padding: 8px 10px;\n      row-gap: 8px;\n      -moz-column-gap: 18px;\n           column-gap: 18px;\n}\n}\n.calculate-total-container thead th[data-v-74b0b45e]:first-child {\n    width: 7.7%;\n}\n.calculate-total-container.warrant-summary-table thead th[data-v-74b0b45e]:first-child {\n    width: 7.7% !important;\n}\n.calculate-total-container.warrant-summary-table thead th[data-v-74b0b45e]:nth-child(6) {\n    padding-right: 15px !important;\n}\n.calculate-total-container.warrant-summary-table thead th[data-v-74b0b45e]:last-child {\n    padding-right: 20px !important;\n}\n.calculate-total-container.warrant-summary-table tbody td[data-v-74b0b45e]:first-child, .calculate-total-container.warrant-summary-table tbody table th[data-v-74b0b45e]:first-child, table .calculate-total-container.warrant-summary-table tbody th[data-v-74b0b45e]:first-child {\n    width: 7.7% !important;\n}\n.calculate-total-container.warrant-summary-table tbody td[data-v-74b0b45e]:nth-child(6), .calculate-total-container.warrant-summary-table tbody table th[data-v-74b0b45e]:nth-child(6), table .calculate-total-container.warrant-summary-table tbody th[data-v-74b0b45e]:nth-child(6) {\n    padding-right: 15px !important;\n}\n.calculate-total-container.warrant-summary-table tbody td[data-v-74b0b45e]:last-child, .calculate-total-container.warrant-summary-table tbody table th[data-v-74b0b45e]:last-child, table .calculate-total-container.warrant-summary-table tbody th[data-v-74b0b45e]:last-child {\n    padding-right: 20px !important;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e] {\n    border-radius: 0 !important;\n    padding: 12px 15px !important;\n    text-align: right !important;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:last-child {\n      padding-right: 20px !important;\n}\n.calculate-total-container .calculate-table th.text-right[data-v-74b0b45e] {\n      text-align: right;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:first-child {\n      padding-left: 15px !important;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:first-child {\n          width: 100% !important;\n          padding-left: 12px !important;\n}\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:nth-child(2) {\n      width: 170px;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:nth-child(4) {\n      width: 130px;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:nth-child(5) {\n      padding-right: 15px;\n      width: 185px;\n}\n.calculate-total-container .calculate-table th[data-v-74b0b45e]:last-child {\n      padding-left: 15px;\n      padding-right: 20px;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e], .calculate-total-container .calculate-table tr table th[data-v-74b0b45e], table .calculate-total-container .calculate-table tr th[data-v-74b0b45e] {\n    text-align: right !important;\n    font-weight: 500;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e], .calculate-total-container .calculate-table tr table th[data-v-74b0b45e], table .calculate-total-container .calculate-table tr th[data-v-74b0b45e] {\n        padding: 11px 12px !important;\n}\n}\n.calculate-total-container .calculate-table tr td.text-right[data-v-74b0b45e], .calculate-total-container .calculate-table tr table th.text-right[data-v-74b0b45e], table .calculate-total-container .calculate-table tr th.text-right[data-v-74b0b45e] {\n      text-align: right;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:first-child, .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:first-child, table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:first-child {\n      font-weight: 500 !important;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:nth-child(2), .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:nth-child(2), table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:nth-child(2) {\n      width: 170px;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:nth-child(4), .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:nth-child(4), table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:nth-child(4) {\n      width: 130px;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:nth-child(5), .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:nth-child(5), table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:nth-child(5) {\n      width: 185px;\n}\n.calculate-total-container .calculate-table tr td[data-v-74b0b45e]:last-child, .calculate-total-container .calculate-table tr table th[data-v-74b0b45e]:last-child, table .calculate-total-container .calculate-table tr th[data-v-74b0b45e]:last-child {\n      padding-left: 15px;\n      padding-right: 20px;\n}\n.calculate-total-container .calculate-table tr[data-v-74b0b45e]:nth-child(odd) {\n    background-color: #ffffff !important;\n}\n.calculate-total-container .calculate-table tr[data-v-74b0b45e]:nth-child(even) {\n    background-color: #fafafb !important;\n}\n@media screen and (max-width: 992px) {\n.calculate-total-container .calculate-table tbody tr td[data-v-74b0b45e], .calculate-total-container .calculate-table tbody tr table th[data-v-74b0b45e], table .calculate-total-container .calculate-table tbody tr th[data-v-74b0b45e] {\n      display: flex;\n      justify-content: space-between;\n      font-weight: 500 !important;\n}\n.calculate-total-container .calculate-table tbody tr td[data-v-74b0b45e]:first-child::before, .calculate-total-container .calculate-table tbody tr table th[data-v-74b0b45e]:first-child::before, table .calculate-total-container .calculate-table tbody tr th[data-v-74b0b45e]:first-child::before {\n        content: attr(data-label);\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-74b0b45e] {\n    display: flex;\n    align-items: center;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container[data-v-74b0b45e] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.filter-container[data-v-74b0b45e] {\n    margin-bottom: 20px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__filtering-options[data-v-74b0b45e] {\n    display: flex;\n}\n.filter-container__filtering-options__item[data-v-74b0b45e] {\n      margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container[data-v-74b0b45e] {\n    display: flex;\n}\n}\n.filter-container__buttons-container__flex[data-v-74b0b45e] {\n  display: flex;\n}\n@media screen and (max-width: 992px) {\n.filter-container__buttons-container__flex[data-v-74b0b45e] {\n      grid-gap: 10px;\n      margin: 0 0 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .button-item[data-v-74b0b45e] {\n    width: 120px;\n    height: 48px;\n    line-height: normal;\n    margin-right: 10px;\n}\n}\n@media screen and (min-width: 992px) {\n.filter-container__buttons-container .active-price[data-v-74b0b45e] {\n    width: 180px;\n    height: 48px;\n    line-height: normal;\n}\n}\n[data-v-74b0b45e] .table-area .field input:disabled {\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .table-area .text-right div,[data-v-74b0b45e] .table-area .text-right span {\n    width: auto !important;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .table-area table tr {\n    border-radius: 5px;\n    overflow: hidden;\n}\n}\n.confirm-pop-up h2[data-v-74b0b45e] {\n  margin: 9px 0 6px 10px;\n  font-family: Poppins, serif;\n  font-size: 18px;\n  font-weight: 600;\n}\n.confirm-pop-up h2.green[data-v-74b0b45e] {\n    color: #4CAF50;\n}\n.confirm-pop-up h2.red[data-v-74b0b45e] {\n    color: #e53935;\n}\n.confirm-pop-up__icon[data-v-74b0b45e] {\n  display: flex;\n}\n.confirm-pop-up__buttons[data-v-74b0b45e] {\n  display: flex;\n  justify-content: center;\n  margin: 20px 0 0 0;\n}\n.confirm-pop-up__buttons button[data-v-74b0b45e] {\n    font-size: 16px;\n    font-family: Poppins, serif;\n    margin: 0 5px;\n    width: -webkit-fit-content;\n    width: -moz-fit-content;\n    width: fit-content;\n    padding: 0 15px;\n}\n[data-v-74b0b45e] .input-active-border input:not(:disabled) {\n  box-shadow: 0 0 0 2px rgba(159, 166, 173, 0.5);\n  border: solid 1px #9fa6ad;\n}\n.mt-20[data-v-74b0b45e] {\n  margin-top: 20px;\n}\n[data-v-74b0b45e] .table-area table td,[data-v-74b0b45e] .table-area table th {\n  padding: 5px 15px;\n}\n[data-v-74b0b45e] .table-area table td:first-child,[data-v-74b0b45e] .table-area table th:first-child {\n    font-weight: 600;\n}\n[data-v-74b0b45e] .table-area table td:last-child,[data-v-74b0b45e] .table-area table th:last-child {\n    padding-left: 5px;\n    padding-right: 5px;\n}\n[data-v-74b0b45e] .table-area table th {\n  padding: 20px 15px 14px 15px;\n  vertical-align: top;\n}\n[data-v-74b0b45e] .table-area table th:first-child {\n    padding-left: 40px !important;\n}\n[data-v-74b0b45e] .table-area table th:last-child {\n    padding-left: 5px;\n    padding-right: 5px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal {\n    overflow: auto;\n    height: 90vh;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border {\n    width: auto !important;\n    max-width: 122px;\n    margin-left: auto;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border .editingScreen {\n      width: 100px !important;\n      margin-left: auto;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border .arrow-container {\n      width: 13px !important;\n      position: absolute;\n      height: 19px;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border .arrow-container div {\n        right: 3px !important;\n}\n[data-v-74b0b45e] .table-area table .text-right div.input-active-border input {\n      margin-right: 0 !important;\n      width: 100%;\n}\n}\n[data-v-74b0b45e] .order-tracking-corrections__center {\n  padding-left: 0;\n  padding-right: 0;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .total__item {\n    font-size: 12px !important;\n    margin: 0;\n}\n}\n[data-v-74b0b45e] .v-select {\n  height: 48px;\n}\n[data-v-74b0b45e] .v-select .vs__dropdown-toggle {\n    height: inherit;\n}\n[data-v-74b0b45e] .input-active-border {\n  margin-bottom: 0;\n}\n[data-v-74b0b45e] .input-active-border.price {\n    width: 120px;\n}\n[data-v-74b0b45e] .input-active-border.price input {\n      text-align: left;\n}\n[data-v-74b0b45e] .input-active-border.price input:not(:disabled) {\n        padding-left: 10px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .input-active-border.price input {\n          padding-left: 0 !important;\n          padding-right: 0;\n          text-align: center;\n}\n}\n[data-v-74b0b45e] .input-active-border.count {\n    width: 120px;\n}\n[data-v-74b0b45e] .input-active-border.count input {\n      text-align: left;\n      padding-left: 10px;\n      padding-right: 40px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .input-active-border.count input {\n          padding-left: 0;\n          padding-right: 0 !important;\n          text-align: center;\n}\n}\n[data-v-74b0b45e] .input-active-border input {\n    height: 30px !important;\n    margin: 0;\n    box-shadow: none !important;\n}\n[data-v-74b0b45e] .input-active-border .border-none input {\n    padding-right: 0;\n}\n[data-v-74b0b45e] .has-buttons input:not(:disabled) {\n  padding-right: 22px !important;\n  padding-right: 40px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .has-buttons input:not(:disabled) {\n      padding: 0 !important;\n}\n}\n.confirm-pop-up__buttons[data-v-74b0b45e] {\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n  gap: 20px;\n  background-color: #f4f4f4;\n  padding: 20px;\n  margin-top: 0;\n}\n.confirm-pop-up__buttons button[data-v-74b0b45e] {\n    margin: 0;\n    width: 200px;\n}\n.confirm-pop-up__buttons.base-bg[data-v-74b0b45e] {\n    background-color: #ffffff;\n    margin: 0;\n    padding-top: 0;\n}\n.confirm-pop-up__buttons[data-v-74b0b45e]:empty {\n    display: none;\n}\n@media screen and (max-width: 992px) {\n.confirm-pop-up__buttons[data-v-74b0b45e] {\n      margin-top: 0;\n      flex-direction: column;\n}\n.confirm-pop-up__buttons button[data-v-74b0b45e] {\n        width: 100%;\n}\n}\n[data-v-74b0b45e] .alert-text > div:nth-child(2) br {\n  display: none;\n}\n.no-select[data-v-74b0b45e] {\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  opacity: 0.5;\n}\n[data-v-74b0b45e] .w-100 {\n  width: 100%;\n}\n[data-v-74b0b45e] .v-select {\n  height: 48px;\n}\n[data-v-74b0b45e] .v-select .vs__dropdown-toggle {\n    height: inherit;\n}\n[data-v-74b0b45e] .apply-button {\n  margin-top: 3px;\n}\n[data-v-74b0b45e] .arrow-container .up-btn,[data-v-74b0b45e] .arrow-container .down-btn {\n  height: 12px;\n  width: 12px;\n  right: 2px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .arrow-container .up-btn,[data-v-74b0b45e] .arrow-container .down-btn {\n      top: 9px !important;\n}\n}\n[data-v-74b0b45e] .arrow-container .up-btn {\n  top: 9px;\n  right: 10px;\n}\n[data-v-74b0b45e] .arrow-container .down-btn {\n  bottom: 9px;\n  right: 26px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .arrow-container .down-btn {\n      left: 10px;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tr:empty {\n    display: none !important;\n}\n}\n[data-v-74b0b45e] .dynamic.table-area table tr:nth-child(odd) {\n  background-color: #fafafb !important;\n}\n[data-v-74b0b45e] .dynamic.table-area table tr:nth-child(even) {\n  background-color: #ffffff !important;\n}\n[data-v-74b0b45e] .dynamic.table-area table thead th {\n  padding: 5px 10px;\n}\n[data-v-74b0b45e] .dynamic.table-area table thead th:first-child {\n    padding-left: 37px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table thead th {\n      padding-left: 15px !important;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table thead th:nth-child(7) {\n      padding-left: 12px !important;\n}\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td,[data-v-74b0b45e] .dynamic.table-area table tbody th {\n  padding: 5px 10px;\n  font-weight: 400;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tbody td,[data-v-74b0b45e] .dynamic.table-area table tbody th {\n      padding: 11px 12px !important;\n}\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:nth-child(7),[data-v-74b0b45e] .dynamic.table-area table tbody th:nth-child(7) {\n    text-wrap: nowrap !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tbody td:nth-child(7),[data-v-74b0b45e] .dynamic.table-area table tbody th:nth-child(7) {\n        padding-left: 12px !important;\n}\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:first-child,[data-v-74b0b45e] .dynamic.table-area table tbody th:first-child {\n    font-weight: 600;\n    padding-left: 20px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tbody td:first-child,[data-v-74b0b45e] .dynamic.table-area table tbody th:first-child {\n        display: flex;\n        justify-content: space-between;\n        font-weight: 400;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:first-child::before,[data-v-74b0b45e] .dynamic.table-area table tbody th:first-child::before {\n          font-weight: 600;\n          content: attr(data-label);\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child {\n      display: flex;\n      align-items: center;\n      width: 100% !important;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child .other-events,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child .other-events {\n        justify-content: space-between;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child .other-events .field-button.active-price,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child .other-events .field-button.active-price {\n          order: 1;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child .other-events .order-edit,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child .other-events .order-edit {\n          order: 0;\n}\n[data-v-74b0b45e] .dynamic.table-area table tbody td:last-child .other-events .order-cancel,[data-v-74b0b45e] .dynamic.table-area table tbody th:last-child .other-events .order-cancel {\n          order: 2;\n}\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal {\n    height: -webkit-max-content;\n    height: -moz-max-content;\n    height: max-content;\n    max-height: 100%;\n}\n}\n[data-v-74b0b45e] .modal.medium {\n  padding: 0;\n  max-width: 766px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal.medium {\n      margin-top: 20px;\n      max-height: 95%;\n}\n}\n[data-v-74b0b45e] .modal-header {\n  padding: 11px 17px;\n}\n[data-v-74b0b45e] .modal-body .modal-body {\n  padding: 10px 20px 20px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal-body .modal-body {\n      padding-left: 16px;\n      padding-right: 16px;\n}\n}\n[data-v-74b0b45e] .modal-body tr:nth-child(even) {\n  background-color: #fafafb;\n}\n[data-v-74b0b45e] .modal-body .yellow-info {\n  margin-bottom: 0;\n  background-position-x: 14px;\n  padding-left: 54px;\n  padding-right: 20px;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .modal-backdrop {\n    overflow-y: scroll;\n}\n}\n[data-v-74b0b45e] .cancel-confirm-pop:empty {\n  display: none;\n}\n[data-v-74b0b45e] .calculate-total-container thead th:first-child {\n  width: 40%;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .calculate-total-container thead th:first-child {\n      width: 100%;\n}\n}\n[data-v-74b0b45e] .calculate-total-container thead th:last-child {\n  padding-right: 20px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .calculate-total-container tbody td,[data-v-74b0b45e] .calculate-total-container tbody table th, table[data-v-74b0b45e] .calculate-total-container tbody th {\n    padding: 11px 12px !important;\n}\n}\n[data-v-74b0b45e] .calculate-total-container tbody td:first-child,[data-v-74b0b45e] .calculate-total-container tbody table th:first-child, table[data-v-74b0b45e] .calculate-total-container tbody th:first-child {\n  width: 40%;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .calculate-total-container tbody td:first-child,[data-v-74b0b45e] .calculate-total-container tbody table th:first-child, table[data-v-74b0b45e] .calculate-total-container tbody th:first-child {\n      width: 100%;\n}\n}\n[data-v-74b0b45e] .calculate-total-container tbody td:last-child,[data-v-74b0b45e] .calculate-total-container tbody table th:last-child, table[data-v-74b0b45e] .calculate-total-container tbody th:last-child {\n  padding-right: 20px !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-74b0b45e] .calculate-total-container tbody td:last-child,[data-v-74b0b45e] .calculate-total-container tbody table th:last-child, table[data-v-74b0b45e] .calculate-total-container tbody th:last-child {\n      padding-right: 12px !important;\n      padding-left: 12px !important;\n}\n}\n[data-v-74b0b45e] .modal-body table tbody tr td:first-child,[data-v-74b0b45e] .modal-body table tbody tr th:first-child {\n  padding-left: 40px !important;\n}\n@media screen and (min-width: 992px) {\n[data-v-74b0b45e] .modal-body .canceled-table th,[data-v-74b0b45e] .modal-body .canceled-table td,[data-v-74b0b45e] .modal-body .canceled-table table th, table[data-v-74b0b45e] .modal-body .canceled-table th {\n    padding-top: 5px;\n    padding-bottom: 5px;\n}\n}\n@media screen and (min-width: 992px) {\n[data-v-74b0b45e] .modal-body .canceled-table-rule .alert-text div {\n    margin-bottom: 0;\n}\n}\n.cancel-button[data-v-74b0b45e] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n@media screen and (max-width: 992px) {\n.cancel-button[data-v-74b0b45e] {\n      gap: 15px;\n}\n}\n.button-group[data-v-74b0b45e] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  width: 100%;\n  gap: 20px;\n}\n.active-price[data-v-74b0b45e] {\n  height: 24px;\n  width: 128px;\n  padding: 2px 5px;\n  font-size: 12px !important;\n  color: #346662;\n  border: 1px solid #346662;\n}\n.other-events[data-v-74b0b45e] {\n  width: 100%;\n  display: flex;\n  gap: 12px !important;\n  cursor: pointer;\n}\n.order-content[data-v-74b0b45e] {\n  width: 100%;\n  border-radius: 5px;\n  border: 1px solid #d0d0d1;\n  overflow: hidden;\n}\n.order-title[data-v-74b0b45e] {\n  font-size: 12px;\n  font-weight: 600;\n}\n.order-head[data-v-74b0b45e] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  padding: 10px 20px;\n  background-color: #f3f4f5;\n  border-bottom: 1px solid #d0d0d1;\n}\n.order-head[data-v-74b0b45e]::before {\n    content: \"\";\n    position: absolute;\n    top: 120px;\n    left: 0;\n    right: 0;\n    height: 1px;\n    width: 100%;\n    background-color: #d0d0d1;\n}\n@media screen and (max-width: 992px) {\n.order-head[data-v-74b0b45e]::before {\n        display: none;\n}\n}\n.order-item[data-v-74b0b45e] {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(4, 1fr);\n  padding-left: 20px;\n  padding-right: 20px;\n}\n@media screen and (max-width: 992px) {\n.order-item[data-v-74b0b45e] {\n      grid-template-rows: repeat(8, 1fr);\n      grid-template-columns: repeat(1, 1fr);\n      padding: 0;\n}\n}\n.order-item__name[data-v-74b0b45e] {\n    font-size: 12px;\n    font-weight: 600;\n}\n.order-item__value[data-v-74b0b45e] {\n    font-size: 12px;\n}\n.order-item .column[data-v-74b0b45e] {\n    display: flex;\n    gap: 10px;\n    padding-top: 20px;\n    padding-bottom: 20px;\n    flex-direction: column;\n}\n.order-item .column[data-v-74b0b45e]:nth-child(3), .order-item .column[data-v-74b0b45e]:nth-child(4) {\n      gap: 2px;\n}\n@media screen and (max-width: 992px) {\n.order-item .column[data-v-74b0b45e] {\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: center;\n        padding: 7px 10px;\n}\n.order-item .column[data-v-74b0b45e]:not(:last-child) {\n          border-bottom: 1px solid #d0d0d1;\n}\n.order-item .column[data-v-74b0b45e]:nth-child(even) {\n          background-color: #fafafb;\n}\n}\n.order-item .column[data-v-74b0b45e]:nth-child(4), .order-item .column[data-v-74b0b45e]:nth-child(8) {\n      padding-left: 55px;\n}\n@media screen and (max-width: 992px) {\n.order-item .column[data-v-74b0b45e]:nth-child(4), .order-item .column[data-v-74b0b45e]:nth-child(8) {\n          padding-left: 10px;\n}\n}\n.symbol-link[data-v-74b0b45e] {\n  text-decoration: none;\n  color: #090d0d;\n}\n@media screen and (max-width: 992px) {\n.symbol-link.order-head[data-v-74b0b45e] {\n      padding: 10px;\n}\n}\ntable[data-v-74b0b45e] {\n  width: 100%;\n  border: solid 1px #ecedef;\n  border-collapse: inherit;\n  table-layout: fixed;\n  text-align: center;\n  border-spacing: 0;\n  border-radius: 5px;\n}\ntable strong[data-v-74b0b45e] {\n    font-weight: 600;\n}\n@media screen and (max-width: 992px) {\ntable tr[data-v-74b0b45e] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n}\n}\ntable tr:last-child th[data-v-74b0b45e] {\n    border-radius: 0 0 5px 0;\n    width: 35%;\n}\ntable tr:last-child td[data-v-74b0b45e], table tr:last-child th[data-v-74b0b45e] {\n    border-radius: 0 0 0 5px;\n    width: 65%;\n}\n@media screen and (max-width: 992px) {\ntable tr:last-child td[data-v-74b0b45e], table tr:last-child th[data-v-74b0b45e] {\n        width: 100%;\n}\n}\ntable td[data-v-74b0b45e], table th[data-v-74b0b45e] {\n    padding: 12px 20px;\n    color: #18181a;\n    font-size: 12px;\n    border-bottom: solid 1px #ecedef;\n    text-align: left;\n    width: 65%;\n}\n@media screen and (max-width: 992px) {\ntable td[data-v-74b0b45e], table th[data-v-74b0b45e] {\n        background-color: transparent;\n        width: 100%;\n}\n}\ntable td strong[data-v-74b0b45e], table th strong[data-v-74b0b45e] {\n      font-weight: 600;\n}\ntable th[data-v-74b0b45e] {\n    width: 48%;\n}\n@media screen and (max-width: 992px) {\ntable th[data-v-74b0b45e] {\n        background-color: transparent;\n        width: 100%;\n}\n}\n\n/*/deep/ .input-active-border {\n  .number-container {\n    .input:not(:disabled) {\n      padding: 0 22px 0 10px !important;\n    }\n  }\n}*/\n", ""]);
 // Exports
 module.exports = exports;
 

package/dist/OsmanliYatirimPackage.common.6.js

@@ -74,7 +74,8 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
       hasViopList: false,
       lastText: null,
       root: null,
-      conditionalPageSize: 11
+      conditionalPageSize: 11,
+      tabBtnClass: false
     };
   },
 
@@ -84,6 +85,10 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
     if (this.$route.name == "Home" || this.$route.name == "FuturesTransactionsPortfolio") {
       this.conditionalPageSize = 15;
     }
+
+    if (this.$route.name == "FuturesTransactionsPortfolio") {
+      this.tabBtnClass = true;
+    }
   },
 
   methods: {
@@ -299,7 +304,10 @@ var render = function render() {
       "-padding": _vm.isViopPortfolio
     }
   }, [_c("div", {
-    staticClass: "tab-btns"
+    staticClass: "tab-btns",
+    class: {
+      active: _vm.tabBtnClass
+    }
   }, [_c("Controls", {
     attrs: {
       "export-function": _vm.handleExport,
@@ -432,6 +440,8 @@ var render = function render() {
           attrs: {
             "data-list": _vm.filteredViopList,
             headers: _vm.myFuturePortfolioTableHeaders,
+            "page-size": 21,
+            "use-pager": "",
             footers: _vm.footers
           },
           scopedSlots: _vm._u([{
@@ -523,7 +533,7 @@ var render = function render() {
         })];
       },
       proxy: true
-    }], null, false, 127349032)
+    }], null, false, 3214027199)
   }) : _vm._e()], 1) : _vm.hasViopList && _vm.filteredViopList.length === 0 ? _c("Alerts", {
     attrs: {
       message: "Portföyünüzde pozisyon bulunmamaktadır. İşlem yapmak için",
@@ -564,7 +574,7 @@ render._withStripped = true;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, "@charset \"UTF-8\";\n.entity[data-v-73b92447] {\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: 100%;\n}\n.entity__name[data-v-73b92447] {\n    margin-left: 27px;\n}\n@media screen and (max-width: 992px) {\n.entity__name[data-v-73b92447] {\n        margin-left: 17px;\n        text-align: left !important;\n}\n}\n.entity[data-v-73b92447] .position-pointer {\n    width: 7px !important;\n}\n.-padding[data-v-73b92447] {\n  padding: 20px;\n}\n@media screen and (max-width: 992px) {\n.-padding[data-v-73b92447] {\n      padding: 16px 12px;\n}\n}\n.viop-wrapper[data-v-73b92447] {\n  position: relative;\n}\n@media screen and (max-width: 992px) {\n.viop-wrapper[data-v-73b92447] {\n      margin-top: 55px;\n}\n}\n.viop-header[data-v-73b92447] {\n  font-size: 16px;\n  font-weight: 600;\n  color: #090d0d;\n  border-bottom: solid 1px #ecedef;\n  padding: 16px 20px;\n}\n@media screen and (max-width: 992px) {\n.viop-header[data-v-73b92447] {\n      font-size: 14px;\n      position: absolute;\n      border: none;\n      padding: 0;\n      top: -38px;\n      left: 0px;\n}\n}\n.costum__total[data-v-73b92447] {\n  font-weight: 600;\n  text-align: left !important;\n  padding-left: 10px !important;\n}\n.costum__total__right[data-v-73b92447] {\n  text-align: right !important;\n  font-weight: 600;\n  padding-right: 10px !important;\n  height: 40px;\n  padding-top: 10px !important;\n}\n.icon-star[data-v-73b92447] {\n  background: none;\n  cursor: pointer;\n}\n.red[data-v-73b92447] {\n  color: #f16d75;\n}\n.green[data-v-73b92447] {\n  color: #5A8F8A;\n}\n.position-pointer[data-v-73b92447] {\n  position: absolute;\n  width: 7px;\n  height: 100%;\n  border-radius: 0px 3px 3px 0px;\n}\n.red-pointer[data-v-73b92447] {\n  background-color: #f5455d;\n}\n.green-pointer[data-v-73b92447] {\n  background-color: #2ebd85;\n}\n[data-v-73b92447] .tab-btns {\n  top: 20px;\n  right: 16px;\n}\n@media screen and (max-width: 992px) {\n[data-v-73b92447] .tab-btns {\n      top: -37px;\n      right: -4px;\n}\n}\n[data-v-73b92447] .future-portfolio-table table thead {\n  height: 60px;\n}\n[data-v-73b92447] .future-portfolio-table table thead th td:last-child {\n    padding-right: 6px;\n}\n[data-v-73b92447] .future-portfolio-table table tbody tr td:nth-child(4) div {\n  text-align: right !important;\n}\n[data-v-73b92447] .future-portfolio-table table tbody tr td:last-child {\n  padding-right: 3px;\n}\n[data-v-73b92447] .table-area table thead th {\n  padding: 14px 12px;\n}\n[data-v-73b92447] .table-area table thead th:nth-child(7) {\n    padding: 14px 12px 12px 30px;\n}\n[data-v-73b92447] .table-area table thead th:first-child {\n    padding-left: 27px;\n}\n[data-v-73b92447] .table-area table td {\n  padding: 5px 12px;\n}\n[data-v-73b92447] .table-area table td:nth-child(9) div {\n    color: #090d0d !important;\n}\n[data-v-73b92447] .table-area table td:first-child {\n    padding: 0 !important;\n}\n[data-v-73b92447] .table-area table td:nth-child(1),[data-v-73b92447] .table-area table td:nth-child(2),[data-v-73b92447] .table-area table td:nth-child(3),[data-v-73b92447] .table-area table td:nth-child(4) {\n    font-weight: 400 !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-73b92447] .table-area table td:first-child,[data-v-73b92447] tr:first-child td:first-child {\n    width: 100% !important;\n}\n[data-v-73b92447] .table-area table tbody td[data-label=\"İşlem\"] {\n    display: block;\n}\n[data-v-73b92447] .table-area table tbody tr {\n    border-radius: 4px;\n    overflow: hidden;\n}\n[data-v-73b92447] .table-area table tbody tr td:first-child {\n      background-color: #ffffff !important;\n      height: 56px;\n      width: 7px !important;\n}\n[data-v-73b92447] .table-area table tbody tr td:last-child {\n      padding: 16px 9px !important;\n}\n[data-v-73b92447] .table-area table tbody td {\n    padding: 11px 12px !important;\n}\n[data-v-73b92447] .table-area table tbody td:last-child {\n      height: 50px;\n      padding: 10px 15px !important;\n}\n[data-v-73b92447] .table-area table tbody td:last-child::before {\n        display: none;\n}\n[data-v-73b92447] .table-area table tbody td:last-child div {\n        display: flex;\n        gap: 10px;\n}\n[data-v-73b92447] .table-area table tbody td:last-child div a {\n          max-width: inherit;\n          width: 33.3333%;\n}\n}\n[data-v-73b92447] .tfoot {\n  position: relative;\n}\n[data-v-73b92447] .tfoot .bold-text {\n    padding-top: 5px;\n}\n[data-v-73b92447] .tfoot td:nth-child(8) .tfoot-items:last-child {\n    height: 100%;\n}\n[data-v-73b92447] .tfoot td:nth-child(4) .tfoot-items:nth-child(2) {\n    height: 100%;\n}\n[data-v-73b92447] .tfoot td:nth-child(4) .tfoot-items:nth-child(2) div {\n      text-align: right !important;\n}\n[data-v-73b92447] .tfoot td:nth-child(3) {\n    position: absolute;\n    left: 15%;\n}\n[data-v-73b92447] .tfoot td:nth-child(7) {\n    position: absolute;\n    right: 42.3%;\n}\n[data-v-73b92447] .modal-body .tfoot td:nth-child(7) {\n  position: absolute;\n  right: 41.6%;\n}\n", ""]);
+exports.push([module.i, "@charset \"UTF-8\";\n.entity[data-v-73b92447] {\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: 100%;\n}\n.entity__name[data-v-73b92447] {\n    margin-left: 27px;\n}\n@media screen and (max-width: 992px) {\n.entity__name[data-v-73b92447] {\n        margin-left: 17px;\n        text-align: left !important;\n}\n}\n.entity[data-v-73b92447] .position-pointer {\n    width: 7px !important;\n}\n.-padding[data-v-73b92447] {\n  padding: 20px;\n}\n@media screen and (max-width: 992px) {\n.-padding[data-v-73b92447] {\n      padding: 16px 12px;\n}\n}\n.viop-wrapper[data-v-73b92447] {\n  position: relative;\n}\n@media screen and (max-width: 992px) {\n.viop-wrapper[data-v-73b92447] {\n      margin-top: 55px;\n}\n}\n.viop-header[data-v-73b92447] {\n  font-size: 16px;\n  font-weight: 600;\n  color: #090d0d;\n  border-bottom: solid 1px #ecedef;\n  padding: 16px 20px;\n}\n@media screen and (max-width: 992px) {\n.viop-header[data-v-73b92447] {\n      font-size: 14px;\n      position: absolute;\n      border: none;\n      padding: 0;\n      top: -38px;\n      left: 0px;\n}\n}\n.costum__total[data-v-73b92447] {\n  font-weight: 600;\n  text-align: left !important;\n  padding-left: 10px !important;\n}\n.costum__total__right[data-v-73b92447] {\n  text-align: right !important;\n  font-weight: 600;\n  padding-right: 10px !important;\n  height: 40px;\n  padding-top: 10px !important;\n}\n.icon-star[data-v-73b92447] {\n  background: none;\n  cursor: pointer;\n}\n.red[data-v-73b92447] {\n  color: #f16d75;\n}\n.green[data-v-73b92447] {\n  color: #5A8F8A;\n}\n.position-pointer[data-v-73b92447] {\n  position: absolute;\n  width: 7px;\n  height: 100%;\n  border-radius: 0px 3px 3px 0px;\n}\n.red-pointer[data-v-73b92447] {\n  background-color: #f5455d;\n}\n.green-pointer[data-v-73b92447] {\n  background-color: #2ebd85;\n}\n[data-v-73b92447] .tab-btns.active {\n  top: 20px;\n  right: 16px;\n}\n@media screen and (max-width: 992px) {\n[data-v-73b92447] .tab-btns {\n    top: -37px;\n    right: -4px;\n}\n}\n[data-v-73b92447] .future-portfolio-table table thead {\n  height: 60px;\n}\n[data-v-73b92447] .future-portfolio-table table thead th td:last-child {\n    padding-right: 6px;\n}\n[data-v-73b92447] .future-portfolio-table table tbody tr td:nth-child(4) div {\n  text-align: right !important;\n}\n[data-v-73b92447] .future-portfolio-table table tbody tr td:last-child {\n  padding-right: 3px;\n}\n[data-v-73b92447] .table-area table thead th {\n  padding: 14px 12px;\n}\n[data-v-73b92447] .table-area table thead th:nth-child(7) {\n    padding: 14px 12px 12px 30px;\n}\n[data-v-73b92447] .table-area table thead th:first-child {\n    padding-left: 27px;\n}\n[data-v-73b92447] .table-area table td {\n  padding: 5px 12px;\n}\n[data-v-73b92447] .table-area table td:nth-child(9) div {\n    color: #090d0d !important;\n}\n[data-v-73b92447] .table-area table td:first-child {\n    padding: 0 !important;\n}\n[data-v-73b92447] .table-area table td:nth-child(1),[data-v-73b92447] .table-area table td:nth-child(2),[data-v-73b92447] .table-area table td:nth-child(3),[data-v-73b92447] .table-area table td:nth-child(4) {\n    font-weight: 400 !important;\n}\n@media screen and (max-width: 992px) {\n[data-v-73b92447] .table-area table td:first-child,[data-v-73b92447] tr:first-child td:first-child {\n    width: 100% !important;\n}\n[data-v-73b92447] .table-area table tbody td[data-label=\"İşlem\"] {\n    display: block;\n}\n[data-v-73b92447] .table-area table tbody tr {\n    border-radius: 4px;\n    overflow: hidden;\n}\n[data-v-73b92447] .table-area table tbody tr td:first-child {\n      background-color: #ffffff !important;\n      height: 56px;\n      width: 7px !important;\n}\n[data-v-73b92447] .table-area table tbody tr td:last-child {\n      padding: 16px 9px !important;\n}\n[data-v-73b92447] .table-area table tbody td {\n    padding: 11px 12px !important;\n}\n[data-v-73b92447] .table-area table tbody td:last-child {\n      height: 50px;\n      padding: 10px 15px !important;\n}\n[data-v-73b92447] .table-area table tbody td:last-child::before {\n        display: none;\n}\n[data-v-73b92447] .table-area table tbody td:last-child div {\n        display: flex;\n        gap: 10px;\n}\n[data-v-73b92447] .table-area table tbody td:last-child div a {\n          max-width: inherit;\n          width: 33.3333%;\n}\n}\n[data-v-73b92447] .tfoot {\n  position: relative;\n}\n[data-v-73b92447] .tfoot .bold-text {\n    padding-top: 5px;\n}\n[data-v-73b92447] .tfoot td:nth-child(8) .tfoot-items:last-child {\n    height: 100%;\n}\n[data-v-73b92447] .tfoot td:nth-child(4) .tfoot-items:nth-child(2) {\n    height: 100%;\n}\n[data-v-73b92447] .tfoot td:nth-child(4) .tfoot-items:nth-child(2) div {\n      text-align: right !important;\n}\n[data-v-73b92447] .tfoot td:nth-child(3) {\n    position: absolute;\n    left: 15%;\n}\n[data-v-73b92447] .tfoot td:nth-child(7) {\n    position: absolute;\n    right: 42.3%;\n}\n[data-v-73b92447] .modal-body .tfoot td:nth-child(7) {\n  position: absolute;\n  right: 41.6%;\n}\n", ""]);
 // Exports
 module.exports = exports;
 

package/dist/OsmanliYatirimPackage.common.7.js

@@ -485,7 +485,7 @@ var render = function render() {
     attrs: {
       headers: _vm.headers,
       "data-list": _vm.filteredList,
-      "page-size": 10,
+      "page-size": 11,
       "use-pager": "",
       sortable: ""
     },
@@ -651,7 +651,9 @@ var render = function render() {
     },
     attrs: {
       headers: _vm.headers,
-      "data-list": _vm.filteredList
+      "data-list": _vm.filteredList,
+      "use-pager": "",
+      "page-size": 21
     },
     scopedSlots: _vm._u([{
       key: "tip",

package/dist/OsmanliYatirimPackage.common.8.js

@@ -527,7 +527,9 @@ var render = function render() {
     attrs: {
       headers: _vm.headers,
       "data-list": _vm.filteredList,
-      sortable: ""
+      sortable: "",
+      "use-pager": "",
+      "page-size": 11
     },
     scopedSlots: _vm._u([{
       key: "tip",
@@ -689,7 +691,9 @@ var render = function render() {
     attrs: {
       headers: _vm.headers,
       "data-list": _vm.filteredList,
-      sortable: ""
+      sortable: "",
+      "use-pager": "",
+      "page-size": 21
     },
     scopedSlots: _vm._u([{
       key: "tip",

package/dist/OsmanliYatirimPackage.common.BuyingOnlineIndex.js

@@ -197,9 +197,9 @@ let TEXT_NO_DIFFERENT = "noDifferent";
         cardType: "V"
       },
       headers: [{
-        name: "Kod",
+        name: "Fon Kodu",
         value: "code",
-        width: 70
+        width: 100
       }, {
         name: "Türü",
         value: "type"
@@ -571,6 +571,10 @@ let TEXT_NO_DIFFERENT = "noDifferent";
       return name.slice(0, -3) + "****";
     },
 
+    onlyNumber($event) {
+      _utils_helpers__WEBPACK_IMPORTED_MODULE_3__["default"].fieldOnlyNumberControl($event);
+    },
+
     ...Object(vuex__WEBPACK_IMPORTED_MODULE_1__["mapActions"])({
       setCountries: "location/countries",
       setDistricts: "location/districts",
@@ -1524,7 +1528,7 @@ const ListViewSkeleton = () => Promise.resolve(/*! import() */).then(__webpack_r
 
     headers() {
       const header = [{
-        name: "Kod",
+        name: "Fon Kodu",
         value: "code",
         width: 100
       }, {
@@ -1646,7 +1650,7 @@ __webpack_require__.r(__webpack_exports__);
         number: 1,
         mobileTitleWidth: 53
       }, {
-        title: "Ürün Detay",
+        title: "Ürün Detayı",
         number: 2,
         mobileTitleWidth: 39
       }, {
@@ -2595,6 +2599,9 @@ var render = function render() {
       "error-text": "Bu alanın doldurulması zorunludur",
       "test-id": "identityNo"
     },
+    on: {
+      keypress: _vm.onlyNumber
+    },
     model: {
       value: _vm.form.identityNo,
       callback: function ($$v) {
@@ -2789,13 +2796,14 @@ var render = function render() {
     attrs: {
       value: _vm._f("formatCardNumber")(_vm.paymentForm.cardNumber),
       label: "Kart Numarası",
-      length: "20",
+      length: "19",
       error: _vm.$v.paymentForm.cardNumber.$error,
       "error-text": "Bu alanın doldurulması zorunludur",
       testId: "email"
     },
     on: {
-      input: _vm.formatCard
+      input: _vm.formatCard,
+      keypress: _vm.onlyNumber
     }
   })], 1)]), _c("div", {
     staticClass: "step-one__form--item-flex"
@@ -2810,7 +2818,8 @@ var render = function render() {
       testId: "email"
     },
     on: {
-      onKeyup: _vm.formatCardDate
+      onKeyup: _vm.formatCardDate,
+      keypress: _vm.onlyNumber
     },
     model: {
       value: _vm.paymentForm.date,
@@ -2824,10 +2833,14 @@ var render = function render() {
   }, [_c("Input", {
     attrs: {
       label: "CVV",
+      length: "3",
       error: _vm.$v.paymentForm.cvv.$error,
       "error-text": "Bu alanın doldurulması zorunludur",
       testId: "phoneNumber"
     },
+    on: {
+      keypress: _vm.onlyNumber
+    },
     model: {
       value: _vm.paymentForm.cvv,
       callback: function ($$v) {
@@ -2959,8 +2972,8 @@ var render = function render() {
     staticClass: "form-item"
   }, [_c("Input", {
     attrs: {
-      label: "Soyadı",
-      placeholder: "Soyadı",
+      label: "Soyad",
+      placeholder: "Soyad",
       error: _vm.$v.form.lastName.$error,
       "error-text": "Bu alanın doldurulması zorunludur",
       testId: "lastName"
@@ -3385,7 +3398,9 @@ var render = function render() {
       },
       proxy: true
     }], null, false, 4291493948)
-  }) : _vm._e()], 1);
+  }, [_c("span", {
+    staticClass: "border-element"
+  })]) : _vm._e()], 1);
 };
 
 var staticRenderFns = [function () {
@@ -3804,7 +3819,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/images/icon
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, "@media screen and (max-width: 992px) {\n.step-three {\n    padding: 16px;\n}\n}\n.step-three__container .flex-container {\n  justify-content: flex-start;\n  margin-bottom: 20px;\n}\n.step-three__container .flex-container .field-checkbox {\n    margin: 0 !important;\n    padding-left: 30px;\n    cursor: pointer;\n    width: 100%;\n    text-align: left;\n}\n@media screen and (max-width: 992px) {\n.step-three__container .flex-container .field-checkbox {\n        padding-left: 19px;\n}\n}\n.step-three__container .flex-container .field-checkbox label {\n      font-family: \"Poppins\";\n      font-size: 14px;\n      font-weight: normal;\n      line-height: normal;\n      letter-spacing: normal;\n      color: #090d0d;\n      cursor: pointer;\n}\n.step-three__container .flex-container .field-checkbox label span small {\n        font-weight: 600;\n        color: #2c6762;\n}\n.step-three__container .flex-container.clear-margin {\n    margin: 0;\n}\n.step-three__container .flex-container .confirmation-button {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    background-color: transparent;\n    border: none;\n}\n.step-three__container .flex-container .confirmation-button .field-checkbox span {\n      display: block;\n}\n.step-three__container .permission-confirmation {\n  padding: 8px 0 0 36px;\n  display: grid;\n  margin-bottom: 40px;\n}\n@media screen and (max-width: 992px) {\n.step-three__container .permission-confirmation {\n      padding: 8px 0 0;\n}\n}\n.step-three__container .permission-confirmation__content {\n    display: grid;\n}\n@media screen and (max-width: 992px) {\n.step-three__container .permission-confirmation__content {\n        padding: 8px 0 0 24px;\n}\n}\n.step-three__container .permission-confirmation__content span, .step-three__container .permission-confirmation__content small {\n      font-family: \"Poppins\";\n      color: #090d0d;\n      font-size: 12px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: normal;\n}\n.step-three__container .permission-confirmation__content span {\n      font-weight: 600;\n}\n.step-three__container .permission-confirmation__content small {\n      margin-bottom: 20px;\n      opacity: 0.5;\n      font-size: 12px;\n}\n.step-three__container .permission-confirmation__check {\n    display: flex;\n    align-items: center;\n    padding-top: 12px;\n}\n.step-three__container .permission-confirmation__check .field-checkbox {\n      margin-right: 32px !important;\n}\n@media screen and (max-width: 992px) {\n.step-three__container .permission-confirmation__check .field-checkbox {\n          margin-right: 12px !important;\n}\n}\n.step-three .choose-least-one-communication-channel {\n  font-size: 12px;\n  background-color: rgba(254, 240, 138, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  margin-top: 14px;\n}\n.pdf-viewer .modal {\n  padding: 16px;\n}\n.pdf-viewer .modal-head {\n  display: flex;\n  align-items: center;\n}\n.pdf-viewer .modal-head h2 {\n    font-size: 18px;\n    font-weight: bold;\n    color: #4CAF50;\n    padding-left: 8px;\n}\n.pdf-viewer__body {\n  width: 100% !important;\n  height: 80%;\n  max-height: 44vw;\n}\n.pdf-viewer .medium {\n  width: 100%;\n  height: 80%;\n}\n.pdf-viewer .modal-body {\n  overflow: auto;\n  height: 100%;\n  margin-top: 20px;\n}\n.pdf-viewer .button-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  width: 100%;\n}\n.pdf-viewer .button-wrapper button {\n    font-size: 16px;\n    max-width: 200px;\n}\n@media screen and (max-width: 992px) {\n.pdf-viewer .button-wrapper button {\n        line-height: 42px;\n        width: 100%;\n}\n}\n@media screen and (max-width: 992px) {\n.pdf-viewer .button-wrapper button.apply-button {\n        min-width: 200px;\n}\n}\n@media screen and (max-width: 992px) {\n.pdf-viewer .button-wrapper button.close-button {\n        font-size: 14px;\n        font-weight: 400;\n}\n}\n.pdf-viewer .button-wrapper .download-form {\n    color: #41807a;\n    background-color: transparent;\n    border: 1px solid #41807a;\n    text-decoration: none;\n    padding: 13px 0;\n    max-width: 185px;\n    width: 100%;\n    text-align: center;\n}\n.pdf-viewer .button-wrapper div {\n    display: flex;\n    width: 100%;\n    grid-gap: 0 15px;\n    max-width: 320px;\n}\n.pdf-viewer .button-wrapper div button:first-child {\n      width: -webkit-fit-content;\n      width: -moz-fit-content;\n      width: fit-content;\n}\n.pdf-viewer .download-form {\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.pdf-viewer .modal-footer {\n  padding: 10px 0 0;\n}\n.pdf-viewer__body, .pdf-viewer .modal-body {\n  height: 100vh;\n  display: inline;\n}\n.pdf-app .pdfViewer .page {\n  background-image: none !important;\n  border: none !important;\n}\n.stepper__footer-buttons {\n  display: flex;\n  align-content: center;\n  justify-content: flex-end;\n}\n@media screen and (max-width: 992px) {\n.stepper__footer-buttons {\n      max-height: 48px;\n}\n}\n.stepper .next-button {\n  width: 100%;\n  max-width: 245px;\n}\n.stepper .go-back {\n  width: 100%;\n  max-width: 120px;\n}\n.textLayer {\n  background-color: #dedcdc;\n  border: 1px solid #000;\n}\n@media screen and (min-width: 992px) {\n.field-button {\n    height: 48px;\n}\n.field-button.green-button {\n      width: 245px;\n}\n.field-button.transparent-button {\n      width: 120px;\n}\n}\n.email-permission label span {\n  font-weight: 600;\n}\n.alert-info-form.small {\n  padding: 13px 58px 12px 58px;\n  background-size: 30px;\n  background-position: left 20px top 16px;\n}\n.download-link {\n  position: absolute;\n  bottom: -24px;\n  right: 0;\n  padding-left: 19px;\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n  color: #41807a;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  text-decoration: none;\n}\n", ""]);
+exports.push([module.i, "@media screen and (max-width: 992px) {\n.step-three {\n    padding: 16px;\n}\n}\n.step-three__container .flex-container {\n  justify-content: flex-start;\n  margin-bottom: 20px;\n}\n.step-three__container .flex-container .field-checkbox {\n    margin: 0 !important;\n    padding-left: 30px;\n    cursor: pointer;\n    width: 100%;\n    text-align: left;\n}\n@media screen and (max-width: 992px) {\n.step-three__container .flex-container .field-checkbox {\n        padding-left: 19px;\n}\n}\n.step-three__container .flex-container .field-checkbox label {\n      font-family: \"Poppins\";\n      font-size: 14px;\n      font-weight: normal;\n      line-height: normal;\n      letter-spacing: normal;\n      color: #090d0d;\n      cursor: pointer;\n}\n.step-three__container .flex-container .field-checkbox label span small {\n        font-weight: 600;\n        color: #2c6762;\n}\n.step-three__container .flex-container.clear-margin {\n    margin: 0;\n}\n.step-three__container .flex-container .confirmation-button {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    background-color: transparent;\n    border: none;\n}\n.step-three__container .flex-container .confirmation-button .field-checkbox span {\n      display: block;\n}\n.step-three__container .permission-confirmation {\n  padding: 8px 0 0 36px;\n  display: grid;\n  margin-bottom: 40px;\n}\n@media screen and (max-width: 992px) {\n.step-three__container .permission-confirmation {\n      padding: 8px 0 0;\n}\n}\n.step-three__container .permission-confirmation__content {\n    display: grid;\n}\n@media screen and (max-width: 992px) {\n.step-three__container .permission-confirmation__content {\n        padding: 8px 0 0 24px;\n}\n}\n.step-three__container .permission-confirmation__content span, .step-three__container .permission-confirmation__content small {\n      font-family: \"Poppins\";\n      color: #090d0d;\n      font-size: 12px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: normal;\n}\n.step-three__container .permission-confirmation__content span {\n      font-weight: 600;\n}\n.step-three__container .permission-confirmation__content small {\n      margin-bottom: 20px;\n      opacity: 0.5;\n      font-size: 12px;\n}\n.step-three__container .permission-confirmation__check {\n    display: flex;\n    align-items: center;\n    padding-top: 12px;\n}\n.step-three__container .permission-confirmation__check .field-checkbox {\n      margin-right: 32px !important;\n      width: auto;\n}\n@media screen and (max-width: 992px) {\n.step-three__container .permission-confirmation__check .field-checkbox {\n          width: 100%;\n          margin-right: 52px !important;\n}\n.step-three__container .permission-confirmation__check .field-checkbox:last-child {\n            margin-right: 0 !important;\n}\n}\n.step-three .choose-least-one-communication-channel {\n  font-size: 12px;\n  background-color: rgba(254, 240, 138, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  margin-top: 14px;\n}\n.pdf-viewer .modal {\n  padding: 0;\n}\n.pdf-viewer .modal-head,\n.pdf-viewer .modal-body,\n.pdf-viewer .modal-footer,\n.pdf-viewer .btn-close {\n  padding: 16px 16px 0;\n}\n@media screen and (max-width: 992px) {\n.pdf-viewer .modal-header {\n    margin-bottom: 5px;\n}\n}\n.pdf-viewer .modal-head {\n  display: flex;\n  align-items: center;\n}\n.pdf-viewer .modal-head h2 {\n    font-size: 18px;\n    font-weight: bold;\n    color: #4CAF50;\n    padding-left: 8px;\n}\n.pdf-viewer__body {\n  width: 100% !important;\n  height: 80%;\n  max-height: 44vw;\n}\n.pdf-viewer .medium {\n  width: 100%;\n  height: 80%;\n}\n.pdf-viewer .modal-body {\n  height: 100%;\n  margin-top: 30px;\n}\n@media screen and (max-width: 992px) {\n.pdf-viewer .modal-body {\n      margin-top: 25px;\n}\n}\n.pdf-viewer .button-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  width: 100%;\n}\n.pdf-viewer .button-wrapper button {\n    font-size: 16px;\n    max-width: 200px;\n}\n@media screen and (max-width: 992px) {\n.pdf-viewer .button-wrapper button {\n        line-height: 42px;\n        width: 100%;\n}\n}\n@media screen and (max-width: 992px) {\n.pdf-viewer .button-wrapper button.apply-button {\n        min-width: 200px;\n}\n}\n@media screen and (max-width: 992px) {\n.pdf-viewer .button-wrapper button.close-button {\n        font-size: 14px;\n        font-weight: 400;\n}\n}\n.pdf-viewer .button-wrapper .download-form {\n    color: #41807a;\n    background-color: transparent;\n    border: 1px solid #41807a;\n    text-decoration: none;\n    padding: 13px 0;\n    max-width: 185px;\n    width: 100%;\n    text-align: center;\n}\n.pdf-viewer .button-wrapper div {\n    display: flex;\n    width: 100%;\n    grid-gap: 0 15px;\n    max-width: 320px;\n}\n.pdf-viewer .button-wrapper div button:first-child {\n      width: -webkit-fit-content;\n      width: -moz-fit-content;\n      width: fit-content;\n}\n.pdf-viewer .button-wrapper .border-element {\n    border-top: 1px solid;\n}\n.pdf-viewer .download-form {\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.pdf-viewer .download-link {\n  position: absolute;\n  bottom: -38px;\n  right: 16px;\n  padding-left: 19px;\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left center;\n  color: #41807a;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  text-decoration: none;\n}\n@media screen and (max-width: 992px) {\n.pdf-viewer .download-link {\n      bottom: -32px;\n}\n}\n.pdf-viewer .modal-footer {\n  padding: 16px;\n}\n.pdf-viewer__body, .pdf-viewer .modal-body {\n  height: 100vh;\n  display: inline;\n}\n.pdf-app .pdfViewer .page {\n  background-image: none !important;\n  border: none !important;\n}\n.stepper__footer-buttons {\n  display: flex;\n  align-content: center;\n  justify-content: flex-end;\n}\n@media screen and (max-width: 992px) {\n.stepper__footer-buttons {\n      max-height: 48px;\n}\n}\n.stepper .next-button {\n  width: 100%;\n  max-width: 245px;\n}\n.stepper .go-back {\n  width: 100%;\n  max-width: 120px;\n}\n.textLayer {\n  background-color: #dedcdc;\n  border: 1px solid #000;\n}\n@media screen and (min-width: 992px) {\n.field-button {\n    height: 48px;\n}\n.field-button.green-button {\n      width: 245px;\n}\n.field-button.transparent-button {\n      width: 120px;\n}\n}\n.email-permission label span {\n  font-weight: 600;\n}\n.alert-info-form.small {\n  padding: 13px 30px 12px 58px;\n  background-size: 30px;\n  background-position: left 20px top 16px;\n}\n.alert-info-form.small .alert-text {\n    font-size: 12px;\n}\n@media screen and (max-width: 992px) {\n.alert-info-form.small {\n      padding: 10px 30px 10px 34px;\n      background-position: left 2px top 10px;\n}\n}\n", ""]);
 // Exports
 module.exports = exports;
 
@@ -3825,7 +3840,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! ../../../assets/imag
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, "@media screen and (max-width: 992px) {\n.step-two {\n    padding: 0 16px;\n}\n}\n.step-two--title {\n  font-family: \"Poppins\";\n  font-size: 13px;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  color: #090d0d;\n}\n.step-two__radios {\n  display: flex;\n  grid-gap: 20px;\n  margin: 15px 0 0;\n}\n@media screen and (max-width: 992px) {\n.step-two__radios {\n      position: relative;\n}\n}\n.step-two__radios .grid-item {\n    width: 100%;\n}\n@media screen and (max-width: 992px) {\n.step-two__radios .grid-item {\n        position: initial;\n}\n}\n.step-two__radios .grid-item__right span:first-child {\n      font-size: 12px;\n}\n.step-two__radios .grid-item__right span.vs__selected {\n      font-size: 14px;\n}\n.step-two__radios .grid-item__right .v-select {\n      height: 48px;\n}\n.step-two__radios .grid-item__right .v-select .vs__dropdown-toggle {\n        padding: 0.55rem 0.25rem 0.55rem 0.1rem;\n}\n.step-two__radios .grid-item.input-field .field {\n      font-size: 12px;\n}\n.step-two__radios .grid-item .contribution-amount {\n      height: 48px;\n      width: 100%;\n      border-radius: 3px;\n      border: solid 1px #d0d0d1;\n      padding: 15px;\n      background-color: #fff;\n      text-align: right;\n      box-sizing: border-box;\n      transition: 0.5s;\n      outline: none;\n}\n.step-two__radios .grid-item .contribution-amount:focus {\n        border: 1px solid #41807a;\n}\n.step-two__radios .grid-item > span {\n      font-family: \"Poppins\";\n      color: #090d0d;\n      font-size: 13px;\n      font-weight: 500;\n      letter-spacing: normal;\n      display: block;\n      margin-bottom: 6px;\n}\n.step-two__radios .grid-item .field-radio {\n      padding: 1px 0 0 25px;\n}\n.step-two__radios .grid-item .input-container input {\n      text-align: right;\n}\n.step-two__table {\n  margin: 5px 0 20px;\n}\n.step-two__table table thead tr th:first-child {\n    text-align: left;\n    padding-left: 20px;\n}\n@media screen and (max-width: 992px) {\n.step-two__table table thead tr th:first-child {\n        padding-left: 12px;\n}\n}\n.step-two__table table thead tr th {\n    padding: 12px 10px;\n}\n.step-two__table table thead tr th:last-child {\n      text-align: right;\n      padding-right: 20px;\n}\n@media screen and (max-width: 992px) {\n.step-two__table table thead tr th:last-child {\n          padding-right: 12px;\n}\n}\n@media screen and (max-width: 992px) {\n.step-two__table table tbody.custom-tbody td {\n      padding: 6px 12px !important;\n}\n}\n@media screen and (max-width: 992px) {\n.step-two__table table tbody.custom-tbody td:first-child div {\n      text-align: left !important;\n      font-weight: 500;\n      color: #090d0d;\n}\n}\n@media screen and (max-width: 992px) {\n.step-two__table table tbody tr td {\n      background-color: transparent !important;\n}\n}\n.step-two__table table tbody tr td:first-child {\n    text-align: left;\n    padding-left: 20px;\n}\n.step-two__table .distribution-rate-content {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 0 10px 0 0;\n}\n@media screen and (max-width: 992px) {\n.step-two__table .distribution-rate-content {\n        padding: 0;\n}\n}\n.step-two__table .distribution-rate-content .field {\n      margin-bottom: 0;\n}\n.step-two__table .distribution-rate-content .field .number-input.text-right {\n        text-align: center !important;\n}\n.step-two__table .distribution-rate-content .field input {\n        height: 28px;\n}\n.step-two__table .distribution-rate-content .arrow-container .up-btn {\n      top: 6px;\n}\n.step-two__table .distribution-rate-content .arrow-container .down-btn {\n      left: 7px;\n      bottom: 6px;\n}\n.step-two__table .distribution-rate-content > span:first-child {\n      font-family: \"Poppins\";\n      font-size: 12px;\n      line-height: normal;\n      color: #18181a;\n      padding-right: 10px;\n}\n.step-two__table .distribution-rate-content input {\n      max-width: 108px;\n      height: 32px;\n      padding: 10px;\n      margin: 0;\n      border-radius: 3px;\n      border: solid 1px #9fa6ad;\n      background-color: #fff;\n      box-sizing: border-box;\n      transition: 0.5s;\n      outline: none;\n      text-align: center !important;\n}\n@media screen and (max-width: 992px) {\n.step-two__table .distribution-rate-content input {\n          max-width: 140px;\n}\n}\n.step-two__table .distribution-rate-content input:focus {\n        border: 1px solid #41807a;\n}\n.step-two .error-message-container {\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left;\n  padding: 0 0 0 18px;\n  font-weight: 500;\n  font-family: \"Poppins\";\n  color: #e53935;\n  font-size: 12px;\n  margin-top: 4px;\n  line-height: 14px;\n}\n.step-two .table-area table td {\n  height: auto;\n}\n.stepper__footer {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.stepper__footer-buttons {\n  display: flex;\n  align-content: center;\n  justify-content: flex-end;\n  margin: 16px 0 0;\n}\n@media screen and (max-width: 992px) {\n.stepper__footer-buttons {\n      max-height: 48px;\n}\n}\n.stepper__footer-buttons .next-button {\n    width: 100%;\n    max-width: 245px;\n}\n.stepper__footer-buttons .go-back {\n    width: 100%;\n    max-width: 120px;\n}\n.stepper__total-distribution {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n@media screen and (max-width: 992px) {\n.stepper__total-distribution {\n      flex-direction: column-reverse;\n      align-items: flex-end;\n}\n}\n.stepper__total-distribution-group {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding-right: 20px;\n    margin-bottom: 9px;\n}\n@media screen and (max-width: 992px) {\n.stepper__total-distribution-group {\n        width: 100%;\n        margin-bottom: 16px;\n        padding-right: 12px;\n        justify-content: space-between;\n}\n}\n.stepper__total-distribution-group span {\n      color: #18181a;\n      font-size: 12px;\n      font-weight: 600;\n      line-height: normal;\n}\n.stepper__total-distribution-input {\n    margin: 0;\n    height: 30px;\n}\n.stepper__total-distribution-input .number-container.small {\n      margin: 0;\n}\n.stepper__total-distribution-input input {\n      width: 108px;\n      height: 28px !important;\n      text-align: center;\n      margin: 0;\n}\n@media screen and (max-width: 992px) {\n.stepper__total-distribution-rate {\n      width: 100%;\n}\n}\n.plan-explanation--title {\n  font-size: 18px !important;\n  font-weight: bold !important;\n  color: #4CAF50;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  margin-right: auto !important;\n}\n.plan-explanation--new-contract {\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  color: #090d0d !important;\n  margin: 20px 0 !important;\n  display: block;\n}\n.plan-explanation__icon {\n  display: flex;\n  margin-right: 10px;\n}\n.plan-explanation .close-modal {\n  max-width: 185px;\n  margin: 10px auto 0;\n}\n.plan-explanation .modal {\n  padding: 16px 16px 0;\n  overflow: hidden;\n}\n.plan-explanation .modal .modal-header {\n    padding-bottom: 16px;\n    margin-bottom: 20px;\n}\n.plan-explanation__list {\n  margin-bottom: 16px;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list {\n      max-height: 420px;\n      overflow-y: scroll;\n}\n}\n.plan-explanation__list thead {\n    display: none;\n    visibility: hidden;\n}\n.plan-explanation__list tbody tr {\n    display: grid;\n    grid-template-columns: 265px 1fr;\n    align-items: center;\n    gap: 101px;\n    border-bottom: solid 1px #ecedef;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr {\n        font-size: 12px;\n}\n}\n.plan-explanation__list tbody tr td {\n      display: flex;\n      align-items: center;\n      border: none !important;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr td:nth-child(even) {\n          background-color: transparent !important;\n}\n}\n.plan-explanation__list tbody tr td:first-child {\n        text-align: left;\n        padding-left: 28px;\n        font-weight: 600;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr td:first-child {\n            max-width: 110px;\n}\n}\n.plan-explanation__list tbody tr td:last-child {\n      padding-right: 20px;\n}\n.plan-explanation__list tbody tr:nth-child(4) td:last-child {\n    display: flex;\n    align-items: center;\n    height: 55px;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr:nth-child(4) td:last-child {\n        display: flex !important;\n        justify-content: flex-end;\n        height: 78px;\n        align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr:nth-child(4) td:last-child div {\n        max-width: 60px;\n}\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr:nth-child(4) td:first-child span {\n      min-width: 185px;\n}\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr:nth-child(1) td:first-child .plan-explanation__item > span, .plan-explanation__list tbody tr:nth-child(2) td:first-child .plan-explanation__item > span, .plan-explanation__list tbody tr:nth-child(3) td:first-child .plan-explanation__item > span {\n      display: flex;\n      flex-direction: column;\n}\n}\n.plan-explanation__item span {\n  width: 265px;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__item span {\n      min-width: 144px;\n}\n}\n.plan-explanation__item--subtitle {\n  font-weight: 400;\n  font-size: 12px;\n}\n.input-field {\n  position: relative;\n}\n.input-field .error-text {\n    position: absolute;\n    background-position-y: top;\n}\n.plan-explanations {\n  display: flex;\n  justify-content: flex-end;\n  color: #41807a;\n  font-size: 12px;\n  font-weight: 600;\n  text-decoration: underline;\n  background: transparent;\n  cursor: pointer;\n}\n@media screen and (max-width: 992px) {\n.plan-explanations {\n      width: 100%;\n      justify-content: flex-start;\n      margin-bottom: 14px;\n}\n}\n.reset-distribution {\n  padding-right: 20px;\n  margin-bottom: 4px;\n}\n@media screen and (max-width: 992px) {\n.reset-distribution {\n      width: 110px;\n      display: block;\n      position: absolute;\n      bottom: 75px;\n      right: 0;\n      padding-right: 13px;\n      text-align: right;\n}\n}\n", ""]);
+exports.push([module.i, "@media screen and (max-width: 992px) {\n.step-two {\n    padding: 0 16px;\n}\n}\n.step-two--title {\n  font-family: \"Poppins\";\n  font-size: 13px;\n  font-weight: 500;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  color: #090d0d;\n}\n.step-two__radios {\n  display: flex;\n  grid-gap: 20px;\n  margin: 15px 0 0;\n}\n@media screen and (max-width: 992px) {\n.step-two__radios {\n      position: relative;\n}\n}\n.step-two__radios .grid-item {\n    width: 100%;\n}\n@media screen and (max-width: 992px) {\n.step-two__radios .grid-item {\n        position: initial;\n}\n}\n.step-two__radios .grid-item__right span:first-child {\n      font-size: 12px;\n}\n.step-two__radios .grid-item__right span.vs__selected {\n      font-size: 14px;\n}\n.step-two__radios .grid-item__right .v-select {\n      height: 48px;\n}\n.step-two__radios .grid-item__right .v-select .vs__dropdown-toggle {\n        padding: 0.55rem 0.25rem 0.55rem 0.1rem;\n}\n.step-two__radios .grid-item.input-field .field {\n      font-size: 12px;\n}\n.step-two__radios .grid-item .contribution-amount {\n      height: 48px;\n      width: 100%;\n      border-radius: 3px;\n      border: solid 1px #d0d0d1;\n      padding: 15px;\n      background-color: #fff;\n      text-align: right;\n      box-sizing: border-box;\n      transition: 0.5s;\n      outline: none;\n}\n.step-two__radios .grid-item .contribution-amount:focus {\n        border: 1px solid #41807a;\n}\n.step-two__radios .grid-item > span {\n      font-family: \"Poppins\";\n      color: #090d0d;\n      font-size: 13px;\n      font-weight: 500;\n      letter-spacing: normal;\n      display: block;\n      margin-bottom: 6px;\n}\n.step-two__radios .grid-item .field-radio {\n      padding: 1px 0 0 25px;\n}\n.step-two__table {\n  margin: 5px 0 20px;\n}\n.step-two__table table thead tr th:first-child {\n    text-align: left;\n    padding-left: 20px;\n}\n@media screen and (max-width: 992px) {\n.step-two__table table thead tr th:first-child {\n        padding-left: 12px;\n}\n}\n.step-two__table table thead tr th {\n    padding: 12px 10px;\n}\n.step-two__table table thead tr th:last-child {\n      text-align: right;\n      padding-right: 20px;\n}\n@media screen and (max-width: 992px) {\n.step-two__table table thead tr th:last-child {\n          padding-right: 12px;\n}\n}\n@media screen and (max-width: 992px) {\n.step-two__table table tbody.custom-tbody td {\n      padding: 6px 12px !important;\n}\n}\n@media screen and (max-width: 992px) {\n.step-two__table table tbody.custom-tbody td:first-child div {\n      text-align: left !important;\n      font-weight: 500;\n      color: #090d0d;\n}\n}\n@media screen and (max-width: 992px) {\n.step-two__table table tbody tr td {\n      background-color: transparent !important;\n}\n}\n.step-two__table table tbody tr td:first-child {\n    text-align: left;\n    padding-left: 20px;\n}\n.step-two__table .distribution-rate-content {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 0 10px 0 0;\n}\n@media screen and (max-width: 992px) {\n.step-two__table .distribution-rate-content {\n        padding: 0;\n}\n}\n.step-two__table .distribution-rate-content .field {\n      margin-bottom: 0;\n}\n.step-two__table .distribution-rate-content .field .number-input.text-right {\n        text-align: center !important;\n}\n.step-two__table .distribution-rate-content .field input {\n        height: 28px;\n}\n.step-two__table .distribution-rate-content .arrow-container .up-btn {\n      top: 6px;\n}\n.step-two__table .distribution-rate-content .arrow-container .down-btn {\n      left: 7px;\n      bottom: 6px;\n}\n.step-two__table .distribution-rate-content > span:first-child {\n      font-family: \"Poppins\";\n      font-size: 12px;\n      line-height: normal;\n      color: #18181a;\n      padding-right: 10px;\n}\n.step-two__table .distribution-rate-content input {\n      max-width: 108px;\n      height: 32px;\n      padding: 10px;\n      margin: 0;\n      border-radius: 3px;\n      border: solid 1px #9fa6ad;\n      background-color: #fff;\n      box-sizing: border-box;\n      transition: 0.5s;\n      outline: none;\n      text-align: center !important;\n}\n@media screen and (max-width: 992px) {\n.step-two__table .distribution-rate-content input {\n          max-width: 140px;\n}\n}\n.step-two__table .distribution-rate-content input:focus {\n        border: 1px solid #41807a;\n}\n.step-two .error-message-container {\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat left;\n  padding: 0 0 0 18px;\n  font-weight: 500;\n  font-family: \"Poppins\";\n  color: #e53935;\n  font-size: 12px;\n  margin-top: 4px;\n  line-height: 14px;\n}\n.step-two .table-area table td {\n  height: auto;\n}\n.stepper__footer {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.stepper__footer-buttons {\n  display: flex;\n  align-content: center;\n  justify-content: flex-end;\n  margin: 16px 0 0;\n}\n@media screen and (max-width: 992px) {\n.stepper__footer-buttons {\n      max-height: 48px;\n}\n}\n.stepper__footer-buttons .next-button {\n    width: 100%;\n    max-width: 245px;\n}\n.stepper__footer-buttons .go-back {\n    width: 100%;\n    max-width: 120px;\n}\n.stepper__total-distribution {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n@media screen and (max-width: 992px) {\n.stepper__total-distribution {\n      flex-direction: column-reverse;\n      align-items: flex-end;\n}\n}\n.stepper__total-distribution-group {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding-right: 20px;\n    margin-bottom: 9px;\n}\n@media screen and (max-width: 992px) {\n.stepper__total-distribution-group {\n        width: 100%;\n        margin-bottom: 16px;\n        padding-right: 12px;\n        justify-content: space-between;\n}\n}\n.stepper__total-distribution-group span {\n      color: #18181a;\n      font-size: 12px;\n      font-weight: 600;\n      line-height: normal;\n}\n.stepper__total-distribution-input {\n    margin: 0;\n    height: 30px;\n}\n.stepper__total-distribution-input .number-container.small {\n      margin: 0;\n}\n.stepper__total-distribution-input input {\n      width: 108px;\n      height: 28px !important;\n      text-align: center;\n      margin: 0;\n}\n@media screen and (max-width: 992px) {\n.stepper__total-distribution-rate {\n      width: 100%;\n}\n}\n.plan-explanation--title {\n  font-size: 18px !important;\n  font-weight: bold !important;\n  color: #4CAF50;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  margin-right: auto !important;\n}\n.plan-explanation--new-contract {\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: normal;\n  letter-spacing: normal;\n  color: #090d0d !important;\n  margin: 20px 0 !important;\n  display: block;\n}\n.plan-explanation__icon {\n  display: flex;\n  margin-right: 10px;\n}\n.plan-explanation .close-modal {\n  max-width: 185px;\n  margin: 10px auto 0;\n}\n.plan-explanation .modal {\n  padding: 16px 16px 0;\n  overflow: hidden;\n}\n.plan-explanation .modal .modal-header {\n    padding-bottom: 16px;\n    margin-bottom: 20px;\n}\n.plan-explanation__list {\n  margin-bottom: 16px;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list {\n      max-height: 420px;\n      overflow-y: scroll;\n}\n}\n.plan-explanation__list thead {\n    display: none;\n    visibility: hidden;\n}\n.plan-explanation__list tbody tr {\n    display: grid;\n    grid-template-columns: 265px 1fr;\n    align-items: center;\n    gap: 101px;\n    border-bottom: solid 1px #ecedef;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr {\n        font-size: 12px;\n}\n}\n.plan-explanation__list tbody tr td {\n      display: flex;\n      align-items: center;\n      border: none !important;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr td:nth-child(even) {\n          background-color: transparent !important;\n}\n}\n.plan-explanation__list tbody tr td:first-child {\n        text-align: left;\n        padding-left: 28px;\n        font-weight: 600;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr td:first-child {\n            max-width: 110px;\n}\n}\n.plan-explanation__list tbody tr td:last-child {\n      padding-right: 20px;\n}\n.plan-explanation__list tbody tr:nth-child(4) td:last-child {\n    display: flex;\n    align-items: center;\n    height: 55px;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr:nth-child(4) td:last-child {\n        display: flex !important;\n        justify-content: flex-end;\n        height: 78px;\n        align-items: center;\n}\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr:nth-child(4) td:last-child div {\n        max-width: 60px;\n}\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr:nth-child(4) td:first-child span {\n      min-width: 185px;\n}\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__list tbody tr:nth-child(1) td:first-child .plan-explanation__item > span, .plan-explanation__list tbody tr:nth-child(2) td:first-child .plan-explanation__item > span, .plan-explanation__list tbody tr:nth-child(3) td:first-child .plan-explanation__item > span {\n      display: flex;\n      flex-direction: column;\n}\n}\n.plan-explanation__item span {\n  width: 265px;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__item span {\n      min-width: 144px;\n}\n}\n.plan-explanation__item--subtitle {\n  font-weight: 400;\n  font-size: 12px;\n}\n.input-field {\n  position: relative;\n}\n.input-field .error-text {\n    position: absolute;\n    background-position-y: top;\n}\n.plan-explanations {\n  display: flex;\n  justify-content: flex-end;\n  color: #41807a;\n  font-size: 12px;\n  font-weight: 600;\n  text-decoration: underline;\n  background: transparent;\n  cursor: pointer;\n}\n@media screen and (max-width: 992px) {\n.plan-explanations {\n      width: 100%;\n      justify-content: flex-start;\n      margin-bottom: 14px;\n}\n}\n.reset-distribution {\n  padding-right: 20px;\n  margin-bottom: 4px;\n}\n@media screen and (max-width: 992px) {\n.reset-distribution {\n      width: 110px;\n      display: block;\n      position: absolute;\n      bottom: 75px;\n      right: 0;\n      padding-right: 13px;\n      text-align: right;\n}\n}\n", ""]);
 // Exports
 module.exports = exports;
 
@@ -3846,7 +3861,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! ../../../assets/imag
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".loading-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat center center rgba(255, 255, 255, 0.5);\n  z-index: 9999;\n}\n.buy-online {\n  position: relative;\n}\n.buy-online__content {\n    width: 100%;\n    max-width: 580px;\n    margin: 40px auto 20px;\n}\n@media screen and (max-width: 992px) {\n.buy-online__content {\n        margin-bottom: 10px;\n}\n}\n.buy-online__content.full-width {\n      max-width: 100%;\n}\n.buy-online__content.step-2 {\n      max-width: 655px;\n}\n.buy-online .stepper-container {\n    margin-bottom: 64px;\n}\n.buy-online .stepper-container .stepper {\n      max-width: 520px;\n}\n.buy-online .operation-steps {\n    position: relative;\n}\n.buy-online .operation-steps .step-getway-container {\n      max-width: 100%;\n}\n.buy-online .operation-steps .step-getway-container .getway-item {\n        width: 10%;\n}\n@media screen and (max-width: 992px) {\n.buy-online .operation-steps .step-getway-container .getway-item {\n            width: 25%;\n}\n.buy-online .operation-steps .step-getway-container .getway-item p {\n              font-size: 12px;\n}\n.buy-online .operation-steps .step-getway-container .getway-item .status-icon-container {\n              font-size: 12px;\n}\n}\n.fw-500 {\n  font-weight: 500;\n}\n.plan-explanation__item {\n  display: flex;\n  flex-direction: column;\n}\n.plan-explanation__item-button {\n    margin-bottom: 20px;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__item-button {\n        max-width: 100%;\n        line-height: 42px;\n}\n}\n.card.buy-online-card {\n  padding: 20px 0;\n}\n", ""]);
+exports.push([module.i, ".loading-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat center center rgba(255, 255, 255, 0.5);\n  z-index: 9999;\n}\n.buy-online {\n  position: relative;\n}\n.buy-online__content {\n    width: 100%;\n    max-width: 580px;\n    margin: 40px auto 20px;\n}\n@media screen and (max-width: 992px) {\n.buy-online__content {\n        margin-bottom: 10px;\n}\n}\n.buy-online__content.full-width {\n      max-width: 100%;\n}\n.buy-online__content.step-2 {\n      max-width: 655px;\n}\n.buy-online .stepper-container {\n    margin-bottom: 64px;\n}\n.buy-online .stepper-container .stepper {\n      max-width: 520px;\n}\n.buy-online .operation-steps {\n    position: relative;\n}\n.buy-online .operation-steps .step-getway-container {\n      max-width: 100%;\n}\n.buy-online .operation-steps .step-getway-container .getway-item {\n        width: 10%;\n}\n@media screen and (max-width: 992px) {\n.buy-online .operation-steps .step-getway-container .getway-item {\n            width: 25%;\n}\n.buy-online .operation-steps .step-getway-container .getway-item p {\n              font-size: 12px;\n}\n.buy-online .operation-steps .step-getway-container .getway-item .status-icon-container {\n              font-size: 12px;\n}\n}\n.fw-500 {\n  font-weight: 500;\n}\n.plan-explanation__item {\n  display: flex;\n  flex-direction: column;\n}\n.plan-explanation__item-button {\n    margin-bottom: 20px;\n}\n@media screen and (max-width: 992px) {\n.plan-explanation__item-button {\n        max-width: 100%;\n        line-height: 42px;\n}\n}\n.plan-explanation .modal {\n  padding: 0;\n}\n.plan-explanation .modal .modal-header {\n    padding: 16px;\n}\n.plan-explanation .modal .modal-body {\n    padding: 0 16px;\n}\n.card.buy-online-card {\n  padding: 20px 0;\n}\n", ""]);
 // Exports
 module.exports = exports;