@import url(http://bank.medilee.com/assets/dcc-global.css);

.account-title, .amount-balance, .fund-market-value-amount, .fund-name-title {
  font-size: 2.2rem;
  line-height: 3rem;
  color: #333;
  font-family: "UniversNextforHSBC-Light", "Arial", "sans-serif"
}

body {
  background: #fff !important;
  font-family: var(--font-family, "UniversNextforHSBC-Regular", "Arial", "sans-serif") !important;
}

@media print {
  table {
    background: #fff !important
  }

  .table th {
    background-color: #ededed !important
  }

  .table-bordered td, .table-bordered th {
    border: 1px solid #ccc !important
  }
}

#print-message-details {
  padding: 30px 0 0
}

.hr--light {
  width: 100%;
  border-bottom: 1px solid #000;
  opacity: .15;
  margin: 25px 0
}

.print-hsbc-logo {
  height: 4rem;
  width: inherit !important;
  padding-bottom: .5rem
}

.account-details-error, .al-error-container, .al-error-icon, .cc-tab1-unselected, .cc-tab2-unselected, .cc-tabs-dropdown, .td-tab1-unselected, .td-tab2-unselected, .td-tabs-dropdown, .acc-tab1-unselected, .acc-tab2-unselected, .acc-tabs-dropdown, .clear-filter-button, .flag-pos, .form-disclaimer-submit, .hide-for-print, .icon.icon-font-size.icon-header, .mat-form-field-suffix, .mobile-account-dropdown-icon, .mobile-fund-dropdown-icon, .mobile-buttons-panel, .pay-mange-btn, .search-box-icon, .search-button-width, .show-more-button-panel, .sort-dropdown, .table-row-column6 button, .table.mobile-table, .transactions-history-button-panel, .transactions-search-history-button-panel, .unrecognized-transaction-panel, .validation-error-panel, .view-more-details, .know-more-about-transactions.d-inline-flex, .view-more-details.d-inline-flex.view-less-details, .fund-details-morningstar-link , date-picker, dcc-search-field, error-display, full-page-error, select-account-dropdown button, select-fund-dropdown button, th .d-inline-flex, .account-summary-print-panel, .certificate-summary-print-panel, .interac-print-panel, wealth-dashboard-button {
  display: none !important
}

#remittance-referred-doc-info{
  padding-bottom: 3rem;
}

.remittance-info-label {
  margin-bottom: 3rem;
  font-size: 2rem;
  font-weight: lighter;
  border-bottom: 0.1rem solid #d6d7d8;
  border-top: none;
  padding-bottom: 3rem;
  margin-right: 20rem;
}

.remittance-details-body{
  width: 100%;
  padding-left: 20rem;
}


.remittance-details-panel {
  font-size: 1.5rem;
}

.remittance-details-panel dl {
  margin-top: 1rem;
  display: flex;
}

.remittance-details-panel dl>dt {
  width: 27%;
  padding-right: 2rem;
  font-weight: normal;
}

.remittance-details-panel dl>dd {
  width: 60%;
  font-weight: normal;
  word-wrap: break-word;
}

.certificate-des-row-1{
  padding-top:1rem !important;
  padding-bottom:0 !important;
}

.certificate-des-row-2{
  border: none !important;
  padding: 1rem !important;
}

.certificate-des-row-3{
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: 1rem !important;
}

.certificate-des-row-1 .description-detail-row, .certificate-des-row-2 .description-detail-row, .certificate-des-row-3 .description-detail-row{
  display: flex;
}

#certificate-description-label{
  width: 45%;
  color: #666666;
}

.col-lg-12.col-md-12.col-sm-12.col-xs-12.m-p {
  padding-left: 0;
  padding-right: 0
}

.account-title, .fund-name-title {
  margin: 0;
  overflow: hidden;
  width: 100%;
  word-break: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-decoration: inherit;
  border: none
}

.account-title pre {
  margin-bottom: 0
}

.account-summary-panel-container {
  background: #fff;
  position: relative;
  margin-bottom: 20px
}

.account-summary-body, .fund-details-body {
  justify-content: space-between;
  width: 100%
}

.account-summary-title-detail {
  width: 66%
}

.account-title, .fund-name-title {
  display: block;
  margin-bottom: 7.5px
}

