.ui-registry-fixed-table {
  width: 100%;
  margin-bottom: 1rem;
}

.ui-registry-fixed-table .table .tr {
  min-height: 4rem;
  padding-left: 2rem;
  display: flex;
}

.ui-registry-fixed-table .table .tr .th {
  font-weight: bold;
}

.ui-registry-fixed-table .table .tr .th.sort {
  cursor: pointer;
  flex-direction: row;
  align-items: center !important;
}

.ui-registry-fixed-table .table .tr .th.sort:after {
  content: "";
  background: url("sort-arrow.6b425469.svg") 0 0 / cover;
  width: .5rem;
  height: .25rem;
  margin-left: 1rem;
  display: block;
}

.ui-registry-fixed-table .table .tr .th.sort.active {
  background: #231c55;
}

.ui-registry-fixed-table .table .tr .th.sort.active.up:after {
  content: "";
  background: url("sort-arrow.6b425469.svg") 0 0 / cover;
  width: .5rem;
  height: .25rem;
  margin-left: 1rem;
  display: block;
  transform: rotate(180deg);
}

.ui-registry-fixed-table .table .tr .th, .ui-registry-fixed-table .table .tr .td {
  word-break: normal;
  box-sizing: border-box;
  flex-flow: column wrap;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  padding: 1rem;
  display: flex;
}

.ui-registry-fixed-table .table .tr .th.align-left, .ui-registry-fixed-table .table .tr .td.align-left {
  align-items: flex-start;
}

.ui-registry-fixed-table .table .tr .th.align-right, .ui-registry-fixed-table .table .tr .td.align-right {
  align-items: flex-end;
}

.ui-registry-fixed-table .table .tr .th.edit, .ui-registry-fixed-table .table .tr .td.edit {
  width: 3.125rem;
}

.ui-registry-fixed-table .table .tr .td {
  justify-content: flex-start;
}

.ui-registry-fixed-table .table .tr .td.link {
  color: #506bfa;
  cursor: pointer;
}

.ui-registry-fixed-table .table .tr .td.red, .ui-registry-fixed-table .table .tr .td.accent {
  color: #ff3666;
}

.ui-registry-fixed-table .table .tr .td.green {
  color: #12b093;
}

.ui-registry-fixed-table .table .tr .td.pre {
  white-space: pre-wrap;
}

.ui-registry-fixed-table .table .tr .td span.block {
  display: block;
}

.ui-registry-fixed-table .table .tr .td span.block.primary {
  color: #0c325a;
}

.ui-registry-fixed-table .table .tr .td span.block.secondary {
  color: #556584;
}

.ui-registry-fixed-table .table .tr .td span.block.small {
  font-size: .75rem;
  line-height: 1rem;
}

.ui-registry-fixed-table .table .tr .td span.red, .ui-registry-fixed-table .table .tr .td span.accent {
  color: #ff3666;
}

.ui-registry-fixed-table .table .tr .td span.green {
  color: #12b093;
}

.ui-registry-fixed-table .table .tr .fix {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
}

