.wraper-image-item > fieldset > .fieldset-body {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
.header-home-style .am-not-home-page-header-title {
  outline: none !important;
  border: none !important;
}
.wapper-title-trans-his > fieldset > div{
    display: flex;
    justify-content: space-between;
}
.trans-his-detail-content
  .formio-component-datagrid
  .datagrid-table
  thead
  tr
  th {
  color: var(--white-color) !important;
}
button.btn-view-origin,
button.btn-view-origin:hover,
button.btn-view-origin:focus {
  background-color: var(--color-main) !important;
  color: var(--white-color) !important;
  width: 300px;
  border-radius: 6px !important;
}
.wraper-button-fixed-bottom > fieldset > .fieldset-body {
  justify-content: center !important;
}
.am-bottom-mb {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 77px;
  background-color: #ffffff;
  z-index: 1000;
  border-top: 1px solid #dedede;
  margin-bottom: 0;
}

.am-bottom-mb .ib-bottom-content .ib-bottom-menu {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 9px 15px;
}

.am-bottom-mb .ib-bottom-content .ib-bottom-menu > a,
.am-bottom-mb .ib-bottom-content .ib-bottom-menu > div {
  text-align: center;
  width: calc(100% / 5);
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ib-bottom-feature-menu {
  position: relative;
}

.am-bottom-mb .ib-bottom-content .ib-bottom-menu > div > svg {
  width: 20px;
  height: 20px;
}

.ib-bottom-label-menu {
  color: #667085;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  margin-top: 5px;
  padding-top: 2px;
}

.am-bottom-mb .ib-bottom-content .ib-bottom-menu svg {
  width: 24px !important;
  height: 24px !important;
}

.am-bottom-mb .ib-bottom-content .ib-bottom-menu > div > .svg-active,
.am-bottom-mb .ib-bottom-content .ib-bottom-menu > a > .svg-active {
  display: none;
}

.am-bottom-mb .ib-bottom-content .ib-bottom-menu > div.active > .svg-active,
.am-bottom-mb .ib-bottom-content .ib-bottom-menu > a.active > .svg-active {
  display: inline-block;
}

.am-bottom-mb .ib-bottom-content .ib-bottom-menu > div.active > .svg-unactive,
.am-bottom-mb .ib-bottom-content .ib-bottom-menu > a.active > .svg-unactive {
  display: none;
}

.am-bottom-mb
  .ib-bottom-content
  .ib-bottom-menu
  > div.active
  > .svg-active
  path,
.am-bottom-mb .ib-bottom-content .ib-bottom-menu > a.active > .svg-active path {
  fill: var(--color-menu-ag--active) !important;
}

.ib-bottom-feature-menu .ib-bottom-label-menu {
  /* margin-top: 25px; */
  height: 17px;
}

.ib-bottom-feature-menu-icon {
  background: linear-gradient(to bottom, #265996, #11366f);
  box-shadow: 0px 10px 16px rgba(143, 143, 143, 0.2);
  border-radius: 50%;
  position: absolute;
  top: -70%;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center;
  padding: 15px;
}

.ib-bottom-feature-menu-icon:before {
  content: '';
  width: 45px;
  height: 45px;
  z-index: -1;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.ib-bottom-feature-menu-icon .ib-bottom-feature-menu-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 100;
  width: 40px;
  height: 33px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.wapper-confirm-logout {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wapper-confirm-logout.active {
  z-index: 100000;
  visibility: visible;
}

.comfirm-logout-bottom {
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.comfirm-logout-bottom .comfirm-logout-header {
  width: 90%;
  border-radius: 30px 30px 0px 0px;
  background: var(--color-main);
  padding: 14px 0;
  text-align: center;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 22px;
  color: #ffffff;
}

.comfirm-logout-bottom .comfirm-logout-body > p {
  font-size: 1.15rem;
  line-height: 25px;
  color: var(--color-main);
  text-align: center;
}

.comfirm-logout-bottom .comfirm-logout-body svg {
  margin: 30px 0;
}

.comfirm-logout-bottom .btn-confirm-logout,
.comfirm-logout-bottom .btn-cancel-logout {
  height: 48px !important;
  border-radius: 6px !important;
}

.comfirm-logout-bottom .comfirm-logout-body {
  width: 90%;
  padding: 20px;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 30px 30px;
}

.comfirm-logout-bottom .comfirm-logout-btns {
  display: flex;
  margin-bottom: 30px;
  width: 100%;
  justify-content: space-evenly;
}

.comfirm-logout-bottom .comfirm-logout-btns > button {
  width: 120px;
}

.ib-bottom-feature-menu .ib-bottom-label-menu {
  height: 21px;
}

.favorite-btn-edit.btn-edit-my p {
  /* max-width: 52%; */
  word-wrap: break-word;
  word-break: break-all;
}

.ib-bottom-feature-menu .ib-bottom-label-menu {
  height: 15px;
}

.balance-detail {
  text-align: right;
  font-size: 0.8125rem;
  font-style: italic;
  margin-bottom: 0;
}

.wrapper-menu-search {
  display: none;
  flex-direction: column;
  gap: 20px;
  font-size: 0.875rem;
  line-height: 22px;
  padding: 16px;
  padding-bottom: 18px;
  max-height: 300px;
  overflow-y: auto;
}

@media (min-width: 1025px) {
  .page-ppagentcash .wapper-default-agent {
    padding: 112px 0px 0px !important;
  }
  .page-ppagentcash .wapper-default-agent > fieldset > .fieldset-body {
    display: flex;
    gap: 0 24px;
    height: 100%;
    margin-top: 15px;
    /* max-height: 450px; */
  }
  .page-ppagentcash
    .wapper-default-agent
    > fieldset
    > .fieldset-body
    > div:first-child {
    min-width: calc(100% * 2 / 5);
    width: 100%;
    padding: 20px 16px;
    background-color: var(--white-color, #fff);
    border-radius: 16px;
    margin-top: 16px;
  }
  .page-ppagentcash
    .wapper-default-agent
    > fieldset
    > .fieldset-body
    > div:nth-child(2) {
    min-width: calc(100% * 3 / 5);
    width: 100%;
  }
  .page-ppagentcash
    .wapper-default-agent
    > fieldset
    > .fieldset-body
    > div:first-child
    > fieldset {
    margin-top: 16px;
  }
  .page-ppagentcash .cash-flow-chart {
    width: 100%;
    position: relative;
  }
  .page-ppagentcash .cash-flow-chart > canvas {
    width: 100% !important;
    height: 100% !important;
  }
  .page-ppagentcash .cash-border {
    padding: 0 !important;
  }
  .page-ppagentcash .cash-border {
    margin-bottom: 20px;
  }
  .page-ppagentcash .ac-cash-limit-amount {
    margin: 16px 0;
  }
  /* Crop image */
  .wraper-custom-crop-upload .formio-component-file > div img,
  .wraper-custom-crop-upload > fieldset > div div > div span i,
  .wraper-custom-crop-upload .formio-component-file:has(img) {
    display: none !important;
  }
  .wapper-upload-nrc img {
    width: 100% !important;
  }
  .btn-crop-cancel {
    background-color: #fff;
    color: #212529 !important;
  }
  .crop-image-container .waper-button {
    width: 50%;
    margin: 0 auto;
  }
  .reactEasyCrop_Contain {
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
  }
  /* End */

  .header-no-login {
    display: none;
  }
  /* pp chart  */
  /* .transactions-chart-wraper {
    height: 300px;
  } */
  .custom-wapper-data.custom-wrapper-data-mag {
    min-height: 425px;
  }
  .transactions-chart-wraper {
    position: relative;
    width: 100% !important;
    height: 335px !important;
  }
  /* .transactions-chart-wraper > canvas.transactions-chart-mag,
  .transactions-chart-wraper > canvas.transactions-chart{
    width: 100% !important;
  } */
      .transactions-chart-wraper>canvas.transactions-chart {
        max-height: 236px !important;
    }

    .transactions-chart-wraper>canvas.transactions-chart-mag {
        max-height: 335px !important;
    }
  /* .transactions-chart-wraper {
      width: 100%;
      height: 40vh;
  } */
  /* end pp chart  */
  .qr-code-item-bottom {
    max-width: 70%;
  }
  .wrapper-btn-link-qr {
    max-width: 100%;
  }
  .wapper-header-card .wapper-swiper:before {
    display: none;
  }
  /* pp search */
  .wrapper-data-search {
    position: absolute;
    background-color: var(--white-color);
    width: 400px;
    top: 56px;
    border-radius: 4px;
    box-shadow: 0px 12px 16px -4px #10182814;
  }
  .wrapper-menu-search.active {
    display: flex;
  }

  .wrapper-menu-search a {
    color: var(--gray-900);
    text-decoration: unset;
  }
  /* end search */
  .wapper-button-top {
    right: calc((100vw - 991) / 2 + 20px) !important;
  }
  .ib-accordion-waper,
  .main-content {
    max-width: 991px;
    margin: 0px calc((100vw - 991px) / 2);
  }

  .swiper-horizontal.swiper-css-mode > .swiper-wrapper:before {
    display: none;
  }
  .wraper-choose-CustomerType .disable,
  .wrapper-cbb-custom-nic .disable {
    background-color: #e9ecef;
    opacity: 1;
  }

  .custom-type-nrc > div .wraper-CustomerType-container .wraper-set-nrc {
    flex-wrap: wrap;
  }

  .custom-type-nrc
    > div
    .wraper-CustomerType-container
    .wraper-choose-CustomerType
    > span,
  .custom-type-nrc > div .wraper-CustomerType-container .wraper-set-nrc > span,
  .custom-type-nrc > div .wraper-input-license-number > span {
    width: 120px;
    margin-right: 10px;
  }

  .custom-type-nrc
    > div
    .wraper-CustomerType-container
    .wraper-set-nrc
    .wrapper-cbb-custom-nic
    .custom-input-number {
    margin-top: 0 !important;
  }

  .custom-type-nrc
    > div
    .wraper-CustomerType-container
    .wraper-choose-CustomerType
    .formio-custom-select,
  .custom-type-nrc
    > div
    .wraper-CustomerType-container
    .wraper-set-nrc
    .wrapper-cbb-custom-nic,
  .custom-type-nrc > div .wraper-input-license-number .form-control {
    flex: 1;
    height: 48px;
    box-shadow: none;
    border-radius: 8px;
    width: 100%;
  }

  .custom-type-nrc .field-required:after {
    content: '';
  }

  .custom-type-nrc
    > div
    .wraper-CustomerType-container
    .wraper-choose-CustomerType
    > span::after {
    /* content: '*';
        color: red; */
  }

  .custom-type-nrc
    > div
    .wraper-CustomerType-container
    .wraper-choose-CustomerType
    .select-selected
    span {
    font-size: 14px;
    padding-left: 12px;
  }

  /* End NRC */

  .wraper-role-checkbox > fieldset > .fieldset-body {
    display: flex;
    gap: 35px;
  }

  .pp-logo-success {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 110px;
    height: 110px;
  }

  .wraper-logo-suceess > fieldset > .fieldset-body {
    background-color: #fff;
    padding: 48px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .card {
    overflow-x: auto;
  }

  .image-kyc-ctm {
    max-width: 150px;
  }

  /* Button choose Image */

  .img-view {
    width: auto;
    object-fit: contain;
    max-width: 75%;
    max-height: 75%;
    display: block;
    margin: 10px auto;
  }

  .custom-popup-img .img-view,
  .popup-img-location .img-view {
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
  }

  .popup-img > fieldset > div {
    position: relative;
    margin: auto;
    background: #ffff;
    max-width: 75%;
    max-height: 75%;
    border-radius: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 30px;
  }

  .popup-img-location > fieldset > div {
    position: relative;
    margin: auto;
    background: #ffff;
    max-width: 75%;
    max-height: 75%;
    border-radius: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 30px;
  }

  .custom-popup-img > fieldset > div,
  .popup-img-location > fieldset > div {
    width: 50%;
    height: 100%;
  }

  .image-location-photo-popup > img {
    width: 100%;
  }

  .button-close-img {
    background-color: transparent !important;
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 16px;
    border: none;
    padding: 0;
    font-size: 1.5rem;
    transition: none;
    color: #000;
  }

  .button-close-img:focus {
    border: none;
    outline: none;
    border-color: unset;
  }

  .button-close-img:hover,
  .button-close-img:active,
  .button-close-img:focus {
    background-color: transparent !important;
    border: none;
    outline: none;
    transition: none;
  }

  .detail-customer div div {
    margin-bottom: 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* End Button choose Image */
  .action-page-button-wapper > fieldset > .fieldset-body {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
  }

  .swal-footer {
    display: flex;
    justify-content: center;
    gap: 12px;
  }

  .wraper-checkbox-roles .form-radio > .form-check-inline {
    margin-bottom: 10px;
  }
  .wraper-checkbox-roles .form-check-label {
    display: flex;
    align-items: center;
  }

  /* CSS for Grid */
  .formio-component-datagrid .datagrid-table thead tr th {
    text-align: left !important;
  }
  .trans-his-detail-content
    .formio-component-datagrid
    .datagrid-table
    thead
    tr
    th {
    text-align: center !important;
  }

  .table-bordered td,
  .table-bordered th {
    border: none !important;
  }

  .datagrid-table thead tr {
    background-color: #ecedf0 !important;
  }

  .datagrid-table thead tr th {
    color: #667085 !important;
    font-weight: 500;
  }

  .table > :not(:first-child) {
    border-top: 1px solid;
  }

  table.dataTable tbody tr {
    border-color: #e9ebec;
  }

  .datagrid-table p {
    font-weight: 500;
    font-size: 14px;
    color: #252c32;
  }

  .table a {
    color: #4a93e8;
    text-decoration: none;
  }

  .table a:hover {
    color: #1b67bf;
    text-decoration: none;
  }

  .text-row-inactive {
    color: var(--black-500) !important;
    font-weight: 400 !important;
  }

  .ib-grid .grid-empty:first-child,
  .page-account-detail .account-detail-tran-grid .grid-empty:first-child {
    width: 100%;
    /* height: 200px; */
    border: 1px solid #cccc;
  }

  .ib-grid .grid-empty:first-child td,
  .page-account-detail .account-detail-tran-grid .grid-empty:first-child td {
    text-align: center;
  }

  .ib-grid .grid-empty:first-child td img,
  .page-account-detail
    .account-detail-tran-grid
    .grid-empty:first-child
    td
    img {
    margin-top: 30px;
  }

  .grid-empty .image-empty {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 95px;
    height: 75px;
    margin: 30px auto 0;
  }

  .ib-grid .grid-empty:first-child,
  .page-account-detail .account-detail-tran-grid .grid-empty:first-child {
    background-color: transparent;
    width: 100%;
    height: auto;
  }

  .grid-empty .image-empty {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2295%22%20height%3D%2276%22%20viewBox%3D%220%200%2095%2076%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M49.1939%2012.6667H91.8333C93.5821%2012.6667%2095%2014.0846%2095%2015.8333V72.8333C95%2074.5821%2093.5821%2076%2091.8333%2076H3.16667C1.41789%2076%200%2074.5821%200%2072.8333V3.16667C0%201.41789%201.41789%200%203.16667%200H33.567C34.3818%200.00231935%2035.1642%200.318522%2035.7518%200.883667L46.5591%2011.2573C47.1467%2012.1379%2048.1355%2012.6667%2049.1939%2012.6667ZM31.8641%2028.6971C33.0856%2027.4756%2035.0601%2027.4586%2036.3033%2028.6585L47.5003%2039.8554L58.6973%2028.6585C59.4928%2027.8351%2060.6702%2027.505%2061.7773%2027.7949C62.8844%2028.0848%2063.7488%2028.9492%2064.0387%2030.0562C64.3286%2031.1633%2063.9985%2032.3408%2063.1751%2033.1363L51.9781%2044.3333L63.1751%2055.5303C63.9985%2056.3258%2064.3286%2057.5033%2064.0387%2058.6104C63.7488%2059.7175%2062.8844%2060.5818%2061.7773%2061.117C60.6702%2061.1616%2059.4928%2060.8315%2058.6973%2060.0082L47.5003%2048.8112L36.3033%2060.0082C35.5078%2060.8315%2034.3303%2061.1616%2033.2232%2061.117C32.1161%2060.5818%2031.2518%2059.7175%2030.9619%2058.6104C30.6719%2057.5033%2031.0021%2056.3258%2031.8254%2055.5303L43.0224%2044.3333L31.8254%2033.1363C30.6256%2031.8932%2030.6426%2029.9186%2031.8641%2028.6971Z%22%20fill%3D%22%23DEDEDE%22%2F%3E%0A%3C%2Fsvg%3E%0A');
  }

  .grid-hidden {
    /* display: none !important; */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s linear;
  }

  .grid-hidden.active {
    /* display: block !important; */
    opacity: 1;
    visibility: visible;
  }

  /* Responsive grid */
  table.dataTable {
    border-collapse: collapse;
  }

  .table.dataTable > :not(:first-child) {
    border-top: none;
  }

  .formio-component-datagrid .datagrid-table thead tr th {
    padding: 1rem;
    line-height: 22px;
    vertical-align: top;
  }

  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 1rem;
    line-height: 22px;
    vertical-align: top;
  }

  table.dataTable thead tr {
    border: none;
  }

  table.dataTable > tbody > tr.child span.dtr-title,
  table.dataTable.dtr-column > tbody > tr > td.dtr-control {
    color: #667085 !important;
  }

  /* End Css for grid */


  /* Pannel Detail */
  .panel-item.hide {
    display: none;
  }

  .custom-panel-wrapper {
    border-radius: 4px;
    border: 1px solid #e9ebec;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
    margin-bottom: 16px !important;
  }

  .custom-panel-wrapper {
    margin-bottom: 1rem;
  }

  .custom-panel-wrapper > fieldset > .fieldset-body .formio-component-datagrid {
    margin: 30px;
  }

  .custom-panel-wrapper.hide {
    display: none;
  }

  .custom-panel-header {
    text-transform: uppercase;
    padding: 18px 32px;
    color: #71717a;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #fafbfb;
    border-bottom: 1px solid #d8dadb;
  }

  .custom-panel-body {
    padding: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    row-gap: 30px;
  }

  .panel-item-title {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 14px;
    color: #008a7d;
    font-size: 15px;
  }

  .panel-item-value {
    color: #1b1b1b;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  /* End detail */
  .action-button-waper:before {
    content: '\f141';
    font-family: FontAwesome;
    font-size: 1.125rem;
    cursor: pointer;
    color: #667085;
  }

  table tbody tr:last-child .action-button-waper .fieldset-body {
    top: unset;
    bottom: 0;
  }

  table tbody tr:nth-last-child(2) .action-button-waper .fieldset-body {
    top: -20px;
    bottom: unset;
  }

  .action-button-waper .fieldset-body button {
    padding: 10px 20px;
    line-height: 0.5;
    /* width: 100%; */
    height: 28px !important;
    border-radius: 2px;
    background-color: #fff !important;
    font-size: 13px !important;
    box-shadow: none;
    color: #1b1b1b !important;
    transition: all 0.2s linear;
  }
  .action-button-waper .fieldset-body .formio-component-button {
    text-align: center !important;
  }
  .action-button-waper .fieldset-body button:hover {
    opacity: 0.8;
  }

  .custom-action-button-waper .fieldset-body button {
    color: var(--white-color) !important;
    background-color: var(--color-main) !important;
    text-align: center;
  }

  .action-button-waper > fieldset > .fieldset-body {
    padding: 0 10px 18px 10px;
  }

  .custom-action-button-waper > fieldset > .fieldset-body {
    padding: 4px 10px 8px 10px;
  }

  /* CSS for status */
  .status-list > p {
    padding: 3px 21px 3px 28px;
    width: fit-content;
    border-radius: 40px;
    position: relative;
  }

  .status-list > p::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 11px;
  }

  .status-tran-active {
    color: #007cd6 !important;
    background-color: #f5faff;
  }

  .status-tran-active::before {
    background-color: #007cd6 !important;
  }

  .status-success {
    background-color: var(--success-10) !important;
    color: var(--success-60) !important;
  }

  .status-fail::before {
    background-color: #e87870 !important;
  }
  .status-fail {
    background-color: #fee4e2 !important;
    color: #f04438 !important;
  }

  button[ref='pagination-arrPrev'],
  button[ref='pagination-arrNext'] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
  }

  .status-tran-rejected {
    background-color: var(--reject-10) !important;
    color: var(--reject-60) !important;
  }

  .status-tran-rejected::before {
    background-color: var(--reject-30) !important;
  }

  .pendingforuserapprove,
  .status-tran-pendingfortellerapprove {
    background-color: var(--pdfar-10) !important;
    color: var(--pdfar-60) !important;
  }

  .pendingforuserapprove::before,
  .status-tran-pendingfortellerapprove::before {
    background-color: var(--pdfar-30) !important;
  }

  button.custom-btn-approve {
    color: var(--white-color) !important;
    background-color: var(--color-main) !important;
    height: 40px !important;
  }

  .status-tran-pending {
    color: #ffcc05 !important;
    background-color: #f8f4e5;
  }
  .status-tran-block {
    color: #c344ef !important;
    background-color: #f0e7f3;
  }
  .status-tran-delete {
    color: #ef4444 !important;
    background-color: #fbf0f0;
  }

  .status-tran-delete::before {
    background-color: #ef4444 !important;
  }

  .status-tran-new::before {
    background-color: #065d9a !important;
  }

  .status-list > p {
    text-align: left;
  }

  /* End */

  .menu-left-header {
    display: none;
  }

  .logo-Ib {
    height: 33px;
    width: 105px;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22105%22%20height%3D%2234%22%20viewBox%3D%220%200%20105%2034%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M17.1956%200.679774C17.1956%200.580488%2017.276%200.5%2017.3753%200.5H20.2906C20.3899%200.5%2020.4704%200.580488%2020.4704%200.679774V3.59505C20.4704%203.69434%2020.3899%203.77483%2020.2906%203.77483H17.3753C17.276%203.77483%2017.1956%203.69434%2017.1956%203.59505V0.679774Z%22%20fill%3D%22%23FB0025%22%2F%3E%0A%3Cpath%20d%3D%22M27.0161%204.15927C27.0161%204.05998%2027.0932%203.97949%2027.1884%203.97949H31.5514C31.6465%203.97949%2031.7237%204.05998%2031.7237%204.15927V8.71196C31.7237%208.81124%2031.6465%208.89173%2031.5514%208.89173H27.1884C27.0932%208.89173%2027.0161%208.81124%2027.0161%208.71196V4.15927Z%22%20fill%3D%22%23FB0025%22%2F%3E%0A%3Cpath%20d%3D%22M9.82312%2015.6212C9.82312%2015.5219%209.90109%2015.4414%209.99728%2015.4414H15.9939C16.0901%2015.4414%2016.1681%2015.5219%2016.1681%2015.6212V21.8113C16.1681%2021.9106%2016.0901%2021.9911%2015.9939%2021.9911H9.99728C9.90109%2021.9911%209.82312%2021.9106%209.82312%2021.8113V15.6212Z%22%20fill%3D%22%23FB0025%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.129%204.79785H0.035511C0.0158988%204.79785%200%204.81381%200%204.8335V29.1013C0%2029.1331%200.0382503%2029.149%200.060621%2029.1265L6.45849%2022.7046C6.46514%2022.6979%206.46889%2022.6888%206.46889%2022.6793V11.3267C6.46889%2011.307%206.48479%2011.291%206.5044%2011.291H12.1291C13.7336%2011.291%2015.222%2011.7901%2016.4486%2012.6419C16.4605%2012.6502%2016.4765%2012.6488%2016.4867%2012.6385C16.4923%2012.6329%2016.4954%2012.6253%2016.4954%2012.6174V5.51702C16.4954%205.50159%2016.4855%205.48792%2016.4709%205.48316C15.1034%205.03826%2013.6442%204.79785%2012.129%204.79785ZM18.7887%2015.2402C18.7756%2015.2163%2018.7927%2015.187%2018.8199%2015.187H25.6746C25.6906%2015.187%2025.7046%2015.1977%2025.7088%2015.2132C26.0282%2016.3946%2026.1986%2017.6376%2026.1986%2018.9205C26.1986%2026.7203%2019.8994%2033.0432%2012.129%2033.0432H1.03959C1.00795%2033.0432%200.992105%2033.0048%201.01448%2032.9824L7.41225%2026.5605C7.41891%2026.5538%207.42794%2026.55%207.43736%2026.55H12.1291C16.3269%2026.55%2019.7299%2023.1342%2019.7299%2018.9205C19.7299%2017.586%2019.3886%2016.3315%2018.7887%2015.2402Z%22%20fill%3D%22%23FB0025%22%2F%3E%0A%3Cpath%20d%3D%22M18.8311%207.22459C18.8311%207.12806%2018.9093%207.0498%2019.0058%207.0498H24.3872C24.4838%207.0498%2024.562%207.12806%2024.562%207.22459V12.606C24.562%2012.7025%2024.4838%2012.7808%2024.3872%2012.7808H19.0058C18.9093%2012.7808%2018.8311%2012.7025%2018.8311%2012.606V7.22459Z%22%20fill%3D%22%23FB0025%22%2F%3E%0A%3Cpath%20d%3D%22M19.0618%2011.3208L20.4526%2012.7098L-nan%20-nanL20.4526%2012.7098C18.6592%2013.9405%2017.0926%2015.5055%2015.8664%2017.302L-nan%20-nanL15.8664%2017.302L14.4756%2015.913L-nan%20-nanL14.4756%2015.913C16.2917%2014.7107%2017.8644%2013.1402%2019.0618%2011.3208L-nan%20-nanL19.0618%2011.3208Z%22%20fill%3D%22%23FB0025%22%2F%3E%0A%3Cpath%20d%3D%22M37.6905%206.52982L39.0061%206.17421V8.89362H41.0805C41.4796%208.89362%2041.7813%208.67281%2041.9855%208.2312C42.1201%207.94764%2042.1874%207.62689%2042.1874%207.26895C42.1874%206.72042%2042.0505%206.29972%2041.7766%206.00686C41.5864%205.80697%2041.3543%205.70703%2041.0805%205.70703H37.6905L38.0455%204.52862H41.2406C41.9924%204.52862%2042.5888%204.84472%2043.0296%205.47692C43.3963%206.00686%2043.5796%206.63209%2043.5796%207.35262C43.5796%208.11963%2043.3754%208.75649%2042.967%209.26318C42.5354%209.79777%2041.96%2010.0674%2041.2406%2010.072H37.6905V6.52982Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M44.5973%204.52862H45.9129V10.072H44.5973V4.52862Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M52.8197%207.24106V10.072C52.8197%2010.072%2051.6363%2010.072%2049.2695%2010.072C48.4713%2010.072%2047.8564%209.75128%2047.4249%209.10978C47.0954%208.61238%2046.9306%208.02666%2046.9306%207.35262C46.9306%206.59955%2047.1279%205.95573%2047.5223%205.42114C47.9632%204.83077%2048.5456%204.53327%2049.2695%204.52862H52.4647L52.8197%205.70703H49.4296C48.9981%205.70703%2048.6825%205.93946%2048.4829%206.40431C48.3762%206.65998%2048.3228%206.9482%2048.3228%207.26895C48.3228%207.80353%2048.4551%208.22888%2048.7196%208.54498C48.9145%208.77276%2049.1512%208.88897%2049.4296%208.89362H51.504V7.60364L52.8197%207.24106Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M54.1924%204.52862H55.5081V10.072H54.1924V4.52862Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M56.491%205.70703V4.52862H62.2756L61.9206%205.70703H59.8532V10.072H58.5305V5.70703H56.491Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M63.6483%209.33291L64.1286%208.20331H65.674L64.595%205.90227L62.6668%2010.072H61.2816L63.9059%204.74478L65.2285%204.38916L67.9503%2010.072H66.5581L66.21%209.33291H63.6483Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M68.9081%204.52862H70.2238V8.89362H74.115L73.76%2010.072C73.76%2010.072%2072.1427%2010.072%2068.9081%2010.072C68.9081%2010.072%2068.9081%208.22423%2068.9081%204.52862Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M37.252%2016.4173V15.2389H43.0366L42.6816%2016.4173H40.6141V20.7823H39.2915V16.4173H37.252Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M45.3143%2018.6068V19.6039H49.3517L48.9967%2020.7823H43.9986V15.2389H49.3517L48.9967%2016.4173H45.3143V17.4284H48.7461V18.6068H45.3143Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M52.6345%2015.2389H56.1847L55.8297%2016.4173H52.7946C52.3955%2016.4173%2052.0916%2016.6405%2051.8827%2017.0867C51.7528%2017.3749%2051.6878%2017.6957%2051.6878%2018.049C51.6878%2018.5975%2051.8271%2019.0182%2052.1055%2019.3111C52.2958%2019.5063%2052.5255%2019.6039%2052.7946%2019.6039H56.1847L55.8297%2020.7823H52.6345C51.8781%2020.7823%2051.2818%2020.4662%2050.8455%2019.834C50.4789%2019.3087%2050.2956%2018.6858%2050.2956%2017.9653C50.2956%2017.2029%2050.4975%2016.5661%2050.9012%2016.0547C51.3328%2015.5155%2051.9106%2015.2436%2052.6345%2015.2389Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M57.1189%2015.4551L58.4345%2015.0995V17.5678H61.3303V15.2389H62.646V20.7823H61.3303V18.7463H58.4345V20.7823H57.1189V15.4551Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M68.2858%2015.2389H69.6015C69.6015%2015.2389%2069.6015%2017.0867%2069.6015%2020.7823H68.2858L65.39%2017.1286V20.7823H64.0744V15.4551L65.39%2015.0995L68.2858%2018.7532V15.2389Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M72.0114%2018.0141C72.0114%2018.809%2072.3014%2019.318%2072.8815%2019.5412C73.1553%2019.6481%2073.5034%2019.7015%2073.9257%2019.7015C74.9141%2019.7015%2075.5105%2019.3622%2075.7147%2018.6835C75.7704%2018.4836%2075.7982%2018.2605%2075.7982%2018.0141C75.7982%2017.1076%2075.4084%2016.5661%2074.6287%2016.3894C74.4199%2016.3429%2074.1856%2016.3197%2073.9257%2016.3197C73.03%2016.3197%2072.4522%2016.5754%2072.1924%2017.0867C72.0717%2017.3331%2072.0114%2017.6422%2072.0114%2018.0141ZM77.1904%2018.0141C77.1904%2019.1019%2076.7704%2019.8968%2075.9305%2020.3988C75.3689%2020.7335%2074.6775%2020.9009%2073.8561%2020.9009C72.849%2020.9009%2072.0508%2020.6312%2071.4615%2020.092C70.8999%2019.576%2070.6192%2018.8834%2070.6192%2018.0141C70.6192%2016.9868%2070.9997%2016.2128%2071.7608%2015.6921C72.3269%2015.311%2073.0254%2015.1204%2073.8561%2015.1204C74.9513%2015.1204%2075.7982%2015.4063%2076.3969%2015.978C76.9259%2016.4847%2077.1904%2017.1634%2077.1904%2018.0141Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M78.2012%2015.2389H79.5168V19.6039H83.408L83.053%2020.7823C83.053%2020.7823%2081.4357%2020.7823%2078.2012%2020.7823C78.2012%2020.7823%2078.2012%2018.9345%2078.2012%2015.2389Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M85.5214%2018.0141C85.5214%2018.809%2085.8115%2019.318%2086.3916%2019.5412C86.6654%2019.6481%2087.0134%2019.7015%2087.4357%2019.7015C88.4242%2019.7015%2089.0205%2019.3622%2089.2247%2018.6835C89.2804%2018.4836%2089.3083%2018.2605%2089.3083%2018.0141C89.3083%2017.1076%2088.9184%2016.5661%2088.1388%2016.3894C87.93%2016.3429%2087.6956%2016.3197%2087.4357%2016.3197C86.5401%2016.3197%2085.9623%2016.5754%2085.7024%2017.0867C85.5818%2017.3331%2085.5214%2017.6422%2085.5214%2018.0141ZM90.7005%2018.0141C90.7005%2019.1019%2090.2805%2019.8968%2089.4405%2020.3988C88.879%2020.7335%2088.1875%2020.9009%2087.3661%2020.9009C86.3591%2020.9009%2085.5609%2020.6312%2084.9715%2020.092C84.41%2019.576%2084.1292%2018.8834%2084.1292%2018.0141C84.1292%2016.9868%2084.5098%2016.2128%2085.2708%2015.6921C85.837%2015.311%2086.5354%2015.1204%2087.3661%2015.1204C88.4613%2015.1204%2089.3083%2015.4063%2089.9069%2015.978C90.436%2016.4847%2090.7005%2017.1634%2090.7005%2018.0141Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M97.5989%2017.9514V20.7823C97.5989%2020.7823%2096.4156%2020.7823%2094.0488%2020.7823C93.2506%2020.7823%2092.6357%2020.4616%2092.2041%2019.8201C91.8746%2019.3227%2091.7099%2018.737%2091.7099%2018.0629C91.7099%2017.3098%2091.9071%2016.666%2092.3016%2016.1314C92.7424%2015.5411%2093.3248%2015.2436%2094.0488%2015.2389H97.2439L97.5989%2016.4173H94.2089C93.7773%2016.4173%2093.4617%2016.6498%2093.2622%2017.1146C93.1555%2017.3703%2093.1021%2017.6585%2093.1021%2017.9792C93.1021%2018.5138%2093.2343%2018.9392%2093.4989%2019.2553C93.6938%2019.4831%2093.9305%2019.5993%2094.2089%2019.6039H96.2833V18.3139L97.5989%2017.9514Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M102.299%2018.8997V20.7823H100.983V18.8718L98.3034%2015.2389H99.8348L101.652%2017.8398L103.469%2015.2389H105L102.299%2018.8997Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M39.4517%2029.3101C38.7091%2029.3101%2038.1569%2029.073%2037.7949%2028.5989C37.5768%2028.3153%2037.4677%2027.9946%2037.4677%2027.6366C37.4677%2027.1532%2037.6487%2026.7511%2038.0107%2026.4303C38.3773%2026.1096%2038.8576%2025.9492%2039.4517%2025.9492H43.2106L42.8556%2027.1276H39.4656C39.1825%2027.1276%2038.9945%2027.2322%2038.9017%2027.4414C38.8739%2027.5065%2038.86%2027.5716%2038.86%2027.6366C38.86%2027.8365%2038.9574%2027.983%2039.1523%2028.0759C39.2451%2028.1178%2039.3496%2028.1387%2039.4656%2028.1387H41.3729C42.0829%2028.1387%2042.6213%2028.3665%2042.9879%2028.822C43.2199%2029.1149%2043.3359%2029.4473%2043.3359%2029.8191C43.3359%2030.3026%2043.1549%2030.7024%2042.793%2031.0185C42.431%2031.3346%2041.9576%2031.4926%2041.3729%2031.4926H37.4677L37.8228%2030.3142H41.359C41.6467%2030.3142%2041.8347%2030.2119%2041.9228%2030.0074C41.9507%2029.947%2041.9646%2029.8842%2041.9646%2029.8191C41.9646%2029.6192%2041.8718%2029.4728%2041.6862%2029.3798C41.5887%2029.3334%2041.4796%2029.3101%2041.359%2029.3101H39.4517Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M45.4604%2028.7244C45.4604%2029.5193%2045.7505%2030.0283%2046.3306%2030.2515C46.6044%2030.3584%2046.9524%2030.4118%2047.3747%2030.4118C48.3632%2030.4118%2048.9595%2030.0725%2049.1637%2029.3938C49.2194%2029.1939%2049.2473%2028.9708%2049.2473%2028.7244C49.2473%2027.8179%2048.8574%2027.2764%2048.0778%2027.0997C47.869%2027.0532%2047.6346%2027.03%2047.3747%2027.03C46.4791%2027.03%2045.9013%2027.2857%2045.6414%2027.797C45.5208%2028.0434%2045.4604%2028.3525%2045.4604%2028.7244ZM50.6395%2028.7244C50.6395%2029.8122%2050.2195%2030.6071%2049.3795%2031.1091C48.818%2031.4438%2048.1265%2031.6112%2047.3051%2031.6112C46.2981%2031.6112%2045.4999%2031.3415%2044.9105%2030.8023C44.349%2030.2863%2044.0682%2029.5937%2044.0682%2028.7244C44.0682%2027.6971%2044.4488%2026.9231%2045.2098%2026.4024C45.776%2026.0213%2046.4744%2025.8307%2047.3051%2025.8307C48.4003%2025.8307%2049.2473%2026.1166%2049.8459%2026.6883C50.375%2027.195%2050.6395%2027.8737%2050.6395%2028.7244Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M51.6502%2025.9492H52.9659V30.3142H56.8571L56.5021%2031.4926C56.5021%2031.4926%2054.8848%2031.4926%2051.6502%2031.4926C51.6502%2031.4926%2051.6502%2029.6448%2051.6502%2025.9492Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M62.2464%2029.2962V25.9492H63.562V29.2962C63.562%2030.2305%2063.1443%2030.8906%2062.309%2031.2765C61.8217%2031.4996%2061.2324%2031.6112%2060.5409%2031.6112C59.5153%2031.6112%2058.7403%2031.3532%2058.2159%2030.8372C57.8122%2030.4374%2057.6103%2029.9237%2057.6103%2029.2962V26.1654L58.9329%2025.8097V29.2962C58.9329%2029.8122%2059.1673%2030.1445%2059.636%2030.2933C59.8819%2030.3723%2060.2045%2030.4118%2060.6036%2030.4118C61.4714%2030.4118%2061.9934%2030.191%2062.1698%2029.7494C62.2208%2029.6146%2062.2464%2029.4635%2062.2464%2029.2962Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M64.3709%2027.1276V25.9492H70.1555L69.8005%2027.1276H67.7331V31.4926H66.4105V27.1276H64.3709Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M71.1176%2025.9492H72.4332V31.4926H71.1176V25.9492Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M74.8431%2028.7244C74.8431%2029.5193%2075.1332%2030.0283%2075.7133%2030.2515C75.9871%2030.3584%2076.3351%2030.4118%2076.7574%2030.4118C77.7459%2030.4118%2078.3422%2030.0725%2078.5464%2029.3938C78.6021%2029.1939%2078.6299%2028.9708%2078.6299%2028.7244C78.6299%2027.8179%2078.2401%2027.2764%2077.4605%2027.0997C77.2516%2027.0532%2077.0173%2027.03%2076.7574%2027.03C75.8618%2027.03%2075.284%2027.2857%2075.0241%2027.797C74.9034%2028.0434%2074.8431%2028.3525%2074.8431%2028.7244ZM80.0222%2028.7244C80.0222%2029.8122%2079.6022%2030.6071%2078.7622%2031.1091C78.2007%2031.4438%2077.5092%2031.6112%2076.6878%2031.6112C75.6808%2031.6112%2074.8826%2031.3415%2074.2932%2030.8023C73.7317%2030.2863%2073.4509%2029.5937%2073.4509%2028.7244C73.4509%2027.6971%2073.8314%2026.9231%2074.5925%2026.4024C75.1587%2026.0213%2075.8571%2025.8307%2076.6878%2025.8307C77.783%2025.8307%2078.6299%2026.1166%2079.2286%2026.6883C79.7576%2027.195%2080.0222%2027.8737%2080.0222%2028.7244Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M85.2444%2025.9492H86.56C86.56%2025.9492%2086.56%2027.797%2086.56%2031.4926H85.2444L82.3485%2027.8389V31.4926H81.0329V26.1654L82.3485%2025.8097L85.2444%2029.4635V25.9492Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M89.7426%2029.3101C89.0001%2029.3101%2088.4478%2029.073%2088.0859%2028.5989C87.8677%2028.3153%2087.7587%2027.9946%2087.7587%2027.6366C87.7587%2027.1532%2087.9397%2026.7511%2088.3016%2026.4303C88.6683%2026.1096%2089.1486%2025.9492%2089.7426%2025.9492H93.5016L93.1466%2027.1276H89.7565C89.4734%2027.1276%2089.2855%2027.2322%2089.1927%2027.4414C89.1648%2027.5065%2089.1509%2027.5716%2089.1509%2027.6366C89.1509%2027.8365%2089.2484%2027.983%2089.4433%2028.0759C89.5361%2028.1178%2089.6405%2028.1387%2089.7565%2028.1387H91.6638C92.3739%2028.1387%2092.9122%2028.3665%2093.2788%2028.822C93.5108%2029.1149%2093.6269%2029.4473%2093.6269%2029.8191C93.6269%2030.3026%2093.4459%2030.7024%2093.0839%2031.0185C92.7219%2031.3346%2092.2486%2031.4926%2091.6638%2031.4926H87.7587L88.1137%2030.3142H91.6499C91.9376%2030.3142%2092.1256%2030.2119%2092.2138%2030.0074C92.2416%2029.947%2092.2555%2029.8842%2092.2555%2029.8191C92.2555%2029.6192%2092.1627%2029.4728%2091.9771%2029.3798C91.8796%2029.3334%2091.7706%2029.3101%2091.6499%2029.3101H89.7426Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M37.6905%206.52982L39.0061%206.17421V8.89362H41.0805C41.4796%208.89362%2041.7813%208.67281%2041.9855%208.2312C42.1201%207.94764%2042.1874%207.62689%2042.1874%207.26895C42.1874%206.72042%2042.0505%206.29972%2041.7766%206.00686C41.5864%205.80697%2041.3543%205.70703%2041.0805%205.70703H37.6905L38.0455%204.52862H41.2406C41.9924%204.52862%2042.5888%204.84472%2043.0296%205.47692C43.3963%206.00686%2043.5796%206.63209%2043.5796%207.35262C43.5796%208.11963%2043.3754%208.75649%2042.967%209.26318C42.5354%209.79777%2041.96%2010.0674%2041.2406%2010.072H37.6905V6.52982Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M44.5973%204.52862H45.9129V10.072H44.5973V4.52862Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M52.8197%207.24106V10.072C52.8197%2010.072%2051.6363%2010.072%2049.2695%2010.072C48.4713%2010.072%2047.8564%209.75128%2047.4249%209.10978C47.0954%208.61238%2046.9306%208.02666%2046.9306%207.35262C46.9306%206.59955%2047.1279%205.95573%2047.5223%205.42114C47.9632%204.83077%2048.5456%204.53327%2049.2695%204.52862H52.4647L52.8197%205.70703H49.4296C48.9981%205.70703%2048.6825%205.93946%2048.4829%206.40431C48.3762%206.65998%2048.3228%206.9482%2048.3228%207.26895C48.3228%207.80353%2048.4551%208.22888%2048.7196%208.54498C48.9145%208.77276%2049.1512%208.88897%2049.4296%208.89362H51.504V7.60364L52.8197%207.24106Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M54.1924%204.52862H55.5081V10.072H54.1924V4.52862Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M56.491%205.70703V4.52862H62.2756L61.9206%205.70703H59.8532V10.072H58.5305V5.70703H56.491Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M63.6483%209.33291L64.1286%208.20331H65.674L64.595%205.90227L62.6668%2010.072H61.2816L63.9059%204.74478L65.2285%204.38916L67.9503%2010.072H66.5581L66.21%209.33291H63.6483Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M68.9081%204.52862H70.2238V8.89362H74.115L73.76%2010.072C73.76%2010.072%2072.1427%2010.072%2068.9081%2010.072C68.9081%2010.072%2068.9081%208.22423%2068.9081%204.52862Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M37.252%2016.4173V15.2389H43.0366L42.6816%2016.4173H40.6141V20.7823H39.2915V16.4173H37.252Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M45.3143%2018.6068V19.6039H49.3517L48.9967%2020.7823H43.9986V15.2389H49.3517L48.9967%2016.4173H45.3143V17.4284H48.7461V18.6068H45.3143Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M52.6345%2015.2389H56.1847L55.8297%2016.4173H52.7946C52.3955%2016.4173%2052.0916%2016.6405%2051.8827%2017.0867C51.7528%2017.3749%2051.6878%2017.6957%2051.6878%2018.049C51.6878%2018.5975%2051.8271%2019.0182%2052.1055%2019.3111C52.2958%2019.5063%2052.5255%2019.6039%2052.7946%2019.6039H56.1847L55.8297%2020.7823H52.6345C51.8781%2020.7823%2051.2818%2020.4662%2050.8455%2019.834C50.4789%2019.3087%2050.2956%2018.6858%2050.2956%2017.9653C50.2956%2017.2029%2050.4975%2016.5661%2050.9012%2016.0547C51.3328%2015.5155%2051.9106%2015.2436%2052.6345%2015.2389Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M57.1189%2015.4551L58.4345%2015.0995V17.5678H61.3303V15.2389H62.646V20.7823H61.3303V18.7463H58.4345V20.7823H57.1189V15.4551Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M68.2858%2015.2389H69.6015C69.6015%2015.2389%2069.6015%2017.0867%2069.6015%2020.7823H68.2858L65.39%2017.1286V20.7823H64.0744V15.4551L65.39%2015.0995L68.2858%2018.7532V15.2389Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M72.0114%2018.0141C72.0114%2018.809%2072.3014%2019.318%2072.8815%2019.5412C73.1553%2019.6481%2073.5034%2019.7015%2073.9257%2019.7015C74.9141%2019.7015%2075.5105%2019.3622%2075.7147%2018.6835C75.7704%2018.4836%2075.7982%2018.2605%2075.7982%2018.0141C75.7982%2017.1076%2075.4084%2016.5661%2074.6287%2016.3894C74.4199%2016.3429%2074.1856%2016.3197%2073.9257%2016.3197C73.03%2016.3197%2072.4522%2016.5754%2072.1924%2017.0867C72.0717%2017.3331%2072.0114%2017.6422%2072.0114%2018.0141ZM77.1904%2018.0141C77.1904%2019.1019%2076.7704%2019.8968%2075.9305%2020.3988C75.3689%2020.7335%2074.6775%2020.9009%2073.8561%2020.9009C72.849%2020.9009%2072.0508%2020.6312%2071.4615%2020.092C70.8999%2019.576%2070.6192%2018.8834%2070.6192%2018.0141C70.6192%2016.9868%2070.9997%2016.2128%2071.7608%2015.6921C72.3269%2015.311%2073.0254%2015.1204%2073.8561%2015.1204C74.9513%2015.1204%2075.7982%2015.4063%2076.3969%2015.978C76.9259%2016.4847%2077.1904%2017.1634%2077.1904%2018.0141Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M78.2012%2015.2389H79.5168V19.6039H83.408L83.053%2020.7823C83.053%2020.7823%2081.4357%2020.7823%2078.2012%2020.7823C78.2012%2020.7823%2078.2012%2018.9345%2078.2012%2015.2389Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M85.5214%2018.0141C85.5214%2018.809%2085.8115%2019.318%2086.3916%2019.5412C86.6654%2019.6481%2087.0134%2019.7015%2087.4357%2019.7015C88.4242%2019.7015%2089.0205%2019.3622%2089.2247%2018.6835C89.2804%2018.4836%2089.3083%2018.2605%2089.3083%2018.0141C89.3083%2017.1076%2088.9184%2016.5661%2088.1388%2016.3894C87.93%2016.3429%2087.6956%2016.3197%2087.4357%2016.3197C86.5401%2016.3197%2085.9623%2016.5754%2085.7024%2017.0867C85.5818%2017.3331%2085.5214%2017.6422%2085.5214%2018.0141ZM90.7005%2018.0141C90.7005%2019.1019%2090.2805%2019.8968%2089.4405%2020.3988C88.879%2020.7335%2088.1875%2020.9009%2087.3661%2020.9009C86.3591%2020.9009%2085.5609%2020.6312%2084.9715%2020.092C84.41%2019.576%2084.1292%2018.8834%2084.1292%2018.0141C84.1292%2016.9868%2084.5098%2016.2128%2085.2708%2015.6921C85.837%2015.311%2086.5354%2015.1204%2087.3661%2015.1204C88.4613%2015.1204%2089.3083%2015.4063%2089.9069%2015.978C90.436%2016.4847%2090.7005%2017.1634%2090.7005%2018.0141Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M97.5989%2017.9514V20.7823C97.5989%2020.7823%2096.4156%2020.7823%2094.0488%2020.7823C93.2506%2020.7823%2092.6357%2020.4616%2092.2041%2019.8201C91.8746%2019.3227%2091.7099%2018.737%2091.7099%2018.0629C91.7099%2017.3098%2091.9071%2016.666%2092.3016%2016.1314C92.7424%2015.5411%2093.3248%2015.2436%2094.0488%2015.2389H97.2439L97.5989%2016.4173H94.2089C93.7773%2016.4173%2093.4617%2016.6498%2093.2622%2017.1146C93.1555%2017.3703%2093.1021%2017.6585%2093.1021%2017.9792C93.1021%2018.5138%2093.2343%2018.9392%2093.4989%2019.2553C93.6938%2019.4831%2093.9305%2019.5993%2094.2089%2019.6039H96.2833V18.3139L97.5989%2017.9514Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M102.299%2018.8997V20.7823H100.983V18.8718L98.3034%2015.2389H99.8348L101.652%2017.8398L103.469%2015.2389H105L102.299%2018.8997Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M39.4517%2029.3101C38.7091%2029.3101%2038.1569%2029.073%2037.7949%2028.5989C37.5768%2028.3153%2037.4677%2027.9946%2037.4677%2027.6366C37.4677%2027.1532%2037.6487%2026.7511%2038.0107%2026.4303C38.3773%2026.1096%2038.8576%2025.9492%2039.4517%2025.9492H43.2106L42.8556%2027.1276H39.4656C39.1825%2027.1276%2038.9945%2027.2322%2038.9017%2027.4414C38.8739%2027.5065%2038.86%2027.5716%2038.86%2027.6366C38.86%2027.8365%2038.9574%2027.983%2039.1523%2028.0759C39.2451%2028.1178%2039.3496%2028.1387%2039.4656%2028.1387H41.3729C42.0829%2028.1387%2042.6213%2028.3665%2042.9879%2028.822C43.2199%2029.1149%2043.3359%2029.4473%2043.3359%2029.8191C43.3359%2030.3026%2043.1549%2030.7024%2042.793%2031.0185C42.431%2031.3346%2041.9576%2031.4926%2041.3729%2031.4926H37.4677L37.8228%2030.3142H41.359C41.6467%2030.3142%2041.8347%2030.2119%2041.9228%2030.0074C41.9507%2029.947%2041.9646%2029.8842%2041.9646%2029.8191C41.9646%2029.6192%2041.8718%2029.4728%2041.6862%2029.3798C41.5887%2029.3334%2041.4796%2029.3101%2041.359%2029.3101H39.4517Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M45.4604%2028.7244C45.4604%2029.5193%2045.7505%2030.0283%2046.3306%2030.2515C46.6044%2030.3584%2046.9524%2030.4118%2047.3747%2030.4118C48.3632%2030.4118%2048.9595%2030.0725%2049.1637%2029.3938C49.2194%2029.1939%2049.2473%2028.9708%2049.2473%2028.7244C49.2473%2027.8179%2048.8574%2027.2764%2048.0778%2027.0997C47.869%2027.0532%2047.6346%2027.03%2047.3747%2027.03C46.4791%2027.03%2045.9013%2027.2857%2045.6414%2027.797C45.5208%2028.0434%2045.4604%2028.3525%2045.4604%2028.7244ZM50.6395%2028.7244C50.6395%2029.8122%2050.2195%2030.6071%2049.3795%2031.1091C48.818%2031.4438%2048.1265%2031.6112%2047.3051%2031.6112C46.2981%2031.6112%2045.4999%2031.3415%2044.9105%2030.8023C44.349%2030.2863%2044.0682%2029.5937%2044.0682%2028.7244C44.0682%2027.6971%2044.4488%2026.9231%2045.2098%2026.4024C45.776%2026.0213%2046.4744%2025.8307%2047.3051%2025.8307C48.4003%2025.8307%2049.2473%2026.1166%2049.8459%2026.6883C50.375%2027.195%2050.6395%2027.8737%2050.6395%2028.7244Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M51.6502%2025.9492H52.9659V30.3142H56.8571L56.5021%2031.4926C56.5021%2031.4926%2054.8848%2031.4926%2051.6502%2031.4926C51.6502%2031.4926%2051.6502%2029.6448%2051.6502%2025.9492Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M62.2464%2029.2962V25.9492H63.562V29.2962C63.562%2030.2305%2063.1443%2030.8906%2062.309%2031.2765C61.8217%2031.4996%2061.2324%2031.6112%2060.5409%2031.6112C59.5153%2031.6112%2058.7403%2031.3532%2058.2159%2030.8372C57.8122%2030.4374%2057.6103%2029.9237%2057.6103%2029.2962V26.1654L58.9329%2025.8097V29.2962C58.9329%2029.8122%2059.1673%2030.1445%2059.636%2030.2933C59.8819%2030.3723%2060.2045%2030.4118%2060.6036%2030.4118C61.4714%2030.4118%2061.9934%2030.191%2062.1698%2029.7494C62.2208%2029.6146%2062.2464%2029.4635%2062.2464%2029.2962Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M64.3709%2027.1276V25.9492H70.1555L69.8005%2027.1276H67.7331V31.4926H66.4105V27.1276H64.3709Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M71.1176%2025.9492H72.4332V31.4926H71.1176V25.9492Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M74.8431%2028.7244C74.8431%2029.5193%2075.1332%2030.0283%2075.7133%2030.2515C75.9871%2030.3584%2076.3351%2030.4118%2076.7574%2030.4118C77.7459%2030.4118%2078.3422%2030.0725%2078.5464%2029.3938C78.6021%2029.1939%2078.6299%2028.9708%2078.6299%2028.7244C78.6299%2027.8179%2078.2401%2027.2764%2077.4605%2027.0997C77.2516%2027.0532%2077.0173%2027.03%2076.7574%2027.03C75.8618%2027.03%2075.284%2027.2857%2075.0241%2027.797C74.9034%2028.0434%2074.8431%2028.3525%2074.8431%2028.7244ZM80.0222%2028.7244C80.0222%2029.8122%2079.6022%2030.6071%2078.7622%2031.1091C78.2007%2031.4438%2077.5092%2031.6112%2076.6878%2031.6112C75.6808%2031.6112%2074.8826%2031.3415%2074.2932%2030.8023C73.7317%2030.2863%2073.4509%2029.5937%2073.4509%2028.7244C73.4509%2027.6971%2073.8314%2026.9231%2074.5925%2026.4024C75.1587%2026.0213%2075.8571%2025.8307%2076.6878%2025.8307C77.783%2025.8307%2078.6299%2026.1166%2079.2286%2026.6883C79.7576%2027.195%2080.0222%2027.8737%2080.0222%2028.7244Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M85.2444%2025.9492H86.56C86.56%2025.9492%2086.56%2027.797%2086.56%2031.4926H85.2444L82.3485%2027.8389V31.4926H81.0329V26.1654L82.3485%2025.8097L85.2444%2029.4635V25.9492Z%22%20stroke%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M89.7426%2029.3101C89.0001%2029.3101%2088.4478%2029.073%2088.0859%2028.5989C87.8677%2028.3153%2087.7587%2027.9946%2087.7587%2027.6366C87.7587%2027.1532%2087.9397%2026.7511%2088.3016%2026.4303C88.6683%2026.1096%2089.1486%2025.9492%2089.7426%2025.9492H93.5016L93.1466%2027.1276H89.7565C89.4734%2027.1276%2089.2855%2027.2322%2089.1927%2027.4414C89.1648%2027.5065%2089.1509%2027.5716%2089.1509%2027.6366C89.1509%2027.8365%2089.2484%2027.983%2089.4433%2028.0759C89.5361%2028.1178%2089.6405%2028.1387%2089.7565%2028.1387H91.6638C92.3739%2028.1387%2092.9122%2028.3665%2093.2788%2028.822C93.5108%2029.1149%2093.6269%2029.4473%2093.6269%2029.8191C93.6269%2030.3026%2093.4459%2030.7024%2093.0839%2031.0185C92.7219%2031.3346%2092.2486%2031.4926%2091.6638%2031.4926H87.7587L88.1137%2030.3142H91.6499C91.9376%2030.3142%2092.1256%2030.2119%2092.2138%2030.0074C92.2416%2029.947%2092.2555%2029.8842%2092.2555%2029.8191C92.2555%2029.6192%2092.1627%2029.4728%2091.9771%2029.3798C91.8796%2029.3334%2091.7706%2029.3101%2091.6499%2029.3101H89.7426Z%22%20stroke%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E) !important;
  }

  .menu-left-header_icon-close {
    display: none;
  }

  .ib-accordion-waper {
    height: auto;
    padding-top: 15px;
    display: flex;
  }

  .header-home-style {
    height: 60px;
  }

  .menu-left {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: fit-content;
    opacity: 1;
    top: 60px;
  }

  .ib-accordion-waper
    .parent-item-menu-accordion
    .menu-collapse-item--body
    > ul:before,
  .ib-accordion-waper
    .parent-item-menu-accordion
    > .accordion-collapse
    > .menu-collapse-item--body
    > ul:before {
    display: none;
  }

  .accordion-button svg {
    right: 0;
    top: 21px;
    transform: rotate(88deg);
    width: 15px;
    height: 10px;
    margin-right: 0 !important;
  }

  .header-home-style {
    display: none;
  }

  .botton-logout-menu {
    display: none;
  }

  .page-home .am-middle-content {
    background: #f2f2f2;
  }

  .header-home-style .am-not-home-page-header-title {
    display: none;
  }

  .wraper-card-home .wapper-circle-no-trans {
    display: none;
  }

  .am-bottom-mb {
    display: none;
  }

  .wraper-block.block-02 > div {
    padding: 10px 15px 16px;
    background-color: var(--white-color);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #e9ebec;
    border-right: 1px solid #e9ebec;
    border-bottom: 1px solid #e9ebec;
  }

  .wraper-block.block-01 > div > div > div {
    border-bottom: 1px solid #e9ebec;
  }

  .favorit-menu-wrapper {
    padding: 0;
  }

  .wapper-transfer-button-list .wrapper-button-list-active {
    padding-left: 0px;
    padding-right: 0px;
  }

  .transactions-wapper {
    padding-right: 36px !important;
    padding-left: 12px;
    background-color: unset;
    padding-top: 0;
    margin: 0 !important;
  }

  .am-middle-content > div:last-child > div,
  .am-middle-content > div:last-child > div > div {
    position: unset;
  }

  .wapper-carosel-bottom {
    margin: 32px 0px 40px !important;
    padding: 0;
    background-color: unset;
  }

  .wapper-carosel-bottom .swiper-slide {
    border-radius: 10px;
    box-shadow: unset;
  }

  .botton-logout-menu {
    right: 0;
  }

  .recently-header-wraper > fieldset > .fieldset-body {
    display: unset;
  }

  .wapper-agent-home {
    margin: 0 !important;
    margin-bottom: 16px !important;
    border: 1px solid #e9ebec;
  }

  .custom-wapper-data {
    background-color: var(--white-color);
    padding: 24px 12px 0 24px;
    border-radius: 10px;
    border: 1px solid #e9ebec;
    position: relative;
  }

  .wrapper-dashboard {
    margin: 0 !important;
  }

  .recently-header-title,
  .link-cash-home .cash-balance-title-home,
  .heading-favo {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    color: var(--text-color-2);
    display: block !important;
  }

  .wraper-card-home .swiper-slide {
    margin: 0 !important;
  }

  .wraper-card-home .wapper-swiper {
    top: 26px;
    padding: 0px max(0px, calc((100% - 360px) / 2)) !important;
  }

  .link-cash-home {
    padding: 22px 24px;
  }

  .link-cash-home:hover {
    text-decoration: unset;
    color: unset;
  }

  .menu-left-user-info {
    display: none;
  }

  /*css giao dich */
  .am-not-home-page-header {
    padding-top: 20px;
    left: calc((100% - 991px) / 2);
    right: calc((100% - 991px) / 2) !important;
    top: 134px;
    background-color: #f2f2f2;
  }

  .am-not-home-page-header-title {
    color: var(--color-gray-900) !important;
    margin-left: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 38px;
    text-align: left;
    text-transform: uppercase;
  }

  .header-wizard {
    left: calc((100vw - 487px) / 2);
    right: calc((100vw - 487px) / 2);
    top: 192px;
    background-color: var(--white-color);
    padding-top: 23px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }

  .btn-export-pdf {
    background-color: unset;
    border: unset;
    padding: 0;
    left: calc((100vw - 487px) / 2);
    right: calc((100vw - 487px) / 2);
  }

  .wraper-page-middle-content,
  .cash-deposit-wrapper,
  .ib-form-payments-comfirm,
  .wapper-default-agent {
    background-color: #f2f2f2 !important;
    margin: 0 !important;
  }
  .page-ppmyqramount .wraper-page-middle-content {
    padding: 120px 252px 0px !important;
  }
  .page-pprequestrefundforcustomer .wraper-page-middle-content {
    padding: 120px 0px 0px 0px !important;
  }
  .page-ppaddrequestrefundforcustomer .wraper-page-middle-content {
    padding: 174px 0px 0px 0px !important;
  }
  .wraper-page-middle-content.wrapper-change-pass-nologin,
  .wraper-page-middle-content.wraper-change-pass-page {
    padding: 70px 25vw 0 25vw !important;
  }

  .wraper-page-middle-content > fieldset,
  .cash-deposit-wrapper > fieldset,
  .ib-form-payments-comfirm > fieldset {
    padding: 55px 72px 30px;
    background-color: var(--white-color);
    margin-bottom: 10px;
  }
  .wraper-page-middle-content > fieldset .wizard-list {
    background-color: var(--white-color);
  }

  .wapper-btn-fixed,
  .wraper-button-fixed-bottom {
    position: static !important;
    padding: 18px 0 !important;
    margin-top: 20px;
  }

  .wapper-btn-fixed .btn-back {
    width: 100%;
  }

  .border-radius-header {
    height: unset;
    background: unset;
  }

  .wizard-item {
    background-color: var(--color-main);
  }

  .btn-takepic {
    height: 100%;
  }

  /* account statement detail */
  .default-body {
    overflow-x: hidden;
    margin-top: 0;
    padding: 158px 252px 0 !important;
    background: #f2f2f2;
  }

  .default-body fieldset {
    background-color: var(--white-color);
    height: 100%;
  }

  /* .btn-export-pdf {
        left: 343px;
        right: 62px;
    } */

  .am-middle-content {
    background-color: #f2f2f2;
  }

  /* wapper-upload-nrc */
  .wapper-upload-nrc > fieldset > div {
    display: flex;
    justify-content: space-between;
    gap: 17px;
  }

  .wapper-upload-nrc > fieldset > div > div {
    flex: 1;
    max-width: calc(100% / 3 - 17px);
  }

  .wapper-upload-nrc > fieldset > div > div > div > div {
    position: relative;
    z-index: 5;
    min-height: 100px;
    background-color: var(--white-color);
  }

  .wapper-upload-nrc > fieldset > div div > div > span {
    position: relative;
    display: inline-block;
  }

  .wapper-upload-nrc > fieldset > div div > div > span i {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 15px;
    height: 15px;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 0.75rem;
    z-index: 11;
  }

  .wapper-upload-nrc > fieldset > div div label {
    position: relative;
    top: 88px;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
  }

  .wapper-upload-nrc > fieldset > div div .fileSelector {
    color: white;
    padding: 17px;
    width: 100% !important;
    height: 102px;
  }

  .wapper-upload-nrc img {
    width: auto !important;
    z-index: 3;
    position: relative;
  }

  .fileSelector > i::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 28%;
    left: calc((100% - 32px) / 2);
  }

  .wapper-upload-nrc > fieldset > div div .fileSelector a {
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
  }

  .formio-component-servicesList {
    display: none;
  }

  .wapper-block-am {
    padding: 158px 252px 0 !important;
    background-color: #f2f2f2 !important;
    height: 100vh;
    min-height: 100vh !important;
    margin-top: 0 !important;
  }

  .wapper-block-am fieldset {
    padding: 26px 76px 48px 56px;
    background-color: var(--white-color);
    min-height: 100vh;
  }

  .wraper-button-fixed-bottom {
    left: 397px;
    right: 137px;
  }

  .wrapper-change-pass-nologin .wraper-button-fixed-bottom,
  .wraper-change-pass-page .wraper-button-fixed-bottom {
    left: 25vw;
    right: 25vw;
  }

  .wapper-circle {
    display: none;
  }

  .wapper-success-detail {
    background-color: #f2f2f2;
  }

  .wapper-success-detail fieldset .wrapper-content-success-body {
    padding: 0 12px;
  }

  .wapper-success-detail fieldset .wrapper-custom-success {
    margin-top: 0;
    padding: 0 72px;
  }

  .wrapper-fav-customer > fieldset > .fieldset-body {
    width: 420px;
  }

  .wapper-header {
    top: 192px;
    left: calc((100vw - 487px) / 2);
    right: calc((100vw - 487px) / 2);
    width: auto;
  }

  .wapper-total-cash-flow {
    padding: 158px 180px 0px !important;
    background-color: #f2f2f2 !important;
    margin: 0 !important;
    min-height: auto;
  }

  .wapper-total-cash-flow fieldset {
    padding: 26px 76px 48px 56px;
    background-color: var(--white-color);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .comfirm-logout-body {
    width: 33%;
  }

  .search-list-user .favorite-body {
    width: 30%;
    min-width: 450px;
    border-radius: 12px;
    top: 40px !important;
    margin: auto;
  }

  .header-favorite-function {
    left: 25%;
    right: 25%;
  }

  .modal-favorite-function .modal-favorite-function-content {
    width: 50%;
  }

  .wrapper-popup {
    width: 40%;
  }

  .wrapper-mb-share-btn > fieldset > .fieldset-body > .custom-btn-save button,
  .wrapper-mb-share-btn > fieldset > .fieldset-body > .custom-btn-share button {
    /* display: none; */
  }

  /* namnh success page start */
  .wrapper-watermark-success > fieldset > .fieldset-body {
    margin-bottom: 0;
    min-height: auto;
    min-width: 400px;
  }

  .box-custom-success::after,
  .wavy-shapes::after {
    background-image: unset !important;
  }

  .wrapper-custom-success,
  .box-custom-success {
    background-color: #fcfcfd;
  }

  .wavy-shapes {
    display: none;
  }

  .wrapper-custom-success {
    border-radius: 8px;
    border: 2px solid #ebedf3;
    filter: none;
    padding: 0 0 12px;
  }

  .wrapper-content-success-body div:not(:last-child) {
    padding-bottom: 12px;
    border-bottom: 1px solid #eaecef;
  }

  .box-custom-success {
    --circle-gradient: unset !important;
  }

  .wavy-shapes {
    --mask: unset !important;
  }

  .settlement-tittle {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #00285a;
  }

  .settlement-amout {
    font-size: 24px;
    font-weight: 700;
    line-height: 38px;
    color: var(--success-600, #039874);
  }

  .settlement-time {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: var(--gray-500, #667085);
  }

  .settlement-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--gray-500, #667085);
  }

  .settlement-detail {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: var(--gray-900, #101828);
  }

  .logo-sucsess-swhe {
    width: 160px;
    margin-top: 32px;
    margin-bottom: 8px;
  }

  .wrapper-mb-share-btn > fieldset > .fieldset-body {
    justify-content: center;
  }

  /* namnh success page end */

  .wraper-button-fixed-bottom {
    left: calc((100vw - 348px) / 2);
    right: calc((100vw - 348px) / 2);
  }

  .page-report {
    padding: 114px 150px 0px !important;
    min-height: auto !important;
  }

  .page-report + .btn-export-pdf {
    padding: 0 150px;
    position: unset;
  }

  .page-report > fieldset > .fieldset-body.active {
    padding: 0;
  }

  .page-report .custom-min-with-pp {
    min-width: 150px;
  }

  .page-report .table-responsive {
    overflow-x: hidden !important;
  }

  .select-time-range {
    z-index: 99999;
    align-items: center;
  }

  .select-time-range-content {
    width: 30vw;
    border-radius: 12px;
  }
  .popup-custom {
    z-index: 100000;
  }
  .popup-custom-content {
    width: 30vw;
  }
  .popup-custom-btn .fieldset-body {
    gap: 30px;
  }
  .popup-custom-btn .fieldset-body > div {
    flex: 1;
  }

  .popup-custom-btn .fieldset-body button {
    width: 100% !important;
  }

  .image-qr-code-wrapper-ib .qr-main {
    width: 100%;
    max-width: 455px;
  }
  .success-image-qr-code .qr-main {
    max-width: unset;
    width: 100%;
  }
  .image-qr-code .qr-main {
    width: 100%;
  }
  .image-qr-code-wrapper-ib.active {
    z-index: 99999;
  }

  button.button-like-link:hover {
    background-color: transparent !important;
  }

  .trans-his-detail-content {
    flex-direction: column;
    align-items: start !important;
  }
  .page-pprequestrefundapprove .trans-his-detail-content,
  .page-pprequestrefundview .trans-his-detail-content,
  .page-pprefundcustomeroriginal .trans-his-detail-content,
  .page-pptransactionhistorydetail .trans-his-detail-content,
  .page-originaltransactiondetail .trans-his-detail-content {
    flex-direction: unset !important;
  }
  .filter-customer-wraper.filter-transaction,
  .filter-customer-wraper {
    background-color: rgba(0, 0, 0, 0.4);
    transition: bottom 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: hidden;
  }

  .filter-customer-wraper.filter-transaction > fieldset,
  .filter-customer-wraper > fieldset {
    width: 40vw;
    background-color: var(--white-color);
    max-height: 100vh;
    overflow-y: auto;
    border-radius: 8px;
  }

  .filter-customer-wraper-header {
    position: unset;
  }

  .filter-customer-wraper
    > fieldset
    > .fieldset-body
    > .wrapper-body:not(:first-child) {
    padding: 0 20px !important;
  }
}

@media (min-width: 1300px) {
  .ib-accordion-waper,
  .main-content {
    max-width: 1200px;
    margin: auto;
  }

  .main-conten {
    overflow: hidden;
  }

  .am-not-home-page-header {
    left: calc((100% - 1200px) / 2);
    right: calc((100% - 1200px) / 2) !important;
  }

  .header-wizard {
    left: 0;
    right: 0;
    width: calc(1200px - 504px);
    margin: auto;
  }

  .btn-export-pdf {
    left: calc((100vw - 696px) / 2);
    right: calc((100vw - 696px) / 2);
  }

  .wraper-button-fixed-bottom {
    left: calc((100vw - 556px) / 2);
    right: calc((100vw - 556px) / 2);
  }

  .wapper-header {
    left: calc((100vw - 696px) / 2);
    right: calc((100vw - 696px) / 2);
  }
}

@media (max-width: 1024px) {
      .wraper-image-item > fieldset > .fieldset-body {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .wraper-upload-image {
    margin: 20px 0;
  }
  .btn-takepic {
    height: 100%;
  }
  .transactions-wapper {
    margin: 15px 16px 15px !important;
  }
  /* .transactions-chart-wraper {
    height: 400px;
  } */
    .transactions-chart-wraper {
    position: relative;
    width: 100% !important;
    height: 300px !important;
  }
  .transactions-chart-wraper canvas {
    width: 100% !important;
    /* height: 100% !important; */
  }
  .wrapper-header.wrapper-header-pp {
    padding: 0 15px;
  }
  .accordion-collapse.collapse,
  .accordion-collapse {
    position: static;
    left: 0;
    background-color: #fff;
    width: 100%;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    height: 0 !important;
  }

  .wapper-header-card .wapper-swiper {
    padding: 0 15px;
    max-width: 365px;
    margin: auto;
    overflow: hidden;
  }
  .swiper-pagination {
    position: static;
  }

  .transactions-wapper,
  .am-middle-content {
    max-width: 765px;
    margin: auto;
  }

  .wapper-carosel-bottom {
    padding-bottom: 0;
    margin: 0 0 40px 0 !important;
  }

  .transactions-wapper {
    margin: 15px auto 15px !important;
  }

  .wrapper-home .am-middle-content {
    max-width: 100%;
  }

  .favorit-menu-wrapper {
    padding: 0;
  }

  .favorit-menu-wrapper,
  .wraper-home-page {
    max-width: 765px;
    margin: auto;
  }

  .wapper-agent-home {
    max-width: 765px;
    width: 100%;
    margin: 0 auto 1rem !important;
  }

  .ib-accordion-waper .bg-custom--light-orange .menu-collapse-item--body ul li {
    margin-left: 47px !important;
  }
  div.btn-remove-menu {
    display: block;
  }

  button.btn-remove-menu {
    background-color: transparent !important;
    color: var(--white-color) !important;
  }

  .wrapper-header-search {
    display: none;
  }

  .customer-header-wraper > div > div > div.formio-form {
    min-height: 64px;
  }
  .wrapper-not-home .customer-header-wraper > div > div > div.formio-form {
    min-height: 25px;
  }
  .menu-left.show {
    z-index: 99999;
  }
}

@media (max-width: 800px) {
  .wapper-carosel-bottom {
    padding-bottom: 0;
    margin: 0 15px 40px 15px !important;
  }

  .favorit-menu-wrapper {
    padding: 0 15px;
  }
  .transactions-wapper {
    margin: 15px !important;
  }

  .wapper-agent-home {
    width: initial;
    margin: 15px !important;
  }
}

@media (max-width: 690px) {
    .wapper-title-trans-his > fieldset > div {
      flex-direction: column;
  }
  .wrapper-icon {
    position: relative;
  }
  /* .transactions-chart-wraper {
    height: 240px;
  } */
  .wraper-card-home .swiper-slide-header {
    margin-bottom: 0px !important;
  }
  .wrapper-header-pp .wrapper-header-avatar,
  .wrapper-header-pp .header-user-info {
    display: none;
  }

  /* Pannel Detail */
  .panel-item.hide {
    display: none;
  }

  .custom-panel-wrapper {
    border-radius: 4px;
    border: 1px solid #e9ebec;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
    margin-bottom: 16px !important;
  }

  .custom-panel-wrapper {
    margin-bottom: 1rem;
  }

  .custom-panel-wrapper > fieldset > .fieldset-body .formio-component-datagrid {
    margin: 30px;
  }

  .custom-panel-wrapper.hide {
    display: none;
  }

  .custom-panel-header {
    text-transform: uppercase;
    padding: 18px 16px;
    color: #71717a;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #fafbfb;
    border-bottom: 1px solid #d8dadb;
  }

  .custom-panel-body {
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    row-gap: 30px;
  }

  .panel-item-title {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 14px;
    color: #008a7d;
    font-size: 15px;
  }

  .panel-item-value {
    color: #1b1b1b;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 200px;
    word-break: break-all;
  }

  /* End detail */

  /* Cuong add */
  .wapper-upload-nrc > fieldset > div > div {
    flex: calc(100% / 1) !important;
    max-width: unset !important;
  }
  .wapper-upload-nrc > fieldset > div {
    flex-wrap: wrap;
  }
  /* End */
}

@media (min-width: 639px) {
  /* thang css */
  .popup-reason {
    position: fixed !important;
    visibility: visible;
    transition: 0.3s;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 26%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    margin: 0;
  }
  .popup-reason.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    margin: 0;
  }
  .popup-reason > fieldset {
    width: 600px;
    background-color: white;
    padding: 24px 16px;
    border-radius: 8px;
  }
  .popup-reason > fieldset p {
    text-align: center;
    font-weight: 600;
    font-size: 1.16rem;
  }
  .wapper-btn-reason > fieldset > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .wapper-btn-reason > fieldset > div > div {
    flex: 1;
  }
  .wapper-button-top {
    position: absolute;
    top: 140px;
    right: calc((100vw - 1200px) / 2 + 20px);
    z-index: 1000;
  }
  .wapper-button-top button,
  .wapper-button-top button:hover,
  .wapper-button-top button:focus {
    border-radius: 4px !important;
    background-color: var(--green-color-2) !important;
    color: var(--white-color) !important;
  }

  .wraper-button-add-role,
  .wraper-button-add-role:hover,
  .wraper-button-add-role:focus {
    border-radius: 4px !important;
    background-color: var(--green-color-2) !important;
    color: var(--white-color) !important;
  }
  .table-responsive {
    overflow-x: auto !important;
  }
  .page-originaltransactiondetail
    .wraper-image-popup.active
    .modal-image-popup
    .image-popup {
    max-width: 600px;
    max-height: 400px;
  }
  .page-pprequestrefundview .trans-detail-item,
  .page-pprequestrefundapprove .trans-detail-item,
  .page-pprefundcustomeroriginal .trans-detail-item,
  .page-pptransactionhistorydetail .trans-detail-item,
  .page-originaltransactiondetail .trans-detail-item,
  .wapper-image > fieldset > .fieldset-body > div {
    flex-direction: column;
    width: calc(100% / 4 - 20px) !important;
  }
  .page-pprequestrefundview .trans-detail-item-title,
  .page-pprequestrefundapprove .trans-detail-item-title,
  .page-pprequestrefundapprove .trans-detail-item-value,
  .page-pprequestrefundview .trans-detail-item-value,
  .page-pprefundcustomeroriginal .trans-detail-item-title,
  .page-pprefundcustomeroriginal .trans-detail-item-value,
  .page-pptransactionhistorydetail .trans-detail-item-title,
  .page-pptransactionhistorydetail .trans-detail-item-value,
  .page-originaltransactiondetail .trans-detail-item-title,
  .page-originaltransactiondetail .trans-detail-item-value {
    display: block;
    text-align: left !important;
    word-wrap: break-word;
  }
  .trans-detail-item-title {
    color: #008a7d;
    font-size: 1rem;
  }
  .trans-detail-item-value {
    font-size: 1.125rem;
  }
  .trans-his-detail-content,
  .wapper-image > fieldset > .fieldset-body {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .trans-detail-content {
    border-radius: unset;
  }
  .ib-detail-page-title {
    background-color: #fafbfb;
    margin-bottom: 0px;
    padding: 16px;
    border-bottom: 2px solid #d8dadb;
    color: #71717a;
  }
  .wraper-button-fixed-bottom-refund > fieldset > div:first-child {
    position: static;
    gap: 20px;
    background-color: transparent !important;
  }
  .page-pptransactionhistorydetail
    .wraper-button-fixed-bottom
    > fieldset
    > div {
    justify-content: center;
  }
  .page-pptransactionhistorydetail
    .wraper-button-fixed-bottom
    > fieldset
    > div
    > div {
    max-width: 300px;
  }
  .wapper-btn-fixed .btn-back {
    width: 100%;
  }
  .box-authen-custom > fieldset > div {
    display: flex;
    gap: 20px;
    border-radius: 0px !important;
    padding: 20px 0;
  }
  .box-authen-custom > fieldset > div > div {
    width: 33%;
  }
  .wraper-button-fixed-bottom-refund > fieldset > div {
    display: flex;
    justify-content: center;
  }
  button.custom-reject-refund,
  button.custom-reject-refund:hover,
  button.custom-reject-refund:focus {
    background-color: #960505 !important;
    color: var(--white-color) !important;
    width: 150px;
    border-radius: 6px !important;
    border: none !important;
  }
  button.custom-approve-refund,
  button.custom-approve-refund:hover,
  button.custom-approve-refund:focus {
    color: var(--white-color) !important;
    background-color: var(--color-main) !important;
    width: 150px;
    border-radius: 6px !important;
    border: none !important;
  }
  .page-pprequestrefundforcustomer .table-bordered thead tr th:nth-child(9) {
    text-align: center !important;
  }
  /* thang css end */
}