osmanli-veri-dagitim 2.1.40-dev → 2.1.42-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3627,7 +3627,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3627
3627
|
/*! no static exports found */
|
|
3628
3628
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3629
3629
|
|
|
3630
|
-
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, \".card-container .card-item-wrapper[data-v-7d998794] {\\n max-width: 275px;\\n}\\n.card-container .card[data-v-7d998794] {\\n border-radius: var(--radius-first);\\n border: solid 1px var(--color-primary-tint-second);\\n min-height: 288px;\\n min-width: 275px;\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n box-shadow: 0px 0px 3px #d6d6d8;\\n cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n margin-top: 20px;\\n width: 100%;\\n display: flex;\\n place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n padding-top: 10px;\\n font-size: 14px;\\n max-width: 70%;\\n margin: 0 auto;\\n}\\n.card-container .name[data-v-7d998794] {\\n margin-bottom: 58px;\\n color: var(--grayscale-120);\\n font-size: 14px;\\n font-weight: normal;\\n padding: 0px 10px;\\n}\\n.card-container .description[data-v-7d998794] {\\n color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n margin-bottom: 20px;\\n text-align: center;\\n padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n width: 100%;\\n background: var(--color-primary-active);\\n height: 32px;\\n font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.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");
|
|
3630
|
+
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, \".card-container .card-item-wrapper[data-v-7d998794] {\\n max-width: 275px;\\n}\\n.card-container .card[data-v-7d998794] {\\n border-radius: var(--radius-first);\\n border: solid 1px var(--color-primary-tint-second);\\n min-height: 288px;\\n min-width: 275px;\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n box-shadow: 0px 0px 3px #d6d6d8;\\n cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n margin-top: 20px;\\n width: 100%;\\n display: flex;\\n place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n padding-top: 10px;\\n font-size: 14px;\\n max-width: 70%;\\n margin: 0 auto;\\n font-weight: bold;\\n}\\n.card-container .name[data-v-7d998794] {\\n margin-bottom: 58px;\\n color: var(--grayscale-120);\\n font-size: 14px;\\n font-weight: normal;\\n padding: 0px 10px;\\n}\\n.card-container .description[data-v-7d998794] {\\n color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n margin-bottom: 20px;\\n text-align: center;\\n padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n width: 100%;\\n background: var(--color-primary-active);\\n height: 32px;\\n font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.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");
|
|
3631
3631
|
|
|
3632
3632
|
/***/ }),
|
|
3633
3633
|
|
|
@@ -3704,7 +3704,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3704
3704
|
/*! no static exports found */
|
|
3705
3705
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3706
3706
|
|
|
3707
|
-
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}\\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}\\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}\\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 font-size: 14px;\\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]: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@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");
|
|
3707
|
+
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}\\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]: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@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");
|
|
3708
3708
|
|
|
3709
3709
|
/***/ }),
|
|
3710
3710
|
|
|
@@ -3715,7 +3715,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3715
3715
|
/*! no static exports found */
|
|
3716
3716
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3717
3717
|
|
|
3718
|
-
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, \".data-request-item[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\n flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n flex: 0.5;\\n display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\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.data-request-item__top .left .section .tag[data-v-7df43477] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: 26px;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\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.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\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.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10.25px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n .data-request-item__middle .right[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\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-7df43477 0.5s infinite;\\n animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\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-7df43477 {\\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.data-request-item__middle .left .item span[data-v-7df43477],\\n .data-request-item__middle .right .item span[data-v-7df43477] {\\n color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n .data-request-item__middle .right .item strong[data-v-7df43477] {\\n font-size: 12px;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\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.data-request-item__bottom .toggle[data-v-7df43477] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n padding: 21px 20px;\\n flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n margin-right: 10px;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\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.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n font-size: 14px;\\n text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\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.data-request-item__price__text[data-v-7df43477] {\\n font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::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.data-request-item__price[data-v-7df43477] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n position: relative;\\n bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\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/DataRequestItem.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");
|
|
3718
|
+
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, \".data-request-item[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\n flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n flex: 0.5;\\n display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\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.data-request-item__top .left .section .tag[data-v-7df43477] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: 26px;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\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.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\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.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10.25px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n .data-request-item__middle .right[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\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-7df43477 0.5s infinite;\\n animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\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-7df43477 {\\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.data-request-item__middle .left .item span[data-v-7df43477],\\n .data-request-item__middle .right .item span[data-v-7df43477] {\\n color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n .data-request-item__middle .right .item strong[data-v-7df43477] {\\n font-size: 12px;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\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.data-request-item__bottom .toggle[data-v-7df43477] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n padding: 21px 20px;\\n flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\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.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\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.data-request-item__price__text[data-v-7df43477] {\\n font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::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.data-request-item__price[data-v-7df43477] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n position: relative;\\n bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\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/DataRequestItem.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");
|
|
3719
3719
|
|
|
3720
3720
|
/***/ }),
|
|
3721
3721
|
|
|
@@ -3836,7 +3836,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3836
3836
|
/*! no static exports found */
|
|
3837
3837
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3838
3838
|
|
|
3839
|
-
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, \".VueCarousel {\\n padding-top: 20px;\\n}\\n.VueCarousel-wrapper {\\n padding-bottom: 10px;\\n}\\n.VueCarousel-dot-container {\\n margin-top: 0 !important;\\n}\\n.VueCarousel-dot {\\n margin-top: 10px !important;\\n padding: 5px !important;\\n}\\n.VueCarousel-dot:focus {\\n outline: none !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.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");
|
|
3839
|
+
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, \".VueCarousel {\\n padding-top: 20px;\\n}\\n.VueCarousel-wrapper {\\n padding-bottom: 10px;\\n min-height: 160px;\\n}\\n.VueCarousel-dot-container {\\n margin-top: 0 !important;\\n}\\n.VueCarousel-dot {\\n margin-top: 10px !important;\\n padding: 5px !important;\\n}\\n.VueCarousel-dot:focus {\\n outline: none !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.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");
|
|
3840
3840
|
|
|
3841
3841
|
/***/ }),
|
|
3842
3842
|
|
|
@@ -3636,7 +3636,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3636
3636
|
/*! no static exports found */
|
|
3637
3637
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3638
3638
|
|
|
3639
|
-
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, \".card-container .card-item-wrapper[data-v-7d998794] {\\n max-width: 275px;\\n}\\n.card-container .card[data-v-7d998794] {\\n border-radius: var(--radius-first);\\n border: solid 1px var(--color-primary-tint-second);\\n min-height: 288px;\\n min-width: 275px;\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n box-shadow: 0px 0px 3px #d6d6d8;\\n cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n margin-top: 20px;\\n width: 100%;\\n display: flex;\\n place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n padding-top: 10px;\\n font-size: 14px;\\n max-width: 70%;\\n margin: 0 auto;\\n}\\n.card-container .name[data-v-7d998794] {\\n margin-bottom: 58px;\\n color: var(--grayscale-120);\\n font-size: 14px;\\n font-weight: normal;\\n padding: 0px 10px;\\n}\\n.card-container .description[data-v-7d998794] {\\n color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n margin-bottom: 20px;\\n text-align: center;\\n padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n width: 100%;\\n background: var(--color-primary-active);\\n height: 32px;\\n font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.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");
|
|
3639
|
+
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, \".card-container .card-item-wrapper[data-v-7d998794] {\\n max-width: 275px;\\n}\\n.card-container .card[data-v-7d998794] {\\n border-radius: var(--radius-first);\\n border: solid 1px var(--color-primary-tint-second);\\n min-height: 288px;\\n min-width: 275px;\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n box-shadow: 0px 0px 3px #d6d6d8;\\n cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n margin-top: 20px;\\n width: 100%;\\n display: flex;\\n place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n padding-top: 10px;\\n font-size: 14px;\\n max-width: 70%;\\n margin: 0 auto;\\n font-weight: bold;\\n}\\n.card-container .name[data-v-7d998794] {\\n margin-bottom: 58px;\\n color: var(--grayscale-120);\\n font-size: 14px;\\n font-weight: normal;\\n padding: 0px 10px;\\n}\\n.card-container .description[data-v-7d998794] {\\n color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n margin-bottom: 20px;\\n text-align: center;\\n padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n width: 100%;\\n background: var(--color-primary-active);\\n height: 32px;\\n font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.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");
|
|
3640
3640
|
|
|
3641
3641
|
/***/ }),
|
|
3642
3642
|
|
|
@@ -3713,7 +3713,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3713
3713
|
/*! no static exports found */
|
|
3714
3714
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3715
3715
|
|
|
3716
|
-
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}\\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}\\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}\\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 font-size: 14px;\\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]: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@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");
|
|
3716
|
+
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}\\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]: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@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");
|
|
3717
3717
|
|
|
3718
3718
|
/***/ }),
|
|
3719
3719
|
|
|
@@ -3724,7 +3724,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3724
3724
|
/*! no static exports found */
|
|
3725
3725
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3726
3726
|
|
|
3727
|
-
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, \".data-request-item[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\n flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n flex: 0.5;\\n display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\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.data-request-item__top .left .section .tag[data-v-7df43477] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: 26px;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\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.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\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.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10.25px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n .data-request-item__middle .right[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\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-7df43477 0.5s infinite;\\n animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\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-7df43477 {\\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.data-request-item__middle .left .item span[data-v-7df43477],\\n .data-request-item__middle .right .item span[data-v-7df43477] {\\n color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n .data-request-item__middle .right .item strong[data-v-7df43477] {\\n font-size: 12px;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\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.data-request-item__bottom .toggle[data-v-7df43477] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n padding: 21px 20px;\\n flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n margin-right: 10px;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\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.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n font-size: 14px;\\n text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\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.data-request-item__price__text[data-v-7df43477] {\\n font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::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.data-request-item__price[data-v-7df43477] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n position: relative;\\n bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\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/DataRequestItem.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");
|
|
3727
|
+
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, \".data-request-item[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\n flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n flex: 0.5;\\n display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\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.data-request-item__top .left .section .tag[data-v-7df43477] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: 26px;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\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.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\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.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10.25px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n .data-request-item__middle .right[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\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-7df43477 0.5s infinite;\\n animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\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-7df43477 {\\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.data-request-item__middle .left .item span[data-v-7df43477],\\n .data-request-item__middle .right .item span[data-v-7df43477] {\\n color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n .data-request-item__middle .right .item strong[data-v-7df43477] {\\n font-size: 12px;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\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.data-request-item__bottom .toggle[data-v-7df43477] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n padding: 21px 20px;\\n flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\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.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\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.data-request-item__price__text[data-v-7df43477] {\\n font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::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.data-request-item__price[data-v-7df43477] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n position: relative;\\n bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\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/DataRequestItem.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");
|
|
3728
3728
|
|
|
3729
3729
|
/***/ }),
|
|
3730
3730
|
|
|
@@ -3845,7 +3845,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3845
3845
|
/*! no static exports found */
|
|
3846
3846
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3847
3847
|
|
|
3848
|
-
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, \".VueCarousel {\\n padding-top: 20px;\\n}\\n.VueCarousel-wrapper {\\n padding-bottom: 10px;\\n}\\n.VueCarousel-dot-container {\\n margin-top: 0 !important;\\n}\\n.VueCarousel-dot {\\n margin-top: 10px !important;\\n padding: 5px !important;\\n}\\n.VueCarousel-dot:focus {\\n outline: none !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.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");
|
|
3848
|
+
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, \".VueCarousel {\\n padding-top: 20px;\\n}\\n.VueCarousel-wrapper {\\n padding-bottom: 10px;\\n min-height: 160px;\\n}\\n.VueCarousel-dot-container {\\n margin-top: 0 !important;\\n}\\n.VueCarousel-dot {\\n margin-top: 10px !important;\\n padding: 5px !important;\\n}\\n.VueCarousel-dot:focus {\\n outline: none !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.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");
|
|
3849
3849
|
|
|
3850
3850
|
/***/ }),
|
|
3851
3851
|
|
|
@@ -3636,7 +3636,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3636
3636
|
/*! no static exports found */
|
|
3637
3637
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3638
3638
|
|
|
3639
|
-
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, \".card-container .card-item-wrapper[data-v-7d998794] {\\n max-width: 275px;\\n}\\n.card-container .card[data-v-7d998794] {\\n border-radius: var(--radius-first);\\n border: solid 1px var(--color-primary-tint-second);\\n min-height: 288px;\\n min-width: 275px;\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n box-shadow: 0px 0px 3px #d6d6d8;\\n cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n margin-top: 20px;\\n width: 100%;\\n display: flex;\\n place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n padding-top: 10px;\\n font-size: 14px;\\n max-width: 70%;\\n margin: 0 auto;\\n}\\n.card-container .name[data-v-7d998794] {\\n margin-bottom: 58px;\\n color: var(--grayscale-120);\\n font-size: 14px;\\n font-weight: normal;\\n padding: 0px 10px;\\n}\\n.card-container .description[data-v-7d998794] {\\n color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n margin-bottom: 20px;\\n text-align: center;\\n padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n width: 100%;\\n background: var(--color-primary-active);\\n height: 32px;\\n font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.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");
|
|
3639
|
+
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, \".card-container .card-item-wrapper[data-v-7d998794] {\\n max-width: 275px;\\n}\\n.card-container .card[data-v-7d998794] {\\n border-radius: var(--radius-first);\\n border: solid 1px var(--color-primary-tint-second);\\n min-height: 288px;\\n min-width: 275px;\\n display: flex;\\n flex-direction: column;\\n justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n box-shadow: 0px 0px 3px #d6d6d8;\\n cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n margin-top: 20px;\\n width: 100%;\\n display: flex;\\n place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n padding-top: 10px;\\n font-size: 14px;\\n max-width: 70%;\\n margin: 0 auto;\\n font-weight: bold;\\n}\\n.card-container .name[data-v-7d998794] {\\n margin-bottom: 58px;\\n color: var(--grayscale-120);\\n font-size: 14px;\\n font-weight: normal;\\n padding: 0px 10px;\\n}\\n.card-container .description[data-v-7d998794] {\\n color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n margin-bottom: 20px;\\n text-align: center;\\n padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n width: 100%;\\n background: var(--color-primary-active);\\n height: 32px;\\n font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.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");
|
|
3640
3640
|
|
|
3641
3641
|
/***/ }),
|
|
3642
3642
|
|
|
@@ -3713,7 +3713,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3713
3713
|
/*! no static exports found */
|
|
3714
3714
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3715
3715
|
|
|
3716
|
-
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}\\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}\\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}\\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 font-size: 14px;\\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]: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@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");
|
|
3716
|
+
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}\\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]: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@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");
|
|
3717
3717
|
|
|
3718
3718
|
/***/ }),
|
|
3719
3719
|
|
|
@@ -3724,7 +3724,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3724
3724
|
/*! no static exports found */
|
|
3725
3725
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3726
3726
|
|
|
3727
|
-
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, \".data-request-item[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\n flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n flex: 0.5;\\n display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\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.data-request-item__top .left .section .tag[data-v-7df43477] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: 26px;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\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.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\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.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10.25px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n .data-request-item__middle .right[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\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-7df43477 0.5s infinite;\\n animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\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-7df43477 {\\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.data-request-item__middle .left .item span[data-v-7df43477],\\n .data-request-item__middle .right .item span[data-v-7df43477] {\\n color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n .data-request-item__middle .right .item strong[data-v-7df43477] {\\n font-size: 12px;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\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.data-request-item__bottom .toggle[data-v-7df43477] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n padding: 21px 20px;\\n flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n margin-right: 10px;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\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.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n font-size: 14px;\\n text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\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.data-request-item__price__text[data-v-7df43477] {\\n font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::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.data-request-item__price[data-v-7df43477] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n position: relative;\\n bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\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/DataRequestItem.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");
|
|
3727
|
+
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, \".data-request-item[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\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.data-request-item__top[data-v-7df43477] {\\n flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n font-size: 14px;\\n color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n flex: 0.5;\\n display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n margin-right: 10px;\\n align-items: center;\\n justify-content: center;\\n display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n flex-direction: column;\\n align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\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.data-request-item__top .left .section .tag[data-v-7df43477] {\\n margin-bottom: 5px;\\n padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 12px;\\n text-overflow: ellipsis;\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-width: 47px;\\n display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n width: 42px;\\n margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n flex-direction: row;\\n align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n flex-direction: column;\\n align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n font-weight: 500;\\n line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n display: flex;\\n justify-content: flex-end;\\n align-items: center;\\n flex: 1;\\n gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n align-items: flex-start;\\n flex: 0;\\n margin-left: 30px;\\n min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n margin-left: 0px;\\n margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n flex-wrap: wrap;\\n justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: 26px;\\n color: var(--color-primary-black-metallic);\\n font-size: 12px !important;\\n font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n color: var(--grayscale-120);\\n display: flex;\\n justify-content: center;\\n font-size: 12px;\\n font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n transform: scale(0.7);\\n margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\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.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n margin-left: 5px;\\n color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\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.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n padding: 7px 15px;\\n text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n visibility: visible;\\n opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10.25px 20px;\\n display: flex;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n padding: 10px 0px;\\n flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n .data-request-item__middle .right[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\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-7df43477 0.5s infinite;\\n animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\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-7df43477 {\\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.data-request-item__middle .left .item span[data-v-7df43477],\\n .data-request-item__middle .right .item span[data-v-7df43477] {\\n color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n .data-request-item__middle .right .item strong[data-v-7df43477] {\\n font-size: 12px;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding-top: 10px;\\n flex-wrap: wrap;\\n justify-content: center;\\n margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n padding: 0px;\\n justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n width: 100%;\\n text-align: center;\\n flex-flow: unset;\\n flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n display: flex;\\n gap: 3px;\\n font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n display: block;\\n width: 100%;\\n text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n width: 100%;\\n flex-wrap: wrap;\\n justify-content: center;\\n flex-direction: column;\\n margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\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.data-request-item__bottom .toggle[data-v-7df43477] {\\n transform: rotate(180deg);\\n transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n transform: rotate(0deg);\\n transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n padding: 21px 20px;\\n flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n margin-right: 10px;\\n font-weight: bold;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n width: 1px;\\n height: 22px;\\n display: inline-block;\\n margin: 0px 10px;\\n background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n align-items: center;\\n cursor: pointer;\\n padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\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.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n display: table-cell;\\n box-sizing: border-box;\\n color: var(--color-primary-black-metallic);\\n border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n display: inline-block;\\n margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n color: var(--grayscale-120);\\n text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n padding: 10px 5px;\\n vertical-align: middle;\\n font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n display: table-row-group;\\n background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\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.data-request-item__price__text[data-v-7df43477] {\\n font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::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.data-request-item__price[data-v-7df43477] {\\n margin-right: 0px;\\n padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n color: var(--color-primary-black-metallic);\\n font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n font-weight: 600;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n color: var(--color-primary-active) !important;\\n margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n color: var(--color-warning) !important;\\n margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n position: relative;\\n bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n margin: 5px;\\n cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n background-color: var(--color-warning);\\n color: var(--grayscale-0);\\n width: 180px;\\n font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n display: flex;\\n align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n margin-right: 30px;\\n width: 96px;\\n height: 140px;\\n -o-object-fit: contain;\\n object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n margin: 5px 0;\\n font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\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/DataRequestItem.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");
|
|
3728
3728
|
|
|
3729
3729
|
/***/ }),
|
|
3730
3730
|
|
|
@@ -3845,7 +3845,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
3845
3845
|
/*! no static exports found */
|
|
3846
3846
|
/***/ (function(module, exports, __webpack_require__) {
|
|
3847
3847
|
|
|
3848
|
-
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, \".VueCarousel {\\n padding-top: 20px;\\n}\\n.VueCarousel-wrapper {\\n padding-bottom: 10px;\\n}\\n.VueCarousel-dot-container {\\n margin-top: 0 !important;\\n}\\n.VueCarousel-dot {\\n margin-top: 10px !important;\\n padding: 5px !important;\\n}\\n.VueCarousel-dot:focus {\\n outline: none !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.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");
|
|
3848
|
+
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, \".VueCarousel {\\n padding-top: 20px;\\n}\\n.VueCarousel-wrapper {\\n padding-bottom: 10px;\\n min-height: 160px;\\n}\\n.VueCarousel-dot-container {\\n margin-top: 0 !important;\\n}\\n.VueCarousel-dot {\\n margin-top: 10px !important;\\n padding: 5px !important;\\n}\\n.VueCarousel-dot:focus {\\n outline: none !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.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");
|
|
3849
3849
|
|
|
3850
3850
|
/***/ }),
|
|
3851
3851
|
|