.ui-registry-fixed-table .table .tr .fix:after {
  content: "";
  background: linear-gradient(90deg, #0c325a0f 0%, #0c325a00 100%);
  width: 7px;
  height: 100%;
  display: block;
}

.ui-registry-fixed-table .table .tr .scroll {
  display: flex;
  overflow-x: hidden;
}

.ui-registry-fixed-table .table .thead {
  z-index: 29;
  position: sticky;
  top: 0;
}

.ui-registry-fixed-table .table .thead .fix:after {
  background: #556584;
  width: 2px;
  margin-right: 5px;
}

.ui-registry-fixed-table .table .thead .tr {
  color: #fff;
  background: #2d265d;
}

.ui-registry-fixed-table .table .tbody .tr {
  color: #556584;
  border-bottom: 1px solid #e5eaf0;
}

.ui-registry-fixed-table .scroll-x-wrap {
  height: 10px;
  padding-left: 2rem;
  display: flex;
  position: sticky;
  bottom: 2px;
}

.ui-registry-fixed-table .scroll-x-wrap .left-pass {
  flex-shrink: 0;
}

.ui-registry-fixed-table .scroll-x-wrap .scroll-x-box {
  flex-shrink: 0;
  height: 100%;
  overflow-x: scroll;
}

.ui-registry-fixed-table .scroll-x-wrap .scroll-x-box .scroll-x-control {
  height: 1px;
}

.ui-registry-fixed-table ::-webkit-scrollbar-button {
  background-image: none;
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
}

.ui-registry-fixed-table ::-webkit-scrollbar-track {
  background-color: #fff;
  width: 8px;
  height: 8px;
}

.ui-registry-fixed-table ::-webkit-scrollbar-thumb {
  background-color: #98a7b6;
  border-radius: .5rem;
  width: 8px;
  height: 8px;
}

.ui-registry-fixed-table ::-webkit-scrollbar-thumb:hover {
  background-color: #98a7b6;
  width: 8px;
  height: 8px;
}

.ui-registry-fixed-table ::-webkit-resizer {
  background-image: none;
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
}

.ui-registry-fixed-table ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.ui-progress-bar {
  margin-bottom: 1rem;
}

.ui-progress-bar-header {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.ui-progress-bar-title {
  color: #0c325a;
  font-size: .875rem;
  font-weight: 500;
}

.ui-progress-bar-value {
  color: #98a7b6;
  font-size: .875rem;
  font-weight: 500;
}

.ui-progress-bar-subtitle {
  color: #98a7b6;
  margin-bottom: .5rem;
  font-size: .75rem;
}

.ui-progress-bar-track {
  background: #5565841a;
  border-radius: .25rem;
  height: .5rem;
  overflow: hidden;
}

.ui-progress-bar-fill {
  height: 100%;
  transition: width .3s ease-in-out;
}

.ui-button[data-v-916e9d] {
  position: relative;
}

.ui-button.stretch[data-v-916e9d] {
  width: 100%;
}

.ui-button > button[data-v-916e9d] {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background-color: #506bfa;
  border: none;
  border-radius: 2rem;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2rem;
  padding: 0 1rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.ui-button > button[data-v-916e9d]:hover {
  background: #506bfa linear-gradient(0deg, #0000001a, #0000001a);
}

.ui-button > button[data-v-916e9d]:active, .ui-button > button.active[data-v-916e9d] {
  background: #506bfa linear-gradient(0deg, #0003, #0003);
}

.ui-button > button.red[data-v-916e9d], .ui-button > button.pink[data-v-916e9d] {
  background-color: #ff3666;
}

.ui-button > button.red-white[data-v-916e9d] {
  color: #ff3666;
  background-color: #fff;
  border: 2px solid #ff3666;
}

.ui-button > button.blue-white[data-v-916e9d] {
  color: #506bfa;
  background-color: #fff;
  border: 2px solid #506bfa;
}

.ui-button > button.green[data-v-916e9d] {
  background-color: #12b093;
}

.ui-button > button.gray[data-v-916e9d] {
  background-color: #98a7b6;
}

.ui-button > button.dark-gray[data-v-916e9d] {
  background-color: #556584;
}

.ui-button > button.dark[data-v-916e9d] {
  background-color: #0c325a;
}

.ui-button > button.alt-accent[data-v-916e9d] {
  background-color: #506bfa;
}

.ui-button > button.cancel[data-v-916e9d] {
  background-color: #556584cc;
}

.ui-button > button.empty[data-v-916e9d], .ui-button > button.pagination[data-v-916e9d] {
  background: none;
}

.ui-button > button.light-blue[data-v-916e9d] {
  background: #9babff;
}

.ui-button > button.purple[data-v-916e9d] {
  background: #2d265d;
}

.ui-button > button.pagination[data-v-916e9d] {
  text-align: center;
  color: #556584;
  box-sizing: border-box;
  border: 1px solid #98a7b6b3;
  width: auto;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 .5rem;
  font-size: .875rem;
  line-height: 1rem;
}

.ui-button > button.pagination.active[data-v-916e9d] {
  color: #fff;
  background-color: #506bfa;
  border: none;
}

.ui-button > button > .icon[data-v-916e9d] {
  content: "";
  vertical-align: middle;
  max-width: 1.25rem;
  height: .9rem;
  margin-left: .625rem;
  display: inline-block;
}

.ui-button > button > .icon.icon-search[data-v-916e9d] {
  content: url("search.115d5421.svg");
}

.ui-button > button > .icon.icon-matrix[data-v-916e9d] {
  content: url("matrix.fcfc23b3.svg");
}

.ui-button > button > .icon.icon-close[data-v-916e9d] {
  content: url("close.714ce3b2.svg");
}

.ui-button > button > .icon.icon-trash[data-v-916e9d] {
  content: url("trash.2a51e80e.svg");
}

.ui-button > button > .icon.icon-success[data-v-916e9d] {
  content: url("success.15208123.png");
}

.ui-button > button > .icon.icon-refresh[data-v-916e9d] {
  content: url("refresh.ed782039.svg");
}

.ui-button > button > .icon.icon-plus[data-v-916e9d] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ui-button > button > .icon.icon-plus[data-v-916e9d]:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: .875rem;
  font-weight: 900;
}

.ui-button .title-container[data-v-916e9d] {
  z-index: 9999;
  background: #fff;
  border-radius: .25rem;
  max-width: 1000rem;
  margin-top: .2rem;
  padding: .7rem;
  display: none;
  position: absolute;
  right: 0;
  box-shadow: 0 10px 19px #0c325a29;
}

.ui-button .title-container[data-v-916e9d]:before {
  content: "";
  background: #fff;
  width: .7rem;
  height: .7rem;
  display: block;
  position: absolute;
  top: -.35rem;
  right: 1rem;
  transform: rotate(45deg);
}

.ui-button:hover .title-container[data-v-916e9d] {
  display: block;
}

.ui-dropdown[data-v-070aae] {
  width: 100%;
  position: relative;
}

.ui-dropdown .value[data-v-070aae] {
  justify-content: flex-start;
  display: flex;
}

.ui-dropdown .value i[data-v-070aae] {
  margin-left: .5rem;
}

.ui-dropdown .dropdown-body[data-v-070aae] {
  color: #fff;
  cursor: pointer;
  background: #506bfa;
  border: 1px solid #e5eaf0;
  border-radius: .25rem;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
  padding: .5rem .7rem .5rem 1rem;
  display: flex;
}

.ui-dropdown .dropdown-body[data-v-070aae]:hover {
  border-color: #98a7b6;
}

.ui-dropdown .dropdown-body[data-v-070aae]:after, .ui-dropdown .dropdown-body.light[data-v-070aae]:after {
  content: "";
  background: url("dropdown-arrow.97dad211.svg") center / contain no-repeat;
  width: .5rem;
  height: .25rem;
  margin-top: .2rem;
  display: block;
}

.ui-dropdown .dropdown-body.small[data-v-070aae], .ui-dropdown .dropdown-body.light[data-v-070aae]:after {
  background: url("light-dropdown-arrow.544cc0c3.svg") center / 90% no-repeat;
}

.ui-dropdown .dropdown-body.disabled[data-v-070aae] {
  cursor: default;
}

.ui-dropdown .dropdown-body.light[data-v-070aae] {
  color: #556584;
  background: #fff;
  height: 3rem;
}

.ui-dropdown .dropdown-body.light .content[data-v-070aae] {
  flex-direction: column;
  display: flex;
}

.ui-dropdown .dropdown-body.light .content .title[data-v-070aae] {
  color: #98a7b6;
  font-size: .875rem;
}

.ui-dropdown .dropdown-body.light .content .title.small[data-v-070aae] {
  font-size: .6875rem;
}

.ui-dropdown .dropdown-body.light .content .value-alert[data-v-070aae] {
  color: #ff3666;
}

.ui-dropdown .dropdown-body.small[data-v-070aae] {
  color: #556584;
  background: #506bfa1a;
}

.ui-dropdown .dropdown-body.transparent[data-v-070aae] {
  color: #fff;
  background: #ffffff1a;
}

.ui-dropdown .dropdown-body.active[data-v-070aae] {
  border-color: #506bfa !important;
}

.ui-dropdown .dropdown-body.borderless[data-v-070aae] {
  border: none;
}

.ui-dropdown .dropdown-body .content[data-v-070aae] {
  overflow: hidden;
}

.ui-dropdown .options-wrapper[data-v-070aae] {
  z-index: 9999;
  background: #fff;
  border-radius: .25rem;
  width: 100%;
  height: 9.6rem;
  padding: .5rem 0;
  position: absolute;
  box-shadow: 0 5px 14px #0c325a33;
}

.ui-dropdown .options-wrapper .options-block[data-v-070aae] {
  height: 100%;
  overflow: hidden scroll;
}

.ui-dropdown .options-wrapper .options-block .option[data-v-070aae] {
  color: #556584;
  cursor: pointer;
  justify-content: flex-start;
  padding: .6rem 0 .6rem 1rem;
  display: flex;
}

.ui-dropdown .options-wrapper .options-block .option[data-v-070aae]:hover {
  background-color: #506bfa1a;
}

.ui-dropdown .options-wrapper .options-block .option i[data-v-070aae] {
  margin-left: .5rem;
}

.ui-dropdown[data-v-070aae] ::-webkit-scrollbar-button {
  background-image: none;
  background-repeat: no-repeat;
  width: 5px;
  height: 0;
}

.ui-dropdown[data-v-070aae] ::-webkit-scrollbar-track {
  background-color: #0000;
}

.ui-dropdown[data-v-070aae] ::-webkit-scrollbar-thumb {
  background-color: #98a7b6;
  border-radius: .5rem;
}

.ui-dropdown[data-v-070aae] ::-webkit-scrollbar-thumb:hover {
  background-color: #98a7b6;
}

.ui-dropdown[data-v-070aae] ::-webkit-resizer {
  background-image: none;
  background-repeat: no-repeat;
  width: 4px;
  height: 0;
}

.ui-dropdown[data-v-070aae] ::-webkit-scrollbar {
  width: .4rem;
}

.ui-input[data-v-873a6e] {
  width: 100%;
  position: relative;
}

.ui-input.small[data-v-873a6e] {
  width: 4rem;
}

.ui-input.small .ui-input-body[data-v-873a6e] {
  border: 1px solid #556584;
  border-radius: .5rem;
  width: 4rem;
  height: 2rem;
}

.ui-input.small .ui-input-body .spinner[data-v-873a6e], .ui-input.small .ui-input-body .icon[data-v-873a6e] {
  display: none;
}

.ui-input.small .ui-input-body .input input[data-v-873a6e] {
  padding: 0 1rem;
}

.ui-input .ui-input-body[data-v-873a6e] {
  cursor: pointer;
  border: 1px solid #e5eaf0;
  border-radius: .25rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3rem;
  display: flex;
}

.ui-input .ui-input-body[data-v-873a6e]:hover {
  border-color: #98a7b6;
}

.ui-input .ui-input-body.active[data-v-873a6e] {
  border-color: #506bfa !important;
}

.ui-input .ui-input-body.invalid[data-v-873a6e] {
  border-color: #ff3666 !important;
}

.ui-input .ui-input-body .icon[data-v-873a6e] {
  width: 2rem;
  height: 2rem;
  margin: 0 .75rem;
}

.ui-input .ui-input-body .icon.search[data-v-873a6e] {
  background: url("search.a942d73c.svg") center no-repeat;
}

.ui-input .ui-input-body .icon.question[data-v-873a6e] {
  background: url("question.aa1b3a35.svg") center no-repeat;
}

.ui-input .ui-input-body .input[data-v-873a6e] {
  width: 100%;
}

.ui-input .ui-input-body .input .title[data-v-873a6e] {
  color: #98a7b6;
  font-size: .875rem;
}

.ui-input .ui-input-body .input .title.small[data-v-873a6e] {
  font-size: .6875rem;
}

.ui-input .ui-input-body .input input[data-v-873a6e] {
  color: #556584;
  border: none;
  outline: none;
  width: 100%;
  padding: 0;
}

.ui-input .ui-input-body .spinner[data-v-873a6e] {
  width: 2rem;
  height: 2rem;
  margin: 0 1rem 0 .75rem;
}

.ui-input .ui-input-body .spinner.loading[data-v-873a6e] {
  background: url("spinner.d18c22eb.svg") center no-repeat;
  animation: 1s linear infinite rot-873a6e;
}

@keyframes rot-873a6e {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ui-input .options-wrapper[data-v-873a6e] {
  z-index: 9999;
  background: #fff;
  border-radius: .25rem;
  width: 100%;
  height: 9.6rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: absolute;
  box-shadow: 0 5px 14px #0c325a33;
}

.ui-input .options-wrapper .options-block[data-v-873a6e] {
  height: 100%;
  overflow: hidden scroll;
}

.ui-input .options-wrapper .options-block .option[data-v-873a6e] {
  cursor: pointer;
  color: #556584;
  padding: .6rem .5rem .6rem 1rem;
}

.ui-input .options-wrapper .options-block .option[data-v-873a6e]:hover {
  background-color: #506bfa1a;
}

.ui-input[data-v-873a6e] ::-webkit-scrollbar-button {
  background-image: none;
  background-repeat: no-repeat;
  width: 5px;
  height: 0;
}

.ui-input[data-v-873a6e] ::-webkit-scrollbar-track {
  background-color: #98a7b6;
}

.ui-input[data-v-873a6e] ::-webkit-scrollbar-thumb {
  background-color: #98a7b6;
  border-radius: .5rem;
}

.ui-input[data-v-873a6e] ::-webkit-scrollbar-thumb:hover {
  background-color: #98a7b6;
}

.ui-input[data-v-873a6e] ::-webkit-resizer {
  background-image: none;
  background-repeat: no-repeat;
  width: 4px;
  height: 0;
}

.ui-input[data-v-873a6e] ::-webkit-scrollbar {
  width: .4rem;
}

.tab[data-v-0765c8] {
  color: #0c325a;
  cursor: pointer;
  background: #e5eaf0;
  padding: .875rem 1.5rem .625rem;
  font-weight: 500;
}

.tab.accent[data-v-0765c8] {
  color: #fff;
  background: #12b093;
}

.tab.active[data-v-0765c8] {
  color: #fff;
  background: #2d265d;
}

.ui-select[data-v-2626fa] {
  position: relative;
}

select[data-v-2626fa] {
  appearance: none;
  width: inherit;
  cursor: pointer;
  color: #556584;
  background: #506bfa1a;
  border: none;
  border-radius: .25rem;
  outline: 0;
  height: 2rem;
  padding: .5rem;
  font-size: 14px;
  line-height: 16px;
}

select[data-v-2626fa]:before {
  content: "";
  background: url("light-dropdown-arrow.544cc0c3.svg") center / contain no-repeat;
  width: .5rem;
  height: .3125rem;
  display: block;
  position: absolute;
  top: .875rem;
  right: .5rem;
}

select.positive[data-v-2626fa], select option.positive[data-v-2626fa] {
  color: #12b093;
}

select.negative[data-v-2626fa], select option.negative[data-v-2626fa] {
  color: #ff3666;
}

select.neutral[data-v-2626fa], select option.neutral[data-v-2626fa] {
  color: #d18d06;
}

select[data-v-2626fa], select option[data-v-2626fa] {
  color: #556584;
}

.modal-content {
  max-height: 100vh;
  overflow: scroll;
}

.container[data-v-b43103] {
  max-width: 86.75rem;
  margin: auto;
  padding-left: 4rem;
}

.subsidies-registries-administration-house-modal[data-v-b43103] {
  color: #0c325a;
  background: #fff;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  padding: 2rem 2.5rem;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 .625rem 2.5rem #0c325a26;
}

.subsidies-registries-administration-house-modal-close[data-v-b43103] {
  color: #0c325a99;
  cursor: pointer;
  z-index: 10;
  background: #e5eaf01a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}

.subsidies-registries-administration-house-modal-close i[data-v-b43103] {
  font-size: .875rem;
}

.subsidies-registries-administration-house-modal-close[data-v-b43103]:hover {
  color: #ff3666;
  background: #ff36661a;
  transform: scale(1.1);
}

.subsidies-registries-administration-house-modal-header[data-v-b43103] {
  border-bottom: 1px solid #e5eaf080;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.subsidies-registries-administration-house-modal-header-icon[data-v-b43103] {
  background: linear-gradient(135deg, #3259e526 0%, #3259e51a 100%);
  border-radius: .75rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.subsidies-registries-administration-house-modal-header-icon i[data-v-b43103] {
  color: #3259e5;
  font-size: 1.25rem;
}

.subsidies-registries-administration-house-modal-header-title[data-v-b43103] {
  color: #0c325a;
  letter-spacing: -.01em;
  word-break: break-word;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.subsidies-registries-administration-house-modal-body[data-v-b43103] {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.subsidies-registries-administration-house-modal-section[data-v-b43103] {
  background: #e5eaf008;
  border: 1px solid #e5eaf033;
  border-radius: .75rem;
  padding: 1.25rem 1.5rem;
  transition: all .2s;
}

.subsidies-registries-administration-house-modal-section[data-v-b43103]:hover {
  border-color: #3259e54d;
  box-shadow: 0 .125rem .5rem #3259e50d;
}

.subsidies-registries-administration-house-modal-section-header[data-v-b43103] {
  color: #0c325a;
  letter-spacing: -.01em;
  align-items: center;
  gap: .625rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}

.subsidies-registries-administration-house-modal-section-header i[data-v-b43103] {
  color: #3259e5;
  text-align: center;
  width: 1.25rem;
  font-size: 1rem;
}

.subsidies-registries-administration-house-modal-section-content[data-v-b43103] {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.subsidies-registries-administration-house-modal-info-card[data-v-b43103] {
  background: #fff;
  border: 1px solid #e5eaf04d;
  border-radius: .625rem;
  padding: 1rem;
  box-shadow: 0 .125rem .25rem #0c325a05;
}

.subsidies-registries-administration-house-modal-info-row[data-v-b43103] {
  border-bottom: 1px solid #e5eaf01a;
  justify-content: space-between;
  align-items: flex-start;
  padding: .75rem 0;
  display: flex;
}

.subsidies-registries-administration-house-modal-info-row[data-v-b43103]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.subsidies-registries-administration-house-modal-info-row[data-v-b43103]:first-child {
  padding-top: 0;
}

.subsidies-registries-administration-house-modal-info-row-columns[data-v-b43103] {
  flex-direction: column;
  gap: 1rem;
}

@media (width >= 768px) {
  .subsidies-registries-administration-house-modal-info-row-columns[data-v-b43103] {
    flex-direction: row;
  }
}

.subsidies-registries-administration-house-modal-info-column[data-v-b43103] {
  flex-direction: column;
  flex: 1;
  gap: .5rem;
  display: flex;
}

.subsidies-registries-administration-house-modal-info-label[data-v-b43103] {
  color: #0c325ab3;
  flex: 1;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  display: flex;
}

.subsidies-registries-administration-house-modal-info-label i[data-v-b43103] {
  color: #3259e5b3;
  text-align: center;
  flex-shrink: 0;
  width: 1.125rem;
  font-size: .875rem;
}

.subsidies-registries-administration-house-modal-info-value[data-v-b43103] {
  color: #0c325a;
  text-align: right;
  word-break: break-word;
  flex: 1;
  min-width: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

@media (width <= 767px) {
  .subsidies-registries-administration-house-modal-info-value[data-v-b43103] {
    text-align: left;
    margin-top: .25rem;
  }
}

.subsidies-registries-administration-house-modal-check-results[data-v-b43103] {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.subsidies-registries-administration-house-modal-check-result[data-v-b43103] {
  background: #fff;
  border: 1px solid #e5eaf033;
  border-radius: .5rem;
  padding: .75rem 1rem;
}

.subsidies-registries-administration-house-modal-check-result-header[data-v-b43103] {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.subsidies-registries-administration-house-modal-check-result-label[data-v-b43103] {
  color: #0c325a;
  flex: 1;
  min-width: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.subsidies-registries-administration-house-modal-check-result-status[data-v-b43103] {
  border-radius: .375rem;
  flex-shrink: 0;
  align-items: center;
  gap: .375rem;
  padding: .25rem .625rem;
  font-size: .8125rem;
  font-weight: 600;
  display: flex;
}

.subsidies-registries-administration-house-modal-check-result-status i[data-v-b43103] {
  font-size: .875rem;
}

.subsidies-registries-administration-house-modal-check-result-status-valid[data-v-b43103] {
  color: #00ae7a;
  background: linear-gradient(135deg, #00ae7a26 0%, #00ae7a1a 100%);
  border: 1px solid #00ae7a4d;
}

.subsidies-registries-administration-house-modal-check-result-status-failed[data-v-b43103] {
  color: #ff3666;
  background: linear-gradient(135deg, #ff366626 0%, #ff36661a 100%);
  border: 1px solid #ff36664d;
}

.subsidies-registries-administration-house-modal-check-result-status-skipped[data-v-b43103] {
  color: #556584;
  background: linear-gradient(135deg, #55658426 0%, #5565841a 100%);
  border: 1px solid #5565844d;
}

.subsidies-registries-administration-house-modal-check-result-details[data-v-b43103] {
  color: #0c325ab3;
  border-top: 1px solid #e5eaf033;
  margin-top: .5rem;
  padding-top: .5rem;
  font-size: .8125rem;
  font-style: italic;
  line-height: 1.125rem;
}

.subsidies-registries-administration-house-modal-comment-card[data-v-b43103] {
  color: #0c325a;
  word-break: break-word;
  background: #fff;
  border: 1px solid #e5eaf04d;
  border-radius: .5rem;
  padding: 1rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

.subsidies-registries-administration-house-modal-empty-text[data-v-b43103] {
  color: #0c325a66;
  font-style: italic;
}

.subsidies-registries-administration-house-modal-form-field[data-v-b43103] {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.subsidies-registries-administration-house-modal-form-label[data-v-b43103] {
  color: #0c325ab3;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.125rem;
}

.subsidies-registries-administration-house-modal-textarea[data-v-b43103] {
  color: #0c325a;
  resize: vertical;
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: .5rem;
  width: 100%;
  min-height: 6.25rem;
  padding: .75rem 1rem;
  font-family: inherit;
  font-size: .875rem;
  line-height: 1.25rem;
  transition: all .2s;
}

.subsidies-registries-administration-house-modal-textarea[data-v-b43103]:focus {
  border-color: #3259e5;
  outline: none;
  box-shadow: 0 0 0 .1875rem #3259e51a;
}

.subsidies-registries-administration-house-modal-textarea[data-v-b43103]::placeholder {
  color: #0c325a66;
}

.subsidies-registries-administration-house-modal-status-display[data-v-b43103] {
  border-radius: .5rem;
  align-items: center;
  gap: .5rem;
  padding: .5rem .875rem;
  font-size: .875rem;
  font-weight: 600;
  display: inline-flex;
}

.subsidies-registries-administration-house-modal-status-display i[data-v-b43103] {
  font-size: 1rem;
}

.subsidies-registries-administration-house-modal-status-display-approved[data-v-b43103] {
  color: #00ae7a;
  background: linear-gradient(135deg, #00ae7a26 0%, #00ae7a1a 100%);
  border: 1px solid #00ae7a4d;
}

.subsidies-registries-administration-house-modal-status-display-declined[data-v-b43103] {
  color: #ff3666;
  background: linear-gradient(135deg, #ff366626 0%, #ff36661a 100%);
  border: 1px solid #ff36664d;
}

.subsidies-registries-administration-house-modal-status-display-pending[data-v-b43103] {
  color: #f9a602;
  background: linear-gradient(135deg, #f9a60226 0%, #f9a6021a 100%);
  border: 1px solid #f9a6024d;
}

.container {
  max-width: 86.75rem;
  margin: auto;
  padding-left: 4rem;
}

.subsidies-registries-house-approval-snackbar {
  background-color: #2d265d;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  min-width: 40rem;
  min-height: 3rem;
  padding: 0 1.125rem;
  display: flex;
  box-shadow: 0 10px 19px #0c325a29;
}

.subsidies-registries-house-approval-snackbar-label {
  color: #fff;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem;
}

.subsidies-registries-house-approval-snackbar-buttons {
  flex-flow: row;
  justify-content: flex-end;
  display: flex;
}

.subsidies-registries-house-approval-snackbar-button {
  margin-left: .6875rem;
}

.dp__input_wrap {
  width: 100%;
  box-sizing: unset;
  position: relative;
}

.dp__input_wrap:focus {
  border-color: var(--dp-border-color-hover);
  outline: none;
}

.dp__input {
  background-color: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  font-family: var(--dp-font-family);
  border: 1px solid var(--dp-border-color);
  width: 100%;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: var(--dp-input-padding);
  color: var(--dp-text-color);
  box-sizing: border-box;
  outline: none;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}

.dp__input::placeholder {
  opacity: .7;
}

.dp__input:hover {
  border-color: var(--dp-border-color-hover);
}

.dp__input_reg {
  caret-color: #0000;
}

.dp__input_focus {
  border-color: var(--dp-border-color-hover);
}

.dp__disabled {
  background: var(--dp-disabled-color);
}

.dp__disabled::placeholder {
  color: var(--dp-disabled-color-text);
}

.dp__input_icons {
  width: var(--dp-font-size);
  height: var(--dp-font-size);
  stroke-width: 0;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  color: var(--dp-icon-color);
  box-sizing: content-box;
  padding: 6px 12px;
  display: inline-block;
}

.dp__input_icon {
  cursor: pointer;
  color: var(--dp-icon-color);
  top: 50%;
  position: absolute;
  inset-inline-start: 0;
  transform: translateY(-50%);
}

.dp__clear_icon {
  cursor: pointer;
  color: var(--dp-icon-color);
  top: 50%;
  position: absolute;
  inset-inline-end: 0;
  transform: translateY(-50%);
}

.dp__input_icon_pad {
  padding-inline-start: var(--dp-input-icon-padding);
}

.dp__input_valid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
  border-color: var(--dp-success-color);
}

.dp__input_valid:hover {
  border-color: var(--dp-success-color);
}

.dp__input_invalid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
  border-color: var(--dp-danger-color);
}

.dp__input_invalid:hover {
  border-color: var(--dp-danger-color);
}

.dp__menu {
  background: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  min-width: var(--dp-menu-min-width);
  font-family: var(--dp-font-family);
  font-size: var(--dp-font-size);
  user-select: none;
  border: 1px solid var(--dp-menu-border-color);
  box-sizing: border-box;
}

.dp__menu:after, .dp__menu:before {
  box-sizing: border-box;
}

.dp__menu:focus {
  border: 1px solid var(--dp-menu-border-color);
  outline: none;
}

.dp--menu-wrapper {
  z-index: 99999;
  position: absolute;
}

.dp__menu_inner {
  padding: var(--dp-menu-padding);
}

.dp--menu--inner-stretched {
  padding: 6px 0;
}

.dp__menu_index {
  z-index: 99999;
}

.dp__menu_readonly, .dp__menu_disabled {
  z-index: 1;
  position: absolute;
  inset: 0;
}

.dp__menu_disabled {
  cursor: not-allowed;
  background: #ffffff80;
}

.dp__menu_readonly {
  cursor: default;
  background: none;
}

.dp__arrow_top {
  background-color: var(--dp-background-color);
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-top: 1px solid var(--dp-menu-border-color);
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%)rotate(-45deg);
}

.dp__arrow_bottom {
  background-color: var(--dp-background-color);
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-bottom: 1px solid var(--dp-menu-border-color);
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%)rotate(45deg);
}

.dp__action_extra {
  text-align: center;
  padding: 2px 0;
}

.dp--preset-dates {
  border-inline-end: 1px solid var(--dp-border-color);
  padding: 5px;
}

@media only screen and (width <= 600px) {
  .dp--preset-dates {
    max-width: calc(var(--dp-menu-width)  - var(--dp-action-row-padding) * 2);
    border: none;
    align-self: center;
    display: flex;
    overflow-x: auto;
  }
}

.dp__sidebar_left {
  border-inline-end: 1px solid var(--dp-border-color);
  padding: 5px;
}

.dp__sidebar_right {
  margin-inline-end: 1px solid var(--dp-border-color);
  padding: 5px;
}

.dp--preset-range {
  text-align: left;
  white-space: nowrap;
  width: 100%;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  transition: var(--dp-common-transition);
  padding: 5px;
  display: block;
}

.dp--preset-range:hover {
  background-color: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  cursor: pointer;
}

@media only screen and (width <= 600px) {
  .dp--preset-range {
    border: 1px solid var(--dp-border-color);
    margin: 0 3px;
  }

  .dp--preset-range:first-child {
    margin-left: 0;
  }

  .dp--preset-range:last-child {
    margin-right: 0;
  }
}

.dp__menu_content_wrapper {
  display: flex;
}

@media only screen and (width <= 600px) {
  .dp__menu_content_wrapper {
    flex-direction: column-reverse;
  }
}

.dp__calendar_header {
  color: var(--dp-text-color);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  display: flex;
  position: relative;
}

.dp__calendar_header_item {
  text-align: center;
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  box-sizing: border-box;
  flex-grow: 1;
}

.dp__calendar_row {
  margin: var(--dp-row-margin);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dp__calendar_item {
  text-align: center;
  box-sizing: border-box;
  color: var(--dp-text-color);
  flex-grow: 1;
}

.dp__calendar {
  position: relative;
}

.dp__calendar_header_cell {
  border-bottom: thin solid var(--dp-border-color);
  padding: var(--dp-calendar-header-cell-padding);
}

.dp__cell_inner {
  text-align: center;
  border-radius: var(--dp-cell-border-radius);
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  box-sizing: border-box;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.dp__cell_inner:hover {
  transition: all .2s;
}

.dp__cell_auto_range_start, .dp__date_hover_start:hover, .dp__range_start {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.dp__cell_auto_range_end, .dp__date_hover_end:hover, .dp__range_end {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.dp__range_end, .dp__range_start, .dp__active_date {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__cell_auto_range_end, .dp__cell_auto_range_start {
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}

.dp__date_hover_end:hover, .dp__date_hover_start:hover, .dp__date_hover:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__cell_offset {
  color: var(--dp-secondary-color);
}

.dp__cell_disabled {
  color: var(--dp-secondary-color);
  cursor: not-allowed;
}

.dp__range_between {
  background: var(--dp-range-between-dates-background-color);
  color: var(--dp-range-between-dates-text-color);
  border: 1px solid var(--dp-range-between-border-color);
  border-radius: 0;
}

.dp__range_between_week {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border-top: 1px solid var(--dp-primary-color);
  border-bottom: 1px solid var(--dp-primary-color);
  border-radius: 0;
}

.dp__today {
  border: 1px solid var(--dp-primary-color);
}

.dp__week_num {
  color: var(--dp-secondary-color);
  text-align: center;
}

.dp__cell_auto_range {
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
  border-radius: 0;
}

.dp__cell_auto_range_start {
  border-inline-start: 1px dashed var(--dp-primary-color);
}

.dp__cell_auto_range_end {
  border-inline-end: 1px dashed var(--dp-primary-color);
}

.dp__calendar_header_separator {
  background: var(--dp-border-color);
  width: 100%;
  height: 1px;
}

.dp__calendar_next {
  margin-inline-start: var(--dp-multi-calendars-spacing);
}

.dp__marker_line, .dp__marker_dot {
  background-color: var(--dp-marker-color);
  height: 5px;
  position: absolute;
  bottom: 0;
}

.dp__marker_dot {
  border-radius: 50%;
  width: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.dp__marker_line {
  width: 100%;
  left: 0;
}

.dp__marker_tooltip {
  border-radius: var(--dp-border-radius);
  background-color: var(--dp-tooltip-color);
  border: 1px solid var(--dp-border-color);
  z-index: 99999;
  box-sizing: border-box;
  cursor: default;
  padding: 5px;
  position: absolute;
}

.dp__tooltip_content {
  white-space: nowrap;
}

.dp__tooltip_text {
  color: var(--dp-text-color);
  flex-flow: row;
  align-items: center;
  display: flex;
}

.dp__tooltip_mark {
  background-color: var(--dp-text-color);
  width: 5px;
  height: 5px;
  color: var(--dp-text-color);
  border-radius: 50%;
  margin-inline-end: 5px;
}

.dp__arrow_bottom_tp {
  background-color: var(--dp-tooltip-color);
  border-inline-end: 1px solid var(--dp-border-color);
  border-bottom: 1px solid var(--dp-border-color);
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  transform: translate(-50%, 50%)rotate(45deg);
}

.dp__instance_calendar {
  width: 100%;
  position: relative;
}

@media only screen and (width <= 600px) {
  .dp__flex_display {
    flex-direction: column;
  }
}

.dp__cell_highlight {
  background-color: var(--dp-highlight-color);
}

.dp__month_year_row {
  height: var(--dp-month-year-row-height);
  color: var(--dp-text-color);
  box-sizing: border-box;
  align-items: center;
  display: flex;
}

.dp__inner_nav {
  cursor: pointer;
  height: var(--dp-month-year-row-button-size);
  width: var(--dp-month-year-row-button-size);
  color: var(--dp-icon-color);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dp__inner_nav svg {
  height: var(--dp-button-icon-height);
  width: var(--dp-button-icon-height);
}

.dp__inner_nav:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}

[dir="rtl"] .dp__inner_nav {
  transform: rotate(180deg);
}

.dp__inner_nav_disabled:hover, .dp__inner_nav_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}

.dp--year-select, .dp__month_year_select {
  text-align: center;
  cursor: pointer;
  height: var(--dp-month-year-row-height);
  border-radius: var(--dp-border-radius);
  box-sizing: border-box;
  color: var(--dp-text-color);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dp--year-select:hover, .dp__month_year_select:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp__month_year_select {
  width: 50%;
}

.dp--year-select {
  width: 100%;
}

.dp__month_year_wrap {
  width: 100%;
  display: flex;
}

.dp__year_disable_select {
  justify-content: space-around;
}

.dp__overlay {
  background: var(--dp-background-color);
  z-index: 99999;
  width: 100%;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
  box-sizing: border-box;
  transition: opacity 1s ease-out;
}

.dp--overlay-absolute {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.dp--overlay-relative {
  position: relative;
}

.dp__overlay_container::-webkit-scrollbar-track {
  box-shadow: var(--dp-scroll-bar-background);
  background-color: var(--dp-scroll-bar-background);
}

.dp__overlay_container::-webkit-scrollbar {
  background-color: var(--dp-scroll-bar-background);
  width: 5px;
}

.dp__overlay_container::-webkit-scrollbar-thumb {
  background-color: var(--dp-scroll-bar-color);
  border-radius: 10px;
}

.dp__overlay:focus {
  border: none;
  outline: none;
}

.dp__container_flex {
  display: flex;
}

.dp__container_block {
  display: block;
}

.dp__overlay_container {
  flex-direction: column;
  overflow-y: auto;
}

.dp__time_picker_overlay_container {
  height: 100%;
}

.dp__overlay_row {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  padding: 0;
  display: flex;
}

.dp__flex_row {
  flex: 1;
}

.dp__overlay_col {
  box-sizing: border-box;
  width: 33%;
  padding: var(--dp-overlay-col-padding);
  white-space: nowrap;
}

.dp__overlay_cell_pad {
  padding: var(--dp-common-padding) 0;
}

.dp__overlay_cell_active {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__overlay_cell {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
}

.dp__overlay_cell:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp__cell_in_between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__over_action_scroll {
  box-sizing: border-box;
  right: 5px;
}

.dp__overlay_cell_disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}

.dp__overlay_cell_disabled:hover {
  background: var(--dp-disabled-color);
}

.dp__overlay_cell_active_disabled {
  cursor: not-allowed;
  background: var(--dp-primary-disabled-color);
}

.dp__overlay_cell_active_disabled:hover {
  background: var(--dp-primary-disabled-color);
}

.dp__btn, .dp--qr-btn, .dp--time-invalid, .dp--time-overlay-btn {
  font: inherit;
  transition: var(--dp-common-transition);
  border: none;
  line-height: normal;
}

.dp--tp-wrap {
  max-width: var(--dp-menu-min-width);
}

.dp__time_input {
  user-select: none;
  width: 100%;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dp__time_col_reg_block {
  padding: 0 20px;
}

.dp__time_col_reg_inline {
  padding: 0 10px;
}

.dp__time_col_reg_with_button {
  padding: 0 15px;
}

.dp__time_col_sec {
  padding: 0 10px;
}

.dp__time_col_sec_with_button {
  padding: 0 5px;
}

.dp__time_col {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dp__time_col_block {
  font-size: var(--dp-time-font-size);
}

.dp__time_display {
  cursor: pointer;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dp__time_display:hover:enabled {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__time_display_block {
  padding: 0 3px;
}

.dp__time_display_inline {
  padding: 5px;
}

.dp__time_picker_inline_container {
  justify-content: center;
  width: 100%;
  display: flex;
}

.dp__inc_dec_button {
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
  cursor: pointer;
  color: var(--dp-icon-color);
  box-sizing: border-box;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 5px;
  display: flex;
}

.dp__inc_dec_button svg {
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
}

.dp__inc_dec_button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-primary-color);
}

.dp__inc_dec_button_inline {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 8px;
  padding: 0;
  display: flex;
}

.dp__inc_dec_button_disabled:hover, .dp__inc_dec_button_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}

.dp__pm_am_button {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  padding: var(--dp-common-padding);
  border-radius: var(--dp-border-radius);
  cursor: pointer;
  border: none;
}

.dp__tp_inline_btn_bar {
  background-color: var(--dp-secondary-color);
  width: 100%;
  height: 4px;
  transition: var(--dp-common-transition);
  border-collapse: collapse;
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg)scale(1.15)translateY(-2px);
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l, .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(-12deg)scale(1.15)translateY(-2px);
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg)scale(1.15)translateY(-2px);
}

.dp--time-overlay-btn {
  background: none;
}

.dp--time-invalid {
  background-color: var(--dp-disabled-color);
}

.dp__action_row {
  width: 100%;
  padding: var(--dp-action-row-padding);
  box-sizing: border-box;
  color: var(--dp-text-color);
  flex-flow: row;
  align-items: center;
  display: flex;
}

.dp__action_row svg {
  height: var(--dp-button-icon-height);
  width: auto;
}

.dp__selection_preview {
  color: var(--dp-text-color);
  font-size: var(--dp-preview-font-size);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.dp__action_buttons {
  flex: 0;
  justify-content: flex-end;
  align-items: center;
  margin-inline-start: auto;
  display: flex;
}

.dp__action_button {
  padding: var(--dp-action-buttons-padding);
  line-height: var(--dp-action-button-height);
  height: var(--dp-action-button-height);
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  font-size: var(--dp-preview-font-size);
  font-family: var(--dp-font-family);
  background: none;
  border: 1px solid #0000;
  align-items: center;
  margin-inline-start: 3px;
  display: inline-flex;
}

.dp__action_select {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__action_select:hover {
  background: var(--dp-primary-color);
  transition: var(--dp-action-row-transtion);
}

.dp__action_select:disabled {
  background: var(--dp-primary-disabled-color);
  cursor: not-allowed;
}

.dp__action_cancel {
  color: var(--dp-text-color);
  border: 1px solid var(--dp-border-color);
}

.dp__action_cancel:hover {
  border-color: var(--dp-primary-color);
  transition: var(--dp-action-row-transtion);
}

.dp-quarter-picker-wrap {
  height: 100%;
  min-width: var(--dp-menu-min-width);
  flex-direction: column;
  display: flex;
}

.dp--qr-btn {
  width: 100%;
  padding: var(--dp-common-padding);
}

.dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
  background: none;
}

.dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp--quarter-items {
  flex-direction: column;
  flex: 1;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
  display: flex;
}

.dp--qr-btn-active {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp--qr-btn-between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp--qr-btn-disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}

.dp--qr-btn-disabled:hover {
  background: var(--dp-disabled-color);
}

.dp__btn, .dp--time-overlay-btn, .dp--time-invalid, .dp--qr-btn {
  font: inherit;
  transition: var(--dp-common-transition);
  border: none;
  line-height: normal;
}

.dp--year-mode-picker {
  width: 100%;
  height: var(--dp-cell-size);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

:root {
  --dp-common-transition: all .1s ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: .1s;
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transtion: all .2s ease-in;
  --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-transition-length: 22px;
  --dp-transition-timing-general: .1s;
  --dp-button-height: 35px;
  --dp-month-year-row-height: 35px;
  --dp-month-year-row-button-size: 25px;
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: 35px;
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: 35px;
  --dp-input-padding: 6px 30px 6px 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-margin: 5px 0;
  --dp-calendar-header-cell-padding: .5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: 32px;
  --dp-font-size: 1rem;
  --dp-preview-font-size: .8rem;
  --dp-time-font-size: 2rem;
  --dp-action-button-height: 22px;
  --dp-action-row-padding: 8px;
}

.dp__theme_dark {
  --dp-background-color: #212121;
  --dp-text-color: #fff;
  --dp-hover-color: #484848;
  --dp-hover-text-color: #fff;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #005cb2;
  --dp-primary-disabled-color: #61a8ea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #a9a9a9;
  --dp-border-color: #2d2d2d;
  --dp-menu-border-color: #2d2d2d;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #737373;
  --dp-disabled-color-text: #d0d0d0;
  --dp-scroll-bar-background: #212121;
  --dp-scroll-bar-color: #484848;
  --dp-success-color: #00701a;
  --dp-success-color-disabled: #428f59;
  --dp-icon-color: #959595;
  --dp-danger-color: #e53935;
  --dp-marker-color: #e53935;
  --dp-tooltip-color: #3e3e3e;
  --dp-highlight-color: #005cb233;
  --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
  --dp-range-between-border-color: var(--dp-hover-color, #fff);
}

.dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #1976d2;
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: #f8f5f5;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: #1976d21a;
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
}

.dp__flex {
  align-items: center;
  display: flex;
}

.dp__btn {
  background: none;
}

.dp__main {
  font-family: var(--dp-font-family);
  user-select: none;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.dp__pointer {
  cursor: pointer;
}

.dp__icon {
  stroke: currentColor;
  fill: currentColor;
}

.dp__button {
  text-align: center;
  width: 100%;
  color: var(--dp-icon-color);
  cursor: pointer;
  padding: var(--dp-common-padding);
  box-sizing: border-box;
  height: var(--dp-button-height);
  place-content: center;
  align-items: center;
  display: flex;
}

.dp__button.dp__overlay_action {
  position: absolute;
  bottom: 0;
}

.dp__button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}

.dp__button svg {
  height: var(--dp-button-icon-height);
  width: auto;
}

.dp__button_bottom {
  border-bottom-left-radius: var(--dp-border-radius);
  border-bottom-right-radius: var(--dp-border-radius);
}

.dp__flex_display {
  display: flex;
}

.dp__flex_display_with_input {
  flex-direction: column;
  align-items: flex-start;
}

.dp__relative {
  position: relative;
}

.calendar-next-enter-active, .calendar-next-leave-active, .calendar-prev-enter-active, .calendar-prev-leave-active {
  transition: all var(--dp-transition-timing-general) ease-out;
}

.calendar-next-enter-from {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}

.calendar-next-leave-to, .calendar-prev-enter-from {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}

.calendar-prev-leave-to {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}

.dp-menu-appear-bottom-enter-active, .dp-menu-appear-bottom-leave-active, .dp-menu-appear-top-enter-active, .dp-menu-appear-top-leave-active, .dp-slide-up-enter-active, .dp-slide-up-leave-active, .dp-slide-down-enter-active, .dp-slide-down-leave-active {
  transition: all var(--dp-animation-duration) var(--dp-transition-timing);
}

.dp-menu-appear-top-enter-from, .dp-menu-appear-top-leave-to, .dp-slide-down-leave-to, .dp-slide-up-enter-from {
  opacity: 0;
  transform: translateY(var(--dp-transition-length));
}

.dp-menu-appear-bottom-enter-from, .dp-menu-appear-bottom-leave-to, .dp-slide-down-enter-from, .dp-slide-up-leave-to {
  opacity: 0;
  transform: translateY(calc(var(--dp-transition-length) * -1));
}

.dp--arrow-btn-nav {
  transition: var(--dp-common-transition);
}

.dp--highlighted {
  background-color: var(--dp-highlight-color);
}

.app-datepicker {
  min-width: 240px;
}

.invalid-datepicker input {
  border: 1px solid #ff3666 !important;
}

.dp__main {
  font-family: IBM Plex Sans !important;
  font-size: .875rem !important;
}

.dp__input {
  color: #556584;
  min-height: 3rem;
  font-family: IBM Plex Sans !important;
  font-size: .875rem !important;
}

.dp__input::placeholder {
  opacity: 1;
  color: $ color-light !important;
}

.mx-datepicker {
  min-height: 3rem;
}

.mx-input {
  border: 1px solid #e5eaf0;
  min-height: 3rem;
}

.big input {
  border: 1px solid #e5eaf0;
  width: 100%;
  min-width: 384px;
  height: 3rem;
}

.range {
  min-width: 320px;
}

.big .xmx-datepicker, .big mx-input-wrapper {
  width: 100%;
}

.box {
  width: 200px;
  display: flex;
  overflow: scroll;
}

.box .s {
  background: #00008b;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100px;
  height: 10px;
  margin: 10px;
}

.test {
  background: #fff;
  width: 1000px;
  margin: 50px auto;
  padding: 10px;
}

.section {
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.section > * {
  margin-right: 10px;
}

.section > .tab {
  margin: 0;
}

.login {
  background: linear-gradient(120.47deg, #4598ab 33.2%, #4e3791 88.21%, #3d2f66 122.24%);
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0 4rem;
}

.login-container {
  box-sizing: border-box;
  z-index: 1;
  width: 100%;
  max-width: 84rem;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: .875rem 0 1.875rem;
  position: relative;
}

.login-container:after {
  content: "";
  z-index: 0;
  background-image: url("background-house.df3f89c3.svg");
  background-repeat: no-repeat;
  width: 460px;
  height: 470px;
  position: absolute;
  bottom: 0;
  left: 1.5625rem;
}

.login-top-bar {
  z-index: 1;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.0625rem;
  display: flex;
  position: relative;
}

.login-top-bar-logo {
  background: url("logo.4d4db967.svg") center / contain no-repeat;
  width: 2.6875rem;
  height: 2.0625rem;
  margin-right: .75rem;
}

.login-top-bar-logo.tumen {
  background-image: url("tumen.4d4db967.svg");
}

.login-top-bar-logo.yamal {
  background-image: url("yamal.173ba06a.png");
}

.login-top-bar-logo.hmao {
  background-image: url("hmao.585b7ab0.png");
}

.login-top-bar-logo.krasnodar {
  background-image: url("krasnodar.368d7723.png");
}

.login-top-bar-logo.sverd {
  background-image: url("sverd.613a01c0.png");
}

.login-top-bar-logo.chuv {
  background-image: url("chuv.04015f42.png");
}

.login-top-bar-logo.lipetsk {
  background-image: url("lipetsk.c09563a7.png");
}

.login-top-bar-logo.spb {
  background-image: url("spb.0074a393.png");
}

.login-top-bar-logo.perm {
  background-image: url("perm.504633d1.png");
}

.login-top-bar-logo.demo {
  background-image: url("demo.c5aa3d79.png");
}

.login-top-bar-title, .login-top-bar-subtitle {
  color: #fff;
}

.login-top-bar-title {
  text-transform: uppercase;
  letter-spacing: .02em;
  margin-right: .875rem;
  font-size: .9375rem;
  font-weight: bold;
  line-height: 1.0625rem;
}

.login-top-bar-subtitle {
  font-size: .875rem;
  font-weight: normal;
}

.login-body {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.login-title, .login-subtitle {
  color: #fff;
  width: 25rem;
}

.login-title {
  letter-spacing: -.01em;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 2.5rem;
}

.login-subtitle {
  margin-top: 2.25rem;
  display: table;
}

.login-subtitle-row {
  width: 100%;
  display: table-row;
}

.login-subtitle-cell {
  color: #fffc;
  width: 50%;
  margin-right: 1.5rem;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 2.5rem;
  display: table-cell;
}

.login-subtitle-cell:last-of-type {
  margin-right: 0;
}

.login-body {
  z-index: 1;
  margin-top: 4.1875rem;
  position: relative;
}

.login-footer {
  color: #fff;
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 1.875rem;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.login-footer-left, .login-footer-right, .login-footer-link {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: none;
}

.login-footer-left span + span {
  margin-left: 1.375rem;
}

.login-content {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

@media (width <= 1280px) {
  .login-content {
    position: relative;
    left: auto;
    transform: none;
  }
}

@media (height <= 600px) {
  .login-container:after {
    background-image: none;
  }
}

.login-form {
  background: #fff;
  border-radius: .5rem;
  width: 24rem;
  padding: 2rem;
  box-shadow: 0 10px 19px #0c325a29;
}

.login-form-row {
  margin-bottom: 1.5rem;
}

.login-form-row-error {
  color: #ff3666;
  text-align: center;
  padding: .5rem 1rem;
}

.login-form-row:last-of-type {
  margin-bottom: 0;
}

.login-form-row-text {
  text-align: center;
  color: #556584;
  font-size: .875rem;
  font-weight: normal;
  line-height: 1.5rem;
}

.login-form-row-right {
  text-align: right;
}

.login-form-row-center {
  text-align: center;
}

.login-form-row-justify {
  justify-content: space-between;
  display: flex;
}

.login-form-row-columns {
  flex-flow: row;
  display: flex;
}

.login-form-row-column {
  text-align: center;
  width: 50%;
}

.login-form-heading {
  text-align: center;
  text-transform: uppercase;
  font-size: .9375rem;
  font-weight: bold;
  line-height: 1.5rem;
}

.login-form-input {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: .25rem;
  width: 100%;
  height: 3rem;
  padding: .4375rem .5rem;
  line-height: 1.5rem;
  display: block;
}

.login-form-link {
  color: #3259e5;
  font-size: .875rem;
  line-height: 1.5rem;
}

.login-invitation-form {
  background: #fff;
  border-radius: .5rem;
  width: 24rem;
  padding: 2rem 2rem 1.5rem;
  box-shadow: 0 10px 19px #0c325a29;
}

.login-invitation-form-row {
  margin-bottom: 1.5rem;
}

.login-invitation-form-row-error {
  color: #ff3666;
  text-align: center;
  padding: .5rem 1rem;
}

.login-invitation-form-row:last-of-type {
  margin-bottom: 0;
}

.login-invitation-form-row-text {
  text-align: center;
  color: #556584;
  font-size: .875rem;
  font-weight: normal;
  line-height: 1.5rem;
}

.login-invitation-form-row-right {
  text-align: right;
}

.login-invitation-form-row-center {
  text-align: center;
}

.login-invitation-form-row-justify {
  justify-content: space-between;
  display: flex;
}

.login-invitation-form-row-columns {
  flex-flow: row;
  display: flex;
}

.login-invitation-form-row-column {
  text-align: center;
  width: 50%;
}

.login-invitation-form-row-heading + .login-invitation-form-row-text {
  margin-top: -1.5rem;
}

.login-invitation-form-heading {
  text-align: center;
  text-transform: uppercase;
  font-size: .9375rem;
  font-weight: bold;
  line-height: 1.5rem;
}

.login-invitation-form-input {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: .25rem;
  width: 100%;
  height: 3rem;
  padding: .4375rem .5rem;
  line-height: 1.5rem;
  display: block;
}

.login-invitation-form-link {
  color: #3259e5;
  font-size: .875rem;
  line-height: 1.5rem;
}

.ui-button[data-v-2f291b] {
  display: inline-block;
  position: relative;
}

.ui-button.stretch[data-v-2f291b] {
  width: 100%;
}

.ui-button[data-v-2f291b] {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background-color: #506bfa;
  border: none;
  border-radius: 2rem;
  outline: none;
  width: 100%;
  height: 2rem;
  padding: .25rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.ui-button[data-v-2f291b]:hover {
  background: #506bfa linear-gradient(0deg, #0000001a, #0000001a);
}

.ui-button[data-v-2f291b]:active, .ui-button.active[data-v-2f291b] {
  background: #506bfa linear-gradient(0deg, #0003, #0003);
}

.ui-button.red[data-v-2f291b], .ui-button.pink[data-v-2f291b] {
  background-color: #ff3666;
}

.ui-button.green[data-v-2f291b] {
  background-color: #12b093;
}

.ui-button.gray[data-v-2f291b] {
  background-color: #98a7b6;
}

.ui-button.dark-gray[data-v-2f291b] {
  background-color: #556584;
}

.ui-button.alt-accent[data-v-2f291b] {
  background-color: #506bfa;
}

.ui-button.empty[data-v-2f291b], .ui-button.pagination[data-v-2f291b] {
  background: none;
}

.ui-button.pagination[data-v-2f291b] {
  text-align: center;
  color: #556584;
  box-sizing: border-box;
  border: 1px solid #98a7b6b3;
  width: auto;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 .5rem;
  font-size: .875rem;
  line-height: 1rem;
}

.ui-button.pagination.active[data-v-2f291b] {
  color: #fff;
  background-color: #506bfa;
  border: none;
}

.ui-button > .icon[data-v-2f291b] {
  content: "";
  vertical-align: middle;
  max-width: 1.25rem;
  height: .9rem;
  margin-left: .625rem;
  display: inline-block;
}

.ui-button > .icon.icon-matrix[data-v-2f291b] {
  content: url("matrix.fcfc23b3.svg");
}

.ui-button > .icon.icon-close[data-v-2f291b] {
  content: url("close.714ce3b2.svg");
}

.ui-button .title-container[data-v-2f291b] {
  z-index: 9999;
  background: #fff;
  border-radius: .25rem;
  max-width: 1000rem;
  margin-top: .2rem;
  padding: .7rem;
  display: none;
  position: absolute;
  right: 0;
  box-shadow: 0 10px 19px #0c325a29;
}

.ui-button .title-container[data-v-2f291b]:before {
  content: "";
  background: #fff;
  width: .7rem;
  height: .7rem;
  display: block;
  position: absolute;
  top: -.35rem;
  right: 1rem;
  transform: rotate(45deg);
}

.ui-button:hover .title-container[data-v-2f291b] {
  display: block;
}

.login-reset-password-form {
  background: #fff;
  border-radius: .5rem;
  width: 24rem;
  padding: 2rem 2rem 1.5rem;
  box-shadow: 0 10px 19px #0c325a29;
}

.login-reset-password-form-row {
  margin-bottom: 1.5rem;
}

.login-reset-password-form-row-error {
  color: #ff3666;
  text-align: center;
  padding: .5rem 1rem;
}

.login-reset-password-form-row:last-of-type {
  margin-bottom: 0;
}

.login-reset-password-form-row-text {
  text-align: center;
  color: #556584;
  font-size: .875rem;
  font-weight: normal;
  line-height: 1.5rem;
}

.login-reset-password-form-row-right {
  text-align: right;
}

.login-reset-password-form-row-center {
  text-align: center;
}

.login-reset-password-form-row-justify {
  justify-content: space-between;
  display: flex;
}

.login-reset-password-form-row-columns {
  flex-flow: row;
  display: flex;
}

.login-reset-password-form-row-column {
  text-align: center;
  width: 50%;
}

.login-reset-password-form-row-heading + .login-reset-password-form-row-text {
  margin-top: -1.5rem;
}

.login-reset-password-form-heading {
  text-align: center;
  text-transform: uppercase;
  font-size: .9375rem;
  font-weight: bold;
  line-height: 1.5rem;
}

.login-reset-password-form-input {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: .25rem;
  width: 100%;
  height: 3rem;
  padding: .4375rem .5rem;
  line-height: 1.5rem;
  display: block;
}

.login-reset-password-form-link {
  color: #3259e5;
  font-size: .875rem;
  line-height: 1.5rem;
}

.login-reset-password-form-button-link {
  text-align: center;
}

.error {
  border: 2px solid #ff3666;
  border-radius: .5rem;
  width: 25rem;
  margin: 25% auto;
  padding: 1.5rem;
}

.error-heading {
  text-align: center;
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.error-description {
  text-align: center;
  margin-bottom: 1.5rem;
}

.error-footer {
  text-align: center;
}

.autocomplete-item {
  border-top: 1px solid #e5eaf0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 .3125rem;
  display: flex;
}

.autocomplete-item-highlighted {
  background: #e5eaf0;
}

.autocomplete-item-type {
  text-align: center;
  background: #f0f0f0;
  border-radius: 1rem;
  width: 3.125rem;
  height: 2rem;
  margin-right: .625rem;
  font-size: .75rem;
  font-weight: bold;
  line-height: 2rem;
}

.autocomplete-item-type-green {
  background: #c8f9c1;
}

.autocomplete-item-type-purple {
  background: #ccc1f9;
}

.autocomplete-item-type-yellow {
  background: #ffe9be;
}

.autocomplete-item-type-blue {
  background: #58cdf2;
}

.autocomplete-item-label {
  flex: 1;
}

.autocomplete-item:hover .autocomplete-item-label {
  color: #3259e5;
}

.autocomplete-item-label-stoke {
  text-decoration: line-through;
}

.double-knob-slider {
  user-select: none;
  min-width: 4rem;
  height: 2.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
}

.double-knob-slider:after {
  content: "";
  border-top: 1px solid #98a7b6;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  transform: translate(0, 50%);
}

.double-knob-slider-label {
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}

.double-knob-slider-knob {
  z-index: 4;
  background: #fffc;
  border: 1px solid #98a7b6;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  bottom: 1px;
  transform: translate(-50%, 50%);
}

.double-knob-slider-range {
  z-index: 2;
  border-top: 3px solid #2ed2a1;
  position: absolute;
  bottom: 1px;
  transform: translate(0, 50%);
}

.double-knob-slider-subrange {
  z-index: 1;
  position: absolute;
}

.double-knob-slider-marker {
  z-index: 3;
  background: #0500ff;
  border-radius: .8125rem;
  width: .1875rem;
  height: .625rem;
  position: absolute;
  bottom: 1px;
  transform: translate(-50%, 50%);
}

.toggle {
  cursor: pointer;
  min-width: 3.125rem;
  min-height: 2.5rem;
  position: relative;
}

.toggle:before {
  content: "";
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: .75rem;
  height: 1.5rem;
  transition-duration: .3s;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}

.toggle-green:before {
  background: #2ed2a1;
  border-color: #0000;
}

.toggle-red:before {
  background: #ff3666;
  border-color: #0000;
}

.toggle-knob {
  background: #fff;
  border: 1px solid #98a7b6;
  border-radius: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  transition-duration: .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toggle-disabled .toggle-knob {
  border-color: #e5eaf0;
}

.toggle-knob-left {
  left: 1px;
  transform: translate(0%, -50%);
}

.toggle-knob-right {
  left: calc(100% - 1px);
  transform: translate(-100%, -50%);
}

.toggle-knob .icon {
  color: #666;
  font-size: .875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.select-dropdown {
  white-space: nowrap;
  z-index: 4;
  cursor: pointer;
  background: #fff;
  border-radius: .5rem;
  max-height: 3rem;
  padding: .75rem 2.5rem .75rem 1rem;
  position: relative;
}

.select-dropdown.has-title {
  padding-top: .25rem;
}

.select-dropdown-title {
  color: #98a7b6;
  font-size: .875rem;
  display: block;
}

.select-dropdown-title.small {
  font-size: .6875rem;
}

.select-dropdown-disabled {
  color: #98a7b6;
}

.select-dropdown-expanded {
  z-index: 100;
  border-radius: .5rem .5rem 0 0;
}

.select-dropdown-indicator {
  background-image: url("select-arrow.b5e9b9da.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: .625rem .3125rem;
  width: 2rem;
  height: 2rem;
  transition-duration: .3s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.select-dropdown-expanded .select-dropdown-indicator {
  transform: translate(0, -50%)rotate(180deg);
}

.select-dropdown-disabled .select-dropdown-indicator {
  opacity: .4;
}

.select-dropdown-options {
  white-space: normal;
  border-radius: 0 0 .5rem .5rem;
  height: 168px;
  padding-top: 2.5rem;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  box-shadow: 0 .625rem 1.1875rem #0c325a29;
}

.select-dropdown-expanded .select-dropdown-options {
  display: block;
}

.select-dropdown-option {
  text-overflow: ellipsis;
  background: #fff;
  max-width: 100%;
  padding: .5rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.select-dropdown-option:hover {
  color: #3259e5;
}

.select-dropdown-option-indicator {
  vertical-align: middle;
  background: #3259e5;
  border-radius: 100%;
  width: .5rem;
  height: .5rem;
  margin-left: .5rem;
  display: inline-block;
}

.checkboxes-flat {
  flex-flow: wrap;
  justify-content: flex-start;
  margin-bottom: .5rem;
  margin-left: -.375rem;
  display: flex;
}

.checkboxes-flat-wrap {
  white-space: nowrap;
  z-index: 4;
  background: #fff;
  border-radius: .5rem;
  padding: .75rem;
  position: relative;
}

.checkboxes-flat-disabled {
  color: #98a7b6;
}

.checkboxes-flat-item {
  cursor: pointer;
  text-overflow: ellipsis;
  background: #fff;
  border: 1px solid #0c325a;
  border-radius: .25rem;
  max-width: 100%;
  margin-bottom: .5rem;
  margin-left: .375rem;
  padding: .5rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.checkboxes-flat-item-checked {
  color: #fff;
  background-color: #0c325a;
}

.checkboxes-flat-item-indicator {
  vertical-align: middle;
  background: #3259e5;
  border-radius: 100%;
  width: .5rem;
  height: .5rem;
  margin-left: .5rem;
  display: inline-block;
}

.ui-input[data-v-8246b3] {
  width: 100%;
  position: relative;
}

.ui-input .ui-input-readonly[data-v-8246b3] {
  cursor: not-allowed;
  background-color: #f3f3f3;
  color: #ccc !important;
}

.ui-input.small[data-v-8246b3] {
  width: 4rem;
}

.ui-input.small .ui-input-body[data-v-8246b3] {
  border: 1px solid #98a7b6;
  border-radius: .5rem;
  width: 4rem;
  height: 2rem;
}

.ui-input.small .ui-input-body .spinner[data-v-8246b3], .ui-input.small .ui-input-body .icon[data-v-8246b3] {
  display: none;
}

.ui-input.small .ui-input-body .input input[data-v-8246b3] {
  padding: 0 1rem;
}

.ui-input .ui-input-body[data-v-8246b3] {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e5eaf0;
  border-radius: .25rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3rem;
  display: flex;
}

.ui-input .ui-input-body[data-v-8246b3]:hover {
  border-color: #98a7b6;
}

.ui-input .ui-input-body.active[data-v-8246b3] {
  border-color: $ color-alt-accent !important;
}

.ui-input .ui-input-body.invalid[data-v-8246b3] {
  border-color: #ff3666 !important;
}

.ui-input .ui-input-body.readonly[data-v-8246b3] {
  color: #ccc;
  cursor: not-allowed;
  background-color: #f3f3f3;
  border-color: #ccc;
}

.ui-input .ui-input-body .icon[data-v-8246b3] {
  width: 2rem;
  height: 2rem;
  margin: 0 0 0 .75rem;
}

.ui-input .ui-input-body .icon.search[data-v-8246b3] {
  background: url("search.a942d73c.svg") center no-repeat;
}

.ui-input .ui-input-body .icon.snowflake[data-v-8246b3] {
  text-align: center;
  color: #556584;
}

.ui-input .ui-input-body .icon.snowflake[data-v-8246b3]:before {
  content: "";
  vertical-align: middle;
  font-family: "Font Awesome 5 Free";
  font-size: 1.5rem;
  line-height: 2rem;
  display: inline-block;
}

.ui-input .ui-input-body .input[data-v-8246b3] {
  width: 100%;
  padding-left: 1.125rem;
}

.ui-input .ui-input-body .input .title[data-v-8246b3] {
  color: #98a7b6;
  font-size: .875rem;
}

.ui-input .ui-input-body .input .title.small[data-v-8246b3] {
  font-size: .6875rem;
}

.ui-input .ui-input-body .input input[data-v-8246b3] {
  color: #556584;
  border: none;
  outline: none;
  width: 100%;
  padding: 0 1rem 0 0;
}

.ui-input .ui-input-body .spinner[data-v-8246b3] {
  width: 2rem;
  height: 2rem;
  margin: 0 1rem 0 .75rem;
}

.ui-input .ui-input-body .spinner.loading[data-v-8246b3] {
  background: url("spinner.d18c22eb.svg") center no-repeat;
  animation: 1s linear infinite rot-8246b3;
}

@keyframes rot-8246b3 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ui-input .options-wrapper[data-v-8246b3] {
  z-index: 9999;
  background: #fff;
  border-radius: .25rem;
  width: 100%;
  height: 9.6rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: absolute;
  box-shadow: 0 5px 14px #0c325a33;
}

.ui-input .options-wrapper .options-block[data-v-8246b3] {
  height: 100%;
  overflow: hidden scroll;
}

.ui-input .options-wrapper .options-block .option[data-v-8246b3] {
  cursor: pointer;
  color: #556584;
  padding: .6rem .5rem .6rem 1rem;
}

.ui-input .options-wrapper .options-block .option[data-v-8246b3]:hover {
  background-color: $ color-alt-accent-transparent;
}

.ui-input[data-v-8246b3] ::-webkit-scrollbar-button {
  background-image: none;
  background-repeat: no-repeat;
  width: 5px;
  height: 0;
}

.ui-input[data-v-8246b3] ::-webkit-scrollbar-track {
  background-color: #98a7b6;
}

.ui-input[data-v-8246b3] ::-webkit-scrollbar-thumb {
  background-color: #98a7b6;
  border-radius: .5rem;
}

.ui-input[data-v-8246b3] ::-webkit-scrollbar-thumb:hover {
  background-color: #98a7b6;
}

.ui-input[data-v-8246b3] ::-webkit-resizer {
  background-image: none;
  background-repeat: no-repeat;
  width: 4px;
  height: 0;
}

.ui-input[data-v-8246b3] ::-webkit-scrollbar {
  width: .4rem;
}

.house-passport-filter-modal {
  user-select: none;
  padding: 3rem 4rem;
}

.house-passport-filter-modal-top {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.house-passport-filter-modal-heading {
  color: #0c325a;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 2rem;
}

.house-passport-filter-modal-subheading {
  margin-top: 1.5rem;
  font-size: 1.125rem;
  font-weight: bold;
}

.house-passport-filter-modal-section-heading {
  font-weight: bold;
}

.house-passport-filter-modal-legend {
  background: #e5eaf0;
  border-radius: .5rem;
  padding: .5rem 1rem;
  line-height: 1.5rem;
}

.house-passport-filter-modal-legend-indicator {
  background: #0500ff;
  border-radius: .8125rem;
  width: .1875rem;
  height: .625rem;
  margin-right: .5rem;
  display: inline-block;
}

.house-passport-filter-modal-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  min-height: calc(100vh - 15rem);
  max-height: calc(100vh - 15rem);
  overflow-y: scroll;
}

.house-passport-filter-modal-container::-webkit-scrollbar {
  display: none;
}

.house-passport-filter-modal-row {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.house-passport-filter-modal-row-tight {
  margin-bottom: 1.25rem;
}

.house-passport-filter-modal-value {
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: .5rem;
  width: 5.5rem;
  padding: .4375rem 1rem;
  line-height: 1.5rem;
}

.house-passport-filter-modal-select {
  width: 100%;
}

.house-passport-filter-modal-slider {
  flex: 1;
}

.house-passport-filter-modal-label-indicator {
  background: #3259e5;
  border-radius: 100%;
  width: .5rem;
  height: .5rem;
  margin-left: .5rem;
  margin-right: .25rem;
  display: inline-block;
}

.house-passport-filter-modal-footer {
  text-align: right;
  margin-top: 1.25rem;
}

.house-passport-filter-modal-footer-error {
  color: #ff3666;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1rem;
}

.house-passport-filter-modal-button {
  background: none;
  border: none;
  border-radius: .5rem;
  outline: none;
  margin-right: 1rem;
  padding: .5rem 1rem;
  line-height: 1.5rem;
}

.house-passport-filter-modal-button-primary {
  background: #fff;
}

.house-passport-filter-modal-button:last-of-type {
  margin-right: 0;
}

.search-field {
  background: none;
  min-height: 2.5rem;
  transition-duration: .3s;
  position: relative;
}

.search-field-autocomplete {
  z-index: 10;
  background: #fff;
  border-radius: 1.25rem;
  min-height: 2.5rem;
  padding-top: 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 .625rem 1.1875rem #0c325a29;
}

.search-field-autocomplete-empty {
  padding: 3.5rem 1rem 1rem;
}

.search-field-autocomplete-empty:before {
  content: "";
  border-top: 1px solid #e5eaf0;
  position: absolute;
  top: 2.5rem;
  left: 0;
  right: 0;
}

.search-field-autocomplete-empty a {
  text-decoration: underline;
}

.search-field-autocomplete-empty a:hover {
  color: #3259e5;
}

.search-field-input {
  z-index: 11;
  background: none;
  border: none;
  outline: none;
  width: calc(100% - 4.375rem);
  height: 2.5rem;
  margin-left: 2.1875rem;
  margin-right: 2.1875rem;
  line-height: 2.5rem;
  position: relative;
}

.search-field-item {
  border-radius: 1.25rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 2.5rem;
  padding: 0 .3125rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}

.search-field-item-type {
  text-align: center;
  background: #f0f0f0;
  border-radius: 1rem;
  width: 3.125rem;
  height: 2rem;
  margin-right: .625rem;
  font-size: .75rem;
  font-weight: bold;
  line-height: 2rem;
}

.search-field-item-type-green {
  background: #c8f9c1;
}

.search-field-item-type-purple {
  background: #ccc1f9;
}

.search-field-item-type-yellow {
  background: #ffe9be;
}

.search-field-item-type-blue {
  background: #58cdf2;
}

.search-field-item-label {
  flex: 1;
}

.search-field-item:hover .search-field-item-label {
  color: #3259e5;
}

.search-field-control {
  text-align: center;
  z-index: 12;
  width: 2.1875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.search-field-control-right {
  right: 0;
}

.search-field-control-left {
  left: 0;
}

.search-field-control-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-75%, -50%);
}

.search-field-control-icon-search {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  background-image: url("search.115d5421.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.search-field-control-icon-cross {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  background-image: url("cross.3a1a7e4b.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1rem;
  display: inline-block;
}

.search-field-control-icon-passport-filter {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  cursor: pointer;
  background-image: url("settings.8a081adb.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1rem;
  height: 1rem;
  display: inline-block;
}

.search-field-busy {
  z-index: 12;
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  top: 50%;
  right: 2.1875rem;
  transform: translate(0, -50%);
}

.search-field-busy-icon {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  background-image: url("loading.486af230.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
}

.search-field-error {
  z-index: 12;
  color: red;
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  top: 50%;
  right: 2.1875rem;
  transform: translate(0, -50%);
}

.service-button {
  background: #fff;
  border: 1px solid #e5eaf04d;
  border-radius: .625rem;
  align-items: center;
  width: 100%;
  min-height: 3.5rem;
  margin-bottom: .75rem;
  padding: .75rem 1rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .125rem .5rem #0c325a0a;
}

.service-button:last-child {
  margin-bottom: 0;
}

.service-button:before {
  content: "";
  background: none;
  width: 4px;
  transition: all .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.service-button:hover {
  border-color: #3259e54d;
  transform: translateY(-2px);
  box-shadow: 0 .25rem 1rem #0c325a1a;
}

.service-button:hover:before {
  background: linear-gradient(135deg, #3259e5 0%, #1c47df 100%);
}

.service-button:hover .service-button-arrow {
  opacity: 1;
  transform: translateX(4px);
}

.service-button-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  margin-right: .75rem;
  position: relative;
}

.service-button-icon:before {
  content: url("icon-default.eb6f4089.svg");
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.service-button-caption {
  color: #0c325a;
  letter-spacing: -.01em;
  flex: 1;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.125rem;
}

.service-button-arrow {
  color: #3259e5;
  opacity: .6;
  background: #3259e51a;
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  transition: all .2s;
  display: flex;
}

.service-button-arrow i {
  font-size: .625rem;
}

.service-button.green {
  background: linear-gradient(135deg, #10b98114 0%, #10b98108 100%);
  border-color: #10b98133;
}

.service-button.green:before {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.service-button.green .service-button-caption {
  color: #0c325a;
}

.service-button.green .service-button-arrow {
  color: #10b981;
  background: #10b98126;
}

.service-button.green:hover {
  background: linear-gradient(135deg, #10b9811f 0%, #10b9810f 100%);
  border-color: #10b98166;
  box-shadow: 0 .25rem 1rem #10b98126;
}

.service-button.green.icon-analog-search .service-button-icon:before {
  content: url("icon-analog-search.f91018a3.svg");
}

.service-button.green.icon-cost-compare .service-button-icon:before {
  content: url("icon-cost-compare.5aea7ef2.svg");
}

.service-button.green.icon-links-map .service-button-icon:before {
  content: url("icon-links-map.66e532ea.svg");
}

.service-button.green.icon-residents-check .service-button-icon:before {
  content: url("icon-residents-check.fe43543e.svg");
}

.service-button.green.icon-passport .service-button-icon:before {
  content: url("icon-passport.bdf1463a.svg");
}

.service-button.blue {
  background: linear-gradient(135deg, #0a7fa81a 0%, #0a7fa80d 100%);
  border-color: #0a7fa833;
}

.service-button.blue:before {
  background: linear-gradient(135deg, #0a7fa8 0%, #097297 100%);
}

.service-button.blue .service-button-caption {
  color: #0c325a;
}

.service-button.blue .service-button-icon:before {
  content: url("icon-default.eb6f4089.svg");
}

.service-button.blue .service-button-arrow {
  color: #0a7fa8;
  background: #0a7fa826;
}

.service-button.blue:hover {
  background: linear-gradient(135deg, #0a7fa826 0%, #0a7fa814 100%);
  border-color: #0a7fa866;
  box-shadow: 0 .25rem 1rem #0a7fa826;
}

.service-button.yellow {
  background: linear-gradient(135deg, #f59e0b14 0%, #f59e0b08 100%);
  border-color: #f59e0b33;
}

.service-button.yellow:before {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.service-button.yellow .service-button-caption {
  color: #0c325a;
}

.service-button.yellow .service-button-arrow {
  color: #f59e0b;
  background: #f59e0b26;
}

.service-button.yellow:hover {
  background: linear-gradient(135deg, #f59e0b1f 0%, #f59e0b0f 100%);
  border-color: #f59e0b66;
  box-shadow: 0 .25rem 1rem #f59e0b26;
}

.service-button.purple {
  background: linear-gradient(135deg, #4e379114 0%, #4e379108 100%);
  border-color: #4e379133;
}

.service-button.purple:before {
  background: linear-gradient(135deg, #4e3791 0%, #3d2f66 100%);
}

.service-button.purple .service-button-caption {
  color: #0c325a;
}

.service-button.purple .service-button-arrow {
  color: #4e3791;
  background: #4e379126;
}

.service-button.purple:hover {
  background: linear-gradient(135deg, #4e37911f 0%, #4e37910f 100%);
  border-color: #4e379166;
  box-shadow: 0 .25rem 1rem #4e379126;
}

.service-button.icon-overhaul-execution .service-button-icon:before {
  content: url("icon-overhaul-execution.751315ef.svg");
}

.service-button.icon-overhaul-suppliers-rating .service-button-icon:before {
  content: url("icon-overhaul-suppliers-rating.c0ab6427.svg");
}

.service-button.icon-overhaul-cost-compare .service-button-icon:before {
  content: url("icon-overhaul-cost-compare.1f1abb6a.svg");
}

.service-button.icon-overhaul-suppliers-monitoring .service-button-icon:before {
  content: url("icon-overhaul-suppliers-monitoring.6728ff7f.svg");
}

.service-button.icon-management-company-rating .service-button-icon:before {
  content: url("icon-management-company-rating.6d85f903.svg");
}

.service-button.icon-maps-overhaul .service-button-icon:before {
  content: url("icon-maps_overhaul_icon.c48261db.svg");
}

.service-button.icon-management-undisclosure-report .service-button-icon:before {
  content: url("icon-management-undisclosure-report.3b130855.svg");
}

.service-button.icon-inspection-precepts .service-button-icon:before {
  content: url("icon-inspection-precepts.84f0cb62.svg");
}

.service-button.icon-inspection-precepts-residents-check .service-button-icon:before {
  content: url("icon-inspection-precepts-residents-check.95d9e63f.svg");
}

.service-button.icon-members-monitoring .service-button-icon:before {
  content: url("icon-members-monitoring.40605ca9.svg");
}

.service-button.icon-residents-payments .service-button-icon:before {
  content: url("icon-residents-payments.095e89a5.svg");
}

.service-button.icon-subsidies-control .service-button-icon:before {
  content: url("icon-subsidies-control.b29e2c3b.svg");
}

.service-button.icon-meeting .service-button-icon:before {
  content: url("icon-meeting.5442c707.svg");
}

.service-button.icon-regional-standard .service-button-icon:before {
  content: url("icon-regional-standard.67c85051.svg");
}

.service-button.icon-snow-roof .service-button-icon:before {
  content: url("icon-snow-roof.75a69b97.svg");
}

.services {
  display: block;
}

.top-bar-side-menu {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.top-bar-side-menu::-webkit-scrollbar {
  display: none;
}

.top-bar-side-menu-wrap {
  z-index: 50;
  background: #fff;
  border-right: 1px solid #e5eaf080;
  width: 22.5rem;
  height: 100vh;
  transition: transform .3s;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 2px 0 1rem #0c325a26;
}

.top-bar-side-menu-wrap.hidden {
  transform: translateX(-100%);
}

.top-bar-side-menu-wrap:not(.hidden) {
  transform: translateX(0);
}

.top-bar-side-menu-header {
  background: linear-gradient(135deg, #2ed2a1 0%, #1fb88a 100%);
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: 4.5rem;
  padding: 1.25rem 1.5rem;
  display: flex;
  position: relative;
  box-shadow: 0 .125rem .5rem #2ed2a133;
}

.top-bar-side-menu-header-icon {
  background: linear-gradient(135deg, #ffffff40 0%, #ffffff26 100%);
  border: 1px solid #ffffff4d;
  border-radius: .625rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.top-bar-side-menu-header-icon i {
  color: #fff;
  font-size: 1.25rem;
}

.top-bar-side-menu-header-title {
  color: #fff;
  letter-spacing: -.01em;
  flex: 1;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.top-bar-side-menu-header-close-button {
  cursor: pointer;
  background: linear-gradient(135deg, #ffffff40 0%, #ffffff26 100%);
  border: 1px solid #ffffff4d;
  border-radius: .625rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s;
  display: flex;
}

.top-bar-side-menu-header-close-button i {
  color: #fff;
  font-size: 1.125rem;
}

.top-bar-side-menu-header-close-button:hover {
  background: linear-gradient(135deg, #ffffff59 0%, #ffffff40 100%);
  transform: scale(1.1);
  box-shadow: 0 .125rem .5rem #ffffff4d;
}

.top-bar-side-menu-body {
  width: 100%;
  height: calc(100vh - (72 / 16 rem));
  background: #fff;
  padding: 1.5rem;
  display: block;
  overflow-y: auto;
}

.top-bar {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 60rem;
  max-width: 84rem;
  height: 4rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.5rem;
  display: flex;
  position: relative;
}

.top-bar-wrapper {
  background: #fff;
  border-bottom: 1px solid #e5eaf080;
  height: 4.5rem;
  position: relative;
  box-shadow: 0 .125rem .5rem #0c325a0a;
}

.top-bar-wrapper:after {
  content: "";
  background-image: linear-gradient(#0c325a08 0%, #0c325a00 100%);
  height: .5rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.top-bar-left {
  flex-flow: row;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.top-bar-right {
  flex-flow: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.top-bar-menu-icon {
  cursor: pointer;
  background: linear-gradient(135deg, #2ed2a1 0%, #1fb88a 100%);
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .2s;
  display: flex;
  box-shadow: 0 .125rem .5rem #2ed2a140;
}

.top-bar-menu-icon i {
  color: #fff;
  font-size: 1.25rem;
}

.top-bar-menu-icon:hover {
  background: linear-gradient(135deg, #34d3a4 0%, #20c090 100%);
  transform: translateY(-2px);
  box-shadow: 0 .25rem .75rem #2ed2a159;
}

.top-bar-logo {
  background: url("logo-v2.4d4db967.svg") center / contain no-repeat;
  border-radius: .5rem;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  transition: all .2s;
}

.top-bar-logo:hover {
  opacity: .9;
  transform: scale(1.05);
}

.top-bar-logo.tumen {
  background-image: url("tumen.4d4db967.svg");
}

.top-bar-logo.yamal {
  background-image: url("yamal.173ba06a.png");
}

.top-bar-logo.hmao {
  background-image: url("hmao.585b7ab0.png");
}

.top-bar-logo.krasnodar {
  background-image: url("krasnodar.368d7723.png");
}

.top-bar-logo.sverd {
  background-image: url("sverd.613a01c0.png");
}

.top-bar-logo.chuv {
  background-image: url("chuv.04015f42.png");
}

.top-bar-logo.lipetsk {
  background-image: url("lipetsk.c09563a7.png");
}

.top-bar-logo.spb {
  background-image: url("spb.0074a393.png");
}

.top-bar-logo.perm {
  background-image: url("perm.504633d1.png");
}

.top-bar-logo.demo {
  background-image: url("demo.c5aa3d79.png");
}

.top-bar-brand {
  flex-direction: column;
  gap: .125rem;
  display: flex;
}

.top-bar-title {
  letter-spacing: -.01em;
  color: #0c325a;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
}

.top-bar-subtitle {
  color: #0c325ab3;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.125rem;
}

.top-bar-subtitle-red {
  color: #ff3666;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.125rem;
}

.top-bar-search {
  flex: 1;
  min-width: 18.75rem;
  max-width: 37.5rem;
  margin: 0 1.25rem;
}

.top-bar-actions {
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.top-bar-action {
  color: #0c325ab3;
  background: #e5eaf01a;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.top-bar-action i {
  font-size: 1.125rem;
}

.top-bar-action:hover {
  color: #3259e5;
  background: #3259e51a;
  transform: translateY(-2px);
  box-shadow: 0 .125rem .5rem #3259e526;
}

.top-bar-action:after {
  content: attr(title);
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
  background: #0c325a;
  border-radius: .375rem;
  margin-bottom: .5rem;
  padding: .375rem .625rem;
  font-size: .75rem;
  line-height: 1rem;
  transition: opacity .2s;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.top-bar-action:hover:after {
  opacity: 1;
}

.top-bar-profile:hover {
  color: #10b981;
  background: #10b9811a;
}

.top-bar-help:hover {
  color: #f59e0b;
  background: #f59e0b1a;
}

.top-bar-logout:hover {
  color: #ef4444;
  background: #ef44441a;
}

.demo-mode-notification[data-v-5ff21e] {
  z-index: 100;
  background: #fff;
  border: 2px solid #3259e5;
  border-radius: .5rem;
  align-items: center;
  max-width: 25rem;
  padding: .75rem 1rem;
  animation: .3s ease-out slideInUp-5ff21e;
  display: flex;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  box-shadow: 0 .25rem .75rem #0c325a26;
}

.demo-mode-notification-content[data-v-5ff21e] {
  align-items: flex-start;
  gap: .5rem;
  width: 100%;
  display: flex;
}

.demo-mode-notification-icon[data-v-5ff21e] {
  color: #3259e5;
  flex-shrink: 0;
  margin-top: .125rem;
  font-size: 1.125rem;
}

.demo-mode-notification-text[data-v-5ff21e] {
  color: #0c325a;
  flex: 1;
  font-size: .8125rem;
  line-height: 1.4;
}

.demo-mode-notification-text strong[data-v-5ff21e] {
  color: #3259e5;
  margin-right: .25rem;
  font-weight: bold;
}

.demo-mode-notification-purchase[data-v-5ff21e] {
  color: #98a7b6;
  margin-top: .5rem;
  font-size: .75rem;
  font-style: italic;
  line-height: 1.3;
}

@keyframes slideInUp-5ff21e {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-layout {
  min-height: 100vh;
}

.page-layout-content {
  min-height: calc(100vh - 4.5rem);
  position: relative;
}

.page-layout-content-fixed {
  overflow: hidden !important;
}

.page-layout-content.subsidies {
  min-width: 80rem;
}

.page-layout-modal-popup {
  z-index: 110;
  background: #fff;
  border-radius: .5rem;
  padding: 1.5rem 2rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-layout-modal-popup-close {
  cursor: pointer;
  color: #3259e5;
  border: 1px solid #3259e5;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.page-layout-modal-popup-close-icon {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  background-image: url("cross.3a1a7e4b.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-layout-modal-popup-wrapper {
  z-index: 100;
  background: #0009;
  position: fixed;
  inset: 0;
}

.page-layout-modal-popup-wrapper-hidden {
  display: none;
}

.page-layout-modal-aside {
  opacity: 1;
  background: #f5f7fb;
  min-width: 52.5rem;
  max-width: 50vw;
  padding: 1.5rem 2rem;
  transition-duration: .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.page-layout-modal-aside-content {
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-height: 100vh;
  overflow: hidden scroll;
}

.page-layout-modal-aside-content::-webkit-scrollbar {
  display: none;
}

.page-layout-modal-aside-close {
  color: #fff;
  cursor: pointer;
  z-index: 10;
  background: #0c325a;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 10rem;
  left: 0;
  transform: translate(-50%, -50%);
}

.page-layout-modal-aside-hidden .page-layout-modal-aside-close {
  display: none;
}

.page-layout-modal-aside-close-icon {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  background-image: url("arrow.fc102939.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-layout-modal-aside-wrapper {
  z-index: 1001;
  width: 100vw;
  max-width: 100vw;
  transition-duration: .3s;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.page-layout-modal-aside-wrapper:after {
  content: "";
  opacity: 1;
  z-index: -1;
  background: #55658466;
  height: auto;
  transition-duration: .3s;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.page-layout-modal-aside-wrapper-hidden:after {
  opacity: 0;
  height: 0;
}

.page-layout-modal-aside-wrapper-hidden {
  width: 0;
  max-width: 0;
}

.page-layout-version {
  opacity: .8;
  background: #fff;
  border-radius: .25rem;
  padding: .25rem;
  font-size: .75rem;
  display: inline-block;
}

.page-layout-version-wrapper {
  text-align: right;
  min-width: 8rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: .625rem;
  padding-right: .625rem;
  position: fixed;
  bottom: .25rem;
  right: 0;
}

.page-layout-content[data-v-763250] {
  min-height: calc(100vh - 72px);
  position: relative;
}

.page-layout-content-fixed[data-v-763250] {
  overflow: hidden !important;
}

.page-layout-modal-popup[data-v-763250] {
  z-index: 110;
  background: #fff;
  border-radius: .5rem;
  padding: 1.5rem 2rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-layout-modal-popup-close[data-v-763250] {
  cursor: pointer;
  color: #007bff;
  border: 1px solid #007bff;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.page-layout-modal-popup-close-icon[data-v-763250] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-layout-modal-aside[data-v-763250] {
  opacity: 1;
  background: #fefefe;
  min-width: 52.5rem;
  max-width: 50vw;
  padding: 1.5rem 2rem;
  transition-duration: .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.page-layout-modal-aside-content[data-v-763250] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-height: 100vh;
  overflow: hidden scroll;
}

.page-layout-modal-aside-content[data-v-763250]::-webkit-scrollbar {
  display: none;
}

.page-layout-modal-aside-close[data-v-763250] {
  color: #fff;
  cursor: pointer;
  z-index: 10;
  background: #333;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 10rem;
  left: 0;
  transform: translate(-50%, -50%);
}

.page-layout-modal-aside-close-icon[data-v-763250] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-layout-modal-aside-wrapper[data-v-763250] {
  z-index: 1001;
  width: 100vw;
  max-width: 100vw;
  transition-duration: .3s;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.page-layout-modal-aside-wrapper[data-v-763250]:after {
  content: "";
  opacity: 1;
  z-index: -1;
  background: #0006;
  transition-duration: .3s;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.page-layout-modal-aside-wrapper-hidden[data-v-763250] {
  width: 0;
  max-width: 0;
}

.page-layout-modal-aside-wrapper-hidden[data-v-763250]:after {
  opacity: 0;
  height: 0;
}

.page-layout-version-wrapper[data-v-763250] {
  text-align: right;
  min-width: 8rem;
  position: fixed;
  bottom: .25rem;
  right: .25rem;
}

.page-layout-version-wrapper .page-layout-version[data-v-763250] {
  opacity: .8;
  background: #fff;
  border-radius: .25rem;
  padding: .25rem;
  font-size: .75rem;
  display: inline-block;
}

.page-layout-top-bar[data-v-763250] {
  color: #fff;
  background-color: #007bff;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.page-layout-top-bar-logo[data-v-763250] {
  background: url("logo.4d4db967.svg") center / contain no-repeat;
  width: 2.6875rem;
  height: 2.0625rem;
  margin-right: .75rem;
}

.page-layout-top-bar-logo.tumen[data-v-763250] {
  background-image: url("tumen.4d4db967.svg");
}

.page-layout-top-bar-logo.yamal[data-v-763250] {
  background-image: url("yamal.173ba06a.png");
}

.page-layout-top-bar-logo.hmao[data-v-763250] {
  background-image: url("hmao.585b7ab0.png");
}

.page-layout-top-bar-logo.krasnodar[data-v-763250] {
  background-image: url("krasnodar.368d7723.png");
}

.page-layout-top-bar-logo.sverd[data-v-763250] {
  background-image: url("sverd.613a01c0.png");
}

.page-layout-top-bar-logo.chuv[data-v-763250] {
  background-image: url("chuv.04015f42.png");
}

.page-layout-top-bar-logo.lipetsk[data-v-763250] {
  background-image: url("lipetsk.c09563a7.png");
}

.page-layout-top-bar-logo.spb[data-v-763250] {
  background-image: url("spb.0074a393.png");
}

.page-layout-top-bar-logo.perm[data-v-763250] {
  background-image: url("perm.504633d1.png");
}

.page-layout-top-bar-logo.demo[data-v-763250] {
  background-image: url("demo.c5aa3d79.png");
}

.page-layout-top-bar-title[data-v-763250], .page-layout-top-bar-subtitle[data-v-763250] {
  color: $ color-white;
}

.page-layout-top-bar-title[data-v-763250] {
  text-transform: uppercase;
  letter-spacing: .02em;
  margin-right: .875rem;
  font-size: .9375rem;
  font-weight: bold;
  line-height: 1.0625rem;
}

.page-layout-top-bar-subtitle[data-v-763250] {
  font-size: .875rem;
  font-weight: normal;
}

@media (width <= 576px) {
  .page-layout-content[data-v-763250] {
    min-height: calc(100vh - 56px);
  }

  .page-layout-top-bar[data-v-763250] {
    height: 56px;
  }
}

.miniapp-login[data-v-d03cd1] {
  background: #f2f2f2;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}

.miniapp-login-header[data-v-d03cd1] {
  color: #fff;
  background-color: #007bff;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.miniapp-login-header .miniapp-login-logo[data-v-d03cd1] {
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-right: 1rem;
}

.miniapp-login-header .miniapp-login-logo.tumen[data-v-d03cd1] {
  background-image: url("tumen.4d4db967.svg");
}

.miniapp-login-header .miniapp-login-logo.yamal[data-v-d03cd1] {
  background-image: url("yamal.173ba06a.png");
}

.miniapp-login-header .miniapp-login-logo.hmao[data-v-d03cd1] {
  background-image: url("hmao.585b7ab0.png");
}

.miniapp-login-header .miniapp-login-logo.krasnodar[data-v-d03cd1] {
  background-image: url("krasnodar.368d7723.png");
}

.miniapp-login-header .miniapp-login-logo.sverd[data-v-d03cd1] {
  background-image: url("sverd.613a01c0.png");
}

.miniapp-login-header .miniapp-login-logo.chuv[data-v-d03cd1] {
  background-image: url("chuv.04015f42.png");
}

.miniapp-login-header .miniapp-login-logo.lipetsk[data-v-d03cd1] {
  background-image: url("lipetsk.c09563a7.png");
}

.miniapp-login-header .miniapp-login-logo.spb[data-v-d03cd1] {
  background-image: url("spb.0074a393.png");
}

.miniapp-login-header .miniapp-login-logo.perm[data-v-d03cd1] {
  background-image: url("perm.504633d1.png");
}

.miniapp-login-header .miniapp-login-logo.demo[data-v-d03cd1] {
  background-image: url("demo.c5aa3d79.png");
}

.miniapp-login-header .miniapp-login-title[data-v-d03cd1] {
  margin-right: 1rem;
  font-size: 1.125rem;
  font-weight: bold;
}

.miniapp-login-header .miniapp-login-subtitle[data-v-d03cd1] {
  font-size: 1rem;
}

.miniapp-login-body[data-v-d03cd1] {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.miniapp-login-body .miniapp-login-stats[data-v-d03cd1] {
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.miniapp-login-body .miniapp-login-stats .stats-item[data-v-d03cd1] {
  background: #fff;
  border-radius: 4px;
  padding: .5rem 1rem;
  box-shadow: 0 0 4px #0000001a;
}

.miniapp-login-body .miniapp-login-content[data-v-d03cd1] {
  width: 100%;
  max-width: 400px;
  margin: auto;
}

.miniapp-login-footer[data-v-d03cd1] {
  text-align: center;
  background-color: #eee;
  padding: .5rem;
  font-size: .875rem;
}

@media (width >= 768px) {
  .miniapp-login[data-v-d03cd1] {
    min-width: 60rem;
  }
}

.miniapp-login-form[data-v-14b81f] {
  flex-direction: column;
  gap: 1rem;
  max-width: 400px;
  margin: 0 auto;
  padding: 1rem;
  display: flex;
}

.miniapp-login-form .text-center[data-v-14b81f] {
  text-align: center;
}

.miniapp-login-form label[data-v-14b81f] {
  font-weight: 600;
}

.miniapp-login-form input[type="email"][data-v-14b81f], .miniapp-login-form input[type="password"][data-v-14b81f] {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  padding: .5rem;
}

.miniapp-login-form button.btn.btn-blue[data-v-14b81f] {
  color: #fff;
  cursor: pointer;
  background-color: #007bff;
  border: none;
  border-radius: 4px;
  padding: .75rem;
}

.miniapp-login-form button.btn.btn-blue[data-v-14b81f]:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.miniapp-login-form .miniapp-login-form-error[data-v-14b81f] {
  color: #dc3545;
  font-weight: bold;
}

.miniapp-login-form .miniapp-login-form-forgot[data-v-14b81f] {
  text-align: right;
}

.miniapp-login-form .miniapp-login-form-forgot a[data-v-14b81f] {
  color: #007bff;
  font-size: .875rem;
  text-decoration: none;
}

@media (width <= 576px) {
  .miniapp-login-form[data-v-14b81f] {
    max-width: 90%;
    padding: .5rem;
  }
}

.ui-textarea {
  vertical-align: top;
  resize: vertical;
  background: #e5eaf0;
  border: none;
  border-radius: .5rem;
  outline: none;
  min-width: 0;
  min-height: 10rem;
  padding: 1rem;
  display: inline-block;
}

.ui-textarea::placeholder {
  color: #556584;
}

.ui-textarea-readonly, .ui-textarea-readonly:hover, .ui-textarea-readonly:focus, .ui-textarea-readonly:focus:hover {
  background: #e5eaf0;
}

.ui-textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ui-textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ui-filter {
  background: #e5eaf0;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  padding: .125rem;
  display: flex;
}

.ui-filter-option {
  text-align: center;
  white-space: nowrap;
  padding: .5rem 1rem;
  line-height: 1.25rem;
}

.ui-filter-option-active {
  background: #fff;
  border-radius: .375rem;
  box-shadow: 0 .125rem .1875rem #0c325a29;
}

.ui-input[data-v-f270a6] {
  vertical-align: top;
  background: #e5eaf0;
  border: none;
  border-radius: 1.5rem;
  outline: none;
  min-width: 0;
  height: 2.25rem;
  padding: 0 1rem;
  display: inline-block;
}

.ui-input[data-v-f270a6]::placeholder {
  color: #556584;
}

.ui-input-readonly[data-v-f270a6], .ui-input-readonly[data-v-f270a6]:hover, .ui-input-readonly[data-v-f270a6]:focus, .ui-input-readonly[data-v-f270a6]:focus:hover {
  color: #e5eaf0;
  background: #fff;
  border-color: #e5eaf0;
}

.ui-input[data-v-f270a6]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ui-input[data-v-f270a6]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ui-button[data-v-e2c7db] {
  color: #fff;
  background-color: #556584;
  border: none;
  border-radius: .5rem;
  outline: none;
  padding: .5rem 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
}

.ui-button[data-v-e2c7db]:disabled {
  background-color: #55658480;
}

.ui-button-green[data-v-e2c7db] {
  background: #00ae7a;
}

.ui-button-red[data-v-e2c7db] {
  background: #ff3666;
}

.ui-button-gray[data-v-e2c7db] {
  background: $ color-gray;
}

.ui-button-greenwhite[data-v-e2c7db] {
  color: #00ae7a;
  background: #fff;
  border: 2px solid #00ae7a;
}

.ui-checkbox {
  vertical-align: top;
  cursor: pointer;
  margin-top: .375rem;
  margin-bottom: .375rem;
  padding-left: 2rem;
  line-height: 1.5rem;
  display: inline-block;
  position: relative;
}

.ui-checkbox-icon {
  background: #556584;
  width: .625rem;
  height: .625rem;
  font-size: .875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ui-checkbox-disabled .ui-checkbox-icon {
  background: #98a7b680;
}

.ui-checkbox-icon-wrapper {
  background: #e5eaf0;
  border: 1px solid #5565844d;
  border-radius: .125rem;
  width: 1rem;
  height: 1rem;
  padding: .125rem;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translate(-50%, -50%);
}

.ui-checkbox-disabled .ui-checkbox-icon-wrapper {
  background: none;
  border-color: #98a7b680;
}

.ui-checkbox-label {
  vertical-align: top;
  transition-duration: .3s;
  display: inline-block;
}

.ui-busy {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  background-image: url("loading.486af230.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}

.ui-error {
  color: #ff3666;
  text-align: center;
  background: #ff36661a;
  border-radius: .25rem;
  margin: 1rem 0;
  padding: .5rem;
  line-height: 1.25rem;
}

.image-gallery {
  z-index: 1000;
  background: #55658480;
  position: fixed;
  inset: 0;
}

.image-gallery-control {
  color: #fff;
  line-height: ;
  text-align: center;
  z-index: 10;
  background: #0c325a;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  position: absolute;
}

.image-gallery-control-disabled {
  background: #98a7b6;
}

.image-gallery-control-close {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-gallery-control-close-icon {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  background-image: url("cross.3a1a7e4b.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-gallery-control-left {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.image-gallery-control-left-icon {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  background-image: url("arrow.fc102939.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(180deg);
}

.image-gallery-control-disabled .image-gallery-control-left-icon {
  opacity: .5;
}

.image-gallery-control-right {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

.image-gallery-control-right-icon {
  vertical-align: top;
  width: 1rem;
  height: 1rem;
  line-height: inherit;
  background-image: url("arrow.fc102939.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-gallery-control-disabled .image-gallery-control-right-icon {
  opacity: .5;
}

.image-gallery-content {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.image-gallery-content-wrapper {
  background: #fff;
  border-radius: .5rem;
  position: absolute;
  inset: 4rem;
}

.image-gallery-content-item {
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: calc(100vh - 8rem);
  transition-duration: .3s;
  display: inline-block;
}