.flag-pos {
  margin-right: 20px
}

.right-account-details, .right-fund-details {
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.account-amount {
  align-items: baseline;
  margin-bottom: 0
}

.amount-balance {
  padding-right: 5px;
  margin-bottom: 0 !important
}

.account-detail-label, .account-detail-value, .account-number-value, .amount-currency, .fund-detail-label, .fund-detail-value, .fund-value-currency {
  font-size: 1.4rem;
  font-family: "UniversNextforHSBC-Regular", "Arial", "sans-serif";
  line-height: 1.8rem
}

.print-detail-value {
  white-space: nowrap
}

.amount-currency {
  color: #666;
  margin-bottom: 0 !important
}

.account-detail-row{
  margin-bottom: 15px;
  display: flex
}

.fund-details-row {
  margin-bottom: 1rem;
}

.account-detail-label div, .fund-detail-label div {
  font-size: 1.4rem
}

p.account-detail-label, p.fund-detail-label {
  width: auto
}

.account-detail-label, .fund-detail-label  {
  color: #666;
  padding-right: 5px;
}
.fund-detail-label  {
  float: left;
  clear: left;
  font-weight: 400;
}

.account-detail-value {
  color: #333
}

.right-account-details .account-detail-row .account-detail-value, .right-account-details .account-detail-row .account-detail-label {
  text-align: right;
}

.right-account-details .account-detail-row{
  flex-wrap: wrap;
}

.al-error-domestic, .al-error-overseas {
  width: 50%;
  display: flex
}

#account-number-label {
  padding-right: 5px;
  margin-bottom: 10px
}

.m-0, table {
  margin: 0
}

.account-number-value {
  color: #333
}

.al-error-body {
  padding-top: 30px
}

.al-error-heading {
  font-family: "UniversNextforHSBC-Light", "Arial", "sans-serif";
  font-size: 2rem;
  margin: 0;
  color: #333
}

.al-error-details {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  font-family: "UniversNextforHSBC-Regular";
  font-size: 1.4rem
}

.al-error-domestic {
  border-right: 1px solid #d9d9d9;
  margin-right: 20px
}

.al-errtxt {
  color: #333
}

.zero-transaction {
  padding-top: 30px;
  padding-left: 20px;
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-family: var(--font-family, "UniversNextforHSBC-Regular", "Arial", "sans-serif") !important;
  color: #333
}

.search-label, .search-value, .billing-cycle-value, .account-holder-value {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: var(--font-family, "UniversNextforHSBC-Regular", "Arial", "sans-serif") !important;
}

.transaction-history-position {
  padding-left: 0;
  padding-right: 0
}

.flex-row-print {
  flex-direction: row !important;
  width: 100%
}

.form-input-control {
  width: 50%;
  padding: 0 0 1rem 0
}

.cc-tab1, .cc-tab2, .td-tab1, .td-tab2, .header-btn, .acc-tab1, .acc-tab2 {
  border: none;
  background: content-box;
  padding-left: 0
}

transaction-search-panel {
  width: 100%
}

.search-label {
  margin-right: 1rem;
  color: #666
}

.dateclass.mat-input-element.mat-form-field-autofill-control, .input-text.validate-field.search-input {
  border: none
}

.cc-tab1, .cc-tab2, .td-tab1, .td-tab2, .acc-tab1, .acc-tab2 {
  font-size: 1.6rem;
  color: #333
}

.header-btn, th {
  font-size: 1.4rem;
  line-height: 1.6rem
}

.cc-tab-space-lg, .td-tab-space-lg, .acc-tab-space-lg {
  padding-bottom: 1rem;
}

.header-btn {
  font-weight: 700;
  font-family: var(--font-family, "UniversNextforHSBC-Regular", "Arial", "sans-serif") !important;
  color: #333;
  padding-right: 0
}

.transaction-history-header, .print-search-heading{
  padding-bottom: 1rem;
}

.transaction-results{
  padding-top: 2rem;
}

td, th {
  font-family: var(--font-family, "UniversNextforHSBC-Regular", "Arial", "sans-serif") !important;
  color: #333;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word
}

table {
  border-bottom: 1px solid #ccc
}

th {
  padding: 15px 10px !important;
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  vertical-align: initial !important
}

