/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./style/css/css_osh/styles.less ***!
  \****************************************************************************************************************************************************/
/**** NEW COLORS PARAMS ***/
/********************************************************New Design Colors**********************************************************/
#prev-transfers-content .retail-global-error {
  box-shadow: none;
}
#prev-transfers-content .link-wrapper {
  padding-top: 30px;
  margin-top: 30px;
  max-width: 1124px;
  margin: 0 auto;
}
#prev-transfers-content .link-wrapper a {
  color: #4bc87d;
  font-size: 14px;
  text-decoration: underline;
}
#prev-transfers-content .dropdown-menu .spaceLinks a {
  padding: 6px 15px;
}
#prev-transfers-content .print-section {
  float: left;
}
#prev-transfers-content .type-error {
  position: absolute;
  right: 0;
  top: 39px;
  width: 300px;
  line-height: 12px;
  font-size: 12px;
}
#prev-transfers-content .advanced-tags-wrapper {
  background: #e7f1f9;
  padding: 20px;
}
#prev-transfers-content .advanced-tags-wrapper .no-result {
  font-weight: 500;
  text-align: center;
  padding: 20px;
}
#prev-transfers-content .advanced-tags-wrapper .remove-tag {
  position: relative;
  height: 100%;
  display: inline-block;
  width: 20px;
  color: transparent;
  cursor: pointer;
}
#prev-transfers-content .advanced-tags-wrapper .remove-tag:before,
#prev-transfers-content .advanced-tags-wrapper .remove-tag:after {
  content: '';
  top: 50%;
  left: 50%;
  width: 2px;
  height: 15px;
  display: block;
  position: absolute;
  border-radius: 1px;
  background-color: #4bc87d;
}
#prev-transfers-content .advanced-tags-wrapper .remove-tag:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#prev-transfers-content .advanced-tags-wrapper .remove-tag:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#prev-transfers-content .advanced-tags-wrapper .remove-tag.dotType {
  cursor: default;
}
#prev-transfers-content .advanced-tags-wrapper .remove-tag.dotType:before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
#prev-transfers-content .advanced-tags-wrapper .remove-tag.dotType:after {
  display: none;
}
#prev-transfers-content .advanced-tags-wrapper .remove-all-tags {
  color: #4bc87d;
}
#prev-transfers-content .advanced-tags-wrapper .tag-item {
  margin-left: 15px;
}
#prev-transfers-content .btnHelp {
  background-size: 21px;
}
#prev-transfers-content .top-filter-row .include-wrapper .date-filter,
#prev-transfers-content .top-filter-row .include-wrapper .type-filter {
  padding-left: 15px;
}
#prev-transfers-content .top-filter-row .include-wrapper .date-filter button,
#prev-transfers-content .top-filter-row .include-wrapper .type-filter button {
  width: 170px;
}
#prev-transfers-content .filters {
  height: 70px;
  padding: 17px 30px;
}
#prev-transfers-content .filters .date-filter,
#prev-transfers-content .filters .type-filter {
  padding-left: 15px;
}
#prev-transfers-content .filters .date-filter.active,
#prev-transfers-content .filters .type-filter.active {
  display: none;
}
#prev-transfers-content .filters .advanced-search-btn-text {
  display: inline-block;
  color: #7d91a1;
  font-size: 14px;
}
#prev-transfers-content .filters .type-error-advance {
  position: absolute;
  right: 0;
  bottom: -15px;
  width: 300px;
  line-height: 12px;
  font-size: 12px;
}
#prev-transfers-content .advance-search,
#prev-transfers-content .advanced-search-wrapper {
  position: relative;
  background-color: #e7f1f9;
}
#prev-transfers-content .advance-search [class^='col-'],
#prev-transfers-content .advanced-search-wrapper [class^='col-'] {
  padding-left: 5px;
  padding-right: 5px;
}
#prev-transfers-content .advance-search .error-wrapper,
#prev-transfers-content .advanced-search-wrapper .error-wrapper {
  height: 12px;
  font-size: 12px;
  color: #fb5f5f;
}
#prev-transfers-content .advance-search .inner-advance-search,
#prev-transfers-content .advanced-search-wrapper .inner-advance-search {
  padding: 30px 0;
}
#prev-transfers-content .advance-search .inner-advance-search .sec-row,
#prev-transfers-content .advanced-search-wrapper .inner-advance-search .sec-row {
  margin-top: 30px;
}
#prev-transfers-content .advance-search .datepickerDropdown input,
#prev-transfers-content .advanced-search-wrapper .datepickerDropdown input,
#prev-transfers-content .advance-search .input-group,
#prev-transfers-content .advanced-search-wrapper .input-group {
  width: 100%;
}
#prev-transfers-content .advance-search .closeSearch,
#prev-transfers-content .advanced-search-wrapper .closeSearch {
  position: absolute;
  top: 12px;
  width: 20px;
  height: 20px;
  right: 25px;
}
#prev-transfers-content .advance-search .closeSearch:before,
#prev-transfers-content .advanced-search-wrapper .closeSearch:before {
  content: "";
  background-image: url(media/images/iconCloseSearch.bc1326225a62d2d8626c..png);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
}
#prev-transfers-content .advance-title {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #4e5664;
  margin-bottom: 10px;
}
#prev-transfers-content .input-advance {
  width: 100%;
  height: 36px;
  padding: 0 12px;
  border-radius: 50px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
