osmanli-veri-dagitim 2.1.71-dev → 2.1.72-dev

package/dist/OsmanliPackage.common.js

@@ -1714,7 +1714,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Tümü\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Tümü\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Tümü\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Tümü\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3704,7 +3704,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n  padding: 20px;\\n  background: var(--grayscale-0);\\n  padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n    width: 100%;\\n    min-width: 850px;\\n    border: 1px solid var(--grayscale-30);\\n    background-color: var(--grayscale-0);\\n    margin-bottom: 0px;\\n    box-sizing: border-box;\\n    padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n      display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n      transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n      font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n        font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n      margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n      border-bottom: 1px solid var(--grayscale-30);\\n      padding-bottom: 20px;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n        margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n        width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n        display: flex;\\n        flex: 0.8;\\n        justify-content: space-between;\\n        text-align: center;\\n        font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n            flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        font-size: 13px;\\n        color: var(--grayscale-50);\\n        cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n          margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n          transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n      display: none;\\n      flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n        width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n        position: relative;\\n        padding: 15px 0;\\n        border-bottom: 1px solid var(--grayscale-30);\\n        display: flex;\\n        justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n          width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n            display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n          display: flex;\\n          flex: 0.8;\\n          text-align: center;\\n          font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n            display: flex;\\n            align-items: center;\\n            flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n            margin-left: auto;\\n            margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n              flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n        justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n          max-width: 120px;\\n          height: 25px;\\n          font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: space-between;\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n          background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n  border: 1px solid var(--color-primary-tint-second);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n    justify-content: space-between;\\n    display: flex;\\n    padding: 16px 20px;\\n    border-bottom: solid 1px var(--grayscale-30);\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n        flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n      font-size: 14px;\\n      color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n      flex: 1;\\n      display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n        flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n        flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n        margin-right: 10px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n          width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n          background: var(--grayscale-20);\\n          padding: 4px 5px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n              overflow: hidden;\\n              text-overflow: ellipsis;\\n              max-width: 47px;\\n              display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n                font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n              width: 42px;\\n              margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n            margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n          font-weight: 500;\\n          line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n      display: flex;\\n      justify-content: flex-end;\\n      align-items: center;\\n      flex: 1;\\n      gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n        align-items: flex-start;\\n        flex: 0;\\n        margin-left: 30px;\\n        min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n            margin-left: 0px;\\n            margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          flex-wrap: wrap;\\n          justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n        text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n          line-height: normal;\\n          color: var(--color-primary-black-metallic);\\n          font-size: 12px !important;\\n          font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n              line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n          color: var(--grayscale-120);\\n          display: flex;\\n          justify-content: center;\\n          font-size: 12px;\\n          font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n            transform: scale(0.7);\\n            margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n        padding: 0px;\\n        width: auto;\\n        font-size: 14px;\\n        text-align: center;\\n        cursor: pointer;\\n        font-weight: 500;\\n        position: relative;\\n        display: flex;\\n        flex: 1;\\n        align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n          margin-left: 5px;\\n          color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n          visibility: hidden;\\n          opacity: 0;\\n          position: absolute;\\n          width: 165px;\\n          right: 0;\\n          top: 20px;\\n          background-color: #fff;\\n          border-radius: var(--radius-first);\\n          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n          z-index: 1;\\n          padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n            padding: 7px 15px;\\n            text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n              background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n              font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n          visibility: visible;\\n          opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n    padding: 12.5px 20px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        padding: 10px 0px;\\n        flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n    .invoice-item__middle .right[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n      .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n        filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n        transition: all 1s ease-in;\\n        -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n        animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n      .invoice-item__middle .right .item span[data-v-1f680715] {\\n        color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n      .invoice-item__middle .right .item strong[data-v-1f680715] {\\n        font-size: 12px;\\n        font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding-top: 10px;\\n          flex-wrap: wrap;\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding: 0px;\\n          justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n            width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n              width: 100%;\\n              text-align: center;\\n              flex-flow: unset;\\n              flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n        display: flex;\\n        gap: 3px;\\n        font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n            display: block;\\n            width: 100%;\\n            text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n          margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n        width: 100%;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        flex-direction: column;\\n        margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-140);\\n    font-size: 12px;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n      transform: rotate(180deg);\\n      transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n        transform: rotate(0deg);\\n        transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n      padding: 18px 20px;\\n      flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n          margin-right: 10px;\\n          font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n              display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n          width: 1px;\\n          height: 22px;\\n          display: inline-block;\\n          margin: 0px 10px;\\n          background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n      align-items: center;\\n      cursor: pointer;\\n      padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n      width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n        position: relative;\\n        display: table;\\n        width: 100%;\\n        border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n          padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n          display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n            font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n            background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n            display: none;\\n            background-color: var(--color-primary-tint);\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: normal;\\n            position: sticky;\\n            top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n                position: sticky;\\n                top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n              display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n                text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n            display: table-cell;\\n            box-sizing: border-box;\\n            color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n              display: inline-block;\\n              margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n              width: 125px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n              width: 140px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n              width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n              color: var(--grayscale-120);\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n              font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n                padding: 10px 5px;\\n                vertical-align: middle;\\n                font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n          display: table-row-group;\\n          background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n          transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n          justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n          transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n    font-size: 12px;\\n    margin-right: 20px;\\n    padding-right: 20px;\\n    color: var(--color-primary-black-metallic);\\n    font-weight: 600;\\n    position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n      font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n      content: \\\"\\\";\\n      display: block;\\n      width: 1px;\\n      height: 22px;\\n      background: var(--color-primary-tint-second);\\n      position: absolute;\\n      right: 0px;\\n      top: 50%;\\n      transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n        margin-right: 0px;\\n        padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n    color: var(--color-primary-black-metallic);\\n    font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n      font-weight: 600;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n      color: var(--color-primary-active) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n      color: var(--color-warning) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n  padding: 20px;\\n  background: var(--grayscale-0);\\n  padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n    width: 100%;\\n    min-width: 850px;\\n    border: 1px solid var(--grayscale-30);\\n    background-color: var(--grayscale-0);\\n    margin-bottom: 0px;\\n    box-sizing: border-box;\\n    padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n      display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n      transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n      font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n        font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n      margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n      border-bottom: 1px solid var(--grayscale-30);\\n      padding-bottom: 20px;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n        margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n        width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n        display: flex;\\n        flex: 0.8;\\n        justify-content: space-between;\\n        text-align: center;\\n        font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n            flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        font-size: 13px;\\n        color: var(--grayscale-50);\\n        cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n          margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n          transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n      display: none;\\n      flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n        width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n        position: relative;\\n        padding: 15px 0;\\n        border-bottom: 1px solid var(--grayscale-30);\\n        display: flex;\\n        justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n          width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n            display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n          display: flex;\\n          flex: 0.8;\\n          text-align: center;\\n          font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n            display: flex;\\n            align-items: center;\\n            flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n            margin-left: auto;\\n            margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n              flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n        justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n          max-width: 120px;\\n          height: 25px;\\n          font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: space-between;\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n          background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n  border: 1px solid var(--color-primary-tint-second);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n    justify-content: space-between;\\n    display: flex;\\n    padding: 16px 20px;\\n    border-bottom: solid 1px var(--grayscale-30);\\n    flex-wrap: wrap;\\n    gap: 50px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n        flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n      font-size: 14px;\\n      color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n      flex: 1;\\n      display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n        flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n        flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n        margin-right: 10px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n          width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n          background: var(--grayscale-20);\\n          padding: 4px 5px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n              overflow: hidden;\\n              text-overflow: ellipsis;\\n              max-width: 47px;\\n              display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n                font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n              width: 42px;\\n              margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n            margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n          font-weight: 500;\\n          line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n      display: flex;\\n      justify-content: flex-end;\\n      align-items: center;\\n      flex: 1;\\n      gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n        align-items: flex-start;\\n        flex: 0;\\n        margin-left: 30px;\\n        min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n            margin-left: 0px;\\n            margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          flex-wrap: wrap;\\n          justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n        text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n          line-height: normal;\\n          color: var(--color-primary-black-metallic);\\n          font-size: 12px !important;\\n          font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n              line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n          color: var(--grayscale-120);\\n          display: flex;\\n          justify-content: center;\\n          font-size: 12px;\\n          font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n            transform: scale(0.7);\\n            margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n        padding: 0px;\\n        width: auto;\\n        font-size: 14px;\\n        text-align: center;\\n        cursor: pointer;\\n        font-weight: 500;\\n        position: relative;\\n        display: flex;\\n        flex: 1;\\n        align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n          margin-left: 5px;\\n          color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n          visibility: hidden;\\n          opacity: 0;\\n          position: absolute;\\n          width: 165px;\\n          right: 0;\\n          top: 20px;\\n          background-color: #fff;\\n          border-radius: var(--radius-first);\\n          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n          z-index: 1;\\n          padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n            padding: 7px 15px;\\n            text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n              background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n              font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n          visibility: visible;\\n          opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n    padding: 12.5px 20px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        padding: 10px 0px;\\n        flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n    .invoice-item__middle .right[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n      .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n        filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n        transition: all 1s ease-in;\\n        -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n        animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n      .invoice-item__middle .right .item span[data-v-1f680715] {\\n        color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n      .invoice-item__middle .right .item strong[data-v-1f680715] {\\n        font-size: 12px;\\n        font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding-top: 10px;\\n          flex-wrap: wrap;\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding: 0px;\\n          justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n            width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n              width: 100%;\\n              text-align: center;\\n              flex-flow: unset;\\n              flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n        display: flex;\\n        gap: 3px;\\n        font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n            display: block;\\n            width: 100%;\\n            text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n          margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n        width: 100%;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        flex-direction: column;\\n        margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-140);\\n    font-size: 12px;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n      transform: rotate(180deg);\\n      transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n        transform: rotate(0deg);\\n        transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n      padding: 18px 20px;\\n      flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n          margin-right: 10px;\\n          font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n              display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n          width: 1px;\\n          height: 22px;\\n          display: inline-block;\\n          margin: 0px 10px;\\n          background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n      align-items: center;\\n      cursor: pointer;\\n      padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n      width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n        position: relative;\\n        display: table;\\n        width: 100%;\\n        border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n          padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n          display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n            font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n            background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n            display: none;\\n            background-color: var(--color-primary-tint);\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: normal;\\n            position: sticky;\\n            top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n                position: sticky;\\n                top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n              display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n                text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n            display: table-cell;\\n            box-sizing: border-box;\\n            color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n              display: inline-block;\\n              margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n              width: 125px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n              width: 140px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n              width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n              color: var(--grayscale-120);\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n              font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n                padding: 10px 5px;\\n                vertical-align: middle;\\n                font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n          display: table-row-group;\\n          background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n          transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n          justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n          transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n    font-size: 12px;\\n    margin-right: 20px;\\n    padding-right: 20px;\\n    color: var(--color-primary-black-metallic);\\n    font-weight: 600;\\n    position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n      font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n      content: \\\"\\\";\\n      display: block;\\n      width: 1px;\\n      height: 22px;\\n      background: var(--color-primary-tint-second);\\n      position: absolute;\\n      right: 0px;\\n      top: 50%;\\n      transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n        margin-right: 0px;\\n        padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n    color: var(--color-primary-black-metallic);\\n    font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n      font-weight: 600;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n      color: var(--color-primary-active) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n      color: var(--color-warning) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3803,7 +3803,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 10px;\\n}\\n.osm-vd .popup-right .start-date-select .form-control-label {\\n  display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 20px;\\n}\\n.osm-vd .popup-right .start-date-select .form-control-label {\\n  display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3825,7 +3825,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n  width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 10px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n  width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 20px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -1723,7 +1723,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Tümü\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Tümü\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Tümü\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Tümü\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3713,7 +3713,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n  padding: 20px;\\n  background: var(--grayscale-0);\\n  padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n    width: 100%;\\n    min-width: 850px;\\n    border: 1px solid var(--grayscale-30);\\n    background-color: var(--grayscale-0);\\n    margin-bottom: 0px;\\n    box-sizing: border-box;\\n    padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n      display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n      transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n      font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n        font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n      margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n      border-bottom: 1px solid var(--grayscale-30);\\n      padding-bottom: 20px;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n        margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n        width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n        display: flex;\\n        flex: 0.8;\\n        justify-content: space-between;\\n        text-align: center;\\n        font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n            flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        font-size: 13px;\\n        color: var(--grayscale-50);\\n        cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n          margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n          transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n      display: none;\\n      flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n        width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n        position: relative;\\n        padding: 15px 0;\\n        border-bottom: 1px solid var(--grayscale-30);\\n        display: flex;\\n        justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n          width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n            display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n          display: flex;\\n          flex: 0.8;\\n          text-align: center;\\n          font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n            display: flex;\\n            align-items: center;\\n            flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n            margin-left: auto;\\n            margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n              flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n        justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n          max-width: 120px;\\n          height: 25px;\\n          font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: space-between;\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n          background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n  border: 1px solid var(--color-primary-tint-second);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n    justify-content: space-between;\\n    display: flex;\\n    padding: 16px 20px;\\n    border-bottom: solid 1px var(--grayscale-30);\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n        flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n      font-size: 14px;\\n      color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n      flex: 1;\\n      display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n        flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n        flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n        margin-right: 10px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n          width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n          background: var(--grayscale-20);\\n          padding: 4px 5px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n              overflow: hidden;\\n              text-overflow: ellipsis;\\n              max-width: 47px;\\n              display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n                font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n              width: 42px;\\n              margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n            margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n          font-weight: 500;\\n          line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n      display: flex;\\n      justify-content: flex-end;\\n      align-items: center;\\n      flex: 1;\\n      gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n        align-items: flex-start;\\n        flex: 0;\\n        margin-left: 30px;\\n        min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n            margin-left: 0px;\\n            margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          flex-wrap: wrap;\\n          justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n        text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n          line-height: normal;\\n          color: var(--color-primary-black-metallic);\\n          font-size: 12px !important;\\n          font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n              line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n          color: var(--grayscale-120);\\n          display: flex;\\n          justify-content: center;\\n          font-size: 12px;\\n          font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n            transform: scale(0.7);\\n            margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n        padding: 0px;\\n        width: auto;\\n        font-size: 14px;\\n        text-align: center;\\n        cursor: pointer;\\n        font-weight: 500;\\n        position: relative;\\n        display: flex;\\n        flex: 1;\\n        align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n          margin-left: 5px;\\n          color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n          visibility: hidden;\\n          opacity: 0;\\n          position: absolute;\\n          width: 165px;\\n          right: 0;\\n          top: 20px;\\n          background-color: #fff;\\n          border-radius: var(--radius-first);\\n          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n          z-index: 1;\\n          padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n            padding: 7px 15px;\\n            text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n              background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n              font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n          visibility: visible;\\n          opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n    padding: 12.5px 20px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        padding: 10px 0px;\\n        flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n    .invoice-item__middle .right[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n      .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n        filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n        transition: all 1s ease-in;\\n        -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n        animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n      .invoice-item__middle .right .item span[data-v-1f680715] {\\n        color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n      .invoice-item__middle .right .item strong[data-v-1f680715] {\\n        font-size: 12px;\\n        font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding-top: 10px;\\n          flex-wrap: wrap;\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding: 0px;\\n          justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n            width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n              width: 100%;\\n              text-align: center;\\n              flex-flow: unset;\\n              flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n        display: flex;\\n        gap: 3px;\\n        font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n            display: block;\\n            width: 100%;\\n            text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n          margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n        width: 100%;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        flex-direction: column;\\n        margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-140);\\n    font-size: 12px;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n      transform: rotate(180deg);\\n      transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n        transform: rotate(0deg);\\n        transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n      padding: 18px 20px;\\n      flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n          margin-right: 10px;\\n          font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n              display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n          width: 1px;\\n          height: 22px;\\n          display: inline-block;\\n          margin: 0px 10px;\\n          background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n      align-items: center;\\n      cursor: pointer;\\n      padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n      width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n        position: relative;\\n        display: table;\\n        width: 100%;\\n        border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n          padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n          display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n            font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n            background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n            display: none;\\n            background-color: var(--color-primary-tint);\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: normal;\\n            position: sticky;\\n            top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n                position: sticky;\\n                top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n              display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n                text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n            display: table-cell;\\n            box-sizing: border-box;\\n            color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n              display: inline-block;\\n              margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n              width: 125px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n              width: 140px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n              width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n              color: var(--grayscale-120);\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n              font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n                padding: 10px 5px;\\n                vertical-align: middle;\\n                font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n          display: table-row-group;\\n          background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n          transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n          justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n          transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n    font-size: 12px;\\n    margin-right: 20px;\\n    padding-right: 20px;\\n    color: var(--color-primary-black-metallic);\\n    font-weight: 600;\\n    position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n      font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n      content: \\\"\\\";\\n      display: block;\\n      width: 1px;\\n      height: 22px;\\n      background: var(--color-primary-tint-second);\\n      position: absolute;\\n      right: 0px;\\n      top: 50%;\\n      transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n        margin-right: 0px;\\n        padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n    color: var(--color-primary-black-metallic);\\n    font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n      font-weight: 600;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n      color: var(--color-primary-active) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n      color: var(--color-warning) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n  padding: 20px;\\n  background: var(--grayscale-0);\\n  padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n    width: 100%;\\n    min-width: 850px;\\n    border: 1px solid var(--grayscale-30);\\n    background-color: var(--grayscale-0);\\n    margin-bottom: 0px;\\n    box-sizing: border-box;\\n    padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n      display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n      transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n      font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n        font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n      margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n      border-bottom: 1px solid var(--grayscale-30);\\n      padding-bottom: 20px;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n        margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n        width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n        display: flex;\\n        flex: 0.8;\\n        justify-content: space-between;\\n        text-align: center;\\n        font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n            flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        font-size: 13px;\\n        color: var(--grayscale-50);\\n        cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n          margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n          transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n      display: none;\\n      flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n        width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n        position: relative;\\n        padding: 15px 0;\\n        border-bottom: 1px solid var(--grayscale-30);\\n        display: flex;\\n        justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n          width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n            display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n          display: flex;\\n          flex: 0.8;\\n          text-align: center;\\n          font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n            display: flex;\\n            align-items: center;\\n            flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n            margin-left: auto;\\n            margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n              flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n        justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n          max-width: 120px;\\n          height: 25px;\\n          font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: space-between;\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n          background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n  border: 1px solid var(--color-primary-tint-second);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n    justify-content: space-between;\\n    display: flex;\\n    padding: 16px 20px;\\n    border-bottom: solid 1px var(--grayscale-30);\\n    flex-wrap: wrap;\\n    gap: 50px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n        flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n      font-size: 14px;\\n      color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n      flex: 1;\\n      display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n        flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n        flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n        margin-right: 10px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n          width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n          background: var(--grayscale-20);\\n          padding: 4px 5px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n              overflow: hidden;\\n              text-overflow: ellipsis;\\n              max-width: 47px;\\n              display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n                font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n              width: 42px;\\n              margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n            margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n          font-weight: 500;\\n          line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n      display: flex;\\n      justify-content: flex-end;\\n      align-items: center;\\n      flex: 1;\\n      gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n        align-items: flex-start;\\n        flex: 0;\\n        margin-left: 30px;\\n        min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n            margin-left: 0px;\\n            margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          flex-wrap: wrap;\\n          justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n        text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n          line-height: normal;\\n          color: var(--color-primary-black-metallic);\\n          font-size: 12px !important;\\n          font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n              line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n          color: var(--grayscale-120);\\n          display: flex;\\n          justify-content: center;\\n          font-size: 12px;\\n          font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n            transform: scale(0.7);\\n            margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n        padding: 0px;\\n        width: auto;\\n        font-size: 14px;\\n        text-align: center;\\n        cursor: pointer;\\n        font-weight: 500;\\n        position: relative;\\n        display: flex;\\n        flex: 1;\\n        align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n          margin-left: 5px;\\n          color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n          visibility: hidden;\\n          opacity: 0;\\n          position: absolute;\\n          width: 165px;\\n          right: 0;\\n          top: 20px;\\n          background-color: #fff;\\n          border-radius: var(--radius-first);\\n          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n          z-index: 1;\\n          padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n            padding: 7px 15px;\\n            text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n              background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n              font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n          visibility: visible;\\n          opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n    padding: 12.5px 20px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        padding: 10px 0px;\\n        flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n    .invoice-item__middle .right[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n      .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n        filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n        transition: all 1s ease-in;\\n        -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n        animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n      .invoice-item__middle .right .item span[data-v-1f680715] {\\n        color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n      .invoice-item__middle .right .item strong[data-v-1f680715] {\\n        font-size: 12px;\\n        font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding-top: 10px;\\n          flex-wrap: wrap;\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding: 0px;\\n          justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n            width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n              width: 100%;\\n              text-align: center;\\n              flex-flow: unset;\\n              flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n        display: flex;\\n        gap: 3px;\\n        font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n            display: block;\\n            width: 100%;\\n            text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n          margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n        width: 100%;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        flex-direction: column;\\n        margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-140);\\n    font-size: 12px;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n      transform: rotate(180deg);\\n      transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n        transform: rotate(0deg);\\n        transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n      padding: 18px 20px;\\n      flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n          margin-right: 10px;\\n          font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n              display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n          width: 1px;\\n          height: 22px;\\n          display: inline-block;\\n          margin: 0px 10px;\\n          background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n      align-items: center;\\n      cursor: pointer;\\n      padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n      width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n        position: relative;\\n        display: table;\\n        width: 100%;\\n        border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n          padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n          display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n            font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n            background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n            display: none;\\n            background-color: var(--color-primary-tint);\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: normal;\\n            position: sticky;\\n            top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n                position: sticky;\\n                top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n              display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n                text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n            display: table-cell;\\n            box-sizing: border-box;\\n            color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n              display: inline-block;\\n              margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n              width: 125px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n              width: 140px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n              width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n              color: var(--grayscale-120);\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n              font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n                padding: 10px 5px;\\n                vertical-align: middle;\\n                font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n          display: table-row-group;\\n          background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n          transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n          justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n          transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n    font-size: 12px;\\n    margin-right: 20px;\\n    padding-right: 20px;\\n    color: var(--color-primary-black-metallic);\\n    font-weight: 600;\\n    position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n      font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n      content: \\\"\\\";\\n      display: block;\\n      width: 1px;\\n      height: 22px;\\n      background: var(--color-primary-tint-second);\\n      position: absolute;\\n      right: 0px;\\n      top: 50%;\\n      transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n        margin-right: 0px;\\n        padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n    color: var(--color-primary-black-metallic);\\n    font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n      font-weight: 600;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n      color: var(--color-primary-active) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n      color: var(--color-warning) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3812,7 +3812,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 10px;\\n}\\n.osm-vd .popup-right .start-date-select .form-control-label {\\n  display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 20px;\\n}\\n.osm-vd .popup-right .start-date-select .form-control-label {\\n  display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3834,7 +3834,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n  width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 10px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n  width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 20px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -1723,7 +1723,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Tümü\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Tümü\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Tümü\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Tümü\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3713,7 +3713,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n  padding: 20px;\\n  background: var(--grayscale-0);\\n  padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n    width: 100%;\\n    min-width: 850px;\\n    border: 1px solid var(--grayscale-30);\\n    background-color: var(--grayscale-0);\\n    margin-bottom: 0px;\\n    box-sizing: border-box;\\n    padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n      display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n      transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n      font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n        font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n      margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n      border-bottom: 1px solid var(--grayscale-30);\\n      padding-bottom: 20px;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n        margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n        width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n        display: flex;\\n        flex: 0.8;\\n        justify-content: space-between;\\n        text-align: center;\\n        font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n            flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        font-size: 13px;\\n        color: var(--grayscale-50);\\n        cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n          margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n          transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n      display: none;\\n      flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n        width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n        position: relative;\\n        padding: 15px 0;\\n        border-bottom: 1px solid var(--grayscale-30);\\n        display: flex;\\n        justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n          width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n            display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n          display: flex;\\n          flex: 0.8;\\n          text-align: center;\\n          font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n            display: flex;\\n            align-items: center;\\n            flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n            margin-left: auto;\\n            margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n              flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n        justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n          max-width: 120px;\\n          height: 25px;\\n          font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: space-between;\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n          background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n  border: 1px solid var(--color-primary-tint-second);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n    justify-content: space-between;\\n    display: flex;\\n    padding: 16px 20px;\\n    border-bottom: solid 1px var(--grayscale-30);\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n        flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n      font-size: 14px;\\n      color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n      flex: 1;\\n      display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n        flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n        flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n        margin-right: 10px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n          width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n          background: var(--grayscale-20);\\n          padding: 4px 5px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n              overflow: hidden;\\n              text-overflow: ellipsis;\\n              max-width: 47px;\\n              display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n                font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n              width: 42px;\\n              margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n            margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n          font-weight: 500;\\n          line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n      display: flex;\\n      justify-content: flex-end;\\n      align-items: center;\\n      flex: 1;\\n      gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n        align-items: flex-start;\\n        flex: 0;\\n        margin-left: 30px;\\n        min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n            margin-left: 0px;\\n            margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          flex-wrap: wrap;\\n          justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n        text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n          line-height: normal;\\n          color: var(--color-primary-black-metallic);\\n          font-size: 12px !important;\\n          font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n              line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n          color: var(--grayscale-120);\\n          display: flex;\\n          justify-content: center;\\n          font-size: 12px;\\n          font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n            transform: scale(0.7);\\n            margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n        padding: 0px;\\n        width: auto;\\n        font-size: 14px;\\n        text-align: center;\\n        cursor: pointer;\\n        font-weight: 500;\\n        position: relative;\\n        display: flex;\\n        flex: 1;\\n        align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n          margin-left: 5px;\\n          color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n          visibility: hidden;\\n          opacity: 0;\\n          position: absolute;\\n          width: 165px;\\n          right: 0;\\n          top: 20px;\\n          background-color: #fff;\\n          border-radius: var(--radius-first);\\n          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n          z-index: 1;\\n          padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n            padding: 7px 15px;\\n            text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n              background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n              font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n          visibility: visible;\\n          opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n    padding: 12.5px 20px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        padding: 10px 0px;\\n        flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n    .invoice-item__middle .right[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n      .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n        filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n        transition: all 1s ease-in;\\n        -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n        animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n      .invoice-item__middle .right .item span[data-v-1f680715] {\\n        color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n      .invoice-item__middle .right .item strong[data-v-1f680715] {\\n        font-size: 12px;\\n        font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding-top: 10px;\\n          flex-wrap: wrap;\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding: 0px;\\n          justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n            width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n              width: 100%;\\n              text-align: center;\\n              flex-flow: unset;\\n              flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n        display: flex;\\n        gap: 3px;\\n        font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n            display: block;\\n            width: 100%;\\n            text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n          margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n        width: 100%;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        flex-direction: column;\\n        margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-140);\\n    font-size: 12px;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n      transform: rotate(180deg);\\n      transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n        transform: rotate(0deg);\\n        transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n      padding: 18px 20px;\\n      flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n          margin-right: 10px;\\n          font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n              display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n          width: 1px;\\n          height: 22px;\\n          display: inline-block;\\n          margin: 0px 10px;\\n          background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n      align-items: center;\\n      cursor: pointer;\\n      padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n      width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n        position: relative;\\n        display: table;\\n        width: 100%;\\n        border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n          padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n          display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n            font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n            background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n            display: none;\\n            background-color: var(--color-primary-tint);\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: normal;\\n            position: sticky;\\n            top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n                position: sticky;\\n                top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n              display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n                text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n            display: table-cell;\\n            box-sizing: border-box;\\n            color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n              display: inline-block;\\n              margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n              width: 125px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n              width: 140px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n              width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n              color: var(--grayscale-120);\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n              font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n                padding: 10px 5px;\\n                vertical-align: middle;\\n                font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n          display: table-row-group;\\n          background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n          transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n          justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n          transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n    font-size: 12px;\\n    margin-right: 20px;\\n    padding-right: 20px;\\n    color: var(--color-primary-black-metallic);\\n    font-weight: 600;\\n    position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n      font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n      content: \\\"\\\";\\n      display: block;\\n      width: 1px;\\n      height: 22px;\\n      background: var(--color-primary-tint-second);\\n      position: absolute;\\n      right: 0px;\\n      top: 50%;\\n      transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n        margin-right: 0px;\\n        padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n    color: var(--color-primary-black-metallic);\\n    font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n      font-weight: 600;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n      color: var(--color-primary-active) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n      color: var(--color-warning) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".invoice-item-container[data-v-1f680715] {\\n  padding: 20px;\\n  background: var(--grayscale-0);\\n  padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n    width: 100%;\\n    min-width: 850px;\\n    border: 1px solid var(--grayscale-30);\\n    background-color: var(--grayscale-0);\\n    margin-bottom: 0px;\\n    box-sizing: border-box;\\n    padding-bottom: 0px;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n      display: flex;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n      transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n      font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n        font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item-group[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n      margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n      border-bottom: 1px solid var(--grayscale-30);\\n      padding-bottom: 20px;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n        margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n        width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n        display: flex;\\n        flex: 0.8;\\n        justify-content: space-between;\\n        text-align: center;\\n        font-size: 13px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n            flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        font-size: 13px;\\n        color: var(--grayscale-50);\\n        cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n          margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n          transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n      display: none;\\n      flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle .w-100[data-v-1f680715] {\\n        width: 100%;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n        position: relative;\\n        padding: 15px 0;\\n        border-bottom: 1px solid var(--grayscale-30);\\n        display: flex;\\n        justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area[data-v-1f680715] {\\n          width: 165px;\\n}\\n.invoice-item-container .invoice-item__middle__row__left_area span[data-v-1f680715] {\\n            display: block;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n          display: flex;\\n          flex: 0.8;\\n          text-align: center;\\n          font-size: 13px;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__detail[data-v-1f680715] {\\n            display: flex;\\n            align-items: center;\\n            flex-direction: column;\\n}\\n.invoice-item-container .invoice-item__middle__row__right_area__total[data-v-1f680715] {\\n            margin-left: auto;\\n            margin-right: 0px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__middle__row__right_area[data-v-1f680715] {\\n              flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons[data-v-1f680715] {\\n        justify-content: flex-end;\\n}\\n.invoice-item-container .invoice-item__bottom.buttons .set-buttons[data-v-1f680715] {\\n          max-width: 120px;\\n          height: 25px;\\n          font-size: 8pt;\\n}\\n.invoice-item-container .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item-container .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item-container .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: space-between;\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item-container .cancel-modal .modal-bottom .base-button.back[data-v-1f680715] {\\n          background-color: var(--color-warning);\\n}\\n.invoice-item-container .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        text-align: center;\\n}\\n.invoice-item-container .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item-container .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n.invoice-item[data-v-1f680715] {\\n  border: 1px solid var(--color-primary-tint-second);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n}\\n.invoice-item__top[data-v-1f680715] {\\n    justify-content: space-between;\\n    display: flex;\\n    padding: 16px 20px;\\n    border-bottom: solid 1px var(--grayscale-30);\\n    flex-wrap: wrap;\\n    gap: 50px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top[data-v-1f680715] {\\n        flex-direction: column;\\n}\\n}\\n.invoice-item__top span[data-v-1f680715] {\\n      font-size: 14px;\\n      color: var(--grayscale-70);\\n}\\n.invoice-item__top .left[data-v-1f680715] {\\n      flex: 1;\\n      display: flex;\\n}\\n.invoice-item__top .left.flex-04[data-v-1f680715] {\\n        flex: 0.4;\\n}\\n.invoice-item__top .left.flex-09[data-v-1f680715] {\\n        flex: 0.9;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .left[data-v-1f680715] {\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n.invoice-item__top .left .section[data-v-1f680715] {\\n        margin-right: 10px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section[data-v-1f680715] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.invoice-item__top .left .section.section-main[data-v-1f680715] {\\n            align-self: center;\\n}\\n}\\n.invoice-item__top .left .section img[data-v-1f680715] {\\n          width: 80px;\\n}\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n          background: var(--grayscale-20);\\n          padding: 4px 5px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n}\\n@media (max-width: 941px) {\\n.invoice-item__top .left .section .tag[data-v-1f680715] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.invoice-item__top .left .section .tag .text .marketName[data-v-1f680715] {\\n              overflow: hidden;\\n              text-overflow: ellipsis;\\n              max-width: 47px;\\n              display: block;\\n}\\n@media (max-width: 400px) {\\n.invoice-item__top .left .section .tag .text[data-v-1f680715] {\\n                font-size: 10px !important;\\n}\\n}\\n.invoice-item__top .left .section .tag .text .icon[data-v-1f680715] {\\n              width: 42px;\\n              margin-right: -17px;\\n}\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .left .section-2[data-v-1f680715] {\\n            margin-top: 11px;\\n}\\n}\\n.invoice-item__top .left .section-1[data-v-1f680715] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.invoice-item__top .left .section-1 h5[data-v-1f680715] {\\n          font-weight: 500;\\n          line-height: 25px;\\n}\\n.invoice-item__top .right[data-v-1f680715] {\\n      display: flex;\\n      justify-content: flex-end;\\n      align-items: center;\\n      flex: 1;\\n      gap: 55px;\\n}\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n        align-items: flex-start;\\n        flex: 0;\\n        margin-left: 30px;\\n        min-width: 36px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right.for-button[data-v-1f680715] {\\n            margin-left: 0px;\\n            margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__top .right[data-v-1f680715] {\\n          flex-wrap: wrap;\\n          justify-content: center;\\n}\\n}\\n.invoice-item__top .right .col[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n        text-align: center;\\n}\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n          line-height: normal;\\n          color: var(--color-primary-black-metallic);\\n          font-size: 12px !important;\\n          font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.invoice-item__top .right .col h6[data-v-1f680715] {\\n              line-height: normal;\\n}\\n}\\n.invoice-item__top .right .col span[data-v-1f680715] {\\n          color: var(--grayscale-120);\\n          display: flex;\\n          justify-content: center;\\n          font-size: 12px;\\n          font-weight: 400;\\n}\\n.invoice-item__top .right .col span .tooltip svg[data-v-1f680715] {\\n            transform: scale(0.7);\\n            margin-top: -5px;\\n}\\n.invoice-item__top .right .button-area[data-v-1f680715] {\\n        padding: 0px;\\n        width: auto;\\n        font-size: 14px;\\n        text-align: center;\\n        cursor: pointer;\\n        font-weight: 500;\\n        position: relative;\\n        display: flex;\\n        flex: 1;\\n        align-items: center;\\n}\\n.invoice-item__top .right .button-area.d-none[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__top .right .button-area .text[data-v-1f680715] {\\n          margin-left: 5px;\\n          color: var(--color-primary-default);\\n}\\n.invoice-item__top .right .button-area .dropdown[data-v-1f680715] {\\n          visibility: hidden;\\n          opacity: 0;\\n          position: absolute;\\n          width: 165px;\\n          right: 0;\\n          top: 20px;\\n          background-color: #fff;\\n          border-radius: var(--radius-first);\\n          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n          z-index: 1;\\n          padding: 7px 0;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715] {\\n            padding: 7px 15px;\\n            text-align: left;\\n}\\n.invoice-item__top .right .button-area .dropdown-item[data-v-1f680715]:hover {\\n              background: #e9e9eb;\\n}\\n.invoice-item__top .right .button-area .dropdown-item__text[data-v-1f680715] {\\n              font-size: 14px;\\n}\\n.invoice-item__top .right .button-area:hover .dropdown[data-v-1f680715] {\\n          visibility: visible;\\n          opacity: 1;\\n}\\n.invoice-item__middle[data-v-1f680715] {\\n    padding: 12.5px 20px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        padding: 10px 0px;\\n        flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.invoice-item__middle[data-v-1f680715] {\\n        justify-content: center;\\n}\\n}\\n.invoice-item__middle .left[data-v-1f680715],\\n    .invoice-item__middle .right[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n}\\n.invoice-item__middle .left .item.integration-warning svg[data-v-1f680715],\\n      .invoice-item__middle .right .item.integration-warning svg[data-v-1f680715] {\\n        filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n        transition: all 1s ease-in;\\n        -webkit-animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n        animation: rotateAnimation-data-v-1f680715 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-1f680715 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n.invoice-item__middle .left .item span[data-v-1f680715],\\n      .invoice-item__middle .right .item span[data-v-1f680715] {\\n        color: var(--grayscale-70);\\n}\\n.invoice-item__middle .left .item strong[data-v-1f680715],\\n      .invoice-item__middle .right .item strong[data-v-1f680715] {\\n        font-size: 12px;\\n        font-weight: bold;\\n}\\n.invoice-item__middle .left[data-v-1f680715] {\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center;\\n}\\n@media (max-width: 650px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding-top: 10px;\\n          flex-wrap: wrap;\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .left[data-v-1f680715] {\\n          padding: 0px;\\n          justify-content: center;\\n}\\n.invoice-item__middle .left.package-container[data-v-1f680715] {\\n            width: 100%;\\n}\\n.invoice-item__middle .left.package-container .item[data-v-1f680715] {\\n              width: 100%;\\n              text-align: center;\\n              flex-flow: unset;\\n              flex-wrap: wrap;\\n}\\n}\\n.invoice-item__middle .left .item[data-v-1f680715] {\\n        display: flex;\\n        gap: 3px;\\n        font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.invoice-item__middle .left .item[data-v-1f680715]:nth-child(2) {\\n            display: block;\\n            width: 100%;\\n            text-align: center;\\n}\\n}\\n.invoice-item__middle .left .item:nth-child(2) span[data-v-1f680715] {\\n          margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__middle .right[data-v-1f680715] {\\n        width: 100%;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        flex-direction: column;\\n        margin-bottom: 10px;\\n}\\n}\\n.invoice-item__bottom[data-v-1f680715] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-140);\\n    font-size: 12px;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n.invoice-item__bottom .toggle[data-v-1f680715] {\\n      transform: rotate(180deg);\\n      transition: 0.2s ease-in-out;\\n}\\n.invoice-item__bottom .toggle.active[data-v-1f680715] {\\n        transform: rotate(0deg);\\n        transition: 0.2s ease-in;\\n}\\n.invoice-item__bottom .left[data-v-1f680715] {\\n      padding: 18px 20px;\\n      flex: 0.99;\\n}\\n.invoice-item__bottom .left .item[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        flex-wrap: wrap;\\n}\\n.invoice-item__bottom .left .item strong[data-v-1f680715] {\\n          margin-right: 10px;\\n          font-weight: bold;\\n}\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom .left .item .items[data-v-1f680715] {\\n              display: none;\\n}\\n}\\n.invoice-item__bottom .left .item .seperator[data-v-1f680715] {\\n          width: 1px;\\n          height: 22px;\\n          display: inline-block;\\n          margin: 0px 10px;\\n          background: var(--grayscale-130);\\n}\\n.invoice-item__bottom .right[data-v-1f680715] {\\n      align-items: center;\\n      cursor: pointer;\\n      padding: 0px 20px;\\n}\\n.invoice-item__bottom__packages[data-v-1f680715] {\\n      width: 100%;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper[data-v-1f680715] {\\n        position: relative;\\n        display: table;\\n        width: 100%;\\n        border: 1px solid var(--color-primary-tint-second);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715], .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n          padding: 13px 20px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715] {\\n          display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.last[data-v-1f680715] {\\n            font-weight: 700;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row[data-v-1f680715]:nth-child(2n) {\\n            background: var(--color-primary-zebra);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n            display: none;\\n            background-color: var(--color-primary-tint);\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: normal;\\n            position: sticky;\\n            top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption[data-v-1f680715] {\\n                position: sticky;\\n                top: 0px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-1f680715] {\\n              display: table-row;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715] {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-1f680715]:first-child {\\n                text-align: left;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n            display: table-cell;\\n            box-sizing: border-box;\\n            color: var(--color-primary-black-metallic);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-1f680715] {\\n              display: inline-block;\\n              margin-left: 4px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(2) {\\n              width: 125px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(3) {\\n              width: 140px;\\n              padding: 13px 0px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:nth-child(4) {\\n              width: 106px;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715]:not(.caption):nth-child(4) {\\n              color: var(--grayscale-120);\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(2), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(3), .invoice-item__bottom__packages .accordion-wrapper__row__cell.caption[data-v-1f680715]:nth-child(4) {\\n              text-align: center;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell .screen-price[data-v-1f680715] {\\n              font-weight: 400 !important;\\n}\\n@media (max-width: 768px) {\\n.invoice-item__bottom__packages .accordion-wrapper__row__cell[data-v-1f680715] {\\n                padding: 10px 5px;\\n                vertical-align: middle;\\n                font-size: 11px;\\n}\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-1f680715] {\\n          display: table-row-group;\\n          background: var(--grayscale-0);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-1f680715] {\\n          transform: rotate(0deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-1f680715] {\\n          display: flex;\\n          align-items: center;\\n          justify-content: space-between;\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-1f680715] {\\n          transform: rotate(180deg);\\n}\\n.invoice-item__bottom__packages .accordion-wrapper .accordion-content[data-v-1f680715] {\\n          display: none;\\n}\\n.invoice-item__price[data-v-1f680715] {\\n    font-size: 12px;\\n    margin-right: 20px;\\n    padding-right: 20px;\\n    color: var(--color-primary-black-metallic);\\n    font-weight: 600;\\n    position: relative;\\n}\\n.invoice-item__price__text[data-v-1f680715] {\\n      font-weight: 400;\\n}\\n.invoice-item__price[data-v-1f680715]::after {\\n      content: \\\"\\\";\\n      display: block;\\n      width: 1px;\\n      height: 22px;\\n      background: var(--color-primary-tint-second);\\n      position: absolute;\\n      right: 0px;\\n      top: 50%;\\n      transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.invoice-item__price[data-v-1f680715] {\\n        margin-right: 0px;\\n        padding-right: 0px;\\n}\\n}\\n.invoice-item__status[data-v-1f680715] {\\n    color: var(--color-primary-black-metallic);\\n    font-size: 12px;\\n}\\n.invoice-item__status__stat.request[data-v-1f680715] {\\n      font-weight: 600;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.active[data-v-1f680715] {\\n      color: var(--color-primary-active) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item__status__stat.passive[data-v-1f680715] {\\n      color: var(--color-warning) !important;\\n      margin-left: 8px;\\n}\\n.invoice-item .cancel-modal[data-v-1f680715] {\\n    z-index: 9999;\\n}\\n.invoice-item .cancel-modal .infoArea[data-v-1f680715] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.invoice-item .cancel-modal .modal-heading[data-v-1f680715] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.invoice-item .cancel-modal .modal-heading .close[data-v-1f680715] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.invoice-item .cancel-modal .modal-bottom[data-v-1f680715] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-bottom .base-button[data-v-1f680715] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.invoice-item .cancel-modal .modal-body[data-v-1f680715] {\\n      padding: 15px 30px;\\n}\\n.invoice-item .cancel-modal .modal-body__top[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n}\\n.invoice-item .cancel-modal .modal-body__image .image[data-v-1f680715] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.invoice-item .cancel-modal .modal-body__info-platform[data-v-1f680715] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.invoice-item .cancel-modal .modal-body__info_price[data-v-1f680715] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3812,7 +3812,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 10px;\\n}\\n.osm-vd .popup-right .start-date-select .form-control-label {\\n  display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 20px;\\n}\\n.osm-vd .popup-right .start-date-select .form-control-label {\\n  display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3834,7 +3834,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n  width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 10px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".start-date-select {\\n  width: 100%;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  justify-content: space-between;\\n  min-width: auto;\\n  width: 270px;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n  padding: 0;\\n}\\n.osm-vd .popup-right .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  margin-right: 20px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osmanli-veri-dagitim",
-  "version": "2.1.71-dev",
+  "version": "2.1.72-dev",
   "main": "./dist/OsmanliPackage.umd.min.js?version=2.0.90",
   "files": [
     "dist"