td {
  padding: 20px 10px !important;
  font-size: 1.6rem;
  line-height: 2rem;
  border-top: 1px solid #ccc;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap
}

tbody, thead {
  border-bottom: none !important;
  border-top: none !important;
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important
}

.border-none, .description-row-td {
  border: none !important
}

.table thead th {
  vertical-align: auto !important
}

.table-header-column1, .table-row-column1 {
  padding-left: 20px !important
}

.right-align-text {
  text-align: right
}

.align-bottom {
  vertical-align: bottom
}

.description-row-td {
  padding: 0 !important
}

.description {
  border-top: 1px solid #ccc;
  padding: 20px 10px
}

.description-pad-change {
  border-top: 1px solid #ccc;
  padding: 3rem 1rem 2rem
}

.fps-description {
  border-top: 0.1rem solid #ccc;
  padding: 3rem 1rem 2rem;
}

.left-description-border {
  display: block;
  width: 90%;
  border-top: 1px solid #ccc;
  float: right
}

.cc-description-row, .td-details-row {
  display: flex
}

.cc-description-row .description-label {
  color: #666
}

.td-details-row .details-label {
  color: #666
}

.right-description-border.cc-right-description-border {
  width: 93%
}

.description-label {
  width: 50%
}

.details-label {
  width: 47%
}

.description-value {
  width: 50%;
  word-break: break-word
}

.details-value {
  width: 100%;
  word-break: break-word
}

.right-description-border {
  display: flex;
  border-top: 1px solid #ccc;
  width: 97%;
  height: 100%;
  overflow: auto;
  justify-content: flex-end
}

@media (min-width: 760px) and (max-width: 959px) {
  .hr--light {
    margin: 20px 0
  }

  .account-amount, .account-summary-panel-quick-link-collapsed-container {
    bottom: 11.7rem
  }

  .flag-pos {
    margin-right: 18px
  }

  .amount-balance, .amount-currency, .fund-market-value-amount, .fund-value-currency{
    margin-bottom: 0 !important
  }

  #account-number-label, .account-detail-row {
    margin-bottom: 10px;
    flex-wrap: wrap;
  }

  .zero-transaction {
    padding-top: 27px;
    padding-left: 18px
  }

  th {
    padding: 13px 9px !important
  }

  td {
    padding: 18px 9px !important
  }

  .table-row-column1 {
    padding-left: 18px
  }

  .table-header-column1 {
    padding-left: 18px !important
  }

  .table-header-column6, .table-row-column6 {
    padding-right: 18px
  }
}

