.kind[data-v-830eb652] {
  position: absolute;
  right: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  border-radius: 15px;
  height: 18px;
  line-height: 18px;
  padding: 0px 10px;
  background: #61ADE8;
  color: #fff;
  text-transform: uppercase;
}

.role[data-v-6a20195b] {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.role[data-v-6a20195b]:last-child {
  border: none;
}
.role .image[data-v-6a20195b] {
  height: 40px;
  width: 40px;
  background-color: #eee;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
}
.role .name[data-v-6a20195b] {
  color: #444;
  font-size: 14px;
  padding: 2px 0 5px;
}
.role .institute[data-v-6a20195b] {
  color: #888;
  font-size: 12px;
  padding: 5px 0;
}

.option[data-v-cd1d1576] {
  display: inline-block;
  height: calc(44vw - 40px);
  width: calc(44vw - 40px);
  margin: 30px 20px;
}
.option .image[data-v-cd1d1576] {
  height: calc(44vw - 40px);
  width: calc(44vw - 40px);
}
.option .name[data-v-cd1d1576] {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  height: 32px;
  line-height: 32px;
}
.option.active[data-v-cd1d1576] {
  position: fixed;
  left: 0;
  top: 64px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 24;
}
.option.active .image[data-v-cd1d1576] {
  width: 64vw;
  height: 64vw;
}

.tip[data-v-0b0d0726] {
  width: calc(50% - 10px);
  display: inline-block;
  vertical-align: top;
  height: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 5px;
}

.inline[data-v-790a8569] {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 96px);
}
.apartment[data-v-790a8569] {
  position: relative;
  display: block;
  padding: 10px 0;
  margin: 4px 8px;
  border-radius: 8px;
}
.apartment .logo[data-v-790a8569] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  margin: 0 15px;
  text-align: center;
  color: #888;
  line-height: 20px;
  font-size: 25px;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  border-radius: 10px;
  flex-direction: column;
}
.apartment .name[data-v-790a8569] {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 20px;
  color: #999999;
  text-transform: capitalize;
}
.apartment .detail[data-v-790a8569] {
  align-items: center;
  color: #ccc;
  line-height: 20px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.apartment .actions[data-v-790a8569] {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.apartment .actions .action[data-v-790a8569] {
  display: flex;
  height: 32px;
  width: 32px;
  margin: 5px;
  color: #ccc;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}
.apartment .status[data-v-790a8569] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 16px;
  color: green;
  flex-direction: column;
  margin: 0 10px;
}

.blocks[data-v-70d17d77] {
  padding: 5px 5px 15px;
}
.block[data-v-70d17d77] {
  display: inline-block !important;
  vertical-align: top;
  width: calc(100% / 4 - 1px);
  position: relative;
  margin: 10px 0;
}
.block .icon[data-v-70d17d77] {
  height: 64px;
  width: 100%;
  font-size: 18px;
  text-align: center;
  line-height: 64px;
}
.block .details[data-v-70d17d77] {
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px;
}
.block .counts[data-v-70d17d77] {
  position: absolute;
  top: 0;
  left: 68%;
  transform: translate(-50%, 0);
  background: #65D855;
  height: 12px;
  padding: 0 6px;
  text-align: center;
  font-size: 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.validity[data-v-11a70092] {
  margin: 16px 10vw 16px;
  border-radius: 16px;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
}
.validity .type[data-v-11a70092] {
  color: #888;
  line-height: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: center;
  width: 50%;
  text-align: center;
}
.select.option[data-v-11a70092] {
  white-space: nowrap;
  margin: 5px 0;
  padding: 10px 20px;
  overflow: auto;
}
.select.option .option[data-v-11a70092] {
  display: inline-block;
  width: 38px;
  line-height: 36px;
  margin-right: 10px;
  color: #888;
  border-radius: 48px;
  text-align: center;
  border: 1px solid transparent;
}
.select.option .option.selected[data-v-11a70092] {
  color: #2874f0;
  border: 1px solid #2874f0;
  border-radius: 50px;
}

.pass .name[data-v-e4c42300] {
  font-size: 20px;
  color: #444;
}
.pass .members[data-v-e4c42300] {
  height: 64px;
  width: 64px;
  line-height: 62px;
  font-size: 23px;
  margin: 50px auto 0px;
  padding: 0;
  border-radius: 50%;
  color: #888;
  border: 1px solid #888;
}
.pass .apartment[data-v-e4c42300] {
  font-size: 32px;
  color: #aaa;
  margin: 20px 0;
}
.pass .vehicle[data-v-e4c42300] {
  letter-spacing: 2px;
  color: #888;
  font-size: 20px;
  text-transform: uppercase;
}

.select.option[data-v-031cc6a5] {
  white-space: nowrap;
  margin: 5px 0;
  padding: 10px 20px;
  background: #fff;
}
.select.option .option[data-v-031cc6a5] {
  display: inline-block;
  width: 38px;
  line-height: 36px;
  margin-right: 10px;
  color: #888;
  border-radius: 48px;
  text-align: center;
  border: 1px solid transparent;
}
.select.option .option.selected[data-v-031cc6a5] {
  color: #2874f0;
  border: 1px solid #2874f0;
  border-radius: 50px;
}

.select.option[data-v-2a326480] {
  white-space: nowrap;
  margin: 5px 0;
  padding: 10px 20px;
  background: #fff;
}
.select.option .option[data-v-2a326480] {
  display: inline-block;
  width: 38px;
  line-height: 36px;
  margin-right: 10px;
  color: #888;
  border-radius: 48px;
  text-align: center;
  border: 1px solid transparent;
}
.select.option .option.selected[data-v-2a326480] {
  color: #2874f0;
  border: 1px solid #2874f0;
  border-radius: 50px;
}

.inline[data-v-34d119ef] {
  display: inline-block;
  vertical-align: top;
}
.visitor[data-v-34d119ef] {
  display: block;
  padding: 15px 0;
  position: relative;
  margin: 4px 8px;
  border-radius: 8px;
}
.visitor .kind[data-v-34d119ef] {
  position: absolute;
  right: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  border-radius: 15px;
  height: 18px;
  line-height: 18px;
  padding: 0px 10px;
  background: #61ADE8;
  color: #fff;
  text-transform: uppercase;
}
.visitor .photo[data-v-34d119ef] {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 48px;
  width: 48px;
  margin: 0 15px;
  background-color: #eee;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.visitor .name[data-v-34d119ef] {
  margin-top: 4px;
  height: 26px;
  font-size: 20px;
  color: #999999;
  text-transform: capitalize;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.visitor .detail[data-v-34d119ef] {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #ccc;
  height: 16px;
  font-size: 12px;
}
.visitor.waiting[data-v-34d119ef] {
  padding-bottom: 0;
}
.visitor .actions[data-v-34d119ef] {
  display: table;
  width: 100%;
  text-align: center;
  border-top: 1px solid #eee;
  margin-top: 13px;
}
.visitor .actions .action[data-v-34d119ef] {
  display: table-cell;
  height: 40px;
  line-height: 40px;
  color: #888;
  font-size: 14px;
}
.visitor .actions .action i[data-v-34d119ef] {
  font-size: 14px;
  padding: 0 7px;
}

.stat[data-v-398250fb] {
  width: calc(100% / 3 - 4px);
  display: inline-block;
  text-align: center;
}
.field[data-v-398250fb] {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.value[data-v-398250fb] {
  font-size: 18px;
  padding: 10px 0px 16px;
}

.tags[data-v-7164ca15] {
  overflow: auto;
  line-height: 26px;
  white-space: nowrap;
  margin: 16px 0;
  padding: 0 16px;
}
.tags .tag[data-v-7164ca15] {
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
  border-radius: 16px;
  font-size: 12px;
}
.tags .tag.active[data-v-7164ca15] {
  background: #1f7be3;
  color: #fff;
  border-color: #1f7be3;
}

.tags[data-v-773fbb6a] {
  overflow: auto;
  line-height: 26px;
  white-space: nowrap;
  margin: 16px 0;
  padding: 0 16px;
}
.tags .tag[data-v-773fbb6a] {
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
  border-radius: 16px;
  font-size: 12px;
}
.tags .tag.active[data-v-773fbb6a] {
  background: #1f7be3;
  color: #fff;
  border-color: #1f7be3;
}

.item[data-v-4e752a74] {
  padding: 5px;
  margin: 0 0 5px;
}
.item .image[data-v-4e752a74] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-4e752a74] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.tip[data-v-071b00f4] {
  width: calc(50% - 10px);
  display: inline-block;
  vertical-align: top;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 5px;
}

.bill[data-v-699b4099] {
  display: block;
  padding: 15px 0px 15px 15px;
  height: 72px;
  position: relative;
  margin: 8px;
  border-radius: 8px;
}
.bill .title[data-v-699b4099] {
  font-size: 18px;
}
.bill .description[data-v-699b4099] {
  height: 20px;
  color: #ccc;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.bill .amount[data-v-699b4099] {
  color: green;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.inline[data-v-209350a6] {
  display: inline-block;
  vertical-align: top;
}
.member[data-v-209350a6] {
  position: relative;
  display: block;
  padding: 15px 0;
  background: #fff;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #f7f7f7;
}
.member .photo[data-v-209350a6] {
  display: inline-block;
  vertical-align: top;
  height: 42px;
  width: 42px;
  margin: 0 15px;
  background-color: #eee;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.member .name[data-v-209350a6] {
  display: flex;
  align-items: center;
  height: 26px;
  font-size: 20px;
  color: #999999;
  text-transform: capitalize;
}
.member .detail[data-v-209350a6] {
  display: flex;
  align-items: center;
  color: #ccc;
  height: 16px;
  font-size: 12px;
}
.member .amount[data-v-209350a6] {
  position: absolute;
  right: 16px;
  font-size: 16px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: darkred;
}

.invoice[data-v-e0f61fe4] {
  display: block;
  padding: 15px 0px 15px 15px;
  height: 72px;
  position: relative;
  margin: 8px;
  border-radius: 8px;
}
.invoice .title[data-v-e0f61fe4] {
  font-size: 18px;
}
.invoice .description[data-v-e0f61fe4] {
  height: 20px;
  color: #ccc;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.invoice .amount[data-v-e0f61fe4] {
  color: green;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.item[data-v-2ce67258] {
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
}
.item .image[data-v-2ce67258] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  margin: 8px 10px 8px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.item .name[data-v-2ce67258] {
  display: flex;
  font-size: 14px;
  flex-direction: column;
}
.item .amount[data-v-2ce67258] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  display: flex;
  align-items: center;
}
.item .details[data-v-2ce67258] {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 7px;
}
.item .details > div[data-v-2ce67258] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3 - 5px);
  text-align: center;
}
.item .details .title[data-v-2ce67258] {
  color: #888;
  font-size: 10px;
  line-height: 20px;
}
.item .details .value[data-v-2ce67258] {
  color: #444;
  font-size: 14px;
  line-height: 20px;
}

.stat[data-v-83b814c2] {
  width: calc(100% / 3 - 4px);
  display: inline-block;
  text-align: center;
}
.field[data-v-83b814c2] {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.value[data-v-83b814c2] {
  font-size: 18px;
  padding: 10px 0px 16px;
}

.inline[data-v-bae1ddd6] {
  display: inline-block;
  vertical-align: top;
}
.member[data-v-bae1ddd6] {
  position: relative;
  display: block;
  padding: 15px 0;
  margin: 4px 8px;
  width: 100%;
  border-radius: 8px;
}
.member .photo[data-v-bae1ddd6] {
  display: inline-block;
  vertical-align: top;
  height: 48px;
  width: 48px;
  margin: 0 15px;
  background-color: #eee;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.member .name[data-v-bae1ddd6] {
  display: flex;
  align-items: center;
  height: 26px;
  font-size: 20px;
  text-transform: capitalize;
}
.member .detail[data-v-bae1ddd6] {
  display: flex;
  align-items: center;
  color: #ccc;
  height: 16px;
  font-size: 12px;
}
.member .actions[data-v-bae1ddd6] {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 5px;
}
.member .actions .action[data-v-bae1ddd6] {
  display: flex;
  height: 32px;
  width: 32px;
  margin: 5px;
  color: #ccc;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}

.stat[data-v-7f5a7eb8] {
  width: calc(100% / 3 - 4px);
  display: inline-block;
  text-align: center;
}
.field[data-v-7f5a7eb8] {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.value[data-v-7f5a7eb8] {
  font-size: 18px;
  padding: 10px 0px 16px;
}

.inline[data-v-7227138a] {
  display: inline-block;
  vertical-align: top;
}
.personnel[data-v-7227138a] {
  display: block;
  position: relative;
  padding: 15px 0;
  margin: 4px 8px;
  border-radius: 8px;
}
.personnel .photo[data-v-7227138a] {
  display: inline-block;
  vertical-align: top;
  height: 48px;
  width: 48px;
  margin: 0 15px;
  background-color: #eee;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.personnel .name[data-v-7227138a] {
  display: flex;
  align-items: center;
  height: 26px;
  font-size: 20px;
  color: #999999;
  text-transform: capitalize;
}
.personnel .detail[data-v-7227138a] {
  display: flex;
  align-items: center;
  color: #ccc;
  height: 16px;
  font-size: 12px;
}
.personnel .actions[data-v-7227138a] {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.personnel .actions .action[data-v-7227138a] {
  display: flex;
  height: 32px;
  width: 32px;
  margin: 5px;
  color: #ccc;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}

.list[data-v-57b54e30] {
  margin: 0 10px;
}
.list .item[data-v-57b54e30] {
  height: 48px;
  padding: 0;
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
}
.list .item[data-v-57b54e30]:last-child {
  border: none;
}
.list .item .status[data-v-57b54e30] {
  font-size: 20px;
  color: #888;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
  width: 48px;
  justify-content: center;
}
.list .item .name[data-v-57b54e30] {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 300;
}

.options[data-v-6285712b]::before {
  right: 20%;
  top: -20px;
  border: 4px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 10px;
}
.option[data-v-6285712b] {
  font-size: 16px;
  color: #255F55;
  letter-spacing: 1px;
  font-family: Roboto;
  border: 1px solid rgba(203, 47, 45, 0.2);
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  height: calc(100vw / 4 - 36px);
  margin: 10px;
  width: calc(100vw / 4 - 36px);
}
.option.selected[data-v-6285712b] {
  background: #255F55;
  color: #fff;
  border-color: #fff;
}

.option[data-v-4b7533dd] {
  line-height: 48px;
  height: 48px;
  font-size: 14px;
  color: #09c;
  letter-spacing: 1px;
  min-width: 140px;
  font-family: Roboto;
  border-bottom: 1px solid #f2f2f2;
  white-space: nowrap;
  position: relative;
  padding-right: 48px;
}
.option i.left[data-v-4b7533dd] {
  font-size: 16px;
  width: 24px;
  height: 48px;
  margin-right: 12px;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
}
.option i.right[data-v-4b7533dd] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.option[data-v-4b7533dd]:last-child {
  border: none;
}

.inline[data-v-5603b833] {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 96px);
}
.society[data-v-5603b833] {
  position: relative;
  display: block;
  padding: 10px 0;
  margin: 8px;
  border-radius: 8px;
}
.society .image[data-v-5603b833] {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 96px);
  height: 48px;
  width: 48px;
  background-color: #f2f2f2;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  margin: 0 10px 0 5px;
}
.society .name[data-v-5603b833] {
  display: flex;
  align-items: center;
  height: 30px;
  font-size: 20px;
  text-transform: capitalize;
}
.society .detail[data-v-5603b833] {
  align-items: center;
  color: #ccc;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.society .actions[data-v-5603b833] {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.society .actions .action[data-v-5603b833] {
  display: flex;
  height: 32px;
  width: 32px;
  margin: 5px;
  color: #ccc;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}
.society .status[data-v-5603b833] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: green;
  margin: 0 10px;
}

.vehicle[data-v-b955722e] {
  display: block;
  background-color: #fff;
  position: relative;
  margin: 10px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.vehicle .registration[data-v-b955722e] {
  position: absolute;
  right: 12px;
  top: 50%;
  font-weight: bold;
  transform: translate(0, -50%);
  background: #000;
  color: yellow;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 20px;
}
.vehicle .image[data-v-b955722e] {
  display: inline-flex;
  vertical-align: top;
  width: 96px;
  margin: 0 10px;
  color: #888;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  height: 76px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.vehicle .title[data-v-b955722e] {
  display: flex;
  align-items: center;
  height: 22px;
  font-size: 18px;
  color: #444;
}
.vehicle .details[data-v-b955722e] {
  display: flex;
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  color: #999;
}
.vehicle .status[data-v-b955722e] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 77px;
  padding: 0 10px;
  font-size: 12px;
  color: darkorange;
}
.vehicle .actions[data-v-b955722e] {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vehicle .make[data-v-b955722e] {
  font-size: 10px;
  text-transform: uppercase;
  color: #444;
  line-height: 16px;
}
.vehicle .model[data-v-b955722e] {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0px;
}

.log[data-v-ce7702da] {
  display: block;
  padding: 15px 0px;
  position: relative;
  margin: 4px 8px;
  border-radius: 8px;
}
.log .image[data-v-ce7702da] {
  display: inline-flex;
  vertical-align: top;
  width: 48px;
  margin: 0 15px;
  color: #888;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  height: 42px;
}
.log .title[data-v-ce7702da] {
  display: flex;
  align-items: center;
  height: 22px;
  font-size: 18px;
  text-transform: capitalize;
}
.log .details[data-v-ce7702da] {
  display: flex;
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  color: #999;
}
.log .status[data-v-ce7702da] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 77px;
  padding: 0 10px;
  font-size: 12px;
  color: darkorange;
}
.log .actions[data-v-ce7702da] {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vehicle[data-v-1536642f] {
  display: block;
  padding: 15px 0px;
  position: relative;
  margin: 4px 8px;
  border-radius: 8px;
}
.vehicle .image[data-v-1536642f] {
  display: inline-flex;
  vertical-align: top;
  width: 48px;
  margin: 0 15px;
  color: #888;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  height: 42px;
}
.vehicle .title[data-v-1536642f] {
  display: flex;
  align-items: center;
  height: 22px;
  font-size: 18px;
  text-transform: capitalize;
}
.vehicle .details[data-v-1536642f] {
  display: flex;
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  color: #999;
}
.vehicle .status[data-v-1536642f] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 77px;
  padding: 0 10px;
  font-size: 12px;
  color: darkorange;
}
.vehicle .actions[data-v-1536642f] {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inline[data-v-4b3eeda6] {
  display: inline-block;
  vertical-align: top;
}
.visitor[data-v-4b3eeda6] {
  display: block;
  padding: 15px 0;
  position: relative;
  margin: 4px 8px;
  border-radius: 8px;
}
.visitor .kind[data-v-4b3eeda6] {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0px, -50%);
  font-size: 10px;
  letter-spacing: 1px;
  border-radius: 15px;
  height: 18px;
  line-height: 18px;
  padding: 0px 10px;
  background: #61ADE8;
  color: #fff;
  text-transform: uppercase;
}
.visitor .photo[data-v-4b3eeda6] {
  display: inline-block;
  vertical-align: top;
  height: 48px;
  width: 48px;
  margin: 0 15px;
  background-color: #eee;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.visitor .name[data-v-4b3eeda6] {
  display: flex;
  align-items: center;
  height: 26px;
  font-size: 20px;
  color: #999999;
  text-transform: capitalize;
}
.visitor .detail[data-v-4b3eeda6] {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #ccc;
  height: 16px;
  font-size: 12px;
}
.visitor.waiting[data-v-4b3eeda6] {
  padding-bottom: 0;
}
.visitor .actions[data-v-4b3eeda6] {
  display: table;
  width: 100%;
  text-align: center;
  border-top: 1px solid #eee;
  margin-top: 13px;
}
.visitor .actions .action[data-v-4b3eeda6] {
  display: table-cell;
  height: 40px;
  line-height: 40px;
  color: #888;
  font-size: 14px;
}
.visitor .actions .action i[data-v-4b3eeda6] {
  font-size: 14px;
  padding: 0 7px;
}

.item[data-v-84876572] {
  position: relative;
}
.counts[data-v-84876572] {
  position: absolute;
  top: 0;
  left: 68%;
  transform: translate(-50%, 0);
  background: #65D855;
  height: 12px;
  padding: 0 6px;
  text-align: center;
  font-size: 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item[data-v-472e067a] {
  padding: 5px;
  margin: 0 0 5px;
}
.item .image[data-v-472e067a] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-472e067a] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.item[data-v-2a85ad16] {
  padding: 5px;
  margin: 0 0 5px;
}
.item .image[data-v-2a85ad16] {
  color: #444;
  font-size: 14px;
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-2a85ad16] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.comment[data-v-ad9d943a] {
  min-height: 68px;
  position: relative;
  padding: 10px 10px 10px 74px;
}
.comment .senderImage[data-v-ad9d943a] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #eee;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  position: absolute;
  left: 10px;
  top: 10px;
}
.comment .title[data-v-ad9d943a] {
  display: flex;
  height: 16px;
  align-items: center;
  margin-bottom: 6px;
  margin-top: 2px;
}
.comment .title .senderName[data-v-ad9d943a] {
  font-weight: bold;
  font-size: 14px;
  padding-right: 5px;
}
.comment .title .time[data-v-ad9d943a] {
  font-size: 10px;
  color: #aaa;
  padding-left: 6px;
}
.comment .content[data-v-ad9d943a] {
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  color: #777;
}

.inline[data-v-6b2089ca] {
  width: calc(100% - 74px);
}
.notice[data-v-6b2089ca] {
  display: block;
  padding: 15px 0px;
  margin: 8px;
  border-radius: 8px;
  position: relative;
}
.notice > .date[data-v-6b2089ca] {
  display: inline-block;
  vertical-align: top;
  width: 64px;
}
.notice > .date .date[data-v-6b2089ca] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  color: #888;
}
.notice > .date .day[data-v-6b2089ca] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  color: #888;
}
.notice .title[data-v-6b2089ca] {
  height: 22px;
  line-height: 22px;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notice .detail[data-v-6b2089ca] {
  display: flex;
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  color: #aaa;
}
.notice .kind[data-v-6b2089ca] {
  position: absolute;
  right: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  border-radius: 15px;
  height: 18px;
  line-height: 18px;
  padding: 0px 10px;
  background: #61ADE8;
  color: #fff;
  text-transform: uppercase;
}
.notice .type[data-v-6b2089ca] {
  color: #ccc;
  width: 64px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.inline[data-v-25751d43] {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 90px);
}
.member[data-v-25751d43] {
  position: relative;
  padding: 15px 0;
  margin: 8px;
  border-radius: 8px;
  display: block;
  width: initial;
}
.member .photo[data-v-25751d43] {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 90px);
  height: 48px;
  width: 48px;
  margin: 0 15px;
  background-color: #eee;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.member .name[data-v-25751d43] {
  display: flex;
  align-items: center;
  height: 26px;
  font-size: 20px;
  text-transform: capitalize;
}
.member .detail[data-v-25751d43] {
  display: flex;
  align-items: center;
  color: #ccc;
  height: 16px;
  font-size: 12px;
}
.member .kind[data-v-25751d43] {
  position: absolute;
  right: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  border-radius: 15px;
  height: 18px;
  line-height: 18px;
  padding: 0px 10px;
  background: #61ADE8;
  color: #fff;
  text-transform: uppercase;
}
.member .actions[data-v-25751d43] {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 5px;
}
.member .actions .action[data-v-25751d43] {
  display: flex;
  height: 32px;
  width: 32px;
  margin: 5px;
  color: #ccc;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}

.inline[data-v-7c64da48] {
  width: calc(100% - 74px);
}
.panic[data-v-7c64da48] {
  display: block;
  padding: 15px 0px;
  margin: 4px 8px;
  border-radius: 8px;
  position: relative;
}
.panic > .date[data-v-7c64da48] {
  display: inline-block;
  vertical-align: top;
  width: 64px;
}
.panic > .date .date[data-v-7c64da48] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  color: #888;
}
.panic > .date .day[data-v-7c64da48] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  color: #888;
}
.panic .title[data-v-7c64da48] {
  height: 22px;
  line-height: 22px;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
.panic .detail[data-v-7c64da48] {
  display: flex;
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  color: #aaa;
}
.panic .type[data-v-7c64da48] {
  color: #ccc;
  width: 64px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.panic .image[data-v-7c64da48] {
  position: absolute;
  top: 15px;
  right: 16px;
  height: 42px;
  width: 42px;
  background-size: contain;
  background-position: center;
}

.list[data-v-652737c0] {
  margin: 0;
  border-radius: 7px;
}
.list .item[data-v-652737c0] {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.list .item .name[data-v-652737c0] {
  height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #444;
  margin-bottom: 7px;
}
.list .item .details[data-v-652737c0] {
  font-size: 12px;
  color: #aaa;
  display: flex;
  align-items: center;
  height: 18px;
}
.list .item .other[data-v-652737c0] {
  color: #aaa;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.option[data-v-6b8e6e40] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-6b8e6e40] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-6b8e6e40] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.option-subtext[data-v-6b8e6e40] {
  font-size: 10px;
  color: #888;
  padding: 4px 12px 16px;
  line-height: 14px;
  text-align: justify;
}

.list[data-v-9e775c46] {
  margin: 0;
  border-radius: 7px;
}
.list .item[data-v-9e775c46] {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.list .item .name[data-v-9e775c46] {
  height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #444;
  margin-bottom: 7px;
}
.list .item .details[data-v-9e775c46] {
  font-size: 12px;
  color: #aaa;
  display: flex;
  align-items: center;
  height: 18px;
}
.list .item .other[data-v-9e775c46] {
  color: #aaa;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
}

.list[data-v-27290118] {
  margin: 0;
  border-radius: 7px;
}
.list .item[data-v-27290118] {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.list .item .name[data-v-27290118] {
  height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #444;
  margin-bottom: 7px;
}
.list .item .details[data-v-27290118] {
  font-size: 12px;
  color: #aaa;
  display: flex;
  align-items: center;
  height: 18px;
}
.list .item .other[data-v-27290118] {
  color: #aaa;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
}

.item[data-v-7e8acfbb] {
  padding: 8px 15px 8px 58px;
  position: relative;
  margin: 6px 8px;
  border-radius: 8px;
}
.item.active[data-v-7e8acfbb] {
  background: #fff;
}
.item .image[data-v-7e8acfbb] {
  position: absolute;
  left: 10px;
  top: 14px;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item .party[data-v-7e8acfbb] {
  line-height: 22px;
  font-size: 14px;
  font-weight: 300;
}
.item .services[data-v-7e8acfbb] {
  color: #888;
  font-size: 12px;
  line-height: 26px;
  font-weight: 300;
}
.item .time[data-v-7e8acfbb] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .tags[data-v-7e8acfbb] {
  position: absolute;
  bottom: 10px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .tags .tag[data-v-7e8acfbb] {
  text-transform: uppercase;
  border: 1px solid rgba(219, 112, 147, 0.2);
  color: #db7093;
  padding: 0 10px;
  border-radius: 10px;
  margin-left: 6px;
  font-size: 10px;
  letter-spacing: 1px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.item .tags .tag.account[data-v-7e8acfbb] {
  background-color: #00ffff;
  border-color: rgba(0, 0, 0, 0.06);
  color: #666;
}
.item .amount[data-v-7e8acfbb] {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 16px;
  color: #444;
}

.date[data-v-0fab4f16] {
  padding: 0 16px;
  font-size: 12px;
  margin: 16px 0 4px;
  color: #666;
}

.duration[data-v-ae18ea66] {
  text-transform: uppercase;
  font-size: 12px;
  background: #fff;
  padding: 4px 8px;
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.stats-block[data-v-ae18ea66] {
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  padding: 16px 22px 16px 58px;
  margin: 0 2px 4px 0;
  position: relative;
  min-width: calc(50% - 4px);
}
.stats-block .value[data-v-ae18ea66] {
  line-height: 32px;
}
.stats-block .title[data-v-ae18ea66] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
}
.stats-block .icon[data-v-ae18ea66] {
  color: #fff;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translate(0, -50%);
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
}

.item[data-v-54a91ae1] {
  padding: 8px 15px 8px 58px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.item.active[data-v-54a91ae1] {
  background: #fff;
}
.item .image[data-v-54a91ae1] {
  position: absolute;
  left: 10px;
  top: 14px;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item .party[data-v-54a91ae1] {
  color: #444;
  line-height: 22px;
  font-size: 14px;
  font-weight: 300;
}
.item .services[data-v-54a91ae1] {
  color: #888;
  font-size: 12px;
  line-height: 26px;
  font-weight: 300;
}
.item .time[data-v-54a91ae1] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .tags[data-v-54a91ae1] {
  position: absolute;
  bottom: 10px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .tags .tag[data-v-54a91ae1] {
  text-transform: uppercase;
  border: 1px solid rgba(219, 112, 147, 0.2);
  color: #db7093;
  padding: 0 10px;
  border-radius: 10px;
  margin-left: 6px;
  font-size: 10px;
  letter-spacing: 1px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.item .tags .tag.account[data-v-54a91ae1] {
  background-color: #00ffff;
  border-color: rgba(0, 0, 0, 0.04);
  color: #666;
}
.item .amount[data-v-54a91ae1] {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 16px;
  color: #444;
}

.item[data-v-3aac902c] {
  padding: 5px;
  margin: 0 0 5px;
}
.item .image[data-v-3aac902c] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-3aac902c] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.inline[data-v-59bbbc7c] {
  width: calc(100% - 74px);
}
.poll[data-v-59bbbc7c] {
  display: block;
  padding: 16px;
  margin: 16px 8px;
  position: relative;
  border-radius: 16px;
}
.poll .detail[data-v-59bbbc7c] {
  font-size: 12px;
  color: #aaa;
  text-align: right;
}
.poll .kind[data-v-59bbbc7c] {
  position: absolute;
  right: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  border-radius: 15px;
  height: 18px;
  line-height: 18px;
  padding: 0px 10px;
  background: #61ADE8;
  color: #fff;
  text-transform: uppercase;
}
.poll .question[data-v-59bbbc7c] {
  line-height: 20px;
  position: relative;
  min-height: 48px;
  display: flex;
  align-items: center;
  padding-left: 48px;
}
.poll .options[data-v-59bbbc7c] {
  margin: 10px 0;
}
.poll .options .option[data-v-59bbbc7c] {
  padding: 0 0 0 48px;
  position: relative;
  line-height: 20px;
  color: #888;
  min-height: 40px;
  display: flex;
  align-items: center;
  border-radius: 16px;
}
.poll .options .option .content[data-v-59bbbc7c] {
  width: 100%;
  padding: 16px 0;
  border-width: 0 0 1px 0;
}
.poll .options .option i[data-v-59bbbc7c] {
  position: absolute;
  left: 8px;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
}
.poll .options .option:last-child .content[data-v-59bbbc7c] {
  border: none;
}

.role[data-v-81cccc82] {
  position: relative;
  padding: 10px 0;
  margin: 8px 0;
  border-radius: 8px;
}
.role[data-v-81cccc82]:last-child {
  border: none;
}
.role .image[data-v-81cccc82] {
  height: 40px;
  width: 40px;
  background-color: #eee;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
}
.role .name[data-v-81cccc82] {
  font-size: 14px;
  margin: 2px 0;
}
.role .apartment[data-v-81cccc82] {
  color: #888;
  font-size: 12px;
  margin: 6px 0;
}

.level .name[data-v-131789f6] {
  color: #444;
  font-size: 16px;
}
.level .description[data-v-131789f6] {
  font-size: 14px;
  color: #888;
}

.item[data-v-7bceb22c] {
  padding: 5px;
  margin: 0 0 5px;
}
.item .image[data-v-7bceb22c] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-7bceb22c] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.item[data-v-5f6ade8a] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.item .image[data-v-5f6ade8a] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-5f6ade8a] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.item[data-v-097de18a] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.item .image[data-v-097de18a] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-097de18a] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.attachment .icon[data-v-14ba99dc] {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  color: blueviolet;
}
.attachment .filename[data-v-14ba99dc] {
  display: inline-flex;
  align-items: center;
  height: 48px;
  color: mediumvioletred;
}
.attachment .action[data-v-14ba99dc] {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #aaa;
}
.comment[data-v-14ba99dc] {
  min-height: 68px;
  position: relative;
  padding: 10px 10px 10px 74px;
}
.comment .senderImage[data-v-14ba99dc] {
  background-color: #eee;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  position: absolute;
  left: 10px;
  top: 10px;
}
.comment .title[data-v-14ba99dc] {
  display: flex;
  height: 16px;
  align-items: center;
  margin-bottom: 6px;
  margin-top: 2px;
}
.comment .title .senderName[data-v-14ba99dc] {
  font-weight: bold;
  font-size: 14px;
  color: #444;
  padding-right: 5px;
}
.comment .title .time[data-v-14ba99dc] {
  font-size: 10px;
  color: #aaa;
  padding-left: 6px;
}
.comment .content[data-v-14ba99dc] {
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  color: #777;
}

.ticket[data-v-849f113e] {
  display: block;
  padding: 15px 0px;
  position: relative;
  margin: 8px;
  border-radius: 8px;
}
.ticket .image[data-v-849f113e] {
  transform: rotate(-45deg);
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  margin: 0 15px;
  color: #aaa;
  font-size: 28px;
  align-items: center;
  justify-content: center;
}
.ticket .title[data-v-849f113e] {
  align-items: center;
  height: 22px;
  font-size: 18px;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 82%;
}
.ticket .details[data-v-849f113e] {
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  color: #999;
}
.ticket .status[data-v-849f113e] {
  text-transform: uppercase;
  border: 1px solid rgba(219, 112, 147, 0.3);
  color: #db7093;
  padding: 0px 10px;
  border-radius: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  bottom: 16px;
}

.stat[data-v-6f343c28] {
  width: calc(100% / 3 - 4px);
  display: inline-block;
  text-align: center;
}
.field[data-v-6f343c28] {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.value[data-v-6f343c28] {
  font-size: 18px;
  padding: 10px 0px 16px;
}

.list .item[data-v-0377981e] {
  margin-bottom: 4px;
  padding: 8px 15px 8px 54px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 54px;
}
.list .item .image[data-v-0377981e] {
  left: 10px;
  top: 6px;
  height: 42px;
  width: 42px;
  background: transparent;
  position: absolute;
  font-size: 22px;
  color: green;
  line-height: 42px;
  text-align: center;
}
.list .item .name[data-v-0377981e] {
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .details[data-v-0377981e] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .time[data-v-0377981e] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.list .item .price[data-v-0377981e] {
  position: absolute;
  right: 14px;
  color: green;
  font-size: 12px;
  font-weight: 300;
}

.tile[data-v-c5cea138] {
  position: relative;
  border-radius: 0;
  margin: 0 0 10px;
  overflow: hidden;
}
.tile .month[data-v-c5cea138] {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.category[data-v-c5cea138] {
  background: #fff;
  border-radius: 7px;
  margin: 10px;
  position: relative;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.category .image[data-v-c5cea138] {
  height: 32px;
  width: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: top;
  margin: 6px;
}
.category .name[data-v-c5cea138] {
  color: #666;
  font-size: 16px;
  padding: 5px 10px;
}
.category .value[data-v-c5cea138] {
  background: #51A1F8;
  height: 4px;
  border-radius: 5px;
}
.category .meter[data-v-c5cea138] {
  height: 4px;
  background: #eee;
  margin: 8px 10px;
  border-radius: 5px;
}
.category .amount[data-v-c5cea138] {
  position: absolute;
  top: 12px;
  right: 26px;
  font-size: 16px;
}

.tile[data-v-e385c188] {
  background: #fff;
  position: relative;
  border-radius: 0;
  margin: 10px 0;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.tile .month[data-v-e385c188] {
  color: #666;
  background: #fff;
  text-align: center;
  padding: 10px 0 20px;
}

.tile[data-v-4b4c8f4f] {
  position: relative;
  border-radius: 0;
  margin: 0 0 10px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.tile .month[data-v-4b4c8f4f] {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.option[data-v-d4d0e306] {
  height: 32px;
  background: #eee;
  line-height: 32px;
  text-align: center;
  width: calc(100% / 2 - 5px);
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
}
.option.left[data-v-d4d0e306] {
  border-radius: 20px 0 0 20px;
}
.option.right[data-v-d4d0e306] {
  border-radius: 0 20px 20px 0;
}
.option.active[data-v-d4d0e306] {
  background: #027be3;
  color: #fff;
}

.list[data-v-251fa3fe] {
  border-radius: 7px;
}
.list .item[data-v-251fa3fe] {
  min-height: 54px;
  padding: 8px 15px 8px 58px;
  position: relative;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.list .item[data-v-251fa3fe]:last-child {
  border: none;
}
.list .item .logo[data-v-251fa3fe] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.list .item .name[data-v-251fa3fe] {
  color: #444;
  line-height: 36px;
  font-size: 16px;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 80%;
}
.list .item .desc[data-v-251fa3fe] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .balance[data-v-251fa3fe] {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: center;
}

.category[data-v-3dc7bc24] {
  background: #fff;
  border-radius: 7px;
  margin: 10px;
  position: relative;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.category .image[data-v-3dc7bc24] {
  height: 32px;
  width: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: top;
  margin: 6px;
}
.category .name[data-v-3dc7bc24] {
  color: #666;
  font-size: 16px;
  padding: 5px 10px;
}
.category .value[data-v-3dc7bc24] {
  background: #51A1F8;
  height: 4px;
  border-radius: 5px;
}
.category .meter[data-v-3dc7bc24] {
  height: 4px;
  background: #eee;
  margin: 8px 10px;
  border-radius: 5px;
}
.category .amount[data-v-3dc7bc24] {
  position: absolute;
  top: 14px;
  right: 26px;
  font-size: 14px;
  color: #666;
}

.tile[data-v-0c2f3612] {
  margin: 20px 10px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  position: relative;
}
.tile .image[data-v-0c2f3612] {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px;
  position: relative;
}
.tile .name[data-v-0c2f3612] {
  display: inline-flex;
  vertical-align: top;
  height: 100%;
  align-items: center;
  padding: 0 10px;
  font-size: 14px;
}
.actions[data-v-0c2f3612] {
  display: flex;
  float: right;
  justify-content: center;
  align-items: center;
  height: 64px;
}
.actions .action[data-v-0c2f3612] {
  height: 32px;
  width: 32px;
  color: #aaa;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stats[data-v-0c2f3612] {
  display: flex;
  padding: 20px 0 10px;
}
.stats > div[data-v-0c2f3612] {
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #eee;
}
.stats > div[data-v-0c2f3612]:last-child {
  border: none;
}
.stats > div .amount[data-v-0c2f3612] {
  font-size: 24px;
  color: #ea6847;
}
.stats > div .desc[data-v-0c2f3612] {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #aaa;
  position: relative;
}

.list[data-v-5b29e032] {
  border-radius: 7px;
}
.list .item[data-v-5b29e032] {
  min-height: 54px;
  padding: 8px 15px 8px 58px;
  position: relative;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.list .item[data-v-5b29e032]:last-child {
  border: none;
}
.list .item .logo[data-v-5b29e032] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.list .item .name[data-v-5b29e032] {
  color: #444;
  line-height: 36px;
  font-size: 16px;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 80%;
}
.list .item .desc[data-v-5b29e032] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .amount[data-v-5b29e032] {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: center;
}

.item[data-v-a6c89126] {
  height: 54px;
  padding: 8px 15px 8px 58px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid #eeeeee;
}
.item .image[data-v-a6c89126] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.item .name[data-v-a6c89126] {
  color: #444;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.item .desc[data-v-a6c89126] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.item .time[data-v-a6c89126] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .price[data-v-a6c89126] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
}
.item .price.credits[data-v-a6c89126] {
  color: green;
}
.item .price.debits[data-v-a6c89126] {
  color: #444;
}
.item .price .full[data-v-a6c89126] {
  display: none;
}
.item .price .readable[data-v-a6c89126] {
  display: block;
}
.item.active .price .full[data-v-a6c89126] {
  display: block;
}
.item.active .price .readable[data-v-a6c89126] {
  display: none;
}

.list[data-v-4fcfe983] {
  margin: 0 10px;
  border-radius: 7px;
}

.list[data-v-45d8a0dc] {
  border-radius: 7px;
}
.list .item[data-v-45d8a0dc] {
  min-height: 54px;
  padding: 8px 15px 8px 58px;
  position: relative;
  border-bottom: 1px solid #ead3dd;
}
.list .item[data-v-45d8a0dc]:last-child {
  border: none;
}
.list .item .logo[data-v-45d8a0dc] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.list .item .name[data-v-45d8a0dc] {
  color: #444;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .desc[data-v-45d8a0dc] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .amount[data-v-45d8a0dc] {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: center;
}

.item[data-v-05ae2e20] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.item .image[data-v-05ae2e20] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-05ae2e20] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.item[data-v-1df28fe8] {
  height: 54px;
  padding: 8px 15px 8px 58px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.item .image[data-v-1df28fe8] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.item .name[data-v-1df28fe8] {
  color: #444;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.item .desc[data-v-1df28fe8] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.item .time[data-v-1df28fe8] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .price[data-v-1df28fe8] {
  position: absolute;
  bottom: 9px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}

.list[data-v-243e7cf8] {
  margin: 0 10px;
  border-radius: 7px;
}

.tile[data-v-261459d1] {
  margin: 20px 10px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  position: relative;
}
.tile .image[data-v-261459d1] {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px;
  position: relative;
}
.tile .name[data-v-261459d1] {
  display: inline-flex;
  vertical-align: top;
  height: 100%;
  align-items: center;
  padding: 0 10px;
  font-size: 14px;
}
.actions[data-v-261459d1] {
  display: flex;
  float: right;
  justify-content: center;
  align-items: center;
  height: 64px;
}
.actions .action[data-v-261459d1] {
  height: 32px;
  width: 32px;
  color: #aaa;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stats[data-v-261459d1] {
  display: flex;
  padding: 20px 0 10px;
}
.stats > div[data-v-261459d1] {
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #eee;
}
.stats > div[data-v-261459d1]:last-child {
  border: none;
}
.stats > div .amount[data-v-261459d1] {
  font-size: 24px;
  color: #ea6847;
}
.stats > div .desc[data-v-261459d1] {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #aaa;
  position: relative;
}

.list[data-v-2726f935] {
  border-radius: 7px;
}
.list .item[data-v-2726f935] {
  min-height: 54px;
  padding: 8px 15px 8px 58px;
  position: relative;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.list .item .logo[data-v-2726f935] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.list .item .title[data-v-2726f935] {
  color: #444;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 80%;
  text-transform: capitalize;
}
.list .item .desc[data-v-2726f935] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .balance[data-v-2726f935] {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
}

.month[data-v-035345f4] {
  transition: 0.2s;
  font-size: 12px;
  letter-spacing: 2px;
  border: 1px solid transparent;
  text-transform: uppercase;
  color: #fff;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  font-weight: 300;
}
.month.active[data-v-035345f4] {
  transition: 0.2s;
  font-weight: normal;
  border-bottom-color: #fff;
}

.container[data-v-2f640d6d] {
  margin: 15px 10px;
  border-radius: 10px;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
  position: relative;
}
.container .transaction[data-v-2f640d6d] {
  margin: 0;
  z-index: 2;
  transition: 0.3s;
}
.container.unslided .transaction[data-v-2f640d6d] {
  transition: 0.3s;
  left: 0 !important;
}
.options[data-v-2f640d6d] {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  color: #777;
}
.options .icon[data-v-2f640d6d] {
  font-size: 12px;
  width: 40px;
  height: 40px;
  margin: 5px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.transaction .category-image[data-v-2f640d6d] {
  height: 28px;
  width: 28px;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin: 9px 10px 0 0;
}
.transaction .time[data-v-2f640d6d] {
  position: absolute;
  right: 10px;
  bottom: 6px;
  font-size: 10px;
  letter-spacing: 1px;
  color: #A1A1A1;
  font-weight: 300;
}
.transaction .amount[data-v-2f640d6d] {
  transition: 0.3s;
  position: absolute;
  text-align: right;
  right: 10px;
  top: 7px;
  font-size: 14px;
}
.transaction .group-name[data-v-2f640d6d],
.transaction .category-name[data-v-2f640d6d] {
  text-transform: capitalize;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 46px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #444444;
  font-weight: 300;
}
.transaction.active .amount[data-v-2f640d6d] {
  transition: 0.2s;
  top: 15px;
}
.transaction.active .members[data-v-2f640d6d] {
  display: none !important;
}
.container.rectangular[data-v-2f640d6d] {
  border-radius: 0;
  margin: 8px 0;
}
.container.rectangular .transaction[data-v-2f640d6d] {
  border-radius: 0;
}

.option[data-v-0cbaeff8] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-0cbaeff8] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-0cbaeff8] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.option[data-v-19ba92f2] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-19ba92f2] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-19ba92f2] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.inline[data-v-2d44669a] {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 90px);
}
.receipt[data-v-2d44669a] {
  position: relative;
  display: block;
  padding: 15px 0;
  background: #fff;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}
.receipt .photo[data-v-2d44669a] {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 90px);
  height: 48px;
  width: 48px;
  margin: 0 15px;
  border-radius: 50%;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.receipt .name[data-v-2d44669a] {
  display: flex;
  align-items: center;
  height: 26px;
  font-size: 20px;
  color: #999999;
  text-transform: capitalize;
}
.receipt .detail[data-v-2d44669a] {
  display: flex;
  align-items: center;
  color: #ccc;
  height: 16px;
  font-size: 12px;
}
.receipt .kind[data-v-2d44669a] {
  position: absolute;
  right: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  border-radius: 15px;
  height: 18px;
  line-height: 18px;
  padding: 0px 10px;
  background: #61ADE8;
  color: #fff;
  text-transform: uppercase;
}
.receipt .actions[data-v-2d44669a] {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 5px;
}
.receipt .actions .action[data-v-2d44669a] {
  display: flex;
  height: 32px;
  width: 32px;
  margin: 5px;
  color: #ccc;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}

.list[data-v-2e2781ce] {
  border-radius: 7px;
}
.list .item[data-v-2e2781ce] {
  min-height: 54px;
  padding: 8px 15px 8px 58px;
  position: relative;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.list .item .logo[data-v-2e2781ce] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  color: #888;
  font-size: 22px;
}
.list .item .logo-x[data-v-2e2781ce] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.list .item .name[data-v-2e2781ce] {
  color: #444;
  line-height: 36px;
  font-size: 16px;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 80%;
}
.list .item .desc[data-v-2e2781ce] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .balance[data-v-2e2781ce] {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: center;
}

.list[data-v-dff182f6] {
  border-radius: 7px;
}
.list .item[data-v-dff182f6] {
  min-height: 54px;
  padding: 8px 15px 8px 58px;
  position: relative;
  border-bottom: 1px solid #ead3dd;
}
.list .item[data-v-dff182f6]:last-child {
  border: none;
}
.list .item .logo[data-v-dff182f6] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.list .item .name[data-v-dff182f6] {
  color: #444;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .desc[data-v-dff182f6] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .amount[data-v-dff182f6] {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: center;
}

.body.desktop[data-v-fd1e7512] {
  padding-top: 96px;
}

.toolbar.desktop[data-v-4d960936] {
  height: 96px;
  display: flex;
  align-items: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 0 16px;
}
.toolbar.desktop .branding[data-v-4d960936] {
  display: flex;
}
.toolbar.desktop .branding .logo[data-v-4d960936] {
  display: inline-block;
  height: 64px;
  width: 64px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  margin: 0 20px;
}
.toolbar.desktop .branding .name[data-v-4d960936] {
  display: inline-block;
  height: 64px;
  font-size: 16px;
  line-height: 64px;
  color: #2C394B;
}
.toolbar.desktop .rightside[data-v-4d960936] {
  position: absolute;
  right: 32px;
  display: flex;
  align-items: center;
}
.toolbar.desktop .right[data-v-4d960936] {
  margin-left: auto;
}

.dac[data-v-3441ecb0] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}
.dac [activity][data-v-3441ecb0] {
  left: initial;
  width: 560px;
}
.dac [activity].blurred[data-v-3441ecb0] {
  filter: none !important;
}

[activity].visible[data-v-35294c2b] {
  display: flex;
  background: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
}
.otpContainer[data-v-35294c2b] {
  background: #fff;
  width: calc(100% - 40px);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: auto;
}
.otpContainer .title[data-v-35294c2b] {
  text-transform: uppercase;
  color: #444;
  letter-spacing: 1px;
  font-weight: 300;
  text-align: center;
  padding: 20px 0 0;
}
.otpContainer .desc[data-v-35294c2b] {
  font-size: 12px;
  margin: 22px 0 0;
  padding: 0 32px;
  line-height: 18px;
  color: #888;
}
.otpContainer .inputs[data-v-35294c2b] {
  text-align: center;
  margin-top: 27px;
  padding: 0 0 20px;
}
.otpContainer .input[data-v-35294c2b] {
  text-align: center;
  width: calc(100% - 20px);
  margin: 10px 10px 0 0;
  border: none;
  border-bottom: 1px solid #1f7be3;
  color: #1f7be3;
  font-size: 22px;
}
.otpContainer .input[data-v-35294c2b]:last-child {
  margin-right: 0;
}
.otpContainer .buttons[data-v-35294c2b] {
  margin: 20px 0 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

[activity].visible[data-v-6b464929] {
  display: flex;
  background: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
}
.otpContainer[data-v-6b464929] {
  background: #fff;
  width: calc(100% - 40px);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: auto;
  margin: 100px auto;
}
.otpContainer .title[data-v-6b464929] {
  text-transform: uppercase;
  color: #444;
  letter-spacing: 1px;
  font-weight: 300;
  text-align: center;
  padding: 20px 0 0;
}
.otpContainer .desc[data-v-6b464929] {
  font-size: 12px;
  margin: 22px 0 0;
  padding: 0 32px;
  line-height: 18px;
  color: #888;
}
.otpContainer .inputs[data-v-6b464929] {
  text-align: center;
  margin-top: 27px;
  padding: 0 20px 20px;
}
.otpContainer .input[data-v-6b464929] {
  text-align: center;
  width: calc(100% / 6 - 15px);
  margin: 10px 10px 0 0;
  border: none;
  border-bottom: 1px solid #ccc;
  color: #888;
  font-size: 22px;
}
.otpContainer .buttons[data-v-6b464929] {
  margin: 20px 0 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  letter-spacing: 2px;
}

[activity].visible[data-v-4a65a8dc] {
  display: flex;
  background: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
}
.otpContainer[data-v-4a65a8dc] {
  background: #fff;
  width: calc(100% - 40px);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: auto;
}
.otpContainer .title[data-v-4a65a8dc] {
  text-transform: uppercase;
  color: #444;
  letter-spacing: 1px;
  font-weight: 300;
  text-align: center;
  padding: 20px 0 0;
}
.otpContainer .desc[data-v-4a65a8dc] {
  font-size: 12px;
  margin: 22px 0 0;
  padding: 0 32px;
  line-height: 18px;
  color: #888;
}
.otpContainer .inputs[data-v-4a65a8dc] {
  text-align: center;
  margin-top: 27px;
  padding: 0 0 20px;
}
.otpContainer .input[data-v-4a65a8dc] {
  text-align: center;
  width: calc(100% / 6 - 12px);
  margin: 10px 10px 0 0;
  border: none;
  border-bottom: 1px solid #ccc;
  color: #888;
  font-size: 22px;
}
.otpContainer .input[data-v-4a65a8dc]:last-child {
  margin-right: 0;
}
.otpContainer .buttons[data-v-4a65a8dc] {
  margin: 20px 0 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.locales[data-v-3a35f88a] {
  text-align: center;
}
.locales .locale[data-v-3a35f88a] {
  border-bottom: 1px solid #eee;
  background: #fff;
  vertical-align: top;
  line-height: 64px;
  font-size: 16px;
  padding: 0px 18px;
  color: #666;
  display: flex;
  align-items: center;
  position: relative;
}
.locales .locale .checkbox[data-v-3a35f88a] {
  margin: 0 16px 0 0;
  font-size: 22px;
}

.locales[data-v-64f452e8] {
  text-align: center;
}
.locales .locale[data-v-64f452e8] {
  border-bottom: 1px solid #eee;
  background: #fff;
  vertical-align: top;
  line-height: 64px;
  font-size: 16px;
  padding: 0px 18px;
  color: #666;
  display: flex;
  align-items: center;
  position: relative;
}
.locales .locale .checkbox[data-v-64f452e8] {
  margin: 0 16px 0 0;
  font-size: 22px;
}

.filterPanel[data-v-8683a718] {
  width: 33%;
  height: 100%;
  float: left;
  font-family: Questrial;
  overflow: auto;
}
.filterPanel .filter[data-v-8683a718] {
  border-width: 0 0 1px 0;
  border-color: transparent;
  padding: 0 15px;
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  position: relative;
}
.filterPanel .filter .status[data-v-8683a718] {
  position: absolute;
  top: 21px;
  right: 8px;
  font-size: 8px;
  color: #027be3;
}
.filterPanel .filter.selected[data-v-8683a718] {
  font-weight: 500;
  font-weight: bold;
}
.filterOptions[data-v-8683a718] {
  width: calc(67% - 4px);
  height: 100%;
  float: left;
  font-family: Questrial;
  padding: 0 16px 16px;
  overflow: auto;
  position: relative;
}
.filterOptions .option[data-v-8683a718] {
  padding: 15px 2px 15px 0;
  border-bottom: 0.5px solid #eaeaec;
  font-size: 13px;
  line-height: 20px;
  position: relative;
}
.filterOptions .option .image[data-v-8683a718] {
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #eee;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.filterOptions .option .fa[data-v-8683a718],
.filterOptions .option .fal[data-v-8683a718] {
  margin-right: 8px;
}
.filterOptions .option.selected[data-v-8683a718] {
  font-weight: bold;
}
.btn[data-v-8683a718] {
  background-color: transparent;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  outline: 0;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn.flat[data-v-8683a718] {
  border-color: transparent;
}
.filterFooter[data-v-8683a718] {
  border-top: 1px solid #eaeaec;
  text-align: center;
  width: 100%;
  bottom: 0;
  position: fixed;
  margin: 0;
}
.filterFooter .btn[data-v-8683a718] {
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  width: calc(50% - 5px);
  text-transform: uppercase;
  background: transparent;
}
.filterFooter .cancel-btn[data-v-8683a718] {
  font-weight: 300;
  color: #535766;
}
.filterFooter .okay-btn[data-v-8683a718] {
  font-weight: 500;
  color: #ff3e6c;
}

.locales[data-v-3ade0758] {
  text-align: center;
}
.locales .locale[data-v-3ade0758] {
  color: var(--text-color-primary);
  background-color: var(--background-color-secondary);
  margin: 8px;
  border-radius: 8px;
  vertical-align: top;
  line-height: 64px;
  font-size: 16px;
  padding: 0px 18px;
  display: flex;
  align-items: center;
  position: relative;
}
.locales .locale .checkbox[data-v-3ade0758] {
  margin: 0 16px 0 0;
  font-size: 22px;
}

.strings[data-v-2fef48bf] {
  text-align: center;
}
.strings .string[data-v-2fef48bf] {
  border-bottom: 1px solid #eee;
  background: #fff;
  vertical-align: top;
  line-height: 54px;
  font-size: 16px;
  color: #666;
  display: flex;
  align-items: center;
  position: relative;
}
.strings .string .icon[data-v-2fef48bf] {
  margin: 0 16px;
}

.container[data-v-c8850c02] {
  position: absolute;
  left: 8px;
  bottom: 80px;
  background: #ffffff;
  padding: 5px 0px 5px 20px;
  border-radius: 20px;
}
.container[data-v-c8850c02]::before {
  left: 18px;
  right: initial;
  top: 100%;
  border: 4px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #fff;
  border-width: 10px;
}
.option[data-v-c8850c02] {
  line-height: 48px;
  height: 48px;
  font-size: 14px;
  color: #09c;
  letter-spacing: 1px;
  min-width: 140px;
  font-family: Roboto;
  border-bottom: 1px solid #f2f2f2;
  white-space: nowrap;
  position: relative;
  padding-right: 64px;
}
.option i.left[data-v-c8850c02] {
  font-size: 16px;
  width: 24px;
  height: 48px;
  margin-right: 12px;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
}
.option i.right[data-v-c8850c02] {
  font-size: 20px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
}
.option[data-v-c8850c02]:last-child {
  border: none;
}

.channel[data-v-fb340370] {
  height: 48px;
  width: calc(100% / 6 - 4px);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[activity][data-v-4dc26424] {
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 100 !important;
  filter: none !important;
}
[activity] .visible[data-v-4dc26424] {
  display: block;
}
.logo[data-v-4dc26424] {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.button[data-v-4dc26424] {
  line-height: 36px;
  width: 70%;
  margin: auto;
  border-radius: 4px;
}
.button.optimus[data-v-4dc26424] {
  background: transparent;
  color: #F3993E;
  border: 1px solid #F3993E;
}
.button.prime[data-v-4dc26424] {
  color: #000;
  background: #F3993E;
  border: 1px solid #F3993E;
}
.indicators[data-v-4dc26424] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
}
.indicators .item[data-v-4dc26424] {
  height: 4px;
  width: 4px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0 4px #000;
  margin: 0 4px;
  transition: 0.4s;
}
.indicators .item.active[data-v-4dc26424] {
  width: 8px;
  background-color: #fff;
}

.attachment .icon[data-v-1cbe79c2] {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  color: blueviolet;
}
.attachment .filename[data-v-1cbe79c2] {
  display: inline-flex;
  align-items: center;
  height: 48px;
  white-space: nowrap;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment .action[data-v-1cbe79c2] {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #aaa;
}
.image[data-v-1cbe79c2] {
  border-radius: 8px;
  position: relative;
  height: calc(100vw / 4 - 15px);
  width: calc(100vw / 4 - 15px);
  background-color: #f2f2f2;
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.image[data-v-1cbe79c2]:nth-child(4n + 4) {
  margin-right: 0;
}

.product-block .image[data-v-754dabb2] {
  display: inline-block;
  vertical-align: top;
  height: 64px;
  width: 64px;
  margin: 0 16px 0 0;
  border-radius: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.product-block .details[data-v-754dabb2] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 64px - 16px - 8px);
  margin: 8px 0 0;
}
.product-block .details .name[data-v-754dabb2] {
  font-weight: bold;
  color: #444;
}
.product-block .details .desc[data-v-754dabb2] {
  font-size: 14px;
  color: #888;
}
.option[data-v-754dabb2] {
  background: #fff;
  height: 64px;
  line-height: 64px;
  border-bottom: 1px solid #ddd;
  border-width: 1px 0;
  align-items: center;
  font-size: 14px;
  color: #444;
  padding: 0 5px;
}
.option .logo[data-v-754dabb2] {
  width: 48px;
  text-align: center;
}

.option[data-v-475608e1] {
  background: #fff;
  height: 64px;
  line-height: 64px;
  border-bottom: 1px solid #ddd;
  border-width: 1px 0;
  align-items: center;
  font-size: 14px;
  color: #444;
  padding: 0 5px;
}
.option .logo[data-v-475608e1] {
  width: 48px;
  text-align: center;
}

.option[data-v-46de6026] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-46de6026] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-46de6026] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.option-subtext[data-v-46de6026] {
  font-size: 10px;
  color: #888;
  padding: 4px 12px 16px;
  line-height: 14px;
  text-align: justify;
}

.product-block .image[data-v-2593381a] {
  display: inline-block;
  vertical-align: top;
  height: 64px;
  width: 64px;
  margin: 0 16px 0 0;
  border-radius: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.product-block .details[data-v-2593381a] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 64px - 16px - 8px);
  margin: 8px 0 0;
}
.product-block .details .name[data-v-2593381a] {
  font-weight: bold;
  color: #444;
}
.product-block .details .desc[data-v-2593381a] {
  font-size: 14px;
  color: #888;
}

.product-block .image[data-v-7fdfd436] {
  display: inline-block;
  vertical-align: top;
  height: 64px;
  width: 64px;
  margin: 0 16px 0 0;
  border-radius: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.product-block .details[data-v-7fdfd436] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 64px - 16px - 8px);
  margin: 8px 0 0;
}
.product-block .details .name[data-v-7fdfd436] {
  font-weight: bold;
  color: #444;
}
.product-block .details .desc[data-v-7fdfd436] {
  font-size: 14px;
  color: #888;
}

.details[data-v-5d17b2cd] {
  padding: 0 0 32px;
  color: #024b68;
}
.details > div[data-v-5d17b2cd] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3 - 5px);
  text-align: center;
}
.details .title[data-v-5d17b2cd] {
  font-size: 10px;
  line-height: 20px;
}
.details .value[data-v-5d17b2cd] {
  font-size: 18px;
  line-height: 56px;
}

.list .item[data-v-bd5a4796] {
  margin-bottom: 4px;
  background: #fff;
  padding: 8px 15px 8px 54px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 54px;
}
.list .item .image[data-v-bd5a4796] {
  left: 10px;
  top: 6px;
  height: 42px;
  width: 42px;
  background: transparent;
  position: absolute;
  font-size: 22px;
  color: green;
  line-height: 42px;
  text-align: center;
}
.list .item .name[data-v-bd5a4796] {
  color: #444;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .details[data-v-bd5a4796] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .time[data-v-bd5a4796] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.list .item .price[data-v-bd5a4796] {
  position: absolute;
  right: 14px;
  color: green;
  font-size: 12px;
  font-weight: 300;
}

.list[data-v-74f4f084] {
  margin: 0;
}
.list .item[data-v-74f4f084] {
  padding: 0 16px;
  margin: 8px;
  border-radius: 8px;
  position: relative;
}
.list .item .image[data-v-74f4f084] {
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: top;
  margin: 8px 8px 8px 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list .item .about[data-v-74f4f084] {
  line-height: 24px;
  height: 64px;
  display: flex;
  justify-content: center;
  font-size: 16px;
  flex-direction: column;
  display: inline-flex;
  width: calc(100% - 60px - 70px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list .item .category[data-v-74f4f084] {
  color: #888;
  font-size: 12px;
  line-height: 14px;
}
.list .item .details[data-v-74f4f084] {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  padding-top: 10px;
}
.list .item .details > div[data-v-74f4f084] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3 - 5px);
  text-align: center;
}
.list .item .details .title[data-v-74f4f084] {
  color: #888;
  font-size: 10px;
  line-height: 20px;
}
.list .item .details .value[data-v-74f4f084] {
  color: #444;
  font-size: 14px;
  line-height: 20px;
}
.list .item .price[data-v-74f4f084] {
  color: #aaa;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.title[data-v-03a4e18f] {
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 16px;
}
[theme="light"][data-v-03a4e18f] {
  color: #444;
}
[theme="light"] .title[data-v-03a4e18f] {
  color: #888 !important;
}
[theme="blue"][data-v-03a4e18f] {
  color: #fff;
}
[theme="blue"] .title[data-v-03a4e18f] {
  color: rgba(255, 255, 255, 0.7);
}

.list[data-v-47b4957e] {
  margin: 0;
  border-radius: 7px;
}
.list .item[data-v-47b4957e] {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.list .item .name[data-v-47b4957e] {
  height: 24px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #444;
}
.list .item .price[data-v-47b4957e] {
  color: #aaa;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.title[data-v-7ee5876f] {
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 16px;
}
.value[data-v-7ee5876f] {
  text-align: center;
}
[theme="light"][data-v-7ee5876f] {
  color: #444;
}
[theme="light"] .title[data-v-7ee5876f] {
  color: #888 !important;
}
[theme="blue"][data-v-7ee5876f] {
  color: #fff;
}
[theme="blue"] .title[data-v-7ee5876f] {
  color: rgba(255, 255, 255, 0.7);
}

.title[data-v-2e06ee90] {
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 16px;
}
[theme="light"][data-v-2e06ee90] {
  color: #444;
}
[theme="light"] .title[data-v-2e06ee90] {
  color: #888 !important;
}
[theme="blue"][data-v-2e06ee90] {
  color: #fff;
}
[theme="blue"] .title[data-v-2e06ee90] {
  color: rgba(255, 255, 255, 0.7);
}

.item[data-v-1cbd855e] {
  padding: 10px 10px 10px 58px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.item .image[data-v-1cbd855e] {
  position: absolute;
  left: 10px;
  top: 14px;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-1cbd855e] {
  height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 7px;
}
.item .details[data-v-1cbd855e] {
  font-size: 12px;
  color: #aaa;
  display: flex;
  align-items: center;
  height: 18px;
}
.item .price[data-v-1cbd855e] {
  color: #aaa;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.list[data-v-e0212e1c] {
  margin: 0;
  border-radius: 7px;
}

.list .item[data-v-63512b6f] {
  margin-bottom: 4px;
  padding: 8px 15px 8px 54px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 54px;
}
.list .item .image[data-v-63512b6f] {
  left: 10px;
  top: 6px;
  height: 42px;
  width: 42px;
  background: transparent;
  position: absolute;
  font-size: 16px;
  color: green;
  line-height: 42px;
  text-align: center;
}
.list .item .name[data-v-63512b6f] {
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .details[data-v-63512b6f] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .time[data-v-63512b6f] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.list .item .shortname[data-v-63512b6f] {
  position: absolute;
  right: 14px;
  color: green;
  font-size: 12px;
  font-weight: 300;
}

.day[data-v-53c66074] {
  height: 32px;
  width: calc(100% / 7);
  background: #f2f2f2;
  color: #888;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  text-transform: uppercase;
}
.day.selected[data-v-53c66074] {
  background: #027be3;
  color: #fff;
}
.precedence[data-v-53c66074] {
  height: 32px;
  width: calc(100% / 3);
  background: #f2f2f2;
  color: #888;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  text-transform: uppercase;
}
.precedence.selected[data-v-53c66074] {
  background: #027be3;
  color: #fff;
}
.rating.areas[data-v-53c66074] {
  text-align: center;
  white-space: nowrap;
  overflow: auto;
}
.rating.areas .area[data-v-53c66074] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 4.6 - 4px);
}
.rating.areas .area .image[data-v-53c66074] {
  font-size: 32px;
  margin: 16px;
}
.rating.areas .area .title[data-v-53c66074] {
  font-size: 10px;
  color: #888;
}
.rating.areas .area.active .image[data-v-53c66074] {
  color: #56ba46;
}
.rating.areas .area.active .title[data-v-53c66074] {
  color: #444;
}

.option[data-v-5148ecf6] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-5148ecf6] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-5148ecf6] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.option-subtext[data-v-5148ecf6] {
  font-size: 10px;
  color: #888;
  padding: 4px 12px 16px;
  line-height: 14px;
  text-align: justify;
}

.inline[data-v-8acc6db6] {
  display: inline-block !important;
  vertical-align: top;
}
.list .item[data-v-8acc6db6] {
  height: 100px;
  border-left: 4px solid #ef5a36;
  border-radius: 8px;
}
.list .item .left.block[data-v-8acc6db6] {
  display: inline-block !important;
  vertical-align: top;
  width: 65%;
  height: 100px;
  border-right: 1px dashed #cccccc;
  position: relative;
  padding: 10px;
}
.list .item .left.block .code[data-v-8acc6db6] {
  text-transform: uppercase;
  text-align: center;
  color: #888;
  font-size: 20px;
  letter-spacing: 1px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list .item .left.block .range[data-v-8acc6db6] {
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  letter-spacing: 2px;
  color: #999;
}
.list .item .seprator[data-v-8acc6db6] {
  width: 16px;
  position: absolute;
}
.list .item .seprator.top[data-v-8acc6db6] {
  right: -8px;
  top: 0;
  border: 0 solid #eee;
  border-width: 8px 0 0 0;
  border-radius: 0 0 10px 10px;
}
.list .item .seprator.bottom[data-v-8acc6db6] {
  right: -8px;
  bottom: 0;
  border: 0 solid #eee;
  border-width: 8px 0 0 0;
  border-radius: 10px 10px 0 0;
}
.list .item .right.block[data-v-8acc6db6] {
  display: inline-block !important;
  vertical-align: top;
  line-height: 100px;
  width: 35%;
  text-align: center;
  font-size: 30px;
  color: #ef5a36;
  white-space: nowrap;
}

.list .item[data-v-efc0b9b2] {
  border-radius: 8px;
  padding: 8px 16px;
  margin: 8px;
}

.name[data-v-c41e5980] {
  color: #024b68;
  font-weight: bold;
  padding: 12px 8px;
  margin: 0 8px;
}

.address[data-v-472009d9] {
  margin: 10px;
  border-radius: 8px;
  padding: 10px 10px 10px 52px;
  position: relative;
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(174, 177, 179, 0.2);
}
.address .status[data-v-472009d9] {
  color: #888;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  font-size: 22px;
}
.address .status.selected[data-v-472009d9] {
  color: blue;
}
.address .phone[data-v-472009d9] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 48px;
  align-items: center;
  justify-content: center;
  display: flex;
  color: #888;
}
.address .name[data-v-472009d9] {
  line-height: 24px;
}
.address .details[data-v-472009d9] {
  color: #aaa;
  font-size: 12px;
  line-height: 18px;
}
.address .details .pincode[data-v-472009d9] {
  color: #888;
}
.address.default[data-v-472009d9] {
  border: 1px solid #00B9F5;
  background: rgba(0, 62, 255, 0.1);
}
.address.default[data-v-472009d9] {
  display: block !important;
}
.address .option[data-v-472009d9] {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.address .option .icon[data-v-472009d9] {
  font-size: 14px;
  width: 48px;
  color: darkred;
  text-align: center;
  height: 48px;
  line-height: 48px;
}

.date[data-v-d73678d2] {
  padding: 0 16px;
  font-size: 12px;
  margin: 16px 0 4px;
  color: #666;
}
.list[data-v-d73678d2] {
  position: relative;
  /* required for centered empty image */
}
.list .item[data-v-d73678d2] {
  padding: 8px 15px 8px 58px;
  position: relative;
}
.list .item.active[data-v-d73678d2] {
  background: #fff;
}
.list .item .party[data-v-d73678d2] {
  color: #444;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .services[data-v-d73678d2] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .time[data-v-d73678d2] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.list .item .price[data-v-d73678d2] {
  position: absolute;
  bottom: 9px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}

.duration[data-v-6f89c714] {
  text-transform: uppercase;
  font-size: 12px;
  background: #fff;
  padding: 4px 8px;
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.stats-block[data-v-6f89c714] {
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  background: #fff;
  padding: 16px 22px 16px 58px;
  margin: 0 2px 4px 0;
  position: relative;
  min-width: calc(50% - 4px);
}
.stats-block .value[data-v-6f89c714] {
  color: #444;
  line-height: 32px;
}
.stats-block .title[data-v-6f89c714] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
}
.stats-block .icon[data-v-6f89c714] {
  color: #fff;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translate(0, -50%);
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
}

.expense-category-image[data-v-081ac013] {
  height: 12vw;
  width: 12vw;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: inline-block;
  vertical-align: top;
  margin: 4vw;
}

.option[data-v-6be2e547] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-6be2e547] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-6be2e547] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.option-subtext[data-v-6be2e547] {
  font-size: 10px;
  color: #888;
  padding: 4px 12px 16px;
  line-height: 14px;
  text-align: justify;
}

.expense-category-image-container[data-v-50d78d86] {
  display: inline-block;
  vertical-align: top;
  height: 12vw;
  width: 12vw;
  margin: 4vw;
}
.expense-category-image[data-v-50d78d86] {
  height: 12vw;
  width: 12vw;
  border-radius: 50%;
  background-color: #aaa;
  background-size: cover;
  background-position: center;
}

.list .item[data-v-59220fb4] {
  margin-bottom: 4px;
  padding: 8px 15px 8px 64px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 54px;
}
.list .item .name[data-v-59220fb4] {
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .image[data-v-59220fb4] {
  width: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0 8px;
}
.list .item .details[data-v-59220fb4] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .time[data-v-59220fb4] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.list .item .price[data-v-59220fb4] {
  position: absolute;
  right: 14px;
  color: green;
  font-size: 12px;
  font-weight: 300;
}

.item[data-v-5e455db1] {
  padding: 10px;
  position: relative;
}
.item .name[data-v-5e455db1] {
  line-height: 34px;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.item .amount[data-v-5e455db1] {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 16px;
}
.item .details[data-v-5e455db1] {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 7px;
}
.item .details > div[data-v-5e455db1] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3 - 5px);
  text-align: center;
}
.item .details .title[data-v-5e455db1] {
  color: #888;
  font-size: 10px;
  line-height: 20px;
}
.item .details .value[data-v-5e455db1] {
  color: #444;
  font-size: 14px;
  line-height: 20px;
}

.list[data-v-b6e99032] {
  margin: 0;
}
.list .item[data-v-b6e99032] {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  padding-left: 64px;
  margin: 6px 8px;
  border-radius: 8px;
}
.list .item .name[data-v-b6e99032] {
  height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 7px;
}
.list .item .image[data-v-b6e99032] {
  width: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 38px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0 8px;
}
.list .item .details[data-v-b6e99032] {
  font-size: 12px;
  color: #aaa;
  display: flex;
  align-items: center;
  height: 18px;
}
.list .item .amount[data-v-b6e99032] {
  color: red;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
}

.list .item[data-v-ecda83fa] {
  margin-bottom: 4px;
  padding: 8px 15px 8px 54px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 54px;
}
.list .item .image[data-v-ecda83fa] {
  left: 10px;
  top: 6px;
  height: 42px;
  width: 42px;
  background: transparent;
  position: absolute;
  font-size: 16px;
  color: green;
  line-height: 42px;
  text-align: center;
}
.list .item .name[data-v-ecda83fa] {
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .details[data-v-ecda83fa] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .time[data-v-ecda83fa] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.list .item .type[data-v-ecda83fa] {
  text-transform: uppercase;
  position: absolute;
  right: 14px;
  color: green;
  font-size: 12px;
  font-weight: 300;
}

.rating.areas[data-v-9dcd1016] {
  text-align: center;
  white-space: nowrap;
  overflow: auto;
}
.rating.areas .area[data-v-9dcd1016] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 4.6 - 4px);
}
.rating.areas .area .image[data-v-9dcd1016] {
  font-size: 32px;
  margin: 16px;
}
.rating.areas .area .title[data-v-9dcd1016] {
  font-size: 10px;
}
.rating.areas .area.active .image[data-v-9dcd1016] {
  color: #56ba46;
}
.rating.areas .area.active .title[data-v-9dcd1016] {
  color: #56ba46;
}

.item[data-v-c0d5fe88] {
  padding: 10px 10px 10px 54px;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
}
.item .image[data-v-c0d5fe88] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  margin: 8px 10px 8px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.item .name[data-v-c0d5fe88] {
  display: flex;
  font-size: 14px;
  flex-direction: column;
}
.item .amount[data-v-c0d5fe88] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  display: flex;
  align-items: center;
}
.item .details[data-v-c0d5fe88] {
  border-top: 1px solid #eee;
  padding-top: 10px;
  margin-top: 7px;
}
.item .details > div[data-v-c0d5fe88] {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3 - 5px);
  text-align: center;
}
.item .details .title[data-v-c0d5fe88] {
  color: #888;
  font-size: 10px;
  line-height: 20px;
}
.item .details .value[data-v-c0d5fe88] {
  color: #444;
  font-size: 14px;
  line-height: 20px;
}

.item[data-v-223a9412] {
  padding: 5px 10px;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}
.item .name[data-v-223a9412] {
  line-height: 34px;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.item .amount[data-v-223a9412] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  display: flex;
  align-items: center;
}

.campaign.list .campaign[data-v-5505e854] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.01);
  position: relative;
  padding: 0 12px 0 48px;
  height: 60px;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 160%;
}
.campaign.list .campaign .checkbox[data-v-5505e854] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 48px;
  justify-content: center;
  font-size: 24px;
}
.campaign.list .campaign .checkbox.checked[data-v-5505e854] {
  color: green;
}
.campaign.list .campaign .name[data-v-5505e854] {
  height: 100%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.campaign.list .campaign .amount[data-v-5505e854] {
  display: flex;
  align-items: center;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  text-align: center;
  justify-content: center;
  color: green;
  font-size: 24px;
  flex-direction: column;
}
.loading[data-v-5505e854] {
  position: absolute;
  top: calc(50% - 36px);
  left: 0;
  right: 0;
}

.campaign.list .campaign-generic[data-v-28d390e3] {
  margin: 15px 10px;
  border-radius: 8px;
  position: relative;
  padding: 16px;
  height: 128px;
  background-position: center right;
  background-repeat: no-repeat;
}
.campaign.list .campaign-generic .name[data-v-28d390e3] {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.campaign.list .campaign-generic .image[data-v-28d390e3] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.1;
}
.campaign.list .campaign[data-v-28d390e3] {
  margin: 15px 10px;
  border-radius: 8px;
  position: relative;
  padding: 0 12px;
  height: 60px;
  background-position: center right;
  background-repeat: no-repeat;
}
.campaign.list .campaign .name[data-v-28d390e3] {
  height: 100%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.campaign.list .campaign .counts[data-v-28d390e3] {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 74px;
  text-align: center;
  justify-content: center;
  color: green;
  font-size: 28px;
  flex-direction: column;
}

.name[data-v-697e2283] {
  font-size: 18px;
  width: 52px;
  height: 52px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.name.bordered[data-v-697e2283] {
  border: 1px solid #024b68;
  border-radius: 50%;
}
.list .item[data-v-697e2283] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.list .item .image[data-v-697e2283] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.list .item .name[data-v-697e2283] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.v.list .item[data-v-b284484a] {
  padding: 5px;
  margin: 4px 8px;
  border-radius: 8px;
  position: relative;
}
.v.list .item .logo[data-v-b284484a] {
  font-size: 14px;
  width: 32px;
  height: 32px;
  margin: 7px 10px;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.v.list .item .logo.bordered[data-v-b284484a] {
  border: 1px solid #024b68;
  border-radius: 50%;
}
.v.list .item .image[data-v-b284484a] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.v.list .item .name[data-v-b284484a] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.v.list .item .stats[data-v-b284484a] {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
  color: green;
}

.option[data-v-4a27840e] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-4a27840e] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-4a27840e] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.option[data-v-4c85b99c] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-4c85b99c] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-4c85b99c] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.option-subtext[data-v-4c85b99c] {
  font-size: 10px;
  color: #888;
  padding: 4px 12px 16px;
  line-height: 14px;
  text-align: justify;
}

.address[data-v-0e6267de] {
  margin: 10px;
  border-radius: 8px;
  padding: 10px 10px 10px 52px;
  position: relative;
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(174, 177, 179, 0.2);
}
.address .checkbox[data-v-0e6267de] {
  color: #888;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  font-size: 22px;
}
.address .checkbox.selected[data-v-0e6267de] {
  color: blue;
}
.address .phone[data-v-0e6267de] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 48px;
  align-items: center;
  justify-content: center;
  display: flex;
  color: #888;
}
.address .name[data-v-0e6267de] {
  line-height: 24px;
}
.address .details[data-v-0e6267de] {
  color: #aaa;
  font-size: 12px;
  line-height: 18px;
}
.address .details .pincode[data-v-0e6267de] {
  color: #888;
}
.address.default[data-v-0e6267de] {
  border: 1px solid #00B9F5;
  background: rgba(0, 62, 255, 0.1);
}
.address.default[data-v-0e6267de] {
  display: block !important;
}
.address .option[data-v-0e6267de] {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.address .option .icon[data-v-0e6267de] {
  font-size: 14px;
  width: 48px;
  color: darkred;
  text-align: center;
  height: 48px;
  line-height: 48px;
}

.list[data-v-3c66cb3c] {
  margin: 0;
}
.list .item[data-v-3c66cb3c] {
  margin: 4px 8px;
  border-radius: 8px;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.list .item .name[data-v-3c66cb3c] {
  height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 7px;
}
.list .item .details[data-v-3c66cb3c] {
  font-size: 12px;
  color: #aaa;
  display: flex;
  align-items: center;
  height: 18px;
}
.list .item .other[data-v-3c66cb3c] {
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  color: #888;
  font-size: 14px;
  font-weight: 300;
}

.list[data-v-64bdcf84] {
  margin: 0;
  border-radius: 7px;
}
.list .item[data-v-64bdcf84] {
  padding: 10px;
  position: relative;
}
.list .item .name[data-v-64bdcf84] {
  height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 7px;
}
.list .item .details[data-v-64bdcf84] {
  font-size: 12px;
  color: #aaa;
  display: flex;
  align-items: center;
  height: 18px;
}
.list .item .other[data-v-64bdcf84] {
  color: #aaa;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.option[data-v-1befe35e] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-1befe35e] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-1befe35e] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.option-subtext[data-v-1befe35e] {
  font-size: 10px;
  color: #888;
  padding: 4px 12px 16px;
  line-height: 14px;
  text-align: justify;
}

.list[data-v-5f99150a] {
  margin: 0;
  border-radius: 7px;
}
.list .item[data-v-5f99150a] {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.list .item .name[data-v-5f99150a] {
  height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #444;
  margin-bottom: 7px;
}
.list .item .details[data-v-5f99150a] {
  font-size: 12px;
  color: #aaa;
  display: flex;
  align-items: center;
  height: 18px;
}
.list .item .other[data-v-5f99150a] {
  color: #aaa;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
}

.list[data-v-14c35d8c] {
  margin: 0;
  border-radius: 7px;
}
.list .item[data-v-14c35d8c] {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.list .item .name[data-v-14c35d8c] {
  height: 18px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #444;
  margin-bottom: 7px;
}
.list .item .details[data-v-14c35d8c] {
  font-size: 12px;
  color: #aaa;
  display: flex;
  align-items: center;
  height: 18px;
}
.list .item .other[data-v-14c35d8c] {
  color: #aaa;
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
}

.item[data-v-4b500346] {
  padding: 8px 15px 8px 58px;
  position: relative;
  margin: 6px 8px;
  border-radius: 8px;
}
.item.active[data-v-4b500346] {
  background: #fff;
}
.item .image[data-v-4b500346] {
  position: absolute;
  left: 10px;
  top: 14px;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item .party[data-v-4b500346] {
  line-height: 22px;
  font-size: 14px;
  font-weight: 300;
}
.item .services[data-v-4b500346] {
  color: #888;
  font-size: 12px;
  line-height: 26px;
  font-weight: 300;
}
.item .time[data-v-4b500346] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .tags[data-v-4b500346] {
  position: absolute;
  bottom: 10px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .tags .tag[data-v-4b500346] {
  text-transform: uppercase;
  border: 1px solid rgba(219, 112, 147, 0.2);
  color: #db7093;
  padding: 0 10px;
  border-radius: 10px;
  margin-left: 6px;
  font-size: 10px;
  letter-spacing: 1px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.item .tags .tag.account[data-v-4b500346] {
  background-color: #00ffff;
  border-color: rgba(0, 0, 0, 0.06);
  color: #666;
}
.item .amount[data-v-4b500346] {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 16px;
  color: #444;
}

.date[data-v-0f41e6da] {
  padding: 0 16px;
  font-size: 12px;
  margin: 16px 0 4px;
  color: #666;
}

.duration[data-v-e5afc722] {
  text-transform: uppercase;
  font-size: 12px;
  background: #fff;
  padding: 4px 8px;
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.stats-block[data-v-e5afc722] {
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  padding: 16px 22px 16px 58px;
  margin: 0 2px 4px 0;
  position: relative;
  min-width: calc(50% - 4px);
}
.stats-block .value[data-v-e5afc722] {
  line-height: 32px;
}
.stats-block .title[data-v-e5afc722] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
}
.stats-block .icon[data-v-e5afc722] {
  color: #fff;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translate(0, -50%);
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
}

.item[data-v-d9cbaefa] {
  padding: 8px 15px 8px 58px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.item.active[data-v-d9cbaefa] {
  background: #fff;
}
.item .image[data-v-d9cbaefa] {
  position: absolute;
  left: 10px;
  top: 14px;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item .party[data-v-d9cbaefa] {
  color: #444;
  line-height: 22px;
  font-size: 14px;
  font-weight: 300;
}
.item .services[data-v-d9cbaefa] {
  color: #888;
  font-size: 12px;
  line-height: 26px;
  font-weight: 300;
}
.item .time[data-v-d9cbaefa] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .tags[data-v-d9cbaefa] {
  position: absolute;
  bottom: 10px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .tags .tag[data-v-d9cbaefa] {
  text-transform: uppercase;
  border: 1px solid rgba(219, 112, 147, 0.2);
  color: #db7093;
  padding: 0 10px;
  border-radius: 10px;
  margin-left: 6px;
  font-size: 10px;
  letter-spacing: 1px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.item .tags .tag.account[data-v-d9cbaefa] {
  background-color: #00ffff;
  border-color: rgba(0, 0, 0, 0.04);
  color: #666;
}
.item .amount[data-v-d9cbaefa] {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 16px;
  color: #444;
}

.client-point-list .point {
  min-height: 54px;
  padding: 8px 16px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.client-point-list .point .name {
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.client-point-list .point .desc {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.client-point-list .point .amount {
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  align-items: center;
}

.inline[data-v-4e29356e] {
  display: inline-block;
  vertical-align: top;
}
.multipliers.list .multiplier[data-v-4e29356e] {
  margin: 15px 0;
  height: 100px;
  border-left: 4px solid #ef5a36;
  border-radius: 8px;
}
.multipliers.list .multiplier .left.block[data-v-4e29356e] {
  display: inline-block;
  display: inline-block !important;
  vertical-align: top;
  width: 65%;
  height: 100px;
  border-right: 1px dashed #cccccc;
  position: relative;
  padding: 10px;
}
.multipliers.list .multiplier .left.block .range[data-v-4e29356e] {
  height: 40px;
  display: flex;
  align-items: center;
}
.multipliers.list .multiplier .left.block .range .currency[data-v-4e29356e] {
  color: #ef5a36;
  padding-right: 5px;
}
.multipliers.list .multiplier .left.block .range .text[data-v-4e29356e] {
  color: #888888;
  width: 55px;
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
}
.multipliers.list .multiplier .seprator[data-v-4e29356e] {
  width: 16px;
  position: absolute;
}
.multipliers.list .multiplier .seprator.top[data-v-4e29356e] {
  right: -8px;
  top: 0;
  border: 0 solid #eee;
  border-width: 8px 0 0 0;
  border-radius: 0 0 10px 10px;
}
.multipliers.list .multiplier .seprator.bottom[data-v-4e29356e] {
  right: -8px;
  bottom: 0;
  border: 0 solid #eee;
  border-width: 8px 0 0 0;
  border-radius: 10px 10px 0 0;
}
.multipliers.list .multiplier .right.block[data-v-4e29356e] {
  display: inline-block;
  vertical-align: top;
  line-height: 100px;
  width: 35%;
  text-align: center;
  font-size: 30px;
  color: #ef5a36;
}
.milestones.list .milestone[data-v-4e29356e] {
  margin: 0 20px 20px 0;
  height: 100px;
  width: 270px;
  padding: 15px 20px;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px #eee;
}
.milestones.list .milestone .name[data-v-4e29356e] {
  line-height: 35px;
  font-size: 25px;
  text-align: right;
  color: #2d3a4b;
}
.milestones.list .milestone .amount[data-v-4e29356e] {
  color: #f75b1d;
  line-height: 40px;
  font-size: 30px;
  text-align: right;
}

.container[data-v-50271da6] {
  background-color: #fff;
  height: 1485px;
  width: 1050px;
  padding: 64px;
  top: 0;
  right: initial;
  bottom: initial;
  left: 0;
  position: relative;
}
.container .header[data-v-50271da6] {
  background-position: 0 center;
  background-repeat: no-repeat;
  height: 100px;
  background-size: 164px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.container .header .title[data-v-50271da6] {
  line-height: 20px;
  font-size: 14px;
  padding-right: 12px;
  color: #444;
}
.container .receipt .kind[data-v-50271da6] {
  color: #024b68;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  margin-top: 40px;
  font-weight: bold;
}
.container .receipt .subtext[data-v-50271da6] {
  color: #888;
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px;
  margin: 10px 0 31px;
}
.container .detail[data-v-50271da6] {
  padding: 32px 0;
  position: relative;
  color: #444;
  border-radius: 24px;
  min-height: 100px;
  line-height: 20px;
}
.container .detail .first[data-v-50271da6] {
  line-height: 22px;
  font-size: 14px;
  padding-right: 12px;
  color: #444;
}
.container .detail .second[data-v-50271da6] {
  float: right;
  text-align: right;
  font-size: 14px;
  position: absolute;
  right: 12px;
  top: 32px;
  line-height: 22px;
}
.container .breakup[data-v-50271da6] {
  text-align: right;
  padding: 20px;
  line-height: 26px;
  font-size: 16px;
  color: #444;
}
.container .notes[data-v-50271da6] {
  margin-top: 64px;
  font-size: 14px;
  border-top: 1px dashed #aaa;
  padding-top: 20px;
  line-height: 22px;
  color: #444;
}
.container .payment-qrcode[data-v-50271da6] {
  position: absolute;
  left: 64px;
  bottom: 64px;
}
.container .payment-qrcode .image[data-v-50271da6] {
  height: 192px;
  width: 192px;
  background-color: #fff;
  background-size: 128%;
  background-position: center;
}
.container .payment-qrcode .text[data-v-50271da6] {
  color: #444;
  line-height: 32px;
  font-weight: bold;
  font-family: Questrial;
  text-align: center;
  text-transform: uppercase;
}
table.table[data-v-50271da6] {
  width: 100%;
  margin: 32px 0 0;
  border-spacing: 0;
}
table.table tr[data-v-50271da6]:nth-child(odd) {
  background-color: #f2f2f2;
}
table.table tr:first-child td[data-v-50271da6] {
  border-top-width: 1px;
  color: #fff;
  background-color: #024b68;
  height: 36px;
  text-align: center;
  text-transform: uppercase;
}
table.table tr td[data-v-50271da6]:first-child {
  border-left-width: 1px;
}
table.table td[data-v-50271da6] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px 1px 0;
  min-height: 36px;
  line-height: 18px;
  padding: 4px 5px;
  text-align: center;
}
table.table td.sn[data-v-50271da6] {
  min-width: 20px;
}

.container[data-v-4fd290a0] {
  background-color: #fff;
  height: 1485px;
  width: 1050px;
  padding: 64px;
  top: 0;
  right: initial;
  bottom: initial;
  left: 0;
  position: relative;
}
.container .header.logo[data-v-4fd290a0] {
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 164px;
  height: 100px;
}
.container .header[data-v-4fd290a0] {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .header .title[data-v-4fd290a0] {
  font-size: 9pt;
  line-height: 20px;
  padding-right: 12px;
  color: #444;
}
.container .receipt .kind[data-v-4fd290a0] {
  color: #024b68;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  margin-top: 4mm;
  font-weight: bold;
}
.container .receipt .subtext[data-v-4fd290a0] {
  color: #888;
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px;
}
.container .detail[data-v-4fd290a0] {
  padding: 4mm 0;
  position: relative;
  color: #444;
  border-radius: 24px;
  min-height: 100px;
  line-height: 20px;
}
.container .detail .first[data-v-4fd290a0] {
  line-height: 22px;
  font-size: 9pt;
  padding-right: 12px;
  color: #444;
}
.container .breakup[data-v-4fd290a0] {
  text-align: right;
  padding: 20px;
  line-height: 26px;
  font-size: 9pt;
  color: #444;
}
.container .notes[data-v-4fd290a0] {
  margin-top: 10mm;
  font-size: 14px;
  border-top: 1px dashed #aaa;
  padding-top: 20px;
  line-height: 22px;
  color: #444;
}
.container .payment-qrcode[data-v-4fd290a0] {
  position: absolute;
  left: 64px;
  bottom: 64px;
}
.container .payment-qrcode .image[data-v-4fd290a0] {
  height: 192px;
  width: 192px;
  background-color: #fff;
  background-size: 128%;
  background-position: center;
}
.container .payment-qrcode .text[data-v-4fd290a0] {
  color: #444;
  line-height: 32px;
  font-weight: bold;
  font-family: Questrial;
  text-align: center;
  text-transform: uppercase;
}
table.table[data-v-4fd290a0] {
  width: 100%;
  margin: 32px 0 0;
  border-spacing: 0;
}
table.table tr[data-v-4fd290a0]:nth-child(odd) {
  background-color: #f2f2f2;
}
table.table tr:first-child td[data-v-4fd290a0] {
  border-top-width: 1px;
  color: #fff;
  background-color: #024b68;
  text-transform: uppercase;
}
table.table tr td[data-v-4fd290a0]:first-child {
  border-left-width: 1px;
}
table.table td[data-v-4fd290a0] {
  font-size: 6pt;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px 1px 0;
  line-height: 18px;
  padding: 4px 5px;
  text-align: center;
}
table.table td.sn[data-v-4fd290a0] {
  min-width: 20px;
}

.container[data-v-578d1523] {
  background-color: #fff;
  height: 1485px;
  width: 1050px;
  padding: 64px;
  top: 0;
  right: initial;
  bottom: initial;
  left: 0;
  position: relative;
}
.container .header[data-v-578d1523] {
  background-position: 0 center;
  background-repeat: no-repeat;
  height: 100px;
  background-size: 164px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.container .header .title[data-v-578d1523] {
  line-height: 20px;
  font-size: 14px;
  padding-right: 12px;
  color: #444;
}
.container .receipt .kind[data-v-578d1523] {
  color: #024b68;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  margin-top: 40px;
  font-weight: bold;
}
.container .receipt .subtext[data-v-578d1523] {
  color: #888;
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px;
  margin: 10px 0 31px;
}
.container .detail[data-v-578d1523] {
  padding: 32px 0;
  position: relative;
  color: #444;
  border-radius: 24px;
  min-height: 100px;
  line-height: 20px;
}
.container .detail .first[data-v-578d1523] {
  line-height: 22px;
  font-size: 14px;
  padding-right: 12px;
  color: #444;
}
.container .detail .second[data-v-578d1523] {
  float: right;
  text-align: right;
  font-size: 14px;
  position: absolute;
  right: 12px;
  top: 32px;
  line-height: 22px;
}
.container .breakup[data-v-578d1523] {
  text-align: right;
  padding: 20px;
  line-height: 26px;
  font-size: 16px;
  color: #444;
}
.container .notes[data-v-578d1523] {
  margin-top: 64px;
  font-size: 14px;
  border-top: 1px dashed #aaa;
  padding-top: 20px;
  line-height: 22px;
  color: #444;
}
.container .payment-qrcode[data-v-578d1523] {
  position: absolute;
  left: 64px;
  bottom: 64px;
}
.container .payment-qrcode .image[data-v-578d1523] {
  height: 192px;
  width: 192px;
  background-color: #fff;
  background-size: 128%;
  background-position: center;
}
.container .payment-qrcode .text[data-v-578d1523] {
  color: #444;
  line-height: 32px;
  font-weight: bold;
  font-family: Questrial;
  text-align: center;
  text-transform: uppercase;
}

@media print {
.container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
body * {
    visibility: hidden;
}
body .container {
    transform: initial !important;
    height: initial !important;
    width: initial !important;
}
body .printarea {
    visibility: visible !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
body .printarea * {
    visibility: visible;
}
}

.item[data-v-145e43ab] {
  padding: 8px 15px 8px 58px;
  position: relative;
  margin: 6px 8px;
  border-radius: 8px;
}
.item.active[data-v-145e43ab] {
  background: #fff;
}
.item .selection[data-v-145e43ab] {
  position: absolute;
  left: 10px;
  top: 12px;
  height: 36px;
  width: 36px;
  background-size: cover;
  background-position: center;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
}
.item .selection.selected[data-v-145e43ab] {
  color: #1E6FC7;
}
.item .image[data-v-145e43ab] {
  position: absolute;
  left: 10px;
  top: 12px;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #024b68;
  font-size: 34px;
}
.item .name[data-v-145e43ab] {
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.item .services[data-v-145e43ab] {
  color: #888;
  font-size: 12px;
  line-height: 26px;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 64%;
}
.item .time[data-v-145e43ab] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .price[data-v-145e43ab] {
  position: absolute;
  bottom: 12px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .price .price-tag[data-v-145e43ab] {
  text-transform: uppercase;
  border: 1px solid rgba(219, 112, 147, 0.3);
  color: #db7093;
  padding: 0 10px;
  border-radius: 10px;
  margin-right: 6px;
  font-size: 10px;
  letter-spacing: 1px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.date[data-v-481a2e85] {
  padding: 0 16px;
  font-size: 12px;
  margin: 16px 0 4px;
  color: #666;
}

.option[data-v-d53b3d92] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-d53b3d92] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-d53b3d92] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.option-subtext[data-v-d53b3d92] {
  font-size: 10px;
  color: #888;
  padding: 4px 12px 16px;
  line-height: 14px;
  text-align: justify;
}

.item[data-v-254e7cf6] {
  padding: 8px 16px;
  position: relative;
  margin: 6px 8px;
  border-radius: 8px;
}
.item .party[data-v-254e7cf6] {
  line-height: 22px;
  font-size: 14px;
  font-weight: 300;
}
.item .time[data-v-254e7cf6] {
  color: #888;
  font-size: 12px;
  line-height: 26px;
  font-weight: 300;
}
.item .tags[data-v-254e7cf6] {
  position: absolute;
  bottom: 10px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.item .tags .tag[data-v-254e7cf6] {
  text-transform: uppercase;
  border: 1px solid rgba(219, 112, 147, 0.2);
  color: #db7093;
  padding: 0 10px;
  border-radius: 10px;
  margin-left: 6px;
  font-size: 10px;
  letter-spacing: 1px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.item .tags .tag.account[data-v-254e7cf6] {
  background-color: #00ffff;
  border-color: rgba(0, 0, 0, 0.06);
  color: #666;
}
.item .amount[data-v-254e7cf6] {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 16px;
  color: #444;
}

.report.list .item[data-v-181dc852] {
  margin: 15px 10px;
  border-radius: 8px;
  position: relative;
  padding: 0 12px;
  height: 60px;
  background-position: center right;
  background-repeat: no-repeat;
}
.report.list .item .name[data-v-181dc852] {
  height: 100%;
  display: flex;
  font-weight: 300;
  align-items: center;
}
.report.list .item .counts[data-v-181dc852] {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 74px;
  text-align: center;
  justify-content: center;
  color: green;
  font-size: 18px;
  flex-direction: column;
}

.option[data-v-2b9264e1] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .indent[data-v-2b9264e1] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 24px;
}
.option .image[data-v-2b9264e1] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-2b9264e1] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.select[data-v-2b9264e1] {
  float: right;
  vertical-align: top;
  border: 1px solid #ccc;
  border-radius: 16px;
  padding: 6px 12px;
  font-size: 12px;
  margin: 12px 6px;
  color: #888;
}

.list .item[data-v-1d6d81f3] {
  padding: 8px 15px 8px 58px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.list .item.active[data-v-1d6d81f3] {
  background: #fff;
}
.list .item .selection[data-v-1d6d81f3] {
  position: absolute;
  left: 10px;
  top: 12px;
  height: 36px;
  width: 36px;
  background-size: cover;
  background-position: center;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
}
.list .item .selection.selected[data-v-1d6d81f3] {
  color: #1E6FC7;
}
.list .item .image[data-v-1d6d81f3] {
  position: absolute;
  left: 10px;
  top: 12px;
  height: 36px;
  width: 36px;
  background-color: #aaa;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.list .item .name[data-v-1d6d81f3] {
  color: #444;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .services[data-v-1d6d81f3] {
  color: #888;
  font-size: 12px;
  line-height: 26px;
  font-weight: 300;
}
.list .item .time[data-v-1d6d81f3] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.list .item .price[data-v-1d6d81f3] {
  position: absolute;
  bottom: 12px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}

.segment.list .item[data-v-15c03128] {
  margin: 15px 10px;
  border-radius: 8px;
  position: relative;
  padding: 0 12px;
  height: 60px;
  background-position: center right;
  background-repeat: no-repeat;
}
.segment.list .item .name[data-v-15c03128] {
  height: 100%;
  display: flex;
  font-weight: 300;
  align-items: center;
}
.segment.list .item .counts[data-v-15c03128] {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 74px;
  text-align: center;
  justify-content: center;
  color: green;
  font-size: 18px;
  flex-direction: column;
}

.locationSelect[data-v-ca9d5de6] {
  position: relative;
  overflow: auto;
}
.locationSelect .location[data-v-ca9d5de6] {
  background-color: #fff;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 4px);
  padding: 10px;
  margin: 0 4px 4px 0;
}
.locationSelect .location .address-line[data-v-ca9d5de6] {
  font-size: 12px;
  color: #888;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.locationSelect .location .address-state[data-v-ca9d5de6] {
  font-size: 12px;
  color: #888;
  line-height: 18px;
}
.locationSelect .location .address-country[data-v-ca9d5de6] {
  font-size: 12px;
  color: #888;
  line-height: 18px;
}
.locationSelect .location .gst[data-v-ca9d5de6] {
  font-size: 16px;
  color: #444;
  line-height: 26px;
}
.locationSelect .location.active[data-v-ca9d5de6] {
  background: #2488F6;
}
.locationSelect .location.active .address-line[data-v-ca9d5de6] {
  color: #fff;
}
.locationSelect .location.active .address-state[data-v-ca9d5de6] {
  color: #fff;
}
.locationSelect .location.active .address-country[data-v-ca9d5de6] {
  color: #fff;
}
.locationSelect .location.active .gst[data-v-ca9d5de6] {
  color: #fff;
}
.locationSelect .location[data-v-ca9d5de6]:nth-child(2n) {
  margin-right: 0;
}

.option[data-v-4c8d05f5] {
  color: #444;
  background: #fff;
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-4c8d05f5] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-4c8d05f5] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.option-subtext[data-v-4c8d05f5] {
  font-size: 10px;
  color: #888;
  padding: 4px 12px 16px;
  line-height: 14px;
  text-align: justify;
}

.list .item[data-v-cb7433e2] {
  margin-bottom: 4px;
  padding: 8px 15px 8px 54px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 54px;
}
.list .item .image[data-v-cb7433e2] {
  left: 10px;
  top: 6px;
  height: 42px;
  width: 42px;
  background: transparent;
  position: absolute;
  font-size: 22px;
  color: green;
  line-height: 42px;
  text-align: center;
}
.list .item .name[data-v-cb7433e2] {
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .details[data-v-cb7433e2] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .time[data-v-cb7433e2] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.list .item .price[data-v-cb7433e2] {
  position: absolute;
  right: 14px;
  color: green;
  font-size: 12px;
  font-weight: 300;
}

.item[data-v-499035aa] {
  padding: 5px;
  margin: 0 0 5px;
}
.item .image[data-v-499035aa] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.item .name[data-v-499035aa] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}

.list[data-v-1ad22f1d] {
  margin: 0 10px;
  border-radius: 7px;
}
.list .item[data-v-1ad22f1d] {
  padding: 16px 15px 8px 100px;
  height: 54px;
  position: relative;
  border-bottom: 1px solid #f2f2f2;
}
.list .item[data-v-1ad22f1d]:last-child {
  border: none;
}
.list .item .image[data-v-1ad22f1d] {
  position: absolute;
  left: 10px;
  top: 0px;
  height: 54px;
  width: 80px;
  background: transparent;
  background-position: center;
  border: none;
  border-radius: 0;
  background-size: 90%;
  background-repeat: no-repeat;
}
.list .item .name[data-v-1ad22f1d] {
  color: #444;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .desc[data-v-1ad22f1d] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}

.container[data-v-692a62f4] {
  z-index: 1000;
  display: block;
  background: rgba(0, 0, 0, 0.3);
}
.box .title[data-v-692a62f4] {
  text-align: center;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 14px;
  color: #444;
}
.box .message[data-v-692a62f4] {
  color: #888;
  line-height: 20px;
  text-align: justify;
  padding: 10px;
  font-weight: 300;
  text-align: center;
}
.box .input.wide[data-v-692a62f4] {
  padding: 0 10px;
  font-size: 16px;
  font-family: Questrial, Arial;
  border-radius: 5px;
  border: 1px solid #ddd;
  height: 32px !important;
  color: #777;
  width: 100%;
  margin-top: 20px;
}
.box .actions[data-v-692a62f4] {
  text-align: right;
  padding: 0 10px;
  color: #999;
  margin-top: 10px;
  text-transform: uppercase;
  border-top: 1px solid #eee;
}
.box .actions .button.done[data-v-692a62f4] {
  color: #09c;
  background: #fff;
  border: none;
  float: right;
  padding: 0 15px;
  line-height: 48px;
}
.box .actions .button.cancel[data-v-692a62f4] {
  float: left;
  color: #09c;
  background: #fff;
  border: none;
  padding: 0 15px;
  line-height: 48px;
}
.box.desktop[data-v-692a62f4] {
  top: 50%;
  left: 50%;
  border-radius: 16px;
  margin: 20px auto;
  padding: 15px 15px 0;
  box-sizing: border-box;
  position: absolute;
  margin-bottom: -80px;
  background: #fff;
  transform: translate(-50%, -50%);
  min-width: 395px;
  max-width: 60%;
}
.box.mobile[data-v-692a62f4] {
  bottom: 50%;
  left: 0;
  right: 0;
  border-radius: 10px;
  margin: 20px;
  padding: 15px 15px 0;
  box-sizing: border-box;
  position: absolute;
  margin-bottom: -80px;
  background: #fff;
}

.container[data-v-b17c844a] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  z-index: 1000;
}
.container .message[data-v-b17c844a] {
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  width: 80%;
  line-height: 20px;
  padding: 6px;
  border-radius: 16px;
  margin: auto auto 16px;
}
.container .indicator[data-v-b17c844a] {
  height: 6px;
  width: 6px;
  background: #184a65;
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
  border-radius: 50%;
  box-shadow: 0 0 10px #fff;
}

.image[data-v-598982b2] {
  animation-duration: 1s;
  margin: auto;
  background-position: center;
  background-size: 6em;
  background-repeat: no-repeat;
  border-radius: 4px;
  height: 7em;
  width: 7em;
}

.faqs .category[data-v-ebd4bf94] {
  padding: 15px;
}
.faqs .category[data-v-ebd4bf94] {
  border: 1px solid transparent;
  border-width: 1px 0;
}
.faqs .faq[data-v-ebd4bf94] {
  font-size: 14px;
  padding: 15px 20px;
  line-height: 20px;
  border-bottom: 1px solid transparent;
}
.faqs .faq[data-v-ebd4bf94]:last-child {
  border-bottom: 0;
}
.faqs .faq .question[data-v-ebd4bf94] {
  position: relative;
}
.faqs .faq .solution[data-v-ebd4bf94] {
  display: none;
  text-align: justify;
  padding: 20px 0 10px 10px;
}
.faq.active .solution[data-v-ebd4bf94] {
  display: block;
}
.faqs .faq .fa-angle-up[data-v-ebd4bf94],
.faqs .faq .fa-angle-down[data-v-ebd4bf94] {
  position: absolute;
  right: 0;
  top: 2px;
  color: #ccc;
  font-size: 16px;
}
.faqs .faq .fa-angle-up[data-v-ebd4bf94] {
  display: none;
}
.faqs .faq .fa-angle-down[data-v-ebd4bf94] {
  display: block;
}
.faqs .faq.active .fa-angle-up[data-v-ebd4bf94] {
  display: block;
}
.faqs .faq.active .fa-angle-down[data-v-ebd4bf94] {
  display: none;
}

.field[data-v-7eb09735] {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin: 10px 0;
  padding: 0 16px;
  line-height: 48px;
}
.field .name[data-v-7eb09735] {
  display: inline-block;
  vertical-align: top;
}
.field .value[data-v-7eb09735] {
  float: right;
}

input[data-v-73c35ab1] {
  background: transparent;
}
input[data-v-73c35ab1]:focus {
  border-color: #2874f0 !important;
}

input[data-v-38a63bf6] {
  height: 1px;
  width: 1px;
}

.role[data-v-6a53a39e] {
  padding: 10px;
  display: inline-block;
  vertical-align: top;
  margin: 10px 0;
  width: calc(100%/4 - 10px);
  text-align: center;
}
.role .image[data-v-6a53a39e] {
  position: relative;
  height: 52px;
  width: 52px;
  background-color: #eee;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
}
.role .name[data-v-6a53a39e] {
  color: #fff;
  line-height: 26px;
  font-size: 12px;
}

.images[data-v-6d13c2e8] {
  padding: 1px;
}
.images .image[data-v-6d13c2e8] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  height: 25vw;
  border: 0px solid #fff;
  border-width: 0 1px 1px 0;
  background-color: #ddd;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.images .image .checkbox[data-v-6d13c2e8] {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: aliceblue;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.album[data-v-968264c4] {
  display: inline-block;
  width: calc(50% - 20px);
  margin: 20px 20px 0 0;
  position: relative;
  vertical-align: top;
}
.album .image[data-v-968264c4] {
  height: calc(50vw - 30px);
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
  transition: 0.4s;
}
.album .name[data-v-968264c4] {
  height: 26px;
  line-height: 26px;
  color: #444;
  font-size: 14px;
  width: 100%;
  padding-left: 4px;
  margin-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.album .detail[data-v-968264c4] {
  height: 11px;
  color: #999;
  font-size: 10px;
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 4px;
}

.albums[data-v-21d1f8b2] {
  padding-left: 20px;
}

.images[data-v-50c45746] {
  padding: 1px;
}
.images .image[data-v-50c45746] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  height: 25vw;
  border: 0px solid #fff;
  border-width: 0 1px 1px 0;
  background-color: #ddd;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.images .image .checkbox[data-v-50c45746] {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: aliceblue;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.option[data-v-1544b2ea] {
  padding: 5px;
  margin: 0 0 5px;
}
.option .image[data-v-1544b2ea] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
}
.option .name[data-v-1544b2ea] {
  display: inline-flex;
  vertical-align: top;
  height: 48px;
  align-items: center;
  justify-content: center;
}
.option-subtext[data-v-1544b2ea] {
  font-size: 10px;
  color: #888;
  padding: 4px 12px 16px;
  line-height: 14px;
  text-align: justify;
}
[design="modern"].option[data-v-1544b2ea] {
  margin: 8px;
  border-radius: 8px;
}

.leave[data-v-99d708a2] {
  display: block;
  padding: 15px 0px;
  margin: 0 0 5px;
  background-color: #fff;
  position: relative;
}
.leave > .date[data-v-99d708a2] {
  display: inline-block;
  vertical-align: top;
  width: 64px;
}
.leave > .date .date[data-v-99d708a2] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  color: #888;
}
.leave > .date .day[data-v-99d708a2] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  color: #888;
}
.leave .title[data-v-99d708a2] {
  display: flex;
  align-items: center;
  height: 22px;
  font-size: 18px;
  color: #444;
}
.leave .details[data-v-99d708a2] {
  display: flex;
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  color: #999;
}
.leave .status[data-v-99d708a2] {
  text-transform: uppercase;
  border: 1px solid rgba(219, 112, 147, 0.3);
  color: #db7093;
  padding: 0px 10px;
  border-radius: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.leaves[data-v-61179f50] {
  margin: 8px 0;
  white-space: nowrap;
  overflow-x: auto;
}
.leave[data-v-61179f50] {
  margin: 0 4px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 16px;
  min-width: 120px;
  color: #888;
  background: #fff;
}
.leave .nickname[data-v-61179f50] {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  padding: 30px 0 10px;
}
.counts[data-v-61179f50] {
  text-align: center;
  padding: 10px 0 17px;
  font-size: 14px;
}
.name[data-v-61179f50] {
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 1px;
  text-align: center;
}
.leave.selected[data-v-61179f50] {
  background: #027be3;
  color: #fff;
}

.tab[data-v-019a42bc] {
  padding: 0 10px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tab.selected[data-v-019a42bc] {
  font-weight: normal;
  border-bottom: 1px solid;
}

.homeblock[data-v-4c006b45] {
  margin: 0 0 16px;
  padding: 20px;
}
.homeblock.round[data-v-4c006b45] {
  margin: 16px 8px;
  border-radius: 16px;
}
.homeblock.narrow[data-v-4c006b45] {
  padding-top: 1px;
  padding-bottom: 1px;
}

.option[data-v-13891642] {
  display: flex;
  height: 56px;
  align-items: center;
  color: #888;
  font-size: 14px;
  padding: 0 15px;
  min-width: 200px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.option i[data-v-13891642] {
  font-size: 14px;
  padding: 0 16px 0 4px;
}

.options-background[data-v-56426fb8] {
  background: rgba(0, 0, 0, 0.38);
}
.options-background .options[data-v-56426fb8] {
  position: absolute;
  top: 50px;
  right: 10px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.option[data-v-52ceb7ce] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100%/3 - 4px);
  font-size: 10px;
  letter-spacing: 1px;
  color: #CB2F2D;
}
.option .fas[data-v-52ceb7ce] {
  font-size: 25px;
  margin-bottom: 10px;
}

.loading.firstpage[data-v-4203adbd] {
  position: absolute;
  top: calc(50% - 36px);
  left: 0;
  right: 0;
}

.loaded[data-v-67aae34e] {
  height: 100%;
  background: #09c;
}
.loadingbar[data-v-67aae34e] {
  height: 6px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.container[data-v-0f3ae1ba] {
  display: flex;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  overflow-y: auto;
  font-size: 14px;
  z-index: 500;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}
.icon[data-v-0f3ae1ba] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: 50px;
  display: block;
  text-align: center;
}

.SkeletonBox {
  display: inline-block;
  vertical-align: middle;
  background-color: #DDDBDD;
}

.snackBar[data-v-4e8b74be] {
  padding: 10px 0 15px 12px;
  font-size: 14px;
  color: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000;
}
.snackBar .barIcon[data-v-4e8b74be] {
  margin-right: 10px;
  vertical-align: text-bottom;
  position: relative;
  top: 4px;
}
.offlineSnackBar[data-v-4e8b74be] {
  background-color: #ff5722;
}

.plus-button[data-v-6a2489b9] {
  position: absolute;
  right: 20px;
  bottom: 20px;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.bg[data-v-1ba34945] {
  z-index: 10000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0px;
  right: 0px;
}
.safe-area[data-v-1ba34945] {
  top: env(safe-area-inset-top, 0);
  bottom: env(safe-area-inset-bottom, 0);
}
.plus-button[data-v-1ba34945] {
  transition: 0.4s;
}
.plus-button.active[data-v-1ba34945] {
  transform: rotate(135deg);
}

.p-button[data-v-7e90a724] {
  display: flex;
  width: fit-content;
  align-items: center;
  height: 36px;
  border-radius: 32px;
  margin: 15px 0px 15px auto;
  padding: 0px 16px 0 22px;
  font-weight: 300;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
}

.list .item[data-v-2d942915] {
  min-height: 54px;
  padding: 8px 15px 8px 58px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 4px;
}
.list .item .image[data-v-2d942915] {
  position: absolute;
  left: 10px;
  top: 9px;
  height: 36px;
  width: 36px;
  background-size: cover;
  background-position: center;
}
.list .item .name[data-v-2d942915] {
  color: #444;
  line-height: 18px;
  font-size: 14px;
  font-weight: 300;
}
.list .item .desc[data-v-2d942915] {
  color: #888;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}
.list .item .time[data-v-2d942915] {
  position: absolute;
  top: 8px;
  right: 14px;
  color: #888;
  font-size: 12px;
  font-weight: 300;
}
.list .item .price[data-v-2d942915] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
}
.list .item .price.credits[data-v-2d942915] {
  color: green;
}
.list .item .price.debits[data-v-2d942915] {
  color: #444;
}
.list .item .price .full[data-v-2d942915] {
  display: none;
}
.list .item .price .readable[data-v-2d942915] {
  display: block;
}
.list .item.active .price .full[data-v-2d942915] {
  display: block;
}
.list .item.active .price .readable[data-v-2d942915] {
  display: none;
}

.contact[data-v-39b57231] {
  position: relative;
}
.value[data-v-39b57231] {
  font-size: 12px;
}
.kind[data-v-39b57231] {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.blink[data-v-39b57231] {
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  flex-direction: column;
  /* height: 48px; */
  margin-left: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  width: calc(100% - 64px);
  padding: 16px 0;
}
.icon[data-v-39b57231] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 70px;
}
.verification[data-v-39b57231] {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  top: 0;
  width: 48px;
}
.contact:last-child .blink[data-v-39b57231] {
  border: none;
}

.option[data-v-38c61a6e] {
  background: #fff;
  height: 64px;
  line-height: 64px;
  border-bottom: 1px solid #ddd;
  border-width: 1px 0;
  align-items: center;
  font-size: 14px;
  color: #444;
  padding: 0 5px;
}
.option .logo[data-v-38c61a6e] {
  width: 48px;
  text-align: center;
}
.locales[data-v-38c61a6e] {
  text-align: center;
}
.locales .locale[data-v-38c61a6e] {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  font-size: 12px;
  padding: 0px 18px;
  margin: 10px;
  color: #888;
  border-radius: 18px;
  border: 1px solid transparent;
}
.locales .locale.current[data-v-38c61a6e] {
  color: #1f7be3;
  border-color: #1f7be3;
}

.uppercase[data-v-241a2488] {
  text-transform: uppercase;
}
.locales[data-v-241a2488] {
  text-align: center;
}
.locales .locale[data-v-241a2488] {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  font-size: 12px;
  padding: 0px 18px;
  margin: 10px;
  color: #888;
  border-radius: 18px;
  border: 1px solid transparent;
}
.locales .locale.current[data-v-241a2488] {
  color: #1f7be3;
  border-color: #1f7be3;
}

[theme="light"] .name[data-v-1ca50326] {
  color: #024b68;
}
[theme="light"] .about[data-v-1ca50326] {
  color: rgba(2, 75, 104, 0.75);
}
[theme="dark"] .name[data-v-1ca50326] {
  color: #fff;
}
[theme="dark"] .about[data-v-1ca50326] {
  color: rgba(255, 255, 255, 0.75);
}

.rounder[data-v-93580f9c] {
  background: #fff;
  height: 16px;
  position: absolute;
  left: 0;
  right: 0;
}
.rounder.top[data-v-93580f9c] {
  border-radius: 0 0 22px 22px;
  top: 0;
}
.rounder.bottom[data-v-93580f9c] {
  border-radius: 22px 22px 0 0;
  bottom: 0;
}

.strings[data-v-726d65b2] {
  text-align: center;
}
.strings .string[data-v-726d65b2] {
  border-bottom: 1px solid #eee;
  background: #fff;
  vertical-align: top;
  line-height: 54px;
  font-size: 16px;
  color: #666;
  display: flex;
  align-items: center;
  position: relative;
}
.strings .string .icon[data-v-726d65b2] {
  margin: 0 16px;
}

.container[data-v-6db5bf93] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  font-size: 52px;
}

.container[data-v-18cc3519] {
  overflow: hidden;
  position: relative;
}
.container > .content[data-v-18cc3519] {
  left: 0;
  margin: 0;
  z-index: 2;
  position: relative;
  transition: 0.3s;
}
.options[data-v-18cc3519] {
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #777;
  border-radius: 0;
}
.options .action[data-v-18cc3519] {
  width: 50px;
  height: 100%;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
}
.options .icon[data-v-18cc3519] {
  font-size: 12px;
  width: 40px;
  height: 40px;
  margin: 5px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.options.left[data-v-18cc3519] {
  left: 0;
}
.options.right[data-v-18cc3519] {
  right: 0;
}
.options.visible[data-v-18cc3519] {
  display: flex;
}

/* Slideshow */
.slideshow[data-v-637db065] {
  background: #fff;
  position: relative;
}
.slideshow .slides[data-v-637db065] {
  white-space: nowrap;
  overflow: hidden;
  height: 192px;
}
.slideshow .slides .image[data-v-637db065] {
  position: relative;
  display: inline-block;
  margin: auto;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.slideshow .imageContainer[data-v-637db065] {
  position: relative;
  display: block;
  margin: auto;
  height: 192px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.slideshow .indicators[data-v-637db065] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 100%;
}
.slideshow .indicators.overlay[data-v-637db065] {
  position: absolute;
  bottom: 0;
}
.slideshow [design="circle"].indicators[data-v-637db065] {
  height: 26px;
  text-align: center;
}
.slideshow [design="circle"].indicators [target][data-v-637db065] {
  margin: 0 5px;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.slideshow [design="circle"].indicators [target].corner[data-v-637db065] {
  transition: 0.2s;
  height: 4px;
  width: 4px;
}
.slideshow [design="circle"].indicators [target].middle[data-v-637db065] {
  transition: 0.2s;
  height: 8px;
  width: 8px;
}
.slideshow [design="circle"].indicators [target].hidden[data-v-637db065] {
  transition: 0.2s;
  height: 0;
  width: 0;
}
.slideshow [design="circle"].indicators [target].current[data-v-637db065] {
  transition: 0.2s;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  background: rgba(255, 255, 255, 0.8);
}
.slideshow [design="rectangle"].indicators [target][data-v-637db065] {
  height: 4px;
  width: 4px;
  margin: 0 5px;
  background: #888;
  transition: 0.2s;
  border-radius: 2px;
}
.slideshow [design="rectangle"].indicators [target].current[data-v-637db065] {
  width: 12px;
  transition: 0.2s;
  background: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}

.background[data-v-5d4b3890] {
  display: block;
  left: 0;
  top: 0;
  text-align: center;
  position: absolute;
  overflow-y: auto;
  bottom: 0;
  z-index: 5;
  background-color: #fff;
  right: 0;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
}
.background .message[data-v-5d4b3890] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: 50px;
  display: block;
  text-align: center;
}

.image[data-v-73ba2524] {
  height: 31px;
  width: 31px;
  position: absolute;
  top: -8px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.image.off[data-v-73ba2524] {
  left: -10px;
}
.image.on[data-v-73ba2524] {
  right: -10px;
}
.icon[data-v-73ba2524] {
  font-size: 23px;
  position: absolute;
  top: -4px;
}
.icon.off[data-v-73ba2524] {
  left: -2px;
}
.icon.on[data-v-73ba2524] {
  right: -2px;
}

.container[data-v-597a62bc] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  font-size: 52px;
}