/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/shared/UI/fileUpload.vue?vue&type=style&index=0&id=8be62db2&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.fileUpload[data-v-8be62db2] {
  border-radius: 3px;
  border: 1px dashed #dedede;
  background: var(--linear, linear-gradient(180deg, #fefefe 0%, #f6f6f6 100%));
  padding: 30px;
}
.fileUpload[data-v-8be62db2] * {
  cursor: pointer;
}
.fileUpload .filePreview[data-v-8be62db2] {
  display: flex;
  justify-content: center;
  word-break: break-all;
  align-items: center;
}
.fileUpload .filePreview .file[data-v-8be62db2] {
  position: relative;
  width: 50%;
  border: 1px dashed #dedede;
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.fileUpload .filePreview .file__delete[data-v-8be62db2] {
  position: absolute;
  top: 10px;
  right: 10px;
}
.fileUpload .filePreview .file__name[data-v-8be62db2] {
  margin-top: auto;
  margin-bottom: 10px;
  padding: 15px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/widgets/importSteps/uploadStep.vue?vue&type=style&index=0&id=5eacb293&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.uploadStep .insertFile[data-v-5eacb293] {
  width: 100%;
  height: auto;
  border-radius: 3px;
  border: 1px dashed #dedede;
  background: var(--linear, linear-gradient(180deg, #fefefe 0%, #f6f6f6 100%));
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: grab;
}
.uploadStep .insertFile__plug[data-v-5eacb293] {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 14px;
  padding: 30px;
}
.uploadStep .insertFile__plug .plug__icon[data-v-5eacb293] {
  width: 24px;
  height: 24px;
}
.uploadStep .insertFile__plug .plug__title[data-v-5eacb293] {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}
.uploadStep .insertFile__plug .plug__desc[data-v-5eacb293] {
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity));
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/tableEditeble.vue?vue&type=style&index=0&id=9783e9ce&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
table[data-v-9783e9ce] * {
  box-sizing: border-box;
}
table td[data-v-9783e9ce] {
  margin: 0;
  font-size: 14px;
  max-height: 46px !important;
}
.edit-table-tr[data-v-9783e9ce] {
  cursor: pointer;
}
.edit-table-tr[data-v-9783e9ce]:hover {
  background: #E4F8F0 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}
.tableEditeble[data-v-9783e9ce] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/entities/tableFromFile.vue?vue&type=style&index=0&id=6a52447f&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
table td[data-v-6a52447f] {
  margin: 0;
  font-size: 14px;
  max-height: 46px !important;
}
.edit-table-tr[data-v-6a52447f] {
  cursor: pointer;
}
.edit-table-tr[data-v-6a52447f]:hover {
  background: #E4F8F0 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}
.tableFromFile[data-v-6a52447f] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/widgets/importSteps/fieldStep.vue?vue&type=style&index=0&id=31c386b0&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.draggable-table[data-v-31c386b0],
.tableWithData[data-v-31c386b0] {
  width: 100%;
  border-collapse: collapse;
}
.select-col[data-v-31c386b0] {
  width: 300px;
}
.loadingScreen[data-v-31c386b0] {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.loadingScreen__content[data-v-31c386b0] {
  width: 100%;
  height: auto;
  border-radius: 3px;
  border: 1px solid #dedede;
  basetckground: var(--linear, linear-gradient(180deg, #fefefe 0%, #f6f6f6 100%));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  margin-bottom: 30px;
}
.loadingScreen__title[data-v-31c386b0] {
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 14px;
}
.loadingScreen__text[data-v-31c386b0] {
  font-size: 12px;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity));
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/shared/UI/modalLayout.vue?vue&type=style&index=0&id=704a8f1d&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalWindow[data-v-704a8f1d] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}
.modalWindow.open[data-v-704a8f1d] {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease-in-out;
}
.modalWindow__wrapper[data-v-704a8f1d] {
  position: relative;
  width: 760px;
  height: 80vh;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: scroll;
}
.modalWindow__title[data-v-704a8f1d] {
  font-size: 28px;
  line-height: 100%;
}
.modalWindow__close[data-v-704a8f1d] {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
}
.modalWindow__close svg[data-v-704a8f1d] {
  width: 100%;
  height: 100%;
}
.warning_msg[data-v-704a8f1d] {
  background-color: #f2dede;
  border: 1px solid #ebcccc;
  border-radius: 4px;
  color: #a94442;
  padding: 10px 20px 12px;
  margin-bottom: 30px;
  font-size: 16px;
  font-family: "Lato";
  line-height: 1.5;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Loader.vue?vue&type=style&index=0&id=04a0d67a&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.linear-loader-container[data-v-04a0d67a] {
  width: 100%;
  height: 10px;
  background-color: #f3f3f3;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.linear-loader-container .linear-loader[data-v-04a0d67a] {
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #3498db 25%, #f3f3f3 50%, #3498db 75%);
  background-size: 200% 100%;
  animation: loading-04a0d67a 1s linear infinite;
}
@keyframes loading-04a0d67a {
0% {
    background-position: 100% 0;
}
100% {
    background-position: -100% 0;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/widgets/steps.vue?vue&type=style&index=0&id=18adb93e&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.steps[data-v-18adb93e] {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.steps__item[data-v-18adb93e] {
  width: auto;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.steps__item .item__number[data-v-18adb93e] {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 243 / var(--tw-bg-opacity));
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(117 117 117 / var(--tw-border-opacity));
}
.steps__item .item__text[data-v-18adb93e] {
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity));
}
.steps__item.active .item__number[data-v-18adb93e] {
  --tw-border-opacity: 1;
  border-color: rgb(58 142 250 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(58 142 250 / var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.steps__item.active .item__text[data-v-18adb93e] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  font-weight: 400;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/pages/ImportHomes.vue?vue&type=style&index=0&id=0a71774a&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.importHome[data-v-0a71774a] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  overflow-y: scroll;
}
.importHome__title[data-v-0a71774a] {
  font-size: 32px;
  margin-bottom: 30px;
}
.cancel-loading[data-v-0a71774a] {
  height: 50px;
  background-color: rgb(255, 208, 208);
  align-content: center;
  margin-bottom: 20px;
  padding-left: 30px;
  border: 1px solid red;
  font-weight: 800;
  border-radius: 5px;
}
[data-v-0a71774a] .p-message-text {
  display: block;
  width: 100%;
}