.mobile-switch-button{
  display: none !important;
}
.padding-top-2{
  padding-top: 2rem;
}
.border-right-1 {
  border-right: 0.1rem solid #ccc !important;
}
.description.print-td-details {
  padding: 3rem 0 3rem 6rem;
}
.account-tag{
  font-size: 1.1rem;
  line-height: 0px;
  font-family: "UniversNextforHSBC-Medium", "Arial", "sans-serif";
  color: #767676;
  border: 1px solid #d9d9d9;
  padding-top: 1rem;
  padding-bottom: 0.7rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
  top: -0.4rem;
}
.visually-hidden,.hideOptions{
  display: none !important;
}
.print-warning{
  display: block !important;
  padding-top: 10px;
}
@font-face {
  font-family:"HSBCIcon-Font";
  src:url("/etc.clientlibs/hsbc/dcc/clientlibs/assets/resources/fonts/HSBCIcon-Font.eot");
  src:url("/etc.clientlibs/hsbc/dcc/clientlibs/assets/resources/fonts/HSBCIcon-Font.eot") format("embedded-opentype"),
  url("/etc.clientlibs/hsbc/dcc/clientlibs/assets/resources/fonts/HSBCIcon-Font.woff") format("woff"),
  url("/etc.clientlibs/hsbc/dcc/clientlibs/assets/resources/fonts/HSBCIcon-Font.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
}
.account-disclaimer-button{
  display: none;
}
.disclaimer-panel {
  display: flex;
  overflow: hidden;
  margin-top: 40px;
}
.disclaimer{
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #d6d7d8;
  border-bottom: 1px solid #d6d7d8;
  display: flex;
  width: 100%;
}
.disclaimer-text-list{
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: "UniversNextforHSBC-Regular", "Arial", "sans-serif";
  padding-top: 15px;
  max-width: 100%;
  margin: 0px;
}
.disclaimer-heading-details{
  margin: 0px;
  font-size: 2.2rem;
  line-height: 2.4rem;
  font-family: "UniversNextforHSBC-Light", "Arial", "sans-serif";
}
.alert{
  display: flex;
}

.icon-circle-error{
  display: flex;
  position: relative;
  top: 16px;
}
.icon-circle-print{
  top: 13px !important;
}

.unable-to-display-value {
  position: relative;
  bottom: 0.7rem;

}

.account-detail-value-left {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333;
  font-family: "UniversNextforHSBC-Regular", "Arial", "sans-serif";
  position: relative;
  bottom: 1.4rem;
}

.account-detail-value-left .icon {
  font-size: 2.2rem;
}
.account-detail-value-left .unable-to-display-value {
  position: relative;
  left: 2.7rem;
}

.account-detail-value-right {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333;
  font-family: "UniversNextforHSBC-Regular", "Arial", "sans-serif";
  position: relative;
  bottom: 1.4rem;
  width:17rem;
}

.account-detail-value-right .icon {
  font-size: 2.2rem;
  position: relative;
  left: 3.5rem;
}


.tabs-on-print{
  border:none;
  background:content-box;
  padding-left:0px;
  font-size:1.6rem;
  color:#333;
  padding-bottom: 10px;
}
.print-display-none{
  display: none !important;
}
h2 {
  margin: 0px !important;
}
.mat-form-field-infix {
  display: none;
}

.alert-icon {
  background: url(/etc.clientlibs/hsbc/dcc/HSBC-Dashboard/clientlibs/assets/resources/icons/general_icon_sprite.svg) no-repeat;
  display: inline-flex;
  margin: auto 0px auto 0px;
}
@-moz-document url-prefix() {
  .alert-icon {
    background: url(/etc.clientlibs/hsbc/dcc/HSBC-Dashboard/clientlibs/assets/resources/icons/dashboard_icons_small.png) no-repeat;
    display: inline-flex;
    margin: auto 0px auto 0px;
  }
}
/* only IE specific placeholder not displayed correctly */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .alert-icon {
    background: url(/etc.clientlibs/hsbc/dcc/HSBC-Dashboard/clientlibs/assets/resources/icons/dashboard_icons_small.png) no-repeat;
    display: inline-flex;
    margin: auto 0px auto 0px;
  }
}
.alert-icon-information {
  width: 21px;
  height: 23px;
  background-position: -434px 0;
  margin: 3px 10px 0 10px;
}

alert-display {
  width: 100%;
}

.alert-information {
  background: #EBEFF4;
  border-color: #305A8F;
  color: #333333;
}

.partial-error .alert-information{
  background-color: transparent;
  border: 0 !important;
}

.partial-error .alert-information .alert-icon-information{
  display: none;
}

.account-summary-header {
  padding-bottom: 25px;
}

.dash-separator-print {
  margin: 0 1rem;
}

.hide-line {
  border-top: none;
  padding-top: 0;
}

.customer-segment-highlight{
  color: #d40d0d;
  white-space: nowrap !important ;
}

.static-text-box{
  width: 100%;
  border: 0.1rem solid #333333;
  padding: 1rem;
  margin-top: 3rem;
  font-family: "UniversNextforHSBC-Regular", "Arial", "sans-serif";
  font-size: 1.6rem;
}

.right-account-details, .right-fund-details {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align-last: right;
}
.cust-name-single-line{
  width:auto;
  font-size:1.4rem;
}
.hide-bottom-two-rows p:nth-last-child(-n+2){
  display: none;
}

.account-holder-property {
  display: flex;
}

.account-holder-prop {
  margin-bottom: 0;
  margin-right: 0.5rem;
}

.date-range-hiphen-print {
  margin: 0 1rem;
}

.margin-for-pending {
  margin-right: 5%;
  margin-top: 0.5rem;
}

.icon-time-pending {
  display: inline-flex;
  margin: auto 0 auto 0.5rem;
  font-size: 1.4rem;
  width: 1.2rem;
  height: 1.2rem;
}