@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
body {
  background-color: #E4E4E4!important
}
.app-wrap {
  background-color: transparent!important;
}
#scrollbar-body {
  overflow-y: auto;
  height: 100vh;
}
#scrollbar-content {
  overflow: auto !important;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#scrollbar-body, #scrollbar-content, #scrollbar-body:hover, #scrollbar-content:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.loading-overlay {
  z-index: 1000000 !important;
}

.snackbar-container[data-v-1ee7418a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: transparent !important;
  border: none;
}
.snackbar-container.active[data-v-1ee7418a] {
    z-index: 999999;
}

.no-result[data-v-58a6a75e] {
  overflow-y: scroll;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 203;
}
.no-result.background[data-v-58a6a75e] {
    background: rgba(255, 255, 255, 0.5);
}
.lds-ring[data-v-58a6a75e] {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}
.lds-ring div[data-v-58a6a75e] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 4px solid #2db84c;
  border-radius: 50%;
  -webkit-animation: lds-ring-data-v-58a6a75e 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring-data-v-58a6a75e 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #2db84c transparent transparent transparent;
}
.lds-ring div[data-v-58a6a75e]:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}
.lds-ring div[data-v-58a6a75e]:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.lds-ring div[data-v-58a6a75e]:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}
@-webkit-keyframes lds-ring-data-v-58a6a75e {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes lds-ring-data-v-58a6a75e {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}

.main-app-container[data-v-2b95db53] {
  width: 100%;
}
.toolbar-container-fixed[data-v-2b95db53] {
  position: fixed;
  width: 100%;
  z-index: 2;
}
.wallet-transaction-content[data-v-2b95db53] {
  margin-top: 96px;
}

.toolbar-container[data-v-6240d44b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 15px;
  position: relative;
  top: 0;
  leff: 0;
  z-index: 200;
}
.toolbar-container .left-toolbar[data-v-6240d44b] {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 100;
}
.toolbar-container .left-toolbar .show-wallet-toolbar[data-v-6240d44b] {
      display: none;
}
.fixed-date-range .toolbar-container .left-toolbar .show-wallet-toolbar[data-v-6240d44b] {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
}
.toolbar-container .left-toolbar .icon-navigation[data-v-6240d44b]:hover {
      color: #000;
}
.toolbar-container .account-info[data-v-6240d44b] {
    z-index: 2;
    height: 64px;
    padding: 14px 0;
}
.toolbar-container .account-info .custom-user[data-v-6240d44b] {
      border: 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: block;
      font-family: Roboto, sans-serif;
      -webkit-tap-highlight-color: transparent;
      cursor: pointer;
      text-decoration: none;
      padding: 0;
      outline: none;
      font-size: 16px;
      font-weight: inherit;
      position: relative;
      color: #333333;
      line-height: 26px;
      min-height: 26px;
      white-space: nowrap;
      background: none;
}
.toolbar-container .account-info .color-icon-user[data-v-6240d44b] {
      color: #757575;
}
.toolbar-container .account-info .btn-info[data-v-6240d44b] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      line-height: 27px;
      padding-left: 6px;
      padding-right: 10px;
      vertical-align: middle;
      padding: 5px;
      position: relative;
      letter-spacing: nomal;
      font-size: 14px;
      color: #FFFFFF;
}
.toolbar-container .account-info .btn-info[data-v-6240d44b]:focus {
        outline: none;
}
.toolbar-container .account-info .btn-info[data-v-6240d44b]:hover {
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 1px;
}
.toolbar-container .account-info .btn-info .icon-account[data-v-6240d44b] {
        margin-right: 10px;
}
.fixed-date-range .toolbar-container .account-info .btn-info .show-email-btn[data-v-6240d44b] {
        display: none;
}
.toolbar-container .right-toolbar[data-v-6240d44b] {
    position: absolute;
    display: inherit;
    padding: 8px 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.toolbar-container .right-toolbar div.icon-toolbar[data-v-6240d44b] {
      width: 48px;
      height: 48px;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.toolbar-container .right-toolbar div.icon-toolbar *[data-v-6240d44b] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}
.toolbar-container .right-toolbar .jump-day[data-v-6240d44b], .toolbar-container .right-toolbar .help-desk[data-v-6240d44b], .toolbar-container .right-toolbar .debts-open[data-v-6240d44b] {
      position: relative;
}
.toolbar-container .right-toolbar .jump-day .tooltip[data-v-6240d44b], .toolbar-container .right-toolbar .help-desk .tooltip[data-v-6240d44b], .toolbar-container .right-toolbar .debts-open .tooltip[data-v-6240d44b] {
        z-index: 2;
}
.toolbar-container .right-toolbar .jump-day[data-v-6240d44b] {
      z-index: 1;
}
.toolbar-container .right-toolbar .jump-day *[data-v-6240d44b] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}
.toolbar-container .right-toolbar .jump-day .btn-jump-today[data-v-6240d44b]:focus {
        outline: none;
}
.toolbar-container .right-toolbar .jump-day .btn-jump-today:hover span[data-v-6240d44b] {
        color: #000;
}
.toolbar-container .right-toolbar .jump-day .btn-jump-today .today[data-v-6240d44b] {
        color: rgba(0, 0, 0, 0.54);
        text-align: center;
        position: absolute;
        left: 0px;
        top: 17px;
        width: 100%;
        font-size: 10px;
        line-height: 20px;
        z-index: 1;
        font-weight: bold;
}
.toolbar-container .right-toolbar .help-desk[data-v-6240d44b] {
      z-index: 1;
      margin-left: 26px;
}
.toolbar-container .right-toolbar .help-desk .helper[data-v-6240d44b] {
        border: 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: inline-block;
        font-family: Roboto, sans-serif;
        cursor: pointer;
        text-decoration: none;
        margin: 0;
        outline: none;
        font-size: 0;
        font-weight: inherit;
        position: relative;
        vertical-align: middle;
        overflow: visible;
        -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        width: 48px;
        height: 48px;
}
.toolbar-container .right-toolbar .debts-open[data-v-6240d44b] {
      z-index: 1;
}
.toolbar-container .right-toolbar .debts-open .btn-debts[data-v-6240d44b]:focus {
        outline: none;
}
.show-email-btn[data-v-6240d44b] {
  font-weight: 500;
}
.loading-logout[data-v-6240d44b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999999;
}
.icon-account svg[data-v-6240d44b] {
  float: left;
}
.fixed-date-range .toolbar-container .account-info .btn-info .icon-account[data-v-6240d44b] {
  margin-right: 0;
}
.fixed-header .toolbar-container[data-v-6240d44b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fixed-header .left-toolbar[data-v-6240d44b] {
  position: relative;
}
.fixed-header .center-toolbar[data-v-6240d44b] {
  margin-left: auto;
  margin-right: auto;
}
.fixed-header .right-toolbar[data-v-6240d44b] {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
snackbar-jump[data-v-6240d44b] {
  left: 80px;
}
.select-time[data-v-6240d44b] {
  margin: 0 auto;
  position: relative;
  display: inline-block;
}
.select-time[data-v-6240d44b]:hover {
    cursor: pointer;
}
.select-time .text-month[data-v-6240d44b] {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 16px;
    color: #000 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.select-time .text-fulldate[data-v-6240d44b] {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.7);
}
button[data-v-6240d44b]:focus {
  outline: none;
}
.button-add-tran-toolbar[data-v-6240d44b] {
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #1AA333 !important;
  height: auto;
  min-width: auto;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 4px;
}
.snackbar-jump[data-v-6240d44b] {
  margin-left: 104px;
}
.btn-view-by-time[data-v-6240d44b],
.btn-view-by-category[data-v-6240d44b],
.btn-jump-today[data-v-6240d44b],
.btn-search[data-v-6240d44b],
.icon-navigation[data-v-6240d44b] {
  width: 48px;
  height: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-toolbar .toolbar__content {
  height: 60px !important;
}
.card-title .toolbar__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.debt-container p[data-v-246240b6] {
  margin: 0;
}
.card-debt[data-v-246240b6] {
  background: #efeff5;
  padding-bottom: 20px;
  overflow: auto;
  min-height: 60vh;
}
.card-debt .list[data-v-246240b6] {
    padding: 0;
}
.card-debt .not-yet-debt[data-v-246240b6] {
    overflow-y: auto;
    height: 100%;
}
.card-debt .not-yet-debt .debt-header[data-v-246240b6] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      background: #efeff5;
      padding: 10px;
      height: 60px;
      width: 100%;
}
.card-debt .not-yet-debt .debt-header .table-header[data-v-246240b6] {
        width: 100%;
}
.card-debt .not-yet-debt .debt-header .table-header tbody[data-v-246240b6] {
          width: 100%;
}
.card-debt .not-yet-debt .debt-header .not-yet-paid[data-v-246240b6], .card-debt .not-yet-debt .debt-header .not-yet-received[data-v-246240b6] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
}
.card-debt .not-yet-debt .debt-header .not-yet-paid .not-yet-paid-label[data-v-246240b6], .card-debt .not-yet-debt .debt-header .not-yet-received .not-yet-paid-label[data-v-246240b6] {
          display: inline-block;
          text-align: left;
          text-transform: uppercase;
}
.card-debt .not-yet-debt .debt-header .not-yet-paid .value-paid[data-v-246240b6], .card-debt .not-yet-debt .debt-header .not-yet-received .value-paid[data-v-246240b6] {
          text-align: right;
          padding-right: 5%;
}
.card-title[data-v-246240b6], .card-text[data-v-246240b6] {
  padding: 0;
}
.card-text[data-v-246240b6] {
  min-height: 60vh;
}

.dialog-container[data-v-d2a9793c] {
  margin: 0 auto;
  height: 0;
}
.dialog-container.text-center[data-v-d2a9793c] {
  text-align: center;
}
.overlay-animation[data-v-d2a9793c] {
  -webkit-animation-name: MLfaceIn-data-v-d2a9793c;
          animation-name: MLfaceIn-data-v-d2a9793c;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
@-webkit-keyframes MLfaceIn-data-v-d2a9793c {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes MLfaceIn-data-v-d2a9793c {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

.debt-content[data-v-31513c9f] {
  width: 100%;
}
.debt-content p[data-v-31513c9f] {
    margin: 0;
}
.debt-content .debt-item-header[data-v-31513c9f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.debt-content .debt-item-header .debt-item-transaction[data-v-31513c9f] {
      font-size: 12px;
      font-weight: 500;
      color: #99999e;
}
.debt-content .content-debt-loan[data-v-31513c9f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.debt-content .content-debt-loan .debt-item-not-yet-paid[data-v-31513c9f], .debt-content .content-debt-loan .debt-item-not-yet-received[data-v-31513c9f] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.debt-content .content-debt-loan .debt-item-not-yet-paid .value-paid[data-v-31513c9f], .debt-content .content-debt-loan .debt-item-not-yet-received .value-paid[data-v-31513c9f] {
        color: black;
}
.debt-content .content-debt-loan .debt-item-not-yet-paid .debt-item-name[data-v-31513c9f], .debt-content .content-debt-loan .debt-item-not-yet-received .debt-item-name[data-v-31513c9f] {
        font-weight: 500;
        color: #99999e;
}
.debt-content .divider-item[data-v-31513c9f] {
    max-height: 1px;
}

.card-debt[data-v-0ca33a44] {
  background-color: #efeff5;
  padding-bottom: 20px;
  min-height: 65vh;
}
.card-debt .debt[data-v-0ca33a44], .card-debt .loan[data-v-0ca33a44] {
    margin-top: 20px;
}
.card-debt .debt .list-test[data-v-0ca33a44], .card-debt .loan .list-test[data-v-0ca33a44] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0 !important;
}
.card-debt .debt .list-test .debt-content[data-v-0ca33a44], .card-debt .loan .list-test .debt-content[data-v-0ca33a44] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
}
.card-debt .debt .list-test .debt-content .icons[data-v-0ca33a44], .card-debt .loan .list-test .debt-content .icons[data-v-0ca33a44] {
          margin-top: 10px;
}
.card-debt .debt .list-test .debt-content .content-detail[data-v-0ca33a44], .card-debt .loan .list-test .debt-content .content-detail[data-v-0ca33a44] {
          width: 90%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
}
.card-debt .debt .list-test .card-action-detail[data-v-0ca33a44], .card-debt .loan .list-test .card-action-detail[data-v-0ca33a44] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
}
.card-debt .debt .list-test .card-action-detail .btn-detail[data-v-0ca33a44], .card-debt .loan .list-test .card-action-detail .btn-detail[data-v-0ca33a44] {
          text-transform: capitalize;
          margin: 0 !important;
}

.list-test a.list__tile.list__tile--link {
  height: 45px !important;
  vertical-align: middle;
  line-height: 45px;
}

.list-transaction-card[data-v-d10a663e] {
  padding-bottom: 20px;
  background: #efeff4;
}
.list-transaction-card .title-list-transaction[data-v-d10a663e], .list-transaction-card .content-list-transaction[data-v-d10a663e] {
    padding: 0;
}
.list-transaction-card .transaction-card[data-v-d10a663e] {
    margin-top: 20px;
}
.list-transaction-card .total[data-v-d10a663e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    background: #fff;
}
.list-transaction-card .total p[data-v-d10a663e] {
      margin: 0;
}
.content-list-transaction .overview .overview-title[data-v-d10a663e] {
  margin: 0px 16px;
}
.content-list-transaction .overview .overview-title span[data-v-d10a663e] {
    font-size: 16px;
    line-height: 21px;
    padding: 12px 0px;
    display: block;
}
.content-list-transaction .overview .overview-content .inflow[data-v-d10a663e], .content-list-transaction .overview .overview-content .outflow[data-v-d10a663e] {
  margin: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.transaction-div-1[data-v-39658bf2] {
  padding-bottom: 0px;
}
.transaction-view-by-date.toolbar-group.toolbar-group-time[data-v-39658bf2] {
  top: 123px;
  z-index: 98;
}
/* .transaction-header {
  position: relative;
} */
.transaction-header-content[data-v-39658bf2] {
  border-bottom: 1px solid rgba(0,0,0,0.12);
  /* margin: auto 15px; */
  padding: 8px 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.view-day[data-v-39658bf2] {
  font-size: 34px;
  display: inline-block;
  color: #333333;
  line-height: 40px;
  font-weight: normal;
  width: 48px;
  margin-right: 8px;
}
.view-date[data-v-39658bf2] {
  display: inline-block;
  text-transform: capitalize;
}
.days[data-v-39658bf2] {
  font-size: 12px;
  display: block;
  line-height: 14px;
  color: rgba(0,0,0,0.54);
  font-weight: 700;
}
.months[data-v-39658bf2] {
  font-size: 12px;
  display: block;
  line-height: 14px;
  color: rgba(0,0,0,0.54);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-transaction[data-v-39658bf2] {
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
.transaction-item[data-v-39658bf2] {
  border: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  /* outline: none; */
  font-size: 16px;
  font-weight: inherit;
  position: relative;
  color: rgb(51, 51, 51);
  line-height: 16px;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background: none;
}
.transaction-item[data-v-39658bf2]:hover {
  background-color: rgba(45, 184, 76, 0.08);
}
.transaction-item[data-v-39658bf2]:focus {
  outline: none;
  background: rgba(45,184,76,.08) !important;
}
.amount-view span[data-v-39658bf2] {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0,0,0,0.87);
  font-weight: bold;
}
.date-view[data-v-39658bf2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.exclude-report[data-v-7952c15b] {
  color: rgba(0,0,0,0.54) !important
}
.primary-text[data-v-7952c15b] {
  font-size: 14px !important;
  line-height: 15px;
  white-space: nowrap;
  display: table;
  width: 100%;
  margin-bottom: 0;
}
.mode-category-4[data-v-7952c15b] {
  padding-left: 65px !important
}
.debt-done[data-v-7952c15b] {
  text-decoration: line-through;
}
.transaction-icon[data-v-7952c15b] {
  color: rgb(255, 255, 255);
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 12px;
  left: 16px;
  border: none;
}
.wallet-icon[data-v-7952c15b] {
  color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 8px;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 1;
}
.transaction-row[data-v-7952c15b] {
  display: table-row;
}
.category-name span[data-v-7952c15b] {
  display: table-cell;
  padding-right: 15px;
  max-width: 125px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0,0,0,0.87);
  font-weight: 500;
}
.amount.income[data-v-7952c15b] {
  color: #039be5;
  right: 16px;
}
.amount.expense[data-v-7952c15b] {
  color: #e51c23;
  right: 16px;
}
.secondary-text[data-v-7952c15b] {
  font-size: 12px !important;
  margin-top: 0px !important;
  line-height: 16px;
  height: 16px;
  margin: 0;
  color: rgba(0,0,0,0.54);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transaction-div-4[data-v-7952c15b] {
  margin-left: 0px;
  padding: 16px 16px 16px 72px;
  /* position: relative; */
}
.amount[data-v-7952c15b] {
  display: table-cell;
  text-align: right;
  max-width: 180px;
  font-size: 14px;
}
.mode-view[data-v-7952c15b] {
  font-size: 17px !important;
  position: absolute;
  top: 30px !important;
  color:rgba(0, 0, 0, 0.87) !important;
}
.toolbar-group-category > div[data-v-7952c15b] {
  margin-left: 0px;
  padding: 16px 16px 16px 72px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.receive-payoff[data-v-7952c15b] {
  text-decoration: line-through;
}
.user-edit[data-v-7952c15b] {
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-edit-image[data-v-7952c15b] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.user-edit-name[data-v-7952c15b] {
  font-size: 12px;
  color: rgba(0,0,0,0.54);
}

.view-card-title[data-v-9b3bab3a] {
  padding: 0;
}
.view-card-title .icon-cancel[data-v-9b3bab3a] {
    vertical-align: middle;
    line-height: 8px;
}
.view-card-content[data-v-9b3bab3a] {
  padding: 0;
  padding-bottom: 20px;
  background: #ddd;
  max-height: 70vh;
  overflow-y: auto;
}
.view-card-content p[data-v-9b3bab3a] {
    margin: 0;
}
.view-card-content .content-view-transaction[data-v-9b3bab3a] {
    padding-top: 10px;
    margin: 20px 0;
}
.view-card-content .content-view-transaction .date-time-transaction[data-v-9b3bab3a] {
      margin-bottom: 10px;
}
.view-card-content .content-view-transaction .wallet-transaction[data-v-9b3bab3a] {
      padding-bottom: 10px;
}
.view-card-content .content-view-transaction .transaction-type[data-v-9b3bab3a] {
      text-align: center;
      vertical-align: middle;
      line-height: 6px;
}
.view-card-content .content-view-transaction .detail-content-transaction .title-detail-view[data-v-9b3bab3a] {
      font-size: 20px;
      text-transform: capitalize;
      line-height: 45px;
      vertical-align: middle;
}
.view-card-content .content-view-transaction .detail-content-transaction .note-detail-view[data-v-9b3bab3a] {
      font-size: 12px;
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
}
.view-card-content .width-transaction[data-v-9b3bab3a] {
    height: 48px;
}
.view-card-content .width-transaction .width-transaction-content[data-v-9b3bab3a] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.view-card-content .width-transaction .image-width[data-v-9b3bab3a] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.view-card-content .width-transaction .image-width .avatar-test[data-v-9b3bab3a] {
        height: 24px;
        width: 24px;
        border: 1px solid rgba(0, 0, 0, 0.24);
        background-color: #d3d3d3;
        position: relative;
        border-radius: 50%;
        line-height: 24px;
}
.view-card-content .width-transaction .image-width .avatar-test .avatar-title[data-v-9b3bab3a] {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          text-align: center;
          line-height: 24px;
}
.view-card-content .exclude_report[data-v-9b3bab3a] {
    margin: 20px 0;
    padding: 10px 0 10px 20px;
    color: rgba(0, 0, 0, 0.54);
}
.view-card-actions[data-v-9b3bab3a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.title-detele-tran[data-v-6c5ca30a] {
  font-size: 14px;
  color: rgba(0,0,0,0.87);
  padding: 24px;
  padding-top: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: hidden;
}
button.action-btn[data-v-6c5ca30a]:not(.reject) {
  background: #F25A5A !important
}
.card-action[data-v-6c5ca30a] {
  padding-bottom: 14px;
  padding-right: 24px;
}
button.action-btn.reject[data-v-6c5ca30a] {
  margin-right: 16px;
  color: #2DB84C !important
}
.header-title[data-v-6c5ca30a] {
  padding: 20px 24px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0,0,0,0.87);
  font-weight: 500;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
}

.action-btn[data-v-bb5f2faa] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.cancel[data-v-bb5f2faa] {
  color: #2DB84C;
}
.has-background[data-v-bb5f2faa] {
  background-color: rgba(0, 0, 0, 0.06) !important;
}

.action-btn[data-v-2303cbc6] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.done[data-v-2303cbc6] {
  color: #fff;
}
.has-background[data-v-2303cbc6] {
  background-color: #2DB84C !important;
}
.no-background[data-v-2303cbc6] {
  color: #2DB84C;
}

.dialog-del-transaction-related-wallet .description-wrap[data-v-b039ccd8] {
  padding-top: 17px;
  padding-bottom: 7px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 20px;
}
.dialog-del-transaction-related-wallet .scroll-wrap[data-v-b039ccd8] {
  max-height: 39.3vh !important;
  min-height: 264px !important;
  padding: 0 !important;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group[data-v-b039ccd8] {
    padding: 0 14px;
    height: 100%;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item[data-v-b039ccd8] {
      margin: 0 16px;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .date-transaction[data-v-b039ccd8] {
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .date-transaction .date[data-v-b039ccd8] {
          line-height: 20px;
          font-weight: 500;
          font-size: 14px;
          color: rgba(0, 0, 0, 0.54);
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction[data-v-b039ccd8] {
        height: 72px;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction[data-v-b039ccd8] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          padding: 16px 0;
          position: relative;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .category-icon[data-v-b039ccd8] {
            height: 40px;
            width: 40px;
            margin-right: 16px;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .wallet-icon[data-v-b039ccd8] {
            color: white;
            background-color: white;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            font-size: 8px;
            border-radius: 50%;
            height: 16px;
            width: 16px;
            position: absolute;
            left: 25px;
            top: 40px;
            z-index: 1;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .category-note[data-v-b039ccd8] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .category-note .name-category[data-v-b039ccd8] {
              color: rgba(0, 0, 0, 0.87);
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              margin-top: 1px;
              margin-bottom: 3px;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .category-note .note[data-v-b039ccd8] {
              line-height: 16px;
              font-size: 12px;
              color: rgba(0, 0, 0, 0.54);
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .wrap-amount[data-v-b039ccd8] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .wrap-amount .amount[data-v-b039ccd8] {
              font-size: 14px;
              line-height: 20px;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .wrap-amount .income-type[data-v-b039ccd8] {
              color: #22A1D3;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .wrap-amount .expense-type[data-v-b039ccd8] {
              color: #e51c23;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .wrap-amount .edit-amount[data-v-b039ccd8] {
              font-size: 12px;
              line-height: 16px;
              color: rgba(0, 0, 0, 0.54);
              margin-top: 4px;
              text-decoration: line-through;
}
.dialog-del-transaction-related-wallet .footer-dialog[data-v-b039ccd8] {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  height: 100%;
}
.dialog-del-transaction-related-wallet .footer-dialog .confirm[data-v-b039ccd8] {
    margin: 18px 24px 5px 24px;
    line-height: 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
}
.dialog-del-transaction-related-wallet .footer-dialog .choose-action[data-v-b039ccd8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 14px 0;
}
.dialog-del-transaction-related-wallet .footer-dialog .choose-action .delete-transaction[data-v-b039ccd8] {
      background-color: #F25A5A !important;
}
.dialog-del-transaction-related-wallet .footer-dialog .choose-action .cancel-delete-transaction[data-v-b039ccd8] {
      color: #2DB84C;
}
.dialog-del-transaction-related-wallet .footer-dialog .choose-action .button-accept[data-v-b039ccd8] {
      margin-bottom: 12px !important;
}
.wrap-loading-data[data-v-b039ccd8] {
  height: 264px !important;
  background: #fff;
}

.wrap-container[data-v-8542126c] {
  background-color: #FFFFFF;
  position: relative;
}
.wrap-container .header-title[data-v-8542126c] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 20px 0;
}
.wrap-container .header-title .title--text[data-v-8542126c] {
      color: rgba(0, 0, 0, 0.87);
}
.shadow-top[data-v-8542126c] {
  -webkit-box-shadow: 0 0.5px 0 0 #E0E0E0;
          box-shadow: 0 0.5px 0 0 #E0E0E0;
}
.shadow-bottom[data-v-8542126c] {
  -webkit-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
}
.shadow-none[data-v-8542126c] {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.amount-view input {
  font-size: 32px;
}

.view-cashback p[data-v-4aab9ed7] {
  margin: 0;
}
.view-cashback .cashback-progress[data-v-4aab9ed7] {
  padding-top: 15px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.view-cashback .cashback-progress .cashback-header[data-v-4aab9ed7] {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-left: 20px;
}
.view-cashback .cashback-progress .cashback-header .display-amount[data-v-4aab9ed7] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.view-cashback .cashback-progress .cashback-header .display-amount .paid .paid-name[data-v-4aab9ed7] {
        text-transform: capitalize;
        color: #808080;
}
.view-cashback .cashback-progress .cashback-header .display-amount .left .left-name[data-v-4aab9ed7] {
        text-transform: capitalize;
        color: #808080;
}
.view-cashback .cashback-progress .cashback-action[data-v-4aab9ed7] {
    width: 100%;
}
.view-cashback .cashback-progress .cashback-action .divider[data-v-4aab9ed7] {
      margin-left: 20px;
      width: auto;
}
.view-cashback .cashback-progress .cashback-action .cashback-button[data-v-4aab9ed7] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
}
.view-cashback .cashback-progress .cashback-action .cashback-button .btn-cashback[data-v-4aab9ed7] {
        text-transform: capitalize;
        margin: 0 !important;
}
.view-cashback .cashback-progress .cashback-action .list-transaction-button[data-v-4aab9ed7] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
}
.view-cashback .cashback-progress .cashback-action .list-transaction-button .btn-list-transaction[data-v-4aab9ed7] {
        text-transform: capitalize;
        margin: 0 !important;
}

.progress-class .progress-linear__background {
  background-color: #dddddd !important;
}

.detail-cashback[data-v-87f77b3e] {
  background: #ddd;
}
.detail-cashback h1[data-v-87f77b3e], .detail-cashback p[data-v-87f77b3e] {
    margin: 0;
}
.detail-cashback .title-card-cashback[data-v-87f77b3e] {
    padding: 0;
}
.detail-cashback .content-cashback-detail[data-v-87f77b3e] {
    padding: 0;
}
.detail-cashback .content-cashback-detail .header-cashback-detail[data-v-87f77b3e] {
      padding: 15px 16px 0 15px;
}
.detail-cashback .content-cashback-detail .header-cashback-detail .detail-cashback-dialog[data-v-87f77b3e] {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-left: 70px;
        background: #fff;
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 10px;
}
.detail-cashback .content-cashback-detail .header-cashback-detail .detail-cashback-dialog .amount[data-v-87f77b3e] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          color: rgba(0, 0, 0, 0.54);
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
}
.detail-cashback .content-cashback-detail .header-cashback-detail .paid-from[data-v-87f77b3e] {
        text-transform: uppercase;
        font-weight: 500;
        margin-top: 15px;
        line-height: 22px;
}
.detail-cashback .content-cashback-detail .container-cashback-detail[data-v-87f77b3e] {
      padding-top: 20px;
      background-color: #fff;
}
.detail-cashback .content-cashback-detail .container-cashback-detail .title-amout[data-v-87f77b3e] {
        padding-left: 16.666%;
}
.detail-cashback .content-cashback-detail .container-cashback-detail .img-wallet[data-v-87f77b3e] {
        padding-top: 10px;
        text-align: center;
}
.detail-cashback .content-cashback-detail .container-cashback-detail .ic_edit[data-v-87f77b3e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-item-align: center;
            align-self: center;
}
.detail-cashback .action-card-cashback[data-v-87f77b3e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    background: #fff;
}
.category-content[data-v-87f77b3e] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54) !important;
}
.category-content .input-group--single-line[data-v-87f77b3e] {
    position: relactive;
    bottom: 20px;
}

.mockup[data-v-3ee7b73e] {
  /* cursor: not-allowed !important; */
}
.ic_currency[data-v-3ee7b73e] {
  padding-top: 20px !important;
  text-align: left;
}


.cashback-detail-money label {
  color: rgba(0, 0, 0, 0.54) !important;
}
.cashback-detail-money input {
  font-size: 32px;
}

.cashback-detail-money label {
  color: rgba(0, 0, 0, 0.54) !important;
}
.cashback-detail-money input {
  font-size: 32px;
}

.content-wallet[data-v-a6e7f112] {
  margin: 0;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 80vh;
  max-height: 536px;
}
hr[data-v-a6e7f112]:not(.divider) {
  margin: -1px 0px 0px 72px;
  height: 1px;
  border: none;
  background-color: rgba(45, 184, 76, 0.08);
}
.subtitle[data-v-a6e7f112] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 16px;
  padding: 12px 0px 12px 31px;
  width: 100%;
}
.wallet[data-v-a6e7f112] {
  border: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  outline: none;
  font-size: 16px;
  font-weight: inherit;
  position: relative;
  color: #333333;
  line-height: 16px;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background: none;
  padding-left: 31px;
}
.wallet[data-v-a6e7f112]:hover {
    background: rgba(45, 184, 76, 0.08);
}
.wallet-container[data-v-a6e7f112] {
  margin-left: 0px;
  padding: 18px 56px 18px 56px;
  position: relative;
}
.wallet-container.no-support img[data-v-a6e7f112], .wallet-container.no-support div[data-v-a6e7f112], .wallet-container.no-support span.amount[data-v-a6e7f112] {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
.wallet-container.no-support div[data-v-a6e7f112], .wallet-container.no-support span.amount[data-v-a6e7f112] {
    color: #8F8F8F;
}
.all-wallet .wallet-container[data-v-a6e7f112] {
    border-bottom: 1px solid rgba(45, 184, 76, 0.08);
}
.wallet-list-item > div:last-child .wallet-container[data-v-a6e7f112] {
  border-bottom: 1px solid rgba(45, 184, 76, 0.08);
}
.name-wallet[data-v-a6e7f112] {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.amount[data-v-a6e7f112] {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  color: rgba(0, 0, 0, 0.54);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.micn-check[data-v-a6e7f112] {
  color: #2DB84C;
  position: absolute;
  font-size: 24px;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  height: 24px;
  width: 24px;
  top: 12px;
  margin: 12px;
  right: 32px;
}
.micn-check i[data-v-a6e7f112] {
    color: #2DB84C;
}
.wallet-icon[data-v-a6e7f112] {
  color: white;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 16px;
  left: 0px;
  border: 0px;
}
.wrap-header[data-v-a6e7f112] {
  height: 64px;
  border-bottom: 1px solid rgba(45, 184, 76, 0.08);
  padding: 0 24px !important;
}
.cancel[data-v-a6e7f112] {
  font-weight: normal;
  min-width: 80px;
  padding: 0 15px;
}
.footer-dialog[data-v-a6e7f112] {
  padding: 12px 24px 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-dialog.flex-end[data-v-a6e7f112] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.all-wallet .micn-check[data-v-a6e7f112] {
  top: 12px;
}
.wallet-list-item[data-v-a6e7f112] {
  padding: 0px;
}
.wallet-list-item > div:last-child hr[data-v-a6e7f112] {
    display: none;
}
.is-add-button[data-v-a6e7f112] {
  display: none;
}
.update-latest-wallet[data-v-a6e7f112] {
  background: #FFF5A6;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  padding: 16px;
  margin: 0px 0 16px;
}
span.archived.no-mr[data-v-a6e7f112] {
  font-size: 10px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.12);
  padding: 0px 8px;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  margin-left: 6px;
}
.close-btn-dialog[data-v-a6e7f112] {
  margin-right: 24px;
}
.focus-wallet[data-v-a6e7f112]:focus {
  outline: none;
}






















































.list-transaction-card[data-v-5eecec7a] {
  padding-bottom: 20px;
  background: #efeff4;
}
.list-transaction-card .title-list-transaction[data-v-5eecec7a], .list-transaction-card .content-list-transaction[data-v-5eecec7a] {
    padding: 0;
}
.list-transaction-card .transaction-card[data-v-5eecec7a] {
    margin-top: 20px;
}
.list-transaction-card .total[data-v-5eecec7a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    background: #fff;
}
.list-transaction-card .total p[data-v-5eecec7a] {
      margin: 0;
}
.content-list-transaction .overview[data-v-5eecec7a] {
  padding-bottom: 10px;
}
.content-list-transaction .overview .overview-title[data-v-5eecec7a] {
    margin: 0px 16px;
}
.content-list-transaction .overview .overview-title span[data-v-5eecec7a] {
      font-size: 16px;
      line-height: 21px;
      padding: 12px 0px;
      display: block;
}
.content-list-transaction .overview .overview-content .inflow[data-v-5eecec7a], .content-list-transaction .overview .overview-content .outflow[data-v-5eecec7a] {
    margin: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.detail-container-inner[data-v-622239a1] {
  padding-bottom: 16px;
}
.toolbar-detail[data-v-622239a1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  background-color: #fff;
  z-index: 1;
}
.toolbar-detail .title-detail[data-v-622239a1] {
    color: rgba(0, 0, 0, 0.87);
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}
.toolbar-detail .button-toolbar-detail[data-v-622239a1] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 24px;
    padding-right: 16px;
}
.toolbar-detail .button-toolbar-detail .icon-cancel[data-v-622239a1] {
      width: 48px;
      cursor: pointer;
      height: 48px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.toolbar-detail .toolbar-detail-right[data-v-622239a1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 8px;
}
.toolbar-detail .toolbar-detail-right button[data-v-622239a1] {
      min-width: 80px;
      height: 36px;
      color: #F25A5A !important;
      font-size: 14px;
      line-height: 16px;
      font-weight: 500;
      border-radius: 4px;
      padding: 0 15px;
      margin: 0;
      font-weight: 500;
}
.toolbar-detail .toolbar-detail-right button.wsgreen[data-v-622239a1] {
        color: #2DB84C !important;
}
.image-detail[data-v-622239a1] {
  height: 200px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  position: relative;
  background: #F4F4F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.image-detail.loading[data-v-622239a1] {
    cursor: auto;
}
.image-detail img[data-v-622239a1] {
    display: none;
}
.cate-note[data-v-622239a1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 8px 0px 0 0;
  margin-top: 8px;
}
.cate-note .image-cate-amount[data-v-622239a1] {
    padding-right: 15px;
}
.cate-note .cate-note-amount-content h3[data-v-622239a1] {
    font-size: 24px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: normal;
}
.cate-note .cate-note-amount-content span[data-v-622239a1] {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    margin-top: 8px;
    display: block;
}
.cate-note .cate-note-amount-content .wallet-tran[data-v-622239a1] {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
}
.cate-note .cate-note-amount-content .date-tran[data-v-622239a1] {
    font-size: 12px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.54);
    position: relative;
    padding-bottom: 8px;
}
.cate-note .cate-note-amount-content .date-tran[data-v-622239a1]:before {
    content: "";
    background: rgba(0, 0, 0, 0.12);
    height: 1px;
    width: 142px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.amount-detail[data-v-622239a1] {
  font-size: 34px;
  line-height: 48px;
  padding: 0 16px 14px 0;
}
.amount-detail.border-bottom[data-v-622239a1] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.exclude-report[data-v-622239a1] {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding: 16px 0 0px 92px;
}
.left-detail[data-v-622239a1] {
  max-width: 16.666666666666664%;
  width: 16.666666666666664%;
  min-width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 1px;
}
.with-detail[data-v-622239a1] {
  padding: 0;
}
.with-detail .item-with[data-v-622239a1] {
    padding: 11px 0;
}
.with-detail .item-with .left-detail[data-v-622239a1] {
      padding-right: 23px;
}
.with-detail .item-with .username-detail span[data-v-622239a1] {
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
}
.with-detail .item-with span.image-with[data-v-622239a1] {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 20px;
      line-height: 24px;
      color: #FFFFFF;
      text-transform: uppercase;
}
.location-detail[data-v-622239a1] {
  padding: 8px 0px 8px 0;
}
.location-detail .left-detail[data-v-622239a1] {
    padding-right: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.location-detail span[data-v-622239a1] {
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
}
.location-detail .location-name[data-v-622239a1] {
    position: relative;
    width: 100%;
    padding-right: 16px;
}
.location-detail .location-name[data-v-622239a1]:before {
      content: "";
      background: rgba(0, 0, 0, 0.12);
      height: 1px;
      width: 100%;
      top: -10px;
      left: 0;
      position: absolute;
}
.event-detail[data-v-622239a1] {
  padding: 10px 0;
}
.event-detail .left-detail[data-v-622239a1] {
    padding-right: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.event-detail .event-content[data-v-622239a1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    position: relative;
}
.event-detail .event-content span[data-v-622239a1] {
      font-size: 12px;
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
}
.event-detail .event-content h4[data-v-622239a1] {
      font-size: 14px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
      font-weight: normal;
}
.event-detail .event-content[data-v-622239a1]:before {
      content: "";
      background: rgba(0, 0, 0, 0.12);
      height: 1px;
      width: 100%;
      top: -10px;
      left: 0;
      position: absolute;
}
.remind-detail[data-v-622239a1] {
  padding: 10px 0;
}
.remind-detail .left-detail[data-v-622239a1] {
    padding-right: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.remind-detail .remind-content[data-v-622239a1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    position: relative;
}
.remind-detail .remind-content span[data-v-622239a1] {
      font-size: 12px;
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
}
.remind-detail .remind-content h4[data-v-622239a1] {
      font-size: 14px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
      font-weight: normal;
}
.remind-detail .remind-content[data-v-622239a1]:before {
      content: "";
      background: rgba(0, 0, 0, 0.12);
      height: 1px;
      width: 100%;
      top: -10px;
      left: 0;
      position: absolute;
}
.preview-image[data-v-622239a1] {
  display: inline-block;
  max-height: 80vh;
  margin-top: 10vh;
  position: relative;
}
.preview-image img[data-v-622239a1] {
    max-height: 80vh;
}
.preview-image span[data-v-622239a1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -20px;
    right: -20px;
    background: #000;
    border-radius: 50%;
    border: 1px solid #000;
    cursor: pointer;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.view-dialog .toolbar-detail-left[data-v-622239a1] {
  padding-left: 16px;
}
.view-dialog .toolbar-detail-left span.title-detail[data-v-622239a1] {
    padding-left: 16px;
}
.view-dialog .toolbar-detail-right[data-v-622239a1] {
  padding-right: 16px;
}
.view-dialog .toolbar-detail-right button[data-v-622239a1] {
    width: 80px;
}
.view-dialog .content-view[data-v-622239a1] {
  max-height: 60vh;
  overflow-y: auto;
}
.box-map[data-v-622239a1] {
  width: 100%;
  height: 200px;
  position: relative;
  margin-top: 8px;
}
.box-map .no-result[data-v-622239a1] {
    background: #f4f4f4;
}
.box-map > .no-result[data-v-622239a1] {
    z-index: 3;
}
.box-map > div[data-v-622239a1]:not(.no-result) {
    position: relative;
    z-index: 2;
}
.icon-delete[data-v-622239a1], .icon-edit[data-v-622239a1] {
  width: 36px;
  margin-right: 8px;
}
.icon-delete[data-v-622239a1]:hover, .icon-edit[data-v-622239a1]:hover {
    cursor: pointer;
}
@media screen and (max-width: 750px) {
.button-toolbar-detail[data-v-622239a1] {
    padding: 0px !important;
}
}
#googleMap[data-v-622239a1] .leaflet-popup-content {
  margin: 8px 10px;
  padding: 5px;
}
#googleMap[data-v-622239a1] .leaflet-popup-content b {
    font-weight: bold;
}
#googleMap[data-v-622239a1] .leaflet-popup-content img {
    width: 80px;
}
.user-edit[data-v-622239a1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-edit .left-detail[data-v-622239a1] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.user-edit .border-bottom[data-v-622239a1] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.user-edit-name[data-v-622239a1] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 20px 0px;
}
.user-edit-image[data-v-622239a1] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  line-height: 12px;
  color: #FFFFFF;
  text-transform: uppercase;
}

.view-report[data-v-2f893c25] {
  text-align: center;
  color: #2db84c;
  padding: 5px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 500;
}
.transaction-div-1[data-v-2f893c25] {
  padding-bottom: 0px;
}
.transaction-div-2[data-v-2f893c25] {
  padding: 8px 0px;
}
.overview-title span[data-v-2f893c25] {
  font-size: 20px;
  line-height: 21px;
  padding: 12px 0px;
  display: block;
  border-bottom: 1px solid #eeeeee;
}
.overview-title[data-v-2f893c25] {
  margin: 0px 16px;
}
.hr-transaction[data-v-2f893c25] {
  margin: -1px 16px 0px 250px;
  height: 1px;
  border: none;
  background-color: #e0e0e0;
}
.total-amount[data-v-2f893c25] {
  color: #333333;
  display: block;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  margin-left: 0px;
  padding: 8px 16px;
  text-align: right;
  font-weight: 400;
}
.total-amount .amount[data-v-2f893c25] {
    position: relative;
}
.total-amount .amount[data-v-2f893c25]:before {
      content: "";
      background: rgba(0, 0, 0, 0.12);
      height: 1px;
      width: 120%;
      position: absolute;
      top: -6px;
      right: 0;
}
.inflow[data-v-2f893c25] {
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  margin-left: 0px;
  padding: 8px 16px;
}
.tienvao[data-v-2f893c25], .tienra[data-v-2f893c25] {
  position: absolute;
  right: 16px;
}
.outflow[data-v-2f893c25] {
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  margin-left: 0px;
  padding: 8px 16px;
}
.overview-select[data-v-2f893c25] {
  position: absolute;
  display: inline-block;
  top: 6px;
  right: 16px;
}
.overview-select > div[data-v-2f893c25] {
    padding: 0;
}

.transaction-empty[data-v-71b42fb1] {
  padding-top: 55px;
  padding-bottom: 50px;
}
.moneylover-empty[data-v-71b42fb1] {
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.moneylover-empty .smile[data-v-71b42fb1] {
  font-size: 112px;
  display: inline-block;
  font-weight: 400;
  line-height: 112px;
  padding-bottom: 20px;
  text-align: center;
  color: grey;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.transaction-empty .tips[data-v-71b42fb1] {
  display: block;
  text-align: center;
  color: grey;
}
.transaction-empty .tips .note[data-v-71b42fb1] {
  display: block;
  font-size: 24px;
  line-height: 28px;
}
.transaction-empty .tips .transaction-tips[data-v-71b42fb1] {
  font-size: 14px;
  line-height: 40px;
}
.moneylover-empty .smile.sad[data-v-71b42fb1]:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.moneylover-empty .smile.all[data-v-71b42fb1]:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.plus-btn-empty {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABJdJREFUaAXV2m2PFEUUBWARooIvICYkhkgMxsgHE3+Hv5h/YvhgkOwG8SWugIr4gnKemr6T3tnZmend2Znuk9zu6p7uqnPq3rpVXbuX3tgeLqeqG7HrsXdi78auxNyHV7F/Y3/EXsaexZ7G3D83Lp2zhrfy/s3YR7EPY0Pr+z/v/Br7JXYU+zt2JgxtuBoh4E7s47rRnX/P+XlMj/8V44H/YvBmjIfejvHYB7H3Yn08ycVBbLCgoUIQuR37JOZdPSpEkHceGibCTigS5Vx1Hqb8OKYjNsIQIULnXowYEBJ6cHDveXkJeJmHtQNEPIhpZy02FcILd7vahI/e+rO73vbpairUXoXdw5S1txKVUU57SFx/HhNK8H2M2zd2uZcGQt0GvrH1foyHjCmeEcpLsUoIEV/GZCSVfhfTwK4gTb+IGTsEOf8cWypmlRCeIMIY+Dam4l1D5pNEJAPzkownVZ/AaUIqM/EEEdLpviDUfouZr3hGZnR9DMuEiMkvuqeE0z48cYxkLoiRXHBjhBzr3EUhUutXMePDwN7lmEhzKyHMKgHwzg/ddXsJ4T6EFDFS7E/9H0ZSxgm3mpjntPpCTEiVZtfm7XkNuy8UN1xxbugLuZM7Jkj5+qImu9boOQ+44Ygrzg0lhDLLAznasmPswBFXnJtXSojBA3L2ttZOrcIcvu6srrdxxhFXaNxLiIkPns9OkzgW18adEClYboZSObsa97G44n6ZEJ+nBo60ZtacCnDFGfcbhFiMQblqdjWNY3G+Toj1Pxyb8me3Rn8szlcJudbRtQSYGorzNULq09XCbGoozleIqIWjBdlZYJ7YBOueu79JJQvPFOeWtRZ+m+Ylj0hjzsLsLOl3XU+WJ9Y9l+YHA2d4pTCPs3ZrWoca3/8Q4gMffA9PDcX5BSGWxWDLZWoozi8JqTWLnYqpoTg/I8TWvrW9nb1KxSmOHrjijPtTQmQqX1xQ667Z1biPxRX3lrXQrU2vctW4JczYFdfGvdLXUcecSp+O2/xKvIj5A8fySOMutABx38HW9r6Dxw4cccW5dXoJQfwgZuD44qqlfYqjA2444opzQ18IZYfdfRt1Y0Vxw3U+BPpCELf5Zckird2KjQ044YZjbdQ1jovzhmWxTWsv2Pm2fKmPlxT3ClmqNuS+SRm3ORaF+MHno7lFHMoMZv5aWKa4F1iKfBYzwB/GTuxLLxOS59q2vZd5RU/Yxt+XGDzuxkwVP8YexU7gNCEeNGPyiL8U3YxZXO46zHQiTxAhMh7EZKsTWCXEC/5mZ6nMM0KtxlCKFw7j1JgQTjxBhPaXYpUQLxBjCVBjhiBZg3cuKtTME5/GahvXmHgUW+qJ3G+gdlPwyL1YLWuE3nxm3bSSFc/VXwS0AzqKF7SzFkOEqIyI+kOpd/WS2LXj5zz0m19EGIfGgnPVeZhyzWkprsdQIVWj3hO/i+sye7FESeESg16tuDb56ghjTiZCXpj2wcMHsfmM3f9xVfmsQqpOgmQ08SwkhtbHo0LHODyKDRaQdxqGNlzvLTsLk/rHMwPWViwPVEIRdjxkRpYshOLW/vHsNXCa68Cbn885AAAAAElFTkSuQmCC) no-repeat;
  background-size: 25px;
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  text-align: center;
  font-size: 0;
  vertical-align: 4px;
  margin: 0 2px;
}

.currency-toolbar-container[data-v-286b1dcc] {
  margin-right: 8px;
}
.currency-toolbar-container:hover .main-currency-toolbar[data-v-286b1dcc] {
    color: #000;
    border-color: #000;
}
.currency-toolbar-container:hover .wsdropdown[data-v-286b1dcc] {
    border-top-color: #000;
}
.currency-header[data-v-286b1dcc] {
  border-radius: 3px;
  background-color: #FAFAFA;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  width: 240px;
}
.wstitle[data-v-286b1dcc] {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 16p;
  border-bottom: 1px solid #D8D8D8;
}
.item[data-v-286b1dcc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 16px;
  padding: 8px 0 8px 16px;
  cursor: pointer;
  position: relative;
}
.item.current .currency-active[data-v-286b1dcc] {
    display: block;
}
.item img[data-v-286b1dcc] {
  width: 32px;
  height: 32px;
  border-radius: 2px;
  border: 0.5px solid rgba(0, 0, 0, 0.08);
  margin-right: 12px;
}
span.currency-name[data-v-286b1dcc] {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
}
.wscontent[data-v-286b1dcc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
span.currency-currency[data-v-286b1dcc] {
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.54);
}
.item[data-v-286b1dcc]:hover {
  background: rgba(45, 184, 76, 0.08);
}
.currency-container[data-v-286b1dcc] {
  padding: 7px 0;
  max-height: 60vh;
  overflow-y: auto;
}
.currency-active[data-v-286b1dcc] {
  position: absolute;
  right: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.main-currency-toolbar[data-v-286b1dcc] {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.54);
  width: 73px;
  height: 24px;
  background-color: transparent;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
  position: relative;
  border: 1px solid rgba(151, 151, 151, 0.16);
}
.main-currency-toolbar .wsdropdown[data-v-286b1dcc] {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.54);
    position: absolute;
    font-size: 15px;
    display: inline-block;
    right: 7px;
    top: 9px;
}

.toolbar__title[data-v-0bb59da8] {
  margin-left: 0;
}
.box-date-select[data-v-0bb59da8] {
  height: 70vh;
  overflow-y: auto;
  max-height: 560px;
}
.info-title[data-v-0bb59da8] {
  font-size: 20px;
  margin-left: 0;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87) !important;
}
.header-time-range[data-v-0bb59da8] {
  border-bottom: 0.5px solid #E0E0E0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.header-time-range .close-time-range[data-v-0bb59da8] {
    margin-left: 6px;
    margin-right: 18px;
    width: 48px;
    height: 48px;
}
.header-time-range .close-time-range[data-v-0bb59da8]:focus {
      outline: -webkit-focus-ring-color auto 5px;
}

.box-date-range[data-v-72b7b33f] {
  cursor: pointer;
  padding: 17px 0;
  padding-left: 39px;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
  position: relative;
}
.box-date-range[data-v-72b7b33f]:hover {
    background-color: rgba(45, 184, 76, 0.08);
}
.box-date-range[data-v-72b7b33f]:selected {
    background-color: rgba(45, 184, 76, 0.08);
}
.box-date-range.current svg[data-v-72b7b33f] {
    display: block;
}
.box-date-range .label[data-v-72b7b33f] {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    display: block;
}
.box-date-range .date-range[data-v-72b7b33f] {
    color: rgba(0, 0, 0, 0.54);
}
.box-date-range svg[data-v-72b7b33f] {
    display: none;
    position: absolute;
    top: 22px;
    right: 30px;
}

.dialog-custom-date-range[data-v-c2c2eef8] {
  height: 328px;
  background: #fff;
  border-radius: 4px;
}
.dialog-custom-date-range .header-custom[data-v-c2c2eef8] {
    padding: 19px 0 19px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.dialog-custom-date-range .header-custom .info-title[data-v-c2c2eef8] {
      line-height: 24px !important;
      color: rgba(0, 0, 0, 0.87);
}
.dialog-custom-date-range .custom-container[data-v-c2c2eef8] {
    padding: 0 24px;
}
.dialog-custom-date-range .custom-container .date-item[data-v-c2c2eef8] {
      padding: 8px 12px 10px 16px;
      border-radius: 8px;
      border: 1px solid #ccc;
      margin: 24px 0;
}
.dialog-custom-date-range .custom-container .date-item[data-v-c2c2eef8]:hover {
        cursor: pointer;
}
.dialog-custom-date-range .custom-container .date-item .text-date[data-v-c2c2eef8] {
        line-height: 16px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.54);
        position: relative;
        top: -3px;
}
.dialog-custom-date-range .custom-container .date-item .date-input[data-v-c2c2eef8] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: relative;
}
.dialog-custom-date-range .custom-container .date-item .date-input .icon-calendar[data-v-c2c2eef8] {
          opacity: 0.54;
}
.dialog-custom-date-range .custom-container .date-item .date-input .select-date-text[data-v-c2c2eef8] {
          color: rgba(0, 0, 0, 0.87);
          line-height: 24px;
          color: rgba(0, 0, 0, 0.87);
          margin-left: 8px;
          opacity: 0.54;
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto;
}
.dialog-custom-date-range .custom-container .date-item .date-input .date-selectd[data-v-c2c2eef8] {
          margin-left: 8px;
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto;
          line-height: 24px;
}
.dialog-custom-date-range .custom-container .custom-date-footer[data-v-c2c2eef8] {
      padding: 14px 0;
      text-align: right;
}
.dialog-custom-date-range .custom-container .custom-date-footer .btn-cancel[data-v-c2c2eef8] {
        margin-right: 24px;
}

.wrap-arrow[data-v-ce3519da] {
  width: 24px;
  height: 24px;
  text-align: center;
}
.wrap-arrow .arrow[data-v-ce3519da] {
    text-indent: -99999px;
    border: solid rgba(0, 0, 0, 0.54);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}
.wrap-arrow .right-position[data-v-ce3519da] {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.wrap-arrow .down-position[data-v-ce3519da] {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.list-box[data-v-48ecc7dc] {
  padding: 0;
  width: 310px;
}
.wallet-toolbar-menu[data-v-48ecc7dc] {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wallet-toolbar-menu img[data-v-48ecc7dc] {
    width: 40px;
}
.info[data-v-48ecc7dc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent !important;
  margin-left: 8px;
}
.info span[data-v-48ecc7dc] {
    white-space: nowrap;
}
.info .name[data-v-48ecc7dc] {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
    line-height: 21px;
    position: relative;
}
.info .name[data-v-48ecc7dc]:after {
      content: "";
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 3px solid rgba(40, 39, 39, 0.87);
      margin-left: 0px;
      vertical-align: 2px;
      position: relative;
      font-size: 15px;
      display: inline-block;
      margin-left: 5px;
}
.info .amount[data-v-48ecc7dc] {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    line-height: 18px;
}
.list-wallets[data-v-48ecc7dc] {
  height: 70vh !important;
  max-height: 70vh !important;
  border-radius: 4px;
}
.list-wallets.wallet-scroll-1[data-v-48ecc7dc], .list-wallets.wallet-scroll-2[data-v-48ecc7dc], .list-wallets.wallet-scroll-3[data-v-48ecc7dc], .list-wallets.wallet-scroll-4[data-v-48ecc7dc], .list-wallets.wallet-scroll-5[data-v-48ecc7dc] {
    height: auto;
    max-height: initial;
}
.list-wallets .included-total-title[data-v-48ecc7dc] {
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54);
    padding: 11.5px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.list-wallets .wallet[data-v-48ecc7dc] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #FFFFFF;
}
.list-wallets .wallet[data-v-48ecc7dc]:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.list-wallets .wallet[data-v-48ecc7dc]:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.04);
}
.list-wallets .wallet-exclude[data-v-48ecc7dc]:last-child, .list-wallets .wallet-include[data-v-48ecc7dc]:last-child {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-wallets .actived[data-v-48ecc7dc] {
    background-color: rgba(45, 184, 76, 0.08);
}
.list-wallets .none-actived[data-v-48ecc7dc] {
    background: #fff;
}
.wallet-menu[data-v-48ecc7dc] {
  background: #eee;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.center[data-v-0e22949d] {
  text-align: center;
}
.list-box[data-v-0e22949d] {
  padding: 0;
  width: 240px;
}
.wallet-toolbar-menu[data-v-0e22949d] {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wallet-toolbar-menu img[data-v-0e22949d] {
    width: 40px;
}
.info[data-v-0e22949d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent !important;
  margin-left: 8px;
}
.info span[data-v-0e22949d] {
    white-space: nowrap;
}
.info .name[data-v-0e22949d] {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
    line-height: 21px;
    position: relative;
}
.info .name[data-v-0e22949d]:after {
      content: "";
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 3px solid rgba(40, 39, 39, 0.87);
      margin-left: 0px;
      vertical-align: 2px;
      position: relative;
      font-size: 15px;
      display: inline-block;
      margin-left: 5px;
}
.info .amount[data-v-0e22949d] {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    line-height: 18px;
}
.list-wallets[data-v-0e22949d] {
  border-radius: 4px;
  background: #fff;
}
.list-wallets .included-total-title[data-v-0e22949d] {
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54);
    padding: 11.5px 16px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.list-wallets .wallet[data-v-0e22949d] {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
    background-color: #FFFFFF;
}
.list-wallets .wallet[data-v-0e22949d]:first-child {
      border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}
.list-wallets .wallet[data-v-0e22949d]:hover {
      cursor: pointer;
      background-color: rgba(45, 184, 76, 0.08);
}
.list-wallets .wallet-exclude[data-v-0e22949d]:last-child, .list-wallets .wallet-include[data-v-0e22949d]:last-child {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-wallets .actived[data-v-0e22949d] {
    background-color: rgba(45, 184, 76, 0.08);
}
.list-wallets .actived.hascheck[data-v-0e22949d] {
      background: transparent;
}
.list-wallets .none-actived[data-v-0e22949d] {
    background: #fff;
}
.total-title[data-v-0e22949d] {
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.54);
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid #D8D8D8;
  text-transform: capitalize;
}

.item[data-v-6873f8d2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.item .is-archived[data-v-6873f8d2], .item .no-support[data-v-6873f8d2] {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
.item .wallet-icon[data-v-6873f8d2] {
    width: 40px;
    height: 40px;
    margin: 16px;
    border-radius: 50%;
}
.item .item-explain[data-v-6873f8d2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 17px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.item .item-explain .name-wallet[data-v-6873f8d2] {
      position: relative;
      line-height: 20px;
}
.item .item-explain .amount[data-v-6873f8d2] {
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
      position: relative;
      top: 1px;
}
.item .not-support[data-v-6873f8d2], .item .archived[data-v-6873f8d2] {
    -ms-flex-item-align: center;
        align-self: center;
    margin-right: 24px;
}
.item .archived[data-v-6873f8d2] {
    font-size: 10px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.12);
    padding: 0px 8px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}
.item .archived .no-mr[data-v-6873f8d2] {
      margin-right: 0;
}
.check[data-v-6873f8d2] {
  display: none;
}
.actived .check[data-v-6873f8d2] {
  display: block;
}

.transaction-container[data-v-e117d7da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.transaction-container .date-range-toolbar[data-v-e117d7da] {
    height: 0;
    z-index: 99;
    top: 0;
}
.transaction-container .date-range-content[data-v-e117d7da] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    top: -64px;
    height: 64px;
    left: 0;
}
.fixed-date-range .transaction-container .date-range-content[data-v-e117d7da] {
      top: 16px;
}
.transaction-container .date-range-content .date-range[data-v-e117d7da] {
      width: 406px;
}
.transaction-container .button-add[data-v-e117d7da] {
    top: -44px;
    background-color: #5af158 !important;
    right: 190px;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
}
.fixed-date-range .transaction-container .button-add[data-v-e117d7da] {
      top: 37px !important;
}
.icon-add[data-v-e117d7da] {
  padding-top: 4px;
}
.transaction-card-data[data-v-e117d7da] {
  min-height: 30vh;
}

.date-range[data-v-0580251c] {
  border-bottom: 1px solid #e0e0e0;
}
.transaction-overview[data-v-0580251c] {
  margin-bottom: 32px;
}
.transaction-card-data[data-v-0580251c] {
  margin-top: 0;
}
.transaction-card-data .date-range-toolbar[data-v-0580251c] {
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    background-color: #fff;
    padding-top: 0;
}
.transaction-card-data .scroll-transaction[data-v-0580251c] {
    padding-top: 10px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 99;
}
@media (min-width: 1920px) {
.transaction-card-data .scroll-transaction[data-v-0580251c] {
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
}
}
.transaction-card[data-v-0580251c] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.transaction-card > div[data-v-0580251c] {
    margin-bottom: 32px;
}
.transaction-card > div[data-v-0580251c]:last-child {
    margin-bottom: 16px;
    border-bottom: none;
}
.transaction-card > div:last-child .list-transaction[data-v-0580251c] {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
}
.transaction-content[data-v-0580251c] {
  margin: 0 auto;
}
.transaction-container[data-v-0580251c] {
  color: #333333;
  background-color: white;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  z-index: 1;
}
.server-notice[data-v-0580251c] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.server-notice > .v-alert[data-v-0580251c] {
    border-radius: 8px;
    margin: 12px auto;
}
.master-detail-container[data-v-0580251c] {
  min-height: 30vh;
}
#detail[data-v-0580251c] {
  margin-bottom: 0px;
}
#detail.hide[data-v-0580251c] {
    height: 0 !important;
}
#detail.hide #detail-container[data-v-0580251c] {
      opacity: 0;
      width: 0 !important;
}
#detail #detail-container[data-v-0580251c] {
    padding-bottom: 30px;
    position: relative;
    opacity: 1;
    max-width: inherit;
}
.transaction-detail[data-v-0580251c] {
  overflow: auto;
}
@media (min-width: 1025px) {
.transaction-detail[data-v-0580251c] {
      height: 88vh !important;
}
}
@media (min-width: 1366px) {
.transaction-detail[data-v-0580251c] {
      height: 90vh !important;
}
}
#master[data-v-0580251c] {
  margin-bottom: 0px;
}
#master #master-container[data-v-0580251c] {
    position: relative;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
}
.wallet-transaction-content #master-container[data-v-0580251c] {
  padding-top: 16px;
}
.update-latest-wallet[data-v-0580251c] {
  background: #FFF5A6;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  padding: 16px;
  margin: 16px 0;
  margin: 0 auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.transaction-content-box[data-v-0580251c] {
  background-color: #F4F4F4;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.transaction-content-box.scroll[data-v-0580251c] {
    height: 80vh;
    max-height: 536px;
    border-radius: 4px;
}
.transaction-content-box #transaction-content-dialog[data-v-0580251c] {
    padding-right: 0 !important;
    background: #F4F4F4;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.no-result[data-v-0580251c] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
}
.retry-request-transaction[data-v-0580251c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-bottom: 48px;
}
.retry-request-transaction-btn[data-v-0580251c] {
    color: #fff;
    background-color: #1AA333 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 12px;
    border-radius: 4px;
}
.retry-request-transaction-btn[data-v-0580251c] * {
      font-weight: 500;
}

.disable-arrows[data-v-7abf69fb] {
  margin: 0 15px;
}

.transaction-div-1[data-v-34fb304a] {
  padding-bottom: 0px;
}
.transaction-header[data-v-34fb304a] {
  position: relative;
}
.transaction-header-content[data-v-34fb304a] {
  margin: auto 16px;
  padding: 12px 0 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view-day[data-v-34fb304a] {
  font-size: 32px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 300;
}
.view-date[data-v-34fb304a] {
  display: inline-block;
  margin-left: 3px;
  text-transform: capitalize;
  width: 90%;
  padding-left: 10px;
}
.date-view[data-v-34fb304a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}
.days[data-v-34fb304a] {
  font-size: 11px;
  display: block;
  line-height: 15px;
  color: #333;
}
.months[data-v-34fb304a] {
  font-size: 11px;
  display: block;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.26);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-transaction[data-v-34fb304a] {
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */
  z-index: 1;
}
.transaction-item[data-v-34fb304a] {
  border: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  /* outline: none; */
  font-size: 16px;
  font-weight: inherit;
  position: relative;
  color: rgb(51, 51, 51);
  line-height: 16px;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background: none;
}
.transaction-item[data-v-34fb304a]:hover {
  background-color: rgba(45, 184, 76, 0.08);
}
.amount-view[data-v-34fb304a] {
  font-size: 14px;
  white-space: nowrap;
}
.transaction-card > div:last-child .list-transaction[data-v-34fb304a] {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.transaction-div-4[data-v-34fb304a] {
  padding: 0;
}


p[data-v-12e0dba0] {
  margin-bottom: 0px;
}
.title[data-v-12e0dba0] {
  margin-left: 0 !important;
}
.flex[data-v-12e0dba0] {
  text-align: left !important;
}
.relative[data-v-12e0dba0] {
  position: relative;
  top: -21px;
}
.is-repeat[data-v-12e0dba0] {
  padding-top: 6px !important;
}
.save[data-v-12e0dba0] {
  position: relative;
  top: -6px;
  left: -12px;
}
.content-add[data-v-12e0dba0] {
  min-height: 50vh;
}
.transaction-dialog[data-v-12e0dba0] {
  border-radius: 4px;
}
.transaction-content[data-v-12e0dba0] {
  padding: 24px 40px 0 40px;
  max-height: 75vh;
  overflow-y: auto;
}
.header-title[data-v-12e0dba0] {
  padding: 20px 40px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
}
button[data-v-12e0dba0] {
  border-radius: 4px;
}
button.done[data-v-12e0dba0] {
    margin-left: 16px !important;
}
button[data-v-12e0dba0]:focus {
    outline: none;
}
.transaction-action[data-v-12e0dba0] {
  padding: 14px 40px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.wallet[data-v-12e0dba0], .with[data-v-12e0dba0], .location[data-v-12e0dba0] {
  padding-right: 16px;
}
.amount[data-v-12e0dba0], .photo[data-v-12e0dba0] {
  padding-left: 16px;
}
.category[data-v-12e0dba0], .remind[data-v-12e0dba0], .event[data-v-12e0dba0] {
  padding: 0 8px;
}
.wallet[data-v-12e0dba0], .category[data-v-12e0dba0], .amount[data-v-12e0dba0], .with[data-v-12e0dba0], .remind[data-v-12e0dba0] {
  margin-bottom: 24px;
}
.container-checkbox[data-v-12e0dba0] {
  margin-top: 15px;
  margin-bottom: 21px;
}
.container-checkbox label[data-v-12e0dba0] {
    padding-top: 2px;
    padding-left: 16px;
}
.date[data-v-12e0dba0] {
  padding-right: 16px;
}
.note[data-v-12e0dba0] {
  padding-left: 8px;
}
.more-detail[data-v-12e0dba0] {
  color: #2BAF2B;
  font-size: 14px;
  margin-top: 24px;
  margin-bottom: 24px;
  text-decoration: underline;
  line-height: 16px;
}
.more-detail[data-v-12e0dba0]:hover {
    cursor: pointer;
}
.detail-extra[data-v-12e0dba0] {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 29px;
  margin-bottom: 7px;
}
.toggle-view[data-v-12e0dba0] {
  height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
.toggle-view.view-more[data-v-12e0dba0] {
    height: 240px;
    opacity: 1;
}
.exclude-report[data-v-12e0dba0] {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 3px;
}
.extra-exclude[data-v-12e0dba0] {
  line-height: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
}
.box-exclude[data-v-12e0dba0] {
  display: inline-block;
  cursor: pointer;
  margin-top: 13px;
  height: auto;
}

.item-categories[data-v-61e80534] {
  overflow: auto;
  max-height: 455px;
}
.tabs-category[data-v-61e80534] {
  margin: 0 auto;
  position: relative;
  margin-bottom: 0.5px;
}
.tabs-category .tab-item .tab-title[data-v-61e80534] {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54);
    padding: 15px 24px 9px 24px !important;
}
.tabs-category .tab-item .tab-active[data-v-61e80534] {
    color: #2DB84C !important;
}
.item-cate .list-category[data-v-61e80534] {
  margin: 16px 56px 0 56px;
}
.item-cate .list-category .wrap-category[data-v-61e80534] {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.item-cate .list-category .wrap-category .category-parent[data-v-61e80534] {
      position: relative;
}
.item-cate .list-category .wrap-category .category-parent .item-actived[data-v-61e80534] {
        margin: 1px 0;
}
.item-cate .list-category .wrap-category .category-parent .category-item[data-v-61e80534] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 8px 16px;
}
.item-cate .list-category .wrap-category .category-parent .category-item[data-v-61e80534]:hover {
          cursor: pointer;
          background-color: rgba(45, 184, 76, 0.08);
}
.item-cate .list-category .wrap-category .category-parent .category-item .category-icon[data-v-61e80534] {
          height: 40px;
          width: 40px;
}
.item-cate .list-category .wrap-category .child-category-wrap[data-v-61e80534] {
      margin-left: 18px;
}
.item-cate .list-category .wrap-category .child-category-wrap .child-category-item[data-v-61e80534] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        border-left: 2px rgba(0, 0, 0, 0.12) dotted;
        margin-top: 1px;
}
.item-cate .list-category .wrap-category .child-category-wrap .child-category-item .item-actived[data-v-61e80534] {
          margin-top: 0;
}
.item-cate .list-category .wrap-category .child-category-wrap .child-category-item .line-dotted-in[data-v-61e80534] {
          width: 10px;
          border-bottom: 2px rgba(0, 0, 0, 0.12) dotted;
          position: relative;
          bottom: 31px;
          left: 2px;
          margin-right: 3px;
}
.item-cate .list-category .wrap-category .child-category-wrap .child-category-item .line-dotted-last-item[data-v-61e80534] {
          border-left: 2px rgba(0, 0, 0, 0.12) dotted;
          border-bottom: 2px rgba(0, 0, 0, 0.12) dotted;
          height: 25px;
          position: relative;
          left: 0;
          top: 1px;
          width: 14px;
          margin-right: 1px;
}
.item-cate .list-category .wrap-category .child-category-wrap .child-category-item .child-category-container[data-v-61e80534] {
          position: relative;
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto;
}
.item-cate .list-category .wrap-category .child-category-wrap .child-category-item .child-category-container .detail-child-category[data-v-61e80534] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            padding: 8px 0px;
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
}
.item-cate .list-category .wrap-category .child-category-wrap .child-category-item .child-category-container .detail-child-category[data-v-61e80534]:hover {
              cursor: pointer;
              background-color: rgba(45, 184, 76, 0.08);
}
.item-cate .list-category .wrap-category .child-category-wrap .last-item-child[data-v-61e80534] {
        border-left: none;
}
.item-cate .list-category .wrap-category .child-category-wrap .child-category-icon[data-v-61e80534] {
        height: 32px;
        width: 32px;
}
.item-cate .list-category .last-item[data-v-61e80534] {
    border-bottom: none;
    margin-bottom: 16px;
}
.item-actived[data-v-61e80534] {
  border-bottom: none;
}
.category-name[data-v-61e80534] {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
  padding: 9px 0 11px 16px;
}
.content-tab[data-v-61e80534] {
  height: 68vh !important;
  max-height: 504px;
  min-height: 210px;
  overflow: auto !important;
}
.long-text[data-v-61e80534] {
  height: 68vh;
  max-height: 456px;
  min-height: 210px;
}
.micn-check[data-v-61e80534] {
  color: #2DB84C;
  position: absolute;
  font-size: 24px;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  height: 24px;
  width: 24px;
  top: 0px;
  margin: 12px;
  right: 4px;
}
.screen_cate[data-v-61e80534]:focus {
  background: rgba(45, 184, 76, 0.08) !important;
  outline: none;
}
.tab-item[data-v-61e80534]:focus {
  outline: none !important;
}
a[data-v-61e80534]:focus {
  outline: none !important;
}
.tab-title[data-v-61e80534]:focus {
  outline: none !important;
}

.wrap-dialog .header-wrap[data-v-6db8f2f0] {
  color: #fff;
  padding-right: 16px;
  font-size: 20px !important;
  padding: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.wrap-dialog .icon-show-arrow-left[data-v-6db8f2f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap-dialog .icon-show-arrow-left .icon-back[data-v-6db8f2f0] {
    margin: 0px 0px 0px 24px;
    padding: 12px;
    width: 48px !important;
    height: 48px;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    line-height: 20px;
}
.wrap-dialog .icon-show-arrow-left .picker-title[data-v-6db8f2f0] {
    color: rgba(0, 0, 0, 0.87);
    margin-left: 4px;
    line-height: 24px !important;
    margin: 13px 0 11px 16px;
}
.wrap-dialog .wrap-search[data-v-6db8f2f0] {
  margin: 0 auto;
}
.wrap-dialog .wrap-search .search-header[data-v-6db8f2f0] {
    height: 40px;
    width: 208px;
    margin: 4px 24px;
    position: relative;
    border-radius: 50px;
    background: #F5F5F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-dialog .wrap-search .search-header .input-search input[data-v-6db8f2f0] {
      color: rgba(0, 0, 0, 0.87) !important;
      font-size: 17px;
      height: 20px;
      font-weight: normal;
      outline: none;
      width: 100%;
      margin: 10px 0;
      padding-left: 0 !important;
}
.wrap-dialog .wrap-search .search-header .input-search input[data-v-6db8f2f0]::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.26) !important;
        font-size: 14px;
        font-weight: normal;
        opacity: 1;
}
.wrap-dialog .wrap-search .search-header .input-search input[data-v-6db8f2f0]:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.26) !important;
        font-size: 14px;
        font-weight: normal;
        opacity: 1;
}
.wrap-dialog .wrap-search .search-header .input-search input[data-v-6db8f2f0]::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.26) !important;
        font-size: 14px;
        font-weight: normal;
        opacity: 1;
}
.wrap-dialog .wrap-search .search-header .input-search input[data-v-6db8f2f0]::placeholder {
        color: rgba(0, 0, 0, 0.26) !important;
        font-size: 14px;
        font-weight: normal;
        opacity: 1;
}
.wrap-dialog .wrap-search .search-header .input-search input[data-v-6db8f2f0]::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.26) !important;
        font-size: 14px;
        font-weight: normal;
}
.wrap-dialog .wrap-search .search-header .input-search input[data-v-6db8f2f0]::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.26) !important;
        font-size: 14px;
        font-weight: normal;
}
.wrap-dialog .wrap-search .search-header .icon-search-wrap[data-v-6db8f2f0] {
      margin: 12px 16px;
      opacity: 0.54;
}
.wrap-dialog .wrap-search .search-header .icon-search-wrap .icon-search[data-v-6db8f2f0] {
        position: relative;
        bottom: 2px;
}
.provider-dialog-picker .header-wrap[data-v-6db8f2f0] {
  height: 64px;
  padding: 0;
}
.provider-dialog-picker .header-wrap .wrap-search .search-header[data-v-6db8f2f0] {
    width: 240px;
}

.default[data-v-6bc9d4d3] {
  color: rgba(0, 0, 0, 0.26) !important;
}
p[data-v-6bc9d4d3] {
  margin-bottom: 0px !important;
}
span[data-v-6bc9d4d3], p[data-v-6bc9d4d3] {
  font-weight: normal;
}
i[data-v-6bc9d4d3] {
  text-indent: -99999px;
  border: solid rgba(0, 0, 0, 0.54);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  float: right;
  margin-top: 10px;
  position: absolute;
  right: 0;
}
.disabled[data-v-6bc9d4d3] {
  border: 1px dashed rgba(0, 0, 0, 0.12) !important;
}
.disabled[data-v-6bc9d4d3]:hover {
    cursor: auto;
}
.search-border[data-v-6bc9d4d3] {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 5px 15px;
  height: 64px;
}
.search-border[data-v-6bc9d4d3]:hover {
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.search-border[data-v-6bc9d4d3]:focus {
    border: 1px solid rgba(0, 0, 0, 0.4);
    outline: none;
}
.active[data-v-6bc9d4d3] {
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.search-border[data-v-6bc9d4d3] {
  cursor: pointer;
  cursor: pointer;
  width: 100%;
}
.not-pointer[data-v-6bc9d4d3] {
  cursor: text;
}
.flex[data-v-6bc9d4d3] {
  padding-bottom: 0 !important;
}
.text-search[data-v-6bc9d4d3] {
  font-size: 12px;
  padding-bottom: 3px;
  color: rgba(0, 0, 0, 0.54);
}
.text-input[data-v-6bc9d4d3] {
  position: relative;
  bottom: -2px;
  font-size: 17px;
  padding-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 80%;
}
.placehoder[data-v-6bc9d4d3] {
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 90%;
}
.div-hoder[data-v-6bc9d4d3] {
  padding-bottom: 4px;
}
[data-v-6bc9d4d3]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
  opacity: 1;
}
[data-v-6bc9d4d3]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
  opacity: 1;
}
[data-v-6bc9d4d3]::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
  opacity: 1;
}
[data-v-6bc9d4d3]::placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
  opacity: 1;
}
[data-v-6bc9d4d3]::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
}
[data-v-6bc9d4d3]::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
}
input[data-v-6bc9d4d3] {
  color: rgba(0, 0, 0, 0.87);
  font-size: 17px;
  height: 27px;
  font-weight: normal;
  outline: none;
  margin-bottom: 4px;
  width: 90%;
}
.have-image[data-v-6bc9d4d3] {
  margin-bottom: 4px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

p[data-v-37d24af6] {
  margin-bottom: 0px !important;
}
i[data-v-37d24af6] {
  text-indent: -99999px;
  border: solid rgba(0, 0, 0, 0.54);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(45deg);
  float: right;
  margin-top: 10px;
  margin-right: 5px;
}
.disabled[data-v-37d24af6] {
  border: 1px dashed rgba(0, 0, 0, 0.12) !important;
}
.disabled[data-v-37d24af6]:hover {
    cursor: auto;
}
.item[data-v-37d24af6] {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 9px;
}
.item[data-v-37d24af6]:hover {
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.item[data-v-37d24af6]:focus {
    border: 1px solid rgba(0, 0, 0, 0.4);
    outline: none;
}
.item .text-search[data-v-37d24af6] {
    padding-left: 1px;
    padding-bottom: 3px;
    color: rgba(0, 0, 0, 0.54);
}
.item .input[data-v-37d24af6] {
    color: rgba(0, 0, 0, 0.87);
    line-height: 24px;
    height: 24px;
}
.input-money-new-layout[data-v-37d24af6] {
  margin-top: 5px;
}

p[data-v-721f7040] {
  margin: 0px;
}
.text-search[data-v-721f7040] {
  font-size: 12px;
  padding: 5px 16px 3px 16px;
  color: rgba(0, 0, 0, 0.54);
}
.placehoder[data-v-721f7040] {
  padding: 3px 16px !important;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.26);
}
.drag-over[data-v-721f7040] {
  border: 1px dashed #2db84c !important;
}
.dropbox[data-v-721f7040] {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: 152px;
  position: relative;
  cursor: pointer;
}
.dropbox[data-v-721f7040]:hover {
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.dropbox[data-v-721f7040]:focus {
    border: 1px solid rgba(0, 0, 0, 0.4);
    outline: none;
}
.input-file[data-v-721f7040] {
  opacity: 0;
  width: 100%;
  height: 152px;
  position: absolute;
  cursor: pointer;
}
.image-detail[data-v-721f7040] {
  height: 150px;
  width: 238px;
  border-radius: 8px !important;
  position: relative;
  background: #F4F4F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.icon-cancle[data-v-721f7040] {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.container-cancle[data-v-721f7040] {
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 10px;
  height: 24px;
  width: 24px;
}
.drop-image[data-v-721f7040] {
  color: #2db84c;
  position: absolute;
  top: 270px;
  text-align: center;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.photo-border.disabled .dropbox[data-v-721f7040] {
  border-style: dashed;
  cursor: none;
}
.photo-border.disabled .dropboxhover[data-v-721f7040] {
    border-color: rgba(0, 0, 0, 0.12);
}
.photo-border.disabled input[data-v-721f7040] {
  cursor: auto;
}

.icon-cancle[data-v-12f25a40] {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
  cursor: pointer;
}
img[data-v-12f25a40] {
  background: #2db84c;
}
.card-container[data-v-12f25a40] {
  border-radius: 4px;
}
.title[data-v-12f25a40] {
  color: rgba(0, 0, 0, 0.86);
}
.input-search[data-v-12f25a40] {
  height: 40px;
  width: 368px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5LjMgKDUxMTY3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JY29ucy9zZWFyY2gvaWNfc2VhcmNoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Ikljb25zL3NlYXJjaC9pY19zZWFyY2giIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSIjY2NjY2NjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxyZWN0IGlkPSJibHVlLWJhY2tncm91bmQiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iI2NjY2NjYyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+CiAgICAgICAgPHBhdGggZD0iTTE2Ljg0NzIsMTUuMTQ5NiBMMTYuNTY0LDE1LjQzMjggTDE1LjUwNTYsMTQuMzc0NCBDMTYuNTYzMiwxMy4wNjggMTcuMiwxMS40MDggMTcuMiw5LjYgQzE3LjIsNS40MDk2IDEzLjc5MDQsMiA5LjYsMiBDNS40MDk2LDIgMiw1LjQwOTYgMiw5LjYgQzIsMTMuNzkwNCA1LjQwOTYsMTcuMiA5LjYsMTcuMiBDMTEuNDA4LDE3LjIgMTMuMDY4LDE2LjU2MzIgMTQuMzc0NCwxNS41MDU2IEwxNS40MzI4LDE2LjU2NCBMMTUuMTQ5NiwxNi44NDcyIEwxOS45NTEyLDIxLjY0ODggTDIxLjY0OCwxOS45NTIgTDE2Ljg0NzIsMTUuMTQ5NiBMMTYuODQ3MiwxNS4xNDk2IFogTTkuNjAwOCwxNC44IEM2LjczMzYsMTQuOCA0LjQwMDgsMTIuNDY3MiA0LjQwMDgsOS42IEM0LjQwMDgsNi43MzI4IDYuNzMzNiw0LjQgOS42MDA4LDQuNCBDMTIuNDY4LDQuNCAxNC44MDA4LDYuNzMyOCAxNC44MDA4LDkuNiBDMTQuODAwOCwxMi40NjcyIDEyLjQ2NzIsMTQuOCA5LjYwMDgsMTQuOCBMOS42MDA4LDE0LjggWiIgaWQ9Imljb24tc2VhcmNoIiBmaWxsPSJyZ2JhKDAsIDAsIDAsIDAuNTQpIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
  border-radius: 20px;
  color: rgba(0, 0, 0, 0.54);
  background-color: #F5F5F5;
  font-size: 16px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
}
.toolbar-header[data-v-12f25a40] {
  padding: 0px 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.text-location[data-v-12f25a40] {
  width: 280px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.caption[data-v-12f25a40] {
  width: 280px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px !important;
  white-space: normal !important;
  line-height: 16px;
  overflow: initial !important;
}
input[data-v-12f25a40] {
  outline: none !important;
}
.list-location[data-v-12f25a40] {
  cursor: pointer;
}
.list-location[data-v-12f25a40]:hover {
    background-color: rgba(45, 184, 76, 0.08) !important;
}
.container-location[data-v-12f25a40] {
  min-height: 534px;
  max-height: 534px;
  overflow-y: auto;
}
.ic-check[data-v-12f25a40] {
  position: absolute;
  top: 18px;
  right: 5px;
}

.header-budget[data-v-29840391] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.header-budget .close-report[data-v-29840391] {
    margin-left: 6px !important;
    margin-right: 16px !important;
    width: 48px;
    height: 48px;
    margin: 0;
}
.title[data-v-29840391] {
  color: rgba(0, 0, 0, 0.86);
  margin-left: 0px;
}
.card-container[data-v-29840391] {
  border-radius: 4px;
}
.input-search[data-v-29840391] {
  color: #2DB84C !important;
  height: 40px;
  width: 432px;
  margin-left: 32px;
  margin-top: 16px;
  margin-bottom: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5LjMgKDUxMTY3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JY29ucy9zZWFyY2gvaWNfc2VhcmNoPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9Ikljb25zL3NlYXJjaC9pY19zZWFyY2giIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSIjY2NjY2NjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxyZWN0IGlkPSJibHVlLWJhY2tncm91bmQiIGZpbGwtb3BhY2l0eT0iMCIgZmlsbD0iI2NjY2NjYyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48L3JlY3Q+CiAgICAgICAgPHBhdGggZD0iTTE2Ljg0NzIsMTUuMTQ5NiBMMTYuNTY0LDE1LjQzMjggTDE1LjUwNTYsMTQuMzc0NCBDMTYuNTYzMiwxMy4wNjggMTcuMiwxMS40MDggMTcuMiw5LjYgQzE3LjIsNS40MDk2IDEzLjc5MDQsMiA5LjYsMiBDNS40MDk2LDIgMiw1LjQwOTYgMiw5LjYgQzIsMTMuNzkwNCA1LjQwOTYsMTcuMiA5LjYsMTcuMiBDMTEuNDA4LDE3LjIgMTMuMDY4LDE2LjU2MzIgMTQuMzc0NCwxNS41MDU2IEwxNS40MzI4LDE2LjU2NCBMMTUuMTQ5NiwxNi44NDcyIEwxOS45NTEyLDIxLjY0ODggTDIxLjY0OCwxOS45NTIgTDE2Ljg0NzIsMTUuMTQ5NiBMMTYuODQ3MiwxNS4xNDk2IFogTTkuNjAwOCwxNC44IEM2LjczMzYsMTQuOCA0LjQwMDgsMTIuNDY3MiA0LjQwMDgsOS42IEM0LjQwMDgsNi43MzI4IDYuNzMzNiw0LjQgOS42MDA4LDQuNCBDMTIuNDY4LDQuNCAxNC44MDA4LDYuNzMyOCAxNC44MDA4LDkuNiBDMTQuODAwOCwxMi40NjcyIDEyLjQ2NzIsMTQuOCA5LjYwMDgsMTQuOCBMOS42MDA4LDE0LjggWiIgaWQ9Imljb24tc2VhcmNoIiBmaWxsPSJyZ2JhKDAsIDAsIDAsIDAuNTQpIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
  border-radius: 20px;
  color: rgba(0, 0, 0, 0.54);
  background-color: #F5F5F5;
  font-size: 14px;
  background-position: 24px 10px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 60px;
}
.text-with[data-v-29840391] {
  height: 18.86px;
  width: 280px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 20px;
  white-space: normal !important;
  overflow: initial !important;
}
.ic-check[data-v-29840391] {
  position: absolute;
  top: 11px;
  right: 40px;
}
.container-list[data-v-29840391] {
  min-height: 408px;
  max-height: 408px;
  overflow-y: auto;
}
input[data-v-29840391] {
  outline: none !important;
}
button[data-v-29840391] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.letter-first[data-v-29840391] {
  font-size: 24px;
  color: #2BAF2B;
}
.container-content[data-v-29840391] {
  padding-left: 10px;
}
.hr[data-v-29840391] {
  margin-left: 92px !important;
  max-width: calc(100% - 92px) !important;
}
.text-lg-left[data-v-29840391] {
  position: relative;
  left: 380px;
  margin-bottom: 8px;
}
.container-search-with[data-v-29840391]:hover {
  background-color: rgba(45, 184, 76, 0.08);
}
.scroll-container[data-v-29840391] {
  -webkit-box-shadow: 0 0.5px 0 0 #E0E0E0;
          box-shadow: 0 0.5px 0 0 #E0E0E0;
  background-color: #FFFFFF;
}

.card-container[data-v-4750d69a] {
  width: 300px;
}
.card-container .card-child[data-v-4750d69a] {
    padding-bottom: 5px;
    padding-left: 20px;
}
.card-container .wait[data-v-4750d69a] {
    font-weight: 500;
}

.close-btn[data-v-92f135ae] {
  margin: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  margin-left: 0 !important;
}
div.title[data-v-92f135ae] {
  margin-left: 16px;
}
.header-event[data-v-92f135ae] {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.v-card[data-v-92f135ae] {
  border-radius: 4px;
}
.content-event[data-v-92f135ae] {
  margin: 0;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 536px;
  max-height: 75vh;
}
hr[data-v-92f135ae]:not(.divider) {
  margin: 0;
  height: 1px;
}
.subtitle[data-v-92f135ae] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(51, 51, 51, 0.54);
  font-size: 14px;
  font-weight: 400;
  padding-left: 16px;
  width: 100%;
  margin-top: 25px;
}
.wallet[data-v-92f135ae] {
  border: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  outline: none;
  font-size: 16px;
  font-weight: inherit;
  position: relative;
  color: #333333;
  line-height: 16px;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background: none;
}
.wallet[data-v-92f135ae]:hover {
    background: rgba(51, 51, 51, 0.1);
}
.wallet-container[data-v-92f135ae] {
  margin-left: 0px;
  padding: 20px 56px 16px 72px;
  position: relative;
}
.wallet-container.no-support img[data-v-92f135ae], .wallet-container.no-support div[data-v-92f135ae], .wallet-container.no-support span.amount[data-v-92f135ae] {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
.wallet-container.no-support div[data-v-92f135ae], .wallet-container.no-support span.amount[data-v-92f135ae] {
    color: #8F8F8F;
}
.amount[data-v-92f135ae] {
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  margin: 4px 0px 0px;
  color: rgba(0, 0, 0, 0.54);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.micn-check[data-v-92f135ae] {
  color: #2DB84C;
  position: absolute;
  font-size: 24px;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  height: 24px;
  width: 24px;
  top: 12px;
  margin: 12px;
  right: 4px;
}
.micn-check i[data-v-92f135ae] {
    color: #2DB84C;
}
.wallet-icon[data-v-92f135ae] {
  color: white;
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
}
.wallet-icon.wallet-icon-all[data-v-92f135ae] {
    top: 12px;
}
.headline[data-v-92f135ae] {
  height: 64px;
  font-size: 20px !important;
  line-height: 24px !important;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.cancel[data-v-92f135ae] {
  font-weight: normal;
}
.footer-dialog[data-v-92f135ae] {
  padding: 12px 24px 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-dialog.flex-end[data-v-92f135ae] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.event[data-v-92f135ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  cursor: pointer;
  height: 56px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.event[data-v-92f135ae]:hover {
    background: rgba(45, 184, 76, 0.08);
}
.event[data-v-92f135ae]:first-child {
    margin-top: 14px;
}
.event .image[data-v-92f135ae] {
    width: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 40px;
    margin-left: 39px;
}
.event .image img[data-v-92f135ae] {
      max-width: 100%;
}
.event .name[data-v-92f135ae] {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    margin-left: 16px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    word-break: break-all;
    white-space: normal;
}
.event span[data-v-92f135ae] {
    position: absolute;
    top: 16px;
    right: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
button.reject[data-v-92f135ae] {
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}

.transaction-empty[data-v-2544d5c0] {
  padding-top: 55px;
  padding-bottom: 50px;
}
.moneylover-empty[data-v-2544d5c0] {
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.moneylover-empty .smile[data-v-2544d5c0] {
  font-size: 112px;
  display: inline-block;
  font-weight: 400;
  line-height: 112px;
  padding-bottom: 20px;
  text-align: center;
  color: grey;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.transaction-empty .tips[data-v-2544d5c0] {
  display: block;
  text-align: center;
  color: grey;
}
.transaction-empty .tips .note[data-v-2544d5c0] {
  display: block;
  font-size: 24px;
  line-height: 28px;
}
.transaction-empty .tips .transaction-tips[data-v-2544d5c0] {
  font-size: 14px;
  line-height: 40px;
}
.moneylover-empty .smile.sad[data-v-2544d5c0]:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.moneylover-empty .smile.all[data-v-2544d5c0]:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.plus-btn-empty {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABJdJREFUaAXV2m2PFEUUBWARooIvICYkhkgMxsgHE3+Hv5h/YvhgkOwG8SWugIr4gnKemr6T3tnZmend2Znuk9zu6p7uqnPq3rpVXbuX3tgeLqeqG7HrsXdi78auxNyHV7F/Y3/EXsaexZ7G3D83Lp2zhrfy/s3YR7EPY0Pr+z/v/Br7JXYU+zt2JgxtuBoh4E7s47rRnX/P+XlMj/8V44H/YvBmjIfejvHYB7H3Yn08ycVBbLCgoUIQuR37JOZdPSpEkHceGibCTigS5Vx1Hqb8OKYjNsIQIULnXowYEBJ6cHDveXkJeJmHtQNEPIhpZy02FcILd7vahI/e+rO73vbpairUXoXdw5S1txKVUU57SFx/HhNK8H2M2zd2uZcGQt0GvrH1foyHjCmeEcpLsUoIEV/GZCSVfhfTwK4gTb+IGTsEOf8cWypmlRCeIMIY+Dam4l1D5pNEJAPzkownVZ/AaUIqM/EEEdLpviDUfouZr3hGZnR9DMuEiMkvuqeE0z48cYxkLoiRXHBjhBzr3EUhUutXMePDwN7lmEhzKyHMKgHwzg/ddXsJ4T6EFDFS7E/9H0ZSxgm3mpjntPpCTEiVZtfm7XkNuy8UN1xxbugLuZM7Jkj5+qImu9boOQ+44Ygrzg0lhDLLAznasmPswBFXnJtXSojBA3L2ttZOrcIcvu6srrdxxhFXaNxLiIkPns9OkzgW18adEClYboZSObsa97G44n6ZEJ+nBo60ZtacCnDFGfcbhFiMQblqdjWNY3G+Toj1Pxyb8me3Rn8szlcJudbRtQSYGorzNULq09XCbGoozleIqIWjBdlZYJ7YBOueu79JJQvPFOeWtRZ+m+Ylj0hjzsLsLOl3XU+WJ9Y9l+YHA2d4pTCPs3ZrWoca3/8Q4gMffA9PDcX5BSGWxWDLZWoozi8JqTWLnYqpoTg/I8TWvrW9nb1KxSmOHrjijPtTQmQqX1xQ667Z1biPxRX3lrXQrU2vctW4JczYFdfGvdLXUcecSp+O2/xKvIj5A8fySOMutABx38HW9r6Dxw4cccW5dXoJQfwgZuD44qqlfYqjA2444opzQ18IZYfdfRt1Y0Vxw3U+BPpCELf5Zckird2KjQ044YZjbdQ1jovzhmWxTWsv2Pm2fKmPlxT3ClmqNuS+SRm3ORaF+MHno7lFHMoMZv5aWKa4F1iKfBYzwB/GTuxLLxOS59q2vZd5RU/Yxt+XGDzuxkwVP8YexU7gNCEeNGPyiL8U3YxZXO46zHQiTxAhMh7EZKsTWCXEC/5mZ6nMM0KtxlCKFw7j1JgQTjxBhPaXYpUQLxBjCVBjhiBZg3cuKtTME5/GahvXmHgUW+qJ3G+gdlPwyL1YLWuE3nxm3bSSFc/VXwS0AzqKF7SzFkOEqIyI+kOpd/WS2LXj5zz0m19EGIfGgnPVeZhyzWkprsdQIVWj3hO/i+sye7FESeESg16tuDb56ghjTiZCXpj2wcMHsfmM3f9xVfmsQqpOgmQ08SwkhtbHo0LHODyKDRaQdxqGNlzvLTsLk/rHMwPWViwPVEIRdjxkRpYshOLW/vHsNXCa68Cbn885AAAAAElFTkSuQmCC) no-repeat;
  background-size: 25px;
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  text-align: center;
  font-size: 0;
  vertical-align: 4px;
  margin: 0 2px;
}

.header-title[data-v-3c0e7a48] {
  padding: 20px 24px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
}
.content[data-v-3c0e7a48] {
  padding: 24px 24px;
  padding-bottom: 24px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
}
.cancel[data-v-3c0e7a48] {
  margin-right: 20px;
}
.cancel span[data-v-3c0e7a48] {
    color: #2DB84C !important;
}

.header-title[data-v-2d364247] {
  padding: 20px 24px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
}
.content[data-v-2d364247] {
  padding: 24px 24px;
  padding-bottom: 24px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
}
.cancel[data-v-2d364247] {
  margin-right: 20px;
}
.cancel span[data-v-2d364247] {
    color: #2DB84C !important;
}

.wrap-dialog .header-wrap[data-v-70b20ee2] {
  font-size: 20px !important;
  padding: 0;
  padding: 8px 16px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.wrap-dialog .header-wrap .icon-close[data-v-70b20ee2] {
    height: 48px;
    width: 48px;
    margin-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.transactions-debt-repayment[data-v-70b20ee2] {
  height: 390px !important;
  background-color: #f4f4f4;
  overflow-y: auto !important;
  min-height: 534px;
  max-height: 534px;
}
.transactions-debt-repayment-other[data-v-70b20ee2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #FFFFFF;
    padding: 14px 24px;
    position: relative;
}
.transactions-debt-repayment-other[data-v-70b20ee2]:hover {
      cursor: pointer;
      background-color: rgba(45, 184, 76, 0.08);
}
.transactions-debt-repayment-other-text[data-v-70b20ee2] {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
}
.transactions-debt-repayment-other .arrow[data-v-70b20ee2] {
      text-indent: -99999px;
      border: solid rgba(0, 0, 0, 0.54);
      border-width: 0 2px 2px 0;
      padding: 3px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
}
.transactions-debt-repayment-item[data-v-70b20ee2] {
    margin-left: 0px;
    padding: 14px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.transactions-debt-repayment-item[data-v-70b20ee2]:hover {
      cursor: pointer;
      background-color: rgba(45, 184, 76, 0.08);
}
.transactions-debt-repayment .last-item[data-v-70b20ee2] {
    border-bottom: none;
    margin-bottom: 30px;
}
.transaction-description[data-v-70b20ee2] {
  width: 100%;
}
.transaction-description-category-amount[data-v-70b20ee2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.transaction-description-category-amount .category-name[data-v-70b20ee2] {
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
}
.transaction-description-note-amount-left[data-v-70b20ee2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.transaction-description-note-amount-left .note[data-v-70b20ee2] {
      font-size: 12px;
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 280px;
      display: inline-block;
}
.transaction-description-note-amount-left .amount-left[data-v-70b20ee2] {
      font-size: 12px;
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
}
.category-icon[data-v-70b20ee2] {
  color: white;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  border: none;
  margin-right: 16px;
}

.dialog-validate[data-v-335ced86] {
  padding: 20px 24px 12px;
}
.dialog-validate-description[data-v-335ced86] {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 8px;
}
.dialog-validate-action[data-v-335ced86] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.dialog-validate-action-cancel[data-v-335ced86] {
      padding: 8px 24px;
      height: 40px;
      border-radius: 4px;
}
.dialog-validate-action-cancel[data-v-335ced86] * {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
}

.dialog-info[data-v-f8b632e4] {
  background-color: #fff;
  padding: 24px;
}
.dialog-info .dialog-title[data-v-f8b632e4] {
    font-size: 24px;
    font-weight: bold;
}
.dialog-info .go-to-store-description[data-v-f8b632e4] {
    margin-top: 12px;
    margin-bottom: 24px;
}
.dialog-info .go-to-store-description .description[data-v-f8b632e4] {
      font-size: 16px;
}
.dialog-info .go-to-store-action[data-v-f8b632e4] {
    text-align: right;
}
.dialog-info .go-to-store-action .btn-gopremium[data-v-f8b632e4] {
      text-transform: capitalize;
      text-align: right;
}

.banner[data-v-4a7f880d] {
  background-color: #fff5a6;
  color: #000;
  font-size: 14px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
  top: 64px;
  margin-top: -16px;
}
.banner-action[data-v-4a7f880d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
}
.banner-action-btn[data-v-4a7f880d] {
      text-transform: unset;
      opacity: 0.9;
}
.banner-action-text[data-v-4a7f880d] {
      font-size: 16px !important;
      color: rgba(0, 0, 0, 0.87) !important;
      font-weight: 500;
}
.banner-action .close[data-v-4a7f880d] {
      opacity: 0.7;
}
.banner-report[data-v-4a7f880d] {
    margin-top: 0px;
    position: inherit;
}

path[data-v-04b44d06] {
  -webkit-transform: none !important;
          transform: none !important;
}

.card-report[data-v-0d940ed6] {
  max-height: 80vh;
  min-height: 80vh;
  overflow-y: auto;
}
.card-text-bar-chart[data-v-0d940ed6]:hover {
  cursor: pointer;
  background-color: rgba(45, 184, 76, 0.08);
}
p[data-v-0d940ed6] {
  margin-bottom: 0;
}
.select-time[data-v-0d940ed6] {
  margin: 0 auto;
  position: relative;
  padding-right: 20px;
}
.select-time .text-month[data-v-0d940ed6] {
    font-size: 15px;
    font-weight: bold;
}
.select-time .text-fulldate[data-v-0d940ed6] {
    font-size: 12px;
}
.select-time svg[data-v-0d940ed6] {
    position: absolute;
    top: 8px;
    right: 0px;
}
.title-report[data-v-0d940ed6] {
  margin-left: 0;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.change-currency[data-v-0d940ed6] {
  padding-right: 5px;
  margin-left: 20px;
}
.change-currency[data-v-0d940ed6]:hover {
    cursor: pointer;
}
.change-currency .select-currency[data-v-0d940ed6] {
    margin-right: 35px;
    padding: 5px;
    border: 1px solid white;
    border-radius: 5px;
}
.donut-chart[data-v-0d940ed6] {
  text-align: center;
  margin: 0 !important;
}
.donut-chart .donut-chart-item[data-v-0d940ed6]:hover {
    cursor: pointer;
    background-color: rgba(45, 184, 76, 0.08);
}
hr[data-v-0d940ed6] {
  display: block;
  height: 0px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
}
.text-center[data-v-0d940ed6] {
  text-align: center;
}
.row-text-bar-chart[data-v-0d940ed6] {
  padding-bottom: 0px;
  margin: 0 !important;
  margin-bottom: 16px !important;
}
.amount-left[data-v-0d940ed6] {
  font-size: 14px;
  color: #aaa;
}
.amount-bar[data-v-0d940ed6] {
  font-size: 24px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  margin-top: -2px;
}
.donut-chart-income[data-v-0d940ed6] {
  position: relative;
}
.title-bar[data-v-0d940ed6] {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  margin-top: 14px;
}
.card-text-balance[data-v-0d940ed6] {
  padding: 2px 10px 1px;
  border-bottom: 1px solid #E0E0E0;
}
.card-donut-chart[data-v-0d940ed6], .container-donut-chart[data-v-0d940ed6] {
  padding-left: 0;
  padding-right: 0;
  padding: 0;
}
.div-container[data-v-0d940ed6] {
  min-height: 700px;
  position: relative;
}
.card-text-bar-chart[data-v-0d940ed6] {
  padding: 0;
}
div.container-bar-chart[data-v-0d940ed6] {
  padding: 0 !important;
  margin: 0;
}
.row-text-bar-chart > div[data-v-0d940ed6] {
  padding: 0 !important;
}

p[data-v-701a88df] {
  margin-bottom: 0;
}
.balance[data-v-701a88df] {
  text-align: center;
}
.title-balance[data-v-701a88df] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 20px;
}
.amount-balance[data-v-701a88df] {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 24px;
}

p[data-v-793a4e96] {
  margin-bottom: 0;
}
p.amount[data-v-793a4e96] {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 20px;
}
.title-chart[data-v-793a4e96] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 20px;
  margin-top: 22px;
}
.chart-donut[data-v-793a4e96] {
  margin-bottom: 16px;
  padding: 0 15px;
}

.chart-container[data-v-03c14fb1] {
  padding: 0 !important;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.chart-container.tooltip[data-v-03c14fb1] {
    padding-top: 30px !important;
}
.chart-container #tooltipChart[data-v-03c14fb1] {
    z-index: 9999;
}

p[data-v-d790563c] {
  margin: 0;
}
.debt-loan[data-v-d790563c] {
  padding: 0;
  padding-bottom: 24px;
}
.debt-loan[data-v-d790563c]:hover {
    cursor: pointer;
}
.debt-loan .item[data-v-d790563c] {
    padding: 8px 0 7px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.debt-loan .item[data-v-d790563c]:hover {
      background: rgba(45, 184, 76, 0.08);
}
.debt-loan .item-inner[data-v-d790563c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.amount-left[data-v-d790563c] {
  font-size: 14px;
  color: #aaa;
}
.arrow[data-v-d790563c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
}
.div-amount[data-v-d790563c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.report[data-v-43342fb5] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
  overflow: hidden;
  margin-bottom: 8px;
  width: 100%;
}

svg[data-v-4868c6ce] {
  overflow: initial;
}

.tab-budget[data-v-ec0ad1ec] {
  border-bottom: 1px solid #E0E0E0;
}
nav[data-v-ec0ad1ec] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-bottom: 1px solid #E0E0E0;
}
.tabs__div[data-v-ec0ad1ec] {
  color: #fff;
}
.title-budget[data-v-ec0ad1ec] {
  margin-left: 0;
}
.item-categories[data-v-ec0ad1ec] {
  position: relative;
}
.card__actions[data-v-ec0ad1ec] {
  padding: 12px 24px 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.change-currency[data-v-ec0ad1ec] {
  padding-left: 180px;
}
.item-budget[data-v-ec0ad1ec] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 8px;
}

.progess-container[data-v-fef6b794] {
  background: transparent;
  margin-bottom: 16px;
  margin-top: 6px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.progess-container .progess-background[data-v-fef6b794] {
    height: 8px;
    border-radius: 4px;
    opacity: 1;
    width: 100%;
    background-color: #dddddd;
}
.progess-container .progess-background .progess-bar[data-v-fef6b794] {
      width: 100%;
      position: relative;
      z-index: 1;
      height: inherit;
      border-radius: 4px;
}
.progess-container .progess-background .progess-bar .progess-amount[data-v-fef6b794] {
        height: inherit;
        border-radius: 4px;
        background-color: #2db84c;
}
.progess-container .progess-background .progess-bar .full[data-v-fef6b794] {
        background-color: #e32123 !important;
        border-radius: 4px;
}
.progess-container .progess-background .progess-bar .near-full[data-v-fef6b794] {
        background-color: orange !important;
        border-radius: 4px;
}
.progess-container .progess-background .progess-bar .progess-date[data-v-fef6b794] {
        height: inherit;
        border-radius: 4px;
        border-right: 1px solid black;
}
.arrow-div[data-v-fef6b794] {
  width: 48px !important;
  height: 20px;
  border-radius: 8px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.16);
  border: 1px solid #dddddd;
  text-align: center;
  top: -10px;
  left: -23px;
}
.arrow-div[data-v-fef6b794]:after, .arrow-div[data-v-fef6b794]:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow-div[data-v-fef6b794]:after {
  border-color: rgba(241, 241, 241, 0);
  border-bottom-color: rgba(241, 241, 241, 0);
  border-width: 5px;
  margin-left: -5px;
}
.arrow-div[data-v-fef6b794]:before {
  border-color: rgba(221, 221, 221, 0);
  border-bottom-color: #dddddd;
  border-width: 6px;
  margin-left: -6px;
}
.end-date[data-v-fef6b794] {
  top: -10px;
  border-top-right-radius: unset;
}
.end-date[data-v-fef6b794]:before {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    bottom: 65%;
    left: 100%;
    margin-left: -5px;
}
p[data-v-fef6b794] {
  margin-bottom: 0;
  font-size: 10px;
  padding: 2px 8px;
  width: auto;
  color: white !important;
  text-transform: uppercase;
}
.finished[data-v-fef6b794] {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

p[data-v-05e7b491] {
  margin-bottom: 0;
  line-height: 120%;
}
.amount-total[data-v-05e7b491] {
  font-weight: 500;
  float: right;
  width: 147px;
}
.row-group-budget[data-v-05e7b491] {
  background-color: #F4F4F4;
  color: rgba(0, 0, 0, 0.54);
  border-bottom: 1px solid #E0E0E0;
  padding: 14px 16px 12px 16px;
}
.plus-budget[data-v-05e7b491] {
  text-align: center;
  color: #2db84c;
  padding: 13.5px 15px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.plus-budget[data-v-05e7b491]:hover {
    background-color: rgba(45, 184, 76, 0.08);
}
.amount-budget[data-v-05e7b491] {
  text-align: right;
}
.text-small[data-v-05e7b491] {
  font-size: 12px;
}
.amount-left[data-v-05e7b491] {
  float: right;
  width: 160px;
}

.normal[data-v-3b9fc400] {
  -ms-flex-preferred-size: 64px;
  flex-basis: 64px;
  min-width: 64px;
}
.normal-item[data-v-3b9fc400] {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.other-cate-item .row-item-budget .item-detail[data-v-3b9fc400] {
  border-bottom: none !important;
}
p[data-v-3b9fc400] {
  margin-bottom: 0;
  line-height: 120%;
}
.finished[data-v-3b9fc400] {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.text-small[data-v-3b9fc400] {
  font-size: 13px;
}
.amount-total[data-v-3b9fc400] {
  font-weight: 500;
  float: right;
}
.row-item-budget[data-v-3b9fc400] {
  padding: 17px 16px 3px 16px;
}
hr[data-v-3b9fc400] {
  height: 1px;
  width: 100%;
  color: #dedede;
  background: #dedede;
  font-size: 0;
  border: 0;
}
.item-detail[data-v-3b9fc400] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  -ms-flex-preferred-size: none;
  flex-basis: none;
  max-width: 100%;
  margin-right: 2px;
}
.amount-left[data-v-3b9fc400] {
  float: right;
}
.text-category[data-v-3b9fc400] {
  float: left;
  font-weight: 500;
}
.amount-category-left[data-v-3b9fc400] {
  float: right;
  height: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 4px;
}
.wallet-icon[data-v-3b9fc400] {
  color: white;
  background-color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 8px;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: absolute;
  left: 48px;
  margin-top: 32px;
  z-index: 1;
}
.overspent[data-v-3b9fc400] {
  color: #e32123 !important;
}
.row-item-budget[data-v-3b9fc400]:hover {
  background-color: rgba(45, 184, 76, 0.08);
  cursor: pointer;
}
.amount-expense[data-v-3b9fc400] {
  color: #2db84c;
}
.child-cate[data-v-3b9fc400] {
  width: 32px !important;
  height: 32px !important;
  margin-left: 12px !important;
  margin-top: 8px;
}
.detail-item[data-v-3b9fc400] {
  padding-bottom: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  height: 79px;
}
.icon-budget-detail[data-v-3b9fc400] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 48px;
  flex-basis: 48px;
  max-width: 48px;
  margin-right: 28px;
}
.line-child[data-v-3b9fc400] {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
  border-left: 1px dotted rgba(0, 0, 0, 0.12);
  width: 10px;
  height: 42px;
  position: relative;
  top: -63px;
}
.last-item[data-v-3b9fc400] {
  border-bottom: none !important;
}

p[data-v-0fb4341a] {
  margin-bottom: 0;
  line-height: 120%;
}
.text-small[data-v-0fb4341a] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}

.icon-edit[data-v-245f8e8f] {
  margin-left: 16px;
}
.icon-edit[data-v-245f8e8f]:hover, .icon-delete[data-v-245f8e8f]:hover {
  cursor: pointer;
}
.container[data-v-245f8e8f] {
  padding: 0 !important;
}
.finished[data-v-245f8e8f] {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
p[data-v-245f8e8f] {
  margin-bottom: 0;
}
.delete[data-v-245f8e8f] {
  font-size: 14px;
  padding: 8px 12px;
  color: #F25A5A;
  font-weight: 500;
  text-transform: uppercase;
  margin-right: 15px;
  cursor: pointer;
}
.edit[data-v-245f8e8f] {
  font-size: 14px;
  padding: 8px 12px;
  color: #2DB84C;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}
.header-budget[data-v-245f8e8f] {
  border-bottom: 0.5px solid #E0E0E0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.header-budget .close-report[data-v-245f8e8f] {
    margin-left: 6px;
    margin-right: 18px;
    width: 48px;
    height: 48px;
}
.title-budget[data-v-245f8e8f] {
  margin-left: 0;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87) !important;
}
.title-edit[data-v-245f8e8f] {
  float: right;
  font-weight: 400;
}
.text-center[data-v-245f8e8f] {
  text-align: center;
}
.name-account[data-v-245f8e8f] {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 20px;
}
.text-small[data-v-245f8e8f] {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 14px;
}
.hr-header[data-v-245f8e8f] {
  width: 142px;
  margin: 12px 0;
  display: block;
  height: 0.5px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.hr-all[data-v-245f8e8f] {
  width: 100%;
  margin-bottom: 23px;
  display: block;
  height: 0.5px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.hr-item[data-v-245f8e8f] {
  margin-left: 76px;
  height: 0.5px;
  border: none;
  background-color: #e0e0e0;
}
.total-amount[data-v-245f8e8f] {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}
.row-item-budget[data-v-245f8e8f] {
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: none;
}
.card__actions[data-v-245f8e8f] {
  padding: 12px 24px 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.loading-detail[data-v-245f8e8f] {
  min-height: 70vh;
}
.card[data-v-245f8e8f] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.card-all[data-v-245f8e8f] {
  border-radius: 8px !important;
}
.tooltip[data-v-245f8e8f] {
  margin-right: 0 !important;
}
.flex-budget[data-v-245f8e8f] {
  position: relative;
}
.color-red[data-v-245f8e8f] {
  color: #e32123;
}
.card__actions[data-v-245f8e8f] {
  padding-top: 14px;
}
.empty[data-v-245f8e8f] {
  margin-bottom: 0;
  text-align: center;
  padding: 12px 5px;
  color: #99999e;
}
.data-budget[data-v-245f8e8f] {
  text-align: left;
  -ms-flex-preferred-size: none;
      flex-basis: none;
  ms-flex-preferred-size: none;
  max-width: 100%;
}
h3[data-v-245f8e8f] {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 32px;
  font-weight: normal;
}
.view-more[data-v-245f8e8f] {
  float: right;
  color: #2DB84C;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.view-more[data-v-245f8e8f]:hover {
    cursor: pointer;
}
.toggle-view .middle[data-v-245f8e8f] {
  padding: 16px 8px !important;
}
.infomation-budget[data-v-245f8e8f] {
  padding-top: 16px;
}
.uppercase[data-v-245f8e8f] {
  color: #2DB84C;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  padding: 16px 0px;
}
.option-budget[data-v-245f8e8f] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 0px;
}
.option-budget[data-v-245f8e8f], .button-add-other[data-v-245f8e8f] {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding-left: 44px;
  padding-right: 44px;
  cursor: pointer;
}
.option-budget[data-v-245f8e8f]:hover, .button-add-other[data-v-245f8e8f]:hover {
    background-color: rgba(45, 184, 76, 0.08);
}
.button-500[data-v-245f8e8f] {
  width: 80px;
  height: 36px;
  color: #F25A5A !important;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.button-500.wsgreen[data-v-245f8e8f] {
    color: #2DB84C !important;
}
.image-detail[data-v-245f8e8f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 56px;
  flex-basis: 56px;
  max-width: 56px;
  margin-right: 32px;
}
.wallet-dropdown-minimal[data-v-245f8e8f] {
  margin-left: 3px;
  vertical-align: 2px;
  position: relative;
  display: inline-block;
  color: #2DB84C;
}
.more[data-v-245f8e8f] {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #2DB84C;
  top: 1px;
}
.less[data-v-245f8e8f] {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #2DB84C;
  top: -1px;
}
.arrow-div[data-v-245f8e8f] {
  width: 48px !important;
  height: 20px;
  border-radius: 8px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.16);
  border: 1px solid #dddddd;
  text-align: center;
  left: -24px;
  top: 7px;
}
.arrow-div[data-v-245f8e8f]:after, .arrow-div[data-v-245f8e8f]:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow-div[data-v-245f8e8f]:after {
  border-color: rgba(241, 241, 241, 0);
  border-top-color: rgba(241, 241, 241, 0);
  border-width: 5px;
  margin-left: -5px;
}
.arrow-div[data-v-245f8e8f]:before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #dddddd;
  border-width: 6px;
  margin-left: -6px;
}
.today[data-v-245f8e8f] {
  margin-top: 0;
  font-size: 10px;
  padding: 2px 8px;
  width: auto;
  color: white !important;
  text-transform: uppercase;
}
.mark-position-today[data-v-245f8e8f] {
  border-left: 1px solid rgba(0, 0, 0, 0.26);
  width: 1px;
  margin-left: 23px;
  margin-bottom: 6px;
  background-color: #FFFFFF;
}
.toggle-view[data-v-245f8e8f] {
  height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
.toggle-view.current[data-v-245f8e8f] {
    height: 150px;
    opacity: 1;
}
.chart-budget-inner[data-v-245f8e8f] {
  overflow: hidden;
}
.end-date[data-v-245f8e8f] {
  margin-left: 95.5% !important;
  left: -14px;
  border-bottom-right-radius: unset;
}
.end-date[data-v-245f8e8f]:before {
    margin-left: -5px;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
    top: 77%;
    left: 98%;
}
.end-date .mark-position-today[data-v-245f8e8f] {
    margin-left: 46px;
}

.title[data-v-64b8cd24] {
  margin-left: 0 !important;
}
.flex[data-v-64b8cd24] {
  text-align: left !important;
}
.relative[data-v-64b8cd24] {
  position: relative;
  top: -21px;
}
.is-repeat[data-v-64b8cd24] {
  padding-top: 6px !important;
}
.save[data-v-64b8cd24] {
  position: relative;
  top: -6px;
  left: -12px;
}
.content-add[data-v-64b8cd24] {
  min-height: 50vh;
}
.add-budget-dialog[data-v-64b8cd24] {
  border-radius: 4px;
}
.add-budget-content[data-v-64b8cd24] {
  padding: 24px;
  padding-bottom: 0px;
}
.header-title[data-v-64b8cd24] {
  padding: 20px 24px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
}
button[data-v-64b8cd24] {
  border-radius: 4px;
  outline: none;
}
button.done[data-v-64b8cd24] {
    margin-left: 16px !important;
}
.budget-action[data-v-64b8cd24] {
  padding: 14px 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.wallet[data-v-64b8cd24], .amount[data-v-64b8cd24] {
  padding-right: 8px;
}
.category[data-v-64b8cd24], .date[data-v-64b8cd24] {
  padding-left: 8px;
}
.wallet[data-v-64b8cd24], .category[data-v-64b8cd24] {
  margin-bottom: 16px;
}
.container-checkbox[data-v-64b8cd24] {
  margin-top: 40px;
  margin-bottom: 24px;
}
.container-checkbox label[data-v-64b8cd24] {
    padding-top: 2px;
    padding-left: 16px;
}
.not-allowed[data-v-64b8cd24]:hover {
  cursor: not-allowed;
}

img.category-icon[data-v-aa58f98c] {
  cursor: pointer;
  margin: 0!important;
  width: 48px!important;
  height: 48px!important;
  border: none!important;
  background: transparent!important;
  top: 6px!important;
  left: -12px!important;
  position: relative;
  color: rgb(117, 117, 117); background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px; border-radius: 50%;
}
.input-category > div.flex.xs10[data-v-aa58f98c] {
  padding-left: 4px !important
}
.input-category > div.flex.xs2[data-v-aa58f98c] {
  padding-left: 7px !important
}


div.flex.category-content.xs6.justify-center[data-v-376fcc50] {
  padding-left: 17px;
  padding-right: 8px;
}
.wallet-selector[data-v-376fcc50], .event-selector[data-v-376fcc50] {
  font-size: 12px;
}
.wallet-selector[data-v-376fcc50] {
  padding-top: 10px
}
.wallet-select[data-v-376fcc50], .event-select[data-v-376fcc50] {
  position: relative;
  bottom: 20px;
}
div.flex.category-content.xs6.justify-center > div[data-v-376fcc50]:nth-child(1) {
  height: 80px;
}
.mockup[data-v-376fcc50] {
  cursor: not-allowed !important;
}

p[data-v-0598dee0] {
  margin-bottom: 0;
}
.card[data-v-0598dee0] {
  border-radius: 10px !important;
}
.text-small[data-v-0598dee0] {
  font-size: 13px;
}
.top-content[data-v-0598dee0] {
  color: gray;
}
.bottom-content[data-v-0598dee0] {
  color: #2DB84C;
  cursor: pointer;
}
.card__text[data-v-0598dee0] {
  padding-bottom: 0px !important;
}

p[data-v-2e119794] {
  margin-bottom: 0;
}
.card[data-v-2e119794] {
  border-radius: 10px !important;
}
.text-small[data-v-2e119794] {
  font-size: 13px;
}
.top-content[data-v-2e119794] {
  color: gray;
}
.bottom-content[data-v-2e119794] {
  color: #2DB84C;
  cursor: pointer;
}
.card__text[data-v-2e119794] {
  padding-bottom: 0px !important;
}

.btn-cancel[data-v-43a6dd85]:hover, .btn-cancel[data-v-43a6dd85]:hover:before {
  background-color: rgba(0, 0, 0, 0.06) !important;
}

.description-wrap[data-v-41774d16] {
  padding: 16px 24px 6px;
}
.wrap-action[data-v-41774d16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.wrap-action .go-store-btn[data-v-41774d16] {
    color: #2DB84C;
    text-transform: capitalize;
}

p[data-v-3597c1b4] {
  margin: 0
}
.title-detele-tran[data-v-3597c1b4] {
  font-size: 14px;
  color: rgba(0,0,0,0.87);
  padding: 24px;
  padding-top: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: hidden;
}
.button-del-tran[data-v-3597c1b4] {
  font-weight: 500;
}
.yes[data-v-3597c1b4] {
  background-color: #F25A5A;
  color: #fff;
}
.no[data-v-3597c1b4] {
  background-color: #EEEEEE;
  color: #2DB84C;
}
.no[data-v-3597c1b4], .yes[data-v-3597c1b4] :hover {
  opacity: 0.8;
}
button.action-btn[data-v-3597c1b4]:not(.reject) {
  background: #F25A5A !important
}
.card-action[data-v-3597c1b4] {
  padding-bottom: 14px;
  padding-right: 24px;
}
button.action-btn.reject[data-v-3597c1b4] {
  margin-right: 16px;
  color: #2DB84C !important
}
.header-title[data-v-3597c1b4] {
  padding: 20px 24px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0,0,0,0.87);
  font-weight: 500;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
}
.card-action-both[data-v-3597c1b4] {
  display: block;
  padding-bottom: 2px;
}
.button-both[data-v-3597c1b4] {
  display: block;
  margin: 0 auto !important;
  min-width: 256px !important;
  margin-bottom: 12px !important;
}
.title-delete-both[data-v-3597c1b4] {
  padding-bottom: 19px;
}































































































































































































































































































































































































































































.card-transaction[data-v-462919a4] {
  height: 600px;
  overflow: hidden;
  background-color: #f4f4f4;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.card-transaction .header-budget[data-v-462919a4] {
    background: #FFF !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    position: relative;
    z-index: 1;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
}
.card-transaction .header-budget .close-report[data-v-462919a4] {
      margin: 0px 0px 0px 24px;
      padding: 12px;
      width: 48px !important;
      height: 48px;
      cursor: pointer;
      outline: none;
      vertical-align: middle;
      line-height: 20px;
      opacity: 0.54;
      margin: 8px 16px;
}
.card-transaction .header-budget .title-budget[data-v-462919a4] {
      color: rgba(0, 0, 0, 0.87);
      font-size: 20px;
      font-weight: 500;
      line-height: 24px;
}
.card-transaction .toolbar-shadow[data-v-462919a4] {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.transaction-overview[data-v-462919a4] {
  color: #333333;
  background-color: white;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  z-index: 1;
  margin-bottom: 32px;
}
.transaction-container[data-v-462919a4] {
  height: 80vh;
  max-height: 536px;
  overflow: auto;
}
.transaction-container[data-v-462919a4] .toolbar-group {
    top: 0 !important;
}
.group-transaction[data-v-462919a4] {
  margin-bottom: 32px;
}

.detail-container-inner[data-v-09b3a18a] {
  padding-bottom: 16px;
  overflow: hidden;
}
.toolbar-detail[data-v-09b3a18a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  background-color: #fff;
  z-index: 1;
}
.toolbar-detail .title-detail[data-v-09b3a18a] {
    color: rgba(0, 0, 0, 0.87);
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}
.toolbar-detail .button-toolbar-detail[data-v-09b3a18a] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 24px;
    padding-right: 16px;
}
.toolbar-detail .button-toolbar-detail .icon-cancel[data-v-09b3a18a] {
      width: 48px;
      cursor: pointer;
      height: 48px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.toolbar-detail .toolbar-detail-right[data-v-09b3a18a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 8px;
}
.toolbar-detail .toolbar-detail-right button[data-v-09b3a18a] {
      min-width: 80px;
      height: 36px;
      color: #F25A5A !important;
      font-size: 14px;
      line-height: 16px;
      font-weight: 500;
      border-radius: 4px;
      padding: 0 15px;
      margin: 0;
      font-weight: 500;
}
.toolbar-detail .toolbar-detail-right button.wsgreen[data-v-09b3a18a] {
        color: #2DB84C !important;
}
.image-detail[data-v-09b3a18a] {
  height: 200px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  position: relative;
  background: #F4F4F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.image-detail.loading[data-v-09b3a18a] {
    cursor: auto;
}
.image-detail img[data-v-09b3a18a] {
    display: none;
}
.cate-note[data-v-09b3a18a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 8px 0px 0 0;
  margin-top: 8px;
}
.cate-note .image-cate-amount[data-v-09b3a18a] {
    padding-right: 15px;
}
.cate-note .cate-note-amount-content h3[data-v-09b3a18a] {
    font-size: 24px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: normal;
}
.cate-note .cate-note-amount-content span[data-v-09b3a18a] {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    margin-top: 8px;
    display: block;
}
.cate-note .cate-note-amount-content .wallet-tran[data-v-09b3a18a] {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
}
.cate-note .cate-note-amount-content .date-tran[data-v-09b3a18a] {
    font-size: 12px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.54);
    position: relative;
    padding-bottom: 8px;
}
.cate-note .cate-note-amount-content .date-tran[data-v-09b3a18a]:before {
    content: "";
    background: rgba(0, 0, 0, 0.12);
    height: 1px;
    width: 142px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.amount-detail[data-v-09b3a18a] {
  font-size: 34px;
  line-height: 48px;
  padding: 0 16px 14px 0;
}
.amount-detail.border-bottom[data-v-09b3a18a] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.exclude-report[data-v-09b3a18a] {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding: 16px 0 0px 72px;
}
.left-detail[data-v-09b3a18a] {
  max-width: 16.666666666666664%;
  width: 16.666666666666664%;
  min-width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 1px;
}
.with-detail[data-v-09b3a18a] {
  padding: 0;
}
.with-detail .item-with[data-v-09b3a18a] {
    padding: 11px 0;
}
.with-detail .item-with .left-detail[data-v-09b3a18a] {
      padding-right: 23px;
}
.with-detail .item-with .username-detail span[data-v-09b3a18a] {
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
}
.with-detail .item-with span.image-with[data-v-09b3a18a] {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 20px;
      line-height: 24px;
      color: #FFFFFF;
      text-transform: uppercase;
}
.location-detail[data-v-09b3a18a] {
  padding: 8px 0px 8px 0;
}
.location-detail .left-detail[data-v-09b3a18a] {
    padding-right: 31px;
}
.location-detail span[data-v-09b3a18a] {
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
}
.location-detail .location-name[data-v-09b3a18a] {
    position: relative;
    width: 100%;
    padding-right: 16px;
}
.location-detail .location-name[data-v-09b3a18a]:before {
      content: "";
      background: rgba(0, 0, 0, 0.12);
      height: 1px;
      width: 100%;
      top: -10px;
      left: 0;
      position: absolute;
}
.event-detail[data-v-09b3a18a] {
  padding: 10px 0;
}
.event-detail .left-detail[data-v-09b3a18a] {
    padding-right: 31px;
}
.event-detail .event-content[data-v-09b3a18a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 83.33333333333334%;
    position: relative;
}
.event-detail .event-content span[data-v-09b3a18a] {
      font-size: 12px;
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
}
.event-detail .event-content h4[data-v-09b3a18a] {
      font-size: 14px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
      font-weight: normal;
}
.event-detail .event-content[data-v-09b3a18a]:before {
      content: "";
      background: rgba(0, 0, 0, 0.12);
      height: 1px;
      width: 100%;
      top: -10px;
      left: 0;
      position: absolute;
}
.remind-detail[data-v-09b3a18a] {
  padding: 10px 0;
}
.remind-detail .left-detail[data-v-09b3a18a] {
    padding-right: 31px;
}
.remind-detail .remind-content[data-v-09b3a18a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 83.33333333333334%;
    position: relative;
}
.remind-detail .remind-content span[data-v-09b3a18a] {
      font-size: 12px;
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
}
.remind-detail .remind-content h4[data-v-09b3a18a] {
      font-size: 14px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
      font-weight: normal;
}
.remind-detail .remind-content[data-v-09b3a18a]:before {
      content: "";
      background: rgba(0, 0, 0, 0.12);
      height: 1px;
      width: 100%;
      top: -10px;
      left: 0;
      position: absolute;
}
.preview-image[data-v-09b3a18a] {
  display: inline-block;
  max-height: 80vh;
  margin-top: 10vh;
  position: relative;
}
.preview-image img[data-v-09b3a18a] {
    max-height: 80vh;
}
.preview-image span[data-v-09b3a18a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -20px;
    right: -20px;
    background: #000;
    border-radius: 50%;
    border: 1px solid #000;
    cursor: pointer;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.view-dialog .toolbar-detail-left[data-v-09b3a18a] {
  padding-left: 16px;
}
.view-dialog .toolbar-detail-left span.title-detail[data-v-09b3a18a] {
    padding-left: 16px;
}
.view-dialog .toolbar-detail-right[data-v-09b3a18a] {
  padding-right: 16px;
}
.view-dialog .toolbar-detail-right button[data-v-09b3a18a] {
    width: 80px;
}
.content-view[data-v-09b3a18a] {
  max-height: 60vh;
  overflow-y: auto;
}
.box-map[data-v-09b3a18a] {
  width: 100%;
  height: 200px;
  position: relative;
  margin-top: 8px;
}
.box-map .no-result[data-v-09b3a18a] {
    background: #f4f4f4;
}
.box-map > .no-result[data-v-09b3a18a] {
    z-index: 3;
}
.box-map > div[data-v-09b3a18a]:not(.no-result) {
    position: relative;
    z-index: 2;
}
.icon-delete[data-v-09b3a18a], .icon-edit[data-v-09b3a18a] {
  width: 36px;
  margin-right: 8px;
}
.icon-delete[data-v-09b3a18a]:hover, .icon-edit[data-v-09b3a18a]:hover {
    cursor: pointer;
}
@media screen and (max-width: 750px) {
.button-toolbar-detail[data-v-09b3a18a] {
    padding: 0px !important;
}
}
#googleMap[data-v-09b3a18a] .leaflet-popup-content {
  margin: 8px 10px;
  padding: 5px;
}
#googleMap[data-v-09b3a18a] .leaflet-popup-content b {
    font-weight: bold;
}
#googleMap[data-v-09b3a18a] .leaflet-popup-content img {
    width: 80px;
}

.content[data-v-e2a301a0] {
  margin-top: 90px;
}

.page-not-found[data-v-1e635797] {
  color: #333333;
  background-color: white;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-radius: 2px;
  z-index: 1;
  width: 576px;
  margin: 0px auto;
}
.page-not-found .title[data-v-1e635797] {
    padding: 16px;
    position: relative;
    font-weight: 400;
}
.page-not-found .title span[data-v-1e635797] {
      font-size: 24px;
      color: rgba(51, 51, 51, 0.87);
      display: block;
      line-height: 36px;
}
.page-not-found .subtitle[data-v-1e635797] {
    padding: 16px;
    font-size: 14px;
    color: #333333;
}
.page-not-found .div-button[data-v-1e635797] {
    padding: 16px;
    position: relative;
}
.page-not-found .div-button button[data-v-1e635797] {
      font-weight: 400;
}
.page-not-found .image img[data-v-1e635797] {
    max-width: 100%;
    width: 100%;
}

.page-not-found[data-v-6854fe3c] {
  color: #333333;
  background-color: white;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-radius: 2px;
  z-index: 1;
  width: 576px;
  margin: 0px auto;
}
.page-not-found .title[data-v-6854fe3c] {
    padding: 16px;
    position: relative;
    font-weight: 400;
}
.page-not-found .title span[data-v-6854fe3c] {
      font-size: 24px;
      color: rgba(51, 51, 51, 0.87);
      display: block;
      line-height: 36px;
}
.page-not-found .subtitle[data-v-6854fe3c] {
    padding: 16px;
    font-size: 14px;
    color: #333333;
}
.page-not-found .div-button[data-v-6854fe3c] {
    padding: 16px;
    position: relative;
}
.page-not-found .div-button button[data-v-6854fe3c] {
      font-weight: 400;
}
.page-not-found .image img[data-v-6854fe3c] {
    max-width: 100%;
    width: 100%;
}
.div-button span.arrow[data-v-6854fe3c] {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.26);
  margin-left: 6px;
  position: relative;
}

.page-not-found[data-v-feef7950] {
  color: #333333;
  background-color: white;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-radius: 2px;
  z-index: 1;
  width: 576px;
  margin: 0px auto;
}
.page-not-found .title[data-v-feef7950] {
    padding: 16px;
    position: relative;
    font-weight: 400;
}
.page-not-found .title span[data-v-feef7950] {
      font-size: 24px;
      color: rgba(51, 51, 51, 0.87);
      display: block;
      line-height: 36px;
}
.page-not-found .subtitle[data-v-feef7950] {
    padding: 16px;
    font-size: 14px;
    color: #333333;
}
.page-not-found .div-button[data-v-feef7950] {
    padding: 16px;
    position: relative;
}
.page-not-found .div-button button[data-v-feef7950] {
      font-weight: 400;
}
.page-not-found .image img[data-v-feef7950] {
    max-width: 100%;
    width: 100%;
}

.header-2[data-v-164dd52e] {
  background: #2db84c;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.header-2 .logo-2[data-v-164dd52e] {
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header-2 .logo-2 img[data-v-164dd52e] {
      width: 39px;
      display: block;
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
              box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
      border-radius: 5px;
}

.copyright-container[data-v-139ed6c3] {
  margin-bottom: 90px;
}
.app-not-found .copyright-container[data-v-139ed6c3] {
  text-align: center;
  color: #999;
  padding-top: 15px;
}
.app-not-found .copyright-container span[data-v-139ed6c3] {
    font-size: 12px;
}
.app-not-found .copyright-container span.space[data-v-139ed6c3] {
      padding: 0 8px;
}
.app-not-found .copyright-container a[data-v-139ed6c3] {
    color: #999;
    text-decoration: none;
}
.app-not-found .copyright-container a[data-v-139ed6c3]:hover {
      color: #555;
}

.content[data-v-040283fe] {
  margin-top: 90px;
}
.page-not-found[data-v-040283fe] {
  color: #333333;
  background-color: white;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-radius: 2px;
  z-index: 1;
  width: 576px;
  margin: 0px auto;
}
.page-not-found .title[data-v-040283fe] {
    padding: 16px;
    position: relative;
    font-weight: 400;
}
.page-not-found .title span[data-v-040283fe] {
      font-size: 24px;
      color: rgba(51, 51, 51, 0.87);
      display: block;
      line-height: 36px;
}
.page-not-found .subtitle[data-v-040283fe] {
    padding: 16px;
    font-size: 14px;
    color: #333333;
}
.page-not-found .image img[data-v-040283fe] {
    max-width: 100%;
    width: 100%;
}

div#money-react[data-v-5255d7ad] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999999;
}
#welcome-view[data-v-5255d7ad] {
  display: block;
}
.welcome-view-container[data-v-5255d7ad] {
  background: #242424;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
#welcome-view .welcome-view-content[data-v-5255d7ad] {
  position: absolute;
  width: 368px;
  height: 248px;
  left: 50%;
  top: 50%;
  margin-left: -190px;
  margin-top: -124px;
  color: #fff;
}
.logo[data-v-5255d7ad] {
  position: absolute;
  width: 260px;
  height: 220px;
  display: block;
  top: 0;
  left: 50%;
  margin-left: -130px;
}
.app-name[data-v-5255d7ad] {
  position: absolute;
  color: #fff;
  font-size: 36px;
  text-align: center;
  font-weight: 400;
  font-family: Roboto,Tahoma,Arial,sans-serif;
  width: 100%;
  top: 158px;
  display: none;
}
.welcome-progress-bar-container[data-v-5255d7ad] {
  width: 368px;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 1024px) {
#welcome-view .welcome-view-content[data-v-5255d7ad] {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    align-items: center;
    height: 100vh;
}
#welcome-view .welcome-view-content .logo[data-v-5255d7ad] {
      position: initial;
      left: 0;
      margin: 0;
}
#welcome-view .welcome-view-content .welcome-progress-bar-container[data-v-5255d7ad] {
      width: 90%;
      position: initial;
      max-width: 370px;
}
}

.app-container[data-v-220bbbb3] {
  background: #eee;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  z-index: 1;
  line-height: 20px;
}
.app-container[data-v-220bbbb3]:before {
  background: #2db84c;
  position: absolute;
  content: "";
  display: block;
  height: 240px;
  width: 100%;
  z-index: 0;
}
.app-container .money-logo[data-v-220bbbb3] {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 39px;
  margin-left: -60px;
  width: 120px;
}
.app-container .money-logo a[data-v-220bbbb3] {
  font-size: 0;
  display: block;
  text-align: center;
  text-decoration: none;
}
.app-container .money-logo a i[data-v-220bbbb3] {
  background: transparent url('/static/app_icon.png') no-repeat 50%;
  width: 120px;
  height: 80px;
  display: block;
  background-size: 120px 80px;
  margin: 0 auto;
}
.app-container .money-logo a .site-name[data-v-220bbbb3] {
  display: none;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
}
.app-container .section-guest-container[data-v-220bbbb3] {
    width: 408px;
    position: absolute;
    left: 50%;
    margin-left: -204px;
    top: 150px;
    padding-bottom: 80px;
}
.footer-action-bar[data-v-220bbbb3] {
  background: #eee;
  border-top: 1px solid #d8d8d8;
  position: fixed;
  bottom: 0;
  height: 40px;
  z-index: 2;
  width: 100%;
  font-size: 13px;
}
.footer-action-bar .footer-menu[data-v-220bbbb3] {
  padding: 0 15px;
  list-style: none;
}
.footer-action-bar .footer-menu li[data-v-220bbbb3] {
  display: inline-block;
}
.footer-action-bar .footer-menu .footer-link[data-v-220bbbb3]:hover {
  color: #555;
}
.footer-action-bar .footer-menu .footer-link[data-v-220bbbb3] {
  color: #333;
  padding: 10px;
  display: block;
  text-decoration: none;
}
.text-muted[data-v-220bbbb3] {
  color: #888!important;
}
div.stepper__header[data-v-220bbbb3], div.card[data-v-220bbbb3] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.app-container .section-guest-container .card-title[data-v-220bbbb3] {
  padding: 24px;
  margin: 0px;
  text-align: center;
  font-size: 1.5em;
  color: rgb(51, 51, 51);
}
.header-form-reset[data-v-220bbbb3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.v-stepper:not(.v-stepper--vertical) .header-form-reset[data-v-220bbbb3] .v-stepper__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.verify-item[data-v-220bbbb3] {
  height: 72px;
  color: rgba(0, 0, 0, 0.87);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  padding-left: 14px;
  padding-right: 14px;
  width: 120px;
  font-weight: 400;
}
.divide-item[data-v-220bbbb3] {
  display: block;
  border-color: rgb(189, 189, 189);
  margin-left: 11px;
  border-top-style: solid;
  border-top-width: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.text-muted[data-v-220bbbb3] {
  color: #888!important;
}
.btn[data-v-220bbbb3] {
  font-weight: 400;
  float: right;
  margin-right: 0px;
}
.link-to-other[data-v-220bbbb3] {
  margin-top: 25px;
  text-align: center;
}
.link-to-other a[data-v-220bbbb3] {
  color: #2db84c;
  text-decoration: none;
  font-size: 14px;
}
div.link-to-other > span[data-v-220bbbb3] {
  padding: 0 5px;
}
.login[data-v-220bbbb3] {
  padding: 0px 5px;
}
.container-success[data-v-220bbbb3] {
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-radius: 2px; width: 408px;
  margin: auto;
}
.reset-password-success[data-v-220bbbb3] {
  padding: 24px;
}
.reset-password-success .content[data-v-220bbbb3] {
  font-size: 14px;
}
.reset-password-success .action[data-v-220bbbb3] {
  margin-top: 16px !important;
  text-align: center !important;
}
.div-reset[data-v-220bbbb3] {
  height: 36px;
  border-radius: 2px;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  top: 0px;
}
@media (max-width: 410px) {
.v-stepper__header[data-v-220bbbb3] {
    height: auto;
}
.verify-item[data-v-220bbbb3] {
    width: 100%;
}
.app-container .section-guest-container[data-v-220bbbb3] {
    width: 98%;
    position: initial;
    margin-top: 150px;
    margin-left: 1%;
}
.v-stepper:not(.v-stepper--vertical) .header-form-reset[data-v-220bbbb3] .v-stepper__label {
    padding-left: 10px;
}
}

body[data-v-40eb1efd] {
  background-color: #E4E4E4 !important;
}
.app-wrap[data-v-40eb1efd] {
  background-color: transparent !important;
}
.app-layout[data-v-40eb1efd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.app-layout .tabs-fixed[data-v-40eb1efd] {
    width: 80px;
    text-align: center;
    position: fixed;
    z-index: 200;
    background: #fff;
    height: 100vh;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.27);
            box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.27);
}
.top-to-bottom-enter-active[data-v-40eb1efd] {
  -webkit-animation: coming-data-v-40eb1efd .4s;
          animation: coming-data-v-40eb1efd .4s;
  opacity: 0;
}
.top-to-bottom-leave-active[data-v-40eb1efd] {
  -webkit-animation: going-data-v-40eb1efd .5s;
          animation: going-data-v-40eb1efd .5s;
}
.right-to-left-enter-active[data-v-40eb1efd] {
  -webkit-animation: coming1-data-v-40eb1efd .4s;
          animation: coming1-data-v-40eb1efd .4s;
  opacity: 0;
}
.right-to-left-leave-active[data-v-40eb1efd] {
  -webkit-animation: going1-data-v-40eb1efd .5s;
          animation: going1-data-v-40eb1efd .5s;
}
@-webkit-keyframes going-data-v-40eb1efd {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
to {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
}
}
@keyframes going-data-v-40eb1efd {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
to {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
}
}
@-webkit-keyframes coming-data-v-40eb1efd {
from {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
}
}
@keyframes coming-data-v-40eb1efd {
from {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
}
}
@-webkit-keyframes going1-data-v-40eb1efd {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
}
}
@keyframes going1-data-v-40eb1efd {
from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
}
}
@-webkit-keyframes coming1-data-v-40eb1efd {
from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
}
to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
}
}
@keyframes coming1-data-v-40eb1efd {
from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
}
to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
}
}
.page[data-v-40eb1efd] {
  width: 100%;
  z-index: 100;
  /* overflow-y: auto; */
  position: absolute;
}
.box-beta[data-v-40eb1efd] {
  background: #fff;
  border-radius: 4px;
  padding: 40px 24px 14px;
  text-align: center;
}
.box-beta p[data-v-40eb1efd] {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 37px;
    padding: 0 24px;
}
.box-beta svg[data-v-40eb1efd] {
    width: 226px;
    height: 207px;
    margin-bottom: 40px;
}
.box-beta .btn-beta[data-v-40eb1efd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

span.item[data-v-9301d238] {
  display: block;
  padding: 13px 0;
  cursor: pointer;
}
span.item.hidden[data-v-9301d238] {
    display: none;
}
span.item[data-v-9301d238]:hover {
    background: rgba(0, 0, 0, 0.04);
    fill: #fff;
}
span.item.active[data-v-9301d238] {
    background: transparent !important;
}
span.item.active span[data-v-9301d238] {
      color: #2DB84C;
}
span.item.active path[data-v-9301d238] {
      fill: #2DB84C;
}
span.item.item-target span[data-v-9301d238] {
    margin-right: -7px;
}
span.item span[data-v-9301d238] {
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
span.item span svg[data-v-9301d238] {
      min-width: 24px;
}
span.item-navigation[data-v-9301d238] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
span.item-navigation .has-wallet-shared[data-v-9301d238] {
    height: 8px;
    width: 8px;
    background-color: #F46565;
    border-radius: 50%;
    position: absolute;
    top: 22px;
    margin: 0 auto;
    left: 48px;
}
hr.border-tabs[data-v-9301d238] {
  height: 0;
  margin: 8px 0;
  border: none;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}
.wrapped-icon[data-v-9301d238] {
  position: relative;
}
.wrapped-icon #w20191[data-v-9301d238] {
    position: relative;
    z-index: 1;
}
.wrapped-icon #w20192[data-v-9301d238] {
    position: absolute;
    z-index: 0;
    -webkit-animation: example-data-v-9301d238 0.5s infinite;
            animation: example-data-v-9301d238 0.5s infinite;
}
  /* Safari 4.0 - 8.0 */
@-webkit-keyframes example-data-v-9301d238 {
from {
    z-index: 0;
}
to {
    z-index: 1;
}
}
  /* Standard syntax */
@keyframes example-data-v-9301d238 {
from {
    z-index: 0;
}
to {
    z-index: 1;
}
}

.cls-1[data-v-978e8a14]{fill:#2db84c;
}
.cls-2[data-v-978e8a14]{fill:#0aa32b;
}
.cls-3[data-v-978e8a14]{fill:#21ba46;
}
.cls-4[data-v-978e8a14]{fill:#fff;
}
.cls-5[data-v-978e8a14]{fill:#ffc610;
}
.cls-6[data-v-978e8a14]{fill:#ffaf10;
}
.cls-7[data-v-978e8a14]{fill:#ff501a;
}
.cls-8[data-v-978e8a14]{fill:#ffd000;
}
.cls-9[data-v-978e8a14]{fill:url(#linear-gradient);
}
.cls-10[data-v-978e8a14]{fill:url(#linear-gradient-2);
}

.cls-1[data-v-28b5ac3b]{fill:#2db84c;
}
.cls-2[data-v-28b5ac3b]{fill:#0aa32b;
}
.cls-3[data-v-28b5ac3b]{fill:#21ba46;
}
.cls-4[data-v-28b5ac3b]{fill:#fff;
}
.cls-5[data-v-28b5ac3b]{fill:#19ff00;
}
.cls-6[data-v-28b5ac3b]{fill:#fff200;
}
.cls-7[data-v-28b5ac3b]{fill:#ffd400;
}
.cls-8[data-v-28b5ac3b]{fill:url(#linear-gradient);
}
.cls-9[data-v-28b5ac3b]{fill:#19ff00
}

.wrap-menu[data-v-428a2930] {
  z-index: 201;
}
.hamburgerNav[data-v-428a2930] {
  z-index: 9999;
  background: #fff;
  height: 100%;
  position: fixed;
}
.hamburgerNav #menu-humberger[data-v-428a2930] {
    height: 100%;
}
.hamburgerNav #menu-humberger .menu-list[data-v-428a2930] {
      padding: 0;
}
.hamburgerNav #menu-humberger .menu-list .menu-item[data-v-428a2930] {
        height: 55px !important;
}
.hamburgerNav #menu-humberger .menu-list .menu-item[data-v-428a2930]:hover {
          background: rgba(45, 184, 76, 0.08) !important;
}
.hamburgerNav #menu-humberger .menu-list .menu-item.active[data-v-428a2930] {
          background: rgba(0, 0, 0, 0.04) !important;
}
.hamburgerNav #menu-humberger .menu-list .menu-item .item-title[data-v-428a2930] {
          border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.hamburgerNav #menu-humberger .menu-list .menu-item .item-title i[data-v-428a2930] {
            text-indent: -99999px;
            border: solid rgba(0, 0, 0, 0.54);
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            float: right;
            margin-top: 6px;
            margin-right: 20px;
}
.hamburgerNav #menu-humberger .menu-list .menu-item .item-title .share-wallet[data-v-428a2930], .hamburgerNav #menu-humberger .menu-list .menu-item .item-title .invitation[data-v-428a2930] {
            padding: 3px 7px;
            border-radius: 50%;
            background: #FE6B73;
            color: #fff;
            margin-left: 10px;
}
.hamburgerNav #menu-humberger .menu-list .menu-item .item-title .invitation[data-v-428a2930] {
            border-radius: 50px;
            padding: 3px 8px;
}
.hamburgerNav #menu-humberger .account-container[data-v-428a2930] {
      padding: 32px 20px;
}
.hamburgerNav #menu-humberger .account-container .info-account[data-v-428a2930] {
        margin-top: 11px;
}
.hamburgerNav #menu-humberger .account-container p[data-v-428a2930] {
        font-size: 16px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.87);
        text-align: center;
        margin: 0;
}
.hamburgerNav #menu-humberger .account-container .account-info[data-v-428a2930] {
        font-size: 12px;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.54);
        display: block;
        text-align: center;
}

.avatar-user[data-v-3ed8046c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 13.5px;
  height: 76px;
}
.avatar-user .name-alias[data-v-3ed8046c] {
    width: 64px;
    height: 64px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    font-weight: 500;
    font-size: 32px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
}
.avatar-user .label-account[data-v-3ed8046c] {
    position: relative;
    margin-top: -16px;
    margin-bottom: 6px;
}
.avatar-user .label-account .premium-account[data-v-3ed8046c] {
      background-color: #FB8C00;
}
.avatar-user .label-account .free-account[data-v-3ed8046c] {
      background-color: #B3B3B3;
}
.avatar-user .label-account .premium-account[data-v-3ed8046c], .avatar-user .label-account .free-account[data-v-3ed8046c] {
      position: relative;
      font-size: 10px;
      color: #fff;
      text-transform: uppercase;
      font-weight: 500;
      line-height: 20px;
      top: 5px;
      z-index: 9;
      width: 100%;
      text-align: center;
      display: inline-block;
      padding: 0 8px;
}
.avatar-user .label-account .baron-left[data-v-3ed8046c] {
      position: absolute;
      top: 0;
      left: -13.5px;
}
.avatar-user .label-account .baron-right[data-v-3ed8046c] {
      position: absolute;
      top: 0;
      right: -17.5px;
}

.dialog-info[data-v-588758f2] {
  background-color: #fff;
}
.content-dialog-info .account-info .label-account[data-v-588758f2], .content-dialog-info .devices-info .devices-label[data-v-588758f2] {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(51, 51, 51, 0.54);
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  padding-left: 16px;
  width: 100%;
}
.info-title[data-v-588758f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.info-title .title-left[data-v-588758f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.info-title .title-left .title-dialog[data-v-588758f2] {
      line-height: 24px !important;
      height: 24px;
      padding-top: 20px;
}
.info-title .title-left .close-dialog[data-v-588758f2] {
      height: 24px;
      color: rgba(255, 255, 255, 0);
}
.wrap-button[data-v-588758f2] {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 8px 16px;
}
.wrap-button[data-v-588758f2]:hover {
    cursor: pointer;
}
.button-500[data-v-588758f2] {
  min-width: 91px;
  height: 36px;
  color: #F25A5A !important;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  border-radius: 4px;
  padding: 0 15px;
  margin: 0;
  font-weight: 500;
}
.button-500.wsgreen[data-v-588758f2] {
    color: #2DB84C !important;
    margin-top: 17px;
    margin-right: 21px;
}
.info-detail[data-v-588758f2] {
  padding-top: 20px;
  padding-bottom: 35px;
  padding-left: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.info-detail .wrap-detail[data-v-588758f2] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.info-detail .wrap-detail .user-detail[data-v-588758f2] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      margin-left: 32px;
      margin-top: 12px;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
}
.info-detail .wrap-detail .user-detail .username[data-v-588758f2] {
        line-height: 24px;
        color: rgba(0, 0, 0, 0.87);
        margin-bottom: 5px;
}
.info-detail .wrap-detail .user-detail .user-email[data-v-588758f2], .info-detail .wrap-detail .user-detail .change-psw[data-v-588758f2] {
        line-height: 16px;
        color: rgba(0, 0, 0, 0.54);
}
.info-detail .wrap-detail .user-detail .user-email[data-v-588758f2] {
        margin-bottom: 7px;
}
.info-detail .wrap-detail .user-detail .change-psw[data-v-588758f2] {
        text-decoration: underline;
}
.info-detail .wrap-detail .user-detail .change-psw[data-v-588758f2]:hover {
          cursor: pointer;
}
.go-premium[data-v-588758f2] {
  background-color: #F07700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.go-premium .go-premium-baner[data-v-588758f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.go-premium .go-premium-baner .go-premium-right[data-v-588758f2] {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
.go-premium .go-premium-text[data-v-588758f2] {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.go-premium .go-premium-text .upgrade-text[data-v-588758f2] {
      line-height: 16px;
      margin-top: 15px;
      margin-bottom: 19px;
}
.go-premium .go-premium-text .upgrade-button[data-v-588758f2] {
      margin: 0 20px;
      margin-bottom: 18px;
      border-radius: 4px;
      min-width: 187px;
      margin: 0 auto;
      margin-bottom: 18px;
}
.go-premium .go-premium-text .upgrade-button .text-button[data-v-588758f2] {
        color: #EA7720;
}
.go-premium .go-premium-text .upgrade-button .text-button[data-v-588758f2]:hover {
          opacity: 0.8;
}
.wrap-account-info[data-v-588758f2] {
  overflow: auto;
}
.list-devices[data-v-588758f2] {
  padding-bottom: 16px;
  min-height: 150px;
}
.list-devices .list-title[data-v-588758f2] {
    line-height: 20px;
    padding: 14px 24px;
}
.list-devices .list-title .devices-amount[data-v-588758f2] {
      line-height: 20px;
      color: rgba(0, 0, 0, 0.54);
}
.content-dialog-info[data-v-588758f2] {
  font-size: 16px;
  color: rgba(51, 51, 51, 0.6);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: hidden;
  max-height: 773px;
}
.content-dialog-info .account-info[data-v-588758f2] {
    padding: 0 0 8px;
}
.content-dialog-info .account-info .account-email[data-v-588758f2] {
      display: block;
      color: #333333;
      font-size: 16px;
      line-height: 16px;
      position: relative;
      -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      margin-left: 0px;
      padding-left: 16px;
}
.content-dialog-info .divider[data-v-588758f2] {
    margin: -1px 0 0;
    height: 1px;
    border: none;
    background-color: #e0e0e0;
}
.content-dialog-info .devices-info[data-v-588758f2] {
    padding: 0 0 8px;
}
.content-dialog-info .devices-info .content-devices[data-v-588758f2] {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 200px;
      overflow: hidden;
}
.content-dialog-info .devices-info .content-devices .detail-content-devices[data-v-588758f2] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow-y: scroll;
}
.content-dialog-info .devices-info .content-devices .detail-content-devices .loading-no-scroll[data-v-588758f2] {
          overflow: hidden;
          height: auto;
          margin-top: 50px;
}
.content-dialog-info .devices-info .content-devices .detail-content-devices .detail-device[data-v-588758f2] {
          color: #333333;
          display: block;
          font-size: 16px;
          line-height: 16px;
          position: relative;
          -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
          margin-left: 0;
          padding: 20px 16px 20px 72px;
}
.content-dialog-info .devices-info .content-devices .detail-content-devices .detail-device .icon-devices[data-v-588758f2] {
            color: white;
            background-color: transparent;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            font-size: 20px;
            border-radius: 50%;
            height: 40px;
            width: 40px;
            position: absolute;
            top: 8px;
            left: 16px;
}
.content-dialog-info .devices-info .content-devices .hidden-overflow-devices[data-v-588758f2] {
        position: absolute;
        height: 6px;
        right: 2px;
        bottom: 2px;
        left: 2px;
        border-radius: 3px;
}
.content-dialog-info .devices-info .content-devices .hidden-overflow-devices .hidden-devices-content[data-v-588758f2] {
          position: relative;
          display: block;
          height: 100%;
          cursor: poiter;
          border-radius: inherit;
          background-color: rgba(0, 0, 0, 0.2);
          width: 0;
}
.close-btn-container[data-v-588758f2]:focus {
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
  outline: none;
}
.deactive[data-v-588758f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.deactive-text[data-v-588758f2] {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.45);
    padding-top: 20px;
    padding-bottom: 16px;
    padding-right: 32px;
    line-height: 28px;
    text-decoration: underline;
    text-transform: capitalize;
}
.deactive-text[data-v-588758f2]:hover {
      cursor: pointer;
}

.devices .wrap-item:last-child .device-detail[data-v-31ac0f3c] {
  border: none;
}
.wrap-item[data-v-31ac0f3c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px 0 0 26px;
  height: 72px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-item[data-v-31ac0f3c]:hover {
    background: rgba(45, 184, 76, 0.08);
}
.wrap-item[data-v-31ac0f3c]:focus {
    background: rgba(45, 184, 76, 0.08);
    outline: none;
}
.wrap-item .icon-device[data-v-31ac0f3c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wrap-item .remove-device[data-v-31ac0f3c] {
    height: 48px;
    width: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.wrap-item .remove-device[data-v-31ac0f3c]:hover {
      cursor: pointer;
}
.wrap-item .last-item[data-v-31ac0f3c] {
    border-bottom: none !important;
}
.wrap-item .device-detail[data-v-31ac0f3c] {
    margin-left: 18px;
    padding-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 72px;
}
.wrap-item .device-detail .device-detail-wrap[data-v-31ac0f3c] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.wrap-item .device-detail .device-detail-wrap .name-device[data-v-31ac0f3c] {
        color: rgba(0, 0, 0, 0.87);
        line-height: 20px;
}
.wrap-item .device-detail .device-detail-wrap .mark-device-actived[data-v-31ac0f3c] {
        line-height: 16px;
        color: rgba(0, 0, 0, 0.54);
}
.last-device .device-detail[data-v-31ac0f3c] {
  border-bottom: none !important;
}

.dialog-info[data-v-573ec11e] {
  width: 496px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.12);
}
.dialog-info .info-title[data-v-573ec11e] {
    font-size: 20px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    text-align: center;
    padding-top: 20px;
}
.dialog-info .info-title .title-left[data-v-573ec11e] {
      margin-bottom: 20px;
}
.dialog-info .info-title .info-limit[data-v-573ec11e] {
      font-size: 14px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
      margin-bottom: 20px;
      height: 20px;
}
.wrap-account-info[data-v-573ec11e] {
  height: 56vh;
}
.info-layout[data-v-573ec11e] {
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
}
.actions-limit[data-v-573ec11e] {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 24px;
}
.actions-limit .reject[data-v-573ec11e] {
    margin-right: 16px;
}

.dialog-reason-header[data-v-03767d62] {
  padding: 20px 32px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.dialog-reason-body[data-v-03767d62] {
  padding: 8px 0;
}
.dialog-reason-body-warning[data-v-03767d62] {
    padding: 19px 32px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff5a6;
    margin-bottom: 24px;
}
.dialog-reason-body-content[data-v-03767d62] {
    padding: 0 32px;
}
.dialog-reason-body-content-title[data-v-03767d62] {
      margin-bottom: 8px;
}
.dialog-reason-body-content-title--text[data-v-03767d62] {
        line-height: 20px;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.87);
}
.dialog-reason-action[data-v-03767d62] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px 32px;
}
.dialog-reason-action-btn[data-v-03767d62] {
    padding: 8px 24px;
    height: 40px;
    border-radius: 4px;
}
.dialog-reason-action-btn[data-v-03767d62] * {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
}

.dialog-reason-header[data-v-3e3eb226] {
  padding: 20px 32px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.dialog-reason-body[data-v-3e3eb226] {
  padding: 8px 0;
}
.dialog-reason-body-warning[data-v-3e3eb226] {
    padding: 19px 32px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff5a6;
    margin-bottom: 24px;
}
.dialog-reason-body-content[data-v-3e3eb226] {
    padding: 0 32px;
}
.dialog-reason-body-content-title[data-v-3e3eb226] {
      margin-bottom: 8px;
}
.dialog-reason-body-content-title--text[data-v-3e3eb226] {
        line-height: 20px;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.87);
        font-weight: 500;
}
.dialog-reason-body-content-item[data-v-3e3eb226] {
      min-height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.dialog-reason-body-content-item[data-v-3e3eb226]:hover {
        cursor: pointer;
}
.dialog-reason-body-content-item--text[data-v-3e3eb226] {
        font-size: 16px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.87);
        margin-left: 16px;
        width: 80%;
}
.dialog-reason-body-content-description[data-v-3e3eb226] {
      padding: 0 24px;
      margin-top: 8px;
      height: 135px;
}
.dialog-reason-body-content-description[data-v-3e3eb226] .v-input__slot {
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        padding: 0 16px;
}
.dialog-reason-body-content-description[data-v-3e3eb226] .v-input__slot.v-input__slot:hover {
          border: 1px solid #4bbb8b;
}
.dialog-reason-body-content-description[data-v-3e3eb226] .v-input__slot.v-input__slot:focus {
          outline: none;
          border: 1px solid #4bbb8b;
}
.dialog-reason-body-content-description[data-v-3e3eb226] .v-text-field__details {
        padding: 0;
}
.dialog-reason-body-content-description[data-v-3e3eb226] textarea {
        padding: 16px 0;
        margin-top: 0;
}
.dialog-reason-body-content-description-max-length[data-v-3e3eb226] .v-input__slot {
        border: 1px solid #f25a5a !important;
}
.dialog-reason-body-content-description-max-length[data-v-3e3eb226] .v-counter {
        color: #f25a5a;
}
.dialog-reason-action[data-v-3e3eb226] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px 32px;
}
.dialog-reason-action-btn[data-v-3e3eb226] {
    padding: 8px 24px;
    height: 40px;
    border-radius: 4px;
}
.dialog-reason-action-btn[data-v-3e3eb226] * {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
}

.dialog-reason-header[data-v-9c8be114] {
  padding: 20px 32px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.dialog-reason-body[data-v-9c8be114] {
  padding: 8px 0;
}
.dialog-reason-body-warning[data-v-9c8be114] {
    padding: 19px 32px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff5a6;
    margin-bottom: 24px;
}
.dialog-reason-body-content[data-v-9c8be114] {
    padding: 0 32px;
}
.dialog-reason-body-content-title[data-v-9c8be114] {
      margin-bottom: 8px;
}
.dialog-reason-body-content-title--text[data-v-9c8be114] {
        line-height: 20px;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.87);
}
.dialog-reason-action[data-v-9c8be114] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px 32px;
}
.dialog-reason-action-btn[data-v-9c8be114] {
    padding: 8px 24px;
    height: 40px;
    border-radius: 4px;
}
.dialog-reason-action-btn[data-v-9c8be114] * {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
}

.dialog-confirm[data-v-4269983a] {
  padding: 0 32px;
}
.dialog-confirm-header[data-v-4269983a] {
    padding: 20px 0;
    font-size: 20px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
}
.dialog-confirm-body[data-v-4269983a] {
    padding: 8px 0;
}
.dialog-confirm-body-description[data-v-4269983a] {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.87);
      margin-bottom: 8px;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Old versions of Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.dialog-confirm-body-verify-account[data-v-4269983a] {
      width: 100%;
      height: 40px;
      border-radius: 8px;
      border: 1px solid rgba(0, 0, 0, 0.12);
      padding: 0 16px;
      outline: none;
      margin-bottom: 8px;
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
.dialog-confirm-body-verify-account.verify-fail[data-v-4269983a] {
        border: 1px solid #f44336;
}
.dialog-confirm-body-verify-account-fail-message[data-v-4269983a] {
      color: #f25a5a;
      font-size: 16px;
      line-height: 20px;
      font-weight: 500;
      margin-bottom: 8px;
}
.dialog-confirm-action[data-v-4269983a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 12px 0;
}
.dialog-confirm-action-btn[data-v-4269983a] {
      padding: 8px 24px;
      height: 40px;
      border-radius: 4px;
}
.dialog-confirm-action-btn[data-v-4269983a] * {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
}

.dialog-remove-sharing-wallet-header[data-v-14e7f343] {
  padding: 20px 32px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
}
.dialog-remove-sharing-wallet-notice-description-title[data-v-14e7f343] {
  padding: 16px 32px;
  background-color: #fff5a6;
  margin-bottom: 24px;
}
.dialog-remove-sharing-wallet-notice-description-title--text[data-v-14e7f343] {
    line-height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
}
.dialog-remove-sharing-wallet-body[data-v-14e7f343] {
  padding: 0 32px;
}
.dialog-remove-sharing-wallet-body-list-share[data-v-14e7f343] {
    height: 285px !important;
    overflow-y: auto !important;
    max-height: 390px;
    padding-bottom: 8px;
}
.dialog-remove-sharing-wallet-body-list-share-wallet[data-v-14e7f343] {
      padding: 12px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
              box-shadow: 0 1px 0 0 #E0E0E0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.dialog-remove-sharing-wallet-body-list-share-wallet-icon[data-v-14e7f343] {
        border-radius: 50%;
        height: 40px;
        width: 40px;
}
.dialog-remove-sharing-wallet-body-list-share-wallet-description[data-v-14e7f343] {
        margin-left: 16px;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
}
.dialog-remove-sharing-wallet-body-list-share-wallet-description-name[data-v-14e7f343] {
          font-size: 14px;
          line-height: 20px;
          color: rgba(0, 0, 0, 0.87);
}
.dialog-remove-sharing-wallet-body-list-share .wallet-last[data-v-14e7f343] {
      -webkit-box-shadow: none;
              box-shadow: none;
}
.dialog-remove-sharing-wallet-action[data-v-14e7f343] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px 32px;
}
.dialog-remove-sharing-wallet-action-btn[data-v-14e7f343] {
    padding: 8px 24px;
    height: 40px;
    border-radius: 4px;
}
.dialog-remove-sharing-wallet-action-btn[data-v-14e7f343] * {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
}
.shadow-bottom[data-v-14e7f343] {
  -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.12);
}

.page-container[data-v-0e0162ea] {
  background: #fff;
}
.page-container .wscontainer-search[data-v-0e0162ea] {
    height: 186px;
}
p[data-v-0e0162ea] {
  margin-bottom: 0px !important;
}
span[data-v-0e0162ea], p[data-v-0e0162ea] {
  font-weight: normal;
}
.flex.xs3[data-v-0e0162ea] {
  padding-top: 0 !important;
  padding-bottom: 16px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container[data-v-0e0162ea] {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.card-search[data-v-0e0162ea] {
  padding: 16px 0px 8px 0px !important;
}
.title[data-v-0e0162ea] {
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
.header[data-v-0e0162ea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 80px;
  height: 64px;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
button[data-v-0e0162ea] {
  margin-top: 9px;
  margin-left: 12px;
  margin-right: 12px;
  width: 48px;
  height: 48px;
}
.reset-search[data-v-0e0162ea] {
  float: right;
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
}
.reset-search[data-v-0e0162ea]:hover {
    text-decoration: underline;
    cursor: pointer;
}
.v-card-search[data-v-0e0162ea] {
  height: 168px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.container-search[data-v-0e0162ea] {
  padding-left: 0px;
  padding-right: 0px;
}
.sticky[data-v-0e0162ea] {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 99999;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
}
.hidden[data-v-0e0162ea] {
  display: none;
}
.reset-search[data-v-0e0162ea] {
  position: absolute;
  right: 0px;
  top: -40px;
}
.container-search-transaction[data-v-0e0162ea] {
  margin: 0 auto;
}
.close-btn-container[data-v-0e0162ea] {
  opacity: .54;
}
.close-btn-container[data-v-0e0162ea]:before {
    opacity: 0;
}
.loading-content[data-v-0e0162ea] {
  height: 100vh !important;
}
.date-range[data-v-0e0162ea] {
  border-bottom: 1px solid #e0e0e0;
}
.transaction-overview[data-v-0e0162ea] {
  margin-bottom: 32px;
}
.transaction-card-data[data-v-0e0162ea] {
  margin-top: 0;
}
.transaction-card-data .date-range-toolbar[data-v-0e0162ea] {
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    background-color: #fff;
    padding-top: 0;
}
.transaction-card-data .scroll-transaction[data-v-0e0162ea] {
    padding-top: 10px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 99;
}
@media (min-width: 1920px) {
.transaction-card-data .scroll-transaction[data-v-0e0162ea] {
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
}
}
.transaction-card[data-v-0e0162ea] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.transaction-card > div[data-v-0e0162ea] {
    margin-bottom: 32px;
}
.transaction-card > div[data-v-0e0162ea]:last-child {
    margin-bottom: 16px;
    border-bottom: none;
}
.transaction-card > div:last-child .list-transaction[data-v-0e0162ea] {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
}
.transaction-content[data-v-0e0162ea] {
  margin: 0 auto;
}
.transaction-container[data-v-0e0162ea] {
  color: #333333;
  background-color: white;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  z-index: 1;
}
.master-detail-container[data-v-0e0162ea] {
  min-height: 30vh;
}
#detail[data-v-0e0162ea] {
  margin-bottom: 0px;
}
#detail.hide[data-v-0e0162ea] {
    height: 0 !important;
}
#detail.hide #detail-container[data-v-0e0162ea] {
      opacity: 0;
      width: 0 !important;
}
#detail #detail-container[data-v-0e0162ea] {
    padding-bottom: 30px;
    position: relative;
    opacity: 1;
    max-width: inherit;
}
.transaction-detail[data-v-0e0162ea] {
  overflow: auto;
}
@media (min-width: 1025px) {
.transaction-detail[data-v-0e0162ea] {
      height: 88vh !important;
}
}
@media (min-width: 1366px) {
.transaction-detail[data-v-0e0162ea] {
      height: 90vh !important;
}
}
#master[data-v-0e0162ea] {
  margin-bottom: 0px;
}
#master #master-container[data-v-0e0162ea] {
    position: relative;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
}
.wallet-transaction-content #master-container[data-v-0e0162ea] {
  padding-top: 16px;
}
.update-latest-wallet[data-v-0e0162ea] {
  background: #FFF5A6;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  padding: 16px;
  margin: 16px 0;
  margin: 0 auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.transaction-content-box[data-v-0e0162ea] {
  background-color: #F4F4F4;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.transaction-content-box.scroll[data-v-0e0162ea] {
    height: 80vh;
    max-height: 536px;
    border-radius: 4px;
}
.transaction-content-box #transaction-content-dialog[data-v-0e0162ea] {
    padding-right: 0 !important;
    background: #F4F4F4;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.no-result[data-v-0e0162ea] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
}
.container-search-transaction[data-v-0e0162ea] .toolbar-group-time {
  top: 62px !important;
}
.skeleton-loading[data-v-0e0162ea] {
  padding: 16px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.skeleton-loading-icon-category[data-v-0e0162ea] {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    background-color: #dcdcdc;
    border-radius: 50%;
    background-image: linear-gradient(90deg, #dfdfdf 0px, rgba(229, 229, 229, 0.8) 40px, #dfdfdf 80px);
    background-size: 600px;
    -webkit-animation: shine-lines-data-v-0e0162ea 1s infinite ease-out;
            animation: shine-lines-data-v-0e0162ea 1s infinite ease-out;
}
.skeleton-loading-description[data-v-0e0162ea] {
    width: calc(100% - 60px);
    height: 16px;
    border-radius: 7px;
    background-image: linear-gradient(90deg, #dfdfdf 0px, rgba(229, 229, 229, 0.8) 40px, #dfdfdf 80px);
}
@-webkit-keyframes shine-lines-data-v-0e0162ea {
0% {
    background-position: -100px;
}
40%, 100% {
    background-position: 140px;
}
}
@keyframes shine-lines-data-v-0e0162ea {
0% {
    background-position: -100px;
}
40%, 100% {
    background-position: 140px;
}
}

p[data-v-14bc2ca5] {
  margin-bottom: 0px !important;
  font-size: 12px;
}
span[data-v-14bc2ca5], p[data-v-14bc2ca5] {
  font-weight: normal;
}
.amount-range[data-v-14bc2ca5] {
  height: 0px !important;
  margin-top: 0px;
}
.max[data-v-14bc2ca5] {
  float: right;
}
.text-amount[data-v-14bc2ca5] {
  height: 20px;
  width: 12.43px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 20px;
  margin-top: 32px;
}
.amount[data-v-14bc2ca5] {
  padding-top: 0px !important;
}
.mt-0[data-v-14bc2ca5] {
  padding-top: 0px !important;
  position: relative;
  top: -25px;
}

.app-not-support[data-v-c0dbecb6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
.text[data-v-c0dbecb6] {
  margin-top: 70px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  line-height: 24px;
  max-width: 668px;
}

path[data-v-45a2e832] {
  -webkit-transform: none !important;
          transform: none !important;
}
.cls-1[data-v-45a2e832]{fill:#99ddb8;
}
.cls-2[data-v-45a2e832]{fill:#57bc82;
}
.cls-3[data-v-45a2e832]{fill:#258c4f;
}
.cls-4[data-v-45a2e832]{fill:#f59a9c;
}
.cls-5[data-v-45a2e832]{fill:#7e3d2d;
}
.cls-6[data-v-45a2e832]{fill:#187a40;
}
.cls-7[data-v-45a2e832]{fill:#cc6670;
}
.cls-8[data-v-45a2e832]{fill:#211e1e;
}
.cls-9[data-v-45a2e832]{fill:#fff;
}
.cls-10[data-v-45a2e832]{fill:#db514e;
}
.cls-11[data-v-45a2e832]{fill:#8d2420;
}
.cls-12[data-v-45a2e832]{fill:#e28187;
}
.cls-13[data-v-45a2e832]{fill:#c7ffdf;
}
.cls-14[data-v-45a2e832]{fill:#ebeef2;
}
.cls-15[data-v-45a2e832]{fill:#ffdcdc;
}
.cls-16[data-v-45a2e832]{fill:#f25a5a;
}

.wrap-my-wallet .wscontainer[data-v-30fef116] {
  margin: 0 auto !important;
}
.wrap-my-wallet .wscontainer .master-detail-container[data-v-30fef116] {
    margin-left: 0 !important;
}
.wrap-my-wallet .wrap-wallet-header[data-v-30fef116] {
  background-color: #FFFFFF;
  position: fixed;
  width: 100%;
  z-index: 2;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
}
.wrap-my-wallet .wrap-wallet-header .wallet-header[data-v-30fef116] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-my-wallet .wrap-wallet-header .wallet-header .wrap-header-titlte[data-v-30fef116] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 8px;
      text-align: center;
}
.wrap-my-wallet .wrap-wallet-header .wallet-header .wrap-header-titlte .wrap-back-title[data-v-30fef116] {
        margin: 16px 0;
        position: relative;
        top: -2px;
}
.wrap-my-wallet .wrap-wallet-header .wallet-header .wrap-header-titlte .wrap-back[data-v-30fef116] {
        margin-right: 20px;
}
.wrap-my-wallet .wrap-wallet-header .wallet-header .wrap-header-titlte .title-wallet[data-v-30fef116] {
        line-height: 24px;
        color: rgba(0, 0, 0, 0.87);
}
.wrap-my-wallet .wrap-wallet-header .wallet-header .wrap-btn-add-wallet[data-v-30fef116] {
      padding: 16px;
}
.wrap-my-wallet .wrap-wallet-header .wallet-header .btn-add-wallet[data-v-30fef116] {
      background-color: #1AA333 !important;
      margin: 0 !important;
      padding: 0 !important;
      height: auto !important;
      border-radius: 4px;
      -webkit-box-shadow: none;
              box-shadow: none;
      min-width: 120px;
}
.wrap-my-wallet .wrap-wallet-header .wallet-header .btn-add-wallet[data-v-30fef116]:hover {
        opacity: 0.7;
}
.wrap-my-wallet .wrap-wallet-header .wallet-header .btn-add-wallet .text-btn[data-v-30fef116] {
        line-height: 16px;
        color: #FFFFFF;
        padding: 8px 12px !important;
}
.wrap-my-wallet .my-wallets[data-v-30fef116] {
  margin-top: 80px;
}
.wrap-my-wallet .my-wallets .list-wallets .included-total-title[data-v-30fef116] {
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54);
    padding: 11.5px 16px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.wrap-my-wallet .my-wallets .list-wallets .wallet[data-v-30fef116] {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
    background-color: #FFFFFF;
}
.wrap-my-wallet .my-wallets .list-wallets .wallet[data-v-30fef116]:first-child {
      border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}
.wrap-my-wallet .my-wallets .list-wallets .wallet[data-v-30fef116]:hover {
      cursor: pointer;
      background-color: rgba(45, 184, 76, 0.08);
}
.wrap-my-wallet .my-wallets .list-wallets .wallet-exclude[data-v-30fef116]:last-child, .wrap-my-wallet .my-wallets .list-wallets .wallet-include[data-v-30fef116]:last-child {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.wrap-my-wallet .my-wallets .list-wallets .actived[data-v-30fef116] {
    background-color: rgba(45, 184, 76, 0.08);
}
.wrap-my-wallet .my-wallets .list-wallets .none-actived[data-v-30fef116] {
    background: #fff;
}
.wrap-my-wallet .my-wallets .wallet-detail[data-v-30fef116] {
    margin-left: 12px;
    border-radius: 4px;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-header[data-v-30fef116] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-header .wrap-title[data-v-30fef116] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-left: 24px;
        padding-top: 8px;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-header .wrap-title .wrap-button-close[data-v-30fef116] {
          margin-right: 16px;
          text-align: center;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-header .detail-back-list-wallet[data-v-30fef116] {
        margin: 16.5px 0;
        position: relative;
        top: -2px;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-header .detail-back-list-wallet .detail-title[data-v-30fef116] {
          line-height: 24px;
          color: rgba(0, 0, 0, 0.87);
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-header .wrap-btn-detail[data-v-30fef116] {
        margin-right: 21px;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-header .wrap-btn-detail .wrap-btn[data-v-30fef116] {
          margin: 0 !important;
          padding: 0 !important;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-header .wrap-btn-detail .wrap-btn[data-v-30fef116]:hover {
            opacity: 0.8;
            border-radius: 4px;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-header .wrap-btn-detail .delete[data-v-30fef116] {
          color: #F25A5A !important;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-content[data-v-30fef116] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 23px;
      padding-left: 8.333%;
      border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-content .detail-icon[data-v-30fef116] {
        height: 56px;
        width: 56px;
        margin-right: 34px;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-content .content[data-v-30fef116] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-content .content .wallet-name[data-v-30fef116] {
          line-height: 32px;
          color: rgba(0, 0, 0, 0.87);
}
.wrap-my-wallet .my-wallets .wallet-detail .wallet-detail-content .content .currency-name[data-v-30fef116] {
          line-height: 20px;
          color: rgba(0, 0, 0, 0.87);
}
.wrap-my-wallet .my-wallets .wallet-detail .list-users[data-v-30fef116] {
      padding-bottom: 8px;
      border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.wrap-my-wallet .my-wallets .wallet-detail .list-users .wrap-title[data-v-30fef116] {
        margin-left: 8.3333%;
        padding-left: 4px;
        padding-top: 9px;
        padding-bottom: 11px;
}
.wrap-my-wallet .my-wallets .wallet-detail .list-users .wrap-title .list-title[data-v-30fef116] {
          line-height: 20px;
          color: rgba(0, 0, 0, 0.54);
}
.wrap-my-wallet .my-wallets .wallet-detail .list-users .add-user[data-v-30fef116] {
        padding: 16px;
        margin-left: 8.333%;
        padding-left: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
}
.wrap-my-wallet .my-wallets .wallet-detail .list-users .add-user .btn-add[data-v-30fef116] {
          width: 40px;
          height: 40px;
          background-color: rgba(0, 0, 0, 0.04);
          border-radius: 50%;
          padding: 8px;
          margin-right: 16px;
}
.wrap-my-wallet .my-wallets .wallet-detail .list-users .add-user .btn-add[data-v-30fef116]:hover {
            cursor: pointer;
            background: rgba(0, 0, 0, 0.12);
}
.wrap-my-wallet .my-wallets .wallet-detail .list-users .add-user .title-add[data-v-30fef116] {
          line-height: 16px;
          color: #2DB84C;
          -ms-flex-item-align: center;
              align-self: center;
}
.wrap-my-wallet .my-wallets .wallet-detail .policy-permision .policy-item[data-v-30fef116] {
      width: 100%;
      padding-left: 8.333%;
      padding-top: 15px;
      padding-bottom: 20px;
}
.wrap-my-wallet .my-wallets .wallet-detail .policy-permision .policy-item .checbox-wallet-detail[data-v-30fef116] {
        padding-left: 14.5px !important;
}
.wrap-my-wallet .my-wallets .policy-btn[data-v-30fef116] {
    padding: 13px 16px;
    text-align: center;
    border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}
.wrap-my-wallet .my-wallets .policy-btn[data-v-30fef116]:hover {
      cursor: pointer;
      background-color: rgba(45, 184, 76, 0.08);
}
.wrap-my-wallet .my-wallets .policy-btn .btn-text[data-v-30fef116] {
      color: #2DB84C;
}
.wrap-my-wallet .my-wallets .hide[data-v-30fef116] {
    opacity: 0;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 !important;
            flex: 0 !important;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}
#master-container[data-v-30fef116] {
  background-color: #F4F4F4;
  border-radius: 4px;
}
#detail[data-v-30fef116] {
  margin-bottom: 0;
}
#detail-container[data-v-30fef116] {
  margin-bottom: 0;
  background: transparent;
  padding-bottom: 30px;
}
#detail-container > div[data-v-30fef116] {
    padding-bottom: 0px;
    background: #fff;
    border-radius: 4px;
}
button.action-btn[data-v-30fef116] {
  min-width: 80px;
  padding: 0 15px;
}
div.loading.no-result[data-v-30fef116] {
  position: fixed;
  top: 0;
  left: 0;
}

.wrap-button[data-v-44b98dc0] {
  width: 48px;
  height: 48px;
  top: 12px;
}
.wrap-button[data-v-44b98dc0]:hover {
    cursor: pointer;
}
.wrap-button .wrap-icon[data-v-44b98dc0] {
    position: relative;
    top: 12px;
}

.content-dialog-wallet[data-v-375e5426] {
  padding: 16px;
}
.footer-dialog.flex-end[data-v-375e5426] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.footer-dialog button[data-v-375e5426] {
  min-width: 80px;
}

span.close[data-v-111acfae] {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin: 8px 0 8px 24px;
}
span.title[data-v-111acfae] {
  line-height: 24px !important;
  color: rgba(0, 0, 0, 0.87);
  margin-left: 16px;
}
.headline[data-v-111acfae] {
  color: #fff;
  padding-right: 16px;
  line-height: 56px !important;
  font-size: 20px !important;
  padding: 0;
}
i[data-v-111acfae] {
  margin: 5px 0px 0px 8px;
  padding: 12px;
  width: 48px !important;
  height: 48px;
  cursor: pointer;
}
.content-icon-dialog[data-v-111acfae] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 70vh;
  overflow-y: auto;
}
.content-icon[data-v-111acfae] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px 24px;
}
.tabs__items[data-v-111acfae] {
  overflow-y: scroll;
  height: 42vh;
}
.toolbar[data-v-111acfae] {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.tabs__div[data-v-111acfae] {
  font-weight: normal;
}
.tabs__slider[data-v-111acfae] {
  height: 3px;
}
.div-icon[data-v-111acfae] {
  width: 12.5%;
  padding: 0;
}
.div-icon span[data-v-111acfae] {
    height: 56px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.div-icon span[data-v-111acfae]:hover {
      background: rgba(45, 184, 76, 0.08);
}
.div-icon span.current[data-v-111acfae] {
      background: rgba(45, 184, 76, 0.08);
}
.div-icon span img[data-v-111acfae] {
      max-width: 100%;
      max-height: 100%;
}
.lds-ring[data-v-111acfae] {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}
.lds-ring div[data-v-111acfae] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 4px solid #2db84c;
  border-radius: 50%;
  -webkit-animation: lds-ring-data-v-111acfae 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring-data-v-111acfae 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #2db84c transparent transparent transparent;
}
.lds-ring div[data-v-111acfae]:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}
.lds-ring div[data-v-111acfae]:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.lds-ring div[data-v-111acfae]:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}
@-webkit-keyframes lds-ring-data-v-111acfae {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes lds-ring-data-v-111acfae {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.no-result[data-v-111acfae] {
  overflow-y: scroll;
  height: 55vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vb-content[data-v-111acfae] {
  padding-right: 0 !important;
}
.div-icon[data-v-111acfae]:focus {
  background: rgba(45, 184, 76, 0.08);
  border: 0.5px solid rgba(0, 0, 0, 0.4) !important;
  outline: none;
}

.wrap-currency[data-v-e309408a] {
  height: 68vh;
  margin-top: 8px;
  padding-right: 0 !important;
  max-height: 528px;
  min-height: 150px;
}
.wrap-currency .currency-container[data-v-e309408a] {
    padding: 0 8px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wrap-currency .currency-container .currency-wrap-item[data-v-e309408a] {
      position: relative;
      margin-bottom: 1px;
}
.wrap-currency .currency-container .currency-wrap-item[data-v-e309408a]:hover {
        background: rgba(45, 184, 76, 0.08);
}
.wrap-currency .currency-container .currency-wrap-item .currency-item[data-v-e309408a] {
        width: 240px;
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        cursor: pointer;
}
.wrap-currency .currency-container .currency-wrap-item .currency-item img[data-v-e309408a] {
          border-radius: 2px;
          height: 32px;
          width: 32px;
          margin: 8px 12px 8px 16px;
}
.wrap-currency .currency-container .currency-wrap-item .currency-item .currency-detail .currency-name[data-v-e309408a] {
          display: block;
          width: 134px;
          font-size: 14px;
          color: rgba(0, 0, 0, 0.87);
          white-space: nowrap;
          line-height: 20px;
          margin-top: 5px;
          text-overflow: ellipsis;
          overflow: hidden;
}
.wrap-currency .currency-container .currency-wrap-item .currency-item .currency-detail .currency-code[data-v-e309408a] {
          color: rgba(0, 0, 0, 0.54);
          font-size: 12px;
          line-height: 14px;
          width: 180px;
          position: relative;
          bottom: 4px;
}
.wrap-currency .currency-container .currency-wrap-item .micn-check[data-v-e309408a] {
        color: #2DB84C;
        position: absolute;
        font-size: 24px;
        display: block;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        height: 24px;
        width: 24px;
        top: 10px;
        right: 10px;
}

.wrap-item[data-v-961f02c6] {
  padding: 0 !important;
}
.wrap-item .checkbox-outline[data-v-961f02c6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.wrap-item .checkbox[data-v-961f02c6] {
    position: relative;
    top: -3px;
    left: -3px;
}
.wrap-item .off[data-v-961f02c6] {
    opacity: 0.54 !important;
}
.wrap-item .label-icon[data-v-961f02c6] {
    color: rgba(0, 0, 0, 0.7);
    margin-left: 20px;
    cursor: pointer;
}
.wrap-item .label-icon .label[data-v-961f02c6] {
      color: rgba(0, 0, 0, 0.87);
      font-weight: 400 !important;
      margin-bottom: 3px;
      line-height: 20px;
}
.wrap-item .label-icon .text-hint[data-v-961f02c6] {
      line-height: 16px;
      position: relative;
      top: 2px;
      color: rgba(0, 0, 0, 0.54);
}
.wrap-item .no-has-policy[data-v-961f02c6]:hover {
    cursor: not-allowed;
}
.wrap-item .no-has-policy .label[data-v-961f02c6] {
    color: rgba(0, 0, 0, 0.54);
}

.wrap-user-detail[data-v-d0da347a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 16px;
  margin-left: 8.333%;
  margin-right: 8.333%;
  padding-left: 4px;
  padding-right: 0;
}
.wrap-user-detail .avt[data-v-d0da347a] {
    height: 40px;
    width: 40px;
    line-height: 40px !important;
    color: #FFFFFF;
    text-align: center;
    border-radius: 50%;
    text-transform: uppercase;
}
.wrap-user-detail .avt-response[data-v-d0da347a] {
    margin-top: 4px;
}
.wrap-user-detail .user-detail[data-v-d0da347a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 20px;
    margin-top: 1px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.wrap-user-detail .user-detail .owner[data-v-d0da347a] {
      margin-bottom: 3px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.wrap-user-detail .user-detail .owner .username[data-v-d0da347a] {
        line-height: 20px;
        color: rgba(0, 0, 0, 0.87);
        margin-right: 4px;
        max-width: 200px;
        word-break: break-all;
}
.wrap-user-detail .user-detail .owner .is-owner[data-v-d0da347a] {
        line-height: 14px;
        color: #FFFFFF;
        background-color: #FFB74D;
        padding: 3px 4px;
        border-radius: 4px;
}
.wrap-user-detail .user-detail .owner .waiting-response[data-v-d0da347a] {
        line-height: 16px;
        color: rgba(0, 0, 0, 0.54);
        padding: 2px 4px;
        background-color: rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        height: 18px;
        position: relative;
        top: 2px;
}
.wrap-user-detail .user-detail .email[data-v-d0da347a] {
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
      max-width: 300px;
      word-break: break-all;
}
.wrap-user-detail .remove-user-waiting[data-v-d0da347a] {
    text-align: center;
}
.wrap-user-detail .remove-user-waiting[data-v-d0da347a]:hover {
      opacity: 0.7;
}
.wrap-has-response[data-v-d0da347a] {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.user-detail-has-response[data-v-d0da347a] {
  margin-top: 5px !important;
}

.transfer-dialog[data-v-d97c32d0] {
  border-radius: 4px;
}
.tranfer-title[data-v-d97c32d0] {
  padding: 20px 40px;
  line-height: 24px !important;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
  font-weight: 500;
  margin-bottom: 19px;
}
.transfer-money[data-v-d97c32d0] {
  padding: 0 40px;
  margin: 0 4px;
}
.transfer-money .transfer-content[data-v-d97c32d0] {
    padding: 0;
}
.transfer-money .transfer-content .wrap-date-note[data-v-d97c32d0] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-bottom: 24px;
}
.transfer-money .transfer-content .toggle-view[data-v-d97c32d0] {
      overflow: hidden;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
}
.transfer-money .transfer-content .exclude-from-report[data-v-d97c32d0] {
      padding-bottom: 20px !important;
      padding-top: 13px !important;
}
.transfer-money .transfer-content .exclude-from-report[data-v-d97c32d0]:focus {
        outline: none;
        border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.transfer-money .transfer-content .include-fee[data-v-d97c32d0] {
      padding: 12px 0 !important;
}
.transfer-money .transfer-content .include-fee[data-v-d97c32d0]:focus {
        outline: none;
        border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.transfer-action[data-v-d97c32d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 40px;
}
.transfer-action .done[data-v-d97c32d0] {
    margin-right: 8px;
    background-color: #2DB84C;
    color: #fff;
}
.transfer-action .cancel[data-v-d97c32d0] {
    margin: 0 24px;
    background-color: #EEEEEE;
    color: #2DB84C;
}
.transfer-action .done[data-v-d97c32d0], .transfer-action .cancel[data-v-d97c32d0] {
    height: 36px;
    min-width: 96px;
    padding: 0 15px;
    line-height: 16px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 4px;
}
.transfer-action .done[data-v-d97c32d0]:hover, .transfer-action .cancel[data-v-d97c32d0]:hover {
      opacity: 0.8;
}
.transfer-action .done span[data-v-d97c32d0], .transfer-action .cancel span[data-v-d97c32d0] {
      font-weight: 500 !important;
}
.shadow-top[data-v-d97c32d0] {
  -webkit-box-shadow: 0 0.5px 0 0 #E0E0E0;
          box-shadow: 0 0.5px 0 0 #E0E0E0;
}
.shadow-bottom[data-v-d97c32d0] {
  -webkit-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
}
.shadow-none[data-v-d97c32d0] {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.transfer-from-title[data-v-38f0a97a] {
  margin-bottom: 13px;
  line-height: 16px;
}
.transfer-from-title span[data-v-38f0a97a] {
    color: rgba(0, 0, 0, 0.54);
    line-height: 16px;
}
.transfer-from[data-v-38f0a97a] {
  margin-bottom: 19px;
}
.transfer-date-note[data-v-38f0a97a] {
  margin-bottom: 24px;
}
.transfer-date-note[data-v-38f0a97a], .add-transfer-fee[data-v-38f0a97a], .transfer-from[data-v-38f0a97a], .transfer-to[data-v-38f0a97a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.transfer-note[data-v-38f0a97a], .transfer-amount[data-v-38f0a97a] {
  cursor: text;
}

.item-view[data-v-320e680a] {
  height: 100%;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 12px 9px 16px;
  position: relative;
}
.item-view[data-v-320e680a]:hover {
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.item-view[data-v-320e680a]:focus {
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
    outline: none;
}
.item-view .text-title[data-v-320e680a] {
    line-height: 16px;
    margin-bottom: 5px !important;
    color: rgba(0, 0, 0, 0.54) !important;
}
.item-view .wrap-text-icon[data-v-320e680a] {
    position: relative;
    height: 24px;
}
.item-view .wrap-text-icon .icon-item[data-v-320e680a] {
      margin-right: 16px;
}
.item-view .wrap-text-icon .icon-item .wallet-icon[data-v-320e680a] {
        width: 24px;
        height: 24px;
        border-radius: 50%;
}
.item-view .wrap-text-icon .text-item[data-v-320e680a] {
      color: rgba(0, 0, 0, 0.87);
      line-height: 24px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
.disabled[data-v-320e680a] {
  border: 1px dashed rgba(0, 0, 0, 0.12) !important;
  cursor: default !important;
}
.default[data-v-320e680a] {
  color: rgba(0, 0, 0, 0.26) !important;
}

.transfer-to-title[data-v-708a0f6f] {
  margin-bottom: 13px;
  line-height: 16px;
}
.transfer-to-title span[data-v-708a0f6f] {
    color: rgba(0, 0, 0, 0.54);
    line-height: 16px;
}
.transfer-to[data-v-708a0f6f] {
  margin-bottom: 16px;
}
.transfer-date-note[data-v-708a0f6f] {
  margin-bottom: 24px;
}
.transfer-date-note[data-v-708a0f6f], .add-transfer-fee[data-v-708a0f6f], .transfer-to[data-v-708a0f6f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.transfer-note[data-v-708a0f6f], .transfer-amount[data-v-708a0f6f] {
  cursor: text;
}

.transfer-date-note[data-v-6a3aa206] {
  margin-bottom: 24px;
}
.transfer-date-note[data-v-6a3aa206], .add-transfer-fee[data-v-6a3aa206], .transfer-from[data-v-6a3aa206], .transfer-to[data-v-6a3aa206] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.transfer-note[data-v-6a3aa206], .transfer-amount[data-v-6a3aa206] {
  cursor: text;
}

p[data-v-a76007de] {
  margin-bottom: 0px !important;
}
i[data-v-a76007de] {
  text-indent: -99999px;
  border: solid rgba(0, 0, 0, 0.54);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(45deg);
  float: right;
  margin-top: 10px;
  margin-right: 5px;
}
.item[data-v-a76007de] {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 9px;
}
.item[data-v-a76007de]:focus {
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
    outline: none;
}
.item .text-search[data-v-a76007de] {
    padding-left: 1px;
    padding-bottom: 2px;
    color: rgba(0, 0, 0, 0.54);
}
.item .input[data-v-a76007de] {
    color: rgba(0, 0, 0, 0.87);
    line-height: 24px;
    height: 24px;
}
.input-item[data-v-a76007de] {
  width: 100%;
}
.input-item[data-v-a76007de]:focus {
    outline: none;
}

.wrap-date[data-v-49b1cdf5] {
  height: 64px;
  width: 240px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 12px 9px 16px;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrap-date[data-v-49b1cdf5]:hover {
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.wrap-date[data-v-49b1cdf5]:focus {
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
    outline: none;
}
.wrap-date .text-title[data-v-49b1cdf5] {
    color: rgba(0, 0, 0, 0.54);
    position: relative;
    bottom: 2px;
    margin-bottom: 2px;
}
.wrap-date .wrap-time-select[data-v-49b1cdf5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
}
.wrap-date .wrap-time-select .time-select[data-v-49b1cdf5] {
      color: rgba(0, 0, 0, 0.87);
      line-height: 24px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
}
.wrap-date .wrap-time-select i[data-v-49b1cdf5] {
      text-indent: -99999px;
      border: solid rgba(0, 0, 0, 0.54);
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 3px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      width: 0;
      height: 0;
      margin-right: 4px;
      float: right;
      margin-top: 6px;
}

.adjust-balance-dialog[data-v-9bbce1fa] {
  border-radius: 4px;
}
.adjust-balance-dialog .adjust-balance-content[data-v-9bbce1fa] {
    padding: 0 24px;
    padding-bottom: 0;
    padding-top: 33px;
}
.adjust-balance-dialog .adjust-balance-content .wallet[data-v-9bbce1fa] {
      margin-bottom: 24px;
}
.adjust-balance-dialog .adjust-balance-content .no-balance-explain[data-v-9bbce1fa] {
      margin-bottom: 32px;
}
.adjust-balance-dialog .adjust-balance-content .balance-explain[data-v-9bbce1fa] {
      text-align: center;
      line-height: 13px;
      padding-top: 8px;
      padding-bottom: 10px;
}
.adjust-balance-dialog .adjust-balance-content .balance-explain .text-explain[data-v-9bbce1fa] {
        color: rgba(0, 0, 0, 0.54);
}
.adjust-balance-dialog .adjust-balance-content .exclude-from-report[data-v-9bbce1fa] {
      padding-top: 14px;
      padding-left: 3px;
      padding-bottom: 22px;
}
.adjust-balance-dialog .no-wallet[data-v-9bbce1fa] {
    padding-bottom: 32px;
}
.adjust-balance-dialog .adjust-balance-action[data-v-9bbce1fa] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 24px;
    padding-top: 6px;
    padding-bottom: 14px;
}
.adjust-balance-dialog .adjust-balance-action .btn-cancel[data-v-9bbce1fa] {
      margin-right: 24px;
}
.screen_adjust_balance[data-v-9bbce1fa]:focus {
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
  outline: none;
}

.header-title[data-v-587dbe8c] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 20px 24px;
}
.header-title .title--text[data-v-587dbe8c] {
    color: rgba(0, 0, 0, 0.87);
}

.add-wallet-dialog[data-v-5246fda7] {
  background-color: #FFFFFF;
  border-radius: 4px;
}
.add-wallet-dialog .add-wallet-content[data-v-5246fda7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px !important;
    padding-bottom: 0px !important;
}
.add-wallet-dialog .add-wallet-action[data-v-5246fda7] {
    padding: 24px !important;
    padding-top: 0px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: -17px;
}
.add-wallet-dialog .add-wallet-action .btn-cancel[data-v-5246fda7] {
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
}
.add-wallet-dialog .add-wallet-action .btn-cancel .text-btn[data-v-5246fda7] {
        text-align: center;
        line-height: 16px;
        color: #2DB84C;
}

.wallet-caption[data-v-105bdb9e] {
  text-align: center;
}
.item-wallet[data-v-105bdb9e] {
  position: relative;
  border-radius: 8px;
  height: 104px;
  width: 136px;
  margin-bottom: 24px;
}
.item-wallet[data-v-105bdb9e]:hover {
    cursor: pointer;
    opacity: 0.7;
}
.item-wallet .icon-choose[data-v-105bdb9e] {
    position: relative;
    left: 46px;
    top: 14px;
    border-radius: 8px;
}
.item-wallet .label-ask[data-v-105bdb9e] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.12);
    color: #FFFFFF;
}
.item-wallet .label-ask[data-v-105bdb9e]:hover {
      cursor: default;
}
.item-wallet .name-wallet[data-v-105bdb9e] {
    position: absolute;
    top: 13px;
    left: 16px;
    width: 80px;
    height: 57px;
    overflow: hidden;
    font-weight: bold;
    line-height: 24px !important;
    color: #FFFFFF;
    font-size: 20px;
}
.item-wallet .size-small[data-v-105bdb9e] {
    font-size: 14px;
}
.item-wallet .coming-soon[data-v-105bdb9e] {
    position: absolute;
    bottom: 10px;
    left: 16px;
    color: #FFFFFF;
    font-size: 14px;
}
.wallet-basic[data-v-105bdb9e] {
  background: #2DB84C;
}
.wallet-linked[data-v-105bdb9e] {
  background-color: #21D6AA;
}
.wallet-credit[data-v-105bdb9e] {
  background-color: #EF549B;
}
.wallet-goal[data-v-105bdb9e] {
  background-color: #F25A5A;
}
.wallet-travel[data-v-105bdb9e] {
  background-color: #22A1D3;
}
.wallet-crypto[data-v-105bdb9e] {
  background-color: #F29B4C;
}
.temp[data-v-105bdb9e] {
  height: 0;
  width: 136px;
}
.wallet-not-support-web[data-v-105bdb9e] {
  background-color: #C7C7C7;
}
.wallet-not-support-web[data-v-105bdb9e]:hover {
    cursor: default;
}

.add-wallet-dialog[data-v-3fd0108a] {
  background-color: #FFFFFF;
  border-radius: 4px;
}
.add-wallet-dialog .add-wallet-content[data-v-3fd0108a] {
    padding: 24px !important;
    padding-bottom: 0px !important;
}
.add-wallet-dialog .add-wallet-content .name-icon-wallet[data-v-3fd0108a] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-bottom: 16px;
}
.add-wallet-dialog .add-wallet-content .name-icon-wallet .wallet-icon-choose[data-v-3fd0108a] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding-right: 0;
        border-radius: 8px;
        margin-right: 16px;
        padding: 11px 12px 11px 16px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: relative;
}
.add-wallet-dialog .add-wallet-content .name-icon-wallet .wallet-icon-choose[data-v-3fd0108a]:hover {
          cursor: pointer;
          border: 1px solid rgba(0, 0, 0, 0.4);
}
.add-wallet-dialog .add-wallet-content .name-icon-wallet .wallet-icon-choose .icon-choose[data-v-3fd0108a] {
          width: 40px;
          height: 40px;
          margin-right: 10px;
}
.add-wallet-dialog .add-wallet-content .name-icon-wallet .wallet-icon-choose .arrow-down[data-v-3fd0108a] {
          -ms-flex-item-align: center;
              align-self: center;
}
.add-wallet-dialog .add-wallet-content .currency-balance[data-v-3fd0108a] {
      margin-bottom: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.add-wallet-dialog .add-wallet-content .exclude-total[data-v-3fd0108a] {
      padding-top: 13px !important;
      padding-bottom: 20px !important;
      padding-left: 1.5px !important;
}
.add-wallet-dialog .add-wallet-action[data-v-3fd0108a] {
    padding: 24px !important;
    padding-top: 0px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.add-wallet-dialog .add-wallet-action .btn-cancel[data-v-3fd0108a] {
    margin-right: 16px;
}
.not-allow-edit[data-v-3fd0108a] {
  border: 1px dashed rgba(0, 0, 0, 0.12) !important;
}
.not-allow-edit[data-v-3fd0108a]:hover {
    border: none;
    cursor: not-allowed !important;
}
.screen_add_edit[data-v-3fd0108a]:focus {
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
  outline: none;
}

.item[data-v-9166c372] {
  height: 100%;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 12px 9px 16px;
}
.item[data-v-9166c372]:hover {
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.item[data-v-9166c372]:focus {
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
    outline: none;
}
.item .text-title[data-v-9166c372] {
    line-height: 16px;
    color: rgba(0, 0, 0, 0.54) !important;
    margin-bottom: 5px !important;
    position: relative;
    bottom: 1px;
}
.item .wrap-text-icon[data-v-9166c372] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 4px;
    height: 24px;
    position: relative;
}
.item .wrap-text-icon .icon-item[data-v-9166c372] {
      margin-right: 16px;
}
.item .wrap-text-icon .icon-item .currency-icon[data-v-9166c372], .item .wrap-text-icon .icon-item .wallet-icon[data-v-9166c372] {
        width: 24px;
        height: 24px;
        border-radius: 50%;
}
.item .wrap-text-icon .text-input[data-v-9166c372] {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 160px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
}
.item .wrap-text-icon .text-item[data-v-9166c372] {
      color: rgba(0, 0, 0, 0.87);
      line-height: 24px;
}
.item .wrap-text-icon .select-currency[data-v-9166c372] {
      color: #D8D8D8;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
}

.default[data-v-39589b42] {
  color: rgba(0, 0, 0, 0.26) !important;
}
p[data-v-39589b42] {
  margin-bottom: 0px !important;
}
span[data-v-39589b42], p[data-v-39589b42] {
  font-weight: normal;
}
i[data-v-39589b42] {
  text-indent: -99999px;
  border: solid rgba(0, 0, 0, 0.54);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  float: right;
  margin-top: 10px;
}
.disabled[data-v-39589b42] {
  border: 1px dashed rgba(0, 0, 0, 0.12) !important;
}
.disabled[data-v-39589b42]:hover {
    cursor: auto;
}
.search-border[data-v-39589b42] {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 5px 15px;
  height: 64px;
}
.search-border[data-v-39589b42]:hover {
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.search-border[data-v-39589b42]:active {
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.active[data-v-39589b42] {
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.search-border[data-v-39589b42] {
  cursor: pointer;
  cursor: pointer;
  width: 100%;
}
.not-pointer[data-v-39589b42] {
  cursor: text;
}
.flex[data-v-39589b42] {
  padding-bottom: 0 !important;
}
.text-search[data-v-39589b42] {
  font-size: 12px;
  padding-bottom: 3px;
  color: rgba(0, 0, 0, 0.54);
}
.text-input[data-v-39589b42] {
  position: relative;
  bottom: -3px;
  font-size: 17px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 80%;
}
.placehoder[data-v-39589b42] {
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 90%;
}
.div-hoder[data-v-39589b42] {
  padding-bottom: 4px;
}
.div-hoder.no-arrow input[data-v-39589b42] {
    width: 100%;
}
[data-v-39589b42]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
  opacity: 1;
}
[data-v-39589b42]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
  opacity: 1;
}
[data-v-39589b42]::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
  opacity: 1;
}
[data-v-39589b42]::placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
  opacity: 1;
}
[data-v-39589b42]::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
}
[data-v-39589b42]::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.26);
  font-size: 17px;
  font-weight: normal;
}
input[data-v-39589b42] {
  color: rgba(0, 0, 0, 0.87);
  font-size: 17px;
  height: 27px;
  font-weight: normal;
  outline: none;
  margin-bottom: 4px;
  width: 90%;
}
.have-image[data-v-39589b42] {
  margin-bottom: 4px;
}

.share-wallet-dialog[data-v-311d68ba] {
  border-radius: 4px;
}
.header-title[data-v-311d68ba] {
  padding: 20px 24px;
  font-size: 20px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  -webkit-box-shadow: 0 1px 0 0 #E0E0E0;
          box-shadow: 0 1px 0 0 #E0E0E0;
}
button.action-btn[data-v-311d68ba] {
  min-width: 96px;
  padding: 0 20px;
  border-radius: 4px;
}
button.action-btn.done[data-v-311d68ba] {
    margin-left: 16px !important;
}
.share-wallet-action[data-v-311d68ba] {
  padding: 14px 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.input-email[data-v-311d68ba] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-right: 48px;
}
.input-email svg[data-v-311d68ba] {
    margin: 12px 24px 11px;
}
.input-email input[data-v-311d68ba] {
    height: 46px;
    width: 100%;
    padding-top: 1px;
}
.input-email input[data-v-311d68ba]:focus {
      outline: none;
}
.input-email input[data-v-311d68ba]::-webkit-input-placeholder {
      color: #ccc;
}
.input-message[data-v-311d68ba] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  padding-right: 48px;
}
.input-message svg[data-v-311d68ba] {
    margin: 12px 24px 11px;
}
.input-message textarea[data-v-311d68ba] {
    height: 80px;
    width: 100%;
    padding: 13px 0;
}
.input-message textarea[data-v-311d68ba]:focus {
      outline: none;
}
.input-message textarea[data-v-311d68ba]::-webkit-input-placeholder {
      color: #ccc;
}

.v-card[data-v-7839a09f] {
  border-radius: 4px;
}
.content-dialog-delete[data-v-7839a09f] {
  margin: 0;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 24px;
}
hr[data-v-7839a09f]:not(.divider) {
  margin: 0;
  height: 1px;
}
.headline[data-v-7839a09f] {
  height: 64px;
  font-size: 20px !important;
  line-height: 24px !important;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  padding-left: 24px;
}
.delete[data-v-7839a09f] {
  background: #F25A5A !important;
}
.cancel[data-v-7839a09f] {
  font-weight: normal;
}
.footer-dialog[data-v-7839a09f] {
  padding: 12px 24px 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-dialog.flex-end[data-v-7839a09f] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
button.reject[data-v-7839a09f] {
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  margin-right: 8px;
}

.description-wrap[data-v-3993a55c] {
  padding: 16px 24px 6px;
}
.wrap-action[data-v-3993a55c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px 0;
}
.wrap-action-btn[data-v-3993a55c] {
    padding: 8px 24px;
    height: 40px;
    border-radius: 4px;
}
.wrap-action-btn[data-v-3993a55c] * {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
}

.description-wrap[data-v-2bb7b0be] {
  padding: 16px 24px 6px;
}
.wrap-action[data-v-2bb7b0be] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px 0;
}
.wrap-action-btn[data-v-2bb7b0be] {
    padding: 8px 24px;
    height: 40px;
    border-radius: 4px;
}
.wrap-action-btn[data-v-2bb7b0be] * {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
}

.have-header[data-v-e8378bfc] {
  margin-top: 128px;
}
.wscontainer[data-v-e8378bfc] {
  margin-bottom: 30px;
}
.no-shared[data-v-e8378bfc] {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  margin-top: 7px;
}
.awaiting-content[data-v-e8378bfc] {
  width: 668px;
  margin: 0 auto;
}
.box-white[data-v-e8378bfc] {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
}
.box-white .wstitle[data-v-e8378bfc] {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 20px;
}
.box-white .wscontent[data-v-e8378bfc] {
    font-size: 14px;
    line-height: 20px;
}
.box-white .actions-button[data-v-e8378bfc] {
    margin-top: 21px;
    text-align: right;
}
.box-white .actions-button button[data-v-e8378bfc] {
      margin: 0;
}

.toolbar2[data-v-5aad964b] {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
}
.title-arrow[data-v-5aad964b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-arrow span.wsbutton[data-v-5aad964b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 48px;
    height: 48px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
}
.title-arrow span.wstitle[data-v-5aad964b] {
    font-size: 20px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: bold;
    margin-left: 20px;
}

.item-awaiting[data-v-e922c320] {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 24px;
  padding: 16px 28px;
}
.item-awaiting[data-v-e922c320]:last-child {
    margin-bottom: 0;
}
.item-awaiting .item-container[data-v-e922c320] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.item-awaiting .item-container .avatar[data-v-e922c320] {
      margin-right: 16px;
}
.item-awaiting .item-container .avatar .image-with[data-v-e922c320] {
        width: 48px;
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-transform: uppercase;
        color: #fff;
        border-radius: 50%;
        font-size: 24px;
        line-height: 28px;
        font-weight: 500;
}
.item-awaiting .item-container .item-content[data-v-e922c320] {
      width: 100%;
}
.item-awaiting .item-container .item-content .item-toolbar[data-v-e922c320] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
}
.item-awaiting .item-container .item-content .item-toolbar .info-owner h4[data-v-e922c320] {
          font-size: 14px;
          line-height: 20px;
          color: rgba(0, 0, 0, 0.87);
          font-weight: 500;
}
.item-awaiting .item-container .item-content .item-toolbar .info-owner span[data-v-e922c320] {
          font-size: 12px;
          line-height: 16px;
          color: rgba(0, 0, 0, 0.54);
}
.item-awaiting .item-container .item-content .item-toolbar .action-button[data-v-e922c320] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
}
.item-awaiting .item-container .item-content .item-toolbar .action-button button[data-v-e922c320] {
            margin: 0;
            border-radius: 4px;
            margin-left: 16px !important;
}
.item-awaiting .item-container .item-content .item-wallet[data-v-e922c320] {
        margin-top: 16px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        padding: 5px 16px 16px;
}
.item-awaiting .item-container .item-content .item-wallet .note[data-v-e922c320] {
          font-size: 14px;
          margin-top: 4px;
          line-height: 20px;
          color: rgba(0, 0, 0, 0.87);
          padding-left: 2px;
}
.item-awaiting .item-container .item-content .item-wallet .info-wallet[data-v-e922c320] {
          margin-top: 11px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
}
.item-awaiting .item-container .item-content .item-wallet .info-wallet img[data-v-e922c320] {
            width: 40px;
}
.item-awaiting .item-container .item-content .item-wallet .info-wallet .wallet-name-amount[data-v-e922c320] {
            margin-left: 16px;
}
.item-awaiting .item-container .item-content .item-wallet .info-wallet .wallet-name-amount h4[data-v-e922c320] {
              font-size: 14px;
              line-height: 20px;
              color: rgba(0, 0, 0, 0.87);
              font-weight: 500;
}
.item-awaiting .item-container .item-content .item-wallet .info-wallet .wallet-name-amount span[data-v-e922c320] {
              font-size: 12px;
              line-height: 16px;
              color: rgba(0, 0, 0, 0.54);
}

.app-mobile[data-v-5c069166] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
.app-mobile .app-mobile-container[data-v-5c069166] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.app-mobile .app-mobile-inner[data-v-5c069166] {
    padding: 30px 8px 10px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.app-mobile svg[data-v-5c069166] {
    max-width: 100%;
}
.text[data-v-5c069166] {
  margin-top: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  line-height: 24px;
}
.download[data-v-5c069166] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  padding-bottom: 50px;
}
.download a[data-v-5c069166] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 50%;
}
.download a.link-ios[data-v-5c069166] {
      padding: 12px 20px 13px;
}
.download a img[data-v-5c069166] {
      width: 214px;
      max-width: 100%;
}
.download a svg[data-v-5c069166] {
      width: 170px;
      height: 57px;
}

.header-right[data-v-00d881c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 99999;
  padding-right: 16px;
}
.header-right .choose-wallet[data-v-00d881c2] {
    height: 48px;
    width: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.header-right .choose-wallet[data-v-00d881c2]:hover {
      cursor: pointer;
}
.header-right .choose-wallet .wallet-default[data-v-00d881c2] {
      height: 32px;
      width: 32px;
      -ms-flex-item-align: center;
          align-self: center;
}
.header-right .choose-wallet .arrow-down[data-v-00d881c2] {
      content: "";
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid rgba(40, 39, 39, 0.87);
      margin-left: 0px;
      vertical-align: 2px;
      position: relative;
      right: 3px;
      font-size: 25px;
      display: inline-block;
      -ms-flex-item-align: center;
          align-self: center;
}
.add-category[data-v-00d881c2] {
  margin-left: 32px !important;
}
.list-box[data-v-00d881c2] {
  padding: 0;
  width: 240px;
  position: relative;
}
.list-box .list-wallet[data-v-00d881c2] {
    height: 70vh !important;
    max-height: 70vh !important;
}
.list-category .category-type-title[data-v-00d881c2] {
  line-height: 16px;
  color: rgba(0, 0, 0, 0.54);
  padding: 11.5px 16px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.list-category .categories[data-v-00d881c2] {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF;
}
.list-category .categories .child-category-wrap[data-v-00d881c2] {
    margin-left: 18px !important;
}
.detail-category-container[data-v-00d881c2] {
  height: 100%;
  overflow: hidden;
}
.detail-category-container .catgory-detail[data-v-00d881c2] {
    margin: 24px 45px 33px 0;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 8.333%;
}
.detail-category-container .catgory-detail .category-icon[data-v-00d881c2] {
      height: 56px;
      width: 56px;
      margin-right: 34px;
}
.detail-category-container .catgory-detail .category-content[data-v-00d881c2] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.detail-category-container .catgory-detail .category-content .name-category[data-v-00d881c2] {
        color: rgba(0, 0, 0, 0.87);
        line-height: 32px;
        font-size: 24px;
        margin-top: 4px;
        margin-bottom: 1px;
}
.detail-category-container .catgory-detail .category-content .name-wallet[data-v-00d881c2] {
        line-height: 20px;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.87);
        margin-bottom: 3px;
}
.detail-category-container .catgory-detail .category-content .type-category[data-v-00d881c2] {
        border-radius: 12px;
        color: rgba(255, 255, 255, 0.87);
        line-height: 16px;
        font-weight: bold;
        font-size: 10px;
        height: 16px;
        padding: 0 11px;
        width: auto;
        -ms-flex-item-align: start;
            align-self: flex-start;
        text-transform: uppercase;
}
.detail-category-container .catgory-detail .category-content .income-type[data-v-00d881c2] {
        background-color: #22a1d3;
}
.detail-category-container .catgory-detail .category-content .expense-type[data-v-00d881c2] {
        background-color: #f25a5a;
}
.detail-category-container .catgory-detail .category-content .debt-loan-type[data-v-00d881c2] {
        background-color: #efc84a;
}
.detail-category-container .merge-category[data-v-00d881c2] {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    padding: 13px 16px;
    text-align: center;
}
.detail-category-container .merge-category[data-v-00d881c2]:hover {
      cursor: pointer;
      background-color: rgba(45, 184, 76, 0.08);
}
.detail-category-container .merge-category[data-v-00d881c2]:focus {
      background-color: rgba(45, 184, 76, 0.08);
      outline: none !important;
}
.detail-category-container .merge-category .merge-text[data-v-00d881c2] {
      color: #2DB84C;
}

.main-app-container .page-header[data-v-e57af2b6] {
  background-color: #FFFFFF;
  position: fixed;
  width: 100%;
  z-index: 2;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
  padding-top: 8px;
  padding-bottom: 8px;
}
.main-app-container .page-header .wrap-header[data-v-e57af2b6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.main-app-container .page-header .wrap-header .wrap-header-titlte[data-v-e57af2b6] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.main-app-container .page-header .wrap-header .wrap-header-titlte .wrap-back-title[data-v-e57af2b6] {
        -ms-flex-item-align: center;
            align-self: center;
}
.main-app-container .page-header .wrap-header .wrap-header-titlte .wrap-back-title .title-header > span[data-v-e57af2b6] {
          font-size: 20px;
          color: rgba(0, 0, 0, 0.87);
          font-weight: bold;
}
.main-app-container .page-header .wrap-header .wrap-header-titlte .wrap-back[data-v-e57af2b6] {
        margin-right: 20px;
        -ms-flex-item-align: center;
            align-self: center;
        text-align: center;
}
.main-app-container .page-header .wrap-header .btn-add-wallet[data-v-e57af2b6] {
      background-color: #1AA333 !important;
      margin: 0 !important;
      padding: 0 !important;
      height: auto !important;
      border-radius: 4px;
      -webkit-box-shadow: none;
              box-shadow: none;
      min-width: 120px;
}
.main-app-container .page-header .wrap-header .btn-add-wallet[data-v-e57af2b6]:hover {
        opacity: 0.7;
}
.main-app-container .page-header .wrap-header .btn-add-wallet .text-btn[data-v-e57af2b6] {
        line-height: 16px;
        color: #FFFFFF;
        padding: 8px 12px !important;
}
.main-app-container .wscontainer[data-v-e57af2b6] {
  margin: 0 auto !important;
}
.main-app-container #master-container[data-v-e57af2b6] {
  background-color: #F4F4F4;
  border-radius: 4px;
}
.main-app-container .master-detail-container[data-v-e57af2b6] {
  margin: 0 !important;
  padding-top: 96px !important;
}
.item-detail[data-v-e57af2b6] {
  margin-left: 12px;
  border-radius: 4px;
}
.item-detail .item-detail-header[data-v-e57af2b6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
    height: 64px;
}
.item-detail .item-detail-header .wrap-title[data-v-e57af2b6] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-left: 24px;
}
.item-detail .item-detail-header .wrap-title .wrap-button-close[data-v-e57af2b6] {
        margin-right: 16px;
        text-align: center;
        -ms-flex-item-align: center;
            align-self: center;
}
.item-detail .item-detail-header .detail-back-list-item[data-v-e57af2b6] {
      -ms-flex-item-align: center;
          align-self: center;
}
.item-detail .item-detail-header .detail-back-list-item .detail-title[data-v-e57af2b6] {
        line-height: 24px;
        color: rgba(0, 0, 0, 0.87);
}
.item-detail .item-detail-header .wrap-btn-detail[data-v-e57af2b6] {
      margin-right: 21px;
}
.item-detail .item-detail-header .wrap-btn-detail .wrap-btn[data-v-e57af2b6] {
        margin: 0 !important;
        padding: 0 !important;
}
.item-detail .item-detail-header .wrap-btn-detail .wrap-btn[data-v-e57af2b6]:hover {
          opacity: 0.8;
          border-radius: 4px;
}
.item-detail .item-detail-header .wrap-btn-detail .delete[data-v-e57af2b6] {
        color: #F25A5A !important;
}
.item-detail .item-detail-header .wrap-btn-detail .icon-delete[data-v-e57af2b6], .item-detail .item-detail-header .wrap-btn-detail .icon-edit[data-v-e57af2b6] {
        width: 36px;
        margin-right: 8px;
}
.item-detail .item-detail-header .wrap-btn-detail .icon-delete[data-v-e57af2b6]:hover, .item-detail .item-detail-header .wrap-btn-detail .icon-edit[data-v-e57af2b6]:hover {
          cursor: pointer;
}
.item-detail .item-detail-content .detail-icon[data-v-e57af2b6] {
    height: 56px;
    width: 56px;
    margin-right: 34px;
}
.item-detail .item-detail-content .content[data-v-e57af2b6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.item-detail .item-detail-content .content .wallet-name[data-v-e57af2b6] {
      line-height: 32px;
      color: rgba(0, 0, 0, 0.87);
}
.item-detail .item-detail-content .content .currency-name[data-v-e57af2b6] {
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
}
.detail-container[data-v-e57af2b6] {
  background: #fff;
}
.loading[data-v-e57af2b6] {
  height: 100vh !important;
}

.category-parent[data-v-5d27e9cd] {
  position: relative;
}
.category-parent[data-v-5d27e9cd]:hover {
    cursor: pointer;
    background-color: rgba(45, 184, 76, 0.08);
}
.category-parent[data-v-5d27e9cd]:focus {
    background-color: rgba(45, 184, 76, 0.08);
    outline: none !important;
}
.category-parent .item-actived[data-v-5d27e9cd] {
    margin: 1px 0;
}
.category-parent .category-item[data-v-5d27e9cd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 8px 16px;
}
.category-parent .category-item .category-icon[data-v-5d27e9cd] {
      height: 40px;
      width: 40px;
}
.category-parent .category-item .category-name[data-v-5d27e9cd] {
      font-size: 14px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.87);
      padding: 9px 0 11px 16px;
}
.category-parent .category-item .wallet-icon[data-v-5d27e9cd] {
      color: white;
      background-color: white;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 8px;
      border-radius: 50%;
      height: 16px;
      width: 16px;
      position: absolute;
      left: 40px;
      top: 40px;
      z-index: 1;
}
.actived[data-v-5d27e9cd] {
  background-color: rgba(45, 184, 76, 0.08);
}

.child-category-wrap .child-category-item[data-v-52264969] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-left: 2px rgba(0, 0, 0, 0.12) dotted;
  margin-top: 1px;
}
.child-category-wrap .child-category-item[data-v-52264969]:focus {
    background-color: rgba(45, 184, 76, 0.08);
    outline: none !important;
}
.child-category-wrap .child-category-item .item-actived[data-v-52264969] {
    margin-top: 0;
}
.child-category-wrap .child-category-item .line-dotted-in[data-v-52264969] {
    width: 10px;
    border-bottom: 2px rgba(0, 0, 0, 0.12) dotted;
    position: relative;
    bottom: 31px;
    left: 2px;
    margin-right: 3px;
}
.child-category-wrap .child-category-item .line-dotted-last-item[data-v-52264969] {
    border-left: 2px rgba(0, 0, 0, 0.12) dotted;
    border-bottom: 2px rgba(0, 0, 0, 0.12) dotted;
    height: 25px;
    position: relative;
    left: 0;
    top: 1px;
    width: 14px;
    margin-right: 1px;
}
.child-category-wrap .child-category-item .child-category-container[data-v-52264969] {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.child-category-wrap .child-category-item .child-category-container[data-v-52264969]:hover {
      cursor: pointer;
      background-color: rgba(45, 184, 76, 0.08);
}
.child-category-wrap .child-category-item .child-category-container .detail-child-category[data-v-52264969] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 8px 0px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
}
.child-category-wrap .child-category-item .child-category-container .detail-child-category .category-name[data-v-52264969] {
        font-size: 14px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.87);
        padding: 9px 0 11px 16px;
}
.child-category-wrap .last-item-child[data-v-52264969] {
  border-left: none;
  margin-bottom: 1px;
}
.child-category-wrap .child-category-icon[data-v-52264969] {
  height: 32px;
  width: 32px;
}
.child-category-wrap .wallet-icon[data-v-52264969] {
  color: white;
  background-color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 8px;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: absolute;
  left: 17px;
  top: 33px;
  z-index: 1;
}
.actived[data-v-52264969] {
  background-color: rgba(45, 184, 76, 0.08);
}
.actived[data-v-52264969]:hover {
    background-color: none;
}

.choose-income-expense[data-v-2ced6dcc] {
  height: 24px;
  padding: 16px 0 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
}
.choose-income-expense .choose-item[data-v-2ced6dcc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    width: 136px;
    margin-right: 35px;
}
.choose-income-expense .choose-item[data-v-2ced6dcc]:hover {
      cursor: pointer;
}
.choose-income-expense .choose-item[data-v-2ced6dcc]:focus {
      outline: none;
      border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.choose-income-expense .choose-item .type-text[data-v-2ced6dcc] {
      line-height: 20px;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.87);
      margin-left: 19px;
}
.name-icon-category[data-v-2ced6dcc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 16px;
}
.name-icon-category .wrap-icon[data-v-2ced6dcc]:focus {
    border-radius: 8px;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.name-icon-category .category-input[data-v-2ced6dcc] {
    margin-left: 10px;
}
.name-icon-category .category-input[data-v-2ced6dcc]:hover {
      cursor: default;
}
.wallet-category-parent[data-v-2ced6dcc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 24px;
}
.wallet-category-parent .choose-wallet[data-v-2ced6dcc] {
    margin-right: 16px;
}
.wallet-category-parent .choose-wallet[data-v-2ced6dcc]:focus {
      border-radius: 8px;
      outline: none;
      border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.footer-dialog[data-v-2ced6dcc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
.footer-dialog .btn-cancel[data-v-2ced6dcc] {
    margin-right: 16px;
}
.hidden-option[data-v-2ced6dcc] {
  display: none !important;
}

.wrap-select-icon[data-v-0935cc0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-right: 0;
  border-radius: 8px;
  padding: 11px 12px 11px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 104px;
}
.wrap-select-icon[data-v-0935cc0d]:hover {
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.wrap-select-icon[data-v-0935cc0d]:focus {
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.wrap-select-icon .icon-choose[data-v-0935cc0d] {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.wrap-select-icon .arrow-down[data-v-0935cc0d] {
    -ms-flex-item-align: center;
        align-self: center;
}

.category-parent[data-v-114979c8] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.category-parent .item-view-category[data-v-114979c8] {
    height: 100%;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 8px 12px 9px 16px;
    position: relative;
}
.category-parent .item-view-category[data-v-114979c8]:hover {
      cursor: pointer;
      border: 1px solid rgba(0, 0, 0, 0.4);
}
.category-parent .item-view-category[data-v-114979c8]:focus {
      outline: none;
      border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.category-parent .item-view-category .text-title[data-v-114979c8] {
      line-height: 16px;
      margin-bottom: 5px !important;
      color: rgba(0, 0, 0, 0.54) !important;
}
.category-parent .item-view-category .wrap-text-icon[data-v-114979c8] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      position: relative;
      height: 24px;
}
.category-parent .item-view-category .wrap-text-icon .icon-item[data-v-114979c8] {
        margin-right: 16px;
}
.category-parent .item-view-category .wrap-text-icon .icon-item .icon-parent-default[data-v-114979c8] {
          opacity: 0.54;
}
.category-parent .item-view-category .wrap-text-icon .icon-item .wallet-icon[data-v-114979c8] {
          width: 24px;
          height: 24px;
          border-radius: 50%;
}
.category-parent .item-view-category .wrap-text-icon .text-item[data-v-114979c8] {
        color: rgba(0, 0, 0, 0.87);
        line-height: 24px;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100px;
}
.category-parent .not-select-wallet[data-v-114979c8] {
    border: 1px dashed rgba(0, 0, 0, 0.12);
}
.category-parent .not-select-wallet[data-v-114979c8]:hover {
      border: 1px dashed rgba(0, 0, 0, 0.12);
      cursor: default;
}
.no-category[data-v-114979c8] {
  color: rgba(0, 0, 0, 0.26) !important;
}

.category-item[data-v-62f389ed] {
  height: 100%;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px 12px 9px 16px;
  position: relative;
}
.category-item .text-title[data-v-62f389ed] {
    line-height: 16px;
    margin-bottom: 5px !important;
    color: rgba(0, 0, 0, 0.54) !important;
}
.category-item .wrap-text-icon[data-v-62f389ed] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    height: 24px;
}
.category-item .wrap-text-icon .icon-item[data-v-62f389ed] {
      margin-right: 16px;
}
.category-item .wrap-text-icon .icon-item .category-icon[data-v-62f389ed] {
        width: 24px;
        height: 24px;
        border-radius: 50%;
}
.category-item .wrap-text-icon .text-item[data-v-62f389ed] {
      color: rgba(0, 0, 0, 0.87);
      line-height: 24px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
}
.category-detail[data-v-62f389ed] {
  margin: 24px 0;
}
.category-merge[data-v-62f389ed] {
  margin-bottom: 8px;
}
.category-merge[data-v-62f389ed]:hover {
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.4);
}
.category-merge[data-v-62f389ed]:focus {
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
    outline: none;
}
.no-category[data-v-62f389ed] {
  color: rgba(0, 0, 0, 0.26) !important;
}
.info-merge[data-v-62f389ed] {
  height: 24px;
  margin-bottom: 22px;
}
.info-merge .info-merge-text[data-v-62f389ed] {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    line-height: 16px;
}
.footer-dialog[data-v-62f389ed] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
.footer-dialog .btn-cancel[data-v-62f389ed] {
    margin-right: 16px;
}

.description-wrap[data-v-6dc5d357] {
  padding: 17px 0 27px 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 20px;
}
.transaction-group[data-v-6dc5d357] {
  padding: 0 14px;
  height: 100%;
}
.footer-dialog[data-v-6dc5d357] {
  height: 100%;
}
.footer-dialog .no-transaction[data-v-6dc5d357] {
    padding: 14px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.footer-dialog .no-transaction .delete[data-v-6dc5d357] {
      background: #F25A5A !important;
      margin-left: 16px !important;
}
.choose-action[data-v-6dc5d357] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 0;
}
.choose-action .merge-category[data-v-6dc5d357] {
    width: 256px;
}
.choose-action .delete-category[data-v-6dc5d357] {
    background-color: #F25A5A !important;
    margin: 12px 0 !important;
}
.wrap-loading-data[data-v-6dc5d357] {
  height: 264px !important;
  background: #fff;
}

.btn-new-action[data-v-3603f346] {
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #1AA333 !important;
  min-width: auto;
  height: 32px;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 4px;
  -ms-flex-item-align: center;
      align-self: center;
}

.dialog-del-transaction-related-wallet .description-wrap[data-v-1149b4aa] {
  padding-top: 17px;
  padding-bottom: 7px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 20px;
}
.dialog-del-transaction-related-wallet .scroll-wrap[data-v-1149b4aa] {
  height: 30vh !important;
  max-height: 39.1vh !important;
  min-height: 260px !important;
  padding: 0 !important;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group[data-v-1149b4aa] {
    padding: 0 14px;
    height: 100%;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item[data-v-1149b4aa] {
      margin: 0 16px;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction[data-v-1149b4aa] {
        height: 72px;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction[data-v-1149b4aa] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          padding: 16px 0;
          position: relative;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .category-icon[data-v-1149b4aa] {
            height: 40px;
            width: 40px;
            margin-right: 16px;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .wallet-icon[data-v-1149b4aa] {
            color: white;
            background-color: white;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            font-size: 8px;
            border-radius: 50%;
            height: 16px;
            width: 16px;
            position: absolute;
            left: 25px;
            top: 40px;
            z-index: 1;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .category-note[data-v-1149b4aa] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .category-note .name-category[data-v-1149b4aa] {
              color: rgba(0, 0, 0, 0.87);
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              margin-top: 1px;
              margin-bottom: 3px;
}
.dialog-del-transaction-related-wallet .scroll-wrap .transaction-group .transaction-wrap .wrap-item .item-transaction .wrap-transaction .category-note .note[data-v-1149b4aa] {
              line-height: 16px;
              font-size: 12px;
              color: rgba(0, 0, 0, 0.54);
}
.dialog-del-transaction-related-wallet .footer-dialog[data-v-1149b4aa] {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  height: 100%;
}
.dialog-del-transaction-related-wallet .footer-dialog .confirm[data-v-1149b4aa] {
    margin: 18px 24px 5px 24px;
    line-height: 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
}
.dialog-del-transaction-related-wallet .footer-dialog .choose-action[data-v-1149b4aa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 14px 0;
}
.dialog-del-transaction-related-wallet .footer-dialog .choose-action .delete-transaction[data-v-1149b4aa] {
      background-color: #F25A5A !important;
      margin-bottom: 12px !important;
}
.dialog-del-transaction-related-wallet .footer-dialog .choose-action .cancel-delete-transaction[data-v-1149b4aa] {
      color: #2DB84C;
}
.wrap-loading-data[data-v-1149b4aa] {
  height: 264px !important;
  background: #fff;
}

.content[data-v-1c08d22c] {
  margin-top: 90px;
}
.page-not-found[data-v-1c08d22c] {
  color: #333333;
  background-color: white;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-radius: 2px;
  z-index: 1;
  width: 576px;
  margin: 0px auto;
  position: relative;
}
.page-not-found .title[data-v-1c08d22c] {
    padding: 16px;
    position: relative;
    font-weight: 400;
}
.page-not-found .title span[data-v-1c08d22c] {
      font-size: 24px;
      color: rgba(51, 51, 51, 0.87);
      display: block;
      line-height: 36px;
}
.page-not-found .subtitle[data-v-1c08d22c] {
    padding: 16px;
    font-size: 14px;
    color: #333333;
}
.page-not-found .div-button[data-v-1c08d22c] {
    padding: 16px;
    position: relative;
    padding: 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.page-not-found .div-button button[data-v-1c08d22c] {
      font-weight: 400;
}
.page-not-found .image img[data-v-1c08d22c] {
    max-width: 100%;
    width: 100%;
}
.div-button span.arrow[data-v-1c08d22c] {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.26);
  margin-left: 6px;
  position: relative;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset!important;
  -webkit-transition: background-color 5000s ease-in-out 0s!important;
  transition: background-color 5000s ease-in-out 0s!important;
}

*{
  margin: 0;
  padding: 0;
}@charset "UTF-8";
body, a, p, span, div, strong, input {
  font-family: 'Roboto', sans-serif;
  font-weight: 400; }
html *, html :after, html :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
html, body {
  overflow-y: hidden !important; }
div.dialog-icon {
  overflow: hidden; }
div.dialog-icon .hide_toolbar_content .toolbar__content {
    display: none; }
.form-container .wallet-name-input input {
  font-size: 34px;
  max-height: 52px !important; }
.form-container .wallet-name-input input::-webkit-input-placeholder, .form-container .wallet-name-input input::-webkit-input-placeholder {
    color: #0000004d !important; }
.form-container .wallet-name-input input::placeholder, .form-container .wallet-name-input input::-webkit-input-placeholder {
    color: #0000004d !important; }
.form-container .wallet-name-input > div:nth-child(2):before {
  background: #0000004d; }
.no-show-error > div:nth-child(2) {
  min-height: 0px; }
.no-show-error > div:nth-child(3) {
  min-height: 0px; }
.application .form-container .wallet-div-input {
  padding-top: 0; }
.application .form-container .wallet-div-input:before {
    border-color: #e0e0e0 !important; }
.select-currency div {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding: 0; }
.select-currency div:before {
    background: transparent !important; }
.form-container .excluded-checkbox.input-group--active {
  color: #2db84c !important; }
.form-container .excluded-checkbox label {
  padding-left: 33px;
  color: #333333 !important; }
.form-container .excluded-checkbox > div:nth-child(2) {
  padding-top: 18px;
  left: 13px;
  padding-bottom: 10px; }
.form-container .excluded-checkbox > div:nth-child(2) i {
    -webkit-transform-origin: center top 0px;
            transform-origin: center top 0px;
    color: #333333; }
.form-container .excluded-checkbox > div:nth-child(2) div {
    top: 0;
    transform: initial;
    -webkit-transform: initial;
    width: 0;
    height: 0; }
.search-header div:before {
  background: #fff !important; }
.search-header div input {
  padding-left: 25px;
  width: 180px;
  color: #fff !important; }
.search-header div input::-webkit-input-placeholder, .search-header div input::-webkit-input-placeholder {
    color: #fff !important; }
.search-header div input::placeholder, .search-header div input::-webkit-input-placeholder {
    color: #fff !important; }
.dialog-custom.dialog--active {
  display: block !important;
  z-index: 999999999; }
div.application.theme--light div.wallet-name-provider input {
  font-size: 24px !important;
  height: 52px;
  padding-top: 16px; }
div.application.theme--light div.wallet-name-provider label {
  font-size: 24px;
  color: #0000004d; }
div.application.theme--light div.wallet-name-provider > div:nth-child(3):before {
  background: #e0e0e0 !important; }
.snack__content {
  height: initial !important;
  max-height: 80px; }
div#money-react .progress-linear .progress-linear__background {
  background: transparent !important; }
html::-webkit-scrollbar,
div:not(.isVBar)::-webkit-scrollbar {
  background: transparent;
  width: 0px;
  position: fixed;
  top: 0;
  left: 0; }
div::-webkit-scrollbar,
aside::-webkit-scrollbar {
  background: transparent;
  width: 6px;
  position: fixed;
  top: 0;
  left: 0; }
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px; }
.input-group.input-group--error label {
  -webkit-animation: initial !important;
          animation: initial !important; }
.chart-container text {
  font: 15px arial;
  text-anchor: middle; }
.chart-container svg {
  padding: 70px 0 70px 0;
  overflow: initial !important; }
.icon-add svg g {
  -webkit-transform: none !important;
          transform: none !important; }
.currency-select div {
  color: #fff !important; }
.currency-select i {
  right: 5px !important;
  border-top-color: #fff !important; }
.header-form-reset span {
  position: relative; }
.header-form-reset span i {
    text-indent: 999999px; }
.header-form-reset span i:before {
      content: "\2714";
      position: absolute;
      right: 6px; }
.tab-budget a {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; }
.header-budget .v-tabs__item--active {
  color: #2DB84C !important; }
.header-budget .v-toolbar__extension {
  padding: 0px; }
.header-budget .v-tabs__slider-wrapper, .header-budget .v-tabs__div {
  width: 30% !important; }
.time-range label {
  color: #333333 !important; }
.date-range .tabs__wrapper {
  margin-right: 0px;
  margin-left: 0px; }
.date-range i {
  display: none; }
.date-range .tabs__container {
  width: 100%; }
.date-range a.v-tabs__item {
  font-size: 14px;
  line-height: 16px;
  opacity: 1;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  padding: 15px 24px;
  outline: none; }
.date-range a.v-tabs__item.v-tabs__item--active {
    color: #2DB84C; }
.date-range .theme--dark {
  background: transparent !important; }
.date-range .accent {
  background-color: #2DB84C !important;
  border-color: #2DB84C !important; }
.app-layout > .overlay {
  z-index: 999;
  position: fixed; }
.container-search-with .v-list__tile {
  height: 48px !important; }
.modal-pl {
  margin-left: 97px !important; }
.page-container.have-header {
  margin-top: 96px; }
.wallet-transaction {
  left: 0px;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12); }
.wallet-transaction.fixed-header {
  width: 100%;
  background: #FFFFFF;
  position: fixed;
  top: 0;
  z-index: 99;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.master {
  width: 400px;
  max-width: 664px !important;
  position: -webkit-sticky;
  position: sticky;
  top: 96px;
  margin-bottom: 30px; }
.master.fixed-top {
    position: -webkit-sticky;
    position: sticky; }
.master #master-container {
    width: 100%; }
.master #master-container.fixed-top {
      position: fixed !important;
      max-width: -webkit-min-content;
      max-width: -moz-min-content;
      max-width: min-content;
      min-width: -webkit-min-content;
      min-width: -moz-min-content;
      min-width: min-content; }
.master-detail-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top; }
.detail {
  margin-bottom: 30px;
  max-width: 952px !important;
  -webkit-transition: opacity .5s, margin .5s, height .5s, -webkit-box-flex .5s;
  transition: opacity .5s, margin .5s, height .5s, -webkit-box-flex .5s;
  transition: opacity .5s, margin .5s, height .5s, flex .5s;
  transition: opacity .5s, margin .5s, height .5s, flex .5s, -webkit-box-flex .5s, -ms-flex .5s;
  position: -webkit-sticky;
  position: sticky;
  top: 96px; }
.detail.width0 {
    width: 0; }
.detail.hide {
    opacity: 0;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 !important;
            flex: 0 !important;
    padding: 0;
    margin: 0;
    pointer-events: none; }
.detail.hide .wsdetail {
      width: 0;
      opacity: 0; }
.detail.fixed-top {
    position: -webkit-sticky;
    position: sticky; }
.detail #detail-container {
    width: 100%; }
.detail #detail-container.fixed-top {
      position: fixed !important; }
.wsdetail {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  width: 100%; }
.main-app-container .master-detail-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -16px;
  padding: 16px 16px 0 16px;
  min-height: 85vh;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
.main-app-container .master-detail-container.end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
#app .wscontainer {
  max-width: 1632px;
  min-width: 640px;
  padding-left: 0;
  width: calc(100% - 124px); }
#app .wscontainer.fullscreen {
    width: 100%;
    padding-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.small-screen {
  width: 100% !important; }
#app .fixed-date-range .wscontainer {
  position: fixed;
  width: calc(100% - 124px);
  margin-right: 16px; }
#app .fixed-date-range .wscontainer.main-wallet {
    position: relative; }
#app .fixed-date-range .wscontainer.no-fixed {
    position: relative; }
#app .fixed-date-range.fixed-header .wscontainer {
  height: 64px; }
@media screen and (max-width: 1010px) {
  .master.xl5.lg5.md5.sm5.xs5 {
    max-width: 364px !important; } }
.wsml.offset-xl1.offset-lg1.offset-xl1 {
  margin-left: 104px; }
@media screen and (max-width: 750px) {
  .header-budget .v-toolbar__content {
    padding-left: 0px; }
  .data-budget h3 {
    font-size: 20px !important; }
  .data-budget .total-amount {
    font-size: 16px !important; }
    .data-budget .total-amount .view-more {
      font-size: 13px !important; } }
@media screen and (max-width: 1010px) {
  .infomation-budget .image-detail {
    margin-right: 16px !important; }
  .master.xl5.lg5.md5.sm5.xs5 {
    width: 100%;
    min-width: 294px; }
  .wsml.offset-xl1.offset-lg1.offset-xl1 {
    margin: 0 auto !important; }
  .offset-xs2 {
    margin-left: 80px !important; }
  div.exclude-report {
    padding-left: 80px !important; }
  #app .wscontainer {
    width: 100%;
    padding: 0 16px; } }
.pointer {
  cursor: pointer; }
.pa.pa-l-6 {
  padding-left: 6px; }
.pa.pa-r-6 {
  padding-right: 6px; }
.pa.pa-l-8 {
  padding-left: 8px; }
.pa.pa-r-8 {
  padding-right: 8px; }
.pa.no-pa-l {
  padding-left: 0; }
.pa.no-pa-r {
  padding-right: 0; }
.ma.ma-l-6 {
  margin-left: 6px; }
.ma.ma-r-6 {
  margin-right: 6px; }
.ma.ma-l-8 {
  margin-left: 8px; }
.ma.ma-r-8 {
  margin-right: 8px; }
.ma.ma-l-24 {
  margin-left: 24px; }
.ma.ma-r-24 {
  margin-right: 24px; }
.ma.no-ma-l {
  margin-left: 0; }
.ma.no-ma-r {
  margin-right: 0; }
.wsshadow {
  -webkit-box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.12); }
.bora4 {
  border-radius: 4px !important; }
div.currency-toolbar {
  position: fixed;
  overflow: hidden;
  top: 48px !important; }
.card-report-category, .text-report-category {
  padding-left: 0 !important;
  padding-right: 0 !important; }
.divider-item-report-category {
  margin-left: 8.33% !important;
  margin-right: 8.33% !important; }
div.wsdialog {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute !important;
  top: 0px;
  left: 0px;
  height: 0px;
  overflow: initial; }
.no-padding {
  padding: 0 !important; }
.no-margin {
  margin: 0 !important; }
div.no-shadow {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
.container.card-report-category {
  padding-bottom: 0px !important; }
@media screen and (max-width: 1208px) {
  .layout-category-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .layout-category-chart .title-expense {
      display: none; }
    .layout-category-chart .total-expense {
      white-space: nowrap; }
    .layout-category-chart .container-chart {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
div.bg-transparent {
  background: transparent !important; }
.main-app-container .detail {
  height: 0; }
.main-app-container.has-detail .detail {
  height: auto; }
.master-detail-container.has-detail .detail {
  height: auto; }
div.wscontainer-search {
  margin-left: 80px;
  margin-bottom: 33px;
  max-width: 1800px;
  min-width: 640px;
  padding: 0 6%;
  -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.09); }
.page-container .header {
  min-width: 640px; }
@media screen and (max-width: 640px) {
  div.wscontainer-search {
    padding: 0 60px; } }
@media screen and (min-width: 1620px) {
  div.wscontainer-search {
    padding: 0 130px; } }
.v-btn--floating .v-btn__content :not(:only-child):last-child {
  opacity: 1 !important; }
.amount-range .v-slider__thumb {
  width: 24px !important;
  height: 24px !important;
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) !important;
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) !important; }
.amount-range .v-slider__track-fill {
  background-color: rgba(0, 0, 0, 0.5) !important;
  height: 4px; }
.amount-range .v-slider__track__container {
  height: 4px; }
.amount-range .v-slider__track {
  height: 4px; }
.v-card {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
button.button-500 div {
  font-weight: 500; }
.bora4 {
  border-radius: 4px !important; }
.wsflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.wsflex.center-horizontal {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.wsflex.center-vertical {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.wsflex.center-horizontal {
    -webkit-box-pack: top;
        -ms-flex-pack: top;
            justify-content: top; }
.wsflex.center-vertical {
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top; }
.hide {
  pointer-events: none; }
.disable-select {
  pointer-events: none; }
@media only screen and (min-width: 600px) {
  .v-tabs__container--fixed-tabs .v-tabs__div, .v-tabs__container--icons-and-text .v-tabs__div {
    min-width: initial !important; } }
div.v-dialog__content {
  display: none; }
div.v-dialog__content.v-dialog__content--active {
    display: block; }
svg {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }
div.wsdialog {
  margin-top: 0;
  margin-bottom: 0; }
.box-transaction .toolbar-group {
  position: -webkit-sticky;
  position: sticky;
  top: 62px;
  background: #fff;
  z-index: 98; }
.card-transaction-dialog .box-transaction .toolbar-group {
    top: 0; }
.toolbar-group-time {
  height: 57px; }
.toolbar-group-category {
  height: 69px; }
.toolbar-group > div {
  width: inherit; }
.area-chart .axix-x text {
  font-size: 12px; }
.dialog-icon-1 .v-toolbar {
  -webkit-box-shadow: none;
          box-shadow: none; }
.dialog-icon-1 .v-toolbar__content {
  display: none; }
.dialog-icon-1 .v-toolbar__extension {
  padding: 0; }
button.v-btn {
  min-width: 0px; }
button.action-btn {
  min-width: 96px;
  padding: 0 20px; }
div.v-dialog--animated {
  -webkit-animation-name: dialog-out;
          animation-name: dialog-out; }
@keyframes dialog-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes dialog-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.input-money-new-layout label {
  color: rgba(0, 0, 0, 0.87) !important; }
.input-money-new-layout input {
  max-width: 88% !important; }
.wrap-menu .v-overlay {
  position: fixed; }
div.v-progress-linear__bar__indeterminate--active .long {
  -webkit-animation: indeterminate;
          animation: indeterminate;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
div.v-progress-linear__bar__indeterminate--active .short {
  -webkit-animation: indeterminate-short;
          animation: indeterminate-short;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
@keyframes indeterminate {
  0% {
    left: -90%;
    right: 100%; }
  60% {
    left: -90%;
    right: 100%; }
  100% {
    left: 100%;
    right: -35%; } }
@-webkit-keyframes indeterminate {
  0% {
    left: -90%;
    right: 100%; }
  60% {
    left: -90%;
    right: 100%; }
  100% {
    left: 100%;
    right: -35%; } }
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }
.placehoder b {
  color: #2BAF2B !important; }
.v-snack__content {
  height: auto !important; }
.list-location a {
  width: 448px;
  margin: 0 auto; }
.list-location a:hover {
    background: none !important; }
.container-search-with a:hover {
  background: none !important; }
div.accent {
  background-color: #2DB84C !important;
  border-color: #2DB84C !important; }
.container-search-with a {
  padding-left: 26px !important;
  padding-right: 0px !important; }
.toolbar-shadow {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09) !important;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09) !important; }
span.item.active path {
  fill: #2DB84C; }
.category-dialog-picker .header-wrap {
  height: auto; }
.currency-dialog-picker .header-wrap {
  height: 64px;
  padding-bottom: 8px !important; }
.wstab {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.wstab .v-tabs__container {
    height: initial; }
.wstab .tab {
    max-width: initial; }
.wstab .tab a {
      font-size: 14px;
      line-height: 16px;
      color: rgba(0, 0, 0, 0.54);
      padding: 8px 24px 10px;
      opacity: 1 !important;
      font-weight: 500; }
.wstab .tab a.v-tabs__item--active {
        color: #2DB84C; }
.tabs-category .tab-item a {
  padding: 0; }
.toolbar-tabs {
  background: transparent !important; }
.toolbar-tabs > div {
    height: initial !important; }
.card-transaction .card-transaction-dialog #master #master-container {
  margin-bottom: 0 !important; }
.close-btn-dialog {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
.disable-arrows .v-tabs__container {
  -webkit-transform: initial !important;
          transform: initial !important; }
.disable-arrows .v-tabs__wrapper--show-arrows {
  margin-left: 0;
  margin-right: 0; }
.amount-range .v-input__control {
  height: 30px;
  margin-bottom: 12px; }
.close-btn-container:hover {
  opacity: 1 !important; }
.close-btn-container:hover svg g {
    fill: #000; }
button.btn-jump-today:hover svg g,
.btn-view-by-time:hover svg g,
.btn-view-by-category:hover svg g,
.btn-search:hover svg g {
  fill: #000; }
.svg-min > g:first-child > g:first-child > g:nth-child(2n),
div.svg-min svg > g > g:first-child > g:nth-child(2n) {
  opacity: 0; }
.text-amount > .mt-0 > div > .v-input__slot {
  height: 25px !important; }
.VueCarousel-slide {
  -ms-flex-negative: 1;
      flex-shrink: 1; }
.VueCarousel-pagination {
  display: none; }
.VueCarousel-navigation .VueCarousel-navigation-prev, .VueCarousel-navigation .VueCarousel-navigation-next {
  width: 48px;
  height: 48px;
  top: 28% !important; }
.VueCarousel-navigation .VueCarousel-navigation-prev:hover i, .VueCarousel-navigation .VueCarousel-navigation-next:hover i {
    border-color: rgba(0, 0, 0, 0.87); }
.VueCarousel-navigation .VueCarousel-navigation-prev i, .VueCarousel-navigation .VueCarousel-navigation-next i {
    text-indent: -99999px;
    border: solid;
    border-color: rgba(0, 0, 0, 0.54);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    float: right;
    margin-top: 10px;
    position: absolute;
    right: 16px;
    top: 8px; }
.VueCarousel-navigation .VueCarousel-navigation-next i {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  right: 20px; }
.VueCarousel-wrapper {
  width: 742px;
  margin: 0 auto; }
.category-page {
  margin-top: 80px !important; }
.input-money-new-layout input {
  color: rgba(0, 0, 0, 0.87) !important; }
.category-dialog-picker .header-wrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important; }
.category-dialog-picker .icon-show-arrow-left {
  margin: 8px 0 !important; }
.category-dialog-picker .search-header {
  margin: 0px !important; }
.dialog-del-transaction-related-wallet .wrap-content {
  padding: 0 10px !important; }
.item-actived {
  background-color: rgba(45, 184, 76, 0.08) !important; }
.tooltipChart {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  text-align: center; }
.tooltipChart span {
    background: #fff;
    padding: 5px 10px;
    color: #867777;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 9px 0px #C7C6C6;
            box-shadow: 0px 0px 9px 0px #C7C6C6; }
.border-color > div > div:before {
  border-color: #e0e0e0!important
}

.wrap-category-2 > div.flex.category-content.xs6.justify-center > div > div.input-group__details,
 div.card__text.card-text-1 > div >  div > div > div > div > div.input-group__details {
  min-height: 7px;
  margin-left: 52px;
}

div.card__text.card-text-2 > div {
  padding-top: 4px;
}

.input-transaction.flex.xs10 > div > div.input-group__details {
   margin-left: 0px;
}

.category-input label {
  color: #333333 !important;
  font-size: 32px;
  overflow: visible !important;
}

.input-transaction > div > div.input-group__details::after {
  width: 96% !important;
}

.input-transaction.flex.xs10 > div > div.input-group__details::before {
  width: 100% !important;
}

.input-transaction.flex.xs10 > div > div.input-group__details::after {
  width: 100% !important;
}

div > div.picker__title__btn.date-picker-title__date.active{
  background-color: #2db84c !important;
}

.category-dialog > div.toolbar__content > div > div.input-group__details::after {
  color:white;
}

nav > div.toolbar__extension > div > div > div > div > div.tabs__slider-wrapper > div {
  background-color: rgb(163, 233, 164);
  height: 4px;
}

nav > div.toolbar__extension > div > div > div > div {
  background-color: #2db84c;
}

div.dialog__content.dialog__content__active > div > div > div > nav > div.toolbar__content {
  height: 56px !important;
}

.income {
  color: #039be5 !important;
}

.expense {
  color: #e51c23 !important;
}

.input-money label,
.input-money input {
  overflow: visible !important;
  font-size: 32px;
  color: #333333 !important;
}

.input-money > div > div > div {
  margin-bottom: 4px;
  min-height: 5px;
}

div.transaction-container > div.transaction-button > button > div > i {
  height: auto !important
}

div.transaction-button > .buttonAdd {
  background-color: rgb(90, 241, 88) !important;
  top: -40px;
  right: 190px;
}

div.transaction-button > .button-add > div > i {
  color: rgba(0, 0, 0, 0.6) !important
}

.category-input > div > div > div > div {
  padding-bottom: 5px;
}

div.event-select > label,
div.wallet-select > label {
  color: #333333 !important ;
}

div.card__text.card-text-1 > div > div > div > div > div.input-group__input > i {
  color: rgba(0,0,0,.54) !important
}

.income label,
.income input {
  color: #039be5 !important;
}

.expense label,
.expense input {
  color: #e51c23 !important;
}

.default label {
   color: #333333 !important;
}

.withF label {
  color: rgba(0, 0, 0, 0.3) !important
}

.note label {
  color: rgba(0, 0, 0, 0.3) !important
}

.snack__content {
  height: initial !important;
  max-height: 80px;
}

.mockup > div.input-group__input > div.input-group__selections {
  cursor: not-allowed !important
}

.mockup > div > div.input-group__input > #textMoney {
  cursor: not-allowed !important
}

.time-range i, div.input-i i {
  text-indent: -99999px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0,0,0,.54);
  top: 14px;
  right: 4px;
  vertical-align: 2px;
  position: relative;
  font-size: 24px;
  display: inline-block;
  margin-left: 5px;
  padding: 0px !important;
  overflow: hidden;
}

.time-range .v-input__slot:before {
  border-color: rgba(0,0,0,.16) !important
}

div.input-i i:not(:nth-child(3)) {
  height: 0px;
  top: 4px;
}

.wallet-select i, .event-select i {
  top: 12px !important;
}

.wallet-select i {
  margin-bottom: 22px;
}

.button-add .btn__content :not(:only-child):last-child {
  opacity: 1 !important;
}

div.v-date-picker-header i {
  text-indent: -99999px;
  width: 8px;
  height: 8px;
  border: solid rgba(0,0,0,.82);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}

div.v-date-picker-header button:nth-child(1) i {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

div.v-date-picker-header button:nth-child(3) i {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.event-select i {
  height: 0 !important;
  top: 0 !important;
}

.event-select i {
  right: 0
}

/**Style for area chart**/

.area-chart > svg {
  padding-left: 52px !important;
  padding-top: 15px !important;
  margin-left: 21px;
  overflow: initial;
}

.area-chart > text {
  font-size: 12px
}

.area-chart > svg > g > path.area {
  fill: #96dba5;
}

.area-chart > svg > g > path.area2 {
  fill: #eaf7ed;
}

.area-chart > svg > g > g.axis-x > g > line {
  display: none;
}

.area-chart > svg > g > g:nth-child(4) > g > line {
  display: none;
}

.area-chart > svg > g > g.axis-x > g:not(:nth-child(2)):not(:last-child) > text {
  display: none;
}

.area-chart > svg > g > g.grid > path {
  display: none;
}

.area-chart > svg > g > g.grid > g > line {
  stroke: lightgrey;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}

.area-chart > svg > g > g:nth-child(4) > path {
  display: none;
}

.area-chart > svg > g > g.grid > g > path {
  stroke-width: 0;
}

.area-chart > svg > g > g.grid > g:last-child > line {
  stroke-width: 2px;
  stroke: red !important;
}

.area-chart > svg > g > g:nth-child(5) > path {
  display: none
}

.area-chart > svg > g > g:nth-child(5) > g > line {
  display: none
}

.area-chart > svg > g > g.grid > g:nth-child(2) > line {
  stroke: #2bb3b1 !important;
  stroke-width: 2px;
}

.area-chart > svg > g > path.line1 {
  fill: none;
  stroke: #30b94f;
  stroke-width: 2px;
  stroke-dasharray: 2 3;
}

.area-chart > svg > g > path.line {
  stroke: #30b94f;
  fill: none;
  stroke-width: 2px;
}

.area-chart > svg > g > g:nth-child(5) > g:last-child > text {
  fill: red !important;
}

.area-chart > svg > g > .axis-x g:nth-child(2) {
  font-size: 12px;
  transform: translateX(35px);
  -webkit-transform: translateX(35px);
}

.area-chart > svg > g > .axis-x g:last-child {
  transform: translateX(calc(100% - 25px));
  -webkit-transform: translateX(calc(100% - 25px));
  font-size: 12px;
}

.timeline-chart-category > svg > g > g.axis.axis--x > g > line {
  display: none !important
}

/* .text-uppercase {
  text-transform: uppercase
} */

.text-capitalize {
  text-transform: capitalize
}

/* menu humberger */

.menu-item > a{
  padding-left: 26px;
  padding-right: 0;
  height: 55px;
}

.menu-item > a:hover {
  background: none !important
}

.infinite-status-prompt {
  display: none !important
}

.go-premium-right g {
  -webkit-transform: none !important;
          transform: none !important;
}

.hidden-content {
  display: none
}

.tab-category .v-tabs__bar {
  background-color: #2db84c !important;
}

.wallet-div-input .v-input__slot:before {
  border-color: #e0e0e0 !important
}

.wallet-div-input .v-input__slot:hover {
  border-color: #e0e0e0 !important
}

.go-premium-right g {
  -webkit-transform: none !important;
          transform: none !important;
}

.container-budget-item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.vb > .vb-dragger {
  z-index: 200;
  width: 6px;
  right: 0;
}

.vb > .vb-dragger > .vb-dragger-styler {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotate3d(0,0,0,0);
  transform: rotate3d(0,0,0,0);
  -webkit-transition:
      background-color 100ms ease-out,
      margin 100ms ease-out,
      height 100ms ease-out;
  transition:
      background-color 100ms ease-out,
      margin 100ms ease-out,
      height 100ms ease-out;
  background-color: #ccc;
  border-radius: 20px;
  height: 100%;
  display: block;
}

.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: #ccc;
}

.vb > .vb-dragger:hover > .vb-dragger-styler {
  background-color: #ccc;
  margin: 0px;
  height: 100%;
}

.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
  background-color: #ccc;
  margin: 0px;
  height: 100%;
}

.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: #ccc
}

/* my-wallet */

.input-item > * {
  padding: 0 !important;
}

.input-item > div > * {
  padding: 0 !important;
}

.input-money-new-layout > * {
  padding: 0 !important;
}

.input-money-new-layout > div > * {
  padding: 0 !important;
}

/* tranfer-money */

.transfer-amount > div > *{
  padding-left: 0 !important;
}

.tabs-category .v-tabs__container {
  height: 40px !important;
}

.category-dialog-picker .vb > .vb-dragger {
  right: 8px !important;
}

.currency-dialog-picker .vb > .vb-dragger {
  right: 8px !important
}
.tabs__slider {
  height: 4px;
  background: #87FAA0 !important;
  border-color: #87FAA0 !important; }

.tabs_item_custom {
  height: 100%; }

.menu-user {
  margin-left: -5px;
  position: fixed;
  z-index: 102 !important;
  min-width: inherit !important;
  top: 51px !important;
  left: 4px !important;
  -webkit-transform-origin: left top 0px !important;
          transform-origin: left top 0px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; }

.menu-user .list .custom-list-tile .list__tile {
    padding: 0 27px 0 16px; }

.menu-user .list .custom-list-tile .list__tile .custom-user {
      margin-left: 15px; }

.menu-user .list .divider {
    background-color: #e0e0e0; }

.custom-tooltip-helper {
  width: 60px;
  min-width: 100px;
  right: auto; }

.custom-tooltip {
  z-index: 202 !important; }

.fixed-date-range .date-range {
  -webkit-transition: height 0.2s;
  transition: height 0.2s; }

.fixed-date-range .toolbar-container-fixed {
  z-index: 21 !important; }

.fixed-date-range .toolbar-container-fixed .right-toolbar {
    padding: 16px 0 !important;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
    -webkit-appearance: none; }

.transaction-container .button-add {
  background-color: #5af158 !important;
  top: -44px;
  right: 190px;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
  z-index: 20; }

.fixed-date-range .transaction-container .button-add {
    top: 37px !important; }

#app-body div.v-autocomplete__content .v-list__tile__mask {
  background: #fff;
  color: #000; }

/*# sourceMappingURL=app.62de3658449aca52cc308f62cea829ab.css.map?date=1750232081419*/