#prev-transfers-content .input-advance.ben {
  padding-left: 26px;
}
#prev-transfers-content .input-prev-transfer {
  width: 100%;
}
#prev-transfers-content .container-fluid {
  background-color: #ffffff;
  margin: 0 auto;
  width: 90%;
}
#prev-transfers-content .loader-table {
  position: absolute;
  right: 50%;
  margin-top: 83px;
  z-index: 9999999999999999;
}
#prev-transfers-content button:disabled {
  opacity: 0.6;
}
#prev-transfers-content .generalTable.table-load {
  opacity: 0.6;
}
#prev-transfers-content .main-table-row tbody tr:hover {
  background-color: #ebf2f8;
}
.previous-transfers-modal-wrapper .expanded-view-container .tableSide .previousTransfer {
  padding: 0 40px;
}
@media (max-width: 1024px) {
  .previous-transfers-modal-wrapper .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .tableSide .tableSection.detailsTab .table-scroll tr td {
    border-top: 0;
    border-bottom: 0;
  }
  .previous-transfers-modal-wrapper .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .tableSide .tableSection.detailsTab .table-scroll tr td:nth-child(2) {
    padding: 0 15px;
    font-size: 16px;
  }
  #prev-transfers-content {
    width: 100%;
    padding: 0;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row {
    padding-left: 0;
    padding-right: 0;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .include-wrapper,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .include-wrapper {
    padding-left: 0;
    padding: 0;
    width: calc(100% - 100px);
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .include-wrapper filters-partial2,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .include-wrapper filters-partial2 {
    gap: 0;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .include-wrapper .date-filter,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .include-wrapper .date-filter {
    width: 55%;
    padding-left: 0;
    max-width: 220px;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .include-wrapper .type-filter,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .include-wrapper .type-filter {
    width: 45%;
    max-width: 178px;
    padding-left: 10px;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .include-wrapper .date-filter button,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .include-wrapper .date-filter button,
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .include-wrapper .type-filter button,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .include-wrapper .type-filter button {
    width: 120px;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .advanced-search-btn,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .advanced-search-btn {
    width: 14%;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .advanced-search-btn .advanced-search-window-btn .advanced-search-btn-icon,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .advanced-search-btn .advanced-search-window-btn .advanced-search-btn-icon {
    display: block;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .advanced-search-btn .advanced-search-window-btn .advanced-search-btn-text,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .advanced-search-btn .advanced-search-window-btn .advanced-search-btn-text {
    display: none;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .print-section,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .print-section {
    display: none;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .advanced-search-wrapper .search-container .search-include .inner-advance-search .inner-field-float,
  #prev-transfers-content advanced-search2 .advanced-search-directive .advanced-search-wrapper .search-container .search-include .inner-advance-search .inner-field-float {
    float: right;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .advanced-search-wrapper .search-container .search-include .inner-advance-search .sec-row,
  #prev-transfers-content advanced-search2 .advanced-search-directive .advanced-search-wrapper .search-container .search-include .inner-advance-search .sec-row {
    margin-top: 0;
    padding: 0;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .advanced-search-wrapper .advanced-search-btn-wrapper,
  #prev-transfers-content advanced-search2 .advanced-search-directive .advanced-search-wrapper .advanced-search-btn-wrapper {
    display: flex;
    justify-content: center;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .advanced-search-wrapper .advanced-search-btn-wrapper .advanced-search-btn,
  #prev-transfers-content advanced-search2 .advanced-search-directive .advanced-search-wrapper .advanced-search-btn-wrapper .advanced-search-btn {
    line-height: 14px;
    font-size: 14px;
    height: 36px;
  }
  #prev-transfers-content advanced-search .advanced-search-directive .input-prev-transfer,
  #prev-transfers-content advanced-search2 .advanced-search-directive .input-prev-transfer {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .include-wrapper,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .include-wrapper {
    width: 52%;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  #prev-transfers-content advanced-search .advanced-search-directive .top-filter-row .advanced-search-btn,
  #prev-transfers-content advanced-search2 .advanced-search-directive .top-filter-row .advanced-search-btn {
    width: 6%;
  }
}
@media (max-width: 1024px) and (max-width: 767px) {
  #prev-transfers-content advanced-search .advanced-search-directive .advanced-search-wrapper .search-container .search-include .inner-advance-search .inner-field-space,
  #prev-transfers-content advanced-search2 .advanced-search-directive .advanced-search-wrapper .search-container .search-include .inner-advance-search .inner-field-space {
    margin-top: 15px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  #prev-transfers-content advanced-search .advanced-search-directive .input-prev-transfer,
  #prev-transfers-content advanced-search2 .advanced-search-directive .input-prev-transfer {
    font-size: 14px;
  }
}
@media print {
  #main-content.PreviousTransfers-osh {
    max-width: 700px;
    width: 100% !important;
  }
  #main-content.PreviousTransfers-osh #prev-transfers-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
  }
}
#savePDF #main-content.PreviousTransfers-osh {
  width: 100% !important;
}
#print #main-content.PreviousTransfers-osh .rc-table .rc-table-td:last-child,
#savePDF #main-content.PreviousTransfers-osh .rc-table .rc-table-td:last-child {
  display: none !important;
}
#print #main-content.PreviousTransfers-osh .rc-table .rc-table-td:nth-child(2),
#savePDF #main-content.PreviousTransfers-osh .rc-table .rc-table-td:nth-child(2) {
  width: 17% !important;
}
.slighlty-to-left {
  transform: translateX(-12px);
}
.mk-aweb-menu-open-accessibility-panel {
  display: none;
}
.accessibility-intro-message-wrapper {
  height: 1px;
  margin-top: 25px;
}
.accessibility-intro-message-wrapper .accessibility-intro-message {
  position: absolute;
  font-size: 12px;
}
.circle-badge {
  position: absolute;
  top: -10px;
  right: 10px;
  height: 19px;
  width: 19px;
  line-height: 19px;
  text-align: center;
  border-radius: 50px;
  background: #26643f;
  color: white;
  font-weight: bold;
  font-size: 13px;
  font-family: josefin sans;
  margin-left: auto;
  margin-right: auto;
}
.disc-list {
  list-style: disc !important;
}
.bg-white {
  background-color: white;
}
.bg-light-blue {
  background-color: #e7f1f9;
}
.bg-light-green {
  background-color: #ebf8f0;
}
.overflow-hidden {
  overflow: hidden;
}
.monospace-family {
  font-family: 'FreeMono', monospace;
  font-weight: 700;
}
.bold-row td {
  font-weight: 500;
}
.fixedLayout table {
  table-layout: fixed;
}
.fixedLayout thead tr {
  table-layout: fixed;
}
.disable-color {
  color: #7d91a1;
  fill: #7d91a1;
}
.font-rubik {
  font-family: "Rubik";
}
.pre-line {
  white-space: pre-line;
}
.break-word {
  word-wrap: break-word;
}
.cs-spa-retail-content .generalTable.first-col-padding th:first-of-type,
.cs-spa-retail-content .generalTable.first-col-padding td:first-of-type {
  padding-right: 64px;
}
.font-size-0 {
  font-size: 0 !important;
}
.font-size-20 {
  font-size: 2rem;
}
.font-size-18 {
  font-size: 1.8rem;
}
.font-size-16 {
  font-size: 1.6rem;
}
.font-size-15 {
  font-size: 1.5rem;
}
.font-size-12 {
  font-size: 1.2rem;
}
.font-size-10 {
  font-size: 1rem;
}
.font-size-23 {
  font-size: 2.3rem;
}
.font-size-26 {
  font-size: 2.6rem;
}
.font-size-36 {
  font-size: 3.6rem;
}
.font-size-medium {
  font-size: medium;
}
.display-inline-block {
  display: inline-block;
}
.inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.direction-ltr {
  direction: ltr;
  text-align: right;
}
.direction-rtl {
  direction: rtl;
}
.text-ltr {
  direction: ltr;
  text-align: left;
}
.direction-ltr-only {
  direction: ltr;
}
.color-red {
  color: #fb5f5f;
}
.color-error {
  color: #fb5f5f;
}
.color-green {
  color: #4bc87d;
}
.color-black {
  color: #000000;
}
.text-align-center {
  text-align: center;
}
.text-aling-right {
  text-align: right;
}
.text-align-left {
  text-align: left;
}
.general-card {
  padding: 15px 20px;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
}
.general-card-noPadding {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
}
.cs-spa-retail-content .rubik-regular {
  font-weight: 400 !important;
}
.cs-spa-retail-content .rubik-medium {
  font-weight: 500;
}
.cs-spa-retail-content .rubik-bold {
  font-weight: 700;
}
.cs-spa-retail-content b.rubik-bold {
  font-weight: 700;
}
.cs-spa-retail-content .margin-auto {
  margin: auto;
}
.cs-spa-retail-content .margin-l-6 {
  margin-left: 6px;
}
.cs-spa-retail-content .margin-l-8 {
  margin-left: 8px;
}
.cs-spa-retail-content .margin-l-16 {
  margin-left: 16px;
}
.cs-spa-retail-content .margin-l-18 {
  margin-left: 18px;
}
.cs-spa-retail-content .margin-l-12 {
  margin-left: 12px;
}
.cs-spa-retail-content .margin-l-24 {
  margin-left: 24px;
}
.cs-spa-retail-content .margin-l-50 {
  margin-left: 50px;
}
.cs-spa-retail-content .margin-t-32 {
  margin-top: 32px;
}
.cs-spa-retail-content .margin-t-64 {
  margin-top: 64px;
}
.cs-spa-retail-content .margin-t-40 {
  margin-top: 42px;
}
.cs-spa-retail-content .margin-t-42 {
  margin-top: 42px;
}
.cs-spa-retail-content .margin-b-14 {
  margin-bottom: 14px;
}
.cs-spa-retail-content .margin-b-32 {
  margin-bottom: 32px;
}
.cs-spa-retail-content .margin-b-40 {
  margin-bottom: 40px;
}
.cs-spa-retail-content .margin-b-64 {
  margin-bottom: 64px;
}
.cs-spa-retail-content .margin-b-10 {
  margin-bottom: 10px;
}
.cs-spa-retail-content .margin-b-24 {
  margin-bottom: 24px;
}
.cs-spa-retail-content .margin-b-144 {
  margin-bottom: 144px;
}
.cs-spa-retail-content .margin-t-20 {
  margin-top: 20px;
}
.cs-spa-retail-content .margin-t-25 {
  margin-top: 25px;
}
.cs-spa-retail-content .margin-t-24 {
  margin-top: 24px;
}
.cs-spa-retail-content .margin-t-16 {
  margin-top: 16px;
}
.cs-spa-retail-content .margin-t-10 {
  margin-top: 10px;
}
.cs-spa-retail-content .margin-t-8 {
  margin-top: 8px;
}
.cs-spa-retail-content .margin-b-16 {
  margin-bottom: 16px;
}
.cs-spa-retail-content .margin-r-4 {
  margin-right: 4px;
}
.cs-spa-retail-content .margin-r-8 {
  margin-right: 8px;
}
.cs-spa-retail-content .margin-r-14 {
  margin-right: 14px;
}
.cs-spa-retail-content .margin-r-16 {
  margin-right: 16px;
}
.cs-spa-retail-content .margin-r-18 {
  margin-right: 18px;
}
.cs-spa-retail-content .margin-r-20 {
  margin-right: 40px;
}
.cs-spa-retail-content .margin-r-45 {
  margin-right: 45px;
}
.cs-spa-retail-content .margin-r-24 {
  margin-right: 24px;
}
.cs-spa-retail-content .margin-r-32 {
  margin-right: 32px;
}
.cs-spa-retail-content .margin-10 {
  margin: 10px;
}
.cs-spa-retail-content .margin-l-auto {
  margin-left: auto;
}
.cs-spa-retail-content .margin-0 {
  margin-right: 0;
}
.cs-spa-retail-content .padding-15 {
  padding: 15px;
}
.cs-spa-retail-content .padding-top-20 {
  padding-top: 20px;
}
.cs-spa-retail-content .padding-b-4 {
  padding-bottom: 4px;
}
.cs-spa-retail-content .padding-b-20 {
  padding-bottom: 20px;
}
.cs-spa-retail-content .padding-b-30 {
  padding-bottom: 30px;
}
.cs-spa-retail-content .padding-b-64 {
  padding-bottom: 64px;
}
.cs-spa-retail-content .padding-b-0 {
  padding-bottom: 0;
}
.cs-spa-retail-content .padding-r-4 {
  padding-right: 4px;
}
.cs-spa-retail-content .padding-r-16 {
  padding-right: 16px;
}
.cs-spa-retail-content .padding-r-32 {
  padding-right: 32px;
}
.cs-spa-retail-content .padding-r-24 {
  padding-right: 24px;
}
.cs-spa-retail-content .padding-r-12 {
  padding-right: 12px;
}
.cs-spa-retail-content .padding-l-24 {
  padding-left: 24px;
}
.cs-spa-retail-content .line-height-23 {
  line-height: 23px;
}
b {
  font-weight: 500;
}
strong {
  font-weight: 600;
}
.font600 {
  font-weight: 600;
}
.font700 {
  font-weight: 700;
}
.display-date {
  font-family: "Josefin Sans";
}
.inset-shadow {
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
}
.general-box-shadow {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
}
.tableShadow {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
}
.blockCenter {
  display: block;
  margin: 0 auto;
}
.title-outer-shadow {
  box-shadow: 0px 11px 18px 0 rgba(67, 96, 144, 0.15);
}
.whiteBgOuterShadow {
  box-shadow: 0px 0px 25px 0 rgba(81, 144, 182, 0.1);
}
.greenBgButtonShadow {
  box-shadow: 0px 9px 25px 0 rgba(23, 187, 183, 0.45);
}
.whiteBgButtonShadow {
  box-shadow: 0px 9px 25px 0 rgba(148, 172, 166, 0.45);
}
.greenBoxShadow {
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
}
.greenBoxShadowHover {
  box-shadow: 0px 11px 25px 0px rgba(75, 200, 125, 0.5);
}
.purpleBoxShadow {
  box-shadow: 0px 9px 25px 0px rgba(132, 155, 249, 0.45);
}
.textAlignCenter {
  text-align: center;
}
.large-sized-number {
  font-weight: 300;
  font-size: 4.6rem;
  line-height: normal;
  font-family: "Josefin Sans";
}
.negativeMarginRow {
  margin-left: -1%;
  margin-right: -1%;
}
.absoluteXYAlign {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.absoluteXAlign {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.absoluteYAlign {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.caret-icon {
  width: 0;
  height: 0;
  display: inline-block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #7d91a1;
}
.min-height-200 {
  min-height: 200px;
}
.height40 {
  height: 40px;
}
.height-48 {
  height: 48px;
}
.width30 {
  width: 30%;
}
.width27 {
  width: 27%;
}
.width20 {
  width: 20%;
}
.width15 {
  width: 15%;
}
.width5 {
  width: 5%;
}
.width55 {
  width: 55%;
}
.width40 {
  width: 40%;
}
.width50 {
  width: 50%;
}
.position-relative {
  position: relative;
}
.disabled {
  pointer-events: none;
}
.color-gray {
  color: #4e5664;
}
.color-gray1 {
  color: #7d91a1;
}
.color-gray2 {
  color: #6a7685;
}
.color-gray3 {
  color: #ebf2f8;
}
.color-gray-14 {
  color: #677b8a;
}
.colorLightGray2 {
  color: #92abbb;
}
.disabled-transparent {
  cursor: default;
  opacity: 0.5;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer-with-underline {
  cursor: pointer;
  text-decoration: underline;
}
.ellipsis-element {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nowrap {
  white-space: nowrap;
}
.border-radius-16 {
  border-radius: 16px;
}
.object-fit-cover {
  object-fit: cover;
}
.width-100 {
  width: 100%;
}
.width-80 {
  width: 80%;
}
.right-100 {
  right: 100px;
}
.top-50 {
  top: 50px;
}
.bottom-15 {
  bottom: 15px;
}
*.with-bullet .text {
  position: relative;
}
*.with-bullet:before {
  content: "\2022";
  color: #4bc87d;
  font-size: 23px;
  position: absolute;
  right: 0;
}
@media (min-width: 1024px) {
  .visible-tablet {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .hidden-tablet {
    display: none !important;
  }
  .visible-tablet {
    display: block !important;
  }
}
#print [class*="col-print"],
#savePDF [class*="col-print"] {
  float: right;
}
#print .col-print-1-8,
#savePDF .col-print-1-8 {
  width: 12.5% !important;
}
#print .col-print-1-10,
#savePDF .col-print-1-10 {
  width: 10% !important;
}
#print .table-print-auto,
#savePDF .table-print-auto {
  width: auto !important;
}
#print .col-print-auto,
#savePDF .col-print-auto {
  width: auto !important;
}
#print .col-print-offset-1,
#savePDF .col-print-offset-1 {
  margin-right: 8.33333333%;
}
#print .col-print-offset-0,
#savePDF .col-print-offset-0 {
  margin-right: 0;
}
#print .col-print-12,
#savePDF .col-print-12 {
  width: 100%;
}
#print .col-print-11,
#savePDF .col-print-11 {
  width: 91.66666667%;
}
#print .col-print-10,
#savePDF .col-print-10 {
  width: 83.33333333%;
}
#print .col-print-9,
#savePDF .col-print-9 {
  width: 75%;
}
#print .col-print-8,
#savePDF .col-print-8 {
  width: 66.66666667%;
}
#print .col-print-7,
#savePDF .col-print-7 {
  width: 58.33333333%;
}
#print .col-print-6,
#savePDF .col-print-6 {
  width: 50%;
}
#print .col-print-5,
#savePDF .col-print-5 {
  width: 41.66666667%;
}
#print .col-print-4,
#savePDF .col-print-4 {
  width: 33.33333333%;
}
#print .col-print-3,
#savePDF .col-print-3 {
  width: 25%;
}
#print .col-print-2,
#savePDF .col-print-2 {
  width: 16.66666667%;
}
#print .col-print-2-5,
#savePDF .col-print-2-5 {
  width: 23%;
}
#print .col-print-1,
#savePDF .col-print-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  .display-flex-sm {
    display: flex;
  }
  .cs-spa-retail-content .margin-t-16-sm {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .disable-mobile-scroll {
    height: 100vh;
    overflow: hidden;
  }
  .margin-t-8 {
    margin-top: 2.5vw;
  }
  .mobile-no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .fixedLayout-xs table {
    table-layout: fixed;
  }
  .fixedLayout-xs thead tr {
    table-layout: fixed;
  }
  .display-block-xs {
    display: block;
  }
  .mobile-icon-space {
    margin: 0 5vw;
  }
  .cs-spa-retail-content .margin-t-32 {
    margin-top: 5vw;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs tbody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs tr {
    width: 100%;
    overflow: auto;
    height: 18.25vw;
    display: flex;
    position: relative;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs td,
  .cs-spa-retail-content .generalTable table.flexbox-table-xs th {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs td:not(.menuTool) {
    width: auto;
    overflow: visible;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs th {
    font-weight: 400;
    color: #7d91a1;
  }
  .cs-spa-retail-content .display-flex-xs {
    display: flex;
  }
  .cs-spa-retail-content .margin-t-5-xs {
    margin-top: 5vw;
  }
  .cs-spa-retail-content .margin-t-10-xs {
    margin-top: 10vw;
  }
  .cs-spa-retail-content .margin-r-5-xs {
    margin-right: 5vw;
  }
  .cs-spa-retail-content .margin-t-20-xs {
    margin-top: 20px;
  }
  .cs-spa-retail-content .margin-b-1-xs {
    margin-bottom: 1vw;
  }
}
.col-xs-one-fifth,
.col-sm-one-fifth,
.col-md-one-fifth,
.col-lg-one-fifth,
.col-xs-one-tenth,
.col-sm-one-tenth,
.col-md-one-tenth,
.col-lg-one-tenth {
  float: right;
  position: relative;
  min-height: 1px;
}
.col-sm-width30 {
  width: 30%;
}
.col-sm-width40 {
  width: 40%;
}
.col-xs-one-fifth {
  width: 20%;
}
.col-xs-one-tenth {
  width: 10%;
}
.visible-print-tableCell {
  display: none !important;
}
@media (min-width: 768px) {
  .col-sm-one-fifth {
    width: 20%;
  }
  .col-sm-one-tenth {
    width: 10%;
  }
  .margin-r-sm-40 {
    margin-right: 40px;
  }
  .margin-r-sm-20 {
    margin-right: 20px;
  }
  .margin-t-sm-20 {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .col-md-one-fifth {
    width: 20%;
  }
  .col-md-one-tenth {
    width: 10%;
  }
}
@media (min-width: 1200px) {
  .col-lg-one-fifth {
    width: 20%;
  }
  .col-lg-one-tenth {
    width: 10%;
  }
}
@media (max-width: 769px) {
  .col-sm-width30,
  .col-sm-width40 {
    width: unset;
  }
  .margin-t-5 {
    margin-top: 5vw;
  }
  .hidden-xs {
    display: none !important;
  }
  .visible-xs {
    display: block !important;
  }
  .padding-r-40-xs {
    padding-right: 40px;
  }
}
.display-flex {
  display: flex;
}
.flex-row {
  display: flex;
}
.flex-110 {
  flex: 1 1 0;
}
.flex-columns-row {
  margin: 0 -1%;
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  padding: 0 1%;
}
.justify-content-inherit {
  justify-content: inherit;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-spaceBetween {
  justify-content: space-between;
}
.justify-content-flexEnd {
  justify-content: flex-end;
}
.justify-content-flexStart {
  justify-content: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-flexEnd {
  align-items: flex-end;
}
.align-items-flexStart {
  align-items: flex-start;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}
.flex-justify-center {
  display: flex;
  justify-content: center;
}
.flexbox-wrap {
  flex-wrap: wrap;
}
.flexAlignCenter {
  display: flex;
  align-items: center;
}
.flexSpaceBetween {
  display: flex;
  justify-content: space-between;
}
.flex-direction-column {
  flex-direction: column;
}
.flex-direction-rowReverse {
  flex-direction: row-reverse;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.generalTable .topActionBar {
  padding: 16px 20px;
  background-color: white;
}
.dayPickerBtn {
  color: #ffffff;
  width: 9vw;
  border-radius: 100%;
  background-color: #4bc87d;
  box-shadow: 0 0 17px -7px black;
  display: block;
}
.dayPickerSpan {
  height: 9vw;
  width: 20vw;
  background-color: #ffffff;
}
.vertical-middle {
  vertical-align: middle;
}
.vertical-top {
  vertical-align: top;
}
.cs-spa-retail-content .my-account-home-page {
  color: #000;
  /**************** ENGLISH HOMEPAGE ****************/
}
.cs-spa-retail-content .my-account-home-page .no-padding {
  padding: 0 !important;
}
.cs-spa-retail-content .my-account-home-page .rc-global-error {
  background: transparent;
  height: 220px;
  padding-top: 0;
}
.cs-spa-retail-content .my-account-home-page .rc-global-error .rc-global-error-text {
  color: #6e7685;
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .rc-global-error .rc-global-error-text div {
  line-height: 1.5;
  margin-bottom: 10px;
}
.cs-spa-retail-content .my-account-home-page .side-cube-home {
  background: #ffffff;
}
.cs-spa-retail-content .my-account-home-page .left-leg {
  background-color: #ffffff;
  box-shadow: 8px 0 25px rgba(81, 144, 182, 0.2);
  margin-top: 10px;
}
.cs-spa-retail-content .my-account-home-page .box-container {
  background-color: #ffffff;
  min-height: 137px;
  padding: 0 15px;
}
.cs-spa-retail-content .my-account-home-page .box-container nav.tabs {
  margin-top: 0;
}
.cs-spa-retail-content .my-account-home-page .box-container .currency_symbol {
  margin-right: 5px;
}
.cs-spa-retail-content .my-account-home-page .box-container.box-with-action {
  margin-bottom: 29px;
  padding-bottom: 25px;
}
.cs-spa-retail-content .my-account-home-page .box-container.box-with-action .content {
  padding-bottom: 0;
}
.cs-spa-retail-content .my-account-home-page .box-container .green-link {
  color: #4bc87d;
  font-weight: normal;
  margin-top: 5px;
}
.cs-spa-retail-content .my-account-home-page .box-container .print-section {
  display: inline-block;
  float: left;
  margin-left: 0;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box {
  margin-top: 0;
  min-height: 255px;
  padding-bottom: 15px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container {
  margin-left: 11px;
  max-width: 260px;
  min-height: 106px;
  padding: 10px 31px 8px 15px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container .credit-link-wrapper {
  bottom: 2px;
  font-size: 16px;
  padding: 0;
  position: absolute;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container .credit-link-wrapper .credit-link {
  text-decoration: underline;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container .credit-link-wrapper .credit-link:hover {
  text-decoration: none;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container .credit-link-wrapper .credit-limit {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container .accountBalance {
  margin-top: -5px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container .accountBalance .number .number-wrapper {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 38px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container .accountBalance .number .currency_symbol {
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container .accountBalance .number .decimal_point {
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container .accountBalance.max-amount .number-wrapper {
  font-size: 32px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container.current-balance-shadow {
  border-bottom: 2px solid #7d91a1;
  box-shadow: 0 7px 25px 0 rgba(135, 135, 135, 0.3);
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip {
  float: right;
  min-height: 53px;
  padding-left: 5px;
  padding: 27px 0 0;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip:hover .sub-title {
  color: #4ac77c;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip .sub-title {
  align-items: center;
  display: flex;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip.disable-pointer {
  cursor: default;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip.disable-pointer:hover .sub-title {
  color: #333a46;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip .icon-cls {
  margin-left: 5px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip .strip-content {
  padding-right: 29px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip .strip-content .first-line .accountBalance .number .number-wrapper {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 22px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip .strip-content .first-line .accountBalance .number .decimal_point {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip .strip-content .first-line .accountBalance.max-amount .number-wrapper {
  font-size: 18px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip .strip-content .second-line .total-debit-amount {
  display: inline-block;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip .strip-content .second-line .accountBalance .number .number-wrapper {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .balance-strip .strip-content.error-msg-wrapper {
  padding-left: 16px;
  padding-right: 29px;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .action-cube-wrapper {
  margin-top: 17px;
  position: relative;
}
.cs-spa-retail-content .my-account-home-page .box-container.balance-box .action-cube-wrapper .cube-buttons .drive-to-action-btn.blue-circle-btn {
  min-width: 200px;
}
.cs-spa-retail-content .my-account-home-page .box-container .box-title {
  padding: 16px 20px;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
}
.cs-spa-retail-content .my-account-home-page .box-container .box-title .box-headline {
  display: inline-block;
  margin-left: 12px;
}
.cs-spa-retail-content .my-account-home-page .box-container .box-title .box-headline h3 {
  color: #4a4a4a;
  display: inline-block;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
}
.cs-spa-retail-content .my-account-home-page .box-container .box-title .topActionBar {
  max-height: 55px;
}
.cs-spa-retail-content .my-account-home-page .box-container .box-title .topActionBar .btnHelp.small-help {
  top: -3px;
}
.cs-spa-retail-content .my-account-home-page .box-container .box-title .topActionBar a {
  bottom: 2px;
  position: relative;
}
.cs-spa-retail-content .my-account-home-page .box-container .second-row {
  float: left;
}
.cs-spa-retail-content .my-account-home-page .box-container .second-row .width-4-block {
  width: 22%;
}
.cs-spa-retail-content .my-account-home-page .box-container .second-row .width-4-block.width-4-block-last {
  width: 25%;
}
.cs-spa-retail-content .my-account-home-page .box-container .second-row .width-3-block {
  float: right;
}
.cs-spa-retail-content .my-account-home-page .box-container .second-row .second-row-content {
  position: relative;
}
.cs-spa-retail-content .my-account-home-page .box-container .third-row {
  padding-right: 30px!important;
}
.cs-spa-retail-content .my-account-home-page .box-container .un-clickable-table-wrapper .rc-table .rc-table-row .rc-table-row-content:hover {
  background-color: inherit;
}
.cs-spa-retail-content .my-account-home-page .box-container .un-clickable-table-wrapper .rc-table [role="button"] {
  cursor: default;
}
.cs-spa-retail-content .my-account-home-page .box-container .rc-table {
  box-shadow: none;
}
.cs-spa-retail-content .my-account-home-page .box-container .rc-table .rc-table-row {
  padding: 0 5px;
}
.cs-spa-retail-content .my-account-home-page .box-container .rc-table .rc-table-td .number {
  font-family: 'Rubik', sans-serif;
}
.cs-spa-retail-content .my-account-home-page .box-container .rc-table .rc-table-td .number .number-wrapper {
  font-family: 'Rubik', sans-serif;
}
.cs-spa-retail-content .my-account-home-page .box-container .rc-table .rc-table-td .number .currency_symbol {
  direction: ltr;
  padding: 0 2px;
  unicode-bidi: embed;
}
.cs-spa-retail-content .my-account-home-page .box-container .rc-table .isPositive {
  color: #1dab6a;
}
.cs-spa-retail-content .my-account-home-page .box-container .rc-table .balance-indicator {
  border-radius: 6px;
  display: inline-block;
  height: 6px;
  margin-left: 12px;
  margin-bottom: 2px;
  width: 6px;
}
.cs-spa-retail-content .my-account-home-page .box-container .rc-table .balance-indicator.positive-indicator {
  background-color: #4bc87d;
}
.cs-spa-retail-content .my-account-home-page .box-container .rc-table .balance-indicator.negative-indicator {
  background-color: #fb5f5f;
}
.cs-spa-retail-content .my-account-home-page .box-container .default-cell {
  display: inline-block;
}
.cs-spa-retail-content .my-account-home-page .box-container .total-amount-brackets {
  font-size: 38px;
  font-weight: 300;
}
.cs-spa-retail-content .my-account-home-page .box-container .total-amount-brackets.r-bracket {
  margin-right: 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container .total-amount-foreign-box .total-amount-brackets {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .box-container .total-amount-foreign-box .total-amount-brackets.r-r-bracket {
  margin-right: 10px;
}
.cs-spa-retail-content .my-account-home-page .box-container .total-amount-foreign-box .number .currency_symbol {
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page .box-container .total-amount-foreign-box .number .integer {
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container .total-amount-foreign-box .number .decimal_point {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .box-container.account-transaction-wrapper .rc-table .rc-table-row .rc-table-row-content:hover {
  background-color: inherit;
}
.cs-spa-retail-content .my-account-home-page .box-container.account-transaction-wrapper .rc-table .rc-table-head .rc-table-td:first-child {
  padding-right: 35px;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper.box-with-action .rc-table {
  margin-bottom: 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .rc-table .rc-table-body .rc-table-row:last-child {
  border-bottom: 1px solid rgba(75, 200, 125, 0.25);
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .rc-table .rc-table-head .rc-table-td {
  cursor: default;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .foreign-transfer-table-wrapper .rc-table .table-head .add-header-padding {
  padding-right: 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .foreign-transfer-table-wrapper .rc-table .rc-table-row {
  cursor: pointer;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .foreign-transfer-table-wrapper .rc-table .rc-table-row .rc-table-row-content:hover {
  background-color: inherit;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .no-result-error {
  padding: 0 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .line-separator {
  border: 1px solid #4e5664;
  box-sizing: border-box;
  display: inline-block;
  height: 16px;
  margin: -3px 9px;
  opacity: 0.6;
  width: 2px;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .currency-rate-dropdown {
  display: inline-block;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .currency-rate-dropdown .currency-rate-popup {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  right: auto;
  left: -248px;
  background-color: white;
  border-radius: 0;
  border-top: 2px solid #4bc87d;
  border: none;
  float: none;
  padding: 25px 20px 15px;
  top: 30px;
  width: 531px;
}
.cs-spa-retail-content .my-account-home-page .box-container.foreign-transaction-wrapper .currency-rate-dropdown .currency-rate-popup:after {
  left: 280px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #4bc87d;
  content: "";
  height: 0;
  position: absolute;
  top: -7px;
  width: 0;
}
.cs-spa-retail-content .my-account-home-page .box-container .separator-line-block {
  background-color: #4bc87d;
  height: 46px;
  opacity: 0.25;
  width: 1px;
}
.cs-spa-retail-content .my-account-home-page .box-container .separator-row {
  float: left;
}
.cs-spa-retail-content .my-account-home-page .box-container .separator-row.separator-inline {
  left: 0;
  padding-left: 16px;
  padding-top: 0;
  position: absolute;
  top: 32px;
}
.cs-spa-retail-content .my-account-home-page .box-container .separator-row .separator-line {
  background-color: #4bc87d;
  height: 1px;
  opacity: 0.25;
}
.cs-spa-retail-content .my-account-home-page .box-container .separator-row .separator-line.small-separator {
  width: 67%;
}
.cs-spa-retail-content .my-account-home-page .box-container .error-msg-wrapper {
  color: #6E7685;
}
.cs-spa-retail-content .my-account-home-page .box-container .error-msg-wrapper .errorNoInfo {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: url(media/images/info.ebeb69b3fd029a64024c..png) no-repeat center;
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  vertical-align: sub;
}
.cs-spa-retail-content .my-account-home-page .box-container .section-global-error .rc-global-error {
  height: auto;
  padding-top: 0;
}
.cs-spa-retail-content .my-account-home-page .box-container .section-global-error .rc-global-error .error-content img {
  margin-top: 25px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content {
  padding: 15px 0;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .inner-wrapper {
  padding: 0 5px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content.table-padding {
  padding: 0;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .error-wrapper .empty-error {
  color: #6e7685;
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .number {
  font-family: 'Josefin Sans', sans-serif;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .number .currency_symbol {
  font-family: 'Rubik', sans-serif;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .number {
  color: #333a46;
  font-weight: 300;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .number .number-wrapper .integer {
  font-size: 38px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .number .number-wrapper .decimal_point {
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .number .currency_symbol {
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .foreign-currencies {
  margin-top: -10px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .foreign-currencies .number {
  color: #333a46;
  font-size: 20px;
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .foreign-currencies .number .currency_symbol {
  font-size: 14px;
  margin-right: 3px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .total-amount-foreign-box .total-amount-brackets {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .total-amount-foreign-box .total-amount-brackets.r-r-bracket {
  margin-right: 10px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .total-amount-foreign-box .number .currency_symbol {
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .total-amount-foreign-box .number .integer {
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .total-amount-foreign-box .number .decimal_point {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .summary-wrapper {
  margin-top: 15px;
  padding: 0 20px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .summary-wrapper .summary-text {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page .box-container .content .summary-wrapper .foreign-title-i {
  display: inline-block;
  position: relative;
  top: 1px;
}
.cs-spa-retail-content .my-account-home-page .tileElementCont-FOREIGN .box-container .rc-table .isPositive .number {
  color: #000000;
}
.cs-spa-retail-content .my-account-home-page.en-site .box-container.balance-box .balance-strip {
  padding-left: 50px;
}
.cs-spa-retail-content .my-account-home-page.en-site .box-container.balance-box .balance-strip .strip-content.error-msg-wrapper {
  padding-left: 0;
}
.cs-spa-retail-content .my-account-home-page.en-site .box-container .current-balance-container {
  margin-right: 0;
  max-width: none;
  padding-left: 25px;
  padding-right: 0;
}
.cs-spa-retail-content .my-account-home-page.en-site .box-container .first-row > div {
  position: relative;
}
.cs-spa-retail-content .my-account-home-page.en-site .box-container .separator-row.separator-inline {
  padding-left: 0;
}
.cs-spa-retail-content .my-account-home-page.en-site .box-container .second-row .second-row-content.float-left {
  float: left !important;
}
.balance-tooltip-cls .second-line .external-cards-debits-error {
  margin-top: 15px;
}
.balance-tooltip-cls .second-line .total-debit-amount {
  display: inline-block;
}
.balance-tooltip-cls .second-line .accountBalance .number .number-wrapper {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 16px;
}
/*app/widget/Osh     /HomePage/directives/loans-strip/loans-strip.directive.html*/
/*app/kit  /rc-table/         /          /           /rc-table.directive.html*/
.outer-strip-wrapper .strip-wrapper .strip-row-wrapper .strip-row-content {
  padding: 10px 15px;
  border-top: 1px solid #d7dde2;
}
.outer-strip-wrapper .strip-wrapper .strip-row-wrapper .strip-row-content .title-wrapper {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.outer-strip-wrapper .strip-wrapper .strip-row-wrapper .strip-row-content .strip-line-wrapper {
  display: flex;
  margin-bottom: 5px;
}
.outer-strip-wrapper .strip-wrapper .strip-row-wrapper .strip-row-content .strip-line-wrapper .cell-wrapper .cell-label {
  font-size: 12px;
  color: #677b8a;
  line-height: 14px;
}
.outer-strip-wrapper .strip-wrapper .strip-row-wrapper .strip-row-content .strip-line-wrapper .cell-wrapper .cell-content {
  font-size: 16px;
}
.outer-strip-wrapper .strip-wrapper .strip-row-wrapper .strip-row-content .strip-line-wrapper .cell-wrapper .cell-content .number .currency_symbol {
  font-size: 14px;
  font-family: 'Rubik', sans-serif;
}
@media (min-width: 1200px) {
  .cs-spa-retail-content .my-account-home-page .no-padding-on-lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .cs-spa-retail-content .my-account-home-page .row.row-only-on-small {
    margin-right: 0;
    margin-left: 0;
  }
  .cs-spa-retail-content .my-account-home-page .general-slider {
    z-index: 0;
  }
  .cs-spa-retail-content .my-account-home-page .general-slider:after,
  .cs-spa-retail-content .my-account-home-page .general-slider:before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100px;
  }
  .cs-spa-retail-content .my-account-home-page .general-slider:after {
    left: -80px;
  }
  .cs-spa-retail-content .my-account-home-page .general-slider:before {
    right: -80px;
  }
  .cs-spa-retail-content .my-account-home-page .general-slider .slider-btn-prev,
  .cs-spa-retail-content .my-account-home-page .general-slider .slider-btn-next {
    z-index: 2;
  }
}
@media (max-width: 1199px) {
  .cs-spa-retail-content .my-account-home-page .side-lobby.left-leg {
    background: none;
    box-shadow: none;
  }
  .cs-spa-retail-content .my-account-home-page .side-lobby.left-leg .fast-actions-title {
    background: #ffffff;
  }
}
@media (max-width: 768px) {
  .cs-spa-retail-content .my-account-home-page .box-container.balance-box {
    min-height: 360px;
  }
  .cs-spa-retail-content .my-account-home-page .box-container.balance-box.box-with-action {
    padding-bottom: 20px;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content {
    position: relative;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content .inner-wrapper {
    padding: 0;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .box-title .box-headline h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .box-title .topActionBar {
    max-height: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background-color: #ffffff;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .number {
    font-weight: 600;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .number .number-wrapper .integer {
    font-size: 20px;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .number .number-wrapper .decimal_point {
    font-size: 20px;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content .total-currency-amount .number .currency_symbol {
    font-weight: normal;
    font-size: 16px;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content .total-monthly-payment .number {
    color: #333a46;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content .total-monthly-payment .number .currency_symbol {
    font-size: 14px;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content .total-monthly-payment .number .number-wrapper .integer,
  .cs-spa-retail-content .my-account-home-page .box-container .content .total-monthly-payment .number .number-wrapper .decimal_point {
    font-size: 18px;
    line-height: 22px;
  }
  .cs-spa-retail-content .my-account-home-page .box-container .content .strip-with-tooltip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .box-title .topActionBar .box-headline {
    width: 100%;
  }
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .box-title .topActionBar a {
    font-size: 15px;
  }
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .content .summary-wrapper {
    border-bottom: 1px solid #d7dde2;
    padding-bottom: 10px;
  }
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .content .outer-strip-wrapper .strip-wrapper .strip-row-wrapper:first-child .strip-row-content {
    border-top: none;
  }
}
@media (max-width: 1199px) and (min-width: 1024px) {
  .cs-spa-retail-content .my-account-home-page.en-site .box-container.balance-box .current-balance-container {
    min-height: 106px;
    max-width: 260px;
    margin-left: 11px;
    padding: 10px 15px 8px 31px;
  }
  .cs-spa-retail-content .my-account-home-page.en-site .box-container.balance-box .balance-strip {
    float: right;
    min-height: 53px;
    padding-top: 27px;
    padding-left: 25px;
    padding-right: 0px;
  }
  .cs-spa-retail-content .my-account-home-page.en-site .box-container .separator-row.separator-inline {
    padding: 0;
    padding-left: 16px;
  }
  .cs-spa-retail-content .my-account-home-page .box-container.balance-box .first-row {
    float: left;
  }
  .cs-spa-retail-content .my-account-home-page .box-container.balance-box .current-balance-container {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .box-title .topActionBar a {
    font-size: 14px;
    position: static;
  }
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .currency-rate-dropdown {
    position: static;
  }
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .currency-rate-dropdown .currency-rate-popup {
    width: 100% !important;
    top: inherit !important;
    left: 0px !important;
  }
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .currency-rate-dropdown .currency-rate-popup .currnecy-rate-directive-wrapper .currency-col {
    padding: 0px !important;
  }
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .currency-rate-dropdown .currency-rate-popup .currnecy-rate-directive-wrapper .currency-first-ul {
    padding: 0px !important;
  }
  .cs-spa-retail-content .my-account-home-page .foreign-transaction-wrapper .currency-rate-dropdown .currency-rate-popup:after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .my-account-home-page .foreign-transaction-wrapper .currency-rate-dropdown .currency-rate-popup {
    left: 0 !important;
    right: 0 !important;
  }
  .my-account-home-page .foreign-transaction-wrapper .currency-rate-dropdown .currency-rate-popup:after {
    left: 485px!important;
  }
}
#print .my-account-home-page .full-width-print,
#savePDF .my-account-home-page .full-width-print {
  padding: 0;
  /**************** ENGLISH HOMEPAGE ****************/
}
#print .my-account-home-page .full-width-print h3,
#savePDF .my-account-home-page .full-width-print h3 {
  font-size: 24px !important;
}
#print .my-account-home-page .full-width-print #balance-box-homepage .current-balance-container,
#savePDF .my-account-home-page .full-width-print #balance-box-homepage .current-balance-container {
  padding: 0;
  margin-bottom: 10px;
  width: 25%;
}
#print .my-account-home-page .full-width-print #balance-box-homepage .first-row .no-padding,
#savePDF .my-account-home-page .full-width-print #balance-box-homepage .first-row .no-padding {
  margin-left: 23px;
}
#print .my-account-home-page .full-width-print #balance-box-homepage .second-row .width-4-block,
#savePDF .my-account-home-page .full-width-print #balance-box-homepage .second-row .width-4-block {
  width: 25%;
}
#print .my-account-home-page .full-width-print #balance-box-homepage .second-row .width-4-block.width-4-block-last,
#savePDF .my-account-home-page .full-width-print #balance-box-homepage .second-row .width-4-block.width-4-block-last {
  width: 25%;
}
#print .my-account-home-page .full-width-print #balance-box-homepage .second-row.second-row-content,
#savePDF .my-account-home-page .full-width-print #balance-box-homepage .second-row.second-row-content {
  width: 30% !important;
}
#print .my-account-home-page .full-width-print #balance-box-homepage .second-row.second-row-content:first-child,
#savePDF .my-account-home-page .full-width-print #balance-box-homepage .second-row.second-row-content:first-child {
  width: 37% !important;
}
#print .my-account-home-page .full-width-print .box-container,
#savePDF .my-account-home-page .full-width-print .box-container {
  padding: 0;
}
#print .my-account-home-page .full-width-print .box-container .padding-0,
#savePDF .my-account-home-page .full-width-print .box-container .padding-0 {
  padding: 0;
}
#print .my-account-home-page .full-width-print .box-container .table-padding,
#savePDF .my-account-home-page .full-width-print .box-container .table-padding {
  margin: 0px !important;
}
#print .my-account-home-page .full-width-print .box-container .total-debit-amount,
#savePDF .my-account-home-page .full-width-print .box-container .total-debit-amount {
  display: inline-block !important;
}
#print .my-account-home-page .full-width-print .box-container .box-title,
#savePDF .my-account-home-page .full-width-print .box-container .box-title {
  margin: 0px !important;
}
#print .my-account-home-page .full-width-print .box-container .no-padding,
#savePDF .my-account-home-page .full-width-print .box-container .no-padding {
  padding: 0px !important;
}
#print .my-account-home-page .full-width-print .box-container .hide-margin,
#savePDF .my-account-home-page .full-width-print .box-container .hide-margin {
  margin: 0px !important;
}
#print .my-account-home-page .full-width-print .box-container#credit-cards-homepage .totals,
#savePDF .my-account-home-page .full-width-print .box-container#credit-cards-homepage .totals {
  margin-bottom: 10px;
}
#print .my-account-home-page .full-width-print .box-container#credit-cards-homepage .debitsDetails-wrapper .credit-card-box-wrapper .general-slider-content-moving-wrapper .general-slider-content-moving,
#savePDF .my-account-home-page .full-width-print .box-container#credit-cards-homepage .debitsDetails-wrapper .credit-card-box-wrapper .general-slider-content-moving-wrapper .general-slider-content-moving {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-right: 0;
}
#print .my-account-home-page .full-width-print .box-container#credit-cards-homepage .debitsDetails-wrapper .credit-card-box-wrapper .general-slider-content-moving-wrapper .general-slider-content-moving li,
#savePDF .my-account-home-page .full-width-print .box-container#credit-cards-homepage .debitsDetails-wrapper .credit-card-box-wrapper .general-slider-content-moving-wrapper .general-slider-content-moving li {
  flex: 0 0 190px;
  margin-left: 20px!important;
}
#print .my-account-home-page .full-width-print .box-container#credit-cards-homepage .debitsDetails-wrapper .credit-card-box-wrapper .general-slider-content-moving-wrapper .general-slider-content-moving li .single-credit-card-box-wrapper,
#savePDF .my-account-home-page .full-width-print .box-container#credit-cards-homepage .debitsDetails-wrapper .credit-card-box-wrapper .general-slider-content-moving-wrapper .general-slider-content-moving li .single-credit-card-box-wrapper {
  min-height: 100px;
  margin-bottom: 0;
}
#print .my-account-home-page .full-width-print .box-container .totals-container .total-num,
#savePDF .my-account-home-page .full-width-print .box-container .totals-container .total-num {
  text-align: right;
}
#print .my-account-home-page .full-width-print .box-container .totals-container .closest-events-container .closest-event-row .no-bootstrap-padding,
#savePDF .my-account-home-page .full-width-print .box-container .totals-container .closest-events-container .closest-event-row .no-bootstrap-padding {
  width: 100%;
}
#print .my-account-home-page .full-width-print .box-container .totals-container .closest-events-container .closest-event-row .no-bootstrap-padding .event-cell,
#savePDF .my-account-home-page .full-width-print .box-container .totals-container .closest-events-container .closest-event-row .no-bootstrap-padding .event-cell {
  padding: 0;
}
#print .my-account-home-page .full-width-print .box-container#mortgage-homepage .homepage-mortgage-summary .total-debit h3,
#savePDF .my-account-home-page .full-width-print .box-container#mortgage-homepage .homepage-mortgage-summary .total-debit h3 {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
#print .my-account-home-page .full-width-print .box-container#mortgage-homepage .homepage-mortgage-summary .total-debit .first-sub-title,
#savePDF .my-account-home-page .full-width-print .box-container#mortgage-homepage .homepage-mortgage-summary .total-debit .first-sub-title {
  margin-right: -15px;
}
#print .my-account-home-page .full-width-print .box-container#mortgage-homepage .homepage-mortgage-summary .total-monthly-payment .monthly-payment-title,
#savePDF .my-account-home-page .full-width-print .box-container#mortgage-homepage .homepage-mortgage-summary .total-monthly-payment .monthly-payment-title {
  margin: 0;
  font-size: 14px !important;
}
#print .my-account-home-page .full-width-print .box-container#mortgage-homepage .loan-table-wrapper .multi-mortgage-title .total-debit .title,
#savePDF .my-account-home-page .full-width-print .box-container#mortgage-homepage .loan-table-wrapper .multi-mortgage-title .total-debit .title {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px !important;
}
#print .my-account-home-page .full-width-print .box-container#mortgage-homepage .loan-table-wrapper .multi-mortgage-title .total-debit .first-sub-title,
#savePDF .my-account-home-page .full-width-print .box-container#mortgage-homepage .loan-table-wrapper .multi-mortgage-title .total-debit .first-sub-title {
  margin-right: -15px;
}
#print .my-account-home-page .full-width-print .box-container#deposits-homepage .totals-container .total-title,
#savePDF .my-account-home-page .full-width-print .box-container#deposits-homepage .totals-container .total-title {
  margin: 0;
}
#print .my-account-home-page .full-width-print .box-container#deposits-homepage .deposit-closest-events .closest-events-container,
#savePDF .my-account-home-page .full-width-print .box-container#deposits-homepage .deposit-closest-events .closest-events-container {
  text-align: right;
}
#print .my-account-home-page .full-width-print .box-container#checks-homepage general-tabs .tabs,
#savePDF .my-account-home-page .full-width-print .box-container#checks-homepage general-tabs .tabs {
  display: none;
}
#print .my-account-home-page .full-width-print .box-container#checks-homepage .checks-content .general-slider-content-moving-wrapper .general-slider-content-moving,
#savePDF .my-account-home-page .full-width-print .box-container#checks-homepage .checks-content .general-slider-content-moving-wrapper .general-slider-content-moving {
  display: flex;
  flex-wrap: wrap;
  padding-right: 20px;
}
#print .my-account-home-page .full-width-print .box-container#checks-homepage .checks-content .general-slider-content-moving-wrapper .general-slider-content-moving li,
#savePDF .my-account-home-page .full-width-print .box-container#checks-homepage .checks-content .general-slider-content-moving-wrapper .general-slider-content-moving li {
  flex: 0 0 130px;
  margin-left: 20px;
  margin-bottom: 20px;
  border: 1px solid #000000;
}
#print .my-account-home-page .full-width-print .box-container#checks-homepage .checks-content .general-slider-content-moving-wrapper .general-slider-content-moving li .single-check-wrapper,
#savePDF .my-account-home-page .full-width-print .box-container#checks-homepage .checks-content .general-slider-content-moving-wrapper .general-slider-content-moving li .single-check-wrapper {
  padding: 5px;
}
#print .my-account-home-page .full-width-print .box-container#loans-homepage .homepage-loans-summary .total-debit h3,
#savePDF .my-account-home-page .full-width-print .box-container#loans-homepage .homepage-loans-summary .total-debit h3 {
  margin: 0;
  font-size: 12px!important;
}
#print .my-account-home-page .full-width-print .box-container#loans-homepage .homepage-loans-summary .total-monthly-payment .monthly-payment-title,
#savePDF .my-account-home-page .full-width-print .box-container#loans-homepage .homepage-loans-summary .total-monthly-payment .monthly-payment-title {
  margin: 0;
}
#print .my-account-home-page .full-width-print .box-container#loans-homepage .homepage-loans-summary .multi-mortgage-title .total-debit,
#savePDF .my-account-home-page .full-width-print .box-container#loans-homepage .homepage-loans-summary .multi-mortgage-title .total-debit {
  margin-top: 10px;
  margin-bottom: 0;
}
#print .my-account-home-page .full-width-print .show-in-print,
#savePDF .my-account-home-page .full-width-print .show-in-print {
  display: inline-block !important;
}
#print .my-account-home-page .full-width-print.en-site .box-container .second-row .second-row-content.float-left,
#savePDF .my-account-home-page .full-width-print.en-site .box-container .second-row .second-row-content.float-left {
  float: left !important;
}
#print .my-account-home-page .generalFooter,
#savePDF .my-account-home-page .generalFooter {
  margin-top: 60px;
}
#print .my-account-home-page {
  padding: 0;
}
#savePDF .my-account-home-page .full-width-print .padding-pdf {
  padding-right: 30px!important;
}
#savePDF .my-account-home-page .full-width-print .box-container .empty-error {
  padding-right: 15px!important;
}
#savePDF .my-account-home-page .full-width-print .box-container#mortgage-homepage .loan-table-wrapper .multi-mortgage-title .total-debit .first-sub-title {
  margin-right: 0;
}
#savePDF .my-account-home-page .full-width-print .box-container#credit-cards-homepage .debitsDetails-wrapper .credit-card-box-wrapper .general-slider-content-moving-wrapper .general-slider-content-moving {
  padding-right: 30px!important;
}
#savePDF .my-account-home-page .generalFooter {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage .box-headline {
    width: 100%;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .box-title .topActionBar {
    height: 40px;
    max-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper {
    padding-right: 5px;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .current-balance-container {
    min-height: auto;
    max-width: none;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .current-balance-container .sub-title {
    font-size: 16px;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .current-balance-container .accountBalance {
    margin-top: 0;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .current-balance-container .accountBalance .number .currency_symbol {
    font-size: 20px;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .current-balance-container .accountBalance .number .number-wrapper {
    font-size: 30px;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .current-balance-container .accountBalance .number .number-wrapper .integer {
    font-size: 30px;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .current-balance-container .accountBalance .number .number-wrapper .decimal_point {
    font-size: 20px;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .current-balance-container .credit-link-wrapper {
    position: relative;
    border: none;
    bottom: 5px;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .products-wrapper .slider-wrapper {
    padding-left: 0 !important;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .products-wrapper .slider-wrapper .balance-block_mobile-template {
    padding: 0 20px;
    width: 241px;
    height: 176px;
    margin: 0 10.5px;
    box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .products-wrapper .slider-wrapper .balance-block_mobile-template .separator {
    height: 1px;
    background-color: #d7dde2;
  }
  .cs-spa-retail-content .my-account-home-page #balance-box-homepage #balance-box_mobile-view .box-container.balance-box .current-balance-wrapper .products-wrapper .slider-wrapper .balance-block_mobile-template .balance-strip {
    float: none;
    height: 88px;
    padding: 15px 0;
  }
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage .show-only-print,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage .show-only-print {
  display: none;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage .inner-wrapper.content-height,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage .inner-wrapper.content-height {
  min-height: 235px;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage .separator:before,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage .separator:before {
  content: '|';
  padding: 0 5px;
  font-size: 15px;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .utilized-credit-line,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .utilized-credit-line {
  color: #333a46;
  margin-top: 50px;
  width: 90%;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .utilized-credit-line .shekel-symbol,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .utilized-credit-line .shekel-symbol {
  padding-right: 2px;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .utilized-credit-line .credit-bar,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .utilized-credit-line .credit-bar {
  margin-top: 3px;
  width: 70%;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .padding-0,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .padding-0 {
  padding-left: 0px;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .totals,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .totals {
  margin-top: 19px;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .totals .foreign-currencies,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .totals .foreign-currencies {
  margin-top: -10px;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .totals .foreign-currencies .number,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .totals .foreign-currencies .number {
  font-weight: normal;
  font-size: 20px;
  color: #333a46;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .totals .foreign-currencies .number .currency_symbol,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .totals .foreign-currencies .number .currency_symbol {
  font-size: 14px;
  margin-right: 3px;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails #homepage-credit-cards-container,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails #homepage-credit-cards-container {
  position: relative;
  left: 0;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails #homepage-credit-cards-container .one-card-view,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails #homepage-credit-cards-container .one-card-view {
  align-items: flex-start;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails #homepage-credit-cards-container .slider-dots-wrapper,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails #homepage-credit-cards-container .slider-dots-wrapper {
  position: relative;
  bottom: 1px;
}
.cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails #homepage-credit-cards-container .slider-dots-wrapper .slider-dot-wrapper,
.cs-spa-sme-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails #homepage-credit-cards-container .slider-dots-wrapper .slider-dot-wrapper {
  line-height: 30px;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.credit-cards-totals-tooltip .tooltip-inner,
.cs-spa-sme-content.tooltipMoreInfo.tooltip.credit-cards-totals-tooltip .tooltip-inner {
  max-width: 430px;
  width: auto;
}
html[lang="en"] .cs-spa-retail-content.tooltipMoreInfo.tooltip.credit-cards-totals-tooltip .tooltip-inner,
html[lang="en"] .cs-spa-sme-content.tooltipMoreInfo.tooltip.credit-cards-totals-tooltip .tooltip-inner {
  max-width: 600px;
  width: auto;
}
.credit-cards-totals-tooltip .estimated-total-debits-tooltip-wrapper .number-wrapper {
  font-family: 'Rubik', sans-serif;
}
@media print {
  .my-account-home-page #credit-cards-homepage .single-credit-card-box-wrapper {
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid black;
    page-break-inside: avoid;
  }
  .my-account-home-page #credit-cards-homepage .general-slider-content {
    width: 100% !important;
  }
  .my-account-home-page #credit-cards-homepage .general-slider-content-moving-wrapper li {
    margin: 20px 0px;
  }
  .my-account-home-page .debits-details-in-print {
    width: 100%;
  }
}
#savePDF .my-account-home-page #credit-cards-homepage .single-credit-card-box-wrapper,
#print .my-account-home-page #credit-cards-homepage .single-credit-card-box-wrapper {
  margin-bottom: 20px;
  padding: 5px;
  border: 1px solid black;
  page-break-inside: avoid;
}
#savePDF .my-account-home-page #credit-cards-homepage .general-slider-content,
#print .my-account-home-page #credit-cards-homepage .general-slider-content {
  width: 100% !important;
}
#savePDF .my-account-home-page #credit-cards-homepage .general-slider-content-moving-wrapper li,
#print .my-account-home-page #credit-cards-homepage .general-slider-content-moving-wrapper li {
  margin: 20px 0px;
}
#savePDF .my-account-home-page .debits-details-in-print,
#print .my-account-home-page .debits-details-in-print {
  width: 100%;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .my-account-home-page #credit-cards-homepage .show-only-print {
    display: inline-block;
  }
  .cs-spa-retail-content .my-account-home-page #credit-cards-homepage.box-container .box-headline {
    width: 100%;
  }
  .cs-spa-retail-content .my-account-home-page #credit-cards-homepage.box-container .content .inner-wrapper {
    padding: 0;
  }
  .cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails-wrapper {
    margin-top: 0;
    padding-left: 0;
  }
  .cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails-wrapper .debitsDetails #homepage-credit-cards-container {
    padding-left: 0;
  }
  .cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .totals {
    margin-top: 0;
  }
  .cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .totals .foreign-currencies {
    margin-top: 0;
  }
  .cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .totals .foreign-currencies .number {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .cs-spa-retail-content .my-account-home-page #credit-cards-homepage #tab-content .debitsDetails-wrapper {
    margin-top: 30px;
  }
}
.cs-spa-retail-content .my-account-home-page #loans-homepage.box-with-action .inner-wrapper,
.cs-spa-sme-content .my-account-home-page #loans-homepage.box-with-action .inner-wrapper {
  margin-bottom: 20px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage.box-with-action .loan-table-wrapper,
.cs-spa-sme-content .my-account-home-page #loans-homepage.box-with-action .loan-table-wrapper {
  margin-bottom: 20px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content {
  margin-top: 18px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit {
  position: relative;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit h3,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit .total-nis .estimated-ils-value,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit .total-nis .estimated-ils-value {
  font-family: 'Josefin Sans', sans-serif, 'Rubik', sans-serif;
  font-size: 16px;
  margin-top: -10px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit .total-nis .estimated-ils-value span,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit .total-nis .estimated-ils-value span {
  font-size: 13px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment {
  margin-top: 12px;
  padding-right: 30px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .divider,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .divider {
  position: absolute;
  right: 0;
  bottom: 6px;
  height: 60px;
  border-left: 1px solid #9ab3c2;
  opacity: 0.61;
  margin: 0 10px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .monthly-payment-title,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .monthly-payment-title {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 6px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number {
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .number-wrapper .integer,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .number-wrapper .integer {
  font-size: 22px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .number-wrapper .decimal_point,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .number-wrapper .decimal_point {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .currency_symbol,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .currency_symbol {
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-th,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-th {
  color: #677b8a;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert {
  color: #fb5f5f;
  padding-right: 15px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert .btnHelp,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert .btnHelp {
  margin-right: 0;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert .loan-alert,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert .loan-alert {
  padding-right: 5px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .currency_symbol,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .currency_symbol {
  margin-right: 1px;
  font-size: 12px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table [role="button"],
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table [role="button"] {
  cursor: inherit;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template {
  line-height: 1.4;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .amount,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .amount {
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .amount .number .currency_symbol,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .amount .number .currency_symbol {
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .estimated-value,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .estimated-value {
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .estimated-value .number .currency_symbol,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .estimated-value .number .currency_symbol {
  font-size: 12px;
}
.cs-spa-retail-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .date,
.cs-spa-sme-content .my-account-home-page #loans-homepage .content .homepage-loans-cell-template .date {
  font-size: 12px;
}
@media (max-width: 1200px) and (min-width: 1024px) {
  .cs-spa-retail-content .my-account-home-page #loans-homepage .rc-table-head .num-of-payments,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .rc-table-head .num-of-payments {
    font-size: 14px;
    padding-right: 0;
  }
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .my-account-home-page #loans-homepage .box-headline,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .box-headline {
    width: 100%;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content {
    margin-top: 18px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary {
    border-bottom: none;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit h3,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit h3 {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit .total-nis .estimated-ils-value,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit .total-nis .estimated-ils-value {
    font-size: 14px;
    margin-top: 0;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment {
    margin-top: 0px;
    border-right: 1px solid #d7dde2;
    padding-right: 15px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .divider,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .divider {
    display: none;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .monthly-payment-title,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .monthly-payment-title {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 6px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number {
    font-family: 'Josefin Sans', 'Rubik';
    font-weight: normal;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .number-wrapper .integer,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .number-wrapper .integer {
    font-size: 18px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .number-wrapper .decimal_point,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .number-wrapper .decimal_point {
    font-size: 18px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .currency_symbol,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .number .currency_symbol {
    font-family: 'Rubik';
    font-size: 14px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .loan-row-alert,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .loan-row-alert {
    padding-right: 0px;
    background-color: transparent;
    display: inline-flex;
    margin-bottom: 5px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .loan-row-alert .red-alert-icon,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .loan-row-alert .red-alert-icon {
    color: #fb5f5f;
    padding: 0;
    padding-left: 10px;
    display: flex;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .loan-row-alert .red-alert-icon .fa-exclamation-circle,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .loan-row-alert .red-alert-icon .fa-exclamation-circle {
    margin-top: 2px;
    font-size: 15px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .loan-row-alert .red-alert-icon .loan-alert,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .loan-row-alert .red-alert-icon .loan-alert {
    padding: 0 10px;
    line-height: 17px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper {
    margin: 15px 0;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper:last-child,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper:last-child {
    margin-bottom: 0px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title {
    margin: 0;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .title,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .title {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    color: #4a4a4a;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title {
    font-size: 14px;
    font-family: 'Josefin Sans', 'Rubik';
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .number,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .number {
    font-size: 16px;
  }
  .cs-spa-retail-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .number .currency_symbol,
  .cs-spa-sme-content .my-account-home-page #loans-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .number .currency_symbol {
    font-size: 14px;
  }
  /*********** ENGLISH ************/
  html[lang="en"] .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment,
  html[lang="en"] .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment {
    margin-top: 0;
    border-right: 1px solid #d7dde2;
  }
  html[lang="en"] .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .monthly-payment-title,
  html[lang="en"] .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-monthly-payment .monthly-payment-title {
    font-size: 12px;
  }
  html[lang="en"] .cs-spa-retail-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit h3,
  html[lang="en"] .cs-spa-sme-content .my-account-home-page #loans-homepage .content .summary .homepage-loans-summary .total-debit h3 {
    font-size: 14px;
  }
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content {
  margin-top: 18px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit {
  position: relative;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit h3,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value {
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  margin-top: -10px;
  color: #677b8a;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value .number,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value .number {
  font-weight: normal;
  color: #677b8a;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value .number .currency_symbol,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value .number .currency_symbol {
  font-size: 12px;
  margin-right: 1px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value .number .number-wrapper .integer,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value .number .number-wrapper .integer,
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value .number .number-wrapper .decimal_point,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value .number .number-wrapper .decimal_point {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment {
  margin-top: 12px;
  padding-right: 30px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .divider,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .divider {
  position: absolute;
  right: 0;
  bottom: 6px;
  height: 60px;
  border-left: 1px solid #4bc87d;
  opacity: 0.61;
  margin: 0 10px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .monthly-payment-title,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .monthly-payment-title {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 6px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number {
  font-family: 'Josefin Sans', 'Rubik';
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .number-wrapper .integer,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .number-wrapper .integer {
  font-size: 22px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .number-wrapper .decimal_point,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .number-wrapper .decimal_point {
  font-size: 15px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .currency_symbol,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .currency_symbol {
  font-family: 'Rubik';
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper.border-top,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper.border-top {
  border-top: 1px solid #d7dde2;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text {
  padding-right: 0px;
  background-color: transparent;
  display: inline-flex;
  margin-bottom: 5px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text .red-alert-icon,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text .red-alert-icon {
  color: #fb5f5f;
  padding: 0px 15px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-header-section,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-header-section {
  margin: 20px;
  margin-bottom: 5px;
  color: #4bc87d;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-header-section ellipsis-directive,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-header-section ellipsis-directive {
  font-size: 18px;
  line-height: 32px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper {
  margin: 20px 0;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title {
  margin: 0;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .title,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .title {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title {
  font-size: 22px;
  font-family: 'Josefin Sans', 'Rubik';
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .decimal_point,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .decimal_point {
  font-size: 15px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .more-details-link-mort,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .more-details-link-mort {
  position: relative;
  cursor: default;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .toggle-table-area,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .toggle-table-area {
  display: none;
  margin: 0;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .toggle-table-area .arrow-up,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .toggle-table-area .arrow-up {
  top: -15px;
  position: relative;
  width: 0;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  right: 30%;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .toggle-table-area.multiple-table-wrapper,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .toggle-table-area.multiple-table-wrapper {
  border-bottom: 2px solid #4bc87d;
  margin-top: 20px;
  background: #ffffff;
  box-shadow: rgba(135, 135, 135, 0.3) 0px 2px 25px 0px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-th,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-th {
  color: #677b8a;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-td .cell-first-line,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-td .cell-first-line {
  font-size: 16px;
  margin-bottom: 5px;
  direction: ltr;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-td .cell-second-line,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-td .cell-second-line {
  font-size: 12px;
  font-family: 'Josefin Sans';
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert {
  color: #fb5f5f;
  padding-right: 15px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert .btnHelp,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .loan-row-alert .btnHelp {
  margin-right: 0;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .currency_symbol,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .rc-table .rc-table-row .currency_symbol {
  margin-right: 1px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template {
  font-family: 'Josefin Sans', 'Rubik';
  line-height: 1.4;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .amount,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .amount {
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .amount .number .currency_symbol,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .amount .number .currency_symbol {
  font-family: 'Rubik';
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .estimated-value,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .estimated-value {
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .estimated-value .number .currency_symbol,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .estimated-value .number .currency_symbol {
  font-family: 'Rubik';
  font-size: 12px;
}
.cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .date,
.cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .homepage-loans-cell-template .date {
  font-size: 12px;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .box-headline,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .box-headline {
    width: 100%;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content {
    margin-top: 18px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary {
    border-bottom: none;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .bottom-border,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .bottom-border {
    padding-bottom: 15px;
    border-bottom: 1px solid #d7dde2;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit h3,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit h3 {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit .total-nis .estimated-ils-value {
    font-size: 14px;
    margin-top: 0;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment {
    margin-top: 23px;
    border-right: 1px solid #d7dde2;
    padding-right: 15px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .divider,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .divider {
    display: none;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .monthly-payment-title,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .monthly-payment-title {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 6px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number {
    font-family: 'Josefin Sans', 'Rubik';
    font-weight: normal;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .number-wrapper .integer,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .number-wrapper .integer {
    font-size: 18px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .number-wrapper .decimal_point,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .number-wrapper .decimal_point {
    font-size: 18px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .currency_symbol,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .number .currency_symbol {
    font-family: 'Rubik';
    font-size: 14px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper {
    margin-top: 15px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper.border-top,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper.border-top {
    border-top: 0;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text {
    padding-right: 0px;
    background-color: transparent;
    display: inline-flex;
    margin-bottom: 5px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text .red-alert-icon,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text .red-alert-icon {
    color: #fb5f5f;
    padding: 0;
    padding-left: 10px;
    display: flex;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text .red-alert-icon .fa-exclamation-circle,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text .red-alert-icon .fa-exclamation-circle {
    margin-top: 2px;
    font-size: 15px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text .red-alert-icon .alert-text,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .mortgage-alert .mortgage-alert-row .mortgage-alert-text .red-alert-icon .alert-text {
    padding: 0 10px;
    line-height: 17px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-header-section,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-header-section {
    margin: 15px 15px 5px 15px;
    color: #4bc87d;
    font-size: 16px;
    line-height: 19px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-header-section ellipsis-directive,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-header-section ellipsis-directive {
    font-size: 16px;
    line-height: 19px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper.table-wrapper-border,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper.table-wrapper-border {
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #d7dde2;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper:last-child,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper:last-child {
    margin-bottom: 0px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title {
    margin: 0;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .total-debit .row .col-xs-8,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .total-debit .row .col-xs-8 {
    padding-left: 0;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .total-debit .green-link,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .total-debit .green-link {
    text-align: right;
    margin: 0;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .title,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .title {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    color: #4a4a4a;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title {
    font-size: 14px;
    font-family: 'Josefin Sans', 'Rubik';
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .of-slash,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .of-slash {
    margin: 0 2px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .number,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .number {
    font-size: 16px;
  }
  .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .number .currency_symbol,
  .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .loan-table-wrapper .un-clickable-table-wrapper .table-wrapper .multi-mortgage-title .first-sub-title .number .currency_symbol {
    font-size: 14px;
  }
  /*********** ENGLISH ************/
  html[lang="en"] .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment,
  html[lang="en"] .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment {
    border-right: 1px solid #d7dde2;
  }
  html[lang="en"] .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .monthly-payment-title,
  html[lang="en"] .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-monthly-payment .monthly-payment-title {
    font-size: 12px;
  }
  html[lang="en"] .cs-spa-retail-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit h3,
  html[lang="en"] .cs-spa-sme-content .my-account-home-page #mortgage-homepage .content .summary .homepage-mortgage-summary .total-debit h3 {
    font-size: 14px;
  }
}
.cs-spa-retail-content #deposits-homepage .actions-event-cell,
.cs-spa-sme-content #deposits-homepage .actions-event-cell {
  padding: 0;
}
.cs-spa-retail-content #deposits-homepage.box-with-action .inner-wrapper,
.cs-spa-sme-content #deposits-homepage.box-with-action .inner-wrapper {
  margin-bottom: 20px;
}
.cs-spa-retail-content #deposits-homepage .totals-container .total-title,
.cs-spa-sme-content #deposits-homepage .totals-container .total-title {
  margin-top: 15px;
  font-weight: normal;
  line-height: 21px;
  font-size: 16px;
}
.cs-spa-retail-content #deposits-homepage .totals-container .total-title .deposit-title-i,
.cs-spa-sme-content #deposits-homepage .totals-container .total-title .deposit-title-i {
  display: inline-block;
  position: relative;
  top: 1px;
}
.cs-spa-retail-content #deposits-homepage .totals-container .total-num,
.cs-spa-sme-content #deposits-homepage .totals-container .total-num {
  font-size: 46px;
  line-height: 50px;
  font-weight: 300;
  margin-top: 5px;
}
.cs-spa-retail-content #deposits-homepage .totals-container .total-num .total-amount,
.cs-spa-sme-content #deposits-homepage .totals-container .total-num .total-amount,
.cs-spa-retail-content #deposits-homepage .totals-container .total-num .extra-value,
.cs-spa-sme-content #deposits-homepage .totals-container .total-num .extra-value {
  display: block;
}
.cs-spa-retail-content #deposits-homepage .totals-container .total-num .extra-value,
.cs-spa-sme-content #deposits-homepage .totals-container .total-num .extra-value {
  font-size: 16px;
  line-height: 16px;
}
.cs-spa-retail-content #deposits-homepage .totals-container .total-num .extra-value .decimal_point,
.cs-spa-sme-content #deposits-homepage .totals-container .total-num .extra-value .decimal_point {
  font-size: 16px;
}
.cs-spa-retail-content #deposits-homepage .totals-container .total-num .extra-value .currency_symbol,
.cs-spa-sme-content #deposits-homepage .totals-container .total-num .extra-value .currency_symbol {
  font-size: 13px;
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events {
  font-size: 14px;
  margin-top: 15px;
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-events-container,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closest-events-container {
  margin-right: -21px;
  margin-left: -21px;
  border-top: 1px solid rgba(75, 200, 125, 0.25);
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closes-events-title,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closes-events-title {
  font-size: 14px;
  color: #677b8a;
  font-weight: normal;
  margin-bottom: 5px;
  padding-right: 12px;
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closest-event-row {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  border-bottom: 1px solid rgba(75, 200, 125, 0.25);
  margin-right: 0;
  margin-left: 0;
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row .event-label,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closest-event-row .event-label {
  color: #677b8a;
  font-size: 12px;
  line-height: 18px;
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row .event-value,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closest-event-row .event-value {
  font-size: 14px;
  font-family: Rubik, sans-serif !important;
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row .event-value .decimal_point,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closest-event-row .event-value .decimal_point {
  font-family: Rubik, sans-serif !important;
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row .nis-event-value,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closest-event-row .nis-event-value {
  display: inline-block;
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row .event-cell.deposit-event-name,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closest-event-row .event-cell.deposit-event-name {
  padding-top: 11px;
}
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row .event-cell.deposit-value .number-wrapper .integer,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closest-event-row .event-cell.deposit-value .number-wrapper .integer,
.cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row .event-cell.deposit-value .number-wrapper .decimal_point,
.cs-spa-sme-content #deposits-homepage .deposit-closest-events .closest-event-row .event-cell.deposit-value .number-wrapper .decimal_point {
  font-family: Rubik, sans-serif !important;
}
.cs-spa-retail-content #deposits-homepage .contextual-action-icons.small-deposit-icon,
.cs-spa-sme-content #deposits-homepage .contextual-action-icons.small-deposit-icon {
  width: 17px;
}
.cs-spa-retail-content #deposits-homepage .action-buttons-wrapper,
.cs-spa-sme-content #deposits-homepage .action-buttons-wrapper {
  position: relative;
  top: 6px;
}
.cs-spa-retail-content #deposits-homepage .action-buttons-wrapper .extra-actions-button-con,
.cs-spa-sme-content #deposits-homepage .action-buttons-wrapper .extra-actions-button-con {
  position: absolute;
  left: 0;
}
@media print {
  .my-account-home-page #deposits-homepage .closest-events-container {
    border-top: 1px solid #d7dde2;
    padding-top: 10px;
  }
  .my-account-home-page #deposits-homepage .closest-event-row {
    border-bottom: 1px solid #d7dde2;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .my-account-home-page #deposits-homepage .closest-event-row .event-value .nis-event-value {
    display: inline-block;
  }
}
#savePDF .my-account-home-page #deposits-homepage .closest-events-container,
#print .my-account-home-page #deposits-homepage .closest-events-container {
  border-top: 1px solid #d7dde2;
  padding-top: 10px;
}
#savePDF .my-account-home-page #deposits-homepage .closest-event-row,
#print .my-account-home-page #deposits-homepage .closest-event-row {
  border-bottom: 1px solid #d7dde2;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#savePDF .my-account-home-page #deposits-homepage .closest-event-row .event-value .nis-event-value,
#print .my-account-home-page #deposits-homepage .closest-event-row .event-value .nis-event-value {
  display: inline-block;
}
@media (max-width: 768px) {
  .cs-spa-retail-content #deposits-homepage .box-headline {
    width: 100%;
  }
  .cs-spa-retail-content #deposits-homepage .deposit-closest-events .closes-events-title {
    padding-right: 0;
  }
  .cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row {
    padding-right: 0;
    display: flex;
    align-items: center;
  }
  .cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-event-row .event-cell.deposit-event-name {
    padding-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 7px;
  }
  .cs-spa-retail-content #deposits-homepage .deposit-closest-events .closest-events-container {
    margin-right: -15px;
    margin-left: -15px;
  }
  .cs-spa-retail-content #deposits-homepage .action-buttons-wrapper {
    top: auto;
  }
  .cs-spa-retail-content #deposits-homepage .totals-container .total-num {
    font-size: inherit;
    line-height: 1;
  }
}
.cs-spa-retail-content {
  /** START EXPAND POPUP - CHECK DETAILS **/
  /** END EXPAND POPUP - CHECK DETAILS **/
}
.cs-spa-retail-content .expanded-view-container.sidebarInfoModal.CHECK_DETAILS_HOMEPAGE .titleTable {
  border-bottom: 1px solid #d7dde2;
}
.cs-spa-retail-content .expanded-view-container.sidebarInfoModal.CHECK_DETAILS_HOMEPAGE .check-picture-box {
  margin-top: 12px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cs-spa-retail-content .expanded-view-container.sidebarInfoModal.CHECK_DETAILS_HOMEPAGE .check-picture-box .check-picture-error {
  margin-top: 40px;
}
.cs-spa-retail-content .expanded-view-container.sidebarInfoModal.CHECK_DETAILS_HOMEPAGE .check-picture-box img {
  width: 340px;
  margin-top: 40px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage .content-height {
  min-height: 241px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage nav.tabs {
  margin-bottom: 0;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage .error-wrapper {
  margin-top: 15px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content {
  margin-top: 30px;
  padding: 0 40px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper {
  position: relative;
  width: 318px;
  height: 132px;
  box-shadow: 0 0 18px 0 rgba(32, 58, 101, 0.2);
  background-color: #ffffff;
  padding: 16px 17px 0;
  margin: 0 10px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .top-row {
  color: #677b8a;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .top-row .bank-name-wrapper {
  position: absolute;
  max-width: 115px;
  left: 0;
  top: 0;
  text-align: left;
  line-height: 11px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .top-row .bank-name-wrapper .bank-name {
  color: #4a4a4a;
  font-weight: 500;
  font-size: 12px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content {
  position: relative;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .total-nis {
  position: relative;
  top: 15px;
  border-bottom: 1px solid rgba(75, 200, 125, 0.25);
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .total-nis:before {
  content: '';
  width: 1px;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(75, 200, 125, 0.25);
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .total-nis:after {
  content: '';
  width: 1px;
  height: 6px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(75, 200, 125, 0.25);
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .total-nis .number {
  font-weight: 300;
  margin-right: 5px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .total-nis .number .number-wrapper .integer {
  font-size: 34px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .total-nis .number .number-wrapper .decimal_point {
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .total-nis .number .currency_symbol {
  padding-left: 10px;
  font-size: 17px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .deposit-date {
  color: #677b8a;
  position: absolute;
  font-size: 13px;
  text-align: left;
  left: 0;
  top: 18px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .deposit-date span:first-child {
  margin-left: 5px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .deposit-date span:last-child {
  font-weight: bold;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .deposit-date .date-text {
  font-family: 'Rubik';
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-content .deposit-date .date-value {
  font-family: "Josefin Sans";
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 17px;
  height: 22px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .check-footer span {
  font-family: 'Josefin Sans', 'Rubik';
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper:hover {
  border: 1px solid #4bc87d;
  box-shadow: 0 0 18px 0 rgba(26, 200, 196, 0.2);
}
.cs-spa-retail-content .my-account-home-page #checks-homepage.en-site #tab-content .checks-content {
  padding: 0 20px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage.en-site #tab-content .checks-content .single-check-wrapper .check-content .total-nis .number {
  padding-right: 10px;
}
.cs-spa-retail-content .my-account-home-page #checks-homepage.en-site #tab-content .checks-content .single-check-wrapper .check-content .total-nis .number .currency_symbol {
  padding-left: 0;
}
html[lang="en"] .cs-spa-retail-content .my-account-home-page #checks-homepage #tab-content .checks-content .single-check-wrapper .top-row .bank-name-wrapper {
  max-width: 100px;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .my-account-home-page #checks-homepage .box-headline {
    width: 100%;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper {
    padding-right: 20px;
    margin-bottom: 15px;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .checks-content {
    padding: 0;
    margin-right: -10px;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .checks-content .single-check-wrapper {
    width: 260px;
    padding: 10px 10px 0;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .checks-content .single-check-wrapper .top-row .amount-title {
    font-size: 12px;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .checks-content .total-nis .number {
    margin-right: 5px;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .checks-content .total-nis .number .number-wrapper .integer {
    font-size: 28px;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .checks-content .total-nis .number .number-wrapper .decimal_point {
    font-size: 17px;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .checks-content .total-nis .number .number-wrapper .currency_symbol {
    font-size: 15px;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .checks-content .total-nis .number .currency_symbol {
    padding-left: 10px;
    font-size: 17px;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .checks-content .deposit-date .date-text {
    font-size: 12px;
  }
  .cs-spa-retail-content .my-account-home-page #checks-homepage .inner-wrapper #tab-content .additional {
    margin-top: 10px;
  }
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper {
  margin-bottom: 20px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error {
  height: auto;
  padding-top: 0;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error .error-content,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error .error-content {
  text-align: right;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error .rc-global-error-text,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error .rc-global-error-text {
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error .rc-global-error-text .text,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error .rc-global-error-text .text {
  display: inline-block;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error img,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .rc-global-error img {
  display: none;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-receips-wrapper,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-receips-wrapper,
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-yields-wrapper,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-yields-wrapper {
  position: relative;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-receips-wrapper .divider,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-receips-wrapper .divider,
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-yields-wrapper .divider,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-yields-wrapper .divider {
  width: 1px;
  position: absolute;
  right: 0;
  height: 80%;
  background-color: #4bc87d;
  opacity: 0.25;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-receips-wrapper .value-wrapper,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-receips-wrapper .value-wrapper,
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-yields-wrapper .value-wrapper,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .cube-yields-wrapper .value-wrapper {
  position: relative;
  top: 5px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receips-title,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receips-title,
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-yields-title,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-yields-title {
  margin-bottom: 15px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receips-title .red-info-icon,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receips-title .red-info-icon,
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-yields-title .red-info-icon,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-yields-title .red-info-icon {
  background: url(media/images/transparentRedTooltip.c50618e434d35b899d39..png) no-repeat center;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .yield-icon .fa,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .yield-icon .fa {
  color: white;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  font-size: 9px;
  text-align: center;
  padding-top: 2px;
  position: relative;
  top: -4px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .yield-icon .fa.positive-icon,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .yield-icon .fa.positive-icon {
  background-color: #65a02e;
  margin-right: 5px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .yield-icon .fa.negative-icon,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .yield-icon .fa.negative-icon {
  transform: rotate(180deg);
  background-color: #fb5f5f;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-yields-value,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-yields-value {
  font-size: 18px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number-wrapper .integer,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number-wrapper .integer {
  font-size: 22px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number-wrapper .decimal_point,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number-wrapper .decimal_point {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number-wrapper .currency_symbol,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number-wrapper .currency_symbol {
  font-size: 14px;
  margin-right: 10px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-title span.title,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-title span.title {
  font-size: 16px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value {
  direction: ltr;
  font-weight: 300;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .currency_symbol,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .currency_symbol {
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .number,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .number {
  font-size: 38px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .small-value .number,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .small-value .number {
  font-size: 36px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .decimal_point,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .decimal_point {
  font-size: 20px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .negative,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .negative {
  color: #fb5f5f;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .positive,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .positive {
  color: #65a02e;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-title,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-title {
  font-size: 18px;
  color: #4bc87d;
  margin-top: 12px;
  margin-bottom: 20px;
  font-weight: bold;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table {
  width: auto;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table.no-graph,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table.no-graph {
  width: 100%;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table:not(.no-graph) th.paper-type .paper-type-title,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table:not(.no-graph) th.paper-type .paper-type-title {
  position: relative;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table tr,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table tr {
  height: auto;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th,
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table td,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table td {
  padding: 5px 0 !important;
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th .number-wrapper .integer,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th .number-wrapper .integer,
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table td .number-wrapper .integer,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table td .number-wrapper .integer,
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th .number-wrapper .decimal_point,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th .number-wrapper .decimal_point,
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table td .number-wrapper .decimal_point,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table td .number-wrapper .decimal_point {
  font-family: Rubik, sans-serif !important;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th {
  padding-left: 30px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th.indicator,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th.indicator {
  width: 25px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th.paper-type,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th.paper-type {
  position: relative;
  width: 160px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th.worth-in-ils,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th.worth-in-ils {
  width: 130px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th.percentage-of-portfolio,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table th.percentage-of-portfolio {
  width: 130px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table tr.highlighted td,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table tr.highlighted td {
  font-weight: bold;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table .graph-dot,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table .graph-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .pie-wrapper .highcharts-container text,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .pie-wrapper .highcharts-container text {
  display: none;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .center-content,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .center-content {
  display: flex;
  justify-content: center;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .center-content .pie-wrapper,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .center-content .pie-wrapper {
  margin-right: 100px;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .section-divider,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .section-divider {
  background-color: rgba(75, 200, 125, 0.25);
  height: 1px;
  margin-right: -20px;
  width: calc(100% + 40px);
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .info-section,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .info-section {
  margin-top: 17px;
  color: #7d91a1;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .drive-to-action,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .drive-to-action {
  margin: 0 auto 0;
}
.cs-spa-retail-content .my-account-home-page #homepage-securities-box .drive-to-action .drive-to-action-btn,
.cs-spa-sme-content .my-account-home-page #homepage-securities-box .drive-to-action .drive-to-action-btn {
  margin-bottom: -32px;
}
@media print {
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value {
    direction: ltr;
    font-weight: 300;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .currency_symbol {
    font-size: 20px;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .number {
    font-size: 38px;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .decimal_point {
    font-size: 20px;
  }
  .generalTable#homepage-securities-box table {
    margin: 10px 0;
  }
  .generalTable#homepage-securities-box th,
  .generalTable#homepage-securities-box td {
    font-weight: normal !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 0.5mm solid #d7dde2 !important;
    border-top: none !important;
  }
  .generalTable#homepage-securities-box th:first-of-type,
  .generalTable#homepage-securities-box td:first-of-type {
    visibility: hidden;
  }
}
#savePDF .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value {
  direction: ltr;
  font-weight: 300;
}
#savePDF .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .currency_symbol {
  font-size: 20px;
}
#savePDF .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .number {
  font-size: 38px;
}
#savePDF .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .decimal_point {
  font-size: 20px;
}
#savePDF .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .center-content {
  margin: 0 !important;
}
#savePDF .generalTable#homepage-securities-box table {
  margin: 10px 0;
}
#savePDF .generalTable#homepage-securities-box .center-content {
  margin: 0 !important;
}
#savePDF .generalTable#homepage-securities-box .info-section {
  margin: 10px 0;
}
#savePDF .generalTable#homepage-securities-box th,
#savePDF .generalTable#homepage-securities-box td {
  font-weight: normal !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 0.5mm solid #d7dde2 !important;
  border-top: none !important;
}
#savePDF .generalTable#homepage-securities-box th:first-of-type,
#savePDF .generalTable#homepage-securities-box td:first-of-type {
  visibility: hidden;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .box-headline,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .box-headline {
    width: 100%;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-table {
    width: 100%;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-title,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .distribution-title {
    font-size: 16px;
    margin-bottom: 0;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .center-content,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .center-content {
    display: block;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .center-content .pie-wrapper,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .securities-distribution-section .center-content .pie-wrapper {
    margin-right: 0px;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value {
    font-weight: 600;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .currency_symbol,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .currency_symbol {
    font-size: 16px;
    font-weight: normal;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .number,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .number {
    font-size: 20px;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .number .decimal_point,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-worth-value .number .decimal_point {
    font-size: 20px;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receips-title,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receips-title,
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-yields-title,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-yields-title {
    margin-bottom: 0;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number .number-wrapper .integer,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number .number-wrapper .integer,
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number .number-wrapper .decimal_point,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .securities-receipts-value .number .number-wrapper .decimal_point {
    font-size: 18px;
  }
  .cs-spa-retail-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .yield-icon,
  .cs-spa-sme-content .my-account-home-page #homepage-securities-box .inner-wrapper .topRow .summary-cube .yield-icon {
    margin-right: 5px;
  }
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .summary h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content {
  margin-top: 10px;
  margin-right: 24px;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .cube {
  line-height: 1.3;
  padding: 0 10px;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .cube h4 {
  color: #677b8a;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .cube .balance {
  color: #333a46;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .cube .number-of-products {
  font-size: 14px;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-products {
  padding-right: 5px;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-products .product h4 {
  font-size: 14px;
  font-weight: 500;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-products .product .balance {
  font-size: 20px;
  font-weight: 300;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-products .product .number-of-products {
  font-size: 14px;
  color: #333a46;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .row-divider {
  margin-top: 15px;
  margin-bottom: 20px;
  margin-right: 10px;
  background-color: #4bc87d;
  height: 1px;
  width: 95%;
  opacity: 0.4;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-covers h3 {
  font-size: 16px;
  font-weight: 500;
  color: #677b8a;
  margin-bottom: 15px;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-covers .cover h4 {
  font-size: 14px;
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-covers .cover .balance {
  font-size: 16px;
  font-weight: normal;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-covers .cover .number-of-products {
  font-size: 13px;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-covers .cover .cube-divider {
  width: 1px;
  height: 100%;
  background-color: #4bc87d;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 5px;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-covers .cover.last {
  padding-left: 0;
}
.cs-spa-retail-content .my-account-home-page #pension-homepage .pension-content .pension-covers .cover.last .cube-divider {
  display: none;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .my-account-home-page #pension-homepage .box-headline,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .box-headline {
    width: 100%;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .no-padding,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .no-padding {
    padding: 0;
    margin: 0;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .summary,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .summary {
    padding: 0 15px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .summary h3,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .summary h3 {
    font-size: 16px;
    line-height: 21px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .summary .total-currency-amount .number .currency_symbol,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .summary .total-currency-amount .number .currency_symbol {
    font-weight: normal;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content {
    margin-top: 10px;
    margin-right: 0;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .cover,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .cover {
    margin-bottom: 10px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .cover h4,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .cover h4 {
    line-height: 17px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .cover .cube-divider,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .cover .cube-divider {
    width: 0;
    height: 0;
    margin-left: 0;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .pension-products,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .pension-products {
    padding-right: 0;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product.padding-5-top,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product.padding-5-top {
    padding-top: 5px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product.padding-5-bottom,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product.padding-5-bottom {
    padding-bottom: 5px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product.border-bottom,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product.border-bottom {
    border-bottom: 1px solid #d7dde2;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product .divider,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product .divider {
    width: 1px;
    position: absolute;
    margin-top: 5px;
    right: 0;
    height: 80%;
    background-color: #d7dde2;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product h4,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product h4 {
    font-weight: normal;
    line-height: 17px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product .number-of-products,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .pension-products .product .number-of-products {
    font-size: 12px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .pension-covers,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .pension-covers {
    margin-top: 16px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .pension-covers h3,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .pension-covers h3 {
    font-weight: normal;
    margin-bottom: 5px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .cube .balance,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .cube .balance {
    font-size: 14px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .cube .balance .currency_symbol,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .cube .balance .currency_symbol {
    font-size: 12px;
  }
  .cs-spa-retail-content .my-account-home-page #pension-homepage .content .pension-content .row-divider,
  .cs-spa-sme-content .my-account-home-page #pension-homepage .content .pension-content .row-divider {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    background-color: transparent;
  }
}
.currnecy-rate-directive-wrapper {
  color: #4e5664;
}
.currnecy-rate-directive-wrapper .currency-col {
  padding-left: 0px !important;
}
.currnecy-rate-directive-wrapper .currency-first-ul {
  padding: 0 0 0 30px !important;
}
.currnecy-rate-directive-wrapper .currency-list-wrapper {
  margin-bottom: 7px;
}
.currnecy-rate-directive-wrapper .currency-list-wrapper .currency-symbol {
  height: 25px;
  width: 25px;
  line-height: 25px;
  color: #4bc87d;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  border: 1px solid #4bc87d;
  border-radius: 25px;
}
.currnecy-rate-directive-wrapper .currency-list-wrapper .currency-symbol.cuurency-code {
  font-size: 10px;
}
.currnecy-rate-directive-wrapper .currency-list-wrapper .currency-name {
  display: inline-block;
  margin: 0px 10px;
}
.currnecy-rate-directive-wrapper .currency-list-wrapper .currency-rate {
  float: left;
  display: inline-block;
  line-height: 24px;
  font-family: 'Josefin Sans', sans-serif;
}
.currnecy-rate-directive-wrapper .footer {
  margin-top: 10px;
}
.currnecy-rate-directive-wrapper .footer .date-format {
  font-family: 'Josefin Sans', sans-serif;
}
.currnecy-rate-directive-wrapper .footer .green-link {
  float: left;
}
.currnecy-rate-directive-wrapper .footer .green-link.rate-link {
  margin-top: 0px;
}
.contact-us-wrapper .contact-us-header {
  padding: 110px 15px 0;
  font-size: 18px;
  height: 132px;
  background-image: url(media/images/contact_us_header.b9e44c2996e5251b4047..png);
  background-size: contain;
}
.contact-us-wrapper .contact-us-body {
  padding: 15px;
  font-size: 13px;
  line-height: 15px;
}
.contact-us-wrapper hr {
  margin-top: 12px;
  margin-bottom: 12px;
}
.contact-us-wrapper .chat-with-banker {
  padding-top: 10px;
  font-size: 12px;
}
#osh-homepage-fast-actions {
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  margin-bottom: 10px;
}
.operational-messages-slider-wrapper .single-msg-wrapper {
  width: 200px;
  vertical-align: top;
  margin: 0 7px;
  display: inline-block;
}
.operational-messages-slider-wrapper .single-msg-wrapper .msg-box {
  position: relative;
  box-sizing: border-box;
  padding: 0px 10px;
  width: 100%;
  margin-bottom: 9px;
  font-size: 16px;
  line-height: 20px;
}
.operational-messages-slider-wrapper .single-msg-wrapper .msg-box .popup-text {
  cursor: default;
}
.operational-messages-slider-wrapper .single-msg-wrapper .msg-box .popup-text.msg-link {
  cursor: pointer;
}
.operational-messages-slider-wrapper .single-msg-wrapper .msg-box .msg-link,
.operational-messages-slider-wrapper .single-msg-wrapper .msg-box a {
  cursor: pointer;
  color: #4bc87d;
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
}
.operational-messages-popup-container {
  max-width: 620px;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  position: relative;
  text-align: center;
  padding: 35px;
}
.operational-messages-popup-container .btnContent {
  margin-top: 25px;
}
.operational-messages-box {
  box-shadow: 8px 0 25px 0 rgba(81, 144, 182, 0.2);
  margin-bottom: 11px;
}
.operational-messages-box .slider-wrapper {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.operational-messages-popup a {
  cursor: pointer;
  color: #4bc87d;
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
}
.cube-buttons.drive-to-action {
  width: 92%;
  margin: 0 auto ;
  position: absolute;
  left: 0;
  right: 0;
}
.cube-buttons.drive-to-action .drive-to-action-btn {
  box-sizing: border-box;
  height: 37px;
  border: 1px solid;
  border-radius: 100px;
  box-shadow: 0 2px 22px 0 rgba(172, 184, 204, 0.5);
}
.cube-buttons.drive-to-action .blue-circle-btn {
  float: left;
  min-width: 26%;
  padding: 0 20px;
  border-color: #5A77F5;
  background-color: #5A77F5;
  color: #ffffff;
}
.cube-buttons.drive-to-action .white-circle-btn {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #5A77F5;
  font-weight: 500;
  text-align: center;
  padding-top: 6px;
}
.cube-buttons.drive-to-action.one-button .blue-circle-btn {
  border-radius: 100px;
}
.cube-buttons.drive-to-action.with-campaign .blue-circle-btn {
  border-radius: 100px 0 0 100px;
}
.cube-buttons.drive-to-action.with-campaign .white-circle-btn {
  border-radius: 100px;
  float: none;
  margin: auto;
}
.cube-buttons.drive-to-action.with-campaign button + .white-circle-btn {
  border-radius: 0 100px 100px 0;
  float: right;
  width: 74%;
}
@media (max-width: 1023px) {
  .cube-buttons.drive-to-action {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cube-buttons.drive-to-action .blue-circle-btn {
    float: none;
    min-width: 200px;
  }
  .cube-buttons.drive-to-action .white-circle-btn {
    margin: auto;
  }
  .cube-buttons.drive-to-action.with-campaign {
    flex-direction: column-reverse;
    position: static;
  }
  .cube-buttons.drive-to-action.with-campaign .blue-circle-btn {
    border-radius: 100px;
    position: absolute;
    bottom: -37px;
  }
  .cube-buttons.drive-to-action.with-campaign .white-circle-btn {
    background-color: transparent;
    box-shadow: none;
    color: inherit;
    border: none;
    height: auto;
    font-weight: normal;
    margin-bottom: 10px;
  }
}
.billsPayment .bills-payment-container .step-loader-wrapper {
  min-height: 400px;
}
.billsPayment .bills-payment-container .no-margin-cls {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.billsPayment .bills-payment-container .input-label {
  color: #7d91a1;
  margin-bottom: 5px;
}
.billsPayment .bills-payment-container .disable-drop-down {
  opacity: 0.6;
  cursor: not-allowed;
}
.billsPayment .bills-payment-container .tf-error {
  padding-right: 0px;
  margin-top: 7px;
}
.billsPayment .bills-payment-container .tf-error-border {
  border: 1px solid #fb5f5f !important;
}
.billsPayment .bills-payment-container .custom-drop-down-error .select2-container {
  border: 1px solid #fb5f5f !important;
}
.billsPayment .bills-payment-container .custom-drop-down-error .custom-dropdown {
  border: 1px solid #fb5f5f !important;
}
.billsPayment .bills-payment-container .num-of-payment-input {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 18px;
}
.billsPayment .bills-payment-container .number-format {
  font-family: 'Josefin Sans', sans-serif;
}
.billsPayment .billsPaymentStep1 .legal-note-container {
  margin-top: 20px;
  color: #7d91a1;
}
.billsPayment .billsPaymentStep1 .legal-note-container .legal-note-title {
  font-weight: 500;
}
.billsPayment .billsPaymentStep1 .legal-note-container .legal-note-text {
  font-weight: 300;
}
.billsPayment .billsPaymentStep1 .legal-note-error {
  padding-top: 10px;
  font-size: 14px;
  color: #fb5f5f;
}
.billsPayment .billsPaymentStep1 .errorAlert {
  z-index: 9;
  width: 15px;
  height: 15px;
  cursor: pointer;
  vertical-align: sub;
  margin-right: 0px;
  margin-left: 2px;
  display: inline-block;
  background: url(media/svgs/iconError.22c05b4235f361acadf5..svg) no-repeat center;
}
.billsPayment .billsPaymentStep1 .payment-title {
  font-size: 20px;
  font-weight: bold;
  color: #4bc87d;
  margin-bottom: 22px;
}
.billsPayment .billsPaymentStep1 .pending-payments-container {
  margin-bottom: 40px;
}
.billsPayment .billsPaymentStep1 .pending-payments-container .payment-row {
  border: 1px solid #c6ddeb;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 10px;
}
.billsPayment .billsPaymentStep1 .pending-payments-container .payment-row .payment-row-title {
  font-size: 21px;
  opacity: 0.9;
  color: #6E7685;
  margin-bottom: 16px;
}
.billsPayment .billsPaymentStep1 .pending-payments-container .payment-row .payment-cell {
  display: inline-block;
}
.billsPayment .billsPaymentStep1 .pending-payments-container .payment-row .payment-cell .payment-label {
  color: #7d91a1;
}
.billsPayment .billsPaymentStep1 .pending-payments-container .payment-row .payment-cell .payment-value {
  font-size: 16px;
}
.billsPayment .billsPaymentStep1 .pending-payments-container .payment-row:hover,
.billsPayment .billsPaymentStep1 .pending-payments-container .payment-row.selected-pending-payment {
  cursor: pointer;
  border: 1px solid #4bc87d;
  box-shadow: 0 0 15px 0 rgba(75, 200, 125, 0.3);
}
.billsPayment .billsPaymentStep1 .popular-payment-container {
  margin-top: 43px;
}
.billsPayment .billsPaymentStep1 .popular-payment-container.padd-popular-payment-container {
  margin-bottom: 20px;
}
.billsPayment .billsPaymentStep1 .popular-payment-container .popular-payment-box {
  color: #7d91a1;
  display: inline-table;
  border: 1px solid #c6ddeb;
  border-radius: 10px;
  padding-top: 16px;
  height: 80px;
  margin-left: 14px;
  margin-bottom: 15px;
  width: 240px;
  text-align: center;
}
.billsPayment .billsPaymentStep1 .popular-payment-container .popular-payment-box:hover,
.billsPayment .billsPaymentStep1 .popular-payment-container .popular-payment-box.selected-popular-payment {
  cursor: pointer;
  border: 1px solid #4bc87d;
  box-shadow: 0 9px 25px 0 rgba(75, 200, 125, 0.3);
}
.billsPayment .billsPaymentStep1 .popular-payment-container .popular-payment-box .popular-payment-name {
  margin-top: 4px;
}
.billsPayment .billsPaymentStep1 .popular-payment-container .last-box-in-row {
  margin-left: 0px;
}
.billsPayment .billsPaymentStep1 .payment-information-container {
  padding-top: 20px;
  border-top: solid 1px #ebf0f3;
}
.billsPayment .billsPaymentStep1 .payment-information-container .payment-input-field {
  margin-bottom: 20px;
}
.billsPayment .billsPaymentStep1 .payment-information-container.without-pending-payment {
  border-top: none;
  padding-top: 0px;
}
.billsPayment .billsPaymentStep1 .payment-information-container .example-image-container {
  text-align: center;
}
.billsPayment .billsPaymentStep1 .input-max-width {
  max-width: 325px;
}
.billsPayment .billsPaymentStep1 #paymentID_1,
.billsPayment .billsPaymentStep1 #paymentID_2 {
  font-family: 'Josefin Sans', sans-serif;
}
.billsPayment .summery-wiz-row .summary-wiz-value .from-section {
  white-space: nowrap;
}
.billsPayment .billsPaymentStep2 .summery-wiz-row .summary-wiz-value .from-section {
  white-space: nowrap;
}
.billsPayment .billsPaymentStep2 .payment-details-wrapper .inner-wiz-title {
  margin-bottom: 0px;
}
.billsPayment .billsPaymentStep2 .payment-details-wrapper .summary-wiz-area {
  display: flex;
}
.billsPayment .billsPaymentStep2 .payment-details-wrapper .summary-wiz-area .summary-wiz-column {
  min-height: inherit;
}
.billsPayment .billsPaymentStep2 .payment-details-wrapper .summary-wiz-area .summary-wiz-column .summery-wiz-row {
  min-width: 170px;
}
.billsPayment .billsPaymentStep2 .payment-details-wrapper .datePassed {
  color: #fb5f5f;
}
.billsPayment .billsPaymentStep2 .more-info-credit-card-payment {
  margin-top: 15px;
}
.billsPayment .billsPaymentStep2 .more-info-credit-card-payment .btnHelp {
  margin-right: 0px;
}
.billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .join-to-notification-payment-container {
  font-size: 16px;
  margin: 15px 0px;
}
.billsPayment .billsPaymentStep2 .gov-payment-wrapper .payment-options-wrapper {
  margin-bottom: 20px;
}
.billsPayment .billsPaymentStep2 .gov-payment-wrapper .payment-options-wrapper .option-label {
  cursor: auto;
}
.billsPayment .billsPaymentStep2 .gov-payment-wrapper .radio-options {
  margin-bottom: 20px;
}
.billsPayment .billsPaymentStep2 .gov-payment-wrapper .radio-options .radio-option {
  margin-bottom: 10px;
}
.billsPayment .billsPaymentStep2 .gov-payment-wrapper .radio-options .radio-option .disable-option {
  opacity: 0.6;
  cursor: not-allowed;
}
.billsPayment .billsPaymentStep2 .gov-payment-wrapper .credit-card-payment-wrapper.disable-mode {
  opacity: 0.5;
}
.billsPayment .billsPaymentStep2 .gov-payment-wrapper .credit-card-payment-wrapper.disable-mode .disable-drop-down {
  opacity: 1;
  cursor: not-allowed;
}
.billsPayment .billsPaymentStep2 .legal-wrapper {
  padding-bottom: 10px;
}
.billsPayment .billsPaymentStep2 .legal-wrapper .wizard-inner-content .text {
  max-width: none;
}
.billsPayment .billsPaymentStep3 ~ #continueSection {
  background: #ebf2f8;
  margin-top: 0px;
}
.billsPayment .billsPaymentStep3 .summary-wiz-area {
  padding-bottom: 0px;
}
.billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column {
  padding: 0px 15px;
}
.billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column:first-child {
  padding-right: 0px;
}
.billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column .datePassed {
  color: #fb5f5f;
}
.billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column.last-details-column {
  border: none;
}
.billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column .summery-wiz-row {
  padding-right: 15px;
  padding-left: 15px;
  max-width: 180px;
}
.billsPayment .billsPaymentStep3 .summary-wiz-area .summary-gagula-wrapper {
  max-width: 180px;
  border-right: 1px solid #ebf0f3;
  position: initial;
  float: left;
}
.billsPayment .billsPaymentStep3 .summary-wiz-area .summary-gagula-wrapper .value-text {
  margin-bottom: 10px;
}
.billsPayment .billsPaymentStep3 .legal-wrapper {
  padding-top: 30px;
  margin-top: 0px;
  padding-bottom: 10px;
}
.billsPayment .billsPaymentStep3 .legal-wrapper .wizard-inner-content .text {
  max-width: none;
}
.billsPayment .billsPaymentStep4 .credit-card-message {
  margin-bottom: 10px;
}
.billsPayment .billsPaymentStep4 .bills-bottom-msg {
  margin-top: 20px;
}
.billsPayment .billsPaymentStep4 .bills-bottom-msg .green-link {
  font-weight: 300;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .legal-note-container {
    margin-top: 10px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .legal-note-error {
    padding-top: 10px;
    font-size: 14px;
    color: #fb5f5f;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .errorAlert {
    z-index: 9;
    width: 15px;
    height: 15px;
    cursor: pointer;
    vertical-align: sub;
    margin-right: 0px;
    margin-left: 2px;
    display: inline-block;
    background: url(media/svgs/iconError.22c05b4235f361acadf5..svg) no-repeat center;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .payment-title {
    margin-bottom: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .pending-payments-container {
    margin-bottom: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .pending-payments-container .payment-row .payment-row-title {
    margin-bottom: 5px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .pending-payments-container .payment-row .payment-cell .payment-label {
    color: #7d91a1;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .pending-payments-container .payment-row .payment-cell .payment-value {
    font-size: 16px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .pending-payments-container .payment-row:hover,
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .pending-payments-container .payment-row.selected-pending-payment {
    cursor: pointer;
    border: 1px solid #4bc87d;
    box-shadow: 0 0 15px 0 rgba(75, 200, 125, 0.3);
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .popular-payment-container {
    margin-top: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .popular-payment-container.padd-popular-payment-container {
    margin-bottom: 10px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .popular-payment-container .popular-payment-box {
    color: #7d91a1;
    display: inline-table;
    border: 1px solid #c6ddeb;
    border-radius: 10px;
    padding-top: 16px;
    height: 80px;
    margin-left: 14px;
    margin-bottom: 15px;
    width: 240px;
    text-align: center;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .popular-payment-container .popular-payment-box .popular-payment-name {
    margin-top: 4px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .popular-payment-container .last-box-in-row {
    margin-left: 14px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .payment-information-container {
    padding-top: 10px;
    border-top: solid 1px #ebf0f3;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .payment-information-container .payment-input-field {
    margin-bottom: 20px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .payment-information-container .example-image-container {
    text-align: center;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .payment-information-container .example-image-container img {
    width: 100%;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 #paymentID_1,
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 #paymentID_2 {
    font-family: 'Josefin Sans', sans-serif;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .credit-card-payment-wrapper .wiz-field-wrapper {
    padding-left: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .credit-card-payment-wrapper .wiz-field-wrapper {
    padding-left: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .join-to-notification-payment-container {
    margin: 15px 10px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .join-to-notification-payment-container .checkbox-wrapper label {
    font-size: 16px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .join-to-notification-payment-container .checkbox-wrapper input:checked + .checkbox-visual:after {
    height: 12px;
    width: 7px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .join-to-notification-payment-container .checkbox-wrapper .checkbox-visual {
    width: 14px;
    height: 14px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .legal-wrapper {
    padding-bottom: 25px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area {
    padding: 0px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column:first-child {
    padding-right: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column.last-details-column {
    border: none;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column .summery-wiz-row {
    max-width: 110px;
    min-width: 110px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .legal-wrapper {
    padding-bottom: 25px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep4 .wizard-inner-content {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .payment-title {
    margin-bottom: 10px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .pending-payments-container .payment-row {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .pending-payments-container .payment-row .payment-cell {
    width: 100% !important;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .payment-details-wrapper .summary-wiz-area {
    display: block;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .payment-details-wrapper .summary-wiz-area .summary-wiz-column {
    min-width: 100%;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .payment-details-wrapper .summary-wiz-area .summary-wiz-column .summery-wiz-row {
    min-width: 170px;
    margin-bottom: 10px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .payment-details-wrapper .summary-wiz-area .summary-wiz-column .summery-wiz-row .summary-wiz-title {
    line-height: 24px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .more-info-credit-card-payment {
    margin: 15px 0px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .credit-card-payment-wrapper .wiz-field-wrapper {
    margin-bottom: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .join-to-notification-payment-container {
    margin: 5px 0px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .join-to-notification-payment-container .checkbox-visual {
    width: 14px;
    height: 14px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .payment-options-wrapper {
    margin-bottom: 20px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .payment-options-wrapper .option-label {
    cursor: auto;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .radio-options {
    margin-bottom: 20px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .radio-options .radio-option {
    margin-bottom: 10px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .radio-options .radio-option .disable-option {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .credit-card-payment-wrapper .wiz-field-wrapper {
    padding-left: 0px;
    margin-bottom: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .credit-card-payment-wrapper.disable-mode {
    opacity: 0.5;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .credit-card-payment-wrapper.disable-mode .disable-drop-down {
    opacity: 1;
    cursor: not-allowed;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area {
    padding: 0px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column {
    padding: 0px 15px;
    min-width: 100%;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column:first-child {
    padding-right: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column.last-details-column {
    border: none;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column .summery-wiz-row {
    margin-bottom: 10px;
    max-width: initial;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-wiz-column .summery-wiz-row .summary-wiz-title {
    line-height: 24px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-gagula-wrapper {
    margin-bottom: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep3 .summary-wiz-area .summary-gagula-wrapper .value-text {
    margin-bottom: 10px;
  }
  .cs-spa-retail-content .billsPayment .burned-message-text,
  .cs-spa-retail-content .billsPayment .burned-message-heading {
    font-size: 14px;
  }
}
@media (max-width: 1200px) and (min-width: 1023px) {
  .cs-spa-retail-content .billsPayment .billsPaymentStep1 .popular-payment-container .last-box-in-row {
    margin-left: 14px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .gov-payment-wrapper .credit-card-payment-wrapper .wiz-field-wrapper {
    padding-left: 15px;
  }
  .cs-spa-retail-content .billsPayment .billsPaymentStep2 .tell-all-payment-wrapper .credit-card-payment-wrapper .wiz-field-wrapper {
    padding-left: 15px;
  }
}
@media print {
  .billsPaymentStep3 .payment-details-wrapper .summery-wiz-row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .billsPaymentStep3 .payment-details-wrapper .inner-wiz-title {
    font-size: 20px;
  }
  .billsPaymentStep3 .payment-details-wrapper .summary-gagula-wrapper.summary-wiz-column {
    width: 100%;
    margin-bottom: 10px;
  }
  .billsPaymentStep3 .payment-details-wrapper .summery-wiz-row {
    margin-top: 10px;
  }
  .billsPaymentStep3 .payment-details-wrapper .summary-wiz-title {
    width: 100%;
  }
  .billsPaymentStep3 .payment-details-wrapper .summary-wiz-value {
    width: 100%;
  }
  .billsPaymentStep3 .payment-details-wrapper .summary-gagula-wrapper .gagola-wrapper .gagula-title {
    margin-top: 10px !important;
  }
  .billsPaymentStep3 .legal-wrapper .legal-title {
    font-weight: bold;
  }
}
#savePDF .billsPaymentStep3 .payment-details-wrapper .inner-wiz-title,
#print .billsPaymentStep3 .payment-details-wrapper .inner-wiz-title {
  font-size: 20px;
}
#savePDF .billsPaymentStep3 .payment-details-wrapper .summary-wiz-title,
#print .billsPaymentStep3 .payment-details-wrapper .summary-wiz-title {
  width: 100%;
}
#savePDF .billsPaymentStep3 .payment-details-wrapper .summery-wiz-row,
#print .billsPaymentStep3 .payment-details-wrapper .summery-wiz-row {
  margin-top: 10px;
}
#savePDF .billsPaymentStep3 .payment-details-wrapper .summary-wiz-value,
#print .billsPaymentStep3 .payment-details-wrapper .summary-wiz-value {
  width: 100%;
}
#savePDF .billsPaymentStep3 .payment-details-wrapper .summary-gagula-wrapper.summary-wiz-column,
#print .billsPaymentStep3 .payment-details-wrapper .summary-gagula-wrapper.summary-wiz-column {
  width: 100%;
  margin-bottom: 10px;
}
#savePDF .billsPaymentStep3 .legal-wrapper .legal-title,
#print .billsPaymentStep3 .legal-wrapper .legal-title {
  font-weight: bold;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper {
  max-width: 820px;
  margin-top: 32px;
  margin-bottom: 28px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .contact-details-inner-padding {
  padding-right: 61px;
  padding-left: 70px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .contact-details-inner-padding .wiz-input-field:disabled {
  opacity: 1;
  cursor: auto;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .details-title {
  font-size: 20px;
  font-weight: bold;
  color: #4bc87d;
  margin-bottom: 5px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .details-sub-title {
  margin-bottom: 15px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .input-name-wrapper {
  margin-bottom: 30px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .link-to-update {
  color: #4bc87d;
  cursor: pointer;
  margin-top: 10px;
  padding: 0px;
  font-weight: 300;
  text-decoration: underline;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .input-error-msg {
  color: #fb5f5f;
  margin-top: 5px;
  line-height: 15px;
  min-height: 15px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container {
  background-color: #c6ddeb;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  margin-top: 15px;
  padding: 15px 61px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .join-to-notification-title {
  font-weight: bold;
  font-size: 20px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .join-to-notification-sub-title {
  margin-top: 15px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .checkbox-wrapper {
  margin-top: 15px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .checkbox-wrapper .checkbox-visual {
  background: #ebf2f8;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .checkbox-wrapper label {
  padding-right: 5px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .legal-notes {
  padding: 10px 61px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .contact-details-popup-button {
  text-align: center;
  margin-top: 20px;
}
.cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .contact-details-popup-button button {
  min-width: 140px;
  margin-right: 10px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .contact-details-inner-padding {
    padding: 0px 20px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .details-title {
    font-size: 20px;
    font-weight: bold;
    color: #4bc87d;
    margin-bottom: 5px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .details-sub-title {
    margin-bottom: 15px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .input-name-wrapper {
    margin-bottom: 30px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .link-to-update {
    color: #4bc87d;
    cursor: pointer;
    margin-top: 10px;
    padding: 0px;
    font-weight: 300;
    text-decoration: underline;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .input-error-msg {
    color: #fb5f5f;
    margin-top: 5px;
    line-height: 15px;
    min-height: 15px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container {
    margin-top: 15px;
    padding: 15px 20px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .join-to-notification-title {
    font-weight: bold;
    font-size: 20px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .join-to-notification-sub-title {
    margin-top: 15px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .checkbox-wrapper {
    margin-top: 15px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .checkbox-wrapper .checkbox-visual {
    width: 14px;
    height: 14px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .join-to-notification-payment-container .checkbox-wrapper label {
    padding-right: 5px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .legal-notes {
    padding: 10px 20px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .contact-details-popup-button {
    text-align: center;
    margin-top: 20px;
  }
  .cs-spa-retail-content.contact-details-popup-container .contact-details-payment-wrapper .contact-details-popup-button button {
    min-width: 140px;
    margin-right: 10px;
    margin-left: 10px;
  }
}
.cs-spa-retail-content.no-permission-popup .no-permission-popup-container {
  max-width: 600px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cs-spa-retail-content.no-permission-popup .no-permission-popup-container .rc-global-error {
  max-width: 600px;
  height: auto;
  padding-top: 0px;
}
.cs-spa-retail-content.no-permission-popup .no-permission-popup-container .rc-global-error img {
  margin-top: 10px;
}
.cs-spa-retail-content.no-permission-popup .no-permission-popup-container .no-permission-link {
  text-align: center;
  margin: 20px 0;
}
.cs-spa-retail-content.no-permission-popup .no-permission-popup-container .no-permission-link a {
  color: #4bc87d;
  border-bottom: 1px solid #4bc87d;
}
.cs-spa-retail-content.no-permission-popup .no-permission-popup-container .no-permission-popup-button {
  text-align: center;
  margin-top: 20px;
}
.cs-spa-retail-content.no-permission-popup .no-permission-popup-container .no-permission-popup-button button {
  min-width: 140px;
  margin-right: 10px;
  margin-left: 10px;
}