/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./style/css/cs_spa_retail/styles.less ***!
  \**********************************************************************************************************************************************************/
#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;
}
.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;
}
.extra-actions-button-con .menuList {
  left: -10px;
  top: 48%;
  z-index: 2;
  right: auto;
  height: 47px;
  border: none;
  direction: ltr;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  transform: translateY(-50%);
  border-radius: 0 50px 50px 0;
  box-shadow: 0px 0px 25px 0px rgba(81, 144, 182, 0.2);
}
.extra-actions-button-con .menuList .menu-item {
  display: inline-block;
  width: 37px;
  height: 100%;
}
.extra-actions-button-con .menuList .menu-item a {
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
}
.extra-actions-button-con .menuList .menu-item a img {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.extra-actions-button-con .menuList .menu-item .action-name {
  display: none;
}
@media (max-width: 1023px) {
  .dropdown.extra-actions-button-con {
    right: 10px;
  }
  .dropdown.extra-actions-button-con .menuList {
    width: auto !important;
    border-radius: 0;
    height: auto;
    white-space: normal;
    z-index: 10;
    right: 0;
    left: auto;
    top: 0;
    transform: none;
    box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.2);
  }
  .dropdown.extra-actions-button-con .menuList .menu-item {
    display: block;
    width: 100%;
  }
  .dropdown.extra-actions-button-con .menuList .menu-item a {
    width: 160px !important;
    font-size: 18px;
    text-align: right;
    margin-bottom: 30px;
    display: flex;
  }
  .dropdown.extra-actions-button-con .menuList .menu-item .action-name {
    display: inline-block;
    margin-right: 10px;
  }
  .dropdown.extra-actions-button-con .menuList .menu-item .img-wrapper {
    position: relative;
    display: inline-block;
    float: right;
  }
  .dropdown.extra-actions-button-con .menuList .menu-item .img-wrapper img {
    margin-top: 13px;
  }
}
.action-buttons-wrapper .action-buttons-desktop-wrapper {
  display: flex;
  justify-content: flex-end;
}
.action-buttons-wrapper .action-buttons-desktop-wrapper .menuList {
  left: var(--action-menu-position) !important;
  align-items: center;
  justify-content: center;
  top: -8px !important;
  transform: unset !important;
  z-index: 2;
  width: auto;
  min-width: 0;
  height: 41px;
  border: none;
  cursor: pointer;
  text-align: left;
  padding-right: 4px;
  white-space: nowrap;
  border-top-left-radius: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 0;
  box-shadow: 0px 0px 25px 0px rgba(81, 144, 182, 0.2);
  transform: none;
}
.action-buttons-wrapper .action-buttons-desktop-wrapper .menuList.show {
  display: flex !important;
}
.action-buttons-wrapper .action-buttons-desktop-wrapper .menuList li {
  width: 38px;
  height: 100%;
  display: inline-block;
}
.action-buttons-wrapper .action-buttons-desktop-wrapper .menuList li a {
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.action-buttons-wrapper .action-buttons-desktop-wrapper .menuList li a img {
  width: 26px;
  height: 26px;
}
.action-buttons-wrapper .action-buttons-desktop-wrapper .menuList li a img.update-debit-icon {
  width: 16px;
  height: 16px;
  top: 16px;
  left: 12px;
}
@media (max-width: 1023px) {
  .action-buttons-mobile-wrapper {
    display: flex;
    justify-content: center;
  }
  .action-buttons {
    z-index: 1029;
  }
  .action-buttons .tooltip-arrow {
    display: none;
  }
  .action-buttons .tooltip-inner {
    font-size: 14px;
    color: #4bc87d;
    background-color: #ffffff;
    box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
    padding: 0;
  }
  .action-buttons .tooltip-inner .mobile-action-list-wrapper {
    min-width: 200px;
  }
  .action-buttons .tooltip-inner .mobile-action-list-wrapper .menuList {
    list-style-type: none;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    font-family: 'Rubik';
  }
  .action-buttons .tooltip-inner .mobile-action-list-wrapper .menuList li {
    display: block;
    width: 100%;
    min-height: 45px;
  }
  .action-buttons .tooltip-inner .mobile-action-list-wrapper .menuList li a {
    display: flex;
    align-items: center;
    color: #333a46;
    height: 45px;
    font-size: 18px;
    text-align: right;
    direction: rtl;
    text-decoration: none;
  }
  .action-buttons .tooltip-inner .mobile-action-list-wrapper .menuList li .action-name {
    display: inline-block;
    margin-right: 10px;
  }
  .action-buttons .tooltip-inner .mobile-action-list-wrapper .menuList li .action-icon {
    position: relative;
    display: inline-block;
    width: 22px;
    height: auto;
  }
}
.cs-spa-retail-content .moduleLoaderCont {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  min-height: 500px;
  opacity: 1;
  transition: none !important;
}
.cs-spa-retail-content .moduleLoaderCont img {
  margin: 10px auto 0;
  width: 50px;
}
.cs-spa-retail-content .moduleLoaderCont.ng-hide {
  opacity: 0;
}
.cs-spa-retail-content .moduleLoaderCont.ng-hide-add,
.cs-spa-retail-content .moduleLoaderCont.ng-hide-remove {
  transition: all 0.3s linear;
}
.cs-spa-retail-content .moduleLoadedContent {
  opacity: 1;
}
.cs-spa-retail-content .moduleLoadedContent.ng-hide {
  opacity: 0;
}
.cs-spa-retail-content .moduleLoadedContent.ng-hide-add {
  transition: all 0s linear;
}
.cs-spa-retail-content .moduleLoadedContent.ng-hide-remove {
  transition: all 0.3s linear;
}
.forceDefaultBootstrap [class*="col-xs"],
.forceDefaultBootstrap [class*="col-sm"],
.forceDefaultBootstrap [class*="col-md"],
.forceDefaultBootstrap [class*="col-lg"] {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.forceDefaultBootstrap .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.cs-spa-retail-content .open-for-editing .descriptionTooltip,
.deposit-full-info-popup .open-for-editing .descriptionTooltip,
.deposit-withdrawal-unrenrew-wizard .open-for-editing .descriptionTooltip,
.table-rate-widget .open-for-editing .descriptionTooltip {
  display: none;
}
.cs-spa-retail-content .account-pages-table.generalTable th,
.deposit-full-info-popup .account-pages-table.generalTable th,
.deposit-withdrawal-unrenrew-wizard .account-pages-table.generalTable th,
.table-rate-widget .account-pages-table.generalTable th {
  padding-right: 12px;
}
.cs-spa-retail-content .pointer-events-none #foreign-checks,
.deposit-full-info-popup .pointer-events-none #foreign-checks,
.deposit-withdrawal-unrenrew-wizard .pointer-events-none #foreign-checks,
.table-rate-widget .pointer-events-none #foreign-checks,
.cs-spa-retail-content .pointer-events-none #prime-interest-rates,
.deposit-full-info-popup .pointer-events-none #prime-interest-rates,
.deposit-withdrawal-unrenrew-wizard .pointer-events-none #prime-interest-rates,
.table-rate-widget .pointer-events-none #prime-interest-rates {
  pointer-events: none;
}
.cs-spa-retail-content .direction-initial .rc-table-rd-inner-wrapper .default-cell,
.deposit-full-info-popup .direction-initial .rc-table-rd-inner-wrapper .default-cell,
.deposit-withdrawal-unrenrew-wizard .direction-initial .rc-table-rd-inner-wrapper .default-cell,
.table-rate-widget .direction-initial .rc-table-rd-inner-wrapper .default-cell {
  direction: initial;
}
.cs-spa-retail-content .tablePlaceholder,
.deposit-full-info-popup .tablePlaceholder,
.deposit-withdrawal-unrenrew-wizard .tablePlaceholder,
.table-rate-widget .tablePlaceholder {
  height: 600px;
  display: flex;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  align-items: center;
  justify-content: center;
}
.cs-spa-retail-content .tablePlaceholder--bgWhite,
.deposit-full-info-popup .tablePlaceholder--bgWhite,
.deposit-withdrawal-unrenrew-wizard .tablePlaceholder--bgWhite,
.table-rate-widget .tablePlaceholder--bgWhite {
  background-color: #ffffff;
}
.cs-spa-retail-content table,
.deposit-full-info-popup table,
.deposit-withdrawal-unrenrew-wizard table,
.table-rate-widget table {
  width: 100%;
}
.cs-spa-retail-content table .col-lg,
.deposit-full-info-popup table .col-lg,
.deposit-withdrawal-unrenrew-wizard table .col-lg,
.table-rate-widget table .col-lg {
  width: 20%;
}
.cs-spa-retail-content table .col-md,
.deposit-full-info-popup table .col-md,
.deposit-withdrawal-unrenrew-wizard table .col-md,
.table-rate-widget table .col-md {
  width: 15%;
}
.cs-spa-retail-content table .col-sm,
.deposit-full-info-popup table .col-sm,
.deposit-withdrawal-unrenrew-wizard table .col-sm,
.table-rate-widget table .col-sm {
  width: 6.666666%;
}
.cs-spa-retail-content table .col-xl,
.deposit-full-info-popup table .col-xl,
.deposit-withdrawal-unrenrew-wizard table .col-xl,
.table-rate-widget table .col-xl {
  width: 25%;
}
.cs-spa-retail-content .limited-height-table,
.deposit-full-info-popup .limited-height-table,
.deposit-withdrawal-unrenrew-wizard .limited-height-table,
.table-rate-widget .limited-height-table {
  max-height: 335px;
  overflow: hidden;
}
.cs-spa-retail-content .limited-height-table.scrollable,
.deposit-full-info-popup .limited-height-table.scrollable,
.deposit-withdrawal-unrenrew-wizard .limited-height-table.scrollable,
.table-rate-widget .limited-height-table.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  direction: rtl;
}
.cs-spa-retail-content .limited-height-table.scrollable-opposite,
.deposit-full-info-popup .limited-height-table.scrollable-opposite,
.deposit-withdrawal-unrenrew-wizard .limited-height-table.scrollable-opposite,
.table-rate-widget .limited-height-table.scrollable-opposite {
  overflow-x: hidden;
  overflow-y: auto;
  direction: ltr;
}
.cs-spa-retail-content .expandClick,
.deposit-full-info-popup .expandClick,
.deposit-withdrawal-unrenrew-wizard .expandClick,
.table-rate-widget .expandClick {
  cursor: pointer;
}
.cs-spa-retail-content .expandClick tbody tr:hover,
.deposit-full-info-popup .expandClick tbody tr:hover,
.deposit-withdrawal-unrenrew-wizard .expandClick tbody tr:hover,
.table-rate-widget .expandClick tbody tr:hover {
  background-color: #ebf2f8;
}
.cs-spa-retail-content .transaction-title,
.deposit-full-info-popup .transaction-title,
.deposit-withdrawal-unrenrew-wizard .transaction-title,
.table-rate-widget .transaction-title {
  width: 435px;
}
.cs-spa-retail-content .green-val,
.deposit-full-info-popup .green-val,
.deposit-withdrawal-unrenrew-wizard .green-val,
.table-rate-widget .green-val {
  color: #1dab6a;
}
.cs-spa-retail-content .checksStatusTable,
.deposit-full-info-popup .checksStatusTable,
.deposit-withdrawal-unrenrew-wizard .checksStatusTable,
.table-rate-widget .checksStatusTable {
  min-height: 215px;
  margin-top: 15px;
}
.cs-spa-retail-content .checksStatusTable .displayDate,
.deposit-full-info-popup .checksStatusTable .displayDate,
.deposit-withdrawal-unrenrew-wizard .checksStatusTable .displayDate,
.table-rate-widget .checksStatusTable .displayDate {
  color: #4e5664;
}
.cs-spa-retail-content .foreignTransactionTable .limited-height-table th:first-child,
.deposit-full-info-popup .foreignTransactionTable .limited-height-table th:first-child,
.deposit-withdrawal-unrenrew-wizard .foreignTransactionTable .limited-height-table th:first-child,
.table-rate-widget .foreignTransactionTable .limited-height-table th:first-child,
.cs-spa-retail-content .foreignTransactionTable .limited-height-table td:first-child,
.deposit-full-info-popup .foreignTransactionTable .limited-height-table td:first-child,
.deposit-withdrawal-unrenrew-wizard .foreignTransactionTable .limited-height-table td:first-child,
.table-rate-widget .foreignTransactionTable .limited-height-table td:first-child {
  padding-right: 30px;
}
.cs-spa-retail-content .generalTable tr.emphasized td,
.deposit-full-info-popup .generalTable tr.emphasized td,
.deposit-withdrawal-unrenrew-wizard .generalTable tr.emphasized td,
.table-rate-widget .generalTable tr.emphasized td {
  font-weight: 500;
}
.cs-spa-retail-content .generalTable tr.emphasized td:first-child,
.deposit-full-info-popup .generalTable tr.emphasized td:first-child,
.deposit-withdrawal-unrenrew-wizard .generalTable tr.emphasized td:first-child,
.table-rate-widget .generalTable tr.emphasized td:first-child {
  position: relative;
}
.cs-spa-retail-content .generalTable tr.emphasized td:first-child:after,
.deposit-full-info-popup .generalTable tr.emphasized td:first-child:after,
.deposit-withdrawal-unrenrew-wizard .generalTable tr.emphasized td:first-child:after,
.table-rate-widget .generalTable tr.emphasized td:first-child:after {
  top: 50%;
  width: 8px;
  content: "";
  height: 8px;
  right: 15px;
  position: absolute;
  border-radius: 100%;
  transform: translateY(-50%);
  background-color: #4bc87d;
}
.cs-spa-retail-content .modal-table,
.deposit-full-info-popup .modal-table,
.deposit-withdrawal-unrenrew-wizard .modal-table,
.table-rate-widget .modal-table {
  margin-top: 20px;
}
.cs-spa-retail-content .modal-table tr,
.deposit-full-info-popup .modal-table tr,
.deposit-withdrawal-unrenrew-wizard .modal-table tr,
.table-rate-widget .modal-table tr {
  height: 42px;
  border-bottom: 1px solid #a4b2bd;
}
.cs-spa-retail-content .modal-table th,
.deposit-full-info-popup .modal-table th,
.deposit-withdrawal-unrenrew-wizard .modal-table th,
.table-rate-widget .modal-table th {
  font-weight: 400;
  color: #7d91a1;
}
.cs-spa-retail-content .inset-shadow-to-general-table .generalTable,
.deposit-full-info-popup .inset-shadow-to-general-table .generalTable,
.deposit-withdrawal-unrenrew-wizard .inset-shadow-to-general-table .generalTable,
.table-rate-widget .inset-shadow-to-general-table .generalTable {
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
}
.cs-spa-retail-content .generalTable,
.deposit-full-info-popup .generalTable,
.deposit-withdrawal-unrenrew-wizard .generalTable,
.table-rate-widget .generalTable {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
}
.cs-spa-retail-content .generalTable.generalTable--noShadow,
.deposit-full-info-popup .generalTable.generalTable--noShadow,
.deposit-withdrawal-unrenrew-wizard .generalTable.generalTable--noShadow,
.table-rate-widget .generalTable.generalTable--noShadow {
  box-shadow: none;
}
.cs-spa-retail-content .generalTable.generalTable--highRows tbody tr,
.deposit-full-info-popup .generalTable.generalTable--highRows tbody tr,
.deposit-withdrawal-unrenrew-wizard .generalTable.generalTable--highRows tbody tr,
.table-rate-widget .generalTable.generalTable--highRows tbody tr {
  height: 78px;
}
.cs-spa-retail-content .generalTable .summary-row td:not(.menuTool),
.deposit-full-info-popup .generalTable .summary-row td:not(.menuTool),
.deposit-withdrawal-unrenrew-wizard .generalTable .summary-row td:not(.menuTool),
.table-rate-widget .generalTable .summary-row td:not(.menuTool) {
  font-weight: 600;
}
.cs-spa-retail-content .generalTable .table-dot-cell,
.deposit-full-info-popup .generalTable .table-dot-cell,
.deposit-withdrawal-unrenrew-wizard .generalTable .table-dot-cell,
.table-rate-widget .generalTable .table-dot-cell {
  padding: 0;
  display: flex;
  align-items: center;
  height: 46px;
}
.cs-spa-retail-content .generalTable .table-dot-cell i,
.deposit-full-info-popup .generalTable .table-dot-cell i,
.deposit-withdrawal-unrenrew-wizard .generalTable .table-dot-cell i,
.table-rate-widget .generalTable .table-dot-cell i {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin: 0 20px;
  display: inline-block;
  background-color: #4bc87d;
}
.cs-spa-retail-content .generalTable .table-dot-cell .dot-active,
.deposit-full-info-popup .generalTable .table-dot-cell .dot-active,
.deposit-withdrawal-unrenrew-wizard .generalTable .table-dot-cell .dot-active,
.table-rate-widget .generalTable .table-dot-cell .dot-active {
  background-color: #a5c7db;
}
.cs-spa-retail-content .generalTable .table-dot-cell .dot-red,
.deposit-full-info-popup .generalTable .table-dot-cell .dot-red,
.deposit-withdrawal-unrenrew-wizard .generalTable .table-dot-cell .dot-red,
.table-rate-widget .generalTable .table-dot-cell .dot-red {
  background-color: #fb5f5f;
}
.cs-spa-retail-content .generalTable .sortable-table th.padding-r-40,
.deposit-full-info-popup .generalTable .sortable-table th.padding-r-40,
.deposit-withdrawal-unrenrew-wizard .generalTable .sortable-table th.padding-r-40,
.table-rate-widget .generalTable .sortable-table th.padding-r-40 {
  padding-right: 40px;
}
.cs-spa-retail-content .generalTable tr,
.deposit-full-info-popup .generalTable tr,
.deposit-withdrawal-unrenrew-wizard .generalTable tr,
.table-rate-widget .generalTable tr {
  height: 46px;
  border-bottom: 1px solid #d7dde2;
}
.cs-spa-retail-content .generalTable th,
.deposit-full-info-popup .generalTable th,
.deposit-withdrawal-unrenrew-wizard .generalTable th,
.table-rate-widget .generalTable th {
  padding: 0 12px;
  font-weight: 400;
  color: #677b8a;
}
.cs-spa-retail-content .generalTable td:not(.menuTool, .collapsed-content),
.deposit-full-info-popup .generalTable td:not(.menuTool, .collapsed-content),
.deposit-withdrawal-unrenrew-wizard .generalTable td:not(.menuTool, .collapsed-content),
.table-rate-widget .generalTable td:not(.menuTool, .collapsed-content) {
  padding: 0 12px;
  color: #000;
  font-weight: 400;
}
.cs-spa-retail-content .generalTable .bold-row td,
.deposit-full-info-popup .generalTable .bold-row td,
.deposit-withdrawal-unrenrew-wizard .generalTable .bold-row td,
.table-rate-widget .generalTable .bold-row td {
  font-weight: 500;
}
.cs-spa-retail-content .generalTable .bold-row td .displayNumber,
.deposit-full-info-popup .generalTable .bold-row td .displayNumber,
.deposit-withdrawal-unrenrew-wizard .generalTable .bold-row td .displayNumber,
.table-rate-widget .generalTable .bold-row td .displayNumber,
.cs-spa-retail-content .generalTable .bold-row td .displayDate,
.deposit-full-info-popup .generalTable .bold-row td .displayDate,
.deposit-withdrawal-unrenrew-wizard .generalTable .bold-row td .displayDate,
.table-rate-widget .generalTable .bold-row td .displayDate {
  font-weight: 600;
}
.cs-spa-retail-content .generalTable .sortable-table tr th,
.deposit-full-info-popup .generalTable .sortable-table tr th,
.deposit-withdrawal-unrenrew-wizard .generalTable .sortable-table tr th,
.table-rate-widget .generalTable .sortable-table tr th {
  color: #677b8a;
  position: relative;
  padding-top: 18px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 0;
}
.cs-spa-retail-content .generalTable .sortable-table tr th .noSortColumn,
.deposit-full-info-popup .generalTable .sortable-table tr th .noSortColumn,
.deposit-withdrawal-unrenrew-wizard .generalTable .sortable-table tr th .noSortColumn,
.table-rate-widget .generalTable .sortable-table tr th .noSortColumn {
  cursor: default;
}
.cs-spa-retail-content .generalTable .sortable-table tr th .doubleColspanContent,
.deposit-full-info-popup .generalTable .sortable-table tr th .doubleColspanContent,
.deposit-withdrawal-unrenrew-wizard .generalTable .sortable-table tr th .doubleColspanContent,
.table-rate-widget .generalTable .sortable-table tr th .doubleColspanContent {
  margin-bottom: 8px;
}
.cs-spa-retail-content .generalTable .sortable-table tr th.thStatic,
.deposit-full-info-popup .generalTable .sortable-table tr th.thStatic,
.deposit-withdrawal-unrenrew-wizard .generalTable .sortable-table tr th.thStatic,
.table-rate-widget .generalTable .sortable-table tr th.thStatic {
  position: static;
}
.cs-spa-retail-content .generalTable b,
.deposit-full-info-popup .generalTable b,
.deposit-withdrawal-unrenrew-wizard .generalTable b,
.table-rate-widget .generalTable b {
  color: #4e5664;
}
.cs-spa-retail-content .generalTable .doubleColspan,
.deposit-full-info-popup .generalTable .doubleColspan,
.deposit-withdrawal-unrenrew-wizard .generalTable .doubleColspan,
.table-rate-widget .generalTable .doubleColspan {
  text-align: center;
}
.cs-spa-retail-content .generalTable .doubleColspan .doubleColspanContent,
.deposit-full-info-popup .generalTable .doubleColspan .doubleColspanContent,
.deposit-withdrawal-unrenrew-wizard .generalTable .doubleColspan .doubleColspanContent,
.table-rate-widget .generalTable .doubleColspan .doubleColspanContent {
  width: 65%;
  margin: 0 auto;
  display: flex;
}
.cs-spa-retail-content .generalTable .doubleColspan .doubleColspanContent:after,
.deposit-full-info-popup .generalTable .doubleColspan .doubleColspanContent:after,
.deposit-withdrawal-unrenrew-wizard .generalTable .doubleColspan .doubleColspanContent:after,
.table-rate-widget .generalTable .doubleColspan .doubleColspanContent:after {
  content: "";
  clear: both;
  display: table;
}
.cs-spa-retail-content .generalTable .doubleColspan .doubleColspanContent > span,
.deposit-full-info-popup .generalTable .doubleColspan .doubleColspanContent > span,
.deposit-withdrawal-unrenrew-wizard .generalTable .doubleColspan .doubleColspanContent > span,
.table-rate-widget .generalTable .doubleColspan .doubleColspanContent > span {
  width: 50%;
  display: inline-block;
}
.cs-spa-retail-content .generalTable .doubleColspan .doubleColspanContent > span:first-child,
.deposit-full-info-popup .generalTable .doubleColspan .doubleColspanContent > span:first-child,
.deposit-withdrawal-unrenrew-wizard .generalTable .doubleColspan .doubleColspanContent > span:first-child,
.table-rate-widget .generalTable .doubleColspan .doubleColspanContent > span:first-child {
  float: right;
}
.cs-spa-retail-content .generalTable .doubleColspan .doubleColspanContent > span:last-child,
.deposit-full-info-popup .generalTable .doubleColspan .doubleColspanContent > span:last-child,
.deposit-withdrawal-unrenrew-wizard .generalTable .doubleColspan .doubleColspanContent > span:last-child,
.table-rate-widget .generalTable .doubleColspan .doubleColspanContent > span:last-child {
  float: left;
}
.cs-spa-retail-content .generalTable .actionsColEmpty,
.deposit-full-info-popup .generalTable .actionsColEmpty,
.deposit-withdrawal-unrenrew-wizard .generalTable .actionsColEmpty,
.table-rate-widget .generalTable .actionsColEmpty {
  width: 24px;
}
.cs-spa-retail-content .generalTable .actionsColEmpty.actionsColEmpty--lg,
.deposit-full-info-popup .generalTable .actionsColEmpty.actionsColEmpty--lg,
.deposit-withdrawal-unrenrew-wizard .generalTable .actionsColEmpty.actionsColEmpty--lg,
.table-rate-widget .generalTable .actionsColEmpty.actionsColEmpty--lg {
  width: 50px;
}
.cs-spa-retail-content .generalTable .totalRow:hover,
.deposit-full-info-popup .generalTable .totalRow:hover,
.deposit-withdrawal-unrenrew-wizard .generalTable .totalRow:hover,
.table-rate-widget .generalTable .totalRow:hover {
  background: inherit;
}
.cs-spa-retail-content .generalTable.emailsTable .emailDate,
.deposit-full-info-popup .generalTable.emailsTable .emailDate,
.deposit-withdrawal-unrenrew-wizard .generalTable.emailsTable .emailDate,
.table-rate-widget .generalTable.emailsTable .emailDate {
  width: 156px;
}
.cs-spa-retail-content .generalTable.emailsTable th:first-child,
.deposit-full-info-popup .generalTable.emailsTable th:first-child,
.deposit-withdrawal-unrenrew-wizard .generalTable.emailsTable th:first-child,
.table-rate-widget .generalTable.emailsTable th:first-child,
.cs-spa-retail-content .generalTable.emailsTable tr td:first-child,
.deposit-full-info-popup .generalTable.emailsTable tr td:first-child,
.deposit-withdrawal-unrenrew-wizard .generalTable.emailsTable tr td:first-child,
.table-rate-widget .generalTable.emailsTable tr td:first-child {
  padding-right: 36px;
}
.cs-spa-retail-content .generalTable.v2 td,
.deposit-full-info-popup .generalTable.v2 td,
.deposit-withdrawal-unrenrew-wizard .generalTable.v2 td,
.table-rate-widget .generalTable.v2 td {
  font-size: 19px;
}
.cs-spa-retail-content .generalTable.v2 .currencySymbol,
.deposit-full-info-popup .generalTable.v2 .currencySymbol,
.deposit-withdrawal-unrenrew-wizard .generalTable.v2 .currencySymbol,
.table-rate-widget .generalTable.v2 .currencySymbol {
  font-size: 12px;
}
.cs-spa-retail-content .generalTable.credit-cards-table,
.deposit-full-info-popup .generalTable.credit-cards-table,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table,
.table-rate-widget .generalTable.credit-cards-table {
  font-size: 1.9rem;
}
.cs-spa-retail-content .generalTable.credit-cards-table .inline-error-msg,
.deposit-full-info-popup .generalTable.credit-cards-table .inline-error-msg,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table .inline-error-msg,
.table-rate-widget .generalTable.credit-cards-table .inline-error-msg {
  font-size: 1.4rem;
  color: #4e5664;
}
.cs-spa-retail-content .generalTable.credit-cards-table .inline-error-msg i,
.deposit-full-info-popup .generalTable.credit-cards-table .inline-error-msg i,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table .inline-error-msg i,
.table-rate-widget .generalTable.credit-cards-table .inline-error-msg i {
  color: #fb5f5f;
}
.cs-spa-retail-content .generalTable.credit-cards-table .cards-activation-row,
.deposit-full-info-popup .generalTable.credit-cards-table .cards-activation-row,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table .cards-activation-row,
.table-rate-widget .generalTable.credit-cards-table .cards-activation-row {
  height: 46px;
  background-color: #ebf2f8;
}
.cs-spa-retail-content .generalTable.credit-cards-table .inputChangeCardName,
.deposit-full-info-popup .generalTable.credit-cards-table .inputChangeCardName,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table .inputChangeCardName,
.table-rate-widget .generalTable.credit-cards-table .inputChangeCardName {
  width: 100%;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody tr,
.deposit-full-info-popup .generalTable.credit-cards-table tbody tr,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody tr,
.table-rate-widget .generalTable.credit-cards-table tbody tr {
  height: 78px;
}
.cs-spa-retail-content .generalTable.credit-cards-table th:first-child,
.deposit-full-info-popup .generalTable.credit-cards-table th:first-child,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table th:first-child,
.table-rate-widget .generalTable.credit-cards-table th:first-child {
  padding-right: 60px;
}
.cs-spa-retail-content .generalTable.credit-cards-table th,
.deposit-full-info-popup .generalTable.credit-cards-table th,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table th,
.table-rate-widget .generalTable.credit-cards-table th {
  font-size: 1.4rem;
}
.cs-spa-retail-content .generalTable.credit-cards-table .creditTotal,
.deposit-full-info-popup .generalTable.credit-cards-table .creditTotal,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table .creditTotal,
.table-rate-widget .generalTable.credit-cards-table .creditTotal {
  font-weight: 700;
  padding-top: 15px;
}
.cs-spa-retail-content .generalTable.credit-cards-table .creditTotal:first-child,
.deposit-full-info-popup .generalTable.credit-cards-table .creditTotal:first-child,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table .creditTotal:first-child,
.table-rate-widget .generalTable.credit-cards-table .creditTotal:first-child {
  padding-right: 60px;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .textCardIcon,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .textCardIcon,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .textCardIcon,
.table-rate-widget .generalTable.credit-cards-table tbody td .textCardIcon {
  width: 50px;
  height: 50px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .textCardIcon.iconVisa,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .textCardIcon.iconVisa,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .textCardIcon.iconVisa,
.table-rate-widget .generalTable.credit-cards-table tbody td .textCardIcon.iconVisa {
  background: url(media/images/iconVisa.b9c0cf03036cfca7ac11..png) center no-repeat;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .textCardIcon.iconDiners,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .textCardIcon.iconDiners,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .textCardIcon.iconDiners,
.table-rate-widget .generalTable.credit-cards-table tbody td .textCardIcon.iconDiners {
  background: url(media/images/dinersIcon.867be70923acdb4a9e30..png) center no-repeat;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .textCardIcon.iconMasterCard,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .textCardIcon.iconMasterCard,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .textCardIcon.iconMasterCard,
.table-rate-widget .generalTable.credit-cards-table tbody td .textCardIcon.iconMasterCard {
  background: url(media/images/masterIcon.412be58dd870f5e39aeb..png) center no-repeat;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .textCardIcon.iconIsraCard,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .textCardIcon.iconIsraCard,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .textCardIcon.iconIsraCard,
.table-rate-widget .generalTable.credit-cards-table tbody td .textCardIcon.iconIsraCard {
  background: url(media/images/isracard-icon.394fc63d7b38911bedf8..png) no-repeat center;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .iconCreditCard,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .iconCreditCard,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .iconCreditCard,
.table-rate-widget .generalTable.credit-cards-table tbody td .iconCreditCard {
  width: 40px;
  height: 27px;
  display: none;
  vertical-align: middle;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .iconCreditCard:after,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .iconCreditCard:after,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .iconCreditCard:after,
.table-rate-widget .generalTable.credit-cards-table tbody td .iconCreditCard:after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background-position: 50%;
  background-repeat: no-repeat;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .iconCreditCard.keyIcon,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .iconCreditCard.keyIcon,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .iconCreditCard.keyIcon,
.table-rate-widget .generalTable.credit-cards-table tbody td .iconCreditCard.keyIcon,
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .iconCreditCard.dalkanIcon,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .iconCreditCard.dalkanIcon,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .iconCreditCard.dalkanIcon,
.table-rate-widget .generalTable.credit-cards-table tbody td .iconCreditCard.dalkanIcon {
  display: inline-block;
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .iconCreditCard.keyIcon:after,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .iconCreditCard.keyIcon:after,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .iconCreditCard.keyIcon:after,
.table-rate-widget .generalTable.credit-cards-table tbody td .iconCreditCard.keyIcon:after {
  background-image: url(media/images/iconKey.c17c4af77b98b1864f95..png);
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody td .iconCreditCard.dalkanIcon:after,
.deposit-full-info-popup .generalTable.credit-cards-table tbody td .iconCreditCard.dalkanIcon:after,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody td .iconCreditCard.dalkanIcon:after,
.table-rate-widget .generalTable.credit-cards-table tbody td .iconCreditCard.dalkanIcon:after {
  background-image: url(media/images/gasIcon.1aeef4f8e5a74ad58919..png);
}
.cs-spa-retail-content .generalTable.credit-cards-table tbody .textValCard,
.deposit-full-info-popup .generalTable.credit-cards-table tbody .textValCard,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table tbody .textValCard,
.table-rate-widget .generalTable.credit-cards-table tbody .textValCard {
  color: #4e5664;
  font-size: 2.2rem;
}
.cs-spa-retail-content .generalTable.credit-cards-table .menuTool .menuList,
.deposit-full-info-popup .generalTable.credit-cards-table .menuTool .menuList,
.deposit-withdrawal-unrenrew-wizard .generalTable.credit-cards-table .menuTool .menuList,
.table-rate-widget .generalTable.credit-cards-table .menuTool .menuList {
  z-index: 2;
}
.cs-spa-retail-content .generalTable.tableLoansMain.showLoanTable,
.deposit-full-info-popup .generalTable.tableLoansMain.showLoanTable,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain.showLoanTable,
.table-rate-widget .generalTable.tableLoansMain.showLoanTable {
  cursor: pointer;
}
.cs-spa-retail-content .generalTable.tableLoansMain.showLoanTable .error_noEndedLoanEntry,
.deposit-full-info-popup .generalTable.tableLoansMain.showLoanTable .error_noEndedLoanEntry,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain.showLoanTable .error_noEndedLoanEntry,
.table-rate-widget .generalTable.tableLoansMain.showLoanTable .error_noEndedLoanEntry {
  display: none;
}
.cs-spa-retail-content .generalTable.tableLoansMain.showEndedLoanTable .error_noLoanEntry,
.deposit-full-info-popup .generalTable.tableLoansMain.showEndedLoanTable .error_noLoanEntry,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain.showEndedLoanTable .error_noLoanEntry,
.table-rate-widget .generalTable.tableLoansMain.showEndedLoanTable .error_noLoanEntry {
  display: none;
}
.cs-spa-retail-content .generalTable.tableLoansMain.showEndedLoanTable .loanDetailsTableView,
.deposit-full-info-popup .generalTable.tableLoansMain.showEndedLoanTable .loanDetailsTableView,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain.showEndedLoanTable .loanDetailsTableView,
.table-rate-widget .generalTable.tableLoansMain.showEndedLoanTable .loanDetailsTableView {
  display: none;
}
.cs-spa-retail-content .generalTable.tableLoansMain.showEndedLoanTable .endedLoanDetailsTableView,
.deposit-full-info-popup .generalTable.tableLoansMain.showEndedLoanTable .endedLoanDetailsTableView,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain.showEndedLoanTable .endedLoanDetailsTableView,
.table-rate-widget .generalTable.tableLoansMain.showEndedLoanTable .endedLoanDetailsTableView {
  display: table;
}
.cs-spa-retail-content .generalTable.tableLoansMain.showEndedLoanTable .endedLoanDetailsTableView.hideEndedLoanDetailsTable,
.deposit-full-info-popup .generalTable.tableLoansMain.showEndedLoanTable .endedLoanDetailsTableView.hideEndedLoanDetailsTable,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain.showEndedLoanTable .endedLoanDetailsTableView.hideEndedLoanDetailsTable,
.table-rate-widget .generalTable.tableLoansMain.showEndedLoanTable .endedLoanDetailsTableView.hideEndedLoanDetailsTable {
  display: none;
}
.cs-spa-retail-content .generalTable.tableLoansMain .loanDetailsTableView,
.deposit-full-info-popup .generalTable.tableLoansMain .loanDetailsTableView,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain .loanDetailsTableView,
.table-rate-widget .generalTable.tableLoansMain .loanDetailsTableView {
  display: table;
}
.cs-spa-retail-content .generalTable.tableLoansMain .loanDetailsTableView.hideLoanDetailsTable,
.deposit-full-info-popup .generalTable.tableLoansMain .loanDetailsTableView.hideLoanDetailsTable,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain .loanDetailsTableView.hideLoanDetailsTable,
.table-rate-widget .generalTable.tableLoansMain .loanDetailsTableView.hideLoanDetailsTable {
  display: none;
}
.cs-spa-retail-content .generalTable.tableLoansMain .endedLoanDetailsTableView,
.deposit-full-info-popup .generalTable.tableLoansMain .endedLoanDetailsTableView,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain .endedLoanDetailsTableView,
.table-rate-widget .generalTable.tableLoansMain .endedLoanDetailsTableView {
  display: none;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td.nameLoans .inputChangeCardName,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td.nameLoans .inputChangeCardName,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td.nameLoans .inputChangeCardName,
.table-rate-widget .generalTable.tableLoansMain tbody td.nameLoans .inputChangeCardName {
  position: relative;
  width: 87%;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td.nameLoans .transcluded-element,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td.nameLoans .transcluded-element,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td.nameLoans .transcluded-element,
.table-rate-widget .generalTable.tableLoansMain tbody td.nameLoans .transcluded-element {
  float: right;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td.nameLoans .loansEditName,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td.nameLoans .loansEditName,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td.nameLoans .loansEditName,
.table-rate-widget .generalTable.tableLoansMain tbody td.nameLoans .loansEditName {
  width: 100%;
  height: 36px;
  border-radius: 50px;
  padding-right: 15px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td.nameLoans:hover:after,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td.nameLoans:hover:after,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td.nameLoans:hover:after,
.table-rate-widget .generalTable.tableLoansMain tbody td.nameLoans:hover:after {
  opacity: 1;
  visibility: visible;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td .loanEditnameContainer,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td .loanEditnameContainer,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td .loanEditnameContainer,
.table-rate-widget .generalTable.tableLoansMain tbody td .loanEditnameContainer {
  display: inline-block;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td .errorLoans,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td .errorLoans,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td .errorLoans,
.table-rate-widget .generalTable.tableLoansMain tbody td .errorLoans {
  z-index: 9;
  width: 21px;
  height: 21px;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  background: url(media/images/iconErrorLoans.eb78850fa8b1bc660cf6..png) no-repeat center #fb5f5f;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td .circleRedLoans,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td .circleRedLoans,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td .circleRedLoans,
.table-rate-widget .generalTable.tableLoansMain tbody td .circleRedLoans {
  width: 21px;
  height: 21px;
  margin-left: 5px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td.open-for-editing .circleRedLoans,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td.open-for-editing .circleRedLoans,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td.open-for-editing .circleRedLoans,
.table-rate-widget .generalTable.tableLoansMain tbody td.open-for-editing .circleRedLoans {
  display: none;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td .circleRedLoans.redErrorText + .columnLoanName,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td .circleRedLoans.redErrorText + .columnLoanName,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td .circleRedLoans.redErrorText + .columnLoanName,
.table-rate-widget .generalTable.tableLoansMain tbody td .circleRedLoans.redErrorText + .columnLoanName {
  color: #fb5f5f;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td div .tooltipLoansError,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td div .tooltipLoansError,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td div .tooltipLoansError,
.table-rate-widget .generalTable.tableLoansMain tbody td div .tooltipLoansError {
  top: 50%;
  z-index: 8;
  cursor: pointer;
  margin-right: 5px;
  visibility: hidden;
  position: absolute;
  padding: 14px 18px;
  white-space: nowrap;
  color: #4bc87d;
  background-color: white;
  transform: translateY(-50%);
  border-right: 4px solid #fb5f5f;
  box-shadow: 0px 7px 20px 0px rgba(81, 144, 182, 0.35);
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody td div:hover .tooltipLoansError,
.deposit-full-info-popup .generalTable.tableLoansMain tbody td div:hover .tooltipLoansError,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody td div:hover .tooltipLoansError,
.table-rate-widget .generalTable.tableLoansMain tbody td div:hover .tooltipLoansError {
  visibility: visible;
}
.cs-spa-retail-content .generalTable.tableLoansMain tbody .descriptionTooltip.widthAuto,
.deposit-full-info-popup .generalTable.tableLoansMain tbody .descriptionTooltip.widthAuto,
.deposit-withdrawal-unrenrew-wizard .generalTable.tableLoansMain tbody .descriptionTooltip.widthAuto,
.table-rate-widget .generalTable.tableLoansMain tbody .descriptionTooltip.widthAuto {
  width: auto;
}
.cs-spa-retail-content .generalTable.matahTable,
.deposit-full-info-popup .generalTable.matahTable,
.deposit-withdrawal-unrenrew-wizard .generalTable.matahTable,
.table-rate-widget .generalTable.matahTable {
  height: 394px;
  overflow-y: scroll;
}
.cs-spa-retail-content .generalTable .tfooterSeparator,
.deposit-full-info-popup .generalTable .tfooterSeparator,
.deposit-withdrawal-unrenrew-wizard .generalTable .tfooterSeparator,
.table-rate-widget .generalTable .tfooterSeparator {
  height: 15px;
  background-color: #ebf2f8;
  border: none;
}
.cs-spa-retail-content .balance-previous .generalTable.generalTable--highRows tbody td,
.deposit-full-info-popup .balance-previous .generalTable.generalTable--highRows tbody td,
.deposit-withdrawal-unrenrew-wizard .balance-previous .generalTable.generalTable--highRows tbody td,
.table-rate-widget .balance-previous .generalTable.generalTable--highRows tbody td {
  font-size: 1.6rem;
}
.cs-spa-retail-content .table-with-footer,
.deposit-full-info-popup .table-with-footer,
.deposit-withdrawal-unrenrew-wizard .table-with-footer,
.table-rate-widget .table-with-footer {
  box-shadow: 0px 15px 24px 0px rgba(80, 145, 180, 0.2);
  background-color: white;
}
.cs-spa-retail-content .table-with-footer tr,
.deposit-full-info-popup .table-with-footer tr,
.deposit-withdrawal-unrenrew-wizard .table-with-footer tr,
.table-rate-widget .table-with-footer tr {
  height: 46px;
  border-bottom: 1px solid #f1f1f1;
}
.cs-spa-retail-content .table-with-footer td,
.deposit-full-info-popup .table-with-footer td,
.deposit-withdrawal-unrenrew-wizard .table-with-footer td,
.table-rate-widget .table-with-footer td {
  padding: 0 12px;
}
.cs-spa-retail-content .table-with-footer .boldText,
.deposit-full-info-popup .table-with-footer .boldText,
.deposit-withdrawal-unrenrew-wizard .table-with-footer .boldText,
.table-rate-widget .table-with-footer .boldText {
  font-weight: 600;
}
.cs-spa-retail-content .tableContent,
.deposit-full-info-popup .tableContent,
.deposit-withdrawal-unrenrew-wizard .tableContent,
.table-rate-widget .tableContent {
  max-width: 1124px;
  margin-bottom: 10px;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .tableContent thead tr th,
.deposit-full-info-popup .tableContent thead tr th,
.deposit-withdrawal-unrenrew-wizard .tableContent thead tr th,
.table-rate-widget .tableContent thead tr th {
  padding: 20px 50px 10px;
  border-bottom: 1px solid #f1f1f1;
}
.cs-spa-retail-content .tableContent tbody tr td,
.deposit-full-info-popup .tableContent tbody tr td,
.deposit-withdrawal-unrenrew-wizard .tableContent tbody tr td,
.table-rate-widget .tableContent tbody tr td {
  padding: 10px 50px;
  border-bottom: 1px solid #f1f1f1;
}
.cs-spa-retail-content .sortable-table th .textTh,
.deposit-full-info-popup .sortable-table th .textTh,
.deposit-withdrawal-unrenrew-wizard .sortable-table th .textTh,
.table-rate-widget .sortable-table th .textTh {
  position: relative;
  display: inline-block;
}
.cs-spa-retail-content .sortable-table th .textTh:hover:after,
.deposit-full-info-popup .sortable-table th .textTh:hover:after,
.deposit-withdrawal-unrenrew-wizard .sortable-table th .textTh:hover:after,
.table-rate-widget .sortable-table th .textTh:hover:after {
  opacity: 1;
}
.cs-spa-retail-content .sortable-table th .textTh.noSortColumn:hover:after,
.deposit-full-info-popup .sortable-table th .textTh.noSortColumn:hover:after,
.deposit-withdrawal-unrenrew-wizard .sortable-table th .textTh.noSortColumn:hover:after,
.table-rate-widget .sortable-table th .textTh.noSortColumn:hover:after {
  opacity: 0;
}
.cs-spa-retail-content .sortable-table th .textTh:after,
.deposit-full-info-popup .sortable-table th .textTh:after,
.deposit-withdrawal-unrenrew-wizard .sortable-table th .textTh:after,
.table-rate-widget .sortable-table th .textTh:after {
  content: "";
  top: 50%;
  opacity: 0;
  width: 7px;
  left: -16px;
  height: 12px;
  position: absolute;
  display: inline-block;
  transform: translateY(-50%);
  background: url(media/images/sort-arrows.d2942141d96377e3381e..png) no-repeat center center;
}
.cs-spa-retail-content .sortable-table th .textTh-display-unset,
.deposit-full-info-popup .sortable-table th .textTh-display-unset,
.deposit-withdrawal-unrenrew-wizard .sortable-table th .textTh-display-unset,
.table-rate-widget .sortable-table th .textTh-display-unset {
  display: initial;
}
.cs-spa-retail-content .sortable-table .arrow-down .textTh:after,
.deposit-full-info-popup .sortable-table .arrow-down .textTh:after,
.deposit-withdrawal-unrenrew-wizard .sortable-table .arrow-down .textTh:after,
.table-rate-widget .sortable-table .arrow-down .textTh:after {
  width: 11px;
  height: 8px;
  opacity: 1;
  background-image: url(media/images/cartIcon.f9bbc6fe978381adb193..png);
}
.cs-spa-retail-content .sortable-table .arrow-up .textTh:after,
.deposit-full-info-popup .sortable-table .arrow-up .textTh:after,
.deposit-withdrawal-unrenrew-wizard .sortable-table .arrow-up .textTh:after,
.table-rate-widget .sortable-table .arrow-up .textTh:after {
  width: 11px;
  height: 8px;
  opacity: 1;
  background-image: url(media/images/cartIconUp.6dcdd476203ec8b57a3f..png);
}
.cs-spa-retail-content .sortable-table thead th span,
.deposit-full-info-popup .sortable-table thead th span,
.deposit-withdrawal-unrenrew-wizard .sortable-table thead th span,
.table-rate-widget .sortable-table thead th span {
  cursor: pointer;
}
.cs-spa-retail-content .tt-img,
.deposit-full-info-popup .tt-img,
.deposit-withdrawal-unrenrew-wizard .tt-img,
.table-rate-widget .tt-img {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.cs-spa-retail-content .tt-img.checks-icon,
.deposit-full-info-popup .tt-img.checks-icon,
.deposit-withdrawal-unrenrew-wizard .tt-img.checks-icon,
.table-rate-widget .tt-img.checks-icon {
  background-image: url(media/images/icon_user.8ee81734652d0142f013..png);
}
.cs-spa-retail-content .tt-img.transfer-icon,
.deposit-full-info-popup .tt-img.transfer-icon,
.deposit-withdrawal-unrenrew-wizard .tt-img.transfer-icon,
.table-rate-widget .tt-img.transfer-icon {
  background-image: url(media/images/icon_phone.94bba579722d4d929693..png);
}
.cs-spa-retail-content .tt-img.standingOrder-icon,
.deposit-full-info-popup .tt-img.standingOrder-icon,
.deposit-withdrawal-unrenrew-wizard .tt-img.standingOrder-icon,
.table-rate-widget .tt-img.standingOrder-icon {
  background-image: url(media/images/icon_phone.94bba579722d4d929693..png);
}
.cs-spa-retail-content .tt-img.securities-icon,
.deposit-full-info-popup .tt-img.securities-icon,
.deposit-withdrawal-unrenrew-wizard .tt-img.securities-icon,
.table-rate-widget .tt-img.securities-icon {
  background-image: url(media/images/icon_user.8ee81734652d0142f013..png);
}
.cs-spa-retail-content .tt-img.deposits-icon,
.deposit-full-info-popup .tt-img.deposits-icon,
.deposit-withdrawal-unrenrew-wizard .tt-img.deposits-icon,
.table-rate-widget .tt-img.deposits-icon {
  background-image: url(media/images/icon_phone.94bba579722d4d929693..png);
}
.cs-spa-retail-content .tt-img.creditCard-icon,
.deposit-full-info-popup .tt-img.creditCard-icon,
.deposit-withdrawal-unrenrew-wizard .tt-img.creditCard-icon,
.table-rate-widget .tt-img.creditCard-icon {
  background-image: url(media/images/icon_user.8ee81734652d0142f013..png);
}
.cs-spa-retail-content .tt-img.loans-icon,
.deposit-full-info-popup .tt-img.loans-icon,
.deposit-withdrawal-unrenrew-wizard .tt-img.loans-icon,
.table-rate-widget .tt-img.loans-icon {
  background-image: url(media/images/icon_phone.94bba579722d4d929693..png);
}
.cs-spa-retail-content .tt-img.cash-icon,
.deposit-full-info-popup .tt-img.cash-icon,
.deposit-withdrawal-unrenrew-wizard .tt-img.cash-icon,
.table-rate-widget .tt-img.cash-icon {
  background-image: url(media/images/icon_user.8ee81734652d0142f013..png);
}
.cs-spa-retail-content .ellipsis-cell,
.deposit-full-info-popup .ellipsis-cell,
.deposit-withdrawal-unrenrew-wizard .ellipsis-cell,
.table-rate-widget .ellipsis-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cs-spa-retail-content .ellipsis-cell span,
.deposit-full-info-popup .ellipsis-cell span,
.deposit-withdrawal-unrenrew-wizard .ellipsis-cell span,
.table-rate-widget .ellipsis-cell span {
  display: inline;
}
.cs-spa-retail-content .ellipsis-cell.alert-text,
.deposit-full-info-popup .ellipsis-cell.alert-text,
.deposit-withdrawal-unrenrew-wizard .ellipsis-cell.alert-text,
.table-rate-widget .ellipsis-cell.alert-text {
  color: #fb5f5f;
}
.cs-spa-retail-content .ellipsis-cell.alignTextToolTip,
.deposit-full-info-popup .ellipsis-cell.alignTextToolTip,
.deposit-withdrawal-unrenrew-wizard .ellipsis-cell.alignTextToolTip,
.table-rate-widget .ellipsis-cell.alignTextToolTip {
  vertical-align: middle;
  display: inline-block;
}
.cs-spa-retail-content .investment-portfolio-table .btnHelp,
.deposit-full-info-popup .investment-portfolio-table .btnHelp,
.deposit-withdrawal-unrenrew-wizard .investment-portfolio-table .btnHelp,
.table-rate-widget .investment-portfolio-table .btnHelp {
  width: 18px;
  height: 18px;
  background-size: 100%;
}
.cs-spa-retail-content .flexbox-table-wrapper,
.deposit-full-info-popup .flexbox-table-wrapper,
.deposit-withdrawal-unrenrew-wizard .flexbox-table-wrapper,
.table-rate-widget .flexbox-table-wrapper {
  overflow: hidden;
}
.cs-spa-retail-content table.flexbox-table,
.deposit-full-info-popup table.flexbox-table,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table,
.table-rate-widget table.flexbox-table {
  display: flex;
  flex-wrap: wrap;
}
.cs-spa-retail-content table.flexbox-table thead,
.deposit-full-info-popup table.flexbox-table thead,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table thead,
.table-rate-widget table.flexbox-table thead,
.cs-spa-retail-content table.flexbox-table tbody,
.deposit-full-info-popup table.flexbox-table tbody,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table tbody,
.table-rate-widget table.flexbox-table tbody {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.cs-spa-retail-content table.flexbox-table tr,
.deposit-full-info-popup table.flexbox-table tr,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table tr,
.table-rate-widget table.flexbox-table tr {
  bottom: 0;
  width: 100%;
  display: flex;
  position: relative;
}
.cs-spa-retail-content table.flexbox-table tr:after,
.deposit-full-info-popup table.flexbox-table tr:after,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table tr:after,
.table-rate-widget table.flexbox-table tr:after {
  content: "";
  bottom: 0;
  left: -50%;
  height: 1px;
  width: 200vw;
  position: absolute;
  background-color: #d7dde2;
}
.cs-spa-retail-content table.flexbox-table tr.regularBorder,
.deposit-full-info-popup table.flexbox-table tr.regularBorder,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table tr.regularBorder,
.table-rate-widget table.flexbox-table tr.regularBorder {
  border-bottom: 1px solid #a4b2bd;
}
.cs-spa-retail-content table.flexbox-table tr.regularBorder:after,
.deposit-full-info-popup table.flexbox-table tr.regularBorder:after,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table tr.regularBorder:after,
.table-rate-widget table.flexbox-table tr.regularBorder:after {
  content: none;
}
.cs-spa-retail-content table.flexbox-table td,
.deposit-full-info-popup table.flexbox-table td,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table td,
.table-rate-widget table.flexbox-table td,
.cs-spa-retail-content table.flexbox-table th,
.deposit-full-info-popup table.flexbox-table th,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table th,
.table-rate-widget table.flexbox-table th {
  height: 48px;
  display: flex;
  align-items: center;
}
.cs-spa-retail-content table.flexbox-table td.align-items-top,
.deposit-full-info-popup table.flexbox-table td.align-items-top,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table td.align-items-top,
.table-rate-widget table.flexbox-table td.align-items-top,
.cs-spa-retail-content table.flexbox-table th.align-items-top,
.deposit-full-info-popup table.flexbox-table th.align-items-top,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table th.align-items-top,
.table-rate-widget table.flexbox-table th.align-items-top {
  align-items: flex-start;
}
.cs-spa-retail-content table.flexbox-table td.thLow,
.deposit-full-info-popup table.flexbox-table td.thLow,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table td.thLow,
.table-rate-widget table.flexbox-table td.thLow,
.cs-spa-retail-content table.flexbox-table th.thLow,
.deposit-full-info-popup table.flexbox-table th.thLow,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table th.thLow,
.table-rate-widget table.flexbox-table th.thLow {
  height: 35px;
}
.cs-spa-retail-content table.flexbox-table td.cellPaddingRight,
.deposit-full-info-popup table.flexbox-table td.cellPaddingRight,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table td.cellPaddingRight,
.table-rate-widget table.flexbox-table td.cellPaddingRight,
.cs-spa-retail-content table.flexbox-table th.cellPaddingRight,
.deposit-full-info-popup table.flexbox-table th.cellPaddingRight,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table th.cellPaddingRight,
.table-rate-widget table.flexbox-table th.cellPaddingRight {
  padding-right: 50px;
}
.cs-spa-retail-content table.flexbox-table th,
.deposit-full-info-popup table.flexbox-table th,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table th,
.table-rate-widget table.flexbox-table th {
  font-weight: 400;
  color: #7d91a1;
}
.cs-spa-retail-content table.flexbox-table .table-scrollable-area,
.deposit-full-info-popup table.flexbox-table .table-scrollable-area,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table .table-scrollable-area,
.table-rate-widget table.flexbox-table .table-scrollable-area {
  width: 100%;
}
.cs-spa-retail-content table.flexbox-table.checksBundlesTable .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-container,
.deposit-full-info-popup table.flexbox-table.checksBundlesTable .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-container,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table.checksBundlesTable .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-container,
.table-rate-widget table.flexbox-table.checksBundlesTable .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-container {
  right: 12px;
}
.cs-spa-retail-content table.flexbox-table.checksBundlesTable .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb,
.deposit-full-info-popup table.flexbox-table.checksBundlesTable .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table.checksBundlesTable .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb,
.table-rate-widget table.flexbox-table.checksBundlesTable .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {
  width: 2px;
}
.cs-spa-retail-content table.flexbox-table.checksBundlesTable .table-scrollable-area,
.deposit-full-info-popup table.flexbox-table.checksBundlesTable .table-scrollable-area,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table.checksBundlesTable .table-scrollable-area,
.table-rate-widget table.flexbox-table.checksBundlesTable .table-scrollable-area {
  max-height: 392px;
}
.cs-spa-retail-content table.flexbox-table.checksBundlesTable .table-scrollable-area tr,
.deposit-full-info-popup table.flexbox-table.checksBundlesTable .table-scrollable-area tr,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table.checksBundlesTable .table-scrollable-area tr,
.table-rate-widget table.flexbox-table.checksBundlesTable .table-scrollable-area tr {
  border-left: 1px solid #a4b2bd;
}
.cs-spa-retail-content table.flexbox-table.checksBundlesTable .table-scrollable-area tr.checkList--active,
.deposit-full-info-popup table.flexbox-table.checksBundlesTable .table-scrollable-area tr.checkList--active,
.deposit-withdrawal-unrenrew-wizard table.flexbox-table.checksBundlesTable .table-scrollable-area tr.checkList--active,
.table-rate-widget table.flexbox-table.checksBundlesTable .table-scrollable-area tr.checkList--active {
  border-left: none;
}
.client-browser-chrome .cs-spa-retail-content .generalTable .sortable-table tr th {
  top: 64px;
  z-index: 8;
  position: sticky;
  background-color: white;
}
.client-browser-chrome .cs-spa-retail-content .credit-cards-lobby .generalTable .sortable-table tr th {
  top: 88px;
}
.client-browser-chrome .cs-spa-retail-content .loans-lobby .generalTable .sortable-table tr th {
  top: 88px;
}
.client-browser-chrome .cs-spa-retail-content .foreign-aggregation-table.generalTable .sortable-table tr th,
.client-browser-chrome .cs-spa-retail-content.wizard-section .generalTable .sortable-table tr th,
.client-browser-chrome .cs-spa-retail-content.beneficiaries-search-modal .generalTable .sortable-table tr th {
  top: 0;
  position: relative;
}
.client-browser-chrome .cs-spa-retail-content.nextSignersPopup .generalTable tr th,
.client-browser-chrome .cs-spa-retail-content.transactionHistoryPopup .generalTable tr th {
  top: 0;
  z-index: 0;
}
.client-browser-chrome .cs-spa-retail-content .debit-authorization-modal .generalTable .sortable-table tr th {
  top: 0;
  z-index: 0;
}
.client-browser-chrome .cs-spa-retail-content .debit-authorization-modal .topbar {
  width: auto;
  margin: 0 42px;
}
/* Editable field */
.textCard {
  width: 30%;
  position: relative;
}
.textCard.textCard_agr {
  width: auto;
}
.textCard:first-child {
  padding-right: 52px;
}
.textCard .editCardNameForm {
  display: inline-block;
}
.textCard .editNameWithIconsBox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.textCard .editNameWithIconsBox .dalkanIconActive .keyIcon {
  left: 25px;
}
.textCard .inputChangeCardName {
  width: 80%;
  position: relative;
}
.textCard .creditCardEditName {
  width: 100%;
  height: 36px;
  padding-right: 15px;
  border-radius: 50px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.textCard .expiredCard {
  font-size: 14px;
  color: #92abbb;
}
@media (max-width: 769px) {
  .cs-spa-retail-content .generalTable .doubleColspan .doubleColspanContent {
    width: 80%;
  }
}
@media (max-width: 1200px) {
  .client-browser-chrome .cs-spa-retail-content .generalTable.generalTable--horizontalScroll .sortable-table tr th {
    top: 0;
  }
  .client-browser-chrome .cs-spa-retail-content .credit-cards-lobby .generalTable.generalTable--horizontalScroll .sortable-table tr th {
    top: 0;
  }
  .client-browser-chrome .cs-spa-retail-content .loans-lobby .generalTable.generalTable--horizontalScroll .sortable-table tr th {
    top: 0;
  }
}
@media (max-width: 768px) {
  .generalTable.generalTable--highRows tbody tr {
    height: 40px;
  }
  .cs-spa-retail-content .generalTable.generalTable--highRows tbody tr {
    height: 40px;
  }
  .cs-spa-retail-content .deposit-full-info-popup .generalTable tbody tr {
    height: 40px;
  }
  .cs-spa-retail-content .deposit-withdrawal-unrenrew-wizard .generalTable.generalTable--highRows tbody tr {
    height: 40px;
  }
  .cs-spa-retail-content .table-rate-widget .generalTable.generalTable--highRows tbody tr {
    height: 40px;
  }
}
@media (width: 768px) {
  .generalTable.generalTable--highRows tbody tr {
    height: 60px;
  }
  .cs-spa-retail-content .generalTable tr {
    height: 60px;
  }
  .cs-spa-retail-content .generalTable.generalTable--highRows tbody tr {
    height: 60px;
  }
  .cs-spa-retail-content .deposit-full-info-popup .generalTable tbody tr {
    height: 60px;
  }
  .cs-spa-retail-content .deposit-withdrawal-unrenrew-wizard .generalTable.generalTable--highRows tbody tr {
    height: 60px;
  }
  .cs-spa-retail-content .table-rate-widget .generalTable.generalTable--highRows tbody tr {
    height: 60px;
  }
}
.client-browser-internet-explorer.modal-open {
  width: 100% !important;
  padding-right: 0px !important;
}
.client-browser-internet-explorer.modal-open .main-dashboard-header {
  margin-right: 0px !important;
}
.client-browser-internet-explorer.modal-open .main-dashboard-aside {
  right: 0px !important;
}
@media (min-width: 1024px) {
  .ngdialog-open:not(.client-browser-internet-explorer) .main-dashboard-header,
  .modal-open:not(.client-browser-internet-explorer) .main-dashboard-header {
    margin-right: 17px !important;
  }
  .ngdialog-open:not(.client-browser-internet-explorer) .main-dashboard-aside,
  .modal-open:not(.client-browser-internet-explorer) .main-dashboard-aside {
    right: 17px !important;
  }
  .ngdialog-open:not(.client-browser-internet-explorer).capitalMarketNewStyle #capitalMarket #market-indices,
  .modal-open:not(.client-browser-internet-explorer).capitalMarketNewStyle #capitalMarket #market-indices {
    right: 87px;
  }
  .modal-open:not(.client-browser-internet-explorer) {
    width: 100% !important;
    padding-right: 17px !important;
  }
}
.modal-backdrop.custom-modal-backdrop-in-wiz {
  /* z-index: 2540 !important;*/
}
.wizardPop {
  padding-top: 80px;
}
.client-browser-safari .cs-spa-retail-content.interactive-modal {
  position: fixed;
}
.client-browser-safari .ios-disappearing-fix {
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
.cs-spa-retail-content {
  /*MODAL LOANS EX*/
}
.cs-spa-retail-content .link-bottom {
  padding-right: 50px;
  padding-bottom: 20px;
}
.cs-spa-retail-content .expandDataList {
  display: grid;
  grid-template-columns: var(--epand-data-list);
}
@media screen and (max-width: 1023px) {
  .cs-spa-retail-content .expandDataList {
    --epand-data-list: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .cs-spa-retail-content .expandDataList {
    --epand-data-list: repeat(3, 1fr);
  }
}
.cs-spa-retail-content .expandDataList__item {
  width: 160px;
  padding-left: 8px;
  margin-bottom: 30px;
}
.cs-spa-retail-content .expandDataList__key {
  color: #7d91a1;
  white-space: nowrap;
}
.cs-spa-retail-content .expandDataList__value {
  font-size: 1.8rem;
  color: #6a7685;
}
.cs-spa-retail-content .modal-window-heading {
  font-size: 2rem;
  color: #4bc87d;
  font-weight: 700;
}
.cs-spa-retail-content .modal-window-heading,
.cs-spa-retail-content .contentOsh {
  padding-inline: 50px !important;
}
@media screen and (max-width: 1023px) {
  .cs-spa-retail-content .contentOsh > [class*="col"] {
    width: 100% !important;
  }
}
.cs-spa-retail-content .contentOsh .InfoPermission li {
  width: 100% !important;
}
.cs-spa-retail-content .modal-dialog .nextArrow,
.cs-spa-retail-content .modal-dialog .prevArrow {
  top: 50%;
}
.cs-spa-retail-content .comboPopup__heading {
  font-size: 3.6rem;
  color: #4bc87d;
}
.cs-spa-retail-content .comboPopup__inner {
  height: 75vh;
  overflow-y: auto;
  padding: 5vw 10vw;
}
.cs-spa-retail-content.loansLobbyModal.discountBiz-modal-general {
  text-align: center;
}
.cs-spa-retail-content.loansLobbyModal.discountBiz-modal-general .Early-Repayment-Btn {
  margin-top: 40px;
  text-align: center;
}
.cs-spa-retail-content.loansLobbyModal.discountBiz-modal-general .ngsb-wrap .ngsb-scrollbar {
  right: -32px;
}
.cs-spa-retail-content.loansLobbyModal.discountBiz-modal-general .modal-dialog {
  display: inline-block;
}
.cs-spa-retail-content.interactive-modal {
  /* z-index for third level modal. Example: Account pages -> confirm modal*/
}
.cs-spa-retail-content.interactive-modal.wide-modal .modal-content {
  width: 840px;
}
.cs-spa-retail-content.interactive-modal.popup-state-modal-container {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  margin-top: 60px;
}
.cs-spa-retail-content.interactive-modal.popup-state-modal-container + .modal-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.cs-spa-retail-content.interactive-modal.popup-state-modal-container .modal-dialog {
  top: 20px;
}
.cs-spa-retail-content.interactive-modal .modal-content {
  width: 624px;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content {
  margin: 0;
  padding: 24px 24px 32px;
  background-color: white;
  pointer-events: auto;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content .title {
  font-size: 2.4rem;
  margin: 0 0 10px;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content .sub-title {
  margin: 0 0 10px;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content .modal-msg {
  font-size: 1.8rem;
  margin-bottom: 56px;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content .modal-msg.modal-msg-margin {
  margin-bottom: 25px;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content .modal-msg.modal-msg-orderedList {
  margin: 2.5rem 5rem 5.6rem;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content .modal-msg-orderedList-item {
  list-style-type: disc;
  text-align: right;
  color: #4bc87d;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content .modal-msg-orderedList-text {
  color: #4e5664;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content .save-and-continue {
  color: #25cb92;
  font-weight: bold;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content .general-btn {
  min-width: 84px;
  font-size: 1.6rem;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content a.general-btn:hover {
  color: white;
}
.cs-spa-retail-content.interactive-modal .interactive-modal-content.credit-card-redirect-modal .general-btn {
  width: 224px;
  display: block;
  margin: 0 auto;
}
.cs-spa-retail-content.interactive-modal + .modal-backdrop {
  /* z-index: 2549 !important;*/
}
.cs-spa-retail-content.interactive-modal.third-level-modal {
  z-index: 3550 !important;
}
.cs-spa-retail-content.interactive-modal.third-level-modal ~ .modal-backdrop {
  z-index: 3549 !important;
}
.cs-spa-retail-content.interactive-modal.close-account-modal .modal-content {
  width: 1024px;
}
.cs-spa-retail-content.interactive-modal.close-account-modal .step-details-row {
  display: flex;
  margin: 24px -1% 50px;
}
.cs-spa-retail-content.interactive-modal.close-account-modal .downloadIcon {
  float: left;
}
.cs-spa-retail-content .btnClose {
  top: -40px;
  z-index: 60;
  width: 40px;
  right: -50px;
  border: none;
  height: 40px;
  display: block;
  background: none;
  position: absolute;
  color: #ffffff;
}
.cs-spa-retail-content .btnClose:hover {
  transform: scale(0.8);
}
.cs-spa-retail-content .btnClose:before,
.cs-spa-retail-content .btnClose:after {
  content: '';
  top: 50%;
  left: 50%;
  width: 70%;
  height: 2px;
  display: block;
  position: absolute;
  border-radius: 1px;
  background-color: #ffffff;
}
.cs-spa-retail-content .btnClose:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .btnClose:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content.discountBiz-modal-general {
  position: fixed;
}
@media screen and (max-width: 767px) {
  .cs-spa-retail-content.discountBiz-modal-general {
    overflow: hidden;
  }
}
.cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .modal-dialog {
  width: 620px;
}
.cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .modal-dialog .modal-content-proper {
  width: 100%;
  height: 100%;
  padding: 20px 0 20px;
}
.cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .highcharts-data-labels.highcharts-tracker {
  direction: ltr;
  font-family: Rubik;
}
.cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal svg .highcharts-legend + text {
  fill-opacity: 0;
}
.cs-spa-retail-content.discountBiz-modal-general.investment-portfolio-pie .highcharts-container svg .highcharts-legend + text {
  fill-opacity: 0;
}
.cs-spa-retail-content.discountBiz-modal-general.investment-portfolio-pie .cs-spa-retail-content.sidebar-modal .modal-content-proper {
  width: 100%;
  height: 100%;
  padding: 20px 0 20px;
}
.cs-spa-retail-content.discountBiz-modal-general .descriptionTooltip + .tooltip.modal-tooltip.left .tooltip-arrow {
  width: 0;
  height: 0;
  top: 24px;
  right: -3px;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #4bc87d;
}
.cs-spa-retail-content.discountBiz-modal-general .descriptionTooltip + .tooltip.modal-tooltip .tooltip-inner {
  z-index: -1;
  width: 230px;
  border-radius: 0;
  font-size: 12px;
  line-height: 2rem;
  padding: 24px 20px;
  color: #4bc87d;
  background-color: white;
  border-right: 4px solid #4bc87d;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .cs-spa-retail-content.discountBiz-modal-general .modal-dialog {
    width: auto;
  }
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .modal-content {
  pointer-events: auto;
  border: none;
  box-shadow: none;
  border-radius: 0;
  text-align: right;
  display: inline-block;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog section > div .titleTable {
  font-size: 2rem;
  color: #4bc87d;
  font-weight: bold;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog section > div .subTitleTable {
  color: #7d91a1;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .tableSide {
  height: 90%;
  right: 256px;
  display: block;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  overflow-y: hidden;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .tableSide .tabSection {
  padding-top: 30px;
  padding-right: 50px;
  padding-bottom: 0;
  padding-left: 0;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .tableSide ul li {
  display: inline-block;
  margin-left: 35px;
  cursor: pointer;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .tableSide ul .threeBtn {
  float: left;
  margin: 0;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .tableSide ul.contextual-action-icons-inline-wrapper li {
  margin-left: 6px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .tableSide .loanExpandComments {
  margin-top: 25px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .menuTool ul li {
  margin-left: 10px !important;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .detailsTab {
  width: 565px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .detailsTab .table-scroll {
  max-height: 310px;
  height: 310px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .detailsTab .table-scroll.db-green-scrollbar {
  overflow: auto;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .detailsTab td .tooltip {
  margin-top: -30px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .detailsTab .infoCircle {
  background-size: 15px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .silukinTab {
  width: 870px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .silukinTab .table-scroll {
  box-shadow: none;
  max-height: 390px;
  height: 390px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .previous-silukinTab {
  height: 370px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .previous-silukinTab .btn-download-report {
  position: absolute;
  bottom: 40px;
  margin-right: 130px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal {
  width: 820px;
  position: relative;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal.isSilukin {
  width: 1126px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide .tabSection {
  margin-top: 24px;
  margin-right: 50px;
  margin-bottom: 12px;
  margin-left: 0;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide table th {
  width: 20%;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide table td {
  width: auto;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide .table-scroll {
  width: 100%;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide .table-scroll tr td:first-child {
  color: #7d91a1;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide .table-scroll tr td:last-child {
  font-size: 1.6rem;
  color: #4e5664;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide div.table-scroll {
  padding: 0 40px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide .tabSection {
  padding: 0;
  float: none;
  display: block;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide .tabSection .btn {
  padding: 0;
  float: none;
  margin-top: 12px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 6px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide .sectionLoansEx > div {
  padding: 0;
  margin-top: 12px;
  margin-right: 50px;
  margin-bottom: 36px;
  margin-left: 0;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-content-cardLimit .general-btn {
  width: 78vw;
  margin-top: 10vw;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-content-cardLimit .burned-msg {
  margin-top: 10vw;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-content-cardLimit .card-limit-error-m {
  margin-top: 5vw;
  font-size: 2.6rem;
  text-align: center;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-content-proper {
  background: white;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-content-proper-mobile {
  background-color: white;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-content-proper-mobile .blurred-bottom:after {
  height: 7vw;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-content-proper-mobile h4 {
  margin: 5vw 0;
  font-size: 3rem;
  font-weight: 500;
  color: #4bc87d;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-content-proper-mobile h4 span {
  font-weight: 400;
  color: #4e5664;
  font-size: 1.75rem;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-inside-modal {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  z-index: 1100;
  overflow: auto;
  position: fixed;
  padding-top: 8vw;
  background-color: white;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content.discountBiz-modal-general .modal-inside-modal .btnClose {
  top: 2.5vw;
  right: 2.5vw;
  position: absolute;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-inside-modal .btnClose:after,
.cs-spa-retail-content.discountBiz-modal-general .modal-inside-modal .btnClose:before {
  background-color: #4e5664;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-action-bar {
  height: var(--actions-height);
  display: flex;
  align-items: center;
  background: linear-gradient(70deg, #76d25b 0%, #38d29f 100%);
  box-shadow: 0px 4px 24px 0px rgba(80, 145, 180, 0.3);
}
.cs-spa-retail-content.discountBiz-modal-general .modal-action-bar li {
  margin-left: 16px;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-header-m {
  padding: 4vw 0;
  text-align: center;
  border-bottom: 1px solid #a4b2bd;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-header-m p {
  font-weight: 400;
  font-size: 2.4rem;
  color: #7d91a1;
  font-family: "Josefin Sans", "Rubik";
}
.cs-spa-retail-content.discountBiz-modal-general .modal-header-m h2 {
  margin: 12px 0;
  font-size: 3rem;
  font-weight: 500;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-header-m h3 {
  font-weight: 400;
  font-size: 4.8rem;
  font-family: "Josefin Sans", "Rubik";
}
.cs-spa-retail-content.discountBiz-modal-general .modal-header-m .modalHeading {
  font-size: 2.6rem;
  font-weight: 600;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-header-m .modalHeading--green {
  color: #4bc87d;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-header-m .modalHeading__subheading {
  font-size: 2.4rem;
  color: #7d91a1;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-scrollable-area {
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .cs-spa-retail-content.discountBiz-modal-general .modal-scrollable-area {
    max-height: 65vh;
  }
}
@media screen and (min-width: 768px) {
  .cs-spa-retail-content.discountBiz-modal-general .modal-scrollable-area {
    height: 50vh;
    padding-bottom: 7vw;
  }
}
.cs-spa-retail-content.discountBiz-modal-general .modal-scrollable-area.modal-scrollable-area-lg {
  height: 70vh;
}
@media screen and (max-width: 767px) {
  .cs-spa-retail-content.discountBiz-modal-general expanded-view-horizontal-popup .modal-scrollable-area {
    max-height: 95vh;
  }
}
.cs-spa-retail-content.discountBiz-modal-general .modal-details-m {
  font-size: 2.4rem;
  padding-top: 5vw;
  padding-bottom: 5vw;
  padding-left: 5vw;
  padding-right: 5vw;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-details-m li {
  margin-bottom: 1.9vw;
}
@media screen and (max-width: 1023px) {
  .cs-spa-retail-content.discountBiz-modal-general .modal-details-m li {
    border-block-end: 1px solid #d7dde2;
    margin-block-end: 0;
    padding-block-end: 5px;
  }
}
.cs-spa-retail-content.discountBiz-modal-general .modal-details-m .details-title {
  color: #7d91a1;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-details-m img {
  max-width: 100%;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-details-m .modal-table-row-m {
  margin: 0 -5vw;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-details-m .modal-table-row-m:first-of-type {
  border-top: 1px solid #a4b2bd;
}
.cs-spa-retail-content.discountBiz-modal-general .ip-content .modal-details-m {
  padding-left: 0;
  padding-right: 0;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-section-header {
  position: relative;
  margin-bottom: 3vw;
  text-align: center;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-section-header p {
  z-index: 2;
  padding: 0 5vw;
  font-size: 3.2rem;
  color: #7d91a1;
  position: relative;
  background: white;
  display: inline-block;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-section-header:after {
  left: 0;
  top: 50%;
  z-index: 1;
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  transform: translateY(-50%);
  background-color: #a4b2bd;
}
.cs-spa-retail-content.discountBiz-modal-general .modalPopupMobile_toggle.open .modalPopupMobile {
  display: flex;
}
.cs-spa-retail-content.discountBiz-modal-general .modalPopupMobile {
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  bottom: 0;
  padding: 0;
  border: none;
  display: none;
  z-index: 1050;
  position: fixed;
  border-radius: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.35);
}
.cs-spa-retail-content.discountBiz-modal-general .modalPopupMobile_inner {
  width: 80%;
  padding: 5vw;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-table-m-firstCell {
  padding-right: 6.55vw !important;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-table-m-scrollable {
  width: 200%;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-table-row-m {
  height: 18.72vw;
  padding: 0 6.55vw;
  border-bottom: 1px solid #a4b2bd;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-table-row-m li {
  flex: 1 1 0;
  -ms-flex-positive: 1;
  -ms-flex-negative: 1;
  -ms-flex-preferred-size: 0;
  font-size: 2.8rem;
  margin-bottom: 0;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-table-row-m .number {
  font-weight: 400;
  display: inline-block;
  font-family: "Josefin Sans";
}
.cs-spa-retail-content.discountBiz-modal-general .modal-tab-navs-m {
  height: 12.48vw;
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(81, 144, 182, 0.4);
}
.cs-spa-retail-content.discountBiz-modal-general .modal-tab-navs-m li {
  flex: 1 1 0;
  -ms-flex-positive: 1;
  -ms-flex-negative: 1;
  -ms-flex-preferred-size: 0;
  height: 100%;
  font-size: 2.7rem;
  text-align: center;
  color: #7d91a1;
  line-height: 12.48vw;
  border-left: 1px solid #a4b2bd;
  border-top: 1px solid #a4b2bd;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-tab-navs-m li:last-child {
  border-left: none;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-tab-navs-m li.active {
  border-top: none;
  position: relative;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-tab-navs-m li.active:after {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0.62vw;
  position: absolute;
  background-color: #4bc87d;
}
.cs-spa-retail-content.discountBiz-modal-general .modal-tab-navs-m li.active span {
  font-weight: 500;
  color: #4bc87d;
}
.cs-spa-retail-content.new-recepient-modal {
  color: #7d91a1;
}
.cs-spa-retail-content.new-recepient-modal .modal-dialog {
  width: 348px;
}
.cs-spa-retail-content.new-recepient-modal .dropdown-menu .spaceLinks {
  display: block;
  margin: 10px 15px;
}
.cs-spa-retail-content.new-recepient-modal .dropdown-menu .spaceLinks a {
  padding: 0;
}
.cs-spa-retail-content.new-recepient-modal .dropdown.open-empty {
  box-shadow: none;
}
.cs-spa-retail-content.new-recepient-modal .dropdown.open-empty .generalDropdown {
  border: 1px solid #a4b2bd;
  border-radius: 50px;
}
.cs-spa-retail-content.new-recepient-modal .mobile-action-bar {
  display: none;
}
.cs-spa-retail-content.new-recepient-modal .table-heading {
  margin: 0 0 16px;
}
.cs-spa-retail-content.new-recepient-modal .modal-content-proper {
  width: 346px;
  padding: 32px 40px;
}
.cs-spa-retail-content.new-recepient-modal .modal-content-proper.add-beneficiary-modal-content {
  background-color: hsl(var(--white));
  width: 346px !important;
}
.cs-spa-retail-content.new-recepient-modal .modal-content-proper.add-beneficiary-modal-content .dropdown-menu.show:not(.menuList) {
  display: block !important;
}
.cs-spa-retail-content.new-recepient-modal .modal-content-proper.add-beneficiary-modal-content .dropdown-menu.show:not(.menuList) .dropdown-item {
  min-height: unset;
}
.cs-spa-retail-content.new-recepient-modal .inputFieldWrapper {
  margin: 4px auto 18px;
}
.cs-spa-retail-content.new-recepient-modal .inputFieldWrapper.margin-b-32 {
  margin-bottom: 32px;
}
.cs-spa-retail-content.new-recepient-modal .inputFieldWrapper input {
  width: 100%;
}
.cs-spa-retail-content.new-recepient-modal .inputFieldWrapper .tf-error {
  text-align: right;
}
.cs-spa-retail-content.new-recepient-modal .tf-error {
  padding: 0;
}
.cs-spa-retail-content.new-recepient-modal .input-field-title {
  margin-right: 20px;
  display: inline-block;
}
.cs-spa-retail-content.new-recepient-modal .btnFilter {
  margin: 4px auto 18px;
}
.cs-spa-retail-content.new-recepient-modal .generalDropdown {
  width: 100%;
  border-radius: 50px;
}
.cs-spa-retail-content.new-recepient-modal .iban-IL {
  left: 32px;
  opacity: 0.7;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.cs-spa-retail-content.new-recepient-modal .account-details {
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.cs-spa-retail-content.new-recepient-modal .account-details > div {
  width: 100%;
}
.cs-spa-retail-content.new-recepient-modal .account-details .invalidAmountInput {
  margin-bottom: 0;
  border-color: red;
}
.cs-spa-retail-content.new-recepient-modal .account-details .btnFilter.open-empty {
  box-shadow: none;
}
.cs-spa-retail-content.new-recepient-modal .account-details .btnFilter.open-empty .generalDropdown {
  border-color: #a4b2bd;
}
.cs-spa-retail-content.new-recepient-modal .account-details .btnFilter.open-empty .generalDropdown.invalidAmountInput {
  border-color: red;
}
.cs-spa-retail-content.new-recepient-modal .account-details .btnFilter {
  width: 100%;
  margin: 4px auto 0px;
}
.cs-spa-retail-content.new-recepient-modal .general-btn {
  display: block;
  position: relative;
  margin: 24px auto 0;
}
.cs-spa-retail-content.new-recepient-modal .error-msg {
  width: 100%;
  color: red;
  text-align: center;
}
.cs-spa-retail-content .table-heading {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 24px;
  color: #4bc87d;
}
.cs-spa-retail-content .modal-content-myProfile .modal-scrollable-area {
  height: 65vh;
}
.cs-spa-retail-content.checkPreviewModal {
  text-align: center;
}
.cs-spa-retail-content.checkPreviewModal .modal-dialog {
  display: inline-block;
}
.cs-spa-retail-content.sidebar-modal .modal-dialog {
  display: block;
}
.cs-spa-retail-content.sidebar-modal .modal-content {
  position: relative;
  background-color: white;
}
.cs-spa-retail-content.sidebar-modal .modal-content-proper {
  width: 876px;
}
.cs-spa-retail-content.sidebar-modal .modal-content-proper.active-recepientsList {
  width: 980px;
}
.cs-spa-retail-content.sidebar-modal .modal-content-proper.active-recepientsList .table-heading {
  padding-right: 48px;
}
.cs-spa-retail-content.sidebar-modal .modal-content-proper.active-recepientsList .content-side {
  padding: 0;
  width: 724px;
}
.cs-spa-retail-content.sidebar-modal .modal-content-proper.active-recepientsList .modal-tab-navs-wrapper {
  padding-top: 24px;
  padding-right: 48px;
  padding-bottom: 24px;
  padding-left: 32px;
}
.cs-spa-retail-content.sidebar-modal .sidebar-side {
  width: 256px;
  color: white;
  padding: 40px 0;
  min-height: 742px;
  background: linear-gradient(80deg, #76d25b 0%, #38d29f 45%);
}
.cs-spa-retail-content.sidebar-modal .sidebar-side li {
  position: relative;
  margin-top: 44px;
  margin-right: 48px;
  margin-bottom: 0;
  margin-left: 13px;
}
.cs-spa-retail-content.sidebar-modal .sidebar-side li:first-child {
  margin-top: 0;
}
.cs-spa-retail-content.sidebar-modal .sidebar-side li .btnHelp {
  top: 0;
  left: 0;
  position: absolute;
}
.cs-spa-retail-content.sidebar-modal .sidebar-side .field-title {
  font-size: 1.4rem;
}
.cs-spa-retail-content.sidebar-modal .sidebar-side .field-value {
  font-weight: 300;
  font-size: 2.2rem;
  line-height: 2.5rem;
  font-family: 'Josefin Sans', 'Rubik';
}
.cs-spa-retail-content.sidebar-modal .sidebar-side .field-value.gold {
  direction: ltr;
}
.cs-spa-retail-content.sidebar-modal .content-side {
  top: 50%;
  height: 90%;
  width: 560px;
  right: 256px;
  position: absolute;
  background: white;
  padding-top: 24px;
  padding-right: 48px;
  padding-bottom: 24px;
  padding-left: 32px;
  transform: translateY(-50%);
}
.cs-spa-retail-content.sidebar-modal .modal-tab-navs li {
  cursor: pointer;
  font-size: 1.4rem;
  color: #7d91a1;
  margin-left: 32px;
  display: inline-block;
}
.cs-spa-retail-content.sidebar-modal .modal-tab-navs li.active {
  font-weight: 700;
  color: #333a46;
  border-bottom: solid 3px #4bc87d;
}
.cs-spa-retail-content.sidebar-modal .modal-tab-navs li:last-child {
  margin-left: 0;
}
.cs-spa-retail-content.sidebar-modal .table-subheading {
  font-size: 1.4rem;
  margin: 4px 0 24px;
}
.cs-spa-retail-content.sidebar-modal .two-column-table {
  margin-top: 20px;
}
.cs-spa-retail-content.sidebar-modal .two-column-table li {
  height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #a4b2bd;
}
.cs-spa-retail-content.sidebar-modal .two-column-table li .property-name {
  color: #7d91a1;
  margin-left: auto;
  padding-right: 30px;
}
.cs-spa-retail-content.sidebar-modal .two-column-table li .property-value {
  width: 200px;
  color: #333a46;
  display: inline-block;
}
.cs-spa-retail-content.sidebar-modal .two-column-table li:last-child {
  border-bottom: 1px solid #a4b2bd;
}
.cs-spa-retail-content.sidebar-modal .recepients-list-table .scrollme {
  height: 374px;
}
.cs-spa-retail-content.sidebar-modal .recepients-list-table .modal-table td,
.cs-spa-retail-content.sidebar-modal .recepients-list-table .modal-table th {
  padding-right: 5px;
}
.cs-spa-retail-content.sidebar-modal.financial-instruments-modal .sidebar-side,
.cs-spa-retail-content.sidebar-modal.guarantees-modal .sidebar-side {
  min-height: 550px;
}
.cs-spa-retail-content.sidebar-modal.financial-instruments-modal .two-column-table,
.cs-spa-retail-content.sidebar-modal.guarantees-modal .two-column-table {
  /*overflow-y: auto;*/
  max-height: 374px;
}
.cs-spa-retail-content.sidebar-modal.financial-instruments-modal .two-column-table li {
  border-top-color: #c6ddeb;
}
.cs-spa-retail-content.sidebar-modal.financial-instruments-modal .two-column-table li:last-child {
  border-bottom-color: #c6ddeb;
}
.cs-spa-retail-content.checksExpand .modal-dialog .nextArrow,
.cs-spa-retail-content.checksExpand .modal-dialog .prevArrow {
  top: 40%;
}
.cs-spa-retail-content.checksExpand .modal-dialog .InfoPermission {
  margin: 0 0 32px;
  padding-bottom: 42px;
  border-bottom: 1px solid #a4b2bd;
}
.cs-spa-retail-content.checksExpand .modal-dialog .checkPictureBox {
  margin-bottom: 32px;
}
.cs-spa-retail-content.checksExpand .modal-dialog .checkPictureBox img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.cs-spa-retail-content.checksExpand .modal-dialog .checkPictureBox .errorImageMessage {
  text-align: center;
}
.cs-spa-retail-content.checksExpand .modal-dialog .link-bottom {
  font-size: 16px;
}
.cs-spa-retail-content.checksExpand .modal-dialog .error-msg {
  color: #e25c5c;
}
.cs-spa-retail-content.checksExpand .check-front-img {
  text-align: right;
}
.cs-spa-retail-content.checksExpand .postponed-checks-head:nth-of-type(1) {
  margin-bottom: 32px;
}
.cs-spa-retail-content .modal-dialog .contentOsh .modal-infoPermission-head {
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 32px;
}
.cs-spa-retail-content .modal-dialog .contentOsh .modal-infoPermission-head:last-of-type {
  margin-bottom: 0;
}
.cs-spa-retail-content.discount-email-modal,
.cs-spa-retail-content.discount-email-modal-he,
.cs-spa-retail-content.discount-email-modal-en {
  text-align: center;
}
.cs-spa-retail-content.discount-email-modal .modal-dialog,
.cs-spa-retail-content.discount-email-modal-he .modal-dialog,
.cs-spa-retail-content.discount-email-modal-en .modal-dialog {
  display: inline-block;
  margin: 72px auto 42px;
}
.cs-spa-retail-content.discount-email-modal .modal-dialog .letterModalContent,
.cs-spa-retail-content.discount-email-modal-he .modal-dialog .letterModalContent,
.cs-spa-retail-content.discount-email-modal-en .modal-dialog .letterModalContent {
  padding: 32px 0;
  background-color: #ffffff;
}
.cs-spa-retail-content.discount-email-modal .modal-dialog .letterModalContent .letterHeader,
.cs-spa-retail-content.discount-email-modal-he .modal-dialog .letterModalContent .letterHeader,
.cs-spa-retail-content.discount-email-modal-en .modal-dialog .letterModalContent .letterHeader {
  display: flex;
  justify-content: space-between;
}
.cs-spa-retail-content.discount-email-modal .modal-dialog .letterModalContent .letterHeader .letterInfo,
.cs-spa-retail-content.discount-email-modal-he .modal-dialog .letterModalContent .letterHeader .letterInfo,
.cs-spa-retail-content.discount-email-modal-en .modal-dialog .letterModalContent .letterHeader .letterInfo {
  padding-left: 0;
  padding-right: 0;
}
.cs-spa-retail-content.discount-email-modal .modal-dialog .letterModalContent .letterHeader .list-inline,
.cs-spa-retail-content.discount-email-modal-he .modal-dialog .letterModalContent .letterHeader .list-inline,
.cs-spa-retail-content.discount-email-modal-en .modal-dialog .letterModalContent .letterHeader .list-inline {
  padding: 0;
}
.cs-spa-retail-content.discount-email-modal .modal-dialog .modal-content,
.cs-spa-retail-content.discount-email-modal-he .modal-dialog .modal-content,
.cs-spa-retail-content.discount-email-modal-en .modal-dialog .modal-content {
  width: 1080px;
}
.cs-spa-retail-content.discount-email-modal .email-modal,
.cs-spa-retail-content.discount-email-modal-he .email-modal,
.cs-spa-retail-content.discount-email-modal-en .email-modal {
  padding: 0 50px;
}
.cs-spa-retail-content.discount-email-modal .general-btn,
.cs-spa-retail-content.discount-email-modal-he .general-btn,
.cs-spa-retail-content.discount-email-modal-en .general-btn {
  left: 50%;
  bottom: 0;
  width: 23vw;
  position: absolute;
  transform: translate(-50%, 50%);
}
.cs-spa-retail-content.discount-email-modal .general-btn:hover,
.cs-spa-retail-content.discount-email-modal-he .general-btn:hover,
.cs-spa-retail-content.discount-email-modal-en .general-btn:hover {
  color: #ffffff;
}
.cs-spa-retail-content.discount-email-modal .letterContent,
.cs-spa-retail-content.discount-email-modal-he .letterContent,
.cs-spa-retail-content.discount-email-modal-en .letterContent {
  height: 369px;
  padding: 28px;
  margin-top: 24px;
  text-align: right;
  overflow-y: scroll;
  box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.25);
}
.cs-spa-retail-content.discount-email-modal .letterInfo h2,
.cs-spa-retail-content.discount-email-modal-he .letterInfo h2,
.cs-spa-retail-content.discount-email-modal-en .letterInfo h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: #4bc87d;
}
.cs-spa-retail-content.discount-email-modal .letterInfo p,
.cs-spa-retail-content.discount-email-modal-he .letterInfo p,
.cs-spa-retail-content.discount-email-modal-en .letterInfo p {
  color: #7d91a1;
}
.cs-spa-retail-content.discount-email-modal .letterModalIcons,
.cs-spa-retail-content.discount-email-modal-he .letterModalIcons,
.cs-spa-retail-content.discount-email-modal-en .letterModalIcons {
  text-align: left;
}
.cs-spa-retail-content.discount-email-modal .letterModalIcons a:last-child,
.cs-spa-retail-content.discount-email-modal-he .letterModalIcons a:last-child,
.cs-spa-retail-content.discount-email-modal-en .letterModalIcons a:last-child {
  margin-right: 16px;
}
.cs-spa-retail-content.discount-email-modal .commonBtn,
.cs-spa-retail-content.discount-email-modal-he .commonBtn,
.cs-spa-retail-content.discount-email-modal-en .commonBtn {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%);
}
.cs-spa-retail-content.discount-email-modal .generalFooter .footerMessageComponent h4,
.cs-spa-retail-content.discount-email-modal-he .generalFooter .footerMessageComponent h4,
.cs-spa-retail-content.discount-email-modal-en .generalFooter .footerMessageComponent h4 {
  font-size: 1.4rem;
}
.cs-spa-retail-content.discount-email-modal-he .letterContent {
  direction: rtl;
  text-align: right;
}
.cs-spa-retail-content.discount-email-modal-he .letterContent.ltr__bypass {
  direction: ltr;
}
.cs-spa-retail-content.discount-email-modal-en .modal-dialog .modal-content {
  text-align: left !important;
}
.cs-spa-retail-content.discount-email-modal-en .letterContent {
  text-align: right;
}
.cs-spa-retail-content.topbar-modal .popupHeaderItem .currency_symbol {
  font-size: 75%;
  margin-right: 4px;
}
.cs-spa-retail-content.topbar-modal .btnClose {
  top: -60px;
  right: -19px;
}
.cs-spa-retail-content.topbar-modal .topbar {
  width: auto;
  margin: 0 42px;
}
.cs-spa-retail-content.topbar-modal .modal-dialog {
  width: auto;
  max-width: 1124px;
  margin-bottom: 36px;
}
.cs-spa-retail-content.topbar-modal .modal-dialog .modal-content {
  width: 100%;
  border-radius: 0;
}
.cs-spa-retail-content.topbar-modal .modal-dialog .nextArrow,
.cs-spa-retail-content.topbar-modal .modal-dialog .prevArrow {
  top: 50%;
  transform: translateY(-50%);
}
.cs-spa-retail-content.topbar-modal .modal-dialog .checkPictureBox img {
  width: 397px;
  height: 182px;
}
.cs-spa-retail-content.topbar-modal .modal-dialog .checkPictureBox .checkImageSmall {
  width: 238px;
  height: 108px;
}
.cs-spa-retail-content.topbar-modal .modal-dialog .checkPictureBox .turnCheckBtn {
  top: 160px;
}
.cs-spa-retail-content.topbar-modal .modal-dialog .maxCheckBtn {
  top: 90%;
}
.cs-spa-retail-content.topbar-modal .modal-dialog .expansionsFooter {
  margin: 0;
}
.cs-spa-retail-content.creditCardInOsh .modal-content {
  width: 1060px;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog {
  max-width: 1124px;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .general-btn {
  margin-top: 32px;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .containerError {
  width: 620px;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .containerError p {
  font-size: 1.8rem;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-header {
  padding: 30px;
  border-bottom: none;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-header .card-limit-text p:first-child {
  font-weight: 700;
  font-size: 2.4rem;
  color: #4bc87d;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-header .card-limit-text p:last-child {
  font-weight: 400;
  font-size: 1.8rem;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-header .card-limit-icon {
  width: 40px;
  height: 40px;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-header .card-limit-icon img {
  width: 35px;
  height: 27px;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-header .creditLimitDate {
  margin-top: 5px;
  color: #6e7685;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-header .creditLimitDate .creditLimitInfo {
  font-weight: 400;
  font-size: 2.2rem;
  font-family: 'Josefin Sans', 'Rubik';
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-header .creditLimitDate .creditLimitInfo small {
  font-size: 70%;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body {
  padding: 0;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body .headerCreditLimit {
  font-weight: 700;
  text-align: center;
  color: #4bc87d;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table thead {
  color: #4bc87d;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table thead tr th {
  width: 20%;
  font-weight: 400;
  color: #4bc87d;
  border-top: 1px solid #f1f1f1;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table thead tr th:first-child {
  padding-top: 10px;
  padding-right: 35px;
  padding-bottom: 10px;
  padding-left: 0;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table thead tr th:nth-child(2) {
  padding-left: 160px;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table thead tr th:last-child {
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table tbody tr td {
  width: 20%;
  font-weight: 400;
  border-bottom: 1px solid #f1f1f1;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table tbody tr td.creditCardlimitOshTD {
  border: none;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table tbody tr td:first-child {
  padding-top: 10px;
  padding-right: 35px;
  padding-bottom: 10px;
  padding-left: 0;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table tbody tr td:last-child {
  padding: 0;
  display: table-cell;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-footer {
  border-top: none;
  margin-top: 25px;
  text-align: right;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-footer .btnCancelCreditLimit {
  width: 186px;
  height: 36px;
  display: block;
  margin: 0 auto;
  color: #ffffff;
  border-radius: 50px;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-footer .textFooterCreditLimit {
  margin-top: 70px;
  color: #7d91a1;
  margin-right: 20px;
  display: inline-block;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-footer .burned_messages_header {
  text-decoration: underline;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}
.cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal.creditCardlimitModalError {
  height: 221px;
  padding: 24px;
}
.cs-spa-retail-content .checkModalMessage {
  max-width: 510px;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  margin: 40px auto;
  position: relative;
  text-align: center;
  padding: 45px;
  direction: rtl;
}
.cs-spa-retail-content .checkModalMessage.statusCheck .btnContinue {
  margin-top: 30px;
}
.cs-spa-retail-content .checkModalMessage .title {
  color: #4bc87d;
  font-size: 20px;
  padding-bottom: 15px;
}
.cs-spa-retail-content .checkModalMessage .checksContinueAfter {
  padding: 15px 0px;
  text-align: center;
  display: block;
}
.cs-spa-retail-content .checkModalMessage .checkStatusMessage {
  color: #7d91a1;
}
.cs-spa-retail-content .checkModalMessage .checkStatusMessage.v2 {
  margin-bottom: 25px;
}
.cs-spa-retail-content .checkModalMessage .btnContent {
  padding-top: 15px;
}
.cs-spa-retail-content .checkModalMessage .btnContinue {
  width: 86px;
}
.cs-spa-retail-content .alertModalMessage {
  max-width: 626px;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  margin: 40px auto;
  position: relative;
  text-align: center;
  padding: 45px;
  direction: rtl;
}
.cs-spa-retail-content .alertModalMessage.upgraded {
  margin: 0;
}
.cs-spa-retail-content .alertModalMessage.statusCheck .btnContinue {
  margin-top: 30px;
}
.cs-spa-retail-content .alertModalMessage .title {
  color: #4bc87d;
  font-size: 20px;
  padding-bottom: 15px;
}
.cs-spa-retail-content .alertModalMessage .checksContinueAfter {
  padding: 15px 0px;
  text-align: center;
  display: block;
}
.cs-spa-retail-content .alertModalMessage .checkStatusMessage {
  color: #7d91a1;
}
.cs-spa-retail-content .alertModalMessage .checkStatusMessage.v2 {
  margin-bottom: 25px;
}
.cs-spa-retail-content .alertModalMessage .btnContent {
  padding-top: 15px;
}
.cs-spa-retail-content .alertModalMessage .btnContinue {
  padding-right: 20px;
  padding-left: 20px;
}
.cs-spa-retail-content .alertModalMessageInWiz {
  max-width: 620px;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  position: relative;
  text-align: center;
  padding: 75px 65px 75px 65px;
  direction: rtl;
}
.cs-spa-retail-content .alertModalMessageInWiz.statusCheck .btnContinue {
  margin-top: 30px;
}
.cs-spa-retail-content .alertModalMessageInWiz .title {
  color: #4bc87d;
  font-size: 20px;
  padding-bottom: 15px;
}
.cs-spa-retail-content .alertModalMessageInWiz .checksContinueAfter {
  padding: 15px 0px;
  text-align: center;
  display: block;
}
.cs-spa-retail-content .alertModalMessageInWiz .checkStatusMessage {
  color: #7d91a1;
}
.cs-spa-retail-content .alertModalMessageInWiz .checkStatusMessage.v2 {
  margin-bottom: 25px;
}
.cs-spa-retail-content .alertModalMessageInWiz .btnContent {
  padding-top: 15px;
}
.cs-spa-retail-content .alertModalMessageInWiz .btnContinue {
  width: 86px;
}
.cs-spa-retail-content .popup-error .alertModalMessageInWiz .btnContinue {
  padding-right: 0px;
  padding-left: 0px;
}
.cs-spa-retail-content .colTable {
  padding-top: 15px;
  padding-right: 50px;
  padding-bottom: 0;
  padding-left: 0;
}
.cs-spa-retail-content .colTable p {
  font-size: 2.2rem;
}
.cs-spa-retail-content .colTable p span {
  font-size: 1.4rem;
}
.cs-spa-retail-content .checkBundelExpand .colTable.checkBundle {
  width: 19.5%;
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
}
.cs-spa-retail-content .checkBundelExpand .contentOsh {
  padding: 0;
}
.cs-spa-retail-content .checkBundelExpand .infoListSection,
.cs-spa-retail-content .checkBundelExpand .titleTable {
  padding: 0 50px;
}
.cs-spa-retail-content .checkBundelExpand .checkListSection {
  padding: 0;
}
.cs-spa-retail-content .checkBundelExpand .checkListSection .checkDataHead,
.cs-spa-retail-content .checkBundelExpand .checkListSection .checkList ul {
  padding-right: 50px;
}
.cs-spa-retail-content .checkBundelExpand .checkList {
  max-height: 280px;
}
.cs-spa-retail-content .colTable + .colTable {
  border-right: 1px solid #ffffff;
  height: 100%;
}
.cs-spa-retail-content .infoSide {
  width: 256px;
  height: auto;
  color: white;
  padding: 40px 0;
  background: #76d25b;
  background: linear-gradient(to right, #76d25b 0%, #4bc87d 100%);
}
.cs-spa-retail-content .infoSide .sidebar-amount {
  font-weight: 300;
  font-size: 2.2rem;
  font-family: 'Josefin Sans';
}
.cs-spa-retail-content .infoSide .sidebar-amount span {
  display: inline-block;
}
.cs-spa-retail-content .infoSide .sidebar-amount small {
  font-size: 1.4rem;
  font-family: 'Rubik';
}
.cs-spa-retail-content .infoSide ul li {
  padding: 0;
  position: relative;
  margin-top: 44px;
  margin-right: 48px;
  margin-bottom: 0;
  margin-left: 24px;
}
.cs-spa-retail-content .infoSide ul li > p:nth-child(2) {
  font-weight: 200;
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.cs-spa-retail-content .infoSide ul li:first-child {
  margin-top: 0;
}
.cs-spa-retail-content .tabSection {
  padding-top: 10px;
  padding-right: 50px;
  padding-bottom: 0;
  padding-left: 0;
}
.cs-spa-retail-content .tabSection .activeLink {
  font-weight: 600;
  color: black;
  display: inline-block;
  border-bottom: solid 3px #4bc87d;
}
.cs-spa-retail-content .btnGuaranteesExpand {
  float: left;
}
.cs-spa-retail-content .tableSection table tr td {
  width: 50%;
  height: 45px;
  border-top: 1px solid #eef1f3;
  border-bottom: 1px solid #eef1f3;
}
.cs-spa-retail-content .containerCheck {
  padding-left: 50px;
  padding-right: 50px;
  direction: rtl;
  max-width: 1126px;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .colTableCheck {
  width: 16.66%;
  float: right;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 0;
  padding-left: 0;
}
.cs-spa-retail-content .colTableCheck span {
  font-size: 22px;
  font-family: 'Josefin Sans', sans-serif;
}
.cs-spa-retail-content .colTableCheck .wordCheck {
  font-size: 20px;
}
.cs-spa-retail-content .turnCheckBtn {
  bottom: 0;
  left: 85px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: absolute;
  background-color: #4bc87d;
}
.cs-spa-retail-content .turnCheckBtn .iconTurnCheck {
  width: 30px !important;
  height: 30px !important;
}
.cs-spa-retail-content .turnCheckBtn .iconTurnCheck.descriptionTooltip + .tooltip.top {
  margin-right: -30px;
}
.cs-spa-retail-content .checkPictureBox {
  text-align: left;
}
.cs-spa-retail-content .check-bundle-img {
  width: 50%;
  margin: 7% auto;
  position: relative;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
}
.cs-spa-retail-content .check-bundle-img img {
  width: 100%;
  display: inline-block;
}
.cs-spa-retail-content .check-fullView-btn {
  left: 0;
  bottom: 0;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  position: absolute;
  transform: translate(-50%, 50%);
  background: url(media/images/maxCheckIcon.48648cc4176fa893c637..png) #4bc87d center no-repeat;
}
.cs-spa-retail-content .colTableCheck + .colTableCheck {
  height: 100%;
  border-right: 1px solid white;
}
.cs-spa-retail-content .contentCheckExpand {
  padding-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .cs-spa-retail-content .contentCheckExpand > [class*="col"] {
    width: 100% !important;
  }
  .cs-spa-retail-content .contentCheckExpand > [class*="offset"] {
    margin: 0 !important;
  }
}
.cs-spa-retail-content .contentCheckExpand .InfoPermission {
  margin-right: 25px;
  border-bottom: none;
  display: table-row;
}
.cs-spa-retail-content .contentCheckExpand .InfoPermission li {
  display: table-cell;
  padding-left: 50px;
  padding-bottom: 30px;
}
.cs-spa-retail-content .contentCheckExpand .InfoPermission li:nth-child(2) {
  padding-left: 60px;
}
.cs-spa-retail-content .contentCheckExpand .InfoPermission li:nth-child(8) {
  padding-left: 127px;
}
.cs-spa-retail-content .contentCheckExpand .InfoPermission li:nth-child(9) {
  padding-left: 26px;
}
.cs-spa-retail-content .contentCheckExpand .InfoPermission li p {
  color: var(--list-label-color);
}
.cs-spa-retail-content .contentCheckExpand .InfoPermission span {
  font-size: 14px;
  color: hsl(var(--black));
}
@media screen and (min-width: 1024px) {
  .cs-spa-retail-content .contentCheckExpand .InfoPermission span {
    font-size: 18px;
  }
}
.cs-spa-retail-content .contentCheckExpand .InfoPermission .statusCheck {
  font-size: 16px;
}
.cs-spa-retail-content .contentCheckExpand .titleTable {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
  margin-top: 15px;
  margin-right: 25px;
}
.cs-spa-retail-content .contentCheckExpand .subTitleTable {
  color: #7d91a1;
  margin-right: 25px;
}
.cs-spa-retail-content .contentCheckExpand section table {
  margin-top: 25px;
  color: #7d91a1;
}
.cs-spa-retail-content .contentCheckExpand section table thead tr {
  border-bottom: 1px solid #ecf0f2;
}
.cs-spa-retail-content .contentCheckExpand section table thead tr th {
  font-weight: normal;
}
.cs-spa-retail-content .contentCheckExpand section table tbody tr {
  border-bottom: 1px solid #ecf0f2;
}
.cs-spa-retail-content .contentCheckExpand section table tbody tr td {
  height: 45px;
  color: #4e5664;
}
.cs-spa-retail-content.creditCardInOsh.creditCardlimitModalError .modal-dialog {
  width: 510px;
}
.cs-spa-retail-content.loansLobbyModal .modal-content {
  background: transparent;
}
.cs-spa-retail-content.loansLobbyModal .tooltipHeader + .tooltip .tooltip-inner {
  left: auto;
}
.cs-spa-retail-content .loansNameError .modal-dialog {
  width: 400px;
  height: 150px;
}
.cs-spa-retail-content .loansNameError .modal-dialog .modal-content {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.cs-spa-retail-content .deductionsModalCheck .modal-dialog {
  max-width: 1124px;
  width: auto;
}
.cs-spa-retail-content .deductionsModalCheck .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  border: none;
}
.cs-spa-retail-content .deductionsModalCheck .modal-dialog .turnCheckBtn {
  top: 115px;
  left: 30px;
}
.cs-spa-retail-content .deductionsModalCheck .modal-dialog .checkPictureBox div {
  float: left;
  margin-bottom: 40px;
  margin-left: 50px;
}
.cs-spa-retail-content .deductionsModalCheck .modal-dialog .checkPictureBox img {
  width: 300px;
}
.cs-spa-retail-content.orderModalChecks .modal-dialog {
  max-width: 1124px;
  width: auto;
}
.cs-spa-retail-content.orderModalChecks .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  border: none;
}
.cs-spa-retail-content.creditCardErrorModal .modal-dialog {
  max-width: 820px;
  width: 510px;
}
.cs-spa-retail-content.creditCardErrorModal .modal-dialog .modal-content {
  background-color: white;
  box-shadow: none;
  border-radius: 6px;
  border: none;
  height: 221px;
}
.cs-spa-retail-content.creditCardErrorModal .modal-dialog .modal-content .errorMessageEditName {
  padding-top: 70px;
}
.cs-spa-retail-content.moreInOshExpand .modal-dialog {
  max-width: 1124px;
  width: auto;
  margin-bottom: 50px;
}
.cs-spa-retail-content.moreInOshExpand .modal-dialog .modal-content {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  border: none;
}
.cs-spa-retail-content .moreInOshExpandModal .colTable {
  padding: 0;
  text-align: center;
  padding-top: 15px;
}
.cs-spa-retail-content .moreInOshExpandModal .titleTable {
  padding-top: 24px;
  margin: 24px 0 4px;
  border-top: 1px solid #a4b2bd;
}
.cs-spa-retail-content .moreInOshExpandModal .subTitleTable {
  margin: 0;
}
.cs-spa-retail-content .moreInOshExpandModal .errorInfoMessage {
  padding: 50px;
}
.cs-spa-retail-content .loansModalWindow .Early-Repayment-Btn {
  margin-top: 40px;
  text-align: center;
}
.cs-spa-retail-content .loansModalWindow .loanEditnameContainer {
  position: relative;
  display: inline-block;
}
.cs-spa-retail-content .loansModalWindow .loanEditnameContainer .loansEditName {
  border-radius: 50px;
  border: 1px solid #a4b2bd;
  background-color: #ffffff;
  width: 227px;
  height: 36px;
  padding-top: 0;
  padding-right: 15px;
  padding-bottom: 0;
  padding-left: 40px;
}
.cs-spa-retail-content .loansModalWindow .loanEditnameContainer .cancelChageName {
  font-size: 20px;
  left: -30px;
}
.cs-spa-retail-content .nextArrow,
.cs-spa-retail-content .prevArrow {
  top: 60px;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  z-index: 1050;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  cursor: pointer;
  position: absolute;
  background-size: 40%;
  background-color: white;
  background-repeat: no-repeat;
}
.cs-spa-retail-content .nextArrow:active,
.cs-spa-retail-content .prevArrow:active {
  background-color: #4bc87d;
}
.cs-spa-retail-content .nextArrow {
  left: -20px;
  background-position: left 40% top 50%;
  background-image: url(media/svgs/left-arrow.1ef426909f861c06a1f4..svg);
}
.cs-spa-retail-content .nextArrow:active {
  background-image: url(media/svgs/left-arrow-white.210c3b62c29cc344d426..svg);
}
.cs-spa-retail-content .prevArrow {
  right: -20px;
  background-position: left 60% top 50%;
  background-image: url(media/svgs/right-arrow.b99d549a4a31c83cc5fe..svg);
}
.cs-spa-retail-content .prevArrow:active {
  background-image: url(media/svgs/right-arrow-white.a40035e763f63cf076bf..svg);
}
.cs-spa-retail-content .expansionsFooter {
  padding: 0 50px;
  background-color: white;
  box-shadow: inset 0px 2px 52px 0px rgba(0, 0, 0, 0.1);
}
.cs-spa-retail-content .expansionsFooter .container-fluid {
  position: relative;
  height: 60px;
  display: flex;
}
.cs-spa-retail-content .expansionsFooter .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.cs-spa-retail-content .expansionsFooter .footerMessage {
  text-align: left;
}
.cs-spa-retail-content .expansionsFooter .list-inline {
  display: inline-flex;
  flex-direction: row;
  gap: 5px;
}
.cs-spa-retail-content .expansionsFooter .list-inline .modal-footer-contextual-icon {
  margin-left: 6px;
  display: inline-flex;
}
.cs-spa-retail-content .expansionsFooter .list-inline .modal-footer-contextual-icon img {
  width: 26px;
  height: 26px;
}
.cs-spa-retail-content .expansionsFooter .list-inline .modal-footer-contextual-icon img[src*='swift'] {
  width: 16px;
  height: 16px;
}
.cs-spa-retail-content .expansionsFooter .contextual-action-icons-16 {
  width: 16px !important;
  height: 16px !important;
}
.cs-spa-retail-content .noShadow .expansionsFooter {
  box-shadow: none;
  padding: 0;
}
.cs-spa-retail-content .noShadow .expansionsFooter .list-inline {
  display: inline-flex;
}
.cs-spa-retail-content .checkList__list {
  border-bottom: 1px solid #ebeff1;
  border-left: 1px solid #ebeff1;
}
.cs-spa-retail-content .checkList__listItem {
  height: 46px;
  line-height: 46px;
  position: relative;
}
.cs-spa-retail-content .checkList__activeRowTriangle {
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  position: absolute;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 23px solid white;
}
.cs-spa-retail-content .checkList__activeRowTriangle:before,
.cs-spa-retail-content .checkList__activeRowTriangle:after {
  content: "";
  height: 1px;
  width: 32px;
  position: absolute;
  background-color: #ebeff1;
}
.cs-spa-retail-content .checkList__activeRowTriangle:after {
  top: -12px;
  left: -27px;
  transform: rotate(45deg);
}
.cs-spa-retail-content .checkList__activeRowTriangle:before {
  bottom: -12px;
  left: -27px;
  transform: rotate(-45deg);
}
.cs-spa-retail-content .checkList--active {
  border-left: none;
  position: relative;
  background-color: #f4f9fd;
}
.cs-spa-retail-content.loansLinkModal {
  text-align: center;
}
.cs-spa-retail-content.loansLinkModal .modal-dialog {
  width: auto;
  display: inline-block;
}
.cs-spa-retail-content.loansLinkModal .modal-content {
  padding: 32px 32px 0;
}
.cs-spa-retail-content.loansLinkModal .loans-expand-title {
  font-size: 2rem;
  color: #4bc87d;
  margin-right: 16px;
  display: inline-block;
}
.cs-spa-retail-content.loansLinkModal .downloadIcon {
  text-align: left;
}
.cs-spa-retail-content.loansLinkModal .queryContent {
  height: 528px;
  padding: 12px;
  overflow-y: scroll;
  margin: 50px 24px 32px;
  box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.25);
}
.cs-spa-retail-content .queryContent {
  font-size: 12px;
  white-space: pre;
  font-family: 'miriam fixed', 'Free Mono', monospace;
}
.cs-spa-retail-content .queryContent.remove-leading-tabs {
  white-space: pre-line;
}
.cs-spa-retail-content .contentOsh {
  padding: 0 0 24px;
}
.cs-spa-retail-content .contentOsh .InfoPermission {
  margin-top: 24px;
  display: flex;
}
.cs-spa-retail-content .contentOsh .InfoPermission:first-child {
  margin-top: 0;
}
.cs-spa-retail-content .contentOsh .InfoPermission li {
  width: 160px;
  margin-left: 15px;
  display: inline-block;
}
.cs-spa-retail-content .contentOsh .InfoPermission li p {
  white-space: pre-line;
}
.cs-spa-retail-content .contentOsh .InfoPermission li:last-child {
  margin-left: 0;
}
.cs-spa-retail-content .contentOsh .InfoPermission li p {
  color: #7d91a1;
}
.cs-spa-retail-content .contentOsh .InfoPermission span {
  font-size: 16px;
  color: #6e7685;
}
.cs-spa-retail-content .contentOsh .InfoPermission span.numberTable {
  font-size: 18px;
}
.cs-spa-retail-content .contentOsh .InfoPermission .infoPermissionField-lg {
  width: 200px;
}
.cs-spa-retail-content .contentOsh h2 {
  font-size: 1.5em;
  padding-bottom: 15px;
}
.cs-spa-retail-content .contentOsh .infoTransfer {
  margin-right: 0;
}
.cs-spa-retail-content .contentOsh .transferMessage {
  color: #7d91a1;
}
.cs-spa-retail-content .contentOsh .titleTable {
  font-size: 2rem;
  font-weight: bold;
  color: #4bc87d;
  margin: 15px 0 28px;
}
.cs-spa-retail-content .contentOsh .subTitleTable {
  color: #7d91a1;
  margin-right: 25px;
}
.cs-spa-retail-content .contentOsh .tableView tbody tr td {
  cursor: pointer;
}
.cs-spa-retail-content .contentOsh .tableView tbody tr:hover td {
  background-color: #f4f9fd;
}
.cs-spa-retail-content .contentOsh .tableView tbody tr.active {
  background-color: #f4f9fd;
}
.cs-spa-retail-content .contentOsh .swiftCase {
  text-align: left;
  margin-top: 50px;
  border-top: 1px solid #a4b2bd;
}
.cs-spa-retail-content .contentOsh .swiftCase .swiftCaseBox {
  width: 740px;
  padding: 12px;
  margin: 50px auto;
  position: relative;
  box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.25);
}
.cs-spa-retail-content .contentOsh .swiftCase .swiftCaseContent {
  padding: 12px;
  border: 1px solid black;
}
.cs-spa-retail-content .contentOsh .swiftCase .downloadIcon {
  top: 0;
  left: 0;
  position: absolute;
  transform: translateX(-110%);
}
.cs-spa-retail-content .topbar {
  top: -40px;
  height: 80px;
  width: 924px;
  color: white;
  margin: 0 auto;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  position: relative;
  background: linear-gradient(90deg, #76d25b 0%, #57d27d 40%, #38d29f 100%);
}
.cs-spa-retail-content .topbar .popupHeaderItem {
  flex: 1 1 0;
  height: 100%;
  padding: 0 12px;
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.cs-spa-retail-content .topbar .popupHeaderItem:last-child {
  border-left: none;
}
.cs-spa-retail-content .topbar .popupHeaderItem .descriptionTooltip {
  font-size: 2rem;
  font-weight: 300;
  font-family: 'Josefin Sans', 'Rubik';
}
.cs-spa-retail-content.osh-transaction-modal .topbar .popupHeaderItem.flex-grow-auto,
.cs-spa-retail-content.moreInOshExpand .topbar .popupHeaderItem.flex-grow-auto {
  flex: 0 1 auto;
  -ms-flex-positive: 0;
  -ms-flex-negative: 1;
  -ms-flex-preferred-size: auto;
}
.cs-spa-retail-content .checkDataHead {
  color: #7d91a1;
  padding-bottom: 16px;
}
.cs-spa-retail-content .checkListSection-line {
  left: 0;
  top: 35px;
  height: 1px;
  width: 100%;
  position: absolute;
  background-color: #ebeff1;
}
.cs-spa-retail-content .checkDataSection ul {
  padding-right: 40px;
}
.cs-spa-retail-content .checkDataSection .checkDetails li {
  margin-top: 32px;
}
.cs-spa-retail-content .checkDataSection .checkDetails li p {
  color: #7d91a1;
}
.cs-spa-retail-content .checkDataSection .checkDetails li span {
  font-weight: 300;
  font-size: 1.8rem;
}
.cs-spa-retail-content .more-in-osh-modal {
  background-color: white;
  width: 1124px;
}
.cs-spa-retail-content .more-in-osh-modal .popupHeaderItem p {
  font-weight: 300;
  font-size: 2.2rem;
  font-family: "Josefin Sans", "Rubik";
}
.cs-spa-retail-content .more-in-osh-modal .modal-data-section {
  padding: 0 64px;
}
.cs-spa-retail-content .more-in-osh-modal .modal-data-section li {
  margin-left: 50px;
  display: inline-block;
}
.cs-spa-retail-content .more-in-osh-modal .modal-data-section li:last-child {
  margin-left: 0;
}
.cs-spa-retail-content .more-in-osh-modal .modal-data-section li p {
  color: #7d91a1;
}
.cs-spa-retail-content .more-in-osh-modal .modal-data-section li > span {
  display: block;
  font-weight: 400;
  color: #4e5664;
  font-size: 1.6rem;
  font-family: 'Josefin Sans', 'Rubik';
}
.cs-spa-retail-content .more-in-osh-modal .table-title-section {
  padding-top: 24px;
  margin: 24px 64px;
  border-top: 1px solid #a4b2bd;
}
.cs-spa-retail-content .more-in-osh-modal .generalTable > div {
  max-height: 192px;
  overflow: hidden;
}
.cs-spa-retail-content .more-in-osh-modal .generalTable .ngsb-wrap {
  padding-bottom: 47px;
  box-sizing: content-box;
}
.cs-spa-retail-content .more-in-osh-modal .errorInfoMessage {
  margin-top: 24px;
}
.cs-spa-retail-content .more-in-osh-modal.standing-order-modal .modal-data-section {
  margin-bottom: 42px;
}
.cs-spa-retail-content .more-in-osh-modal.standing-order-modal .modal-data-section li:nth-of-type(1),
.cs-spa-retail-content .more-in-osh-modal.standing-order-modal .modal-data-section li:nth-of-type(2) {
  width: 172px;
}
.cs-spa-retail-content .more-in-osh-modal.standing-order-modal .modal-data-section li:nth-of-type(3),
.cs-spa-retail-content .more-in-osh-modal.standing-order-modal .modal-data-section li:nth-of-type(4) {
  width: 136px;
}
.cs-spa-retail-content.beneficiaries-search-modal {
  text-align: center;
}
.cs-spa-retail-content.beneficiaries-search-modal + .modal-backdrop {
  /*  z-index: 2549 !important;*/
}
.cs-spa-retail-content.beneficiaries-search-modal .modal-dialog {
  display: inline-block;
}
.cs-spa-retail-content.beneficiaries-search-modal .modal-dialog .modal-content {
  width: 690px;
}
.cs-spa-retail-content.beneficiaries-search-modal .topbar {
  -ms-flex-pack: justify;
  justify-content: center;
}
.cs-spa-retail-content.beneficiaries-search-modal .tables-wrapper {
  max-height: 500px;
}
.cs-spa-retail-content.beneficiaries-search-modal .tables-wrapper .group-wrapper {
  margin-bottom: 20px;
}
.cs-spa-retail-content.beneficiaries-search-modal .tables-wrapper .group-wrapper .group-name {
  color: #3E4352;
  font-size: 20px;
  line-height: 21px;
  font-weight: lighter;
  padding: 10px 48px;
}
.cs-spa-retail-content.beneficiaries-search-modal .generalTable {
  height: auto;
  padding: 0 48px;
  box-shadow: none;
  /*overflow-y: scroll;*/
  background: transparent;
}
.cs-spa-retail-content.beneficiaries-search-modal .generalTable th {
  height: auto;
}
.cs-spa-retail-content.beneficiaries-search-modal .generalTable th:first-child,
.cs-spa-retail-content.beneficiaries-search-modal .generalTable td:first-child {
  padding-right: 30px;
}
.cs-spa-retail-content.beneficiaries-search-modal .inputFieldWrapper input,
.cs-spa-retail-content.beneficiaries-search-modal .generalDropdown {
  width: 210px;
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #ffffff;
}
.cs-spa-retail-content.beneficiaries-search-modal .btnFilter.open,
.cs-spa-retail-content.beneficiaries-search-modal .btnFilter.show {
  background-color: transparent;
}
.cs-spa-retail-content.beneficiaries-search-modal .dropdownBlock .inputFieldWrapper {
  background: url(media/images/iconSearchWhite.40e9a3d69eb934333d5d..png) right 10px top center no-repeat;
}
.cs-spa-retail-content.beneficiaries-search-modal .dropdownBlock .inputFieldWrapper .xIconClearSearch {
  background: url(media/images/iconCloseError.f8f6a7a9b08e80611088..png) center no-repeat;
}
.cs-spa-retail-content.beneficiaries-search-modal .dropdownBlock .inputFieldWrapper input {
  padding-right: 10px;
}
.cs-spa-retail-content.beneficiaries-search-modal .dropdownBlock .inputFieldWrapper input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
.cs-spa-retail-content.beneficiaries-search-modal .dropdownBlock .inputFieldWrapper input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
.cs-spa-retail-content.beneficiaries-search-modal .dropdownBlock .inputFieldWrapper input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
.cs-spa-retail-content.beneficiaries-search-modal .error-empty-search {
  height: 487px;
  align-items: center;
}
.cs-spa-retail-content.beneficiaries-search-modal .error-empty-search img {
  display: block;
  margin: 0 auto;
}
.cs-spa-retail-content.beneficiaries-search-modal .error-empty-search .general-btn {
  display: block;
  margin: 16px auto;
}
.cs-spa-retail-content.beneficiaries-search-modal .error-empty-search h2 {
  font-size: 1.6rem;
}
.cs-spa-retail-content.beneficiaries-search-modal.beneficiaries-popup .generalTable .sortable-table tr th {
  padding-right: 20px;
}
.cs-spa-retail-content.beneficiaries-search-modal.beneficiaries-popup .generalTable td:first-child:not(.permanent-icon-col) {
  padding-right: 20px;
}
.cs-spa-retail-content.beneficiaries-search-modal.beneficiaries-popup .generalTable .ngsb-scrollbar {
  right: -10px;
}
.cs-spa-retail-content.beneficiaries-search-modal.beneficiaries-popup .generalTable .permanent-icon-col {
  padding: 0;
  width: 25px;
  text-align: center;
}
.cs-spa-retail-content .loans-table.first-col-padding td:first-of-type {
  padding-right: 30px;
}
.cs-spa-retail-content.account-pages-modal .reportData {
  max-height: 500px;
}
.cs-spa-retail-content .popup-redirect {
  margin-top: 20px;
  display: block;
  position: relative;
}
.cs-spa-retail-content.modal-tooltip {
  opacity: 1;
  z-index: 3000;
  position: absolute;
}
.cs-spa-retail-content.modal-tooltip.right .tooltip-arrow {
  width: 0;
  height: 0;
  left: -3px;
  position: absolute;
  border-top-width: 8px;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 0;
  border-right-color: #4bc87d;
}
.cs-spa-retail-content.modal-tooltip .tooltip-inner {
  z-index: -1;
  width: 230px;
  position: static;
  border-radius: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 24px 20px;
  color: #4bc87d;
  background-color: white;
  border-right: none;
  border-left: 4px solid #4bc87d;
}
@media (max-width: 576px) {
  .cs-spa-retail-content.discount-email-modal,
  .cs-spa-retail-content.discount-email-modal-he,
  .cs-spa-retail-content.discount-email-modal-en {
    max-width: 100vw;
  }
  .cs-spa-retail-content.discount-email-modal .modal-dialog,
  .cs-spa-retail-content.discount-email-modal-he .modal-dialog,
  .cs-spa-retail-content.discount-email-modal-en .modal-dialog {
    margin: 0 auto 0;
  }
  .cs-spa-retail-content.discount-email-modal .modal-dialog .modal-content,
  .cs-spa-retail-content.discount-email-modal-he .modal-dialog .modal-content,
  .cs-spa-retail-content.discount-email-modal-en .modal-dialog .modal-content {
    max-width: 100vw !important;
    width: 100%;
  }
  .cs-spa-retail-content .modal-content-mail .queryContent {
    width: 360px;
  }
  .modal-open {
    padding-right: 0 !important;
  }
  .modal-open .main-dashboard-header {
    padding-right: 0 !important;
  }
  .modal-open .main-dashboard-aside {
    right: 0 !important;
  }
}
@media (max-width: 769px) {
  .cs-spa-retail-content.discountBiz-modal-general.nextSignersPopup.popupInsidePopup .modal-dialog {
    width: 100%;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-content-cardLimit .burned-msg {
    margin-top: 2vw;
    margin-bottom: 6vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-content-cardLimit .general-btn {
    width: 35vw;
    margin-top: 35vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general .beneficiaries-modal-content .modal-header-m {
    display: flex;
    justify-content: center;
  }
  .cs-spa-retail-content.discountBiz-modal-general .beneficiaries-modal-content .modal-header-m .inputFieldWrapper {
    width: 170px;
  }
  .cs-spa-retail-content.discountBiz-modal-general .beneficiaries-modal-content .modal-header-m .generalDropdown {
    color: #4e5664;
  }
  .cs-spa-retail-content.discountBiz-modal-general .beneficiaries-modal-content .generalTable {
    padding: 0px 30px;
  }
  .cs-spa-retail-content.discount-email-modal,
  .cs-spa-retail-content.discount-email-modal-he,
  .cs-spa-retail-content.discount-email-modal-en {
    max-width: 769px;
  }
  .modal-open {
    padding-right: 0 !important;
  }
  .modal-open .main-dashboard-header {
    padding-right: 0 !important;
  }
  .modal-open .main-dashboard-aside {
    right: 0 !important;
  }
}
html[lang=en] .cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-body table thead tr th:nth-child(2) {
  padding-left: 30px;
}
html[lang=en] .highcharts-data-labels.highcharts-tracker {
  visibility: hidden;
}
@media (min-width: 769px) {
  .cs-spa-retail-content.discountBiz-modal-general .modal-action-bar {
    padding: 0;
    height: auto;
    box-shadow: none;
    background: none !important;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-action-bar-mobile-business-case {
    height: 12.5vw;
    box-shadow: 0px 4px 24px 0px rgba(80, 145, 180, 0.3);
    background: -webkit-linear-gradient(70deg, #9beb59 0%, #4bc87d 100%) !important;
  }
}
@media (min-width: 769px) {
  .cs-spa-retail-content.loansLinkModal .loansLinkModalContent {
    max-width: 670px;
  }
}
@media (max-width: 992px) {
  .cs-spa-retail-content.interactive-modal.wide-modal .modal-content {
    width: auto;
  }
  .cs-spa-retail-content.interactive-modal .modal-content {
    width: auto;
  }
}
@media (min-width: 992px) {
  .cs-spa-retail-content.loansLinkModal .loansLinkModalContent {
    max-width: 840px;
  }
  .cs-spa-retail-content.discount-email-modal,
  .cs-spa-retail-content.discount-email-modal-he,
  .cs-spa-retail-content.discount-email-modal-en {
    text-align: center;
  }
  .cs-spa-retail-content.discount-email-modal .modal-dialog,
  .cs-spa-retail-content.discount-email-modal-he .modal-dialog,
  .cs-spa-retail-content.discount-email-modal-en .modal-dialog {
    display: inline-block;
    margin: 72px auto 42px;
  }
  .cs-spa-retail-content.discount-email-modal .modal-dialog .letterModalContent,
  .cs-spa-retail-content.discount-email-modal-he .modal-dialog .letterModalContent,
  .cs-spa-retail-content.discount-email-modal-en .modal-dialog .letterModalContent {
    padding: 32px 0;
    background-color: #ffffff;
  }
  .cs-spa-retail-content.discount-email-modal .modal-dialog .modal-content,
  .cs-spa-retail-content.discount-email-modal-he .modal-dialog .modal-content,
  .cs-spa-retail-content.discount-email-modal-en .modal-dialog .modal-content {
    width: 990px;
  }
  .cs-spa-retail-content.discount-email-modal .email-modal,
  .cs-spa-retail-content.discount-email-modal-he .email-modal,
  .cs-spa-retail-content.discount-email-modal-en .email-modal {
    padding: 0 50px;
  }
  .cs-spa-retail-content.discount-email-modal .general-btn,
  .cs-spa-retail-content.discount-email-modal-he .general-btn,
  .cs-spa-retail-content.discount-email-modal-en .general-btn {
    left: 50%;
    bottom: 0;
    width: 120px;
    position: absolute;
    transform: translate(-50%, 50%);
  }
  .cs-spa-retail-content.discount-email-modal .general-btn:hover,
  .cs-spa-retail-content.discount-email-modal-he .general-btn:hover,
  .cs-spa-retail-content.discount-email-modal-en .general-btn:hover {
    color: #ffffff;
  }
  .cs-spa-retail-content.discount-email-modal .letterContent,
  .cs-spa-retail-content.discount-email-modal-he .letterContent,
  .cs-spa-retail-content.discount-email-modal-en .letterContent {
    height: 369px;
    padding: 28px;
    margin-top: 24px;
    /* text-align: @default-float;*/
    overflow-y: scroll;
    box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.25);
  }
  .cs-spa-retail-content.discount-email-modal .letterInfo h2,
  .cs-spa-retail-content.discount-email-modal-he .letterInfo h2,
  .cs-spa-retail-content.discount-email-modal-en .letterInfo h2 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 8px;
    color: #4bc87d;
  }
  .cs-spa-retail-content.discount-email-modal .letterInfo p,
  .cs-spa-retail-content.discount-email-modal-he .letterInfo p,
  .cs-spa-retail-content.discount-email-modal-en .letterInfo p {
    color: #7d91a1;
  }
  .cs-spa-retail-content.discount-email-modal .letterModalIcons,
  .cs-spa-retail-content.discount-email-modal-he .letterModalIcons,
  .cs-spa-retail-content.discount-email-modal-en .letterModalIcons {
    text-align: left;
  }
  .cs-spa-retail-content.discount-email-modal .letterModalIcons a:last-child,
  .cs-spa-retail-content.discount-email-modal-he .letterModalIcons a:last-child,
  .cs-spa-retail-content.discount-email-modal-en .letterModalIcons a:last-child {
    margin-right: 16px;
  }
  .cs-spa-retail-content.discount-email-modal .commonBtn,
  .cs-spa-retail-content.discount-email-modal-he .commonBtn,
  .cs-spa-retail-content.discount-email-modal-en .commonBtn {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 50%);
  }
  .cs-spa-retail-content.discount-email-modal .generalFooter .footerMessageComponent h4,
  .cs-spa-retail-content.discount-email-modal-he .generalFooter .footerMessageComponent h4,
  .cs-spa-retail-content.discount-email-modal-en .generalFooter .footerMessageComponent h4 {
    font-size: 1.4rem;
  }
  html[lang="en"] .cs-spa-retail-content.discount-email-modal .modal-dialog .modal-content,
  html[lang="en"] .cs-spa-retail-content.discount-email-modal-he .modal-dialog .modal-content,
  html[lang="en"] .cs-spa-retail-content.discount-email-modal-en .modal-dialog .modal-content {
    width: 820px;
  }
  html[lang="en"] .cs-spa-retail-content.discountBiz-modal-general .modal-dialog .loansModalWindow .previous-silukinTab .btn-download-report {
    margin-left: 130px;
  }
  html[lang="en"] .cs-spa-retail-content.discountBiz-modal-general .modal-dialog .loansModalWindow .tableSide ul li {
    margin-right: 20px;
  }
}
@media (min-width: 1200px) {
  .cs-spa-retail-content.loansLinkModal .loansLinkModalContent {
    max-width: 1023px;
  }
}
@media (min-width: 768px) {
  .cs-spa-retail-content.creditCardInOsh .modal-dialog .creditCardlimit-modal .modal-header .creditLimitDate .creditLimitInfo {
    font-size: 1.6rem;
  }
}
@media (min-width: 1450px) {
  .cs-spa-retail-content.loansLinkModal .loansLinkModalContent {
    width: 1250px;
  }
  .cs-spa-retail-content.loansLinkModal .loansLinkModalContent.textModal {
    width: auto;
  }
}
@media (max-width: 768px) {
  .cs-spa-retail-content.new-recepient-modal .modal-dialog {
    width: 100%;
  }
  .cs-spa-retail-content.loansLobbyModal.discountBiz-modal-general .Early-Repayment-Btn {
    margin-top: 20px;
  }
}
@media (width: 768px) {
  .cs-spa-retail-content.new-recepient-modal .modal-dialog .general-btn {
    font-size: 20px;
    line-height: 55px;
    height: auto;
  }
  .cs-spa-retail-content.discountBiz-modal-general.transactionHistoryPopup .generalTable.generalTable--horizontalScroll .sortable-table {
    width: 1100px;
  }
  .cs-spa-retail-content.discountBiz-modal-general .beneficiaries-modal-content .modal-header-m .inputFieldWrapper {
    width: 290px;
  }
  .cs-spa-retail-content.discountBiz-modal-general .beneficiaries-modal-content .modal-header-m .inputFieldWrapper {
    font-size: 17px;
  }
  .cs-spa-retail-content.discountBiz-modal-general .beneficiaries-modal-content .modal-header-m .btnFilter .dropdown-filter-text-mobile {
    font-size: 17px;
  }
  .cs-spa-retail-content.discountBiz-modal-general .beneficiaries-modal-content .modal-header-m .btnFilter .dropdown-menu.dropdownOperation {
    font-size: 17px;
  }
  .cs-spa-retail-content.discount-email-modal .modal-dialog .modal-content,
  .cs-spa-retail-content.discount-email-modal-he .modal-dialog .modal-content,
  .cs-spa-retail-content.discount-email-modal-en .modal-dialog .modal-content {
    width: 768px;
  }
}
#savePDF .cs-spa-retail-content .infoSide .sidebar-amount,
#print .cs-spa-retail-content .infoSide .sidebar-amount,
#saveHtml .cs-spa-retail-content .infoSide .sidebar-amount {
  font-size: 14px;
  font-family: 'Rubik', sans-serif;
}
#savePDF .cs-spa-retail-content .recepients-list-table .scrollme,
#print .cs-spa-retail-content .recepients-list-table .scrollme,
#saveHtml .cs-spa-retail-content .recepients-list-table .scrollme {
  height: auto;
}
#savePDF .cs-spa-retail-content .email-modal,
#print .cs-spa-retail-content .email-modal,
#saveHtml .cs-spa-retail-content .email-modal {
  width: 900px;
}
.cs-spa-retail-content {
  /* Datepickers */
  /* Sum range dropdown */
}
.cs-spa-retail-content:not(.modal) .dropdownOperation:not([data-popper-placement='top-start']) :not([data-popper-placement='bottom-start']) {
  transform: unset !important;
}
.cs-spa-retail-content .commonDropdown {
  width: 100%;
}
.cs-spa-retail-content .commonDropdown.open .commonDropdown__button {
  border: none;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.cs-spa-retail-content .commonDropdown.open .commonDropdown__button:after {
  content: "";
  left: 5vw;
  right: 5vw;
  bottom: 0;
  height: 1px;
  display: block;
  position: absolute;
  background-color: #a4b2bd;
}
.cs-spa-retail-content .commonDropdown__button {
  width: 100%;
  height: 12vw;
  overflow: hidden;
  font-size: 2.6rem;
  line-height: 12vw;
  text-align: right;
  position: relative;
  border-radius: 50px;
  white-space: nowrap;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 17px;
  padding-left: 28px;
  text-overflow: ellipsis;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .commonDropdown__caret {
  top: 45%;
  width: 0;
  height: 0;
  left: 3vw;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #7d91a1;
}
.cs-spa-retail-content .commonDropdown__title {
  font-size: 2.8rem;
  padding-right: 6vw;
  margin-bottom: 1vw;
}
.cs-spa-retail-content .commonDropdown__menu {
  width: 100%;
  border: none;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.cs-spa-retail-content .commonDropdown__menuItem {
  padding: 0 5vw;
  font-size: 2.6rem;
  margin-bottom: 5vw;
}
.cs-spa-retail-content .commonDropdown__menuItem--first {
  margin-top: 5vw;
}
.cs-spa-retail-content .commonDropdown__menuItem--selected {
  color: #4bc87d;
}
.cs-spa-retail-content .commonDropdown__menuItemBtn {
  text-align: right;
}
.cs-spa-retail-content .commonDropdown__submitBtn {
  width: 100%;
  font-weight: 600;
  font-size: 2.8rem;
  height: 10vw;
  line-height: 10vw;
  position: relative;
  color: #4bc87d;
  text-align: center;
}
.cs-spa-retail-content .commonDropdown__submitBtn:after {
  content: "";
  top: 0;
  left: 5vw;
  right: 5vw;
  height: 1px;
  display: block;
  position: absolute;
  background-color: #a4b2bd;
}
.cs-spa-retail-content .summaryForeignTableDropdown .dropdown-menu .spaceLinks a,
.cs-spa-retail-content .summaryForeignTableDropdown .dropdown-toggle-text,
.cs-spa-retail-content .summaryForeignTableDropdown .caretIcon {
  color: #000000;
}
.cs-spa-retail-content .dropdown-ellipsis-text {
  max-width: 100%;
  display: inline-block;
}
.cs-spa-retail-content .dropdown-ellipsis-text .descriptionTooltip {
  display: inline;
}
.cs-spa-retail-content .native-dropdown-wrapper {
  border-radius: 50px;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .native-dropdown {
  width: 100%;
  border: none;
  height: 36px;
  padding: 0 5vw;
  border-radius: 50px;
  visibility: visible;
  background-color: white;
  appearance: none;
}
.cs-spa-retail-content .generalDropdown {
  height: 36px;
  font-size: 1.4rem;
  text-align: right;
  color: #000000;
  position: relative;
  border-radius: 50px;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 24px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .generalDropdown .caretIcon {
  top: 15px;
  width: 0;
  height: 0;
  left: 15px;
  position: absolute;
  border-top: 4px solid;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.cs-spa-retail-content .generalDropdown .iconDate {
  vertical-align: text-bottom;
}
.cs-spa-retail-content .generalDropdown .min-width-80 {
  min-width: 80px;
  display: inline-block;
}
.cs-spa-retail-content .inputFieldWrapper {
  position: relative;
}
.cs-spa-retail-content .inputFieldWrapper input {
  height: 36px;
  width: 192px;
  padding: 0 12px;
  border-radius: 50px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .inputFieldWrapper .tf-error {
  padding: 0;
  width: 100%;
  position: absolute;
  text-align: center;
}
.cs-spa-retail-content .inputFieldWrapper .invalidAmountInput {
  border: red 1px solid;
}
.cs-spa-retail-content .inputFieldWrapper .xIconClearSearch {
  background: url(media/images/iconClearSearch.a544fa1df5ec5922931e..png) center no-repeat;
}
.cs-spa-retail-content .inputFieldWrapper .xIconClearSearch:after {
  display: none;
}
.cs-spa-retail-content .inputFieldWrapper.transaction-description input {
  width: 306px;
}
.cs-spa-retail-content .inputFieldWrapper.free-search {
  background: url(media/images/iconSearchGold.86d9b854cc0f0b316f24..png) no-repeat right 0 top 8px;
}
.cs-spa-retail-content .inputFieldWrapper.free-search input {
  padding-right: 28px;
  background-color: transparent;
}
.cs-spa-retail-content input.generalDropdown + .caretIcon {
  top: 20px;
  width: 0;
  height: 0;
  left: 15px;
  position: absolute;
  border-top: 4px solid;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.cs-spa-retail-content .frameless-dropdown .generalDropdown {
  border: none;
  padding-top: 10px;
  background-color: transparent;
}
.cs-spa-retail-content .dropdownBlock {
  display: inline-block;
}
.cs-spa-retail-content .dropdownBlock > p {
  text-align: center;
  margin-bottom: 4px;
}
.cs-spa-retail-content .dropdownBlock .input-group {
  display: inline-block;
}
.cs-spa-retail-content .dropdownBlock .generalDropdown {
  text-align: right;
}
.cs-spa-retail-content .dropdownBlock .generalDropdown .dropdown-toggle-text:after {
  display: none;
}
.cs-spa-retail-content .dropdownBlock .inputFieldWrapper input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #7d91a1;
}
.cs-spa-retail-content .dropdownBlock .inputFieldWrapper input::-moz-placeholder {
  /* Firefox 19+ */
  color: #7d91a1;
}
.cs-spa-retail-content .dropdownBlock .inputFieldWrapper input:-ms-input-placeholder {
  /* IE 10+ */
  color: #7d91a1;
}
.cs-spa-retail-content .dropdownBlock.dropdownBlockLarge .generalDropdown {
  min-width: 170px;
}
.cs-spa-retail-content .dropdownBlock.dropdownBlockLarge .inputFieldWrapper input {
  min-width: 170px;
}
.cs-spa-retail-content .dropdown-menu > li > a {
  white-space: normal;
}
.cs-spa-retail-content .inner-dropdown {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #ebf2f8;
}
.cs-spa-retail-content .inner-dropdown .generalDropdown {
  width: 100%;
  color: #000000;
  background-color: #ebf2f8;
}
.cs-spa-retail-content .inner-dropdown .generalDropdown:after {
  display: none;
}
.cs-spa-retail-content .inner-dropdown .generalDropdown .caretIcon {
  border-right: 4px solid #000000;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.cs-spa-retail-content .inner-dropdown .dropMonth .spaceLinks {
  margin: 20px 0;
  padding-right: 42px;
}
.cs-spa-retail-content .inner-dropdown .dropMonth .spaceLinks:hover {
  color: #4bc87d;
}
.cs-spa-retail-content .inner-dropdown .dropMonth .spaceLinks span {
  color: #000000;
}
.cs-spa-retail-content .inner-dropdown .dropMonth .selectYear {
  font-weight: 500;
  color: #000000;
  padding-right: 28px;
}
.cs-spa-retail-content .inner-dropdown .dropdown-menu {
  max-height: 232px;
}
.cs-spa-retail-content .inner-dropdown:hover .dropdown-menu {
  float: none;
  border: none;
  display: block;
  min-width: 100%;
  position: static;
  background-color: #f4f9fd;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.cs-spa-retail-content .inner-dropdown:hover .dropdown-menu li {
  width: 100%;
}
.cs-spa-retail-content .inner-dropdown:hover .caretIcon {
  border-top: 4px solid #92abbb;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.cs-spa-retail-content .dropdown-toggle-text {
  min-width: 106px;
  position: relative;
  display: inline-block;
}
.cs-spa-retail-content .dropdown-toggle-text.dropdown-ellipsis-text {
  position: static;
}
.cs-spa-retail-content .dropdown-menu .spaceLinks {
  display: flex;
  cursor: pointer;
}
.cs-spa-retail-content .dropdown-menu .spaceLinks:first-child {
  padding-top: 0;
}
.cs-spa-retail-content .dropdown-menu .spaceLinks.checkbox-wrapper {
  margin: 0 18px 12px;
}
.cs-spa-retail-content .dropdown-menu .spaceLinks.checkbox-wrapper label {
  margin-right: 6px;
}
.cs-spa-retail-content .dropdown-menu .spaceLinks a,
.cs-spa-retail-content .dropdown-menu .spaceLinks .spacelink {
  width: 100%;
  padding: 10px 15px;
  color: #000000;
}
.cs-spa-retail-content .dropdown-menu li a:hover,
.cs-spa-retail-content .dropdown-menu li a:focus {
  background: none;
  color: #4bc87d;
}
.cs-spa-retail-content .dropdown-menu .dropdown-approve-btn {
  padding: 0 10%;
}
.cs-spa-retail-content .dropdown-menu .dropdown-approve-btn button {
  width: 100%;
  padding: 8px 0;
  font-weight: 600;
  color: #4bc87d;
  position: relative;
  border-top: 1px solid #a4b2bd;
}
.cs-spa-retail-content .btnFilter.open,
.cs-spa-retail-content .btnFilter.show {
  opacity: 1;
  border: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 1000;
}
.cs-spa-retail-content .btnFilter.open .generalDropdown,
.cs-spa-retail-content .btnFilter.show .generalDropdown {
  box-shadow: none;
  border-color: transparent;
}
.cs-spa-retail-content .btnFilter.open .generalDropdown:after,
.cs-spa-retail-content .btnFilter.show .generalDropdown:after {
  visibility: visible;
}
.cs-spa-retail-content .btnFilter.open.open-empty .dropdownOperation,
.cs-spa-retail-content .btnFilter.show.open-empty .dropdownOperation {
  padding: 0;
}
.cs-spa-retail-content .btnFilter.open .dropdownOperation,
.cs-spa-retail-content .btnFilter.show .dropdownOperation {
  width: 100%;
  z-index: 11;
  border: none;
  min-width: 0;
  padding: 15px 0;
  cursor: pointer;
  position: absolute;
  background-color: white;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
}
.cs-spa-retail-content .btnFilter.open .dropdownOperation.width__bypass,
.cs-spa-retail-content .btnFilter.show .dropdownOperation.width__bypass {
  width: max-content;
}
.cs-spa-retail-content .btnFilter.open .dropdownOperation.scroll-bar,
.cs-spa-retail-content .btnFilter.show .dropdownOperation.scroll-bar {
  max-height: 284px;
  overflow-y: auto;
}
.cs-spa-retail-content .btnFilter.open .dropdownOperation.inner-dropdown-wrapper,
.cs-spa-retail-content .btnFilter.show .dropdownOperation.inner-dropdown-wrapper {
  padding-bottom: 0;
  max-height: 1000px;
}
.cs-spa-retail-content .btnFilter.open .dropdownOperation .spaceLinks div,
.cs-spa-retail-content .btnFilter.show .dropdownOperation .spaceLinks div {
  padding: 0;
}
.cs-spa-retail-content .btnFilter.open .dropdown-menu-multiselect.dropdownOperation,
.cs-spa-retail-content .btnFilter.show .dropdown-menu-multiselect.dropdownOperation {
  padding-bottom: 0;
}
.cs-spa-retail-content .limited-height-dropdown {
  max-height: 284px;
}
.cs-spa-retail-content .limited-height-dropdown--sm {
  max-height: 200px;
}
.cs-spa-retail-content .doubleDatepicker {
  position: relative;
  border-radius: 50px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .doubleDatepicker > .doubleDatepicker {
  border: 0px;
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .cs-spa-retail-content .doubleDatepicker .datepickerDropdown {
    width: 40%;
  }
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown .uib-datepicker-popup.dropdown-menu {
  min-width: 160px;
  border-radius: 20px;
  top: 37px !important;
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown .caretDate {
  left: 10px;
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown input {
  border: none;
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown input.btnDateFromOpen,
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown input.btnDateToOpen {
  border: none;
  box-shadow: none;
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown.fromDate input {
  padding: 0;
  width: 124px;
  text-align: left;
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown.fromDate input.btnDateFromOpen {
  border-top-left-radius: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown.toDate .uib-datepicker-popup.dropdown-menu {
  right: auto;
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown.toDate input {
  width: 126px;
  margin-left: 40px;
  text-align: center;
}
.cs-spa-retail-content .doubleDatepicker .datepickerDropdown.toDate input.btnDateToOpen {
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
}
.cs-spa-retail-content .doubleDatepicker .datepickerV {
  top: 0;
  z-index: 1;
  left: -1px;
  width: 36px;
  height: 36px;
  position: absolute;
  border-radius: 100%;
  background: url(media/images/datepicker-v.8220fe6da26dc583e139..png) center center no-repeat #4bc87d;
  cursor: pointer;
}
.cs-spa-retail-content .datepickerDropdown {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .cs-spa-retail-content .datepickerDropdown {
    width: var(--datepicker-width);
  }
}
.cs-spa-retail-content .datepickerDropdown .btn {
  border-radius: 50px;
}
.cs-spa-retail-content .datepickerDropdown .dropdown-title {
  top: -24px;
  width: 100%;
  text-align: center;
  position: absolute;
}
.cs-spa-retail-content .datepickerDropdown input {
  width: var(--datepicker-width);
}
.cs-spa-retail-content .datepickerDropdown p {
  top: 50%;
  left: 50%;
  z-index: 1;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .datepickerDropdown .btnDatepicker[disabled] {
  opacity: 0.25;
  background: none;
  cursor: not-allowed;
}
.cs-spa-retail-content .datepickerDropdown .loansDatepicker {
  margin: 0;
}
.cs-spa-retail-content .datepickerDropdown .form-control {
  margin: 0;
}
.cs-spa-retail-content .datepickerDropdown .iconDate {
  top: 20%;
  right: -10px;
  position: absolute;
}
.cs-spa-retail-content .datepickerDropdown .iconDate:before {
  right: 0;
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 25px;
  position: absolute;
  background-image: url(media/images/iconDate.14770bedc2a874528173..png);
}
.cs-spa-retail-content .datepickerDropdown .caretDate {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 15px;
  color: #7d91a1;
}
.cs-spa-retail-content .datepickerDropdown .uib-datepicker-popup.dropdown-menu {
  margin: 0;
  float: none;
  width: 100%;
  padding: 5px;
  border: none;
  display: block;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.cs-spa-retail-content .datepickerDropdown thead tr th {
  position: relative;
}
.cs-spa-retail-content .datepickerDropdown thead tr .uib-left,
.cs-spa-retail-content .datepickerDropdown thead tr .uib-right {
  left: 50%;
  padding: 0;
  width: auto;
  width: 15px;
  height: 15px;
  position: absolute;
  display: inline-block;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .datepickerDropdown thead tr .uib-left .glyphicon-chevron-left,
.cs-spa-retail-content .datepickerDropdown thead tr .uib-right .glyphicon-chevron-left,
.cs-spa-retail-content .datepickerDropdown thead tr .uib-left .glyphicon-chevron-right,
.cs-spa-retail-content .datepickerDropdown thead tr .uib-right .glyphicon-chevron-right {
  width: 15px;
  height: 15px;
  display: inline-block;
  transform: rotate(180deg);
}
.cs-spa-retail-content .datepickerDropdown thead tr .uib-left .glyphicon-chevron-left:before,
.cs-spa-retail-content .datepickerDropdown thead tr .uib-right .glyphicon-chevron-left:before,
.cs-spa-retail-content .datepickerDropdown thead tr .uib-left .glyphicon-chevron-right:before,
.cs-spa-retail-content .datepickerDropdown thead tr .uib-right .glyphicon-chevron-right:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
}
.cs-spa-retail-content .datepickerDropdown thead tr .uib-left .glyphicon-chevron-left:before,
.cs-spa-retail-content .datepickerDropdown thead tr .uib-right .glyphicon-chevron-left:before {
  background-image: url(media/images/iconDateLeft.25553712ed7325f35b35..png);
}
.cs-spa-retail-content .datepickerDropdown thead tr .uib-left .glyphicon-chevron-right:before,
.cs-spa-retail-content .datepickerDropdown thead tr .uib-right .glyphicon-chevron-right:before {
  background-image: url(media/images/iconDateRight.9537212e0997755a9d3e..png);
}
.cs-spa-retail-content .datepickerDropdown thead tr button strong,
.cs-spa-retail-content .datepickerDropdown thead tr th small {
  font-size: 14px;
}
.cs-spa-retail-content .datepickerDropdown tbody .btn-sm,
.cs-spa-retail-content .datepickerDropdown tbody .btn-group-sm > .btn {
  padding: 0;
}
.cs-spa-retail-content .datepickerDropdown tbody .btn-info:active,
.cs-spa-retail-content .datepickerDropdown tbody .btn-info.active,
.cs-spa-retail-content .datepickerDropdown tbody .open > .dropdown-toggle.btn-info {
  height: 25px;
  color: #ffffff;
}
.cs-spa-retail-content .datepickerDropdown tbody .uib-month .btn-info.active,
.cs-spa-retail-content .datepickerDropdown tbody .uib-year .btn-info.active {
  color: #4e5664;
}
.cs-spa-retail-content .datepickerDropdown tbody .btn-info.active {
  position: relative;
  background-color: transparent;
}
.cs-spa-retail-content .datepickerDropdown tbody .btn-info.active:after {
  z-index: -1;
  content: "";
  height: 20px;
  width: max(20px, 100%);
  border-radius: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  background-color: #4bc87d;
}
.cs-spa-retail-content .datepickerDropdown tbody .btn-info.active:before {
  z-index: -1;
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 17px -7px black;
}
.cs-spa-retail-content #foreign-last-historical-tab .datepickerDropdown thead {
  vertical-align: middle;
}
.cs-spa-retail-content .dropdownSum .dropSum {
  margin: 0;
  float: none;
  border: none;
  width: 452px;
  height: 95px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo {
  width: 100%;
  text-align: center;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo input {
  width: 90%;
  opacity: 0.7;
  height: 36px;
  text-align: right;
  padding-right: 10px;
  border-radius: 50px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo input.invalidAmountInput {
  border: 1px solid red;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo .input-wrapper {
  margin-top: 10px;
  position: relative;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo .input-wrapper input {
  margin-top: 0;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo .input-wrapper .xIconClearSearch {
  left: 16px;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo .inputFrom {
  margin-right: 5px;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo .errorInputTo {
  color: red;
  font-size: 1.2rem;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo .inputCircleBtn {
  margin-top: 30px;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo .inputCircleBtn .circleDropSum {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: url(media/images/iconCheck.0662de3c0d07bb214557..png) center center rgba(75, 200, 125, 0.5) no-repeat;
}
.cs-spa-retail-content .dropdownSum .dropSum .inputFromTo .inputCircleBtn .circleDropSum.valid_green_btn {
  background-color: #4bc87d;
}
.cs-spa-retail-content .dropdownSum .btnSum {
  width: 145px;
  height: 36px;
  opacity: 0.7;
  text-align: right;
  color: #7d91a1;
  padding-right: 15px;
  border-radius: 50px;
  background-color: #ffffff;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .dropdownSum.open {
  z-index: 10;
  position: absolute;
  background: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.cs-spa-retail-content .dropdownSum.open .btnSum {
  border: none;
  width: 452px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.cs-spa-retail-content .more-activities-btn .dropdown-toggle-text {
  min-width: 0;
  font-size: 1.4rem;
}
.cs-spa-retail-content .more-activities-btn .dropdown-toggle-text.activeLink {
  color: black;
  font-weight: 600;
  border-bottom: 2px solid #4bc87d;
}
.cs-spa-retail-content .more-activities-btn .generalDropdown {
  height: auto;
  padding-top: 0;
  color: #4E5668;
  min-width: 185px;
  margin-top: 10px;
}
.cs-spa-retail-content .more-activities-btn .generalDropdown:after {
  display: none;
}
.cs-spa-retail-content .more-activities-btn .generalDropdown .caretIcon {
  top: 8px;
  left: -16px;
}
.cs-spa-retail-content .more-activities-btn.btnFilter.open .dropdownOperation {
  top: 30px;
}
.cs-spa-retail-content .more-actions-btn .dropdown-toggle {
  height: 100%;
  width: 100%;
}
.cs-spa-retail-content .btnDateFrom,
.cs-spa-retail-content .btnDateTo {
  height: 36px;
  max-width: 200px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .btnDateFrom.btnDateFromOpen,
.cs-spa-retail-content .btnDateTo.btnDateFromOpen,
.cs-spa-retail-content .btnDateFrom.btnDateToOpen,
.cs-spa-retail-content .btnDateTo.btnDateToOpen {
  border: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.cs-spa-retail-content .is-form-date .btnDateFrom,
.cs-spa-retail-content .is-form-date .btnDateTo {
  border: none;
  background-color: var(--colorLightBlue2);
}
.cs-spa-retail-content .is-form-date.datepickerDropdown .btn {
  border-radius: 0;
}
.cs-spa-retail-content .is-form-date.datepickerDropdown .iconDate:before {
  margin-right: 20px;
}
.cs-spa-retail-content .dropdownOperation.scroll-bar .ngsb-container {
  padding-top: 10px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .db-dropdown a {
  color: #333a46;
}
@media (min-width: 769px) {
  .cs-spa-retail-content .commonDropdown--mainHeader {
    width: 257px;
  }
  .cs-spa-retail-content .commonDropdown__menu {
    margin-top: 0;
  }
  .cs-spa-retail-content .commonDropdown__menu .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {
    width: 2px;
  }
  .cs-spa-retail-content .commonDropdown__button {
    height: 36px;
    font-size: 1.4rem;
    line-height: 36px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 32px;
  }
  .cs-spa-retail-content .commonDropdown__btnText {
    font-size: 1.4rem;
    color: #7d91a1;
  }
  .cs-spa-retail-content .commonDropdown__caret {
    top: 48%;
    left: 12px;
    border-top-width: 4px;
    border-right-width: 4px;
    border-left-width: 4px;
  }
  .cs-spa-retail-content .commonDropdown__menuItem {
    padding: 0 10px;
    font-size: 1.4rem;
    margin-bottom: 14px;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 8px;
  }
  .cs-spa-retail-content .commonDropdown__menuItem:hover .commonDropdown__menuItemBtn {
    color: #4bc87d;
  }
  .cs-spa-retail-content .commonDropdown__menuItem--first {
    margin-top: 10px;
  }
  .cs-spa-retail-content .commonDropdown__menuItemBtn {
    width: 100%;
  }
  .cs-spa-retail-content .commonDropdown__menuItemText {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .cs-spa-retail-content .commonDropdown__menu--limitedHeight {
    max-height: 284px;
  }
  .cs-spa-retail-content .uib-dropdown-open .commonDropdown--toggled .commonDropdown__button {
    border: none;
    box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .cs-spa-retail-content .uib-dropdown-open .commonDropdown__button:after {
    content: "";
    bottom: 0;
    left: 12px;
    right: 12px;
    height: 1px;
    display: block;
    position: absolute;
    background-color: #a4b2bd;
  }
  .cs-spa-retail-content .commonDropdown--defaultAccount {
    width: 224px;
  }
  .cs-spa-retail-content .commonDropdown--defaultAccount .commonDropdown__button {
    position: static;
  }
  .cs-spa-retail-content .commonDropdown__menu--defaultAccount {
    width: 224px;
  }
}
@media (max-width: 768px) {
  .cs-spa-retail-content .datepickerDropdown {
    display: flex;
    justify-content: center;
  }
}
.cs-spa-retail-content .advancedSearchGeneral {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  color: #7a89a1;
  background-color: #e7f1f9;
}
.cs-spa-retail-content .advancedSearchGeneral.advancedSearchForeingTgasView {
  height: 60px;
  padding: 21px;
}
.cs-spa-retail-content .advancedSearchGeneral .advanced-search-first-row {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.cs-spa-retail-content .advancedSearchGeneral .datepickerDropdown input {
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .advancedSearchGeneral .inputFieldWrapper input {
  border: 1px solid #a4b2bd;
  color: #000000;
}
.cs-spa-retail-content .advancedSearchGeneral .closeSearch {
  position: relative;
  top: 12px;
  width: 20px;
  height: 20px;
  right: 25px;
}
.cs-spa-retail-content .advancedSearchGeneral .closeSearch:before {
  content: "";
  background-image: url(media/images/iconCloseSearch.bc1326225a62d2d8626c..png);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
}
.cs-spa-retail-content .btnAdvancedSearchContent {
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 15px;
  border-top: 1px solid #d7e7f1;
  width: 100%;
  margin-top: 0;
}
.cs-spa-retail-content .btnAdvancedSearchContent:before,
.cs-spa-retail-content .btnAdvancedSearchContent:after {
  display: table;
  content: "";
}
.cs-spa-retail-content .btnAdvancedSearchContent:after {
  clear: both;
}
.cs-spa-retail-content .btnAdvancedSearchContent .advancedSearchBtn {
  background-color: #4bd7a8;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 80px;
  height: 36px;
  border-radius: 50px;
  color: #ffffff;
  text-align: center;
  float: left;
}
.cs-spa-retail-content .advancedSearch .icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0 rgba(18, 187, 146, 0.45);
}
.cs-spa-retail-content .advancedSearch .icon:before {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(media/images/iconSearchWhite.40e9a3d69eb934333d5d..png);
}
.cs-spa-retail-content .advancedSearch .search {
  font-weight: 400;
  margin-right: 5px;
  color: #7d91a1;
  display: inline-block;
  vertical-align: middle;
}
.cs-spa-retail-content .advanced-search-window-btn .advanced-search-btn-icon {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-left: 4px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #4bc87d;
  box-shadow: 0 9px 25px 0 rgba(75, 200, 125, 0.45);
  background: url(media/images/iconSearchWhite.40e9a3d69eb934333d5d..png) no-repeat center #4bc87d;
}
.cs-spa-retail-content .advanced-search-window-btn .advanced-search-btn-text {
  display: inline-block;
  color: #4bc87d;
  text-decoration: underline;
  font-size: 14px;
}
.cs-spa-retail-content .advanced-search-window-btn.active .advanced-search-btn-icon {
  box-shadow: none;
  background: url(media/images/iconSearchGrey.3851b64c90a9b5aa7b5e..png) no-repeat center #e7f1f9;
}
.cs-spa-retail-content .advanced-search-window-btn.add-recepient-btn .advanced-search-btn-icon {
  background: url(media/images/add-recepient-icon.4940031df50609cfb467..png) no-repeat center #4bc87d;
}
.cs-spa-retail-content .advanced-search-close-btn {
  top: 12px;
  width: 20px;
  right: 25px;
  height: 20px;
  position: relative;
  background: url(media/images/iconCloseSearch.bc1326225a62d2d8626c..png) no-repeat center;
}
.cs-spa-retail-content .advancedSearchSectionWrapper {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
}
.cs-spa-retail-content .advancedSearchSection {
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
  color: #7d91a1;
  background-color: #e7f1f9;
}
.cs-spa-retail-content .advancedSearchSection .generalDropdown {
  min-width: 120px;
}
.cs-spa-retail-content .advancedSearchSection .generalDropdown,
.cs-spa-retail-content .advancedSearchSection .dropdown-menu .spaceLinks a,
.cs-spa-retail-content .advancedSearchSection .datepickerDropdown .btn,
.cs-spa-retail-content .advancedSearchSection .inputFieldWrapper input,
.cs-spa-retail-content .advancedSearchSection .caret {
  color: #000000;
}
.cs-spa-retail-content .advancedSearchSection .row {
  margin: 0 auto;
  padding-bottom: 24px;
  text-align: center;
}
.cs-spa-retail-content .advancedSearchSection .smallDatepicker p {
  text-align: right;
  padding-right: 20px;
}
.cs-spa-retail-content .advancedSearchSection .smallDatepicker input {
  width: 120px;
}
.cs-spa-retail-content .advanced-search-transfers {
  height: auto;
}
.cs-spa-retail-content .advanced-search-transfers .btnAdvancedSearchContent {
  padding: 15px;
}
.cs-spa-retail-content .advanced-search-transfers .doubleDatepicker {
  display: inline-block;
}
.cs-spa-retail-content .advanced-search-transfers .doubleDatepicker .datepickerDropdown {
  --datepicker-width: 49%;
}
.cs-spa-retail-content .advanced-search-transfers .advanced-search-first-row {
  padding-top: 0;
}
.cs-spa-retail-content .advanced-search-transfers .advanced-search-second-row {
  padding-bottom: 24px;
}
.cs-spa-retail-content .advanced-search-foreign .datepickerDropdown input {
  width: 200px;
}
.cs-spa-retail-content .advanced-search-quotes .advanced-search-first-row {
  padding-top: 20px;
}
.cs-spa-retail-content .advanced-search-quotes .dropdownBlock {
  margin-left: 42px;
}
.cs-spa-retail-content .advanced-search-quotes .dropdownBlock:last-child {
  margin-left: 0;
}
.cs-spa-retail-content .advanced-search-quotes .dropdownOperation {
  max-height: 224px;
}
.cs-spa-retail-content .advanced-search-quotes .dropdownOperation.limited-height-dropdown {
  overflow: hidden;
}
.cs-spa-retail-content .advanced-search-query {
  padding: 20px;
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
}
.cs-spa-retail-content .advanced-tags-wrapper {
  background: #e7f1f9;
  padding: 20px;
}
.cs-spa-retail-content .advanced-tags-wrapper .remove-tag {
  position: relative;
  height: 100%;
  display: inline-block;
  width: 20px;
  color: transparent;
  cursor: pointer;
}
.cs-spa-retail-content .advanced-tags-wrapper .remove-tag:before,
.cs-spa-retail-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;
}
.cs-spa-retail-content .advanced-tags-wrapper .remove-tag:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .advanced-tags-wrapper .remove-tag:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .advanced-tags-wrapper .remove-tag.dotType {
  cursor: default;
}
.cs-spa-retail-content .advanced-tags-wrapper .remove-tag.dotType:before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .advanced-tags-wrapper .remove-tag.dotType:after {
  display: none;
}
.cs-spa-retail-content .advanced-tags-wrapper .remove-all-tags {
  color: #4bc87d;
}
.cs-spa-retail-content .advanced-tags-wrapper .tag-item {
  margin-left: 15px;
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.cs-spa-retail-content .filter-form-name {
  font-size: 1.5rem;
  padding-top: 3rem;
}
@media (max-width: 769px) {
  .cs-spa-retail-content .advanced-search-mobile {
    top: 0;
    right: 0;
    width: 81vw;
    height: 100%;
    z-index: 3000;
    position: fixed;
    background-color: white;
  }
  .cs-spa-retail-content .advanced-search-mobile .advanced-search-mobile-overlay {
    top: 0;
    bottom: 0;
    left: -19vw;
    width: 19vw;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .cs-spa-retail-content .advanced-search-mobile p {
    font-weight: 500;
    margin-left: auto;
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .advanced-search-mobile span:not(.bs-datepicker span) {
    font-size: 1.8rem;
    color: #7d91a1;
  }
  .cs-spa-retail-content .advanced-search-mobile .green-link {
    font-size: 2.5rem;
  }
  .cs-spa-retail-content .advanced-search-mobile .general-btn {
    width: 40vw;
    height: 10vw;
    bottom: 6.5vw;
    font-weight: 500;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .advanced-search-mobile .general-btn.toggle-sum-btn {
    bottom: 20vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-header,
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown-toggle,
  .cs-spa-retail-content .filter-items-list li {
    height: 17.5vw;
    padding: 0 7.5vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-header {
    box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  }
  .cs-spa-retail-content .advanced-search-mobile-header .advanced-search-close-btn {
    top: 0;
  }
  .cs-spa-retail-content .advanced-search-mobile-content {
    overflow-y: auto;
    height: calc(100vh - 40.5vw);
  }
  .cs-spa-retail-content .clear-search-icon {
    left: 0;
    width: 4vw;
    height: 4vw;
    position: absolute;
  }
  .cs-spa-retail-content .clear-search-icon:before,
  .cs-spa-retail-content .clear-search-icon:after {
    top: 50%;
    left: 50%;
    width: 4vw;
    height: 0.3vw;
    content: "";
    position: absolute;
    background-color: #7d91a1;
  }
  .cs-spa-retail-content .clear-search-icon:before {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .cs-spa-retail-content .clear-search-icon:after {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .uib-datepicker-popup.dropdown-menu {
    width: 81%;
    height: 100%;
    position: fixed;
    padding: 5.5vw 4vw 0;
    right: 0 !important;
    top: 17.5vw !important;
    left: auto !important;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .uib-datepicker-popup.dropdown-menu .uib-title strong {
    font-size: 4.2rem;
    color: #7d91a1;
    font-family: 'Rubik';
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .uib-yearpicker tbody td .btn-default,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .uib-monthpicker tbody td .btn-default {
    height: 9vw;
    width: 20vw;
    background-color: #ffffff;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .uib-yearpicker tbody td .btn-default.active span,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .uib-monthpicker tbody td .btn-default.active span {
    color: #ffffff;
    width: 9vw;
    border-radius: 100%;
    background-color: #4bc87d;
    box-shadow: 0 0 17px -7px black;
    display: block;
    width: 20vw;
    height: 8vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .uib-yearpicker tbody td .btn-default.btn-sm.active span,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .uib-monthpicker tbody td .btn-default.btn-sm.active span {
    color: #ffffff;
    width: 9vw;
    border-radius: 100%;
    background-color: #4bc87d;
    box-shadow: 0 0 17px -7px black;
    display: block;
    width: 20vw;
    height: 8vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .uib-daypicker tbody td .btn-default {
    height: 9vw;
    width: 20vw;
    background-color: #ffffff;
    width: 9vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .uib-daypicker tbody td .btn-default.active span {
    color: #ffffff;
    width: 9vw;
    border-radius: 100%;
    background-color: #4bc87d;
    box-shadow: 0 0 17px -7px black;
    display: block;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .uib-daypicker tbody td .btn-default.btn-sm.active span {
    color: #ffffff;
    width: 9vw;
    border-radius: 100%;
    background-color: #4bc87d;
    box-shadow: 0 0 17px -7px black;
    display: block;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .search-back-btn {
    width: 7vw;
    height: 7vw;
    left: 7.5vw;
    display: inline-block;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .datepicker-head {
    top: 0;
    right: 0;
    width: 81%;
    z-index: 1030;
    height: 17.5vw;
    box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
    position: fixed;
    padding-right: 5vw;
    background-color: white;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .datepicker-head p {
    font-weight: 500;
    position: static;
    transform: none;
    text-align: right;
    font-size: 2.6rem;
    line-height: 17.5vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown input {
    border: none;
    display: block;
    margin-top: 0.4vw;
    font-size: 1.5rem;
    color: #7d91a1;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown span {
    font-weight: 500;
    color: #4e5664;
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .input-group {
    width: 100%;
    height: 17.5vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .datepicker-value {
    height: 100%;
    position: relative;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .datepicker-value:after {
    content: "";
    width: 0;
    height: 0;
    left: 8vw;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    border-top: 1.5vw solid transparent;
    border-bottom: 1.5vw solid transparent;
    border-right: 1.5vw solid #7d91a1;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .datepicker-value .datepicker-value-title,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .datepicker-value input {
    position: absolute;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .datepicker-value .datepicker-value-title {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    right: 7.5vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .datepicker-value input {
    width: 100%;
    height: 100%;
    padding: 0;
    padding-inline-start: 100px;
    background-color: transparent;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown .datepicker-value .btnHelp {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    right: 21vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-right,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-left {
    width: 3.744vw;
    height: 3.744vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-right .glyphicon-chevron-right,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-left .glyphicon-chevron-right,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-right .glyphicon-chevron-left,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-left .glyphicon-chevron-left {
    width: 0;
    height: 0;
    border-top: 2.184vw solid transparent;
    border-bottom: 2.184vw solid transparent;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-right .glyphicon-chevron-right:before,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-left .glyphicon-chevron-right:before,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-right .glyphicon-chevron-left:before,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-left .glyphicon-chevron-left:before {
    display: none;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-right .glyphicon-chevron-right,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-left .glyphicon-chevron-right {
    border-left: 2.184vw solid #4bc87d;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-right .glyphicon-chevron-left,
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr .uib-left .glyphicon-chevron-left {
    border-right: 2.184vw solid #4bc87d;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown thead tr th small {
    font-weight: 500;
    font-size: 4.2rem;
    color: #7d91a1;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown tbody td span {
    font-weight: 300;
    font-size: 3.6rem;
    color: #7d91a1;
    font-family: 'Josefin Sans', 'Rubik';
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown tbody td .btn-default[disabled] {
    background: none;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown tbody td .btn-default[disabled] .text-muted {
    opacity: 0.5;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown tbody td .btn-default {
    height: auto;
    box-shadow: none;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown tbody td .btn-default:after {
    width: 20vw;
    height: 9vw;
    box-shadow: 0 0 17px -7px black;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown tbody td .btn-default.active span {
    color: #4bc87d;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown tbody td .btn-default.btn-sm:after {
    width: 9vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown tbody td .btn-default.btn-sm.active span {
    color: #ffffff;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .datepickerDropdown tbody td .btn-default.btn-info.active span {
    color: #ffffff;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown-toggle {
    width: 100%;
    text-align: right;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .filter-text {
    width: 100%;
    margin-left: auto;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .caret-icon {
    width: 0;
    height: 0;
    border-top: 1.5vw solid transparent;
    border-bottom: 1.5vw solid transparent;
    border-right: 1.5vw solid #7d91a1;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .search-back-btn {
    display: none;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .filter-items-list {
    display: none;
    overflow: auto;
    height: calc(100vh - 17.5vw);
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .filter-items-list li {
    font-weight: 400;
    color: #7d91a1;
    line-height: 17.5vw;
    padding-right: 12.5vw;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .filter-items-list li a {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .filter-items-list li.active {
    font-weight: 500;
    color: #333a46;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .filter-items-list li.active a {
    position: relative;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .filter-items-list li.active a:after {
    content: "\f00c";
    right: -5vw;
    line-height: 1rem;
    font-size: 1.8rem;
    color: #4bc87d;
    font-family: FontAwesome;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown] {
    width: 100%;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.open,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].open,
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.show,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].show {
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    position: absolute;
    background-color: white;
    display: block !important;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.open .filter-items-list,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].open .filter-items-list,
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.show .filter-items-list,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].show .filter-items-list {
    display: block;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.open .caret-icon,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].open .caret-icon,
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.show .caret-icon,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].show .caret-icon {
    display: none;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.open .filter-text span,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].open .filter-text span,
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.show .filter-text span,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].show .filter-text span {
    display: none;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.open .dropdown-toggle,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].open .dropdown-toggle,
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.show .dropdown-toggle,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].show .dropdown-toggle {
    box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.open [ngbdropdownmenu],
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].open [ngbdropdownmenu],
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.show [ngbdropdownmenu],
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].show [ngbdropdownmenu] {
    padding: 0;
    background-color: unset;
    border: none;
    box-shadow: none;
  }
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.open .search-back-btn,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].open .search-back-btn,
  .cs-spa-retail-content .advanced-search-mobile-filter .dropdown.show .search-back-btn,
  .cs-spa-retail-content .advanced-search-mobile-filter [ngbdropdown].show .search-back-btn {
    width: 7vw;
    height: 7vw;
    display: inline-block;
  }
  .cs-spa-retail-content .single-line-filter,
  .cs-spa-retail-content .advanced-search-mobile-filter,
  .cs-spa-retail-content .advanced-search-mobile-datepicker,
  .cs-spa-retail-content .advanced-search-mobile-amount li {
    border-bottom: 1px solid #a4b2bd;
  }
  .cs-spa-retail-content .single-line-filter div,
  .cs-spa-retail-content .advanced-search-mobile-datepicker div {
    height: 17.5vw;
    margin: 0 7.5vw;
    position: relative;
  }
  .cs-spa-retail-content .single-line-filter input,
  .cs-spa-retail-content .advanced-search-mobile-datepicker input {
    border: none;
    font-size: 2.6rem;
    background-color: transparent;
  }
  .cs-spa-retail-content .single-line-filter input {
    width: 100%;
  }
  .cs-spa-retail-content .advanced-search-mobile-datepicker input {
    width: 60%;
  }
  .cs-spa-retail-content .advanced-search-mobile-amount input {
    width: 100%;
    border: none;
    font-size: 2.6rem;
    padding: 0 12.5vw 0 7.5vw;
    background: transparent;
  }
  .cs-spa-retail-content .advanced-search-mobile-amount .filter-items-list {
    overflow: hidden;
  }
  .cs-spa-retail-content .advanced-search-mobile-amount .filter-items-list li {
    padding: 0;
  }
  .cs-spa-retail-content .advanced-search-mobile-amount .filter-items-list li:not(.general-btn) {
    position: relative;
  }
  .cs-spa-retail-content .advanced-search-mobile-amount .filter-items-list .color-red {
    color: red;
    border: none;
    height: auto;
    font-size: 2.4rem;
    line-height: normal;
    margin: 4vw 12.5vw 0 0;
  }
  .cs-spa-retail-content .advanced-search-mobile-amount .filter-items-list .general-btn {
    padding: 0;
    color: white;
    z-index: 1030;
    line-height: 10vw;
    border-bottom: none;
  }
  .cs-spa-retail-content .advanced-search-mobile-amount span {
    display: inline-block;
  }
  .cs-spa-retail-content .advanced-search-mobile-amount .clear-search-icon {
    top: 50%;
    left: 7.5vw;
    transform: translateY(-50%);
  }
}
.cs-spa-retail-content .flip-img {
  transform: scaleX(-1);
}
.cs-spa-retail-content .exit-site-text-en {
  vertical-align: bottom;
}
.cs-spa-retail-content .exit-site-text {
  right: -6px;
  position: relative;
}
.cs-spa-retail-content .headerActionDrawer {
  height: 62px;
  min-width: 62px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 50px;
  background-color: white;
  gap: 28px;
}
.cs-spa-retail-content .creditCards-header .infoContainer .tooltip {
  z-index: 1100;
}
.cs-spa-retail-content .main-dashboard-header .headerActions__wrapper.container-fluid {
  height: auto;
}
.cs-spa-retail-content .headerActionBtn__wrapper {
  left: 72px;
  height: 62px;
  bottom: -42px;
  direction: ltr;
  min-width: 62px;
  position: absolute;
  box-shadow: 0px 9px 25px 0px rgba(132, 155, 249, 0.45);
  border-radius: 50px;
}
.cs-spa-retail-content .headerActionBtn {
  left: 0;
  width: 62px;
  height: 62px;
  border-radius: 100%;
  position: absolute;
  background-color: white;
}
.cs-spa-retail-content .headerActionBtn__icon {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .headerActionBtn__icon--exportTools {
  width: 24px;
  height: 24px;
}
.cs-spa-retail-content .fadingElement--headerActionBtn {
  transition: all 0.1s ease;
}
.cs-spa-retail-content .headerActionBtn__icon--close {
  width: 18px;
  height: 18px;
  position: absolute;
  display: inline-block;
}
.cs-spa-retail-content .headerActionBtn__icon--close:after,
.cs-spa-retail-content .headerActionBtn__icon--close:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 3px;
  background-color: #5b77f5;
}
.cs-spa-retail-content .headerActionBtn__icon--close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .headerActionBtn__icon--close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .headerActionBtn__icon--close:after,
.cs-spa-retail-content .headerActionBtn__icon--close:before {
  border-radius: 50px;
}
.cs-spa-retail-content .headerActionDrawer__wrapper {
  z-index: -1;
  height: 62px;
  transition: all 0.45s ease-in;
}
.cs-spa-retail-content .headerActionDrawer {
  height: 62px;
  min-width: 62px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 50px;
  background-color: white;
}
.cs-spa-retail-content .headerActionDrawer--exportTools {
  min-width: 130px;
}
.cs-spa-retail-content .header-export-tools-partial {
  position: absolute;
  top: -50px;
}
.cs-spa-retail-content .header-export-tools-partial .headerActionDrawer {
  background-color: transparent;
  width: 100%;
}
.cs-spa-retail-content .header-export-tools-partial .headerActionDrawer .headerActionDrawer__item {
  margin: 0;
  padding-left: 15px;
}
.cs-spa-retail-content .headerActionDrawer__item:first-of-type {
  margin-left: 68px;
}
.cs-spa-retail-content .headerActionDrawer__item--last {
  margin-right: 20px;
}
.cs-spa-retail-content .headerActionDrawer__icon {
  width: 24px;
  height: 24px;
}
.cs-spa-retail-content .header-combos-wrapper {
  right: -351px;
  display: flex;
  position: absolute;
}
.cs-spa-retail-content .header-combos-wrapper ev-account-combo {
  position: relative;
}
.cs-spa-retail-content .header-combos-wrapper ev-account-combo div.dropdownOperation {
  min-width: 257px !important;
}
.cs-spa-retail-content .headerBackBtn {
  top: 5vw;
  right: 5vw;
  width: 7vw;
  height: 7vw;
  position: absolute;
}
.cs-spa-retail-content .accessibility-menu-icon #accessibilityIcon:focus {
  outline: 2px solid #4bc87d;
}
.cs-spa-retail-content .accessibility-menu-icon img {
  width: 26px;
  height: 26px;
  margin-bottom: 7px;
  margin-left: 3px;
}
.cs-spa-retail-content .accessibility-icon img {
  width: 18px;
  height: 18px;
}
.cs-spa-retail-content .mobileHeaderActions {
  top: 5vw;
  left: 4vw;
  z-index: 10;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: flex-end;
}
.cs-spa-retail-content .mobileHeaderActions_btn {
  margin-left: 4vw;
}
.cs-spa-retail-content .mobileHeaderActions_btn--last {
  margin-left: 0;
}
.cs-spa-retail-content .mobileHeaderActions__profileIcon {
  width: 6vw;
  height: 7vw;
}
.cs-spa-retail-content .main-dashboard-header {
  top: 0;
  left: 0;
  z-index: 20;
  right: 70px;
  position: fixed;
  padding: 20px 0 0;
  transition: height 0.2s ease-out;
  padding-bottom: 8px;
  height: var(--header-height);
  background-color: white;
  border-bottom: 2px solid #fcfcfc;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
}
@media (min-width: 1024px) {
  .cs-spa-retail-content .main-dashboard-header.cover-photo {
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom: unset;
  }
  .cs-spa-retail-content .main-dashboard-header.cover-photo.discount {
    background-image: url(media/images/d-cover-right.421157b1cc36eeed507a..png);
  }
  .cs-spa-retail-content .main-dashboard-header.cover-photo.merkantil {
    background-image: url(media/images/m-cover-right.c30f728c04d13f137b3b..png);
  }
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .main-dashboard-header .main-header {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .cs-spa-retail-content .main-dashboard-header .main-header {
    padding-top: 5px;
  }
}
.cs-spa-retail-content .main-dashboard-header .container-fluid {
  padding: 0 20px;
  height: 100%;
}
.cs-spa-retail-content .capitalMarketHomepage.affix-top .main-dashboard-header {
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
}
.cs-spa-retail-content .capitalMarketHomepage.affix-top .quickLobbyActionsButton {
  bottom: -36px;
}
.cs-spa-retail-content .capitalMarketHomepage.affix-top .quick-actions-btn.quick-actions-btn-open {
  bottom: -38px;
}
.cs-spa-retail-content .capitalMarketHomepage .main-dashboard-header {
  box-shadow: none;
  border-bottom: none;
}
@media (min-width: 1024px) {
  .cs-spa-retail-content .capitalMarketHomepage .main-dashboard-header {
    height: 70px;
  }
}
.cs-spa-retail-content .capitalMarketHomepage .quickLobbyActionsButton {
  bottom: -122px;
}
.cs-spa-retail-content .capitalMarketHomepage .quick-actions-btn.quick-actions-btn-open {
  bottom: -128px;
}
.cs-spa-retail-content .mainDashboard .line-separator {
  width: 1px;
  height: 12px;
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
  background-color: #7d91a1;
}
.cs-spa-retail-content .mainDashboard .redNegative {
  font-weight: 300;
}
.cs-spa-retail-content .mainDashboard .detailsContainer {
  position: relative;
  white-space: nowrap;
  display: inline-block;
}
.cs-spa-retail-content .mainDashboard .detailsContainer .foreignValue {
  font-size: 2rem;
  margin-bottom: 4px;
  color: #7d91a1;
}
.cs-spa-retail-content .mainDashboard .detailsContainer .foreignValue .currency_symbol.v2 {
  font-size: 17px;
}
.cs-spa-retail-content .mainDashboard .detailsContainer .cards-error {
  margin: 16px 0;
  color: #7d91a1;
}
.cs-spa-retail-content .mainDashboard .detailsContainer .cards-error span {
  display: inline-block;
  vertical-align: middle;
}
.cs-spa-retail-content .mainDashboard .detailsContainer.headerDetailsError .title {
  margin-bottom: 32px;
}
.cs-spa-retail-content .mainDashboard .detailsContainer.headerDetailsError .line {
  margin-top: 12px;
}
.cs-spa-retail-content .mainDashboard .title {
  font-size: 26px;
  color: #4bc87d;
  margin-bottom: 5px;
}
.cs-spa-retail-content .mainDashboard .number {
  margin-bottom: 10px;
  font-family: 'Josefin Sans';
  line-height: 1.1;
}
@media (min-width: 769px) {
  .cs-spa-retail-content .mainDashboard .number {
    font-size: 4.6rem;
  }
}
.cs-spa-retail-content .mainDashboard .number .integer {
  font-weight: 300;
}
@media (max-width: 769px) {
  .cs-spa-retail-content .mainDashboard .number .integer {
    font-weight: 600;
    font-size: 23px;
  }
}
@media (max-width: 769px) and (min-width: 768px) {
  .cs-spa-retail-content .mainDashboard .number .integer {
    font-size: 28px;
  }
}
.cs-spa-retail-content .mainDashboard .number .decimal_point {
  font-weight: 300;
}
@media (min-width: 769px) {
  .cs-spa-retail-content .mainDashboard .number .decimal_point {
    font-size: 2.6rem;
  }
}
.cs-spa-retail-content .mainDashboard .number .currency_symbol {
  font-weight: 300;
  font-family: 'Rubik', sans-serif;
}
@media (min-width: 769px) {
  .cs-spa-retail-content .mainDashboard .number .currency_symbol {
    font-size: 2.2rem;
  }
}
.cs-spa-retail-content .mainDashboard .line {
  color: #7d91a1;
  display: inline-block;
}
.cs-spa-retail-content .mainDashboard .line .link {
  padding: 0;
  font-weight: 500;
  color: #4bc87d;
  text-decoration: underline;
}
.cs-spa-retail-content .mainDashboard .line .link:hover {
  text-decoration: none;
}
.cs-spa-retail-content .mainDashboard .text {
  display: inline-block;
}
.cs-spa-retail-content .mainDashboard .emailsNumber {
  font-weight: 200;
  font-size: 2.2rem;
}
.cs-spa-retail-content .mainDashboard .infoContainer {
  bottom: 0;
  position: absolute;
  color: #7d91a1;
  right: calc(100% + 32px);
}
.cs-spa-retail-content .mainDashboard .infoContainer .infoContainer-sum {
  font-weight: 300;
  font-size: 2.6rem;
  font-family: 'Josefin Sans';
}
.cs-spa-retail-content .mainDashboard .infoContainer .infoContainer-sum .currency_symbol {
  font-family: "Rubik";
}
.cs-spa-retail-content .mainDashboard .infoContainer .infoContainer-text {
  font-size: 1.4rem;
}
.cs-spa-retail-content .mainDashboard .textCreditHeader {
  display: inline-block;
  color: #7d91a1;
}
.cs-spa-retail-content .mainDashboard .textContainer {
  position: relative;
  line-height: 21px;
  margin-bottom: 3px;
}
.cs-spa-retail-content .mainDashboard .creditSum {
  font-size: 2rem;
  margin-bottom: 8px;
  font-family: 'Josefin Sans';
}
.cs-spa-retail-content .mainDashboard .total-amount {
  margin: 14px 0 0;
  line-height: 4rem;
}
.cs-spa-retail-content .mainDashboard #dynamic-header {
  max-width: 420px;
}
@media (max-width: 769px) {
  .cs-spa-retail-content .mainDashboard #dynamic-header {
    max-width: unset;
  }
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .mainDashboard.header-info {
    padding-bottom: 5px;
  }
  .cs-spa-retail-content .mainDashboard .mobile-logo {
    float: left;
  }
}
.cs-spa-retail-content .side-dashboard {
  position: relative;
}
.cs-spa-retail-content .side-dashboard-bottom {
  margin-top: 4px;
  display: flex;
}
.cs-spa-retail-content .side-dashboard-bottom p {
  text-align: left;
  font-size: 1.4rem;
  color: #7d91a1;
  float: right;
}
@media (max-width: 769px) {
  .cs-spa-retail-content .side-dashboard-bottom p {
    color: white;
    float: right;
    font-size: 12px;
  }
  .cs-spa-retail-content .side-dashboard-bottom p .white-link {
    font-weight: unset;
  }
}
.cs-spa-retail-content .side-dashboard-top {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.cs-spa-retail-content .side-dashboard-top .dropdown-toggle-text {
  margin-left: 12px;
  min-width: 130px;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cs-spa-retail-content .side-dashboard-top .dropdown-toggle-text.multi-drop {
  min-width: 130px;
}
.cs-spa-retail-content .side-dashboard-top .btnFilter,
.cs-spa-retail-content .side-dashboard-top .btnGoBack {
  margin-left: 10px;
}
.cs-spa-retail-content .side-dashboard-top .menu-container {
  height: 36px;
}
.cs-spa-retail-content .side-dashboard-top .menu-container li {
  margin-left: 6px;
}
.cs-spa-retail-content .side-dashboard-top .menu-container li:last-child {
  margin-left: 0;
}
.cs-spa-retail-content .side-dashboard-top .menu-container li.profile-icon {
  width: 20px;
  position: relative;
  top: -1px;
}
.cs-spa-retail-content .side-dashboard-top .menu-container li.profile-icon img {
  height: 19px;
  width: 19px;
}
.cs-spa-retail-content .side-dashboard-top .menu-container li .green-link {
  font-weight: 500;
  text-decoration: none;
}
.cs-spa-retail-content .side-dashboard-top .menu-container li .green-link:hover {
  text-decoration: underline;
}
html[lang=en] .cs-spa-retail-content .main-dashboard-section.capitalMarketHomepage .main-dashboard-header #mainHeaderApp {
  padding: 0;
}
.mainHeaderSection {
  padding: 0 20px 0 6px !important;
}
.not-capital-market .cs-spa-retail-content .main-dashboard-header.dashboard-header + .mainMenuTabs,
.not-capital-market .cs-spa-retail-content .main-dashboard-header.mail-header + .mainMenuTabs {
  margin-top: 64px;
}
.cs-spa-sme-content .main-dashboard-section .header-container #mainHeaderApp {
  padding: 0 20px 0 6px !important;
}
.OSH_CANCEL_CHECKBOOK .checkbooks-status-step1 + #continueSection {
  display: none;
}
.OSH_CANCEL_CHECKBOOK .minimizeBtn {
  display: none;
}
.cs-spa-retail-content .plusBtn {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  background-size: 45%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #4bc87d;
  background-image: url(media/images/iconPlusChecks.aef449dbf9e8fbc06d52..png);
}
.cs-spa-retail-content .checkExamplePicture {
  margin-top: 32px;
  color: #7a89a1;
}
.cs-spa-retail-content .checksImages {
  position: relative;
}
.cs-spa-retail-content .checkPic {
  width: 100%;
  position: relative;
}
.cs-spa-retail-content .payToWrapper {
  top: 40%;
  left: 5%;
  width: 65%;
  position: absolute;
}
.cs-spa-retail-content .payToLeft,
.cs-spa-retail-content .payToLeftOrder {
  float: left;
}
.cs-spa-retail-content .payToRight,
.cs-spa-retail-content .payToRightOrder {
  float: right;
}
.cs-spa-retail-content .checkLogo {
  top: 5%;
  left: 5%;
  position: absolute;
}
.cs-spa-retail-content .checkLogo--mercantile {
  width: 100px;
  height: 40px;
}
.cs-spa-retail-content .motavPic {
  top: 13%;
  left: 30%;
  width: 15%;
  position: absolute;
  transform: rotate(-15deg);
}
.cs-spa-retail-content .noChangesChecks {
  right: 5%;
  bottom: 8%;
  width: 80px;
  height: 25px;
  padding: 2px;
  font-size: 55%;
  position: absolute;
  color: #333a46;
  border: 1px solid #333a46;
}
.cs-spa-retail-content .clientDetails {
  top: 5%;
  width: 100%;
  right: 2.5%;
  font-size: 70%;
  position: absolute;
}
.cs-spa-retail-content .clientName {
  top: 64%;
  right: 59%;
  width: 40%;
  position: absolute;
}
.cs-spa-retail-content .maxSumCheck,
.cs-spa-retail-content .maxValueCheck {
  right: 5%;
  font-size: 80%;
  position: absolute;
}
.cs-spa-retail-content .maxSumCheck {
  top: 66%;
}
.cs-spa-retail-content .maxValueCheck {
  top: 60%;
}
.cs-spa-retail-content .reproduceStepBtn {
  left: 0;
  top: -57px;
  position: absolute;
}
.cs-spa-retail-content .checkbooksOrderUnevenParts {
  display: flex;
  flex-wrap: wrap;
}
.cs-spa-retail-content .checkbooksOrderUnevenParts__checkDetails {
  width: 48%;
}
.cs-spa-retail-content .checkbooksOrderUnevenParts__fields {
  width: 52%;
  position: relative;
  padding-left: 20px;
}
.cs-spa-retail-content .checkbooksOrderUnevenParts__fields:after {
  top: 40px;
  left: 20px;
  width: 1px;
  content: '';
  height: 160px;
  position: absolute;
  display: inline-block;
  background-color: rgba(154, 179, 194, 0.2);
}
.cs-spa-retail-content .checkbookDetails {
  font-size: 1.6rem;
}
.cs-spa-retail-content .inputField__symbol {
  left: 8px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #7d91a1;
}
.cs-spa-retail-content .inputField__note {
  position: absolute;
  color: #7d91a1;
  white-space: nowrap;
}
.cs-spa-retail-content .inputField__note--bottom {
  right: 0;
  top: calc(100% + 4px);
}
.cs-spa-retail-content .inputField__note--left {
  top: 50%;
  right: calc(100% + 8px);
  transform: translateY(-50%);
}
.cs-spa-retail-content .inputField__note--top {
  right: 0;
  top: -28px;
}
.cs-spa-retail-content .clearFieldBtn {
  width: 12px;
  height: 12px;
  position: absolute;
  display: inline-block;
}
.cs-spa-retail-content .clearFieldBtn:after,
.cs-spa-retail-content .clearFieldBtn:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #7d91a1;
}
.cs-spa-retail-content .clearFieldBtn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .clearFieldBtn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .clearFieldBtn--cancelCheck {
  position: relative;
  margin-right: 15px;
}
.cs-spa-retail-content .setOfChecksField__initialCheckNumber {
  width: 260px;
}
.cs-spa-retail-content .checkListWrapper {
  width: 260px;
}
.cs-spa-retail-content .checkListWrapper--cannotCancel {
  margin-right: 164px;
}
.cs-spa-retail-content .setOfChecksField__checksRange {
  margin-right: 164px;
}
.cs-spa-retail-content .setOfChecksField__checksRange .inputFieldWrapper {
  width: 118px;
}
.cs-spa-retail-content .setOfChecksField__checksRange .circle-icon-btn {
  margin-right: 12px;
}
.cs-spa-retail-content .customScrollList {
  margin-top: 5px;
  max-height: 200px;
  position: relative;
}
.cs-spa-retail-content .customScrollList__inner {
  padding-right: 24px;
}
.cs-spa-retail-content .customScrollList__item {
  margin-bottom: 15px;
}
.cs-spa-retail-content .addCheckLink {
  color: #4bc87d;
  cursor: pointer;
}
.cs-spa-retail-content #branch-autocomplete .p-button-icon-only {
  width: auto !important;
}
@media (max-width: 769px) {
  .cs-spa-retail-content.checkPreviewModalWrap .sidebar-modal {
    padding-top: 30px;
  }
  .cs-spa-retail-content.wizard-section .checkbooks-status-step1 .generalTable td:not(.menuTool) {
    padding-right: 12px;
  }
  .cs-spa-retail-content.wizard-section .checkbooks-status-step1 .generalTable .general-btn {
    width: 100%;
    height: 8vw;
    line-height: 8vw;
    padding: 0 1vw;
  }
  .cs-spa-retail-content.wizard-section .checkbooks-status-step1 .cancelBtnCol {
    width: 50%;
  }
  .cs-spa-retail-content.checkPreviewModal.discountBiz-modal-general {
    height: 100vh;
    overflow: visible;
    background-color: transparent;
  }
  .cs-spa-retail-content.checkPreviewModal.discountBiz-modal-general .btnClose {
    top: -7vw;
    position: absolute;
  }
  .cs-spa-retail-content.checkPreviewModal.discountBiz-modal-general .modal-dialog {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
  }
  .cs-spa-retail-content .maxSumCheck,
  .cs-spa-retail-content .maxValueCheck {
    font-size: 50%;
  }
  .cs-spa-retail-content .noChangesChecks {
    bottom: 6%;
  }
  .cs-spa-retail-content .checkLogo {
    width: 20%;
  }
  .cs-spa-retail-content .clientName {
    font-size: 70%;
  }
  .cs-spa-retail-content .checkbooksOrderUnevenParts__checkDetails,
  .cs-spa-retail-content .checkbooksOrderUnevenParts__fields {
    width: 100%;
  }
  .cs-spa-retail-content .checkbooksOrderUnevenParts__fields:after {
    display: none;
  }
  .cs-spa-retail-content .checkbookDetails {
    margin-top: 10vw;
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .setOfChecksField__initialCheckNumber {
    width: 100%;
    margin-bottom: 10vw;
  }
  .cs-spa-retail-content .setOfChecksField__checksRange {
    margin-right: 0;
  }
  .cs-spa-retail-content .setOfChecksField__checksRange .inputFieldWrapper {
    width: 90%;
  }
  .cs-spa-retail-content .customScrollList {
    overflow: auto;
  }
  .cs-spa-retail-content .customScrollList::-webkit-scrollbar {
    width: 2px;
  }
  .cs-spa-retail-content .customScrollList::-webkit-scrollbar-thumb {
    background: #4bc87d;
  }
  .cs-spa-retail-content .customScrollList::-webkit-scrollbar-track {
    background: lightgray;
  }
  .cs-spa-retail-content .customScrollList__inner {
    padding-right: 0;
  }
  .cs-spa-retail-content .checkListWrapper {
    width: 100%;
  }
  .cs-spa-retail-content .checkListWrapper--cannotCancel {
    margin-right: 0;
    margin-top: 10vw;
  }
  .cs-spa-retail-content .plusBtn {
    height: 7vw;
    min-width: 7vw;
  }
  .cs-spa-retail-content .reproduceStepBtn {
    top: -30px;
  }
  .cs-spa-retail-content .someChecksCannotCancelPopup .scrollList {
    overflow: auto;
    max-height: 40vh;
    margin-bottom: 5vw;
  }
  .OSH_INVITE_CHECKBOOK .cs-spa-retail-content.wizard-section .wizardManagerStepsArea .wizTitle {
    display: table;
  }
}
@media (max-width: 1200px) {
  .cs-spa-retail-content .clientName {
    right: 61%;
    font-size: 85%;
  }
  .cs-spa-retail-content .maxValueCheck {
    top: 58%;
  }
  .cs-spa-retail-content .maxSumCheck {
    top: 65%;
  }
  .cs-spa-retail-content .maxSumCheck,
  .cs-spa-retail-content .maxValueCheck {
    right: 3%;
    font-size: 77%;
    position: absolute;
  }
}
@media (max-width: 992px) {
  .cs-spa-retail-content .payToWrapper {
    top: 38%;
  }
  .cs-spa-retail-content .clientDetails {
    font-size: 49%;
  }
  .cs-spa-retail-content .clientName {
    font-size: 69%;
    right: 59%;
  }
  .cs-spa-retail-content .maxSumCheck,
  .cs-spa-retail-content .maxValueCheck {
    font-size: 53%;
  }
  .cs-spa-retail-content .noChangesChecks {
    right: 4%;
    bottom: 5%;
  }
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea {
  width: 1124px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .stepBox .continueSection .btnContinue {
  background-color: #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .stepBox .continueSection .btnContinue.btnApprove,
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .stepBox .continueSection .btnContinue.btnApproveCircle {
  background-color: #5b77f5;
  box-shadow: 0px 9px 25px 0px rgba(132, 155, 249, 0.45);
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .stepBox .continueSection .btnContinueAndReload.btnApprove,
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .stepBox .continueSection .btnContinueAndReload.btnApproveCircle {
  background-color: #ffffff;
  color: #5b77f5;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .wizTitle {
  padding: 0;
  height: 42px;
  font-size: 3rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .checksContinueAfter {
  padding-top: 0;
  padding-right: 64px;
  padding-bottom: 15px;
  padding-left: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardHeader {
  padding: 0;
  margin-bottom: 42px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardHeader .centerArea > div {
  padding-top: 22px;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .minimizeCloseBtn {
  top: -74px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .restoreLastSession {
  /*display: none;*/
}
.discountSME-modal-wizard .modal-dialog .popUpContent .inputFieldWrapper.total-amount input.invalid-amount {
  border: 1px solid red;
}
.not-capital-market .cs-spa-retail-content.wizard-section .account-box-wrapper {
  padding: 0 1%;
}
.cs-spa-retail-content .transferMultiStep1 + #continueSection {
  display: none;
}
.cs-spa-retail-content .wizard-customScroll-dropdown {
  overflow: hidden;
  max-height: 284px;
}
.cs-spa-retail-content .step-details-row {
  margin-top: 16px;
  font-size: 1.6rem;
}
.cs-spa-retail-content .step-details-row .closeAccount-detail-value {
  word-break: break-word;
}
.cs-spa-retail-content .step-details-row > div {
  padding: 0 2%;
}
.cs-spa-retail-content .step-details-row small {
  font-size: 88%;
  color: #7d91a1;
}
.cs-spa-retail-content .step-details-row .number-wrapper {
  font-size: 2.2rem;
}
.cs-spa-retail-content .step-details-row .number-wrapper .decimal_point {
  font-size: 1.4rem;
}
.cs-spa-retail-content .editPrevData {
  position: relative;
}
.cs-spa-retail-content.wizard-section :-moz-ui-invalid {
  box-shadow: none;
}
.cs-spa-retail-content.wizard-section h1,
.cs-spa-retail-content.wizard-section h2,
.cs-spa-retail-content.wizard-section .button-header {
  font-weight: 700;
  color: #4bc87d;
}
.cs-spa-retail-content.wizard-section h1 {
  font-size: 3rem;
}
.cs-spa-retail-content.wizard-section h2 {
  font-size: 2rem;
}
.cs-spa-retail-content.wizard-section h2 .heading-comment {
  font-weight: 300;
  font-size: 1.4rem;
  color: #7d91a1;
}
.cs-spa-retail-content.wizard-section h2.extraSpacingBottom {
  margin-bottom: 14px;
}
.cs-spa-retail-content.wizard-section .caret-icon {
  float: left;
  margin-top: 10px;
}
.cs-spa-retail-content.wizard-section .wizard-textarea .xIconClearSearch {
  top: 12px;
  transform: none;
}
.cs-spa-retail-content.wizard-section .wizard-comments-textarea {
  width: 100%;
  border: none;
  height: 168px;
  display: block;
  font-size: 1.6rem;
  text-align: right;
  border-radius: 4px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 24px;
  padding-left: 32px;
  background-color: #e7f1f9;
}
.cs-spa-retail-content.wizard-section .datepicker-icon {
  left: 12px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  display: inline-block;
}
.cs-spa-retail-content.wizard-section .checkboxContainer .btn .checkboxPic {
  top: 0;
  position: relative;
}
.cs-spa-retail-content.wizard-section .mainTabsSection {
  padding: 0;
}
.cs-spa-retail-content.wizard-section .wizard-continue {
  position: relative;
}
.cs-spa-retail-content.wizard-section .wizard-continue .general-btn {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content.wizard-section #wizardTabs {
  margin-top: 24px;
}
.cs-spa-retail-content.wizard-section #wizardTabs li {
  cursor: pointer;
  margin-left: 28px;
  display: inline-block;
}
.cs-spa-retail-content.wizard-section #wizardTabs li .singleTabActive {
  font-weight: 700;
  color: #4e5664;
  border-bottom: 3px solid #4bc87d;
}
.cs-spa-retail-content.wizard-section #wizardTabs li .singleTabDisabled {
  opacity: 0.5;
  cursor: default;
}
.cs-spa-retail-content.wizard-section .immediate-trans-text {
  padding-right: 50px;
}
.cs-spa-retail-content.wizard-section .wizard-action-bar {
  height: 62px;
  padding: 0 15px;
  background-color: white;
  justify-content: flex-end;
}
.cs-spa-retail-content.wizard-section .wizard-action-bar span {
  cursor: pointer;
}
.cs-spa-retail-content.wizard-section .wizard-action-bar span.no-pointer {
  cursor: auto;
}
.cs-spa-retail-content.wizard-section .wizard-action-bar img {
  width: 26px;
  height: 26px;
  margin-left: 4px;
}
.cs-spa-retail-content.wizard-section .wizard-action-bar.start-align {
  justify-content: flex-start;
}
.cs-spa-retail-content.wizard-section .transferGoldStep1 .wizard-action-bar {
  justify-content: flex-start;
}
.cs-spa-retail-content.wizard-section .transferGoldStep1 .beneficiaries-list-btn {
  margin-right: auto;
}
.cs-spa-retail-content.wizard-section .wizard-step-section {
  padding: 24px 64px;
}
.cs-spa-retail-content.wizard-section .wizard-step-section hr {
  margin-top: 0px;
}
.cs-spa-retail-content.wizard-section .wizard-step-section.wizard-step-section-gray {
  position: relative;
  background-color: #ebf2f8;
}
.cs-spa-retail-content.wizard-section .wizard-step-section.wizard-step-section-gray:before {
  content: "";
  display: block;
  position: absolute;
  background: #f3f9fd;
  width: 100%;
  left: 0;
  top: 100%;
  height: 111px;
  z-index: 0;
}
.cs-spa-retail-content.wizard-section .wizard-step-section.wizard-step-section-gray.wizard-step-section-gray--partly {
  padding: 24px 64px;
}
.cs-spa-retail-content.wizard-section .wizard-step-section.wizard-step-section-gray.wizard-step-section-gray--partly:before {
  display: none;
}
.cs-spa-retail-content.wizard-section .wizard-form-row {
  flex-wrap: wrap;
  margin: 0 -0.5%;
  display: flex;
  align-items: flex-start;
}
.cs-spa-retail-content.wizard-section .wizard-form-row.bill-payment-detail {
  margin: 16px 0;
  gap: 20px;
}
.cs-spa-retail-content.wizard-section .wizard-form-row.wizard-form-row--extraSpacingTop {
  margin-top: 36px;
}
.cs-spa-retail-content.wizard-section .wizard-form-row.align-items-flexEnd {
  align-items: flex-end;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .dropdownBlock {
  width: 100%;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block {
  padding: 0 0.5%;
  margin-top: 8px;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .xIconClearSearch {
  width: 8px;
  height: 8px;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block:last-of-type {
  margin-left: 0;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block label {
  margin-bottom: 6px;
  color: #677b8a;
  display: inline-block;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .inputFieldWrapper input,
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .wizard-dropdown button,
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block input {
  width: 100%;
  border: none;
  height: 40px;
  font-size: 1.6rem;
  text-align: right;
  border-radius: 4px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 24px;
  background-color: #ebf2f8;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .inputFieldWrapper input.height-auto,
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .wizard-dropdown button.height-auto,
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block input.height-auto {
  height: auto;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block input[type="checkbox"] {
  width: 15px;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .wizard-dropdown button {
  padding: 0 5px;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block.invalid-input input,
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block.invalid-input .wizard-dropdown button {
  border: 1px solid red;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block button.invalid-input {
  border: 1px solid red;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block button span.transfer-type-name {
  display: inline-block;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .dropdownBlock > p {
  text-align: right;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .inputFieldWrapper.compound-input {
  direction: ltr;
  display: flex;
  justify-content: space-between;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .inputFieldWrapper.compound-input input {
  padding: 0 3px;
  width: calc(100% / 7);
}
.cs-spa-retail-content.wizard-section .wizard-form-row .inputFieldWrapper.compound-input input:last-of-type {
  margin-right: 0;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .inputFieldWrapper.compound-input.iban-input input:first-child {
  width: 10%;
  margin-left: 10%;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .inputFieldWrapper.compound-input.error {
  border: solid 1px red;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .datepickerDropdown img {
  width: 12px;
  height: 13px;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .datepickerDropdown .input-group {
  display: block;
}
.cs-spa-retail-content.wizard-section .wizard-form-row .datepickerDropdown .input-group input {
  max-width: 100%;
  padding-top: 0px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-left: 24px;
}
.cs-spa-retail-content.wizard-section .input-error-msg {
  color: red;
  display: block;
  font-size: 1.2rem;
}
.cs-spa-retail-content.wizard-section .invalid-input textarea {
  border: 1px solid red;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open.open-empty input:not(.ng-empty) {
  box-shadow: none;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open input:not(.ng-empty) {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open .ngsb-wrap .ngsb-scrollbar {
  right: -7px;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {
  width: 2px;
  min-height: 10px;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open ul,
.cs-spa-retail-content.wizard-section .wizard-dropdown.open .dropdown-menu {
  width: 100%;
  border: none;
  border-radius: 0;
  /*div {
                        padding: 0;
                    }*/
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open ul:not(ul),
.cs-spa-retail-content.wizard-section .wizard-dropdown.open .dropdown-menu:not(ul) {
  padding: 15px;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open ul li,
.cs-spa-retail-content.wizard-section .wizard-dropdown.open .dropdown-menu li {
  cursor: pointer;
  font-size: 1.6rem;
  margin-bottom: 15px;
  padding-top: 0;
  padding-right: 17px;
  padding-bottom: 0;
  padding-left: 0;
  line-height: 2.25rem;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open ul li a,
.cs-spa-retail-content.wizard-section .wizard-dropdown.open .dropdown-menu li a {
  padding: 0;
  display: block;
  color: #7d91a1;
  word-wrap: break-word;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open ul li a:focus,
.cs-spa-retail-content.wizard-section .wizard-dropdown.open .dropdown-menu li a:focus,
.cs-spa-retail-content.wizard-section .wizard-dropdown.open ul li a:hover,
.cs-spa-retail-content.wizard-section .wizard-dropdown.open .dropdown-menu li a:hover {
  color: #4bc87d;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.open .caret-icon {
  transform: rotate(180deg);
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.wizard-autocomplete:after {
  content: "";
  top: 50%;
  width: 0;
  height: 0;
  left: 12px;
  position: absolute;
  pointer-events: none;
  display: inline-block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #7d91a1;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.wizard-autocomplete.open:after {
  transform: rotate(180deg);
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.wizard-autocomplete .xIconClearSearch {
  z-index: 10;
  background-color: #e7f1f9;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.wizard-autocomplete ul {
  max-height: 240px;
  z-index: 1031;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.wizard-autocomplete ul li {
  padding-bottom: 0;
  color: #7d91a1;
  line-height: 2.5rem;
  margin-bottom: 12px;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.wizard-autocomplete ul li a {
  padding: 0;
}
.cs-spa-retail-content.wizard-section .wizard-dropdown.wizard-autocomplete ul li a:hover {
  color: #4bc87d;
  background-image: none;
}
.cs-spa-retail-content.wizard-section .wizardHeader {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
}
.cs-spa-retail-content.wizard-section .wizardHeader .container-fluid {
  height: 78px;
}
.cs-spa-retail-content.wizard-section .wizardHeader .account-combo {
  padding-right: 15px;
}
.cs-spa-retail-content.wizard-section .wizardHeader .header-data-cell {
  height: 100%;
  padding: 0 12px;
  min-width: 226px;
  flex: 0 0 auto;
  border-left: 1px solid #a4b2bd;
}
.cs-spa-retail-content.wizard-section .wizardHeader .header-data-cell:first-of-type {
  border-right: 1px solid #a4b2bd;
}
.cs-spa-retail-content.wizard-section .wizardHeader .header-data-cell img {
  margin: 0 16px;
  display: inline-block;
}
.cs-spa-retail-content.wizard-section .wizardHeader .header-data {
  color: #7d91a1;
}
.cs-spa-retail-content.wizard-section .wizardHeader .header-data p {
  font-size: 1.5rem;
}
.cs-spa-retail-content.wizard-section .wizardHeader .header-data span {
  font-size: 2.2rem;
}
.cs-spa-retail-content.wizard-section .wizardHeader .header-data .currency-symbol {
  margin-right: 8px;
}
.cs-spa-retail-content.wizard-section .process-summary {
  margin: 24px 0;
}
.cs-spa-retail-content.wizard-section .process-summary > div {
  padding: 0 12px;
  border-right: 1px solid #a4b2bd;
}
.cs-spa-retail-content.wizard-section .process-summary > div:last-of-type {
  padding: 0 12px;
  border-right: 1px solid #a4b2bd;
}
.cs-spa-retail-content.wizard-section .process-summary > div:first-of-type {
  border-right: none;
}
.cs-spa-retail-content.wizard-section .process-summary-detail {
  margin-bottom: 12px;
}
.cs-spa-retail-content.wizard-section .detail-value {
  font-size: 1.6rem;
  word-break: break-word;
  color: #333a46;
}
.cs-spa-retail-content.wizard-section .detail-title {
  color: #677b8a;
}
.cs-spa-retail-content.wizard-section .transferSingleStep3,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3,
.cs-spa-retail-content.wizard-section .transferGoldStep3,
.cs-spa-retail-content.wizard-section .wizard-process-step3,
.cs-spa-retail-content.wizard-section .generalProcessSummary {
  text-align: center;
  position: relative;
  margin-bottom: 12px;
}
.cs-spa-retail-content.wizard-section .transferSingleStep3 p,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3 p,
.cs-spa-retail-content.wizard-section .transferGoldStep3 p,
.cs-spa-retail-content.wizard-section .wizard-process-step3 p,
.cs-spa-retail-content.wizard-section .generalProcessSummary p {
  color: #7d91a1;
}
.cs-spa-retail-content.wizard-section .transferSingleStep3 p.detail-title,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3 p.detail-title,
.cs-spa-retail-content.wizard-section .transferGoldStep3 p.detail-title,
.cs-spa-retail-content.wizard-section .wizard-process-step3 p.detail-title,
.cs-spa-retail-content.wizard-section .generalProcessSummary p.detail-title {
  color: #677b8a;
}
.cs-spa-retail-content.wizard-section .transferSingleStep3 p.detail-value,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3 p.detail-value,
.cs-spa-retail-content.wizard-section .transferGoldStep3 p.detail-value,
.cs-spa-retail-content.wizard-section .wizard-process-step3 p.detail-value,
.cs-spa-retail-content.wizard-section .generalProcessSummary p.detail-value {
  color: #333a46;
}
.cs-spa-retail-content.wizard-section .transferSingleStep3 hr,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3 hr,
.cs-spa-retail-content.wizard-section .transferGoldStep3 hr,
.cs-spa-retail-content.wizard-section .wizard-process-step3 hr,
.cs-spa-retail-content.wizard-section .generalProcessSummary hr {
  width: 36px;
  margin: 16px auto;
  border-top: 2px solid #4bc87d;
}
.cs-spa-retail-content.wizard-section .transferSingleStep3 .general-btn,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3 .general-btn,
.cs-spa-retail-content.wizard-section .transferGoldStep3 .general-btn,
.cs-spa-retail-content.wizard-section .wizard-process-step3 .general-btn,
.cs-spa-retail-content.wizard-section .generalProcessSummary .general-btn {
  width: 148px;
}
.cs-spa-retail-content.wizard-section .transferSingleStep3 .process-timestamp,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3 .process-timestamp,
.cs-spa-retail-content.wizard-section .transferGoldStep3 .process-timestamp,
.cs-spa-retail-content.wizard-section .wizard-process-step3 .process-timestamp,
.cs-spa-retail-content.wizard-section .generalProcessSummary .process-timestamp {
  font-size: 2rem;
  font-family: 'Josefin Sans';
}
.cs-spa-retail-content.wizard-section .transferSingleStep3 .circle-v-btn,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3 .circle-v-btn,
.cs-spa-retail-content.wizard-section .transferGoldStep3 .circle-v-btn,
.cs-spa-retail-content.wizard-section .wizard-process-step3 .circle-v-btn,
.cs-spa-retail-content.wizard-section .generalProcessSummary .circle-v-btn {
  top: -68px;
  z-index: 1030;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.cs-spa-retail-content.wizard-section .transferSingleStep3 h2,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3 h2,
.cs-spa-retail-content.wizard-section .transferGoldStep3 h2,
.cs-spa-retail-content.wizard-section .wizard-process-step3 h2,
.cs-spa-retail-content.wizard-section .generalProcessSummary h2 {
  max-width: 650px;
  margin: 0 auto;
}
.cs-spa-retail-content.wizard-section .transferSingleStep3 h2.single-with-approval,
.cs-spa-retail-content.wizard-section .transferBetweenAccountsStep3 h2.single-with-approval,
.cs-spa-retail-content.wizard-section .transferGoldStep3 h2.single-with-approval,
.cs-spa-retail-content.wizard-section .wizard-process-step3 h2.single-with-approval,
.cs-spa-retail-content.wizard-section .generalProcessSummary h2.single-with-approval {
  max-width: 600px;
}
.cs-spa-retail-content.wizard-section .close-account-step3 h2 {
  max-width: initial;
}
.cs-spa-retail-content.wizard-section .account-boxes-container {
  margin: 0 -1%;
  flex-wrap: wrap;
}
.cs-spa-retail-content.wizard-section .account-box-wrapper {
  flex-wrap: wrap;
  display: flex;
  color: #7d91a1;
  margin-top: 16px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: 'Josefin Sans', 'Rubik';
}
.cs-spa-retail-content.wizard-section .account-box-wrapper:nth-of-type(4n) {
  margin-left: 0;
}
.cs-spa-retail-content.wizard-section .account-box-wrapper .input-error-msg {
  margin-top: 4px;
}
.cs-spa-retail-content.wizard-section .account-box {
  width: 100%;
  height: 80px;
  line-height: 2rem;
  text-align: center;
  border-radius: 10px;
  align-items: center;
  display: flex;
  justify-content: center;
  border: 1px solid #afc4d2;
}
.cs-spa-retail-content.wizard-section .account-box.invalid-input {
  border-color: red;
}
.cs-spa-retail-content.wizard-section .account-box p {
  font-size: 1.6rem;
  font-weight: 400;
}
.cs-spa-retail-content.wizard-section .account-box p span {
  font-weight: 400;
  font-size: 1.4rem;
}
.cs-spa-retail-content.wizard-section .account-box:hover,
.cs-spa-retail-content.wizard-section .account-box:focus {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  cursor: pointer;
  border-color: #4bc87d;
}
.cs-spa-retail-content.wizard-section .account-box.active {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  border-color: #4bc87d;
}
.cs-spa-retail-content.wizard-section .account-box.active p {
  color: #4bc87d;
}
.cs-spa-retail-content.wizard-section .account-box.active span {
  color: #7d91a1;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box:hover .add-circle-icon {
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  background-color: #4bc87d;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box.blurred-bottom:after {
  display: none;
  bottom: -270px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-title {
  height: 100%;
  display: none;
  font-weight: 500;
  text-align: right;
  padding-top: 14px;
  font-size: 1.8rem;
  color: #4e5664;
  padding-right: 20px;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box.open {
  border: none;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  align-items: flex-start;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box.open button i,
.cs-spa-retail-content.wizard-section .account-box.add-item-box.open button p {
  display: none;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box.open .dropdown-title {
  display: block;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box.open.blurred-bottom:after {
  display: block;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box button {
  width: 100%;
  height: 100%;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-menu {
  top: 60%;
  width: 100%;
  border: none;
  height: 300px;
  overflow-y: auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-menu p {
  font-size: 1.6rem;
  color: #7d91a1;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-menu .dropdown-title {
  padding: 0 20px;
  font-size: 1.8rem;
  color: #4e5664;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-menu li {
  margin-bottom: 12px;
}
.cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-menu a:hover p,
.cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-menu a:focus p {
  color: #4bc87d;
}
.cs-spa-retail-content.wizard-section .iban-input {
  position: relative;
}
.cs-spa-retail-content.wizard-section .iban-input:after {
  content: "IL";
  position: absolute;
  top: 0px;
  left: 8px;
  border: none;
  height: 40px;
  text-align: center;
  padding-top: 12px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #ebf2f8;
  border-radius: 4px;
}
.cs-spa-retail-content.wizard-section .left-aligned {
  text-align: left;
}
.cs-spa-retail-content.wizard-section .fa-chevron-circle-left {
  color: #4bc87d;
  font-size: 22px;
  vertical-align: middle;
  margin-right: 8px;
}
.cs-spa-retail-content.wizard-section .grey-error-msg {
  background: #d2e4ee;
  color: #4e5664;
  padding: 5px 0;
  margin-bottom: 0;
}
.cs-spa-retail-content.wizard-section .grey-error-msg .fa {
  color: red;
}
.cs-spa-retail-content .wizard-step-content .new-recepient-modal.beneficiary-form {
  padding-left: 24px;
  border-left: 1px solid #a4b2bd;
}
.cs-spa-retail-content .wizard-step-content .new-recepient-modal.beneficiary-form .caret-icon {
  top: 50%;
  z-index: 1;
  left: 12px;
  float: none;
  margin-top: 0;
  position: absolute;
}
.cs-spa-retail-content .wizard-step-content .new-recepient-modal.beneficiary-form .beneficiary-form-title h2 {
  display: inline-block;
}
.cs-spa-retail-content .wizard-step-content .new-recepient-modal.beneficiary-form .beneficiary-form-title .green-link {
  float: left;
  margin-top: 4px;
}
.cs-spa-retail-content .wizard-step-content .image-square-56 {
  width: 56px;
  height: 56px;
}
.cs-spa-retail-content .wizard-step-content .image-square-16 {
  width: 16px;
  height: 16px;
}
.cs-spa-retail-content .multiple-transfer .font-size-20 {
  font-size: 2rem;
}
.cs-spa-retail-content .multiple-transfer .mobile-action-bar {
  display: none;
}
.cs-spa-retail-content .multiple-transfer .add-comment {
  display: block;
  width: 30px;
}
.cs-spa-retail-content .multiple-transfer .wizard-step-section .beneficiaries-list {
  flex: 1 1 0;
  align-items: center;
}
.cs-spa-retail-content .multiple-transfer .wizard-step-section .users-list .generalTable {
  box-shadow: none;
}
.cs-spa-retail-content .multiple-transfer .wizard-step-section .users-list .generalTable tr:last-of-type:hover {
  background: #ffffff;
}
.cs-spa-retail-content .multiple-transfer .cs-spa-retail-content.new-recepient-modal .btnFilter,
.cs-spa-retail-content .multiple-transfer .cs-spa-retail-content.new-recepient-modal .inputFieldWrapper {
  margin-bottom: 4px;
}
.cs-spa-retail-content .multiple-transfer .button-header {
  max-width: 600px;
  border-bottom: 1px dashed #4bc87d;
}
.cs-spa-retail-content .multiple-transfer .button-header .transcluded-area {
  display: none;
}
.cs-spa-retail-content .multiple-transfer .list-header {
  display: flex;
  align-items: center;
}
.cs-spa-retail-content .multiple-transfer .list-header h2 {
  margin-left: 4px;
  display: inline-block;
}
.cs-spa-retail-content .multiple-transfer .list-header .dropdown-menu {
  float: none;
  box-shadow: none;
}
.cs-spa-retail-content .multiple-transfer .list-header .edit-value-wrapper input {
  width: 300px;
}
.cs-spa-retail-content .multiple-transfer-step-two .detail-title {
  color: #677b8a;
}
.cs-spa-retail-content .multiple-transfer-step-two .detail-value {
  color: #333a46;
}
.cs-spa-retail-content .accountPages .wizard-step-section .process-summary .border-none {
  border: none;
}
.cs-spa-retail-content .accountPages .text-aling-right h2 {
  margin: 0;
}
.cs-spa-retail-content .accountPages .margin-0 {
  margin-right: 0;
}
.cs-spa-retail-content .width260 {
  max-width: 260px;
}
.cs-spa-retail-content .balance-previous .is-aggregation .collapsed-row .table-dot-cell:before {
  content: "";
  position: absolute;
  right: 34px;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px dotted #a5c7db;
}
.cs-spa-retail-content .balance-previous .is-aggregation .collapsed-row .table-dot-cell:after {
  content: "";
  position: absolute;
  right: 35px;
  top: 49%;
  width: 16px;
  height: 1px;
  border-top: 1px dotted #a5c7db;
}
.cs-spa-retail-content .balance-previous .is-aggregation .last-row.collapse .table-dot-cell:before {
  content: "";
  position: absolute;
  right: 34px;
  top: 0;
  width: 1px;
  height: 52%;
  border-right: 1px dotted #a5c7db;
}
.cs-spa-retail-content .balance-previous .is-aggregation .last-row.collapse .table-dot-cell:after {
  content: "";
  position: absolute;
  right: 35px;
  top: 49%;
  width: 16px;
  height: 1px;
  border-top: 1px dotted #a5c7db;
}
.cs-spa-retail-content .balance-previous .is-aggregation.opened-list .table-dot-cell:before {
  content: "";
  position: absolute;
  right: 34px;
  top: 50%;
  width: 1px;
  height: 50%;
  border-right: 1px dotted #a5c7db;
}
.cs-spa-retail-content .balance-previous .collapse.in {
  display: table-row;
  height: 47px;
  position: relative;
}
.cs-spa-retail-content .balance-previous .generalTable .table-dot-cell i {
  position: relative;
}
.cs-spa-retail-content .balance-previous .generalTable .table-dot-cell {
  display: table-cell;
  position: relative;
}
.cs-spa-retail-content .balance-previous .generalTable.v2 .totalRow td {
  font-weight: 700;
  padding-top: 15px;
}
.cs-spa-retail-content .balance-previous .general-table-title {
  display: inline-block;
  vertical-align: middle;
}
.cs-spa-retail-content .balance-previous .generalTable .collapsed-content {
  padding: 0;
}
.cs-spa-retail-content .balance-previous .generalTable .collapsed-content .table-dot {
  margin-right: 40px;
}
.cs-spa-retail-content .balance-previous .collapse-arrow {
  left: 34px;
  top: 16px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  background: #25cb92 url(media/images/arrowIcon.68a2bab271221daaefc0..png) no-repeat center;
  background-size: 40%;
}
.cs-spa-retail-content .balance-previous .opened-list .collapse-arrow {
  transform: rotate(270deg);
}
.cs-spa-retail-content .balance-previous .noDeductions {
  height: 250px;
}
.cs-spa-retail-content .balance-previous .noDeductions img {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .cs-spa-retail-content .general-btn.previous-transfer-btn {
    display: block;
    margin: 0 auto;
    box-shadow: none;
    color: #4bc87d;
    text-decoration: underline;
    background-color: transparent;
  }
  .cs-spa-retail-content .general-btn.previous-transfer-btn:hover {
    text-decoration: none;
  }
}
@media (max-width: 769px) {
  .cs-spa-retail-content .wizard-customScroll-dropdown {
    overflow: auto;
  }
  .cs-spa-retail-content #bottomBurnedMsg {
    padding: 0 5vw;
  }
  .cs-spa-retail-content.wizard-section .iban-input:after {
    top: 50%;
    left: 1vw;
    font-size: 2.4rem;
    transform: translateY(-50%);
  }
  .cs-spa-retail-content.wizard-section .wizard-comments-textarea {
    height: 180px;
    font-size: 2.4rem;
  }
  .cs-spa-retail-content.wizard-section .general-btn,
  .cs-spa-retail-content.wizard-section .input-error-msg,
  .cs-spa-retail-content.wizard-section .green-link {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content.wizard-section h2 {
    font-size: 3rem;
  }
  .cs-spa-retail-content.wizard-section h2 .heading-comment {
    display: block;
    font-size: 2.4rem;
  }
  .cs-spa-retail-content.wizard-section .general-btn {
    width: 44vw;
    height: 10vw;
    line-height: 10vw;
  }
  .cs-spa-retail-content.wizard-section .general-btn.commentModal-btn-width {
    width: 30vw;
  }
  .cs-spa-retail-content.wizard-section .multiple-transfer .font-size-20 {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content.wizard-section .multiple-transfer .limited-height-dropdown {
    overflow: auto;
  }
  .cs-spa-retail-content.wizard-section .multiple-transfer .sum-limit-link {
    width: 100%;
    text-align: center;
  }
  .cs-spa-retail-content.wizard-section .multiple-transfer .total-amount {
    width: 100%;
    position: relative;
  }
  .cs-spa-retail-content.wizard-section .multiple-transfer .total-amount input {
    width: 100%;
    height: 10vw;
    font-size: 2.6rem;
  }
  .cs-spa-retail-content.wizard-section .multiple-transfer .button-header {
    max-width: 100%;
  }
  .cs-spa-retail-content.wizard-section .list-header {
    display: block;
  }
  .cs-spa-retail-content.wizard-section .list-header .dropdown-menu {
    width: 100%;
  }
  .cs-spa-retail-content.wizard-section .list-header .edit-value-wrapper {
    width: 85%;
  }
  .cs-spa-retail-content.wizard-section .list-header .edit-value-wrapper input {
    width: 100%;
  }
  .cs-spa-retail-content.wizard-section .list-header .ellipsis-cell {
    white-space: normal;
  }
  .cs-spa-retail-content.wizard-section .beneficiary-form-title {
    display: flex;
    margin-bottom: 3vw;
  }
  .cs-spa-retail-content.wizard-section .beneficiary-form-title h2 {
    margin: 0 0 0 auto;
  }
  .cs-spa-retail-content.wizard-section .beneficiary-form-title a {
    margin: 0;
  }
  .cs-spa-retail-content.wizard-section .no-selected-users p {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content.wizard-section .no-selected-users .image-square-56 {
    width: 15vw;
    height: 15vw;
  }
  .cs-spa-retail-content.wizard-section .no-selected-users .general-btn {
    margin-top: 10vw;
  }
  .cs-spa-retail-content.wizard-section .wizard-step-section {
    padding: 24px 20px;
  }
  .cs-spa-retail-content.wizard-section .wizard-step-section.wizard-step-section-gray:before {
    height: 140px;
  }
  .cs-spa-retail-content.wizard-section .account-box {
    height: auto;
    padding: 2.5vw;
    line-height: 4rem;
    margin-bottom: 4vw;
  }
  .cs-spa-retail-content.wizard-section .account-box p {
    font-size: 3.5rem;
  }
  .cs-spa-retail-content.wizard-section .account-box p span {
    font-size: 2.75rem;
  }
  .cs-spa-retail-content.wizard-section .account-box.blurred-bottom:after {
    display: none;
  }
  .cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-title {
    font-size: 2.8rem;
  }
  .cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-menu {
    top: 12vw;
  }
  .cs-spa-retail-content.wizard-section .account-box.add-item-box .dropdown-menu p {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content.wizard-section .step-details-row,
  .cs-spa-retail-content.wizard-section .number-wrapper {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content.wizard-section .general-radio-btn span {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row {
    margin-top: 0;
    flex-wrap: wrap;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block label {
    font-size: 2.4rem;
    margin-top: 2.5vw;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .inputField__note.inputField__note--top {
    margin-top: 0;
    font-size: 14px;
    color: #4e5664;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .circle-icon-btn {
    width: 7vw;
    height: 7vw;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block span {
    font-size: 16px;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .inlineIconMsg span {
    font-size: 14px;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block input,
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block select {
    height: 11vw;
    font-size: 2.8rem;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .inputFieldWrapper input {
    height: 11vw;
    font-size: 2.8rem;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .inputFieldWrapper.compound-input input {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block.display-block-m {
    display: block;
  }
  .cs-spa-retail-content.wizard-section .wizard-action-bar span {
    font-size: 14px;
  }
  .cs-spa-retail-content.wizard-section .caret-icon {
    margin-top: 3vw;
    border-top-width: 1vw;
    border-left-width: 1vw;
    border-right-width: 1vw;
  }
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown button,
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown input {
    height: 11vw;
    font-size: 2.8rem;
  }
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown.open ul li,
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown.open .dropdown-menu li {
    font-size: 2.8rem;
    margin-bottom: 7vw;
    line-height: normal;
  }
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown.open ul li a,
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown.open .dropdown-menu li a {
    display: block;
  }
  .cs-spa-retail-content.wizard-section .account-boxes-container {
    margin-top: 2.496vw;
  }
  .cs-spa-retail-content.wizard-section .account-box-wrapper {
    margin: 0;
    width: 100%;
  }
  .cs-spa-retail-content.wizard-section .process-summary-detail {
    margin-bottom: 2px;
  }
  .cs-spa-retail-content.wizard-section .process-summary-detail.extraBottomSpace-m {
    margin-bottom: 2.5vw;
  }
  .cs-spa-retail-content.wizard-section .detail-title,
  .cs-spa-retail-content.wizard-section .detail-value {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content.wizard-section h4 {
    font-size: 2rem;
    font-weight: 600;
    color: #7d91a1;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .cs-spa-retail-content.wizard-section .wizard-form-row .inputFieldWrapper.compound-input input {
    padding: 0 2px;
    font-size: 1.3rem;
  }
  .cs-spa-retail-content.wizard-section .iban-input:after {
    font-size: 1.3rem;
    left: 8px;
  }
}
@media (max-width: 769px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardHeader {
    padding-right: 15px;
    padding-left: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardHeader .wizardHeaderTabs {
    margin-bottom: -2px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .cs-spa-retail-content.wizard-section .general-btn {
    height: 7vw;
    font-size: 2rem;
    line-height: 7vw;
  }
  .cs-spa-retail-content.wizard-section .green-link {
    font-size: 18px;
  }
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown input,
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown button {
    height: 8vw;
    font-size: 16.4px;
  }
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown.open ul li,
  .cs-spa-retail-content.wizard-section .wizard-input-block .wizard-dropdown.open .dropdown-menu li {
    font-size: 2rem;
    margin-bottom: 3vw;
  }
  .cs-spa-retail-content.wizard-section .wizard-input-block .iban-input:after {
    height: 8vw;
    width: 6vw;
    font-size: 2rem;
    margin-left: -7px;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .xIconClearSearch {
    left: 0;
    width: 5vw;
    height: 5vw;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .inputFieldWrapper input {
    height: 8vw;
    font-size: 2rem;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .wizard-dropdown button {
    height: 8vw;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .wizard-dropdown button span {
    font-size: 16px;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block .wizard-dropdown button .caret-icon {
    margin-top: 2vw;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block span {
    font-size: 2rem;
  }
  .cs-spa-retail-content.wizard-section .wizard-dropdown.wizard-autocomplete:after {
    border-right-width: 6px;
    border-left-width: 6px;
    border-top-width: 6px;
  }
  .cs-spa-retail-content.wizard-section .wizard-reconciliation .wizard-form-row .wizard-input-block .wizard-dropdown button {
    height: 40px;
  }
  .cs-spa-retail-content.wizard-section .wizard-reconciliation .wizard-form-row .wizard-input-block .wizard-dropdown button span {
    font-size: 1.6rem;
  }
  .cs-spa-retail-content.wizard-section .wizard-reconciliation .wizard-form-row .wizard-input-block .wizard-dropdown button .caret-icon {
    margin-top: 10px;
  }
  .cs-spa-retail-content.wizard-section .wizard-reconciliation .wizard-form-row .wizard-dropdown.open ul li,
  .cs-spa-retail-content.wizard-section .wizard-reconciliation .wizard-form-row .wizard-dropdown.open .dropdown-menu li {
    font-size: 1.6rem;
    margin-bottom: 3vw;
  }
}
@media (max-width: 992px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardHeader .account-combo {
    margin-right: -30px;
  }
}
@media (min-width: 780px) {
  .cs-spa-retail-content.wizard-section .wizard-comments-textarea {
    height: 180px;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
  }
}
@media (min-width: 992px) and (max-width: 992px) {
  .cs-spa-retail-content.wizard-section .wizard-comments-textarea {
    width: 525px;
  }
  .cs-spa-retail-content.wizard-section .xIconClearSearch {
    left: -105px;
  }
}
@media (min-width: 993px) {
  .cs-spa-retail-content.wizard-section .wizard-comments-textarea {
    height: 175px;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
  }
}
@media (min-width: 1201px) {
  .cs-spa-retail-content.wizard-section .wizard-comments-textarea {
    height: 146px;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 24px;
    padding-left: 32px;
  }
}
@media (max-width: 576px) {
  .cs-spa-retail-content .balance-previous .collapse-arrow {
    top: 28px;
    left: 34px;
  }
}
@media (max-width: 768px) {
  .cs-spa-retail-content.wizard-section .wizard-dropdown.open ul.wizard-customScroll-dropdown {
    padding-right: 0;
    padding-left: 0;
  }
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block beneficiaries-dropdown .wizard-dropdown.open .dropdown-menu li {
    padding-right: 5px;
  }
  .cs-spa-retail-content .wizard-customScroll-dropdown {
    overflow: auto;
  }
}
@media (width: 768px) {
  .cs-spa-retail-content.wizard-section .wizard-form-row .wizard-input-block span {
    font-size: 14px;
  }
  .cs-spa-retail-content.wizard-section .detail-title,
  .cs-spa-retail-content.wizard-section .detail-value {
    font-size: 21px;
  }
}
.cs-spa-retail-content .affix-top .dashboard-title {
  display: none;
}
.cs-spa-retail-content .dashboard-header .account-data-container {
  position: static;
}
.cs-spa-retail-content .dashboard-title {
  margin-top: -16px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  text-align: center;
}
.cs-spa-retail-content .dashboard-title h2,
.cs-spa-retail-content .dashboard-title h1 {
  font-weight: 300;
  font-size: 3.6rem;
}
.cs-spa-retail-content .dashboard-title > div {
  margin-top: 8px;
}
.cs-spa-retail-content .dashboard-title img,
.cs-spa-retail-content .dashboard-title span {
  display: inline-block;
}
.cs-spa-retail-content .dashboard-title img {
  width: 18px;
  height: 18px;
}
.cs-spa-retail-content .dashboard-title span {
  color: #7d91a1;
}
@media (min-width: 769px) {
  .cs-spa-retail-content .discount-en-dashboard .dashboard-logo img {
    width: 110px;
    height: 68px;
    transition: width 0.2s, height 0.2s;
  }
}
@media (min-width: 769px) {
  .cs-spa-retail-content .affix-top .discount-en-dashboard .dashboard-logo img {
    width: auto;
    height: calc(var(--header-height-scroll) - 20px);
  }
}
@media (min-width: 769px) {
  .cs-spa-retail-content .mercantile-dashboard .dashboard-logo img {
    height: 65px;
    width: 160px;
  }
}
@media (min-width: 769px) {
  .cs-spa-retail-content .mercantile-en-dashboard .dashboard-logo img {
    height: 100px;
    width: 200px;
  }
}
.cs-spa-retail-content .dashboard-logo-toucher img {
  margin: 0 auto;
  width: 173px;
  position: relative;
  height: 44px;
}
.cs-spa-retail-content .dashboard-card {
  padding: 28px 0;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  position: relative;
  margin-bottom: 12px;
  background-color: white;
}
.cs-spa-retail-content .dashboard-card.bottom-cells-card {
  padding: 2% 0 0;
}
.cs-spa-retail-content .dashboard-card .circle-icon-btn {
  background-color: white;
}
.cs-spa-retail-content .dashboard-card .circle-icon-btn img {
  width: 11px;
  height: 11px;
}
.cs-spa-retail-content .dashboard-card .generalTable {
  box-shadow: none;
}
.cs-spa-retail-content .dashboard-card .inline-error-msg .fa {
  margin-right: 0;
}
.cs-spa-retail-content .dashboard-card-header {
  display: flex;
}
.cs-spa-retail-content .dashboard-card-header b {
  font-weight: 600;
}
.cs-spa-retail-content .dashboard-card-header-right {
  padding-right: 32px;
  margin-bottom: 2.5%;
}
.cs-spa-retail-content .dashboard-card-header-right .green-link {
  top: 2px;
  margin-top: 0;
  margin-right: 4px;
  margin-bottom: 0;
  margin-left: 0;
  position: relative;
}
.cs-spa-retail-content .dashboard-card-header-right--absolute {
  right: 0;
  z-index: 1;
  position: absolute;
}
.cs-spa-retail-content .dashboard-card-header-center {
  display: flex;
  position: relative;
  text-align: center;
  flex: 1 1 0;
  justify-content: center;
}
.cs-spa-retail-content .dashboard-card-header-center .dashboard-header-subdetails {
  width: auto;
}
.cs-spa-retail-content .dashboard-card-header-center p.color-gray1 {
  margin-bottom: 5px;
}
.cs-spa-retail-content .main-dashboard-card.dashboard-card {
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
.cs-spa-retail-content .main-dashboard-card .dashboard-card-header {
  padding: 28px 0 0;
  background-color: white;
}
.cs-spa-retail-content .main-dashboard-card .dashboard-card-bottom-cells {
  margin-top: 0;
  padding-top: 32px;
  background-color: white;
}
.cs-spa-retail-content .main-dashboard-card-top {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
}
.cs-spa-retail-content .dashboard-card-bottom-cells-second-row {
  margin: 0 20px;
  padding-top: 20px;
  background-color: white;
  box-shadow: inset 0 16px 32px -16px rgba(81, 144, 182, 0.5);
}
.cs-spa-retail-content .dashboard-card-bottom-cells-second-row .dashboard-header-line {
  margin: 0;
  font-size: 2rem;
  text-align: center;
  color: #4bc87d;
}
.cs-spa-retail-content .dashboard-card-bottom-cells-second-row .dashboard-card-bottom-cells {
  padding-top: 0;
}
.cs-spa-retail-content .dashboard-card-bottom-cells-second-row .dashboard-card-bottom-cells > div {
  padding-right: 0;
  text-align: center;
  justify-content: center;
}
.cs-spa-retail-content .dashboard-dropdown-wrapper.open .dashboard-dropdown {
  display: flex;
}
.cs-spa-retail-content .dashboard-dropdown-wrapper.open .green-link {
  box-shadow: none;
}
.cs-spa-retail-content .dashboard-dropdown {
  top: 32px;
  right: -24px;
  z-index: 1030;
  flex-wrap: wrap;
  min-width: 600px;
  padding: 24px 74px;
  position: absolute;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  box-sizing: content-box;
  background-color: white;
  border: none;
  border-top: 3px solid #4bc87d;
  display: none;
}
.cs-spa-retail-content .dashboard-dropdown .dashboard-dropdown-entry {
  width: 50%;
  display: flex;
  padding-left: 32px;
  margin-bottom: 14px;
  align-items: center;
}
.cs-spa-retail-content .dashboard-dropdown .dashboard-dropdown-entry:nth-of-type(2n) {
  padding-left: 0;
  padding-right: 32px;
}
.cs-spa-retail-content .dashboard-dropdown .dashboard-dropdown-entry .currency-symbol {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  color: white;
  line-height: 20px;
  font-size: 1.3rem;
  text-align: center;
  display: inline-block;
  background-color: #4bc87d;
}
.cs-spa-retail-content .dashboard-dropdown .dashboard-dropdown-entry .currency-symbol.font-size-small {
  font-size: 60%;
}
.cs-spa-retail-content .dashboard-dropdown .dashboard-dropdown-closeBtn {
  top: 20px;
  right: 20px;
  box-shadow: none;
  width: 20px;
  height: 20px;
  position: absolute;
  display: inline-block;
}
.cs-spa-retail-content .dashboard-dropdown .dashboard-dropdown-closeBtn:after,
.cs-spa-retail-content .dashboard-dropdown .dashboard-dropdown-closeBtn:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #a5c7db;
}
.cs-spa-retail-content .dashboard-dropdown .dashboard-dropdown-closeBtn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .dashboard-dropdown .dashboard-dropdown-closeBtn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .dashboard-dropdown .currency-name {
  max-width: 65%;
  overflow: hidden;
  font-size: 1.8rem;
  color: #7d91a1;
  white-space: nowrap;
  margin: 0 12px 0 auto;
  text-overflow: ellipsis;
}
.cs-spa-retail-content .dashboard-dropdown .currency-value {
  font-size: 2rem;
}
.cs-spa-retail-content .dashboard-dropdown:after {
  content: "";
  width: 0;
  height: 0;
  top: -13px;
  right: 60px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #4bc87d;
}
.cs-spa-retail-content .additional-actions-card {
  padding: 0 2%;
}
.cs-spa-retail-content .additional-actions-card .green-link {
  width: 100%;
  margin: 1.5% 0;
  text-align: left;
}
.cs-spa-retail-content .additional-actions-card .card-box-wrapper {
  height: 112px;
  padding: 0 1%;
  margin-bottom: 24px;
}
.cs-spa-retail-content .additional-actions-card .card-box {
  width: 100%;
  height: 100%;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  border-radius: 8px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border: 1px solid #4bc87d;
}
.cs-spa-retail-content .additional-actions-card .card-box .color-green {
  font-size: 1.8rem;
}
.cs-spa-retail-content .additional-actions-card .card-box .box-add-txt {
  font-size: 1.4rem;
}
.cs-spa-retail-content .additional-actions-card .card-box:hover {
  background: linear-gradient(90deg, #76d25b -30%, #38d29f 90%);
}
.cs-spa-retail-content .additional-actions-card .card-box:hover .color-green,
.cs-spa-retail-content .additional-actions-card .card-box:hover p {
  color: white;
}
.cs-spa-retail-content .add-card-section {
  padding: 4% 0;
  text-align: center;
}
.cs-spa-retail-content .add-card-section .add-circle-icon {
  width: 62px;
  height: 62px;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  background-color: #4bc87d;
}
.cs-spa-retail-content .add-card-section .add-circle-icon:before,
.cs-spa-retail-content .add-card-section .add-circle-icon:after {
  width: 16px;
}
.cs-spa-retail-content .add-card-section .color-green {
  font-size: 2.2rem;
}
.cs-spa-retail-content .add-card-section p {
  font-size: 1.9rem;
}
.cs-spa-retail-content .dashboard-card-icon {
  display: flex;
  align-items: center;
}
.cs-spa-retail-content .dashboard-card-icon img {
  width: 36px;
  height: 36px;
  margin-left: 8px;
}
.cs-spa-retail-content .dashboard-card-icon .position-relative {
  top: 2px;
}
.cs-spa-retail-content .dashboard-card-title {
  font-size: 2rem;
  font-weight: 500;
  color: #4bc87d;
  line-height: normal;
}
.cs-spa-retail-content .dashboard-header-line {
  color: #4e5664;
  margin-top: 0;
  margin-right: 46px;
  margin-bottom: 4px;
  margin-left: 0;
}
.cs-spa-retail-content .dashboard-header-line img {
  width: 18px;
  height: 18px;
}
.cs-spa-retail-content .dashboard-card-sum {
  direction: ltr;
  margin-top: 8px;
  font-weight: 300;
  font-size: 4.6rem;
  margin-bottom: 4px;
  line-height: normal;
  font-family: "Josefin Sans";
}
.cs-spa-retail-content .dashboard-card-sum .currency_symbol {
  font-size: 2.2rem;
  font-family: Rubik;
}
.cs-spa-retail-content .dashboard-card-sum .decimal_point {
  font-size: 60%;
}
.cs-spa-retail-content .dashboard-card-bottom-cells {
  display: flex;
  margin-top: 32px;
}
.cs-spa-retail-content .dashboard-card-bottom-cells > div {
  height: 78px;
  padding-right: 2%;
  flex: 1 1 20%;
  border-left: 1px solid rgba(162, 185, 198, 0.6);
}
.cs-spa-retail-content .dashboard-card-bottom-cells > div:last-of-type {
  border-left: none;
}
.cs-spa-retail-content .dashboard-card-bottom-cells img {
  width: 22px;
  height: 25px;
  min-width: 22px;
}
.cs-spa-retail-content .dashboard-card-bottom-cells p {
  width: 100%;
}
.cs-spa-retail-content .dashboard-card-bottom-cells .dashboard-card-sum {
  font-weight: 400;
  margin-bottom: 0;
  font-size: 2.2rem;
}
.cs-spa-retail-content .dashboard-card-bottom-cells .dashboard-card-sum .currency_symbol {
  font-size: 1.4rem;
  color: #7d91a1;
}
.cs-spa-retail-content .card-tabs-wrapper {
  text-align: center;
  color: #677b8a;
  margin-bottom: 28px;
}
.cs-spa-retail-content .card-tabs-wrapper .card-tabs > span {
  cursor: pointer;
  margin-left: 12px;
  display: inline-block;
}
.cs-spa-retail-content .card-tabs-wrapper .card-tabs > span.active {
  font-weight: 600;
  position: relative;
}
.cs-spa-retail-content .card-tabs-wrapper .card-tabs > span.active:after {
  content: "";
  left: 0;
  width: 100%;
  height: 2px;
  bottom: -4px;
  position: absolute;
  background-color: #4bc87d;
}
.cs-spa-retail-content .latest-actions-card .general-btn.general-btn-fixed {
  margin: 2.5% auto 0;
}
.cs-spa-retail-content .latest-actions-card .generalTable {
  border-top: 1px solid #f1f1f1;
}
.cs-spa-retail-content .latest-actions-card .generalTable td.osh-icon-cell:not(.menuTool) {
  padding: 0;
}
.cs-spa-retail-content .oshTableIcon {
  width: 20px;
  height: 19px;
}
.cs-spa-retail-content .osh-icon-col {
  width: 20px;
}
.cs-spa-retail-content .no-border-top {
  border-top: none !important;
}
.cs-spa-retail-content .foreign-currency-card .generalTable {
  margin: 2% 0;
}
.cs-spa-retail-content .foreign-currency-card .generalTable tr:first-of-type {
  border-top: 1px solid #f1f1f1;
}
.cs-spa-retail-content .foreign-currency-card .generalTable td {
  padding-right: 10%;
}
.cs-spa-retail-content .foreign-currency-card .generalTable td:last-of-type {
  padding-right: 5%;
}
.cs-spa-retail-content .foreign-currency-card .general-btn.general-btn-fixed {
  margin-top: 16px;
}
.cs-spa-retail-content .foreign-currency-card .dashboard-card-header-center .currency_symbol {
  font-size: 2.2rem;
  font-family: Rubik;
  font-weight: 300;
}
.cs-spa-retail-content .mobility-request-card.dashboard-card {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 28px;
}
.cs-spa-retail-content .mobility-request-card .dashboard-card-header {
  box-shadow: 0px 0px 25px 0 rgba(81, 144, 182, 0.1);
  padding-top: 20px;
  padding-right: 0;
  padding-left: 20px;
  padding-bottom: 20px;
}
.cs-spa-retail-content .mobility-request-card .dashboard-card-header-right {
  margin-bottom: 0;
}
.cs-spa-retail-content .mobility-request-card .purple-font {
  color: #5b77f5;
}
.cs-spa-retail-content .mobility-request-card .status-details {
  padding-right: 32px;
}
.cs-spa-retail-content .mobility-request-card .status-details .green-link {
  font-weight: normal;
}
.cs-spa-retail-content .mobility-request-card .details {
  padding-right: 32px;
  width: 100%;
  position: relative;
  margin-top: 30px;
  margin-bottom: 15px;
}
.cs-spa-retail-content .mobility-request-card .details > div {
  display: inline-block;
}
.cs-spa-retail-content .mobility-request-card .details .detailed-box-wrap {
  vertical-align: text-top;
  margin-right: 5px;
  color: #4a4a4a;
}
.cs-spa-retail-content .mobility-request-card .details .detailed-box-wrap.first {
  max-width: 320px;
}
.cs-spa-retail-content .mobility-request-card .details .detailed-box-wrap.second {
  max-width: 170px;
}
.cs-spa-retail-content .mobility-request-card .details .detailed-box-wrap.third {
  max-width: 100px;
}
.cs-spa-retail-content .mobility-request-card .details .detailed-box-title {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 7px;
}
.cs-spa-retail-content .mobility-request-card .details .detailed-box {
  font-size: 14px;
  line-height: 21px;
}
.cs-spa-retail-content .mobility-request-card .details .mobility-icon {
  float: left;
  top: -100px;
  position: relative;
  left: 120px;
}
.cs-spa-retail-content .mobility-request-card .details .mobility-icon .icon {
  position: absolute;
  right: 0;
}
.cs-spa-retail-content .mobility-request-card .details .note {
  min-height: 40px;
  text-align: center;
  margin-top: 20px;
  color: #4a4a4a;
}
.cs-spa-retail-content .mobility-request-card .details .mobility-dash-icon {
  vertical-align: text-top;
}
.cs-spa-retail-content .mobility-request-card .details .vertical-separator {
  display: inline-block;
  width: 1px;
  height: 50px;
  border-left: 1px solid #D9DFE7;
  vertical-align: text-top;
  margin-right: 17px;
  margin-left: 18px;
}
.cs-spa-retail-content .mobility-request-card .request-status-text {
  color: #4a4a4a;
  font-size: 20px;
  line-height: 28px;
  padding-top: 5px;
}
.cs-spa-retail-content .mobility-request-card .request-status-note {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
}
.cs-spa-retail-content .mobility-request-card .cube-btn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  padding: 3px 7px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 18px;
  height: auto;
  font-weight: 400;
}
.cs-spa-retail-content .mobility-request-card .mobility-cube-image {
  position: absolute;
}
.cs-spa-retail-content .mobility-request-card .in-process .mobility-cube-image,
.cs-spa-retail-content .mobility-request-card .transfer-in-process .mobility-cube-image,
.cs-spa-retail-content .mobility-request-card .transfer-completed .mobility-cube-image {
  left: 60px;
  bottom: 16px;
}
.cs-spa-retail-content .mobility-request-card .transfer-in-process .details {
  margin-top: 45px;
  margin-bottom: 10px;
}
.cs-spa-retail-content .mobility-request-card .transfer-in-process .cube-buttons.drive-to-action .blue-circle-btn {
  width: 180px;
}
.cs-spa-retail-content .mobility-request-card .transfer-completed .request-status-text {
  padding-top: 25px;
}
.cs-spa-retail-content .mobility-request-card .transfer-completed .details {
  margin-top: 40px;
  margin-bottom: 35px;
}
.cs-spa-retail-content .mobility-request-card .transfer-completed .mobility-cube-image {
  bottom: -5px;
}
.cs-spa-retail-content .mobility-request-card .partners1 .mobility-cube-image,
.cs-spa-retail-content .mobility-request-card .partners2 .mobility-cube-image {
  left: 10px;
  bottom: -22px;
}
.cs-spa-retail-content .mobility-request-card .partners1 .cube-buttons.drive-to-action,
.cs-spa-retail-content .mobility-request-card .partners2 .cube-buttons.drive-to-action {
  font-size: 14px;
  line-height: 16px;
  width: 98px;
  margin: auto;
  position: relative;
  left: auto;
  right: auto;
}
.cs-spa-retail-content .mobility-request-card .partners1 .cube-buttons.drive-to-action .drive-to-action-btn,
.cs-spa-retail-content .mobility-request-card .partners2 .cube-buttons.drive-to-action .drive-to-action-btn {
  height: auto;
}
.cs-spa-retail-content .mobility-request-card .partners1 .cube-buttons.drive-to-action .blue-circle-btn,
.cs-spa-retail-content .mobility-request-card .partners2 .cube-buttons.drive-to-action .blue-circle-btn {
  padding: 3px 7px;
}
.cs-spa-retail-content .mobility-request-card .partners1 .cube-buttons.drive-to-action.one-button .blue-circle-btn,
.cs-spa-retail-content .mobility-request-card .partners2 .cube-buttons.drive-to-action.one-button .blue-circle-btn {
  border-radius: 6px;
}
.cs-spa-retail-content .mobility-request-card .btn-group.dropdown.custom-dropdown .dropdown-menu li > a {
  font-size: 12px;
}
.cs-spa-retail-content .mobility-request-card .btn-group.dropdown.custom-dropdown.btnFilter .generalDropdown {
  border: none;
  color: #4a4a4a;
  padding-right: 0;
  font-size: 12px;
}
.cs-spa-retail-content .mobility-request-card .btn-group.dropdown.custom-dropdown.btnFilter .generalDropdown .selected-item-name {
  font-weight: 500;
}
.cs-spa-retail-content .mobility-request-card .btn-group.dropdown.custom-dropdown.btnFilter .generalDropdown .caretIcon {
  position: relative;
  display: inline-block;
  top: auto;
  left: auto;
  margin-right: 5px;
  padding-top: 3px;
}
.cs-spa-retail-content .mobility-request-card .mobility-accounts-drop {
  margin-top: 5px;
  width: 230px;
}
.cs-spa-retail-content .credit-cards-card .infoContainer {
  margin-right: 2%;
  margin-top: 20px;
}
.cs-spa-retail-content .credit-cards-card .textCreditHeader {
  color: #677b8a;
}
.cs-spa-retail-content .credit-cards-card .creditSum {
  font-size: 2rem;
  font-weight: 600;
  font-family: "Josefin Sans";
}
.cs-spa-retail-content .credit-cards-card .progressContainer {
  width: 21%;
}
.cs-spa-retail-content .credit-cards-section-wrapper {
  position: relative;
}
.cs-spa-retail-content .credit-cards-section {
  width: 852px;
  margin: 0 auto;
  overflow: hidden;
}
.cs-spa-retail-content .credit-cards-row {
  width: 100%;
  display: block;
  padding: 12px 6px 25px;
  white-space: nowrap;
}
.cs-spa-retail-content #credit-cards-movingPart {
  transition: all 1s ease-out;
}
.cs-spa-retail-content .cards-slider-arrow {
  z-index: 90;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  cursor: pointer;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  background-size: 40%;
  background-position: center;
  background-repeat: no-repeat;
}
.cs-spa-retail-content .cards-slider-arrow-left {
  left: 84px;
  background-image: url(media/svgs/left-arrow.1ef426909f861c06a1f4..svg);
}
.cs-spa-retail-content .cards-slider-arrow-right {
  right: 84px;
  background-image: url(media/svgs/right-arrow.b99d549a4a31c83cc5fe..svg);
}
.cs-spa-retail-content .credit-card-item-wrapper {
  padding: 0 6px;
  display: inline-block;
  width: calc(100% / 3);
}
.cs-spa-retail-content .credit-card-item {
  width: 100%;
  height: 150px;
  color: white;
  display: flex;
  position: relative;
  padding: 18px 18px;
  border-radius: 10px;
  background: linear-gradient(45deg, #76d25b -100%, #38d29f 100%);
}
.cs-spa-retail-content .credit-card-item > div {
  width: 100%;
}
.cs-spa-retail-content .credit-card-item.visible-slide {
  box-shadow: 0 9px 25px 0 rgba(23, 187, 183, 0.45);
}
.cs-spa-retail-content .credit-card-item .dashboard-card-sum-wrapper {
  display: flex;
  margin-top: 20px;
  align-items: baseline;
}
.cs-spa-retail-content .credit-card-item .dashboard-card-sum {
  font-size: 3.4rem;
  margin-left: 12px;
}
.cs-spa-retail-content .credit-card-item .dashboard-card-sum.dashboard-card-sum-foreign {
  margin-left: 0;
  font-size: 2.4rem;
}
.cs-spa-retail-content .credit-card-item .dashboard-card-sum .currency_symbol {
  font-size: 50%;
}
.cs-spa-retail-content .credit-card-type-bg {
  opacity: 0.15;
  position: absolute;
}
.cs-spa-retail-content .credit-card-type-bg.iconVisa {
  left: -36px;
  bottom: -4px;
  width: 190px;
}
.cs-spa-retail-content .credit-card-type-bg.iconDiners {
  left: 12px;
  bottom: -3px;
}
.cs-spa-retail-content .credit-card-type-bg.iconIsraCard {
  left: 10px;
  bottom: 0px;
}
.cs-spa-retail-content .credit-card-type-bg.iconMasterCard {
  left: 10px;
  bottom: 10px;
}
.cs-spa-retail-content .credit-card-icon {
  left: 10px;
  top: 10px;
  width: 46px;
  height: 30px;
  position: absolute;
}
.cs-spa-retail-content .credit-card-number {
  color: white;
  font-weight: 300;
  font-size: 1.4rem;
  font-family: "Josefin Sans";
}
.cs-spa-retail-content .credit-card-number span {
  top: 3px;
  position: relative;
}
.cs-spa-retail-content .credit-card-number b {
  margin-right: 8px;
}
.cs-spa-retail-content .credit-card-number b i {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  margin-right: 2px;
  background: white;
  display: inline-block;
}
.cs-spa-retail-content .credit-cards-dots-wrapper {
  margin: 0 0 12px;
}
.cs-spa-retail-content .credit-cards-dots-list {
  display: flex;
  text-align: center;
  justify-content: center;
}
.cs-spa-retail-content .credit-cards-dot {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-left: 12px;
  display: inline-block;
  background-color: #7d91a1;
}
.cs-spa-retail-content .credit-cards-dot.dot-active {
  background-color: #4bc87d;
}
.cs-spa-retail-content .salaries-card .dashboard-card-header-center,
.cs-spa-retail-content .credit-cards-card .dashboard-card-header-center {
  margin-top: 32px;
}
.cs-spa-retail-content .dashboard-header-subdetails {
  top: 0;
  right: 100%;
  position: absolute;
  margin-right: 72px;
  padding-right: 42px;
}
.cs-spa-retail-content .dashboard-header-subdetails:after {
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 50px;
  position: absolute;
  background-color: #a2b9c6;
}
.cs-spa-retail-content .dashboard-header-subdetails img {
  width: 36px;
  height: 36px;
}
.cs-spa-retail-content .dashboard-header-subdetails > div {
  justify-content: center;
}
.cs-spa-retail-content .dashboard-halves-card {
  padding-bottom: 3.75%;
}
.cs-spa-retail-content .dashboard-halves-section {
  display: flex;
}
.cs-spa-retail-content .dashboard-halves-section .general-btn {
  margin-top: 24px;
}
.cs-spa-retail-content .dashboard-halves-section > div {
  flex: 1 1 0;
  text-align: center;
}
.cs-spa-retail-content .dashboard-halves-section > div:first-of-type {
  position: relative;
}
.cs-spa-retail-content .dashboard-halves-section > div:first-of-type:after {
  content: "";
  left: 0;
  top: 12px;
  width: 1px;
  height: 52px;
  position: absolute;
  background-color: #a2b9c6;
}
.cs-spa-retail-content .deposits-card .general-btn.general-btn-fixed {
  margin-top: 16px;
}
.cs-spa-retail-content .dashboard-thirds-section {
  width: 80%;
  margin: 0 auto;
  margin-top: 12px;
}
.cs-spa-retail-content .dashboard-thirds-section .thirds-section-wrapper {
  margin: 0 -2%;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.cs-spa-retail-content .dashboard-thirds-section .thirds-section-wrapper-title {
  width: 100%;
  color: #7d91a1;
  margin-bottom: 16px;
  padding-right: 16px;
}
.cs-spa-retail-content .dashboard-thirds-section .thirds-section-data-wrapper {
  padding: 0 2%;
  min-width: 33.33333333%;
  border-left: 1px solid #a4b2bd;
}
.cs-spa-retail-content .dashboard-thirds-section .thirds-section-data-wrapper:last-of-type {
  border-left: none;
}
.cs-spa-retail-content .dashboard-thirds-section .thirds-section-data {
  height: 78px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cs-spa-retail-content .dashboard-thirds-section .thirds-section-data .ellipsis-cell {
  width: 100%;
  font-weight: 600;
  color: #4bc87d;
}
.cs-spa-retail-content .dashboard-thirds-section .thirds-section-data .displayNumber {
  font-size: 2.2rem;
  font-weight: 300;
}
.cs-spa-retail-content .dashboard-thirds-section .thirds-section-data .currency_symbol,
.cs-spa-retail-content .dashboard-thirds-section .thirds-section-data .decimal_point {
  font-size: 70%;
}
.cs-spa-retail-content .dashboard-card-error {
  text-align: center;
}
.cs-spa-retail-content .dashboard-card-error p {
  color: #9AB3C2;
}
.cs-spa-retail-content .dashboard-card-error img {
  width: 40px;
  height: 40px;
  margin: 2% auto;
}
.cs-spa-retail-content .dashboard-card-error .green-link {
  font-weight: 500;
  margin-bottom: 2%;
}
.cs-spa-retail-content .dashboard-card-error .green-link,
.cs-spa-retail-content .dashboard-card-error img {
  display: block;
}
.cs-spa-retail-content .dashboard-card-error .empty-error {
  color: #6e7685;
  font-size: 20px;
  margin-bottom: 20px;
}
.cs-spa-retail-content .move-card-section {
  left: 2%;
  top: 24px;
  z-index: 2;
  display: flex;
  position: absolute;
}
.cs-spa-retail-content .move-card-section-icon {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-left: 8px;
  position: relative;
  border: 1px solid #d2e0e8;
}
.cs-spa-retail-content .move-card-section-icon:last-of-type {
  margin-left: 0;
}
.cs-spa-retail-content .move-card-section-icon-img {
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .foreign-currency-table {
  width: 630px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.cs-spa-retail-content .foreign-currency-table .fc-col-1 {
  width: 212px;
}
.cs-spa-retail-content .foreign-currency-table .fc-col-2 {
  width: 140px;
}
.cs-spa-retail-content .foreign-currency-table .fc-col-3 {
  width: 132px;
}
.cs-spa-retail-content .account-actions-card-header-section {
  margin-right: 1.85vw;
  margin-top: 5px;
}
.cs-spa-retail-content .account-actions-cards-content {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  margin-right: 0.8vw;
}
.cs-spa-retail-content .account-actions-card {
  background-color: #ffffff;
  margin: 6px;
  padding-right: 2.7vw;
  padding-left: 0.7vw;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
}
.cs-spa-retail-content .account-actions-header {
  padding-top: 1.75vh;
  padding-bottom: 3vh;
  font-size: 1.4rem;
  font-weight: bold;
  color: #849bf9;
}
.cs-spa-retail-content .account-actions-btn {
  color: #849bf9;
  padding-bottom: 4vh;
  font-size: 1.6rem;
  font-weight: 400;
}
.cs-spa-retail-content .account-actions-burned {
  padding-right: 2.7vw;
}
@media (max-width: 1200px) {
  .cs-spa-retail-content .cards-slider-arrow-right {
    right: 0;
  }
  .cs-spa-retail-content .cards-slider-arrow-left {
    left: 0;
  }
  .cs-spa-retail-content .dashboard-thirds-section {
    width: 95%;
  }
}
@media (max-width: 992px) and (min-width: 769px) {
  .cs-spa-retail-content .dashboard-thirds-section {
    width: 95%;
  }
  .cs-spa-retail-content .credit-cards-section {
    width: 632px;
  }
  .cs-spa-retail-content .credit-card-item {
    height: 108px;
    padding: 10px;
  }
  .cs-spa-retail-content .credit-card-item .dashboard-card-sum {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .credit-card-item .dashboard-card-sum.dashboard-card-sum-foreign {
    font-size: 1.75rem;
  }
  .cs-spa-retail-content .dashboard-card-sum-wrapper {
    margin-top: 16px;
  }
  .cs-spa-retail-content .credit-card-date {
    font-size: 1rem;
  }
  .cs-spa-retail-content .credit-card-number b {
    margin-right: 4px;
  }
  .cs-spa-retail-content .credit-card-icon {
    width: 32px;
    height: 22px;
  }
  .cs-spa-retail-content .credit-card-type-bg.iconVisa {
    left: -16px;
    bottom: 0px;
    width: 100px;
  }
  .cs-spa-retail-content .credit-card-type-bg.iconDiners,
  .cs-spa-retail-content .credit-card-type-bg.iconIsraCard,
  .cs-spa-retail-content .credit-card-type-bg.iconMasterCard {
    left: 8px;
    width: 72px;
  }
}
@media (max-width: 1200px) and (min-width: 769px) {
  .cs-spa-retail-content .salaries-card .dashboard-card-header-center {
    margin-top: 72px;
  }
}
@media (max-width: 769px) {
  .cs-spa-retail-content #credit-cards-movingPart {
    transition: all 0.5s ease-out;
  }
  .cs-spa-retail-content .foreign-currency-table {
    width: 100%;
    padding: 0 2vw;
  }
  .cs-spa-retail-content .foreign-currency-table .fc-col-1,
  .cs-spa-retail-content .foreign-currency-table .fc-col-2,
  .cs-spa-retail-content .foreign-currency-table .fc-col-4 {
    width: 30%;
  }
  .cs-spa-retail-content .foreign-currency-table .fc-col-3 {
    width: 10%;
  }
  .cs-spa-retail-content .foreign-currency-table th,
  .cs-spa-retail-content .foreign-currency-table td {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .latest-actions-card .generalTable {
    margin: 0 -5vw;
    width: calc(100% + 10vw);
  }
  .cs-spa-retail-content .latest-actions-card .generalTable .sortable-table th.padding-r-40 {
    padding-right: 12px;
  }
  .cs-spa-retail-content .generalTable td.osh-icon-cell:not(.menuTool) {
    width: 20px;
  }
  .cs-spa-retail-content .dashboard-card-bottom-cells-second-row .dashboard-card-bottom-cells > div {
    flex-basis: 100%;
  }
  .cs-spa-retail-content .dashboard-card-bottom-cells-second-row .dashboard-header-line {
    font-size: 2.6rem;
    margin-bottom: 5vw;
  }
  .cs-spa-retail-content .dashboard-card {
    margin: 5vw;
    padding: 5vw;
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .dashboard-card.main-dashboard-card {
    margin: 0;
  }
  .cs-spa-retail-content .dashboard-card.bottom-cells-card {
    padding: 5vw;
  }
  .cs-spa-retail-content .dashboard-card .dashboard-card-icon img {
    width: 8vw;
    height: 8vw;
    margin-left: 1vw;
  }
  .cs-spa-retail-content .dashboard-card .dashboard-header-line img {
    width: 5vw;
    height: 5vw;
  }
  .cs-spa-retail-content .dashboard-card .dashboard-card-title {
    font-size: 3rem;
  }
  .cs-spa-retail-content .dashboard-card .circle-icon-btn {
    width: 10vw;
    height: 10vw;
  }
  .cs-spa-retail-content .dashboard-card .circle-icon-btn img {
    width: 3.5vw;
    height: 3.5vw;
  }
  .cs-spa-retail-content .dashboard-card .dashboard-card-error img {
    width: 10vw;
    height: 10vw;
  }
  .cs-spa-retail-content .dashboard-card .add-card-section .add-circle-icon {
    width: 10vw;
    height: 10vw;
  }
  .cs-spa-retail-content .dashboard-card-header {
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .dashboard-card-header-center,
  .cs-spa-retail-content .dashboard-card-header-right {
    flex-basis: 100%;
  }
  .cs-spa-retail-content .dashboard-card-header-right,
  .cs-spa-retail-content .dashboard-card.bottom-cells-card .dashboard-card-header-right {
    padding: 0;
    text-align: center;
  }
  .cs-spa-retail-content .dashboard-card-header-center {
    margin: 0;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .cs-spa-retail-content .dashboard-card-header-center .dashboard-header-subdetails {
    width: 100%;
    margin-top: 2.5%;
  }
  .cs-spa-retail-content .dashboard-card-header-right--absolute {
    position: static;
  }
  .cs-spa-retail-content .dashboard-card-header-right {
    margin-bottom: 0;
  }
  .cs-spa-retail-content .dashboard-card-header-right .green-link {
    top: -1px;
  }
  .cs-spa-retail-content .dashboard-header-subdetails {
    margin-right: 0;
    padding-right: 0;
    position: static;
  }
  .cs-spa-retail-content .dashboard-header-subdetails > div {
    border: none;
    justify-content: center;
  }
  .cs-spa-retail-content .dashboard-card-icon {
    justify-content: center;
  }
  .cs-spa-retail-content .salaries-card .dashboard-card-header-center,
  .cs-spa-retail-content .credit-cards-card .dashboard-card-header-center {
    margin-top: 0;
  }
  .cs-spa-retail-content .dashboard-header-line {
    margin: 1% 0 0;
  }
  .cs-spa-retail-content .dashboard-card-header-center > div {
    width: 100%;
    margin-top: 2.5%;
  }
  .cs-spa-retail-content .credit-card-item-wrapper {
    width: 100%;
  }
  .cs-spa-retail-content .dashboard-card-bottom-cells {
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .dashboard-card-bottom-cells > div {
    height: auto;
    display: block;
    border-left: 0;
    flex-basis: 50%;
    text-align: center;
    margin-bottom: 5vw;
  }
  .cs-spa-retail-content .dashboard-card-bottom-cells > div img {
    margin: 0 auto;
  }
  .cs-spa-retail-content .dashboard-card-bottom-cells .dashboard-card-sum {
    font-size: 2.8rem;
  }
  .cs-spa-retail-content .credit-cards-card .infoContainer {
    text-align: center;
    display: block;
  }
  .cs-spa-retail-content .credit-cards-card .progressContainer {
    width: 50%;
    margin: 0 auto;
  }
  .cs-spa-retail-content .dashboard-halves-section {
    flex-wrap: wrap;
    margin-top: 3.5vw;
  }
  .cs-spa-retail-content .dashboard-halves-section > div {
    flex-basis: 100%;
  }
  .cs-spa-retail-content .dashboard-halves-section > div:first-of-type:after {
    display: none;
  }
  .cs-spa-retail-content .dashboard-thirds-section {
    width: 100%;
  }
  .cs-spa-retail-content .dashboard-thirds-section .thirds-section-wrapper {
    margin: 0;
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .dashboard-thirds-section .thirds-section-data-wrapper {
    padding: 0;
    border: none;
  }
  .cs-spa-retail-content .dashboard-thirds-section .thirds-section-data {
    width: 100%;
    height: auto;
    font-size: 2.4rem;
    margin-bottom: 5vw;
  }
  .cs-spa-retail-content .dashboard-thirds-section .thirds-section-data .displayNumber {
    font-size: 4.6rem;
  }
  .cs-spa-retail-content .dashboard-thirds-section .thirds-section-data .ellipsis-cell span {
    font-size: 3rem;
  }
  .cs-spa-retail-content .additional-actions-card .card-box .color-green {
    font-size: 2.6rem;
    line-height: 0.85;
  }
  .cs-spa-retail-content .additional-actions-card .card-box .box-add-txt {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .additional-actions-card .card-box .card-box-wrapper {
    height: 20vw;
  }
  .cs-spa-retail-content .dashboard-title {
    margin-top: 5vw;
    transform: none;
    position: static;
  }
  .cs-spa-retail-content .dashboard-title span {
    color: white;
  }
  .cs-spa-retail-content .dashboard-title h2 {
    font-size: 5rem;
    font-weight: 500;
  }
  .cs-spa-retail-content .dashboard-logo img {
    margin: 0 auto;
  }
  .cs-spa-retail-content .foreign-currency-card {
    padding-left: 0;
    padding-right: 0;
  }
  .cs-spa-retail-content .foreign-currency-card .dashboard-card-icon {
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .foreign-currency-card .dashboard-dropdown-wrapper {
    width: 100%;
  }
  .cs-spa-retail-content .foreign-currency-card .dashboard-dropdown-wrapper .green-link {
    float: none;
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .foreign-currency-card .dashboard-dropdown {
    right: 0;
    width: 100%;
    min-width: 0;
    padding: 15vw 0 5vw;
  }
  .cs-spa-retail-content .foreign-currency-card .dashboard-dropdown .currency-name {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .foreign-currency-card .dashboard-dropdown .currency-value {
    font-size: 2.8rem;
  }
  .cs-spa-retail-content .foreign-currency-card .dashboard-dropdown .dashboard-dropdown-entry {
    width: 100%;
    padding: 0 5vw;
  }
  .cs-spa-retail-content .foreign-currency-card .dashboard-dropdown .dashboard-dropdown-closeBtn {
    top: 2.5vw;
    right: 5vw;
  }
  .cs-spa-retail-content .foreign-currency-card .dashboard-dropdown:after {
    right: 50%;
    transform: translateX(50%);
  }
  .cs-spa-retail-content .credit-cards-section {
    width: 70vw;
    margin-bottom: 5vw;
  }
  .cs-spa-retail-content .credit-cards-row {
    padding: 0;
  }
  .cs-spa-retail-content .cards-slider-arrow-left {
    left: -3vw;
  }
  .cs-spa-retail-content .cards-slider-arrow-right {
    right: -3vw;
  }
  .cs-spa-retail-content .credit-card-item {
    height: 35vw;
    padding: 3.5vw;
  }
  .cs-spa-retail-content .credit-card-item.visible-slide {
    box-shadow: none;
  }
  .cs-spa-retail-content .credit-card-item .dashboard-card-sum {
    font-size: 6rem;
    margin-bottom: 0;
  }
  .cs-spa-retail-content .credit-card-item .dashboard-card-sum.dashboard-card-sum-foreign {
    font-size: 4rem;
  }
  .cs-spa-retail-content .credit-card-item .dashboard-card-sum-wrapper {
    margin-top: 0;
  }
  .cs-spa-retail-content .credit-card-number {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .credit-card-date {
    font-size: 3rem;
  }
  .cs-spa-retail-content .dashboard-header-subdetails:after {
    display: none;
  }
  .cs-spa-retail-content .move-card-section {
    top: 5vw;
    left: 7vw;
    display: block;
  }
  .cs-spa-retail-content .move-card-section-icon {
    width: 5vw;
    height: 5vw;
    margin-left: 0;
    margin-bottom: 2vw;
  }
  .cs-spa-retail-content .move-card-section-icon-img {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 769px) and (max-width: 768px) {
  .cs-spa-retail-content .dashboard-logo img {
    margin-top: 5px;
    width: 60px;
    height: 22px;
    float: left;
  }
}
@media (max-width: 576px) {
  .cs-spa-retail-content .dashboard-card-bottom-cells > div {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .cs-spa-retail-content .foreign-currency-table th,
  .cs-spa-retail-content .foreign-currency-table td {
    font-size: 1.6rem;
  }
  .cs-spa-retail-content .account-actions-card-header-section {
    font-size: 1.8rem;
    margin-right: 4.7vw;
    margin-top: 4vh;
  }
  .cs-spa-retail-content .account-actions-title {
    margin-right: 0;
    margin-bottom: 0.7vh;
  }
  .cs-spa-retail-content .account-actions-card {
    margin: 1.8vh 4.7vw;
    padding-right: 8vw;
    padding-left: 3vw;
  }
  .cs-spa-retail-content .account-actions-header {
    font-size: 2.5rem;
    padding-bottom: 4.4vh;
    padding-top: 4.4vh;
  }
  .cs-spa-retail-content .account-actions-btn {
    font-size: 2.8rem;
  }
  .cs-spa-retail-content .account-actions-burned {
    padding-right: 8vw;
  }
  .cs-spa-retail-content .mobility-request-card .dashboard-card-header-right .dashboard-card-icon {
    padding-top: 15px;
  }
  .cs-spa-retail-content .mobility-request-card.receive {
    background-color: #ffffff;
  }
  .cs-spa-retail-content .mobility-request-card .box-headline {
    text-align: right;
    display: inline-block;
  }
  .cs-spa-retail-content .mobility-request-card .box-headline .green-link {
    margin-right: 0;
  }
  .cs-spa-retail-content .mobility-request-card .details {
    padding-left: 15px;
  }
  .cs-spa-retail-content .mobility-request-card .details.receive {
    background-color: #ffffff;
  }
  .cs-spa-retail-content .mobility-request-card .details .detailed-box {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .cs-spa-retail-content .mobility-request-card .details .detailed-box .aligned {
    text-align: right;
  }
  .cs-spa-retail-content .mobility-request-card .details .detailed-box.border {
    border-left: none;
    border-bottom: 1px solid #D9DFE7;
  }
  .cs-spa-retail-content .mobility-request-card .details .btnContainer {
    display: block;
  }
  .cs-spa-retail-content .mobility-request-card .details .mobility-icon {
    top: -50px;
    left: 90px;
  }
  .cs-spa-retail-content .mobility-request-card .details .mobility-icon .icon {
    Width: 102px;
    Height: 90px;
  }
}
@media (min-width: 769px) {
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners2 .request-status-note {
    margin-top: 5px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners2 .more-details {
    display: block;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners2 .more-details .green-link {
    margin-top: 5px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .general-btn.general-btn-fixed {
    margin-right: auto;
    margin-left: 40px;
  }
}
@media (max-width: 769px) {
  .not-capital-market .cs-spa-retail-content .mobility-request-card .dashboard-card-header {
    padding-left: 0;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .mobility-request-cube {
    padding-bottom: 20px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card.dashboard-card {
    padding-bottom: 0;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .tabs-box,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .request-status-text,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .request-status-note {
    padding-right: 5px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .status-details {
    padding-right: 10px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .request-status-text {
    font-size: 16px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .request-status-text > div {
    padding-right: 15px;
    padding-left: 15px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .request-status-note > div {
    padding-right: 15px;
    padding-left: 15px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .detailed-box-wrap.first .detailed-box {
    width: 100%;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .detailed-box-wrap.first .detailed-box > div {
    display: inline-block;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .details {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .details > div {
    display: block;
    padding-bottom: 30px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .details .detailed-box-wrap.first {
    max-width: none;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .details .detailed-box-title {
    margin-bottom: 5px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .details .dash-icon-wrap {
    min-width: 26px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .details .mobility-icon {
    top: -70px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .details .mobility-icon.transfer {
    top: 0;
    left: 140px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .details .vertical-separator {
    display: none;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .in-process .mobility-cube-image {
    width: 168px;
    left: 15px;
    bottom: 15px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners1 .cube-buttons.drive-to-action,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners2 .cube-buttons.drive-to-action {
    display: block;
    width: auto;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners1 .cube-buttons.drive-to-action .blue-circle-btn,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners2 .cube-buttons.drive-to-action .blue-circle-btn {
    min-width: auto;
    padding: 1px 7px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners1 .details,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners2 .details,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .transfer-completed .details,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .transfer-in-process .details {
    margin-bottom: 0;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners1 .mobility-cube-image,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .partners2 .mobility-cube-image,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .transfer-completed .mobility-cube-image,
  .not-capital-market .cs-spa-retail-content .mobility-request-card .transfer-in-process .mobility-cube-image {
    left: 18px;
    bottom: 28px;
    width: 144px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .transfer-completed .mobility-cube-image {
    width: 142px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .transfer-in-process .details > div:last-of-type {
    padding-bottom: 15px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .transfer-in-process .mobility-cube-image {
    width: 122px;
    bottom: 5px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .transfer-in-process .cube-buttons.drive-to-action {
    width: auto;
    bottom: -17px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .transfer-in-process .cube-buttons.drive-to-action .blue-circle-btn {
    min-width: auto;
    width: 140px;
    height: 34px;
  }
  .not-capital-market .cs-spa-retail-content .mobility-request-card .calendar-clock-icon {
    height: 19px;
  }
}
html[lang="en"] .not-capital-market .cs-spa-sme-content .dashboard-card-bottom-cells > div {
  padding-left: 1%;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  transform: translate(0, 0);
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: 0.08em solid #eee;
  border-radius: 0.1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  transform: scale(1, -1);
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: white;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-close:before,
.fa-remove:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-cog:before,
.fa-gear:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-repeat:before,
.fa-rotate-right:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-exclamation-triangle:before,
.fa-warning:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-cogs:before,
.fa-gears:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-floppy-o:before,
.fa-save:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-sort:before,
.fa-unsorted:before {
  content: "\f0dc";
}
.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd";
}
.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-bolt:before,
.fa-flash:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-clipboard:before,
.fa-paste:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-chain-broken:before,
.fa-unlink:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-caret-square-o-down:before,
.fa-toggle-down:before {
  content: "\f150";
}
.fa-caret-square-o-up:before,
.fa-toggle-up:before {
  content: "\f151";
}
.fa-caret-square-o-right:before,
.fa-toggle-right:before {
  content: "\f152";
}
.fa-eur:before,
.fa-euro:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-inr:before,
.fa-rupee:before {
  content: "\f156";
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
  content: "\f157";
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
  content: "\f158";
}
.fa-krw:before,
.fa-won:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-caret-square-o-left:before,
.fa-toggle-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-try:before,
.fa-turkish-lira:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-bank:before,
.fa-institution:before,
.fa-university:before {
  content: "\f19c";
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
  content: "\f1c5";
}
.fa-file-archive-o:before,
.fa-file-zip-o:before {
  content: "\f1c6";
}
.fa-file-audio-o:before,
.fa-file-sound-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-empire:before,
.fa-ge:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-paper-plane:before,
.fa-send:before {
  content: "\f1d8";
}
.fa-paper-plane-o:before,
.fa-send-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before,
.fa-genderless:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-futbol-o:before,
.fa-soccer-ball-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-bed:before,
.fa-hotel:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.show-over-flow .ngsb-wrap .ngsb-container {
  overflow: visible;
}
.ngsb-wrap {
  -ms-touch-action: none;
}
.ngsb-wrap .ngsb-container {
  width: auto;
  overflow: hidden;
  transition: 0.5s all;
}
.ngsb-wrap:hover .ngsb-scrollbar {
  opacity: 1;
  filter: "alpha(opacity=100)";
}
.ngsb-wrap .ngsb-scrollbar {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.ngsb-wrap .ngsb-scrollbar a.ngsb-thumb-container {
  margin: 20px 0;
}
.ngsb-wrap .ngsb-scrollbar .ngsb-track {
  height: 100%;
  margin: 0 auto;
  width: 6px;
  background: #000;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  filter: "alpha(opacity=40)";
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos {
  cursor: pointer;
  width: 100%;
  height: 30px;
}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {
  transition: 0.5s all;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 10px;
  text-align: center;
  background: #ffffff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.4);
  filter: "alpha(opacity=40)";
}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos:hover .ngsb-thumb {
  background: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos:active {
  background: rgba(255, 255, 255, 0.6);
  filter: "alpha(opacity=60)";
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content.wizard-section h1,
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content.wizard-section h2 {
  font-weight: 700;
  color: #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content.wizard-section h1 {
  font-size: 3rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content.wizard-section h2 {
  font-size: 2rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content.wizard-section .caret-icon {
  float: left;
  margin-top: 10px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content.wizard-section .datepickerDropdown .input-group {
  display: block;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content.wizard-section .datepickerDropdown input {
  max-width: initial;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content.wizard-section .datepicker-icon {
  left: 12px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  display: inline-block;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content.wizard-section .checkboxContainer .btn .checkboxPic {
  top: 0;
  position: relative;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-continue {
  position: relative;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-continue .general-btn {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-tabs {
  margin-bottom: 24px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-tabs li {
  cursor: pointer;
  margin-left: 28px;
  color: #7d91a1;
  display: inline-block;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-tabs li.active {
  font-weight: 700;
  color: #4e5664;
  border-bottom: 3px solid #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-step-content {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: #ffffff;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-action-bar {
  height: 72px;
  padding: 0 15px;
  background-color: #ffffff;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-action-bar span {
  cursor: pointer;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-step-section {
  padding: 24px 64px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-step-section hr {
  margin-top: 56px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-form-row {
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .input-error-msg {
  color: #fb5f5f;
  display: block;
  font-size: 1.2rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .invalid-input input {
  border: 1px solid #fb5f5f !important;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-input-block {
  margin-left: 8px;
  flex: 0 0 324px;
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  -ms-flex-preferred-size: 324px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-input-block:last-of-type {
  margin-left: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-input-block label {
  display: inline-block;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-input-block .inputFieldWrapperLTR input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  font-size: 1.6rem;
  border-radius: 4px;
  background-color: #e7f1f9;
  text-transform: uppercase;
  text-align: left;
  direction: ltr;
  border: 1px solid #a4b2bd;
  color: #4e5664;
}
@media only screen and (max-width: 640px) {
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-input-block .inputFieldWrapper input,
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-input-block .wizard-dropdown button,
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-input-block input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  font-size: 1.6rem;
  text-align: right;
  border-radius: 4px;
  background-color: #e7f1f9;
  text-transform: uppercase;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.open input:not(.ng-empty) {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.open ul {
  width: 100%;
  border: none;
  border-radius: 0;
  max-height: 284px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.open ul li {
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 2.75rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.wizard-autocomplete:after {
  content: "";
  top: 50%;
  width: 0;
  height: 0;
  left: 12px;
  position: absolute;
  display: inline-block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.wizard-autocomplete.open:after {
  display: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.wizard-autocomplete .xIconClearSearch {
  z-index: 10;
  background-color: #e7f1f9;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.wizard-autocomplete .xIconClearSearch.frn-xIconClearSearch {
  right: 10px;
  left: inherit;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.wizard-autocomplete ul {
  max-height: 240px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.wizard-autocomplete ul li {
  padding-bottom: 0;
  color: #7d91a1;
  line-height: 2.5rem;
  margin-bottom: 12px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.wizard-autocomplete ul li a {
  padding: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizard-dropdown.wizard-autocomplete ul li a:hover {
  color: #4bc87d;
  background-image: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  margin-bottom: 42px;
  background-color: #ffffff;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader .container-fluid {
  height: 78px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader .account-combo {
  margin-right: 24px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader .header-data-cell {
  height: 100%;
  flex: 0 0 auto;
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  -ms-flex-preferred-size: auto;
  min-width: 226px;
  padding: 0 12px;
  border-left: 1px solid #a4b2bd;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader .header-data-cell:first-of-type {
  border-right: 1px solid #a4b2bd;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader .header-data-cell img {
  margin: 0 16px;
  display: inline-block;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader .header-data {
  color: #7d91a1;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader .header-data p {
  font-size: 1.5rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader .header-data span {
  font-size: 2.2rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .wizardHeader .header-data .currency-symbol {
  margin-right: 8px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .process-summary {
  margin: 24px 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .process-summary > div {
  padding-right: 12px;
  border-right: 1px solid #a4b2bd;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .process-summary > div:first-of-type {
  padding-right: 0;
  border-right: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .process-summary .process-summary-detail {
  margin-bottom: 12px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .process-summary .detail-title {
  font-size: 1.6rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .process-summary .detail-value {
  color: #7d91a1;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .transfers-step-three {
  text-align: center;
  position: relative;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .transfers-step-three p {
  color: #7d91a1;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .transfers-step-three hr {
  width: 36px;
  margin: 16px auto;
  border-top: 2px solid #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .transfers-step-three .general-btn {
  width: 148px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .transfers-step-three .process-timestamp {
  font-size: 2rem;
  font-family: 'Josefin Sans', sans-serif;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .transfers-step-three .circle-v-btn {
  top: -68px;
  z-index: 1030;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-boxes-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box-wrapper {
  width: 23.5%;
  margin-top: 16px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 2%;
  display: -ms-flexbox;
  display: flex;
  color: #7d91a1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: 'Josefin Sans', sans-serif, 'Rubik', sans-serif;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box-wrapper:nth-of-type(4n) {
  margin-left: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box-wrapper .input-error-msg {
  margin-top: 4px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box {
  width: 100%;
  height: 80px;
  border-radius: 10px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #c6ddeb;
  line-height: 2rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.invalid-input {
  border: 1px solid #fb5f5f;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box p {
  font-size: 2rem;
  font-weight: 400;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box p span {
  font-weight: 400;
  font-size: 1.4rem;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box:hover,
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box:focus {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  cursor: pointer;
  border-color: #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.active {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  border-color: #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.active p {
  color: #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.active span {
  color: #7d91a1;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box:hover .add-circle-icon {
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  background-color: #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box.blurred-bottom:after {
  display: none;
  bottom: -270px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box .dropdown-title {
  height: 100%;
  display: none;
  font-weight: 500;
  text-align: right;
  padding-top: 14px;
  font-size: 1.8rem;
  color: #4e5664;
  padding-right: 20px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box.open {
  border: none;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  -ms-flex-align: start;
  align-items: flex-start;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box.open button i,
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box.open button p {
  display: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box.open .dropdown-title {
  display: block;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box.open.blurred-bottom:after {
  display: block;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box button {
  width: 100%;
  height: 100%;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box .dropdown-menu {
  top: 60%;
  width: 100%;
  border: none;
  height: 300px;
  overflow-y: auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box .dropdown-menu p {
  font-size: 1.6rem;
  color: #7d91a1;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box .dropdown-menu .dropdown-title {
  padding: 0 20px;
  font-size: 1.8rem;
  color: #4e5664;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box .dropdown-menu li {
  margin-bottom: 12px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box .dropdown-menu a:hover p,
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .account-box.add-item-box .dropdown-menu a:focus p {
  color: #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .compound-input {
  display: flex;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .compound-input input {
  margin-left: 4px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .compound-input input:last-of-type {
  margin-left: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .compound-input.error {
  border: solid 1px #fb5f5f;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .left-aligned {
  text-align: left;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .cs-spa-retail-content .fa-chevron-circle-left {
  color: #4bc87d;
  font-size: 22px;
  vertical-align: middle;
  margin-right: 8px;
}
.mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .top-link-v-tab {
  margin-left: 25px;
  float: right;
}
.mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .top-link-v-tab .currentPage {
  font-weight: 700;
  color: #4e5664;
  border-bottom: 3px solid #4bc87d;
  pointer-events: none;
}
.mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .top-link-v-tab :hover,
.mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .top-link-v-tab :focus {
  color: #4bc87d;
}
.mainTabsSectionWrapper .mainTabsSection .more-activities-btn {
  --dropdown-top-position: 100%;
  float: right;
}
.mainTabsSectionWrapper .mainTabsSection .more-activities-btn .generalDropdown {
  margin-top: 0;
}
.mainTabsSectionWrapper .mainTabsSection .more-activities-btn .dropdown-menu .tab-link-item.currentPage {
  color: #4bc87d;
  pointer-events: none;
}
.mainTabsSectionWrapper .mainTabsSection .more-activities-btn.btnFilter.open .dropdownOperation {
  top: 20px;
}
@media (max-width: 769px) {
  .mainTabsSectionWrapper .mainTabsSection .v-tab-container {
    height: 47px;
  }
  .mainTabsSectionWrapper .mainTabsSection .more-activities-btn {
    height: 40px;
  }
  .mainTabsSectionWrapper .mainTabsSection .more-activities-btn .dropdown-menu .spaceLinks a {
    color: #4e5664;
  }
  .mainTabsSectionWrapper .mainTabsSection .dropdown-menu {
    float: right;
  }
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl {
    display: inline-flex;
  }
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .top-link-v-tab,
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .spaceLinks {
    display: flex;
  }
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .top-link-v-tab:not(:last-child),
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .spaceLinks:not(:last-child) {
    margin-left: 13px;
  }
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .top-link-v-tab:last-child,
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .spaceLinks:last-child {
    margin-left: 0;
  }
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .top-link-v-tab a.tab-link-item,
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .spaceLinks a.tab-link-item {
    height: 40px;
    float: right;
    padding: 0;
    font-size: 17px;
    white-space: nowrap;
    line-height: 47px;
  }
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .top-link-v-tab a.tab-link-item.currentPage,
  .mainTabsSectionWrapper .mainTabsSection ul.top-link-v-tabs#mainTabsControl .spaceLinks a.tab-link-item.currentPage {
    color: #000000;
    border-bottom: 3px solid #4bc87d;
    font-weight: 500;
  }
}
.datePickerComponent {
  display: inline-block;
  white-space: nowrap;
}
.datePickerComponent .pull-right {
  float: right !important;
}
.datePickerComponent .pull-left {
  float: left !important;
}
.datePickerComponent .btn-default {
  border-color: transparent;
  background: #ffffff;
  box-shadow: none;
}
.datePickerComponent .btn-info:hover {
  color: #000000;
}
.datePickerComponent .dp-label {
  padding-left: 15px !important;
  font-size: 16px;
  line-height: 23px;
}
.datePickerComponent .uib-calendar-img {
  background: url(media/images/calendarIcon.b9eed079b060ae6bcc30..png);
  width: 22px;
  height: 23px;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-size: 22px;
  top: 1px;
  cursor: pointer;
  margin-left: 5px;
}
.datePickerComponent .uib-calendar-img-disable {
  opacity: 0.5;
}
.datePickerComponent input.form-control {
  height: 28px;
  width: 120px;
  max-height: 28px;
  font-size: 15px !important;
  font-family: 'Arimo';
  padding: 0 15px !important;
  cursor: pointer;
}
.datePickerComponent ul.uib-datepicker-popup {
  font-size: 14px;
  font-family: 'Arimo';
}
.datePickerComponent ul.uib-datepicker-popup .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #a4b2bd;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.datePickerComponent ul.uib-datepicker-popup .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #a4b2bd;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker {
  outline-color: transparent;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th {
  font-weight: bold !important;
  border-top: 0px solid transparent !important;
  border-bottom: 0px solid transparent !important;
  text-align: center !important;
  padding: 10px 0px !important;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th small,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th small,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th small {
  font-size: 90% !important;
  color: #7d91a1;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-left,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-left,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-left,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-right,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-right,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-right {
  padding: 0;
  width: 15px;
  height: 15px;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-left i,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-left i,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-left i,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-right i,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-right i,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-right i {
  font-weight: 600;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-left .glyphicon-chevron-left,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-left .glyphicon-chevron-left,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-left .glyphicon-chevron-left,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-right .glyphicon-chevron-left,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-right .glyphicon-chevron-left,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-right .glyphicon-chevron-left,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-left .glyphicon-chevron-right,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-left .glyphicon-chevron-right,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-left .glyphicon-chevron-right,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-right .glyphicon-chevron-right,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-right .glyphicon-chevron-right,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-right .glyphicon-chevron-right {
  width: 15px;
  height: 15px;
  display: inline-block;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-left .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-left .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-left .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-right .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-right .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-right .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-left .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-left .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-left .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-right .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-right .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-right .glyphicon-chevron-right:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-left .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-left .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-left .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-right .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-right .glyphicon-chevron-left:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-right .glyphicon-chevron-left:before {
  background-image: url(media/images/iconDateRight.9537212e0997755a9d3e..png);
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-left .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-left .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-left .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th .uib-right .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th .uib-right .glyphicon-chevron-right:before,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th .uib-right .glyphicon-chevron-right:before {
  background-image: url(media/images/iconDateLeft.25553712ed7325f35b35..png);
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table thead tr th button.uib-title,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table thead tr th button.uib-title,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table thead tr th button.uib-title {
  background-color: #ffffff;
  border: 0 solid #ffffff;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table .datepicker td,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table .datepicker td,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table .datepicker td,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table .datepicker th,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table .datepicker th,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table .datepicker th {
  width: 32px;
  height: 32px;
  border-radius: 4px;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table .datepicker td small,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table .datepicker td small,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table .datepicker td small,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table .datepicker th small,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table .datepicker th small,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table .datepicker th small {
  font-size: 90% !important;
  color: #7d91a1;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-day,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-day,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-day,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-day,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-day,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-day,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-day,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-day,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-day,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-month,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-month,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-month,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-month,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-month,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-month,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-month,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-month,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-month,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-year,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-year,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-year,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-year,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-year,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-year,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-year,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-year,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-year {
  border-top: 0px solid transparent !important;
  border-bottom: 0px solid transparent !important;
  text-align: center !important;
  padding: 5px 1px !important;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-day button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-day button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-day button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-day button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-day button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-day button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-day button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-day button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-day button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-month button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-month button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-month button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-month button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-month button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-month button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-month button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-month button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-month button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-year button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-year button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-year button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-year button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-year button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-year button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-year button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-year button,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-year button {
  background: #ffffff;
  border-color: transparent;
  font-size: 12px;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-day button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-day button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-day button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-day button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-day button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-day button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-day button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-day button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-day button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-month button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-month button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-month button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-month button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-month button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-month button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-month button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-month button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-month button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-year button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-year button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-year button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-year button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-year button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-year button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-year button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-year button.active,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-year button.active {
  height: 22px;
  width: 100%;
  color: #ffffff;
  /*                  border-radius: 50%;*/
  border-color: #4bc87d;
  background-color: #4bc87d;
  box-shadow: 0px 0px 17px -7px black;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-day button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-day button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-day button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-day button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-day button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-day button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-day button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-day button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-day button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-month button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-month button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-month button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-month button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-month button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-month button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-month button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-month button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-month button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-year button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-year button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-year button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-year button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-year button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-year button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-year button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-year button.active span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-year button.active span {
  color: #ffffff;
}
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-day button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-day button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-day button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-day button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-day button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-day button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-day button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-day button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-day button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-month button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-month button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-month button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-month button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-month button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-month button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-month button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-month button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-month button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-weeks td.uib-year button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-weeks td.uib-year button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-weeks td.uib-year button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-months td.uib-year button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-months td.uib-year button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-months td.uib-year button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-daypicker table tbody tr.uib-years td.uib-year button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-monthpicker table tbody tr.uib-years td.uib-year button:disabled span,
.datePickerComponent ul.uib-datepicker-popup .uib-datepicker .uib-yearpicker table tbody tr.uib-years td.uib-year button:disabled span {
  color: #7d91a1;
}
.datepickerDropdown .btn-default[disabled] {
  background-image: none;
  background-color: transparent;
  opacity: 0.25;
}
.btnMainContainer {
  bottom: 0;
  left: 20px;
  height: 62px;
  margin: 0 -5px;
  position: absolute;
  transform: translateY(50%);
}
.btnMainContainer > div {
  float: right;
  padding: 0 5px;
}
.btnMainContainer .link {
  width: 62px;
  z-index: 12;
  height: 100%;
  display: block;
  cursor: pointer;
  position: relative;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 9px 25px 0px rgba(132, 155, 249, 0.45);
}
.btnMainContainer .add {
  background-color: #849bf9;
}
.btnMainContainer .add:hover {
  background-color: #9caffa;
}
.btnMainContainer .messages {
  background-color: #ffffff;
}
.btnMainContainer .messages:hover {
  background-color: #e6e6e6;
}
.btnMainContainer .number {
  right: 0;
  bottom: 0;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  position: absolute;
  color: #ffffff;
  background-color: #849bf9;
  font: 12px/19px 'Josefin Sans', sans-serif;
}
.btnMainContainer .icon {
  padding: 37% 0;
}
.cs-spa-retail-content .quick-actions-btn {
  opacity: 1;
  width: 62px;
  height: 62px;
  border-radius: 100%;
  z-index: 1000;
  position: absolute;
  visibility: visible;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  transition: 0.05s ease-in all;
  background-color: #5b77f5;
}
.cs-spa-retail-content .quick-actions-btn.quick-actions-btn--hide {
  opacity: 0;
  visibility: hidden;
}
.cs-spa-retail-content .quick-actions-btn span {
  width: 14px;
  height: 14px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 20px;
  display: inline-block;
  transition: all 0.25s ease;
}
.cs-spa-retail-content .quick-actions-btn span:after,
.cs-spa-retail-content .quick-actions-btn span:before {
  content: "";
  width: 100%;
  height: 2px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  background-color: white;
}
.cs-spa-retail-content .quick-actions-btn span:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.cs-spa-retail-content .quick-actions-btn.quick-actions-btn-open {
  left: 0;
  bottom: -42px;
}
.cs-spa-retail-content .quick-actions-btn.quick-actions-btn-close {
  right: 0;
  top: 124px;
  transform: translateX(50%);
  background: url(media/images/quick-actions-close-x.9f547d6580644949ba89..png) white no-repeat center;
}
.cs-spa-retail-content .plusMenu-text {
  left: 25%;
  color: white;
  margin-top: 15px;
}
.cs-spa-retail-content .quick-actions-menu {
  top: 0;
  left: 0;
  z-index: 1050;
  height: 100vh;
  color: white;
  position: fixed;
  display: flex;
  padding-top: 24px;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  flex-direction: column;
  background-color: #5b77f5;
  width: 265px;
  transform: translateX(-100%);
  transition: 0.5s ease-in all;
}
.cs-spa-retail-content .quick-actions-menu.in-view {
  transform: translateX(0);
}
.cs-spa-retail-content .quick-actions-menu.in-view .quick-actions-overlay {
  background-color: rgba(0, 0, 0, 0.25);
}
.cs-spa-retail-content .quick-actions-menu .ngsb-wrap .ngsb-scrollbar {
  right: 26px;
}
.cs-spa-retail-content .quick-actions-menu .quick-actions-overlay {
  top: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 265px;
  background-color: rgba(0, 0, 0, 0);
  transition: 0.5s ease-in background-color;
}
.cs-spa-retail-content .quick-actions-menu h3 {
  font-size: 2rem;
  font-weight: 400;
  margin: 0 42px 42px;
}
.cs-spa-retail-content .quick-actions-menu .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {
  background-color: white;
}
.cs-spa-retail-content .quick-actions-list-wrapper {
  overflow-y: auto;
  position: relative;
  height: calc(100vh - 314px);
}
.cs-spa-retail-content .quick-actions-disabled-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1030;
  position: absolute;
}
.cs-spa-retail-content .quick-actions-list {
  padding: 0 44px;
}
.cs-spa-retail-content .quick-actions-list.toggled .quick-action-arrow {
  transform: rotate(-90deg);
}
.cs-spa-retail-content .quick-actions-list.toggled .quick-action-group-list {
  display: block;
}
.cs-spa-retail-content .quick-action-group {
  position: relative;
}
.cs-spa-retail-content .quick-action-group-toggle {
  color: white;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 24px;
}
.cs-spa-retail-content .quick-action-arrow {
  top: 5px;
  left: -2px;
  width: 5px;
  height: 9px;
  position: absolute;
}
.cs-spa-retail-content .quick-action-group-list {
  display: none;
}
.cs-spa-retail-content .quick-action-open-wizard-btn {
  color: white;
  text-align: right;
}
.cs-spa-retail-content .quick-action-open-wizard-btn:hover,
.cs-spa-retail-content .quick-action-open-wizard-btn:focus {
  color: #2e3c7b;
}
.cs-spa-retail-content .quick-action-open-wizard-btn:hover + .add-to-favourites-icon,
.cs-spa-retail-content .quick-action-open-wizard-btn:focus + .add-to-favourites-icon {
  opacity: 1;
}
.cs-spa-retail-content .quick-action-title {
  color: white;
  font-size: 1.6rem;
  position: relative;
  padding-right: 12px;
  margin-bottom: 32px;
}
.cs-spa-retail-content .quick-action-title:last-of-lype {
  margin-bottom: 0;
}
.cs-spa-retail-content .quick-action-title:hover {
  font-weight: 600;
}
.cs-spa-retail-content .quick-action-title:hover .quick-action-open-wizard-btn {
  color: #2e3c7b;
}
.cs-spa-retail-content .quick-action-title:hover .add-to-favourites-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.cs-spa-retail-content .remove-from-favourites-icon {
  left: -4px;
  top: -16px;
  position: absolute;
}
.cs-spa-retail-content .remove-from-favourites-icon img {
  width: 16px;
  height: 16px;
}
.cs-spa-retail-content .add-to-favourites-icon {
  top: 50%;
  left: -30px;
  width: 36px;
  height: 36px;
  opacity: 0;
  position: absolute;
  transform: translateY(-50%);
}
.cs-spa-retail-content .add-to-favourites-icon img {
  width: 16px;
  height: 16px;
}
.cs-spa-retail-content .add-to-favourites-icon:hover,
.cs-spa-retail-content .add-to-favourites-icon:focus {
  opacity: 1;
}
.cs-spa-retail-content .add-to-favourites-icon:hover .add-to-favourites-tooltip,
.cs-spa-retail-content .add-to-favourites-icon:focus .add-to-favourites-tooltip {
  white-space: nowrap;
  border-radius: 50px;
  display: inline-block;
}
.cs-spa-retail-content .quick-actions-favourites-title {
  font-size: 1.1rem;
}
.cs-spa-retail-content .add-to-favourites-tooltip {
  top: -28px;
  left: -12px;
  height: 30px;
  display: none;
  color: white;
  padding: 0 12px;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 30px;
  position: absolute;
  background-color: #2e3c7b;
}
.cs-spa-retail-content .add-to-favourites-tooltip:after {
  content: "";
  width: 0;
  height: 0;
  left: 24px;
  bottom: -6px;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #2e3c7b;
}
.cs-spa-retail-content .quick-actions-search {
  height: 48px;
  padding: 0 44px;
  line-height: 48px;
  margin-bottom: 24px;
  background-color: #7189f7;
}
.cs-spa-retail-content .quick-actions-search .quick-actions-input-wrapper {
  position: relative;
}
.cs-spa-retail-content .quick-actions-search input {
  border: none;
  font-size: 1.6rem;
  background-color: transparent;
}
.cs-spa-retail-content .quick-actions-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
.cs-spa-retail-content .quick-actions-search input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
.cs-spa-retail-content .quick-actions-search input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
.cs-spa-retail-content .quick-actions-search input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
.cs-spa-retail-content .quick-actions-search .quick-search-icon,
.cs-spa-retail-content .quick-actions-search .quick-clear-icon {
  left: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.cs-spa-retail-content .quick-actions-search .quick-search-icon {
  width: 24px;
  height: 24px;
}
.cs-spa-retail-content .quick-actions-search .quick-clear-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  display: inline-block;
  display: none;
}
.cs-spa-retail-content .quick-actions-search .quick-clear-icon:after,
.cs-spa-retail-content .quick-actions-search .quick-clear-icon:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #ffffff;
}
.cs-spa-retail-content .quick-actions-search .quick-clear-icon:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .quick-actions-search .quick-clear-icon:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .quick-actions-favorites {
  padding: 0 35px;
}
.cs-spa-retail-content .quick-actions-favorites-text {
  display: flex;
  margin-bottom: 26px;
}
.cs-spa-retail-content .quick-actions-favorites-text p {
  font-size: 2rem;
  margin-left: auto;
}
.cs-spa-retail-content .quick-actions-favorites-text button {
  color: white;
  font-size: 1.6rem;
  text-decoration: underline;
}
.cs-spa-retail-content .quick-actions-favorites-text button.quick-actions-bold {
  color: #2e3c7b;
}
.cs-spa-retail-content .quick-actions-favorites-text button:hover {
  text-decoration: none;
}
.cs-spa-retail-content .quick-actions-bold {
  font-weight: 600;
  color: #2e3c7b;
}
.cs-spa-retail-content .quick-actions-favorites-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1% 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.cs-spa-retail-content .quick-actions-favorites-list-inner {
  padding: 0 1%;
  text-align: center;
  margin-bottom: 22px;
}
.cs-spa-retail-content .quick-actions-favorites-list-icon {
  width: 28px;
  height: 28px;
  display: inline-block;
}
.cs-spa-retail-content .quick-actions-favorites-list-btn {
  color: white;
}
@media (min-width: 1200px) {
  html:lang(en) .cs-spa-sme-content .error-long {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1;
  }
  html:lang(en) .cs-spa-sme-content .error-long.reverse {
    justify-content: flex-start;
  }
  html:lang(en) .cs-spa-sme-content .error-long .inputChangeCardName {
    max-width: 221px;
  }
  html:lang(en) .cs-spa-sme-content .error-long .inputChangeCardName.short {
    max-width: 182px;
  }
}
.cs-spa-retail-content .profile-lobby-content .print-only {
  display: none;
}
.cs-spa-retail-content .profile-lobby-content .space {
  margin-right: 7px;
}
.cs-spa-retail-content .profile-lobby-content .wizard-step-section {
  position: relative;
  background: white;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 64px;
  padding-left: 24px;
}
.cs-spa-retail-content .profile-lobby-content .wizard-step-section.commisionsTrack-step2,
.cs-spa-retail-content .profile-lobby-content .wizard-step-section.commisionsTrack-step3 {
  margin-top: 80px;
}
.cs-spa-retail-content .profile-lobby-content .wizard-step-section.overlay:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  position: absolute;
  height: calc(100% + 64px);
  background-color: rgba(255, 255, 255, 0.7);
}
.cs-spa-retail-content .profile-lobby-content .my-profile-IBAN-cell {
  width: 130px;
}
.cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table .generalDropdown {
  width: 260px;
  line-height: 3.6rem;
}
.cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table .table-scrollable-area {
  width: 100%;
  display: block;
}
.cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table .table-scrollable-area .ngsb-wrap .ngsb-scrollbar {
  right: -28px;
}
.cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table tr {
  border: none;
}
.cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table tr:after {
  display: none;
}
.cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table td,
.cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table th {
  padding: 0;
}
.cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table .company-name-cell {
  display: block;
  line-height: 40px;
}
.cs-spa-retail-content .profile-lobby-content .section-header {
  font-size: 2.2rem;
  color: #4bc87d;
}
.cs-spa-retail-content .profile-lobby-content .default-profile-icon {
  right: 14px;
  top: 10px;
  position: absolute;
}
.cs-spa-retail-content .profile-lobby-content .default-profile-icon img {
  width: 14px;
  height: 14px;
}
.cs-spa-retail-content .profile-lobby-content .default-profile-tooltip {
  white-space: nowrap;
}
.cs-spa-retail-content .profile-lobby-content .remark-font {
  font-weight: 400;
  font-size: 1.4rem;
  color: #7d91a1;
}
.cs-spa-retail-content .profile-lobby-content .general-card .details-box {
  display: flex;
  font-size: 2.2rem;
  padding: 0 15px 15px;
  align-items: center;
  border-left: solid 1px #c6ddeb;
}
.cs-spa-retail-content .profile-lobby-content .general-card .details-box .details-box-icon {
  width: 20px;
  height: 20px;
}
.cs-spa-retail-content .profile-lobby-content .general-card .details-box:last-of-type {
  border-left: none;
}
.cs-spa-retail-content .profile-lobby-content .p-t-b-15 {
  padding: 15px 0;
}
.cs-spa-retail-content .profile-lobby-content .text-align-top {
  vertical-align: top;
}
.cs-spa-retail-content .profile-lobby-content .font-size-16 {
  font-size: 1.6rem;
}
.cs-spa-retail-content .profile-lobby-content .font-size-18 {
  font-size: 1.8rem;
}
.cs-spa-retail-content .profile-lobby-content .font-size-2 {
  font-size: 2rem;
}
.cs-spa-retail-content .profile-lobby-content .font-size-26 {
  font-size: 2.6rem;
}
.cs-spa-retail-content .profile-lobby-content .font-size-46 {
  font-size: 4.6rem;
}
.cs-spa-retail-content .profile-lobby-content .color-dark-grey {
  color: #6e7685;
}
.cs-spa-retail-content .profile-lobby-content .color-darker-grey {
  color: #4e5664;
}
.cs-spa-retail-content .profile-lobby-content .font-medium {
  font-weight: 500;
}
.cs-spa-retail-content .profile-lobby-content .errorInfoMessage {
  text-align: right;
  padding-right: 30px;
}
.cs-spa-retail-content .profile-lobby-content .details-box .padding-r-10 {
  padding-right: 10px;
}
.cs-spa-retail-content .profile-lobby-content .tableViewSwitch {
  font-size: 1.4rem;
}
.cs-spa-retail-content .profile-lobby-content .textCard {
  width: 100%;
}
.cs-spa-retail-content .profile-lobby-content .generalTable.credit-cards-table .inputChangeCardName {
  width: 80%;
}
.cs-spa-retail-content .profile-lobby-content .textTopTable {
  font-size: 1.4rem;
}
.cs-spa-retail-content .profile-lobby-content .textTopTable .collapse.in {
  height: auto;
  position: relative;
}
.cs-spa-retail-content .profile-lobby-content .collapse.in {
  height: auto;
  position: relative;
}
.cs-spa-retail-content .profile-lobby-content .companies-list-row {
  padding: 8px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cs-spa-retail-content .profile-lobby-content .companies-list-row .dropdownBlock {
  margin: 0 12px;
}
.cs-spa-retail-content .profile-lobby-content .toggleBtn:after {
  transform: scale(1);
  content: "";
  width: 18px;
  height: 18px;
  background: #4bc87d url(media/images/arrowIconTransfer.003bdde77d515aeb8b91..png) no-repeat 3px 4px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
}
.cs-spa-retail-content .profile-lobby-content .toggleBtn.toggle-open:after {
  transform: rotate(270deg);
}
.cs-spa-retail-content .profile-lobby-content .centered {
  text-align: center;
}
.cs-spa-retail-content .profile-lobby-content .boldText {
  font-weight: 600;
}
.cs-spa-retail-content .profile-lobby-content textarea {
  padding: 5px;
  background: #eaf5f9;
  width: 100%;
  border: none;
}
.cs-spa-retail-content .profile-lobby-content .generalTable th:first-of-type,
.cs-spa-retail-content .profile-lobby-content .generalTable td:first-of-type {
  padding-right: 40px;
}
.cs-spa-retail-content .profile-lobby-content .bordered-box-wrapper {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-spa-retail-content .profile-lobby-content .bordered-box {
  cursor: pointer;
  min-width: 285px;
  margin-left: 60px;
  max-height: 235px;
  padding: 30px 50px;
  position: relative;
  border-radius: 10px;
  border: solid 1px #afc4d2;
}
.cs-spa-retail-content .profile-lobby-content .bordered-box:hover,
.cs-spa-retail-content .profile-lobby-content .bordered-box.selected {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  border: 2px solid #4bc87d;
}
.cs-spa-retail-content .profile-lobby-content .bordered-box:hover .fee-title,
.cs-spa-retail-content .profile-lobby-content .bordered-box.selected .fee-title {
  color: #4bc87d;
}
.cs-spa-retail-content .profile-lobby-content .bordered-box:last-of-type {
  margin-left: 0;
}
.cs-spa-retail-content .profile-lobby-content .fee-details-text {
  color: #4e5664;
  font-size: 1.6rem;
  margin-bottom: 12px;
}
.cs-spa-retail-content .profile-lobby-content .fee-value {
  font-family: "Josefin Sans";
  margin-top: 8px;
  font-weight: 300;
  font-size: 4.6rem;
  color: #4e5664;
  line-height: 4rem;
}
.cs-spa-retail-content .profile-lobby-content .fee-value .decimal_point {
  font-size: 60%;
}
.cs-spa-retail-content .profile-lobby-content .fee-value small {
  font-size: 60%;
  font-family: 'Rubik';
}
.cs-spa-retail-content .profile-lobby-content .selected-box {
  pointer-events: none;
}
.cs-spa-retail-content .profile-lobby-content .selected-box > p {
  opacity: 0.5;
}
.cs-spa-retail-content .profile-lobby-content .selected-box-icon {
  position: absolute;
  top: 10px;
  width: 16px;
  height: 16px;
  right: 10px;
}
.cs-spa-retail-content .profile-lobby-content .green-link:hover,
.cs-spa-retail-content .profile-lobby-content .green-link:focus,
.cs-spa-retail-content .profile-lobby-content .green-link:active {
  color: #4bc87d;
}
.cs-spa-retail-content .profile-lobby-content .ellipsis-cell {
  display: inline-block;
  max-width: 90%;
  vertical-align: middle;
}
.cs-spa-sme-content .general-card {
  padding-left: 0;
  padding-right: 0;
}
.cs-spa-retail-content.myaccount-close-modal .modal-dialog .modal-content {
  width: 1040px;
}
.cs-spa-retail-content.myaccount-close-modal .close-account-modal-content {
  padding: 20px;
}
.cs-spa-retail-content.myaccount-close-modal .dashboard-card-header li {
  padding-left: 40px;
}
@media (max-width: 1200px) {
  .cs-spa-retail-content .profile-lobby-content .descriptionTooltip {
    max-width: 100%;
  }
  .cs-spa-retail-content .profile-lobby-content .general-card .details-box {
    border-left: none;
  }
}
@media (max-width: 769px) {
  .cs-spa-retail-content #settings_and_nicknames table {
    width: 600px;
  }
  .cs-spa-retail-content .menuTool {
    padding: 0 12px;
  }
  .cs-spa-retail-content .profile-lobby-content .my-profile-IBAN-cell {
    width: 80px;
  }
  .cs-spa-retail-content .profile-lobby-content .default-profile-icon {
    top: 50%;
    transform: translateY(-50%);
  }
  .cs-spa-retail-content .profile-lobby-content .section-header {
    font-size: 3rem;
  }
  .cs-spa-retail-content .profile-lobby-content .remark-font {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .profile-lobby-content .textTopTable span {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .profile-lobby-content .companies-list-row .dropdownBlock {
    width: 100%;
    margin: 5vw 0;
  }
  .cs-spa-retail-content .profile-lobby-content .font-size-16 {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .profile-lobby-content .toggleBtn {
    margin: 5vw 0;
  }
  .cs-spa-retail-content .profile-lobby-content .bordered-box-wrapper {
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .profile-lobby-content .bordered-box {
    margin: 0 0 5vw;
    max-height: none;
  }
  .cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table tr {
    height: 46px;
    align-items: center;
  }
  .cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table .table-scrollable-area {
    max-height: 100%;
  }
  .cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table .dropdownBlock,
  .cs-spa-retail-content .profile-lobby-content .flexbox-table.my-profile-table .generalDropdown {
    width: 100%;
  }
  .cs-spa-retail-content .profile-lobby-content .commonDropdown__button {
    height: auto;
    line-height: 24px;
    font-size: 14px;
  }
}
.personalDetailsSection .row {
  margin-right: 0;
}
.not-capital-market .cs-spa-retail-content .cs-spa-retail-footer {
  margin-top: 53px;
}
.cs-spa-retail-content .cs-spa-retail-footer {
  color: #8ea5ba;
  background-color: #2c3642;
  margin-top: 0;
  margin-right: 25px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 60px 70px 72px 0;
  padding-left: 0;
  padding-right: 70px;
  padding: 0;
  padding-top: 60px;
  padding-bottom: 72px;
  margin-right: 0;
}
.cs-spa-retail-content .cs-spa-retail-footer .col-md-5-cols {
  width: 20%;
}
.cs-spa-retail-content .footer_iconGroup img.footer-icon {
  width: 40px;
  height: 40px;
  margin-right: 28px;
  cursor: default;
}
.cs-spa-retail-content .footer-col-title {
  width: 100%;
  margin-top: 27px;
  font-size: 1.9rem;
  line-height: 2.2rem;
}
.cs-spa-retail-content .footer-links-wrapper {
  margin-top: 8px;
  padding-left: 24px;
}
.cs-spa-retail-content .footer-link {
  margin-top: 3px;
}
.cs-spa-retail-content .footer-link a {
  color: #8899a9;
}
.cs-spa-retail-content .footer-link a:hover {
  color: #8899a9;
  text-decoration: underline;
}
.cs-spa-retail-content .footerLogo_wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cs-spa-retail-content .footerLogo_wrapper.footerLogo_wrapper {
  margin-top: 25px;
  margin-bottom: 25px;
}
.cs-spa-retail-content .footerLogo {
  display: block;
  text-align: center;
}
.cs-spa-retail-content .footerLogo.footerSupport {
  margin-top: 10px;
}
.cs-spa-retail-content .footerLogo_image {
  display: inline-block;
}
.cs-spa-retail-content .footerLogo_image--discount {
  width: 83px;
  height: 51px;
}
.cs-spa-retail-content .footerLogo_image--mercantile {
  width: 83px;
  height: 51px;
}
.cs-spa-retail-content .footerNavLine {
  text-align: center;
}
.cs-spa-retail-content .footerNavLine.footerNavLine_fontSize {
  font-size: 13px;
}
.cs-spa-retail-content .footerNavLine a {
  color: #8899a9;
}
.cs-spa-retail-content .footerNavLine_item {
  display: inline-block;
}
.cs-spa-retail-content .footerNavLine_item:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  display: inline-block;
}
@media (min-width: 769px) {
  .cs-spa-retail-content .footerNavLine_item:before {
    background-color: #4bc87d;
    margin: 0 16px;
  }
}
.cs-spa-retail-content .footerNavLine_item:first-of-type:before {
  display: none;
}
.cs-spa-retail-content .footerNavLine_item:last-of-type:after {
  display: none;
}
.cs-spa-retail-content .footerNavLine_item.second-line:first-of-type:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  display: inline-block;
}
@media (min-width: 769px) {
  .cs-spa-retail-content .footerNavLine_item.second-line:first-of-type:before {
    background-color: #4bc87d;
    margin: 0 16px;
  }
}
.cs-spa-retail-content .footerNavLine_text {
  color: #8899a9;
}
.cs-spa-retail-content .footerNavLine_link:hover {
  color: #8899a9;
  text-decoration: underline;
}
.cs-spa-retail-content .footerNavLine_link a:hover {
  color: #8899a9;
  text-decoration: underline;
}
.cs-spa-retail-content .footer_links_title a {
  color: #8899a9;
}
.cs-spa-retail-content .footer_links:after {
  content: " | ";
  text-decoration: none;
}
.cs-spa-retail-content .footer_links:last-of-type:after {
  display: none;
}
.cs-spa-retail-content .footerNavLine_link--underlined {
  margin-left: 5px;
}
.cs-spa-retail-content .footerNavLine_link--underlined a {
  text-decoration: underline;
}
.cs-spa-retail-content .footerNavLine_link--underlined:hover {
  color: #8899a9;
  text-decoration: none;
}
.cs-spa-retail-content .footerSocial {
  text-align: center;
}
.cs-spa-retail-content .footerSocial_link {
  margin-left: 10px;
  display: inline-block;
}
.cs-spa-retail-content .footerSocial_link:last-of-type {
  margin-left: 0;
}
.cs-spa-retail-content .footerSocial_icon {
  width: 40px;
  height: 40px;
  display: inline-block;
}
@media (max-width: 992px) {
  .cs-spa-retail-content .cs-spa-retail-footer {
    width: 100%;
    top: 100%;
    margin: 0;
    z-index: 1030;
    position: absolute;
    padding: 12vw 10vw 10vw;
  }
  .cs-spa-retail-content .cs-spa-retail-footer .col-md-5-cols {
    width: 100%;
  }
  .cs-spa-retail-content .footerLogo_wrapper {
    margin: 18vw 0 7vw;
  }
  .cs-spa-retail-content .footer_iconGroup {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .cs-spa-retail-content .footer-col {
    margin-top: 6vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .cs-spa-retail-content .footer-col--first {
    margin-top: 0;
  }
  .cs-spa-retail-content .footer-col-title {
    width: 100%;
    margin-top: 0;
    font-weight: 600;
    font-size: 2.6rem;
    line-height: normal;
  }
  .cs-spa-retail-content .footer_titleArrow {
    width: 2vw;
    height: 3vw;
  }
  .cs-spa-retail-content .footer_titleArrow-opposite {
    transform: rotate(-180deg);
  }
  .cs-spa-retail-content .footer_titleArrow--rotated {
    transform: rotate(-90deg);
  }
  .cs-spa-retail-content .footer_iconGroup img.footer-icon {
    width: 6vw;
    height: 6vw;
    margin-left: 4vw;
    margin-right: 0;
  }
  .cs-spa-retail-content .footer-links-wrapper {
    width: 100%;
    display: none;
    padding-right: 15vw;
  }
  .cs-spa-retail-content .footer-link {
    margin-top: 5vw;
  }
  .cs-spa-retail-content .footer-link a {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .footer-links-wrapper-linksToggled.footer-links-wrapper {
    display: block;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .cs-spa-retail-content .footerNavLine {
    flex-direction: column;
    display: flex;
  }
  .cs-spa-retail-content .footer-col-title {
    font-size: 20px;
  }
  .cs-spa-retail-content .footer_iconGroup img.footer-icon {
    width: 5vw;
    height: 5vw;
  }
  .cs-spa-retail-content .footer_titleArrow {
    width: 1vw;
    height: 2vw;
  }
}
.notifications-item .notificationsNotReceived {
  display: none;
}
.notifications-item.open .notificationsReceived {
  display: block;
}
.notifications-container {
  top: auto;
  right: auto;
  left: -130px;
  width: 550px;
  height: 154px;
  z-index: 1050;
  bottom: -170px;
  text-align: center;
  position: absolute;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
  border: none;
  padding: 0;
  float: none;
  border-radius: 0;
  border-top: 3px solid #4bc87d;
  cursor: default;
}
.notifications-container:after {
  content: "";
  width: 0;
  height: 0;
  top: -13px;
  left: 132px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #4bc87d;
}
.notifications-container.email-msgs {
  top: 38px;
  height: auto;
  width: 366px;
  bottom: auto;
}
.notifications-container.email-msgs .notifications-slider {
  display: block;
  margin: 40px 42px 24px;
}
.notifications-container.email-msgs h4 {
  font-weight: 600;
  text-align: right;
  font-size: 1.6rem;
  color: #4bc87d;
  margin-bottom: 24px;
}
.notifications-container.email-msgs .green-link {
  margin-top: 32px;
}
.notifications-container.email-msgs .email-notifications-list li {
  margin-left: 0;
}
.notifications-container.email-msgs .email-notifications-msg {
  text-align: right;
}
.notifications-container.email-msgs .email-notifications-msg i {
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 10px!important;
  display: inline-block;
  background-color: #4bc87d;
}
.notifications-container.email-msgs .email-notifications-msg span {
  margin-right: 16px;
  display: inline-block;
}
.notifications-container.email-msgs .email-notifications-date {
  text-align: right;
  font-size: 1.2rem;
  color: #7d91a1;
  font-family: 'Rubik', sans-serif;
}
.notifications-container.email-msgs .banker-conversation .banker-conversation-title {
  display: flex;
  justify-content: space-between;
}
.notifications-container.email-msgs .banker-conversation .banker-conversation-title .green-link {
  margin: 0;
  font-weight: normal;
}
.notifications-container.email-msgs .banker-conversation .banker-conversation-list-wrapper .banker-conversation-list li {
  margin: 0;
  padding: 3px 0;
}
.notifications-container.email-msgs .banker-conversation .banker-conversation-list-wrapper .banker-conversation-list .banker-conversation-msg .msg-inner {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.notifications-container.email-msgs .banker-conversation .banker-conversation-list-wrapper .banker-conversation-list .banker-conversation-msg .msg-inner .msg-header {
  max-width: 60%;
  margin-right: 16px;
  font-weight: 500;
}
.notifications-container.email-msgs .banker-conversation .banker-conversation-list-wrapper .banker-conversation-list .banker-conversation-msg .msg-inner .msg-date {
  font-size: 1.2rem;
  color: #7d91a1;
}
.notifications-container.email-msgs .banker-conversation .banker-conversation-list-wrapper .banker-conversation-list .banker-conversation-msg .msg-inner i {
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  display: inline-block;
  background-color: #4bc87d;
}
@media (max-width: 768px) {
  .notifications-container.email-msgs .banker-conversation .banker-conversation-list-wrapper .banker-conversation-list li {
    display: block;
  }
  .notifications-container.email-msgs .banker-conversation .banker-conversation-list-wrapper .banker-conversation-list .banker-conversation-msg .msg-inner .msg-header {
    max-width: 60%;
    margin-right: 16px;
  }
  .notifications-container.email-msgs .banker-conversation .banker-conversation-list-wrapper .banker-conversation-list .banker-conversation-msg .msg-inner .msg-date {
    font-size: 2.2rem;
    color: #7d91a1;
  }
  .notifications-container.email-msgs .banker-conversation .banker-conversation-list-wrapper .banker-conversation-list .banker-conversation-msg .msg-inner i {
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    display: inline-block;
    background-color: #4bc87d;
  }
}
.notifications-container.contact-us-container {
  top: 38px;
  height: auto;
  width: 265px;
  bottom: auto;
}
.notifications-container.contact-us-container .notifications-slider {
  display: block;
  margin: 79px 18px 0px 28px;
}
.notifications-container.contact-us-container .notifications-slider .contact-us-dropdown-container .contact-us-bg {
  position: absolute;
  top: 0px;
  right: 18px;
  z-index: -1;
}
.notifications-container.contact-us-container .notifications-slider .contact-us-dropdown-container .contact-us-title {
  text-align: right;
  font-size: 18px;
}
.notifications-container.contact-us-container .notifications-slider .contact-us-dropdown-container .contact-us-link-container {
  display: flex;
  align-items: center;
  text-align: right;
  height: 40px;
  border-bottom: 1px solid #eaeaea;
}
.notifications-container.contact-us-container .notifications-slider .contact-us-dropdown-container .contact-us-link-container.last {
  border-bottom: none;
}
.notifications-container.contact-us-container .notifications-slider .contact-us-dropdown-container .contact-us-link-container .icon-wrapper {
  width: 25px;
}
.notifications-container.contact-us-container .notifications-slider .contact-us-dropdown-container .contact-us-link-container a {
  font-size: 14px;
  font-weight: 400;
}
.notifications-container.contact-us-container .notifications-slider .contact-us-dropdown-container .contact-us-link-container a span {
  font-size: 10px;
}
.notifications-slider {
  height: 100%;
  display: flex;
  margin-top: 30px;
  margin-right: 44px;
  margin-bottom: 0;
  margin-left: 44px;
  justify-content: center;
  margin-top: 0;
  height: 75%;
  align-items: center;
}
.notifications-slider .green-link {
  font-weight: 600;
  font-size: 1.6rem;
  text-decoration: none;
}
.notification-slider-margin {
  margin-top: 32px;
}
.contact-us-web-modal .contact-us-web {
  text-align: center;
  padding: 48px 20px 37px 20px;
}
.contact-us-web-modal .contact-us-web .title {
  font-size: 20px;
  font-weight: bold;
  color: #4bc87d;
  margin-bottom: 35px;
}
.contact-us-web-modal .contact-us-web .image-container {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.contact-us-web-modal .contact-us-web .image-container img {
  width: 33px;
}
.contact-us-web-modal .contact-us-web .phone-number {
  color: #3c3d3c;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 15px;
}
.contact-us-web-modal .contact-us-web .open-time {
  color: #3c3d3c;
  margin-bottom: 5px;
  font-size: 14px;
}
.contact-us-web-modal .contact-us-web .general-btn {
  background-color: #5A77F5;
  margin-top: 18px;
  font-size: 16px;
  font-weight: normal;
}
.contact-us-web-modal.contact-us-web-modal-container {
  width: auto !important;
}
.contact-us-web-modal.contact-us-web-modal-container .contact-us-web .btnClose {
  display: none;
}
.notification-title {
  font-size: 1.7rem;
  color: #7d91a1;
  display: table-cell;
  width: 480px;
}
.notification-title b {
  font-weight: 600;
  font-size: 2rem;
}
.notification-title .converted-maturity-value {
  display: inline-flex;
}
.notifications-close-btn {
  top: 20px;
  z-index: 2000;
  right: 20px;
  width: 16px;
  height: 16px;
  position: absolute;
  display: inline-block;
}
.notifications-close-btn:after,
.notifications-close-btn:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #a5c7db;
}
.notifications-close-btn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.notifications-close-btn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 769px) {
  .notifications-close-btn {
    right: 10px;
  }
}
.notifications-slider-arrow {
  top: 50%;
  width: 18px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  z-index: 2000;
  transform: translateY(-50%);
}
.notifications-slider-arrow-l {
  left: 20px;
}
.notifications-slider-arrow-r {
  right: 20px;
}
.notifications-slider-dots {
  left: 50%;
  width: 100%;
  bottom: 10px;
  position: absolute;
  transform: translateX(-50%);
}
.notifications-slider-dots i {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-left: 12px;
  display: inline-block;
  background-color: #a5c7db;
}
.notifications-slider-dots i.active {
  background-color: #4bc87d;
}
.notifications-slider-dots i:last-of-type {
  margin-left: 0;
}
.notifications-slider-dots .notificationDot {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin-left: 10px;
  transition: all 0.3s;
  display: inline-block;
  background-color: #a5c7db;
}
.notifications-slider-dots .notificationDot.active {
  background-color: #4bc87d;
}
.notifications-slider-dots .notificationDot:last-of-type {
  margin-left: 0;
}
.notifications-slider-dots .notificationDot.medium {
  width: 8px;
  height: 8px;
  border-radius: 100%;
}
.notifications-slider-dots .notificationDot.small {
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.notifications-slider-dots .notificationDot.invisible {
  visibility: hidden;
}
.unread-notifications {
  position: relative;
}
.unread-notifications:after {
  content: "";
  right: 0;
  top: -1px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  position: absolute;
  background-color: #5b77f5;
}
.unread-notifications.email-msgs:after {
  background-color: #e25c5c;
}
@media (max-width: 769px) {
  .unread-notifications:after {
    width: 6.38px;
    height: 6.38px;
    border-radius: 100%;
  }
}
body.enableBootstrap .cs-spa-retail-content .row.u-status {
  margin-right: -15px;
  margin-left: -15px;
}
@media (max-width: 769px) {
  .mobileHeaderActions__notificationsIcon {
    width: 5.5vw;
    height: 6vw;
  }
  body.uib-dropdown-open .mobileNotifications__button.unread-notifications:before {
    display: block;
  }
  .mobileNotifications__button:before {
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    bottom: -12px;
    position: absolute;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    display: none;
  }
  .notifications-container {
    right: 0;
    width: 80vw;
    bottom: auto;
    height: auto;
    display: none;
    margin-top: 11px;
    left: 0;
    padding-bottom: 7vw;
    border-top-color: white;
  }
  .notifications-container.email-msgs .email-notifications-list li {
    float: right;
    margin-bottom: 10px;
    width: 100%;
  }
  .notifications-container.email-msgs .email-notifications-list li:not(:first-child) {
    margin-right: 0px;
  }
  .notifications-container.email-msgs h4 {
    font-size: 2.6rem;
    margin-bottom: 24px;
  }
  .notifications-container.email-msgs .email-notifications-date {
    font-family: 'Rubik', sans-serif;
  }
  .notifications-container.email-msgs .email-notifications-date .display-date {
    margin-left: 15px;
  }
  .notifications-container.email-msgs .email-notifications-msg {
    min-width: 100px;
    font-size: 2.2rem;
  }
  .notifications-container.email-msgs .email-notifications-msg .span {
    line-height: 14px;
    margin-top: 3px;
  }
  .notifications-container .green-link {
    font-size: 17px;
    color: #4bc87d;
  }
  .notifications-container:after {
    left: 16vw;
    border-bottom-color: white;
    display: none;
  }
  .notifications-slider {
    margin-right: 20px;
    margin-left: 20px;
  }
  .notifications-close-btn {
    top: 4px;
    border: none;
    background: none;
  }
  .notifications-slider-arrow:focus {
    outline: none;
  }
  .notification-title {
    font-size: 17px;
  }
  .notifications-slider-dots {
    bottom: 3vw;
  }
  .notifications-slider {
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 20px;
    margin-left: 5px;
  }
  .notifications-slider .notifications-slider-arrow.notifications-slider-arrow-r {
    right: 10px;
  }
  .notifications-slider .notifications-slider-arrow.notifications-slider-arrow-l {
    left: 10px;
  }
  .notifications-slider-dots .notificationDot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
  }
  .notifications-slider-dots .notificationDot.medium {
    width: 6px;
    height: 6px;
    border-radius: 100%;
  }
  .notifications-slider-dots .notificationDot.small {
    width: 4px;
    height: 4px;
    border-radius: 100%;
  }
}
@media (max-width: 769px) and (min-width: 768px) {
  .notifications-container {
    width: 70vw;
  }
}
@media (max-width: 576px) {
  .notifications-container.email-msgs {
    width: 90vw;
    right: -88px;
  }
  .notifications-container.email-msgs .email-notifications-date {
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
  }
  .notifications-container.email-msgs .email-notifications-msg {
    min-width: 180px;
    width: 180px;
    line-height: 20px;
    font-size: 14px;
  }
  .notifications-container.contact-us-container {
    width: 90vw;
    right: -128px;
  }
}
@media (min-width: 768px) and (max-width: 769px) {
  .notifications-container.email-msgs {
    width: 80vw;
    right: 0;
  }
  .notifications-container.email-msgs .email-notifications-date {
    font-size: 20px;
  }
  .notifications-container.email-msgs .email-notifications-msg {
    min-width: 283px;
    /*width: 283px;*/
    font-size: 20px;
  }
  .notifications-container.email-msgs .email-notifications-msg i {
    top: 50% !important;
  }
}
.cs-spa-retail-content .quickLobbyActionsButton {
  width: 51px;
  height: 51px;
  border-radius: 100%;
  left: 72px;
  bottom: -36px;
  position: absolute;
  background-color: white;
  box-shadow: rgba(132, 155, 249, 0.45) 9px 0px 25px 0px;
}
.cs-spa-retail-content .lobbyActions__icon--transfer {
  width: 36px;
  height: 36px;
}
.cs-spa-retail-content .lobbyActions__icon--notbook {
  width: 30px;
  height: 30px;
}
.cs-spa-retail-content .lobbyActions__icon--foreign-currency-transfer {
  width: 45px;
  height: 45px;
}
.cs-spa-retail-content .lobbyActions__icon--plus {
  width: 43px;
  height: 43px;
}
.cs-spa-retail-content .lobbyActions__icon--instant {
  width: 39px;
  height: 39px;
}
.cs-spa-retail-content .lobbyActions__icon--instant.instantRetail {
  width: 14px;
  height: 22px;
}
.cs-spa-retail-content .lobbyActions__textBlock {
  white-space: nowrap;
  color: #5b77f5;
}
.cs-spa-retail-content .lobbyAction__animation {
  height: 51px;
  left: 0;
  box-shadow: rgba(132, 155, 249, 0.45) 3px 9px 22px 0px;
  border-right: 3px solid #5b77f5;
  background-color: white;
  margin-left: 26px;
  position: absolute;
  transform: translateY(-50%);
  transition: all 0.35s linear !important;
}
.cs-spa-retail-content .lobbyActions__icon-tahazit_tnua_hadasha {
  width: 28px;
  height: 28px;
  margin-left: -9px;
  margin-top: -1px;
}
.cs-spa-retail-content .paddingForLobbyActionAnimation {
  padding-top: 15px;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 40px;
}
.cs-spa-retail-content .wrap_lobbyActions__icon {
  width: 51px;
  height: 51px;
  border-radius: 100%;
  background-color: white;
  box-shadow: rgba(132, 155, 249, 0.45) 3px 9px 22px 0px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-spa-retail-content .wrap_lobbyActions__icon.download-pdf-icon {
  width: 44px;
  height: 44px;
  border-radius: 100%;
}
.cs-spa-retail-content .quickLobbyActionsButton__close {
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  display: inline-block;
  position: relative;
  display: none;
}
.cs-spa-retail-content .quickLobbyActionsButton__close:after,
.cs-spa-retail-content .quickLobbyActionsButton__close:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #5b77f5;
}
.cs-spa-retail-content .quickLobbyActionsButton__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .quickLobbyActionsButton__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .downloadSummaryPdfBtn {
  right: 0px;
  width: 44px;
  height: 44px;
  border-radius: 100%;
}
.cs-spa-retail-content .downloadSummaryPdfBtn .lobbyAction__animation {
  height: 44px;
}
@media (max-width: 769px) {
  .cs-spa-retail-content .quickLobbyActionsButton {
    left: 50%;
    top: auto;
    width: auto;
    bottom: 4vw;
    position: fixed;
    padding-left: 4.5vw;
    height: 9.5vw;
    line-height: 9.5vw;
    border-radius: 50px;
    background-color: white;
    transform: translateX(-50%);
    box-shadow: rgba(132, 155, 249, 0.45) -2px 4px 35px 0px;
  }
  .cs-spa-retail-content .wrap_lobbyActions__icon {
    display: none;
  }
  .cs-spa-retail-content .quickLobbyActionsButton__close {
    display: inline-block;
    margin-left: 2.5vw;
    margin-right: 3.5vw;
  }
  .cs-spa-retail-content .lobbyAction__animation {
    margin: 0;
    padding: 0;
    border: none;
    height: 100%;
    box-shadow: none;
    transform: none;
    font-size: 2.4rem;
    position: relative;
    background-color: transparent;
  }
  .cs-spa-retail-content .paddingForLobbyActionAnimation {
    padding: 0;
  }
}
.not-capital-market .cs-spa-retail-content .wizard-step-content .actionBox {
  padding: 0 0.5%;
}
.color-tooltip {
  color: #4bc87d;
}
.cs-spa-retail-content .svgGrayIcon {
  height: 16px;
}
.cs-spa-retail-content .actionBoxWrapper--multitransfer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px -0.5%;
}
.cs-spa-retail-content .actionBox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-spa-retail-content .actionBox__inner {
  width: 100%;
  padding: 28px 0;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #afc4d2;
}
.cs-spa-retail-content .actionBox__inner--active {
  border-color: #4bc87d;
  box-shadow: 0px 4px 24px 0px rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content .actionBox__inner--salariesCancellation {
  text-align: right;
  padding-left: 30px;
  padding-right: 30px;
}
.cs-spa-retail-content .actionBox--active .actionBox__inner,
.cs-spa-retail-content .actionBox__inner:hover {
  cursor: pointer;
  border-color: #4bc87d;
  box-shadow: 0px 4px 24px 0px rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content .actionBox--active .actionBox__inner .svgGrayIcon__path,
.cs-spa-retail-content .actionBox__inner:hover .svgGrayIcon__path {
  fill: #4bc87d;
}
.cs-spa-retail-content .actionBox--active .actionBox__inner .actionBox__text,
.cs-spa-retail-content .actionBox__inner:hover .actionBox__text {
  color: #4bc87d;
}
.cs-spa-retail-content .svgGrayIcon__path {
  fill: #4bc87d;
}
.cs-spa-retail-content .actionBox__text {
  color: #4bc87d;
}
.cs-spa-retail-content .toggleButton {
  width: 100%;
  padding: 28px 0;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #4bc87d;
  box-shadow: 0px 4px 24px 0px rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content .addBeneficiaryBox {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.4);
  padding: 40px;
}
.cs-spa-retail-content .addBeneficiaryBox__closeBtn {
  top: 16px;
  left: 36px;
  width: 24px;
  height: 24px;
  position: absolute;
  display: inline-block;
}
.cs-spa-retail-content .addBeneficiaryBox__closeBtn:after,
.cs-spa-retail-content .addBeneficiaryBox__closeBtn:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #4bc87d;
}
.cs-spa-retail-content .addBeneficiaryBox__closeBtn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .addBeneficiaryBox__closeBtn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .circle-icon-btn-transfer {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  position: relative;
  background-color: #4bc87d;
  margin-right: 15px;
  margin-top: 8px;
  margin-buttom: 8px;
}
.cs-spa-retail-content .circle-icon-btn-transfer.circle-icon-btn-white {
  background-color: white;
}
.cs-spa-retail-content .circle-icon-btn-transfer img {
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .circle-icon-btn-transfer .circle-icon-btn__leftArrowIcon {
  width: 9px;
  height: 15px;
}
.cs-spa-retail-content .actionButtons {
  display: block;
  margin-top: 40px;
  position: relative;
  margin-bottom: 60px;
  border-top: solid 1px #ebf0f3;
}
.cs-spa-retail-content .actionBtn {
  top: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .collapse .beneficiary-form-title {
  display: none;
}
.cs-spa-retail-content .collapse .general-btn.closeBtn {
  display: inline-block;
}
.cs-spa-retail-content .collapse .actionButtons {
  margin: 0;
  left: 36px;
  border-top: none;
  position: absolute;
  transform: translateY(20px);
}
.cs-spa-retail-content .collapse .actionBtn {
  top: 0;
  left: 0;
  transform: none;
  position: relative;
}
.cs-spa-retail-content .multiple-transfer-step-two ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  white-space: pre-line;
  position: relative;
  top: -7px;
}
.cs-spa-retail-content .multiple-transfer-step-two ::-moz-placeholder {
  /* Firefox 19+ */
  white-space: pre-line;
  position: relative;
  top: -7px;
}
.cs-spa-retail-content .multiple-transfer-step-two :-ms-input-placeholder {
  /* IE 10+ */
  white-space: pre-line;
  position: relative;
  top: -7px;
}
.cs-spa-retail-content .multiple-transfer-step-two :-moz-placeholder {
  /* Firefox 18- */
  white-space: pre-line;
  position: relative;
  top: -7px;
}
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount button {
  text-align: right;
  white-space: nowrap;
}
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .transfer-amount-invalid {
  color: #fb5f5f;
  font-size: 1.2rem;
}
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .transfer-amount-empty {
  border-bottom: dashed 1px #4bc87d;
}
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .transfer-amount-empty-invalid,
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .beneficiary-error-id {
  border-bottom-color: #fb5f5f;
}
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .transfer-amount-sum {
  border-bottom: dashed 1px #4bc87d;
}
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .transfer-amount-sum.beneficiary-error-id {
  border-bottom-color: #fb5f5f;
}
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .dropdown.open {
  position: relative;
}
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .dropdown-menu {
  width: auto;
  float: none;
  min-width: 0;
  box-shadow: none;
  position: relative;
  padding-right: 4px;
}
.cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .dropdown-menu input {
  width: 100%;
  border: none;
}
.cs-spa-retail-content .multiple-transfer-step-two .editCardNameForm {
  right: 0;
}
.cs-spa-retail-content .multiple-transfer-step-two .transferComment .transferCommentExist {
  color: #7d91a1;
}
.cs-spa-retail-content .multiple-transfer-step-two .textCard {
  height: 36px;
  border: none;
  box-shadow: none;
}
.cs-spa-retail-content .multiple-transfer-step-two .textCard button {
  border: none;
}
@media (max-width: 769px) {
  .cs-spa-retail-content .actionBoxWrapper--multitransfer {
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .actionBox {
    margin-bottom: 5vw;
  }
  .cs-spa-retail-content .multiple-transfer-step-two .transfer-amount .transfer-amount-invalid {
    font-size: 2rem;
  }
  .cs-spa-retail-content .addBeneficiaryBox {
    padding: 0 5vw 10vw;
  }
  .cs-spa-retail-content .addBeneficiaryBox__closeBtn {
    top: 2vw;
    left: 2vw;
    width: 5vw;
    height: 5vw;
    z-index: 100;
  }
  .cs-spa-retail-content .collapse .actionButtons {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .cs-spa-retail-content .svgGrayIcon {
    height: 5vw;
  }
  .cs-spa-retail-content .actionBox {
    margin-bottom: 2vw;
  }
  .cs-spa-retail-content .actionBox__text {
    font-size: 2rem;
  }
}
.cs-spa-retail-content .selectOrderChecks span,
.cs-spa-retail-content .detailsCheckContent span,
.cs-spa-retail-content .tooltip-msg {
  font: normal 14px 'Rubik', sans-serif;
}
.cs-spa-retail-content .quickActionsChecks {
  left: 0;
  top: 24px;
  z-index: 99;
  display: flex;
  position: absolute;
}
.cs-spa-retail-content .quickActionsChecks button {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
}
.cs-spa-retail-content .quickActionsChecks .quickActionsChecks-minimize {
  background-color: #5b77f5;
}
.cs-spa-retail-content .quickActionsChecks .quickActionsChecks-close {
  margin-left: 16px;
  background-color: #ffffff;
}
.cs-spa-retail-content .checksStatusContent .checksContinueAfter {
  margin-top: -18px;
}
.cs-spa-retail-content .checksStatusContent .checksContinueAfter button {
  color: #4bc87d;
}
.cs-spa-retail-content .check-details-title {
  color: #7d91a1;
}
.cs-spa-retail-content #checks-step1-branch-combo input + .caret {
  z-index: 10;
}
.cs-spa-retail-content #checks-step1-branch-combo li a {
  display: block;
}
.cs-spa-retail-content .checksHeader {
  width: 100%;
  border-bottom: 2px solid #fcfcfc;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
  padding: 20px 0;
  background-color: #ffffff;
}
.cs-spa-retail-content .userListInChecks {
  width: 200px;
  display: inline-block;
}
.cs-spa-retail-content .checksTitle {
  color: #4bc87d;
  font: bold 36px/1 'Rubik', sans-serif;
  padding: 20px 0 10px;
}
.cs-spa-retail-content .checksTitle span {
  font: normal 22px/1 'Rubik', sans-serif;
}
.cs-spa-retail-content .checksTitleLeft {
  text-align: left;
  padding-top: 40px;
}
.cs-spa-retail-content .levelOneEdit {
  position: relative;
  margin-top: 0;
  border: 3px solid transparent;
  transition: all 0.2s ease-out;
}
.cs-spa-retail-content .levelOneEdit:hover {
  border-color: #4bc87d;
}
.cs-spa-retail-content .levelOneEdit:hover .circleUpdateDetails {
  opacity: 1;
}
.cs-spa-retail-content .circleUpdateDetails {
  width: 147px;
  height: 147px;
  border-radius: 100%;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-out;
  color: #4bc87d;
  background-color: #ffffff;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  opacity: 0;
}
.cs-spa-retail-content .circleUpdateDetails p {
  padding-top: 10px;
}
.cs-spa-retail-content .circleUpdateDetails:focus {
  opacity: 1;
}
.cs-spa-retail-content .ChecksContent {
  height: 100%;
  overflow: hidden;
}
.cs-spa-retail-content .checksCancellationList {
  padding: 10px;
}
.cs-spa-retail-content .checksCancellationList .blurred-bottom {
  margin-top: 20px;
  margin-right: -24px;
  margin-bottom: 0;
  margin-left: 0;
}
.cs-spa-retail-content .checksCancellationList .title p {
  display: inline-block;
  color: #7d91a1;
  margin-left: 5px;
}
.cs-spa-retail-content .checksCancellationList .title span {
  display: inline-block;
  color: #4bc87d;
}
.cs-spa-retail-content .orderCancelChecks {
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  position: relative;
  margin-top: 25px;
}
.cs-spa-retail-content .orderCancelChecks .stepTwo.removePadding {
  padding-top: 0;
}
.cs-spa-retail-content .orderCancelChecks .stepTwo + .generalFooter {
  padding-right: 70px;
}
.cs-spa-retail-content .orderCancelChecks.levelOne {
  opacity: 0.5;
  pointer-events: none;
}
.cs-spa-retail-content .orderCancelChecks.stepTwo {
  padding: 10px;
}
.cs-spa-retail-content .orderCancelChecks .resume {
  padding-left: 5px;
}
.cs-spa-retail-content .orderCancelChecks .resume.v2 {
  margin-top: 15px;
}
.cs-spa-retail-content .orderCancelChecks .resume.v3 {
  max-width: 400px;
}
.cs-spa-retail-content .orderCancelChecks .resume .displayNumber {
  font-size: 18px;
}
.cs-spa-retail-content .orderCancelChecks .continueSection {
  border-top: solid 1px #ebeff1;
  width: 100%;
  display: block;
  height: 60px;
  line-height: 60px;
  position: relative;
}
.cs-spa-retail-content .orderCancelChecks .continueSection.v3 {
  background: #ebf2f8;
}
.cs-spa-retail-content .orderCancelChecks .continueSection .checksContinueAfter {
  padding-right: 10px;
  display: block;
}
.cs-spa-retail-content .orderCancelChecks .continueSection .btnContinue {
  margin: -18px auto 0;
  display: block;
}
.cs-spa-retail-content .orderCancelChecks .continueSection .btnContinue.confirmBtn {
  position: absolute;
  transform: translate(-50%);
  left: 50%;
  background-color: #849bf9;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
}
.cs-spa-retail-content .orderCancelChecks .continueSection.v2 {
  margin-top: 0;
  height: 24px;
  border: none;
}
.cs-spa-retail-content .orderCancelChecks .continueSection.v2 .btnContinue {
  /*position: absolute;*/
  /*@{opposite-float}: 0;
                    @{default-float}: 0;*/
  width: 50px;
  height: 50px;
  background: #849bf9 url(media/images/iconCheck.0662de3c0d07bb214557..png) no-repeat center center;
  cursor: default;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
  margin: 0 auto;
}
.cs-spa-retail-content .orderCancelChecks .continueSection.v2 .btn:active {
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
}
.cs-spa-retail-content .orderCancelChecks .message {
  max-width: 460px;
  color: #7d91a1;
  padding: 30px 0;
  display: inline-block;
}
.cs-spa-retail-content .orderCancelChecks .message.cancelChecksMessage .detailsDots {
  list-style: initial;
  margin-right: 17px;
}
.cs-spa-retail-content .orderCancelChecks.customerStatement {
  margin-top: 10px;
}
.cs-spa-retail-content .orderCancelChecks.customerStatement .btnContinue {
  background-color: #849bf9;
  box-shadow: 0px 9px 25px 0px #849bf9;
}
.cs-spa-retail-content .orderCancelChecks.customerStatement .errorChecksContent {
  padding: 15px 0;
}
.cs-spa-retail-content .orderCancelChecks.customerStatement .details {
  margin: 30px 0;
  color: #6e7685;
}
.cs-spa-retail-content .orderCancelChecks.customerStatement .details .title {
  font-size: 16px;
  padding-bottom: 15px;
}
.cs-spa-retail-content .orderCancelChecks.commercialCheck .infoDetails {
  width: 250px;
  margin-bottom: 50px;
}
.cs-spa-retail-content .orderCancelChecks.errorStatus {
  height: 365px;
  padding: 110px;
  text-align: center;
}
.cs-spa-retail-content .orderCancelChecks.errorStatus p {
  margin-top: 25px;
}
.cs-spa-retail-content .orderCancelChecks .btnFilter.open {
  border-radius: 0;
}
.cs-spa-retail-content .orderCancelChecks .btnFilter.open .dropdownOperation {
  top: 38px;
  border-radius: 0;
}
.cs-spa-retail-content .orderCancelChecks .btnFilter.open .dropdownOperation.v2 {
  z-index: 11111;
}
.cs-spa-retail-content .orderCancelChecks .btnFilter.open .dropdownOperation.v3 {
  max-height: 200px;
  overflow: auto;
  margin-bottom: 45px;
}
.cs-spa-retail-content .orderCancelChecks .generalFooter {
  height: 55px;
}
.cs-spa-retail-content .checkPreview {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 580px;
  max-width: 580px;
}
.cs-spa-retail-content .checkPreview.checkPreviewPrivate {
  /*padding-top: 36%;*/
}
.cs-spa-retail-content .checkPreview.checkPreviewPrivate .btnClose {
  top: -122px;
}
.cs-spa-retail-content .checkImageView.checkPicContent {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  padding: 0;
  z-index: 99;
  text-align: center;
}
.cs-spa-retail-content .btnClosePreviewCheck {
  position: absolute;
  right: 4%;
  top: 80%;
}
.cs-spa-retail-content .errorCheckList {
  border: 1px solid red !important;
}
.cs-spa-retail-content .stepOne {
  padding-top: 25px;
  padding-right: 70px;
  padding-bottom: 0;
  padding-left: 0;
}
.cs-spa-retail-content .stepOne label {
  display: block;
}
.cs-spa-retail-content .stepOne .checkbox-wrapper label {
  display: inline-block;
  font-size: 1.4rem;
}
.cs-spa-retail-content .stepOne .titleOrder {
  margin: 10px 0;
}
.cs-spa-retail-content .stepOne .titleOrder.receiptText {
  max-width: 314px;
}
.cs-spa-retail-content .stepOne .titleOrder.receiptText p {
  font: bold 20px 'Rubik', sans-serif;
  color: #4bc87d;
}
.cs-spa-retail-content .stepOne .titleOrder .text {
  color: #6e7685;
}
.cs-spa-retail-content .stepTwo {
  margin-bottom: 50px;
  padding-top: 25px;
  padding-right: 70px;
  padding-bottom: 0;
  padding-left: 0;
}
.cs-spa-retail-content .stepThree {
  text-align: center;
  margin-top: 40px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  color: #7d91a1;
}
.cs-spa-retail-content .stepThree .title {
  color: #4bc87d;
  font-size: 20px;
}
.cs-spa-retail-content .stepThree .divider {
  width: 34px;
  height: 5px;
  background-color: #4bc87d;
  text-align: center;
  margin: 15px auto;
}
.cs-spa-retail-content .stepThree .footerButtons {
  margin-top: 15px;
}
.cs-spa-retail-content .stepThree .finishBtn {
  border-radius: 50px;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 150px;
  height: 36px;
  color: #ffffff;
  margin-left: 5px;
}
.cs-spa-retail-content .stepThree .saveBtn {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ffffff url(media/images/tools7.c824014e556404992764..png) no-repeat center center;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  margin-left: 5px;
}
.cs-spa-retail-content .stepThree .printBtn {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #ffffff url(media/images/tools6.4785eebfb0e3cd754c6b..png) no-repeat center center;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content .checksContinueAfter {
  text-align: right;
  display: inline-block;
}
.cs-spa-retail-content .checksContinueAfter .saveAndContinue {
  color: #4bc87d;
  display: inline-block;
  cursor: pointer;
}
.cs-spa-retail-content .checksContinueAfter img {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.cs-spa-retail-content .customerStatementContent {
  padding: 0;
  background: #f4f9fd;
  padding-top: 25px;
  padding-right: 70px;
  padding-bottom: 35px;
  padding-left: 50px;
  color: #7d91a1;
}
.cs-spa-retail-content .customerStatementContent .statementSection {
  max-width: 600px;
}
.cs-spa-retail-content .customerStatementContent .statementTitle {
  font-size: 16px;
  padding-bottom: 10px;
}
.cs-spa-retail-content .customerStatementContent .permission {
  padding-top: 20px;
}
.cs-spa-retail-content .customerStatementContent .permission span {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.cs-spa-retail-content .customerStatementContent .permission span.disabeld {
  cursor: default;
}
.cs-spa-retail-content .customerStatementContent .permission span.permissionChecked:before {
  background: #4bc87d url(media/images/iconCheck.0662de3c0d07bb214557..png) no-repeat center center;
}
.cs-spa-retail-content .customerStatementContent .permission span:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  background-color: #4bc87d;
  width: 20px;
  height: 20px;
}
.cs-spa-retail-content .customerStatementContent .permission .text {
  margin-right: 27px;
}
.cs-spa-retail-content .commisionsDetails {
  padding: 0 16px;
  border-top: none;
  border-right: 1px solid #ebf0f3;
}
.cs-spa-retail-content .commisionsDetails.gagolaTextList {
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0;
}
.cs-spa-retail-content .commisionsDetails .detailsDots {
  list-style: initial;
  margin-right: 17px;
}
.cs-spa-retail-content .btnContinue {
  border-radius: 50px;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  height: 36px;
  color: #ffffff;
}
.cs-spa-retail-content .btnContinue:hover,
.cs-spa-retail-content .btnContinue:focus,
.cs-spa-retail-content .btnContinue.focus {
  color: #ffffff;
}
.cs-spa-retail-content .btnCancel {
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 86px;
  height: 36px;
  color: #4bc87d;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .cs-spa-retail-content .btnCancel {
    margin-left: 0px;
  }
}
.cs-spa-retail-content .btnCancel:hover,
.cs-spa-retail-content .btnCancel:focus,
.cs-spa-retail-content .btnCancel.focus {
  color: #4bc87d;
}
.cs-spa-retail-content .btnStay {
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 120px;
  height: 36px;
  font-weight: 500;
  color: #4bc87d;
  margin-left: 10px;
}
.cs-spa-retail-content .btnStay:hover,
.cs-spa-retail-content .btnStay:focus,
.cs-spa-retail-content .btnStay.focus {
  color: #4bc87d;
}
.cs-spa-retail-content .checkCancelDetails {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
  padding-bottom: 10px;
}
.cs-spa-retail-content .checkBtnDisabled {
  cursor: default !important;
}
.cs-spa-retail-content .checkBtnDisabled.moreChecks .plusCircleCheks,
.cs-spa-retail-content .checkBtnDisabled .btnContinue {
  background-color: #a5ebd4 !important;
}
.cs-spa-retail-content .checkBtnDisabled button {
  cursor: default !important;
}
.cs-spa-retail-content .checkDetails .moreChecks {
  display: block;
  margin: 12px 0;
}
.cs-spa-retail-content .checkDetails .moreChecks.v2 {
  display: inline-block;
  margin-right: 10px;
}
.cs-spa-retail-content .checkDetails .moreChecks .plusCircleCheks {
  background-color: #4bc87d;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  line-height: 35px;
}
.cs-spa-retail-content .checksNumbers {
  color: #7d91a1;
  float: right;
}
.cs-spa-retail-content .checksAmount {
  padding-top: 15px;
  color: #7d91a1;
}
.cs-spa-retail-content .inputChecksNumber {
  color: #4e5664;
  width: 241px;
  height: 40px;
  border-radius: 3px;
  background-color: #eaf5f9;
  border: none;
  padding: 5px 5px;
  margin: 10px 0;
}
.cs-spa-retail-content .inputChecksNumber::-ms-clear {
  display: none;
}
.cs-spa-retail-content .inputChecksNumber.v2 {
  width: 325px;
}
.cs-spa-retail-content .inputChecksNumber.v3 {
  width: 116px;
}
.cs-spa-retail-content .printInCheck {
  display: inline-block;
  margin-left: 5px;
}
.cs-spa-retail-content .printInCheck .text {
  display: block;
}
.cs-spa-retail-content .reasonTitle {
  padding-bottom: 15px;
}
.cs-spa-retail-content .reasonContent {
  overflow: hidden;
}
.cs-spa-retail-content .reasonContent .titleOrder {
  padding-bottom: 0;
}
.cs-spa-retail-content .selectReason {
  float: right;
  padding-top: 0;
  padding-left: 5px;
  position: relative;
}
.cs-spa-retail-content .selectReason .inputBtn {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.cs-spa-retail-content .selectReason .inputBtn:checked ~ .checkboxPic {
  background: #4bc87d;
  color: #ffffff;
}
.cs-spa-retail-content .selectReason .checkboxPic {
  background: #e7f1f9;
  display: block;
  width: auto;
  height: 36px;
  text-align: center;
  border-radius: 50px;
  color: black;
  line-height: 36px;
  padding: 0px 25px;
}
.cs-spa-retail-content .errorChecksContent {
  padding: 15px 0 0;
}
.cs-spa-retail-content .errorChecksContent.v2 {
  padding: 0;
}
.cs-spa-retail-content .errorChecksContent p {
  margin-right: 25px;
  color: #fb5f5f;
}
.cs-spa-retail-content .errorSelectReason {
  width: 21px;
  height: 21px;
  border-radius: 100%;
  position: absolute;
  background-color: #fb5f5f;
  z-index: 9;
  cursor: pointer;
}
.cs-spa-retail-content .errorSelectReason.notClickedError {
  cursor: default;
}
.cs-spa-retail-content .errorSelectReason:before {
  content: "";
  background-image: url(media/images/iconErrorLoans.eb78850fa8b1bc660cf6..png);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 1px;
}
.cs-spa-retail-content .selectOrderChecks {
  padding-bottom: 30px;
}
.cs-spa-retail-content .selectOrderChecks #dropdownMenu1_2 .tooltip-inner {
  max-width: 300px;
  width: 300px;
}
.cs-spa-retail-content .selectOrderChecks .titleOrder label,
.cs-spa-retail-content .selectOrderChecks .titleOrder p {
  font: bold 20px 'Rubik', sans-serif;
  color: #4bc87d;
}
.cs-spa-retail-content .selectOrderChecks .titleOrder span {
  color: #7d91a1;
}
.cs-spa-retail-content .selectOrderChecks .btnFilter .caretAllMovements {
  top: 15px;
  left: 15px;
  position: absolute;
}
.cs-spa-retail-content .selectOrderChecks .btnFilter.open .dropdownOperation {
  padding: 15px;
  line-height: 2.75rem;
}
.cs-spa-retail-content .selectOrderChecks #checks-step1-branch-combo.btnFilter.open .dropdownOperation {
  padding-top: 0;
  padding-right: 24px;
  padding-bottom: 0;
  padding-left: 0;
}
.cs-spa-retail-content .selectOrderChecks #checks-step1-branch-combo .ngsb-wrap .ngsb-scrollbar {
  right: -20px;
}
.cs-spa-retail-content .btn.btnDropChecks {
  width: 325px;
  height: 40px;
  border-radius: 0;
  border: 0;
  background: #eaf5f9;
  color: black;
  text-align: right;
  user-select: initial;
}
.cs-spa-retail-content .btn.btnDropChecks.v3 {
  padding-top: 10px;
}
.cs-spa-retail-content .detailsCheckContent {
  color: #7a89a1;
  margin-top: 25px;
  font-size: 16px;
  margin-top: 0;
}
.cs-spa-retail-content .detailsCheckContent .title,
.cs-spa-retail-content .detailsCheckContent .details {
  padding-right: 15px;
}
.cs-spa-retail-content .detailsCheckContent .details {
  margin-top: 30px;
  border-right: 1px solid #ebf0f3;
  color: #6e7685;
}
.cs-spa-retail-content .detailsCheckContent .details .infoDetails {
  width: 360px;
}
.cs-spa-retail-content .detailsCheckContent .details p {
  font-size: 1.4rem;
}
.cs-spa-retail-content .infoDetails {
  width: 310px;
  margin-top: 25px;
}
.cs-spa-retail-content .infoDetailsInChoise {
  width: 310px;
}
.cs-spa-retail-content .checksDivider {
  border-top: 1px solid #ebeff1;
  margin-top: 40px;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 70px;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.cs-spa-retail-content .checksDivider.v2 {
  margin-top: 30px;
}
.cs-spa-retail-content .maxSumInCheck .infoDetails {
  width: 400px;
  margin-bottom: 30px;
}
.cs-spa-retail-content .checkboxContainer {
  position: relative;
}
.cs-spa-retail-content .checkboxContainer .checkboxBlock {
  display: inline-block;
  padding-right: 25px;
  position: relative;
}
.cs-spa-retail-content .checkboxContainer input.keyboard-focus ~ .checkboxPic {
  outline: 2px dotted red !important;
}
.cs-spa-retail-content .checkboxContainer .inputBtn:checked ~ .checkboxPic:after {
  left: 4px;
  top: 0px;
  height: 12px;
  width: 7px;
  opacity: 1;
  visibility: visible;
}
.cs-spa-retail-content .checkboxContainer .btn {
  background: none;
  display: inline;
  vertical-align: middle;
  padding: 0;
  height: auto;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-align: right;
  position: static;
}
.cs-spa-retail-content .checkboxContainer .btn:active,
.cs-spa-retail-content .checkboxContainer .btn:hover {
  background-color: transparent;
}
.cs-spa-retail-content .checkboxContainer .btn .checkboxPic {
  background: #eaf5f9;
  position: absolute;
  right: 0;
  top: 22px;
  border-radius: 3px;
  height: 15px;
  width: 15px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 5px;
}
.cs-spa-retail-content .checkboxContainer .btn .checkboxPic.v2 {
  top: 22px;
}
.cs-spa-retail-content .checkboxContainer .btn .checkboxPic.v3 {
  top: 0;
}
.cs-spa-retail-content .checkboxContainer .btn .checkboxPic:after {
  content: '';
  width: 0;
  top: 50%;
  left: 50%;
  height: 0;
  opacity: 0;
  display: block;
  transition: all 0.2s ease-out;
  position: absolute;
  visibility: hidden;
  transform: rotate(50deg) scaleX(1);
  border-right: 2px solid #4bc87d;
  border-bottom: 2px solid #4bc87d;
}
.cs-spa-retail-content .checkboxContainer .sumContentBox {
  display: inline-block;
  position: relative;
}
.cs-spa-retail-content .checkboxContainer .sumContentBox .currencySymbol {
  font-size: 16px;
  color: #7d91a1;
}
.cs-spa-retail-content .checkboxContainer .sumContentBox .currencySymbol:after {
  top: 50%;
  left: 15%;
  content: "₪";
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .checkboxContainer .sumContentBox .minSum {
  top: 50px;
  right: 5px;
  direction: ltr;
  color: #7d91a1;
  position: absolute;
}
.cs-spa-retail-content .checkboxContainer .inputChecksNumber {
  max-width: 160px;
  margin-right: 5px;
}
.cs-spa-retail-content .checkboxContainer.v2 {
  margin-top: 30px;
}
.cs-spa-retail-content .checkboxContainer.v2 .inputChecksNumber {
  max-width: 87px;
}
.cs-spa-retail-content .checkboxContainer.v3 {
  margin-top: 20px;
}
.cs-spa-retail-content .wizard-popup-page {
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.3s ease;
  background-color: #ebf2f8;
}
.cs-spa-retail-content .wizard-popup-page .container-fluid {
  padding: 0;
}
.cs-spa-retail-content .orderChecksWizardOpen {
  position: relative;
}
.cs-spa-retail-content .close-wizard-popup {
  top: 100vh;
  z-index: 99;
  position: fixed;
  right: 6%;
  top: auto;
  bottom: 0;
  width: 250px;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  text-align: center;
  background-color: #3b4658;
  box-shadow: 0px 9px 25px 0px rgba(23, 187, 183, 0.45);
}
.cs-spa-retail-content .close-wizard-popup.wizard-popup-page-left {
  margin-right: 265px;
}
.cs-spa-retail-content .close-wizard-popup .minimizeBtnClose {
  top: 50%;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .close-wizard-popup .minimizeBtnClose .minimizeBtnCloseImage {
  right: 0;
  position: absolute;
}
.cs-spa-retail-content .close-wizard-popup .minimizeBtnUp {
  top: 50%;
  left: 8%;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .close-wizard-popup .minimizeBtnUp .minimizeBtnUpImage {
  left: 0;
  position: absolute;
}
.cs-spa-retail-content .close-wizard-popup.minimizePopupSec {
  right: 400px;
}
.cs-spa-retail-content .hideCheckBookTable {
  display: none;
}
.cs-spa-retail-content .statusCheckBookRow {
  padding: 25px 70px 80px;
}
.cs-spa-retail-content .orderStatusChecks .commisionsDetails.gagolaTextList {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0;
  padding-right: 10px;
}
.cs-spa-retail-content .orderStatusChecks .statusTotalLeft {
  border-right: 1px solid #ebf0f3;
  padding-right: 10px;
}
.cs-spa-retail-content .orderStatusChecks .statusTotalItem {
  margin-bottom: 15px;
}
.cs-spa-retail-content .orderStatusChecks .checkCancelDetails {
  padding-bottom: 25px;
}
.cs-spa-retail-content .cardsWrapper .orderCancelChecks .checks-order-summary {
  padding: 0 16px;
  margin: 32px 0 0;
  border-right: 1px solid #a4b2bd;
}
.cs-spa-retail-content .cardsWrapper .orderCancelChecks .checks-order-summary .row {
  margin-bottom: 16px;
}
.cs-spa-retail-content .cardsWrapper .orderCancelChecks .checks-order-summary:first-of-type {
  border: none;
  padding-right: 0;
}
.cs-spa-retail-content .cardsWrapper .orderCancelChecks .checks-order-summary h4 {
  margin: 36px 0 16px;
}
.cs-spa-retail-content .cardsWrapper .orderCancelChecks .checks-order-summary h4 span {
  font-size: 1.5rem;
}
.cs-spa-retail-content .cardsWrapper .orderCancelChecks .checks-order-summary h4 .green-link {
  font-weight: 300;
  font-size: 1.5rem;
  margin-right: 4px;
}
#mobile-orientation-notification {
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5vw;
  z-index: 9999;
  color: white;
  position: fixed;
  font-size: 2.4rem;
  text-align: center;
  background: linear-gradient(45deg, #76d25b 15%, #38d29f 100%);
}
#mobile-orientation-notification .mobile-orientation-notification__text {
  font-size: 2rem;
  font-weight: 300;
}
#mobile-orientation-notification .mobile-orientation-notification__inner {
  width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
@media (max-width: 576px) {
  .mobile-loader-img {
    width: 100%;
  }
}
@media (orientation: landscape) and (min-width: 576px) and (max-width: 769px) {
  #mobile-orientation-notification.mobileOrientationNotice {
    display: block;
  }
}
#webpack-dev-server-client-overlay {
  display: none;
}
.db-green-scrollbar {
  scrollbar-face-color: #ffffff;
  scrollbar-track-color: #4bc87d;
}
.db-green-scrollbar::-webkit-scrollbar {
  width: 3px;
}
.db-green-scrollbar::-webkit-scrollbar-thumb {
  background: #4bc87d;
}
.db-green-scrollbar::-webkit-scrollbar-track {
  background: #ffffff;
}
.db-white-purple-scrollbar {
  scrollbar-face-color: #5b77f5;
  scrollbar-track-color: #ffffff;
}
.db-white-purple-scrollbar::-webkit-scrollbar {
  width: 3px;
}
.db-white-purple-scrollbar::-webkit-scrollbar-thumb {
  background: #ffffff;
}
.db-white-purple-scrollbar::-webkit-scrollbar-track {
  background: #5b77f5;
}
body {
  width: 100%;
  color: #4e5664;
  font-family: 'Rubik', sans-serif;
  background: #ebf2f8;
}
body.bodyDisabelsScroll .cards-slider-arrow {
  display: none;
}
body.keyboardFocus :focus {
  outline: #849bf9 solid 3px;
}
body.keyboardFocus a:focus,
body.keyboardFocus button:focus {
  outline: 1px dashed black;
}
body.disable-scroll-overlay {
  overflow: hidden;
}
body.quick-actions-open .main-dashboard-section {
  z-index: 200;
}
body.capital-market-onboarding-open .main-dashboard-section {
  padding-right: 0;
}
body:not(.keyboardFocus):not(.contrastColors) .btn:focus,
body:not(.keyboardFocus):not(.contrastColors) .btn:active:focus,
body:not(.keyboardFocus):not(.contrastColors) .btn.active:focus,
body:not(.keyboardFocus):not(.contrastColors) .btn.focus,
body:not(.keyboardFocus):not(.contrastColors) .btn:active.focus,
body:not(.keyboardFocus):not(.contrastColors) .btn.active.focus {
  outline: none;
}
.modal,
main {
  color: #4e5664;
  direction: rtl;
  text-align: right;
}
/* remove x button from IE input*/
input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.not-capital-market .cs-spa-retail-content [class*="col-xs"],
.not-capital-market .cs-spa-retail-content [class*="col-sm"],
.not-capital-market .cs-spa-retail-content [class*="col-md"],
.not-capital-market .cs-spa-retail-content [class*="col-lg"] {
  padding-left: 0;
  padding-right: 0;
}
.not-capital-market .cs-spa-retail-content .print-only {
  display: none;
}
.not-capital-market.enableBootstrap .cs-spa-retail-content .forceDefaultBootstrap [class*="col-xs"],
.not-capital-market.enableWizardBootstrap .cs-spa-retail-content .forceDefaultBootstrap [class*="col-xs"],
.not-capital-market.enableBootstrap .cs-spa-retail-content .forceDefaultBootstrap [class*="col-sm"],
.not-capital-market.enableWizardBootstrap .cs-spa-retail-content .forceDefaultBootstrap [class*="col-sm"],
.not-capital-market.enableBootstrap .cs-spa-retail-content .forceDefaultBootstrap [class*="col-md"],
.not-capital-market.enableWizardBootstrap .cs-spa-retail-content .forceDefaultBootstrap [class*="col-md"],
.not-capital-market.enableBootstrap .cs-spa-retail-content .forceDefaultBootstrap [class*="col-lg"],
.not-capital-market.enableWizardBootstrap .cs-spa-retail-content .forceDefaultBootstrap [class*="col-lg"] {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.not-capital-market.enableBootstrap .cs-spa-retail-content .forceDefaultBootstrap .row,
.not-capital-market.enableWizardBootstrap .cs-spa-retail-content .forceDefaultBootstrap .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.not-capital-market.enableBootstrap .cs-spa-retail-content [class*="col-xs"],
.not-capital-market.enableWizardBootstrap .cs-spa-retail-content [class*="col-xs"],
.not-capital-market.enableBootstrap .cs-spa-retail-content [class*="col-sm"],
.not-capital-market.enableWizardBootstrap .cs-spa-retail-content [class*="col-sm"],
.not-capital-market.enableBootstrap .cs-spa-retail-content [class*="col-md"],
.not-capital-market.enableWizardBootstrap .cs-spa-retail-content [class*="col-md"],
.not-capital-market.enableBootstrap .cs-spa-retail-content [class*="col-lg"],
.not-capital-market.enableWizardBootstrap .cs-spa-retail-content [class*="col-lg"] {
  padding-left: 15px;
  padding-right: 15px;
}
.webview {
  padding-top: 20px !important;
}
.webview.modal {
  padding-top: 0 !important;
}
.webview.discountBiz-modal-general {
  margin: 15px;
}
.cs-spa-retail-content {
  position: relative;
  /* start reset*/
  /*.btn {
        border-radius: 50px;
    }*/
  /* end reset*/
  /*.collapse {
        display: none;
    }

    .collapse.in {
        display: block;
        height: 47px;
        position: absolute;
    }*/
  /*TABLE*/
  /*MORE IN OSH*/
  /*CREDIT CARD*/
  /*FOREIGN + DEFAULT TABLES*/
  /* Lobby Checks: start */
  /* Lobby Checks: end */
  /* transfers */
  /* All kind of fixes and overrides */
  /* this is a tweak for credit cards, do not edit */
}
.cs-spa-retail-content .webview-aside .sidebarMenu {
  height: auto;
}
.cs-spa-retail-content .webview-aside .sidebarMenu > :last-child {
  margin-bottom: 0;
}
.cs-spa-retail-content .webview-aside .sidebar-menu-item,
.cs-spa-retail-content .webview-aside .sidebar-header-item {
  margin: 0;
}
.cs-spa-retail-content .goto-accessible-site-link {
  z-index: 99999999999999;
  display: block;
  opacity: 1;
  background: #ffffff;
  right: 70px;
  overflow: visible;
  float: none;
  clip: rect(0, 0, 0, 0);
  width: 100px;
  height: 60px;
  position: absolute;
}
.cs-spa-retail-content .goto-accessible-site-link:focus {
  border: 1px solid #4e5664;
}
.cs-spa-retail-content .balance-confirmation .query-content-wrap {
  font-size: 14px;
  line-height: 14px;
}
.cs-spa-retail-content .btnShapedRadio {
  height: 36px;
  display: flex;
  line-height: 36px;
  color: #4e5664;
  text-align: center;
  position: relative;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 8px;
  margin-left: 4px;
}
.cs-spa-retail-content .btnShapedRadio__input {
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}
.cs-spa-retail-content .btnShapedRadio__input:checked ~ .btnShapedRadio__inputVisual {
  color: white;
  background-color: #4bc87d;
}
.cs-spa-retail-content .btnShapedRadio__inputVisual {
  padding: 0px 24px;
  border-radius: 50px;
  background-color: #e7f1f9;
}
.cs-spa-retail-content main-table {
  display: block;
}
.cs-spa-retail-content .lobby-wrapper {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
}
.cs-spa-retail-content .ngdialog-msg.container-fluid {
  top: 50%;
  left: 50%;
  z-index: 9999;
  padding: 24px;
  position: fixed;
  font-size: 1.6rem;
  text-align: center;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .ngdialog-bg {
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 9998;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.35);
}
.cs-spa-retail-content .ngdialog-buttons {
  margin: 16px 0;
}
.cs-spa-retail-content .container-fluid {
  max-width: 1124px;
  position: relative;
}
.cs-spa-retail-content .container {
  width: auto;
}
.cs-spa-retail-content .btn-default {
  background-image: none;
  text-shadow: none;
  border: none;
  box-shadow: none;
}
.cs-spa-retail-content .btn-default:hover,
.cs-spa-retail-content .btn-default:focus {
  background-color: transparent;
}
.cs-spa-retail-content #main-content {
  width: auto !important;
  position: relative;
}
.cs-spa-retail-content .dropdown-menu > li > a:hover,
.cs-spa-retail-content .dropdown-menu > li > a:focus {
  background-color: transparent;
}
.cs-spa-retail-content .number {
  unicode-bidi: embed;
  direction: ltr;
}
.cs-spa-retail-content .navTabs {
  display: inline-block;
}
.cs-spa-retail-content .navTabs .nav-tabs > li > a {
  margin-right: 0;
}
.cs-spa-retail-content .navTabs .uib-tab a {
  color: #7d91a1;
}
.cs-spa-retail-content .navTabs .uib-tab.active a {
  font-weight: 500;
  color: #333a46;
}
.cs-spa-retail-content .noFutureTransaction {
  text-align: center;
  color: gray;
  font-size: 16px;
  background: white;
}
.cs-spa-retail-content .foreignFutureTransactions_container .noFutureTransaction {
  padding-top: 45px;
}
.cs-spa-retail-content .menuTool {
  padding: 0;
  width: 50px;
  text-align: left;
  position: relative;
}
.cs-spa-retail-content .menuTool.d-flex {
  display: flex;
  width: max-content;
}
.cs-spa-retail-content .menuTool > contextual-actions2 {
  inset: 0;
  position: absolute;
}
.cs-spa-retail-content .menuTool > contextual-actions2 .dropdown-toggle {
  position: absolute;
  inset: 0;
  display: grid;
  height: 45px;
  align-content: center;
  justify-content: end;
}
.cs-spa-retail-content .menuTool .collapse.in {
  top: 0;
  right: 100%;
  height: 100%;
  display: block;
  position: absolute;
  transform: translateX(-50%);
}
.cs-spa-retail-content .menuTool .menuList {
  inset: unset !important;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  z-index: 2;
  width: auto;
  min-width: 0;
  right: auto;
  height: 44px;
  border: none;
  direction: ltr;
  cursor: pointer;
  overflow: hidden;
  text-align: left;
  padding: 0;
  white-space: nowrap;
  transform: none !important;
  border-top-left-radius: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 0;
  box-shadow: 0px 0px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .menuTool .menuList.openMoreTools {
  width: 315px;
}
.cs-spa-retail-content .menuTool .menuList .contextual-action-text {
  display: none;
}
.cs-spa-retail-content .menuTool .menuList li {
  width: 38px;
  height: 100%;
  display: inline-flex;
  justify-content: center;
}
.cs-spa-retail-content .menuTool .menuList li:last-child .menuList {
  margin: 0;
  width: auto;
  min-width: 0;
  display: none;
  position: static;
  transform: none;
  box-shadow: none;
}
.cs-spa-retail-content .menuTool .menuList li:last-child .btn-group {
  display: block;
  height: 100%;
}
.cs-spa-retail-content .menuTool .menuList li:last-child .btn {
  box-shadow: none;
}
.cs-spa-retail-content .menuTool .menuList li:last-child:hover .menuList {
  display: block;
}
.cs-spa-retail-content .menuTool .menuList li a {
  width: min-content;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.cs-spa-retail-content .menuTool .menuList li a img {
  width: 26px;
  height: 26px;
}
.cs-spa-retail-content .menuTool .menuList li a img[src*='swift'] {
  width: 16px;
  height: 16px;
}
.cs-spa-retail-content .menuTool .navbar-collapse.in {
  overflow-y: hidden;
}
.cs-spa-retail-content .font-14 {
  font-size: 14px;
}
.cs-spa-retail-content h1,
.cs-spa-retail-content h2,
.cs-spa-retail-content h3,
.cs-spa-retail-content h4,
.cs-spa-retail-content h5,
.cs-spa-retail-content h6,
.cs-spa-retail-content p {
  margin-top: 0;
  margin-bottom: 0;
}
.cs-spa-retail-content ul,
.cs-spa-retail-content ol,
.cs-spa-retail-content li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.cs-spa-retail-content button {
  min-width: 0;
  padding: 0;
  border: none;
  background: none;
}
.cs-spa-retail-content .caret {
  margin-right: 5px;
}
.cs-spa-retail-content button,
.cs-spa-retail-content a {
  color: #4e5664;
}
.cs-spa-retail-content a:focus,
.cs-spa-retail-content a:hover {
  color: #4e5664;
  text-decoration: none;
}
.cs-spa-retail-content textarea,
.cs-spa-retail-content input {
  border-radius: 0;
  padding: 0;
}
.cs-spa-retail-content textarea {
  resize: none;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
.cs-spa-retail-content .focus,
.cs-spa-retail-content :focus {
  outline: none;
}
.cs-spa-retail-content .dropup .caret,
.cs-spa-retail-content .navbar-fixed-bottom .dropdown .caret {
  border-bottom-color: transparent;
}
.cs-spa-retail-content label {
  font-weight: normal;
  margin-bottom: 0;
}
.cs-spa-retail-content select {
  visibility: hidden;
}
.cs-spa-retail-content .container,
.cs-spa-retail-content .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.cs-spa-retail-content .row {
  margin-left: 0;
  margin-right: 0;
}
.cs-spa-retail-content .panel {
  border: none;
  margin-bottom: 0;
  background: none;
  box-shadow: none;
  border-radius: 0 !important;
}
.cs-spa-retail-content .panel-body {
  padding: 0;
}
.cs-spa-retail-content .noCursor {
  cursor: default;
}
.cs-spa-retail-content a[href^="tel:"] {
  text-decoration: underline;
}
.cs-spa-retail-content a[href^="mailTo:"] {
  text-decoration: underline;
  word-break: break-all;
}
.cs-spa-retail-content .radio,
.cs-spa-retail-content .checkbox {
  padding: 0;
  margin: 0;
  min-height: 0;
}
.cs-spa-retail-content .skip {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2000;
}
.cs-spa-retail-content .main-dashboard-section {
  position: relative;
  padding-top: calc(var(--header-height) + 30px);
  padding-right: calc(70px + 5px);
  padding-bottom: 0;
  padding-left: 5px;
  min-height: 100vh;
}
.cs-spa-retail-content .main-dashboard-section #minimizeContainer {
  position: fixed;
  top: auto;
  bottom: 0;
  height: 52px;
  width: 95%;
  float: right;
  text-align: right;
  z-index: 50;
  pointer-events: none;
}
.cs-spa-retail-content .main-dashboard-section #minimizeContainer > * {
  pointer-events: all;
}
.cs-spa-retail-content .main-dashboard-section #minimizeContainer .btnDraft {
  display: none;
}
.cs-spa-retail-content .allDataLoadedMessage {
  margin: 24px 0;
  text-align: center;
  color: #7d91a1;
}
.cs-spa-retail-content .quickOperationList {
  top: 36px;
  left: 45px;
  z-index: 11;
  width: 250px;
  cursor: pointer;
  line-height: 35px;
  position: absolute;
  text-align: center;
  background: #ffffff;
}
.cs-spa-retail-content .circleMore {
  position: relative;
  z-index: 21;
  width: 65px;
  border-radius: 50% 50%;
  background-color: #849bf9;
  line-height: 65px;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
}
.cs-spa-retail-content .circleMore.v2 {
  background-color: #ffffff;
}
.cs-spa-retail-content .circleMore:hover,
.cs-spa-retail-content .circleMore:focus,
.cs-spa-retail-content .circleMore.focus {
  color: #ffffff;
}
.cs-spa-retail-content .circleMore:active,
.cs-spa-retail-content .circleMore.active {
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
  color: #ffffff;
}
.cs-spa-retail-content .bankAmount {
  margin: 30px auto;
}
.cs-spa-retail-content .bankAmount.v2 {
  display: inline-block;
  vertical-align: middle;
}
.cs-spa-retail-content .bankAmount .cs-amountInput {
  display: inline-block;
  width: 100%;
}
.cs-spa-retail-content .tf-error {
  padding-right: 30px;
  font-size: 12px;
  color: red;
}
.cs-spa-retail-content .tf-error .link-btn-here {
  cursor: pointer;
  text-decoration: underline;
}
.cs-spa-retail-content .popoverContent {
  display: none;
}
.cs-spa-retail-content .errorSearch {
  margin-right: 25px;
  margin-top: 20px;
}
.cs-spa-retail-content .textSearchResult {
  padding-left: 4px;
}
.cs-spa-retail-content .textSearchResult.is-separated {
  padding-left: 0;
}
.cs-spa-retail-content .textSearchResult.is-separated:after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 100%;
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
  background-color: #4bc87d;
}
.cs-spa-retail-content .btnClearSearch {
  color: #4bc87d;
  font-weight: bold;
  font-size: 14px;
}
.cs-spa-retail-content .btnClearError {
  top: 75%;
  left: 50%;
  width: 140px;
  height: 36px;
  color: #ffffff;
  position: absolute;
  border-radius: 50px;
  background-color: #4bc87d;
  transform: translate(-50%, -75%);
  box-shadow: 0px 0px 20px -6px black;
}
.cs-spa-retail-content .btnClearError:hover,
.cs-spa-retail-content .btnClearError:focus,
.cs-spa-retail-content .btnClearError.focus {
  color: #ffffff;
}
.cs-spa-retail-content .searchResultError {
  height: 60px;
}
.cs-spa-retail-content .searchResultError.oshAdvancedSearch {
  height: auto;
}
.cs-spa-retail-content .errorView {
  height: 400px;
  position: relative;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .errorView .errorContent {
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .errorView .textResultError {
  font-size: 14px;
  color: #7d91a1;
  padding-top: 30px;
}
.cs-spa-retail-content .errorActive {
  display: none;
}
.cs-spa-retail-content .md-section-title {
  color: #4e5664;
  font-size: 24px;
  font-weight: 300;
  padding: 15px 0;
}
.cs-spa-retail-content .displayNumber,
.cs-spa-retail-content .displayDate {
  font-weight: 400;
}
.cs-spa-retail-content .displayNumberCombo {
  font-size: 1.5rem !important;
}
.cs-spa-retail-content .displayDate {
  color: #000000;
}
.cs-spa-retail-content .green-val .displayDate {
  color: #1dab6a;
}
.cs-spa-retail-content .summary-row .displayDate {
  font-weight: 700 !important;
  color: #333a46;
}
.cs-spa-retail-content .summary-row .boldText {
  color: #333a46;
}
.cs-spa-retail-content .tooltip.in {
  opacity: 1;
}
.cs-spa-retail-content .tooltip-inner {
  width: 100%;
  font-size: 12px;
  text-align: right;
  padding: 10px 15px;
  position: absolute;
  color: #677b8a;
  background-color: white;
  border-right: 3px solid #4bc87d;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .tooltipHeader + .tooltip {
  z-index: 1030;
}
.cs-spa-retail-content .tooltipHeader + .tooltip.top .tooltip-arrow {
  visibility: hidden;
}
.cs-spa-retail-content .tooltipHeader + .tooltip .tooltip-inner {
  left: 0;
  top: 20px;
  width: 200px;
  white-space: normal;
  pointer-events: none;
}
.cs-spa-retail-content .tooltipHeader.errorLoans + .tooltip .tooltip-inner {
  border-color: #fb5f5f;
}
.cs-spa-retail-content .tooltipChecks + .tooltip {
  z-index: 7;
}
.cs-spa-retail-content .tooltipChecks + .tooltip.top .tooltip-arrow {
  visibility: hidden;
}
.cs-spa-retail-content .tooltipChecks + .tooltip .tooltip-inner {
  left: 0;
  top: 20px;
  white-space: normal;
  width: 200px;
}
.cs-spa-retail-content .tooltipAdvancedSearch + .tooltip {
  z-index: 1030;
}
.cs-spa-retail-content .tooltipAdvancedSearch + .tooltip.top .tooltip-arrow {
  visibility: hidden;
}
.cs-spa-retail-content .tooltipAdvancedSearch + .tooltip .tooltip-inner {
  width: 200px;
  left: -2px;
  top: 22px;
  pointer-events: none;
}
.cs-spa-retail-content .descriptionTooltip + .tooltip.top .tooltip-arrow,
.cs-spa-retail-content .greenTooltip + .tooltip.top .tooltip-arrow {
  border-top-color: #4bc87d;
}
.cs-spa-retail-content .descriptionTooltip + .tooltip .tooltip-inner,
.cs-spa-retail-content .greenTooltip + .tooltip .tooltip-inner {
  width: auto;
  max-width: none;
  font-size: 15px;
  line-height: 15px;
  border-right: none;
  text-align: center;
  color: #ffffff;
  padding: 10px 20px;
  position: relative;
  border-radius: 20px;
  background-color: #4bc87d;
  box-shadow: 0px 8px 25px 0 rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .greenTooltip + .tooltip.left .tooltip-arrow {
  border-left-color: #4bc87d;
}
.cs-spa-retail-content .greenTooltip + .tooltip.right .tooltip-arrow {
  border-right-color: #4bc87d;
}
.cs-spa-retail-content .greenTooltip + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #4bc87d;
}
.cs-spa-retail-content .descriptionTooltip + .tooltip.top .tooltip-arrow {
  left: 75%;
  border-top-color: white;
}
.cs-spa-retail-content .descriptionTooltip + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: white;
}
.cs-spa-retail-content .descriptionTooltip + .tooltip.bottom .tooltip-inner {
  box-shadow: 0px -8px 25px 0 rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .descriptionTooltip + .tooltip .tooltip-inner {
  z-index: -1;
  color: #4e5664;
  font-size: 1.6rem;
  background-color: white;
}
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.left .tooltip-arrow {
  top: 50%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #a5c7db;
  right: -5px;
  left: initial;
}
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.in {
  opacity: 1;
}
.cs-spa-retail-content .tooltipMoreInfo + .tooltip .tooltip-inner {
  max-width: initial;
  border-radius: 0;
  width: 250px;
  top: -15px;
  right: 0;
  font-size: 14px;
  padding: 10px 15px;
  position: absolute;
  text-align: right;
  font-weight: 300;
  color: #4bc87d;
  background-color: white;
  white-space: normal;
  border-right: 3px solid #a5c7db;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .tooltipMoreInfo + .tooltip .tooltip-inner .bold {
  font-weight: bold;
}
.cs-spa-retail-content .btnTotal {
  float: right;
}
.cs-spa-retail-content .contentBar {
  height: 65px;
  padding: 15px 20px;
}
.cs-spa-retail-content .contentBar .menuIcons {
  text-align: left;
  padding-top: 5px;
}
.cs-spa-retail-content .contentBar .menuIcons .downloadIcon {
  text-align: left;
}
.cs-spa-retail-content .textEntrance {
  font-size: 2.4rem;
  font-weight: 400;
}
.cs-spa-retail-content .containerOsh {
  background-color: white;
}
.cs-spa-retail-content .containerOsh .showInPrint {
  visibility: hidden;
}
.cs-spa-retail-content .containerOsh .only-print {
  display: none;
}
.cs-spa-retail-content .colBtn {
  top: 50%;
  left: 20px;
  position: absolute;
  vertical-align: top;
  transform: translateY(-50%);
}
.cs-spa-retail-content .checkNumber {
  padding-top: 65px;
  padding-right: 70px;
  padding-bottom: 0;
  padding-left: 0;
  display: inline-block;
}
.cs-spa-retail-content .errorInfoMessage {
  color: #7d91a1;
  text-align: center;
  padding-bottom: 30px;
}
.cs-spa-retail-content .errorInfoMessage h2 {
  font-size: 14px;
}
.cs-spa-retail-content .byDiscount {
  padding-top: 18px;
  padding-right: 70px;
  padding-bottom: 0;
  padding-left: 0;
  display: inline-block;
}
.cs-spa-retail-content .errorMessageMoreInOsh {
  width: 100%;
  margin: 0 auto;
}
.cs-spa-retail-content .errorMessageMoreInOsh .errorContent {
  width: 100%;
  height: 385px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .errorMessageMoreInOsh .errorContent .textNoPermissions {
  font-size: 14px;
  margin-top: 25px;
  display: block;
}
.cs-spa-retail-content .errorMessageMoreInOsh .errorContent .iconPermissions {
  margin-top: 60px;
}
.cs-spa-retail-content .errorMessageMoreInOsh .errorContent .btnNoPermissions {
  width: 177px;
  height: 36px;
  margin: 25px 10px;
  color: #ffffff;
  border-radius: 50px;
  background-color: #4bc87d;
  box-shadow: 0px 0px 20px -6px black;
}
.cs-spa-retail-content .errorMessageMoreInOsh .errorContent .btnNoPermissions:hover,
.cs-spa-retail-content .errorMessageMoreInOsh .errorContent .btnNoPermissions:focus,
.cs-spa-retail-content .errorMessageMoreInOsh .errorContent .btnNoPermissions.focus {
  color: #ffffff;
}
.cs-spa-retail-content .errorMessageMoreInOsh .errorContent div a {
  color: #4bc87d;
  text-decoration: underline;
  line-height: 2.708;
  margin-top: 25px;
}
.cs-spa-retail-content .cardsWrapper {
  width: 100%;
  height: auto;
  background-color: #ebf2f8;
}
.cs-spa-retail-content .cardsWrapper .creditBefore {
  font-size: 2.4rem;
  font-weight: 400;
  margin-right: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.cs-spa-retail-content .xIconClearSearch {
  top: 50%;
  left: 10px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
}
.cs-spa-retail-content .xIconClearSearch:after {
  content: "";
  left: 0;
  width: 12px;
  height: 12px;
  position: absolute;
  background-image: url(media/images/iconClearSearch.a544fa1df5ec5922931e..png);
}
.cs-spa-retail-content .creditPanelContent .creditContentBar {
  height: 70px;
  padding: 15px 20px;
  box-shadow: 0px 0px 25px 0px rgba(81, 144, 182, 0.1);
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .searchFilter {
  display: inline-block;
  margin-left: 15px;
  position: relative;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .searchFilter .ng-empty + .xIconClearSearch {
  display: none;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .searchFilter .ng-not-empty + .xIconClearSearch {
  display: inline-block;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .creditFutureTitle {
  font-size: 24px;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .textNoCreditsMonth {
  font-size: 24px;
  margin-top: 5px;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .iconSearchGold:before {
  content: "";
  top: 50%;
  right: 5px;
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  transform: translateY(-50%);
  background-image: url(media/images/iconSearchGold.86d9b854cc0f0b316f24..png);
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .dropdownSum {
  display: inline-block;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .dropdownSum.open {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 20px;
  position: absolute;
  z-index: 1111;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .menuIcons {
  text-align: left;
  display: table;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .menuIcons .downloadIconZicui {
  display: inline-block;
  margin-top: 5px;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar .menuIcons .toggleOshDisplayBtn {
  margin-left: 0;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar.loanContentBar .savePrintAndToggle {
  left: 310px;
}
.cs-spa-retail-content .creditPanelContent .creditContentBar.loanContentBar .btnSearchCredit {
  bottom: auto;
}
.cs-spa-retail-content .creditPanelContent .menuIcons:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.cs-spa-retail-content .creditMore {
  text-align: center;
  margin-top: 40px;
}
.cs-spa-retail-content .creditMore .moreCreditBtn {
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  border-radius: 50px;
  color: #ffffff;
  width: 141px;
  height: 36px;
}
.cs-spa-retail-content .noDeductions {
  height: 385px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .noDeductions img {
  margin-top: 50px;
  margin-bottom: 25px;
  margin-right: 20px;
}
.cs-spa-retail-content .noDeductions .textNoDeductions {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 20px;
}
.cs-spa-retail-content .noDeductions .iconErrorMainEmpty {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 50px;
}
.cs-spa-retail-content .cardsInfo {
  margin-top: 30px;
}
.cs-spa-retail-content .btnCreditBiz {
  height: 36px;
  background-color: #4bc87d;
  color: #ffffff;
  box-shadow: 0px 0px 20px -6px black;
}
.cs-spa-retail-content .btnCreditBiz:hover,
.cs-spa-retail-content .btnCreditBiz:focus,
.cs-spa-retail-content .btnCreditBiz.focus {
  color: #ffffff;
}
.cs-spa-retail-content .noCredits {
  padding-top: 40px;
  height: 385px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .noCredits .textNoDeductions {
  position: absolute;
  font-size: 14px;
  right: 465px;
  margin-top: 185px;
}
.cs-spa-retail-content .iconNoCredits {
  margin-top: 55px;
}
.cs-spa-retail-content .textNoCredits {
  color: #7d91a1;
  margin-right: 20px;
}
.cs-spa-retail-content .showSearchLoanInput .searchLoanInput {
  display: inline-block;
}
.cs-spa-retail-content .showSearchLoanInput .searchEndedLoanInput {
  display: none;
}
.cs-spa-retail-content .showSearchEndedLoanInput .searchLoanInput {
  display: none;
}
.cs-spa-retail-content .showSearchEndedLoanInput .searchEndedLoanInput {
  display: inline-block;
}
.cs-spa-retail-content .loansWarning {
  padding: 0 22px;
  color: #7d91a1;
}
.cs-spa-retail-content .loans {
  position: relative;
}
.cs-spa-retail-content .loans .infoLoans {
  float: right;
}
.cs-spa-retail-content .loans .saveCredit {
  display: inline-block;
  font-size: 20px;
  margin-right: 30px;
}
.cs-spa-retail-content .loans .lineLoans {
  top: 10px;
  font-size: 14px;
  color: #7d91a1;
}
.cs-spa-retail-content .guaranteesTab li {
  cursor: pointer;
}
.cs-spa-retail-content .guaranteesTab .noDeductions .textNoDeductions {
  position: absolute;
  left: 0;
  right: 0;
}
.cs-spa-retail-content .guaranteesTab .noDeductions .textNoDeductions.noGuaranteesTxtError {
  top: 265px;
}
.cs-spa-retail-content .guaranteesTab .noDeductions .textNoDeductions.noGuaranteesByFilterTxtError {
  top: 325px;
}
.cs-spa-retail-content .textLoansReductions {
  font-size: 20px;
  font-weight: 400;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 0;
}
.cs-spa-retail-content .loansTextGuarantees {
  display: flex;
  padding: 0 24px;
  margin-bottom: 16px;
}
.cs-spa-retail-content .loansTextGuarantees p,
.cs-spa-retail-content .loansTextGuarantees h2 {
  font-size: 2rem;
  margin-left: 32px;
  display: inline-block;
  font-weight: 400;
}
.cs-spa-retail-content .loansTextGuarantees p:last-of-type,
.cs-spa-retail-content .loansTextGuarantees h2:last-of-type {
  margin: 0;
}
.cs-spa-retail-content .savePrintAndToggle {
  position: absolute;
  display: block;
  left: 85px;
  top: 6px;
}
.cs-spa-retail-content .savePrintAndToggle.v2 {
  left: 0;
}
.cs-spa-retail-content .printBtn {
  margin-left: 20px;
}
.cs-spa-retail-content .printBtn p {
  display: inline-block;
}
.cs-spa-retail-content .tableViewSwitch {
  height: 36px;
  min-width: 285px;
  border-radius: 50px;
  display: inline-block;
  background-color: #edf5f7;
}
.cs-spa-retail-content .tableViewSwitch .switchHalf {
  height: 35px;
  padding: 0 8px;
  min-width: 140px;
  line-height: 35px;
  border-radius: 20px;
  display: inline-block;
}
.cs-spa-retail-content .tableViewSwitch .switchHalf.active {
  color: #ffffff;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content .tableViewSwitch.small {
  min-width: 70px;
}
.cs-spa-retail-content .tableViewSwitch.small .switchHalf {
  width: 30px;
  min-width: 30px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
}
.cs-spa-retail-content .tableViewSwitch.small .switchHalf:before {
  content: "";
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 14px;
  height: 11px;
  position: absolute;
  display: inline-block;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .tableViewSwitch.small .switchHalf.rowDisplay:before {
  background-image: url(media/images/rowGrey.d5b291c1da51b2b63597..png);
}
.cs-spa-retail-content .tableViewSwitch.small .switchHalf.gridDisplay:before {
  background-image: url(media/images/gridGrey.2e0cba97a311f084c638..png);
}
.cs-spa-retail-content .tableViewSwitch.small .switchHalf.active {
  background-color: transparent;
}
.cs-spa-retail-content .tableViewSwitch.small .switchHalf.active:after {
  content: "";
  width: 36px;
  right: -3px;
  height: 36px;
  position: absolute;
  border-radius: 50%;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content .tableViewSwitch.small .switchHalf.active.rowDisplay:before {
  background-image: url(media/images/rowWhite.ce1912ccc64abe52c744..png);
}
.cs-spa-retail-content .tableViewSwitch.small .switchHalf.active.gridDisplay:before {
  background-image: url(media/images/gridWhite.995d937a0bd8bddfa428..png);
}
.cs-spa-retail-content .sumRangeCon {
  z-index: 19;
  height: 36px;
  position: relative;
  display: inline-block;
}
.cs-spa-retail-content .sumRangeCon.sumRangeField .dropdownSum {
  display: none;
}
.cs-spa-retail-content .sumRangeCon.sumRangeField .rangeSelected {
  display: block;
  position: relative;
}
.cs-spa-retail-content .sumRangeCon.sumRangeField.sumRangeClear .dropdownSum {
  display: block;
}
.cs-spa-retail-content .sumRangeCon.sumRangeField.sumRangeClear .rangeSelected {
  display: none;
}
.cs-spa-retail-content .sumRangeCon .rangeSelected {
  display: none;
  font-size: 14px;
  color: #7d91a1;
  border: 1px solid #a4b2bd;
  border-radius: 50px;
  padding-top: 0;
  padding-right: 15px;
  padding-bottom: 0;
  padding-left: 50px;
  height: 36px;
  line-height: 36px;
}
.cs-spa-retail-content .sumRangeCon .rangeSelected .fromSpan {
  display: none;
}
.cs-spa-retail-content .sumRangeCon .rangeSelected .fromSpan.activeFromSpan {
  display: inline-block;
}
.cs-spa-retail-content .sumRangeCon .rangeSelected .toSpan {
  display: none;
}
.cs-spa-retail-content .sumRangeCon .rangeSelected .toSpan.activeToSpan {
  display: inline-block;
}
.cs-spa-retail-content .sumRangeCon .clearSumRangeBtn {
  top: 50%;
  left: 6px;
  width: 12px;
  height: 100%;
  position: absolute;
  display: inline-block;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 50%, 50%;
  background-image: url(media/images/iconClearSearch.a544fa1df5ec5922931e..png);
}
.cs-spa-retail-content .containerError {
  text-align: center;
}
.cs-spa-retail-content .containerError .foreignError {
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  width: 620px;
  height: 230px;
  margin: 0 auto;
  margin-top: 80px;
  padding: 40px;
  text-align: center;
  position: relative;
}
.cs-spa-retail-content .containerError .foreignError h3 {
  color: #4bc87d;
  margin-bottom: 20px;
}
.cs-spa-retail-content .containerError .foreignError .foreignButtonsPopup {
  margin-top: 20px;
}
.cs-spa-retail-content .containerError .foreignError .btnForeignSubmit {
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 86px;
  height: 36px;
  color: #ffffff;
  margin-top: 20px;
  border-radius: 50px;
  margin-left: 20px;
}
.cs-spa-retail-content .containerError .foreignError .btnForeignCancel {
  background-color: #ffffff;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 86px;
  height: 36px;
  color: #4bc87d;
  margin-top: 20px;
  border-radius: 50px;
}
.cs-spa-retail-content .containerError .errorHeader {
  font-size: 26px;
  color: #4bc87d;
  padding-top: 28px;
  padding-bottom: 20px;
}
.cs-spa-retail-content .containerError .iconCloseError {
  border-radius: 50%;
  color: white;
  width: 36px;
  height: 36px;
  position: absolute;
  top: -40px;
  right: -40px;
}
.cs-spa-retail-content .containerError .iconCloseError:after {
  content: "";
  background-image: url(media/images/iconCloseError.f8f6a7a9b08e80611088..png);
  position: absolute;
  width: 12px;
  height: 12px;
  top: 12px;
  right: 12.5px;
}
.cs-spa-retail-content .containerError .btnCalRefferal {
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 171px;
  height: 36px;
  color: #ffffff;
  margin-top: 20px;
}
.cs-spa-retail-content .containerError .scrollList {
  font-weight: 100;
}
.cs-spa-retail-content .containerError .checkNumValue {
  min-width: 90px;
  display: inline-block;
}
.cs-spa-retail-content .containerError .save-and-continue {
  color: #25cb92;
  font-weight: bold;
}
.cs-spa-retail-content .containerError .image-draft {
  margin-left: 10px;
  transform: rotate(90deg);
}
.cs-spa-retail-content .hide_row_total_active {
  display: none;
}
.cs-spa-retail-content .number_td_table {
  position: relative;
  display: inline-block;
}
.cs-spa-retail-content .number_td_table .currency_td_table {
  left: 0;
  top: 50%;
  position: absolute;
  margin-left: -15px;
  transform: translateY(-50%);
}
.cs-spa-retail-content .number_arrange {
  unicode-bidi: plaintext;
}
.cs-spa-retail-content .footerMessage {
  color: #7d91a1;
  padding: 5px;
}
.cs-spa-retail-content .footerMessage h3 {
  font-weight: bold;
  font-size: 14px;
}
.cs-spa-retail-content .negativeGreenNumber {
  color: #4bc87d;
}
.cs-spa-retail-content .negativeGreenNumber + span {
  color: #4bc87d;
}
.cs-spa-retail-content .debitAuthorizationMoreInfoContent .debitAuthorizationMoreInfoItem {
  min-width: 110px;
  margin-left: 40px;
  margin-bottom: 40px;
  float: right;
}
.cs-spa-retail-content .debitAuthorizationMoreInfoContent .debitAuthorizationMoreInfoItem.newLine {
  clear: both;
}
.cs-spa-retail-content .BaseInterestTypeDirection {
  direction: ltr;
}
.cs-spa-retail-content .hideLoanTabDetails {
  display: none;
}
.cs-spa-retail-content .errorEmpty {
  height: 385px;
  cursor: default;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  background-color: #ffffff;
}
.cs-spa-retail-content .errorEmpty.errorEmpty--foreignLastTransaction {
  height: 335px;
  margin-bottom: 0;
}
.cs-spa-retail-content .errorEmpty.searchErrorView {
  margin-top: 300px;
}
.cs-spa-retail-content .errorEmpty.updateSearchErrorView {
  margin-top: 300px;
}
.cs-spa-retail-content .errorEmpty.tagViewErrorView {
  margin-top: 60px;
}
.cs-spa-retail-content .errorEmpty .errorEmptyContent {
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  display: inline-block;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .errorEmpty .errorEmptyContent .general-btn {
  width: 140px;
  display: block;
  margin: -40px auto 0;
}
.cs-spa-retail-content .errorEmpty h2 {
  font-size: 1.4rem;
  padding-top: 20px;
}
.cs-spa-retail-content .maxCheckBtn {
  top: 92%;
  left: 30%;
  width: 36px;
  height: 36px;
  position: absolute;
  border-radius: 50%;
  background-color: #4bc87d;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .maxCheckBtn .iconMaxCheck {
  width: 14px !important;
  height: 14px !important;
}
.cs-spa-retail-content .topCheckView {
  overflow: hidden;
}
.cs-spa-retail-content .footerCheckView {
  height: 125px;
  padding-left: 160px;
  padding-top: 35px;
}
.cs-spa-retail-content .backCheckBtn {
  left: 34%;
  top: 325px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #4bc87d;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .backCheckBtn span {
  position: absolute;
  padding-right: 20px;
}
.cs-spa-retail-content .contentChecks {
  margin: 0 auto;
  width: 486px;
}
.cs-spa-retail-content .contentChecks img {
  display: block;
  padding-bottom: 20px;
  width: 486px;
  height: 223px;
}
.cs-spa-retail-content .downloadButton {
  float: left;
}
.cs-spa-retail-content .descriptionTooltip {
  display: inline-block;
}
.cs-spa-retail-content .mainActivities .table .table-desc-col.transaction-td .descriptionTooltip {
  display: inline;
}
.cs-spa-retail-content .full.circleChangeName {
  position: absolute;
  cursor: pointer !important;
  width: 36px;
  height: 36px;
  left: 0;
  top: 0;
  z-index: 1;
}
.cs-spa-retail-content .full.circleChangeName:before {
  content: "";
  position: absolute;
  background-image: url(media/images/iconCheck.0662de3c0d07bb214557..png);
  width: 14px;
  height: 11px;
  left: 10px;
  top: 12px;
  z-index: 99999;
}
.cs-spa-retail-content .full.circleChangeName:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 36px;
  height: 36px;
  top: 0;
  left: 0;
  z-index: 1111;
}
.cs-spa-retail-content .empty.circleChangeName {
  position: absolute;
  cursor: pointer !important;
  width: 36px;
  height: 36px;
  left: 0;
  top: 0;
  z-index: 1;
}
.cs-spa-retail-content .empty.circleChangeName:before {
  content: "";
  position: absolute;
  background-image: url(media/images/iconCheck.0662de3c0d07bb214557..png);
  width: 14px;
  height: 11px;
  left: 10px;
  top: 12px;
  z-index: 99999;
}
.cs-spa-retail-content .empty.circleChangeName:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 36px;
  height: 36px;
  top: 0;
  left: 0;
  z-index: 1111;
  opacity: 0.502;
}
.cs-spa-retail-content .cancelChageName {
  top: 50%;
  right: 90%;
  font-size: 14px;
  color: #4bc87d;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .cancelChageName.cancelChageName-right {
  right: 95%;
}
.cs-spa-retail-content .financialTabs {
  color: #7d91a1;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .financialTabs:after {
  top: 56px;
  left: 50%;
  width: 1px;
  content: "";
  height: 180px;
  position: absolute;
  background-color: #7d91a1;
}
.cs-spa-retail-content .textTopTable {
  font-weight: 300;
  font-size: 2.4rem;
  position: relative;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 0;
}
.cs-spa-retail-content .textTopTable h2 {
  font-weight: 300;
  font-size: 2.4rem;
}
.cs-spa-retail-content .textTopTable .infoCircle {
  left: 72%;
}
.cs-spa-retail-content .textTopTable.multiple-lines-pagination {
  padding-top: 1px;
}
.cs-spa-retail-content .mainTabsSectionWrapper .mainTabsSection {
  padding: 0 15px;
  display: flex;
  margin-bottom: 15px;
}
.cs-spa-retail-content .mainTabsSectionWrapper .mainTabsSection .btnFilter {
  display: inline-block;
}
.cs-spa-retail-content .mainMenuTabs {
  display: inline-block;
}
.cs-spa-retail-content .main-dashboard-section .noTabs {
  height: 0px;
}
.cs-spa-retail-content #tabNavigationBar .v-tab-container {
  display: inline-block;
}
.cs-spa-retail-content .innerNavBars {
  width: 100%;
  display: flex;
  font-size: 1.4rem;
  color: #7d91a1;
}
.cs-spa-retail-content .innerNavBars .menu {
  padding-top: 10px;
}
.cs-spa-retail-content .innerNavBars .menu > li {
  display: inline-block;
  vertical-align: middle;
}
.cs-spa-retail-content .innerNavBars .btnFilter {
  margin-left: 15px;
}
.cs-spa-retail-content .innerNavBars .contentLink {
  cursor: pointer;
  padding-left: 30px;
}
.cs-spa-retail-content .innerNavBars .contentLink a {
  color: #7d91a1;
}
.cs-spa-retail-content .innerNavBars .contentLink .activeLink {
  color: black;
  font-weight: 600;
  display: inline-block;
  border-bottom: solid 2px #4bc87d;
}
.cs-spa-retail-content .ibanLink {
  color: #4bc87d;
  text-decoration: underline;
  cursor: pointer;
}
.cs-spa-retail-content .ibanLink:hover {
  color: #4bc87d;
}
.cs-spa-retail-content .panelTableContent {
  height: 69px;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .panelTableContent.v2 {
  margin-top: 30px;
}
.cs-spa-retail-content .panelTableContent .downloadIcon {
  min-width: 115px;
}
.cs-spa-retail-content .panelTableContent .creditContentBar {
  height: 70px;
  padding: 15px 20px;
  box-shadow: 0px 0px 25px 0px rgba(81, 144, 182, 0.1);
}
.cs-spa-retail-content .panelTableContent .creditContentBar .searchFilter {
  display: inline-block;
  margin-left: 15px;
  position: relative;
}
.cs-spa-retail-content .panelTableContent .creditContentBar .searchFilter .xIconClearSearch {
  top: 50%;
  left: 10px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
}
.cs-spa-retail-content .panelTableContent .creditContentBar .searchFilter .xIconClearSearch:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  background-image: url(media/images/iconClearSearch.a544fa1df5ec5922931e..png);
}
.cs-spa-retail-content .panelTableContent .creditContentBar .searchFilter .ng-empty + .xIconClearSearch {
  display: none;
}
.cs-spa-retail-content .panelTableContent .creditContentBar .searchFilter .ng-not-empty + .xIconClearSearch {
  display: inline-block;
}
.cs-spa-retail-content .panelTableContent .creditContentBar .creditFutureTitle {
  font-size: 24px;
}
.cs-spa-retail-content .panelTableContent .creditContentBar .textNoCreditsMonth {
  font-size: 24px;
  margin-top: 5px;
}
.cs-spa-retail-content .panelTableContent .creditContentBar .menuIcons .downloadIconZicui {
  display: inline-block;
  margin-top: 5px;
}
.cs-spa-retail-content .panelTableContent .creditContentBar .menuIcons .toggleOshDisplayBtn {
  margin-left: 0;
}
.cs-spa-retail-content .panelTableContent .creditContentBar.loanContentBar .savePrintAndToggle {
  left: 310px;
}
.cs-spa-retail-content .panelTableContent .creditContentBar.loanContentBar .btnSearchCredit {
  bottom: auto;
}
.cs-spa-retail-content .panelTableContent.loansPanelContent_haveGuarantees {
  margin-bottom: 25px;
}
.cs-spa-retail-content .panelTableContent .menuIcons {
  text-align: left;
}
.cs-spa-retail-content .panelTableContent .menuIcons:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.cs-spa-retail-content .generalFooter {
  margin-right: 15px;
  margin-top: 25px;
  color: #7d91a1;
}
.cs-spa-retail-content .generalFooter.v2 {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 20px;
}
.cs-spa-retail-content .generalFooter .footerLinkComponent {
  margin-bottom: 25px;
}
.cs-spa-retail-content .generalFooter .footerLinkComponent a {
  color: #4bc87d;
  text-decoration: underline;
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-block;
}
.cs-spa-retail-content .generalFooter .footerMessageComponent {
  font-weight: 200;
  color: #7d91a1;
}
.cs-spa-retail-content .financeInfo {
  text-align: center;
  padding: 20px;
}
.cs-spa-retail-content .financeInfo > div:last-child {
  margin-top: 120px;
}
.cs-spa-retail-content .financeInfo .title {
  font-size: 20px;
  font-weight: 500;
  color: #4bc87d;
  position: relative;
}
.cs-spa-retail-content .financeInfo h2 {
  font-size: 20px;
  font-weight: 500;
  color: #4bc87d;
  display: inline-block;
}
.cs-spa-retail-content .financeInfo .generalFooter {
  text-align: right;
}
.cs-spa-retail-content .financeInfo .financeNumber {
  font-size: 2rem;
}
.cs-spa-retail-content .financeInfo .financeInfoRow {
  width: 85%;
  display: block;
  margin-top: 35px;
  transform: translateX(50%);
  left: -50%;
  position: relative;
}
.cs-spa-retail-content .financeInfo .financeInfoRow > div:first-child {
  margin-left: auto;
}
.cs-spa-retail-content .financeInfo .financeInfoRow div {
  text-align: right;
}
.cs-spa-retail-content .financeInfo .btnHelp {
  width: 18px;
  height: 18px;
  background-size: 100%;
}
.cs-spa-retail-content .financeFooter {
  padding: 0 24px 15px;
}
.cs-spa-retail-content .financeFooter .inline-error-msg {
  display: inline-block;
}
.cs-spa-retail-content .financeFooter .inline-msg {
  display: inline-block;
}
.cs-spa-retail-content .financeFooter div:first-child {
  margin-left: auto;
}
.cs-spa-retail-content .financeFooter p {
  font-weight: 200;
  display: inline-block;
}
.cs-spa-retail-content .financeFooter .refreshBtn {
  border-radius: 50%;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  width: 36px;
  height: 36px;
  padding-bottom: 2px;
  padding: 0;
}
.cs-spa-retail-content .visibility {
  visibility: visible !important;
}
.cs-spa-retail-content .btnHelp {
  background: url(media/images/iconInfo.5aa566aeddf58a2bfd6c..png) no-repeat center center #a5c7db;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  z-index: 8;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: default;
  margin-right: 5px;
}
.cs-spa-retail-content .btnHelp.v2 {
  background-size: 15px;
  width: 15px;
  height: 15px;
}
.cs-spa-retail-content .btnHelp.no-pointer {
  cursor: auto;
}
.cs-spa-retail-content .btnHelp:not(.no-pointer):hover {
  background-color: #81b0cc;
}
.cs-spa-retail-content .btnHelp.btnHelp--absoluteLeft {
  left: -24px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.cs-spa-retail-content .btnHelp.icon-no-margin {
  margin-right: 0;
}
.cs-spa-retail-content .btnGoBack {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  position: relative;
  right: 0px;
}
.cs-spa-retail-content .btnGoBack:hover {
  outline: none !important;
}
.cs-spa-retail-content .btnGoBack:hover:before,
.cs-spa-retail-content .btnGoBack:hover:after {
  background-color: #28854d;
}
.cs-spa-retail-content .btnGoBack:hover .tooltipPop {
  opacity: 1;
  visibility: visible;
}
.cs-spa-retail-content .btnGoBack:before,
.cs-spa-retail-content .btnGoBack:after {
  content: "";
  height: 2px;
  width: 50%;
  display: block;
  background-color: #4bc87d;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 1px;
}
.cs-spa-retail-content .btnGoBack:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .btnGoBack:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .btnGoBack .tooltipPop {
  left: 50%;
  top: 48px;
  opacity: 0;
  height: 31px;
  width: 134px;
  padding: 6px 0 0;
  transition: all 0.2s ease-out;
  position: absolute;
  color: #ffffff;
  text-align: center;
  visibility: hidden;
  border-radius: 15px;
  font: 15px 'Rubik', sans-serif;
  transform: translateX(-50%);
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content .btnGoBack .tooltipPop:after {
  content: '';
  width: 0;
  height: 0;
  left: 50%;
  bottom: 100%;
  position: absolute;
  border-style: solid;
  transform: translateX(-50%);
  border-width: 0 7.5px 6px 7.5px;
  border-color: transparent transparent #4bc87d transparent;
}
.cs-spa-retail-content .dropdownBtns > div,
.cs-spa-retail-content .dropdownBtns .dropdown,
.cs-spa-retail-content .dropdownBtns .inputFieldWrapper {
  margin-left: 15px;
}
.cs-spa-retail-content .dropdownBtns > div:last-child,
.cs-spa-retail-content .dropdownBtns .dropdown:last-child,
.cs-spa-retail-content .dropdownBtns .inputFieldWrapper:last-child {
  margin-left: 0;
}
.cs-spa-retail-content .dropdownBtns .tooltip.in {
  z-index: 1030;
}
.cs-spa-retail-content .toggleViewBtns {
  justify-content: flex-end;
}
.cs-spa-retail-content .topActionBar {
  padding: 16px 20px;
  background-color: white;
}
.cs-spa-retail-content .topActionBar .datepickerDropdown .caretDate,
.cs-spa-retail-content .topActionBar .dropdown-menu .spaceLinks a,
.cs-spa-retail-content .topActionBar .datepickerDropdown .btn,
.cs-spa-retail-content .topActionBar .inputFieldWrapper input,
.cs-spa-retail-content .topActionBar .dropdown-toggle-text,
.cs-spa-retail-content .topActionBar .caretIcon,
.cs-spa-retail-content .topActionBar .creditInput {
  color: #000000;
}
.cs-spa-retail-content .topActionBar .dropdown-menu .spaceLinks a:hover,
.cs-spa-retail-content .topActionBar .dropdown-menu .spaceLinks a:focus {
  background: none;
  color: #4bc87d;
}
.cs-spa-retail-content .topActionBar .dropdownSum .btnSum,
.cs-spa-retail-content .topActionBar .creditInput {
  opacity: 1;
}
.cs-spa-retail-content .topActionBar .dropdownSum .btnSum.disabled-transparent {
  opacity: 0.5;
  cursor: default;
}
.cs-spa-retail-content .topActionBar_heading {
  font-weight: 400;
  font-size: 2.4rem;
}
.cs-spa-retail-content .tableViewSwitch {
  min-width: 160px;
}
.cs-spa-retail-content .tableViewSwitch .switchHalf {
  min-width: 80px;
}
.cs-spa-retail-content .summaryForeignTable {
  margin-bottom: 32px;
}
.cs-spa-retail-content .summaryForeignTable .textTopTable .generalDropdown .dropdown-toggle-text {
  min-width: 116px;
}
.cs-spa-retail-content .notSubscribedCheckboxes {
  margin-top: 28px;
}
.cs-spa-retail-content .notSubscribedCheckboxes .checkboxContainer .btn {
  white-space: normal;
}
.cs-spa-retail-content .emailBanner {
  height: 164px;
  display: flex;
  color: white;
  padding: 0 28px;
  margin: 50px 0 12px;
  align-items: center;
  background: url(media/images/emails-banner.c27e7d6ad4e9032aa127..png) no-repeat, linear-gradient(45deg, #38d29f 0%, #96d238 100%);
}
.cs-spa-retail-content .emailBanner h3,
.cs-spa-retail-content .emailBanner h2 {
  font-weight: 400;
  font-size: 3.2rem;
}
.cs-spa-retail-content .emailBanner p {
  font-weight: 200;
  font-size: 1.8rem;
  margin: 4px 0 16px;
}
.cs-spa-retail-content .emailBanner .general-btn {
  width: 190px;
  font-size: 1.8rem;
  display: inline-block;
}
.cs-spa-retail-content .discountEmailSection .noDeductions {
  margin: 0;
  text-align: center;
}
.cs-spa-retail-content .discountEmailSection .noDeductions img {
  margin-top: 90px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: inline-block;
}
.cs-spa-retail-content .discountEmailSection .noDeductions h2 {
  color: #7d91a1;
  margin-top: 32px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.cs-spa-retail-content b {
  font-weight: 500;
}
.cs-spa-retail-content .joinConditions {
  color: #4bc87d;
  text-decoration: underline;
}
.cs-spa-retail-content .btnHamburger {
  display: none;
}
.cs-spa-retail-content .filterIcon {
  bottom: 0;
  left: 9.5%;
  width: 68px;
  height: 68px;
  border-radius: 100%;
  position: absolute;
  display: inline-block;
  transform: translateY(50%);
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  background: url(media/images/filter-icon.1274c1e323a51fd73b73..png) center center no-repeat white;
}
.cs-spa-retail-content .searchErrorPanel {
  height: 210px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: white;
}
.cs-spa-retail-content .searchErrorPanel p {
  font-weight: 500;
  font-size: 1.4rem;
}
.cs-spa-retail-content .popupDataHead {
  margin: 0 50px 42px;
  padding-bottom: 42px;
}
.cs-spa-retail-content .popupDataHead li {
  min-width: 144px;
  display: table-cell;
}
.cs-spa-retail-content .popupDataHead li p {
  font-size: 1.4rem;
  color: #7d91a1;
}
.cs-spa-retail-content .popupDataHead li span {
  font-weight: 300;
  color: #4e5664;
  font-size: 1.8rem;
  font-family: 'Rubik', sans-serif;
}
.cs-spa-retail-content .reportWrapper {
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
  padding: 24px 0;
  background-color: white;
}
.cs-spa-retail-content .report-btns {
  display: flex;
  margin-top: 24px;
  align-items: center;
  justify-content: center;
}
.cs-spa-retail-content .report-btns a {
  margin-left: 12px;
}
.cs-spa-retail-content .report-btns a:last-child {
  margin-left: 0;
}
.cs-spa-retail-content .reportData {
  width: 70%;
  margin: 0 auto;
  overflow-x: auto;
  color: #4e5664;
  border-radius: 4px;
  padding: 12px 12px 42px;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .reportData.reportData--fullWidth {
  width: 100%;
}
.cs-spa-retail-content .reportData.reportData--extendedWidth {
  width: 90%;
}
.cs-spa-retail-content .reportData.reportData-internetFeesInfo {
  width: 90%;
}
.cs-spa-retail-content .reportData .predictionsDataItem {
  margin-bottom: 4px;
}
.cs-spa-retail-content .reportData .predictionsDataSection .sectionHeading {
  margin-bottom: 16px;
}
.cs-spa-retail-content .reportData.transaction-details-error {
  border: none;
  padding: 24px;
}
.cs-spa-retail-content .reportData.transaction-details-error p {
  text-align: center;
}
.cs-spa-retail-content .reportData.white-space-nowrap {
  white-space: nowrap;
}
.cs-spa-retail-content .accountStatusTable .transactionType,
.cs-spa-retail-content .accountStatusTable .transactionRate {
  width: 124px;
}
.cs-spa-retail-content .loanDetailsTableView .btnHelp {
  width: 18px;
  height: 18px;
  background-size: 100%;
  transform: translateX(-12px);
}
.cs-spa-retail-content .ltrValue {
  direction: ltr;
  display: inline-block;
}
.cs-spa-retail-content .lobbyChecksContent .tooltipAdvancedSearch + .tooltip .tooltip-inner {
  width: auto;
  max-width: 400px;
}
.cs-spa-retail-content .lobbyChecksContent .cardsContent .dropdownBtns > div {
  margin-left: 8px;
}
.cs-spa-retail-content .lobbyChecksContent .cardsContent .tableViewSwitch {
  min-width: 116px;
}
.cs-spa-retail-content .lobbyChecksContent .cardsContent .tableViewSwitch .switchHalf {
  min-width: 58px;
}
.cs-spa-retail-content .lobbyChecksContent .datepickerDropdown p {
  width: 100%;
  text-align: center;
}
.cs-spa-retail-content .lobbyChecksContent .datepickerDropdown input {
  width: var(--datepicker-width);
}
.cs-spa-retail-content .lobbyChecksContent .inputFieldWrapper input {
  width: 160px !important;
}
.cs-spa-retail-content .lobbyChecksContent .autocomplete-dropdown input {
  width: 180px !important;
}
.cs-spa-retail-content .lobbyChecksContent .generalDropdown {
  min-width: 140px;
}
.cs-spa-retail-content .lobbyChecksContent .advancedSearchSection .btnAdvancedSearchContent {
  padding: 16px;
}
.cs-spa-retail-content .lobbyChecksContent .advancedSearchSection .dropdownBlock {
  vertical-align: top;
}
.cs-spa-retail-content .table-info-msg-wrapper {
  display: flex;
  margin-top: 32px;
  margin-right: 24px;
  margin-bottom: 8px;
  margin-left: 0;
}
.cs-spa-retail-content .table-info-msg-wrapper.multiple-lines-pagination {
  margin-top: 1px;
}
.cs-spa-retail-content .table-info-msg {
  font-size: 2rem;
  margin-left: 24px;
  color: #4e5664;
}
.cs-spa-retail-content .table-info-msg:last-of-type {
  margin-left: 0;
}
.cs-spa-retail-content .table-info-msg-content {
  display: flex;
  margin-left: auto;
  align-items: baseline;
}
.cs-spa-retail-content .table-info-msg-heading {
  font-size: 2rem;
  font-weight: 400;
  margin-left: 16px;
}
.cs-spa-retail-content .table-info-msg-details {
  font-size: 1.6rem;
  color: #7d91a1;
}
.cs-spa-retail-content .table-info-msg-separator {
  margin: 0 4px;
}
.cs-spa-retail-content .table-info-msg-heading-v2 {
  font-size: 2.4rem;
  font-weight: 300;
  margin-left: auto;
}
.cs-spa-retail-content .table-info-msg-wrapper-alert {
  margin-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  display: inline-flex;
}
.cs-spa-retail-content .table-info-msg-alert {
  margin-right: 7px;
  font-size: 14px;
  margin-top: -2px;
  padding-left: 15px;
}
.cs-spa-retail-content .table-info-msg-alert.multiple-lines-pagination {
  padding-top: 32px;
}
.cs-spa-retail-content .tabInfoMsg {
  color: #4e5664;
  padding-right: 24px;
  margin: 32px 0 12px;
  font-family: 'Rubik';
}
.cs-spa-retail-content .tabInfoMsg.centeredRow {
  margin: 32px 0 8px;
}
.cs-spa-retail-content .tabInfoMsg.centeredRow .number {
  font-family: 'Josefin Sans';
}
.cs-spa-retail-content .tabInfoMsg.centeredRow small {
  font-size: 80%;
  color: #4e5664;
}
.cs-spa-retail-content .tabInfoMsg > span {
  font-size: 2rem;
  margin-left: 24px;
  display: inline-block;
}
.cs-spa-retail-content .tabInfoMsg > span i {
  font-weight: 500;
  font-size: 1.5rem;
  font-style: normal;
}
.cs-spa-retail-content .tabInfoMsg span {
  font-size: 2rem;
  font-weight: 400;
}
.cs-spa-retail-content .display-btn {
  height: 36px;
  width: 70px;
  border-radius: 50px;
  background-color: #e7f1f9;
}
.cs-spa-retail-content .display-btn .display-btn-half {
  z-index: 10;
  width: 30px;
  height: 35px;
  position: relative;
  border-radius: 50%;
  display: inline-block;
}
.cs-spa-retail-content .display-btn .display-btn-half.active.display-grid:before,
.cs-spa-retail-content .display-btn .display-btn-half.active.display-row:before {
  content: "";
  top: 0;
  right: -3px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  position: absolute;
  background-color: #4bc87d;
  background-repeat: no-repeat;
  background-position: center center;
}
.cs-spa-retail-content .display-btn .display-btn-half.active.display-grid:before {
  background-image: url(media/images/gridWhite.995d937a0bd8bddfa428..png);
}
.cs-spa-retail-content .display-btn .display-btn-half.active.display-row:before {
  background-image: url(media/images/rowWhite.ce1912ccc64abe52c744..png);
}
.cs-spa-retail-content .display-btn .display-btn-half.display-grid {
  background: url(media/images/gridGrey.2e0cba97a311f084c638..png) center no-repeat;
}
.cs-spa-retail-content .display-btn .display-btn-half.display-row {
  background: url(media/images/rowGrey.d5b291c1da51b2b63597..png) center no-repeat;
}
.cs-spa-retail-content .creditInput {
  height: 36px;
  width: 180px;
  opacity: 0.7;
  padding-right: 25px;
  border-radius: 40px;
  border: 1px solid #a4b2bd;
  background-color: #ffffff;
}
.cs-spa-retail-content .searchFilter {
  position: relative;
}
.cs-spa-retail-content .iconSearchGold {
  right: 5px;
  z-index: 10;
  width: 20px;
  height: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  background-image: url(media/images/iconSearchGold.86d9b854cc0f0b316f24..png);
}
.cs-spa-retail-content .cashFlowQueryChecks .md-section-title {
  padding-top: 40px;
}
.cs-spa-retail-content .checksErrorView {
  margin-top: 40px;
}
.cs-spa-retail-content .blurred-bottom {
  position: relative;
}
.cs-spa-retail-content .blurred-bottom:after {
  content: "";
  bottom: 0;
  width: 100%;
  height: 47px;
  z-index: 1030;
  position: absolute;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.cs-spa-retail-content .max-height {
  max-height: 100px;
}
.cs-spa-retail-content .btnHelp:hover .general-tooltip {
  display: block;
}
.cs-spa-retail-content .general-tooltip {
  top: 0;
  width: 200px;
  z-index: 1030;
  position: absolute;
  padding: 10px 15px;
  color: #4bc87d;
  background-color: white;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  display: none;
}
.cs-spa-retail-content .general-tooltip.tooltip-right {
  right: -4px;
  transform: translateX(100%);
  border-left: 4px solid #a5c7db;
}
.cs-spa-retail-content .general-tooltip.tooltip-left {
  left: -4px;
  transform: translateX(-100%);
  border-right: 4px solid #a5c7db;
}
.cs-spa-retail-content .textDownload {
  display: inline-block;
}
.cs-spa-retail-content .green-search-icon {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: inline-block;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  background: url(media/images/iconSearchWhite.40e9a3d69eb934333d5d..png) no-repeat center #4bc87d;
}
.cs-spa-retail-content .lobbyTransfersContent .advancedSearch {
  padding: 0;
}
.cs-spa-retail-content .iban-number {
  width: 240px;
}
.cs-spa-retail-content .amount-filter-query {
  height: 36px;
  min-width: 190px;
  line-height: 36px;
  border-radius: 50px;
  background-color: white;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 32px;
  transform: translateY(-100%);
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .bottom-notes {
  margin: 10px 20px;
  color: #7d91a1;
}
.cs-spa-retail-content .debit-authorization-tab .btnFilter {
  margin-left: auto;
}
.cs-spa-retail-content .lobby-osh-content .innerNavBars .menu {
  padding-top: 7px;
}
.cs-spa-retail-content .cash-flow-tables .generalTable .boldText {
  font-weight: 600;
}
.cs-spa-retail-content .cash-flow-tables .tfootSpacing:before {
  content: "";
  display: block;
  line-height: 15px;
}
.cs-spa-retail-content .cash-flow-tables .tfootSpacing td {
  background: white;
}
.cs-spa-retail-content .accessibilityContainer {
  position: fixed;
  left: 0;
  top: 50px;
  z-index: 30;
  background: #ffffff;
}
.cs-spa-retail-content .accessibilityContainer .btnControl {
  width: 100%;
  border: none;
  height: 36px;
  color: white;
  display: block;
  padding: 0 8px;
  font-weight: 600;
  line-height: 36px;
  font-size: 1.6rem;
  background: #4bc87d;
  border: 1px solid green;
}
.cs-spa-retail-content .accessibilityContainer .btnControl:last-of-type {
  border-top: none;
}
.cs-spa-retail-content .accessibilityContainer .close {
  opacity: 1;
  color: #999;
  margin-left: 4px;
  text-align: left;
}
.cs-spa-retail-content .accountBalance .currency_symbol.redNegative {
  font-size: 2.2rem;
}
.cs-spa-retail-content .affix-top .side-dashboard {
  display: none;
}
.cs-spa-retail-content .affix-top .mainDashboard .accountBalance {
  margin-right: 12px;
  display: inline-block;
}
.cs-spa-retail-content .affix-top .mainDashboard .title {
  display: inline-block;
}
.cs-spa-retail-content .affix-top .mainDashboard .detailsContainer {
  display: block;
}
.cs-spa-retail-content .affix-top .account-data-container {
  width: 100%;
}
.cs-spa-retail-content .affix-top .account-data-container .total-amount {
  display: inline-block;
}
.cs-spa-retail-content .edit-details-process-btn {
  right: 24px;
  display: flex;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.cs-spa-retail-content .edit-details-process-btn p {
  color: #4bc87d;
}
.cs-spa-retail-content .edit-details-process-btn img {
  width: 18px;
  margin-left: 8px;
  display: inline-block;
}
.cs-spa-retail-content .process-summary-btns {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}
.cs-spa-retail-content .process-summary-btns button {
  margin-left: 8px;
}
.cs-spa-retail-content .process-summary-btns button:last-of-type {
  margin-left: 0;
}
.cs-spa-retail-content .general-btn-process-wrapper {
  left: 0;
  right: 0;
  height: 64px;
  bottom: -64px;
  position: absolute;
  text-align: center;
  background-color: white;
}
.cs-spa-retail-content .general-btn-process-wrapper:after {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #f1f1f1;
}
.cs-spa-retail-content .general-btn-process-wrapper .general-btn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  z-index: 10;
  min-width: 148px;
  position: relative;
  transform: translate(0%, -50%);
}
.cs-spa-retail-content .general-btn-process-wrapper .general-btn.general-btn-purple {
  box-shadow: 0px 9px 25px 0px rgba(132, 155, 249, 0.45);
  background-color: #5b77f5;
}
.cs-spa-retail-content .general-btn-process-wrapper .circle-v-btn {
  top: 0;
  left: 50%;
  z-index: 1;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .general-btn {
  border: none;
  height: 36px;
  color: white;
  padding: 0 24px;
  font-size: 1.4rem;
  line-height: 36px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  font-weight: 500;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  cursor: pointer;
}
.cs-spa-retail-content .general-btn:hover,
.cs-spa-retail-content .general-btn:focus {
  color: white;
  box-shadow: 0px 11px 25px 0px rgba(75, 200, 125, 0.5);
}
.cs-spa-retail-content .general-btn.general-btn-fixed {
  width: 172px;
  display: block;
  margin: 0 auto;
}
.cs-spa-retail-content .general-btn.general-btn-inversed {
  color: #4bc87d;
  background-color: white;
}
.cs-spa-retail-content .general-btn.general-btn-inversed:hover,
.cs-spa-retail-content .general-btn.general-btn-inversed:focus {
  color: #4bc87d;
}
.cs-spa-retail-content .general-btn.btnApprove {
  background-color: #5b77f5;
  box-shadow: 0px 9px 25px 0px rgba(132, 155, 249, 0.45);
}
.cs-spa-retail-content .green-link {
  cursor: pointer;
  color: #4bc87d;
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
}
.cs-spa-retail-content .green-link:hover,
.cs-spa-retail-content .green-link:focus {
  color: #4bc87d;
  text-decoration: none;
}
.cs-spa-retail-content .purple-link {
  cursor: pointer;
  color: #4bc87d;
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
  color: #6176ed;
}
.cs-spa-retail-content .purple-link:hover,
.cs-spa-retail-content .purple-link:focus {
  color: #4bc87d;
  text-decoration: none;
}
.cs-spa-retail-content .purple-link:hover,
.cs-spa-retail-content .purple-link:focus {
  color: #6176ed;
}
.cs-spa-retail-content .basic-text-link {
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}
.cs-spa-retail-content .basic-text-link:hover,
.cs-spa-retail-content .basic-text-link:focus {
  text-decoration: none;
}
.cs-spa-retail-content .white-link {
  cursor: pointer;
  color: #ffffff;
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
}
.cs-spa-retail-content .white-link:hover {
  color: #ffffff;
  text-decoration: none;
}
.cs-spa-retail-content .green-bullets {
  text-align: right;
}
.cs-spa-retail-content .green-bullets li {
  padding: 0 20px;
  position: relative;
}
.cs-spa-retail-content .green-bullets li:before {
  content: '\2022';
  display: block;
  position: absolute;
  max-width: 0;
  max-height: 0;
  right: 0;
  top: -9px;
  color: #4bd7a8;
  font-size: 28px;
}
.cs-spa-retail-content .circle-btn {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
}
.cs-spa-retail-content .circle-btn.circle-btn-save {
  background-image: url(media/images/tools7.c824014e556404992764..png);
}
.cs-spa-retail-content .circle-btn.circle-btn-print {
  background-image: url(media/images/tools6.4785eebfb0e3cd754c6b..png);
}
.cs-spa-retail-content .circle-v-btn {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #4bc87d;
  background-image: url(media/images/datepicker-v.8220fe6da26dc583e139..png);
}
.cs-spa-retail-content .circle-v-btn.circle-v-btn-purple {
  background-color: #5b77f5;
}
.cs-spa-retail-content .table-cell-edit-field {
  border: none;
  box-shadow: none;
  position: relative;
}
.cs-spa-retail-content .credit-cards-dropdowns {
  z-index: 10;
  position: absolute;
  display: inline-block;
  transform: translate(-570px, -45px);
}
.cs-spa-retail-content .credit-cards-dropdowns .btnFilter {
  display: inline-block;
}
.cs-spa-retail-content .credit-cards-dropdowns .dropdown-toggle-text {
  min-width: 116px;
}
.cs-spa-retail-content .credit-cards-dropdowns .dropdown-menu .spaceLinks a,
.cs-spa-retail-content .credit-cards-dropdowns .dropdown-toggle-text,
.cs-spa-retail-content .credit-cards-dropdowns .caretIcon {
  color: #000000;
}
.cs-spa-retail-content .credit-cards-lobby .credit-cards-dropdowns.credit-cards-dropdowns-credits.visible-for-export {
  transform: translate(-370px, -45px);
}
@media (max-width: 767px) {
  .cs-spa-retail-content .credit-cards-lobby .credit-cards-dropdowns.credit-cards-dropdowns-credits.visible-for-export {
    transform: none;
  }
}
.cs-spa-retail-content .credit-card-tab .mainTabsSectionWrapper {
  top: -4px;
  z-index: 1;
  position: absolute;
}
.cs-spa-retail-content .credit-card-tab .cardsInfo {
  margin-top: 0;
}
.cs-spa-retail-content .standing-order-tab .footerMessageComponent {
  margin: 32px 0;
}
.cs-spa-retail-content fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.cs-spa-retail-content .future_activities_container .tableRow {
  cursor: auto;
}
.cs-spa-retail-content .error-msg-sml {
  color: #fb5f5f;
  font-size: 14px;
}
.cs-spa-retail-content .inline-error-msg {
  margin: 8px 0;
  color: #fb5f5f;
  font-weight: 500;
}
.cs-spa-retail-content .inline-error-msg .fa {
  top: 2px;
  font-size: 1.8rem;
  position: relative;
  margin-top: 0;
  margin-right: 8px;
  margin-bottom: 0;
  margin-left: 4px;
}
.cs-spa-retail-content .inline-error-msg.info-msg {
  color: #4bc87d;
}
.cs-spa-retail-content .iconTextBtn {
  display: flex;
  align-items: center;
}
.cs-spa-retail-content .iconTextBtn_text {
  margin-right: 8px;
  color: #7d91a1;
  display: inline-block;
}
.cs-spa-retail-content .inlineIconMsg {
  display: flex;
  align-items: center;
}
.cs-spa-retail-content .inlineIconMsg__circle {
  text-align: center;
  display: inline-block;
}
.cs-spa-retail-content .inlineIconMsg__circle--error {
  width: 21px;
  height: 21px;
  border-radius: 100%;
  min-width: 21px;
  background-color: #fb5f5f;
}
.cs-spa-retail-content .inlineIconMsg__circle--gray {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #ccd9e0;
}
.cs-spa-retail-content .inlineIconMsg__text {
  margin-right: 8px;
}
.cs-spa-retail-content .inlineIconMsg__text--error {
  color: #fb5f5f;
  font-weight: 500;
}
.cs-spa-retail-content .exclamationMarkIcon {
  width: 3px;
  height: 11px;
}
.cs-spa-retail-content .doubleBottomCaretsIcon {
  width: 7px;
  height: 10px;
}
.cs-spa-retail-content .clockArrowsIcon {
  width: 4px;
  height: 6px;
}
.cs-spa-retail-content .caretIconBlack {
  width: 5px;
  height: 9px;
}
.cs-spa-retail-content .caretIconBlack--toggled {
  transform: rotate(-90deg);
}
.cs-spa-retail-content .transactionCancellationIcon {
  width: 14px;
  height: 17px;
}
.cs-spa-retail-content .transactionHistoryIcon {
  width: 19px;
  height: 6px;
}
.cs-spa-retail-content .rubbishBinIcon {
  width: 14px;
  height: 17px;
}
.cs-spa-retail-content .checkbox-wrapper {
  position: relative;
}
.cs-spa-retail-content .checkbox-wrapper input[type="checkbox"] + .custom-checkbox {
  box-sizing: border-box;
  height: 17px;
  width: 17px;
  border: 2px solid #a4b2bd;
  border-radius: 3px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: sub;
}
.cs-spa-retail-content .checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox {
  background: url(media/svgs/ChackBox_Checked.9d3604178600b6f42e6c..svg) no-repeat 0 0;
  background-position: center;
  background-color: #4bc87d;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  border: 2px solid #4bc87d;
}
.cs-spa-retail-content .checkbox-wrapper label {
  display: inline-block;
}
.cs-spa-retail-content .checkbox-wrapper .checkbox-visual {
  top: 3px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  background: #cde2ea;
}
.cs-spa-retail-content .checkbox-wrapper .checkbox-visual:after {
  content: '';
  width: 0;
  top: 50%;
  left: 50%;
  height: 0;
  display: block;
  opacity: 0;
  transition: all 0.2s ease-out;
  position: absolute;
  transform: rotate(50deg);
  border-right: 2px solid #4bc87d;
  border-bottom: 2px solid #4bc87d;
}
.cs-spa-retail-content .checkbox-wrapper input {
  right: 0;
  opacity: 0;
  width: 14px;
  height: 14px;
  z-index: 9999;
  cursor: pointer;
  position: absolute;
}
.cs-spa-retail-content .checkbox-wrapper input:checked + .checkbox-visual:after,
.cs-spa-retail-content .checkbox-wrapper input:checked + label .checkbox-visual:after {
  left: 4px;
  top: 0px;
  height: 12px;
  width: 7px;
  opacity: 1;
  visibility: visible;
}
.cs-spa-retail-content .checkbox-wrapper.checkbox-wrapper--circle {
  display: flex;
  align-items: center;
}
.cs-spa-retail-content .checkbox-wrapper.checkbox-wrapper--circle .checkbox-visual {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: #4bc87d;
}
.cs-spa-retail-content .checkbox-wrapper.checkbox-wrapper--circle .checkbox-visual:after {
  border-right-color: white;
  border-bottom-color: white;
}
.cs-spa-retail-content .checkbox-wrapper.checkbox-wrapper--circle input {
  top: 50%;
  margin: 0;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}
.cs-spa-retail-content .ellipsisTooltip + .tooltip.top .tooltip-arrow {
  border-top-color: #4bc87d;
}
.cs-spa-retail-content .ellipsisTooltip + .tooltip .tooltip-inner {
  width: auto;
  max-width: none;
  font-size: 15px;
  line-height: 15px;
  border-right: none;
  text-align: center;
  color: #ffffff;
  padding: 10px 20px;
  position: relative;
  border-radius: 20px;
  background-color: #4bc87d;
  box-shadow: 0px 8px 25px 0 rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content .tooltip-icon {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: inline-block;
  background-color: #a5c7db;
  background-image: url(media/images/iconInfo.5aa566aeddf58a2bfd6c..png);
}
.cs-spa-retail-content .tooltip-msg {
  padding-right: 4px;
}
.cs-spa-retail-content .add-circle-icon {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  position: relative;
  display: inline-block;
  background-color: #4e5664;
}
.cs-spa-retail-content .add-circle-icon:hover {
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  background-color: #4bc87d;
}
.cs-spa-retail-content .add-circle-icon:after,
.cs-spa-retail-content .add-circle-icon:before {
  content: "";
  width: 12px;
  height: 2px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  display: inline-block;
  background-color: white;
}
.cs-spa-retail-content .add-circle-icon:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.cs-spa-retail-content .general-table-title {
  color: #4e5664;
  margin: 15px 0;
  font-weight: 300;
  font-size: 2.4rem;
}
.cs-spa-retail-content .fadingElement {
  opacity: 1;
  visibility: visible;
  transition: all ease-in 0.75s;
}
.cs-spa-retail-content .fadingElement.ng-hide {
  opacity: 0;
  visibility: hidden;
}
.cs-spa-retail-content .fadingElement--headerActionBtn {
  opacity: 1;
  visibility: visible;
  transition: all ease-in 0.25s;
}
.cs-spa-retail-content .fadingElement--headerActionBtn.ng-hide {
  opacity: 0;
  visibility: hidden;
}
.cs-spa-retail-content .fadingInElement--ngIf {
  transition: 0.5s ease-in all;
}
.cs-spa-retail-content .fadingInElement--ngIf.ng-enter {
  opacity: 0;
}
.cs-spa-retail-content .fadingInElement--ngIf.ng-enter.ng-enter-active {
  opacity: 1;
}
.cs-spa-retail-content .fadingInElement--ngIf.ng-leave {
  opacity: 1;
}
.cs-spa-retail-content .fadingInElement--ngIf.ng-leave.ng-leave-active {
  opacity: 0;
}
.cs-spa-retail-content .fadingInElement--ngIf.ng-move {
  opacity: 1;
}
.cs-spa-retail-content .fadingInElement--ngIf.ng-move.ng-move-active {
  opacity: 0;
}
.cs-spa-retail-content .fadingOutElement--ngIf {
  transition: 0.5s ease-in all;
}
.cs-spa-retail-content .fadingOutElement--ngIf.ng-leave {
  opacity: 1;
}
.cs-spa-retail-content .fadingOutElement--ngIf.ng-leave.ng-leave-active {
  opacity: 0;
}
.cs-spa-retail-content .ng-animate-fading {
  transition: all ease-in 0.5s;
}
.cs-spa-retail-content .ng-animate-fading.ng-animate-fadeIn {
  opacity: 1;
  visibility: visible;
}
.cs-spa-retail-content .ng-animate-fading.ng-animate-fadeOut {
  opacity: 0;
  visibility: hidden;
}
.cs-spa-retail-content .textTopTable small {
  margin-right: 8px;
  color: #7d91a1;
}
.cs-spa-retail-content .general-tooltip-icon {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  display: inline-block;
  background-size: contain;
  background: url(media/images/iconInfo.5aa566aeddf58a2bfd6c..png) no-repeat center center #a5c7db;
}
.cs-spa-retail-content .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {
  width: 2px;
  background-color: #4bc87d;
}
.cs-spa-retail-content .ngsb-wrap .ngsb-scrollbar .ngsb-track {
  box-shadow: none;
  background: transparent;
}
.cs-spa-retail-content .process-summary-wrapper {
  height: 224px;
}
.cs-spa-retail-content .arrow-tooltip {
  top: 0;
  z-index: 10;
  width: 200px;
  padding: 12px;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  position: absolute;
  color: #4bc87d;
  background-color: white;
  right: calc(100% + 32px);
  border-right: 4px solid #4bc87d;
}
.cs-spa-retail-content .arrow-tooltip:after {
  content: "";
  top: 20%;
  width: 0;
  height: 0;
  right: -12px;
  position: absolute;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #4bc87d;
}
.cs-spa-retail-content .arrow-tooltip.right {
  right: auto;
  border-right: none;
  left: calc(100% + 12px);
  border-left: 4px solid #4bc87d;
}
.cs-spa-retail-content .arrow-tooltip.right:after {
  right: auto;
  left: -12px;
  border-left: none;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #4bc87d;
}
.cs-spa-retail-content .general-arrow-tooltip {
  z-index: 1050;
}
.cs-spa-retail-content .general-arrow-tooltip .tooltip-inner {
  max-width: 224px;
  position: static;
  border-radius: 0;
}
.cs-spa-retail-content .general-arrow-tooltip.left .tooltip-arrow {
  right: -3px;
  margin-top: 0;
  border-top-width: 8px;
  border-right-width: 0;
  border-bottom-width: 8px;
  border-left-width: 8px;
  transform: translateY(-50%);
  border-left-color: #4bc87d;
}
.cs-spa-retail-content .general-arrow-tooltip.left .tooltip-inner {
  border-right: 4px solid #4bc87d;
}
.cs-spa-retail-content .general-arrow-tooltip.right .tooltip-arrow {
  left: -3px;
  right: auto;
  margin-top: 0;
  border-top-width: 8px;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 0;
  transform: translateY(-50%);
  border-right-color: #4bc87d;
}
.cs-spa-retail-content .general-arrow-tooltip.right .tooltip-inner {
  border-right: none;
  border-left: 4px solid #4bc87d;
}
.cs-spa-retail-content .general-arrow-tooltip.top .tooltip-arrow {
  bottom: -2px;
  border-width: 8px 8px 0;
  transform: translateX(-50%);
  border-top-color: #4bc87d;
}
.cs-spa-retail-content .general-arrow-tooltip.top .tooltip-inner {
  border-right: none;
  border-bottom: 4px solid #4bc87d;
}
.cs-spa-retail-content .general-arrow-tooltip.bottom .tooltip-arrow {
  top: -2px;
  border-top-width: 0;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 8px;
  transform: translateX(-50%);
  border-bottom-color: #4bc87d;
}
.cs-spa-retail-content .general-arrow-tooltip.bottom .tooltip-inner {
  border-right: none;
  border-top: 4px solid #4bc87d;
}
.cs-spa-retail-content .general-arrow-tooltip.tooltip {
  margin: 0 !important;
}
.cs-spa-retail-content .general-arrow-tooltip.error-tooltip .tooltip-inner {
  border-right-color: #fb5f5f;
}
.cs-spa-retail-content .general-arrow-tooltip.error-tooltip .tooltip-arrow {
  border-left-color: #fb5f5f;
}
.cs-spa-retail-content .balance-previous .general-arrow-tooltip.right .tooltip-inner {
  width: 224px;
}
.cs-spa-retail-content .contextual-actions-btn .dropdown-menu {
  top: 2vw;
  right: -3vw;
  width: 54vw;
  border: none;
  padding: 5.6vw;
  font-size: 3rem;
  border-radius: 0;
}
.cs-spa-retail-content .contextual-actions-btn .dropdown-menu li {
  margin: 0 0 9vw;
}
.cs-spa-retail-content .contextual-actions-btn .dropdown-menu li:last-child {
  margin: 0;
}
.cs-spa-retail-content .contextual-actions-btn .dropdown-menu .contextual-actions-text {
  padding: 0;
  display: flex;
  color: #4e5664;
}
.cs-spa-retail-content .contextual-actions-btn .dropdown-menu .contextual-actions-text img,
.cs-spa-retail-content .contextual-actions-btn .dropdown-menu .contextual-actions-text span {
  display: inline-block;
}
.cs-spa-retail-content .contextual-actions-btn .dropdown-menu .contextual-actions-text img {
  width: 7vw;
  height: 7vw;
  margin-left: 4.7vw;
}
.cs-spa-retail-content .contextual-action-icons ul {
  display: flex;
  justify-content: flex-end;
}
.cs-spa-retail-content .contextual-action-icons ul li {
  cursor: pointer;
  margin-left: 6px;
  display: inline-block;
}
.cs-spa-retail-content .contextual-action-icons ul li:last-child {
  margin-left: 0;
}
.cs-spa-retail-content .contextual-action-icons img {
  height: 26px;
  width: 26px;
}
.cs-spa-retail-content .contextual-actions-icon-wrapper {
  width: 1vw;
  height: 12vw;
  display: inline-block;
}
.cs-spa-retail-content .contextual-actions-icon,
.cs-spa-retail-content .contextual-actions-icon:before,
.cs-spa-retail-content .contextual-actions-icon:after {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: inline-block;
  background-color: white;
}
.cs-spa-retail-content .contextual-actions-icon {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .contextual-actions-icon:before,
.cs-spa-retail-content .contextual-actions-icon:after {
  left: 0;
  content: "";
  position: absolute;
}
.cs-spa-retail-content .contextual-actions-icon:before {
  top: -10px;
}
.cs-spa-retail-content .contextual-actions-icon:after {
  top: 10px;
}
.cs-spa-retail-content .reports-first-heading {
  margin-top: -6px;
}
.cs-spa-retail-content .report-cards-wrapper {
  margin: 0 -1%;
  display: flex;
  flex-wrap: wrap;
}
.cs-spa-retail-content .report-cards-wrapper .report-card {
  padding: 0 1%;
  min-height: 272px;
  text-align: center;
  margin-bottom: 24px;
}
.cs-spa-retail-content .report-cards-wrapper .report-card h4 {
  font-size: 2.2rem;
  color: #4bc87d;
  margin-bottom: 13%;
}
.cs-spa-retail-content .report-cards-wrapper .report-card p {
  color: #7d91a1;
  line-height: 1.75rem;
}
.cs-spa-retail-content .report-cards-wrapper .report-card .green-link {
  display: block;
  margin-top: 1%;
}
.cs-spa-retail-content .report-cards-wrapper .report-card .report-card-content-wrapper {
  height: 100%;
  flex-wrap: wrap;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  display: flex;
  padding: 7% 13%;
  justify-content: center;
  background-color: white;
}
.cs-spa-retail-content .report-cards-wrapper .report-card .report-card-content {
  width: 100%;
  align-self: flex-start;
}
.cs-spa-retail-content .report-cards-wrapper .report-card .card-btn-wrapper {
  width: 100%;
  margin-top: 10%;
  align-self: flex-end;
  background-color: white;
}
.cs-spa-retail-content .report-cards-wrapper .report-card .general-btn {
  padding: 0 10%;
}
.cs-spa-retail-content .circle-icon-btn {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  position: relative;
  display: inline-block;
  background-color: #4bc87d;
}
.cs-spa-retail-content .circle-icon-btn.circle-icon-btn-white {
  background-color: white;
}
.cs-spa-retail-content .circle-icon-btn img {
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .circle-icon-btn .circle-icon-btn__leftArrowIcon {
  width: 9px;
  height: 15px;
}
.cs-spa-retail-content .progressContainer {
  height: 3px;
  width: 170px;
  max-width: 100%;
  overflow: hidden;
  background: #d9e6ed;
}
.cs-spa-retail-content .progressContainer .bar {
  height: 100%;
}
.cs-spa-retail-content .progressContainer .bar.frameWorkExceeded {
  background: #fb5f5f;
}
.cs-spa-retail-content .progressContainer .bar.frameWorkNotExceeded {
  background: #4bc87d;
}
.cs-spa-retail-content .single-line-tooltip {
  display: flex;
}
.cs-spa-retail-content .single-line-tooltip img,
.cs-spa-retail-content .single-line-tooltip span {
  display: inline-block;
}
.cs-spa-retail-content .single-line-tooltip img {
  width: 18px;
  height: 18px;
  margin-left: 0.5%;
}
.cs-spa-retail-content .general-radio-btn {
  display: flex;
  align-items: center;
}
.cs-spa-retail-content .general-radio-btn i {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin-left: 12px;
  position: relative;
  display: inline-block;
  background-color: #e7f1f9;
}
.cs-spa-retail-content .general-radio-btn.active i:after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  background-color: #4bc87d;
}
.cs-spa-retail-content .font-transparent {
  color: transparent;
}
.cs-spa-retail-content .report-header {
  align-items: center;
  column-gap: 5px;
  display: flex;
  margin-top: 24px;
}
.cs-spa-retail-content .midScreenLoader {
  top: 50%;
  left: 50%;
  z-index: 99999;
  position: fixed;
  transform: translate(-50%, -50%);
}
.cs-spa-retail-content .animation_container {
  width: 52px;
  height: 45px;
  margin: 0 auto;
  background-color: transparent;
}
.cs-spa-retail-content .animation_container canvas {
  display: block;
  position: absolute;
  background-color: transparent;
}
.cs-spa-retail-content .animation_container .dom_overlay_container {
  left: 0px;
  top: 0px;
  width: 52px;
  height: 45px;
  display: block;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
}
.cs-spa-retail-content .roundCloseBtn {
  width: 62px;
  height: 62px;
  border-radius: 100%;
  background-color: #5b77f5;
}
.cs-spa-retail-content .roundCloseBtn--trMn {
  top: 23px;
  left: -32px;
  position: absolute;
}
.cs-spa-retail-content .roundCloseBtn__x {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 19px;
  height: 19px;
  position: absolute;
  display: inline-block;
}
.cs-spa-retail-content .roundCloseBtn__x:after,
.cs-spa-retail-content .roundCloseBtn__x:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 3px;
  background-color: #f7fcff;
}
.cs-spa-retail-content .roundCloseBtn__x:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .roundCloseBtn__x:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .burned-message-wrapper {
  margin-top: 50px;
}
.cs-spa-retail-content .burned-message-heading,
.cs-spa-retail-content .burned-message-text {
  font-size: 1.4rem;
  color: #7d91a1;
}
.cs-spa-retail-content .burned-message-heading {
  font-weight: 600;
}
.cs-spa-retail-content .burned-message-text,
.cs-spa-retail-content .burned-message-link {
  font-weight: 400;
}
.cs-spa-retail-content .burned-message-link {
  color: #4bc87d;
  margin-right: 12px;
  text-decoration: underline;
}
.cs-spa-retail-content .burned-message-link:hover {
  text-decoration: none;
}
.cs-spa-retail-content .account-balance {
  display: inline-block;
}
.cs-spa-retail-content .account-balance .number {
  font-size: 2.3rem;
  margin-bottom: 10px;
  font-family: 'Josefin Sans';
}
.cs-spa-retail-content .account-balance .number .integer {
  font-weight: 400;
}
.cs-spa-retail-content .account-balance .number .decimal_point {
  font-size: 1.6rem;
  font-weight: 300;
}
.cs-spa-retail-content .account-balance .number .currency_symbol {
  font-weight: 300;
  font-size: 1.6rem;
  font-family: 'Rubik', sans-serif;
  padding-right: 3px;
}
.cs-spa-retail-content .account-balance .acc-balance-img {
  padding-left: 15px;
}
.cs-spa-retail-content .account-balance .acc-balance-img img {
  margin-top: 15px;
  margin-right: 15px;
}
.cs-spa-retail-content .line-separator {
  border-left: 1px;
  border-right: 0;
  border-bottom: 0;
  border-top: 0;
  border-style: solid;
  border-color: #c6ddeb;
}
.cs-spa-retail-content .datepicker-sme-open .datepicker-input {
  border-bottom: 0;
}
.cs-spa-retail-content .datepicker-sme-open .uib-datepicker-popup {
  width: 100%;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.cs-spa-retail-content .edit-value-wrapper {
  position: relative;
  display: inline-block;
}
.cs-spa-retail-content .edit-value-wrapper input {
  width: 100%;
  height: 36px;
  padding-right: 15px;
  border-radius: 50px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.cs-spa-retail-content .edit-value-wrapper--nickname {
  width: 80%;
}
.cs-spa-retail-content .edit-value-accept-btn {
  left: 0;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  background-color: #a5e3be;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(media/images/iconCheck.0662de3c0d07bb214557..png);
}
.cs-spa-retail-content .edit-value-accept-btn.full {
  background-color: #4bc87d;
}
.cs-spa-retail-content .edit-value-cancel-btn {
  margin-right: 10px;
  color: #4bc87d;
}
.cs-spa-retail-content .cancel-link {
  top: 24px;
  left: 24px;
  position: absolute;
}
.cs-spa-retail-content .account-balance-summary .inline-error-msg-wrapper {
  margin-top: -20px;
}
.cs-spa-retail-content .account-balance-summary .account-combo .dropdown-toggle-text {
  width: 164px;
}
.cs-spa-retail-content .account-combo.account-combo-diamonds .dropdown-toggle-text {
  width: auto;
  min-width: 220px;
}
.cs-spa-retail-content .account-combo.account-combo-diamonds .dropdown-toggle:after {
  width: 90%;
}
.cs-spa-retail-content .account-combo.account-combo-diamonds .child-account {
  padding-right: 10px;
}
.cs-spa-retail-content #exportTool {
  width: 130px;
}
.cs-spa-retail-content #exportTool .online-export {
  background-color: #ffffff;
  font: normal normal 13px/23px 'arimo', Arial, sans-serif;
  padding-right: 30px;
  color: #4e5664;
  cursor: pointer;
  /*width: 175px;*/
  /*line-height: 40px;*/
}
.cs-spa-retail-content #exportTool .drop-down {
  position: absolute;
  box-shadow: 0px 0px 25px 0px rgba(81, 144, 182, 0.2);
  min-height: 36px;
  font-size: 1.4rem;
  text-align: right;
  color: #7d91a1;
  min-width: 170px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  background-color: #ffffff;
  border: 1px solid #a4b2bd;
  z-index: 12;
  /*
            top: 36px;
            @{opposite-float}: -20px;
            */
}
.cs-spa-retail-content #exportTool .drop-down li {
  line-height: 30px;
}
.cs-spa-retail-content #exportTool .iconDownload {
  width: 26px;
  height: 26px;
}
.cs-spa-retail-content .balance-previous .noDeductions .textNoDeductions {
  margin-bottom: 0;
  margin-top: 20px;
}
.cs-spa-retail-content .clear-input-btn {
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  position: absolute;
  display: inline-block;
}
.cs-spa-retail-content .clear-input-btn:after,
.cs-spa-retail-content .clear-input-btn:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 1px;
  background-color: #7d91a1;
}
.cs-spa-retail-content .clear-input-btn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .clear-input-btn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .generalErrorMessage {
  display: flex;
  text-align: center;
  align-items: center;
}
.cs-spa-retail-content .generalErrorMessage__inner {
  width: 100%;
}
.cs-spa-retail-content .generalErrorMessage__icon {
  margin: 0 0 12px;
  display: inline-block;
}
.cs-spa-retail-content .dropdownDateIcon {
  top: 1px;
  width: 13px;
  height: 14px;
  fill: #4bc87d;
  position: relative;
}
.cs-spa-retail-content .deposits-card .general-btn {
  padding: 0 20px;
}
.cs-spa-retail-content .errorCard {
  background-color: white;
}
.cs-spa-retail-content .errorCard_inner {
  height: 385px;
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.cs-spa-retail-content .errorCard_image {
  display: block;
  margin: 0 auto 24px;
}
.cs-spa-retail-content .errorCard_entry {
  font-weight: 500;
  font-size: 1.6rem;
  color: #7d91a1;
}
.cs-spa-retail-content .loaderCard {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.15);
}
.cs-spa-retail-content .lobbyLoaderOverlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1030;
  position: absolute;
  background-color: white;
}
.cs-spa-retail-content .btn-beneficiaries-popup {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  bottom: -2vh;
  width: 10vw;
}
.cs-spa-retail-content .diamonds-heading {
  padding: 36px 0;
  text-align: center;
}
.cs-spa-retail-content .diamonds-heading h2.generalTitle {
  color: #4bc87d;
}
.cs-spa-retail-content .bottomCellsSection {
  display: flex;
}
.cs-spa-retail-content .bottomCell {
  height: 78px;
  display: flex;
  align-items: center;
  flex: 1 1 0;
  border-left: 1px solid rgba(162, 185, 198, 0.6);
}
.cs-spa-retail-content .bottomCell__inner {
  padding-right: 20px;
}
.cs-spa-retail-content .bottomCell__title {
  font-size: 1.4rem;
  color: #7d91a1;
}
.cs-spa-retail-content .bottomCell__data {
  direction: ltr;
  color: #6e7685;
}
.cs-spa-retail-content .bottomCell--last {
  border-left: none;
}
.cs-spa-retail-content .toggleFade {
  transition: opacity 0.15s ease-in;
}
.cs-spa-retail-content .toggleFade--in {
  opacity: 1;
}
.cs-spa-retail-content .toggleFade--out {
  opacity: 0;
}
.cs-spa-retail-content .diamondsAccountDetailsSection {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  justify-content: center;
  padding: 40px 60px;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
}
.cs-spa-retail-content .diamondNotes {
  background-color: white;
  padding: 10px 60px;
  font-weight: bold;
}
.cs-spa-retail-content .diamondsAccountDetail {
  width: 16%;
  line-height: 1;
  padding-right: 10px;
  border-right: 3px solid #cedbe3;
}
.cs-spa-retail-content .diamondsAccountDetail--firstRow {
  margin-bottom: 70px;
}
.cs-spa-retail-content .diamondsAccountDetail--greenBorder {
  border-right-color: #4bc87d;
}
.cs-spa-retail-content .diamondsAccountDetail__title {
  color: #7d91a1;
}
.cs-spa-retail-content .diamondsAccountDetail__sum {
  color: #6e7685;
}
.cs-spa-retail-content .diamondsAccountDetail .integer {
  font-weight: 600;
  font-size: 2.2rem;
  font-family: 'Josefin Sans', sans-serif;
}
.cs-spa-retail-content .diamondsAccountDetail .currency_symbol {
  font-size: 1.3rem;
  color: #92abbb;
}
.cs-spa-retail-content.general-arrow-tooltip {
  z-index: 3070;
  position: absolute;
}
.cs-spa-retail-content.general-arrow-tooltip.general-arrow-tooltip-wizard {
  z-index: 3069;
}
.cs-spa-retail-content.general-arrow-tooltip .tooltip-inner {
  max-width: 224px;
  position: static;
  border-radius: 0;
}
.cs-spa-retail-content.general-arrow-tooltip.left .tooltip-arrow {
  right: -3px;
  margin-top: 0;
  border-top-width: 8px;
  border-right-width: 0;
  border-bottom-width: 8px;
  border-left-width: 8px;
  transform: translateY(-50%);
  border-left-color: #4bc87d;
}
.cs-spa-retail-content.general-arrow-tooltip.left .tooltip-inner {
  border-right: 4px solid #4bc87d;
}
.cs-spa-retail-content.general-arrow-tooltip.right .tooltip-arrow {
  left: -3px;
  right: auto;
  margin-top: 0;
  border-top-width: 8px;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 0;
  transform: translateY(-50%);
  border-right-color: #4bc87d;
}
.cs-spa-retail-content.general-arrow-tooltip.right .tooltip-inner {
  border-right: none;
  border-left: 4px solid #4bc87d;
}
.cs-spa-retail-content.general-arrow-tooltip.top .tooltip-arrow {
  bottom: -2px;
  border-width: 8px 8px 0;
  transform: translateX(-50%);
  border-top-color: #4bc87d;
}
.cs-spa-retail-content.general-arrow-tooltip.top .tooltip-inner {
  border-right: none;
  border-bottom: 4px solid #4bc87d;
  font-size: 2.2rem;
}
.cs-spa-retail-content.general-arrow-tooltip.bottom .tooltip-arrow {
  top: -2px;
  border-top-width: 0;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 8px;
  transform: translateX(-50%);
  border-bottom-color: #4bc87d;
}
.cs-spa-retail-content.general-arrow-tooltip.bottom .tooltip-inner {
  border-right: none;
  border-top: 4px solid #4bc87d;
}
.cs-spa-retail-content.general-arrow-tooltip.tooltip {
  margin: 0 !important;
}
.cs-spa-retail-content.general-arrow-tooltip.error-tooltip .tooltip-inner {
  border-right-color: #fb5f5f;
}
.cs-spa-retail-content.general-arrow-tooltip.error-tooltip .tooltip-arrow {
  border-left-color: #fb5f5f;
}
.cs-spa-retail-content.greenTooltip.tooltip {
  position: absolute;
  z-index: 5000;
}
.cs-spa-retail-content.greenTooltip.tooltip.top .tooltip-arrow {
  border-top-color: #4bc87d;
}
.cs-spa-retail-content.greenTooltip.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #4bc87d;
}
.cs-spa-retail-content.greenTooltip.tooltip .tooltip-inner {
  width: auto;
  max-width: none;
  font-size: 15px;
  line-height: 15px;
  border-right: none;
  text-align: center;
  padding: 10px 20px;
  position: relative;
  border-radius: 20px;
  box-shadow: 0px 8px 25px 0 rgba(81, 144, 182, 0.2);
  color: #ffffff;
  background-color: #4bc87d;
  z-index: -1;
}
.cs-spa-retail-content.greenTooltip.tooltip.modal-tooltip-appendedToBody {
  z-index: 5000;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip {
  position: absolute;
  z-index: 5000;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.left .tooltip-arrow {
  top: 50%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #a5c7db;
  right: -5px;
  left: initial;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.in {
  opacity: 1;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip .tooltip-inner {
  max-width: initial;
  border-radius: 0;
  width: 250px;
  top: -15px;
  right: 0;
  font-size: 14px;
  padding: 10px 15px;
  position: absolute;
  text-align: right;
  font-weight: 300;
  color: #4bc87d;
  background-color: white;
  white-space: normal;
  border-right: 3px solid #a5c7db;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip .tooltip-inner .bold {
  font-weight: bold;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.modal-tooltip-appendedToBody {
  z-index: 5000 !important;
}
.cs-spa-retail-content.descriptionTooltip.tooltip {
  position: absolute;
  z-index: 5000;
}
.cs-spa-retail-content.descriptionTooltip.tooltip.top .tooltip-arrow {
  left: 75%;
  border-top-color: white;
}
.cs-spa-retail-content.descriptionTooltip.tooltip .tooltip-inner {
  width: auto;
  max-width: none;
  font-size: 15px;
  line-height: 15px;
  border-right: none;
  text-align: center;
  padding: 10px 20px;
  position: relative;
  border-radius: 20px;
  box-shadow: 0px 8px 25px 0 rgba(81, 144, 182, 0.2);
  z-index: -1;
  color: #4e5664;
  background-color: #ffffff;
}
body.contrastColors .display-btn {
  box-sizing: content-box;
  border: 2px solid #4bc87d;
}
body.contrastColors .display-btn .display-btn-half.active.display-grid:before,
body.contrastColors .display-btn .display-btn-half.active.display-row:before {
  background-color: #4bc87d !important;
}
body.contrastColors .display-btn .display-btn-half.active.display-grid:before {
  right: -5px;
}
body.contrastColors .display-btn .display-btn-half.active.display-row:before {
  right: -1px;
}
body.contrastColors .tableViewSwitch {
  box-sizing: content-box;
  border: 2px solid #4bc87d;
}
body.contrastColors .tableViewSwitch .switchHalf.active {
  background-color: #4bc87d !important;
}
body.contrastColors .tableViewSwitch .switchHalf.active span {
  color: black !important;
  background-color: transparent !important;
}
body.contrastColors .unread-notifications:after {
  background-color: #5b77f5 !important;
}
body.contrastColors .transparent-overlay {
  background-color: transparent !important;
}
body.contrastColors .add-card-section .add-circle-icon {
  background-color: #4bc87d !important;
}
body.contrastColors .cs-spa-retail-content .general-btn {
  color: black !important;
  background-color: #f0ff00 !important;
}
body.contrastColors button.btnClose:before,
body.contrastColors button.btnClose:after {
  background-color: #f0ff00 !important;
}
body.enableBootstrap .cs-spa-retail-content .container,
body.enableWizardBootstrap .cs-spa-retail-content .container,
body.enableBootstrap .cs-spa-retail-content .container-fluid,
body.enableWizardBootstrap .cs-spa-retail-content .container-fluid {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
body.enableBootstrap .cs-spa-retail-content .row,
body.enableWizardBootstrap .cs-spa-retail-content .row {
  margin-left: -15px;
  margin-right: -15px;
}
.check-output .alertModalMessageInWiz {
  padding: 35px;
}
.check-output .alertModalMessageInWiz .alertModalMessageInWiz-text {
  width: 345px;
}
.check-output .alertModalMessageInWiz .btnContinue {
  margin-top: 60px;
}
@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .checkbox-wrapper .checkbox-visual {
    margin-right: -10px;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .not-capital-market.enableBootstrap .cs-spa-retail-content .cardsContent .topActionBar .toggleViewBtns,
  .not-capital-market.enableBootstrap .cs-spa-retail-content .cardsContent .topActionBar .dropdownBtns {
    padding-right: 0;
    padding-left: 0;
  }
  .not-capital-market.enableBootstrap .cs-spa-retail-content .account-balance .acc-balance-img img {
    margin-top: 0;
  }
  .cs-spa-retail-content .account-balance .acc-balance-img img {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  #exportTool .drop-down {
    font-size: 2rem !important;
  }
  html.disable-scroll-overlay {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  html body.disable-scroll-overlay {
    /* this class is supposed to work only on mobile because it's fired using isMobile or isTablet function */
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  .check-output .alertModalMessageInWiz .alertModalMessageInWiz-text {
    width: 100%;
  }
  .cs-spa-retail-content .add-beneficiary-modal-content .general-arrow-tooltip .tooltip-inner {
    max-width: 150px;
    font-size: 12px;
  }
  .cs-spa-retail-content .flexAlignCenterMobile {
    justify-content: center;
    display: flex;
  }
  .cs-spa-retail-content .exportTools-btn-mobile {
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media (width: 768px) {
  .cs-spa-retail-content .add-beneficiary-modal-content .general-arrow-tooltip .tooltip-inner {
    max-width: 260px;
    font-size: 16px;
  }
}
#savePDF .swift-transfer-expanded-popup {
  border: none;
}
#savePDF .balance-confirmation .query-content-wrap {
  font-size: 10px;
  line-height: 7px;
}
#savePDF .balance-confirmation .query-content-wrap div {
  line-height: 7px;
}
ngb-tooltip-window.tooltip .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
ngb-tooltip-window.tooltip.bs-tooltip-left .arrow {
  top: 50%;
  right: -3px;
  margin-top: 0;
  border-top-width: 8px;
  border-right-width: 0;
  border-bottom-width: 8px;
  border-left-width: 8px;
  transform: translateY(-50%);
  border-left-color: #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-left .tooltip-inner {
  border-right: 4px solid #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-right .arrow {
  top: 50%;
  padding: 0 5px;
  left: -3px;
  right: auto;
  margin-top: 0;
  border-top-width: 8px;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 0;
  transform: translateY(-50%);
  border-right-color: #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-right .tooltip-inner {
  border-right: none;
  border-left: 4px solid #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-start .arrow {
  top: 50%;
  padding: 0 5px;
  left: -3px;
  right: auto;
  margin-top: 0;
  border-top-width: 8px;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 0;
  transform: translateY(-50%);
  border-right-color: #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-start .tooltip-inner {
  border-right: 4px solid #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-end .arrow {
  top: 50%;
  padding: 0 5px;
  left: -3px;
  right: auto;
  margin-top: 0;
  border-top-width: 8px;
  border-left-width: 8px;
  border-bottom-width: 8px;
  border-right-width: 0;
  transform: translateY(-50%);
  border-left-color: #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-end .tooltip-inner {
  border-right: none;
  border-left: 4px solid #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-top .arrow {
  padding: 5px 0;
  top: 100%;
  border-width: 8px 8px 0;
  transform: translateX(-50%);
  border-top-color: #4bc87d;
  left: 50% !important;
}
ngb-tooltip-window.tooltip.bs-tooltip-top .tooltip-inner {
  border-right: none;
  border-bottom: 4px solid #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-top::after {
  box-shadow: 4px 6px 6px -4px var(--box-shadow-color);
}
ngb-tooltip-window.tooltip.bs-tooltip-bottom .arrow {
  padding: 0;
  top: -8px;
  border-top-width: 0;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 8px;
  transform: translateX(-50%);
  border-bottom-color: #4bc87d;
}
ngb-tooltip-window.tooltip.bs-tooltip-bottom .tooltip-inner {
  border-right: none;
  border-top: 4px solid #4bc87d;
}
ngb-tooltip-window.tooltip.description-tooltip-append-to-body .arrow {
  display: none;
}
ngb-tooltip-window.tooltip.description-tooltip-append-to-body .tooltip-inner {
  border: 0 !important;
}
@media screen and (min-width: 1024px) {
  .is-sticky {
    background-color: var(--table-head-background-color);
    box-shadow: var(--table-head-shadow);
    position: var(--table-head-position);
    inset-block-start: var(--table-header-height-scroll);
    z-index: 10;
  }
}
@media print {
  #print .lobbyTransfersContent .rc-table .rc-table-td {
    align-items: center !important;
    display: flex !important;
    min-height: 40px !important;
  }
}
.action-td {
  inset-inline-end: 0;
  position: absolute;
}
#popUpWizard .action-td {
  inset-inline-end: unset !important;
  position: unset !important;
  width: 10% !important;
}
.swift-transfer-expanded-popup {
  direction: ltr;
  text-align: left;
}
.swift-transfer-expanded-popup #swift-content-popup {
  border: solid 1px hsl(var(--black));
  padding-block-start: var(--space);
  padding-inline-start: var(--space);
}
.swift-transfer-expanded-popup #swift-content-popup::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
.swift-transfer-expanded-popup #swift-content-popup::-webkit-scrollbar-thumb {
  border: none;
}
.swift-transfer-expanded-popup .swift-content {
  width: 100% !important;
}
.lobby-wrapper .topActionBar {
  background-color: var(--table-head-background-color);
  padding: 16px 20px;
}
foreign-checks-filters .topActionBar {
  background: transparent !important;
  padding: 0 !important;
}
#account-balance-summary-content .generalTable .generalTable {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
}
#account-balance-summary-content .general-table-title {
  display: inline-block;
}
.returned-checks-table .menuList {
  inset: 0 auto 0 0 !important;
  transform: unset !important;
}
.cs-spa-retail-content button.white-bgr-button {
  width: auto;
  min-width: 180px;
  height: 36px;
  border-radius: 50px;
  background-color: #ffffff;
  padding: 5px 10px;
}
.cs-spa-retail-content button.white-bgr-button.blue-button {
  color: #5b77f5;
  border: 1px solid #5b77f5;
}
@media (max-width: 1200px) {
  .cs-spa-retail-content .generalTable.generalTable--horizontalScroll {
    overflow-x: auto;
  }
  .cs-spa-retail-content .generalTable.generalTable--horizontalScroll .sortable-table {
    width: 100%;
  }
  .cs-spa-retail-content .container-fluid {
    max-width: 896px;
  }
  .cs-spa-retail-content .advanced-search-window-btn .search {
    display: none;
  }
  .cs-spa-retail-content.topbar-modal .topbar {
    width: 100%;
    margin: 0 auto;
  }
  .cs-spa-retail-content.topbar-modal .topbar .popupHeaderItem .descriptionTooltip {
    font-size: 1.8rem;
  }
  .cs-spa-retail-content .btnClose {
    right: -32px;
  }
  .cs-spa-retail-content .side-dashboard-top .dropdown-toggle-text {
    margin-left: 6px;
    font-size: 1.2rem;
  }
  .cs-spa-retail-content .side-dashboard-top .btnFilter,
  .cs-spa-retail-content .side-dashboard-top .btnGoBack {
    margin-left: 8px;
  }
  .cs-spa-retail-content .dropdown-toggle-text {
    min-width: 74px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardHeader .centerAreaSingle {
    width: 100%;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea {
    padding: 0 24px;
    max-width: 960px;
  }
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .reportData {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .cs-spa-retail-content .financeInfo .financeInfoRow {
    width: 70%;
  }
}
@media (max-width: 992px) {
  .cs-spa-retail-content .advanced-search-window-btn .search {
    display: none;
  }
  .cs-spa-retail-content .container-fluid {
    max-width: 768px;
  }
  .cs-spa-retail-content .checkDataSection ul {
    padding-right: 8px;
  }
  .cs-spa-retail-content .contentChecks {
    width: 100%;
  }
  .cs-spa-retail-content .contentChecks img {
    height: auto;
    max-width: 100%;
  }
  .cs-spa-retail-content .inputFieldWrapper.transaction-description input {
    width: 224px;
  }
  .cs-spa-retail-content .printBtn .textDownload {
    display: none;
  }
  .cs-spa-retail-content .financeInfo .financeInfoRow {
    width: 70%;
  }
  .cs-spa-retail-content .sm-row {
    margin-top: 24px;
  }
  .cs-spa-retail-content .topActionBar .generalDropdown {
    overflow: hidden;
    min-width: 120px;
    padding-right: 8px;
    white-space: nowrap;
  }
  .cs-spa-retail-content .printBtn {
    margin-left: 12px;
  }
  .cs-spa-retail-content .doubleDatepicker .datepickerDropdown.fromDate input {
    width: 104px;
  }
  .cs-spa-retail-content .doubleDatepicker .datepickerDropdown.toDate input {
    width: 120px;
    margin-left: 8px;
  }
  .cs-spa-retail-content .doubleDatepicker .datepickerDropdown .iconDate {
    right: -22px;
  }
  .cs-spa-retail-content .cardsContent .tableViewSwitch {
    min-width: 120px;
  }
  .cs-spa-retail-content .cardsContent .tableViewSwitch .switchHalf {
    min-width: 60px;
  }
  .cs-spa-retail-content .tableDebitContent.generalTable td {
    font-size: 1.5rem;
  }
  .cs-spa-retail-content .generalTable.tableDebitContent tbody tr .textValCard {
    font-size: 1.8rem;
  }
  .cs-spa-retail-content .mainDashboard .line .link,
  .cs-spa-retail-content .mainDashboard .line .text {
    font-size: 1rem;
  }
  .cs-spa-retail-content .textTopTable {
    font-size: 2rem;
  }
  .cs-spa-retail-content .side-dashboard-top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .side-dashboard-top .generalDropdown {
    min-width: initial;
  }
  .cs-spa-retail-content .side-dashboard-top .menu-container {
    width: 100%;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .cs-spa-retail-content.wizard-section .process-summary div {
    padding: 0;
    border: none;
  }
  .cs-spa-retail-content.wizard-section .process-summary div:last-of-type {
    padding: 0;
    border: none;
  }
  .cs-spa-retail-content.wizard-section .account-box-wrapper {
    width: 48%;
  }
  .cs-spa-retail-content.sidebar-modal .content-side {
    width: 492px;
  }
  .cs-spa-retail-content.sidebar-modal .modal-content-proper {
    width: 748px;
  }
  .cs-spa-retail-content .nextArrow {
    left: -10px;
  }
  .cs-spa-retail-content .prevArrow {
    right: -10px;
  }
  .cs-spa-retail-content .btnClose {
    right: -10px;
  }
  .cs-spa-retail-content .btnClose_webview {
    right: 10px !important;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-dialog .detailsTab,
  .cs-spa-retail-content.discountBiz-modal-general .modal-dialog .silukinTab {
    width: 492px;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal {
    width: 748px;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide table {
    table-layout: fixed;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal .tableSide table th {
    width: 33%;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-dialog .sidebarInfoModal.isSilukin {
    width: 748px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea {
    padding: 0 24px;
    max-width: 720px;
  }
}
@media (min-width: 769px) {
  .cs-spa-retail-content .checkbox-wrapper.checkbox-wrapper--circle input:checked + .checkbox-visual:after,
  .cs-spa-retail-content .checkbox-wrapper.checkbox-wrapper--circle input:checked + label .checkbox-visual:after {
    top: 3px;
    left: 8px;
  }
  .cs-spa-retail-content .modal-content-proper-mobile {
    display: none;
  }
  .cs-spa-retail-content .modal-content-proper-mobile-business-case {
    display: inherit !important;
  }
  .cs-spa-retail-content .reasonContent .titleOrder {
    padding-bottom: 15px;
  }
  .cs-spa-retail-content .wizard-popup-page {
    padding-right: 70px;
  }
  .cs-spa-retail-content .checks-wizard-popup-page-order {
    padding-right: 0;
  }
  .cs-spa-retail-content .addPaddingRight {
    padding-right: 70px;
  }
  .cs-spa-retail-content .orderCancelChecks .continueSection .checksContinueAfter {
    padding-right: 65px;
  }
  .cs-spa-retail-content .checksAmount {
    padding-top: 0;
  }
  .cs-spa-retail-content .accountIcon,
  .cs-spa-retail-content .filterIcon,
  .cs-spa-retail-content .mobileMenuBtn {
    display: none;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header {
    --header-height: var(--header-height-scroll);
    background-image: none;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .detailsContainer {
    overflow: hidden;
    float: none;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .detailsContainer .chekelsValue {
    display: inline-block;
    float: right;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .detailsContainer .btnHelp {
    display: none;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .detailsContainer .infoContainer {
    display: none;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .number {
    margin-bottom: 0;
    font-size: 2.2rem;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .number .integer {
    font-weight: 300;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .number .decimal_point {
    font-size: 1.5rem;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .number .currency_symbol {
    font-weight: 300;
    font-size: 2.2rem;
    padding-right: 0.78vw;
    font-family: 'Rubik', sans-serif;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .line {
    display: none;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .mainDashboard .infoContainer {
    display: none;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .sideDashboard {
    display: none;
  }
  .cs-spa-retail-content .affix-top .btnMainContainer {
    top: -9.672vw;
  }
  .cs-spa-retail-content .affix-top .table > thead > tr > th {
    top: 10.92vw;
  }
}
@media (max-width: 769px) {
  html {
    font-size: 1.56vw;
  }
  .textCard .inputChangeCardName {
    width: 60%;
  }
  .modal-open {
    overflow: hidden;
    height: 100%;
  }
  .bodyDisabelsScroll .cs-spa-retail-content .mainMenuTabs {
    z-index: 0;
  }
  .not-capital-market .cs-spa-retail-content .topActionBar .doubleDatepicker {
    width: 95%;
  }
  .not-capital-market .cs-spa-retail-content .topActionBar .doubleDatepicker .datepickerDropdown .iconDate {
    right: -18px;
  }
  .not-capital-market .cs-spa-retail-content .topActionBar .doubleDatepicker .datepickerDropdown .caretDate {
    left: -10px;
  }
  .not-capital-market .cs-spa-retail-content .topActionBar .doubleDatepicker .datepickerDropdown.toDate .uib-datepicker-popup.dropdown-menu {
    left: 0 !important;
  }
  .not-capital-market .cs-spa-retail-content .dashboard-title {
    font-size: 2rem;
  }
  .not-capital-market .cs-spa-retail-content .dashboard-title h1 {
    margin-top: 7vw;
    font-weight: 500;
  }
  .not-capital-market .cs-spa-retail-content .dashboard-title > div {
    margin-top: 0;
  }
  .contextual-action-toggle {
    box-shadow: none;
  }
  .menuList li {
    height: auto;
  }
  .dropdown-menu.menuList {
    top: 0;
    left: 100%;
    border: none;
    height: auto;
    direction: rtl;
    padding: 5vw 0;
    border-radius: 0;
    transform: none;
    text-align: right;
    transform: translateX(12px);
    z-index: 3500;
  }
  .dropdown-menu.menuList .contextual-action-text {
    margin-right: 2vw;
    font-size: 2.6rem;
    display: inline-block;
  }
  .dropdown-menu.menuList li {
    width: 55vw;
    display: block;
  }
  .dropdown-menu.menuList li a {
    padding: 0 3.5vw;
    margin-bottom: 4vw;
    text-overflow: ellipsis;
  }
  .dropdown-menu.menuList li a.contextual-action--last {
    margin-bottom: 0;
  }
  .dropdown-menu.menuList li a img {
    width: 8vw;
    height: 8vw;
    position: static !important;
    transform: none;
  }
  .cs-spa-retail-content.tooltip.in {
    opacity: 1;
  }
  .cs-spa-retail-content .header-icons {
    padding-top: 10px;
  }
  .cs-spa-retail-content .header-icons li {
    display: inline-block;
    margin-top: -10px;
  }
  .cs-spa-retail-content .header-icons li:not(:first-child) {
    margin-right: 25px;
  }
  .cs-spa-retail-content .header-icons li .header-icon {
    width: 18px;
  }
  .cs-spa-retail-content .header-icons .white-link {
    text-decoration: unset;
    font-size: 14px;
    margin-right: 7px;
  }
  .cs-spa-retail-content .header-icons .white-accessibility {
    color: #ffffff;
    font-weight: 500;
  }
  .cs-spa-retail-content .main-dashboard-content .banking-id .info-section {
    height: 65px;
  }
  .cs-spa-retail-content .dashboard-logo.col-xs-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cs-spa-retail-content .diamondsAccountDetailsSection {
    padding: 10vw 5vw;
  }
  .cs-spa-retail-content .diamondsAccountDetail {
    width: 50%;
  }
  .cs-spa-retail-content .bottomCellsSection {
    display: block;
  }
  .cs-spa-retail-content .bottomCell {
    border-left: none;
  }
  .cs-spa-retail-content .bottomCell__inner {
    width: 100%;
    display: flex;
  }
  .cs-spa-retail-content .bottomCell__title {
    font-size: 2.4rem;
    margin-left: auto;
  }
  .cs-spa-retail-content .bottomCell__data {
    width: 40%;
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .infoContainer-diamonds .infoContainer-sum .number {
    font-weight: 600;
    font-size: 23px;
  }
  .cs-spa-retail-content .diamonds-account #diamondsAccountsList {
    width: 60vw;
  }
  .cs-spa-retail-content .diamonds-account .bottomCell {
    height: 40px;
  }
  .cs-spa-retail-content .diamonds-account .table-info-msg-content {
    display: flex;
  }
  .cs-spa-retail-content .diamonds-account .table-info-msg-content .table-info-msg-heading-v2 {
    margin-left: 0;
  }
  .cs-spa-retail-content .tablePlaceholder {
    height: 35vh;
  }
  .cs-spa-retail-content .checks-collaterals .dropdown-toggle-text {
    vertical-align: bottom;
  }
  .cs-spa-retail-content .beneficiaries-modal-content .generalTable.generalTable--horizontalScroll .sortable-table {
    width: 700px;
    margin-bottom: 10vh;
  }
  .cs-spa-retail-content .beneficiaries-modal-content .error-empty-search-mob {
    height: 66.7vh;
    padding-top: 6vh;
  }
  .cs-spa-retail-content .beneficiaries-modal-content .error-empty-search-header {
    font-size: 2.1rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: 42%;
  }
  .cs-spa-retail-content .beneficiaries-modal-content .error-empty-search-img {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  .cs-spa-retail-content .beneficiaries-modal-content .error-empty-search-button {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: 55%;
  }
  .cs-spa-retail-content .btn-beneficiaries-popup {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    bottom: 3.5vh;
    width: 30vw;
  }
  .cs-spa-retail-content .errorEmpty h2 {
    padding: 0 5vw;
    font-size: 2.6rem;
    line-height: 3.5rem;
  }
  .cs-spa-retail-content .errorMessageMoreInOsh,
  .cs-spa-retail-content .errorMessageMoreInOsh .errorContent {
    width: 100%;
  }
  .cs-spa-retail-content .mobileHeaderActions {
    top: 0;
    left: 0;
    position: unset;
    justify-content: flex-start;
  }
  .cs-spa-retail-content .general-arrow-tooltip.bottom .tooltip-inner {
    width: auto;
    padding: 2.5vw;
    margin: 0 auto;
    max-width: 60vw;
    font-size: 12px;
  }
  .cs-spa-retail-content .general-arrow-tooltip.bottom .tooltip-arrow {
    display: none;
  }
  .cs-spa-retail-content .credit-cards-dropdowns {
    padding: 5vw;
    display: block;
    transform: none;
    position: relative;
  }
  .cs-spa-retail-content .credit-cards-dropdowns .menu {
    text-align: center;
  }
  .cs-spa-retail-content .report-cards-wrapper .report-card p {
    line-height: 3.6rem;
  }
  .cs-spa-retail-content .financialTabs:after {
    display: none;
  }
  .cs-spa-retail-content .wizard-popup-page {
    top: 0;
    bottom: auto;
  }
  .cs-spa-retail-content .financeInfo .financeInfoRow {
    padding: 0 10vw;
  }
  .cs-spa-retail-content .table-info-msg-wrapper {
    flex-wrap: wrap;
    margin: 5vw 5vw 2vw 0;
  }
  .cs-spa-retail-content .table-info-msg-wrapper .green-link {
    margin-top: 3vw;
  }
  .cs-spa-retail-content .table-info-msg-content {
    width: 100%;
    display: block;
  }
  .cs-spa-retail-content .table-info-msg-heading {
    font-size: 3.2rem;
  }
  .cs-spa-retail-content .table-info-msg-details {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .table-info-msg {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .table-info-msg-wrapper-alert .btnHelp.small-help {
    width: 20px;
    height: 20px;
  }
  .cs-spa-retail-content .burned-message-wrapper {
    padding: 5vw;
  }
  .cs-spa-retail-content .burned-message-heading,
  .cs-spa-retail-content .burned-message-text {
    font-size: 14px;
  }
  .cs-spa-retail-content table.flexbox-table td {
    height: 10vw;
    font-size: 2rem;
  }
  .cs-spa-retail-content .last-quarter-interest .dropdownBtns,
  .cs-spa-retail-content .balance-previous .dropdownBtns {
    padding: 5vw;
    display: block;
    text-align: center;
  }
  .cs-spa-retail-content .balance-previous .dropdownBtns > div:last-child,
  .cs-spa-retail-content .balance-previous .dropdownBtns .dropdown:last-child {
    width: 75%;
  }
  .cs-spa-retail-content .balance-previous .current-account-btn .generalDropdown {
    width: 100%;
  }
  .cs-spa-retail-content .balance-confirmation-content .advancedSearchSection .generalDropdown {
    width: 40vw;
  }
  .cs-spa-retail-content .add-beneficiary-btn {
    right: 5vw;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
  .cs-spa-retail-content .advanced-search-btn-wrapper {
    text-align: center;
  }
  .cs-spa-retail-content .advanced-search-btn-wrapper .advanced-search-btn {
    float: none;
  }
  .cs-spa-retail-content .mobile-action-bar {
    height: var(--actions-height);
    display: flex !important;
    align-items: center;
    background: linear-gradient(70deg, #76d25b 0%, #38d29f 100%);
    box-shadow: 0px 4px 24px 0px rgba(80, 145, 180, 0.3);
  }
  .cs-spa-retail-content .mobile-action-bar .btnClose {
    top: 0;
    right: 0;
    float: left;
    width: 5vw;
    height: 5vw;
    position: absolute;
    display: inline-block;
    position: relative;
  }
  .cs-spa-retail-content .mobile-action-bar .btnClose:after,
  .cs-spa-retail-content .mobile-action-bar .btnClose:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: white;
  }
  .cs-spa-retail-content .mobile-action-bar .btnClose:before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .cs-spa-retail-content .mobile-action-bar .btnClose:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .cs-spa-retail-content .general-btn {
    height: 10vw;
    line-height: 10vw;
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .general-btn.general-btn-fixed {
    width: 50vw;
  }
  .cs-spa-retail-content .generalDropdown {
    font-size: 14px;
  }
  .cs-spa-retail-content .generalDropdown .caretIcon {
    top: 45%;
  }
  .cs-spa-retail-content .generalDropdown .dropdown-filter-text-mobile {
    font-size: 14px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
  .cs-spa-retail-content .xIconClearSearch {
    top: 45%;
    left: 20px;
  }
  .cs-spa-retail-content .textTopTable {
    padding: 5vw;
  }
  .cs-spa-retail-content .generalTable.v2.summaryForeignTable .mobile-first-cell {
    text-align: right;
    font-size: 2.4rem;
    font-family: "Josefin Sans", "Rubik";
  }
  .cs-spa-retail-content .credit-cards-table.generalTable.generalTable--horizontalScroll .sortable-table {
    width: 700px;
  }
  .cs-spa-retail-content .credit-cards-table.generalTable.generalTable--horizontalScroll .sortable-table .inline-error-msg {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .credit-cards-table .expiredCard {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .textCard.is-being-edited .editCardNameForm {
    width: 100%;
  }
  .cs-spa-retail-content .textCard.is-being-edited .editCardNameForm.scrollableEditField {
    width: 40%;
  }
  .cs-spa-retail-content .textCard.is-being-edited .cancelChageName {
    right: 100%;
  }
  .cs-spa-retail-content .ngdialog-msg.container-fluid {
    left: 0;
    right: 0;
    margin: 0 5vw;
    font-size: 2.5rem;
    transform: translateY(-50%);
    line-height: 1.5;
  }
  .cs-spa-retail-content .ngdialog-msg.container-fluid .general-btn {
    height: 11vw;
    font-size: 2.4rem;
  }
  .cs-spa-retail-content.creditCardInOsh .creditCardlimitModalError .modal-dialog {
    width: auto;
  }
  .cs-spa-retail-content.creditCardInOsh .creditCardlimitModalError .modal-dialog .modal-scrollable-area {
    height: 75vh;
    font-size: 3rem;
    display: flex;
    padding-bottom: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
  .cs-spa-retail-content.creditCardInOsh .modal-content {
    width: auto;
  }
  .cs-spa-retail-content.beneficiaries-search-modal .modal-dialog .modal-content {
    width: 100%;
  }
  .cs-spa-retail-content.beneficiaries-search-modal .inputFieldWrapper input {
    width: 90%;
    color: #4e5664;
  }
  .cs-spa-retail-content.beneficiaries-search-modal .modal-scrollable-area {
    height: 70vh;
  }
  .cs-spa-retail-content.beneficiaries-search-modal .generalTable {
    height: auto;
  }
  .cs-spa-retail-content .gold-transfer-m {
    padding: 1.75vw;
    text-align: left;
    margin-top: 10vw;
    box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  }
  .cs-spa-retail-content .gold-transfer-m .queryContent {
    padding: 1.75vw;
    border: 1px solid black;
  }
  .cs-spa-retail-content .financeInfo .financeInfoRow {
    width: 100%;
  }
  .cs-spa-retail-content .limited-height-table,
  .cs-spa-retail-content .limited-height-dropdown {
    overflow: auto;
    border-radius: 0 !important;
  }
  .cs-spa-retail-content .reportWrapper {
    margin: 0 auto;
  }
  .cs-spa-retail-content.topbar-modal .modal-dialog {
    width: 100%;
  }
  .cs-spa-retail-content .reportData {
    width: 100%;
  }
  .cs-spa-retail-content .circle-icon-btn {
    width: 10vw;
    height: 10vw;
  }
  .cs-spa-retail-content .circle-icon-btn img {
    width: 5vw;
    height: 5vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general {
    background-color: white;
    max-height: 100%;
  }
  .cs-spa-retail-content.discountBiz-modal-general.credit-line-popup {
    top: 200px;
    background-color: unset;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-dialog {
    margin: 7% 0;
  }
  .cs-spa-retail-content.discountBiz-modal-general .modal-content {
    width: 100%;
  }
  .cs-spa-retail-content.discountBiz-modal-general .btnClose {
    width: 20px;
    height: 20px;
    position: absolute;
    right: unset;
    left: unset;
    top: 0;
    inset-block-start: calc(var(--space) * 1.5);
    inset-inline-end: calc(var(--space) * 1.5);
  }
  .cs-spa-retail-content.discountBiz-modal-general .btnClose:before,
  .cs-spa-retail-content.discountBiz-modal-general .btnClose:after {
    width: 100%;
    height: 0.5vw;
    background-color: #4bc87d;
  }
  .cs-spa-retail-content.discountBiz-modal-general.sidebar-modal .modal-dialog,
  .cs-spa-retail-content.discountBiz-modal-general.loansLobbyModal .modal-dialog,
  .cs-spa-retail-content.discountBiz-modal-general.loansLinkModal .modal-dialog {
    display: block;
  }
  .cs-spa-retail-content.discountBiz-modal-general.loansLinkModal .modal-scrollable-area {
    height: 70vh;
  }
  .cs-spa-retail-content.discountBiz-modal-general.loansLinkModal .modal-content {
    padding: 0;
  }
  .cs-spa-retail-content.discountBiz-modal-general.loansLinkModal .queryContent {
    margin: 0;
    height: auto;
  }
  .cs-spa-retail-content.discountBiz-modal-general.discount-email-modal {
    overflow-y: hidden;
  }
  .cs-spa-retail-content.discountBiz-modal-general.discount-email-modal .modal-dialog .modal-content {
    width: 100%;
  }
  .cs-spa-retail-content.discountBiz-modal-general.discount-email-modal .modal-dialog {
    display: block;
  }
  .cs-spa-retail-content.discountBiz-modal-general.discount-email-modal .general-btn {
    position: static;
    transform: none;
  }
  .cs-spa-retail-content.discountBiz-modal-general.discount-email-modal .letterContent {
    height: auto;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .modal-content-proper {
    padding: 0;
    width: auto;
    display: block;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .mobile-action-bar {
    display: flex;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .table-heading {
    margin: 5vw 11.5vw 0;
    font-size: 3.75rem;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .input-field-title,
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .inputFieldWrapper input {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .inputFieldWrapper input,
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .generalDropdown {
    height: 10vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .add-beneficiary-modal-scrollable-area {
    overflow: auto;
    max-height: 65vh;
    padding: 5vw 11.5vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .btnHelp {
    display: none;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .general-btn {
    width: 37.5vw;
    margin-top: 11vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .add-beneficiary-modal-content .btnHelp {
    display: inline-block;
  }
  .cs-spa-retail-content.discountBiz-modal-general.new-recepient-modal .add-beneficiary-modal-content .btnHelp.v2 {
    background-size: 22px;
    width: 22px;
    height: 22px;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .modal-dialog {
    width: 100%;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .modal-dialog .modal-content-proper {
    padding: 0;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .highcharts-container {
    margin: 0 auto;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .highcharts-title {
    margin-top: 12px !important;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .modal-scrollable-area {
    height: 70vh;
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal {
    left: 0;
    top: 10%;
    right: 0;
    width: 85%;
    bottom: auto;
    margin: auto;
    overflow: visible;
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content {
    padding: 2.5vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content .btnClose {
    right: 0;
    top: -10px;
    right: 20px;
    float: right;
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content .btnClose:after {
    transform: translate(0, -50%) rotate(-45deg);
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content .btnClose:before {
    transform: translate(0, -50%) rotate(45deg);
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content .title {
    font-size: 3rem;
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content .general-btn,
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content .modal-msg {
    /*font-size: 2.6rem;*/
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content .general-btn {
    height: 10vw;
    min-width: 30vw;
    line-height: 10vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content .btn-cancel {
    max-width: 5vw;
    background-color: #ffffff;
    color: #4bc87d;
    margin-left: 1vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal .interactive-modal-content .modal-msg {
    margin-bottom: 7.5vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general.general-mobile-popup {
    bottom: 0;
    top: auto;
    padding: 0;
    width: 100%;
  }
  .cs-spa-retail-content.discountBiz-modal-general.general-mobile-popup.generalError {
    bottom: auto;
    top: 10%;
  }
  .cs-spa-retail-content.discountBiz-modal-general.general-mobile-popup .modal-content {
    width: 100%;
  }
  .cs-spa-retail-content.discountBiz-modal-general.general-mobile-popup .mobile-action-bar {
    margin: 0 -10vw 5vw;
    width: calc(100vw + 10vw);
  }
  .cs-spa-retail-content.discountBiz-modal-general.general-mobile-popup .general-mobile-popup-content {
    padding: 0 5vw 5vw;
  }
  .cs-spa-retail-content.discountBiz-modal-general.general-mobile-popup .general-mobile-popup-content .btnClose {
    top: 0;
    right: 0;
    float: none;
    position: relative;
  }
  .cs-spa-retail-content.discountBiz-modal-general.general-mobile-popup h2 {
    font-size: 3.6rem;
  }
  .cs-spa-retail-content.discountBiz-modal-general.general-mobile-popup .step-details-row {
    display: block;
  }
  .cs-spa-retail-content.discountBiz-modal-general.general-mobile-popup .step-details-row > div {
    font-size: 2.6rem;
    margin-bottom: 2vw;
  }
  .cs-spa-retail-content .container-fluid {
    max-width: 100%;
  }
  .cs-spa-retail-content .btnMainContainer,
  .cs-spa-retail-content .dropdownBtns,
  .cs-spa-retail-content .printBtn,
  .cs-spa-retail-content .modal-content-proper,
  .cs-spa-retail-content .accessibilityContainer,
  .cs-spa-retail-content .display-btn,
  .cs-spa-retail-content .advanced-search-window-btn .advanced-search-btn-icon {
    display: none;
  }
  .cs-spa-retail-content .dropdownBtns.dropdownBtns--displayMobile,
  .cs-spa-retail-content .dropdownBtns.accountsDropdownMobile {
    width: 100%;
    display: flex;
  }
  .cs-spa-retail-content .dropdownBtns .dropdown,
  .cs-spa-retail-content .dropdownBtns .inputFieldWrapper {
    margin-left: 2.5vw;
  }
  .cs-spa-retail-content .topActionBar {
    padding: 0;
    background-color: #ebf2f8;
    flex-direction: column;
  }
  .cs-spa-retail-content .topActionBar.topActionBar--noMargin {
    margin-bottom: 0;
  }
  .cs-spa-retail-content .topActionBar .generalDropdown,
  .cs-spa-retail-content .topActionBar .inputFieldWrapper input {
    min-width: 0;
    width: 40vw;
  }
  .cs-spa-retail-content .topActionBar osh-transfers-beneficiaries-filters2 > section {
    height: 100%;
  }
  .cs-spa-retail-content .topActionBar osh-transfers-beneficiaries-filters2 ev-db-dropdown div.limited-height-dropdown {
    overflow: initial;
  }
  .cs-spa-retail-content .topActionBar_heading {
    padding: 5vw 5vw 5vw 0;
  }
  .cs-spa-retail-content .tableViewSwitch {
    height: 8vw;
  }
  .cs-spa-retail-content .tableViewSwitch .switchHalf {
    height: 8vw;
    line-height: 8vw;
    padding: 0 3.15vw;
    color: #4e5664;
    border-radius: 50px;
  }
  .cs-spa-retail-content .tableViewSwitch .switchHalf span {
    font-size: 1.8rem;
  }
  .cs-spa-retail-content .tableViewSwitch .switchHalf.active {
    box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
    font-weight: 500;
    color: #4e5664;
    background-color: white;
  }
  .cs-spa-retail-content .tableViewSwitch .switchHalf.switchHalf--greenMobile.active {
    color: white;
    background-color: #4bc87d;
  }
  .cs-spa-retail-content .dropdownBtns,
  .cs-spa-retail-content .toggleViewBtns {
    width: 100%;
    height: 17.5vw;
    box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
    background-color: white;
    justify-content: center;
  }
  .cs-spa-retail-content .toggleViewBtns {
    order: 0;
    margin-bottom: 5vw;
  }
  .cs-spa-retail-content .dropdownBtns {
    order: 1;
  }
  .cs-spa-retail-content .lobbyChecksContent .dropdownBtns {
    display: flex;
  }
  .cs-spa-retail-content .btnMainContainer {
    display: block;
  }
  .cs-spa-retail-content .mobile-filter-icon {
    right: 4vw;
    bottom: 4vw;
    width: 15vw;
    height: 15vw;
    border-radius: 100%;
    z-index: 1020;
    position: fixed;
    display: inline-block;
    box-shadow: 0 2vw 4vw 0 rgba(132, 155, 249, 0.45);
    background: url(media/images/icon-search-m.6ed64b763a1af01d44ae..png) center center no-repeat #5b77f5;
    background-size: 40%;
  }
  .cs-spa-retail-content .affix-top.main-dashboard-section .mainTabsSectionWrapper,
  .cs-spa-retail-content .affix-top.main-dashboard-section .mainMenuTabs {
    display: none;
  }
  .cs-spa-retail-content .affix-top .mainDashboard .total-amount {
    display: block;
  }
  .cs-spa-retail-content .affix-top .mainDashboard .accountBalance {
    margin-right: 0;
  }
  .cs-spa-retail-content .affix-top .mainDashboard .margin-both-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .cs-spa-retail-content .affix-top .mainDashboard .detailsContainer {
    display: inline-block;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding-bottom: 0;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header .detailsContainer .line {
    display: none;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-header.creditCards-header .infoContainer {
    display: none !important;
  }
  .cs-spa-retail-content .affix-top .main-dashboard-content {
    margin-top: 145px;
  }
  .cs-spa-retail-content .affix-top .mainMenuTabs,
  .cs-spa-retail-content .affix-top .line,
  .cs-spa-retail-content .affix-top .infoContainer {
    display: none;
  }
  .cs-spa-retail-content .affix-top.affix-top-with-notice .main-dashboard-content {
    margin-top: 0px;
  }
  .cs-spa-retail-content .affix-top.affix-top-with-notice .scheduled-msg-container {
    margin-top: 90px;
  }
  .cs-spa-retail-content .cardsWrapper .displayNumber {
    font-size: 14px;
  }
  .cs-spa-retail-content .general-table-title {
    font-size: 3.6rem;
    margin-right: 5vw;
  }
  .cs-spa-retail-content .generalTable .table-dot-cell {
    display: table-cell;
  }
  .cs-spa-retail-content .generalTable .table-dot-cell i {
    display: none;
  }
  .cs-spa-retail-content .generalTable .sortable-table tr th {
    color: #7d91a1;
  }
  .cs-spa-retail-content .generalTable .sortable-table tr td.mobile-first-cell,
  .cs-spa-retail-content .generalTable .sortable-table tr th.mobile-first-cell {
    padding-right: 12px;
  }
  .cs-spa-retail-content .generalTable .textTh {
    font-size: 2rem;
  }
  .cs-spa-retail-content .generalTable th.osh-table-date-cell,
  .cs-spa-retail-content .generalTable td.osh-table-date-cell {
    width: 18%;
  }
  .cs-spa-retail-content .generalTable th.osh-table-desc-cell,
  .cs-spa-retail-content .generalTable td.osh-table-desc-cell {
    width: 25%;
  }
  .cs-spa-retail-content .generalTable th.osh-transaction-col,
  .cs-spa-retail-content .generalTable td.osh-transaction-col {
    width: 20%;
  }
  .cs-spa-retail-content .generalTable td {
    font-size: 1.8rem;
  }
  .cs-spa-retail-content .generalTable td.color-error:not(.menuTool) {
    color: #fb5f5f;
  }
  .cs-spa-retail-content .generalTable td:not(.menuTool) {
    padding-left: 0;
    overflow: hidden;
    color: #4e5664;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .cs-spa-retail-content .generalTable td.no-ellipsis {
    text-overflow: unset;
  }
  .cs-spa-retail-content .generalTable td.osh-currency_col {
    overflow: auto;
    white-space: normal;
    text-overflow: initial;
  }
  .cs-spa-retail-content .generalTable td.osh-currency_col .displayNumber {
    font-size: 2.22rem;
    line-height: 2.22rem;
  }
  .cs-spa-retail-content .generalTable td.widthForChecksTable:not(.menuTool) {
    overflow: visible;
  }
  .cs-spa-retail-content .generalTable td.transaction-title-cell {
    width: 50%;
  }
  .cs-spa-retail-content .generalTable td .displayDate,
  .cs-spa-retail-content .generalTable td .displayNumber {
    font-weight: 300;
    font-family: "Josefin Sans";
  }
  .cs-spa-retail-content .generalTable td .displayNumber {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
  .cs-spa-retail-content .generalTable td .displayDate {
    font-size: 2.1rem;
    line-height: 2.1rem;
  }
  .cs-spa-retail-content .generalTable td.green-val .displayNumber {
    color: #4bc87d;
  }
  .cs-spa-retail-content .generalTable td.mobile-last-cell {
    padding-right: 0;
    text-align: left;
  }
  .cs-spa-retail-content .generalTable td.green-val .number,
  .cs-spa-retail-content .generalTable td.green-val .displayDate,
  .cs-spa-retail-content .generalTable td.green-val .displayNumber {
    color: #4bc87d;
  }
  .cs-spa-retail-content .credit-card-tab .mainTabsSectionWrapper {
    position: static;
  }
  .cs-spa-retail-content .main-dashboard-section {
    padding: 0;
  }
  .cs-spa-retail-content .margin-top {
    margin-top: 10px;
  }
  .cs-spa-retail-content .margin-bottom {
    margin-bottom: 5px;
  }
  .cs-spa-retail-content .mobileMenuBtnWrapper {
    height: 30px;
    z-index: 10;
  }
  .cs-spa-retail-content .mobileMenuBtn {
    width: 100%;
    height: 2px;
    position: relative;
    display: inline-block;
    background-color: white;
    top: -4px;
  }
  .cs-spa-retail-content .mobileMenuBtn:after,
  .cs-spa-retail-content .mobileMenuBtn:before {
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: white;
  }
  .cs-spa-retail-content .mobileMenuBtn:after {
    top: -7px;
  }
  .cs-spa-retail-content .mobileMenuBtn:before {
    top: 7px;
  }
  .cs-spa-retail-content .main-dashboard-header {
    right: 0;
    height: auto;
    z-index: 1030;
    padding: 0;
    position: relative;
    border-bottom: none;
    background: linear-gradient(70deg, #33cc99 30%, #76d25b 100%);
  }
  .cs-spa-retail-content .main-dashboard-header .clearfix {
    display: none;
  }
  .cs-spa-retail-content .main-dashboard-header .infoContainer {
    display: inline-block;
    border-bottom: 1px solid white;
  }
  .cs-spa-retail-content .main-dashboard-header .infoContainer:after {
    display: none;
  }
  .cs-spa-retail-content .main-dashboard-header.dashboard-header {
    padding-bottom: 3vw;
  }
  .cs-spa-retail-content .mainDashboard {
    color: white;
  }
  .cs-spa-retail-content .mainDashboard .loans-info p {
    display: inline-block;
  }
  .cs-spa-retail-content .mainDashboard .total-amount,
  .cs-spa-retail-content .mainDashboard .number {
    margin: 0;
  }
  .cs-spa-retail-content .mainDashboard .header-amount-margin {
    margin-top: 2.25vw;
  }
  .cs-spa-retail-content .mainDashboard .btnHelp {
    display: none;
  }
  .cs-spa-retail-content .mainDashboard .detailsContainer {
    float: none;
  }
  .cs-spa-retail-content .mainDashboard .title {
    color: white;
    font-size: 25px;
  }
  .cs-spa-retail-content .mainDashboard .title.homePage {
    font-size: 22px;
    width: 100%;
    margin-top: 10px;
  }
  .cs-spa-retail-content .mainDashboard .line {
    color: white;
    display: block;
    margin: 0 auto;
    font-size: 2rem;
    white-space: normal;
  }
  .cs-spa-retail-content .mainDashboard .line .text,
  .cs-spa-retail-content .mainDashboard .line .link {
    display: block;
    color: white;
    margin: 0 auto;
    font-size: 2.4rem;
    border-right: none;
  }
  .cs-spa-retail-content .mainDashboard .accountBalance {
    display: inline-block;
    font-size: 23px;
  }
  .cs-spa-retail-content .mainDashboard .accountBalance .decimal_point {
    font-size: 19px;
  }
  .cs-spa-retail-content .mainDashboard .accountBalance .currency_symbol {
    font-size: 17px;
  }
  .cs-spa-retail-content .mainDashboard .margin-both-15 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .cs-spa-retail-content .mainDashboard .foreignValue {
    display: none;
  }
  .cs-spa-retail-content .mainDashboard .infoContainer {
    color: white;
    position: static;
    transform: none;
  }
  .cs-spa-retail-content .mainDashboard .infoContainer .sm-title,
  .cs-spa-retail-content .mainDashboard .infoContainer .creditSum {
    margin-bottom: 0;
    font-size: 2.4rem;
    display: inline-block;
  }
  .cs-spa-retail-content .mainDashboard .infoContainer .creditSum {
    margin-right: 4px;
    font-family: 'Rubik';
  }
  .cs-spa-retail-content .mainDashboard .infoContainer .sm-title .textCreditHeader {
    color: white;
  }
  .cs-spa-retail-content .mainDashboard .infoContainer:after {
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: white;
  }
  .cs-spa-retail-content .mainDashboard .number {
    line-height: normal;
  }
  .cs-spa-retail-content .main-dashboard-section .mainMenuTabs {
    float: none;
    z-index: auto;
    display: block;
    margin-bottom: 0;
  }
  .cs-spa-retail-content .mail-header + .mainMenuTabs {
    display: none;
  }
  .cs-spa-retail-content .reports-header .title {
    width: 70%;
    margin: 3.2vw auto 0;
  }
  .cs-spa-retail-content .balance-previous .generalTable .table-dot-cell .table-dot {
    display: inline-block;
  }
  .cs-spa-retail-content .mainTabsSectionWrapper {
    height: 12.5vw;
    overflow-y: hidden;
  }
  .cs-spa-retail-content .mainTabsSectionWrapper .contentLink {
    padding-left: 8vw;
    display: inline-block;
  }
  .cs-spa-retail-content .mainTabsSectionWrapper .contentLink p {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .mainTabsSection {
    width: auto;
    display: flex;
    padding: 0 4.6vw 0 0;
    align-items: center;
  }
  .cs-spa-retail-content .more-activities-btn {
    height: 12.5vw;
  }
  .cs-spa-retail-content .more-activities-btn button {
    display: none;
  }
  .cs-spa-retail-content .more-activities-btn .dropdown-menu {
    border: none;
    height: 100%;
    display: flex;
    position: static;
    box-shadow: none;
    align-items: center;
    background-color: transparent;
  }
  .cs-spa-retail-content .more-activities-btn .dropdown-menu .spaceLinks {
    margin-left: 8vw;
  }
  .cs-spa-retail-content .more-activities-btn .dropdown-menu .spaceLinks a {
    padding: 0;
    color: white;
    font-size: 2.75rem;
    white-space: nowrap;
    line-height: 12.5vw;
  }
  .cs-spa-retail-content .more-activities-btn .dropdown-menu .spaceLinks.more-in-osh-active {
    position: relative;
  }
  .cs-spa-retail-content .more-activities-btn .dropdown-menu .spaceLinks.more-in-osh-active:after {
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.8vw;
    display: block;
    position: absolute;
    background-color: white;
  }
  .cs-spa-retail-content .balance-previous .report-header {
    margin-right: 5vw;
  }
  .cs-spa-retail-content .balance-previous .report-header .general-table-title {
    margin-right: 0;
  }
  .cs-spa-retail-content .balance-previous .generalTable.generalTable--highRows.generalTable--horizontalScroll tbody td {
    font-size: 17px;
  }
  .cs-spa-retail-content .foreignCurrencyTable .isHistoricalView .currencyExchangeUnit {
    display: none;
  }
  .cs-spa-retail-content .checkbox-wrapper label {
    font-size: 2.4rem;
    margin-right: 2vw;
  }
  .cs-spa-retail-content .checkbox-wrapper label.select-all-text {
    font-size: 14px;
  }
  .cs-spa-retail-content .checkbox-wrapper input,
  .cs-spa-retail-content .checkbox-wrapper .checkbox-visual {
    width: 14px;
    height: 14px;
  }
  .cs-spa-retail-content .checkbox-wrapper .checkbox-visual {
    vertical-align: top;
  }
  .cs-spa-retail-content .checkbox-wrapper .checkbox-visual + label {
    max-width: 91%;
  }
  .cs-spa-retail-content .checkbox-wrapper input:checked + .checkbox-visual:after {
    top: 50%;
    left: 50%;
    height: 11px;
    width: 5px;
    transform: translate(-50%, -50%) rotate(50deg);
  }
  .cs-spa-retail-content .inline-error-msg {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .inline-error-msg .fa {
    font-size: 2.8rem;
  }
  .cs-spa-retail-content .account-boxes-container {
    margin-top: 0;
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .checks-process-close-btn-m {
    top: 5vw;
    right: 5vw;
    z-index: 90;
    position: absolute;
  }
  .cs-spa-retail-content .checks-process-close-btn-m img {
    width: 5vw;
    height: 5vw;
  }
  .cs-spa-retail-content .quickActionsChecks {
    display: none;
  }
  .cs-spa-retail-content .checksStatusContent .checks-wizard-head h1 {
    margin-bottom: 5vw;
  }
  .cs-spa-retail-content .checksStatusContent .checksContinueAfter {
    right: 5vw;
    margin-top: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
  .cs-spa-retail-content .checkStatusTable .btnContinue {
    width: 30vw;
  }
  .cs-spa-retail-content .checks-wizard-head {
    padding: 5vw 0 0;
    background: linear-gradient(70deg, #33cc99 30%, #76d25b 100%);
  }
  .cs-spa-retail-content .checks-wizard-head .checksTitle {
    padding: 0;
    color: white;
    font-size: 3.6rem;
    text-align: center;
  }
  .cs-spa-retail-content .checks-wizard-head .checksTitle span {
    display: block;
    margin: 3vw 0 1vw;
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .checks-wizard-head .green-link {
    color: white;
    margin-bottom: 5vw;
  }
  .cs-spa-retail-content .checks-wizard-head .innerNavBars .menu {
    margin: 5vw 0 0;
    overflow-x: auto;
    padding: 0 5vw 0 0;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.07);
  }
  .cs-spa-retail-content .checks-wizard-head .innerNavBars .menu > li {
    color: white;
    height: 12.5vw;
    font-size: 2.8rem;
    line-height: 12.5vw;
  }
  .cs-spa-retail-content .checks-wizard-head .innerNavBars .contentLink .activeLink {
    color: white;
    border-bottom: 0;
    position: relative;
  }
  .cs-spa-retail-content .checks-wizard-head .innerNavBars .contentLink .activeLink:after {
    content: "";
    height: 4px;
    width: 100%;
    bottom: -1px;
    display: block;
    position: absolute;
    background-color: white;
  }
  .cs-spa-retail-content .orderChecksWizardOpen {
    padding: 0;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .check-wizard-content {
    padding: 0 5vw;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .checksTitleLeft {
    padding: 0;
    font-size: 2.6rem;
    text-align: center;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .stepOne,
  .cs-spa-retail-content .orderChecksWizardOpen .stepTwo {
    padding: 5vw;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .stepOne .dropdown,
  .cs-spa-retail-content .orderChecksWizardOpen .stepTwo .dropdown {
    width: 100%;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .stepOne .dropdown .btn.btnDropChecks,
  .cs-spa-retail-content .orderChecksWizardOpen .stepTwo .dropdown .btn.btnDropChecks {
    width: 100%;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .selectReason {
    margin-bottom: 2.5%;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .inputChecksNumber {
    width: 100%;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .inputChecksNumber.v3 {
    margin: 0;
    width: 80%;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .commisionsDetails {
    padding: 0;
    border: none;
    margin-top: 5vw;
  }
  .cs-spa-retail-content .orderChecksWizardOpen .statusCheckBookRow,
  .cs-spa-retail-content .orderChecksWizardOpen .customerStatementContent {
    padding: 5vw 5vw 20vw;
  }
  .cs-spa-retail-content .checkImageView {
    position: static;
  }
  .cs-spa-retail-content .checkImageView.checkPicContent {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
  }
  .cs-spa-retail-content .checkImageView.checkPicContent .checkPreview {
    width: 100%;
    padding-top: 0;
    position: static;
  }
  .cs-spa-retail-content .checkImageView.checkPicContent .checkPic {
    padding: 0 2vw;
  }
  .cs-spa-retail-content .checkImageView.checkPicContent .btnClose {
    right: 0;
    top: -42px;
  }
  .cs-spa-retail-content .checkImageView.checkPicContent .btnClosePreviewCheck {
    top: 0;
    right: 0;
    position: absolute;
  }
  .cs-spa-retail-content .checks-process-step2 .continueSection {
    background-color: #ebf2f8;
  }
  .cs-spa-retail-content .cardsWrapper .orderCancelChecks .checks-order-summary h4 .green-link,
  .cs-spa-retail-content .cardsWrapper .orderCancelChecks .checks-order-summary h4 span {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .orderCancelChecks .message b {
    font-size: 3rem;
  }
  .cs-spa-retail-content .orderCancelChecks input,
  .cs-spa-retail-content .orderCancelChecks button span {
    font-size: 2.8rem;
  }
  .cs-spa-retail-content .orderCancelChecks .checkCancelDetails,
  .cs-spa-retail-content .orderCancelChecks .continueSection .btnContinue,
  .cs-spa-retail-content .orderCancelChecks .infoCheckDetails,
  .cs-spa-retail-content .orderCancelChecks .tooltip-msg,
  .cs-spa-retail-content .orderCancelChecks .titleOrder label,
  .cs-spa-retail-content .orderCancelChecks .titleOrder p,
  .cs-spa-retail-content .orderCancelChecks .detailsCheckContent b,
  .cs-spa-retail-content .orderCancelChecks .checkPicContent p,
  .cs-spa-retail-content .orderCancelChecks .checks-order-summary,
  .cs-spa-retail-content .orderCancelChecks .resume p,
  .cs-spa-retail-content .orderCancelChecks .customerStatementContent .statementTitle {
    font-size: 2.6rem;
  }
  .cs-spa-retail-content .orderCancelChecks .details p,
  .cs-spa-retail-content .orderCancelChecks span,
  .cs-spa-retail-content .orderCancelChecks li,
  .cs-spa-retail-content .orderCancelChecks .detailsCheckContent span,
  .cs-spa-retail-content .orderCancelChecks .btnFilter .tooltip-inner,
  .cs-spa-retail-content .orderCancelChecks .generalFooter .footerMessageComponent,
  .cs-spa-retail-content .orderCancelChecks .errorChecksContent p {
    font-size: 2.4rem;
  }
  .cs-spa-retail-content .orderCancelChecks .stepTwo + .generalFooter,
  .cs-spa-retail-content .orderCancelChecks .sumContentBox .minSum,
  .cs-spa-retail-content .orderCancelChecks .checkDetails label,
  .cs-spa-retail-content .orderCancelChecks .checksCancellationList .titile p {
    font-size: 2.2rem;
  }
  .cs-spa-retail-content .orderCancelChecks .titleOrder label span,
  .cs-spa-retail-content .orderCancelChecks .titleOrder p span {
    font-size: 2rem;
  }
  .cs-spa-retail-content .orderCancelChecks .checkDetails .moreChecks.v2 {
    margin: 0;
  }
  .cs-spa-retail-content .orderCancelChecks .tooltip-icon {
    width: 5vw;
    height: 5vw;
    margin-top: 0vw;
    margin-right: 0vw;
    margin-bottom: 0vw;
    margin-left: 2vw;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .cs-spa-retail-content .orderCancelChecks .blurred-bottom {
    margin: 0;
  }
  .cs-spa-retail-content .orderCancelChecks .blurred-bottom:after {
    display: none;
  }
  .cs-spa-retail-content .orderCancelChecks .resume.v3 {
    padding: 0;
    max-width: 100%;
    margin-bottom: 5vw;
  }
  .cs-spa-retail-content .orderCancelChecks .infoCheckDetails {
    color: #7d91a1;
  }
  .cs-spa-retail-content .orderCancelChecks .checksCancellationList {
    padding: 0;
  }
  .cs-spa-retail-content .orderCancelChecks .checksCancellationList.scrollList {
    max-height: initial;
  }
  .cs-spa-retail-content .orderCancelChecks .checksCancellationList .checkboxContainer {
    padding: 0;
    margin: 5vw 0 0;
  }
  .cs-spa-retail-content .orderCancelChecks .checksCancellationList .scrollList {
    max-height: initial;
  }
  .cs-spa-retail-content .orderCancelChecks .errorSelectReason {
    margin-top: 1vw;
  }
  .cs-spa-retail-content .orderCancelChecks .checkPic {
    padding: 0;
  }
  .cs-spa-retail-content .orderCancelChecks .checksImages .maxSumCheck,
  .cs-spa-retail-content .orderCancelChecks .checksImages .maxValueCheck {
    visibility: hidden;
  }
  .cs-spa-retail-content .orderCancelChecks .checksDivider {
    padding: 0;
    margin: 5vw 0 0;
  }
  .cs-spa-retail-content .orderCancelChecks .sumContentBox {
    position: relative;
  }
  .cs-spa-retail-content .orderCancelChecks .sumContentBox span {
    left: 2.5vw;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
  .cs-spa-retail-content .orderCancelChecks .check-sum-section {
    display: block;
  }
  .cs-spa-retail-content .orderCancelChecks .stepTwo {
    margin-bottom: 0;
  }
  .cs-spa-retail-content .orderCancelChecks .stepTwo + .generalFooter {
    padding: 5vw;
  }
  .cs-spa-retail-content .orderCancelChecks .stepTwo + .generalFooter.v2 {
    margin-bottom: 0;
    padding-bottom: 30vw;
    background-color: #ebf2f8;
  }
  .cs-spa-retail-content .orderCancelChecks .stepTwo + .generalFooter .footerMessageComponent {
    font-weight: 400;
  }
  .cs-spa-retail-content .orderCancelChecks .check-number-input {
    position: relative;
  }
  .cs-spa-retail-content .orderCancelChecks .check-number-input .check-number-input-remove {
    left: 2.5vw;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
  .cs-spa-retail-content .orderCancelChecks .continueSection {
    height: 14vw;
    padding: 0 5vw;
    display: flex;
  }
  .cs-spa-retail-content .orderCancelChecks .continueSection.v2 .btnContinue {
    left: 50%;
    right: auto;
  }
  .cs-spa-retail-content .orderCancelChecks .continueSection .btnContinue {
    width: 44vw;
    height: 10vw;
    margin: -5vw auto 0;
  }
  .cs-spa-retail-content .orderCancelChecks .continueSection .saveAndContinue {
    display: none;
  }
  .cs-spa-retail-content .orderCancelChecks .continueSection .edit-details-icon {
    width: 5vw;
    height: 5vw;
  }
  .cs-spa-retail-content .orderCancelChecks .continueSection .checksContinueAfter {
    padding: 0;
    display: flex;
  }
  .cs-spa-retail-content .orderCancelChecks .reasonContent .selectReason .checkboxPic {
    height: 10vw;
    line-height: 10vw;
  }
  .cs-spa-retail-content .orderCancelChecks li {
    color: #4e5664;
  }
  .cs-spa-retail-content .orderCancelChecks input.btnDropChecks,
  .cs-spa-retail-content .orderCancelChecks input.inputChecksNumber {
    height: 11vw;
  }
  .cs-spa-retail-content .orderCancelChecks li {
    position: relative;
    margin-top: 7.25vw;
  }
  .cs-spa-retail-content .orderCancelChecks li:first-of-type {
    margin-top: 0;
  }
  .cs-spa-retail-content .orderCancelChecks .titleOrder label span,
  .cs-spa-retail-content .orderCancelChecks .titleOrder p span {
    display: block;
    color: #7d91a1;
  }
  .cs-spa-retail-content .orderCancelChecks .btn.btnDropChecks {
    height: 11vw;
    color: #4e5664;
  }
  .cs-spa-retail-content .orderCancelChecks .detailsCheckContent span {
    display: block;
  }
  .cs-spa-retail-content .orderCancelChecks .detailsCheckContent .details {
    padding: 0;
    border: none;
  }
  .cs-spa-retail-content .orderCancelChecks .detailsCheckContent .title {
    padding: 0;
  }
  .cs-spa-retail-content .orderCancelChecks .checkPicContent {
    padding: 0;
    margin-top: 7vw;
  }
  .cs-spa-retail-content .orderCancelChecks .infoDetails {
    width: 100%;
    margin-top: 0;
    display: flex;
  }
  .cs-spa-retail-content .orderCancelChecks .checks-order-summary {
    padding: 0;
    border: none;
    margin-top: 2.5vw;
  }
  .cs-spa-retail-content .orderCancelChecks .checks-order-summary .row {
    margin-bottom: 4px;
  }
  .cs-spa-retail-content .orderCancelChecks .checks-order-summary h4 span {
    font-weight: 600;
    color: #7d91a1;
  }
  .cs-spa-retail-content .orderCancelChecks .btnFilter .caretAllMovements {
    top: 5.5vw;
  }
  .cs-spa-retail-content .orderCancelChecks .btnFilter .btnHelp {
    left: 10vw;
    width: 3vw;
    height: 3vw;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .cs-spa-retail-content .orderCancelChecks .btnFilter.open .dropdownOperation {
    top: 100%;
  }
  .cs-spa-retail-content .orderCancelChecks .btnFilter.open .dropdownOperation.v3 {
    max-height: 500px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea {
    max-width: 100%;
    padding: 0 4.8vw;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .general-btn-ChecksTable {
    font-size: 1.8rem;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .stepBox .continueSection {
    margin-top: 50px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .stepBox .continueSection .btnContinue {
    /*width: 44vw;*/
    height: 40px;
    font-size: 16px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .wizardManagerStepsArea .stepBox .continueSection .btnCircle {
    width: 40px;
    border-radius: 50%;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .input-error-msg {
    font-size: 2.6rem;
  }
  #minimizeContainer {
    height: 0;
  }
}
@media (max-width: 769px) and (min-width: 768px) {
  .cs-spa-retail-content .header-icons li:first-child {
    margin-top: 0;
  }
}
@media (max-width: 769px) and (max-width: 769px) {
  .cs-spa-retail-content .header-icons li:first-child .mobileMenuBtnWrapper {
    width: 25px;
  }
}
@media (max-width: 769px) and (min-width: 768px) {
  .cs-spa-retail-content .dashboard-logo.col-xs-3 {
    padding-top: 3px;
  }
}
@media (max-width: 769px) and (max-width: 576px) {
  .cs-spa-retail-content.discountBiz-modal-general.credit-line-popup {
    top: 0;
    background-color: unset;
  }
}
@media (max-width: 769px) and (min-width: 768px) {
  .cs-spa-retail-content .mobileMenuBtn {
    top: -7px;
  }
}
@media (max-width: 769px) and (min-width: 768px) {
  .cs-spa-retail-content .mainDashboard .title {
    font-size: 28px;
  }
}
@media (max-width: 769px) and (min-width: 768px) {
  .cs-spa-retail-content .mainDashboard .accountBalance .decimal_point {
    font-size: 25px;
  }
}
@media (max-width: 769px) and (min-width: 768px) {
  .cs-spa-retail-content .mainDashboard .accountBalance .currency_symbol {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .cs-spa-retail-content .cashFlowQueryChecks .dropdownBtns {
    display: block;
    padding: 45px 20px 0 0;
  }
  .cs-spa-retail-content .transactionHistoryPopup__inner {
    padding: 0 30px;
  }
  .cs-spa-retail-content .transactionHistoryPopup__inner [id^="workflow-directive"] {
    padding-top: 10px;
    padding-bottom: 0;
    padding-rtl: 15px;
    padding-ltr: 15px;
  }
  .cs-spa-retail-content .transactionHistoryPopup__inner + .generalTable tr {
    height: 50px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .cs-spa-sme-content #oshMainTable.generalTable.generalTable--horizontalScroll .sortable-table {
    width: 100vw;
    min-width: 100vw;
    overflow: hidden;
  }
  .cs-spa-sme-content .credit-cards-table.generalTable--horizontalScroll .general-btn {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
@media (width: 768px) {
  .cs-spa-retail-content .transactionHistoryPopup__inner + .generalTable tr {
    height: 70px;
    font-size: 17px;
  }
  .cs-spa-retail-content .transactionHistoryPopup__inner + .generalTable td {
    font-size: 21px;
  }
  .cs-spa-retail-content .mainTabsSectionWrapper {
    height: 6.5vw;
  }
}
@media (max-width: 576px) {
  .cs-spa-retail-content .cashFlowQueryChecks .dropdownBtns {
    display: block;
    padding: 15px 20px 0 0;
  }
  .cs-spa-retail-content .cashFlowQueryChecks .displayNumberCombo {
    font-size: unset;
  }
  .cs-spa-retail-content .report-cards-wrapper .report-card {
    width: 100%;
    min-height: 0;
    margin-left: 2.75%;
    margin-right: 2.75%;
  }
  .cs-spa-retail-content .report-cards-wrapper .report-card .report-card-content,
  .cs-spa-retail-content .report-cards-wrapper .report-card .general-btn {
    font-size: 2.25rem;
  }
  .cs-spa-retail-content .report-cards-wrapper .report-card p {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }
  .cs-spa-retail-content .report-cards-wrapper .report-card h4 {
    font-size: 4rem;
  }
  .cs-spa-retail-content .generalDropdown {
    font-size: 14px;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .modal-dialog {
    width: 100%;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .modal-dialog .modal-content-proper {
    padding: 0;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .highcharts-container {
    margin: 0 auto;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .highcharts-title {
    margin-top: 12px !important;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .highcharts-legend-item span {
    line-height: 1;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pie-graph-modal .modal-scrollable-area {
    height: 70vh;
  }
  .cs-spa-retail-content #minimizeContainer {
    height: 0;
  }
}
.modal-dialog .popUpContent.general-popup-wizard-inner-popup-open {
  overflow: hidden !important;
  height: 100%;
}
.popUpContent.wizard-components-style .inner-wiz-title {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  margin: 0 0 15px;
}
.popUpContent.wizard-components-style .inner-wiz-title.no-margin {
  margin: 0;
}
.popUpContent.wizard-components-style .inner-wiz-sub-title {
  font-size: 14px;
  line-height: 16px;
  color: #7d91a1;
  font-weight: normal;
}
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-input-label {
  margin-bottom: 8px;
  display: inline-block;
}
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-input-field,
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-date-input {
  width: 100%;
  max-width: 325px;
  border: none;
  height: 40px;
  padding: 0 12px;
  font-size: 16px;
  text-align: right;
  border-radius: 4px;
  background-color: #ebf2f8;
  display: block;
  position: relative;
  color: #4e5664;
}
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-input-field:disabled,
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-date-input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-input-field > input,
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-date-input > input {
  background: none;
  width: 100%;
  font-size: 16px;
  height: 100%;
  text-align: right;
  padding-right: 40px;
  color: #4e5664;
}
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-input-field.input-ltr,
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-date-input.input-ltr {
  direction: ltr;
}
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-input-field.small-input,
.popUpContent.wizard-components-style .wiz-field-wrapper .wiz-date-input.small-input {
  max-width: 68px !important;
  display: inline-block;
}
.popUpContent.wizard-components-style .btn-group.dropdown.custom-dropdown:not(.btnFilter) .dropdown-toggle {
  background: #ebf2f8;
  color: #4e5664;
}
.popUpContent.wizard-components-style .btn-group.dropdown.custom-dropdown:not(.btnFilter) .dropdown-menu li > a {
  color: #4e5664;
}
.popUpContent.wizard-components-style .wizard-main-container {
  padding: 35px 60px;
  position: relative;
  color: #7d91a1;
}
.popUpContent.wizard-components-style .btnHelp {
  width: 15px;
  height: 15px;
  background-size: 14px;
  position: relative;
  top: -1px;
}
.popUpContent.wizard-components-style .wizard-inner-content {
  padding: 0 60px;
  position: relative;
  color: #4e5664;
}
.popUpContent.wizard-components-style .wizard-inner-content .input-label {
  color: #677b8a;
}
.popUpContent.wizard-components-style .required-field-row {
  color: #6e7685;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  box-shadow: 0 10px 25px 0 rgba(81, 144, 182, 0.1);
}
.popUpContent.wizard-components-style .retail-global-error {
  box-shadow: none;
}
.popUpContent.wizard-components-style .retail-global-error h2.retail-global-error-text {
  font-size: 14px;
  font-weight: bold;
  color: inherit;
}
.popUpContent.wizard-components-style .summary-wiz-area {
  position: relative;
  padding-top: 25px;
  padding-bottom: 35px;
  overflow: hidden;
}
.popUpContent.wizard-components-style .summery-wiz-row {
  margin-bottom: 25px;
  padding-left: 30px;
  padding-right: 40px;
  min-width: 150px;
  max-width: 300px;
}
.popUpContent.wizard-components-style .summery-wiz-row .summary-wiz-title {
  font-size: 14px;
  line-height: 18px;
  color: #677b8a;
}
.popUpContent.wizard-components-style .summery-wiz-row .summary-wiz-value {
  color: #333a46;
  font-size: 16px;
  line-height: 24px;
}
.popUpContent.wizard-components-style .summery-wiz-row .summary-wiz-value.number-value {
  font-family: 'Josefin Sans', 'Rubik', sans-serif;
  font-size: 18px;
}
.popUpContent.wizard-components-style .summery-wiz-row .summary-wiz-value.number-value .currency_symbol {
  font-weight: normal;
  font-family: 'Rubik', sans-serif;
}
.popUpContent.wizard-components-style .summary-wiz-column {
  display: inline-block;
  float: right;
  border-right: 1px solid #ebf0f3;
  min-height: 180px;
}
.popUpContent.wizard-components-style .summary-wiz-column:first-child {
  border-right: none;
}
.popUpContent.wizard-components-style .summary-wiz-column:first-child .summery-wiz-row {
  padding-right: 0px;
}
.popUpContent.wizard-components-style .summary-gagula-wrapper {
  top: 0;
  max-width: 235px;
  font-size: 14px;
  line-height: 19px;
  color: #333a46;
  float: left;
  padding-right: 10px;
  border-right: 1px solid #ebf0f3;
}
.popUpContent.wizard-components-style .summary-gagula-wrapper .gagula-title {
  font-size: 14px;
  line-height: 18px;
  color: #677b8a;
}
.popUpContent.wizard-components-style .summary-gagula-wrapper-eng-width {
  max-width: 280px !important;
}
.popUpContent.wizard-components-style .legal-wrapper {
  margin-top: 30px;
  color: #7d91a1;
  font-size: 14px;
  padding: 0;
  background: #ebf2f8;
}
.popUpContent.wizard-components-style .legal-wrapper .legal-title {
  font-weight: bold;
  margin-bottom: 10px;
  color: #7d91a1;
}
.popUpContent.wizard-components-style .legal-wrapper .text {
  line-height: 16px;
  max-width: 700px;
}
.popUpContent.wizard-components-style .step-with-notes {
  background: #ebf2f8;
}
.popUpContent.wizard-components-style .step-with-notes .stepBox {
  background: none !important;
}
.popUpContent.wizard-components-style .step-with-notes .stepBox > div:nth-child(3) {
  background: #ffffff;
}
.popUpContent.wizard-components-style .transaction-finish-step {
  text-align: center;
}
.popUpContent.wizard-components-style .transaction-finish-step .separator {
  display: block;
  margin: 10px auto;
  width: 34px;
  height: 2px;
  background: #4bc87d;
}
.popUpContent.wizard-components-style .transaction-finish-step .operation-value {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #333a46;
}
.popUpContent.wizard-components-style .transaction-finish-step .operation-title {
  font-size: 14px;
  line-height: 24px;
  color: #677b8a;
}
.popUpContent.wizard-components-style .transaction-finish-step .transaction-bottom-msg {
  margin-top: 10px;
  font-size: 14px;
  line-height: 17px;
  color: #737D8A;
}
.popUpContent.wizard-components-style .option-radio {
  display: inline-block;
  font-size: 16px;
}
.popUpContent.wizard-components-style .option-radio .number {
  font-weight: bold;
}
.popUpContent.wizard-components-style .option-radio label {
  cursor: pointer;
}
.popUpContent.wizard-components-style .option-radio .radio-text {
  display: inline-block;
}
body.enableWizardBootstrap .discountSME-modal-wizard .cs-spa-retail-content.modal-dialog .popUpContent.wizard-components-style .lastBox .wizard-inner-content {
  padding: 0px 30px 20px 30px;
}
@media (max-width: 1023px) {
  .popUpContent.wizard-components-style .wizard-inner-content {
    padding: 30px 15px 0;
  }
  .popUpContent.wizard-components-style .wizard-inner-content .inner-wiz-title {
    font-size: 16px;
  }
  .popUpContent.wizard-components-style .wizard-inner-content .summary-wiz-area {
    margin-right: -15px;
    margin-left: -15px;
  }
  .popUpContent.wizard-components-style .wizard-inner-content .summary-wiz-area .summary-wiz-column {
    padding-right: 15px;
    padding-left: 15px;
  }
  .popUpContent.wizard-components-style .wizard-inner-content .summary-wiz-area .summary-wiz-column .summery-wiz-row {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .popUpContent.wizard-components-style .wizard-inner-content .summary-wiz-area .summary-wiz-column .summery-wiz-row .summary-wiz-title {
    font-size: 14px;
  }
  .popUpContent.wizard-components-style .wizard-inner-content .summary-wiz-area .summary-wiz-column .summery-wiz-row .summary-wiz-value {
    font-size: 14px;
  }
  .popUpContent.wizard-components-style .legal-wrapper .wizard-inner-content .legal-title {
    padding-top: 15px;
  }
  .popUpContent.wizard-components-style .summary-gagula-wrapper {
    max-width: 100%;
    float: none;
    clear: both;
  }
}
@media (max-width: 767px) {
  .popUpContent.wizard-components-style .wizard-inner-content {
    padding: 15px 15px 20px 15px;
  }
  .popUpContent.wizard-components-style .wizard-inner-content .summary-wiz-area .summary-wiz-column {
    border: 0;
    min-height: auto;
  }
}
.display-numeric-value .tooltip-wrapper span {
  display: inline-block;
}
.display-numeric-value .number .currency_symbol {
  font-family: 'Rubik';
  margin-right: 2px;
}
.display-numeric-value .number .percent {
  font-family: 'Rubik';
  margin-left: 2px;
}
.discountSME-modal-wizard {
  margin: 0;
}
.discountSME-modal-wizard .modal-dialog {
  margin: 0;
  width: 100%;
  height: 100%;
}
.discountSME-modal-wizard .modal-dialog .popUpContent {
  background-color: #ebf2f8;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  height: 100%;
  overflow-y: auto;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader {
  width: 100%;
  height: 85px;
  margin-bottom: 42px;
  border-bottom: 2px solid #ebf2f8;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
  background-color: #ffffff;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerArea {
  width: 1124px;
  margin-right: auto;
  margin-left: auto;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .accountCombo {
  margin-top: 20px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .accountCombo .btnFilter {
  margin-top: 20px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .accountCombo .singleAccountData {
  margin-top: 20px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaTabs {
  width: 1124px;
  margin-right: auto;
  margin-left: auto;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaSingle {
  width: 1124px;
  margin-right: auto;
  margin-left: auto;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.latitudeWizardContent .wizardHeader {
  margin-bottom: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.latitudeWizardContent .wizardActionButtons {
  top: -34px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea {
  width: 1124px;
  margin-left: auto;
  margin-right: auto;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .container-fluid {
  display: flex;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .export-icons {
  position: absolute;
  left: 25px;
  top: 25px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .export-icons .save-btn-img {
  margin-top: -3px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .export-icons .action-btn {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  padding-left: 15px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .export-icons .action-text {
  font-size: 12px;
  line-height: 16px;
  padding-right: 3px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .export-icons .action-img img {
  vertical-align: middle;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row {
  display: flex;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side {
  position: relative;
  width: 274px;
  padding-top: 50px;
  padding-bottom: 40px;
  padding-right: 90px;
  padding-left: 0px;
  float: right;
  background: linear-gradient(222.44deg, #4BC87D 0%, #32AB6F 100%);
  color: #ffffff;
  margin-top: -66px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-title {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-title .circle {
  margin-right: auto;
  margin-left: 4px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-title .title {
  font-size: 22px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-title .sub-title {
  font-size: 16px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-title-container {
  max-width: 115px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .opBtnTitle .side-title {
  max-width: 158px;
  font-size: 22px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle {
  display: flex;
  float: left;
  position: relative;
  box-shadow: -1px 0 4px 2px #eaeaea;
  z-index: 21;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  align-self: start;
  margin-top: 9px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.current {
  background-color: #5b77f5;
  border: 3px solid #ffffff;
  box-shadow: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.current:after {
  content: "";
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: transparent;
  position: absolute;
  top: -6px;
  right: -6px;
  border: 3px solid #5b77f5;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.arrow {
  background-image: url(media/svgs/arrow-circle.baf251f6b07f443aed1d..svg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.calendar {
  background-image: url(media/svgs/calendar.a54b7e09b88bce7a98bd..svg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.calendar.current {
  background-image: url(media/svgs/calendar-white.f1251d03230dbb90f877..svg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.mail {
  background-image: url(media/svgs/mail.cd7cdc5e9e101e95dba9..svg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.mail.current {
  background-image: url(media/svgs/mail-white.6859753d673de4bd0b4f..svg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.person {
  background-image: url(media/svgs/person.57edd69005dd575fa8e9..svg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.person.current {
  background-image: url(media/svgs/person-white.ee4c89823745fc91df3c..svg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.question {
  background-image: url(media/svgs/question.a2a7099c1fbeda8cce20..svg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.question.current {
  background-image: url(media/svgs/question-white.8318b1c9058cbe6ccec3..svg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle .v-icon {
  background-image: url(media/svgs/v-icon-purple.cb335312e6bb66198db6..svg);
  width: 20px;
  height: 14px;
  background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  margin: auto;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-wrapper {
  display: flex;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content {
  right: -30px;
  position: relative;
  width: 880px;
  padding-right: 15px;
  padding-left: 15px;
  float: right;
  margin-left: -30px;
  margin-top: -15px;
  margin-bottom: 60px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .back-arrow {
  margin-top: 35px;
  margin-right: 40px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSection,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSectionNoBorder {
  height: auto;
  line-height: normal;
  width: auto;
  float: none;
  margin-top: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSection.offerBackground,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSectionNoBorder.offerBackground {
  background-color: #F0F2FF;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSection.no-border,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSectionNoBorder.no-border {
  margin-top: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSection .next-btns-container,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSectionNoBorder .next-btns-container {
  position: relative;
  margin-bottom: 50px;
  left: auto;
  top: auto;
  transform: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSection .next-btns-container.last,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSectionNoBorder .next-btns-container.last {
  margin-top: 40px;
  margin-bottom: -20px;
  text-align: center;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSection .btnContinue,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSectionNoBorder .btnContinue {
  font-size: 16px;
  line-height: 18px;
  min-width: 215px;
  border-radius: 8px;
  height: 40px;
  background-color: #5b77f5;
  margin-right: 17px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .wizTitle {
  color: #4bc87d;
  /*padding: 20px 0 10px;*/
  /*margin-top:32px;*/
  margin-bottom: 30px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .wizTitle span {
  font-weight: normal;
  font-size: 22px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .wizTitle p {
  font-weight: bold;
  font-size: 28px;
  font-family: Rubik;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .wizTitle h1 {
  font-weight: bold;
  font-size: 28px;
  font-family: Rubik;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .wizTabsTitle {
  color: #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .wizTabsTitle span {
  font-weight: normal;
  font-size: 22px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .wizTabsTitle p {
  font-weight: bold;
  font-size: 28px;
  font-family: Rubik;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .wizTabsTitle h1 {
  font-weight: bold;
  font-size: 28px;
  font-family: Rubik;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .wizSubTitle {
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  /*padding: 20px 0 10px;*/
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .sub-title-wizard p {
  color: #6e7685;
  font-family: Rubik;
  font-weight: normal;
  font-size: 14px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .singleTab {
  margin: 15px 15px 5px 5px;
  float: right;
  display: inline-block;
  font-size: 15px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .singleTab:active {
  font-weight: 600;
  color: black;
  display: inline-block;
  border-bottom: solid 3px #4bc87d;
  font-size: 15px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .singleTabActive {
  font-weight: 600;
  color: black;
  display: inline-block;
  border-bottom: solid 3px #4bc87d;
  margin-top: 0px;
  font-size: 15px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .tabsSpacer .db-dropdown .restoreLastSession .p-element.p-dropdown-label.p-inputtext,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .tabsSpacer .db-dropdown .restoreLastSession .p-dropdown-trigger {
  background-color: var(--colorWhite);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .db-dropdown .restoreLastSession li.p-dropdown-item {
  border-top: 1px dashed #7d91a1;
  text-decoration: underline;
  color: #4bc87d;
  padding-top: 10px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .db-dropdown a {
  color: #4bc87d;
  text-decoration: underline;
  cursor: pointer;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .step-container {
  padding-top: 25px;
}
@media (max-width: 767px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .transferGoldStep1 .wizard-action-bar {
    height: 90px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .transferGoldStep1 .wizard-action-bar.flexAlignCenter {
    flex-wrap: wrap;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .transferGoldStep1 .wizard-action-bar.flexAlignCenter .immediate-trans-text {
    flex-basis: 100%;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .btnDraft {
    z-index: 101;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .btnTabsDraft {
    top: 83px;
    z-index: 1;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .generalDropdown {
    border: none;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .step-container {
    padding-top: 35px;
  }
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .btnDraft {
  margin-top: 35px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .image-padding {
  padding: 0 4px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .btnTabsDraft {
  margin-top: 40px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox {
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  position: relative;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder {
  border-top: solid 1px #ebf0f3;
  width: 100%;
  display: block;
  height: 60px;
  line-height: 60px;
  position: relative;
  margin-top: 40px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection.border-none,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder.border-none {
  border: none;
  margin-top: 20px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection .next-btns-container,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder .next-btns-container {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: 99;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection .btnContinue,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder .btnContinue {
  border-radius: 50px;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(132, 155, 249, 0.45);
  width: auto;
  padding-right: 7px;
  padding-left: 7px;
  margin-left: 7px;
  min-width: 150px;
  height: 36px;
  color: #ffffff;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection .btnContinue:active,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder .btnContinue:active {
  box-shadow: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection .btnApprove,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder .btnApprove {
  background-color: #849bf9;
  width: auto;
  padding-right: 15px;
  padding-left: 15px;
  min-width: 150px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection .btnApproveCircle,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder .btnApproveCircle {
  background-color: #849bf9;
  border-radius: 25px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background-image: url(media/images/iconCheck.0662de3c0d07bb214557..png);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection .btnApproveCircle::after,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder .btnApproveCircle::after {
  content: "Safari fix";
  display: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection .btnDisabled,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder .btnDisabled {
  width: 150px;
  height: 36px;
  border-radius: 50px;
  background-color: #76d25b;
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0.5;
  z-index: 999;
}
@media (min-width: 767px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection .save-and-continue,
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder .save-and-continue {
    color: #4bc87d;
    font-weight: bold;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
  }
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection .image-draft,
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder .image-draft {
  transform: rotate(90deg);
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoheight {
  height: 0px;
  z-index: 1050;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevDataLeft {
  float: left;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevDataRight {
  float: right;
}
@media (min-width: 767px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevData {
    text-align: right;
    display: inline-block;
    cursor: pointer;
    padding: 0 24px 24px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevData .editPrevDataText {
    color: #4bc87d;
    display: inline-block;
    font-weight: bold;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevData .editPrevDataIcon {
    width: 11px;
    height: 15px;
    margin-left: 5px;
    background-image: url(media/images/iconEditLoans.10c76dfba2d6e722a526..png);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevDataTabletProtrait {
    display: inline-block;
    cursor: pointer;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevDataTabletProtrait .editPrevDataText {
    color: #4bc87d;
    display: inline-block;
    font-weight: bold;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevDataTabletProtrait .editPrevDataIcon {
    width: 11px;
    height: 15px;
    margin-left: 5px;
    background-image: url(media/images/iconEditLoans.10c76dfba2d6e722a526..png);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevData {
    width: 100%;
    /*text-align: center;*/
    display: inline-block;
    cursor: pointer;
    padding: 0 15px 24px 15px;
    margin-top: 15px;
    line-height: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevData .editPrevDataText {
    color: #4bc87d;
    display: inline-block;
    font-weight: bold;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .editPrevData .editPrevDataIcon {
    width: 11px;
    height: 15px;
    margin-left: 5px;
    background-image: url(media/images/iconEditLoans.10c76dfba2d6e722a526..png);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .save-and-continue {
    color: #4bc87d;
    font-weight: bold;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 1px;
    margin-top: 5px;
  }
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSectionNoBorder {
  border-top: none;
  width: 100%;
  display: block;
  height: 60px;
  line-height: 60px;
  position: relative;
  margin-top: 40px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .border {
  border: 3px solid transparent;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 200;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .border:hover {
  border-color: #4bc87d;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .fastEdit {
  border: 2px solid transparent;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .fastEdit:hover .overlay {
  width: 100%;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .fastEdit:hover .circleUpdateDetails {
  visibility: visible;
  opacity: 1;
  z-index: 999999;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .fastEdit #dropdownMenu3 {
  width: 150px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .fastEdit .circleUpdateDetails {
  color: #4bc87d;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 9px 25px 0px rgba(18, 187, 146, 0.45);
  position: absolute;
  width: 147px;
  height: 147px;
  text-align: center;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .fastEdit .overlay {
  width: 100.2%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 1050;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .last-box-margin {
  padding-bottom: 40px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .lastBox .btnSave {
  background-image: url(media/images/icon-save.990b7f8b94a171473cd9..png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  border-radius: 50px;
  box-shadow: 0px 9px 25px 0px rgba(18, 187, 146, 0.45);
  width: 36px;
  height: 36px;
  margin-left: 8px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .lastBox .btnSave:active {
  box-shadow: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .lastBox .btnPrint {
  background-image: url(media/images/icon-print.7ae83b88d6690177d8f5..png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  border-radius: 50px;
  box-shadow: 0px 9px 25px 0px rgba(18, 187, 146, 0.45);
  width: 36px;
  height: 36px;
  margin-left: 8px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .lastBox .btnPrint:active {
  box-shadow: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .lastBox .btnContinue {
  /*  position: absolute;
              @{opposite-float}: 50%;
              top: 0;
              transform: translate((-50%*@horizontal-dir), -50%);*/
  border-radius: 50px;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(18, 187, 146, 0.45);
  width: auto;
  padding-right: 7px;
  padding-left: 7px;
  margin-right: 8px;
  margin-left: 8px;
  min-width: 150px;
  height: 36px;
  color: #ffffff;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .lastBox .btnContinue:active {
  box-shadow: none;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepSpacer {
  margin-top: 20px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .tabsSpacer {
  margin-bottom: 10px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .spaceit {
  margin-top: 5px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .transform {
  transition: all 2s ease;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .comboBoxPlaceHolder {
  background-color: white;
  height: 77px;
  border-right: 1px solid #a4b2bd;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .topSpace {
  margin-top: 13px;
  line-height: 1.2;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .line-border {
  height: 76px;
  border-left: 1px solid #a4b2bd;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number .currency_symbol {
  color: #92abbb;
  font-size: 13px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent .transform-active {
  height: 40px;
  width: 40px;
  border-radius: 25px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent #bottomBurnedMsg,
.discountSME-modal-wizard .modal-dialog .popUpContent #bottomBurnedInclude {
  margin-bottom: 30px;
  margin-top: 10px;
}
.discountSME-modal-wizard .modal-dialog .no-tabs-wizard .popUpContent .wizardManagerStepsArea .btnDraft {
  margin-top: 15px;
  margin-bottom: 15px;
}
.discountSME-modal-wizard .modal-dialog .noBottomMargin {
  margin-bottom: 0;
}
.discountSME-modal-wizard .modal-dialog .MinimizedWizardActionButtons {
  position: absolute;
  float: left;
  top: -45px;
  right: 1px;
  width: 155px;
}
.discountSME-modal-wizard .modal-dialog .MinimizedWizardActionButtons .opBtnTitle {
  float: right;
  margin: 0 auto;
  margin-right: 10px;
}
.discountSME-modal-wizard .modal-dialog .MinimizedWizardActionButtons .opBtn {
  left: 350px;
  top: -40px;
  z-index: 99;
}
.discountSME-modal-wizard .modal-dialog .MinimizedWizardActionButtons .opBtn .closeBtn {
  float: left;
  z-index: 21;
  width: 65px;
  border-radius: 50% 50%;
  background-color: #ffffff;
  height: 65px;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
  background-image: url(media/images/quick-actions-close-x.9f547d6580644949ba89..png);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .modal-dialog .MinimizedWizardActionButtons .opBtn .minimizeBtn {
  float: left;
  margin-left: 15px;
  position: relative;
  z-index: 21;
  width: 65px;
  border-radius: 50% 50%;
  background-color: #849bf9;
  height: 65px;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
  background-image: url(media/images/iconMinusClose.00a2e132b2d69e62647f..png);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .modal-dialog .MinimizedWizardActionButtons .opBtn .minimizeCloseBtn {
  float: right;
  position: relative;
  z-index: 21;
  margin-top: 57px;
  width: 15px;
  height: 15px;
  background-image: url(media/svgs/minimizeCloseButton.e39be205b8fca97dc6c9..svg);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .modal-dialog .MinimizedWizardActionButtons .opBtn .maximizeBtn {
  float: right;
  margin-right: 215px;
  top: -15px;
  position: relative;
  z-index: 22;
  width: 15px;
  height: 15px;
  background-image: url(media/svgs/minimizeUpButton.a148ee11b00949037d50..svg);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .modal-dialog .MinimizedWizardActionButtons + .row .wizTitle p,
.discountSME-modal-wizard .modal-dialog .MinimizedWizardActionButtons + .row .wizTabsTitle p {
  color: #3b4658;
  font-weight: 500;
}
.discountSME-modal-wizard .modal-dialog .stepSpacer {
  margin-top: 20px;
}
.discountSME-modal-wizard .transform {
  transition: all 2s ease;
}
.discountSME-modal-wizard .transform-active {
  height: 40px;
  width: 40px;
  border-radius: 25px;
}
.discountSME-modal-wizard #bottomBurnedMsg {
  margin-bottom: 30px;
  margin-top: 10px;
}
.discountSME-modal-wizard .wizardActionButtonsTabs {
  position: relative;
  float: left;
  top: -75px;
  width: 155px;
}
.discountSME-modal-wizard .wizardActionButtonsTabs .opBtnTitle {
  float: right;
  margin: 0 auto;
  margin-right: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .discountSME-modal-wizard .wizardActionButtonsTabs .opBtnTitle {
    margin-top: 550px;
  }
}
.discountSME-modal-wizard .wizardActionButtonsTabs .opBtn {
  left: 350px;
  top: -40px;
  z-index: 99;
}
.discountSME-modal-wizard .wizardActionButtonsTabs .opBtn .closeBtn {
  float: left;
  z-index: 21;
  width: 65px;
  border-radius: 50% 50%;
  background-color: #ffffff;
  height: 65px;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
  background-image: url(media/images/quick-actions-close-x.9f547d6580644949ba89..png);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .wizardActionButtonsTabs .opBtn .minimizeBtn {
  float: left;
  margin-left: 15px;
  position: relative;
  z-index: 21;
  width: 65px;
  border-radius: 50% 50%;
  background-color: #849bf9;
  height: 65px;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
  background-image: url(media/images/iconMinusClose.00a2e132b2d69e62647f..png);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .wizardActionButtonsTabs .opBtn .minimizeCloseBtn {
  float: right;
  position: relative;
  z-index: 21;
  margin-top: 57px;
  width: 15px;
  height: 15px;
  background-image: url(media/svgs/minimizeCloseButton.e39be205b8fca97dc6c9..svg);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .wizardActionButtonsTabs .opBtn .maximizeBtn {
  float: right;
  margin-right: 215px;
  top: -32px;
  position: relative;
  z-index: 22;
  width: 15px;
  height: 15px;
  background-image: url(media/svgs/minimizeUpButton.a148ee11b00949037d50..svg);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .wizardActionButtons {
  position: relative;
  float: left;
  top: -75px;
  width: 155px;
}
.discountSME-modal-wizard .wizardActionButtons .opBtnTitle {
  float: right;
  margin: 0 auto;
  margin-right: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .discountSME-modal-wizard .wizardActionButtons .opBtnTitle {
    margin-top: 550px;
  }
}
.discountSME-modal-wizard .wizardActionButtons .opBtn {
  left: 350px;
  top: -40px;
  z-index: 99;
}
.discountSME-modal-wizard .wizardActionButtons .opBtn .closeBtn {
  float: left;
  z-index: 21;
  width: 65px;
  border-radius: 50% 50%;
  background-color: #ffffff;
  height: 65px;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
  background-image: url(media/images/quick-actions-close-x.9f547d6580644949ba89..png);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .wizardActionButtons .opBtn .minimizeBtn {
  float: left;
  margin-left: 15px;
  position: relative;
  z-index: 21;
  width: 65px;
  border-radius: 50% 50%;
  background-color: #849bf9;
  height: 65px;
  box-shadow: 0px 9px 25px 0 rgba(132, 155, 249, 0.45);
  background-image: url(media/images/iconMinusClose.00a2e132b2d69e62647f..png);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .wizardActionButtons .opBtn .minimizeCloseBtn {
  float: right;
  position: relative;
  z-index: 21;
  margin-top: 57px;
  width: 15px;
  height: 15px;
  background-image: url(media/svgs/minimizeCloseButton.e39be205b8fca97dc6c9..svg);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .wizardActionButtons .opBtn .maximizeBtn {
  float: right;
  margin-right: 215px;
  top: -32px;
  position: relative;
  z-index: 22;
  width: 15px;
  height: 15px;
  background-image: url(media/svgs/minimizeUpButton.a148ee11b00949037d50..svg);
  background-repeat: no-repeat;
  background-position: center;
}
.discountSME-modal-wizard .wizard-step-number-wrap {
  padding-top: 5px;
  position: absolute;
  font-family: "Josefin Sans";
  font-size: 18px;
  line-height: 30px;
}
.discountSME-modal-wizard .wizard-step-number-wrap:not(.lastBox) {
  background-color: transparent;
  z-index: 100;
}
.discountSME-modal-wizard .wizard-step-number-wrap .wizard-step-number {
  height: 26px;
  width: 54px;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  /*border-radius: 100px 0 0 100px;*/
  background-color: #5A77F5;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  color: #ffffff;
  text-align: center;
}
.discountSME-modal-wizard .wizard-step-number-wrap .wizard-step-number .current-step {
  font-weight: 700;
}
.discountSME-modal-wizard .wizard-step-number-wrap .wizard-step-number .total-step {
  font-weight: 100;
}
@media (max-width: 1023px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea {
    width: 100%;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .modal-dialog .popUpContent .wizardManagerStepsArea {
    width: 100%;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .modal-dialog .popUpContent .wizTitle {
    margin-right: 10px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .modal-dialog .popUpContent #wizardFotter {
    margin-right: 10px;
  }
}
@media (max-width: 769px) {
  .discountSME-modal-wizard .wizardActionButtons {
    float: none;
    top: 0;
  }
  .discountSME-modal-wizard .wizardActionButtons .opBtn .closeBtn {
    height: 55px;
    margin-top: -10px;
    float: right;
  }
  .discountSME-modal-wizard .wizardActionButtons .opBtn .closeBtnMoblie {
    background-image: url(media/images/wizard-responsive-close.4aca13bbe11b82df2273..png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    box-shadow: none;
    transform: scale(0.8, 0.8);
  }
  .discountSME-modal-wizard .mainTabsSection {
    background: rgba(0, 0, 0, 0.075);
    margin-top: 3rem;
    width: 100%;
    height: initial;
  }
  .discountSME-modal-wizard .mainTabsSection .mainMenuTabs {
    max-width: 100%;
  }
  .discountSME-modal-wizard .mainTabsSection .mainMenuTabs #wizardTabs {
    margin-top: 16px;
    padding-bottom: 16px;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    padding-right: 15px;
  }
  .discountSME-modal-wizard .mainTabsSection .mainMenuTabs #wizardTabs li {
    color: #ffffff;
    font-size: 2.75rem;
    display: inline-block;
    margin-left: 28px;
  }
  .discountSME-modal-wizard .mainTabsSection .mainMenuTabs #wizardTabs li .singleTabActive {
    font-weight: 700;
    color: #ffffff;
    border-bottom: 3px solid #ffffff;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .topSpace {
    margin-top: 0.8rem;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .fastEdit .circleUpdateDetails {
    visibility: visible;
    opacity: 1;
    z-index: 999999;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .singleTab {
    float: none;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-navigator {
    display: flex;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-navigator .step-image {
    margin-right: auto;
    margin-left: auto;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-navigator .step-image:first-child {
    margin-right: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-navigator .step-image:nth-last-child(2) {
    margin-left: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .step-navigator .step-image:last-child {
    margin-right: 0;
    margin-left: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle {
    width: 38px;
    height: 38px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon {
    background-size: 19px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.step-icon.question {
    background-size: 11px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.current {
    border: 2px solid #ffffff;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side .circle.current:after {
    content: "";
    width: 42px;
    height: 42px;
    border: 2px solid #5b77f5;
    top: -4px;
    right: -4px;
    box-shadow: 0px 3px 3px 0 rgba(18, 187, 146, 0.45);
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side {
    height: 96px;
    padding: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side > div:first-child {
    padding-right: 22px;
    padding-left: 22px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .latitudeTitle {
    font-size: 20px;
    text-align: center;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .opBtn {
    margin-top: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .titles {
    margin-top: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator {
    position: absolute;
    top: 50px;
    width: calc(100% - 15px);
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator .step-image {
    display: inline-block;
    margin-top: 20px;
    margin-right: 20px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title {
    top: 115px;
    z-index: 99;
    padding-top: 8px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title .step-title {
    width: calc(38 * 1px);
    /* calculating the width of the view reducing the from it the width of all step images, reducing left and right padding and divide to 4 margins total */
    /* i.e. (768 - (38*5) - 22 - 22)  / 4 = 133.5px */
    margin-right: calc((100% - calc(38 * 5 * 1px) - 30px) / 4);
    text-align: center;
    display: inline-block;
    margin-top: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title .step-title.current {
    width: 30%;
    margin-right: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title .step-title.current ~ .step-title {
    margin-right: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title .step-title:first-child {
    text-align: right;
    margin-right: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title .step-title:nth-last-child(2) {
    text-align: left;
    margin-left: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title .step-title:last-child {
    width: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title .step-title .sub-title {
    color: #737D8A;
    font-size: 12px;
    line-height: 14px;
    visibility: hidden;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title .step-title .sub-title.show-title {
    visibility: visible;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content {
    margin-bottom: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .back-arrow {
    position: absolute;
    top: 11px;
    margin-top: 0;
    margin-right: 0;
    font-size: 12px;
    right: 22px;
    z-index: 10;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .back-arrow img {
    width: 12px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continue-back-wrap {
    position: relative;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continue-back-wrap.offerBackground {
    background-color: #F0F2FF;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSection,
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSectionNoBorder {
    text-align: center;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSection .next-btns-container,
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSectionNoBorder .next-btns-container {
    z-index: 9;
    margin-bottom: 30px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSection .btnContinue,
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .continueSectionNoBorder .btnContinue {
    margin: auto;
    min-width: 163px;
    height: 38px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-container {
    padding-right: 22px;
    padding-left: 22px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance {
    display: inherit;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number {
    font-size: 38px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number .integer {
    font-size: 38px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number .currency_symbol {
    color: #ffffff;
    font-size: 18px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number .decimal_point {
    font-size: 18px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeaderMargin {
    margin-bottom: 3rem;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeaderNoMargin {
    margin-bottom: 0px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea {
    padding-left: 15px;
    padding-right: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude {
    padding-left: 0;
    padding-right: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader {
    height: auto;
    background: -webkit-linear-gradient(70deg, #38d29f 35%, #19ccca 100%);
    background: -moz-linear-gradient(70deg, #38d29f 35%, #19ccca 100%);
    background: -ms-linear-gradient(70deg, #38d29f 35%, #19ccca 100%);
    background: linear-gradient(70deg, #38d29f 35%, #19ccca 100%);
    padding-left: 15px;
    padding-right: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaSingle,
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaTabs {
    text-align: center;
    padding-top: 1.5rem;
    width: 100%;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaSingle .titles,
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaTabs .titles {
    margin-right: 8px;
    margin-top: 16px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaSingle .wizTitle,
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaTabs .wizTitle {
    color: #ffffff;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaSingle .wizTitle h1,
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaTabs .wizTitle h1 {
    color: #ffffff;
    font-weight: 500;
    font-size: 3.6rem;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .comboBoxPlaceHolder {
    text-align: center;
    color: white;
    background: transparent;
    font-size: 3rem;
    border-right: none;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .comboBoxPlaceHolder .accountData {
    padding-right: 2rem;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .comboBoxPlaceHolder .accountData .rightSpace {
    margin-right: -1.6rem;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox .continueSection {
    margin-top: 60px ;
  }
}
@media (max-width: 576px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent.transfers-process-section {
    overflow-x: hidden;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance {
    display: inherit;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number {
    font-size: 22px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number .integer {
    font-size: 22px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number .currency_symbol {
    color: #ffffff;
    font-size: 11px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number .decimal_point {
    font-size: 11px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .btnDraft {
    top: 0;
  }
}
.discountSME-modal-wizard .minimizedWizTitle {
  margin-right: 20px;
  max-width: 200px;
}
body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .stepBox,
body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .continueSection {
  width: 100%;
}
body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .lastBox .continueSection .centered {
  float: right;
  right: 50%;
  width: auto;
  padding-right: 0;
  padding-left: 0;
}
body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea .lastBox .continueSection .centered .next-btns-container {
  right: -50%;
  float: right;
  display: block;
  position: relative;
}
@media (max-width: 769px) {
  .webview.discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeaderMargin {
    margin-bottom: -2rem;
  }
}
.webview.discountSME-modal-wizard .modal-dialog .popUpContent .comboBoxPlaceHolder {
  border-right: none;
}
.webview .wizardActionButtons {
  display: none !important;
}
.webview .wizardManagerStepsArea .continueSection.last-step .btnSave,
.webview .wizardManagerStepsArea .continueSection.last-step .btnPrint {
  display: none !important;
}
.webview .wizardHeader {
  background: #1DAB50 !important;
}
.webview .wizardHeader .centerAreaSingle .titles,
.webview .wizardHeader .centerAreaTabs .titles {
  display: none !important;
}
.disabled {
  opacity: 0.5;
}
.BGWhite {
  background-color: #ffffff;
}
.spaceit {
  margin-top: 20px;
  margin-bottom: 10px;
}
.centerIt {
  text-align: center;
}
.modal.minimize {
  position: absolute;
  overflow: visible;
  width: 260px;
  height: 52px;
}
@media (min-width: 461px) {
  .modal.minimize:nth-child(6) {
    right: calc(calc(calc(6 - 2) * 260px) + var(--wizard-minimized-right-offset));
  }
  .modal.minimize:nth-child(5) {
    right: calc(calc(calc(5 - 2) * 260px) + var(--wizard-minimized-right-offset));
  }
  .modal.minimize:nth-child(4) {
    right: calc(calc(calc(4 - 2) * 260px) + var(--wizard-minimized-right-offset));
  }
  .modal.minimize:nth-child(3) {
    right: calc(calc(calc(3 - 2) * 260px) + var(--wizard-minimized-right-offset));
  }
  .modal.minimize:nth-child(2) {
    right: calc(calc(calc(2 - 2) * 260px) + var(--wizard-minimized-right-offset));
  }
  .modal.minimize:nth-child(1) {
    right: calc(calc(calc(1 - 2) * 260px) + var(--wizard-minimized-right-offset));
  }
}
@media (max-width: 460px) {
  .modal.minimize {
    left: 10%;
    right: 10%;
  }
}
.modal.minimize .opBtn {
  height: 35px;
  margin: 5px;
  width: 20px;
}
.modal.minimize .modal-body,
.modal.minimize .modal-footer {
  display: none;
}
.modal.minimize .modal-dialog {
  z-index: 99;
  right: 6%;
  top: auto;
  bottom: 0;
  width: 250px;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 -4px 16px 0 rgba(67, 110, 147, 0.15);
}
.modal.minimize .modal-dialog .modal-content {
  background-color: #ffffff !important;
  color: #ffffff;
}
.modal.minimize .modal-dialog .modal-content #popUpWizard {
  position: relative;
  width: 100%;
}
.modal.minimize .modal-dialog .modal-content #popUpWizard .wizardActionButtons {
  width: 100%;
}
.modal.minimize .modal-dialog .saveDraftIcon {
  margin-left: 4px;
}
.modal.minimize .modal-dialog .modal-header {
  padding: 5px;
  background-color: #ebf2f8;
}
.modal.minimize .modal-dialog .modal-header h3 {
  font-size: 16px;
}
.minimized-move-right {
  margin-right: 260px;
}
.discountSME-modal-wizard:not(.minimize) {
  right: 0 ;
}
.discountSME-modal-wizard.minimize {
  z-index: 1040 !important;
}
.cs-spa-retail-content .restoreLastSession li.draftItemRow + li.draftItemRow {
  border-top: 1px dashed #7d91a1;
}
.cs-spa-retail-content .restoreLastSession li.draftItemRow span {
  float: right;
  width: 100%;
  text-decoration: underline;
}
.cs-spa-retail-content.popup-dialog-error .modal-content {
  border-radius: 0;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .popup-body {
  font-size: 18px;
  padding-top: 10px;
  font-family: Rubik;
  color: #4e5664;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .btnContent {
  margin-top: 20px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .alertModalMessage {
  padding-bottom: 30px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .alertModalMessage .title {
  font-size: 24px;
  font-family: Rubik;
  color: #4bc87d;
}
@media (width: 1024px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaTabs,
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaSingle {
    max-width: 960px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea {
    max-width: 960px;
  }
}
@media (min-width: 769px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .step-content .stepBox .back-arrow {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .topSpace {
    margin-top: 5px;
  }
  .discountSME-modal-wizard .wizardActionButtons .opBtn .closeBtn,
  .discountSME-modal-wizard .wizardActionButtons .opBtn .minimizeBtn {
    width: 60px;
    height: 60px;
    margin-top: 7px;
  }
}
@media (max-width: 768px) {
  body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .cs-spa-retail-content .popUpContent.latitudeWizardContent .wizardActionButtons {
    top: 0;
  }
  body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .cs-spa-retail-content .popUpContent.latitudeWizardContent .wizardActionButtons .opBtn .closeBtnMoblie {
    background-position: right;
    margin-right: -7px;
  }
  body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .cs-spa-retail-content .popUpContent.latitudeWizardContent .wizardManagerStepsArea.latitude .container-fluid {
    display: block;
  }
  body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .cs-spa-retail-content .popUpContent.latitudeWizardContent .wizardManagerStepsArea.latitude .latitude-main-row {
    display: block;
  }
  body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .cs-spa-retail-content .popUpContent.latitudeWizardContent .wizardManagerStepsArea.latitude .latitude-main-row .latitude-side {
    width: auto;
    float: none;
    padding-right: 0;
    padding-top: 0;
    margin-top: 0;
  }
  body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .cs-spa-retail-content .popUpContent.latitudeWizardContent .wizardManagerStepsArea.latitude .latitude-main-row .step-content {
    width: auto;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    float: none;
    margin-left: -15px;
    margin-top: 0;
    right: 0;
  }
  body.enableWizardBootstrap .discountSME-modal-wizard .modal-dialog .cs-spa-retail-content .popUpContent .wizardManagerStepsArea .lastBox .continueSection .next-btns-container {
    padding-top: 10px;
    padding-bottom: 30px;
  }
}
@media (width: 768px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent .topSpace {
    margin-top: 0px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .comboBoxPlaceHolder {
    height: auto;
    padding-bottom: 12px;
    font-size: 22px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardHeader .centerAreaSingle {
    padding-top: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number {
    font-size: 27px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-balance .number .integer {
    font-size: 27px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-combo .commonDropdown__button {
    height: 62px;
    line-height: 65px;
    font-size: 22px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-combo .commonDropdown__menuItem--first {
    margin-top: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-combo .commonDropdown__menuItem {
    padding: 0 20px;
    margin-bottom: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .account-combo .commonDropdown__menuItemBtn {
    font-size: 22px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizard-form-row .wizard-input-block .datepickerDropdown input {
    font-size: 25px;
    line-height: 60px;
    height: auto;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizard-form-row .wizard-input-block .datepickerDropdown span {
    font-size: 17px;
    line-height: 30px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent .wizardManagerStepsArea.latitude .latitude-side .step-navigator.title .step-title.current {
    width: 40%;
  }
}
.ng-indicator-wizard {
  width: 2px;
  height: 2px;
  border: 1px solid #c0dcf3 !important;
  margin-left: 15px;
  float: left;
  margin-top: 20px;
}
@media (max-width: 769px) {
  html[lang='en'] .discountSME-modal-wizard .wizardActionButtons .opBtn .closeBtnMoblie {
    transform: scale(-0.8, 0.8);
  }
}
.beneficiariesModal {
  padding-top: 100px;
  padding-bottom: 100px;
}
.beneficiariesModal .beneficiaries-wrapper {
  width: 590px;
}
.beneficiariesModal .beneficiaries-wrapper .btnClose {
  top: -50px;
  right: -20px;
}
.beneficiariesModal .beneficiaries-wrapper .mobile-first-strip {
  display: none;
}
.beneficiariesModal .beneficiaries-wrapper .popup-header {
  box-shadow: 0px 9px 25px 0px rgba(23, 187, 183, 0.45);
  background: linear-gradient(70deg, #76d25b 0%, #38d29f 100%);
  margin-top: -40px;
  height: 80px;
}
.beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form {
  position: relative;
  margin-top: 20px;
  float: left;
}
.beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form ::-webkit-input-placeholder {
  color: #ffffff;
}
.beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form input {
  background: transparent;
  padding-right: 35px;
  color: #ffffff;
  height: 38px;
  line-height: 38px;
  width: 230px;
}
.beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form input::placeholder {
  color: #ffffff;
}
.beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form .iconSearchGold {
  display: none;
}
.beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form .white-icon-search {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 12px;
  right: 25px;
  background: url(media/svgs/search.2f940b84e481f99e83a2..svg) no-repeat center;
}
.beneficiariesModal .beneficiaries-wrapper .nb-container {
  min-height: 250px;
}
.beneficiariesModal .beneficiaries-wrapper .nb-container .nb-headline {
  color: #7d91a1;
  margin-top: 40px;
  padding: 0 10%;
}
.beneficiariesModal #nb-wrapper {
  padding: 0 10%;
  position: relative;
  overflow: hidden;
  max-height: 500px;
  height: 70%;
}
.beneficiariesModal #nb-wrapper .iScrollVerticalScrollbar {
  height: 92%;
  position: absolute;
  z-index: 9999;
  top: 0;
  bottom: 0;
  right: 15px;
  border-radius: 30px;
  background: #ffffff !important;
  border: 0 !important;
  padding: 0 !important;
  width: 3px;
}
.beneficiariesModal #nb-wrapper .iScrollIndicator {
  background: #25cb92;
  border-radius: 30px;
}
.beneficiariesModal #nb-wrapper.nbw-ie8 {
  overflow: auto;
}
.beneficiariesModal #nb-wrapper.nbw-ie8.ng-hide {
  display: none;
}
.beneficiariesModal .nb-results {
  font-size: 14px;
  color: #333a46;
  padding: 0px 0px 10px 0px;
}
.beneficiariesModal .nb-results .fs-tf-name {
  display: table;
  margin-top: 4px;
}
.beneficiariesModal .nb-results .sub-title {
  font-size: 16px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 4px;
}
.beneficiariesModal .nb-results .sub-title.no-title {
  display: none;
}
.beneficiariesModal .nb-results span {
  line-height: 16px;
}
.beneficiariesModal .nb-results .nb-group-icon {
  background: url(media/images/beneficiary_groups.50c4244bbc32f71927f8..png) no-repeat;
  width: 115px;
  height: 70px;
  position: absolute;
  top: 0;
  right: 19px;
  padding: 73px 0 0 0;
  text-align: center;
  font-size: 16px;
  color: #606060;
}
.beneficiariesModal .nb-results .nb-rows .headline-table {
  color: #7d91a1;
  border-bottom: 1px solid #e7e7e7 !important;
}
.beneficiariesModal .nb-results .nb-rows > div {
  border-bottom: 1px solid #e7e7e7;
  min-height: 45px;
  padding: 18px 0;
}
.beneficiariesModal .nb-results .nb-rows > div:last-child {
  border: 0;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner {
  cursor: pointer;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner:hover {
  font-weight: bold;
  transition-delay: 0.05s;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner:hover div {
  color: #4bc87d;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner:hover .fs-tf-icon.tf-my-acc {
  background-position: 0 -76px;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner:hover .fs-tf-icon.tf-predefined {
  background-position: 0 -46px;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner:hover .fs-tf-icon.tf-occasional {
  background-position: 0 -61px;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner > div:first-child:after {
  border-left: 0;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner > div:first-child {
  padding-right: 0;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner > div .upToWrapper {
  padding-left: 30px;
  text-align: left;
  white-space: nowrap;
}
.beneficiariesModal .nb-results .nb-rows > div .nb-row-inner > div .upToWrapper .nb-up-to {
  font-size: 12px;
}
.beneficiariesModal .nb-results .nb-rows .nb-alert #triangle-up {
  top: auto;
}
.beneficiariesModal .nb-results .nb-rows .nb-alert #triangle-up::before {
  margin-top: -9px;
  right: 46px;
}
.beneficiariesModal .nb-results .nb-rows .nb-alert #triangle-up::after {
  margin-top: -9px;
  right: 48px;
}
.beneficiariesModal .nb-results .nb-rows .nb-alert .strip-alert .alertTitle {
  font-size: 12px;
  line-height: 14px;
}
.beneficiariesModal .nb-results .nb-rows .nb-alert .strip-alert .alertTitle > div {
  padding: 0 10px;
}
.beneficiariesModal .nb-results .nb-rows .nb-alert .strip-alert .alertTitle .alert-icon {
  margin: 13px 0;
}
.beneficiariesModal .nb-results .nb-rows .nb-alert .strip-alert .alertTitle .alert-icon::before {
  content: '';
  width: 15px;
  height: 15px;
  background-position-y: bottom;
  display: block;
}
.beneficiariesModal .nb-results .nb-rows .nb-alert .strip-alert .alertTitle .alertTitleWrapper {
  margin-right: -18px;
}
.beneficiariesModal .nb-results .nb-rows .nb-alert .strip-alert .alertTitle .alertTitleWrapper a {
  display: inline-block;
}
.beneficiariesModal .nb-results .nb-group {
  position: relative;
  margin: 0 0 30px 0;
}
.beneficiariesModal .nb-results .nb-group.nb-many-rows .nb-group-icon {
  top: 28px;
}
.beneficiariesModal .nb-results .nb-group.nb-many-rows .nb-arrow {
  top: 47px;
}
.beneficiariesModal .nb-results .nb-group.nb-no-rows {
  display: none;
}
.beneficiariesModal .nb-results .nb-my-accounts {
  margin-bottom: 7px;
}
.beneficiariesModal .nb-results .nb-my-accounts .nb-group-icon {
  background-position: 3px -13px;
}
.beneficiariesModal .nb-results .nb-predefined .nb-group-icon {
  background-position: -96px -13px;
}
.beneficiariesModal .nb-results .nb-occasional .nb-group-icon {
  background-position: -199px -13px;
}
.beneficiariesModal .nb-none {
  padding: 50px 0;
  text-align: center;
}
.beneficiariesModal input.ng-dirty.ng-invalid {
  border-color: #fb5f5f !important;
}
@media (max-width: 769px) {
  .beneficiariesModal {
    top: inherit !important;
    padding-top: 0px;
  }
  .beneficiariesModal .beneficiary-popup-transfer-wrapper#beneficiary-popup-transfer .popup-header {
    margin: 0 auto;
    max-width: 769px;
  }
  .beneficiariesModal #nb-wrapper {
    padding: 0;
  }
  .beneficiariesModal #nb-wrapper .beneficiaries-table {
    padding-right: 30px;
  }
  .beneficiariesModal .beneficiaries-wrapper {
    width: 100%;
  }
  .beneficiariesModal .beneficiaries-wrapper .popup-header {
    box-shadow: none;
    background: none !important;
  }
  .beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form {
    padding: 0 15px;
  }
  .beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form input::placeholder {
    color: #7d91a1;
  }
  .beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form .white-icon-search {
    right: 25px;
  }
  .beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form input {
    color: #333a46;
    width: 100%;
  }
  .beneficiariesModal .beneficiaries-wrapper .popup-header .inputFieldWrapper form .iconSearchGold {
    display: block;
    right: 25px;
  }
  .beneficiariesModal .beneficiaries-wrapper .mobile-first-strip {
    display: block;
    height: 50px;
    margin-bottom: 30px;
    background: linear-gradient(70deg, #76d25b 0%, #38d29f 100%);
  }
  .beneficiariesModal .beneficiaries-wrapper .nb-container {
    min-height: 500px;
  }
  .beneficiariesModal .beneficiaries-wrapper .btnClose {
    right: -15px;
    top: 15px;
  }
  .beneficiariesModal .nb-results .nb-rows > div {
    padding: 18px 15px;
  }
  .beneficiariesModal .nb-results .nb-group {
    padding: 0px;
  }
}
@media (max-width: 1023px) {
  .beneficiariesModal .btnClose:before {
    background-color: #ffffff !important;
  }
  .beneficiariesModal .btnClose:after {
    background-color: #ffffff !important;
  }
}
@media (min-width: 769px) {
  .beneficiaries-wrapper .inputFieldWrapper form input {
    border: 1px solid #ffffff;
  }
}
.cs-spa-retail-content .cs-spa-common-tooltip .tooltip .tooltip-inner,
.cs-spa-retail-content .cs-spa-retail-tooltip .tooltip .tooltip-inner {
  text-align: right;
  width: 350px;
  white-space: normal;
  line-height: 25px;
  top: 0px;
  position: relative;
}
.cs-spa-retail-content .cs-spa-common-tooltip .tooltip.top .tooltip-arrow,
.cs-spa-retail-content .cs-spa-retail-tooltip .tooltip.top .tooltip-arrow {
  border-top-width: 5px;
  border-right-width: 0;
  border-bottom-width: 5px;
  border-left-width: 5px;
}
.cs-spa-retail-content .cs-spa-common-tooltip .tooltip.left .tooltip-arrow,
.cs-spa-retail-content .cs-spa-retail-tooltip .tooltip.left .tooltip-arrow {
  border-left-color: #a5c7db;
}
.cs-spa-retail-content .frn-ttw.cs-spa-common-tooltip .tooltip .tooltip-inner {
  width: 170px;
}
.cs-spa-retail-content .frn-ttw.cs-spa-retail-tooltip .tooltip .tooltip-inner {
  width: 220px;
}
.discountBiz-modal-general.cs-spa-retail-content.diamonds-portfolio-modal .diamondProtfolioExpandTable th,
.discountBiz-modal-general.cs-spa-retail-content.diamonds-portfolio-modal .diamondProtfolioExpandTable td {
  padding-left: 12px;
  white-space: nowrap;
}
.discountBiz-modal-general.cs-spa-retail-content.diamonds-portfolio-modal .diamondsExpandTableWrapper {
  max-height: 465px;
}
.discountBiz-modal-general.cs-spa-retail-content.diamonds-portfolio-modal .diamondsExpandTableWrapper .ngsb-container {
  padding-right: 20px;
}
.discountBiz-modal-general.cs-spa-retail-content.diamonds-portfolio-modal .diamondsExpandTableWrapper .number-wrapper {
  font-family: Rubik, sans-serif;
}
.DIAMONDS_DETAILS .ip-tabs {
  width: auto !important;
}
.DIAMONDS_DETAILS .nextArrow {
  left: -90px;
}
.discountBiz-modal-general.cs-spa-retail-content.groupExpand .generalTable {
  margin: 0 -20px;
  box-shadow: none;
}
.discountBiz-modal-general.cs-spa-retail-content.groupExpand .generalTable th {
  position: static !important;
}
.discountBiz-modal-general.cs-spa-retail-content.groupExpand .groupExpand__inner {
  padding: 30px 20px;
}
#diamondExpandLoader {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.diamond-no-tooltip + .tooltip {
  display: none;
}
.diamonds-portfolio .descriptionTooltip + .tooltip .tooltip-inner {
  width: max-content;
  display: table;
  max-width: 600px;
  text-align: center;
}
@media (min-width: 769px) {
  .diamonds-portfolio .portfolioAccounts {
    width: 220px;
  }
  .diamonds-portfolio .portfolioAccounts button {
    width: 220px;
  }
}
.diamondsAccountDetail .diamondsAccountDetail__title {
  height: 35px;
}
.diamondsAccountDetail .diamondsAccountDetail__sum {
  direction: ltr;
}
.diamondProtfolioExpandTable-wrapper {
  overflow: auto;
}
.generalTable--securities th:first-of-type,
.generalTable--securities td:first-of-type {
  padding-right: 32px !important;
}
.generalTable--securities .error-tooltip-cell .btnHelp {
  position: absolute;
  right: 4px;
}
.diaomonds-trustee-address {
  font-weight: 300;
  font-size: 2.4rem;
  margin-right: 22px;
  margin-top: -8px;
}
.diamondsAccountDetailsWarnTooltip .general-arrow-tooltip .tooltip-inner {
  font-family: 'Rubik';
  min-width: 260px;
  position: static;
  border-radius: 0;
}
.diamondsAccountDetailsWarnTooltip .general-arrow-tooltip.left .tooltip-arrow {
  right: -3px;
  margin-top: 0;
  border-width: 8px 0 8px 8px;
  transform: translateY(-50%);
  border-left-color: #fb5f5f;
}
.diamondsAccountDetailsWarnTooltip .general-arrow-tooltip.left .tooltip-inner {
  border-right: 4px solid #fb5f5f;
}
.diamondsAccountDetailsWarnTooltip .btnHelp {
  background: url(media/svgs/iconError.22c05b4235f361acadf5..svg) no-repeat center center;
}
.diamondsAccountDetailsWarnTooltip .btnHelp:not(.no-pointer):hover {
  background-color: transparent;
}
.checks-collaterals .dropdownBtns .dropdown {
  width: 50%;
}
.checks-collaterals .container-fluid .errorEmpty {
  margin-top: 20px;
}
.checks-collaterals .topActionBar .flexAlignCenter {
  column-gap: 15px;
}
@media (min-width: 769px) {
  .diamonds-portfolio .table-info-msg-heading-v2 {
    max-width: 420px;
  }
}
@media (max-width: 769px) {
  .diamonds-portfolio .dropdown-toggle-text,
  .checks-collaterals .dropdown-toggle-text {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cs-spa-retail-content .generalTable.generalTable--horizontalScroll .sortable-table.diamond-mobile-table {
    width: 900px;
  }
  .cs-spa-retail-content .mainDashboard .diamonds-title .btnHelp,
  .cs-spa-retail-content .mainDashboard .diamonds-data .btnHelp {
    display: inline-block;
  }
  .cs-spa-retail-content .main-dashboard-header .infoContainer.infoContainer-diamonds {
    border-bottom: none;
  }
  body.enableBootstrap .cs-spa-retail-content .container-fluid.diamonds-portfolio {
    padding-right: 0px;
    padding-left: 0px;
  }
  .discountBiz-modal-general.cs-spa-retail-content.groupExpand .generalTable {
    overflow: auto;
  }
  .discountBiz-modal-general.cs-spa-retail-content.groupExpand .generalTable .ngsb-wrap {
    width: 800px;
  }
  .cs-spa-retail-content .topActionBar .current-account-btn button {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 769px) {
  .cs-spa-retail-content .mainDashboard .diamonds-title .btnHelp.v2 {
    background-size: 18px;
    width: 18px;
    height: 18px;
  }
  .cs-spa-retail-content .diamonds-account .generalTable td {
    font-size: 21px;
  }
  .cs-spa-retail-content .diamonds-account .summary-row td {
    font-size: 20px;
  }
  .cs-spa-retail-content .diamonds-portfolio .generalTable td .displayDate {
    font-size: 1.8rem;
  }
}
.multiple-toggle-switch-wrapper {
  background-color: #eaf5f9;
  height: 34px;
  color: #7d91a1;
  display: inline-block;
  text-align: center;
  line-height: 34px;
  border-radius: 34px;
}
.multiple-toggle-switch-wrapper .itemBtn {
  display: inline-block;
  width: 140px;
  padding-left: 10px;
}
.multiple-toggle-switch-wrapper .itemBtn.last-btn {
  padding-left: 0px;
}
.multiple-toggle-switch-wrapper .selected-btn {
  position: absolute;
  width: 140px;
  padding-left: 5px;
  top: 0px;
  transition: 0.4s;
  border-radius: 34px;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  color: #ffffff;
  background-color: #4bc87d;
}
@media (max-width: 1023px) {
  .multiple-toggle-switch-wrapper {
    position: relative;
  }
  .multiple-toggle-switch-wrapper .selected-btn {
    width: 105px;
  }
  .multiple-toggle-switch-wrapper .itemBtn {
    width: 105px;
  }
}
@media (max-width: 340px) {
  .multiple-toggle-switch-wrapper .selected-btn {
    width: 95px;
  }
  .multiple-toggle-switch-wrapper .itemBtn {
    width: 95px;
  }
}
@media print {
  .multiple-toggle-switch-wrapper .selected-btn {
    font-weight: bold !important;
  }
  .multiple-toggle-switch-wrapper .hide-in-print {
    visibility: hidden !important;
  }
}
#savePDF .multiple-toggle-switch-wrapper .hide-in-print {
  visibility: hidden !important;
}
#mainContent .custom-combo-wrapper,
#main-content .custom-combo-wrapper,
.popUpContent .custom-combo-wrapper {
  display: inline-block;
  width: 90%;
  max-width: 325px;
  position: relative;
}
#mainContent .custom-combo-wrapper .combo_dropdown_wrapper,
#main-content .custom-combo-wrapper .combo_dropdown_wrapper,
.popUpContent .custom-combo-wrapper .combo_dropdown_wrapper {
  position: absolute;
  max-height: 240px;
  overflow: hidden;
  background: white;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
  border-radius: 5px;
  width: 100%;
  z-index: 100;
}
#mainContent .custom-combo-wrapper .combo_dropdown_wrapper > .combo_dropdown_wrapper,
#main-content .custom-combo-wrapper .combo_dropdown_wrapper > .combo_dropdown_wrapper,
.popUpContent .custom-combo-wrapper .combo_dropdown_wrapper > .combo_dropdown_wrapper {
  position: static;
  max-height: initial;
  box-shadow: none;
}
#mainContent .custom-combo-wrapper .angucomplete-dropdown .angucomplete-row,
#main-content .custom-combo-wrapper .angucomplete-dropdown .angucomplete-row,
.popUpContent .custom-combo-wrapper .angucomplete-dropdown .angucomplete-row {
  padding: 5px 17px;
}
#mainContent .custom-combo-wrapper .angucomplete-dropdown .angucomplete-title,
#main-content .custom-combo-wrapper .angucomplete-dropdown .angucomplete-title,
.popUpContent .custom-combo-wrapper .angucomplete-dropdown .angucomplete-title {
  display: inline-block;
}
#mainContent .custom-combo-wrapper .angucomplete-dropdown .angucomplete-description,
#main-content .custom-combo-wrapper .angucomplete-dropdown .angucomplete-description,
.popUpContent .custom-combo-wrapper .angucomplete-dropdown .angucomplete-description {
  float: left;
}
#mainContent .custom-combo-wrapper .angucomplete-dropdown .angucomplete-selected-row,
#main-content .custom-combo-wrapper .angucomplete-dropdown .angucomplete-selected-row,
.popUpContent .custom-combo-wrapper .angucomplete-dropdown .angucomplete-selected-row {
  cursor: pointer;
  background: #f2f7f9;
}
#mainContent .custom-combo-wrapper .angucomplete-dropdown .highlight,
#main-content .custom-combo-wrapper .angucomplete-dropdown .highlight,
.popUpContent .custom-combo-wrapper .angucomplete-dropdown .highlight {
  font-weight: bold;
}
#mainContent .custom-combo-wrapper .custom-combo-input,
#main-content .custom-combo-wrapper .custom-combo-input,
.popUpContent .custom-combo-wrapper .custom-combo-input {
  border: none;
  border-radius: 5px;
  background: #eaf5f9;
  width: 100%;
  padding-left: 28px;
  padding-right: 14px;
}
#mainContent .custom-combo-wrapper .fa.fa-chevron-down,
#main-content .custom-combo-wrapper .fa.fa-chevron-down,
.popUpContent .custom-combo-wrapper .fa.fa-chevron-down {
  position: absolute;
  top: 13px;
  left: 14px;
  color: #92abbb;
}
#mainContent .custom-combo-wrapper .fa.fa-chevron-down:before,
#main-content .custom-combo-wrapper .fa.fa-chevron-down:before,
.popUpContent .custom-combo-wrapper .fa.fa-chevron-down:before {
  content: "\f0d7";
}
#mainContent .custom-combo-wrapper .iScrollVerticalScrollbar,
#main-content .custom-combo-wrapper .iScrollVerticalScrollbar,
.popUpContent .custom-combo-wrapper .iScrollVerticalScrollbar {
  background: transparent;
  border-radius: 0;
  right: 6px;
  position: absolute;
  z-index: 9999;
  width: 6px;
  bottom: 2px;
  top: 2px;
  overflow: hidden;
  opacity: 1 !important;
}
#mainContent .custom-combo-wrapper .iScrollVerticalScrollbar .iScrollIndicator,
#main-content .custom-combo-wrapper .iScrollVerticalScrollbar .iScrollIndicator,
.popUpContent .custom-combo-wrapper .iScrollVerticalScrollbar .iScrollIndicator {
  background: #25cb92;
  border-radius: 0;
  border: 0;
  width: 3px;
  position: absolute;
}
#mainContent .custom-combo-wrapper .iScrollVerticalScrollbar.iScrollBothScrollbars,
#main-content .custom-combo-wrapper .iScrollVerticalScrollbar.iScrollBothScrollbars,
.popUpContent .custom-combo-wrapper .iScrollVerticalScrollbar.iScrollBothScrollbars {
  bottom: 18px;
}
.dropdownCtrl.dropdown-default {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  font-size: 16px;
  background-color: #ffffff;
}
.dropdownCtrl.dropdown-default .dropdownHide {
  display: none;
}
.dropdownCtrl.dropdown-default button.dropdown-down-arrow {
  background-color: #ffffff;
  border: 1px solid transparent;
  outline: none;
  position: absolute;
  left: 5px;
  top: 5px;
}
.dropdownCtrl.dropdown-default button.dropdown-down-arrow span {
  box-sizing: border-box;
  background-image: url(media/svgs/arrow_down_dark_green.7d5dda7ce0ef6ac1a513..svg);
  background-position: top;
  background-repeat: no-repeat;
  display: inline-block;
  height: 9px;
  width: 13px;
  border-top: none;
  margin: 0;
  transform: rotate(180deg);
}
.dropdownCtrl.dropdown-default button.dropdown-up-arrow {
  background-color: #ffffff;
  border: 1px solid transparent;
  outline: none;
  position: absolute;
  left: 5px;
  top: 5px;
}
.dropdownCtrl.dropdown-default button.dropdown-up-arrow span {
  box-sizing: border-box;
  background-image: url(media/svgs/arrow_down_dark_green.7d5dda7ce0ef6ac1a513..svg);
  background-position: top;
  background-repeat: no-repeat;
  display: inline-block;
  height: 9px;
  width: 13px;
  border-top: none;
  margin: 0;
}
.dropdownCtrl.dropdown-default input {
  border: 1px solid transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  vertical-align: baseline;
  margin-bottom: 0px;
  height: 38px;
  margin-right: -3px;
  padding-right: 3px;
  width: 100%;
}
.dropdownCtrl.dropdown-default input:focus {
  outline: none ;
}
.dropdownCtrl.dropdown-default input:hover {
  outline: none !important;
}
.dropdownCtrl.dropdown-default ul {
  max-height: 215px;
}
.dropdownCtrl .no-result-after-filter {
  font-family: Rubik, sans-serif;
  font-size: 14px;
  padding-right: 5px;
}
.dropdownCtrl .dropdown-menu {
  position: absolute;
  top: 35px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.dropdownCtrl .dropdown-menu .selected-row {
  background-color: #f4f9fd;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
.select2-container {
  width: 100% !important;
}
.select2-container .select2-search__field {
  width: 100% !important;
  height: 30px;
}
.select2-dropdown {
  background: transparent;
  border: 0;
}
.select2-dropdown:after {
  display: none;
}
.select2-dropdown.select2-dropdown--below {
  padding: 0;
  background: #ffffff;
}
.select2-results .select2-results__options {
  background: #ffffff;
  color: #4e5664;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
}
.select2-results .select2-results__options li {
  padding: 10px 20px;
}
.select2-results .select2-results__options .select2-results__option[aria-selected=true] {
  background: none;
  color: inherit;
}
.select2-results .select2-results__options.select2-results__options--nested {
  box-shadow: none;
}
.select2-results .select2-results__option.hidden-unselected {
  display: none;
}
.select2-results .select2-results__option--highlighted[aria-selected] {
  background: transparent;
  color: #4bc87d;
}
.select2-container--default .select2-results__group {
  font-size: 16px;
  padding: 8px 20px;
  font-weight: 500;
  background-color: #ffffff;
  color: #4e5664;
}
.select2-container--default.select2-container--disabled {
  opacity: 0.6;
}
.select2-container--default.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: transparent;
}
.select2-container--default.select2-container--focus,
.select2-container--default {
  max-width: 325px;
}
.select2-container--default.select2-container--focus .selection,
.select2-container--default .selection {
  border: 0;
  width: 100%;
  border: none;
  height: 40px;
  padding: 0 12px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #ebf2f8;
  display: block;
  position: relative;
  text-align: right;
  font-family: 'Rubik', sans-serif;
  color: inherit;
  line-height: 28px;
}
.select2-container--default.select2-container--focus .nicescroll-rails.nicescroll-rails-vr,
.select2-container--default .nicescroll-rails.nicescroll-rails-vr {
  opacity: 1 !important;
}
.select2-container--default.select2-container--focus .nicescroll-rails.nicescroll-rails-vr .nicescroll-cursors,
.select2-container--default .nicescroll-rails.nicescroll-rails-vr .nicescroll-cursors {
  background: #4bc87d !important;
  border: 0 !important;
  width: 2px !important;
  margin-right: 8px;
}
.select2-container--default.select2-container--focus .nicescroll-rails-hr,
.select2-container--default .nicescroll-rails-hr {
  display: none;
}
.select2-container--default.select2-container--focus .nicescroll-rails-hr .nicescroll-cursors,
.select2-container--default .nicescroll-rails-hr .nicescroll-cursors {
  display: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  width: 100%;
  height: 100%;
  background: none;
  border: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple input,
.select2-container--default .select2-selection--multiple input {
  color: #4e5664;
}
.select2-container--default.select2-container--focus .select2-selection--multiple .select2-search.select2-search--inline,
.select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  width: 100%;
}
.select2-container--default.select2-container--focus .select2-selection:after,
.select2-container--default .select2-selection:after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #4e5664;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -2px;
}
.select2-container--default.select2-container--focus .select2-selection.no-results:after,
.select2-container--default .select2-selection.no-results:after {
  content: '';
  display: none;
}
.select2-container--default.select2-container--focus.select2-container--open .select2-selection:after,
.select2-container--default.select2-container--open .select2-selection:after {
  border-top: 0;
  border-bottom: 4px solid #7d91a1;
}
.autocomplete-dropdown {
  direction: rtl;
  text-align: right;
  font-size: 14px;
}
.autocomplete-dropdown .select2-search.select2-search--inline:after {
  content: "";
  bottom: 1px;
  left: 10%;
  width: 80%;
  height: 1px;
  position: absolute;
  background-color: #a4b2bd;
  visibility: hidden;
}
.autocomplete-dropdown .select2-search.select2-search--inline input {
  height: 36px !important;
  margin: 0 3px !important;
  border-radius: 50px !important;
  background-color: #ffffff !important;
  border: 1px solid #a4b2bd !important;
  text-transform: uppercase !important;
  padding: 0 12px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px !important;
}
.autocomplete-dropdown .select2-search__field {
  height: 36px !important;
}
.autocomplete-dropdown .select2-container--default.select2-container--focus,
.autocomplete-dropdown .select2-container--default {
  width: unset !important;
}
.autocomplete-dropdown .select2-container--default.select2-container--focus .selection,
.autocomplete-dropdown .select2-container--default .selection {
  padding: unset;
}
.autocomplete-dropdown .select2-container--default.select2-container--focus.select2-container--open .select2-search.select2-search--inline:after,
.autocomplete-dropdown .select2-container--default.select2-container--open .select2-search.select2-search--inline:after {
  visibility: visible;
  z-index: 1500;
  bottom: 4px;
}
.autocomplete-dropdown .select2-container--default.select2-container--focus.select2-container--open .select2-search.select2-search--inline input,
.autocomplete-dropdown .select2-container--default.select2-container--open .select2-search.select2-search--inline input {
  opacity: 1;
  border: none !important;
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background-color: #ffffff !important;
  z-index: 1000;
}
.autocomplete-dropdown .select2-container--default.select2-container--focus.select2-container--open .select2-results,
.autocomplete-dropdown .select2-container--default.select2-container--open .select2-results {
  top: -4px;
  width: 100%;
  z-index: 11;
  border: none;
  min-width: 0;
  cursor: pointer;
  position: absolute;
  background-color: white;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  max-height: 200px;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
}
.autocomplete-dropdown .select2-container--default.select2-container--focus.select2-container--open .select2-results .select2-results__options,
.autocomplete-dropdown .select2-container--default.select2-container--open .select2-results .select2-results__options {
  margin: 10px 0 15px;
  max-height: 172px;
  width: 100%;
  z-index: 50;
  box-shadow: unset;
}
.autocomplete-dropdown .select2-dropdown {
  width: 180px !important;
  left: 8px;
}
.edit-field-form {
  display: inline-block;
  position: relative;
}
.edit-field-form .inputChangeCardName {
  position: relative;
  width: 87%;
}
.edit-field-form .inputChangeCardName.with-error {
  margin-bottom: 10px;
}
.edit-field-form .edit-input {
  width: 100%;
  height: 36px;
  border-radius: 50px;
  padding-right: 15px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.edit-field-form .circleChangeName {
  position: absolute;
  cursor: pointer;
  width: 36px;
  height: 36px;
  left: 0;
  top: 0;
  z-index: 1;
}
.edit-field-form .circleChangeName:before {
  content: "";
  position: absolute;
  background-image: url(media/images/iconCheck.0662de3c0d07bb214557..png);
  width: 14px;
  height: 11px;
  left: 10px;
  top: 12px;
  z-index: 99999;
}
.edit-field-form .circleChangeName:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(18, 187, 146, 0.45);
  width: 36px;
  height: 36px;
  top: 0;
  left: 0;
  z-index: 1111;
}
.edit-field-form .circleChangeName:disabled:after {
  opacity: 0.0502;
}
.edit-field-form .cancelChangeName {
  top: 50%;
  right: 90%;
  font-size: 16px;
  color: #4bc87d;
  margin-right: 10px;
  position: absolute;
  transform: translate(-50%, -50%);
}
.edit-field-form button {
  appearance: none;
  border: 0px;
}
.edit-field-form .error-wrapper {
  font-size: 12px;
  color: #fb5f5f;
  position: absolute;
  bottom: -5px;
  line-height: 1;
  width: 170%;
}
.edit-field-out-form.error-wrapper {
  font-size: 12px;
  color: #fb5f5f;
  line-height: 1;
  width: 170%;
}
.nicescroll-rails.nicescroll-rails-vr {
  opacity: 1 !important;
}
.nicescroll-rails.nicescroll-rails-vr .nicescroll-cursors {
  background: #4bc87d !important;
  border: 0 !important;
  width: 2px !important;
}
.nicescroll-rails.nicescroll-rails-hr {
  opacity: 1 !important;
}
.nicescroll-rails.nicescroll-rails-hr .nicescroll-cursors {
  background: #4bc87d !important;
  top: 4px !important;
  height: 4px !important;
}
.number-font {
  direction: ltr;
}
.number-font .currency_symbol {
  font-family: 'Rubik', sans-serif;
}
.inline-block {
  display: inline-block;
}
.direction-ltr {
  direction: ltr;
}
.db-bullet-icon {
  display: inline-block;
  position: relative;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  vertical-align: middle;
  margin-left: 5px;
}
.db-bullet-text {
  display: inline-block;
  position: relative;
  width: calc(100% - 20px);
}
.db-green-bg {
  background-color: #4bc87d;
}
.cs-spa-retail-content .rate-view .details.secondRateValue.has-bracket {
  display: inline-block;
  direction: rtl;
  margin-left: 4px;
}
.cs-spa-retail-content .rate-view .details.secondRateValue.has-bracket + .details.title-number-tooltipster {
  display: inline-block;
}
.cs-spa-retail-content .rate-view.rate-type-class.has-second-value {
  direction: ltr;
}
.cs-spa-retail-content .number .currency_symbol,
.cs-spa-retail-content .number .percent {
  font-family: 'Rubik', sans-serif;
  font-size: calc(1em - 2px);
}
.cs-spa-retail-content .number .percent {
  margin-left: 2px;
}
.cs-spa-retail-content .number .currency_symbol {
  margin-right: 5px;
}
.cs-spa-retail-content .visibility-hidden {
  visibility: hidden;
}
.cs-spa-retail-content .no-bootstrap-padding {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.cs-spa-retail-content .text-box-title-color {
  color: #677b8a;
}
.cs-spa-retail-content .text-box-value-color {
  color: #333a46;
}
.cs-spa-retail-content .only-mob {
  display: none;
}
.cs-spa-retail-content .only-desk {
  display: inline-block;
}
.cs-spa-retail-content .text-box-title {
  color: #677b8a;
}
.cs-spa-retail-content .text-underline {
  text-decoration: underline;
}
.cs-spa-retail-content .text-box-value {
  color: #333a46;
}
.cs-spa-retail-content .new-style-con .number {
  font-family: "Josefin Sans", sans-serif;
}
.cs-spa-retail-content .new-style-con .number .currency_symbol {
  font-family: 'Rubik', sans-serif;
}
.cs-spa-retail-content .number-font {
  direction: ltr;
}
.cs-spa-retail-content .number-font .currency_symbol {
  font-family: 'Rubik', sans-serif;
}
.cs-spa-retail-content .rubik-font {
  font-family: 'Rubik', sans-serif;
}
.cs-spa-retail-content .fast-actions-title {
  color: #4a4a4a;
  font-size: 18px;
  text-align: right;
  width: 100%;
  height: 45px;
  margin-bottom: 10px;
  padding-right: 15px;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
  font-weight: normal;
  padding-top: 11px;
  margin-top: 0;
}
.cs-spa-retail-content .fast-action-content {
  width: 100%;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  margin-bottom: 10px;
  padding-top: 0 !important;
}
.cs-spa-retail-content .btnHelp.small-help {
  width: 15px;
  height: 15px;
  background-size: 14px;
  position: relative;
  top: -1px;
  z-index: 0;
}
.cs-spa-retail-content .btnHelp.small-help.no-cursor {
  cursor: default;
}
.cs-spa-retail-content .btnHelp.small-help.no-cursor:hover {
  background-color: #a5c7db;
}
.cs-spa-retail-content .btnHelp.small-help.red-info-icon {
  background: url(media/svgs/iconError.22c05b4235f361acadf5..svg) no-repeat center;
}
.cs-spa-retail-content .btnHelp.small-help.purple-info-icon {
  background: url(media/svgs/info-icon-purple.b8f69603d8f19a3cf551..svg) no-repeat center;
}
.cs-spa-retail-content .page-white-message {
  padding: 20px;
  padding-bottom: 40px;
  cursor: default;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  background-color: #ffffff;
}
.cs-spa-retail-content .page-white-message .errorContent {
  margin-bottom: 70px;
}
.cs-spa-retail-content .page-white-message .errorContent h3 {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
  margin-bottom: 10px;
}
.cs-spa-retail-content .page-white-message .errorContent p {
  font-size: 16px;
  color: #737D8A;
}
.cs-spa-retail-content .page-white-message .general-btn {
  min-width: 140px;
  display: block;
  margin: 40px auto 10px;
}
.cs-spa-retail-content .page-white-message a {
  color: #4bc87d;
  text-decoration: underline;
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
  display: inline-block;
}
.cs-spa-retail-content .form-style-wrapper .form-field {
  border: 0;
  width: 100%;
  max-width: 325px;
  border: none;
  height: 40px;
  padding: 0 12px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #ebf2f8;
  display: block;
  position: relative;
  text-align: right;
  font-family: 'Rubik', sans-serif;
  color: inherit;
  line-height: 28px;
}
.cs-spa-retail-content .form-style-wrapper .form-label {
  font-size: 14px;
  color: #677b8a;
}
.cs-spa-retail-content .form-style-wrapper .error-msg {
  color: #fb5f5f;
  font-size: 13px;
}
.cs-spa-retail-content .btn-green-link {
  -webkit-appearance: none;
  border: 0;
  color: #4bc87d;
  text-decoration: underline;
  font-size: 14px;
  line-height: 17px;
}
.cs-spa-retail-content .btn-green-link.block-link {
  display: block;
}
.cs-spa-retail-content .btn-green-link:hover,
.cs-spa-retail-content .btn-green-link:focus,
.cs-spa-retail-content .btn-green-link:visited {
  color: #4bc87d;
  text-decoration: underline;
}
.cs-spa-retail-content .btn-hover-green-link {
  -webkit-appearance: none;
  border: 0;
}
.cs-spa-retail-content .btn-hover-green-link:hover,
.cs-spa-retail-content .btn-hover-green-link:focus {
  color: #4bc87d;
}
.cs-spa-retail-content .btn-blue-bordered-link {
  color: #5b77f5;
  text-align: right;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-weight: normal;
  border: 1px solid #c6ddeb;
  padding: 0 10px 10px;
  margin-bottom: 9px;
  font-size: 14px;
  border-radius: 10px;
}
.cs-spa-retail-content .btn-blue-bordered-link:last-child {
  margin-bottom: 0px;
}
.cs-spa-retail-content .btn-blue-bordered-link .btn-blue-bordered-title {
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-spa-retail-content .btn-blue-bordered-link .icon {
  position: absolute;
  background-repeat: no-repeat;
}
.cs-spa-retail-content .btn-blue-bordered-link .icon.payment-date-icon {
  width: 30px;
  height: 23px;
  background-image: url(media/svgs/payment_date.04fdfb84db0f7e7db700..svg);
}
.cs-spa-retail-content .btn-blue-bordered-link .icon.card-info-icon {
  width: 28px;
  height: 23px;
  background-image: url(media/svgs/card_info.7be1ed0e92c05ac000dc..svg);
}
.cs-spa-retail-content .btn-blue-bordered-link .icon.new-card-icon {
  width: 30px;
  height: 19px;
  background-image: url(media/svgs/new_card.854952c259cc0af06edb..svg);
}
.cs-spa-retail-content .btn-blue-bordered-link .icon.credit-card-code-icon {
  width: 27px;
  height: 26px;
  background-image: url(media/svgs/credit_card_code.20c00ef316dfd43bae04..svg);
}
.cs-spa-retail-content .btn-blue-bordered-link .icon.credit-card-cancelation-icon {
  width: 33px;
  height: 33px;
  background-image: url(media/svgs/credit_card_cancelation.e10cf34f71b41a2063ca..svg);
}
.cs-spa-retail-content .btn-blue-bordered-link .icon.loading-a-card-icon {
  width: 30px;
  height: 24px;
  background-image: url(media/svgs/loading_a_card.35e9899b302c03ca4ae2..svg);
}
.cs-spa-retail-content .error-msg-with-icon,
.cs-spa-retail-content .notice-msg-with-icon {
  padding-right: 15px;
  padding-bottom: 10px;
}
.cs-spa-retail-content .error-msg-with-icon > span,
.cs-spa-retail-content .notice-msg-with-icon > span {
  display: inline-block;
  width: 90%;
}
.cs-spa-retail-content .error-msg-with-icon .fa,
.cs-spa-retail-content .notice-msg-with-icon .fa {
  color: #fb5f5f;
}
.cs-spa-retail-content .error-msg-with-icon {
  color: #fb5f5f;
}
.cs-spa-retail-content .icon-button-style {
  -webkit-appearance: none;
  border: 0;
  width: 16px;
  height: 16px;
}
.cs-spa-retail-content .icon-button-style {
  -webkit-appearance: none;
  border: 0;
  width: 16px;
  height: 16px;
}
.cs-spa-retail-content .fa-exclamation-circle.red-circle {
  color: #fb5f5f;
}
.cs-spa-retail-content .popup-style .btn-green {
  height: 38px;
  width: 140px;
  border-radius: 19px;
  background-color: #4bc87d;
  box-shadow: 0 9px 25px 0 rgba(18, 187, 146, 0.45);
  color: #ffffff;
  font-size: 14px;
  text-align: center;
}
.cs-spa-retail-content .popup-style .btn-white {
  height: 38px;
  width: 140px;
  border-radius: 19px;
  box-shadow: 0 9px 25px 0 rgba(75, 200, 125, 0.45);
  color: #4bc87d;
  font-size: 14px;
  text-align: center;
}
.cs-spa-retail-content .original-radio {
  position: absolute;
  right: -10000px;
}
.cs-spa-retail-content .styled-radio {
  border-radius: 50%;
  background: #e7f1f9;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  top: 8px;
}
.cs-spa-retail-content .styled-radio + .radio-text-wrapper {
  display: inline-block;
}
.cs-spa-retail-content .original-radio:checked + .styled-radio:after {
  content: ' ';
  position: absolute;
  width: 15px;
  height: 15px;
  background: #4bc87d;
  display: block;
  top: 5px;
  right: 5px;
  border-radius: 50%;
}
.cs-spa-retail-content .side-lobby .fast-actions-title {
  color: #4a4a4a;
  font-size: 18px;
  text-align: right;
  width: 100%;
  height: 45px;
  margin-bottom: 10px;
  padding-top: 13px;
  padding-right: 15px;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
}
.cs-spa-retail-content .side-lobby .fast-action-content {
  width: 100%;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  margin-bottom: 10px;
  padding-top: 0 !important;
}
.cs-spa-retail-content .side-lobby .drive-to-action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding: 10px 15px 18px;
}
.cs-spa-retail-content .side-lobby .drive-to-action.common-page-actions-wrapper {
  padding: 0px 0px 18px;
}
.cs-spa-retail-content .side-lobby .drive-to-action .title {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
}
.cs-spa-retail-content .side-lobby .drive-to-action .description {
  font-size: 14px;
  color: #677b8a;
  line-height: 16px;
  text-align: center;
  margin-top: 14px;
}
.cs-spa-retail-content .side-lobby .drive-to-action input {
  height: 36px;
  width: 154px;
  border-radius: 100px;
  border: 1px solid #a4b2bd;
  margin-top: 27px;
  direction: ltr;
  font-family: "Josefin Sans";
  font-size: 16px;
  color: #000000;
  background-color: transparent;
  text-align: center;
}
.cs-spa-retail-content .side-lobby .drive-to-action input:focus ~ .error-msg {
  display: none;
}
.cs-spa-retail-content .side-lobby .drive-to-action form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.cs-spa-retail-content .side-lobby .drive-to-action .error-msg {
  margin-top: 10px;
  text-align: center;
  max-width: 100%;
}
.cs-spa-retail-content .side-lobby .drive-to-action .action-btn-section {
  margin-top: 23px;
}
.cs-spa-retail-content .side-lobby .drive-to-action .action-btn-section button {
  font-weight: normal;
  width: 154px;
}
.cs-spa-retail-content .generalTable .uib-datepicker-popup th,
.cs-spa-retail-content .generalTable .uib-datepicker-popup td {
  padding: 0;
}
.cs-spa-retail-content .generalTable .uib-datepicker-popup tr {
  height: auto;
}
.cs-spa-retail-content .messages-wrapper li.message-item-wrapper {
  background-color: #839BF9;
  margin-bottom: 5px;
  color: white;
  padding: 11px 8px 11px;
}
.cs-spa-retail-content .messages-wrapper li.message-item-wrapper .row-wrapper {
  display: flex;
}
.cs-spa-retail-content .messages-wrapper li.message-item-wrapper .row-wrapper .close-btn {
  cursor: pointer;
}
.cs-spa-retail-content .green-bottom-like-tooltip {
  /** Must have a relative wrapper div **/
  position: relative;
  border-bottom: 1px solid #4bc87d;
  box-shadow: 0 0 18px 0 rgba(67, 96, 155, 0.15);
}
.cs-spa-retail-content .green-bottom-like-tooltip:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 8px solid #ffffff;
  border-top: 10px solid transparent;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  right: 15px;
  bottom: 100%;
}
.warning .warning-circle {
  display: inline-flex;
  align-content: center;
  justify-content: center;
  background-color: #fb5f5f;
  border-radius: 50px;
  height: 14px;
  width: 14px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  font-family: 'Josefin Sans', sans-serif;
}
.warning button.warning-circle {
  position: relative;
}
.warning button.warning-circle:after {
  content: " ";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
}
.warning span {
  margin-right: 2px;
}
@media (min-width: 1024px) {
  body {
    overflow-x: hidden;
  }
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .only-mob {
    display: inline-block;
  }
  .cs-spa-retail-content .only-desk {
    display: none;
  }
  .cs-spa-retail-content .side-lobby .drive-to-action {
    padding: 0;
  }
  .cs-spa-retail-content .generalFooter {
    margin-left: 15px;
    padding: 0 15px;
  }
  .cs-spa-retail-content .generalFooter .footerMessageComponent {
    font-size: 12px;
    line-height: 13px;
  }
  .cs-spa-retail-content .generalFooter .footerMessageComponent .footer-legal-area h4,
  .cs-spa-retail-content .generalFooter .footerMessageComponent .footer-legal-area .bold-line-footer {
    font-size: 12px;
    line-height: 14px;
  }
  .frn-summary-content .descriptionTooltip.moreInfoMobile.only-desk,
  .frn-main .descriptionTooltip.moreInfoMobile.only-desk {
    display: none !important;
  }
  .frn-summary-content .descriptionTooltip.moreInfoMobile.only-mob,
  .frn-main .descriptionTooltip.moreInfoMobile.only-mob {
    display: block !important;
  }
  .frn-summary-content .descriptionTooltip.moreInfoMobile.only-mob.full-value,
  .frn-main .descriptionTooltip.moreInfoMobile.only-mob.full-value {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: inherit !important;
  }
  .frn-summary-content .descriptionTooltip.moreInfoMobile + .tooltip,
  .frn-main .descriptionTooltip.moreInfoMobile + .tooltip,
  .frn-summary-content .btnHelp.tooltipMoreInfo.moreInfoMobile + .tooltip,
  .frn-main .btnHelp.tooltipMoreInfo.moreInfoMobile + .tooltip {
    width: 100%;
    position: absolute;
    left: auto !important;
    right: 0 !important;
  }
  .frn-summary-content .descriptionTooltip.moreInfoMobile + .tooltip .tooltip-arrow,
  .frn-main .descriptionTooltip.moreInfoMobile + .tooltip .tooltip-arrow,
  .frn-summary-content .btnHelp.tooltipMoreInfo.moreInfoMobile + .tooltip .tooltip-arrow,
  .frn-main .btnHelp.tooltipMoreInfo.moreInfoMobile + .tooltip .tooltip-arrow {
    display: none !important;
  }
  .frn-summary-content .descriptionTooltip.moreInfoMobile + .tooltip .tooltip-inner,
  .frn-main .descriptionTooltip.moreInfoMobile + .tooltip .tooltip-inner,
  .frn-summary-content .btnHelp.tooltipMoreInfo.moreInfoMobile + .tooltip .tooltip-inner,
  .frn-main .btnHelp.tooltipMoreInfo.moreInfoMobile + .tooltip .tooltip-inner {
    top: 5px !important;
    border-right: 0 !important;
    border-top: 3px solid #a5c7db;
    width: 100% !important;
  }
  .frn-summary-content .descriptionTooltip.moreInfoMobile + .tooltip .tooltip-inner,
  .frn-main .descriptionTooltip.moreInfoMobile + .tooltip .tooltip-inner {
    border-top: none;
  }
  .frn-summary-content .descriptionTooltip.moreInfoMobile.only-mob.iban-tooltip + .tooltip .tooltip-inner,
  .frn-main .descriptionTooltip.moreInfoMobile.only-mob.iban-tooltip + .tooltip .tooltip-inner {
    word-break: break-all;
  }
}
@media (min-width: 993px) {
  .btnHelp.tooltipMoreInfo.moreInfoMobile.only-mob {
    display: none !important;
  }
  .descriptionTooltip.moreInfoMobile.only-mob {
    display: none !important;
  }
  .btnHelp.tooltipMoreInfo.only-desk + .tooltip.left .tooltip-arrow {
    right: 0px;
  }
}
@media (max-width: 992px) {
  .btnHelp.tooltipMoreInfo.only-desk {
    display: none !important;
  }
  .descriptionTooltip.moreInfoMobile.only-desk {
    display: none !important;
  }
  .descriptionTooltip.moreInfoMobile + .tooltip,
  .btnHelp.tooltipMoreInfo.moreInfoMobile + .tooltip {
    width: 100%;
    position: absolute;
    left: auto !important;
    right: 0 !important;
  }
  .descriptionTooltip.moreInfoMobile + .tooltip .tooltip-arrow,
  .btnHelp.tooltipMoreInfo.moreInfoMobile + .tooltip .tooltip-arrow {
    display: none !important;
  }
  .descriptionTooltip.moreInfoMobile + .tooltip .tooltip-inner,
  .btnHelp.tooltipMoreInfo.moreInfoMobile + .tooltip .tooltip-inner {
    top: 5px !important;
    border-right: 0 !important;
    border-top: 3px solid #a5c7db;
    width: 100% !important;
  }
  .descriptionTooltip.moreInfoMobile + .tooltip .tooltip-inner {
    border-top: none;
  }
  .sidebar-amount .details {
    position: static !important;
  }
  .sidebar-amount {
    position: static !important;
  }
}
@media (min-width: 1200px) {
  .cs-spa-retail-content .no-padding-on-lg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .cs-spa-retail-content .row.row-only-on-small {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .cs-spa-retail-content .side-lobby .drive-to-action {
    width: 100%;
  }
  .cs-spa-retail-content .side-lobby-wrapper {
    background-color: #ffffff;
    box-shadow: 8px 0 25px 0 rgba(81, 144, 182, 0.2);
  }
}
@media (max-width: 1200px) and (min-width: 1023px) {
  .medium-screen-width-100 {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .cs-spa-retail-content .no-padding-medium-low {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 768px) {
  .cs-spa-retail-content .no-padding-tablet-low {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .cs-spa-retail-content .no-margin-on-tablet-low {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .cs-spa-retail-content .general-btn {
    font-size: 14px;
    line-height: 36px;
    height: 36px;
  }
}
.cs-spa-retail-content.popup-dialog-error.cs-spa-retail-content {
  position: absolute;
}
.cs-spa-retail-content.popup-dialog-error.open-bank-backdrop-disabled {
  pointer-events: none;
  z-index: 1070!important;
}
.cs-spa-retail-content.popup-dialog-error .modal-dialog {
  margin-top: 90px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  width: 600px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content {
  pointer-events: auto;
  width: 627px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError .iconCloseError {
  background-color: transparent;
  top: -27px;
  right: -31px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError .popup-body {
  padding-top: 10px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError .alertModalMessage {
  margin: 0;
  padding: 23px;
  padding-bottom: 45px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError .alertModalMessage .title {
  padding-bottom: 0;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError .btnContent {
  margin-top: 20px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError.mobility-general-error .alertModalMessage {
  padding-top: 50px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError.mobility-general-error .refresh-icon {
  margin-bottom: 15px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError.mobility-general-error .title {
  font-size: 20px;
  line-height: 24px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError.mobility-general-error .popup-body {
  padding-top: 5px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError.mobility-general-error .error-lines {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 40px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError.mobility-general-error .btn.btnContinue {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 20px;
  width: 200px;
}
.cs-spa-retail-content.popup-dialog-error .modal-content .containerError.mobility-general-error .cancel-btn-link {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .cs-spa-retail-content.popup-dialog-error .modal-content {
    width: 300px;
  }
  .cs-spa-retail-content.popup-dialog-error .modal-content .containerError .iconCloseError {
    top: -31px;
    right: -8px;
  }
  .cs-spa-retail-content.popup-dialog-error .modal-dialog {
    width: 300px;
  }
}
.switch-group {
  position: relative;
  cursor: pointer;
  height: 36px;
  width: 100%;
  background-color: #edf5f7;
  border-radius: 50px;
}
.switch-group .generalDropdown {
  width: 100%;
}
.switch-group .back-text-right {
  top: 9px;
  position: absolute;
  right: 51px;
}
.switch-group.disabled-toggle {
  cursor: not-allowed;
}
.switch-group.disabled-toggle .btn {
  pointer-events: none;
  cursor: not-allowed;
}
.switch-group .back-text-left {
  top: 9px;
  position: absolute;
  left: 51px;
}
.switch-group label {
  padding-top: 8px;
  color: #ffffff;
  transition: 0.4s;
  background-color: #4bc87d;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  border-radius: 50px;
  width: 50%;
}
.switch-group label.btn:focus {
  color: #ffffff;
}
.switch-group label.btn:hover {
  color: #ffffff;
}
.switch-group label.setToLeft {
  transform: translateX(-100%);
}
@media (max-width: 769px) {
  .switch-group {
    font-size: 12px;
  }
  .switch-group label {
    height: 36px;
    font-size: 12px;
  }
  .switch-group .back-text-right {
    right: 35px;
  }
  .switch-group .back-text-left {
    left: 35px;
  }
}
@media (max-width: 1024px) {
  .switch-group {
    font-size: 12px;
  }
  .switch-group label {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.edit-name {
  display: inline-block;
  position: relative;
}
.edit-name .form-control-wrapper {
  position: relative;
}
.edit-name .error-show-name {
  position: absolute;
  font-size: 12px;
  margin-right: 10px;
  color: #fb5f5f;
}
.edit-name #edit-name-field {
  width: calc(100% - 50px);
  height: 36px;
  padding-right: 15px;
  padding-left: 36px;
  border-radius: 50px;
  background-color: white;
  border: 1px solid #a4b2bd;
}
.edit-name .circleChangeName {
  position: absolute;
  cursor: pointer !important;
  width: 36px;
  height: 36px;
  right: inherit;
  left: 45px;
  top: 0;
  z-index: 1;
}
.edit-name .circleChangeName:before {
  content: "";
  position: absolute;
  background-image: url(media/images/iconCheck.0662de3c0d07bb214557..png);
  width: 14px;
  height: 11px;
  top: 12px;
  right: 10px;
  z-index: 99999;
}
.edit-name .circleChangeName:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #4bc87d;
  width: 36px;
  height: 36px;
  top: 0;
  left: 0;
  z-index: 1111;
}
.edit-name .cancelChageName {
  top: 50%;
  right: inherit;
  left: 7px;
  font-size: 14px;
  color: #4bc87d;
  margin-right: 5px;
  position: absolute;
  transform: translate(0%, -50%);
}
html[lang="en"] .edit-name #edit-name-field {
  width: calc(100% - 60px);
}
html[lang="en"] .edit-name .cancelChageName {
  left: 8px;
}
html[lang="en"] .edit-name .circleChangeName {
  left: 60px;
}
@media (max-width: 768px) {
  .edit-name .cancelChageName {
    left: inherit;
  }
  .edit-name .circleChangeName {
    right: calc(100% - 86px);
  }
}
.rc-global-error {
  height: 385px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: none;
  padding-top: 45px;
}
.rc-global-error img {
  margin-top: 50px;
  margin-bottom: 25px;
  margin-right: 20px;
}
.rc-global-error .rc-global-error-header {
  display: none;
}
.rc-global-error .rc-global-error-text {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 20px;
}
.rc-global-error .rc-global-error-button {
  display: none;
  padding-bottom: 30px;
}
.rc-global-error-popup .modal-dialog {
  max-width: 580px;
}
.rc-global-error-popup .rc-global-error {
  height: inherit;
  margin-bottom: 0;
  padding: 20px 0;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
  max-width: 525px;
}
.rc-global-error-popup .rc-global-error img {
  display: none;
}
.rc-global-error-popup .rc-global-error .rc-global-error-header {
  padding: 0 20px 0 40px;
  margin-bottom: 0;
  font-size: 24px;
  font-family: Rubik;
  color: #4bc87d;
  display: block;
}
.rc-global-error-popup .rc-global-error .rc-global-error-text {
  padding: 10px 40px;
  margin-bottom: 0;
}
.rc-global-error-popup .rc-global-error .rc-global-error-button {
  display: block;
  padding-bottom: 5px;
  padding-top: 15px;
}
.rc-global-error-popup .rc-global-error .rc-global-error-button .btnContinue {
  width: 72px;
}
.rc-global-error.popup {
  height: auto;
  margin-bottom: 0;
  padding: 0;
}
.rc-global-error.popup img {
  display: none;
}
.cs-spa-retail-content .tabs {
  margin-top: 8px;
  margin-bottom: 18px;
}
.cs-spa-retail-content .tabs ul {
  display: flex;
  justify-content: space-around;
}
.cs-spa-retail-content .tabs ul li {
  font-size: 14px;
  color: #333a46;
  line-height: 21px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.cs-spa-retail-content .tabs ul li.active span {
  font-weight: 500;
  padding-bottom: 5px;
  border-bottom: 2px solid #4bc87d;
}
.cs-spa-retail-content .tabs.default-padding ul {
  display: inline-block;
}
.cs-spa-retail-content .tabs.default-padding ul li {
  padding: 0 20px;
}
.cs-spa-retail-content .tabs.default-padding ul li:first-child {
  padding-right: 0;
}
.cs-spa-retail-content .tabs.default-padding ul li:last-child {
  padding-left: 0;
}
.cs-spa-retail-content .percentage-bar {
  height: 3px;
  background-color: rgba(154, 179, 194, 0.25);
}
.cs-spa-retail-content .percentage-bar .current-amount-bar {
  height: 3px;
  background-color: #4ac77c;
}
.cs-spa-retail-content .percentage-circle-container .circle-wrapper {
  position: relative;
  font-size: 75px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 8px;
  background-color: #d0d0d0;
}
.cs-spa-retail-content .percentage-circle-container .circle-wrapper .circle-text {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  line-height: 75px;
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  color: #000000;
  display: block;
  text-align: center;
  white-space: nowrap;
}
.cs-spa-retail-content .percentage-circle-container .circle-wrapper .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.cs-spa-retail-content .percentage-circle-container .circle-wrapper .slice.slice-big {
  clip: rect(auto, auto, auto, auto);
}
.cs-spa-retail-content .percentage-circle-container .circle-wrapper .slice.slice-big .fill {
  position: absolute;
  border: 0.08em solid #526AB0;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}
.cs-spa-retail-content .percentage-circle-container .circle-wrapper .slice.slice-big .bar:after,
.cs-spa-retail-content .percentage-circle-container .circle-wrapper .slice.slice-big .fill {
  transform: rotate(180deg);
}
.cs-spa-retail-content .percentage-circle-container .circle-wrapper .slice .bar {
  position: absolute;
  border: 0.08em solid #526AB0;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
  transition: 1s transform;
}
.cs-spa-retail-content .percentage-circle-container .circle-wrapper:after {
  position: absolute;
  top: 0.04em;
  left: 0.04em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #ffffff;
  width: 0.92em;
  height: 0.92em;
}
.cs-spa-retail-content .percentage-circle-container .circle-wrapper *,
.cs-spa-retail-content .percentage-circle-container .circle-wrapper *:before,
.cs-spa-retail-content .percentage-circle-container .circle-wrapper *:after {
  box-sizing: content-box;
}
.cs-spa-retail-content .plain-text {
  font-size: 16px;
  font-family: 'Josefin Sans', sans-serif;
}
.cs-spa-retail-content .general-slider {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  cursor: default;
}
.cs-spa-retail-content .general-slider.different-cards-widths .general-slider-content .general-slider-content-moving-wrapper {
  margin: 0 11px;
  width: 97%;
}
.cs-spa-retail-content .general-slider.different-cards-widths .slider-btn-prev .general-slider-arrow,
.cs-spa-retail-content .general-slider.different-cards-widths .slider-btn-next .general-slider-arrow {
  width: 20px;
  height: 20px;
}
.cs-spa-retail-content .general-slider.different-cards-widths.one-card-view {
  align-items: flex-start;
}
.cs-spa-retail-content .general-slider.different-cards-widths.one-card-view .general-slider-content .general-slider-content-moving-wrapper {
  width: 100%;
}
.cs-spa-retail-content .general-slider.different-cards-widths.not-arrows-mode {
  padding-right: 0;
}
.cs-spa-retail-content .general-slider.different-cards-widths.not-arrows-mode .general-slider-content-wrapper {
  width: 100%;
}
.cs-spa-retail-content .general-slider.different-cards-widths.not-arrows-mode .general-slider-content-wrapper .general-slider-content-moving-wrapper {
  margin-right: 0;
  width: 100%;
}
.cs-spa-retail-content .general-slider .general-slider-content-wrapper {
  opacity: 0;
}
.cs-spa-retail-content .general-slider .general-slider-content-wrapper.visible {
  opacity: 1;
}
.cs-spa-retail-content .general-slider .slider-btn-prev,
.cs-spa-retail-content .general-slider .slider-btn-next {
  position: absolute;
  top: 35%;
}
.cs-spa-retail-content .general-slider .slider-btn-prev .general-slider-arrow,
.cs-spa-retail-content .general-slider .slider-btn-next .general-slider-arrow {
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.cs-spa-retail-content .general-slider .slider-btn-prev .general-slider-arrow.next,
.cs-spa-retail-content .general-slider .slider-btn-next .general-slider-arrow.next {
  background-image: url(media/svgs/left-arrow.1ef426909f861c06a1f4..svg);
}
.cs-spa-retail-content .general-slider .slider-btn-prev .general-slider-arrow.next.black,
.cs-spa-retail-content .general-slider .slider-btn-next .general-slider-arrow.next.black {
  background-image: url(media/svgs/left-arrow-black.765a741737e8ae99a6cd..svg);
}
.cs-spa-retail-content .general-slider .slider-btn-prev .general-slider-arrow.prev,
.cs-spa-retail-content .general-slider .slider-btn-next .general-slider-arrow.prev {
  background-image: url(media/svgs/right-arrow.b99d549a4a31c83cc5fe..svg);
}
.cs-spa-retail-content .general-slider .slider-btn-prev .general-slider-arrow.prev.black,
.cs-spa-retail-content .general-slider .slider-btn-next .general-slider-arrow.prev.black {
  background-image: url(media/svgs/right-arrow-black.3e381e76de1a78a939db..svg);
}
.cs-spa-retail-content .general-slider .slider-btn-prev {
  right: -15px;
}
.cs-spa-retail-content .general-slider .slider-btn-next {
  left: -15px;
}
.cs-spa-retail-content .general-slider .general-slider-content {
  position: relative;
}
.cs-spa-retail-content .general-slider .general-slider-content .general-slider-content-moving-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .cs-spa-retail-content .general-slider .general-slider-content .general-slider-content-moving-wrapper {
    overflow: auto;
  }
}
.cs-spa-retail-content .general-slider .general-slider-content .general-slider-content-moving-wrapper .general-slider-content-moving {
  display: flex;
  transition: 1s;
  margin-bottom: 23px;
  padding-top: 10px;
}
.cs-spa-retail-content .general-slider .credit-cards-dot {
  background-color: #e0e0e0;
}
.cs-spa-retail-content .general-slider .slider-dots-wrapper .slider-dots-list {
  display: flex;
  text-align: center;
  justify-content: center;
}
.cs-spa-retail-content .general-slider .slider-dots-wrapper .slider-dots-list .slider-dot-wrapper {
  margin: 0;
  list-style: none;
  padding: 15px 10px;
  line-height: 1px;
  height: 5px;
}
.cs-spa-retail-content .general-slider .slider-dots-wrapper .slider-dots-list .slider-dot-wrapper .slider-dot {
  background-color: #e0e0e0;
  display: inline-block;
  border-radius: 100%;
  cursor: pointer;
  width: 5px;
  height: 5px;
}
.cs-spa-retail-content .general-slider .slider-dots-wrapper .slider-dots-list .slider-dot-wrapper .slider-dot.dot-active {
  background-color: #4bc87d;
}
.cs-spa-retail-content .general-slider.en-site .next,
.cs-spa-retail-content .general-slider.en-site .prev {
  transform: rotate(180deg);
}
@media print {
  .general-slider .general-slider-content .general-slider-content-moving-wrapper li {
    display: inline;
  }
}
#savePDF .general-slider .general-slider-content .general-slider-content-moving-wrapper li {
  display: inline;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .general-slider {
    padding: 0;
  }
  .cs-spa-retail-content .general-slider .general-slider-content-wrapper {
    width: 100%;
  }
  .cs-spa-retail-content .general-slider .general-slider-content-wrapper .general-slider-content {
    width: 100%;
    margin: auto;
  }
  .cs-spa-retail-content .general-slider .general-slider-content-wrapper .general-slider-content .general-slider-content-moving-wrapper .general-slider-content-moving .out-of-screen {
    opacity: 0.5;
    pointer-events: none;
  }
  .cs-spa-retail-content .general-slider .slider-dots-wrapper .slider-dots-list .slider-dot-wrapper {
    height: 9px;
  }
  .cs-spa-retail-content .general-slider .slider-dots-wrapper .slider-dots-list .slider-dot-wrapper .slider-dot {
    width: 9px;
    height: 9px;
  }
}
#savePDF .credit-card-slider-wrapper .credit-card-box-wrapper,
#print .credit-card-slider-wrapper .credit-card-box-wrapper {
  width: 100% !important;
}
#savePDF .credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper,
#print .credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper {
  margin-bottom: 30px;
}
.header-export-buttons-section {
  height: 100%;
}
.header-export-buttons-section .header-export-buttons-wrapper {
  position: absolute;
  bottom: -30px;
  left: 15px;
}
.header-export-buttons-section .header-export-buttons-wrapper.quick-action-margin {
  left: 72px;
}
@media (max-width: 1023px) {
  .header-export-buttons-section .header-export-buttons-wrapper.quick-action-margin {
    left: 15px;
  }
}
.header-export-buttons-section .header-export-buttons-wrapper .export-buttons .export-button-wrapper {
  box-shadow: 0px 9px 25px 0px rgba(132, 155, 249, 0.45);
  left: 0;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  display: inline-block;
  background-color: white;
}
.header-export-buttons-section .header-export-buttons-wrapper .export-buttons .export-button-wrapper .export-button {
  background-color: #ffffff;
  width: 44px;
  height: 44px;
  border-radius: 100%;
}
.header-export-buttons-section .header-export-buttons-wrapper .export-buttons .export-button-wrapper .export-button .export-button-img {
  width: 15px;
  height: 15px;
}
.cs-spa-retail-content.modal-tooltip-appendedToBody {
  position: absolute;
}
.cs-spa-retail-content.tooltipTable {
  position: absolute;
  border: none;
}
.cs-spa-retail-content.tooltipTable:hover {
  outline: none;
}
.cs-spa-retail-content.tooltipTable.in {
  opacity: 1;
}
.cs-spa-retail-content.tooltipTable.top .tooltip-arrow {
  border-top-color: #4bc87d;
}
.cs-spa-retail-content.tooltipTable.top .tooltip-inner {
  border-bottom: 3px solid #4bc87d;
}
.cs-spa-retail-content.tooltipTable.bottom .tooltip-arrow {
  border-bottom-color: #4bc87d;
}
.cs-spa-retail-content.tooltipTable.bottom .tooltip-inner {
  border-top: 3px solid #4bc87d;
}
.cs-spa-retail-content.tooltipTable .tooltip-inner {
  top: 0;
  position: relative;
  max-height: 500px;
  overflow: auto;
}
.cs-spa-retail-content.greenTooltip.tooltip .tooltip-inner {
  border: 0;
}
.cs-spa-retail-content label .tooltip {
  max-width: initial;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip {
  position: absolute;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.left .tooltip-arrow,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.left .tooltip-arrow,
.cs-spa-retail-content.tooltipMoreInfo.tooltip.right .tooltip-arrow,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.right .tooltip-arrow {
  top: 50%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.in,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.in {
  opacity: 1;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip .tooltip-inner,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip .tooltip-inner {
  position: relative;
  max-width: initial;
  border-radius: 0;
  width: 300px;
  top: initial;
  font-size: 14px;
  padding: 10px 15px;
  text-align: right;
  font-weight: 300;
  color: #677b8a;
  background-color: white;
  white-space: normal;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  direction: rtl;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content.tooltipMoreInfo.tooltip .tooltip-inner,
  .cs-spa-retail-content .tooltipMoreInfo + .tooltip .tooltip-inner {
    width: 180px;
  }
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip .tooltip-inner.width404,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip .tooltip-inner.width404 {
  width: 404px !important;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip .tooltip-inner .bold,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip .tooltip-inner .bold {
  font-weight: bold;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.left .tooltip-inner,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.left .tooltip-inner {
  right: 0;
  left: 0;
  border-left: 0;
  border-right: 3px solid #a5c7db;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.left .tooltip-arrow,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.left .tooltip-arrow {
  right: 0;
  left: initial;
  border-left: 5px solid #a5c7db;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.right .tooltip-inner,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.right .tooltip-inner {
  left: 0;
  right: 0;
  border-left: 3px solid #a5c7db;
  border-right: 0;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.right .tooltip-arrow,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.right .tooltip-arrow {
  left: 0;
  right: initial;
  border-right: 5px solid #a5c7db;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.bottom .tooltip-arrow,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.bottom .tooltip-arrow {
  top: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #a5c7db;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.bottom .tooltip-inner,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.bottom .tooltip-inner {
  top: initial;
  left: initial;
  right: 0;
  border-right: 0;
  border-top: 3px solid #a5c7db;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.red-info-icon.tooltip .tooltip-arrow,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.red-info-icon.tooltip .tooltip-arrow {
  border-left: 5px solid #fb5f5f;
}
.cs-spa-retail-content.tooltipMoreInfo.tooltip.red-info-icon.tooltip .tooltip-inner,
.cs-spa-retail-content .tooltipMoreInfo + .tooltip.red-info-icon.tooltip .tooltip-inner {
  border-right: 3px solid #fb5f5f;
}
.cs-spa-retail-content.descriptionTooltip.tooltip.number-value-tooltip {
  direction: ltr;
}
.cs-spa-retail-content.descriptionTooltip.tooltip .tooltip-inner {
  border: 0;
  max-width: 350px;
  word-break: break-word;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content.descriptionTooltip.tooltip .tooltip-inner {
    top: -5px !important;
    width: 100% !important;
    border-right: 0;
    border-top: 3px solid #a5c7db;
  }
}
.cs-spa-retail-content .tooltip-inner .currency_symbol {
  padding-left: 5px;
}
.cs-spa-sme-content.general-arrow-tooltip,
.cs-spa-retail-content.general-arrow-tooltip {
  position: absolute;
}
.cs-spa-sme-content.general-arrow-tooltip .tooltip-inner,
.cs-spa-retail-content.general-arrow-tooltip .tooltip-inner {
  max-width: 224px;
  position: static;
  border-radius: 0;
}
.cs-spa-sme-content.general-arrow-tooltip.left .tooltip-arrow,
.cs-spa-retail-content.general-arrow-tooltip.left .tooltip-arrow {
  right: -3px;
  margin-top: 0;
  border-top-width: 8px;
  border-right-width: 0;
  border-bottom-width: 8px;
  border-left-width: 8px;
  transform: translateY(-50%);
  border-left-color: #4bc87d;
}
.cs-spa-sme-content.general-arrow-tooltip.left .tooltip-inner,
.cs-spa-retail-content.general-arrow-tooltip.left .tooltip-inner {
  border-right: 4px solid #4bc87d;
}
.cs-spa-sme-content.general-arrow-tooltip.right .tooltip-arrow,
.cs-spa-retail-content.general-arrow-tooltip.right .tooltip-arrow {
  left: -3px;
  right: auto;
  margin-top: 0;
  border-top-width: 8px;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 0;
  transform: translateY(-50%);
  border-right-color: #4bc87d;
}
.cs-spa-sme-content.general-arrow-tooltip.right .tooltip-inner,
.cs-spa-retail-content.general-arrow-tooltip.right .tooltip-inner {
  border-right: none;
  border-left: 4px solid #4bc87d;
}
.cs-spa-sme-content.general-arrow-tooltip.top .tooltip-arrow,
.cs-spa-retail-content.general-arrow-tooltip.top .tooltip-arrow {
  bottom: -2px;
  border-width: 8px 8px 0;
  transform: translateX(-50%);
  border-top-color: #4bc87d;
}
.cs-spa-sme-content.general-arrow-tooltip.top .tooltip-inner,
.cs-spa-retail-content.general-arrow-tooltip.top .tooltip-inner {
  border-right: none;
  border-bottom: 4px solid #4bc87d;
}
.cs-spa-sme-content.general-arrow-tooltip.bottom .tooltip-arrow,
.cs-spa-retail-content.general-arrow-tooltip.bottom .tooltip-arrow {
  top: -2px;
  border-top-width: 0;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 8px;
  transform: translateX(-50%);
  border-bottom-color: #4bc87d;
}
.cs-spa-sme-content.general-arrow-tooltip.bottom .tooltip-inner,
.cs-spa-retail-content.general-arrow-tooltip.bottom .tooltip-inner {
  border-right: none;
  border-top: 4px solid #4bc87d;
}
.cs-spa-sme-content.general-arrow-tooltip.tooltip,
.cs-spa-retail-content.general-arrow-tooltip.tooltip {
  margin: 0 !important;
}
.cs-spa-sme-content.general-arrow-tooltip.error-tooltip .tooltip-inner,
.cs-spa-retail-content.general-arrow-tooltip.error-tooltip .tooltip-inner {
  border-right-color: #fb5f5f;
}
.cs-spa-sme-content.general-arrow-tooltip.error-tooltip .tooltip-arrow,
.cs-spa-retail-content.general-arrow-tooltip.error-tooltip .tooltip-arrow {
  border-left-color: #fb5f5f;
}
.cs-spa-sme-content.greenTooltip.tooltip,
.cs-spa-retail-content.greenTooltip.tooltip {
  position: absolute;
}
.cs-spa-sme-content.greenTooltip.tooltip.greenTooltip--inverse,
.cs-spa-retail-content.greenTooltip.tooltip.greenTooltip--inverse {
  z-index: 2550;
}
.cs-spa-sme-content.greenTooltip.tooltip .tooltip-inner,
.cs-spa-retail-content.greenTooltip.tooltip .tooltip-inner {
  width: auto;
  max-width: none;
  font-size: 15px;
  line-height: 15px;
  border-right: none;
  text-align: center;
  color: #ffffff;
  padding: 10px 20px;
  position: relative;
  border-radius: 20px;
  background-color: #4bc87d;
  box-shadow: 0px 8px 25px 0 rgba(81, 144, 182, 0.2);
}
.cs-spa-sme-content.descriptionTooltip.tooltip,
.cs-spa-retail-content.descriptionTooltip.tooltip {
  position: absolute;
}
.cs-spa-sme-content.descriptionTooltip.tooltip.top .tooltip-arrow,
.cs-spa-retail-content.descriptionTooltip.tooltip.top .tooltip-arrow {
  left: 75%;
  border-top-color: white;
}
.cs-spa-sme-content.descriptionTooltip.tooltip .tooltip-inner,
.cs-spa-retail-content.descriptionTooltip.tooltip .tooltip-inner {
  width: auto;
  max-width: none;
  font-size: 15px;
  line-height: 15px;
  border-right: none;
  text-align: center;
  padding: 10px 20px;
  position: relative;
  border-radius: 20px;
  box-shadow: 0px 8px 25px 0 rgba(81, 144, 182, 0.2);
  color: #4e5664;
  background-color: #ffffff;
}
.tooltipster-box {
  direction: rtl;
}
@media (max-width: 1300px) and (min-width: 1024px) {
  .cs-spa-retail-content .small-tooltip {
    max-width: 80px;
  }
}
@media (max-width: 1023px) {
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody {
    z-index: 1060 !important;
  }
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.tooltipTable,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.tooltipTable {
    z-index: 1060;
  }
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.tooltipMoreInfo .tooltip-arrow,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.tooltipMoreInfo .tooltip-arrow {
    display: none;
  }
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.tooltipMoreInfo .tooltip-inner,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.tooltipMoreInfo .tooltip-inner {
    border-right: none;
    top: -5px !important;
  }
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.tooltipMoreInfo.red-info-icon .tooltip-inner,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.tooltipMoreInfo.red-info-icon .tooltip-inner {
    border-right: none;
    border-top: 3px solid #fb5f5f;
  }
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.descriptionTooltip,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.descriptionTooltip,
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.greenTooltip,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.greenTooltip {
    width: 100%;
    left: auto !important;
    right: auto !important;
  }
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.descriptionTooltip .tooltip-arrow,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.descriptionTooltip .tooltip-arrow,
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.greenTooltip .tooltip-arrow,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.greenTooltip .tooltip-arrow {
    display: none;
  }
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.descriptionTooltip .tooltip-inner,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.descriptionTooltip .tooltip-inner,
  .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.greenTooltip .tooltip-inner,
  .cs-spa-sme-content.tooltip.modal-tooltip-appendedToBody.greenTooltip .tooltip-inner {
    font-size: 14px;
    max-width: none;
  }
  .cs-spa-retail-content.tooltip.header-tooltip,
  .cs-spa-sme-content.tooltip.header-tooltip {
    z-index: 1500 !important;
  }
  .description-tooltip-append-to-body {
    width: 100%;
    left: auto !important;
    right: auto !important;
  }
  .description-tooltip-append-to-body .tooltip-arrow {
    display: none;
  }
  .description-tooltip-append-to-body .tooltip-inner {
    font-size: 14px !important;
  }
}
@media (min-width: 1024px) {
  .modal-open .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody .greenTooltip {
    top: 15px !important;
    left: 4px !important;
    z-index: 2561 !important;
  }
  ngb-tooltip-window.greenTooltip:not(.small-tooltip) {
    top: 15px;
    left: 4px;
  }
}
.common-page-actions-wrapper .fast-actions-title,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .fast-actions-title {
  padding-top: 12px;
}
.common-page-actions-wrapper .desktop-view,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .desktop-view {
  display: inline-block;
}
.common-page-actions-wrapper .mobile-view,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .mobile-view {
  display: none;
}
.common-page-actions-wrapper .display-none-pilot,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .display-none-pilot {
  display: none !important;
}
.common-page-actions-wrapper .btn-blue-bordered-link,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .btn-blue-bordered-link {
  position: relative;
  overflow: hidden;
  color: #5b77f5;
  text-align: right;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  font-weight: normal;
  border: 1px solid rgba(90, 119, 245, 0.6);
  padding: 0 10px 10px;
  padding-right: 5px;
  margin-bottom: 9px;
  font-size: 14px;
  border-radius: 10px;
}
.common-page-actions-wrapper .btn-blue-bordered-link:last-child,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .btn-blue-bordered-link:last-child {
  margin-bottom: 0px;
}
.common-page-actions-wrapper .btn-blue-bordered-link:hover,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .btn-blue-bordered-link:hover {
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #5A77F5;
  box-shadow: 0 8px 25px 0 #D4DCFF;
}
.common-page-actions-wrapper .btn-blue-bordered-link .btn-blue-bordered-title,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .btn-blue-bordered-link .btn-blue-bordered-title {
  position: relative;
  top: 5px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.common-page-actions-wrapper .btn-blue-bordered-link .icon-wrapper,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .btn-blue-bordered-link .icon-wrapper {
  width: 38px;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
}
.common-page-actions-wrapper .btn-blue-bordered-link .icon-wrapper .icon,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .btn-blue-bordered-link .icon-wrapper .icon {
  position: relative;
  background-repeat: no-repeat;
  max-height: 38px;
}
.common-page-actions-wrapper .actions-button-wrapper,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .actions-button-wrapper {
  padding: 10px 10px 0;
}
.common-page-actions-wrapper .new-feature-icon,
.tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .new-feature-icon {
  position: absolute;
  left: -20px;
  top: 3px;
  height: 20px;
  width: 70px;
  transform: rotate(-43deg);
  text-align: center;
  font-size: 12px;
  box-shadow: 0 1px 4px 0 #c6ddeb;
}
@media (min-width: 1200px) {
  .common-page-actions-wrapper .btn-blue-bordered-link .icon-wrapper,
  .tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .btn-blue-bordered-link .icon-wrapper {
    display: inline-block;
    line-height: 40px;
  }
}
@media (max-width: 1199px) {
  .common-page-actions-wrapper {
    padding: 0!important;
  }
  .common-page-actions-wrapper .desktop-view {
    display: none;
  }
  .common-page-actions-wrapper .mobile-view {
    display: flex;
  }
  .common-page-actions-wrapper .quick-actions-btn {
    position: fixed;
    bottom: 40px;
    left: 0;
    border-radius: 0 50% 50% 0;
    z-index: 1049;
  }
  .common-page-actions-wrapper .quick-actions-btn .quick-actions-btn-inner-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-right: 10px;
  }
  .common-page-actions-wrapper .quick-actions-btn .icon {
    background-image: url(media/svgs/plus-white-not-circle.26b17aafa2e5f54db205..svg);
    width: 19px;
    height: 19px;
  }
  .common-page-actions-wrapper .quick-actions-btn .text {
    color: #ffffff;
  }
  .common-page-actions-wrapper .backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.7;
    background-color: #000000;
    z-index: 1500;
  }
  .tooltip.common-page-actions-tooltip {
    z-index: 1501;
    width: 230px;
    box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
    margin-left: 10px;
  }
  .tooltip.common-page-actions-tooltip .tooltip-arrow {
    border-top-color: #ffffff;
    border-width: 15px 13px 0;
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner {
    background-color: #ffffff;
    border-top: 3px solid #5b77f5;
    position: relative;
    top: -4px;
    border-radius: 0;
    max-width: initial;
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner .closeX {
    color: #5b77f5;
    margin-top: 3px;
    left: 4px;
    width: 14px;
    height: 14px;
    position: absolute;
    display: inline-block;
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner .closeX:after,
  .tooltip.common-page-actions-tooltip .tooltip-inner .closeX:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: #5b77f5;
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner .closeX:before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner .closeX:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner .fast-actions-title {
    display: none;
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list {
    background-color: #ffffff;
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .actions-button-wrapper {
    padding-top: 15px;
    padding-right: 0;
    padding-left: 0;
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .new-feature-icon {
    height: auto;
    position: static;
    transform: rotate(0deg);
    width: auto;
    box-shadow: none;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-right: 15px;
    font-size: 14px;
    line-height: 15px;
  }
  .tooltip.common-page-actions-tooltip .tooltip-inner .common-page-action-list .btn-blue-bordered-link {
    border: none;
    background-color: #ffffff;
    padding-right: 0;
    padding-left: 0;
  }
}
.cs-spa-retail-content.privacy-policy-popup {
  z-index: 9999 !important;
}
.cs-spa-retail-content.privacy-policy-popup + .modal-backdrop {
  z-index: 9997 !important;
}
.cs-spa-retail-content.privacy-policy-popup.popup-dialog-error .modal-content {
  width: 585px;
}
.cs-spa-retail-content.privacy-policy-popup.popup-dialog-error .modal-content .alertModalMessage {
  z-index: 9999;
}
.cs-spa-retail-content .privacy-policy-link {
  font-size: 16px;
  margin-top: 10px;
}
.cs-spa-retail-content .privacy-policy-body {
  text-align: right;
}
.cs-spa-retail-content .privacy-policy-button {
  margin-top: 10px;
}
.cs-spa-retail-content .privacy-policy-overlay {
  position: fixed;
  top: -200px;
  right: -400px;
  bottom: 0;
  left: 0;
  z-index: 9998;
  width: 110vw;
  height: 120vh;
}
@media (max-width: 769px) {
  .cs-spa-retail-content.privacy-policy-popup.popup-dialog-error .modal-content {
    width: 300px;
  }
}
.cm-multi-drop-down {
  z-index: 10000;
  opacity: 1;
}
.cm-multi-drop-down.top .tooltip-arrow {
  left: 75%;
  border-top-color: white;
}
.cm-multi-drop-down.bottom .tooltip-arrow {
  border-bottom-color: white;
}
.cm-multi-drop-down.bottom .tooltip-inner {
  box-shadow: 0px -8px 25px 0 rgba(81, 144, 182, 0.2);
}
.cm-multi-drop-down .tooltip-inner {
  z-index: -1;
  color: #4e5664;
  font-size: 1.6rem;
  background-color: white;
  opacity: 1;
  width: auto;
  max-width: none;
  line-height: 15px;
  border-right: none;
  text-align: center;
  padding: 10px 20px;
  position: relative;
  border-radius: 20px;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
}
.multi-drop-down .dropdown-toggle-text {
  min-width: 74px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-overflow: ellipsis;
  line-height: 34px;
}
.multi-drop-down .multi-drop-down-list li {
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 24px;
}
.multi-drop-down .multi-drop-down-list li input[type="checkbox"] {
  display: none !important;
}
.multi-drop-down .multi-drop-down-list li.links-li {
  display: flex;
  justify-content: space-around;
}
.multi-drop-down .multi-drop-down-list li.spaceSeparator {
  padding: 0px 10px;
}
.multi-drop-down .multi-drop-down-list li .link-text {
  cursor: pointer;
  text-decoration: underline;
  color: #4bc87d;
}
.multi-drop-down .multi-drop-down-list li .green-separator {
  width: 1px;
  background: #4bc87d;
  height: 16px;
}
.multi-drop-down .multi-drop-down-list li .gray-separator {
  height: 1px;
  background: #d6e6ef;
}
.multi-drop-down .multi-drop-down-list li.spaceContinueBtn {
  padding-top: 13px;
  padding-right: 16px;
  padding-bottom: 0px;
  padding-left: 24px;
}
.multi-drop-down .multi-drop-down-list li.spaceContinueBtn .drop-drown-continue-btn {
  cursor: pointer;
  text-align: center;
  color: #4bc87d;
  font-weight: bold;
}
.multi-drop-down .multi-drop-down-list li.spaceContinueBtn.disabledBtn {
  opacity: 0.5;
}
.multi-drop-down .multi-drop-down-list li input[type="checkbox"] + .custom-checkbox {
  width: 13px;
  height: 20px;
  background: url(media/images/ChackBox_Empty.86d75edbf94300bff691..png) no-repeat 0 0;
  display: inline-block;
  vertical-align: sub;
}
.multi-drop-down .multi-drop-down-list li input[type="checkbox"]:checked + .custom-checkbox {
  background: url(media/images/ChackBox_Checked.951aeb2ea56b9f1c6ef9..png) no-repeat 0 0;
}
.multi-drop-down .multi-drop-down-list li .label-text {
  width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 5px;
  unicode-bidi: embed;
  direction: ltr;
}
.multi-drop-down .multi-drop-down-list li .label-text.heb-dir {
  direction: rtl;
}
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list {
  padding: 11px 0px;
  cursor: auto;
}
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list .spaceLinksDropDown {
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 24px;
}
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list .spaceLinksDropDown li,
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list .spaceLinksDropDown div,
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list .spaceLinksDropDown span,
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list .spaceLinksDropDown label {
  color: #7d91a1;
}
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list .spaceLinksDropDown li:hover,
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list .spaceLinksDropDown div:hover,
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list .spaceLinksDropDown span:hover,
.multi-drop-down .multi-drop-down-btn.btnFilter.open .dropdownOperation.multi-drop-down-list .spaceLinksDropDown label:hover {
  color: #4bc87d;
  cursor: pointer;
}
.advanced-search-directive .inputFieldWrapper input {
  border: 1px solid #a4b2bd;
  color: #000000;
}
.advanced-search-directive .advanced-search-wrapper {
  position: relative;
  background-color: #e7f1f9;
  display: none;
}
.advanced-search-directive .advanced-search-wrapper .close-search-btn {
  position: absolute;
  top: 12px;
  width: 20px;
  height: 20px;
  right: 25px;
}
.advanced-search-directive .advanced-search-wrapper .close-search-btn:before {
  content: "";
  background-image: url(media/images/iconCloseSearch.bc1326225a62d2d8626c..png);
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
}
.advanced-search-directive .advanced-search-wrapper .search-container {
  padding: 30px 0 14px;
}
.advanced-search-directive .advanced-search-wrapper .error-wrapper {
  height: 12px;
  font-size: 12px;
  color: #fb5f5f;
}
.advanced-search-directive .advanced-tags-wrapper .tag-item .tag-separator {
  display: none;
}
.advanced-search-directive .datepickerDropdown input {
  width: 100%;
  border: 1px solid #a4b2bd;
  color: #000000;
}
.advanced-search-directive .advanced-search-btn-wrapper {
  padding: 15px;
}
.advanced-search-directive .advanced-search-btn-wrapper .advanced-search-btn {
  padding: 0;
  min-width: 80px;
}
.advanced-search-directive .top-filter-row {
  height: 55px;
  padding: 10px 5px;
}
.advanced-search-directive .top-filter-row .include-wrapper,
.advanced-search-directive .top-filter-row .advanced-search-btn {
  float: right;
}
.advanced-search-directive .top-filter-row .advanced-search-btn-text {
  display: inline-block;
  color: #4bc87d;
  text-decoration: underline;
  font-size: 14px;
}
.advanced-search-directive .top-filter-row .advanced-search-btn-text:hover,
.advanced-search-directive .top-filter-row .advanced-search-btn-text:focus {
  color: #4bc87d;
  text-decoration: underline;
}
.advanced-search-directive .top-filter-row .print-section {
  display: inline-block;
  float: left;
}
.advanced-search-directive .col-lg-pull-1 {
  right: 8.33333333%;
  left: inherit;
}
@media (min-width: 1200px) {
  .advanced-search-directive .col-lg-pull-2 {
    right: 16.66666667%;
    left: inherit;
  }
}
@media (max-width: 1199px) {
  .advanced-search-directive .search-include {
    padding: 0 20px;
  }
}
@media (max-width: 576px) {
  .advanced-search-directive .search-include {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .cs-spa-retail-content .PreviousTransfers-osh #prev-transfers-content .top-filter-row .include-wrapper {
    width: 100%;
  }
  .cs-spa-retail-content .PreviousTransfers-osh .advanced-search-directive .top-filter-row {
    padding-right: 0;
    padding-left: 0;
  }
  .cs-spa-retail-content .PreviousTransfers-osh .advanced-search-btn {
    padding-right: 15px;
    padding-left: 15px;
  }
}
#print .advanced-search-directive .advanced-tags-wrapper .tag-separator,
#savePDF .advanced-search-directive .advanced-tags-wrapper .tag-separator {
  display: inline-block;
}
#print .advanced-search-directive .advanced-search-wrapper.hide-in-print,
#savePDF .advanced-search-directive .advanced-search-wrapper.hide-in-print {
  display: none !important;
}
.outer-rc-table-wrapper {
  position: relative;
}
.outer-rc-table-wrapper .table-loader-wrapper {
  position: absolute;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding-top: 30px;
  z-index: 1;
  top: 0;
}
.outer-rc-table-wrapper .table-loader-wrapper.hide {
  display: none;
}
.rc-table {
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
  position: relative;
}
.rc-table .x-icon {
  height: 15px;
  width: 15px;
  margin-top: -3px;
}
.rc-table .inview-indicator-header {
  position: absolute;
  left: 0;
}
.rc-table .inview-indicator-header.hide {
  display: none;
}
.rc-table .greenTooltip + .tooltip .tooltip-inner {
  white-space: nowrap;
}
.rc-table .rc-table-body {
  position: relative;
}
.rc-table .rc-table-total-records {
  color: #7d91a1;
  font-size: 14px;
  line-height: 21px;
  padding: 14px 15px 0 15px;
}
.rc-table .rc-table-td {
  word-break: break-word;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  text-align: right;
  font-weight: normal;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
}
.rc-table .rc-table-td.word-break-normal {
  word-break: normal;
}
.rc-table .rc-table-td.withIndicator {
  padding-right: 35px;
}
.rc-table .rc-table-td .number-font {
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
}
.rc-table .rc-table-td.number-font {
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
}
.rc-table .rc-table-td .number {
  font-family: 'Rubik', sans-serif;
}
.rc-table .rc-table-td .number .number-wrapper {
  font-family: 'Rubik', sans-serif;
}
.rc-table .rc-table-td .number .currency_symbol {
  font-family: 'Rubik', sans-serif;
  font-size: 12px;
  margin-right: 2px;
}
.rc-table .rc-table-td .rc-table-rd-inner-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 38px;
}
.rc-table .rc-table-td.action-td {
  padding-right: 1px;
  padding-left: 0;
}
.rc-table .rc-table-td .currency-cell,
.rc-table .rc-table-td .rc-cell-date {
  display: inline-block;
  font-size: 14px;
  direction: ltr;
}
.rc-table .rc-table-td .currency-cell .currency_symbol,
.rc-table .rc-table-td .rc-cell-date .currency_symbol {
  font-family: 'Rubik', sans-serif;
  font-size: 12px;
  margin-right: 2px;
}
.rc-table .rc-table-td .currency-cell .number,
.rc-table .rc-table-td .rc-cell-date .number {
  display: inline;
}
.rc-table .rc-table-td .currency-cell .number .currency_symbol,
.rc-table .rc-table-td .rc-cell-date .number .currency_symbol {
  font-family: 'Rubik', sans-serif;
  font-size: 12px;
  margin-right: 2px;
}
.rc-table .rc-table-td .default-cell-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rc-table .rc-table-td .action-buttons-wrapper {
  float: left;
}
.rc-table .rc-table-td.bold-row {
  font-weight: 500;
}
.rc-table .rc-table-td .status-indicator {
  margin-left: 14px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.rc-table .rc-table-td .status-indicator.red {
  background: #fb5f5f;
}
.rc-table .rc-table-td .status-indicator.green {
  background: #4bc872;
}
.rc-table .rc-table-td .status-indicator.gray {
  background: #a5c7db;
}
.rc-table .rc-table-body .rc-table-row {
  position: relative;
  border-top: 1px solid #d7dde2;
}
.rc-table .rc-table-body .rc-table-row .rc-table-row-content {
  display: flex;
  align-items: center;
}
@media print {
  .rc-table .rc-table-body .rc-table-row .rc-table-row-content {
    align-items: stretch;
  }
}
.rc-table .rc-table-body .rc-table-row .rc-table-row-content:hover {
  background-color: #ebf2f8;
}
.rc-table .rc-table-body .rc-table-row.disabled-row {
  opacity: 0.7;
  pointer-events: none;
}
.rc-table .rc-table-body .rc-table-row.default-cursor {
  cursor: default;
}
.rc-table .rc-table-body .rc-table-row .toggle-row {
  padding-left: 4px;
  padding-right: 4px;
  width: 100%;
  max-height: 0;
  display: inline-block;
  background-color: white;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.3);
  overflow: hidden;
  transition: 500ms;
}
.rc-table .rc-table-body .rc-table-row .toggle-row .toggle-box-arrow {
  opacity: 0;
  transition: 1000ms;
}
.rc-table .rc-table-body .rc-table-row .toggle-row.toggle-row-open {
  max-height: 230px;
}
.rc-table .rc-table-body .rc-table-row .toggle-row.toggle-row-open .toggle-box-arrow {
  opacity: 1;
}
.rc-table .rc-table-body .rc-table-row .rc-table-td {
  padding-top: 4px;
  padding-bottom: 3px;
  display: flex;
  flex-direction: column;
}
@media print {
  .rc-table .rc-table-body .rc-table-row .rc-table-td {
    align-items: center !important;
    min-height: 20px;
    flex-direction: initial;
  }
  .rc-table .rc-table-body .rc-table-row .rc-table-td.show-in-print {
    align-items: unset !important;
    justify-content: center !important;
  }
}
.rc-table .rc-table-body .alert-icon-cell {
  position: absolute;
  z-index: 9;
  width: 15px;
  height: 15px;
  cursor: pointer;
  top: 18px;
  margin-right: 5px;
  display: inline-block;
  background: url(media/svgs/iconError.22c05b4235f361acadf5..svg) no-repeat center;
}
.rc-table .rc-table-body .with-alert-icon {
  display: inline-block;
}
.rc-table .total-records-alert {
  background: url(media/svgs/iconError.22c05b4235f361acadf5..svg) no-repeat center;
  margin-left: 5px;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: sub;
}
.rc-table .inner-table.no-scroll {
  height: auto !important;
}
.rc-table .rc-table-th {
  position: relative;
  display: inline-block;
  color: #677b8a;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  font-weight: normal;
}
.rc-table .rc-table-th.number-font {
  font-size: 14px;
}
.rc-table .rc-table-th .textTh {
  position: relative;
  display: inline-block;
  line-height: 18px;
}
.rc-table .rc-table-th .textTh:hover::after {
  opacity: 1;
}
.rc-table .rc-table-th .textTh.noSortColumn:hover::after {
  opacity: 0;
}
.rc-table .rc-table-th .textTh::after {
  content: "";
  top: 50%;
  opacity: 0;
  width: 7px;
  left: -16px;
  height: 12px;
  position: absolute;
  display: inline-block;
  transform: translateY(-50%);
  background: url(media/images/sort-arrows.d2942141d96377e3381e..png) no-repeat center center;
}
.rc-table .rc-table-th.arrow-down .textTh:after {
  width: 11px;
  height: 8px;
  opacity: 1;
  background-image: url(media/images/cartIcon.f9bbc6fe978381adb193..png);
}
.rc-table .rc-table-th.arrow-up .textTh:after {
  width: 11px;
  height: 8px;
  opacity: 1;
  background-image: url(media/images/cartIconUp.6dcdd476203ec8b57a3f..png);
}
.rc-table .rc-table-th.clickable {
  cursor: pointer;
}
.rc-table .menuList {
  left: 0px;
  top: -8px;
  z-index: 2;
  width: auto;
  min-width: 0;
  right: auto;
  height: 41px;
  border: none;
  direction: ltr;
  cursor: pointer;
  text-align: left;
  padding-right: 4px;
  white-space: nowrap;
  border-top-left-radius: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 0;
  box-shadow: 0px 0px 25px 0px rgba(81, 144, 182, 0.2);
  transform: none;
}
.rc-table .menuList li {
  width: 38px;
  height: 100%;
  display: inline-block;
}
.rc-table .menuList li a {
  height: 100%;
  position: relative;
}
.rc-table .menuList li a img {
  width: 26px;
  height: 26px;
}
.rc-table .rc-table-head.sticky {
  position: fixed;
  z-index: 1;
  background-color: white;
}
.rc-table .rc-table-head.hide {
  display: none;
}
.rc-table .rc-table-head .rc-table-row {
  display: flex;
  align-items: center;
  height: 45px;
}
@media print {
  .rc-table .rc-table-head .rc-table-row {
    align-items: stretch;
  }
}
.rc-table .rc-table-footer .rc-table-row {
  align-items: center;
  display: flex;
  height: 45px;
}
@media print {
  .rc-table .rc-table-footer .rc-table-row {
    align-items: stretch;
  }
}
.rc-table .rc-table-footer .rc-table-row .rc-table-td {
  font-weight: bold;
}
.rc-table .rc-table-footer .rc-table-row .rc-table-td.no-padding {
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
.rc-table .rc-table-footer .rc-table-row .rc-table-td .currency_symbol {
  font-size: 12px;
  font-weight: 500;
  margin-right: 2px;
  font-family: 'Rubik', sans-serif;
}
.description-tooltip-append-to-body {
  z-index: 10000;
  opacity: 1;
}
.description-tooltip-append-to-body.top .tooltip-arrow {
  left: 75%;
  border-top-color: white;
}
.description-tooltip-append-to-body.bottom .tooltip-arrow {
  border-bottom-color: white;
}
.description-tooltip-append-to-body.bottom .tooltip-inner {
  box-shadow: 0px -8px 25px 0 rgba(81, 144, 182, 0.2);
}
.description-tooltip-append-to-body .tooltip-inner {
  z-index: -1;
  color: #4e5664;
  font-size: 1.6rem;
  background-color: white;
  opacity: 1;
  width: auto;
  max-width: none;
  line-height: 15px;
  border-right: none;
  text-align: center;
  padding: 10px 20px;
  position: relative;
  border-radius: 20px;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
}
html[lang="en"] .rc-table .rc-table-th .textTh:after {
  left: -10px;
}
#savePDF .rc-table .rc-table-body .rc-table-row .rc-table-row-content,
#print .rc-table .rc-table-body .rc-table-row .rc-table-row-content {
  height: initial;
  min-height: 45px;
}
#savePDF .rc-table,
#print .rc-table {
  width: 100%;
}
@media print {
  .rc-table .rc-table-body .rc-table-row .rc-table-row-content {
    height: initial;
    min-height: 45px;
  }
  .rc-table {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .outer-rc-table-wrapper .arrow {
    display: flex;
    align-items: center;
    opacity: 0.9;
    position: absolute;
    z-index: 1;
    background-image: url(media/svgs/table-background-mobile-arrow.c45f039e7558c847dcb0..svg);
    background-repeat: no-repeat;
    margin: auto 0;
    top: 0;
    bottom: 0;
    height: 84px;
    pointer-events: none;
  }
  .outer-rc-table-wrapper .arrow.more-arrow {
    left: 0;
  }
  .outer-rc-table-wrapper .arrow.back-arrow {
    right: 0;
  }
  .outer-rc-table-wrapper .mobile-view {
    width: 100%;
    overflow: auto;
  }
  .rc-table .rc-table-td {
    font-size: 14px;
  }
  .rc-table .rc-table-td .action-buttons-wrapper {
    float: none;
  }
  .rc-table .rc-table-body .rc-table-row .rc-table-row-content:focus-within {
    background-color: #ebf2f8;
  }
  .cs-spa-retail-content .generalTable .rc-table .rc-table-th .textTh {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  @keyframes movement {
    0% {
      margin-left: 0;
    }
    80% {
      margin-left: 0;
    }
    100% {
      margin-left: 10px;
    }
  }
  html[lang="en"] .outer-rc-table-wrapper .arrow.more-arrow {
    transform: rotate(180deg);
  }
  html[lang="en"] .outer-rc-table-wrapper .arrow img.arrow-animation {
    animation: movement 1s linear infinite alternate;
  }
  html[lang="he"] .outer-rc-table-wrapper .arrow.back-arrow {
    transform: rotate(180deg);
  }
  html[lang="he"] .outer-rc-table-wrapper .arrow img.arrow-animation {
    animation: movement 1s linear infinite alternate;
  }
  .outer-rc-table-wrapper.full-width .arrow {
    display: flex;
    align-items: center;
    opacity: 0.9;
    position: absolute;
    z-index: 1;
    background-image: url(media/svgs/table-background-mobile-arrow.c45f039e7558c847dcb0..svg);
    background-repeat: no-repeat;
    margin: auto 0;
    top: 0;
    bottom: 0;
    height: 84px;
    pointer-events: none;
  }
  .outer-rc-table-wrapper.full-width .arrow.more-arrow {
    left: 0;
  }
  .outer-rc-table-wrapper.full-width .arrow.back-arrow {
    right: 0;
  }
  .outer-rc-table-wrapper.full-width .mobile-view {
    width: 100%;
    overflow: auto;
    height: auto;
  }
}
@media (max-width: 1024px) and screen and (min-width: 768px) {
  .outer-rc-table-wrapper.full-width .rc-table {
    width: 1094px;
  }
}
@media (max-width: 992px) {
  .loans-deductions-tab .outer-rc-table-wrapper.full-width .rc-table,
  .lobbyChecksContent .outer-rc-table-wrapper.full-width .rc-table {
    width: 100%;
  }
}
@media (max-width: 992px) and screen and (min-width: 768px) {
  .outer-rc-table-wrapper.full-width .rc-table {
    width: 1094px;
  }
}
.digital-pie-wrapper .highcharts-container text {
  display: none;
}
.cs-spa-retail-content .capitalMarketHomepage .scheduled-msg-container {
  margin-top: -15px;
}
.cs-spa-retail-content .scheduled-msg-popup {
  width: 724px;
  padding: 32px 40px 28px 40px;
  text-align: center;
}
.cs-spa-retail-content .scheduled-msg-popup .scheduled-msg-body {
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.cs-spa-retail-content .scheduled-msg-container {
  margin-top: -29px;
  margin-bottom: 11px;
  background-color: #4bc87d;
  padding-top: 14px;
  padding-bottom: 4px;
}
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn {
  margin-top: -5px;
  width: 18px;
  height: 18px;
  position: absolute;
  display: inline-block;
}
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn:after,
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #ffffff;
}
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .scheduled-msg-container .no-link {
  cursor: default;
}
.cs-spa-retail-content .scheduled-msg-container .moreMsgsLink {
  float: left;
  font-weight: normal;
  margin-left: 80px;
  padding-bottom: 10px;
  margin-top: -20px;
}
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-list .scheduled-msg-text-bullet {
  float: right;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  top: 9px;
  position: relative;
  transform: translateY(-50%);
  display: inline-block;
  background-color: #ffffff;
  margin-left: 8px;
}
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-list .hide-bullet {
  visibility: hidden;
}
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-list .scheduled-msg {
  color: #ffffff;
  padding-bottom: 8px;
  margin-right: 40px;
}
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-list .scheduled-msg .scheduled-msg-text {
  display: inline-block;
  width: 80%;
}
.cs-spa-retail-content .scheduled-msg-container .scheduled-msg-list .scheduled-msg .scheduled-msg-link {
  margin-right: 6px;
}
@media (max-width: 769px) {
  .cs-spa-retail-content .scheduled-msg-popup {
    width: auto;
    padding: 32px 40px 28px 40px;
    text-align: center;
  }
  .cs-spa-retail-content .capitalMarketHomepage .scheduled-msg-container {
    margin-top: 0px;
  }
  .cs-spa-retail-content .scheduled-msg-container {
    margin-top: 0px;
    background-color: #ffffff;
    box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
    padding-bottom: 0px;
  }
  .cs-spa-retail-content .scheduled-msg-container .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn {
    width: 18px;
    height: 18px;
    position: absolute;
    display: inline-block;
  }
  .cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn:after,
  .cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: #333a46;
  }
  .cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn:before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .cs-spa-retail-content .scheduled-msg-container .scheduled-msg-close-btn:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .cs-spa-retail-content .scheduled-msg-container .moreMsgsLink {
    margin-left: 0px;
    padding-bottom: 8px;
    margin-top: 0px;
    color: #333a46;
  }
  .cs-spa-retail-content .scheduled-msg-container .scheduled-msg-list .white-link {
    color: #333a46;
  }
  .cs-spa-retail-content .scheduled-msg-container .scheduled-msg-list .scheduled-msg-text-bullet {
    background-color: #333a46;
  }
  .cs-spa-retail-content .scheduled-msg-container .scheduled-msg-list .scheduled-msg {
    margin-right: 30px;
  }
  .cs-spa-retail-content .scheduled-msg-container .scheduled-msg-list .scheduled-msg .scheduled-msg-text {
    width: 90%;
    color: #333a46;
  }
}
.cs-spa-retail-content .email-modal .toggleViewBtns {
  min-height: 60px;
}
.cs-spa-retail-content .email-modal .white-space-pre {
  white-space: pre;
}
.cs-spa-retail-content .email-modal .queryContent {
  white-space: normal;
}
.cs-spa-retail-content .email-modal .queryContent .query-content-wrap {
  margin-top: 0px;
}
.cs-spa-retail-content.discount-email-modal-en .query-content-wrap {
  direction: rtl;
}
html[lang="en"] .cs-spa-retail-content.discount-email-modal-en .query-content-wrap {
  direction: rtl;
  margin-right: -200px;
}
.cs-spa-retail-content .mail-join #join-mail-view-step1 .rc-global-error {
  background-color: unset;
}
.cs-spa-retail-content .mail-join #join-mail-view-step1 .container {
  font-size: 16px;
  font-family: 'Rubik', sans-serif;
  margin-right: 35px;
  margin-top: 18px;
  margin-bottom: 35px;
}
.cs-spa-retail-content .mail-join #join-mail-view-step1 .personal-details-wrap {
  margin-bottom: -40px;
}
.cs-spa-retail-content .mail-join #join-mail-view-step1 .personal-details-wrap .email-address {
  direction: ltr;
}
.cs-spa-retail-content .mail-join #join-mail-view-step1 .personal-details-wrap .email-address-text {
  display: inline-block;
}
.cs-spa-retail-content .mail-join .tooltip-line {
  display: inline-block;
}
.cs-spa-retail-content .mail-join .summery-line {
  margin-bottom: 20px;
}
.cs-spa-retail-content .mail-join ul {
  padding-top: 16px;
}
.cs-spa-retail-content .mail-join li {
  font-size: 16px;
  font-family: 'Rubik', sans-serif;
  line-height: 26px;
}
.cs-spa-retail-content .mail-join li:before {
  font-family: 'FontAwesome';
  content: '\f111';
  color: #4bc87d;
  height: 9px;
  width: 8px;
  margin: 1px 0px 0 6px;
  position: relative;
  top: -2px;
  font-size: 7px;
}
.cs-spa-retail-content .mail-join .btnHelp {
  background: url(media/images/iconInfoSmall.456c646f5421b59baad2..png) no-repeat center center;
  width: 15px;
  height: 15px;
  margin-top: 4px;
  z-index: 4;
  vertical-align: top;
  right: -5px;
}
.cs-spa-retail-content .mail-join .link-text {
  color: #4bc87d;
  cursor: pointer;
  margin-top: 5px;
  text-decoration: underline;
}
.cs-spa-retail-content .mail-join .error-msg {
  color: #fb5f5f;
  font-size: 14px;
}
.cs-spa-retail-content .mail-join .info-text {
  font-size: 14px;
  color: #6e7685;
}
.cs-spa-retail-content .mail-join .form-section {
  border-bottom: 1px solid #ebf0f3;
  margin-top: 20px;
  margin-bottom: 16px;
  padding-bottom: 20px;
}
.cs-spa-retail-content .mail-join .form-section.no-border {
  border: none;
}
.cs-spa-retail-content .mail-join .form-section .custom-checkbox input[type="checkbox"] + label:before,
.cs-spa-retail-content .mail-join .form-section .custom-checkbox input[type="checkbox"]:checked + label:before {
  background: #cde2ea;
  border-radius: 3px;
}
.cs-spa-retail-content .mail-join .info-block {
  color: #6e7685;
  font-weight: 500;
  line-height: 22px;
}
.cs-spa-retail-content .mail-join .inner-wiz-title {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 16px;
}
.cs-spa-retail-content .mail-join .inner-wiz-title.no-margin {
  margin: 0;
}
.cs-spa-retail-content .mail-join .details-row {
  margin-right: 5px;
  padding-right: 18px;
  padding-bottom: 16px;
}
.cs-spa-retail-content .mail-join .details-row:first-child {
  padding-top: 16px;
}
.cs-spa-retail-content .mail-join .step2title {
  font-size: 20px;
  font-family: 'Rubik';
  color: #4bc87d;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}
.cs-spa-retail-content .mail-join .step2-sub-title {
  margin-bottom: 8px;
  line-height: 17px;
  color: #6E7685;
}
.cs-spa-retail-content .mail-join .greenLine {
  text-align: center;
  border-bottom: 2px solid #4bc87d;
  width: 36px;
  margin-right: 46%;
  margin-top: 10px;
  margin-bottom: 13px;
}
.cs-spa-retail-content .mail-join .centered {
  text-align: center;
}
.cs-spa-retail-content .mail-join .actionTimeTitle {
  color: #6e7685;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  text-align: center;
}
.cs-spa-retail-content .mail-join .actionTimeValue {
  color: #7d91a1;
  font-family: "Josefin Sans";
  font-size: 20px;
  text-align: center;
}
.cs-spa-retail-content .mail-join #bottomBurnedMsg {
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  background-color: #ffffff;
  height: 121px;
  padding: 21px;
}
.cs-spa-retail-content .mail-join #cancel-mail-view-step1 .container {
  font-size: 16px;
  font-family: 'Rubik', sans-serif;
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 30px;
}
.cs-spa-retail-content .mail-join #cancel-mail-view-step1 .form-section {
  margin-top: 50px;
}
.cs-spa-retail-content .mail-join .double-line-btnHelp .btnHelp {
  top: -21px;
}
.cs-spa-retail-content .generalTable.emailsTable .empty-th {
  width: 1px;
}
.cs-spa-retail-content .generalTable.emailsTable th:first-child,
.cs-spa-retail-content .generalTable.emailsTable tr td:first-child {
  padding-top: 20px;
  padding-right: 5px;
  padding-left: 15px;
}
.cs-spa-retail-content .doubleDatepicker {
  padding-right: 15px;
}
.cs-spa-retail-content .doubleDatepicker td {
  padding: 0;
}
.cs-spa-retail-content .cardsActivationWrapper .goToJoin {
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}
.cs-spa-retail-content .cardsActivationWrapper .btnHelp {
  background: url(media/images/info.0e7674f498201af3c157..png) no-repeat center center;
  margin-right: 10px;
  margin-left: 5px;
  top: 2px;
}
html[lang=en] cs-spa-retail-content .mail-join .btnHelp {
  top: -24px;
}
html[lang=en] cs-spa-retail-content .mail-join .btnHelp.one-line {
  top: 0px;
}
.letterContent-mail {
  text-align: left;
  white-space: pre-line;
}
@media print {
  html[lang="he"] .cs-spa-retail-content .query-content-wrap > div {
    /* direction: rtl !important;*/
  }
  .cs-spa-retail-content .email-modal .queryContent .query-content-wrap {
    margin-top: 0px;
  }
  .burned-message-text {
    float: right;
  }
  .double-line-btnHelp {
    margin-right: 15px;
  }
  .email-modal .letterContent {
    direction: rtl;
  }
  .email-modal .queryContent {
    /* padding-@{default-float}: 150px;*/
  }
  .mail-line-text-message {
    /*margin-right: -150px;*/
  }
}
#savePDF .cs-spa-retail-content .query-content-wrap > div.print-only {
  float: right;
}
#savePDF .cs-spa-retail-content .query-content-wrap > div.print-only p {
  margin-bottom: 0;
}
#savePDF .print-only {
  display: block !important;
}
#savePDF .no-print {
  display: none;
}
#savePDF .email-modal .letterContent {
  direction: rtl;
}
#savePDF .mail-join-step-1 .wizard-sub-title,
#savePDF mail-join-step-2 .wizard-sub-title {
  font-weight: bold;
}
#savePDF .mail-join-step-1 .no-padding-print,
#savePDF mail-join-step-2 .no-padding-print {
  padding-right: 0;
  margin-right: 0;
}
#savePDF .mail-join-step-2 .process-summary {
  padding-right: 15px;
}
.discount-email-modal-en .mail-line-text-message {
  margin-right: -15px;
}
.discount-email-modal-he .queryContent {
  text-align: right;
}
.discount-email-modal-he .white-space-pre {
  width: max-content;
}
.discount-email-modal-he .white-space-pre.ltr__bypass {
  direction: ltr;
}
.discount-email-modal-he .white-space-pre.en {
  direction: ltr;
  text-align: left;
}
@media (max-width: 1023px) {
  #top-actionBar-dmail {
    flex-direction: column;
  }
  .cs-spa-retail-content .mail-join .icon-button-style img {
    height: 10px;
    width: 10px;
  }
  .cs-spa-retail-content .mail-join #join-mail-view-step1 .container,
  .cs-spa-retail-content .mail-join #cancel-mail-view-step1 .container {
    margin: 0;
  }
  .cs-spa-retail-content .mail-join .double-line-btnHelp {
    display: flex;
  }
  .cs-spa-retail-content .mail-join .double-line-btnHelp .btnHelp {
    top: 0;
  }
}
@media (max-width: 768px) {
  .modal-content-mail {
    overflow: hidden;
  }
  .modal-content-mail .modalHeading__subheading {
    margin-right: 15px;
  }
  .modal-content-mail .modal-details-m {
    padding-right: 1vw;
    padding-top: 1vw;
  }
  .cs-spa-retail-content .discountEmailSection .dropdownBtns {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    height: auto;
  }
  .cs-spa-retail-content .discountEmailSection .dropdownBtns .inputFieldWrapper {
    margin: 2.5vw 0;
  }
  .cs-spa-retail-content .discountEmailSection .dropdownBtns .inputFieldWrapper input {
    width: 100%;
  }
  .cs-spa-retail-content .discountEmailSection .dropdownBtns .inputFieldWrapper.free-search {
    background-position: right 8px top 8px;
  }
  .cs-spa-retail-content .discountEmailSection .dropdownBtns .doubleDatepicker {
    margin: 2.5vw 0;
    width: 90%;
  }
  .cs-spa-retail-content .discountEmailSection .dropdownBtns .doubleDatepicker .datepickerDropdown.fromDate input {
    margin-left: 5vw;
  }
  .cs-spa-retail-content.discount-email-modal .letterContent,
  .cs-spa-retail-content.discount-email-modal-he .letterContent,
  .cs-spa-retail-content.discount-email-modal-en .letterContent {
    padding: 1vw;
    margin-top: 0;
    height: auto;
  }
  .cs-spa-retail-content.discount-email-modal .general-btn,
  .cs-spa-retail-content.discount-email-modal-he .general-btn,
  .cs-spa-retail-content.discount-email-modal-en .general-btn {
    position: relative;
    left: 0;
    transform: none;
  }
  .cs-spa-retail-content.discount-email-modal .modal-scrollable-area,
  .cs-spa-retail-content.discount-email-modal-he .modal-scrollable-area,
  .cs-spa-retail-content.discount-email-modal-en .modal-scrollable-area {
    height: auto;
  }
  .cs-spa-retail-content.discount-email-modal .checkbox-wrapper,
  .cs-spa-retail-content.discount-email-modal-he .checkbox-wrapper,
  .cs-spa-retail-content.discount-email-modal-en .checkbox-wrapper {
    margin: 0 !important;
  }
}
.discountEmailSection td {
  padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 769px) {
  .modal-content-mail {
    overflow: hidden;
  }
  .modal-content-mail .modalHeading__subheading {
    font-size: 24px;
  }
}
.scrollable:not(.letterContent) * {
  direction: rtl;
}
.scrollable .number {
  direction: ltr !important;
}
.scrollable.letterContent * {
  direction: ltr;
}
.tooltip.accountTooltip.cs-spa-retail-content.in {
  opacity: 1;
}
.account-combo {
  margin-right: 24px;
  display: inline-block;
}
.account-combo .commonDropdown .commonDropdown__menu li:before {
  content: none;
}
.cs-spa-retail-content .wizardHeader .account-combo {
  padding-right: 15px;
}
html[lang=en] .accountCombo .accountButton {
  font-weight: normal;
  box-shadow: none;
}
.accountCombo {
  margin-left: 0px;
  position: relative;
  /*  .aggregationWidth {
    min-width: 450px;
  }*/
}
.accountCombo .generalDropdown {
  border: 1px solid #a4b2bd;
  min-width: 308px;
  max-width: 308px;
}
.accountCombo .singleAccountData {
  margin-left: 10px;
}
.accountCombo label.topComboLabel {
  margin-top: 7px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  min-width: 130px;
}
.accountCombo.apple-smeModal_modalContainer {
  position: relative;
  z-index: 1050;
  min-width: 270px;
  max-width: 308px;
}
.accountCombo #comboHeader {
  padding: 4px;
  line-height: 16px;
  font: 12px Ariel;
  box-shadow: none;
  color: #000000;
  background-color: transparent;
  background-image: none;
  appearance: none;
  text-indent: 0.01px;
}
.accountCombo #comboHeader.apple-singleAccount-data {
  padding: 4px 0;
}
.accountCombo #comboHeader .accountNameOrNick {
  padding-left: 24px;
  max-width: 260px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: text-top;
}
.accountCombo .comboHeaderAccountNumber {
  font-family: "Josefin Sans", sans-serif;
  color: #333a46;
  font-weight: 600;
}
.accountCombo .comboHeaderAccountName {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  color: #000000;
}
.accountCombo .apple-multiAccount-data {
  border: solid 1px #7d91a1;
  min-width: 300px;
  max-width: 490px;
  border-radius: 4px;
  border-collapse: separate;
}
.accountCombo .apple-singleAccount-data {
  border: none;
  background-color: transparent;
}
.accountCombo .apple-account-data {
  position: relative;
  padding: 3px;
  margin-top: 4px;
  background: #7d91a1;
  outline: none;
  display: inline-block;
  appearance: none;
  cursor: pointer;
}
.accountCombo .apple-retailAccountComboHeader {
  padding: 4px;
  line-height: 16px;
  font: 12px Ariel;
  box-shadow: none;
  color: #000000;
  background-color: transparent;
  background-image: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.accountCombo .apple-retailAccountComboHeader.account-data {
  height: 26px;
  box-sizing: border-box;
}
.accountCombo .accountComobHeaderTitle {
  padding-right: 6px;
  padding-left: 4px;
  padding-bottom: 2px;
}
.accountCombo .apple-retailModal_img,
.accountCombo .apple-retailModal_img_disabled {
  height: 16px;
  width: 30px;
  left: 0px;
  top: 5px;
  border: none;
  position: absolute;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-position: center;
}
.accountCombo .apple-smeModal_img_active {
  transform: rotate(180deg);
}
.accountCombo .apple-account-data-disabled {
  opacity: 0.5;
}
.accountCombo .apple-smeModal_modal {
  /*
    background-color: @colorWhite;
    border: solid 1px @colorGray1;
    */
  position: relative;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  left: 1px;
  /*    border-collapse: separate;
    border-radius: 4px;
    box-shadow: (0*@horizontal-dir) 1px 5px 0px rgba(0, 0, 0, 0.15);
    border-top-@{opposite-float}-radius: 4px;
    -moz-border-radius-top@{opposite-float}: 4px;
    -webkit-border-top-@{opposite-float}-radius: 4px;
    border-top-@{default-float}-radius: 4px;
    -moz-border-radius-top@{default-float}: 4px;
    -webkit-border-top-@{default-float}-radius: 4px;*/
}
.accountCombo .apple-smeModal_layoutdiv {
  position: absolute;
  top: 20px;
  min-width: 250px;
  max-width: 700px;
  right: 0px;
  display: block;
}
.accountCombo .aggregated-wrapper {
  padding: 15px;
}
.accountCombo .AccountComboRowSpan {
  width: 85%;
}
.accountCombo .AccountComboRowSelected span {
  font-weight: 500;
}
.accountCombo .AccountComboRowAll span:hover {
  color: #4bc87d !important;
  cursor: pointer;
}
.accountCombo .tableContainer {
  display: block;
  margin-top: 10px;
}
.accountCombo .tableContainer li {
  display: block;
  white-space: nowrap;
  /*
      border-bottom: 1px solid @colorGray1;
      */
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-left: 0px;
}
.accountCombo .tableContainer li:hover span span {
  color: #4bc87d !important;
  cursor: pointer;
}
.accountCombo .tableContainer li span {
  display: inline-block;
  color: #4e5664;
  min-width: 13px;
  vertical-align: middle;
}
.accountCombo .tableContainer li span.comboRowText {
  font-size: 12px;
  padding-left: 0px;
  font-family: 'arimo', Arial, sans-serif;
}
.accountCombo .tableContainer li span.comboRowText.accountNameOrNick {
  white-space: nowrap;
  overflow: hidden;
  max-width: 390px;
}
.accountCombo .tableContainer li span.comboRowLastRow {
  border: none;
}
.accountCombo .tableContainer li span.comboRowSeparator {
  padding-left: 6px;
  padding-bottom: 1px;
}
.accountCombo .tableContainer li span.comboRowSeparatorRight {
  padding-right: 5px;
}
.accountCombo .tableContainer li span.comboRowPadRight,
.accountCombo .tableContainer li span.comboRowPadLeft {
  min-width: 1px;
}
.accountCombo .tableContainer li.AccountComboRowAggreg,
.accountCombo .tableContainer li.AccountComboRowAll {
  border-bottom: none;
}
.accountCombo .comboRowSpacer {
  width: 14px;
}
.accountCombo .selectAccountText {
  font-size: 16px;
  padding-top: 0px !important;
  padding-right: 30px !important;
  padding-bottom: 0px !important;
  padding-left: 7px !important;
  vertical-align: top;
  color: #000000;
  font-weight: 500;
}
.accountCombo .aggregationAccountsLabel {
  padding-top: 0px  !important;
  padding-right: 8px  !important;
  padding-bottom: 12px  !important;
  padding-left: 0px  !important;
  color: #4e5664 !important;
  font-size: 14px;
  padding-right: 30px  !important;
}
.accountCombo .no-pointer {
  cursor: auto;
}
.accountCombo .AllAccountComboARow {
  display: inline;
}
.accountCombo .left-spacer {
  display: inline-block;
  white-space: nowrap;
  width: 70%;
}
.accountCombo .accountButtonSpacer {
  width: 227px;
  margin: auto auto;
  height: 0px;
  border-top: 1px solid #d6e6ef;
  display: block;
  margin-bottom: 11px;
}
.accountCombo .account-button-wrapper {
  padding-block: 1rem;
  background-color: #ffffff;
  bottom: 0;
  position: sticky;
}
.accountCombo .comboRowLineSep {
  height: 0px;
  border-top: 1px solid #d6e6ef;
  display: block;
  margin-top: 10px;
  margin-right: 4px;
  margin-bottom: 11px;
  margin-left: 10px;
}
.accountCombo .comboRowLineSepHide {
  display: none;
}
.accountCombo .generalDropdown:after {
  width: 90%;
  background-color: #d6e6ef;
}
.accountCombo .starIcon {
  margin-right: 10px;
  margin-top: -43px;
}
.accountCombo .accountButton {
  font-size: 15px;
  width: 140px;
  height: 38px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-family: 'Rubik';
  border-radius: 19px;
  box-shadow: 0 9px 25px 0 rgba(18, 187, 146, 0.45);
  padding-top: 7px;
  margin-top: 5px;
}
.accountCombo .approvButton {
  background-color: #4bc87d;
  color: #ffffff;
}
.accountCombo .setAggregButton {
  box-sizing: border-box;
  border: 1px solid #4ac77c;
  color: #4bc87d;
}
.accountCombo .accountButtonContainer {
  text-align: center;
  margin-bottom: 10px;
}
.accountCombo .accountsComboModal {
  filter: alpha(opacity=1);
  -moz-opacity: 0.1;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: fixed;
  z-index: 1050;
  top: 0px;
  left: 0px;
}
.accountCombo .comboBody {
  z-index: 1060;
}
.accountCombo #comboHeader {
  z-index: 1050;
}
.accountCombo input[type="checkbox"] + label {
  font-family: 'arimo', Arial, sans-serif;
  color: #4e5664;
}
.accountCombo input[type="checkbox"]:disabled + label {
  opacity: 0.5;
}
.accountCombo .comboCheckBox {
  margin-top: -18px;
}
.accountCombo .AccountComboRowAll label span {
  margin-top: 6px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}
.accountCombo input[type="checkbox"] + label span {
  width: 13px;
  height: 20px;
  background: url(media/images/ChackBox_Empty.86d75edbf94300bff691..png) no-repeat 0 0;
  vertical-align: bottom;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: -12px;
  margin-left: 0px;
}
.accountCombo input[type="checkbox"]:checked + label span {
  background: url(media/images/ChackBox_Checked.951aeb2ea56b9f1c6ef9..png) no-repeat 0 0;
}
.accountCombo input[type="checkbox"] {
  display: none;
}
.accountCombo .descriptionTooltip + .tooltip.bottom {
  margin-top: -6px;
}
.accountCombo .descriptionTooltip + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #ffffff;
}
.accountCombo .descriptionTooltip + .tooltip .tooltip-inner {
  width: max-content;
  display: table;
  max-width: 600px;
  text-align: center;
  font-size: 15px;
}
.accountCombo .descriptionTooltip + ngb-tooltip-window.tooltip.bs-tooltip-bottom {
  margin: 0px !important;
}
.accountCombo .descriptionTooltip + ngb-tooltip-window.tooltip.bs-tooltip-bottom::after {
  bottom: var(--tooltip-mid-pos-block);
  background: linear-gradient(to top left, transparent 50%, #ffffff 50%);
}
.accountCombo .descriptionTooltip + ngb-tooltip-window.tooltip.bs-tooltip-bottom .tooltip-arrow {
  border-bottom: solid 5px #ffffff;
}
.accountCombo .descriptionTooltip + ngb-tooltip-window.tooltip.bs-tooltip-bottom .tooltip-inner {
  width: max-content;
  display: table;
  max-width: 600px;
  text-align: center;
  font-size: 15px;
  border: none;
  box-shadow: 0px -8px 25px 0 rgba(81, 144, 182, 0.2);
}
.accountCombo .no-tooltip + .tooltip {
  display: none !important;
}
.accountCombo .btnFilter.open,
.accountCombo .btnFilter.show {
  width: 308px;
}
.accountCombo .btnFilter.open [id^="dropdownMenu1"],
.accountCombo .btnFilter.show [id^="dropdownMenu1"] {
  border: none;
}
.accountCombo .btnFilter.open ul.dropdownOperation,
.accountCombo .btnFilter.show ul.dropdownOperation {
  top: 36px !important;
}
.accountCombo .btnFilter.open div.dropdownOperation,
.accountCombo .btnFilter.show div.dropdownOperation {
  top: 34px !important;
}
.accountCombo .btnFilter.open .dropdownOperation,
.accountCombo .btnFilter.show .dropdownOperation {
  padding-top: 0;
  padding-bottom: 0;
  min-width: 308px;
  width: auto ;
}
.accountCombo .btnFilter.open .dropdownOperation.dropdown-menu li a,
.accountCombo .btnFilter.show .dropdownOperation.dropdown-menu li a {
  white-space: nowrap ;
}
.accountCombo .btnFilter.open .dropdownOperation.dropdown-menu li:before,
.accountCombo .btnFilter.show .dropdownOperation.dropdown-menu li:before {
  content: none;
}
.accountCombo .btnFilter.open .dropdownOperation .accountComboLinks .selected,
.accountCombo .btnFilter.show .dropdownOperation .accountComboLinks .selected {
  color: #4bc87d !important;
}
.accountCombo .btnFilter.open .dropdownOperation .accountComboLinks a,
.accountCombo .btnFilter.show .dropdownOperation .accountComboLinks a,
.accountCombo .btnFilter.open .dropdownOperation .accountComboLinks span,
.accountCombo .btnFilter.show .dropdownOperation .accountComboLinks span {
  color: #333a46;
  font-size: 14px;
  font-family: 'Rubik';
  line-height: 1.4;
  letter-spacing: -0.25px;
}
.accountCombo .btnFilter.open .dropdownOperation .accountComboLinks a:hover,
.accountCombo .btnFilter.show .dropdownOperation .accountComboLinks a:hover,
.accountCombo .btnFilter.open .dropdownOperation .accountComboLinks span:hover,
.accountCombo .btnFilter.show .dropdownOperation .accountComboLinks span:hover {
  color: #4bc87d !important;
  cursor: pointer;
}
.accountCombo .limited-height-dropdown-new-combo {
  max-height: 284px;
  overflow-y: visible;
  margin-bottom: 14px;
}
.accountCombo .limited-height-dropdown {
  max-height: 284px;
  overflow: hidden;
  margin-bottom: 14px;
}
.accountCombo .companyContainer {
  margin-top: 10px;
}
.accountCombo .companyContainer li {
  padding: 3px 0px;
}
.accountCombo .companyContainer li a {
  padding: 0px 20px;
}
.accountCombo .iScrollVerticalScrollbar {
  background: #ffffff !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: default !important;
  width: 3px;
  position: absolute;
  z-index: 9999;
  top: 10px;
  bottom: 10px;
  right: 8px;
  border-radius: 30px;
}
.accountCombo .iScrollIndicator {
  background: #25cb92;
  border-radius: 30px;
}
.accountCombo .noAccountSelectedError {
  font-size: 12px;
  font-weight: 100;
  text-align: center;
  color: #f54e4e;
}
.accountCombo.companies-multi-select-combo {
  width: 100%;
}
.accountCombo.companies-multi-select-combo .dropdown-toggle-text {
  font-family: Rubik;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #3b4658;
}
.accountCombo.companies-multi-select-combo input[type="checkbox"] + label span {
  margin-bottom: -2px;
}
.accountCombo.companies-multi-select-combo .btnFilter.open .generalDropdown,
.accountCombo.companies-multi-select-combo .btnFilter.show .generalDropdown {
  width: 100%;
}
.accountCombo.companies-multi-select-combo .btnFilter.open .generalDropdown::after,
.accountCombo.companies-multi-select-combo .btnFilter.show .generalDropdown::after {
  width: 90%;
  left: 5%;
}
.accountCombo.companies-multi-select-combo .btnFilter.open .dropdownOperation,
.accountCombo.companies-multi-select-combo .btnFilter.show .dropdownOperation {
  width: 100%;
  padding-bottom: 5px;
}
.accountCombo .tableContainer li {
  margin-bottom: 15px;
}
.accountCombo .account-button-wrapper {
  padding-block: 1px;
}
.accountCombo .account-button-wrapper .accountButtonSpacer {
  margin-bottom: 2px;
}
.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  direction: ltr;
}
.scrollable * {
  direction: rtl;
}
.scrollable.revert * {
  direction: ltr;
}
.scrollable::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.scrollable::-webkit-scrollbar-thumb {
  background-color: #4bc87d;
}
.scrollable.limited-height {
  max-height: 230px;
}
.scrollable.limited-height-full {
  max-height: 400px;
}
.scrollable.limited-height-with-button {
  max-height: 300px;
}
.scrollable.fit-height {
  max-height: 80%;
}
.scrollable.horizontal {
  overflow-x: auto;
}
#print .scrollable,
#savePDF .scrollable {
  background-color: #0db9f0;
  overflow-y: hidden!important;
}
#print .scrollable.limited-height,
#savePDF .scrollable.limited-height {
  max-height: unset!important;
}
#print .scrollable.limited-height-full,
#savePDF .scrollable.limited-height-full {
  max-height: unset!important;
}
@media print {
  .scrollable {
    overflow-y: hidden!important;
  }
  .scrollable.limited-height {
    max-height: unset!important;
  }
  .scrollable.limited-height-full {
    max-height: unset!important;
  }
}
.landingPageIndicator.icon-star-green {
  width: 27px;
  height: 20px;
  background-image: url(media/images/icon-sprite.a77066123c915eb49a88..png);
  background-position: left -147px top -65px;
  top: 15px;
  left: 0px;
  border-bottom: none;
}
.landingPageIndicator.icon-star-gray {
  width: 27px;
  height: 20px;
  background-image: url(media/images/icon-sprite.a77066123c915eb49a88..png);
  background-position: left -97px top -65px;
  top: 15px;
  left: 0px;
  border-bottom: none;
}
#popUpWizard.loans-flow .disabled {
  opacity: 0.4;
}
#popUpWizard.loans-flow .form-style-wrapper .error-msg {
  padding-bottom: 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#popUpWizard.loans-flow .loader-wrapper {
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
#popUpWizard.loans-flow .wizard-error {
  margin-top: 90px;
  margin-bottom: 90px;
  text-align: center;
}
#popUpWizard.loans-flow .wizard-error img {
  margin-bottom: 20px;
}
#popUpWizard.loans-flow .wizard-error .general-btn {
  margin-top: 30px;
}
#popUpWizard.loans-flow .wizard-error .rc-global-error img {
  margin-right: 0;
}
#popUpWizard.loans-flow .text-title {
  color: #677b8a;
}
#popUpWizard.loans-flow .text-value {
  color: #333a46;
}
#popUpWizard.loans-flow .range_slider {
  position: relative;
  padding-bottom: 23px;
}
#popUpWizard.loans-flow .range_slider .rzslider.p-slider .p-slider-range {
  background: #526ab0;
}
#popUpWizard.loans-flow .range_slider .rzslider.p-slider.p-slider .p-slider-handle {
  border: 2px solid #526ab0;
}
#popUpWizard.loans-flow .range_slider .rzslider.p-slider.p-slider .p-slider-handle:focus {
  box-shadow: 0 0 0 0.2rem #9aa7ce;
}
#popUpWizard.loans-flow .range_slider .rzslider.p-slider.p-slider .p-slider-range {
  background: #526ab0;
}
#popUpWizard.loans-flow .range_slider .rzslider.p-slider.p-slider:not(.p-disabled) .p-slider-handle:hover {
  background: #526ab0;
  border-color: #526ab0;
}
#popUpWizard.loans-flow .range_slider .rzslider .rz-bar {
  height: 11px;
  border-radius: 15px;
  background-color: #dbe5ed;
}
#popUpWizard.loans-flow .range_slider .rzslider .rz-selection {
  background-color: #526ab0;
  border: 1px solid #979797;
}
#popUpWizard.loans-flow .range_slider .rzslider .rz-pointer {
  top: -7px;
  height: 23px;
  width: 23px;
  background-color: #526ab0;
  border: 1px solid #ffffff;
}
#popUpWizard.loans-flow .range_slider .rzslider .rz-pointer:after {
  display: none;
}
#popUpWizard.loans-flow .range_slider .rzslider .rz-bubble {
  display: none;
}
#popUpWizard.loans-flow .range_slider .rzSlider-limit {
  font-family: 'Josefin Sans';
  font-size: 16px;
  position: absolute;
  bottom: 0px;
}
#popUpWizard.loans-flow .range_slider .rzSlider-limit.rzSlider-floor {
  left: 0;
}
#popUpWizard.loans-flow .range_slider .rzSlider-limit.rzSlider-ceil {
  right: 0;
}
#popUpWizard.loans-flow .number {
  line-height: 1;
}
#popUpWizard .amortizationSchedule-table-wrapper .inner-table {
  overflow-x: hidden;
}
.retail-global-error {
  height: 385px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  padding-top: 45px;
}
.retail-global-error img {
  margin-top: 50px;
  margin-bottom: 25px;
  margin-right: 20px;
}
.retail-global-error .error-content-with-cb img {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
}
.retail-global-error .error-content-with-cb .error-with-cb {
  margin-bottom: 13px;
}
.retail-global-error .error-content-with-cb .general-btn {
  height: 40px;
  line-height: 40px;
  width: 140px;
}
.retail-global-error .error-content-with-cb .text {
  color: #7d91a1;
}
.retail-global-error .retail-global-error-text {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 20px;
}
.visible-exportTools {
  display: none !important;
}
@media print {
  body .main-dashboard-content .queryContent div,
  body .main-dashboard-content .queryContent span {
    font-family: 'miriam fixed', monospace !important;
  }
}
#print body,
#savePDF body {
  line-height: 1.2;
}
#print .col-print-date,
#savePDF .col-print-date {
  width: 10.5%;
}
#print .col-print-amount,
#savePDF .col-print-amount {
  width: 11.5%;
}
#print .col-print-date-guarantees,
#savePDF .col-print-date-guarantees {
  width: 13%;
}
#print .col-print-status-guarantees,
#savePDF .col-print-status-guarantees {
  width: 8%;
}
#print .col-print-beneficiaryName-guarantees,
#savePDF .col-print-beneficiaryName-guarantees {
  width: 18%;
}
#print .col-print-guaranteeIDNum-guarantees,
#savePDF .col-print-guaranteeIDNum-guarantees {
  width: 23.5%;
}
#print .col-print-amount-guarantees,
#savePDF .col-print-amount-guarantees {
  width: 17%;
  direction: rtl !important;
}
#print .col-print-guarantee-description,
#savePDF .col-print-guarantee-description {
  width: 14%;
}
#print .col-print-evaluated-guarantees,
#savePDF .col-print-evaluated-guarantees {
  width: 17%;
}
#print .process-summary-detail.row,
#savePDF .process-summary-detail.row {
  padding: 0;
}
#print foreign-transaction-table table td[class*='col-'],
#savePDF foreign-transaction-table table td[class*='col-'],
#print foreign-transaction-table table th[class*='col-'],
#savePDF foreign-transaction-table table th[class*='col-'] {
  width: auto;
}
#print .main-dashboard-content .show-in-print,
#savePDF .main-dashboard-content .show-in-print {
  display: block !important;
}
#print .csSpaSmeExpand__actionsBar,
#savePDF .csSpaSmeExpand__actionsBar {
  display: none;
}
#print .expandKey,
#savePDF .expandKey,
#print .expandValue,
#savePDF .expandValue {
  width: 100%;
  font-size: 14px;
  width: 100% !important;
}
#print .expandKey--white,
#savePDF .expandKey--white,
#print .expandValue--white,
#savePDF .expandValue--white {
  color: gray;
}
#print .expandTopbar,
#savePDF .expandTopbar {
  top: 0;
  display: flex;
  box-shadow: none;
}
#print .expandTopbar__item,
#savePDF .expandTopbar__item {
  border: none;
}
#print .summary-row,
#savePDF .summary-row {
  font-weight: bold;
}
#print .table-info-msg-heading-v2,
#savePDF .table-info-msg-heading-v2,
#print .table-info-msg-heading,
#savePDF .table-info-msg-heading {
  display: inline-block;
}
#print .table-info-msg-wrapper,
#savePDF .table-info-msg-wrapper {
  margin-top: 16px;
}
#print .diamondsAccountDetailsSection,
#savePDF .diamondsAccountDetailsSection {
  margin-top: 32px;
}
#print .bottomCellsSection,
#savePDF .bottomCellsSection {
  padding: 0;
  list-style: none;
}
#print .bottomCell,
#savePDF .bottomCell,
#print .diamondsAccountDetail,
#savePDF .diamondsAccountDetail {
  margin-left: 12px;
  display: inline-block;
}
#print .diamondsAccountDetail--greenBorder,
#savePDF .diamondsAccountDetail--greenBorder {
  padding: 4px;
  border: none;
}
#print .print-row,
#savePDF .print-row {
  padding-right: 50px;
}
#print .profile-lobby-content .generalTable,
#savePDF .profile-lobby-content .generalTable {
  margin-bottom: 20px;
}
#print .checkDataSection .checkDetails li,
#savePDF .checkDataSection .checkDetails li {
  margin-top: 0;
}
#print table.flexbox-table td,
#savePDF table.flexbox-table td {
  font-size: 14px;
}
#print .visible-exportTools,
#savePDF .visible-exportTools {
  display: block !important;
}
#print .modal-dialog,
#savePDF .modal-dialog {
  margin: 0;
  width: 100%;
}
#print .modal-dialog .reportData,
#savePDF .modal-dialog .reportData {
  margin: 0;
  width: 100%;
  font-size: 11px;
  box-shadow: none;
  overflow-x: unset;
}
#print .modal-content-proper-mobile,
#savePDF .modal-content-proper-mobile {
  display: block;
}
#print .modal-header-m,
#savePDF .modal-header-m {
  text-align: center;
}
#print .dashboard-card,
#savePDF .dashboard-card {
  padding: 8px;
  margin-top: 10px;
  border: 1px solid black;
}
#print .dashboard-card button,
#savePDF .dashboard-card button {
  height: 28px;
  padding: 0 12px;
  background: none;
  line-height: 28px;
  border-radius: 50px;
  border: 1px solid gray;
}
#print .dashboard-card .row,
#savePDF .dashboard-card .row {
  margin: 0;
}
#print .dashboard-card .generalTable,
#savePDF .dashboard-card .generalTable {
  width: 100%;
}
#print .dashboard-card-header,
#savePDF .dashboard-card-header {
  text-align: center;
}
#print .dashboard-card-title,
#savePDF .dashboard-card-title {
  font-size: 26px !important;
}
#print .dashboard-card-sum span,
#savePDF .dashboard-card-sum span {
  font-size: 20px !important;
  font-family: 'Josefin Sans' !important;
}
#print .dashboard-card-bottom-cells,
#savePDF .dashboard-card-bottom-cells {
  display: flex;
}
#print .dashboard-card-bottom-cells > div,
#savePDF .dashboard-card-bottom-cells > div {
  width: 20%;
  padding-right: 8px;
  border-left: 1px solid gray;
}
#print .dashboard-card-bottom-cells > div:last-of-type,
#savePDF .dashboard-card-bottom-cells > div:last-of-type {
  border-left: none;
}
#print .dashboard-card-bottom-cells > div > div,
#savePDF .dashboard-card-bottom-cells > div > div {
  display: block;
}
#print .credit-cards-card .progressContainer,
#savePDF .credit-cards-card .progressContainer {
  height: 8px;
  width: 400px;
  overflow: hidden;
  border: 1px solid black;
}
#print .credit-cards-card .frameWorkNotExceeded,
#savePDF .credit-cards-card .frameWorkNotExceeded {
  height: 8px;
  border: 4px solid gray;
}
#print #credit-cards-movingPart,
#savePDF #credit-cards-movingPart {
  display: flex;
  flex-wrap: wrap;
}
#print .card-tabs-wrapper,
#savePDF .card-tabs-wrapper {
  text-align: center;
  margin-bottom: 12px;
}
#print .card-tabs-wrapper .active,
#savePDF .card-tabs-wrapper .active {
  border-bottom: 2px solid gray;
}
#print .credit-card-item-wrapper,
#savePDF .credit-card-item-wrapper {
  width: 24%;
  padding: 8px;
  margin-left: 1%;
  margin-bottom: 12px;
  border: 1px solid gray;
}
#print .credit-card-number b,
#savePDF .credit-card-number b {
  margin-right: 8px;
}
#print .credit-card-number i,
#savePDF .credit-card-number i {
  width: 4px;
  height: 4px;
  margin-right: 2px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid gray;
}
#print .credit-cards-dots-wrapper,
#savePDF .credit-cards-dots-wrapper {
  display: none;
}
#print .dashboard-halves-section,
#savePDF .dashboard-halves-section {
  margin-top: 12px;
  display: flex;
  justify-content: center;
}
#print .dashboard-halves-section > div,
#savePDF .dashboard-halves-section > div {
  margin-left: 16px;
}
#print .foreign-currency-table,
#savePDF .foreign-currency-table {
  width: 100%;
}
#print .foreign-currency-table tr,
#savePDF .foreign-currency-table tr {
  border: 1px solid gray;
}
#print .foreign-currency-table th,
#savePDF .foreign-currency-table th,
#print .foreign-currency-table td,
#savePDF .foreign-currency-table td {
  padding-right: 8px;
  border-left: 1px solid gray;
}
#print .foreign-currency-table th:last-child,
#savePDF .foreign-currency-table th:last-child,
#print .foreign-currency-table td:last-child,
#savePDF .foreign-currency-table td:last-child {
  border-left: none;
}
#print .thirds-section-wrapper,
#savePDF .thirds-section-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#print .thirds-section-data-wrapper,
#savePDF .thirds-section-data-wrapper {
  width: calc(100% / 3);
}
#print .thirds-section-wrapper-title,
#savePDF .thirds-section-wrapper-title {
  width: 100%;
}
#print .creditCardlimit-modal-content tr th,
#savePDF .creditCardlimit-modal-content tr th {
  width: 20%;
}
#print .creditCardlimit-modal-content td,
#savePDF .creditCardlimit-modal-content td {
  text-align: right;
}
#print .creditCardlimit-modal-content .modal-header,
#savePDF .creditCardlimit-modal-content .modal-header {
  border: none;
}
#print .creditCardlimit-modal-content .headerCreditLimit,
#savePDF .creditCardlimit-modal-content .headerCreditLimit {
  text-align: center;
  padding-bottom: 4px;
  border-bottom: 1px solid lightgrey;
}
#print .creditCardlimit-modal-content .credit-border,
#savePDF .creditCardlimit-modal-content .credit-border {
  border-bottom: 1px solid lightgrey;
}
#print .creditCardlimit-modal-content .card-limit-text,
#savePDF .creditCardlimit-modal-content .card-limit-text {
  font-weight: bold;
  margin-bottom: 10px;
}
#print .creditCardlimit-modal-content .card-limit-text .cardLimitTitle,
#savePDF .creditCardlimit-modal-content .card-limit-text .cardLimitTitle {
  font-size: 21px;
}
#print .creditCardlimit-modal-content .card-limit-text .cardLimitSubTitle,
#savePDF .creditCardlimit-modal-content .card-limit-text .cardLimitSubTitle {
  font-size: 16px;
}
#print .creditCardlimit-modal-content .modal-footer,
#savePDF .creditCardlimit-modal-content .modal-footer {
  text-align: right;
}
#print .creditCardlimit-modal-content .burned_messages_header,
#savePDF .creditCardlimit-modal-content .burned_messages_header {
  font-size: 14px;
}
#print .creditCardlimitOshTD tr td,
#savePDF .creditCardlimitOshTD tr td {
  width: 20%;
  text-align: right;
}
#print .no-print,
#savePDF .no-print {
  display: none !important;
}
#print .loansModalWindow .infoSide,
#savePDF .loansModalWindow .infoSide {
  width: auto;
  color: black;
}
#print .loansModalWindow .infoSide ul,
#savePDF .loansModalWindow .infoSide ul {
  display: flex;
  justify-content: space-between;
}
#print .loansModalWindow .infoSide li,
#savePDF .loansModalWindow .infoSide li {
  margin: 0;
}
#print .loansModalWindow .infoSide li p,
#savePDF .loansModalWindow .infoSide li p,
#print .loansModalWindow .infoSide li .sidebar-amount,
#savePDF .loansModalWindow .infoSide li .sidebar-amount {
  margin: 0;
  padding-left: 20px;
}
#print .loansModalWindow .tabSection,
#savePDF .loansModalWindow .tabSection {
  display: none;
}
#print .lobbyChecksContent div.general-box-shadow,
#savePDF .lobbyChecksContent div.general-box-shadow {
  box-shadow: none;
}
#print .lobbyChecksContent .table-info-msg-wrapper .number,
#savePDF .lobbyChecksContent .table-info-msg-wrapper .number {
  direction: ltr;
  display: inline-block;
}
#print .doubleColspan .title,
#savePDF .doubleColspan .title {
  text-align: center;
}
#print .doubleColspanContent span,
#savePDF .doubleColspanContent span {
  background: none !important;
}
#print .modal-dialog,
#savePDF .modal-dialog {
  width: 100vw;
}
#print .modal-dialog .contentOsh,
#savePDF .modal-dialog .contentOsh {
  margin-top: 12px;
}
#print .modal-dialog .containerOsh,
#savePDF .modal-dialog .containerOsh {
  background: transparent;
}
#print .modal-dialog .modal-content,
#savePDF .modal-dialog .modal-content {
  border: none;
  box-shadow: none;
  background: none;
}
#print .modal-dialog .modal-content-transfers,
#savePDF .modal-dialog .modal-content-transfers,
#print .modal-dialog .modal-content-salaries,
#savePDF .modal-dialog .modal-content-salaries,
#print .modal-dialog .modal-content-billsPayment,
#savePDF .modal-dialog .modal-content-billsPayment,
#print .modal-dialog .modal-content-guarantees,
#savePDF .modal-dialog .modal-content-guarantees,
#print .modal-dialog .modal-content-historical-revaluation,
#savePDF .modal-dialog .modal-content-historical-revaluation {
  display: flex !important;
  flex-wrap: wrap;
}
#print .modal-dialog .modal-content-transfers .content-side,
#savePDF .modal-dialog .modal-content-transfers .content-side,
#print .modal-dialog .modal-content-salaries .content-side,
#savePDF .modal-dialog .modal-content-salaries .content-side,
#print .modal-dialog .modal-content-billsPayment .content-side,
#savePDF .modal-dialog .modal-content-billsPayment .content-side,
#print .modal-dialog .modal-content-guarantees .content-side,
#savePDF .modal-dialog .modal-content-guarantees .content-side,
#print .modal-dialog .modal-content-historical-revaluation .content-side,
#savePDF .modal-dialog .modal-content-historical-revaluation .content-side {
  width: 100%;
  order: 1;
  padding-right: 40px;
}
#print .modal-dialog .modal-content-transfers .content-side .two-column-table,
#savePDF .modal-dialog .modal-content-transfers .content-side .two-column-table,
#print .modal-dialog .modal-content-salaries .content-side .two-column-table,
#savePDF .modal-dialog .modal-content-salaries .content-side .two-column-table,
#print .modal-dialog .modal-content-billsPayment .content-side .two-column-table,
#savePDF .modal-dialog .modal-content-billsPayment .content-side .two-column-table,
#print .modal-dialog .modal-content-guarantees .content-side .two-column-table,
#savePDF .modal-dialog .modal-content-guarantees .content-side .two-column-table,
#print .modal-dialog .modal-content-historical-revaluation .content-side .two-column-table,
#savePDF .modal-dialog .modal-content-historical-revaluation .content-side .two-column-table {
  margin-top: 12px;
}
#print .modal-dialog .modal-content-transfers .content-side .two-column-table li,
#savePDF .modal-dialog .modal-content-transfers .content-side .two-column-table li,
#print .modal-dialog .modal-content-salaries .content-side .two-column-table li,
#savePDF .modal-dialog .modal-content-salaries .content-side .two-column-table li,
#print .modal-dialog .modal-content-billsPayment .content-side .two-column-table li,
#savePDF .modal-dialog .modal-content-billsPayment .content-side .two-column-table li,
#print .modal-dialog .modal-content-guarantees .content-side .two-column-table li,
#savePDF .modal-dialog .modal-content-guarantees .content-side .two-column-table li,
#print .modal-dialog .modal-content-historical-revaluation .content-side .two-column-table li,
#savePDF .modal-dialog .modal-content-historical-revaluation .content-side .two-column-table li {
  width: 60%;
  height: 46px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid gray;
}
#print .modal-dialog .modal-content-transfers .content-side .two-column-table li .property-name,
#savePDF .modal-dialog .modal-content-transfers .content-side .two-column-table li .property-name,
#print .modal-dialog .modal-content-salaries .content-side .two-column-table li .property-name,
#savePDF .modal-dialog .modal-content-salaries .content-side .two-column-table li .property-name,
#print .modal-dialog .modal-content-billsPayment .content-side .two-column-table li .property-name,
#savePDF .modal-dialog .modal-content-billsPayment .content-side .two-column-table li .property-name,
#print .modal-dialog .modal-content-guarantees .content-side .two-column-table li .property-name,
#savePDF .modal-dialog .modal-content-guarantees .content-side .two-column-table li .property-name,
#print .modal-dialog .modal-content-historical-revaluation .content-side .two-column-table li .property-name,
#savePDF .modal-dialog .modal-content-historical-revaluation .content-side .two-column-table li .property-name {
  width: 65%;
}
#print .modal-dialog .modal-content-transfers .content-side .two-column-table li .property-value,
#savePDF .modal-dialog .modal-content-transfers .content-side .two-column-table li .property-value,
#print .modal-dialog .modal-content-salaries .content-side .two-column-table li .property-value,
#savePDF .modal-dialog .modal-content-salaries .content-side .two-column-table li .property-value,
#print .modal-dialog .modal-content-billsPayment .content-side .two-column-table li .property-value,
#savePDF .modal-dialog .modal-content-billsPayment .content-side .two-column-table li .property-value,
#print .modal-dialog .modal-content-guarantees .content-side .two-column-table li .property-value,
#savePDF .modal-dialog .modal-content-guarantees .content-side .two-column-table li .property-value,
#print .modal-dialog .modal-content-historical-revaluation .content-side .two-column-table li .property-value,
#savePDF .modal-dialog .modal-content-historical-revaluation .content-side .two-column-table li .property-value {
  width: 35%;
}
#print .modal-dialog .modal-content-transfers .content-side .modal-table th,
#savePDF .modal-dialog .modal-content-transfers .content-side .modal-table th,
#print .modal-dialog .modal-content-salaries .content-side .modal-table th,
#savePDF .modal-dialog .modal-content-salaries .content-side .modal-table th,
#print .modal-dialog .modal-content-billsPayment .content-side .modal-table th,
#savePDF .modal-dialog .modal-content-billsPayment .content-side .modal-table th,
#print .modal-dialog .modal-content-guarantees .content-side .modal-table th,
#savePDF .modal-dialog .modal-content-guarantees .content-side .modal-table th,
#print .modal-dialog .modal-content-historical-revaluation .content-side .modal-table th,
#savePDF .modal-dialog .modal-content-historical-revaluation .content-side .modal-table th {
  padding-right: 0;
}
#print .modal-dialog .modal-content-transfers .sidebar-side,
#savePDF .modal-dialog .modal-content-transfers .sidebar-side,
#print .modal-dialog .modal-content-salaries .sidebar-side,
#savePDF .modal-dialog .modal-content-salaries .sidebar-side,
#print .modal-dialog .modal-content-billsPayment .sidebar-side,
#savePDF .modal-dialog .modal-content-billsPayment .sidebar-side,
#print .modal-dialog .modal-content-guarantees .sidebar-side,
#savePDF .modal-dialog .modal-content-guarantees .sidebar-side,
#print .modal-dialog .modal-content-historical-revaluation .sidebar-side,
#savePDF .modal-dialog .modal-content-historical-revaluation .sidebar-side {
  width: 100%;
  padding: 12px;
  order: 0;
  display: flex;
  align-items: center;
  border: 1px solid #000;
  justify-content: space-between;
}
#print .modal-dialog .modal-content-transfers .sidebar-side li,
#savePDF .modal-dialog .modal-content-transfers .sidebar-side li,
#print .modal-dialog .modal-content-salaries .sidebar-side li,
#savePDF .modal-dialog .modal-content-salaries .sidebar-side li,
#print .modal-dialog .modal-content-billsPayment .sidebar-side li,
#savePDF .modal-dialog .modal-content-billsPayment .sidebar-side li,
#print .modal-dialog .modal-content-guarantees .sidebar-side li,
#savePDF .modal-dialog .modal-content-guarantees .sidebar-side li,
#print .modal-dialog .modal-content-historical-revaluation .sidebar-side li,
#savePDF .modal-dialog .modal-content-historical-revaluation .sidebar-side li {
  padding: 0;
}
#print .modal-dialog .modal-content-transfers .sidebar-side .field-value,
#savePDF .modal-dialog .modal-content-transfers .sidebar-side .field-value,
#print .modal-dialog .modal-content-salaries .sidebar-side .field-value,
#savePDF .modal-dialog .modal-content-salaries .sidebar-side .field-value,
#print .modal-dialog .modal-content-billsPayment .sidebar-side .field-value,
#savePDF .modal-dialog .modal-content-billsPayment .sidebar-side .field-value,
#print .modal-dialog .modal-content-guarantees .sidebar-side .field-value,
#savePDF .modal-dialog .modal-content-guarantees .sidebar-side .field-value,
#print .modal-dialog .modal-content-historical-revaluation .sidebar-side .field-value,
#savePDF .modal-dialog .modal-content-historical-revaluation .sidebar-side .field-value {
  font-weight: bold;
}
#print .modal-dialog .modal-content-transfers .sidebar-side .btnHelp,
#savePDF .modal-dialog .modal-content-transfers .sidebar-side .btnHelp,
#print .modal-dialog .modal-content-salaries .sidebar-side .btnHelp,
#savePDF .modal-dialog .modal-content-salaries .sidebar-side .btnHelp,
#print .modal-dialog .modal-content-billsPayment .sidebar-side .btnHelp,
#savePDF .modal-dialog .modal-content-billsPayment .sidebar-side .btnHelp,
#print .modal-dialog .modal-content-guarantees .sidebar-side .btnHelp,
#savePDF .modal-dialog .modal-content-guarantees .sidebar-side .btnHelp,
#print .modal-dialog .modal-content-historical-revaluation .sidebar-side .btnHelp,
#savePDF .modal-dialog .modal-content-historical-revaluation .sidebar-side .btnHelp {
  display: none;
}
#print .modal-dialog .singleCheckView .topbar,
#savePDF .modal-dialog .singleCheckView .topbar {
  border: 1px solid black;
}
#print .modal-dialog .singleCheckView .contentOsh,
#savePDF .modal-dialog .singleCheckView .contentOsh {
  margin-top: 24px;
}
#print .modal-dialog .singleCheckView .checkPictureBox,
#savePDF .modal-dialog .singleCheckView .checkPictureBox {
  margin-top: 0;
}
#print .modal-dialog .singleCheckView .checkPictureBox img,
#savePDF .modal-dialog .singleCheckView .checkPictureBox img {
  margin-bottom: 12px;
}
#print .modal-dialog .singleCheckView .checkPictureBox .ng-hide:not(.ng-hide-animate),
#savePDF .modal-dialog .singleCheckView .checkPictureBox .ng-hide:not(.ng-hide-animate) {
  display: block !important;
}
#print .modal-dialog .modal-content-checks .showInPrint,
#savePDF .modal-dialog .modal-content-checks .showInPrint {
  visibility: visible;
  page-break-inside: avoid;
}
#print .modal-dialog .modal-content-checks .only-print,
#savePDF .modal-dialog .modal-content-checks .only-print {
  display: block;
}
#print .modal-dialog .modal-content-checks .InfoPermission li,
#savePDF .modal-dialog .modal-content-checks .InfoPermission li {
  width: 100% !important;
}
#print .modal-dialog .checkPictureBox,
#savePDF .modal-dialog .checkPictureBox {
  margin-top: 0;
}
#print .modal-dialog .check-front-img,
#savePDF .modal-dialog .check-front-img,
#print .modal-dialog .check-back-img,
#savePDF .modal-dialog .check-back-img {
  width: 100%;
  margin-bottom: 24px;
}
#print .modal-dialog .check-front-img img,
#savePDF .modal-dialog .check-front-img img,
#print .modal-dialog .check-back-img img,
#savePDF .modal-dialog .check-back-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
#print .advanced-search-mobile,
#savePDF .advanced-search-mobile {
  display: none !important;
}
#print .queryContent,
#savePDF .queryContent {
  white-space: pre !important;
}
#print .queryContent.ltr__bypass,
#savePDF .queryContent.ltr__bypass {
  direction: ltr;
}
#print .queryContent.rtl__bypass,
#savePDF .queryContent.rtl__bypass {
  direction: rtl;
}
#print .queryContent div,
#savePDF .queryContent div,
#print .queryContent span,
#savePDF .queryContent span {
  font-family: 'miriam fixed', monospace !important;
}
#print .queryContent.white-space-nowrap,
#savePDF .queryContent.white-space-nowrap {
  white-space: nowrap !important;
}
#print .report-btns,
#savePDF .report-btns,
#print .advanced-search-btn-wrapper,
#savePDF .advanced-search-btn-wrapper,
#print .dropdownBlock p,
#savePDF .dropdownBlock p {
  display: none !important;
}
#print .visible-for-export.hidden-xs,
#savePDF .visible-for-export.hidden-xs {
  display: block !important;
}
#print .dropdownBlock,
#savePDF .dropdownBlock,
#print .credit-cards-dropdowns .btnFilter,
#savePDF .credit-cards-dropdowns .btnFilter {
  list-style: none;
  margin-left: 12px;
  display: inline-block;
}
#print .dropdownBlock .generalDropdown,
#savePDF .dropdownBlock .generalDropdown,
#print .credit-cards-dropdowns .btnFilter .generalDropdown,
#savePDF .credit-cards-dropdowns .btnFilter .generalDropdown {
  background: none;
  border: none;
}
#print .seperate-default,
#savePDF .seperate-default {
  border-left: 1px solid;
}
#print .generalTable .visible-xs,
#savePDF .generalTable .visible-xs,
#print .generalTable .visible-sm,
#savePDF .generalTable .visible-sm,
#print .generalTable .visible-md,
#savePDF .generalTable .visible-md,
#print .generalTable .visible-lg,
#savePDF .generalTable .visible-lg,
#print .generalTable .hidden-xs,
#savePDF .generalTable .hidden-xs,
#print .generalTable .hidden-sm,
#savePDF .generalTable .hidden-sm,
#print .generalTable .hidden-md,
#savePDF .generalTable .hidden-md,
#print .generalTable .hidden-lg,
#savePDF .generalTable .hidden-lg {
  display: table-cell !important;
}
#print .generalTable thead,
#savePDF .generalTable thead {
  display: table-header-group !important;
}
#print .generalTable table,
#savePDF .generalTable table {
  width: 100% !important;
}
#print .generalTable tr:last-of-type td,
#savePDF .generalTable tr:last-of-type td {
  border-bottom: 0.5mm solid var(--table-border-color) !important;
}
#print .generalTable tr,
#savePDF .generalTable tr {
  height: auto;
}
#print .generalTable th,
#savePDF .generalTable th,
#print .generalTable td,
#savePDF .generalTable td {
  padding-top: 0;
  padding-right: 2mm;
  padding-bottom: 0;
  padding-left: 0;
  word-wrap: break-word;
  border-left: 0.5mm solid var(--table-border-color) !important;
  border-top: 0.5mm solid var(--table-border-color) !important;
  border-bottom: 0.5mm solid var(--table-border-color) !important;
  height: auto;
  font-size: 14px !important;
  font-family: 'Rubik' !important;
  background: none !important;
}
#print .generalTable th span,
#savePDF .generalTable th span,
#print .generalTable td span,
#savePDF .generalTable td span {
  background: none !important;
}
#print .generalTable th:first-of-type,
#savePDF .generalTable th:first-of-type,
#print .generalTable td:first-of-type,
#savePDF .generalTable td:first-of-type {
  border-right: 0.5mm solid var(--table-border-color);
}
#print .generalTable .textCard,
#savePDF .generalTable .textCard {
  padding-right: 0 !important;
}
#print .generalTable td,
#savePDF .generalTable td {
  direction: ltr !important;
  text-align: right !important;
}
#print .generalTable .direction-default,
#savePDF .generalTable .direction-default {
  direction: rtl !important;
}
#print .generalTable .menuTool,
#savePDF .generalTable .menuTool,
#print .generalTable .actionsColEmpty,
#savePDF .generalTable .actionsColEmpty,
#print .generalTable .advancedSearchSection,
#savePDF .generalTable .advancedSearchSection {
  display: none !important;
}
#print .cardsWrapper .cash-flow-tables .generalTable th,
#savePDF .cardsWrapper .cash-flow-tables .generalTable th {
  width: 12%;
}
#print .errorEmptyContent,
#savePDF .errorEmptyContent,
#print .noDeductions,
#savePDF .noDeductions,
#print .errorContent,
#savePDF .errorContent {
  text-align: center;
}
#print .advanced-search-window-btn,
#savePDF .advanced-search-window-btn,
#print .toggleViewBtns,
#savePDF .toggleViewBtns,
#print .contextual-action-icons,
#savePDF .contextual-action-icons,
#print .modal-tab-navs,
#savePDF .modal-tab-navs,
#print .ngsb-scrollbar,
#savePDF .ngsb-scrollbar,
#print .hidden-print,
#savePDF .hidden-print,
#print .spaceLinks,
#savePDF .spaceLinks,
#print .btnSum,
#savePDF .btnSum,
#print .clearSumRangeBtn,
#savePDF .clearSumRangeBtn,
#print .btnClearSearch,
#savePDF .btnClearSearch,
#print .dropSum,
#savePDF .dropSum,
#print .searchFilter,
#savePDF .searchFilter,
#print .rangeSelected,
#savePDF .rangeSelected,
#print .sumRangeCon,
#savePDF .sumRangeCon,
#print .tableViewSwitch,
#savePDF .tableViewSwitch {
  display: none !important;
}
#print .topActionBar.hidden-xs,
#savePDF .topActionBar.hidden-xs {
  display: block !important;
}
#print .topActionBar input,
#savePDF .topActionBar input,
#print .topActionBar .datepickerDropdown,
#savePDF .topActionBar .datepickerDropdown,
#print .topActionBar .green-search-icon,
#savePDF .topActionBar .green-search-icon {
  display: none;
}
#print .topActionBar .hidden-xs,
#savePDF .topActionBar .hidden-xs {
  display: block !important;
}
#print .topActionBar .account-combo,
#savePDF .topActionBar .account-combo {
  margin-right: 0;
  margin-left: 0;
}
#print .topActionBar .generalDropdown,
#savePDF .topActionBar .generalDropdown {
  background: none;
  border: none;
}
#print .topActionBar .generalDropdown .iconDate,
#savePDF .topActionBar .generalDropdown .iconDate {
  display: none;
}
#print .topActionBar .btnFilter,
#savePDF .topActionBar .btnFilter {
  margin-left: 12px;
}
#print .topActionBar .dropdownBtns,
#savePDF .topActionBar .dropdownBtns {
  height: auto;
}
#print .advanced-search-query,
#savePDF .advanced-search-query {
  color: black;
}
#print .advanced-search-query span,
#savePDF .advanced-search-query span {
  padding-left: 8px;
  margin-left: 8px;
  border-left: 1px solid black;
}
#print .advanced-search-query span:last-of-type,
#savePDF .advanced-search-query span:last-of-type {
  border-left: none;
}
#print .print-input-value,
#savePDF .print-input-value {
  color: black;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 12px;
}
#print .summaryForeignTable,
#savePDF .summaryForeignTable {
  margin-bottom: 10mm !important;
}
#print .active-details li,
#savePDF .active-details li {
  padding-bottom: 4mm;
}
#print .more-in-osh-modal .generalTable > div,
#savePDF .more-in-osh-modal .generalTable > div {
  max-height: initial;
  overflow: visible;
}
#print .descriptionTooltip,
#savePDF .descriptionTooltip,
#print .more-in-osh-modal .popupHeaderItem p,
#savePDF .more-in-osh-modal .popupHeaderItem p,
#print .more-in-osh-modal .modal-data-section li > span,
#savePDF .more-in-osh-modal .modal-data-section li > span {
  font-size: 14px !important;
  font-family: 'Rubik';
}
#print .titlesWraper .title p,
#savePDF .titlesWraper .title p {
  font-size: 21px;
  font-weight: 500;
}
#print .debitEstablishStep2 .header .title p,
#savePDF .debitEstablishStep2 .header .title p,
#print .debitCancelStep2 .header .title p,
#savePDF .debitCancelStep2 .header .title p,
#print .debitSuspendStep2 .header .title p,
#savePDF .debitSuspendStep2 .header .title p,
#print .debitRefundStep2 .header .title p,
#savePDF .debitRefundStep2 .header .title p {
  font-size: 21px;
  font-weight: 500;
}
#print .debitEstablishStep2 .titleBlack p,
#savePDF .debitEstablishStep2 .titleBlack p,
#print .debitCancelStep2 .titleBlack p,
#savePDF .debitCancelStep2 .titleBlack p,
#print .debitSuspendStep2 .titleBlack p,
#savePDF .debitSuspendStep2 .titleBlack p,
#print .debitRefundStep2 .titleBlack p,
#savePDF .debitRefundStep2 .titleBlack p {
  font-weight: bold;
}
#print .debitEstablishStep2 .legalInfo .legalInfoTitle,
#savePDF .debitEstablishStep2 .legalInfo .legalInfoTitle,
#print .debitCancelStep2 .legalInfo .legalInfoTitle,
#savePDF .debitCancelStep2 .legalInfo .legalInfoTitle,
#print .debitSuspendStep2 .legalInfo .legalInfoTitle,
#savePDF .debitSuspendStep2 .legalInfo .legalInfoTitle,
#print .debitRefundStep2 .legalInfo .legalInfoTitle,
#savePDF .debitRefundStep2 .legalInfo .legalInfoTitle {
  font-weight: bold;
}
#print .debitEstablishStep3 .step3title,
#savePDF .debitEstablishStep3 .step3title {
  margin-bottom: 0;
}
#print .more-in-osh-modal .titleTable,
#savePDF .more-in-osh-modal .titleTable {
  font-size: 18px;
  font-weight: bold;
}
#print .visible-print-block,
#savePDF .visible-print-block {
  display: block !important;
}
#print .visible-print-tableCell,
#savePDF .visible-print-tableCell {
  display: table-cell !important;
}
#print .financeInfo,
#savePDF .financeInfo {
  width: 50% !important;
}
#print .financeFooter,
#savePDF .financeFooter {
  display: block;
}
#print .financeFooter p,
#savePDF .financeFooter p {
  display: inline-block;
}
#print .doubleColspanContent,
#savePDF .doubleColspanContent {
  width: 95%;
  margin: 0 auto;
}
#print .doubleColspanContent > span:first-child,
#savePDF .doubleColspanContent > span:first-child {
  float: right;
}
#print .doubleColspanContent > span:last-child,
#savePDF .doubleColspanContent > span:last-child {
  float: left;
}
#print .doubleColspanContent > span,
#savePDF .doubleColspanContent > span {
  width: 50%;
  display: inline-block;
  text-align: center;
}
#print .print-rtl,
#savePDF .print-rtl,
#print .generalTable .print-rtl,
#savePDF .generalTable .print-rtl {
  direction: rtl !important;
}
#print .margin-l-8,
#savePDF .margin-l-8 {
  margin-left: 8mm;
}
#print .investment-portfolio-content footer,
#savePDF .investment-portfolio-content footer {
  visibility: visible !important;
}
#print .number,
#savePDF .number {
  unicode-bidi: embed;
  direction: ltr;
}
#print .datepickerDropdown .caretDate,
#savePDF .datepickerDropdown .caretDate {
  display: none;
}
#print .dropdownBlock,
#savePDF .dropdownBlock {
  display: block;
}
#print .account-balance-summary .generalTable .sortable-table .collapsed-content .print-table,
#savePDF .account-balance-summary .generalTable .sortable-table .collapsed-content .print-table {
  direction: rtl !important;
}
#print .account-balance-summary .generalTable .sortable-table .collapsed-content .print-table .no-border-print,
#savePDF .account-balance-summary .generalTable .sortable-table .collapsed-content .print-table .no-border-print {
  border-right: none;
}
#print .account-balance-summary .general-table-title,
#savePDF .account-balance-summary .general-table-title,
#print .account-balance-summary burned-message-heading,
#savePDF .account-balance-summary burned-message-heading {
  font-weight: bold;
}
#print .expandDataList__item,
#savePDF .expandDataList__item {
  margin-bottom: 0;
}
#print .burned-message-heading,
#savePDF .burned-message-heading {
  font-size: 14px;
  font-weight: bold;
}
#print .joinPlusLegalPopup .generalTable,
#savePDF .joinPlusLegalPopup .generalTable {
  box-shadow: none;
}
#print .joinPlusLegalPopup .generalTable .tableSection ul,
#savePDF .joinPlusLegalPopup .generalTable .tableSection ul,
#print .joinPlusLegalPopup .generalTable .tableSection ol,
#savePDF .joinPlusLegalPopup .generalTable .tableSection ol,
#print .joinPlusLegalPopup .generalTable .tableSection li,
#savePDF .joinPlusLegalPopup .generalTable .tableSection li {
  padding-right: 18px;
  margin: auto;
  list-style: disc;
}
@media print {
  .print-no-padding {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .pdf-only {
    display: none;
  }
  .print-only {
    display: block;
  }
  .no-border-print {
    border: none !important;
  }
  body #dynamic-header {
    font-size: 16px;
  }
  body h1,
  body h2,
  body h3 {
    font-size: 21px;
  }
  body .currency_symbol {
    font-size: 14px;
  }
  body li {
    list-style: none;
  }
  body .container-fluid {
    float: right;
  }
  body .display-flex {
    display: block !important;
  }
  body .display-flex-print {
    display: flex;
  }
  body .footerMessageComponent h4 {
    font-weight: bold;
  }
  body .gagula-title {
    font-weight: bold;
  }
  body .main-dashboard-content {
    width: 210mm !important;
    size: A4;
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  body .main-dashboard-content a[href]:after {
    display: none;
  }
  body .main-dashboard-content #flow-marks {
    Padding: 0 !important;
  }
  body .main-dashboard-content #OnlineHeaderConteiner {
    margin-bottom: 5px;
    height: 12px;
  }
  body .main-dashboard-content #OnLineRightMenu {
    display: none;
  }
  body .main-dashboard-content .container {
    width: auto !important;
  }
  body .main-dashboard-content.lobby {
    background-image: none !important;
  }
  body .main-dashboard-content .textTopTable {
    font-weight: bold;
  }
  body .main-dashboard-content .no-print {
    display: none;
  }
  body .main-dashboard-content .online_header_text h1 {
    padding-right: 0;
    margin-right: 0;
    font-size: 18px !important;
    font-family: Arial, sans-serif !important;
  }
  body .main-dashboard-content .online_header_text h1 span {
    padding-right: 0;
    margin-right: 0;
    font-size: 18px !important;
    font-family: Arial, sans-serif !important;
  }
  body .main-dashboard-content .cube,
  body .main-dashboard-content .strip-wrap,
  body .main-dashboard-content #list-row {
    page-break-inside: avoid;
  }
  body .main-dashboard-content #mobile-top > div {
    background: none !important;
  }
  body .main-dashboard-content .ng-table th.sortable div:before,
  body .main-dashboard-content .ngdialog .ng-table th.sortable div:before,
  body .main-dashboard-content .ng-table th.sortable div:after,
  body .main-dashboard-content .ngdialog .ng-table th.sortable div:after {
    display: none;
  }
  body .main-dashboard-content h1,
  body .main-dashboard-content h2,
  body .main-dashboard-content h3,
  body .main-dashboard-content h4,
  body .main-dashboard-content h5,
  body .main-dashboard-content h6 {
    font-size: 12px !important;
    font-family: Arial, sans-serif !important;
    color: black !important;
  }
  body .main-dashboard-content html,
  body .main-dashboard-content body,
  body .main-dashboard-content div,
  body .main-dashboard-content dl,
  body .main-dashboard-content dt,
  body .main-dashboard-content dd,
  body .main-dashboard-content ul,
  body .main-dashboard-content ol,
  body .main-dashboard-content li,
  body .main-dashboard-content span,
  body .main-dashboard-content p,
  body .main-dashboard-content input,
  body .main-dashboard-content a {
    font-size: 12px !important;
    font-family: Arial, sans-serif !important;
    color: black !important;
  }
  body .main-dashboard-content .big-tabs .bt-tabs {
    display: block;
  }
  body .main-dashboard-content .big-tabs .bt-tabs-mobile {
    display: none;
  }
  body .main-dashboard-content .big-tabs .tab-title {
    padding: 5px !important;
  }
  body .main-dashboard-content .big-tabs .bt-content {
    margin-bottom: 0;
  }
  body .main-dashboard-content .big-tabs .bt-content .bt-content-wrapper {
    height: auto;
  }
  body .main-dashboard-content .highcharts-container {
    display: none;
  }
  body .main-dashboard-content #debt_overview {
    background: transparent !important;
  }
  body .main-dashboard-content .show-in-print {
    display: block !important;
  }
  body .main-dashboard-content .table-header-print {
    margin-top: 0 !important;
    padding-top: 0 !important;
    right: -15px;
    position: relative;
    margin-bottom: 4px !important;
  }
  body .main-dashboard-content .full-width-print {
    width: 100% !important;
  }
  body .main-dashboard-content #activities_view .activities-table .inner-collapse-view .drawer-inner-view .inner-details.mobile-value-date {
    display: none;
  }
  body .main-dashboard-content .box-shadow {
    box-shadow: none;
    border-radius: initial;
  }
  body .main-dashboard-content .cs-square-tabs .cs-st-tab {
    box-shadow: none;
    padding-top: 10px !important;
  }
  body .main-dashboard-content .monospace {
    font-family: monospace !important;
  }
  body .main-dashboard-content .balance-confirmation-content .print-title,
  body .main-dashboard-content .cardsWrapper .print-title,
  body .main-dashboard-content .balance-confirmation-content .print-title {
    width: auto;
    height: auto;
    position: relative;
    font-size: 21px !important;
  }
  body .hopscotch-bubble {
    display: none;
  }
  body .bt-tabs {
    margin: 10px !important;
  }
  body .ngdialog h1,
  body .ngdialog h2,
  body .ngdialog h3,
  body .ngdialog h4,
  body .ngdialog h5,
  body .ngdialog h6 {
    font-size: 12px !important;
    font-family: Arial, sans-serif !important;
    color: black !important;
  }
  body .ngdialog html,
  body .ngdialog body,
  body .ngdialog div,
  body .ngdialog dl,
  body .ngdialog dt,
  body .ngdialog dd,
  body .ngdialog ul,
  body .ngdialog ol,
  body .ngdialog li,
  body .ngdialog span,
  body .ngdialog p,
  body .ngdialog input,
  body .ngdialog a {
    font-size: 12px !important;
    color: black !important;
    font-family: Arial, sans-serif !important;
  }
  body .ngdialog .no-print {
    display: none;
  }
  body .ngdialog.ngdialog-theme-default .header-line-text h3 span {
    font-size: 14px;
  }
  body .ngdialog.ngdialog-theme-default .header-line-text .strip-big-amount {
    font-size: 14px;
  }
  body .ngdialog.ngdialog-theme-default .header-line-text .sub-title {
    font-size: 14px;
  }
  body .ngdialog.ngdialog-theme-default .popup-container {
    display: block !important;
  }
  body .ngdialog.ngdialog-theme-default .popup-container.small {
    margin: 0 !important;
  }
  body .ngdialog.ngdialog-theme-default .popup-container.mortgage-query .mortgage-query-main-content div:first-child pre bdo {
    left: 70px !important;
    position: relative !important;
  }
  body .ngdialog.ngdialog-theme-default .popup-header-line .sub-title {
    margin-top: 0 !important;
  }
  body .ngdialog.ngdialog-theme-default .popup-header-line .mobile-strip-right-col {
    width: 100px;
  }
  body .ngdialog.ngdialog-theme-default .popup-sum div.sum-item {
    height: 55px;
    width: 25%;
  }
  body .ngdialog.ngdialog-theme-default .popup-sum div.sum-item div.name {
    font-size: 10px;
    line-height: 5px;
  }
  body .ngdialog.ngdialog-theme-default .popup-sum div.sum-item div.value {
    font-weight: normal;
  }
  body .ngdialog.ngdialog-theme-default .popup-sum div.sum-item div.value .main_value {
    font-size: 12px !important;
    margin-top: 0;
  }
  body .ngdialog.ngdialog-theme-default .popup-sum div.sum-item div.value .number {
    font-size: 12px;
  }
  body .ngdialog.ngdialog-theme-default .popup-sum div.sum-item div.value .sub_value {
    font-size: 11px !important;
  }
  body .ngdialog.ngdialog-theme-default .popup-sum div.sum-item div.value .sub_value .number {
    margin-top: 0;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content {
    box-shadow: none !important;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content .popup-header {
    height: auto !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: 1px solid #000000 !important;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content .popup-header h2 {
    padding-right: 0;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content .popup-header input {
    display: none;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content .popup-header .popup-header-line .header-line-text {
    margin-right: 0 !important;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content pre {
    overflow: hidden !important;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content .double-blocks .lfi-block .lfib-name {
    height: 27px !important;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content .lfi-blocks .title {
    margin-top: 0;
    padding-right: 0;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content .lfi-blocks .lfi-block .lfib-name {
    line-height: 24px !important;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content .lfi-blocks .lfi-block div.lfib-value {
    min-height: 20px !important;
    line-height: 10px !important;
    height: 27px !important;
  }
  body .ngdialog.ngdialog-theme-default .ngdialog-content .background-popup {
    display: none !important;
  }
  body .ngdialog.ngdialog-theme-default .iScrollVerticalScrollbar {
    display: none !important;
  }
  body .ngdialog .box-shadow {
    box-shadow: none !important;
    border-radius: initial !important;
  }
  body .tooltipster-base.tooltipster-default {
    box-shadow: none;
  }
  body .tooltipster-base.tooltipster-default .tooltipster-arrow-border2 {
    display: none;
  }
  body.landscape .main-dashboard-content {
    width: 297mm !important;
  }
  div {
    background: transparent !important;
  }
  div .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  table {
    width: 100% !important;
  }
  .modal-dialog .modal-content {
    border: 0px;
  }
  .inner-wiz-sub-title {
    display: none;
  }
  .summary-wiz-column {
    margin-left: 50px;
    display: inline-block;
    vertical-align: top;
  }
  .quarter-width-print {
    width: 25%;
  }
  .full-width-print {
    width: 100%;
  }
  .no-padding-print {
    padding-right: 0;
    padding-left: 0;
  }
  .cardsWrapper .no-padding-top {
    padding-top: 0;
  }
  .gagula-title {
    font-weight: bold;
  }
  .legal-title {
    font-weight: bold;
  }
  #carolina_footer_warper {
    padding-top: 15px;
  }
  .mail-join-step-1 .wizard-sub-title {
    font-size: 21px;
    font-weight: bold;
  }
  .mail-join-step-2 .process-summary,
  .mail-cancel-step-2 .process-summary {
    padding-right: 15px;
    padding-left: 15px;
    display: inline-flex;
  }
  .mail-join-step-2 .centered,
  .mail-cancel-step-2 .centered {
    margin-right: 5px;
  }
  .burned-message-text {
    margin-left: 5px;
  }
  .reportData-internetFeesInfo div,
  .reportData-internetFeesInfo span,
  .reportData-internetFeesInfo p {
    font-family: 'FreeMono', monospace !important;
  }
  .last-quarter-interest .OverdraftInterest {
    min-width: 190px;
  }
  .last-quarter-interest .NegativeInterest {
    min-width: 130px;
  }
  .last-quarter-interest .PositiveInterest {
    min-width: 70px;
  }
}
#print .pdf-only {
  display: none;
}
#print .reportData-internetFeesInfo div,
#print .reportData-internetFeesInfo span,
#print .reportData-internetFeesInfo p {
  font-family: 'FreeMono', monospace !important;
}
#print body .main-dashboard-content .show-in-print {
  display: block !important;
}
#savePDF .no-pdf {
  display: none;
}
#savePDF .no-border-print {
  border: none !important;
}
#savePDF .pdf-only {
  display: inline-block;
}
#savePDF strong {
  font-family: "Rubik", sans-serif !important;
  font-weight: bold !important;
}
#savePDF span .currency_symbol,
#savePDF span .number-wrapper,
#savePDF span .integer,
#savePDF span .decimal_point {
  display: inline-block;
}
#savePDF .tableSide {
  width: 95% !important;
}
#savePDF .print-no-padding {
  padding-left: 0!important;
  padding-right: 0!important;
}
#savePDF body {
  margin-right: 5px;
  background-color: #ffffff;
}
#savePDF body #dynamic-header {
  font-size: 16px;
}
#savePDF body h1,
#savePDF body h2,
#savePDF body h3 {
  font-size: 21px;
}
#savePDF body .currency_symbol {
  font-size: 14px;
}
#savePDF body ._u1st_hiddenElement {
  display: none;
}
#savePDF body * {
  font-variant-ligatures: none;
}
#savePDF body .exportedTitle {
  float: right;
  margin-right: 15px !important;
}
#savePDF .no-padding-print {
  padding-right: 0;
  padding-left: 0;
}
#savePDF .footerMessageComponent h4 {
  font-weight: bold;
}
#savePDF .modal-content {
  border: 0px;
  box-shadow: none;
}
#savePDF .main-dashboard-content {
  opacity: 1;
  width: 210mm !important;
  float: right;
  margin-right: 15px !important;
  margin-left: 15px !important;
}
#savePDF .main-dashboard-content.osh-lobby .future-activities-table .main-table-row table tbody tr td {
  color: black !important;
}
#savePDF .main-dashboard-content .online_header_text h1 {
  padding-right: 0;
  font-size: 18px !important;
}
#savePDF .main-dashboard-content .online_header_text h1 span {
  padding-right: 0;
  font-size: 18px !important;
}
#savePDF .main-dashboard-content #OnLineRightMenu {
  display: none;
}
#savePDF .main-dashboard-content .helpMark {
  display: none;
}
#savePDF .main-dashboard-content #flow-marks {
  Padding: 0 !important;
}
#savePDF .main-dashboard-content h1,
#savePDF .main-dashboard-content h2,
#savePDF .main-dashboard-content h3,
#savePDF .main-dashboard-content h4,
#savePDF .main-dashboard-content h5,
#savePDF .main-dashboard-content h6 {
  font-size: 12px !important;
  color: black !important;
  line-height: 1.5 !important;
}
#savePDF .main-dashboard-content html,
#savePDF .main-dashboard-content body,
#savePDF .main-dashboard-content div,
#savePDF .main-dashboard-content dl,
#savePDF .main-dashboard-content dt,
#savePDF .main-dashboard-content dd,
#savePDF .main-dashboard-content ul,
#savePDF .main-dashboard-content ol,
#savePDF .main-dashboard-content li,
#savePDF .main-dashboard-content span,
#savePDF .main-dashboard-content p,
#savePDF .main-dashboard-content input {
  font-size: 12px !important;
  color: black !important;
  line-height: 1.5 !important;
}
#savePDF .main-dashboard-content #OnlineHeaderConteiner {
  margin-bottom: 5px !important;
  height: 12px !important;
}
#savePDF .main-dashboard-content .no-print,
#savePDF .main-dashboard-content .ng-hide {
  display: none !important;
}
#savePDF .main-dashboard-content .full-width-print {
  width: 100% !important;
}
#savePDF .main-dashboard-content .show-in-print {
  display: block !important;
}
#savePDF .main-dashboard-content .table-header-print {
  margin-top: 0 !important;
  padding-top: 0 !important;
  right: -15px;
  position: relative;
  margin-bottom: 4px !important;
}
#savePDF .main-dashboard-content #activities_view .activities-table .inner-collapse-view .drawer-inner-view .inner-details.mobile-value-date {
  display: none;
}
#savePDF .main-dashboard-content #activities_view .activities-table .main-table-row table td.green-val .redNegative {
  color: black !important;
}
#savePDF .main-dashboard-content #activities_view .activities-table .main-table-row table .alert-tr-row {
  display: none;
}
#savePDF .main-dashboard-content .textTopTable {
  font-weight: bold;
}
#savePDF .ngdialog {
  /*width: @pdf-page-size;
    float: @default-float;

    margin-@{default-float}: 15px !important;
    margin-@{opposite-float}: 15px !important;
*/
}
#savePDF .ngdialog h1,
#savePDF .ngdialog h2,
#savePDF .ngdialog h3,
#savePDF .ngdialog h4,
#savePDF .ngdialog h5,
#savePDF .ngdialog h6 {
  font-size: 12px !important;
  color: black !important;
  line-height: 1.5 !important;
}
#savePDF .ngdialog html,
#savePDF .ngdialog body,
#savePDF .ngdialog div,
#savePDF .ngdialog dl,
#savePDF .ngdialog dt,
#savePDF .ngdialog dd,
#savePDF .ngdialog ul,
#savePDF .ngdialog ol,
#savePDF .ngdialog li,
#savePDF .ngdialog span,
#savePDF .ngdialog p,
#savePDF .ngdialog input {
  font-size: 12px !important;
  color: black !important;
  line-height: 1.5 !important;
}
#savePDF div {
  background: transparent !important;
}
#savePDF .graph-pie {
  display: none;
}
#savePDF .bt-tabs {
  margin: 10px !important;
}
#savePDF body .ngdialog.ngdialog-theme-default .popup-container {
  display: block !important;
}
#savePDF body .ngdialog.ngdialog-theme-default .popup-container.small {
  margin: 20px !important;
}
#savePDF body .ngdialog.ngdialog-theme-default .popup-container.mortgage-query .mortgage-query-main-content div:first-child pre bdo {
  left: 70px !important;
  position: relative !important;
}
#savePDF body .ngdialog.ngdialog-theme-default .popup-container.mortgage-query .mortgage-query-main-content div pre bdo {
  color: #000000 !important;
  font-weight: normal !important;
}
#savePDF body .ngdialog.ngdialog-theme-default .ngdialog-content .popup-container {
  margin: 10px;
}
#savePDF body .ngdialog.ngdialog-theme-default .ngdialog-content .background-popup {
  display: none !important;
}
#savePDF body .ngdialog.ngdialog-theme-default .ngdialog-content .popup-header .popup-header-line .header-line-icon {
  display: none;
}
#savePDF body .ngdialog.ngdialog-theme-default .ngdialog-content .popup-header .popup-header-line .header-line-text {
  margin-right: 0 !important;
}
#savePDF .inner-wiz-sub-title {
  display: none;
}
#savePDF .summary-wiz-column {
  margin-left: 50px;
  display: inline-block;
  vertical-align: top;
}
#savePDF .quarter-width-print {
  width: 25%;
}
#savePDF .full-width-print {
  width: 100%;
}
#savePDF .gagula-title {
  font-weight: bold;
}
#savePDF .legal-title {
  font-weight: bold;
}
#savePDF .transfer-between-accounts-single-wizard .summary-wiz-area {
  margin-right: 15px;
}
#savePDF .transfer-between-accounts-single-wizard .legal-wrapper {
  margin-right: 15px;
}
#savePDF #carolina_footer_warper {
  padding-top: 15px;
}
#savePDF .mail-join-step-2 .hide-in-pdf,
#savePDF .mail-cancel-step-2 .hide-in-pdf {
  display: none!important;
}
#savePDF .generalTable th,
#savePDF .generalTable td {
  border-right: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-top: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
}
#savePDF .generalTable th:first-of-type,
#savePDF .generalTable td:first-of-type {
  border-right: 1px solid #000000;
}
#savePDF .generalTable tr:last-of-type td {
  border-bottom: 1px solid #000000 !important;
}
#savePDF .main-dashboard-content td span.displayDate {
  font-size: 11px !important;
}
#saveHtml[lang=he] body {
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 0;
  float: right;
}
html[lang=en] #carolina_header_warper .carolina .carolina_blocks_area .carolina_block .carolina_float_right {
  width: 42%;
  padding: 0px;
}
html[lang=en] #carolina_header_warper .carolina .carolina_blocks_area .carolina_block .carolina_float_left {
  width: 57%;
  padding: 0px;
}
#FFSaveAsHTML {
  display: none;
}
@-moz-document url-prefix() {
  @media print {
    body .main-dashboard-content {
      width: 100% !important;
    }
  }
}
#print .modal-dialog,
#saveHtml .modal-dialog,
#savePDF .modal-dialog {
  width: 100%;
}
#print ul.visible-xs,
#saveHtml ul.visible-xs,
#savePDF ul.visible-xs,
#print .modal-tab-navs-wrapper,
#saveHtml .modal-tab-navs-wrapper,
#savePDF .modal-tab-navs-wrapper {
  display: none !important;
}
#print .InfoPermission li,
#saveHtml .InfoPermission li,
#savePDF .InfoPermission li {
  width: auto !important;
}
#print .contentOsh,
#saveHtml .contentOsh,
#savePDF .contentOsh {
  padding: 0 !important;
}
#print .contentOsh .InfoPermission li,
#saveHtml .contentOsh .InfoPermission li,
#savePDF .contentOsh .InfoPermission li {
  width: 100% !important;
}
#print .contentOsh .margin-t-print-24,
#saveHtml .contentOsh .margin-t-print-24,
#savePDF .contentOsh .margin-t-print-24 {
  margin-top: 24px;
}
#print .refNumber,
#saveHtml .refNumber,
#savePDF .refNumber {
  direction: ltr;
  display: inline-block;
}
#print .modal-content-proper,
#saveHtml .modal-content-proper,
#savePDF .modal-content-proper {
  margin-top: 20px;
  display: block !important;
}
#print .modal-content-proper.loansPredictionsTab ul.sidebar-side,
#saveHtml .modal-content-proper.loansPredictionsTab ul.sidebar-side,
#savePDF .modal-content-proper.loansPredictionsTab ul.sidebar-side {
  display: flex;
}
#print .modal-content-proper.loansPredictionsTab ul.sidebar-side li.fadingElement,
#saveHtml .modal-content-proper.loansPredictionsTab ul.sidebar-side li.fadingElement,
#savePDF .modal-content-proper.loansPredictionsTab ul.sidebar-side li.fadingElement {
  padding: 0 10px;
}
#print footer,
#saveHtml footer,
#savePDF footer {
  visibility: hidden !important;
}
#print .prevArrow,
#saveHtml .prevArrow,
#savePDF .prevArrow,
#print nextArrow,
#saveHtml nextArrow,
#savePDF nextArrow {
  visibility: hidden !important;
}
#print .cs-spa-retail-content .topbar,
#saveHtml .cs-spa-retail-content .topbar,
#savePDF .cs-spa-retail-content .topbar {
  top: 0;
  height: 80px;
  width: 100% !important;
  color: black !important;
  margin: 0 auto;
  position: relative;
  background: none !important;
  box-shadow: none !important;
}
#print .modal-content-proper,
#saveHtml .modal-content-proper,
#savePDF .modal-content-proper {
  margin-right: 10px;
}
#print .accountConfirmation_line,
#saveHtml .accountConfirmation_line,
#savePDF .accountConfirmation_line {
  margin-right: 20px;
  color: #000000;
}
#print .ngdialog,
#saveHtml .ngdialog,
#savePDF .ngdialog {
  width: 210mm !important;
  size: A4;
  position: static;
  top: 0;
  left: 0;
  float: right;
}
#print .ngdialog.ngdialog-theme-default,
#saveHtml .ngdialog.ngdialog-theme-default,
#savePDF .ngdialog.ngdialog-theme-default {
  padding: 0;
  margin-top: 0 !important;
}
#print .ngdialog .ngdialog-content,
#saveHtml .ngdialog .ngdialog-content,
#savePDF .ngdialog .ngdialog-content {
  box-shadow: none !important;
  border: 0;
}
#print .ngdialog .ngdialog-content .ngdialog-close,
#saveHtml .ngdialog .ngdialog-content .ngdialog-close,
#savePDF .ngdialog .ngdialog-content .ngdialog-close {
  display: none;
}
#print .main-dashboard-content,
#saveHtml .main-dashboard-content,
#savePDF .main-dashboard-content {
  float: right;
  opacity: 1;
}
#print .main-dashboard-content.loan-lobby,
#saveHtml .main-dashboard-content.loan-lobby,
#savePDF .main-dashboard-content.loan-lobby,
#print .main-dashboard-content.mortgage-lobby,
#saveHtml .main-dashboard-content.mortgage-lobby,
#savePDF .main-dashboard-content.mortgage-lobby {
  height: auto;
}
#print .main-dashboard-content #future_transactions_table .main-table-row,
#saveHtml .main-dashboard-content #future_transactions_table .main-table-row,
#savePDF .main-dashboard-content #future_transactions_table .main-table-row {
  display: block !important;
}
#print .main-dashboard-content #future_transactions_table .mobile-list-table,
#saveHtml .main-dashboard-content #future_transactions_table .mobile-list-table,
#savePDF .main-dashboard-content #future_transactions_table .mobile-list-table {
  display: none !important;
}
#print #apple_area,
#saveHtml #apple_area,
#savePDF #apple_area {
  position: relative !important;
}
#print .pie_progress__content,
#saveHtml .pie_progress__content,
#savePDF .pie_progress__content {
  bottom: 28px !important;
}
#print .formatted-query-row,
#saveHtml .formatted-query-row,
#savePDF .formatted-query-row {
  padding: 2px 0;
  font-family: monospace;
  font-size: 12px;
}
#print .formatted-query-row bdo,
#saveHtml .formatted-query-row bdo,
#savePDF .formatted-query-row bdo {
  font-family: monospace;
  font-size: 12px;
}
#print .formatted-query-row-ltr,
#saveHtml .formatted-query-row-ltr,
#savePDF .formatted-query-row-ltr {
  padding: 2px 0;
  font-family: monospace;
  font-size: 12px;
}
#print .formatted-query-row-ltr bdo,
#saveHtml .formatted-query-row-ltr bdo,
#savePDF .formatted-query-row-ltr bdo {
  font-family: monospace;
  font-size: 12px;
  direction: ltr;
}
#print .detailsContainer .line .text,
#saveHtml .detailsContainer .line .text,
#savePDF .detailsContainer .line .text {
  display: inline;
}
#print a,
#saveHtml a,
#savePDF a {
  color: #285DC4;
  cursor: pointer;
  font-family: "Rubik", sans-serif !important;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
}
#print a:hover,
#saveHtml a:hover,
#savePDF a:hover {
  text-decoration: underline;
}
#print .action-time-cls,
#saveHtml .action-time-cls,
#savePDF .action-time-cls {
  direction: ltr;
  display: inline-block;
}
#print .direction-default,
#saveHtml .direction-default,
#savePDF .direction-default {
  direction: rtl !important;
}
#print .direction-opposite,
#saveHtml .direction-opposite,
#savePDF .direction-opposite {
  direction: ltr !important;
}
#print .cs-spa-retail-content .legal-wrapper.print-only,
#saveHtml .cs-spa-retail-content .legal-wrapper.print-only,
#savePDF .cs-spa-retail-content .legal-wrapper.print-only {
  display: block;
}
body.landscape #print .ngdialog,
body.landscape #saveHtml .ngdialog,
body.landscape #savePDF .ngdialog {
  width: 297mm !important;
}
.carolina {
  float: right;
  width: 210mm !important;
  padding-bottom: 14px;
  text-align: right;
  direction: rtl;
  font-size: 12px;
  color: black;
  font-family: "Rubik", sans-serif !important;
  line-height: 14px;
  z-index: 99999;
}
.carolina .carolina_block {
  background: none repeat scroll 0 0 #e3e3e3 !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 25px;
  position: relative;
  line-height: 1em;
  border: 0px solid transparent;
}
.carolina .carolina_block .carolina_block_line {
  margin: 3px 0;
  padding: 0 5px;
}
.carolina .carolina_block .carolina_block_line .branchNum {
  margin: 0 20px;
}
.carolina .carolina_block .carolina_float_line {
  min-height: 0.5em;
}
#carolina_footer_warper,
#carolina_header_warper {
  float: right;
  width: 100%;
}
#carolina_footer_warper .carolina .carolina_generic_data.carolina_block {
  width: 210mm !important;
  margin: 5px 0;
  height: 50px;
}
#carolina_footer_warper .carolina .carolina_generic_data.carolina_block .generic-data-row {
  margin-top: 5px;
}
#carolina_footer_warper .carolina .carolina_generic_data.carolina_block .generic-data-row + .generic-data-row {
  margin-top: 15px;
}
#carolina_footer_warper .carolina .carolina_footer {
  text-align: center;
  width: 210mm !important;
}
#carolina_footer_warper .carolina .carolina_footer .carolina_footer_line {
  font-family: "Rubik", sans-serif !important;
  display: inline-block;
  font-weight: bold;
  margin: 5px;
}
#carolina_header_warper .carolina .carolina_head_logo {
  height: 60px;
  position: relative;
  right: 0;
  top: 0;
  width: 650px;
}
#carolina_header_warper .carolina .carolina_head_logo .carolina_date {
  position: absolute;
  top: 25px;
}
#carolina_header_warper .carolina .carolina_blocks_area {
  width: 650px;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block {
  height: 112px;
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 5px;
  margin-left: 2%;
  width: 46%;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block + .carolina_block {
  margin: 5px 0;
  width: 52%;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block .carolina_block_head {
  border-bottom: 1px solid #7f7f7f;
  padding: 0 10px;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block .carolina_lines {
  padding: 0 5px;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block .teamTel_Wrap {
  width: 100px;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block .carolina_float_left {
  width: 57%;
  padding: 0px;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block .carolina_float_right {
  width: 42%;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block span.teamTel + span.teamTel:not(.teamTel_margin) {
  margin-right: 5px;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block span.CsrTel + span.CsrTel:not(.teamTel_margin) {
  margin-right: 5px;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block .carolina_float_first {
  width: 42% !important;
}
#carolina_header_warper .carolina .carolina_blocks_area .carolina_block .carolina_float_second {
  width: 57% !important;
  padding: 0 !important;
}
.carolina .first_line {
  margin-left: 50px;
}
.carolina .carolina_block_first {
  margin-left: 22px;
}
.carolina .teamTel_margin {
  margin-right: 13%;
}
.carolina .carolina_block {
  float: right;
}
.carolina .carolina_float_line {
  float: right;
}
.carolina .carolina_head_logo {
  right: 0;
}
.carolina .carolina_date {
  left: 50px;
}
body.landscape .carolina {
  width: 297mm !important;
}
body.landscape #carolina_footer_warper .carolina .carolina_generic_data.carolina_block {
  width: 297mm !important;
}
body.landscape #carolina_footer_warper .carolina .carolina_footer {
  width: 297mm !important;
}
#savePDF .detailsContainer {
  float: right;
  height: auto;
}
#savePDF .carolina_block .branchNum {
  background-color: transparent !important;
}
#savePDF .carolina_block strong {
  background-color: transparent !important;
}
#savePDF body {
  color: #000000;
  font-family: "Rubik", sans-serif !important;
}
#savePDF body {
  color: #000000;
  font-family: "Rubik", sans-serif !important;
}
#savePDF .descriptionTooltip,
#savePDF .more-in-osh-modal .popupHeaderItem p,
#savePDF .more-in-osh-modal .modal-data-section li > span {
  font-family: "Rubik", sans-serif !important;
}
@media print {
  .expanded-view-container {
    display: flex !important;
    flex-wrap: wrap;
  }
  .expanded-view-container .tableSide {
    width: 100%;
  }
  .expanded-view-container .tableSection table tr td {
    height: initial;
    border-top: 0px;
    border-bottom: 0px;
  }
  .expanded-view-container p.titleTable {
    margin: 5px 0;
    height: 25px;
  }
  .expanded-view-container .right-side-container {
    width: 100%;
    padding: 12px;
    order: 0;
    display: block;
    font-size: 16px;
    overflow: hidden;
  }
  .expanded-view-container .right-side-container .side-text .number .currency_symbol {
    font-size: 14px;
  }
  .expanded-view-container .right-side-container .side-text .number .number-wrapper .integer {
    font-size: 16px;
  }
  .expanded-view-container .right-side-container .side-text .number .number-wrapper .decimal_point {
    font-size: 16px;
  }
  .expanded-view-container .infoSide {
    padding: 0px;
  }
  .expanded-view-container .infoSide ul li {
    list-style: none;
    margin-top: 10px !important;
    margin-right: 0;
    display: inline-block;
    min-width: 100px;
    width: auto;
    margin-bottom: 10px;
    margin-left: 15px;
    line-height: 1.5;
    float: right;
  }
  .expanded-view-container .infoSide ul li .currency_symbol {
    font-size: 14px;
  }
}
#savePDF .expanded-view-container {
  display: flex !important;
  flex-wrap: wrap;
}
#savePDF .expanded-view-container .tableSide {
  width: 100%;
}
#savePDF .expanded-view-container p.titleTable {
  margin: 5px 0;
  height: 25px;
}
#savePDF .expanded-view-container .right-side-container {
  width: 100%;
  padding: 12px;
  order: 0;
  display: flex;
  font-size: 16px;
}
#savePDF .expanded-view-container .infoSide {
  padding: 0px;
  box-shadow: none;
}
#savePDF .expanded-view-container .infoSide ul li {
  color: #000000;
  margin-right: 0;
  margin-top: 10px !important;
  margin-left: 0;
  width: 100%;
  list-style: none;
}
#savePDF .expanded-view-container .infoSide ul li .currency_symbol {
  font-size: 14px;
}
#savePDF .expanded-view-container .subtitle-wrapper span {
  display: inline-block;
  margin-right: 1px;
  margin-left: 2px;
}
#savePDF .expanded-view-container .number-wrapper {
  font-family: Arial, sans-serif !important;
}
#expanded-view-popup .col-xs-1,
#expanded-view-popup .col-sm-1,
#expanded-view-popup .col-md-1,
#expanded-view-popup .col-lg-1,
#expanded-view-popup .col-xs-2,
#expanded-view-popup .col-sm-2,
#expanded-view-popup .col-md-2,
#expanded-view-popup .col-lg-2,
#expanded-view-popup .col-xs-3,
#expanded-view-popup .col-sm-3,
#expanded-view-popup .col-md-3,
#expanded-view-popup .col-lg-3,
#expanded-view-popup .col-xs-4,
#expanded-view-popup .col-sm-4,
#expanded-view-popup .col-md-4,
#expanded-view-popup .col-lg-4,
#expanded-view-popup .col-xs-5,
#expanded-view-popup .col-sm-5,
#expanded-view-popup .col-md-5,
#expanded-view-popup .col-lg-5,
#expanded-view-popup .col-xs-6,
#expanded-view-popup .col-sm-6,
#expanded-view-popup .col-md-6,
#expanded-view-popup .col-lg-6,
#expanded-view-popup .col-xs-7,
#expanded-view-popup .col-sm-7,
#expanded-view-popup .col-md-7,
#expanded-view-popup .col-lg-7,
#expanded-view-popup .col-xs-8,
#expanded-view-popup .col-sm-8,
#expanded-view-popup .col-md-8,
#expanded-view-popup .col-lg-8,
#expanded-view-popup .col-xs-9,
#expanded-view-popup .col-sm-9,
#expanded-view-popup .col-md-9,
#expanded-view-popup .col-lg-9,
#expanded-view-popup .col-xs-10,
#expanded-view-popup .col-sm-10,
#expanded-view-popup .col-md-10,
#expanded-view-popup .col-lg-10,
#expanded-view-popup .col-xs-11,
#expanded-view-popup .col-sm-11,
#expanded-view-popup .col-md-11,
#expanded-view-popup .col-lg-11,
#expanded-view-popup .col-xs-12,
#expanded-view-popup .col-sm-12,
#expanded-view-popup .col-md-12,
#expanded-view-popup .col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
}
#expanded-view-popup .container,
#expanded-view-popup .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
#expanded-view-popup .row {
  margin-left: -15px;
  margin-right: -15px;
}
.cs-spa-retail-content.expanded-view-popup .modal-dialog {
  max-width: 820px;
}
.cs-spa-retail-content.expanded-view-popup .loader-expand {
  position: absolute;
  top: 30%;
  right: 47%;
}
.cs-spa-retail-content.expanded-view-popup .margin-top-50 {
  margin-top: 50px;
}
.cs-spa-retail-content.expanded-view-popup .retail-global-error {
  box-shadow: none;
  max-width: 360px;
  margin: 0 auto;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .prevArrow {
  background-position: 50% 50%;
  background-image: url(media/svgs/right-arrow.b99d549a4a31c83cc5fe..svg);
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .nextArrow {
  background-position: 45% 50%;
  background-image: url(media/svgs/left-arrow.1ef426909f861c06a1f4..svg);
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.en-site .prevArrow {
  background-position: 45% 50%;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.en-site .nextArrow {
  background-position: 55% 50%;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .nextArrow,
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .prevArrow {
  top: 50%;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  z-index: 1050;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  cursor: pointer;
  position: absolute;
  background-size: 40%;
  background-color: white;
  background-repeat: no-repeat;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .prevArrow {
  left: auto;
  right: -20px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .nextArrow {
  right: auto;
  left: -20px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal {
  position: relative;
  width: 820px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .infoSide {
  width: 256px;
  height: auto;
  min-height: 620px;
  color: white;
  box-shadow: none;
  background: linear-gradient(0deg, #76d25b 10%, #38d29f 45%);
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide {
  height: 90%;
  right: 256px;
  display: block;
  overflow-y: visible;
  background-color: #ffffff;
  box-shadow: none;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab {
  width: 565px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .table-scroll {
  width: 100%;
  max-height: 310px;
  height: 310px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td {
  border-color: #d7dde2;
  height: 35px;
  border-top: 1px solid #d7dde2;
  border-bottom: 1px solid #d7dde2;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td:last-child {
  font-size: 1.6rem;
  color: #333a46;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td:first-child {
  color: #677b8a;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .titleTable {
  margin-top: 50px;
  padding-right: 46px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .titleTable .title {
  font-size: 2rem;
  font-weight: bold;
  color: #4bc87d;
  word-break: break-word;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .titleTable .title .form-control-wrapper {
  width: 100%;
  position: relative;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .titleTable .title .edit-name {
  width: 100%;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .subText {
  color: #7d91a1;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .subTitleTable {
  margin-top: 8px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container.sidebarInfoModal .tableSide .detailsTab .description {
  width: 80%;
  margin: 8px 0 10px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .right-side-container {
  min-height: 380px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .right-side-container .title {
  font-size: 16px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .right-side-container li {
  margin-top: 38px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .right-side-container li:first-child {
  margin-top: 0px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .right-side-container .side-text {
  font-size: 20px;
  font-family: 'Rubik', sans-serif;
  word-wrap: break-word;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .right-side-container .side-text.number-value {
  font-size: 22px;
  direction: rtl;
  font-family: 'Josefin Sans', 'Rubik', sans-serif;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .right-side-container .side-text.number-value .number .currency_symbol {
  font-size: medium;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .left-side-container .haveTabs {
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 40px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .left-side-container .haveTabs .nav-tabs {
  border: none;
  padding: 10px 0;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .left-side-container .haveTabs .nav-tabs li {
  cursor: pointer;
  color: #6a7685;
  margin-right: 15px;
  font-size: 1em;
  border: 0;
  border-radius: 0;
  background: none;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .left-side-container .haveTabs .nav-tabs li:first-child {
  margin-right: 0px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .left-side-container .haveTabs .nav-tabs li.active {
  font-weight: bold;
  color: #333a46;
  display: inline-block;
  border-bottom: 2px solid #4bc87d;
  padding-bottom: 2px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .left-side-container .action-buttons-wrapper {
  z-index: 1;
  position: absolute;
  top: 10px;
  left: 7px;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .left-side-container .action-buttons-wrapper .menuList {
  box-shadow: none;
  line-height: 47px;
  text-align: center;
  transform: none;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .left-side-container .action-buttons-wrapper .menuList .menu-item {
  margin: 0;
}
.cs-spa-retail-content.expanded-view-popup .expanded-view-container .reason-link {
  font-size: 14px;
}
.cs-spa-retail-content.expanded-view-popup .modal-content {
  background: none;
}
.cs-spa-retail-content.expanded-view-popup .tooltip.bottom .tooltip-arrow {
  top: 1px;
  border-bottom-color: #4bc87d;
}
.cs-spa-retail-content.expanded-view-popup.add-padding .sidebarInfoModal {
  position: relative;
  width: 820px;
}
.cs-spa-retail-content.expanded-view-popup.add-padding .sidebarInfoModal .infoSide {
  padding: 40px 0;
}
.cs-spa-retail-content.expanded-view-popup.add-padding .sidebarInfoModal .tableSide .detailsTab .titleTable {
  margin-top: 7px;
  padding-right: 0;
  margin-top: 55px;
  margin-bottom: 36px;
  margin-left: 50px;
}
.cs-spa-retail-content.expanded-view-popup .extra-val {
  margin-right: -5px;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .only-mob {
    display: inline-block;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup {
    background: #ffffff;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .dropdown-menu.menuList li a {
    padding: 0 15px;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .dropdown-menu.menuList li a img {
    height: auto;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog {
    margin: 0;
    overflow: hidden;
    height: 100dvh;
    width: 100vw;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container {
    height: 100%;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .ip-popup {
    height: 100dvh;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .btnClose {
    width: 20px;
    height: 20px;
    position: absolute;
    right: unset;
    left: unset;
    top: unset;
    inset-block-start: calc(var(--space) * 1.5);
    inset-inline-end: calc(var(--space) * 1.5);
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .btnClose:after,
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .btnClose:before {
    width: 70%;
    background-color: #ffffff;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper {
    height: 100%;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup {
    height: 100%;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal {
    width: auto;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .infoSide {
    width: auto;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide {
    position: relative;
    height: 100%;
    right: auto;
    top: auto;
    transform: none;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection {
    min-height: calc(100% - 100px);
    overflow: hidden;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection.detailsTab {
    width: 100%;
    padding-bottom: 20px;
    font-size: 16px;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection.detailsTab .table-scroll {
    max-height: none;
    height: auto;
    overflow: initial;
    padding-right: 0;
    margin-right: 0px;
    padding-left: 0;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection.detailsTab .table-scroll .details-row {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
    border-bottom: none;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection.detailsTab .table-scroll .details-row .name {
    width: 50%;
    color: #7d91a1;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection.detailsTab .table-scroll .details-row .value {
    width: 50%;
    font-size: 16px;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection .titleTable {
    text-align: center;
    margin: 0;
    padding: 20px 0;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection .titleTable .title {
    font-size: 20px;
    color: #4e5664;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection .titleTable .title .update-nickname-inner-wrapper {
    margin-right: 20px;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection .titleTable .title .form-control-wrapper {
    width: 100%;
    text-align: right;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection .titleTable .title .edit-name #edit-name-field {
    width: calc(100% - 50px);
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection .titleTable .title .edit-name .circleChangeName {
    left: 51px;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection .titleTable .title .edit-name .cancelChageName {
    left: -2px;
    margin-right: 2%;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection .titleTable .description {
    width: 80%;
    margin: 8px auto 10px;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection ul.right-side-container {
    min-height: initial;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection ul.right-side-container li {
    display: flex;
    align-items: center;
    margin-top: 20px;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection ul.right-side-container li p.title {
    width: 50%;
    color: #7d91a1;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection ul.right-side-container li span {
    width: 50%;
    font-size: 16px;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .section-extra-details .action-buttons-wrapper {
    background: linear-gradient(80deg, #76d25b 0%, #38d29f 45%);
    position: relative;
    left: auto;
    top: auto;
    height: 50px;
    display: flex;
    align-items: center;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .section-extra-details .action-buttons-wrapper .menuList {
    padding: 10px 0;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .section-extra-details .action-buttons-wrapper .menuList .menu-item:last-child a {
    margin-bottom: 0;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .left-side-container .sticky-bottom {
    position: sticky;
    bottom: 0;
    background: #ffffff;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .left-side-container .sticky-bottom .haveTabs {
    position: relative;
    top: auto;
    right: auto;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .left-side-container .sticky-bottom .haveTabs .nav-tabs {
    display: flex;
    justify-content: space-around;
    padding: 0;
    box-shadow: 0 0 10px 0 rgba(81, 144, 182, 0.4);
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .left-side-container .sticky-bottom .haveTabs .nav-tabs li {
    font-size: 16px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    height: 50px;
    width: 100%;
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e7f1f9;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .left-side-container .sticky-bottom .haveTabs .nav-tabs li:last-child {
    border-left: none;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .left-side-container .sticky-bottom .haveTabs .nav-tabs li.active {
    border-bottom: none;
    padding-bottom: 0;
    border-top: 3px solid #4bc87d;
    color: #4bc87d;
    font-weight: bold;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .left-side-container .action-buttons-wrapper .menuList {
    box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.2);
  }
  html[lang="he"] .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup.expanded-view-container.sidebarInfoModal .tableSide .tableSection .titleTable .title .edit-name .cancelChageName {
    left: 12px;
  }
}
@media (max-width: 576px) {
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .dropdown-menu.menuList li a {
    padding: 0;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .dropdown-menu.menuList {
    z-index: 3;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .dropdown-menu.menuList li a img {
    height: auto;
  }
  .cs-spa-retail-content.general-view-popup.expanded-view-popup .modal-dialog .modal-content .general-view-container .popup-template-wrapper #expanded-view-popup .left-side-container .sticky-bottom .haveTabs .nav-tabs li {
    font-size: 14px;
  }
}
.btn-group.dropdown.custom-dropdown {
  font-size: 16px;
  position: relative;
  width: 100%;
  max-width: 325px;
  display: block;
}
.btn-group.dropdown.custom-dropdown span.ltr {
  display: inline-block;
  direction: ltr;
}
.btn-group.dropdown.custom-dropdown:not(.btnFilter) .dropdown-toggle {
  line-height: 40px;
  background: #e7f1f9;
  height: 40px;
  border-radius: 4px;
  border: 0;
  font-size: 16px;
  width: 100%;
}
.btn-group.dropdown.custom-dropdown:not(.btnFilter) .dropdown-toggle:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.btn-group.dropdown.custom-dropdown:not(.btnFilter) .dropdown-toggle.with-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-group.dropdown.custom-dropdown.btnFilter {
  box-shadow: none;
}
.btn-group.dropdown.custom-dropdown.btnFilter .generalDropdown {
  color: #000000;
  border: 1px solid #a4b2bd;
}
.btn-group.dropdown.custom-dropdown.btnFilter .generalDropdown.with-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-group.dropdown.custom-dropdown.btnFilter.open .generalDropdown {
  border: 1px solid transparent;
}
.btn-group.dropdown.custom-dropdown .dropdown-menu {
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  border: 0;
  width: 100%;
  min-width: initial;
  position: absolute;
  right: 0;
  left: auto;
  top: 100%;
  margin: 0;
}
.btn-group.dropdown.custom-dropdown .dropdown-menu.force-position {
  top: 100% !important;
}
.btn-group.dropdown.custom-dropdown .dropdown-menu ul {
  max-height: 200px;
  padding: 0 20px;
  margin-top: 0;
}
.btn-group.dropdown.custom-dropdown .dropdown-menu li {
  margin: 7px 0;
}
.btn-group.dropdown.custom-dropdown .dropdown-menu li > a {
  color: #000000;
  padding: 5px 0;
  display: block;
  font-size: 14px;
}
.btn-group.dropdown.custom-dropdown .dropdown-menu li > a:hover {
  color: #4bc87d;
}
.btn-group.dropdown.custom-dropdown .dropdown-menu .nicescroll-rails.nicescroll-rails-vr .nicescroll-cursors,
.btn-group.dropdown.custom-dropdown .dropdown-menu .nicescroll-rails.nicescroll-rails-vr .nicescroll-cursors {
  margin-right: 10px;
}
.btn-group.dropdown.custom-dropdown.open .dropdown-toggle {
  box-shadow: none;
}
.btn-group.dropdown.custom-dropdown .selected-item-name.placeholder {
  color: #4e5664;
}
.btn-group.dropdown.custom-dropdown .caretIcon {
  color: #000000;
  left: 12px;
}
.btn-group.dropdown.custom-dropdown.group-options .dropdown-menu {
  overflow: hidden;
  padding-bottom: 0;
}
.btn-group.dropdown.custom-dropdown.group-options .dropdown-menu ul {
  padding: 0;
}
.btn-group.dropdown.custom-dropdown.group-options .dropdown-menu ul li {
  margin-top: 0;
  margin-bottom: 0;
}
.btn-group.dropdown.custom-dropdown.group-options .dropdown-menu ul li a {
  padding-right: 20px;
  padding-left: 10px;
}
.btn-group.dropdown.custom-dropdown.group-options .dropdown-menu ul li.title {
  font-weight: bold;
  pointer-events: none;
}
.btn-group.dropdown.custom-dropdown.group-options .dropdown-menu ul li.title a {
  pointer-events: none;
}
.btn-group.dropdown.custom-dropdown.group-options .dropdown-menu ul li.bg-class {
  background-color: #eaf5f9;
}
.btn-group.dropdown.custom-dropdown.group-options .dropdown-menu ul li.bg-class:not(.title) a {
  padding-right: 30px;
}
.btn-group.dropdown.custom-dropdown.group-options .dropdown-menu ul li.selected {
  font-weight: 500;
}
.btn-group.dropdown.custom-dropdown .dropdown-menu ul li.selected {
  font-weight: 500;
}
@media (max-width: 1023px) {
  .btn-group.dropdown.custom-dropdown .generalDropdown {
    font-size: 14px;
  }
  .btn-group.dropdown.custom-dropdown .dropdown-menu {
    overflow: auto;
  }
  .btn-group.dropdown.custom-dropdown.group-options .dropdown-menu {
    overflow: auto;
  }
}
html[lang="en"] .long-date .btn-group.dropdown.custom-dropdown {
  width: 110% ;
}
html[lang="en"] .link-method .btn-group.dropdown.custom-dropdown .dropdown-toggle {
  width: 112% ;
}
.cs-spa-retail-content.open-bank-backdrop-disabled .general-view-popup {
  pointer-events: none;
}
.cs-spa-retail-content.general-view-popup {
  position: fixed;
}
.cs-spa-retail-content.general-view-popup .modal-dialog {
  margin-top: 7%;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  text-align: center;
}
.cs-spa-retail-content.general-view-popup .modal-dialog .modal-content {
  border: none;
  box-shadow: none;
  border-radius: 0;
  text-align: right;
  display: inline-block;
}
.cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container {
  pointer-events: auto;
}
.cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose {
  top: -40px;
  z-index: 60;
  width: 40px;
  right: -50px;
  border: none;
  height: 40px;
  display: block;
  background: none;
  position: absolute;
  color: #ffffff;
}
.cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose.mobile {
  display: none;
}
.cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose.desktop {
  display: block;
}
.cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose:hover {
  transform: scale(0.8);
}
.cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose:before,
.cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose:after {
  content: '';
  top: 50%;
  left: 50%;
  width: 70%;
  height: 2px;
  display: block;
  position: absolute;
  border-radius: 1px;
  background-color: #ffffff;
}
.cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 1023px) {
  .cs-spa-retail-content.general-view-popup .modal-dialog {
    overflow: auto;
  }
  .cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose {
    top: 10px;
    width: 20px;
    height: 20px;
    right: 10px;
  }
  .cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose:before,
  .cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose:after {
    width: 100%;
    background-color: #4bc87d;
  }
  .cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose.mobile {
    display: block;
  }
  .cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .btnClose.desktop {
    display: none;
  }
  .cs-spa-retail-content.general-view-popup .modal-dialog .general-view-container .general-btn {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
  }
  .cs-spa-retail-content.general-view-popup .modal-dialog .modal-content {
    overflow: auto;
  }
}
.cs-spa-retail-content .message-popup-wrapper {
  padding: 40px;
  min-width: 400px;
}
@media screen and (max-width: 576px) {
  .cs-spa-retail-content .message-popup-wrapper {
    min-width: 300px;
  }
}
.cs-spa-retail-content .message-popup-text {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.cs-spa-retail-content .message-popup-text .btn-green-link {
  font-size: 16px;
}
.cs-spa-retail-content .message-popup-text-ul {
  font-size: 16px;
  line-height: 1.5;
  text-align: right;
  max-width: 800px;
  padding-right: 40px;
  padding-left: 40px;
}
.cs-spa-retail-content .message-popup-text-ul li {
  list-style: disc;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #4bc87d;
  font-size: 22px;
}
.cs-spa-retail-content .message-popup-text-ul li p {
  font-size: 16px;
  color: #000000;
}
.cs-spa-retail-content .message-popup-text-ul li p a {
  -webkit-appearance: none;
  border: 0;
  color: #4bc87d;
  text-decoration: underline;
  font-size: 14px;
  line-height: 17px;
}
.cs-spa-retail-content .message-popup-text-ul .btn-green-link {
  font-size: 16px;
}
.cs-spa-retail-content .message-bottom-line {
  font-size: 16px;
  line-height: 20px;
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 40px;
}
.cs-spa-retail-content .message-foreign-purpose-line {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  line-height: 20px;
  padding-right: 40px;
  padding-left: 40px;
}
.cs-spa-retail-content .message-popup-title {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
}
.cs-spa-retail-content .message-popup-sub-title {
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
}
.cs-spa-retail-content .message-popup-buttons {
  text-align: center;
  margin-top: 40px;
}
.cs-spa-retail-content .message-popup-buttons button {
  min-width: 100px;
  margin: 10px;
}
.cs-spa-retail-content .message-popup-buttons button.normal-btn {
  background: #ffffff;
  border: none;
  height: 36px;
  color: #4bc87d;
  padding: 0 24px;
  font-size: 1.4rem;
  line-height: 36px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  box-shadow: 0 9px 25px 0 rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content .message-link {
  text-align: center;
  margin: 20px 0;
}
.cs-spa-retail-content .message-link a {
  color: #4bc87d;
  padding-bottom: 3px;
  border-bottom: 2px solid #4bc87d;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container {
  width: 540px;
  padding: 30px 40px;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .title {
  color: #4bc87d;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .sub-title {
  font-size: 18px;
  margin-bottom: 15px;
  color: #4e5664;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .main-text {
  font-size: 18px;
  color: #4e5664;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .link {
  margin-top: 10px;
  margin-bottom: 25px;
  text-decoration: underline;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .link .a-link-cls {
  color: #4bc87d;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .checkbox-label input[type="checkbox"] {
  height: 0;
  width: 0;
  opacity: 0;
  display: none;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .checkbox-label input[type="checkbox"] + .custom-checkbox {
  position: relative;
  background-color: #cde2ea;
  display: inline-block;
  border-radius: 3px;
  height: 15px;
  width: 15px;
  cursor: pointer;
  float: right;
  margin-top: 6px;
  margin-left: 10px;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .checkbox-label input[type="checkbox"].checked + .custom-checkbox:after {
  position: absolute;
  font-family: 'FontAwesome';
  content: '\f00c';
  color: #25cb92;
  top: 0px;
  left: 3px;
  font-size: 10px;
  height: 16px;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .checkbox-label .label-checkbox {
  font-size: 18px;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .activities-btn-cls {
  margin-top: 50px;
  width: 180px;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .btn-continue-wrapper {
  margin: auto;
  width: 40%;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .general-error {
  width: 100%;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .general-error .general-error-text {
  font-size: 18px;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .general-error .general-error-btn {
  margin-top: 25px;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .general-error .general-error-btn .generalBtn {
  display: block;
  margin: auto;
  min-width: 75px;
}
.cs-spa-retail-content.activities-popup-wrapper .activities-container .general-error .rc-global-error {
  height: auto;
  padding-top: 0;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content.activities-popup-wrapper .activities-container {
    width: 100%;
    padding: 20px;
  }
  .cs-spa-retail-content.activities-popup-wrapper .activities-container .checkbox-label input[type="checkbox"] + .custom-checkbox {
    margin-top: 3px;
  }
  .cs-spa-retail-content.activities-popup-wrapper .activities-container .main-text {
    font-size: 14px;
  }
  .cs-spa-retail-content.activities-popup-wrapper .activities-container .title {
    margin-top: 20px;
    line-height: 1;
  }
  .cs-spa-retail-content.activities-popup-wrapper .activities-container .btn-continue-wrapper {
    width: 180px;
  }
  .cs-spa-retail-content.activities-popup-wrapper .activities-container .btn-continue-wrapper .activities-btn-cls {
    width: 100%;
  }
  .cs-spa-retail-content.activities-popup-wrapper .activities-container link {
    margin-bottom: 10px;
  }
  .cs-spa-retail-content.activities-popup-wrapper .activities-container .checkbox-label .label-checkbox {
    font-size: 14px;
  }
}
.cs-spa-retail-content #update_address_view .col-xs-1,
.cs-spa-retail-content #update_address_view .col-sm-1,
.cs-spa-retail-content #update_address_view .col-md-1,
.cs-spa-retail-content #update_address_view .col-lg-1,
.cs-spa-retail-content #update_address_view .col-xs-2,
.cs-spa-retail-content #update_address_view .col-sm-2,
.cs-spa-retail-content #update_address_view .col-md-2,
.cs-spa-retail-content #update_address_view .col-lg-2,
.cs-spa-retail-content #update_address_view .col-xs-3,
.cs-spa-retail-content #update_address_view .col-sm-3,
.cs-spa-retail-content #update_address_view .col-md-3,
.cs-spa-retail-content #update_address_view .col-lg-3,
.cs-spa-retail-content #update_address_view .col-xs-4,
.cs-spa-retail-content #update_address_view .col-sm-4,
.cs-spa-retail-content #update_address_view .col-md-4,
.cs-spa-retail-content #update_address_view .col-lg-4,
.cs-spa-retail-content #update_address_view .col-xs-5,
.cs-spa-retail-content #update_address_view .col-sm-5,
.cs-spa-retail-content #update_address_view .col-md-5,
.cs-spa-retail-content #update_address_view .col-lg-5,
.cs-spa-retail-content #update_address_view .col-xs-6,
.cs-spa-retail-content #update_address_view .col-sm-6,
.cs-spa-retail-content #update_address_view .col-md-6,
.cs-spa-retail-content #update_address_view .col-lg-6,
.cs-spa-retail-content #update_address_view .col-xs-7,
.cs-spa-retail-content #update_address_view .col-sm-7,
.cs-spa-retail-content #update_address_view .col-md-7,
.cs-spa-retail-content #update_address_view .col-lg-7,
.cs-spa-retail-content #update_address_view .col-xs-8,
.cs-spa-retail-content #update_address_view .col-sm-8,
.cs-spa-retail-content #update_address_view .col-md-8,
.cs-spa-retail-content #update_address_view .col-lg-8,
.cs-spa-retail-content #update_address_view .col-xs-9,
.cs-spa-retail-content #update_address_view .col-sm-9,
.cs-spa-retail-content #update_address_view .col-md-9,
.cs-spa-retail-content #update_address_view .col-lg-9,
.cs-spa-retail-content #update_address_view .col-xs-10,
.cs-spa-retail-content #update_address_view .col-sm-10,
.cs-spa-retail-content #update_address_view .col-md-10,
.cs-spa-retail-content #update_address_view .col-lg-10,
.cs-spa-retail-content #update_address_view .col-xs-11,
.cs-spa-retail-content #update_address_view .col-sm-11,
.cs-spa-retail-content #update_address_view .col-md-11,
.cs-spa-retail-content #update_address_view .col-lg-11,
.cs-spa-retail-content #update_address_view .col-xs-12,
.cs-spa-retail-content #update_address_view .col-sm-12,
.cs-spa-retail-content #update_address_view .col-md-12,
.cs-spa-retail-content #update_address_view .col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
}
.cs-spa-retail-content #update_address_view .container,
.cs-spa-retail-content #update_address_view .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
.cs-spa-retail-content #update_address_view .row {
  margin-left: -15px;
  margin-right: -15px;
}
.popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content {
  width: 565px;
}
.popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal.webview {
  margin: 0;
}
.popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal.webview .modal-dialog {
  margin: 0;
  top: 0;
}
.popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal.webview .btnClose {
  display: none;
}
#update_address_view {
  width: 514px;
  background: #ffffff;
  padding: 11px 26px 27px 26px;
  color: #737D8A;
  min-height: 240px;
  text-align: right;
}
#update_address_view.otp-state {
  max-width: 514px;
  padding: 0;
  width: 100%;
}
#update_address_view.otp-state #verification_general_view {
  padding: unset;
  width: 514px;
}
#update_address_view.success-state {
  padding: 26px 0 15px 0;
}
#update_address_view .select2-container--default.select2-container--focus,
#update_address_view .select2-container--default {
  max-width: none;
}
#update_address_view .update_address_success {
  text-align: center;
}
#update_address_view .update_address_success img {
  margin-bottom: 23px;
}
#update_address_view .update_address_success .popup-title {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 2px;
  font-weight: normal;
}
#update_address_view .update_address_success .message {
  margin-bottom: 39px;
}
#update_address_view .update_address_success .btn-green {
  width: 99px;
  font-size: 16px;
  line-height: 19px;
}
#update_address_view .update_address_default h1,
#update_address_view .update_address_success h1,
#update_address_view .update_address_error h1 {
  color: #4bc87d;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 11px;
}
#update_address_view .update_address_default .update-explanation,
#update_address_view .update_address_success .update-explanation,
#update_address_view .update_address_error .update-explanation {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 25px;
  padding-left: 55px;
  color: #6e7685;
}
#update_address_view .update_address_default label,
#update_address_view .update_address_success label,
#update_address_view .update_address_error label {
  color: #7A89A1;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
}
#update_address_view .update_address_default .row,
#update_address_view .update_address_success .row,
#update_address_view .update_address_error .row {
  margin-bottom: 28px;
  position: relative;
}
#update_address_view .update_address_default .row .error-msg,
#update_address_view .update_address_success .row .error-msg,
#update_address_view .update_address_error .row .error-msg {
  position: absolute;
  color: #fb5f5f;
  bottom: -25px;
  right: 1.5px;
}
#update_address_view .update_address_default .row .input-wrapper,
#update_address_view .update_address_success .row .input-wrapper,
#update_address_view .update_address_error .row .input-wrapper {
  position: relative;
}
#update_address_view .update_address_default .row .input-wrapper.input1,
#update_address_view .update_address_success .row .input-wrapper.input1,
#update_address_view .update_address_error .row .input-wrapper.input1 {
  width: 128px;
}
#update_address_view .update_address_default .row .input-wrapper.input2,
#update_address_view .update_address_success .row .input-wrapper.input2,
#update_address_view .update_address_error .row .input-wrapper.input2 {
  width: 178px;
}
#update_address_view .update_address_default .row .input-wrapper .input-field,
#update_address_view .update_address_success .row .input-wrapper .input-field,
#update_address_view .update_address_error .row .input-wrapper .input-field {
  width: 100%;
  max-width: initial;
  border: none;
  height: 40px;
  padding: 0 12px;
  font-size: 16px;
  text-align: right;
  border-radius: 4px;
  background-color: #ebf2f8;
  display: block;
  position: relative;
}
#update_address_view .update_address_default .row .input-wrapper .input-field:disabled,
#update_address_view .update_address_success .row .input-wrapper .input-field:disabled,
#update_address_view .update_address_error .row .input-wrapper .input-field:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
#update_address_view .update_address_default .row .input-wrapper .input-field > input,
#update_address_view .update_address_success .row .input-wrapper .input-field > input,
#update_address_view .update_address_error .row .input-wrapper .input-field > input {
  background: none;
  width: 100%;
  font-size: 16px;
  height: 100%;
  text-align: right;
  border: none;
}
#update_address_view .update_address_default .row .input-wrapper .input-field > button,
#update_address_view .update_address_success .row .input-wrapper .input-field > button,
#update_address_view .update_address_error .row .input-wrapper .input-field > button {
  height: 100%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#update_address_view .update_address_default .row .input-wrapper .input-field > button span,
#update_address_view .update_address_success .row .input-wrapper .input-field > button span,
#update_address_view .update_address_error .row .input-wrapper .input-field > button span {
  display: block;
  width: 20%;
  height: 20%;
  background: linear-gradient(to bottom right, transparent 50%, #7A89A1 50%);
  rotate: 45deg;
}
#update_address_view .update_address_default .row .input-wrapper .input-field.small-input,
#update_address_view .update_address_success .row .input-wrapper .input-field.small-input,
#update_address_view .update_address_error .row .input-wrapper .input-field.small-input {
  max-width: 68px;
  display: inline-block;
}
#update_address_view .update_address_default .row .input-wrapper .input-field-db,
#update_address_view .update_address_success .row .input-wrapper .input-field-db,
#update_address_view .update_address_error .row .input-wrapper .input-field-db {
  width: 100%;
  border: none;
  padding: 0 12px;
  height: 40px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #ebf2f8;
}
#update_address_view .update_address_default .row .input-wrapper .input-field-db > input,
#update_address_view .update_address_success .row .input-wrapper .input-field-db > input,
#update_address_view .update_address_error .row .input-wrapper .input-field-db > input {
  background: none;
  width: 100%;
  font-size: 16px;
  height: 100%;
  text-align: right;
  border: none;
}
#update_address_view .update_address_default .row.small-fields,
#update_address_view .update_address_success .row.small-fields,
#update_address_view .update_address_error .row.small-fields {
  display: flex;
  justify-content: space-between;
}
#update_address_view .update_address_default .row .link-post-wrapper,
#update_address_view .update_address_success .row .link-post-wrapper,
#update_address_view .update_address_error .row .link-post-wrapper {
  padding-left: 5px;
}
#update_address_view .update_address_default .row .link-post-wrapper a,
#update_address_view .update_address_success .row .link-post-wrapper a,
#update_address_view .update_address_error .row .link-post-wrapper a {
  float: left;
}
#update_address_view .update_address_default .row .wrap-city,
#update_address_view .update_address_success .row .wrap-city,
#update_address_view .update_address_error .row .wrap-city {
  position: relative;
}
#update_address_view .update_address_default .row .attention-wrapper,
#update_address_view .update_address_success .row .attention-wrapper,
#update_address_view .update_address_error .row .attention-wrapper {
  background: url(media/svgs/update-adress-bg.ec8027924daa664b9b62..svg) no-repeat;
  width: auto;
  background-size: cover;
  min-height: 140px;
  margin: 0 15px;
  padding: 20px 35px 30px 35px;
  margin-top: 17px;
}
#update_address_view .update_address_default .row .attention-wrapper:before,
#update_address_view .update_address_success .row .attention-wrapper:before,
#update_address_view .update_address_error .row .attention-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(media/svgs/icon-heart.21503fc4463fc58b061a..svg);
  right: 0px;
  top: 22px;
  width: 42px;
  height: 42px;
  z-index: 1;
}
#update_address_view .update_address_default .row .attention-wrapper .title,
#update_address_view .update_address_success .row .attention-wrapper .title,
#update_address_view .update_address_error .row .attention-wrapper .title {
  color: #4a4a4a;
  font-size: 16px;
  line-height: 20px;
}
#update_address_view .update_address_default .row .attention-wrapper li,
#update_address_view .update_address_success .row .attention-wrapper li,
#update_address_view .update_address_error .row .attention-wrapper li {
  color: #4a4a4a;
  font-size: 12px;
  line-height: 21px;
  position: relative;
  margin-right: 15px;
}
#update_address_view .update_address_default .row .attention-wrapper li:before,
#update_address_view .update_address_success .row .attention-wrapper li:before,
#update_address_view .update_address_error .row .attention-wrapper li:before {
  content: "\2022";
  color: #4bc87d;
  font-size: 23px;
  position: absolute;
  right: -15px;
}
#update_address_view .update_address_default .row .toggle-wrapper,
#update_address_view .update_address_success .row .toggle-wrapper,
#update_address_view .update_address_error .row .toggle-wrapper {
  padding: 0 15px;
}
#update_address_view .update_address_default .notes,
#update_address_view .update_address_success .notes,
#update_address_view .update_address_error .notes {
  margin: 12px 0 17px 0;
}
#update_address_view .update_address_default .actions,
#update_address_view .update_address_success .actions,
#update_address_view .update_address_error .actions {
  display: flex;
  justify-content: center;
}
#update_address_view .update_address_default .actions button:nth-child(2),
#update_address_view .update_address_success .actions button:nth-child(2),
#update_address_view .update_address_error .actions button:nth-child(2) {
  margin-right: 12px;
}
#update_address_view .update_address_error .message {
  margin-bottom: 20px;
  min-height: 50px;
}
.cs-spa-retail-content #update_address_view .rc-switch-toggle .switch {
  padding-top: unset;
}
.cs-spa-retail-content #update_address_view .rc-switch-toggle .switch .slider {
  width: 40px;
  height: 18px;
  right: 15px;
}
.cs-spa-retail-content #update_address_view .rc-switch-toggle .switch .slider:before {
  width: 22px;
  height: 22px;
  left: 0;
  top: unset;
}
.cs-spa-retail-content #update_address_view .rc-switch-toggle .switch .slider.checked:before {
  left: 5px;
}
.cs-spa-retail-content #update_address_view .rc-switch-toggle .switch .toggle-label {
  font-size: 16px;
  line-height: 16px;
  color: #6e7685;
  margin-right: 25px;
}
@media (max-width: 1023px) {
  #update_address_view.otp-state #verification_general_view {
    width: auto;
  }
}
@media (min-width: 769px) {
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-dialog {
    width: 565px;
  }
}
@media (max-width: 768px) {
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal.popup-state-modal-container {
    height: auto;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content {
    width: auto;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content #update_address_view {
    width: auto;
    padding: unset;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content #update_address_view .row.small-fields {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 15px;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content #update_address_view .row .input-wrapper.input1 {
    width: 48%;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content #update_address_view .row .input-wrapper.input1:first-child {
    margin-left: 9px;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content #update_address_view .row .input-wrapper.input2 {
    width: 100%;
    margin-top: 28px;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content #update_address_view .actions {
    display: flex;
    justify-content: space-around;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content #update_address_view .actions button {
    width: 130px;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content #update_address_view .rc-switch-toggle .toggle-label {
    margin-top: 0px !important;
  }
  .popup-modal-UPDATE_ADDRESS.cs-spa-retail-content.interactive-modal .modal-content #update_address_view .rc-switch-toggle .toggle-label {
    margin-right: 20px;
  }
  .cs-spa-retail-content #update_address_view .rc-switch-toggle .switch .toggle-label {
    margin-top: -6px;
  }
}
#update_phone_view {
  max-width: 500px;
  background: #ffffff;
  padding: 30px 65px;
  color: #737D8A;
}
#update_phone_view .can-not-update-phone-error {
  padding: 25px 0;
}
#update_phone_view .update-phone-inner-wrapper {
  padding: 30px 0 30px;
}
#update_phone_view .form-control-wrapper {
  margin-bottom: 30px;
  position: relative;
}
#update_phone_view .form-control-wrapper .error-msg {
  top: 56px;
}
#update_phone_view .form-control-wrapper.minimum-margin {
  margin-bottom: 5px;
}
#update_phone_view .legal-terms-wrapper ul,
#update_phone_view .error-msg ul {
  padding-right: 20px;
}
#update_phone_view .legal-terms-wrapper ul li,
#update_phone_view .error-msg ul li {
  list-style-type: disc;
  color: #4bc87d;
  font-size: 16px;
}
#update_phone_view .legal-terms-wrapper ul li span,
#update_phone_view .error-msg ul li span {
  color: #737D8A;
  font-size: 14px;
}
#update_phone_view .legal-terms-wrapper .btnHelp,
#update_phone_view .error-msg .btnHelp,
#update_phone_view .legal-terms-wrapper .fa.fa-exclamation-circle,
#update_phone_view .error-msg .fa.fa-exclamation-circle {
  float: right;
  position: relative;
  top: 2px;
  margin-left: 5px;
}
#update_phone_view .legal-terms-wrapper > span,
#update_phone_view .error-msg > span {
  display: inline-block;
  width: 90%;
}
#update_phone_view .form-control-wrapper .error-msg {
  color: #fb5f5f;
  margin-bottom: 10px;
  font-size: 14px;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#update_phone_view .form-control-wrapper .error-msg > span {
  margin-right: 6px;
}
#update_phone_view .in-process-loader {
  position: absolute;
  left: 45%;
  bottom: 90px;
}
#update_phone_view .general-btn {
  background: #4bc87d;
  color: #ffffff;
  width: 140px;
  margin: 0 auto;
  display: block;
}
#update_phone_view .loader-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}
#update_phone_view .popup-header {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
}
#update_phone_view .popup-header.with-error {
  margin-bottom: 15px;
}
#update_phone_view .popup-description {
  font-size: 14px;
  color: #6E7685;
  line-height: 21px;
  max-width: initial;
  font-weight: normal;
}
html[lang="en"] #update_phone_view .form-control-wrapper {
  padding-bottom: 50px;
}
@media (max-width: 575px) {
  #update_phone_view {
    padding: 30px 15px;
  }
}
@media (max-width: 1023px) {
  #update_phone_view .form-field {
    max-width: 1023px;
  }
  #update_phone_view .popup-header {
    text-align: center;
  }
  #update_phone_view .legal-terms-wrapper {
    display: flex;
  }
}
#update_email_view {
  width: 620px;
  background: #ffffff;
  padding: 35px 65px;
  color: #737D8A;
  min-height: 240px;
}
#update_email_view .description {
  margin-bottom: 25px;
}
#update_email_view .form-control-wrapper {
  margin-bottom: 30px;
}
#update_email_view .form-control-wrapper.minimum-margin {
  margin-bottom: 5px;
}
#update_email_view .legal-terms-wrapper .btnHelp,
#update_email_view .error-msg .btnHelp,
#update_email_view .legal-terms-wrapper .fa.fa-exclamation-circle,
#update_email_view .error-msg .fa.fa-exclamation-circle {
  float: right;
  position: relative;
  top: 2px;
  margin-left: 5px;
}
#update_email_view .legal-terms-wrapper > span,
#update_email_view .error-msg > span {
  display: inline-block;
  width: 90%;
  margin-bottom: 20px;
}
#update_email_view .form-control-wrapper .error-msg {
  color: #fb5f5f;
  margin-bottom: 10px;
  font-size: 14px;
  margin-top: 5px;
}
#update_email_view .form-control-wrapper .error-msg > span {
  margin-right: 6px;
}
#update_email_view .in-process-loader {
  position: absolute;
  left: 45%;
  bottom: 90px;
}
#update_email_view .general-btn {
  background: #4bc87d;
  color: #ffffff;
  margin: 0 auto;
  display: block;
  min-width: 140px;
}
#update_email_view .loader-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}
#update_email_view .popup-header {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 10px;
}
#update_email_view .popup-description {
  font-size: 14px;
  color: #6E7685;
  line-height: 21px;
  max-width: initial;
  font-weight: normal;
}
#update_email_view .popup-description.success-desc,
#update_email_view .popup-description.error-desc {
  min-height: 90px;
}
#update_email_view .legal-terms-wrapper {
  display: contents;
  margin-bottom: 20px;
}
#update_email_view #verification_general_view {
  width: 100%;
  padding: 0;
}
@media (max-width: 1023px) {
  #update_email_view {
    width: auto;
    padding: 30px 15px;
  }
  #update_email_view .legal-terms-wrapper {
    display: inline-flex;
  }
  #update_email_view #update-email-field {
    max-width: 1023px;
  }
  #update_email_view .popup-header {
    text-align: center;
  }
}
.interactive-modal .modal-content .update-permissions-popup-container {
  min-height: 200px;
  text-align: right;
}
.permission-popup-wrapper {
  min-width: 550px;
  min-height: 200px;
}
#update-permissions-popup {
  width: 550px;
  padding-top: 30px;
  padding-bottom: 28px;
  padding-right: 30px;
  padding-left: 50px;
}
#update-permissions-popup .error-msg {
  color: #fb5f5f;
  font-size: 14px;
  margin-bottom: 5px;
}
#update-permissions-popup .title {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 14px;
}
#update-permissions-popup .description {
  color: #6E7685;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 19px;
}
#update-permissions-popup .option-label {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #6E7685;
}
#update-permissions-popup .option-label.english-long-title .styled-radio {
  top: -8px;
}
#update-permissions-popup .option-label.english-long-title .label-text {
  display: inline-block;
  width: 90%;
}
#update-permissions-popup .option-desc {
  display: block;
  margin-right: 40px;
  font-size: 14px;
  line-height: 20px;
  color: #6E7685;
}
#update-permissions-popup .radio-option {
  margin-bottom: 20px;
}
#update-permissions-popup .bottom-notes {
  color: #6E7685;
  font-size: 16px;
  line-height: 20px;
}
#update-permissions-popup .buttons-wrapper {
  text-align: center;
  margin-top: 30px;
}
#update-permissions-popup .buttons-wrapper button {
  min-width: 140px;
  margin-right: 5px;
  margin-left: 5px;
}
#update-permissions-popup .buttons-wrapper button.normal-btn {
  background: #ffffff;
  border: none;
  height: 36px;
  color: #4bc87d;
  padding: 0 24px;
  font-size: 1.4rem;
  line-height: 36px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  box-shadow: 0 9px 25px 0 rgba(75, 200, 125, 0.45);
}
#update-permissions-popup.success-state .description {
  min-height: 40px;
}
@media (max-width: 575px) {
  #update-permissions-popup {
    padding: 30px 15px;
  }
}
@media (max-width: 1023px) {
  .permission-popup-wrapper {
    min-width: 0px;
    min-height: 200px;
  }
  #update-permissions-popup {
    width: auto;
  }
  #update-permissions-popup .description {
    font-size: 14px;
    margin: 0 20px 15px;
  }
  #update-permissions-popup .option-label {
    display: flex;
    font-size: 14px;
    line-height: 18px;
  }
  #update-permissions-popup .option-label .styled-radio {
    top: 0;
  }
  #update-permissions-popup .option-desc {
    font-size: 14px;
  }
  #update-permissions-popup .bottom-notes {
    font-size: 14px;
    margin: 10px 20px;
  }
  #update-permissions-popup .buttons-wrapper button.normal-btn,
  #update-permissions-popup .buttons-wrapper button.general-btn {
    font-size: 14px;
  }
}
#update_nickname_popup {
  width: 430px;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
  padding: 30px 51px 27px 54px;
}
#update_nickname_popup .update-nickname-inner-wrapper .popup-header {
  color: #4bc87d;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  /*text-align: center;*/
  margin-bottom: 36px;
}
#update_nickname_popup .update-nickname-inner-wrapper .update_nickname_default label {
  color: #7A89A1;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
}
#update_nickname_popup .update-nickname-inner-wrapper .row {
  margin-bottom: 28px;
}
#update_nickname_popup .update-nickname-inner-wrapper .actions {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
#update_nickname_popup .update-nickname-inner-wrapper .actions button:nth-child(2) {
  margin-right: 12px;
}
@media (max-width: 575px) {
  #update_nickname_popup {
    padding: 30px 15px;
  }
}
@media (max-width: 1023px) {
  #update_nickname_popup {
    width: auto;
  }
  #update_nickname_popup .update-nickname-inner-wrapper .popup-header {
    text-align: center;
    margin-bottom: 10px;
  }
}
.popup-modal-UPDATE_FIXED_PASSWORD .interactive-modal-content {
  display: contents;
}
#update_mail_password_view {
  width: auto;
  background: #ffffff;
  padding: 30px 30px 27px 30px;
  color: #737D8A;
  min-height: 240px;
}
#update_mail_password_view.otp-state {
  width: 620px;
  padding: 0;
}
#update_mail_password_view .update_password_default .section,
#update_mail_password_view .update_password_success .section,
#update_mail_password_view .update_mail_password_success .section,
#update_mail_password_view .update_password_error .section,
#update_mail_password_view .update_mail_password_error .section {
  width: 50%;
}
#update_mail_password_view .update_password_default h1,
#update_mail_password_view .update_password_success h1,
#update_mail_password_view .update_mail_password_success h1,
#update_mail_password_view .update_password_error h1,
#update_mail_password_view .update_mail_password_error h1 {
  color: #4bc87d;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
#update_mail_password_view .update_password_default label,
#update_mail_password_view .update_password_success label,
#update_mail_password_view .update_mail_password_success label,
#update_mail_password_view .update_password_error label,
#update_mail_password_view .update_mail_password_error label {
  color: #7A89A1;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
}
#update_mail_password_view .update_password_default .additional-text,
#update_mail_password_view .update_password_success .additional-text,
#update_mail_password_view .update_mail_password_success .additional-text,
#update_mail_password_view .update_password_error .additional-text,
#update_mail_password_view .update_mail_password_error .additional-text {
  font-size: 16px;
  color: #6e7685;
  margin-bottom: 10px;
}
#update_mail_password_view .update_password_default form,
#update_mail_password_view .update_password_success form,
#update_mail_password_view .update_mail_password_success form,
#update_mail_password_view .update_password_error form,
#update_mail_password_view .update_mail_password_error form {
  display: flex;
  flex-direction: column;
  position: relative;
}
#update_mail_password_view .update_password_default form .fields-section .row,
#update_mail_password_view .update_password_success form .fields-section .row,
#update_mail_password_view .update_mail_password_success form .fields-section .row,
#update_mail_password_view .update_password_error form .fields-section .row,
#update_mail_password_view .update_mail_password_error form .fields-section .row {
  margin-bottom: 35px;
}
#update_mail_password_view .update_password_default form .fields-section .row.with-long-error-msg,
#update_mail_password_view .update_password_success form .fields-section .row.with-long-error-msg,
#update_mail_password_view .update_mail_password_success form .fields-section .row.with-long-error-msg,
#update_mail_password_view .update_password_error form .fields-section .row.with-long-error-msg,
#update_mail_password_view .update_mail_password_error form .fields-section .row.with-long-error-msg {
  margin-bottom: 65px;
}
#update_mail_password_view .update_password_default form .fields-section .row .error-msg,
#update_mail_password_view .update_password_success form .fields-section .row .error-msg,
#update_mail_password_view .update_mail_password_success form .fields-section .row .error-msg,
#update_mail_password_view .update_password_error form .fields-section .row .error-msg,
#update_mail_password_view .update_mail_password_error form .fields-section .row .error-msg {
  position: absolute;
  color: #fb5f5f;
  margin-top: 5px;
}
#update_mail_password_view .update_password_default form .fields-section .row .error-msg span,
#update_mail_password_view .update_password_success form .fields-section .row .error-msg span,
#update_mail_password_view .update_mail_password_success form .fields-section .row .error-msg span,
#update_mail_password_view .update_password_error form .fields-section .row .error-msg span,
#update_mail_password_view .update_mail_password_error form .fields-section .row .error-msg span {
  margin-right: 8px;
}
#update_mail_password_view .update_password_default form .fields-section .row .input-wrapper:first-child,
#update_mail_password_view .update_password_success form .fields-section .row .input-wrapper:first-child,
#update_mail_password_view .update_mail_password_success form .fields-section .row .input-wrapper:first-child,
#update_mail_password_view .update_password_error form .fields-section .row .input-wrapper:first-child,
#update_mail_password_view .update_mail_password_error form .fields-section .row .input-wrapper:first-child {
  margin-left: 17px;
}
#update_mail_password_view .update_password_default form .fields-section .row .input-wrapper .input-field,
#update_mail_password_view .update_password_success form .fields-section .row .input-wrapper .input-field,
#update_mail_password_view .update_mail_password_success form .fields-section .row .input-wrapper .input-field,
#update_mail_password_view .update_password_error form .fields-section .row .input-wrapper .input-field,
#update_mail_password_view .update_mail_password_error form .fields-section .row .input-wrapper .input-field {
  width: 100%;
  max-width: initial;
  border: none;
  height: 40px;
  padding: 0 12px;
  font-size: 16px;
  text-align: right;
  border-radius: 4px;
  background-color: #e7f1f9;
  display: block;
  position: relative;
}
#update_mail_password_view .update_password_default form .fields-section .row .input-wrapper .input-field:disabled,
#update_mail_password_view .update_password_success form .fields-section .row .input-wrapper .input-field:disabled,
#update_mail_password_view .update_mail_password_success form .fields-section .row .input-wrapper .input-field:disabled,
#update_mail_password_view .update_password_error form .fields-section .row .input-wrapper .input-field:disabled,
#update_mail_password_view .update_mail_password_error form .fields-section .row .input-wrapper .input-field:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
#update_mail_password_view .update_password_default form .fields-section .row .input-wrapper .input-field > input,
#update_mail_password_view .update_password_success form .fields-section .row .input-wrapper .input-field > input,
#update_mail_password_view .update_mail_password_success form .fields-section .row .input-wrapper .input-field > input,
#update_mail_password_view .update_password_error form .fields-section .row .input-wrapper .input-field > input,
#update_mail_password_view .update_mail_password_error form .fields-section .row .input-wrapper .input-field > input {
  background: none;
  width: 100%;
  font-size: 16px;
  height: 100%;
  text-align: right;
  padding-right: 40px;
}
#update_mail_password_view .update_password_default form .fields-section .row .input-wrapper .input-field.small-input,
#update_mail_password_view .update_password_success form .fields-section .row .input-wrapper .input-field.small-input,
#update_mail_password_view .update_mail_password_success form .fields-section .row .input-wrapper .input-field.small-input,
#update_mail_password_view .update_password_error form .fields-section .row .input-wrapper .input-field.small-input,
#update_mail_password_view .update_mail_password_error form .fields-section .row .input-wrapper .input-field.small-input {
  max-width: 68px;
  display: inline-block;
}
#update_mail_password_view .update_password_default form .fields-section .row.small-fields,
#update_mail_password_view .update_password_success form .fields-section .row.small-fields,
#update_mail_password_view .update_mail_password_success form .fields-section .row.small-fields,
#update_mail_password_view .update_password_error form .fields-section .row.small-fields,
#update_mail_password_view .update_mail_password_error form .fields-section .row.small-fields {
  display: flex;
  justify-content: space-between;
}
#update_mail_password_view .update_password_default form .password-guide-section,
#update_mail_password_view .update_password_success form .password-guide-section,
#update_mail_password_view .update_mail_password_success form .password-guide-section,
#update_mail_password_view .update_password_error form .password-guide-section,
#update_mail_password_view .update_mail_password_error form .password-guide-section {
  padding-right: 40px;
}
#update_mail_password_view .update_password_default form .password-guide-section .title,
#update_mail_password_view .update_password_success form .password-guide-section .title,
#update_mail_password_view .update_mail_password_success form .password-guide-section .title,
#update_mail_password_view .update_password_error form .password-guide-section .title,
#update_mail_password_view .update_mail_password_error form .password-guide-section .title {
  color: #6e7685;
  line-height: 21px;
}
#update_mail_password_view .update_password_default form .password-guide-section ul,
#update_mail_password_view .update_password_success form .password-guide-section ul,
#update_mail_password_view .update_mail_password_success form .password-guide-section ul,
#update_mail_password_view .update_password_error form .password-guide-section ul,
#update_mail_password_view .update_mail_password_error form .password-guide-section ul {
  margin-top: 16px;
}
#update_mail_password_view .update_password_default form .password-guide-section ul.list-green-bullets,
#update_mail_password_view .update_password_success form .password-guide-section ul.list-green-bullets,
#update_mail_password_view .update_mail_password_success form .password-guide-section ul.list-green-bullets,
#update_mail_password_view .update_password_error form .password-guide-section ul.list-green-bullets,
#update_mail_password_view .update_mail_password_error form .password-guide-section ul.list-green-bullets {
  list-style: none;
}
#update_mail_password_view .update_password_default form .password-guide-section ul.list-green-bullets li:before,
#update_mail_password_view .update_password_success form .password-guide-section ul.list-green-bullets li:before,
#update_mail_password_view .update_mail_password_success form .password-guide-section ul.list-green-bullets li:before,
#update_mail_password_view .update_password_error form .password-guide-section ul.list-green-bullets li:before,
#update_mail_password_view .update_mail_password_error form .password-guide-section ul.list-green-bullets li:before {
  content: "\2022";
  color: #4bc87d;
  font-size: 23px;
  position: absolute;
  right: 0;
  top: -1px;
}
#update_mail_password_view .update_password_default form .password-guide-section ul.list-green-bullets li,
#update_mail_password_view .update_password_success form .password-guide-section ul.list-green-bullets li,
#update_mail_password_view .update_mail_password_success form .password-guide-section ul.list-green-bullets li,
#update_mail_password_view .update_password_error form .password-guide-section ul.list-green-bullets li,
#update_mail_password_view .update_mail_password_error form .password-guide-section ul.list-green-bullets li {
  position: relative;
  line-height: 19px;
  margin-bottom: 16px;
  padding-right: 15px;
}
#update_mail_password_view .update_password_default form .password-period,
#update_mail_password_view .update_password_success form .password-period,
#update_mail_password_view .update_mail_password_success form .password-period,
#update_mail_password_view .update_password_error form .password-period,
#update_mail_password_view .update_mail_password_error form .password-period {
  margin-bottom: 40px;
}
#update_mail_password_view .update_password_default form .accessibility-intro-message-wrapper,
#update_mail_password_view .update_password_success form .accessibility-intro-message-wrapper,
#update_mail_password_view .update_mail_password_success form .accessibility-intro-message-wrapper,
#update_mail_password_view .update_password_error form .accessibility-intro-message-wrapper,
#update_mail_password_view .update_mail_password_error form .accessibility-intro-message-wrapper {
  margin-top: 0;
  position: absolute;
  bottom: 65px;
  width: 100%;
}
#update_mail_password_view .update_password_default .actions,
#update_mail_password_view .update_password_success .actions,
#update_mail_password_view .update_mail_password_success .actions,
#update_mail_password_view .update_password_error .actions,
#update_mail_password_view .update_mail_password_error .actions {
  display: flex;
  justify-content: center;
}
#update_mail_password_view .update_password_default .actions button:nth-child(2),
#update_mail_password_view .update_password_success .actions button:nth-child(2),
#update_mail_password_view .update_mail_password_success .actions button:nth-child(2),
#update_mail_password_view .update_password_error .actions button:nth-child(2),
#update_mail_password_view .update_mail_password_error .actions button:nth-child(2) {
  margin-right: 12px;
}
#update_mail_password_view .update_password_success .message,
#update_mail_password_view .update_mail_password_success .message {
  margin-bottom: 20px;
  min-height: 85px;
}
@media (max-width: 1023px) {
  #update_mail_password_view {
    width: auto;
  }
  .update_password_default h1,
  .update_password_success h1,
  .update_password_error h1,
  .update_mail_password_success h1,
  .update_mail_password_error h1 {
    text-align: center;
  }
  .update_password_default form .fields-section .row .input-wrapper:first-child,
  .update_password_success form .fields-section .row .input-wrapper:first-child,
  .update_password_error form .fields-section .row .input-wrapper:first-child,
  .update_mail_password_success form .fields-section .row .input-wrapper:first-child,
  .update_mail_password_error form .fields-section .row .input-wrapper:first-child {
    margin-left: 0;
  }
  .update_password_default form .password-guide-section,
  .update_password_success form .password-guide-section,
  .update_password_error form .password-guide-section,
  .update_mail_password_success form .password-guide-section,
  .update_mail_password_error form .password-guide-section {
    padding-right: 0;
  }
}
@media (max-width: 1023px) and (max-width: 575px) {
  #update_mail_password_view {
    padding: 30px 15px;
    width: 350px;
  }
}
#marketing_messages_view {
  width: 360px;
  background: #ffffff;
  padding: 30px 30px 27px 30px;
  color: #737D8A;
  min-height: 240px;
}
#marketing_messages_view.update-state {
  padding: 0;
  width: 420px;
}
#marketing_messages_view .marketing_messages_default h1,
#marketing_messages_view .marketing_messages_success h1,
#marketing_messages_view .marketing-messages-error h1 {
  color: #4bc87d;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
#marketing_messages_view .marketing_messages_default label,
#marketing_messages_view .marketing_messages_success label,
#marketing_messages_view .marketing-messages-error label {
  color: #7A89A1;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
}
#marketing_messages_view .marketing_messages_default .additional-text,
#marketing_messages_view .marketing_messages_success .additional-text,
#marketing_messages_view .marketing-messages-error .additional-text {
  font-size: 16px;
  color: #6e7685;
  margin-bottom: 10px;
}
#marketing_messages_view .marketing_messages_default .custom-checkbox input[type="checkbox"] + label:before,
#marketing_messages_view .marketing_messages_success .custom-checkbox input[type="checkbox"] + label:before,
#marketing_messages_view .marketing-messages-error .custom-checkbox input[type="checkbox"] + label:before,
#marketing_messages_view .marketing_messages_default .custom-checkbox input[type="checkbox"]:checked + label:before,
#marketing_messages_view .marketing_messages_success .custom-checkbox input[type="checkbox"]:checked + label:before,
#marketing_messages_view .marketing-messages-error .custom-checkbox input[type="checkbox"]:checked + label:before {
  background: #cde2ea;
  border-radius: 3px;
}
#marketing_messages_view .marketing_messages_default form,
#marketing_messages_view .marketing_messages_success form,
#marketing_messages_view .marketing-messages-error form {
  display: flex;
  flex-direction: column;
}
#marketing_messages_view .marketing_messages_default form .fields-section .row,
#marketing_messages_view .marketing_messages_success form .fields-section .row,
#marketing_messages_view .marketing-messages-error form .fields-section .row {
  margin-bottom: 15px;
}
#marketing_messages_view .marketing_messages_default form .fields-section .row .value,
#marketing_messages_view .marketing_messages_success form .fields-section .row .value,
#marketing_messages_view .marketing-messages-error form .fields-section .row .value {
  margin-right: 18px;
}
#marketing_messages_view .marketing_messages_default form .fields-section .row .value .icon-button-style,
#marketing_messages_view .marketing_messages_success form .fields-section .row .value .icon-button-style,
#marketing_messages_view .marketing-messages-error form .fields-section .row .value .icon-button-style {
  position: relative;
  top: -1px;
  margin-right: 13px;
}
#marketing_messages_view .marketing_messages_default form .actions,
#marketing_messages_view .marketing_messages_success form .actions,
#marketing_messages_view .marketing-messages-error form .actions {
  display: flex;
  justify-content: center;
}
#marketing_messages_view .marketing_messages_default form .actions button:nth-child(2),
#marketing_messages_view .marketing_messages_success form .actions button:nth-child(2),
#marketing_messages_view .marketing-messages-error form .actions button:nth-child(2) {
  margin-right: 12px;
}
#marketing_messages_view .marketing_messages_default form .error-msg,
#marketing_messages_view .marketing_messages_success form .error-msg,
#marketing_messages_view .marketing-messages-error form .error-msg {
  color: #fb5f5f;
  margin-bottom: 10px;
  margin-top: 5px;
}
#marketing_messages_view .marketing-messages-error .message {
  margin-bottom: 20px;
  min-height: 150px;
}
#marketing_messages_view .marketing-messages-error .actions {
  text-align: center;
}
#marketing_messages_view .marketing_messages_success .message {
  margin-bottom: 20px;
  min-height: 100px;
}
#marketing_messages_view .marketing_messages_success .actions {
  text-align: center;
}
@media (max-width: 575px) {
  #marketing_messages_view {
    padding: 30px 15px;
  }
}
@media (max-width: 1023px) {
  #marketing_messages_view {
    width: auto;
  }
  #marketing_messages_view form .fields-section .row .value .icon-button-style {
    height: 100%;
  }
}
.creditCardActivationModal .modal-content {
  width: 560px;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup {
  padding: 30px 40px 25px 40px;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section {
  padding: 0 25px 15px 25px;
  margin-bottom: 15px;
  border-bottom: 1px solid #c6ddeb;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section h1 {
  color: #4bc87d;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper {
  display: flex;
  align-items: center;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper {
  margin-left: 15px;
  display: flex;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  height: 25px;
  width: 40px;
  box-shadow: 0 10px 16px 0 rgba(67, 96, 144, 0.24);
  overflow: hidden;
  border-radius: 4px;
  color: #ffffff;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper .logo-wrapper {
  width: 28px;
  position: relative;
  top: 3px;
  left: 1px;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper.green {
  background: linear-gradient(90deg, #4BC87D 20%, #12AA54 100%);
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper.black {
  background: linear-gradient(90deg, #4F545B 0%, #1E2127 100%);
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper.blue {
  background: linear-gradient(90deg, #0572B2 0%, #18307D 100%);
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper.gold {
  background: linear-gradient(90deg, #CCA647 0%, #8C6118 80%);
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper.purple {
  background: linear-gradient(90deg, #5C29B5 0%, #4C6DD7 100%);
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper.gray {
  background: linear-gradient(90deg, #717477 40%, #b8bbbb 100%);
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper.light-green {
  background: linear-gradient(90deg, rgba(216, 216, 216, 0.3) 0%, rgba(75, 200, 125, 0.05) 100%);
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .activationSuccessMessageWrapper .card-main-wrapper.white {
  background-color: #ffffff;
  border: 1px solid #A4B0B9;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .updateCreditCardName .updateCardNameSection {
  float: right;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .updateCreditCardName .updateCardNameSection.cardNameInput {
  margin-left: 20px;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .updateCreditCardName .updateCardNameSection.cardNameInput input {
  width: 217px;
  border: none;
  height: 40px;
  padding: 0 12px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #e7f1f9;
  line-height: 28px;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .updateCreditCardName .updateCardNameSection button.btnContinue {
  height: 40px;
  width: 140px;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .updateCreditCardName .updateCardNameSection .clearfix {
  clear: both;
}
.creditCardActivationModal .modal-content .creditCardActivationPopup .section .updateCreditCardName .error-msg {
  color: #fb5f5f;
}
.external-company-link-main-popup {
  min-height: 195px;
  padding: 40px 100px;
  text-align: center;
}
.external-company-link-main-popup .external-company-link-main-title {
  font-size: 20px;
  color: #4bc87d;
}
.external-company-link-main-popup .external-company-link-sub-title {
  font-size: 16px;
  padding: 10px 0px 20px 0px;
}
#iban-popup-wrapper {
  max-width: 717px;
  width: 100%;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 15px;
  padding-bottom: 25px;
  min-width: 650px;
}
#iban-popup-wrapper .retail-global-error {
  box-shadow: none;
}
#iban-popup-wrapper .header-wrapper {
  padding-top: 0;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 40px;
}
#iban-popup-wrapper .top-title {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}
#iban-popup-wrapper .rc-table {
  box-shadow: none;
  padding: 0 15px;
}
#iban-popup-wrapper .rc-table .rc-table-body .rc-table-row:last-child:after {
  content: ' ';
  width: 100%;
  height: 5px;
  display: block;
  border-top: 1px solid #d7dde2;
}
#iban-popup-wrapper .rc-table .rc-table-td.extra-big {
  font-size: 16px;
}
#iban-popup-wrapper .general-btn {
  display: block;
  margin: 40px auto 0;
  width: 140px;
}
#iban-popup-wrapper .rc-table [role="button"] {
  cursor: default;
}
#iban-popup-wrapper .rc-table [role="button"]:hover {
  background-color: transparent;
}
@media (min-width: 1023px) {
  #iban-popup-wrapper #wrapper_ibanPopupTable {
    max-height: 235px;
    overflow: hidden;
  }
}
@media (max-width: 1023px) {
  #iban-popup-wrapper {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  #iban-popup-wrapper .top-title {
    text-align: center;
  }
  #iban-popup-wrapper .header-wrapper {
    margin-bottom: 5px;
  }
  #iban-popup-wrapper .rc-table {
    padding: 0px;
  }
}
@media (max-width: 768px) {
  #iban-popup-wrapper {
    min-width: initial;
  }
  #iban-popup-wrapper .rc-table {
    max-width: 750px;
  }
  .iban-popup .modal-content {
    width: 100%;
  }
}
@media (width: 768px) {
  #iban-popup-wrapper .rc-table {
    max-width: 100%;
  }
}
@media print {
  #iban-popup-wrapper #wrapper_ibanPopupTable .rc-table-td:first-child {
    width: 30%;
  }
  #iban-popup-wrapper #wrapper_ibanPopupTable .rc-table-td:nth-child(2) {
    width: 47%;
  }
  #iban-popup-wrapper #wrapper_ibanPopupTable .rc-table-td:last-child {
    width: 23%;
  }
}
#print #iban-popup-wrapper #wrapper_ibanPopupTable .rc-table-td:first-child,
#savePDF #iban-popup-wrapper #wrapper_ibanPopupTable .rc-table-td:first-child {
  width: 30%;
}
#print #iban-popup-wrapper #wrapper_ibanPopupTable .rc-table-td:nth-child(2),
#savePDF #iban-popup-wrapper #wrapper_ibanPopupTable .rc-table-td:nth-child(2) {
  width: 47%;
}
#print #iban-popup-wrapper #wrapper_ibanPopupTable .rc-table-td:last-child,
#savePDF #iban-popup-wrapper #wrapper_ibanPopupTable .rc-table-td:last-child {
  width: 23%;
}
#savePDF .iban-popup .top-title {
  float: none;
}
#guidance-video-wrapper {
  text-align: left;
  margin-top: 13px;
  margin-left: 25px;
}
#guidance-video-wrapper .question-mark-icon {
  background: url(media/images/question_mark.648934565fcc1d02d162..png) no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  position: relative;
  top: 4px;
  margin-left: 5px;
}
#guidance-video-wrapper .link {
  color: #4bc87d;
  font-weight: 500;
}
#guidance-video-wrapper a:hover {
  text-decoration: underline;
}
#similarTransactions {
  --genericValue: 20px;
  --basePad: 12px;
  --screenPad: 64px;
  --tableWidth: 840px;
  --tableHeight: 346px;
  width: calc(calc(var(--screenPad) * 2) + var(--tableWidth));
  height: 618px;
  display: grid;
  grid-template-areas: 'filter' 'tags' 'title' 'content';
  grid-template-rows: min-content;
  background: #ffffff;
}
@media (max-width: 769px) {
  #similarTransactions {
    --basePad: 6px;
    --fullWidth: 100vw;
    --exitStripe: 52px;
    width: var(--fullWidth);
    padding-top: var(--exitStripe);
    grid-template-rows: min-content min-content;
  }
  #similarTransactions::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: var(--exitStripe);
    background-image: linear-gradient(to left, #76d25b 100%, #4bc87d 0%);
  }
}
#similarTransactions * {
  font-family: 'Rubik', sans-serif;
}
#similarTransactions .tags {
  grid-area: tags;
  width: fit-content;
  margin: 20px 0 8px;
  padding-inline: var(--screenPad);
  display: flex;
  gap: 1ch;
  flex-wrap: wrap;
}
@media (max-width: 769px) {
  #similarTransactions .tags {
    margin: 8px;
    padding-inline: calc(var(--genericValue) * 1.2);
    gap: 10px;
  }
}
#similarTransactions .tags .tag {
  display: inline-flex;
  gap: 5px;
}
#similarTransactions .tags__remover {
  color: #4bc87d;
  text-decoration: underline;
}
#similarTransactions .title {
  grid-area: title;
  padding: var(--genericValue) var(--screenPad);
  color: #4bc87d;
  font-size: var(--genericValue);
  font-weight: bold;
}
@media (max-width: 769px) {
  #similarTransactions .title {
    width: var(--fullWidth);
    padding-inline: calc(var(--genericValue) * 1.8);
    text-align: center;
    word-break: break-word;
  }
}
#similarTransactions .filter {
  --filterRowMaxHeight: 90px;
  grid-area: filter;
  width: 100%;
  max-height: calc(var(--filterRowMaxHeight) * 2);
  margin: auto;
  padding-inline: var(--screenPad);
  background: #e7f1f9;
  box-shadow: 0 0 10px 0 rgba(132, 155, 249, 0.41);
}
@media (max-width: 769px) {
  #similarTransactions .filter {
    --filterRowMaxHeight: 142px;
    padding-inline: 0;
    box-shadow: none;
  }
}
#similarTransactions .filter__row,
#similarTransactions .filter .custom__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(var(--genericValue) * 0.8);
  overflow: hidden;
}
@media (max-width: 769px) {
  #similarTransactions .filter__row,
  #similarTransactions .filter .custom__row {
    justify-content: space-evenly;
  }
}
#similarTransactions .filter__row {
  max-height: var(--filterRowMaxHeight);
  padding-block: calc(var(--basePad) * 2);
}
@media (max-width: 769px) {
  #similarTransactions .filter__row {
    width: var(--fullWidth);
    gap: calc(var(--genericValue) * 0.4);
  }
}
#similarTransactions .filter__row-header {
  font-weight: 500;
}
@media (max-width: 769px) {
  #similarTransactions .filter__row-header {
    position: absolute;
    top: calc(var(--exitStripe) * 0.3);
    left: 50%;
    color: #ffffff;
    transform: translateX(-50%);
  }
}
#similarTransactions .filter__btn {
  width: max-content;
  padding-block: calc(var(--genericValue) / 2);
  padding-inline: calc(var(--basePad) * 2);
  color: #3E4352;
  border-radius: calc(var(--genericValue) * 1.7);
  border: solid 1px #c6ddeb;
  background: #ffffff;
}
@media (max-width: 769px) {
  #similarTransactions .filter__btn {
    width: min(156px, 45%);
  }
  #similarTransactions .filter__btn:last-of-type {
    width: 152px;
    height: 42px;
  }
}
#similarTransactions .filter__btn.active {
  color: #4bc87d;
  border-color: #4bc87d;
  font-weight: 500;
}
#similarTransactions .filter .custom__row {
  max-height: 0;
  border-top: 0 solid #cee1ee;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 769px) {
  #similarTransactions .filter .custom__row {
    flex-direction: column;
  }
}
#similarTransactions .filter .custom__row.open {
  padding-block: calc(var(--basePad) * 2);
  max-height: var(--filterRowMaxHeight);
  border-top: 1px solid #cee1ee;
}
@media (max-width: 769px) {
  #similarTransactions .filter .custom__row.open {
    padding-bottom: calc(var(--genericValue) * 2.25);
  }
  #similarTransactions .filter .custom__row.open .search__wrapper {
    opacity: 1;
    transition: opacity 0.1s ease-in 0.5s;
  }
}
#similarTransactions .filter .custom__row.visibize {
  overflow: visible;
}
#similarTransactions .filter .custom__row .datepicker__wrapper {
  display: flex;
  align-items: center;
  gap: var(--basePad);
}
@media (max-width: 769px) {
  #similarTransactions .filter .custom__row .datepicker__wrapper {
    flex-direction: column;
    width: min(156px, 45%);
  }
}
@media (max-width: 769px) {
  #similarTransactions .filter .custom__row .datepicker__wrapper .datepickerDropdown input {
    width: 170px;
  }
}
#similarTransactions .filter .custom__row .search__wrapper .filter__btn {
  color: #ffffff;
  box-shadow: 0 3px 12px 0 rgba(75, 200, 125, 0.45);
  background: #4bc87d;
}
@media (max-width: 769px) {
  #similarTransactions .filter .custom__row .search__wrapper {
    position: absolute;
    top: 265px;
    opacity: 0;
    transition: opacity 0s ease-out;
  }
}
#similarTransactions .content {
  grid-area: content;
  overflow: hidden;
}
@media (max-width: 769px) {
  #similarTransactions .content {
    overflow: visible;
  }
}
#similarTransactions .content .table {
  width: var(--tableWidth);
  height: var(--tableHeight);
  margin: 0 var(--screenPad) var(--screenPad);
  background-color: white;
}
@media (max-width: 769px) {
  #similarTransactions .content .table {
    width: var(--fullWidth);
    height: calc(80vh - 284px);
    margin: 0 calc(var(--basePad) / 2);
  }
  #similarTransactions .content .table .rc-table {
    box-shadow: none;
  }
  #similarTransactions .content .table .rc-table .rc-table-head {
    box-shadow: var(--table-head-shadow);
  }
}
#similarTransactions .content .error {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  font-size: 20px;
  text-align: center;
}
@media (max-width: 769px) {
  #similarTransactions .content .error {
    top: 70%;
    font-size: 14px;
  }
}
.open-bank-permission-container {
  color: #7d91a1;
}
.open-bank-permission-container .headline-title {
  padding: 0px 15px;
  font-size: 18px;
  font-weight: 500;
}
.open-bank-permission-container .headline-sub-title {
  padding: 15px;
}
.open-bank-permission-container .redirect-to-cancel-permission-cls {
  color: #4bd7a8;
  float: left;
}
.open-bank-permission-container .redirect-to-cancel-permission-cls .cancel-permission-link {
  cursor: pointer;
  line-height: 14px;
}
.open-bank-permission-container .redirect-to-cancel-permission-cls .cancel-permission-link .pencil-green-color {
  color: #4bd7a8;
  vertical-align: top;
}
.open-bank-permission-container .redirect-to-cancel-permission-cls .cancel-permission-link .cancel-permission-text {
  display: inline-block;
  text-decoration: underline;
  color: #4bc87d;
  margin-right: 5px;
}
.open-bank-permission-container .app-list-container {
  border-bottom: 1px solid #ddd;
  padding: 15px;
}
.open-bank-permission-container .app-list-container.first-item {
  border-top: 1px solid #ddd;
}
.open-bank-permission-container .app-list-container.last-item {
  border-bottom: none;
}
.open-bank-permission-container .app-list-container .client-title-tooltip {
  display: inline-block;
}
.open-bank-permission-container .app-list-container .circle-green {
  background-color: #4bd7a8;
  background-size: 6px;
  display: inline-block;
  margin-left: 13px;
  vertical-align: middle;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
.open-bank-permission-container.card-wrapper-sme {
  padding: 15px 0px 0px 0px;
}
#account-pages .btnHelp {
  height: 15px;
  width: 15px;
  margin: 0;
  padding-left: 0px;
}
#account-pages .margin-10 {
  margin-right: 10px;
  margin-top: 0;
  padding-right: 0px;
}
#account-pages h2 {
  max-width: none;
}
#account-pages .approval-check-label {
  margin-right: 8px;
}
#account-pages .approval-check-label .bold {
  font-weight: bold;
}
.account-pages-popup .limited-height-modal-account {
  overflow: hidden;
  max-height: 500px;
}
.account-pages-popup .save-pdf-icon {
  width: 26px;
  height: 26px;
}
.account-pages-popup .account-pages-popup-position {
  position: relative;
}
.account-pages-popup .ngsb-scrollbar {
  margin-right: -15px;
}
.enableBootstrap .cs-spa-retail-content.wizard-section .account-pages .process-summary > div:first-of-type,
.enableBootstrap .cs-spa-retail-content.wizard-section #account-pages .process-summary > div:first-of-type {
  padding-right: 15px;
}
#print .account-pages-preview .dropdownBtns {
  display: block;
}
#savePDF .modal-content-account-pages-mobile .queryContent div,
#savePDF .modal-content-account-pages-mobile .queryContent span {
  font-family: unset !important;
}
@media (max-width: 1023px) {
  #account-pages .margin-r-sm-40 {
    margin-right: 0;
  }
  #account-pages .cs-spa-retail-content .xIconClearSearch {
    top: 52%;
  }
  #account-pages .div-border-right {
    border-right: 1px solid #a4b2bd;
    padding-right: 4px;
  }
}
@media (max-width: 767px) {
  #account-pages .cs-spa-retail-content .xIconClearSearch {
    top: 52%;
  }
  #account-pages .checkbox-wrapper {
    display: flex;
  }
}
.rc-strip-mobile .rc-strip-row {
  border-top: 1px solid #d7dde2;
  min-height: 78px;
}
.rc-strip-mobile .rc-strip-row.no-border {
  border-top: none;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row {
  display: flex;
  padding-right: 15px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content {
  width: calc(100% - 15px);
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td {
  word-break: break-word;
  display: inline-block;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  text-align: right;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td:last-child {
  text-align: left;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td.date-td {
  font-family: "Josefin Sans";
  font-size: 16px;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .mobile-title-name {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  vertical-align: top;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .mobile-title-name .right-bracket {
  display: inline-block;
  margin-right: -4px;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .mobile-title-name .mobile-title-text {
  display: inline-block;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .mobile-title-name .left-bracket {
  display: inline-block;
  margin-left: -4px;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .currency-cell,
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .rc-cell-date {
  font-family: "Josefin Sans";
  font-size: 16px;
  direction: ltr;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .currency-cell .number,
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .rc-cell-date .number {
  display: inline;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .currency-cell .number .currency_symbol,
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .rc-cell-date .number .currency_symbol {
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
  font-size: 14px;
  margin-right: 5px;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td.isPositive {
  color: #1dab6a;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .default-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td .default-cell.cell-with-text {
  display: inline-block;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-row-content .rc-strip-td.bold-row {
  font-weight: 600;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-indicator {
  padding-left: 9px;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-indicator .status-indicator {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-indicator .status-indicator.red {
  background: #fb5f5f;
}
.rc-strip-mobile .rc-strip-row .rc-strip-inner-row .rc-strip-indicator .status-indicator.green {
  background: #4bc872;
}
.rc-strip-mobile .rc-strip-total-records {
  color: #7d91a1;
  font-size: 14px;
  padding-right: 15px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.rc-strip-mobile .total-records-alert {
  background: url(media/svgs/iconError.22c05b4235f361acadf5..svg) no-repeat center;
  margin-left: 5px;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: sub;
}
#print .freezeSmsStep1 .wizard-step-wrapper .sub-title-wrapper,
#savePDF .freezeSmsStep1 .wizard-step-wrapper .sub-title-wrapper {
  margin: 0 !important;
}
#print .freezeSmsStep1 .wizard-step-wrapper .sub-title-wrapper .sub-title,
#savePDF .freezeSmsStep1 .wizard-step-wrapper .sub-title-wrapper .sub-title {
  padding: 0;
}
#print .freezeSmsStep1 .wizard-step-wrapper .wizard-content,
#savePDF .freezeSmsStep1 .wizard-step-wrapper .wizard-content {
  margin: 0 !important;
}
#print .freezeSmsStep1 .wizard-step-wrapper .wizard-content .wizard-input-block .dropdownBlock,
#savePDF .freezeSmsStep1 .wizard-step-wrapper .wizard-content .wizard-input-block .dropdownBlock {
  width: 100%;
  padding: 0;
}
#print .freezeSmsStep1 .wizard-step-wrapper .wizard-content .wizard-input-block .dropdownBlock .date-label,
#savePDF .freezeSmsStep1 .wizard-step-wrapper .wizard-content .wizard-input-block .dropdownBlock .date-label {
  margin: 0 !important;
}
#print .freezeSmsStep1 .wizard-step-wrapper .wizard-content .wizard-input-block .dropdownBlock .date-value,
#savePDF .freezeSmsStep1 .wizard-step-wrapper .wizard-content .wizard-input-block .dropdownBlock .date-value {
  margin: 0 !important;
}
#print .freezeSmsStep2 .wizard-step-wrapper,
#savePDF .freezeSmsStep2 .wizard-step-wrapper {
  margin: 0 !important;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .stepBox .continueSection .btnContinue {
  margin-left: 0;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .section-global-error .rc-global-error .error-content img {
  margin-right: 0;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .sub-title {
  font-weight: bold;
  font-size: 20px;
  color: #4bc87d;
  margin-bottom: 10px;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 {
  padding: 30px 60px;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .sub-title-wrapper .renew-title {
  font-weight: normal;
  text-align: left;
  margin-top: 6px;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .wizard-input-block .dropdownBlock .date-label {
  margin-bottom: 5px;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .wizard-input-block .dropdownBlock .date-value {
  display: none;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .wizard-input-block .dropdownBlock .datepickerDropdown .input-group input {
  padding-top: 1px;
  font-family: "Josefin Sans";
  font-size: 16px;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .error-wrapper {
  font-size: 12px;
  color: #fb5f5f;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .date-range-title {
  margin-top: 24px;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .elongate-freeze {
  margin-bottom: 15px;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .elongate-freeze .btnHelp {
  margin-right: 0;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  background-size: 14px;
  position: relative;
  top: -1px;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .msg-title {
  color: #6E7685;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .msg-title.msg-title-top {
  text-align: inherit;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 #sms-freeze-wizard-step1 .msg-title-top {
  margin-bottom: 18px;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep2 .wizard-step-section {
  padding: 38px 15px 0;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep2 .wizard-step-section .sub-title {
  text-align: center;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep2 .wizard-step-section .saved-process-time .saved-process-time-title {
  font-size: 14px;
  text-align: center;
  color: #6E7685;
}
.sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep2 .wizard-step-section .saved-process-time .saved-process-time-value {
  font-family: "Josefin Sans";
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  color: #7d91a1;
}
.sms-freeze-wizard .not-registered-view {
  min-height: 253px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: -20px;
}
.sms-freeze-wizard .not-registered-view .not-join-text {
  margin-top: 25px;
  font-size: 20px;
  color: #48c87D;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1024px) {
  .sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .sub-title {
    margin-top: 30px;
  }
  .sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 {
    padding: 5px 15px 0;
  }
  .sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 .msg-title-top {
    margin-bottom: 5px !important;
  }
  .sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 .wizard-step-wrapper .wizard-input-block .dropdownBlock {
    margin-top: 10px;
  }
  .sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep1 .date-range-title {
    margin-top: 15px;
  }
  .sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep2 .wizard-step-section {
    padding-top: 0;
  }
  .sms-freeze-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .freezeSmsStep2 .wizard-step-section .saved-process-time .saved-process-time-value {
    margin-bottom: 0;
  }
}
#print .cancelSmsStep2 .wizard-step-content,
#savePDF .cancelSmsStep2 .wizard-step-content {
  margin: 0;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .sub-title {
  margin-top: 30px;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .stepBox .continueSection .btnContinue {
  margin-left: 0;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .section-global-error .rc-global-error .error-content img {
  margin-right: 0;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .sub-title {
  font-weight: bold;
  font-size: 20px;
  color: #4bc87d;
  margin-bottom: 10px;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep1 {
  padding: 30px 60px;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep1 #sms-cancel-wizard-step1 .wizard-input-block .dropdownBlock .date-value {
  display: none;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep1 #sms-cancel-wizard-step1 .error-wrapper {
  font-size: 12px;
  color: #fb5f5f;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep1 #sms-cancel-wizard-step1 .date-range-title {
  margin-top: 24px;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep1 #sms-cancel-wizard-step1 .msg-title {
  color: #6E7685;
  white-space: pre-wrap;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep1 #sms-cancel-wizard-step1 .freeze-link-title {
  margin-top: 10px;
  font-weight: normal;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep2 .wizard-step-section {
  padding: 38px 15px 0;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep2 .wizard-step-section .sub-title {
  text-align: center;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep2 .wizard-step-section .saved-process-time .saved-process-time-title {
  font-size: 14px;
  text-align: center;
  color: #6E7685;
}
.sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep2 .wizard-step-section .saved-process-time .saved-process-time-value {
  font-family: "Josefin Sans";
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  color: #7d91a1;
}
@media (max-width: 1024px) {
  .sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep1 {
    padding: 5px 15px 0;
  }
  .sms-cancel-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .cancelSmsStep2 .wizard-step-content .wizard-step-section {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper {
  margin-top: 30px;
  margin-right: 76px;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .title-wrapper {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .title-wrapper .sub-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 7px;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .title-wrapper .sub-title-desc .sub-text {
  padding-left: 9px;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .title-wrapper .sub-title-desc .edit-icon {
  width: 16px;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .title-wrapper .sub-title-desc .separator-line {
  padding: 0 10px;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .subject-list-wrapper {
  margin-top: 48px;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .subject-list-wrapper .sms-subject {
  padding: 26px 0;
  padding-left: 5px;
  width: 580px;
  border-bottom: 0px solid #ebeff1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .subject-list-wrapper .sms-subject .sms-subject-info {
  width: 385px;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step2-wrapper {
  padding-top: 10px;
  padding-bottom: 25px;
  text-align: center;
}
.dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step2-wrapper .title {
  font-weight: bold;
  font-size: 20px;
  color: #4bc87d;
  margin-bottom: 15px;
}
.dashboard-sms-wizard .error {
  color: #cd0000;
  text-align: center;
}
.dashboard-sms-wizard .green-link {
  position: absolute;
  bottom: 15px;
  right: 76px;
  font-weight: normal;
  z-index: 1;
}
.cs-spa-sme-content .dashboard-sms-step1-wrapper .rc-switch-toggle .switch {
  padding-top: unset;
}
.cs-spa-sme-content .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .slider {
  width: 40px;
  height: 18px;
}
.cs-spa-sme-content .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .slider:before {
  width: 22px;
  height: 22px;
  left: 0;
  top: unset;
}
.cs-spa-sme-content .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .slider.checked:before {
  left: 5px;
}
.cs-spa-sme-content .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .toggle-label {
  margin-right: 17px;
  font-size: 16px;
  font-weight: 500;
}
#print .hide-in-print,
#savePDF .hide-in-print {
  display: none !important;
}
#print .dashboard-sms-step1-wrapper .rc-switch-toggle .switch,
#savePDF .dashboard-sms-step1-wrapper .rc-switch-toggle .switch {
  padding-top: unset;
}
#print .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .slider,
#savePDF .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .slider {
  width: 40px;
  height: 18px;
  background-color: #eaf5f9 !important;
}
#print .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .slider:before,
#savePDF .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .slider:before {
  width: 22px;
  height: 22px;
  left: 0;
  top: unset;
  background-color: #a4b2bd !important;
}
#print .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .slider.checked:before,
#savePDF .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .slider.checked:before {
  background-color: #4bc87d !important;
}
#print .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .toggle-label,
#savePDF .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .toggle-label {
  margin-right: 17px;
  font-size: 16px;
  font-weight: 500;
}
.modal-content .btnContent {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 769px) {
  .modal-content .btnContent {
    flex-direction: column;
  }
}
@media (max-width: 769px) {
  .dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper {
    margin: 30px 25px 0;
  }
  .dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .subject-list-wrapper {
    margin-top: 5px;
  }
  .dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .subject-list-wrapper .sms-subject {
    width: auto;
    display: block;
  }
  .dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step1-wrapper .subject-list-wrapper .sms-subject .sms-subject-info {
    width: auto;
    margin-right: 55px;
  }
  .dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step2-wrapper {
    padding-top: 10px;
    padding-bottom: 25px;
    text-align: center;
  }
  .dashboard-sms-wizard .wizard-inner-content .dashboard-sms-step2-wrapper .title {
    font-weight: bold;
    font-size: 20px;
    color: #4bc87d;
    margin-bottom: 15px;
  }
  .dashboard-sms-wizard .error {
    color: #cd0000;
    text-align: center;
  }
  .dashboard-sms-wizard .green-link {
    bottom: 12px;
    right: 25px;
  }
  .cs-spa-sme-content .dashboard-sms-step1-wrapper .rc-switch-toggle .switch .toggle-label {
    margin-right: 15px;
    font-size: 16px;
    font-weight: 500;
    margin-top: -3px;
  }
}
.cs-spa-retail-content .beneficiary-site-popup-wrapper {
  padding: 30px 25px 45px 25px;
  max-width: 625px;
}
.cs-spa-retail-content .beneficiary-site-popup-wrapper .beneficiary-site-popup-title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 16px;
  color: #4bc87d;
}
.cs-spa-retail-content .beneficiary-site-popup-wrapper .beneficiary-site-popup-text .sub-title-cls {
  margin-bottom: 18px;
}
.cs-spa-retail-content .beneficiary-site-popup-wrapper .beneficiary-site-popup-text .message-line {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}
.cs-spa-retail-content .beneficiary-site-popup-wrapper .beneficiary-site-popup-text .message-line .green-circle {
  padding: 3px;
  border-radius: 3px;
  background-color: #4bc87d;
  margin-left: 9px;
}
.cs-spa-retail-content .beneficiary-site-popup-wrapper .beneficiary-site-popup-text .secondary-list {
  margin-right: 15px;
}
.cs-spa-retail-content .beneficiary-site-popup-wrapper .beneficiary-site-popup-button {
  text-align: center;
  margin-top: 40px;
}
.cs-spa-retail-content .beneficiary-site-popup-wrapper .beneficiary-site-popup-button button {
  min-width: 140px;
  margin-right: 10px;
  margin-left: 10px;
}
.cs-spa-retail-content .rc-switch-toggle {
  position: relative;
  display: flex;
}
.cs-spa-retail-content .rc-switch-toggle .switch {
  display: flex;
  justify-content: center;
  padding-right: 40px;
  padding-top: 2px;
}
.cs-spa-retail-content .rc-switch-toggle .switch .slider {
  position: absolute;
  cursor: pointer;
  width: 30px;
  height: 17px;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #eaf5f9;
  transition: 0.4s;
  display: flex;
  align-items: center;
}
.cs-spa-retail-content .rc-switch-toggle .switch .slider:before {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  left: 2px;
  top: 2px;
  background-color: #a4b2bd;
  border-radius: 50%;
  transition: 0.4s;
  box-shadow: 0 9px 25px 0 rgba(160, 178, 191, 0.45);
}
.cs-spa-retail-content .rc-switch-toggle .switch .slider.checked:before {
  background-color: #4bc87d;
  transform: translateX(13px);
  box-shadow: 0 9px 25px 0 rgba(75, 200, 125, 0.45);
}
.cs-spa-retail-content .rc-switch-toggle .switch input {
  width: 0;
  height: 0;
  opacity: 0;
}
#print .rc-switch-toggle,
#savePDF .rc-switch-toggle {
  position: relative;
  display: flex;
}
#print .rc-switch-toggle .switch,
#savePDF .rc-switch-toggle .switch {
  display: flex;
  justify-content: center;
  padding-right: 40px;
  padding-top: 2px;
}
#print .rc-switch-toggle .switch .slider,
#savePDF .rc-switch-toggle .switch .slider {
  position: absolute;
  cursor: pointer;
  width: 30px;
  height: 17px;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #eaf5f9;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: flex;
  align-items: center;
}
#print .rc-switch-toggle .switch .slider:before,
#savePDF .rc-switch-toggle .switch .slider:before {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  left: 2px;
  top: 2px;
  background-color: #a4b2bd;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0 9px 25px 0 rgba(160, 178, 191, 0.45);
}
#print .rc-switch-toggle .switch .slider.checked:before,
#savePDF .rc-switch-toggle .switch .slider.checked:before {
  background-color: #4bc87d;
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
  box-shadow: 0 9px 25px 0 rgba(75, 200, 125, 0.45);
}
.generalExpand .modal-content {
  background-color: transparent;
}
.generalExpand .contextualIcons__img {
  width: 26px;
  height: 26px;
}
.generalExpand .contextual-action-icons-inline-item {
  display: inline-block;
}
.csSpaSmeExpand__closeBtn {
  width: 28px;
  height: 28px;
  position: absolute;
  display: inline-block;
  top: -30px;
  z-index: 60;
  right: -40px;
  color: white;
}
.csSpaSmeExpand__closeBtn:after,
.csSpaSmeExpand__closeBtn:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: white;
}
.csSpaSmeExpand__closeBtn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.csSpaSmeExpand__closeBtn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.csSpaSmeExpand__sidebarContentWrapper {
  display: flex;
}
.csSpaSmeExpand__sidebarInner {
  order: 1;
  margin: 24px 0;
}
.csSpaSmeExpand__topbarInner {
  order: 1;
  margin: 0 50px;
}
.csSpaSmeExpand__actionsBar {
  display: flex;
}
.csSpaSmeExpand__tabWrapper {
  height: 100%;
  background-color: white;
  padding-top: 24px;
  padding-right: 48px;
  padding-bottom: 24px;
  padding-left: 32px;
}
.csSpaSmeExpand__tabContent--sidebarExpandDetails {
  width: 620px;
}
.csSpaSmeExpand__tabContent--beneficiariesList {
  width: 724px;
}
.csSpaSmeExpand__heading {
  margin-top: 32px;
}
.csSpaSmeExpand__actionsContainer img {
  width: 26px;
  height: 26px;
}
.csSpaSmeExpand__actionsContainer .contextual-action-icons-inline-wrapper {
  display: flex;
}
.csSpaSmeExpand__arrow {
  top: 50%;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  z-index: 1050;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  cursor: pointer;
  position: absolute;
  background-size: 40%;
  background-color: white;
  background-repeat: no-repeat;
}
.csSpaSmeExpand__arrow--previous {
  right: -20px;
  background-position: left 60% top 50%;
  background-image: url(media/svgs/right-arrow.b99d549a4a31c83cc5fe..svg);
}
.csSpaSmeExpand__arrow--next {
  left: -20px;
  background-position: left 40% top 50%;
  background-image: url(media/svgs/left-arrow.1ef426909f861c06a1f4..svg);
}
.expandSidebar {
  width: 256px;
  color: white;
  order: 0;
  padding: 40px 0;
  min-height: 612px;
  background: linear-gradient(80deg, #76d25b 0%, #38d29f 100%);
}
.expandSidebar__dataItem {
  display: flex;
  flex-wrap: wrap;
  margin-top: 44px;
  margin-right: 48px;
  margin-bottom: 0;
  margin-left: 24px;
}
.expandSidebar__dataItem--first {
  margin-top: 0;
}
.expandSidebar__value {
  font-weight: 300;
  font-size: 2.2rem;
  line-height: 2.5rem;
  font-family: 'Josefin Sans', 'Rubik';
}
.expandTopbar {
  top: -40px;
  height: 80px;
  margin: 0 42px !important;
  background: linear-gradient(45deg, #76d25b 0%, #38d29f 100%);
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  position: relative;
  display: flex;
  align-items: center;
}
.expandTopbar__item {
  flex: 1 1 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 12px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.expandTopbar__item--last {
  border-left: none;
}
.expandTopbar__item .descriptionTooltip {
  font-size: 2rem;
  font-weight: 300;
  font-family: 'Josefin Sans', 'Rubik';
}
.expandDataBoxesRow {
  display: flex;
  margin-bottom: 32px !important;
}
.expandDataBoxesRow--last {
  margin-bottom: 0;
}
.expandDataBox {
  width: 160px;
  margin-left: 15px !important;
}
.expandKey {
  color: #7d91a1;
}
.expandKey--white {
  color: white;
}
.expandValue {
  font-size: 1.6rem;
  color: #4e5664;
  font-family: 'Josefin Sans', 'Rubik';
}
.expandValue--white {
  color: white;
}
.expandTabs__wrapper {
  margin-left: auto;
}
.expandTabs__tab {
  margin-left: 32px !important;
  display: inline-block;
}
.expandTabs__tab--active {
  font-weight: 700;
  color: #333a46;
  border-bottom: 3px solid #4bc87d;
}
.expandDataRow {
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #a4b2bd;
}
.expandDataRow--first {
  border-top: 1px solid #a4b2bd;
}
.expandDataRow__key {
  color: #7d91a1;
}
.csSpaSmeExpand__title {
  font-size: 2rem;
  font-weight: 700;
  color: #4bc87d;
}
@media (max-width: 769px) {
  .csSpaSmeExpand__arrow {
    display: none;
  }
  .csSpaSmeExpand__closeBtn {
    top: 3.8vw;
    width: 5vw;
    right: auto;
    left: 2.5vw;
    height: 5vw;
  }
  .csSpaSmeExpand__title {
    margin: 12px 0;
    font-size: 3rem;
    font-weight: 500;
    color: #4e5664;
  }
  .csSpaSmeExpand__tabWrapper {
    padding: 0;
  }
  .csSpaSmeExpand__sidebarContentWrapper,
  .csSpaSmeExpand__topbarContentWrapper {
    overflow: auto;
    display: block;
  }
  .csSpaSmeExpand__sidebarInner {
    margin: 0;
    width: 100%;
  }
  .csSpaSmeExpand__topbarInner {
    margin: 0 5vw;
  }
  .csSpaSmeExpand__actionsBar {
    height: 12.5vw;
    padding: 0 5vw;
    display: flex;
    margin-bottom: 5vw;
    align-items: center;
    background: linear-gradient(70deg, #76d25b 0%, #38d29f 100%);
    box-shadow: 0px 4px 24px 0px rgba(80, 145, 180, 0.3);
  }
  .csSpaSmeExpand__heading {
    margin-top: 0;
    padding: 5vw 0;
    text-align: center;
    border-bottom: 1px solid #a4b2bd;
  }
  .csSpaSmeExpand__tableWrapper {
    padding: 0 5vw;
  }
  .csSpaSmeExpand__tabContent {
    width: 100%;
  }
  .expandKey,
  .expandValue {
    float: right;
    font-size: 2.4rem;
  }
  .expandKey {
    width: 40%;
    color: #7d91a1;
  }
  .expandValue {
    width: 60%;
    color: #4e5664;
    font-family: 'Rubik';
  }
  .expandTopbar {
    top: 0;
    height: auto;
    display: block;
    box-shadow: none;
    margin: 0 5vw !important;
    background: none !important;
  }
  .expandTopbar__item {
    margin-bottom: 1.9vw !important;
    padding: 0 !important;
  }
  .expandTopbar__inner {
    width: 100%;
  }
  .expandDataBoxesRow {
    display: block;
  }
  .expandDataBox {
    width: 100%;
    margin-bottom: 1.9vw !important;
  }
  .expandDataBox__key,
  .expandDataBox__value {
    font-size: 2.4rem;
  }
  .expandDataBox__key {
    color: #7d91a1;
  }
  .expandDataBox__value {
    color: #4e5664;
    font-family: 'Rubik';
  }
  .expandSidebar {
    width: 100%;
    min-height: 0;
    order: 2;
    padding: 0 5vw;
    box-shadow: none;
    color: #4e5664;
    background: white;
  }
  .expandSidebar__dataItem {
    margin: 0 0 1.9vw;
    font-size: 2.4rem;
  }
  .expandSidebar__value {
    font-weight: 400;
    font-size: 2.4rem;
    color: #4e5664;
    font-family: 'Rubik';
  }
  .expandSidebar__key {
    color: #7d91a1;
  }
  .expandTabs {
    display: flex;
  }
  .expandTabs__wrapper {
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    height: 12.5vw;
    background-color: white;
    box-shadow: 0 0 10px 0 rgba(81, 144, 182, 0.4);
  }
  .expandTabs__tab {
    flex: 1 1 0;
    height: 100%;
    margin-left: 0;
    font-size: 2.7rem;
    text-align: center;
    color: #7d91a1;
    line-height: 12.5vw;
    margin-left: 0 !important;
    border-left: 1px solid #a4b2bd;
    border-top: 1px solid #a4b2bd;
  }
  .expandTabs__tab--active {
    border-top: none;
    position: relative;
  }
  .expandTabs__tab--active:after {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 0.62vw;
    position: absolute;
    background-color: #4bc87d;
  }
  .expandTabs__tabTitle {
    width: 100%;
  }
  .expandDataList {
    padding: 0 5vw;
  }
  .expandDataRow {
    height: auto;
    border: none;
    font-size: 2.4rem;
    margin-bottom: 1.9vw;
  }
}
.cs-spa-sme-content.loansLinkModal .queryContent.swift .ngsb-scrollbar {
  right: -16px;
}
#osh-homepage-fast-actions .fast-actions-title {
  padding-left: 15px;
}
#osh-homepage-fast-actions .fast-actions-title .title {
  display: inline-block;
}
#osh-homepage-fast-actions .fast-actions-title .drawer {
  float: left;
}
#osh-homepage-fast-actions .fast-actions-title .drawer .btn-green-link {
  font-size: 16px;
  margin-left: 5px;
}
#osh-homepage-fast-actions .fast-actions-title .drawer.toggleBtn:after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(media/svgs/arrow-green-down.50583f58585666af2de7..svg);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
}
#osh-homepage-fast-actions .fast-actions-title .drawer.toggleBtn.toggle-open:after {
  background-image: url(media/svgs/arrow-green-up.4b51234a2f5979ae0c38..svg);
}
#osh-homepage-fast-actions .error {
  line-height: 1.5;
  color: #677b8a;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 0 10px 10px;
}
common-transfers-card {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}
common-transfers-card .card {
  width: 95%;
  color: #5b77f5;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  padding-right: 43px;
  padding-top: 10px;
  padding-bottom: 5px;
  float: left;
  cursor: pointer;
}
common-transfers-card .card-title {
  font-size: 18px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}
common-transfers-card .card-content {
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  padding-left: 16px;
}
common-transfers-card .card-content.big-number {
  font-size: 13px;
  padding-bottom: 2px;
}
common-transfers-card .card-content.small-font {
  font-size: 12px;
}
common-transfers-card .left-arrow {
  height: 65px;
  position: absolute;
  margin-top: -10px;
  padding-top: 20px;
  text-align: center;
  left: 30px;
  width: 16px;
  background-color: #5b77f5;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
}
common-transfers-card .right-icon {
  position: absolute;
  width: 44px;
  height: 44px;
  right: 25px;
  background-image: url(media/images/common_transfers_icon.5e258cfee39cb3ac934e..png);
  border-radius: 50px;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  background-position-x: center;
  background-position-y: -17px;
}
@media (width: 1024px) {
  common-transfers-card .card {
    width: 99%;
  }
  common-transfers-card .right-icon {
    right: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .right-icon {
    right: 22px !important;
  }
}
@media (max-width: 767px) {
  common-transfers-card .left-arrow {
    left: 10px;
  }
  common-transfers-card .right-icon {
    right: 5px;
  }
}
.cc-top-loader {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: #ebf2f8;
  z-index: 100;
}
@media (min-width: 768px) {
  .cc-top-loader {
    min-height: 500px;
  }
}
.cc-top-loader:before {
  content: " ";
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px;
  background: #ebf2f8;
}
.Credit_cards.lobby #pfm-top-transactions-placeholder #top-transactions #sf-top-transactions-widget .sf-widget-content-placeholder .sf-empty-message {
  padding-right: 20px;
  padding-top: 2em;
  padding-bottom: 2em;
}
.Credit_cards.lobby .cardsActivationWrapper .cardActivateButton {
  color: #ffffff;
  text-decoration: underline;
}
.Credit_cards.lobby .cardsActivationWrapper .btnHelp {
  background: url(media/images/info.0e7674f498201af3c157..png) no-repeat center center;
  top: -1px;
}
.Credit_cards.lobby .cardsActivationWrapper .cardDescriptionWrapper {
  padding-right: 15px;
}
.Credit_cards.lobby .cardsActivationWrapper .cardDescriptionWrapper div {
  display: inline-block;
}
.Credit_cards.lobby .cardsListWrapper {
  background-color: #ffffff;
}
.Credit_cards.lobby .cardsListWrapper .dropdownOperation .disabled-line {
  font-family: 'Josefin Sans', sans-serif;
}
.Credit_cards.lobby .cardsListWrapper .dropdownOperation .disabled-line:first-child {
  margin-top: 10px;
}
.Credit_cards.lobby .cardsListWrapper .rc-table .rc-table-th.arrow-down .textTh:after,
.Credit_cards.lobby .cardsListWrapper .rc-table .rc-table-th.arrow-up .textTh:after {
  opacity: 0;
}
.Credit_cards.lobby .cardsListWrapper .single-credit-card .rc-table-body .rc-table-row:hover {
  background-color: #ffffff;
}
.Credit_cards.lobby .cardsListWrapper .fa-exclamation-circle {
  color: #a5c7db;
}
.Credit_cards.lobby .cardsListWrapper .btn-group.dropdown.custom-dropdown .dropdown-menu ul {
  padding: 0;
}
.Credit_cards.lobby .cardsListWrapper .btn-group.dropdown.custom-dropdown .dropdown-menu ul li {
  margin: 0;
  padding-top: 79px;
  padding: 0 20px;
}
.Credit_cards.lobby .cardsListWrapper .btn-group.dropdown.custom-dropdown .dropdown-menu ul li.bg-class {
  background-color: #eaf5f9;
}
.Credit_cards.lobby .cardsListWrapper .btn-group.dropdown.custom-dropdown .dropdown-menu ul li .line-title {
  font-weight: bold;
}
.Credit_cards.lobby .cardsListWrapper .btn-group.dropdown.custom-dropdown .dropdown-menu ul li .month-line {
  padding-right: 10px;
}
.Credit_cards.lobby .cardsListWrapper .print-section {
  display: inline-block;
  float: left;
  margin-top: 4px;
}
.Credit_cards.lobby .cardsListWrapper .print-section .printBtn {
  margin: 0;
}
.Credit_cards.lobby .cardsListWrapper .filters {
  padding: 10px;
}
.Credit_cards.lobby .cardsListWrapper .filters #exportTool {
  position: relative;
  top: 2px;
}
.Credit_cards.lobby .cardsListWrapper .filters .filter-obj {
  width: 163px;
  display: inline-block;
}
.Credit_cards.lobby .cardsListWrapper .filters .filter-obj.filter-credit-cards {
  margin-left: 10px;
}
.Credit_cards.lobby .cardsListWrapper .filters .filter-obj.sec {
  margin-right: 3px;
}
.Credit_cards.lobby .cardsListWrapper .btn-group.dropdown.custom-dropdown .dropdown-menu li {
  font-size: 14px;
}
.Credit_cards.lobby .cardsListWrapper .generalDropdown {
  width: 100%;
}
.Credit_cards.lobby .cardsListWrapper .credit-alert-row {
  padding-bottom: 10px;
}
.Credit_cards.lobby .cardsListWrapper .credit-alert-row .credt-alert-text {
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  background: #eaf5f9;
  padding: 5px 15px;
  color: #6e7685;
  font-size: 14px;
}
.Credit_cards.lobby .cardsListWrapper .name-wrapper {
  display: inline-block;
}
.Credit_cards.lobby .cardsListWrapper .expiredCard {
  font-size: 14px;
  margin-top: -8px;
  margin-right: 9px;
  color: #92abbb;
}
.Credit_cards.lobby .cardsListWrapper .x-icon {
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px;
  right: -2px;
}
.Credit_cards.lobby .cardsListWrapper .x-icon img {
  width: 100%;
}
.Credit_cards.lobby .cardsListWrapper .key-icon {
  width: 40px;
  height: 27px;
  display: inline-block;
  margin-right: 9px;
}
.Credit_cards.lobby .cardsListWrapper .key-icon img {
  width: 100%;
}
.Credit_cards.lobby .cardsListWrapper .textCardIcon {
  width: 40px;
  position: relative;
  display: inline-block;
}
.Credit_cards.lobby .cardsListWrapper .textCardIcon img {
  width: 100%;
}
.Credit_cards.lobby .cardsListWrapper .credit-name {
  font-size: 14px;
  color: #000000;
  margin-right: 9px;
}
.Credit_cards.lobby .cardsListWrapper .generalTable .edit-name {
  width: 90%;
  padding: 0 15px;
}
.Credit_cards #credit-cards-actions #pfm-top-transactions-placeholder #top-transactions #sf-top-transactions-widget .sf-widget-content-placeholder .sf-top-transactions-content .sf-top-transactions-list {
  width: 85%;
}
.Credit_cards #credit-cards-actions #pfm-top-transactions-placeholder #top-transactions #sf-top-transactions-widget .sf-widget-content-placeholder .sf-top-transactions-content .sf-top-transactions-list .sf-top-transactions-item {
  height: 65px;
}
.Credit_cards #credit-cards-actions #pfm-top-transactions-placeholder #top-transactions #sf-top-transactions-widget .sf-widget-content-placeholder .sf-top-transactions-content .sf-top-transactions-list .sf-top-transactions-item .sf-category-icon:before {
  font-size: 25px;
}
.Credit_cards #credit-cards-actions #pfm-top-transactions-placeholder #top-transactions #sf-top-transactions-widget .sf-widget-content-placeholder .sf-top-transactions-content .sf-top-transactions-list .sf-top-transactions-item .sf-top-transactions-name {
  font-weight: 500;
  color: #6E7685;
  line-height: 22px;
  max-width: 180px;
}
.Credit_cards #credit-cards-actions #pfm-top-transactions-placeholder #top-transactions #sf-top-transactions-widget .sf-widget-content-placeholder .sf-top-transactions-content .sf-top-transactions-link-wrapper {
  width: 85%;
}
.credit-card-header .mainDashboard .credit-cards-header .accountBalance .number .currency_symbol {
  padding-right: 0;
  margin-right: 3px;
}
.credit-card-header .mainDashboard .credit-cards-header .accountBalance .cc-header-sum .credit-line-link {
  position: relative;
  right: 27px;
  display: inline-block;
}
.credit-card-header .mainDashboard .credit-cards-header .accountBalance .credit-line-link {
  display: block;
  position: inherit;
  font-weight: normal;
  font-size: 12px;
}
.credit-card-header .mainDashboard .credit-cards-header .status-bar-wrapper {
  padding-right: 40px;
}
.credit-card-header .mainDashboard .percentage-bar .current-amount-bar {
  position: relative;
  top: -1px;
}
.credit-card-header .mainDashboard .number {
  line-height: 1;
  margin-bottom: 3px;
}
.credit-card-header .mainDashboard .extra-header-data .number {
  font-size: 14px;
}
.credit-card-header .mainDashboard .extra-header-data .number .integer {
  font-size: 14px;
  font-weight: normal;
}
.credit-card-header .mainDashboard .extra-header-data .number .decimal_point {
  font-size: 14px;
  font-weight: normal;
}
.credit-card-header .mainDashboard .extra-header-data .number .currency_symbol {
  font-weight: normal;
  font-size: 12px;
}
.credit-card-header .mainDashboard .extra-header-data .cc-label {
  font-weight: bold;
}
.credit-card-header .mainDashboard .cube {
  display: inline-block;
}
.credit-card-header .mainDashboard .cube.first-header-line {
  position: relative;
  bottom: 3px;
}
.credit-card-header .mainDashboard .cube.first-header-line .value-desc {
  position: relative;
  bottom: 5px;
}
.credit-card-header .mainDashboard .cube.first-header-line .total-sum-label {
  font-weight: 500;
}
.credit-card-header .mainDashboard .cube.second-header-line {
  display: inline-block;
  margin-right: 5px;
}
.credit-card-header .mainDashboard .cube.second-header-line.show-in-scroll {
  display: none;
}
.credit-card-header .mainDashboard .cube.second-header-line .debit-foreign-num.saperator {
  font-size: 12px;
}
.credit-card-header .mainDashboard .cube.second-header-line .debit-foreign-num .number .currency_symbol {
  font-size: 12px;
}
.credit-card-header .mainDashboard .cube.second-header-line .debit-foreign-num .number .number-wrapper .integer,
.credit-card-header .mainDashboard .cube.second-header-line .debit-foreign-num .number .number-wrapper .decimal_point {
  font-size: 16px;
}
.credit-card-header .mainDashboard .cube:last-child {
  padding-left: 0;
}
.credit-card-header .mainDashboard .cube .debit-foreign-num {
  display: inline-block;
}
.credit-card-header .mainDashboard .cube .saperator {
  padding: 0 5px;
  display: inline-block;
  font-weight: 400;
}
.credit-card-header .mainDashboard .cube .small-sum.debit-range {
  font-weight: normal;
  direction: ltr;
  font-size: 16px;
}
.credit-card-header .mainDashboard .cube .small-sum.debit-range .number .integer {
  font-size: 18px;
  font-weight: normal;
}
.credit-card-header .mainDashboard .cube .small-sum.debit-range .number .decimal_point {
  font-size: 16px;
  font-weight: normal;
}
.credit-card-header .mainDashboard .cube .small-sum.debit-range .number .currency_symbol {
  font-weight: normal;
  font-size: 12px;
}
.credit-card-header .mainDashboard .cube .small-sum .number {
  display: inline-block;
  font-size: 20px;
}
.credit-card-header .mainDashboard .cube .small-sum .number .integer {
  display: inline-block;
  font-size: 22px;
}
.credit-card-header .mainDashboard .cube .small-sum .number .decimal_point {
  display: inline-block;
  font-size: 15px;
}
.credit-card-header .mainDashboard .cube .small-sum .number .currency_symbol {
  padding: 0;
  margin-right: 3px;
  font-size: 14px;
}
.credit-card-header .mainDashboard .cube .value-left-credit {
  position: relative;
  bottom: 2px;
}
.credit-card-header .mainDashboard .cube .value-left-credit .value-desc {
  position: relative;
  top: 4px;
}
.credit-card-tab {
  position: relative;
}
.credit-card-tab .credit-card-inner-loader-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding-top: 30px;
  min-height: 400px;
  z-index: 100;
  height: 100%;
}
.credit-card-tab .errorEmpty .errorEmptyContent h2 {
  font-size: 20px;
  font-weight: bold;
  padding-top: 20px;
  color: #4bc87d;
  margin-bottom: 10px;
}
.credit-card-tab .errorEmpty .errorEmptyContent p {
  color: #7d91a1;
}
.credit-card-tab .errorEmpty .errorEmptyContent .general-btn {
  margin: 20px auto 0;
  width: auto;
  display: inline-block;
}
.affix-top .credit-card-header .mainDashboard #dynamic-header .credit-cards-header {
  display: flex;
}
.affix-top .credit-card-header .mainDashboard #dynamic-header .credit-cards-header .accountBalance {
  display: inline;
}
.affix-top .credit-card-header .mainDashboard #dynamic-header .credit-cards-header .accountBalance .first-header-line {
  bottom: -6px;
}
.affix-top .credit-card-header .mainDashboard #dynamic-header .credit-cards-header .accountBalance .second-header-line {
  position: relative;
  bottom: -6px;
}
.affix-top .credit-card-header .mainDashboard #dynamic-header .credit-cards-header .accountBalance .number {
  line-height: 0.9;
}
.affix-top .credit-card-header .mainDashboard #dynamic-header .credit-cards-header .second-header-line.show-in-scroll {
  display: inline-block;
  vertical-align: top;
}
.affix-top .credit-card-header .mainDashboard #dynamic-header .credit-cards-header .hide-in-scroll {
  display: none;
}
html[lang="en"] .Credit_cards .rc-table-td .currency-cell .currency_symbol {
  font-family: "Josefin Sans", sans-serif;
}
html[lang="en"] .Credit_cards .rc-table-td .currency-cell .number {
  display: inline;
}
html[lang="en"] .Credit_cards .rc-table-td .number {
  display: block;
}
html[lang="en"] .credit-card-header .mainDashboard .cube .small-sum.debit-range {
  direction: rtl;
}
html[lang="en"] .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper {
  padding: 0px;
}
html[lang="en"] .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .title-wrapper {
  padding-right: 30px;
  padding-left: 30px;
}
html[lang="en"] .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .title-wrapper .title {
  font-size: 18px;
}
html[lang="en"] .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .title-wrapper .date {
  font-size: 12px;
}
html[lang="en"] .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details {
  padding-right: 30px;
  padding-left: 30px;
}
html[lang="en"] .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details img {
  display: none;
}
html[lang="en"] .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details .block {
  padding-right: 2%;
}
html[lang="en"] .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details .block .title {
  height: 40px;
}
html[lang="en"] .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details .block:last-child {
  padding-right: 0;
}
.cs-spa-sme-content .Credit_cards.lobby .filtersArea .searchField {
  background-image: none;
}
.account-credit-line-popup .modal-content {
  width: 550px;
  padding: 16px 43px 38px;
}
.account-credit-line-popup .modal-content .cs-spa-retail-content .general-view-container .btnClose {
  top: -55px;
  left: -90px;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper {
  margin-bottom: 42px;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper.no-margin {
  margin: 0;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .top-wrapper {
  margin-bottom: 22px;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .top-wrapper .title-wrapper .title {
  display: inline-block;
  line-height: 30px;
  font-weight: bold;
  font-size: 20px;
  color: #4bc87d;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .top-wrapper .subtitle {
  line-height: 21px;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper {
  display: flex;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block {
  flex: 0 0 33%;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block .title {
  color: #677b8a;
  font-weight: 500;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block .subtitle {
  color: #677b8a;
  font-size: 12px;
  position: relative;
  bottom: 3px;
  min-height: 17px;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block .value {
  color: #333a46;
  font-size: 18px;
  line-height: 50px;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block .value.has-subtitle {
  position: relative;
  top: 8px;
  line-height: 0;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block .value .number .number-wrapper {
  font-family: 'Rubik', sans-serif;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .credit-bar-wrapper .percentage-bar {
  height: 11px;
  border-radius: 15px;
  background-color: #DBE5ED;
}
.account-credit-line-popup .modal-content .credit-line-card-wrapper .credit-bar-wrapper .percentage-bar .current-amount-bar {
  height: 11px;
  border-radius: 15px;
  background: linear-gradient(90deg, #76D25B 0%, #38D29F 100%);
}
.info-and-actions .print-only {
  display: none;
}
.info-and-actions .nextArrow,
.info-and-actions .prevArrow {
  display: none;
}
.info-and-actions .left-side-container .tableSection .titleTable {
  padding-right: 0 !important;
  margin-top: 60px !important;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper {
  margin-bottom: 20px;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper {
  display: flex;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .title {
  width: 85%;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .title .edit-name-wrapper .edit-name {
  bottom: 5px;
  right: 15px;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper {
  margin-left: 7px;
  display: flex;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  height: 30px;
  width: 50px;
  overflow: hidden;
  border-radius: 4px;
  color: #ffffff;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper.green {
  background: linear-gradient(90deg, #4BC87D 20%, #12AA54 100%);
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper.black {
  background: linear-gradient(90deg, #4F545B 0%, #1E2127 100%);
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper.blue {
  background: linear-gradient(90deg, #0572B2 0%, #18307D 100%);
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper.gold {
  background: linear-gradient(90deg, #CCA647 0%, #8C6118 80%);
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper.purple {
  background: linear-gradient(90deg, #5C29B5 0%, #4C6DD7 100%);
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper.gray {
  background: linear-gradient(90deg, #717477 40%, #b8bbbb 100%);
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper.white {
  border: 1px solid #A4B0B9;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper .logo-wrapper {
  position: relative;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper .logo-wrapper.mastercard {
  bottom: 0;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper .logo-wrapper.visa {
  bottom: 2px;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .card-main-wrapper .logo-wrapper.diners {
  bottom: -3px;
}
.info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title-wrapper .title {
  position: relative;
  top: 2px;
}
.info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row {
  padding-bottom: 5px;
  padding-right: 0;
}
.info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row .credit-alert-text {
  margin-right: -15px;
  margin-left: 15px;
  box-shadow: 0 6px 12px 0 rgba(67, 96, 144, 0.1);
  background: #eaf5f9;
  padding: 5px 15px;
  color: #6e7685;
  font-size: 14px;
  display: flex;
  align-items: baseline;
}
.info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row .credit-alert-text .fa-exclamation-circle {
  color: #a5c7db;
}
.info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row .credit-alert-text .content-text {
  margin-right: 8px;
}
.info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row .credit-alert-text .content-text .number .currency_symbol {
  margin-right: 0;
}
.info-and-actions .left-side-container .tableSection .info-and-actions-table-wrapper {
  margin-top: 17px;
}
.info-and-actions .left-side-container .tableSection .info-and-actions-table-wrapper .green-link {
  font-weight: normal;
}
.info-and-actions .left-side-container .tableSection .info-and-actions-table-wrapper .generalFooter .footerMessageComponent .footer-row {
  display: flex;
}
.info-and-actions .left-side-container .tableSection .info-and-actions-table-wrapper .generalFooter .footerMessageComponent .footer-row .bold-line-footer {
  font-weight: bold;
}
.info-and-actions .left-side-container .tableSection .info-and-actions-table-wrapper .generalFooter .footerMessageComponent .footer-row .bulleted-line-footer:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: inline-block;
  background-color: #4bc87d;
  margin-left: 10px;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .no-padding-print {
  padding: 0 30px !important;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll {
  max-height: 420px!important;
  height: 420px!important;
  padding-right: 20px;
  padding-left: 10px;
  padding-bottom: 15px;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td {
  font-size: 14px !important;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td .number .number-wrapper {
  font-family: 'Rubik', sans-serif;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td .drawer-button-wrapper .main-label-wrapper .drawer-text {
  float: left;
  margin-left: 9px;
  text-decoration: none;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td .drawer-button-wrapper .main-label-wrapper .drawer-button {
  float: left;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td .drawer-button-wrapper .main-label-wrapper .drawer-button .btn-green-link {
  font-size: 16px;
  margin-left: 5px;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td .drawer-button-wrapper .main-label-wrapper .drawer-button.toggleBtn:after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(media/svgs/arrow-green-down.50583f58585666af2de7..svg);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td .drawer-button-wrapper .main-label-wrapper .drawer-button.toggleBtn.toggle-open:after {
  bottom: 2px;
  background-image: url(media/svgs/arrow-green-up.4b51234a2f5979ae0c38..svg);
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td.no-border {
  border: none !important;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td.no-height {
  height: 0 !important;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td #info-and-actions-drawer-wrapper .toggle-box-arrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 7px solid #ffffff;
  right: 26px;
  position: absolute;
  bottom: 105px;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td #info-and-actions-drawer-wrapper .toggle-row {
  box-shadow: inset 0 -3px 0 0 #4bc87d, 0 -5px 10px 0 rgba(81, 144, 182, 0.1);
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  position: relative;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll tr td #info-and-actions-drawer-wrapper .toggle-row tr:last-child td {
  border-bottom: none;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper {
  margin-top: 25px;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .title-wrapper {
  padding: 4px 0;
  display: flex;
  justify-content: space-around;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .title-wrapper .title {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
  line-height: 30px;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .title-wrapper .date {
  color: #6E7685;
  position: relative;
  top: 6px;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details {
  display: flex;
  justify-content: space-around;
  padding: 16px 0;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details .block .title {
  color: #677b8a;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details .block .value {
  color: #333a46;
  font-weight: 500;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details .block .value .number .number-wrapper {
  font-family: 'Rubik', sans-serif;
}
.info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll.table-scroll-alert {
  max-height: 370px!important;
  height: 370px!important;
}
.external-card-not-permission-popup {
  padding: 50px 100px;
  font-size: 16px;
}
#print .green-link,
#savePDF .green-link {
  color: #000000;
}
#print .hide-in-print,
#savePDF .hide-in-print {
  display: none !important;
}
#print .cardsActivationWrapper .cardDescriptionWrapper,
#savePDF .cardsActivationWrapper .cardDescriptionWrapper {
  margin-right: -50px;
}
#print .credit-cards-header .number .currency_symbol,
#savePDF .credit-cards-header .number .currency_symbol {
  margin-right: 3px;
}
#print .credit-cards-header .saperator,
#savePDF .credit-cards-header .saperator {
  display: block !important;
  margin-left: 10px;
}
#print .credit-cards-header .hide-in-scroll.status-bar-wrapper,
#savePDF .credit-cards-header .hide-in-scroll.status-bar-wrapper {
  display: block;
}
#print .credit-cards-header.en-header .debit-range-total,
#savePDF .credit-cards-header.en-header .debit-range-total {
  display: flex;
  direction: rtl !important;
  margin-left: 5px;
}
#print .Credit_cards .credit-card-tab,
#savePDF .Credit_cards .credit-card-tab {
  padding-right: 0;
  padding-left: 0;
}
#print .Credit_cards .credit-card-tab .medium-screen-width-100,
#savePDF .Credit_cards .credit-card-tab .medium-screen-width-100 {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
#print .info-and-actions .left-side-container .tableSection .titleTable,
#savePDF .info-and-actions .left-side-container .tableSection .titleTable {
  margin: 0 !important;
}
#print .info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row,
#savePDF .info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row {
  padding-bottom: 5px;
  padding-right: 0;
}
#print .info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row .credit-alert-text,
#savePDF .info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row .credit-alert-text {
  margin: 0;
  padding: 0;
}
#print .info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row .credit-alert-text .content-text,
#savePDF .info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row .credit-alert-text .content-text {
  margin: 0px;
}
#print .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll,
#savePDF .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll {
  padding: 0;
  max-height: none !important;
  height: auto !important;
}
#print .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .show-in-print,
#savePDF .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .show-in-print {
  display: block!important;
}
#print .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll.table-scroll-alert,
#savePDF .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll.table-scroll-alert {
  max-height: none !important;
  height: auto !important;
}
#print .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper,
#savePDF .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper {
  padding: 0;
}
#print .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details img,
#savePDF .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details img {
  display: none;
}
#savePDF .print-only {
  display: inline-block;
}
#savePDF .hide-in-print {
  display: none !important;
}
#savePDF .credit-cards-header {
  width: 600px;
}
.Credit_cards.lobby #custom-dropdown-resultsdateFilter {
  cursor: default;
  max-height: 300px;
}
.Credit_cards.lobby .cardsListWrapper .rc-table .rc-table-th.x-icon-padding,
.Credit_cards.lobby .cardsListWrapper .rc-table .rc-table-td.x-icon-padding {
  padding-right: 12px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper {
  box-shadow: 0 11px 19px 0 rgba(67, 96, 144, 0.15);
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .fa-exclamation-circle {
  color: #a5c7db;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper {
  background-color: #ffffff;
  border-bottom: 1px solid #d7dde2;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper:last-child {
  border: none;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col {
  width: 100%;
  color: #000000;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .first-row,
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .second-row {
  display: flex;
  color: #000000;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .first-row .card-name-wrapper,
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .second-row .card-name-wrapper {
  display: inline-block;
  margin-right: 5px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .first-row .card-key-wrapper,
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .second-row .card-key-wrapper {
  display: inline-block;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .first-row .company-link-wrapper,
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .second-row .company-link-wrapper {
  margin: 6px 0 10px 0;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .first-row .company-link-wrapper a,
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .second-row .company-link-wrapper a {
  color: #4bc87d;
  text-decoration: underline;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .first-row .cell-label,
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .second-row .cell-label {
  font-size: 12px;
  color: #677b8a;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .first-row .first-col-wrapper,
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .second-row .first-col-wrapper {
  width: 70%;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .first-row .second-col-wrapper,
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .content-col .second-row .second-col-wrapper {
  width: 30%;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .card-content-wrapper .edit-name {
  margin-right: 5px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .number .currency_symbol {
  margin-right: 2px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .number .number-wrapper {
  font-size: 16px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .img-strip {
  display: inline-block;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .img-strip .mobile-img {
  height: 25px;
  width: 37px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .card-list-wrapper .card-row-wrapper .extra-actions-button-co {
  right: -20px;
  top: 40px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .dropdownOperation .disabled-line {
  font-family: 'Josefin Sans', sans-serif;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .dropdownOperation .disabled-line:first-child {
  margin-top: 10px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .btn-group.dropdown.custom-dropdown .dropdown-menu {
  padding-bottom: 0;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .btn-group.dropdown.custom-dropdown .dropdown-menu ul {
  padding: 0;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .btn-group.dropdown.custom-dropdown .dropdown-menu ul li {
  margin: 0;
  padding-top: 79px;
  padding: 0 20px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .btn-group.dropdown.custom-dropdown .dropdown-menu ul li.bg-class {
  background-color: #eaf5f9;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .btn-group.dropdown.custom-dropdown .dropdown-menu ul li .line-title {
  font-weight: bold;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .btn-group.dropdown.custom-dropdown .dropdown-menu ul li .month-line {
  padding-right: 10px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .filters {
  padding: 10px;
  text-align: center;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .filters .filter-obj {
  padding: 0 5px;
  display: inline-block;
  width: 45%;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .filters .filter-obj .generalDropdown {
  width: 100%;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .btn-group.dropdown.custom-dropdown .dropdown-menu li {
  font-size: 14px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .credit-alert-row {
  padding-bottom: 5px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .credit-alert-row .credt-alert-text {
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  background: #eaf5f9;
  padding: 5px 15px;
  color: #6e7685;
  font-size: 14px;
  display: flex;
  align-items: baseline;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .credit-alert-row .credt-alert-text .content-text {
  margin-right: 8px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .name-wrapper {
  display: inline-block;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .expiredCard {
  font-size: 14px;
  margin-top: -8px;
  margin-right: 9px;
  color: #92abbb;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .x-icon {
  width: 10px;
  height: 10px;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .x-icon img {
  width: 100%;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .key-icon {
  width: 24px;
  height: 10px;
  display: inline-block;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .key-icon img {
  width: 100%;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .credit-name {
  font-size: 14px;
  color: #000000;
}
.Credit_cards.lobby .cards-list-wrapper-mobile .generalTable .edit-name {
  width: 90%;
}
@media (max-width: 576px) {
  .Credit_cards.lobby .form-control-wrapper {
    width: 100%;
  }
}
.tabModal.redirect-spread-payments-popup .modal-content {
  max-width: 800px;
  min-width: 550px;
  padding: 25px 45px;
}
.tabModal.redirect-spread-payments-popup .modal-content .cs-spa-retail-content .general-view-container .btnClose {
  top: -60px;
  right: -90px;
}
.tabModal.redirect-spread-payments-popup .modal-content .spread-payments-popup-content {
  text-align: center;
}
.tabModal.redirect-spread-payments-popup .modal-content .spread-payments-popup-content .title {
  display: inline-block;
  line-height: 30px;
  font-weight: bold;
  font-size: 2.2rem;
  color: #4bc87d;
}
.tabModal.redirect-spread-payments-popup .modal-content .spread-payments-popup-content .extra-msg {
  margin-top: 15px;
  font-size: 1.8rem;
}
.tabModal.redirect-spread-payments-popup .modal-content .spread-payments-popup-content .responsibility-msg {
  margin: 20px 0;
  font-size: 1.8rem;
}
.creditCardDetailsWrapper .rc-table .rc-table-th.x-icon-padding {
  padding-right: 8px;
}
.creditCardDetailsWrapper .rc-table .rc-table-td.rtl-direction {
  direction: rtl;
}
.creditCardDetailsWrapper .credit-card-details-title-wrapper {
  margin-top: 5px;
  margin-bottom: 10px;
}
.creditCardDetailsWrapper .credit-card-details-title-wrapper .creditCardDetailsTitle {
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: normal;
}
.creditCardDetailsWrapper .credit-card-details-title-wrapper .credit-card-details-sub-title {
  font-size: 14px;
  color: #6e7685;
  font-weight: 300;
}
.creditCardDetailsWrapper .filtersArea {
  background-color: #ffffff;
  padding: 10px 15px;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
  display: flex;
}
.creditCardDetailsWrapper .filtersArea .freeSearchWrapper {
  display: inline-block;
  position: relative;
}
.creditCardDetailsWrapper .filtersArea .freeSearchWrapper .searchMagnifierIcon {
  position: absolute;
  right: 14px;
  top: 7px;
}
.creditCardDetailsWrapper .filtersArea .freeSearchWrapper input.searchField {
  height: 36px;
  width: 253px;
  border: 1px solid #a4b2bd;
  color: #000000;
  border-radius: 100px;
  padding-left: 40px;
  padding-right: 40px;
}
.creditCardDetailsWrapper .filtersArea .freeSearchWrapper .clearBtn {
  position: absolute;
  left: 11px;
  top: 7px;
  width: 15px;
}
.creditCardDetailsWrapper .filtersArea .freeSearchWrapper .clearBtn > img {
  width: 100%;
}
.creditCardDetailsWrapper .filtersArea .fromToWrapper {
  display: inline-block;
  margin-left: 10px;
  height: 36px;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper {
  margin-top: 5px;
  margin-bottom: 10px;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableFoundDescription {
  color: #6e7685;
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleRightSide {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding-right: 18px;
  padding-top: 10px;
  padding-bottom: 11px;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleRightSide span {
  font-weight: normal;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleRightSide div {
  display: inline-block;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleLeftSideWrapper {
  display: flex;
  align-items: center;
  float: left;
  padding-left: 18px;
  font-size: 14px;
  color: #4e5664;
  padding-top: 10px;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleLeftSideWrapper .left-side-title {
  padding-left: 5px;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleLeftSideWrapper .currency-wrapper {
  display: flex;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleLeftSideWrapper .currency-wrapper > div {
  padding-inline: 5px;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleLeftSideWrapper .number .number-wrapper {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleLeftSideWrapper .number .currency_symbol {
  font-size: 12px;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .clearfix {
  clear: both;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .summaryTableWrapper .tableFoundDescription {
  padding-top: 0;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .summaryTableWrapper .table-footer .rc-table-row .rc-table-td {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 16px;
}
.creditCardDetailsWrapper .creditCardTransactionDetailsTablesWrapper .summaryTableWrapper .table-footer .rc-table-row .rc-table-td:first-child {
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
}
.creditCardDetailsWrapper .generalFooter {
  margin-right: 0;
  margin-left: 0;
}
.creditCardDetailsWrapper .generalFooter .footerLinkComponent a {
  margin-bottom: 0;
}
.creditCardDetailsWrapper .generalFooter .footerLinkComponent h4 {
  font-size: 16px;
}
.credit-card-extended-transaction-popup #cc_business_map {
  width: 100%;
  height: 230px;
}
.credit-card-extended-transaction-popup #cc_business_map iframe {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .credit-card-extended-transaction-popup #cc_business_map {
    height: 570px;
  }
}
@media (max-width: 1024px) and (min-height: 750px) {
  .credit-card-extended-transaction-popup #cc_business_map {
    height: 320px;
  }
}
@media (max-width: 1024px) and (min-height: 850px) {
  .credit-card-extended-transaction-popup #cc_business_map {
    height: 400px;
  }
}
@media (max-width: 1024px) and (min-height: 950px) {
  .credit-card-extended-transaction-popup #cc_business_map {
    height: 500px;
  }
}
@media (max-width: 1024px) and (min-height: 1020px) {
  .credit-card-extended-transaction-popup #cc_business_map {
    height: 580px;
  }
}
@media (max-width: 1024px) and (min-height: 1200px) {
  .credit-card-extended-transaction-popup #cc_business_map {
    height: 750px;
  }
}
.credit-card-extended-transaction-popup .section-table-details .table-scroll {
  height: 380px;
  max-height: 380px;
}
.credit-card-extended-transaction-popup .section-table-details .table-scroll .details-row {
  height: 45px;
  border-bottom: 1px solid #c6ddeb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.credit-card-extended-transaction-popup .section-table-details .table-scroll .generalFooter {
  padding: 0 15px;
  margin: 20px 0 0 0;
}
.credit-card-extended-transaction-popup .section-table-details .table-scroll .generalFooter .footerMessageComponent {
  font-weight: normal;
}
.credit-card-extended-transaction-popup .section-table-details .table-scroll .generalFooter .footerMessageComponent .bold-line-footer {
  font-weight: bold;
}
.credit-card-extended-transaction-popup .credit-card-extended-wrapper .number .currency_symbol {
  font-size: 14px;
}
.credit-card-extended-transaction-popup .credit-card-extended-wrapper h1.title {
  margin-left: 40px;
  margin-top: 60px;
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}
.credit-card-extended-transaction-popup .credit-card-extended-wrapper .table-scroll {
  margin-top: 45px;
}
.credit-card-extended-transaction-popup .credit-card-extended-wrapper .bottomInfo {
  color: #7d91a1;
  padding: 0 30px;
}
.credit-card-extended-transaction-popup .credit-card-extended-wrapper .bottomInfo .subTitle {
  font-weight: bold;
  margin-top: 20px;
}
.credit-card-extended-transaction-popup .credit-card-extended-wrapper .bottomInfo .intoText {
  font-size: 14px;
}
.expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup .tableSide .detailsTab .table-scroll {
  max-height: 350px;
  height: 350px;
  overflow-y: hidden;
  padding: 0 30px;
  margin-top: 85px;
}
@media (max-width: 1023px) {
  .expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup .tableSide .detailsTab .table-scroll {
    margin-top: 0;
  }
}
.expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup .tableSide .detailsTab .businessTab .table-scroll {
  max-height: 450px;
  height: 450px;
}
.expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup .titleTable {
  margin-right: 0px;
  padding-right: 0px;
  margin-top: 0px;
  padding-bottom: 15px;
}
.expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup .titleTable.title-with-top-margin {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup .titleTable .title {
    color: #4bc87d !important;
  }
  .expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup tr td:last-child {
    font-size: 16px;
  }
  .expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup tr td:last-child .number,
  .expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup tr td:last-child .number-font {
    font-size: 18px;
  }
  .expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup tr td {
    border: none;
    height: 50px;
  }
  .expanded-view-popup #expanded-view-popup.expanded-view-container.sidebarInfoModal.credit-card-extended-transaction-popup tr td:last-child {
    padding-right: 15px;
  }
}
#print .credit-card-extended-transaction-popup .number-font,
#savePDF .credit-card-extended-transaction-popup .number-font {
  text-align: right;
}
#print .credit-card-extended-transaction-popup .show-in-print,
#savePDF .credit-card-extended-transaction-popup .show-in-print {
  display: block !important;
}
#print .credit-card-extended-transaction-popup .bottomInfo,
#savePDF .credit-card-extended-transaction-popup .bottomInfo {
  position: static;
}
.creditCardDetailsWrapper-mobile .credit-card-details-title-wrapper {
  margin: 10px 10px 0;
}
.creditCardDetailsWrapper-mobile .credit-card-details-sub-title {
  margin: 5px 15px 10px;
}
.creditCardDetailsWrapper-mobile .number .currency_symbol {
  margin-right: 2px;
  font-size: 12px;
}
.creditCardDetailsWrapper-mobile .number .number-wrapper {
  font-size: 16px;
}
.creditCardDetailsWrapper-mobile .creditCardDetailsTitle {
  font-size: 16px;
  margin: 15px 15px 0 15px;
  line-height: 19px;
  font-weight: 500;
  color: #4a4a4a;
}
.creditCardDetailsWrapper-mobile .filtersArea {
  padding: 10px 0px;
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 769px) {
  .creditCardDetailsWrapper-mobile .filtersArea {
    display: none;
  }
}
.creditCardDetailsWrapper-mobile .filtersArea .freeSearchWrapper {
  position: relative;
}
.creditCardDetailsWrapper-mobile .filtersArea .freeSearchWrapper .searchMagnifierIcon {
  position: absolute;
  right: 10px;
  top: 7px;
}
.creditCardDetailsWrapper-mobile .filtersArea .freeSearchWrapper input.searchField {
  height: 36px;
  width: 158px;
  border: 1px solid #a4b2bd;
  color: #000000;
  border-radius: 100px;
  padding-left: 21px;
  padding-right: 30px;
}
.creditCardDetailsWrapper-mobile .filtersArea .freeSearchWrapper .clearBtn {
  position: absolute;
  left: 10px;
  top: 7px;
}
.creditCardDetailsWrapper-mobile .filtersArea .freeSearchWrapper .clearBtn img {
  height: 10px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper {
  margin-top: 5px;
  margin-bottom: 10px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableFoundDescription {
  color: #4a4a4a;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  padding: 0 15px 5px 15px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper {
  color: #4a4a4a;
  display: flex;
  flex-direction: column;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleRightSide {
  font-size: 16px;
  line-height: 19px;
  padding: 10px 15px 5px 15px;
  font-weight: 500;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleRightSide div {
  display: inline-block;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleLeftSideWrapper {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #4a4a4a;
  padding: 0 15px 10px 15px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleLeftSideWrapper.col-order {
  flex-direction: row;
  justify-content: space-between;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .titleLeftSideWrapper .left-side-title {
  padding-left: 5px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .tableTitleWrapper .clearfix {
  clear: both;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper {
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper {
  border-bottom: 1px solid #d7dde2;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper:last-child {
  border: none;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .number .number-wrapper {
  font-size: 16px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .number .currency_symbol {
  padding-left: 2px;
  font-size: 12px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col {
  width: 100%;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .strip-bold {
  font-weight: bold;
  line-height: 17px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .with-padding {
  padding-left: 15px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .number-font {
  font-size: 16px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .cell-label {
  font-size: 12px;
  color: #677b8a;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .cell-text {
  font-size: 14px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .first-row {
  display: flex;
  color: #000000;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .first-row .upper-cell {
  min-height: 20px;
  margin-bottom: 10px;
  line-height: 17px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .first-row .first-col {
  width: 70%;
  line-height: 17px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .first-row .first-col .card-name-cell {
  height: 20px;
  margin-bottom: 10px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .first-row .second-col {
  width: 30%;
  font-size: 16px;
  line-height: 17px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .tableMainWrapper .table-data-wrapper .table-row-wrapper .row-content-wrapper .content-col .first-row .third-col {
  line-height: 17px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .summaryTableWrapper .tableFoundDescription {
  padding-top: 0;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .summaryTableWrapper .table-footer .rc-table-row .rc-table-td {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 16px;
}
.creditCardDetailsWrapper-mobile .creditCardTransactionDetailsTablesWrapper .summaryTableWrapper .table-footer .rc-table-row .rc-table-td:first-child {
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
}
.creditCardDetailsWrapper-mobile .generalFooter {
  margin-right: 0;
  margin-left: 0;
}
.creditCardDetailsWrapper-mobile .generalFooter .footerLinkComponent a {
  margin-bottom: 0;
}
.creditCardDetailsWrapper-mobile .generalFooter .footerLinkComponent h4 {
  font-size: 16px;
}
#credit-cards-footer .footerMessageComponent .footer-legal-area {
  margin-top: 25px;
}
#credit-cards-footer .footerMessageComponent .footer-legal-area a {
  color: #4bc87d;
  text-decoration: underline;
  display: block;
  cursor: pointer;
  display: inline-block;
}
#credit-cards-footer .footerMessageComponent .footer-legal-area .bold-line-footer {
  font-weight: 500;
}
#print #credit-cards-footer .footerMessageComponent .footer-legal-area a,
#savePDF #credit-cards-footer .footerMessageComponent .footer-legal-area a {
  color: inherit;
  text-decoration: inherit;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .credit-card-header .mainDashboard .btnHelp {
    display: inline-block;
    background: url(media/images/info.0e7674f498201af3c157..png) no-repeat center center;
  }
  .affix-top .credit-card-header .mainDashboard #dynamic-header .credit-cards-header .accountBalance {
    line-height: 0.7;
    margin-right: 12px;
  }
  #dynamic-header .credit-cards-header {
    display: block;
  }
  #dynamic-header .credit-cards-header .value-desc {
    font-size: 11px;
  }
  #dynamic-header .credit-cards-header .small-sum .debit-range-total .account-framework-separator {
    font-size: 10px;
    margin: 0 3px;
  }
  #dynamic-header .credit-cards-header .small-sum .debit-range-total .number .currency_symbol {
    font-size: 10px;
  }
  #dynamic-header .credit-cards-header .small-sum .debit-range-total .number .number-wrapper .integer,
  #dynamic-header .credit-cards-header .small-sum .debit-range-total .number .number-wrapper .decimal_point {
    font-size: 14px;
  }
  #dynamic-header .credit-cards-header .small-sum .debit-foreign-num.first-value {
    padding-left: 10px;
  }
  #dynamic-header .credit-cards-header .small-sum .debit-foreign-num.saperator {
    display: none;
  }
  #dynamic-header .credit-cards-header .small-sum .debit-foreign-num .number {
    margin-bottom: 0;
  }
  #dynamic-header .credit-cards-header .small-sum .debit-foreign-num .number .currency_symbol {
    font-size: 10px;
  }
  #dynamic-header .credit-cards-header .small-sum .debit-foreign-num .number .number-wrapper .integer,
  #dynamic-header .credit-cards-header .small-sum .debit-foreign-num .number .number-wrapper .decimal_point {
    font-size: 14px;
  }
  #dynamic-header .credit-cards-header .first-header-line {
    display: block;
  }
  #dynamic-header .credit-cards-header .first-header-line .total-sum-label {
    font-weight: normal;
    font-size: 14px;
  }
  #dynamic-header .credit-cards-header .first-header-line .credit-line-link {
    position: inherit;
    display: block;
    color: #ffffff;
  }
  #dynamic-header .credit-cards-header .third-header-line {
    display: block;
  }
  #dynamic-header .credit-cards-header .third-header-line .btnHelp {
    display: inline-block;
    background: url(media/images/info.0e7674f498201af3c157..png) no-repeat center center;
  }
  #dynamic-header .credit-cards-header .third-header-line .value-left-credit .value-desc {
    top: 2px;
  }
  #dynamic-header .credit-cards-header .status-bar-wrapper {
    display: inline-block;
  }
  #dynamic-header .credit-cards-header .status-bar-wrapper .percentage-bar {
    background-color: #ffffff;
  }
  #dynamic-header .credit-cards-header .status-bar-wrapper .percentage-bar .current-amount-bar {
    top: 0px;
    background-color: #5A77F5;
  }
  #dynamic-header .credit-cards-header .extra-header-data .cc-header-sum {
    font-size: 14px;
  }
  #dynamic-header .credit-cards-header .extra-header-data .cc-header-sum .cc-label {
    font-weight: normal;
  }
  #dynamic-header .credit-cards-header .extra-header-data .cc-header-sum .credit-line-link {
    position: inherit;
    display: block;
    color: #ffffff;
  }
  .credit-card-tab .errorEmpty .errorEmptyContent {
    padding: 0 50px;
  }
  .credit-card-tab .errorEmpty .errorEmptyContent h2 {
    font-size: 16px;
  }
  .cardsActivationWrapper .cardDescriptionWrapper .cardTooltipWrapper {
    display: inline;
  }
  #credit-cards-actions .wrapper-discount-key {
    margin-top: 10px;
  }
  #credit-cards-actions .wrapper-discount-key h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
  }
  #credit-cards-actions .wrapper-discount-key .content {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
  }
  #credit-cards-actions .wrapper-discount-key .general-btn-bordered {
    font-size: 14px;
  }
  #credit-cards-footer {
    margin: 0;
    padding: 0 15px;
  }
  #credit-cards-footer .footerLinkComponent {
    margin-bottom: 10px;
  }
  #credit-cards-footer .footerLinkComponent div:first-child {
    margin-bottom: 20px;
  }
  #credit-cards-footer .footerMessageComponent .footer-legal-area {
    margin: 0;
  }
  .credit-card-extended-transaction-popup .credit-card-extended-wrapper {
    margin: 0;
  }
  .credit-card-extended-transaction-popup .credit-card-extended-wrapper .title {
    margin-left: 0;
  }
  .credit-card-extended-transaction-popup .credit-card-extended-wrapper .tableSection {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .credit-card-extended-transaction-popup .credit-card-extended-wrapper .table-scroll {
    margin-top: 20px;
  }
  .credit-card-extended-transaction-popup .credit-card-extended-wrapper .bottomInfo {
    padding: 0;
  }
  .info-and-actions-popup .info-and-actions .mobile-right-side {
    padding: 0 30px !important;
  }
  .info-and-actions-popup .info-and-actions .info-and-actions-table-wrapper {
    padding: 0 30px !important;
  }
  .info-and-actions-popup .info-and-actions .left-side-container .tableSection .titleTable {
    padding: 0 30px !important;
    margin-top: 15px !important;
  }
  .info-and-actions-popup .info-and-actions .left-side-container .tableSection .titleTable .credit-alert-row .credit-alert-text {
    margin-right: -30px;
    margin-left: 0;
  }
  .info-and-actions-popup .info-and-actions .left-side-container .tableSection .titleTable .title-outer-wrapper .title {
    color: #4bc87d !important;
  }
  .info-and-actions-popup .info-and-actions.sidebarInfoModal .tableSide .detailsTab .no-padding-print {
    padding: 0 !important;
  }
  .info-and-actions-popup .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper {
    margin-bottom: 25px;
  }
  .info-and-actions-popup .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .title-wrapper {
    display: block;
    padding-right: 10px;
    padding-left: 10px;
  }
  .info-and-actions-popup .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .title-wrapper .date {
    position: inherit;
  }
  .info-and-actions-popup .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details {
    display: block;
    padding-right: 10px;
    padding-left: 10px;
  }
  .info-and-actions-popup .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details img {
    display: none;
  }
  .info-and-actions-popup .info-and-actions.sidebarInfoModal .tableSide .detailsTab .table-scroll .accumulation-wrapper .details .block {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
  }
  .account-credit-line-popup .modal-content {
    padding: 30px 15px;
    width: 100%;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper {
    margin-bottom: 30px;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper .top-wrapper {
    margin-bottom: 5px;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper .top-wrapper .title-wrapper .title {
    font-size: 16px;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper {
    display: inherit;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block {
    display: flex;
    margin-bottom: 10px;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block .title {
    font-size: 12px;
    flex: 1;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block .value {
    font-size: 12px;
    flex: 1;
    line-height: inherit;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block .value.has-subtitle {
    line-height: 1;
    top: 0;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper .details-wrapper .details-block .titles-wrapper {
    flex: 1;
  }
  .account-credit-line-popup .modal-content .credit-line-card-wrapper .credit-bar-wrapper {
    margin-top: 5px;
  }
  .redirect-spread-payments-popup .modal-content {
    width: 100%;
    min-width: 0;
    padding: 15px 35px;
  }
  .redirect-spread-payments-popup .modal-content .spread-payments-popup-content {
    text-align: center;
    width: 100%;
  }
  .redirect-spread-payments-popup .modal-content .spread-payments-popup-content .title {
    display: inline-block;
    line-height: 30px;
    font-weight: bold;
    font-size: 2.2rem;
    color: #4bc87d;
  }
  .redirect-spread-payments-popup .modal-content .spread-payments-popup-content .extra-msg {
    margin-top: 15px;
    font-size: 1.8rem;
  }
  .redirect-spread-payments-popup .modal-content .spread-payments-popup-content .responsibility-msg {
    margin: 20px 0;
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  #credit-cards-actions .wrapper-discount-key {
    margin: 10px;
  }
}
@media (max-width: 1200px) and (min-width: 1023px) {
  .medium-screen-width-100 {
    margin-top: 15px;
  }
}
#external-cards-links-main-wrapper {
  background-color: #ffffff;
  text-align: right;
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
  margin-bottom: 10px;
}
#external-cards-links-main-wrapper.footer-mode {
  box-shadow: 8px 0 25px 0 rgba(81, 144, 182, 0.2);
  padding: 0 15px 15px;
}
#external-cards-links-main-wrapper.footer-mode .content-message {
  width: 40%;
  padding: 0;
}
#external-cards-links-main-wrapper.footer-mode .main-label-wrapper {
  cursor: auto;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
  padding: 13px 0;
  height: 45px;
}
#external-cards-links-main-wrapper.footer-mode .main-label-wrapper .label-inner-wrapper .title {
  font-weight: 500;
}
#external-cards-links-main-wrapper.footer-mode .drawer-content {
  padding-top: 20px;
  display: flex;
}
#external-cards-links-main-wrapper.footer-mode .card-wrapper {
  padding: 0px 30px;
  text-align: center;
}
#external-cards-links-main-wrapper.footer-mode .card-wrapper img {
  display: block;
  margin: auto;
  margin-bottom: 10px;
}
#external-cards-links-main-wrapper.expandable-mode .main-label-wrapper {
  background-color: #ffffff;
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.1);
  padding: 13px 20px;
  height: 45px;
}
#external-cards-links-main-wrapper.expandable-mode .drawer-content {
  padding: 5px 20px;
}
#external-cards-links-main-wrapper.expandable-mode .card-wrapper {
  padding: 5px 0;
}
#external-cards-links-main-wrapper .main-label-wrapper .label-inner-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#external-cards-links-main-wrapper .main-label-wrapper .label-inner-wrapper .title {
  display: inline-block;
  color: #4a4a4a !important;
  font-size: 18px;
}
#external-cards-links-main-wrapper .main-label-wrapper .label-inner-wrapper .drawer {
  float: left;
}
#external-cards-links-main-wrapper .main-label-wrapper .label-inner-wrapper .drawer .btn-green-link {
  font-size: 16px;
  margin-left: 5px;
}
#external-cards-links-main-wrapper .main-label-wrapper .label-inner-wrapper .drawer.toggleBtn:after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(media/svgs/arrow-green-down.50583f58585666af2de7..svg);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
}
#external-cards-links-main-wrapper .main-label-wrapper .label-inner-wrapper .drawer.toggleBtn.toggle-open:after {
  background-image: url(media/svgs/arrow-green-up.4b51234a2f5979ae0c38..svg);
}
#external-cards-links-main-wrapper .content-message {
  color: #6e7685;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 0;
}
#external-cards-links-main-wrapper .card-wrapper img {
  height: 23px;
  margin-left: 5px;
}
#external-cards-links-main-wrapper .card-wrapper a {
  font-weight: 500;
}
#external-cards-links-main-wrapper .error {
  line-height: 1.5;
  color: #677b8a;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 0 10px 10px;
}
@media (max-width: 1023px) {
  #external-cards-links-main-wrapper.footer-mode .drawer-content {
    display: inherit;
    padding-top: 10px;
  }
  #external-cards-links-main-wrapper.footer-mode .drawer-content .content-message {
    padding-bottom: 10px;
    width: 100%;
  }
  #external-cards-links-main-wrapper.footer-mode .drawer-content .card-wrapper {
    margin-bottom: 10px;
    padding: 0;
    text-align: inherit;
    display: flex;
  }
  #external-cards-links-main-wrapper.footer-mode .drawer-content .card-wrapper img {
    margin: 5px 0 0 5px;
    flex: 0 0 auto;
  }
  #external-cards-links-main-wrapper.footer-mode .drawer-content .card-wrapper .btn-green-link {
    vertical-align: middle;
    position: relative;
    top: 7px;
  }
  #external-cards-links-main-wrapper.footer-mode .drawer-content .card-wrapper.no-margin {
    margin: 0;
  }
}
.external-card-view-main-wrapper .tableTitleWrapper {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.external-card-view-main-wrapper .contact-main-wrapper {
  padding: 18px;
}
.external-card-view-main-wrapper .contact-main-wrapper .contact-main-inner-wrapper .text-wrapper {
  padding: 0 0 15px 0;
}
.external-card-view-main-wrapper .contact-main-wrapper .contact-main-inner-wrapper .btn-green-link {
  display: block;
  padding: 20px 0 0 0;
}
.external-card-view-main-wrapper .footer {
  padding-top: 10px;
}
.cards-search-area-main-wrapper {
  background-color: #ffffff;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.3);
  margin-bottom: 10px;
}
.cards-search-area-main-wrapper .inputFieldWrapper .input-advance {
  text-align: right;
}
.cards-search-area-main-wrapper .inputFieldWrapper .input-advance::placeholder {
  direction: rtl;
}
.cards-search-area-main-wrapper .error-wrapper {
  padding-top: 5px;
  line-height: 1;
  text-align: right;
}
.cards-search-area-main-wrapper .filters .top-filter-row {
  padding: 10px 18px;
}
.cards-search-area-main-wrapper .filters .top-filter-row .include-wrapper {
  width: auto;
  margin-left: 20px;
}
.cards-search-area-main-wrapper .filters .top-filter-row .include-wrapper.endFilterPath {
  height: 34px;
  display: flex;
  align-items: center;
  margin: 0 20px;
}
.cards-search-area-main-wrapper .filters .top-filter-row .include-wrapper .filter-obj {
  width: 160px;
}
.cards-search-area-main-wrapper .filters .top-filter-row .include-wrapper .filter-obj .dropdown-toggle {
  width: 100%;
}
.cards-search-area-main-wrapper .filters .top-filter-row .printBtn {
  margin-top: 5px;
  margin-left: 0px;
}
.cards-search-area-main-wrapper .filters .freeSearchWrapper {
  display: inline-block;
  position: relative;
}
.cards-search-area-main-wrapper .filters .freeSearchWrapper .searchMagnifierIcon {
  position: absolute;
  right: 14px;
  top: 7px;
}
.cards-search-area-main-wrapper .filters .freeSearchWrapper input.searchField {
  background-image: none;
  height: 36px;
  width: 253px;
  border: 1px solid #a4b2bd;
  color: #000000;
  border-radius: 100px;
  padding-left: 40px;
  padding-right: 40px;
}
.cards-search-area-main-wrapper .filters .freeSearchWrapper .clearBtn {
  position: absolute;
  left: 11px;
  top: 7px;
  width: 15px;
}
.cards-search-area-main-wrapper .filters .freeSearchWrapper .clearBtn > img {
  width: 100%;
}
.cards-search-area-main-wrapper .advanced-search-directive .advanced-search-wrapper .search-container {
  padding: 30px 0 0;
}
.cards-search-area-main-wrapper .advanced-search-directive .advanced-search-wrapper .search-container .input-advance {
  width: 100%;
  direction: ltr;
}
.past-transaction-popup.general-view-popup .modal-dialog {
  max-width: 650px;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content {
  width: 100%;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper {
  padding: 32px 42px;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-title-wrapper {
  padding-bottom: 20px;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-title-wrapper .main-title {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-title-wrapper .extra-actions-button-con {
  position: absolute;
  top: 20px;
  left: 35px;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-title-wrapper .extra-actions-button-con .menuList {
  box-shadow: none;
  line-height: 47px;
  text-align: center;
  transform: none;
  float: left;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper.disabled-row {
  pointer-events: none;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table {
  box-shadow: none;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row:last-child {
  border-bottom: 1px solid #d7dde2;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper {
  display: flex;
  align-items: center;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper {
  display: flex;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  height: 30px;
  width: 50px;
  box-shadow: 0 10px 16px 0 rgba(67, 96, 144, 0.24);
  overflow: hidden;
  border-radius: 4px;
  color: #ffffff;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper.green {
  background: linear-gradient(90deg, #4BC87D 20%, #12AA54 100%);
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper.black {
  background: linear-gradient(90deg, #4F545B 0%, #1E2127 100%);
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper.blue {
  background: linear-gradient(90deg, #0572B2 0%, #18307D 100%);
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper.gold {
  background: linear-gradient(90deg, #CCA647 0%, #8C6118 80%);
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper.purple {
  background: linear-gradient(90deg, #5C29B5 0%, #4C6DD7 100%);
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper.gray {
  background: linear-gradient(90deg, #717477 40%, #b8bbbb 100%);
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper.light-green {
  background: linear-gradient(90deg, rgba(216, 216, 216, 0.3) 0%, rgba(75, 200, 125, 0.05) 100%);
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper.white {
  background-color: #ffffff;
  border: 1px solid #A4B0B9;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-main-wrapper .logo-wrapper {
  position: relative;
  top: 7px;
}
.past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-table-wrapper .rc-table .rc-table-body .rc-table-row .name-col-inner-wrapper .card-name-wrapper {
  font-size: 14px;
  color: #000000;
  margin-right: 10px;
}
.past-transaction-popup hr {
  border-top: 1px solid #d7dde2;
}
@media (max-width: 1023px) {
  .cards-search-area-main-wrapper .filters .top-filter-row {
    height: auto;
  }
  .cards-search-area-main-wrapper .filters .top-filter-row .advanced-search-btn {
    margin: 0;
  }
  .cards-search-area-main-wrapper .filters .top-filter-row .advanced-search-btn .advanced-search-btn-icon {
    display: inline-block !important;
  }
  .cards-search-area-main-wrapper .filters .top-filter-row .advanced-search-btn .advanced-search-btn-text {
    display: none;
  }
  .cards-search-area-main-wrapper .filters .top-filter-row .include-wrapper.endFilterPath {
    margin: 0;
    padding-top: 5px;
  }
  .past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper {
    padding: 0;
  }
  .past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-title-wrapper {
    padding: 32px 42px 0;
  }
  .past-transaction-popup.general-view-popup .modal-dialog .modal-content .past-transaction-popup-wrapper .past-transaction-popup-title-wrapper .main-title {
    text-align: center;
  }
  .past-transaction-popup hr {
    border-top: 1px solid #d7dde2;
  }
}
.accept-popup-main-wrapper {
  text-align: center;
  padding: 20px 30px;
  font-size: 16px;
}
.accept-popup-main-wrapper .title {
  color: #4bc87d;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.accept-popup-main-wrapper .footer {
  padding-top: 30px;
}
.accept-popup-main-wrapper .footer .general-btn {
  width: 120px;
  font-weight: normal;
  font-size: 14px;
  margin: 0 10px;
}
:root {
  --wizard-minimized-right-offset: 110px;
  --wizard-minimized-right-offset-old: 5px;
}
.m-auto {
  margin: auto;
}
.m-0 {
  margin: 0px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-50 {
  margin: 50px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-28 {
  margin-top: 28px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
.mr-34 {
  margin-right: 34px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mr-154 {
  margin-right: 154px !important;
}
.p-0 {
  padding: 0px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-32 {
  padding-top: 32px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-150 {
  padding-top: 150px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.py-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizardManagerStepsArea .cardsWrapper {
  padding-bottom: 0;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizardManagerStepsArea .stepBox .editPrevData {
  margin-top: -40px;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  align-items: baseline;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizardManagerStepsArea .stepSpacer {
  margin-top: 15px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content {
  display: inline-block;
  width: 100%;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section {
  display: inline-block;
  width: 100%;
  padding: 15px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .title {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .title p {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-item-wrapper {
  width: 267px;
  height: 150px;
  padding: 0;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  margin-left: 15px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-item-wrapper .credit-card-item.active {
  box-sizing: border-box;
  border: 1px solid #4bc87d;
  box-shadow: 0 8px 25px 0 #5190b6;
  background: #ffffff !important;
  color: #6a7685;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-item-wrapper .credit-card-item.active .credit-card-number {
  color: #6a7685;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-item-wrapper .credit-card-item.active .credit-card-number i {
  background-color: #6a7685;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-item-wrapper .credit-card-name {
  margin: 10px;
  font-weight: bold;
  color: #7d91a1;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .general-btn.inactive {
  background-color: #ebf2f8;
  color: #7d91a1;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .checkbox-wrapper .checkbox-visual {
  background-color: #cde2ea;
  margin-left: 8px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-address {
  display: inline-block;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-address input {
  background-color: #ebf2f8;
  border-radius: 4px;
  border: none;
  height: 40px;
  width: 40%;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 16px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-order {
  display: inline-block;
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 0px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .inline-address-msg {
  display: inline-flex;
  margin-top: 15px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .inline-address-msg .fa {
  top: 2px;
  font-size: 1.8rem;
  position: relative;
  margin-left: 8px;
  color: #7d91a1;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .inline-error-msg {
  display: inline-flex;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .inline-error-msg .fa {
  top: 2px;
  font-size: 1.8rem;
  position: relative;
  margin-left: 8px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .legal-section {
  display: inline-block;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 {
  margin-top: -3px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section {
  padding-right: 60px;
  padding-left: 60px;
  margin-bottom: 15px;
  background-color: #ffffff;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section .title {
  margin: 0;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section .process-summary {
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section .process-summary .border-left {
  border-left: 1px solid #a4b2bd;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section .process-summary-detail {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section .process-summary-detail .detail-title {
  color: #677b8a;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section .process-summary-detail .detail-value {
  font-size: 16px;
  color: #333a46;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section .gagola-container .gagola-title {
  color: #677b8a;
  padding-bottom: 15px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section .gagola-container .gagola-text {
  color: #333a46;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep2 .wizard-step-section .gagola-container .gagola-footer {
  color: #333a46;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep3 {
  margin-left: 15px;
  margin-right: 15px;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep3 .wizard-step-section {
  text-align: center;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep3 .wizard-step-section hr {
  width: 36px;
  margin: 16px auto;
  border-top: 2px solid #4bc87d;
}
.not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep3 .wizard-step-section .detail-value {
  font-size: 18px;
  color: #6a7685;
  font-weight: bold;
  font-family: 'Josefin Sans';
}
.ccCancelStep3 {
  margin-left: 15px;
  margin-right: 15px;
}
@media (max-width: 769px) {
  .not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-item-wrapper {
    margin-bottom: 15px;
  }
  .not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-item-wrapper .credit-card-item.active {
    box-shadow: 0 7px 25px 0 rgba(81, 187, 182, 0.4);
  }
  .not-capital-market .cs-spa-retail-content .creditCardCancel .ccCancelStep1 .number .number-wrapper {
    font-size: 14px;
  }
  .not-capital-market .cs-spa-retail-content .creditCardCancel .wizardManagerStepsArea .stepBox .editPrevData {
    margin-top: -55px;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-item-wrapper .credit-card-item,
  .not-capital-market .cs-spa-retail-content .creditCardCancel .wizard-step-content .wizard-step-section .credit-card-item-wrapper .credit-card-item.active {
    height: 100%;
  }
  .not-capital-market .cs-spa-retail-content .creditCardCancel .credit-card-item {
    padding: 10px;
  }
  .not-capital-market .cs-spa-retail-content .creditCardCancel .credit-card-item .dashboard-card-sum {
    font-size: 3.4rem;
  }
  .not-capital-market .cs-spa-retail-content .creditCardCancel .credit-card-item .dashboard-card-sum.dashboard-card-sum-foreign {
    font-size: 2.1rem;
  }
  .not-capital-market .cs-spa-retail-content .creditCardCancel .credit-card-date {
    font-size: 14px;
  }
  .not-capital-market .cs-spa-retail-content .creditCardCancel .credit-card-icon {
    width: 46px;
    height: 30px;
  }
}
.cs-spa-retail-content .credit-card-restore-code .row {
  /* margin-@{opposite-float}: 15px;*/
  /*margin-@{default-float}: 15px;*/
}
.cs-spa-retail-content .credit-card-restore-code.wizard-section .wizard-step-section {
  display: inline-block;
  width: 100%;
  padding: 15px;
}
.cs-spa-retail-content .credit-card-restore-code.wizard-section .wizard-step-section .title {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
}
.cs-spa-retail-content .credit-card-restore-code.wizard-section .wizard-step-section .title p {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
.cs-spa-retail-content .credit-card-restore-code.wizard-section .wizard-step-section .label-text {
  line-height: 21px;
  color: #6a7685;
  font-family: Rubik;
  font-size: 14px;
}
.cs-spa-retail-content .credit-card-restore-code.wizard-section .wizard-step-section .wizard-form-row {
  margin-top: 20px;
  margin-right: 15px;
}
.cs-spa-retail-content .credit-card-restore-code .credit-card-item-wrapper {
  width: 267px;
  height: 150px;
  padding: 0;
  margin: 15px;
}
.cs-spa-retail-content .credit-card-restore-code .credit-card-item-wrapper .credit-card-name {
  margin: 10px;
  font-weight: bold;
  color: #7d91a1;
}
.cs-spa-retail-content .credit-card-restore-code .header .title {
  margin-left: 15px;
  margin-right: 15px;
}
.cs-spa-retail-content .credit-card-restore-code .header .title p {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
.cs-spa-retail-content .credit-card-restore-code .credit-card-item.active {
  box-sizing: border-box;
  border: 1px solid #4bc87d;
  box-shadow: 0 8px 25px 0 #5190b6;
  background: #ffffff !important;
  color: #6a7685;
}
.cs-spa-retail-content .credit-card-restore-code .credit-card-item.active .credit-card-number {
  color: #6a7685;
}
.cs-spa-retail-content .credit-card-restore-code .credit-card-item.active .credit-card-number i {
  background-color: #6a7685;
}
.cs-spa-retail-content .credit-card-restore-code .inputFieldWrapper {
  font-size: 1.6rem;
}
.cs-spa-retail-content .credit-card-restore-code .btnHelp {
  margin-right: 0px;
  cursor: default;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .title {
  margin-left: 0px;
  margin-right: 0px;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section {
  padding-right: 60px;
  padding-left: 60px;
  margin-bottom: 15px;
  background-color: #ffffff;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary {
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary .border-left {
  border-left: 1px solid #a4b2bd;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary .process-summary-detail {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary .process-summary-detail .detail-title {
  font-size: 14px;
  color: #7d91a1;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary .process-summary-detail .detail-value {
  font-size: 16px;
  color: #6a7685;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary .details-wraper {
  font-family: Rubik;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary .leftNotification {
  margin-right: 7px;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary .leftNotification .titleBlack {
  font-size: 14px;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary .leftNotification .titleBlack p {
  color: #92abbb;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .wizard-step-section .process-summary .leftNotification .msgContent {
  border-right: solid 1px #ebf0f3;
  padding-right: 10px;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .gagola-container .gagola-title {
  color: #7d91a1;
  padding-bottom: 15px;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .gagola-container .gagola-text {
  color: #6a7685;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep2 .gagola-container .gagola-footer {
  color: #6a7685;
}
.cs-spa-retail-content .credit-card-restore-code .notice-text {
  font-family: Rubik;
  font-size: 14px;
  line-height: 21px;
  color: #6a7685;
  padding-right: 5px;
}
.cs-spa-retail-content .credit-card-restore-code .inline-error-msg {
  height: 43px;
  color: #fb5f5f;
  font-family: Rubik;
  line-height: 21px;
  font-size: 14px;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep3 {
  text-align: center;
  position: relative;
  margin-bottom: 12px;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep3 p {
  color: #7d91a1;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep3 hr {
  width: 36px;
  margin: 7px auto;
  border-top: 2px solid #4bc87d;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep3 .process-title {
  font-family: Rubik;
  font-size: 14px;
  color: #6a7685;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep3 .process-timestamp {
  font-size: 2rem;
  font-family: 'Josefin Sans';
  color: #7d91a1;
}
.cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep3 .step3title {
  font-family: Rubik;
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  color: #4bc87d;
}
@media (max-width: 1023px) and (min-width: 768px) {
  .cs-spa-retail-content .credit-card-restore-code .cardCodeRecoveryStep1 .number .number-wrapper {
    font-size: 14px;
  }
  .cs-spa-retail-content .credit-card-restore-code .credit-card-item,
  .cs-spa-retail-content .credit-card-restore-code .credit-card-item.active {
    height: 100%;
  }
  .cs-spa-retail-content .credit-card-restore-code .credit-card-item {
    padding: 10px;
  }
  .cs-spa-retail-content .credit-card-restore-code .credit-card-item .dashboard-card-sum {
    font-size: 3.4rem;
  }
  .cs-spa-retail-content .credit-card-restore-code .credit-card-item .dashboard-card-sum.dashboard-card-sum-foreign {
    font-size: 2.1rem;
  }
  .cs-spa-retail-content .credit-card-restore-code .credit-card-date {
    font-size: 14px;
  }
  .cs-spa-retail-content .credit-card-restore-code .credit-card-icon {
    width: 46px;
    height: 30px;
  }
}
.credit-card-restore-code-modal .interactive-modal-content {
  padding-top: 35px!important;
  padding-right: 45px!important;
}
.credit-card-restore-code-modal .interactive-modal-content .title {
  font-family: Rubik!important;
  font-size: 20px!important;
  line-height: 30px!important;
  margin: 0px!important;
}
.credit-card-restore-code-modal .interactive-modal-content .btnContent {
  margin-top: 40px;
  margin-bottom: 35px;
}
.credit-card-restore-code-modal .box-btn {
  width: 242px;
  border: 1px solid;
  background-color: #ffffff;
  height: 144px;
  border: 1px solid #c6ddeb;
  border-radius: 10px;
  box-shadow: 0 0 15px 0 rgba(26, 200, 196, 0.3);
  font-size: 18px;
  margin-left: 20px;
}
.credit-card-restore-code-modal .box-btn:hover {
  border: 1px solid #4bd7a8;
}
.credit-card-restore-code-modal .alertModalMessage {
  box-shadow: none;
  margin: 0;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizardManagerStepsArea .stepBox .continueSection {
  height: 60px;
}
.discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizardManagerStepsArea .cardsWrapper {
  padding-bottom: 0;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .header .title {
  margin-left: 15px;
  margin-right: 15px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .header .title p {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .wizardManagerStepsArea .cardsWrapper .stepBox .continueSection {
  height: 60px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .bottomBurnedMsg {
  color: #7d91a1;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .step1-sub-title {
  color: #6a7685;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .change-date-section {
  margin-top: 26px;
  color: #6a7685;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .charge-date-text {
  font-size: 1.6rem;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .charge-date-text-margin {
  margin-right: 6px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .cards-section {
  position: relative;
  right: -15px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .cards-section .credit-card-item-wrapper {
  width: 267px;
  height: 150px;
  padding: 0;
  margin: 15px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .cards-section .credit-card-item-wrapper .credit-card-name {
  margin: 10px;
  font-weight: bold;
  color: #7d91a1;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .cards-section .credit-card-item.active {
  background: #ffffff !important;
  box-sizing: border-box;
  border: 1px solid #4bc87d;
  box-shadow: 0 7px 25px 0 rgba(81, 187, 182, 0.4);
  color: #6a7685;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .cards-section .credit-card-item.active .credit-card-number {
  color: #6a7685;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .cards-section .credit-card-item.active .credit-card-number i {
  background-color: #6a7685;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .radios-section {
  margin-right: 26px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .radios-section .date-radio input[type="radio"] {
  position: relative;
  top: 3px;
  appearance: none;
  border-radius: 50%;
  margin-left: 10px;
  margin-top: 10px;
  padding: 0px;
  width: 25px;
  height: 25px;
  background-color: #cde2ea;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .radios-section .date-radio input[type="radio"]:before {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  margin: 20% auto;
  border-radius: 50%;
  background-color: #cde2ea;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .radios-section .date-radio input[type="radio"]:checked:before {
  background-color: #25cb92;
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  margin: 20% auto;
  border-radius: 50%;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .radios-section .date-radio input[type="radio"]:focus {
  outline: none;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .radios-section .date-radio span {
  position: relative;
  bottom: 3px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .need-to-change-date,
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .cant-change-date-error {
  color: #fb5f5f;
  margin-top: 20px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .need-to-change-date span,
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step1 .cant-change-date-error span {
  margin-right: 8px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step2 .card-detais {
  background-color: #ffffff;
  position: relative;
  top: -28px;
  padding-top: 26px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step2 .wizard-step-section.step2-message-section {
  padding-top: 0px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step2 .step2-title {
  margin-bottom: 30px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step2 .step2-message {
  color: #7d91a1;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step2 .step2-message .step2-message-title {
  padding-bottom: 18px;
  font-weight: bold;
  font-size: 16px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step2 .step2-message .step2-message-text {
  font-size: 14px;
  line-height: 24px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step3 {
  text-align: center;
  position: relative;
  padding: 15px;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step3 p {
  color: #7d91a1;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step3 hr {
  width: 36px;
  margin: 16px auto;
  border-top: 2px solid #4bc87d;
}
.not-capital-market .cs-spa-retail-content .credit-cards-change-date .change-date-step3 .process-timestamp {
  font-size: 2rem;
  font-family: 'Josefin Sans';
}
@media (max-width: 992px) {
  .radios-section {
    margin-right: 26px;
  }
  .radios-section .date-radio input[type="radio"]:checked:before {
    background-clip: content-box;
    background-color: #25cb92;
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    margin: 20% auto;
    border-radius: 50%;
  }
  .radios-section .date-radio input[type="radio"]:focus {
    outline: none;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizardHeader .account-combo {
    margin-right: 30px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content .change-date-step1 .charge-date-text {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizardManagerStepsArea {
    padding: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizardManagerStepsArea .stepBox .continueSection {
    margin-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .not-capital-market .cs-spa-retail-content .credit-card-item .dashboard-card-sum {
    font-size: 3.4rem;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizard-step-section .detail-title,
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizard-step-section .detail-value {
    font-size: 14px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .credit-card-item {
    height: 100%;
    width: 100%;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .credit-card-item .credit-card-number {
    font-size: 14px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .credit-card-item .credit-card-date {
    font-size: 14px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .continueSection .btnContinue {
    height: 36px !important;
    font-size: 14px !important;
  }
}
@media (max-width: 1023px) {
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date h2 {
    font-size: 20px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizard-step-section h2 {
    margin-bottom: 15px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizard-step-section .editPrevData {
    display: block;
    margin: 0;
    padding: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizard-step-section .step2-title {
    margin-bottom: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizard-step-section .process-summary {
    margin: 0;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .wizard-step-section .process-summary .process-summary-detail {
    margin-bottom: 10px;
  }
  .discountSME-modal-wizard .modal-dialog .popUpContent.wizard-section.cs-spa-retail-content.credit-cards-change-date .change-date-step3 p {
    font-size: 14px;
  }
}
.cardCodeRecovery .cardCodeRecoveryStep1 {
  margin-right: 64px;
  margin-left: 64px;
  margin-top: 35px;
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .title {
  margin: 10px auto;
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .title p {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .content {
  min-height: 250px;
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .content .cardsZone {
  min-height: 250px;
  color: white;
  float: right;
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .content .cardsZone .singleCard {
  height: 59px;
  width: 115.5px;
  box-sizing: border-box;
  border: 1px solid #4bc87d;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
  height: 149px;
  width: 267px;
  border-radius: 5px;
  padding-top: 12px;
  padding-right: 5px;
  margin: 5px 0px 5px 32px;
  background-image: linear-gradient(45deg, #76d25b -100%, #38d29f 100%);
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .content .cardsZone .singleCard #debitDateZone {
  margin-top: 30px;
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .content .cardsZone .singleCard #debitDateZone #NISTotalDebit {
  color: #6E7685;
  font-family: "josefin Sans";
  font-size: 20px;
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .content .cardsZone .singleCard:hover {
  color: #6E7685;
  background-color: #ffffff;
  height: 59px;
  width: 115.5px;
  box-sizing: border-box;
  border: 1px solid #4bc87d;
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
  height: 149px;
  width: 267px;
  border-radius: 5px;
  padding-top: 12px;
  padding-right: 5px;
  margin: 5px 0px 5px 32px;
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .content .cardsZone .singleCard:hover #debitDateZone {
  margin-top: 30px;
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .content .cardsZone .singleCard:hover #debitDateZone #NISTotalDebit {
  color: #6E7685;
  font-family: "josefin Sans";
  font-size: 20px;
  /*line-height: 58px;*/
}
.cardCodeRecovery .cardCodeRecoveryStep1 .header .content .cardsZone #CardName {
  color: #000000;
  margin-top: 10px;
  margin-right: 1px;
}
@media (max-width: 769px) {
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal.credit-card-restore-code-modal,
  .cs-spa-sme-content.discountBiz-modal-general.interactive-modal.credit-card-restore-code-modal {
    overflow: visible;
  }
  .cs-spa-retail-content.discountBiz-modal-general.interactive-modal.credit-card-restore-code-modal .card-code-recovery .btnClose,
  .cs-spa-sme-content.discountBiz-modal-general.interactive-modal.credit-card-restore-code-modal .card-code-recovery .btnClose {
    top: -28px;
    right: -18px;
    width: 5vw;
    float: none;
    height: 5vw;
    position: absolute;
  }
  .cs-spa-retail-content .credit-card-restore-code .wizard-step-section,
  .cs-spa-sme-content .credit-card-restore-code .wizard-step-section {
    padding-right: 10px;
  }
}
html[lang=he] .mafteahSavingPlanTooltip.cs-spa-retail-content.tooltipMoreInfo.left.tooltip .tooltip-inner {
  width: auto;
}
.credit-card-slider-wrapper.selection-mode .single-credit-card-box-wrapper {
  height: 137px;
}
.credit-card-slider-wrapper.selection-mode .general-slider {
  padding-top: 4px;
  align-items: flex-start;
}
.credit-card-slider-wrapper.selection-mode .general-slider .general-slider-content-wrapper .slider-dots-wrapper {
  display: none;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper {
  vertical-align: top;
  display: inline-block;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper {
  width: 181px !important;
  margin: 0 8px;
  position: relative;
  top: 5px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.light-green {
  width: 110px !important;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected {
  position: inherit;
  padding: 3px;
  box-shadow: 0 10px 16px 0 rgba(67, 96, 144, 0.24);
  border-radius: 6px;
  border: 2px solid;
  transform: scale(1.08);
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected.green {
  border-color: #4bc87d;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected.black {
  border-color: #4F545B;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected.blue {
  border-color: #0572B2;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected.gold {
  border-color: #B18E35;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected.purple {
  border-color: #5C29B5;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected.gray {
  border-color: #4F545B;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected.white {
  border-color: #A4B0B9;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected.light-green {
  border-color: #4bc87d;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected .debit-nis {
  font-weight: 500;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.selected .debit-nis .decimal_point {
  font-weight: 700;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box {
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  height: 100px;
  width: 100%;
  box-shadow: 0 10px 16px 0 rgba(67, 96, 144, 0.24);
  cursor: pointer;
  overflow: hidden;
  border-radius: 6px;
  color: #ffffff;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box .all-cards-button-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box .all-cards-button-wrapper .text {
  font-size: 14px;
  color: #4bc87d;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box .dot {
  width: 2px;
  height: 2px;
  border-radius: 100%;
  margin-right: 0;
  background: #ffffff;
  display: inline-block;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box.green {
  background: linear-gradient(90deg, #4BC87D 20%, #12AA54 100%);
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box.black {
  background: linear-gradient(90deg, #4F545B 0%, #1E2127 100%);
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box.blue {
  background: linear-gradient(90deg, #0572B2 0%, #18307D 100%);
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box.gold {
  background: linear-gradient(90deg, #CCA647 0%, #8C6118 80%);
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box.purple {
  background: linear-gradient(90deg, #5C29B5 0%, #4C6DD7 100%);
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box.gray {
  background: linear-gradient(90deg, #717477 40%, #b8bbbb 100%);
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box.light-green {
  background: #ffffff;
  display: table;
  text-align: center;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box.white {
  background-color: #ffffff;
  border: 1px solid #A4B0B9;
  border-radius: 6px;
  opacity: 0.6;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover {
  background: #ffffff !important;
  opacity: 1;
  color: #677b8a;
  border: 1px solid;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover .frozen-card-row {
  left: 0px;
  background-color: #677B8A !important;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover .frozen-card-row .text {
  padding-right: 5px;
  color: #ffffff;
  font-size: 10px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover .frozen-card-row.selected {
  position: relative;
  bottom: -13px;
  left: 21px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover svg #card-wrapper {
  fill: #677b8a;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover svg #Oval,
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover svg #Fill-1 {
  stroke: #677b8a;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover .key-icon-wrapper svg .key-icon-svg-wrapper {
  fill: #677b8a;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover.green {
  border-color: #4bc87d;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover.black {
  border-color: #4F545B;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover.blue {
  border-color: #0572B2;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover.gold {
  border-color: #B18E35;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover.purple {
  border-color: #5C29B5;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover.gray {
  border-color: #4F545B;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover.white {
  border-color: #A4B0B9;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover.light-green {
  border-color: #4bc87d;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover > div {
  opacity: 1;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box:hover .separator {
  border-left: 1px solid #677b8a;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-box.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .card-icon,
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .card-type-bg {
  pointer-events: none;
  position: relative;
  bottom: 0;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .card-icon {
  display: inline-block;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .card-type-bg {
  opacity: 0.2;
  left: 14px;
  bottom: 0;
  width: 109px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .card-type-bg.visa-card {
  left: -33px;
  bottom: -4px;
  width: 145px;
  opacity: 0.15;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .top-row .top-row-right-wrapper {
  display: inline-block;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .top-row .top-row-left-wrapper {
  float: left;
  position: relative;
  top: 1px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .top-row.flex-end {
  justify-content: flex-end;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-number {
  display: inline-block;
  direction: ltr;
  font-family: "Josefin Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: inherit;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-number span {
  top: auto;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-number .last-digits {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  margin-right: 1px;
  top: 0;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-number.card-logo-03 .last-digits {
  top: -5px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .credit-card-number .encrypted-dots .dots {
  position: relative;
  top: -3px;
  margin-left: 10px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .refund {
  font-size: 12px;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .debit-nis {
  font-size: 26px;
  font-weight: 300;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .debit-nis .decimal_point {
  font-size: 14px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .debit-nis .currency_symbol {
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .debit-nis .number-wrapper .integer {
  font-family: 'Rubik', sans-serif;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .debit-nis .refund {
  font-size: 14px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .foreign-currency-icon-wrapper {
  position: absolute;
  left: 8px;
  bottom: 5px;
  z-index: 1;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .foreign-currency-icon-wrapper .foreign-currency-icon {
  height: 14px;
  width: 14px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper {
  position: absolute;
  bottom: 2px;
  left: 10px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper .text {
  font-size: 12px;
  font-weight: 500;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper .btnHelp.small-help {
  width: 12px;
  height: 12px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper.is-cancelled {
  right: 10px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper.is-cancelled rc-tooltip .btnHelp {
  margin-right: 0;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper.frozen-card-row {
  border-radius: 0 0 4px 4px;
  bottom: 0px;
  width: 180px;
  height: 18px;
  left: 0px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper.frozen-card-row .text {
  padding-right: 5px ;
  font-family: 'Rubik', sans-serif;
  font-size: 11px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper.frozen-card-row.selected {
  left: -9px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper.frozen-card-row.selected .text {
  font-size: 10px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper.frozen-card-row.green {
  background-color: #61CC8F;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper.frozen-card-row.gold {
  background-color: #BD9C5F;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .more-info-wrapper.frozen-card-row.black {
  background-color: #676B6F;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .foreign-debit {
  bottom: 6px;
  position: relative;
  font-size: 12px;
  font-family: 'Rubik', sans-serif;
  font-weight: normal;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .foreign-debit .currency_symbol {
  font-family: 'Rubik', sans-serif;
  font-size: 10px;
  margin-right: 2px !important;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .foreign-debit .separator {
  border-left: 1px solid #ffffff;
  margin-right: 5px;
  margin-left: 2px;
  font-size: 10px;
  bottom: 1px;
  position: relative;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .key-icon-wrapper {
  height: 11px;
  width: 22px;
  margin-left: 3px;
  display: inline-block;
  position: relative;
  top: -1px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .key-icon-wrapper svg .key-icon-svg-wrapper {
  fill: #ffffff;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .debit-date-wrapper {
  display: inline-block;
  float: left;
  font-size: 12px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .debit-date-wrapper .debit-date-label {
  font-family: 'Rubik', sans-serif;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .additional-card-details {
  position: relative;
  top: 10px;
  right: 10px;
  font-size: 12px;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .additional-card-details .credit-name {
  line-height: 18px;
  font-weight: normal;
  color: #333a46;
  overflow: hidden;
  word-wrap: break-word;
  display: block;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .additional-card-details .normal-weight {
  font-weight: normal;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .additional-card-details .btnHelp {
  margin-right: 0;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .additional-card-details.selected .credit-name {
  font-weight: 500;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .additional-card-details.selected .info-actions {
  position: relative;
  bottom: 0;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper.cancelled .credit-card-box {
  color: #677b8a;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper.cancelled .separator {
  border-left: 1px solid #677b8a;
}
.credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper.cancelled .key-icon-wrapper svg .key-icon-svg-wrapper {
  fill: #677b8a;
}
@media print {
  .credit-card-slider-wrapper .general-slider-content-moving li {
    opacity: 1 !important;
  }
  .credit-card-slider-wrapper .general-slider-content-moving .credit-card-box {
    opacity: 1 !important;
    border-color: #A4B0B9 !important;
  }
}
#savePDF .credit-card-slider-wrapper .single-credit-card-box-wrapper,
#print .credit-card-slider-wrapper .single-credit-card-box-wrapper {
  border: none !important;
}
#savePDF .credit-card-slider-wrapper .single-credit-card-box-wrapper li,
#print .credit-card-slider-wrapper .single-credit-card-box-wrapper li {
  opacity: 1 !important;
}
#savePDF .credit-card-slider-wrapper .single-credit-card-box-wrapper .credit-card-box,
#print .credit-card-slider-wrapper .single-credit-card-box-wrapper .credit-card-box {
  opacity: 1 !important;
  border: 1px solid #A4B0B9 !important;
}
#savePDF .credit-card-slider-wrapper .single-credit-card-box-wrapper .credit-card-box svg #card-wrapper,
#print .credit-card-slider-wrapper .single-credit-card-box-wrapper .credit-card-box svg #card-wrapper {
  fill: #677b8a;
}
@media (max-width: 1023px) {
  .credit-card-slider-wrapper .credit-card-box-wrapper .single-credit-card-box-wrapper .single-credit-card-box-inner-wrapper.light-green {
    width: 181px !important;
  }
}
.cm-erp-file-management .file-settings-container .dynamic-list-wrapper .input-group,
.cm-erp-file-management .file-settings-container .dynamic-list-wrapper .input-wrap {
  width: 100%;
}
.cm-erp-file-management .file-settings-container .dynamic-list-wrapper .input-group .generalDropdown,
.cm-erp-file-management .file-settings-container .dynamic-list-wrapper .input-wrap .generalDropdown {
  width: 100%;
}
.dynamic-list-wrapper {
  padding-left: 30px;
}
.dynamic-list-wrapper .dynamic-inputs-wrap {
  border-radius: 4px;
}
.dynamic-list-wrapper .dynamic-inputs-wrap.edit-bg {
  background: #ebf2f8;
}
.dynamic-list-wrapper .operator-dropdown-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.dynamic-list-wrapper .operator-dropdown-wrap.with-delete-icon {
  width: calc(100% - 34px);
}
.dynamic-list-wrapper .operator-dropdown-wrap.with-delete-icon .generalDropdown .caretIcon {
  left: 4px;
  top: 17px;
}
.dynamic-list-wrapper .operator-dropdown-wrap.error-border {
  border: 1px solid #fb5f5f;
}
.dynamic-list-wrapper .operator-name {
  min-height: 15px;
  font-size: 12px;
  font-family: Rubik, sans-serif;
  font-weight: 400;
  line-height: 12px;
  padding-right: 9px;
  padding-top: 3px;
}
.dynamic-list-wrapper .operator-name.ltr {
  direction: ltr;
}
.dynamic-list-wrapper .input-data-wrap {
  display: inline-block;
  position: relative;
  border-radius: 4px;
  vertical-align: middle;
}
.dynamic-list-wrapper .input-data-wrap.with-delete-icon {
  width: calc(100% - 34px);
}
.dynamic-list-wrapper .input-data-wrap.error-border {
  border: 1px solid #fb5f5f;
}
.dynamic-list-wrapper .input-data-wrap .descriptionTooltip {
  padding-right: 9px;
}
.dynamic-list-wrapper .input-data-wrap .transcluded-element {
  float: right;
}
.dynamic-list-wrapper .input-wrapper.dynamic-input-wrapper {
  height: 25px;
}
.dynamic-list-wrapper .input-wrapper input.list-item-input {
  font-size: 16px;
  line-height: 19px;
  height: 20px;
  padding-right: 9px;
  padding-left: 9px;
  background: #ebf2f8;
  border-radius: 0;
}
.dynamic-list-wrapper .input-wrapper .list-item-input {
  width: 100%;
  border: none;
}
.dynamic-list-wrapper .remove-item-btn {
  position: relative;
  display: inline-block;
  width: 30px;
  top: -2px;
  padding-right: 3px;
  padding-left: 5px;
  line-height: 14px;
  border-right: 1px solid #d0d0d0;
  vertical-align: middle;
}
.dynamic-list-wrapper .add-item-wrapper {
  position: absolute;
  left: -15px;
  top: 7px;
}
.dynamic-list-wrapper .btn-group.dropdown.custom-dropdown .dropdown-menu.dropdownOperation {
  width: 125px;
}
.dynamic-list-wrapper .btn-group.dropdown.custom-dropdown.open .dropdown-menu.dropdownOperation {
  padding: 15px 0 25px 0;
}
.dynamic-list-wrapper .btn-group.dropdown.custom-dropdown .caretIcon {
  color: #92abbb;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper {
  padding: 25px 70px;
  text-align: center;
  max-width: 60rem;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .header-wrapper {
  padding: 0 1rem;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .header-wrapper .top-title {
  color: #5b77f5;
  font-size: 20px;
  padding: 0.5rem 0;
  font-weight: 600;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .header-wrapper .title-msg {
  font-size: 16px;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .companies-wrapper {
  margin: 20px 0;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .companies-wrapper .companies-title {
  color: #5b77f5;
  padding: 0.5rem 0;
  font-size: 16px;
  font-weight: 600;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .companies-wrapper .companies-msg {
  font-size: 16px;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .companies-wrapper .companies-list-wrapper .company-entry {
  font-size: 16px;
  padding-top: 0.3rem;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .terms-wrapper {
  padding: 10px;
  border: 1px solid #d3d9df;
  margin: 3rem 0;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .terms-wrapper .ngsb-container {
  padding: 0 15px;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .terms-wrapper .terms-title {
  color: #4e5664;
  padding-bottom: 1rem;
  font-size: 14px;
  font-weight: 600;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .terms-wrapper .terms-text-box {
  max-height: 150px;
  font-size: 13px;
  line-height: 1.5;
}
.bc-disclosure-popup .bc-disclosure-popup-wrapper .terms-wrapper .terms-text-box .green-link {
  display: inline;
}
@media (max-width: 767px) {
  .bc-disclosure-popup .bc-disclosure-popup-wrapper {
    max-width: 100%;
    padding: 45px 20px;
  }
  .bc-disclosure-popup .bc-disclosure-popup-wrapper .ngsb-container {
    overflow: scroll;
    height: 150px;
  }
}
.bc-dashboard-link-wrapper {
  display: inline-block;
}
.bc-dashboard-link-wrapper .header-icon {
  display: inline-block;
}
.bc-dashboard-link-wrapper .header-icon img {
  position: relative;
  top: -14px;
}
.bc-dashboard-link-wrapper .title {
  display: inline-block;
  font-size: 16px;
  padding-left: 5px;
}
.bc-dashboard-link-wrapper .green-link {
  display: inline-block;
  font-size: 16px;
}
@media (max-width: 768px) {
  .not-capital-market .cs-spa-retail-content .bc-dashboard-link-wrapper {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid {
  color: #3c3d3c;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .wizard-step-number-wrap {
  padding-top: 20px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .section-global-error {
  min-height: 550px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .section-global-error .message {
  font-size: 22px;
  line-height: 27px;
  padding-top: 50px;
  padding-bottom: 5px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .section-global-error .desc {
  font-size: 16px;
  line-height: 19px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .title-wrapper {
  align-items: baseline;
  margin-bottom: 15px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .title-wrapper.big-margin {
  margin-bottom: 25px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .title-wrapper .sub-title {
  font-weight: 500;
  font-size: 22px;
  color: #4bc87d;
  display: inline;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .title-wrapper .sub-title-desc {
  font-size: 16px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .wizard-content {
  padding: 60px 251px 20px 226px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 {
  padding: 0px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .full-width {
  width: 100%;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header {
  height: 70px;
  box-shadow: 0 5px 10px 0 rgba(67, 96, 144, 0.15);
  display: flex;
  align-items: center;
  position: relative;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper {
  width: 100%;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper {
  display: flex;
  align-items: center;
  padding: 0 100px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .meeting-wrapper-title {
  display: flex;
  align-items: center;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .meeting-wrapper-title img {
  padding-left: 10px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .meeting-wrapper-title .meetings-title {
  font-size: 18px;
  font-weight: 500;
  color: #3c3d3c;
  font-family: 'Rubik', sans-serif;
  width: 60px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper {
  padding-right: 10px;
  direction: ltr;
  width: 90%;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper .general-slider .slider-dots-wrapper {
  display: none;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper .general-slider .slider-btn-next,
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper .general-slider .slider-btn-prev {
  top: 0 !important;
  display: flex;
  align-items: center;
  height: 100%;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper .general-slider .general-slider-content-moving {
  padding: 0;
  margin: 0;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper .general-slider #schedule-meeting-slider {
  width: 703px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  line-height: 22px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper .general-slider #schedule-meeting-slider .meeting-detail .green-link {
  font-weight: normal;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper .general-slider #schedule-meeting-slider .cancel-meeting-button-wrapper button {
  box-sizing: border-box;
  border: 1px solid #3c3d3c;
  border-radius: 19px;
  background-color: #ffffff;
  height: 27px;
  width: 104px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper.no-meetings-wrapper {
  padding: 0px 251px 0px 226px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper.no-meetings-wrapper .meetings-title {
  width: auto;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .accessibility-icon {
  position: absolute;
  top: 29px;
  transform: translateY(-50%);
  height: 35px;
  width: 35px;
  padding-right: 6px;
  padding-top: 6px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(91, 119, 245, 0.45);
  left: 15px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .accessibility-icon img {
  height: auto;
  width: auto;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .schedule-type-wrapper .title-wrapper {
  align-items: baseline;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .schedule-type-wrapper .title-wrapper.display-flex .sub-title {
  padding-left: 10px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .schedule-type-wrapper .title-wrapper .sub-title {
  display: inline;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper {
  margin-bottom: 20px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #92abbb;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 11px 0 #ebebeb;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item:hover {
  opacity: 0.6;
  border: 1px solid #5A77F5;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item.selected {
  border: 2px solid #5A77F5;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item.selected .item-desc {
  font-size: 16px;
  font-weight: 500;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item.box-disabled {
  cursor: auto;
  pointer-events: none;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item.with-icon {
  height: 170px;
  text-align: right;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item.inline {
  flex-direction: row;
  padding: 0 10px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item.inline .item-desc {
  padding-top: 0;
  font-size: 14px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item.inline img {
  padding-left: 10px;
  height: auto;
  width: auto;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item img {
  pointer-events: none;
  height: 59px;
  width: 57px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item .item-desc {
  pointer-events: none;
  padding-top: 5px;
  font-size: 18px;
  color: #3c3d3c;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item .cube-hidden-input {
  position: absolute;
  opacity: 0;
  height: 0;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .service-details-wrapper {
  padding-top: 25px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .error-wrapper {
  font-size: 12px;
  color: #fb5f5f;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .msg-title {
  color: #6E7685;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .msg-title.msg-title-top {
  text-align: inherit;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .msg-title-top {
  margin-bottom: 18px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 {
  min-height: 700px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-appointment-autocomplete-field .p-autocomplete-input {
  border: 0;
  width: 100%;
  border: none;
  height: 40px;
  padding: 0 12px;
  font-size: 16px;
  border-radius: 20px;
  background-color: #ebf2f8;
  display: block;
  position: relative;
  text-align: right;
  font-family: 'Rubik', sans-serif;
  color: inherit;
  line-height: 28px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-appointment-autocomplete-field .select2-container.select2-container--open .selection {
  border-bottom: none;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-appointment-autocomplete-field .select2-container.select2-container--open .selection .select2-selection::after {
  background: none;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-appointment-autocomplete-field .select2-container .selection {
  border-radius: 20px;
  border: 1px solid #a4b2bd;
  background-color: #ffffff;
  padding-left: 30px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-appointment-autocomplete-field .select2-container .selection .select2-selection::after {
  background: url(media/images/search-green.c5b298869951eb36d9dd..png) no-repeat center;
  height: 20px;
  width: 20px;
  border: none;
  left: 10px;
  top: 12px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-appointment-autocomplete-field .select2-container .select2-results__options,
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-appointment-autocomplete-field .select2-container .p-autocomplete-items {
  border: 1px solid #a4b2bd;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-appointment-autocomplete-field .select2-container .select2-results__options .p-autocomplete-item,
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-appointment-autocomplete-field .select2-container .p-autocomplete-items .p-autocomplete-item {
  font-size: 14px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .message-main-wrapper {
  display: flex;
  align-items: center;
  color: #737D8A;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .message-main-wrapper .img-wrapper {
  padding-left: 10px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .branch-details {
  margin-top: 10px;
  font-weight: normal;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper {
  margin-top: 45px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper {
  margin: 0px 15px 10px;
  display: inline-block;
  position: relative;
  text-align: center;
  height: 70px;
  width: 65px;
  padding-top: 32px;
  line-height: 1;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper:hover {
  opacity: 0.6;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper.first-in-row {
  margin-right: 0px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper.last-in-row {
  margin-left: 0px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper .date {
  font-weight: 500;
  padding-bottom: 2px;
  font-size: 12px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper .day {
  font-size: 12px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper.selected {
  color: #5A77F5;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper.disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper {
  margin-top: 35px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .tabs {
  border-bottom: 1px solid #5A77F5;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .tabs ul li {
  box-sizing: content-box;
  border: 1px solid #a4b2bd;
  border-radius: 10px 10px 0 0;
  width: 140px;
  border-bottom: none;
  padding: 5px 0;
  margin-left: 5px;
  margin-bottom: -1px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .tabs ul li.active {
  border: 1px solid #5A77F5;
  border-bottom-color: #ffffff;
  color: #5A77F5;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .tabs ul li .wrapper-span span {
  font-weight: normal;
  border: none;
  padding: 0;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .appointment-time-item {
  display: flex;
  font-size: 16px;
  margin: 10px 0;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .appointment-time-item.left-border {
  border-left: 0.5px solid #a4b2bd;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .appointment-time-item.selected {
  color: #5A77F5;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .appointment-time-item .time {
  font-weight: 500;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .appointment-time-item .banker-name {
  padding-right: 10px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .show-more {
  display: block;
  text-align: left;
  font-weight: normal;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step3 .text-area-wrapper {
  margin-top: 50px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step3 .text-area-wrapper .comments-textarea {
  padding: 12px;
  border-radius: 16px;
  border: 1px solid #a4b2bd;
  box-sizing: border-box;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step3 .green-link {
  padding-top: 10px;
  font-weight: normal;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step4 .summary-list-wrapper .summary-list-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DAE9F2;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .icon-wrapper {
  margin: 25px 0;
  padding-right: 0px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-label-item {
  font-size: 16px;
  color: #3c3d3c;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-item-desc {
  white-space: pre-line;
  word-break: break-all;
  font-size: 14px;
  color: #3c3d3c;
  padding: 15px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step5 .wizard-content {
  padding-top: 10px;
  padding-bottom: 25px;
  text-align: center;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step5 .title {
  font-weight: bold;
  font-size: 20px;
  color: #4bc87d;
  margin-bottom: 15px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step5 .message {
  font-size: 14px;
  color: #6E7685;
  line-height: 23px;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step5 .separator {
  display: block;
  margin: 10px auto;
  width: 34px;
  height: 2px;
  background: #4bc87d;
}
.schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step5 .green-link {
  font-weight: normal;
}
.schedule-meeting-wizard .wizardManagerStepsArea #black-line {
  text-decoration: underline;
  line-height: 30px;
  color: black;
}
@media print {
  .schedule-meeting-step4 .summary-list-wrapper .summary-list-item {
    display: flex;
    align-items: center;
  }
  .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .icon-wrapper {
    padding-right: 0px;
  }
  .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-label-item {
    font-size: 16px;
  }
  .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-item-desc {
    word-break: break-all;
    font-size: 14px;
  }
  .hide-in-print {
    display: none !important;
  }
}
#print .schedule-meeting-step4 .summary-list-wrapper .summary-list-item,
#savePDF .schedule-meeting-step4 .summary-list-wrapper .summary-list-item {
  display: flex;
  align-items: center;
}
#print .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .icon-wrapper,
#savePDF .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .icon-wrapper {
  padding-right: 0px;
}
#print .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-label-item,
#savePDF .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-label-item {
  font-size: 16px;
}
#print .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-item-desc,
#savePDF .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-item-desc {
  word-break: break-all;
  font-size: 14px;
}
#print .hide-in-print,
#savePDF .hide-in-print {
  display: none !important;
}
.cancel-meeting-main-wrapper,
.contact-us-main-wrapper,
.no-available-meeting-main-wrapper,
.action-in-site-main-wrapper {
  padding: 40px;
  width: 580px;
  text-align: center;
}
.cancel-meeting-main-wrapper .popup-title,
.contact-us-main-wrapper .popup-title,
.no-available-meeting-main-wrapper .popup-title,
.action-in-site-main-wrapper .popup-title {
  padding-top: 15px;
  font-size: 20px;
  color: #4bc87d;
  font-weight: 500;
}
.cancel-meeting-main-wrapper .popup-title.second,
.contact-us-main-wrapper .popup-title.second,
.no-available-meeting-main-wrapper .popup-title.second,
.action-in-site-main-wrapper .popup-title.second {
  margin-top: 20px;
}
.cancel-meeting-main-wrapper .popup-title.big-margin,
.contact-us-main-wrapper .popup-title.big-margin,
.no-available-meeting-main-wrapper .popup-title.big-margin,
.action-in-site-main-wrapper .popup-title.big-margin {
  margin-bottom: 20px;
}
.cancel-meeting-main-wrapper .popup-sub-title,
.contact-us-main-wrapper .popup-sub-title,
.no-available-meeting-main-wrapper .popup-sub-title,
.action-in-site-main-wrapper .popup-sub-title {
  font-size: 16px;
  line-height: 26px;
}
.cancel-meeting-main-wrapper .bold,
.contact-us-main-wrapper .bold,
.no-available-meeting-main-wrapper .bold,
.action-in-site-main-wrapper .bold {
  font-weight: 500;
}
.cancel-meeting-main-wrapper .services-type,
.contact-us-main-wrapper .services-type,
.no-available-meeting-main-wrapper .services-type,
.action-in-site-main-wrapper .services-type {
  display: flex;
  padding-top: 45px;
}
.cancel-meeting-main-wrapper .services-type .chat-with-banker,
.contact-us-main-wrapper .services-type .chat-with-banker,
.no-available-meeting-main-wrapper .services-type .chat-with-banker,
.action-in-site-main-wrapper .services-type .chat-with-banker {
  border-left: 0.5px solid #d7dde2;
}
.cancel-meeting-main-wrapper .services-type .service-label,
.contact-us-main-wrapper .services-type .service-label,
.no-available-meeting-main-wrapper .services-type .service-label,
.action-in-site-main-wrapper .services-type .service-label {
  font-size: 16px;
  display: block;
  font-weight: 500;
  padding: 10px 0 5px;
}
.cancel-meeting-main-wrapper .services-type .service-time,
.contact-us-main-wrapper .services-type .service-time,
.no-available-meeting-main-wrapper .services-type .service-time,
.action-in-site-main-wrapper .services-type .service-time,
.cancel-meeting-main-wrapper .services-type .service-desc,
.contact-us-main-wrapper .services-type .service-desc,
.no-available-meeting-main-wrapper .services-type .service-desc,
.action-in-site-main-wrapper .services-type .service-desc {
  font-size: 14px;
  line-height: 21px;
}
.cancel-meeting-main-wrapper .img-wrapper,
.contact-us-main-wrapper .img-wrapper,
.no-available-meeting-main-wrapper .img-wrapper,
.action-in-site-main-wrapper .img-wrapper {
  padding-top: 15px;
}
.cancel-meeting-main-wrapper .button-wrapper,
.contact-us-main-wrapper .button-wrapper,
.no-available-meeting-main-wrapper .button-wrapper,
.action-in-site-main-wrapper .button-wrapper {
  padding-top: 30px;
}
.cancel-meeting-main-wrapper .button-wrapper .btn,
.contact-us-main-wrapper .button-wrapper .btn,
.no-available-meeting-main-wrapper .button-wrapper .btn,
.action-in-site-main-wrapper .button-wrapper .btn {
  width: 140px;
}
.cancel-meeting-main-wrapper .branch-details,
.contact-us-main-wrapper .branch-details,
.no-available-meeting-main-wrapper .branch-details,
.action-in-site-main-wrapper .branch-details,
.cancel-meeting-main-wrapper .service-details,
.contact-us-main-wrapper .service-details,
.no-available-meeting-main-wrapper .service-details,
.action-in-site-main-wrapper .service-details,
.cancel-meeting-main-wrapper .appointment-details,
.contact-us-main-wrapper .appointment-details,
.no-available-meeting-main-wrapper .appointment-details,
.action-in-site-main-wrapper .appointment-details {
  padding-top: 15px;
  line-height: 27px;
}
@media (max-width: 1024px) {
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .wizard-step-number-wrap {
    padding-top: 20px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .title-wrapper {
    display: block;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .title-wrapper.big-margin {
    margin-bottom: 25px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .title-wrapper .sub-title {
    font-size: 20px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .title-wrapper .sub-title-desc {
    font-size: 16px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .wizard-content {
    padding: 25px 20px 0;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header {
    height: auto;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper {
    display: block;
    padding: 0px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .meeting-wrapper-title {
    height: 60px;
    align-items: center;
    padding-right: 80px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .meeting-wrapper-title.no-padding {
    padding: 0;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .meeting-wrapper-title .toggle-icon {
    padding-right: 10px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .meeting-wrapper-title .meetings-title {
    width: auto;
    font-size: 16px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper {
    padding: 0;
    width: 100%;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper .general-slider #schedule-meeting-slider {
    display: block;
    padding: 0 20px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper .slider-wrapper .general-slider #schedule-meeting-slider .cancel-meeting-button-wrapper {
    padding-bottom: 10px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .step-header .header-title-wrapper .meetings-wrapper.no-meetings-wrapper {
    display: flex;
    justify-content: center;
    padding: 0;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .schedule-type-wrapper .title-wrapper {
    display: block;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .schedule-type-wrapper .title-wrapper .sub-title {
    padding: 0;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item.with-icon {
    height: 60px;
    flex-direction: row;
    justify-content: normal;
    padding: 0 60px;
    margin-bottom: 20px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item.inline img {
    height: 10px;
    width: auto;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item img {
    padding-left: 15px;
    height: 40px;
    width: auto;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .selected-box-wrapper .box-item-wrapper .box-item .item-desc {
    font-size: 14px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step1 #schedule-meeting-wizard-step1 .wizard-inner-content .wizard-content .service-details-wrapper {
    padding-top: 20px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 {
    min-height: auto;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .step2-loader-div {
    min-height: 400px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper {
    margin-top: 40px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper {
    margin: 0px 7px 10px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-branch-empty {
    min-height: 300px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper {
    margin-top: 30px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .tabs ul li {
    padding: 0;
    width: 115px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .tabs ul li .wrapper-span img {
    width: 15px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .appointment-time-item {
    font-size: 14px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-time-wrapper .appointment-time-item.left-border {
    border: none;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step3 .text-area-wrapper .comments-textarea {
    width: 100%;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .icon-wrapper {
    padding-right: 0;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-label-item-wrapper {
    padding-right: 0;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step4 .summary-list-wrapper .summary-list-item .summary-item-desc {
    padding: 15px 0;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step5 .wizard-content {
    padding-top: 30px;
  }
  .cancel-meeting-main-wrapper,
  .contact-us-main-wrapper,
  .no-available-meeting-main-wrapper,
  .action-in-site-main-wrapper {
    width: 100%;
  }
  .cancel-meeting-main-wrapper .button-wrapper,
  .contact-us-main-wrapper .button-wrapper,
  .no-available-meeting-main-wrapper .button-wrapper,
  .action-in-site-main-wrapper .button-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .cancel-meeting-main-wrapper .button-wrapper .btn,
  .contact-us-main-wrapper .button-wrapper .btn,
  .no-available-meeting-main-wrapper .button-wrapper .btn,
  .action-in-site-main-wrapper .button-wrapper .btn {
    margin: 0;
    width: 48%;
  }
  .cancel-meeting-main-wrapper .button-wrapper .btn.full-width,
  .contact-us-main-wrapper .button-wrapper .btn.full-width,
  .no-available-meeting-main-wrapper .button-wrapper .btn.full-width,
  .action-in-site-main-wrapper .button-wrapper .btn.full-width {
    width: 100%;
  }
}
@media (max-width: 1024px) and (max-width: 372px) {
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper {
    margin: 0px 3px 0px;
    width: 58px;
    padding-top: 29px;
  }
  .schedule-meeting-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .schedule-meeting-step2 .wizard-step-section .select-date-wrapper .meeting-date-wrapper img {
    width: 100%;
  }
}
.cs-spa-retail-content.sidebar-modal .loansPredictionsTab.modal-content-proper {
  width: 1100px !important;
}
.FUTURE_PAYMENTS .cs-spa-retail-content.sidebar-modal .loansPredictionsTab.modal-content-proper {
  width: 780px !important;
}
.cs-spa-retail-content.sidebar-modal .loansPredictionsTab .content-side {
  width: 845px !important;
}
.loans-predictions-tab .rc-table .rc-table-body .rc-table-row.dexia-summary-row,
.loans-predictions-tab .rc-table .rc-table-footer .rc-table-row.dexia-summary-row {
  background-color: #ebf2f8;
  cursor: auto;
}
.loans-predictions-tab .rc-table .rc-table-body .rc-table-row.dexia-payment-table-footer-row,
.loans-predictions-tab .rc-table .rc-table-footer .rc-table-row.dexia-payment-table-footer-row {
  border-top-width: 2px;
}
.loans-predictions-tab .rc-table .rc-table-body .rc-table-row.dexia-payment-table-footer-row .rc-table-td,
.loans-predictions-tab .rc-table .rc-table-footer .rc-table-row.dexia-payment-table-footer-row .rc-table-td {
  font-size: 15px;
}
@media (max-width: 768px) {
  .loans-predictions-tab .dexia-header {
    height: 93px;
    flex-direction: column;
  }
  .loans-predictions-tab .dexia-header .paymentSource {
    margin-top: 5px;
  }
}
.dexiaDayTableExpand.table-wrapper {
  margin-top: 20px;
}
.dexiaDayTableExpand.table-wrapper .table-header {
  width: 100%;
  border-bottom: 1px solid #ebf0f3;
  height: 45px;
  display: flex;
  padding-right: 12px;
}
.dexiaDayTableExpand.table-wrapper .table-row {
  display: flex;
  min-height: 45px;
  height: 40px;
  border-bottom: 1px solid #ebf0f3;
  padding-right: 10px;
  font-family: 'Rubik', sans-serif;
}
.dexiaDayTableExpand.table-wrapper .table-row .ellipsis-cell.hide-in-print {
  text-align: left;
}
.dexiaDayTableExpand.table-wrapper .dexiaRowExpandWrapper {
  position: relative;
}
.dexiaDayTableExpand.table-wrapper .dexiaRowExpandWrapper .dexiaRowExpand {
  height: 60px;
  box-shadow: inset 0 -2px 0 0 #4bc87d, 0 0 16px 0 rgba(81, 144, 182, 0.2);
  margin-right: -6px;
  margin-top: -2px;
  padding-right: 12px;
}
.dexiaDayTableExpand.table-wrapper .dexiaRowExpandWrapper .dexiaRowExpand .row-expand-title {
  line-height: 22px;
  padding-top: 5px;
  display: flex;
}
.dexiaDayTableExpand.table-wrapper .dexiaRowExpandWrapper .dexiaRowExpand .cell-expand {
  display: flex;
  font-weight: 500;
}
.dexiaDayTableExpand.table-wrapper .dexiaRowExpandWrapper:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  top: -4px;
  right: 13px;
  background: white;
  transform: rotate(45deg);
}
#print .loans-predictions-tab .hide-in-print,
#savePDF .loans-predictions-tab .hide-in-print {
  display: none !important;
}
#print .dexiaDayTableExpand,
#savePDF .dexiaDayTableExpand {
  padding-left: 20px;
}
#print .dexiaDayTableExpand .table-row,
#savePDF .dexiaDayTableExpand .table-row,
#print .dexiaDayTableExpand .table-header,
#savePDF .dexiaDayTableExpand .table-header {
  border-right: 1px solid black;
  border-bottom-color: black;
  text-align: center;
  padding-right: unset;
}
#print .dexiaDayTableExpand .table-row .ellipsis-cell,
#savePDF .dexiaDayTableExpand .table-row .ellipsis-cell,
#print .dexiaDayTableExpand .table-header .ellipsis-cell,
#savePDF .dexiaDayTableExpand .table-header .ellipsis-cell {
  word-break: break-all;
  padding-left: 5px;
}
#print .dexiaDayTableExpand .hide-in-print,
#savePDF .dexiaDayTableExpand .hide-in-print {
  display: none !important;
}
#print .dexiaDayTableExpand .show-in-print,
#savePDF .dexiaDayTableExpand .show-in-print {
  display: block !important;
}
#print .dexiaDayTableExpand .header-title,
#savePDF .dexiaDayTableExpand .header-title,
#print .dexiaDayTableExpand .ellipsis-cell,
#savePDF .dexiaDayTableExpand .ellipsis-cell {
  width: 9%;
  overflow-wrap: break-word;
  min-height: 45px;
  border-left: 1px solid black;
  vertical-align: middle;
  align-items: center;
  font-size: 11px;
  word-break: break-word;
}
#print .dexiaDayTableExpand .header-title.first-cell,
#savePDF .dexiaDayTableExpand .header-title.first-cell,
#print .dexiaDayTableExpand .ellipsis-cell.first-cell,
#savePDF .dexiaDayTableExpand .ellipsis-cell.first-cell {
  width: 15% !important;
}
#print .dexiaDayTableExpand .header-title.expand-size,
#savePDF .dexiaDayTableExpand .header-title.expand-size,
#print .dexiaDayTableExpand .ellipsis-cell.expand-size,
#savePDF .dexiaDayTableExpand .ellipsis-cell.expand-size {
  width: 11% !important;
}
#print .dexiaDayTableExpand .header-title.print-cell-in-dexia-expand,
#savePDF .dexiaDayTableExpand .header-title.print-cell-in-dexia-expand,
#print .dexiaDayTableExpand .ellipsis-cell.print-cell-in-dexia-expand,
#savePDF .dexiaDayTableExpand .ellipsis-cell.print-cell-in-dexia-expand {
  width: 11% !important;
}
#print .dexiaDayTableExpand .header-title:first-of-type,
#savePDF .dexiaDayTableExpand .header-title:first-of-type,
#print .dexiaDayTableExpand .ellipsis-cell:first-of-type,
#savePDF .dexiaDayTableExpand .ellipsis-cell:first-of-type {
  width: 10%;
}
#print .dexiaDayTableExpand .descriptionTooltip,
#savePDF .dexiaDayTableExpand .descriptionTooltip {
  font-size: 11px !important;
  overflow-wrap: break-word;
  vertical-align: middle;
  align-items: center;
  word-break: break-word;
}
#popUpWizard.early-repayment-wizard .content {
  padding: 50px 186px 0;
  position: relative;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .widget-main-title {
  font-size: 18px;
  font-weight: bold;
  color: #4bc87d;
  margin-bottom: 36px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper {
  border: 1px solid #c6ddeb;
  margin: 9px 0;
  padding: 15px 25px 10px;
  border-radius: 10px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .loan-name-wrapper {
  color: #4a4a4a;
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: bold;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell {
  display: table-cell;
  width: 150px;
  padding: 0px 25px;
  border-left: 1px solid rgba(146, 171, 187, 0.6);
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.next-payment {
  padding-left: 0px;
  border: none;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.loan-balance {
  padding-right: 0px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.loan-amount-cell {
  width: 255px;
  padding: 0px;
  border: none;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-title,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .title {
  font-size: 14px;
  color: #4a4a4a;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value {
  display: block;
  color: #4a4a4a;
  font-size: 18px;
  margin-top: 5px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value .number .number-wrapper,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value .number .number-wrapper {
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value .number .currency_symbol,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value .number .currency_symbol {
  font-size: 12px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value.loan-number,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value.loan-number {
  margin-top: 0px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value.loan-number .number,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value.loan-number .number {
  line-height: 31px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value.loan-number .number .number-wrapper,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value.loan-number .number .number-wrapper {
  font-family: 'Rubik', sans-serif;
  font-size: 26px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value.loan-number .number .currency_symbol,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value.loan-number .number .currency_symbol {
  font-size: 14px;
  color: #333a46;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value.loan-balance-value,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value.loan-balance-value {
  display: flex;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value .total-balance-ils,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value .total-balance-ils {
  display: inline-block;
  padding-right: 5px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value .generalTable,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .value .generalTable {
  box-shadow: none;
  background: none;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.rate-table-cell {
  width: 180px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell:last-child {
  width: 150px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper.selected-line,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper:hover {
  cursor: default;
  box-shadow: none;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper.selected-line .loan-name-wrapper,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper:hover .loan-name-wrapper {
  font-size: 18px;
  color: #4bc87d;
  font-weight: bold;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .note {
  margin-top: 40px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .note .note-title {
  font-weight: bold;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .no-loans {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  margin-top: 50px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .no-loans span {
  margin-top: 20px;
  font-size: 16px;
  color: #333a46;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content {
  padding-right: 120px;
  padding-left: 40px;
  padding-top: 20px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .wizard-components-style {
  padding: 0px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .summary-gagula-wrapper {
  max-width: 170px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .links {
  margin-bottom: 5px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .links a {
  padding-right: 15px;
  padding-left: 15px;
  border-right: 1px solid rgba(146, 171, 187, 0.6);
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .links a:first-child {
  padding-right: 0px;
  border-right: none;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .more-info {
  color: #4a4a4a;
  margin-bottom: 50px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .inner-wiz-title {
  margin: 0 0 45px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column {
  min-height: auto;
  border-right: 1px solid rgba(146, 171, 187, 0.6);
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column:first-child {
  border-right: none;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column .summery-wiz-row .summary-wiz-title {
  color: #4a4a4a;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column .summery-wiz-row .summary-wiz-value {
  color: #4a4a4a;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .text-value .number .currency_symbol,
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .text-value .number .percent {
  font-size: 12px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .text-value .number .number-wrapper {
  font-family: 'Rubik', sans-serif;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .text-value .number .number-wrapper .integer {
  font-size: 18px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .text-value .number .number-wrapper .decimal_point {
  font-size: 18px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summery-wiz-row {
  max-width: 320px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-gagula-wrapper {
  color: #4e5664;
  max-width: 250px;
  border-right: 1px solid rgba(146, 171, 187, 0.6);
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-gagula-wrapper .gagula-title {
  color: #4a4a4a;
  margin-bottom: 3px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep3 .transaction-finish-step .wizard-inner-content {
  padding: 0px 20px 20px 30px;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep3 .transaction-finish-step .wizard-inner-content .operation-title {
  color: #4a4a4a;
  font-family: 'Rubik', sans-serif;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep3 .transaction-finish-step .wizard-inner-content .operation-value {
  color: #4a4a4a;
  font-size: 18px;
  font-family: 'Rubik', sans-serif;
}
#popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .widget-main-title {
  font-size: 20px;
  font-weight: bold;
  color: #4bc87d;
}
@media (min-width: 770px) {
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper.selected-line,
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper:hover {
    cursor: pointer;
    border: 1px solid #4bc87d;
    box-shadow: 0 0 15px 0 rgba(75, 200, 125, 0.3);
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper.selected-line .loan-name-wrapper,
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper:hover .loan-name-wrapper {
    color: #4bc87d;
    font-weight: bold;
  }
}
@media (max-width: 576px) {
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .widget-main-title {
    font-size: 18px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .sub-title {
    font-size: 16px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-deposits .table-deposits-line .cell-title,
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-deposits .table-deposits-line .title {
    font-size: 16px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-deposits .table-deposits-line .cell-value,
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-deposits .table-deposits-line .value {
    font-size: 16px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .deposit-name-wrapper > span {
    font-size: 18px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-deposits .table-line-wrapper {
    padding: 10px 20px;
  }
}
@media (max-width: 992px) {
  #popUpWizard.early-repayment-wizard .content {
    padding: 10px 15px 0;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .widget-main-title {
    font-size: 18px;
    margin-bottom: 22px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper {
    margin-bottom: 11px;
    margin-top: 0px;
    padding: 15px 20px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper:last-child {
    margin-bottom: 17px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper.selected-line,
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper:hover {
    border: 1px solid #4bc87d;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper.selected-line .loan-name-wrapper,
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper:hover .loan-name-wrapper {
    font-size: 16px;
    color: #4bc87d;
    font-weight: bold;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .loan-name-wrapper {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 500;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line {
    border: none;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell {
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0px;
    margin-top: 11px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.loan-amount-cell {
    margin-top: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(146, 171, 187, 0.6);
    width: 100%;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.loan-amount-cell .cell-title {
    font-size: 16px;
    font-weight: 500;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.loan-amount-cell .cell-value {
    font-size: 16px;
    font-weight: 500;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.loan-amount-cell .cell-value .number {
    font-size: 16px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.loan-amount-cell .cell-value .number .number-wrapper {
    font-size: 16px;
    font-weight: 500;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell.loan-amount-cell .cell-value .number .currency_symbol {
    font-size: 12px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-title {
    font-size: 14px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value {
    text-align: left;
    font-size: 14px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value .number .number-wrapper {
    font-size: 14px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .cell-value .number .currency_symbol {
    font-size: 12px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell .total-balance-ils {
    display: inline-block;
    padding-right: 5px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .table-line-wrapper .table-loans-line .table-cell:last-child {
    width: 100%;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .note {
    margin-top: 0px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep1 .early-repayment-loans .note .note-title {
    font-size: 16px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .wizard-components-style {
    padding: 0px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-gagula-wrapper {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 15px;
    padding-left: 35px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-gagula-wrapper .gagula-content .gagola-line {
    color: #4a4a4a;
    font-weight: 500;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .links {
    margin-bottom: 5px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .links a {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    border-right: none;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .more-info {
    font-size: 12px;
    margin-bottom: 40px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .inner-wiz-title {
    padding-left: 15px;
    margin: 0px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column {
    min-height: auto;
    width: 100%;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column .summery-wiz-row {
    width: 100%;
    max-width: 100%;
    padding-left: 15px !important;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column .summery-wiz-row .summary-wiz-value {
    font-weight: 500;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column .summery-wiz-row.with-tooltip {
    padding-left: 0px !important;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column .summery-wiz-row .btnHelp.small-help {
    margin-right: 0px !important;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .summary-wiz-column .summery-wiz-row .summary-wiz-title {
    font-weight: normal;
    color: #4a4a4a;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .text-value .number .currency_symbol,
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .text-value .number .percent {
    font-weight: 500;
    font-size: 12px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .text-value .number .number-wrapper .integer {
    font-weight: 500;
    font-size: 14px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep2 .content .step2-content .text-value .number .number-wrapper .decimal_point {
    font-weight: 500;
    font-size: 14px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep3 .wizard-inner-content {
    padding: 0px 20px 20px 30px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep3 .wizard-inner-content .operation-box .operation-value {
    font-size: 14px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep3 .wizard-inner-content .operation-box .time-value {
    font-size: 16px;
    font-weight: 500;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep3 .links {
    margin-bottom: 20px;
  }
  #popUpWizard.early-repayment-wizard .earlyRepaymentStep3 .links a {
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    border-right: none;
  }
}
#print .earlyRepaymentStep2 .summery-wiz-row,
#savePDF .earlyRepaymentStep2 .summery-wiz-row {
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .cs-spa-retail-content.cc-actions-popup .interactive-modal {
    width: 97%!important;
  }
  .cs-spa-retail-content.cc-actions-popup .actions-table-scroll {
    max-height: initial!important;
  }
  .cs-spa-retail-content.cc-actions-popup .btnClose {
    color: #000000;
  }
  .cs-spa-retail-content.cc-actions-popup .attention-div {
    margin-top: 15px;
  }
  .cs-spa-retail-content.cc-actions-popup .action-popup-padding {
    padding: 15px 10px 15px 0!important;
  }
  .cs-spa-retail-content.cc-actions-popup .sub-title {
    margin-top: 10px;
  }
  .cs-spa-retail-content.cc-actions-popup .sub-title-success {
    margin-top: 50px;
  }
  .cs-spa-retail-content.cc-actions-popup .green-bullet-icon {
    vertical-align: baseline!important;
  }
  .cs-spa-retail-content.cc-actions-popup .accPermissions {
    margin: 10px 0!important;
  }
  .cs-spa-retail-content.cc-actions-popup .bullet-text {
    width: 90%!important;
  }
  .cs-spa-retail-content.cc-actions-popup .cc-checkbox-div {
    margin-right: 8px!important;
  }
  .cs-spa-retail-content.cc-actions-popup .cc-checkbox-div .check-box-input {
    display: inline-block;
    margin-right: 5px!important;
  }
  .cs-spa-retail-content.cc-actions-popup .cc-checkbox-div .checkbox-text {
    max-width: 80%!important;
  }
  .cs-spa-retail-content.cc-actions-popup .success {
    margin-top: 50px;
  }
  .cs-spa-retail-content.cc-actions-popup .message-popup-buttons .general-btn-action,
  .cs-spa-retail-content.cc-actions-popup .message-popup-buttons .normal-btn-action {
    font-size: 14px;
  }
}
@media (width: 768px) {
  .cs-spa-retail-content.cc-actions-popup .general-btn-action,
  .cs-spa-retail-content.cc-actions-popup .normal-btn-action {
    height: 50px!important;
    width: 160px!important;
    font-weight: 300!important;
    font-size: 16px!important;
  }
  .cs-spa-retail-content.cc-actions-popup .general-btn {
    height: 50px!important;
    width: 160px!important;
    font-weight: 300!important;
    font-size: 16px!important;
  }
  .cs-spa-retail-content.cc-actions-popup .message-popup-buttons button {
    margin-right: 30px!important;
  }
  .cs-spa-retail-content.cc-actions-popup .actions-table-scroll {
    max-height: initial!important;
  }
  .cs-spa-retail-content.cc-actions-popup .sub-title-success {
    margin-top: 80px;
    margin-right: 20px;
    font-size: 18px;
  }
}
@media print {
  .sub-title {
    margin-top: 15px;
  }
  .accTitle {
    margin-top: 15px;
  }
  .accPermissions-print-margin-bottom {
    margin-bottom: 15px;
  }
}
#savePDF .title-div {
  margin: 25px 5px;
}
#savePDF .sub-title {
  margin-top: 20px;
}
#savePDF .accTitle {
  margin-top: 15px;
}
#savePDF .accPermissions-print-margin-bottom {
  margin-bottom: 15px;
}
.cs-spa-retail-content.cc-actions-popup {
  min-width: 300px;
}
.cs-spa-retail-content.cc-actions-popup .action-popup-padding {
  padding: 35px;
}
.cs-spa-retail-content.cc-actions-popup .title {
  font-size: 20px;
  color: #4bc87d;
}
.cs-spa-retail-content.cc-actions-popup .sub-title {
  font-size: 16px;
  margin-top: 10px;
}
.cs-spa-retail-content.cc-actions-popup .accPermissions {
  margin: 10px;
}
.cs-spa-retail-content.cc-actions-popup .accTitleGreen {
  font-size: 16px;
  color: #4bc87d;
  font-weight: 500;
  margin-right: 0;
  margin-top: 10px;
}
.cs-spa-retail-content.cc-actions-popup .accTitleBlack {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  margin-right: 0;
  margin-top: 10px;
}
.cs-spa-retail-content.cc-actions-popup .noBorderBottom {
  border-bottom: none;
}
.cs-spa-retail-content.cc-actions-popup .message-popup-buttons {
  text-align: center;
  margin-top: 20px;
}
.cs-spa-retail-content.cc-actions-popup .message-popup-buttons .general-btn-action,
.cs-spa-retail-content.cc-actions-popup .message-popup-buttons .normal-btn-action {
  width: 100px;
}
.cs-spa-retail-content.cc-actions-popup .cc-checkbox-div {
  margin-right: -15px;
}
.cs-spa-retail-content.cc-actions-popup .cc-checkbox-div .check-box-input {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
.cs-spa-retail-content.cc-actions-popup .cc-checkbox-div .error-msg {
  color: #fb5f5f;
}
.cs-spa-retail-content.cc-actions-popup .cc-checkbox-div .checkbox-text {
  display: inline-block;
  max-width: 95%;
  margin-right: 5px;
  font-size: 14px;
  line-height: 1.3;
}
.cs-spa-retail-content.cc-actions-popup .checkbox-visual {
  top: 3px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  background: #cde2ea;
}
.cs-spa-retail-content.cc-actions-popup .customer-consents-icon {
  margin-left: 15px;
}
.cs-spa-retail-content.cc-actions-popup .links-div {
  border-top: 1px solid #ebf0f3;
  padding-top: 15px;
}
.cs-spa-retail-content.cc-actions-popup .gray-speratior {
  color: #eef1f3;
  margin: 0 10px;
}
.cs-spa-retail-content.cc-actions-popup .green-bullet-icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #4bc872;
  margin-left: 8px;
  vertical-align: middle;
}
.cs-spa-retail-content.cc-actions-popup .bullet-text {
  display: inline-block;
  font-size: 14px;
  line-height: 25px;
  vertical-align: top;
  width: 95%;
}
.cs-spa-retail-content.cc-actions-popup .error-text {
  color: #e25c5c;
  line-height: 1.3;
}
.cs-spa-retail-content.cc-actions-popup .attention-title {
  size: 14px;
  line-height: 25px;
  color: #4E5562;
  font-weight: 500;
  margin-top: 10px;
}
.cs-spa-retail-content.cc-actions-popup .ngsb-wrap .ngsb-scrollbar {
  right: -20px;
}
.cs-spa-retail-content.cc-actions-popup .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {
  width: 4px;
}
.cs-spa-retail-content.cc-actions-popup .actions-table-scroll {
  width: auto;
  max-height: 300px;
}
.cs-spa-retail-content.cc-actions-popup .actions-table-scroll .owner-name-width {
  width: 35%;
}
.cs-spa-retail-content.cc-actions-popup .actions-table-scroll .green-link-cell {
  text-decoration: underline;
  color: #4bc87d;
  cursor: pointer;
}
.cs-spa-retail-content.cc-actions-popup .green-link-cell {
  text-decoration: underline;
  color: #4bc87d;
  cursor: pointer;
}
.cs-spa-retail-content.cc-actions-popup .action-buttons-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
}
.cs-spa-retail-content.cc-actions-popup .action-buttons-wrapper .menuList {
  box-shadow: none;
  line-height: 47px;
  text-align: center;
  transform: none;
}
.cs-spa-retail-content.cc-actions-popup .action-buttons-wrapper .menuList .menu-item {
  margin: 0;
}
.cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-success.interactive-modal .modal-content,
.cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-error.interactive-modal .modal-content {
  width: 330px;
}
#third-part-content .btn-green-link {
  -webkit-appearance: none;
  border: 0;
  color: #4bc87d;
  border-bottom: 1px solid #4bc87d;
  font-size: 14px;
  line-height: 16px;
}
#third-part-content .third-part-inner-content {
  margin-bottom: 15px;
  background-color: white;
}
#third-part-content .third-part-inner-content:not(:first-child) {
  margin-top: 15px;
}
#third-part-content .third-part-inner-content .jointOwnerTable {
  width: 100%;
}
#third-part-content .third-part-inner-content .jointOwnerTable .top-title {
  margin-top: 5px;
}
#third-part-content .third-part-inner-content .tableViewSwitch .switchHalf {
  min-width: 125px;
}
#third-part-content .third-part-inner-content .customer-consents-part .jointOwnerTable {
  padding: 5px;
}
#third-part-content .third-part-inner-content .customer-consents-part .tooltipTable .tooltip-inner {
  padding: 1px;
  max-width: 330px;
  min-height: 200px;
  height: auto;
}
#third-part-content .title-print-section {
  float: left;
  font-size: 14px;
  padding-top: 6px;
}
#third-part-content .retail-global-error {
  height: auto;
  padding-bottom: 20px;
  padding-top: 10px;
}
#third-part-content .part-title {
  font-size: 24px;
  color: #7d91a1;
  padding: 10px 15px;
}
#third-part-content .part-title span {
  margin-right: 25px;
}
#third-part-content .toggleViewBtns {
  margin-top: -7px;
}
#third-part-content .link-cell {
  text-decoration: underline;
  cursor: pointer;
}
#third-part-content .green-link-cell {
  text-decoration: underline;
  color: #4bc87d;
  cursor: pointer;
}
#third-part-content .green-link-cell-default {
  text-decoration: underline;
  color: #4bc87d;
  cursor: default;
}
#third-part-content .green-link-cell-margin {
  margin: 0 2px;
  color: #4bc87d;
  cursor: default;
}
#third-part-content .add-new-permission {
  float: left;
  margin: 10px 24px;
}
#third-part-content .no-permission .add-new-permission {
  margin-top: 0;
}
#third-part-content .bg-part {
  width: 100%;
  background-color: #ffffff;
}
#third-part-content .bg-part.permission-part.body-activity,
#third-part-content .bg-part.app-part.body-activity {
  float: right;
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
}
#third-part-content .bg-part.permission-part.body-activity .disable-line .activity-cell .default-cell,
#third-part-content .bg-part.app-part.body-activity .disable-line .activity-cell .default-cell {
  opacity: 0.4;
}
#third-part-content .bg-part.permission-part.body-activity .disable-line .activity-cell .status span,
#third-part-content .bg-part.app-part.body-activity .disable-line .activity-cell .status span {
  opacity: 0.4;
}
#third-part-content .bg-part.permission-part.body-activity .disable-line .activity-cell .status .tooltipMoreInfo span,
#third-part-content .bg-part.app-part.body-activity .disable-line .activity-cell .status .tooltipMoreInfo span {
  opacity: 1;
}
#third-part-content .bg-part.permission-part.body-activity .disable-line .activity-cell .extraText,
#third-part-content .bg-part.app-part.body-activity .disable-line .activity-cell .extraText {
  opacity: 0.4;
}
#third-part-content .bg-part.permission-part.body-activity .disable-line .activity-cell .green-link-cell,
#third-part-content .bg-part.app-part.body-activity .disable-line .activity-cell .green-link-cell {
  opacity: 1;
}
#third-part-content .bg-part.permission-part.body-activity .no-permission-text,
#third-part-content .bg-part.app-part.body-activity .no-permission-text {
  font-size: 16px;
  line-height: 24px;
  padding: 15px;
}
#third-part-content .bg-part.permission-part.body-activity .btnHelpSmall,
#third-part-content .bg-part.app-part.body-activity .btnHelpSmall {
  background: url(media/images/iconInfoSmall.456c646f5421b59baad2..png) no-repeat center center #a5c7db;
  height: 14px;
  width: 14px;
  margin-right: 0px;
  margin-left: 5px;
}
#third-part-content .bg-part.permission-part.body-activity .note-section,
#third-part-content .bg-part.app-part.body-activity .note-section {
  padding: 10px;
}
#third-part-content .bg-part.permission-part.body-activity .note-section .note-page,
#third-part-content .bg-part.app-part.body-activity .note-section .note-page {
  font-size: 14px;
  line-height: 23px;
  text-align: right;
  padding-right: 5px;
}
#third-part-content .bg-part.permission-part.body-activity .note-section .note-page div,
#third-part-content .bg-part.app-part.body-activity .note-section .note-page div {
  display: inline-block;
}
#third-part-content .bg-part.permission-part.body-activity .default-cell.green-link-cell,
#third-part-content .bg-part.app-part.body-activity .default-cell.green-link-cell {
  text-align: left;
}
#third-part-content .bg-part.permission-part.body-activity .default-cell.title-text,
#third-part-content .bg-part.app-part.body-activity .default-cell.title-text {
  padding-top: 46px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #7d91a1;
}
#third-part-content .bg-part.permission-part.body-activity .default-cell.bold-text,
#third-part-content .bg-part.app-part.body-activity .default-cell.bold-text {
  font-weight: 500;
}
#third-part-content .bg-part.permission-part.body-activity .status .green-link-cell,
#third-part-content .bg-part.app-part.body-activity .status .green-link-cell {
  padding-top: 5px;
}
#third-part-content .bg-part.permission-part.body-activity .activity-row,
#third-part-content .bg-part.app-part.body-activity .activity-row {
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#third-part-content .bg-part.permission-part.body-activity .activity-row.last-child-class,
#third-part-content .bg-part.app-part.body-activity .activity-row.last-child-class {
  border-bottom: 1px solid #ddd;
}
#third-part-content .bg-part.permission-part.body-activity .activity-row:first-child,
#third-part-content .bg-part.app-part.body-activity .activity-row:first-child {
  border: none;
}
#third-part-content .bg-part.permission-part.body-activity .activity-row:first-child .default-cell.title-text,
#third-part-content .bg-part.app-part.body-activity .activity-row:first-child .default-cell.title-text {
  padding-top: 26px;
}
#third-part-content .bg-part.permission-part.body-activity .activity-row .activity-cell,
#third-part-content .bg-part.app-part.body-activity .activity-row .activity-cell {
  vertical-align: middle;
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  font-weight: normal;
  padding: 0 15px;
  height: 56px;
}
#third-part-content .bg-part.permission-part.body-activity .activity-row .activity-cell.activity-cell-title,
#third-part-content .bg-part.app-part.body-activity .activity-row .activity-cell.activity-cell-title {
  height: 0px;
  min-height: 56px;
}
#third-part-content .bg-part.permission-part.body-activity .activity-row .activity-cell .long-date,
#third-part-content .bg-part.app-part.body-activity .activity-row .activity-cell .long-date {
  white-space: nowrap;
}
#third-part-content .bg-part.permission-part.body-activity .activity-row .activity-cell > div,
#third-part-content .bg-part.app-part.body-activity .activity-row .activity-cell > div {
  width: 100%;
}
#third-part-content .bg-part.permission-part.body-activity .activity-row .general-btn,
#third-part-content .bg-part.app-part.body-activity .activity-row .general-btn {
  height: 32px;
  line-height: 32px;
  padding: 0 13px;
}
#third-part-content .bg-part.app-part .container-activity {
  padding-top: 10px;
}
#third-part-content .bg-part.app-part .container-activity .open-bank-permission-container .headline-title {
  color: #4bc87d;
}
#third-part-content .bg-part.app-part .container-activity .open-bank-permission-container .app-list-container .circle-green {
  background-color: #4bc87d;
}
#third-part-content .bg-part.app-part .container-activity .open-bank-permission-container .redirect-to-cancel-permission-cls .cancel-permission-link .pencil-green-color {
  color: #4bc87d;
}
#third-part-content .general-card {
  box-shadow: none;
  padding: 0px;
}
.ellipsis-cell-dir {
  direction: ltr !important;
}
.block-with-text {
  padding: 10px 0 0 0;
  display: block;
  display: -webkit-box;
  height: 85px;
  width: 200px;
  margin: 0 0 15px 0;
  font-size: 14px;
  line-height: 1.4;
  line-height: 1.4em;
  max-height: 2.8em;
  /* max: 4 lines */
}
.third-party-tooltip.tooltipTable {
  left: 450px;
}
.third-party-tooltip.tooltipTable .top-title {
  margin-top: 5px;
  color: #4bc87d;
  font-size: 16px;
}
.third-party-tooltip.tooltipTable .tooltip-arrow {
  left: 30px!important;
}
.third-party-tooltip.tooltipTable .tooltip-inner table tbody > tr > td:nth-child(1) {
  padding-right: 15px;
}
.third-party-tooltip.tooltipTable .tooltip-inner {
  max-width: 300px;
}
.third-party-tooltip.tooltipTable .jointOwnerRow {
  border-top: 1px solid #ddd;
}
.third-party-tooltip.tooltipTable .jointOwnerRow.last-child-class {
  border-bottom: 1px solid #ddd;
}
.third-party-tooltip.tooltipTable .jointOwnerRow:first-child {
  border: none;
}
.third-party-tooltip.tooltipTable .owner-name-width {
  line-height: 35px;
  color: #7d91a1;
  padding-right: 15px;
}
.tooltipTable.side-fix .tooltip-inner {
  right: 40% !important;
}
.popup-wrapper-cancel-permission {
  width: 500px;
  padding: 20px;
  text-align: center;
}
.popup-wrapper-cancel-permission .rc-global-error .rc-global-error-text {
  font-weight: normal;
}
.popup-wrapper-cancel-permission .title-popup {
  color: #4bc87d;
  font-weight: bold;
  font-size: 18px;
}
.popup-wrapper-cancel-permission .title-text {
  font-size: 16px;
  line-height: 1.5;
}
.popup-wrapper-cancel-permission .title-text.success {
  margin-bottom: 20px;
}
.popup-wrapper-cancel-permission .rc-global-error {
  height: auto;
  padding-top: 0;
}
@media (max-width: 1024px) {
  #third-part-content .container-fluid {
    padding: 0;
  }
  #third-part-content .ellipsis {
    overflow: hidden !important;
    word-break: break-word;
    margin-left: 1px;
  }
  #third-part-content .cell-title {
    font-weight: 500 !important;
  }
  #third-part-content .centered {
    text-align: center;
  }
  #third-part-content .toggleViewBtns {
    margin-bottom: 0 !important;
  }
  .popup-wrapper-cancel-permission {
    width: auto;
    max-width: 500px;
    min-width: 300px;
    min-height: 180px;
  }
  .cc-joint-owners-popup {
    width: 100%;
    height: 50%;
  }
  .cc-joint-owners-popup .jointOwnerTable .top-title-owners {
    color: #4bc87d;
    font-size: 16px;
    font-weight: bold;
  }
  .cc-joint-owners-popup .top-row {
    background: -webkit-linear-gradient(90deg, #76d25b 0%, #38d29f 100%) !important;
    height: 50px;
  }
  .cc-joint-owners-popup .top-row .btnClose {
    position: absolute;
    top: 5px;
    left: 10px;
    right: auto;
    top: 6px;
  }
  .popupCancelPermission .modal-dialog .modal-content .general-view-container .popup-template-wrapper .popup-wrapper-cancel-permission {
    width: auto;
  }
  .popupCancelPermission .modal-dialog .modal-content .general-view-container .popup-template-wrapper .popup-wrapper-cancel-permission .message-popup-buttons .normal-btn {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #third-part-content .third-part-inner-content .container-activity .activity-row .activity-cell:nth-last-child(1):not(:first-child) {
    width: 15% !important;
  }
  #third-part-content .third-part-inner-content .container-activity .activity-row .activity-cell:nth-last-child(2) {
    width: 21%!important;
  }
  #third-part-content .third-part-inner-content .container-activity .activity-row .activity-cell:nth-last-child(3) {
    width: 13%!important;
  }
  #third-part-content .third-part-inner-content .container-activity .add-new-permission {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
  }
  .cc-joint-owners-popup,
  .cc-actions-popup {
    top: 35%;
    width: 97%;
    align-content: center;
    align-items: center;
  }
  .cc-joint-owners-popup .top-row,
  .cc-actions-popup .top-row {
    background: #ffffff !important;
  }
  .cc-joint-owners-popup .top-row .btnClose,
  .cc-actions-popup .top-row .btnClose {
    left: 15px!important;
    top: 15px!important;
    color: #242424 !important;
  }
  .cc-joint-owners-popup .top-row .btnClose:after,
  .cc-actions-popup .top-row .btnClose:after,
  .cc-joint-owners-popup .top-row .btnClose:before,
  .cc-actions-popup .top-row .btnClose:before {
    background-color: #242424 !important;
  }
  .cc-joint-owners-popup .top-title {
    margin-top: 5px;
    font-size: 16px;
    color: #4bc87d;
    font-weight: 500;
  }
  .cc-joint-owners-popup .jointOwnerRow {
    border-top: 1px solid #ddd;
  }
  .cc-joint-owners-popup .jointOwnerRow.last-child-class {
    border-bottom: 1px solid #ddd;
  }
  .cc-joint-owners-popup .jointOwnerRow:first-child {
    border: none;
  }
  .cc-joint-owners-popup .owner-name-width {
    width: 50%;
    line-height: 35px;
    padding-right: 15px;
  }
  .cs-spa-retail-content.discountBiz-modal-general.cc-joint-owners-popup,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup {
    margin: auto;
    bottom: 15px;
  }
  .cs-spa-retail-content.discountBiz-modal-general.cc-joint-owners-popup.third-party-action-success,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-success,
  .cs-spa-retail-content.discountBiz-modal-general.cc-joint-owners-popup.third-party-action-error,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-error {
    width: 350px!important;
    height: 230px!important;
  }
  .popup-wrapper-cancel-permission {
    width: auto;
    max-width: 500px!important;
  }
}
@media (max-width: 769px) {
  #third-part-content .third-part-inner-content .container-activity .activity-row {
    padding: 20px 0;
  }
  #third-part-content .third-part-inner-content .container-activity .activity-row .activity-cell {
    width: 100% !important;
    min-height: 35px !important;
  }
  #third-part-content .third-part-inner-content .container-activity .activity-row .activity-cell button {
    float: left;
  }
  #third-part-content .third-part-inner-content .container-activity .activity-row .activity-cell:nth-last-child(1),
  #third-part-content .third-part-inner-content .container-activity .activity-row .activity-cell:nth-last-child(2) {
    width: 50% !important;
  }
  #third-part-content .third-part-inner-content .container-activity .activity-row .activity-cell:nth-last-child(3) {
    margin-bottom: 10px;
  }
  #third-part-content .third-part-inner-content .add-new-permission {
    margin-left: 15px;
  }
  #third-part-content .open-bank-permission-container .headline-sub-title .redirect-to-cancel-permission-cls {
    float: none;
  }
  .cc-joint-owners-popup .top-title {
    margin-top: 5px;
    font-size: 16px;
    color: #4bc87d;
    font-weight: 500;
  }
  .cc-joint-owners-popup .jointOwnerRow {
    border-top: 1px solid #ddd;
  }
  .cc-joint-owners-popup .jointOwnerRow.last-child-class {
    border-bottom: 1px solid #ddd;
  }
  .cc-joint-owners-popup .jointOwnerRow:first-child {
    border: none;
  }
  .cc-joint-owners-popup .owner-name-width {
    width: 50%;
    line-height: 35px;
    padding-right: 15px;
  }
  .popup-wrapper-cancel-permission {
    width: auto;
    max-width: 345px;
  }
  .popup-wrapper-cancel-permission .noThanks-btn {
    font-size: 14px!important;
  }
  .cs-spa-retail-content.discountBiz-modal-general.cc-joint-owners-popup,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup {
    margin: auto;
    bottom: 15px;
  }
  .cs-spa-retail-content.discountBiz-modal-general.cc-joint-owners-popup.third-party-action-success,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-success,
  .cs-spa-retail-content.discountBiz-modal-general.cc-joint-owners-popup.third-party-action-error,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-error {
    width: 350px;
    height: 230px;
  }
  .mobile-overflow-auto {
    overflow: auto;
  }
  .margin--15 {
    margin-right: -15px;
  }
  .margin-b-10 {
    margin-bottom: 10px;
  }
  .tableViewSwitch .switchHalf span {
    font-size: 14px!important;
  }
  .cc-joint-owners-popup,
  .cc-actions-popup {
    top: 35%;
    width: 97%;
    align-content: center;
    align-items: center;
  }
  .cc-joint-owners-popup .top-row,
  .cc-actions-popup .top-row {
    background: #ffffff !important;
  }
  .cc-joint-owners-popup .top-row .btnClose,
  .cc-actions-popup .top-row .btnClose {
    position: absolute;
    right: auto;
    left: 15px!important;
    top: 15px!important;
    color: #242424 !important;
  }
  .cc-joint-owners-popup .top-row .btnClose:after,
  .cc-actions-popup .top-row .btnClose:after,
  .cc-joint-owners-popup .top-row .btnClose:before,
  .cc-actions-popup .top-row .btnClose:before {
    background-color: #242424 !important;
  }
  .green-link-cell {
    text-align: right !important;
  }
  .cc-actions-popup {
    top: 5%;
  }
}
@media (max-width: 768px) {
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-success,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-error {
    bottom: auto;
  }
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-success.third-party-action-success,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-error.third-party-action-success,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-success.third-party-action-error,
  .cs-spa-retail-content.discountBiz-modal-general.cc-actions-popup.third-party-action-error.third-party-action-error {
    width: 280px;
    height: 175px;
  }
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid {
  color: #3c3d3c;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .wizard-step-number-wrap {
  padding-top: 20px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 {
  min-height: 432px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper {
  margin: 15px 34px 0 64px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .title-wrapper .title {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper {
  display: flex;
  justify-content: center;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper:nth-child(2) {
  margin-top: 73px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper.center-box {
  display: flex;
  justify-content: center;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper {
  margin-bottom: 9px;
  width: 180px;
  position: relative;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper:not(:last-child) {
  margin-left: 9px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .box-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  flex-direction: column;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #92abbb;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 11px 0 #ebebeb;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .box-item:hover {
  opacity: 0.6;
  border: 2px solid #5A77F5;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .box-item.selected {
  border: 2px solid #5A77F5;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .box-item.with-icon {
  height: 170px;
  text-align: right;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .box-item img {
  pointer-events: none;
  margin-top: 35px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .box-item .item-desc {
  pointer-events: none;
  padding-top: 5px;
  font-size: 16px;
  color: #3c3d3c;
  width: 115px;
  text-align: center;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .subject-info-tooltip {
  position: absolute;
  left: 15px;
  bottom: 10px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 {
  min-height: 432px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper {
  margin: 20px 61px 0 91px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .title-wrapper {
  margin-top: 10px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .title-wrapper .title {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .subTitle {
  margin-top: 30px;
  margin-bottom: 15px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .wiz-field-wrapper.transfer-amount-wrapper {
  margin-bottom: 27px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .wiz-field-wrapper .wiz-input-field {
  background-color: #eaf5f9;
  width: 300px;
  font-size: 14px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .upload-file-wrapper {
  margin-bottom: 10px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .contact-main-info-wrapper .comment-banker .generalTextarea {
  width: 300px;
  height: 90px;
  border: none;
  padding: 8px;
  background-color: #eaf5f9;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .contact-main-info-wrapper .contact-details {
  margin-top: 27px;
  display: inline-block;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .contact-main-info-wrapper .contact-details .details {
  display: flex;
  align-items: baseline;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .contact-main-info-wrapper .contact-details .details .icon-wrapper {
  margin-top: 10px;
  display: inline-block;
  margin-left: 12px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .contact-main-info-wrapper .contact-details .details .edit-btn {
  width: 18px;
  margin-right: 10px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .contact-main-info-wrapper .contact-details .details .view-details-wrapper {
  width: 100%;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .contact-main-info-wrapper .contact-details .details .view-details-wrapper span {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .contact-main-info-wrapper .contact-details .details .view-details-wrapper span .no-contact-details {
  color: #737D8A;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .instruction-wrapper {
  width: 100%;
  padding: 24px 37px;
  border: 2px solid #dae4ed;
  border-radius: 4px;
  margin-top: 52px;
  position: relative;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .instruction-wrapper:before {
  position: absolute;
  content: '';
  display: block;
  background-image: url(media/svgs/filesUpload_attention.6ad3b7bd2935e6f23a5b..svg);
  width: 45px;
  height: 45px;
  top: -21px;
  right: -6px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .instruction-wrapper .instruction-title {
  color: #3c3d3c;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 5px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .instruction-wrapper a {
  text-decoration: underline;
  color: #4bc87d;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .instruction-wrapper li {
  list-style: disc;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content {
  text-align: center;
  display: flex;
  justify-content: center;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content .files-upload-step3-wrapper {
  margin-top: 25px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content .title {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 22px;
  font-weight: 400;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content .attention-text {
  width: 280px;
  margin: auto;
  line-height: 30px;
  color: #677b8a;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content .wizard-step-subscription {
  margin-top: 20px;
  margin-bottom: 25px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content .wizard-step-subscription .operation-title {
  font-size: 14px;
  line-height: 24px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content .wizard-step-subscription .operation-value {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 20px;
  color: #677b8a;
  line-height: 24px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content .wizard-step-subscription .separator {
  display: block;
  margin: 10px auto;
  width: 34px;
  height: 2px;
  background: #4bc87d;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid ul {
  list-style: unset !important;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .error-message {
  color: #fb5f5f;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .input-label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  display: block;
  color: unset;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .input-label.file-upload-label {
  display: inline-block;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid .input-label .title-wrapper .tooltip-arrow {
  bottom: -2px;
  border-width: 8px 8px 0;
  transform: translateX(-50%);
  border-top-color: #4bc87d;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-no-access {
  height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #3c3d3c;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-no-access .business-no-access {
  text-align: center;
  width: 440px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-no-access .business-no-access img {
  margin-bottom: 33px;
}
.file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-no-access .business-no-access .sub-title {
  font-weight: 500;
  padding-top: 2px;
}
.cs-spa-retail-content.general-view-popup.file-upload-tooltip-popup-info .modal-dialog .general-view-container .close_popup.btnClose {
  display: block;
}
.cs-spa-retail-content.general-view-popup.file-upload-tooltip-popup-info .modal-dialog .general-view-container .btnClose {
  display: none;
}
.subject-info-tooltip-popup-wrapper {
  padding: 43px 44px;
  text-align: center;
  width: 495px;
}
.subject-info-tooltip-popup-wrapper img {
  margin-bottom: 22px;
}
.subject-info-tooltip-popup-wrapper .popup-title {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 2px;
  font-weight: normal;
}
.subject-info-tooltip-popup-wrapper .text-tooltip {
  letter-spacing: 0;
  line-height: 20px;
}
.subject-info-tooltip-popup-wrapper .button-wrapper {
  padding-top: 25px;
}
.subject-info-tooltip-popup-wrapper .button-wrapper .btn {
  width: 129px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
}
.go-to-digital-popup-wrapper {
  padding: 43px 44px 39px;
  text-align: center;
  width: 495px;
}
.go-to-digital-popup-wrapper img {
  margin-bottom: 24px;
}
.go-to-digital-popup-wrapper .text-tooltip {
  line-height: 20px;
  margin-bottom: 24px;
}
.go-to-digital-popup-wrapper .button-wrapper .btn {
  width: 140px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  height: 30px;
  font-weight: 300;
  box-shadow: 0px 9px 25px 0px rgba(18, 187, 146, 0.45);
}
.go-to-digital-popup-wrapper .green-link {
  font-weight: 300;
  line-height: 30px;
  margin-top: 4px;
}
.cs-spa-retail-content .file-upload-wizard ul,
.cs-spa-retail-content .file-upload-wizard li {
  list-style: unset;
}
@media (max-width: 769px) {
  .next-btns-container {
    margin-right: unset;
  }
}
@media (max-width: 768px) {
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper {
    margin: 40px 23px 0 38px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper {
    margin-top: unset !important;
    flex-direction: column;
    align-items: center;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper {
    margin-top: 20px;
    margin-bottom: unset;
    margin-left: unset !important;
    width: unset;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .box-item {
    height: 60px !important;
    width: 284px;
    flex-direction: row;
    padding: 0 16px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .box-item img {
    width: 36px;
    margin-top: unset;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .box-item .item-desc {
    margin-right: 21px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper .selected-box-wrapper .box-item-wrapper .subject-info-tooltip {
    left: 16px;
    bottom: 20px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper {
    margin: 15px 0;
    padding: 0 8px 0 23px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .title-wrapper {
    margin-top: 20px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .subTitle {
    margin-top: 25px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .wiz-field-wrapper.transfer-amount-wrapper {
    margin-top: 10px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .instruction-wrapper .instruction-title {
    text-align: center;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .instruction-wrapper:before {
    right: calc(50% - 22.5px);
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content .files-upload-step3-wrapper {
    margin-top: 25px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-no-access {
    height: 410px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-no-access .business-no-access {
    width: 310px;
  }
  .subject-info-tooltip-popup-wrapper,
  .go-to-digital-popup-wrapper {
    width: auto;
  }
  .cs-spa-retail-content.general-view-popup.files-upload-wizard .modal-dialog .modal-content {
    display: block;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step1 .wizard-inner-content .files-upload-step1-wrapper {
    margin: 40px 72px 0;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step2 .wizard-inner-content .files-upload-step2-wrapper .title-wrapper {
    margin-top: 20px;
  }
  .file-upload-wizard .wizardManagerStepsArea .cardsWrapper .container-fluid #files-upload-wizard-step3 .wizard-inner-content .files-upload-step3-wrapper {
    margin-top: 25px;
  }
}
#print .files-upload-step2-wrapper .show-in-print,
#savePDF .files-upload-step2-wrapper .show-in-print {
  display: block !important;
}
#print .files-upload-step2-wrapper .show-in-print .file-name,
#savePDF .files-upload-step2-wrapper .show-in-print .file-name {
  margin-left: 15px;
  display: inline-block;
}
/*@modal-content-bg:                             rgba(89, 80, 80, 0.51);*/
.cs-spa-sme-content .guarantee-create-wizard .wizard-form-row {
  margin-top: 20px;
}
.cs-spa-retail-content .guarantee-create-wizard .wizard-form-row {
  margin-top: 20px;
}
.guarantee-create-wizard .files-top-txt {
  margin-bottom: 12px;
}
.guarantee-create-wizard .files-bottom-txt {
  margin-top: 8px;
}
.guarantee-create-wizard .email-icon-place {
  display: flex;
}
.guarantee-create-wizard .requested-details-title-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}
.guarantee-create-wizard p-autoComplete input {
  background: #ebf2f8 !important;
}
.guarantee-create-wizard .block-dropdown {
  pointer-events: none;
  opacity: 0.6;
}
.guarantee-create-wizard .block-dropdown .generalDropdown .caretIcon {
  display: none;
}
.guarantee-create-wizard .sub-wizard-title {
  padding: 20px 60px;
}
.guarantee-create-wizard .rc-text-area {
  border: none;
  font-size: 1.6rem;
  text-align: right;
  border-radius: 4px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 24px;
  background-color: #ebf2f8;
  height: 80px;
}
.guarantee-create-wizard .file-upload-label {
  margin-right: 5px;
}
.guarantee-create-wizard .general-arrow-tooltip {
  z-index: 999;
}
.guarantee-create-wizard .datepickerWrapper {
  margin: inherit;
  justify-content: start;
}
.guarantee-create-wizard .m-b--16 {
  margin-bottom: -16px;
}
@media (max-width: 768px) {
  .guarantee-create-wizard .sub-wizard-title {
    padding: 15px;
  }
  .guarantee-create-wizard .rc-text-area {
    width: 100%;
    height: 150px;
    font-size: 19px;
  }
  .guarantee-create-wizard ev-db-dropdown .dropdown-toggle {
    height: 11vw !important;
    font-size: 2.8rem !important;
  }
  .guarantee-create-wizard .beneficiary-house-apartment-num {
    font-size: 1.8rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .guarantee-create-wizard .beneficiary-house-apartment-num {
    font-size: 1.3rem !important;
  }
}
@media print {
  .wizard-guarantee-create {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 15px !important;
    padding-top: 80px;
    position: relative;
    font-size: 11px;
  }
  .wizard-guarantee-create > div {
    flex: 0 0 auto;
    order: 1;
    flex-basis: 20%;
  }
  .wizard-guarantee-create .seperate-line {
    display: none;
  }
  .wizard-guarantee-create .comment-wrapper {
    margin-top: 30px;
    order: 2 !important;
    flex-basis: 100%;
  }
  .wizard-guarantee-create > h2 {
    text-align: center !important;
    height: max-content !important;
    position: absolute;
    top: 0px;
  }
  .wizard-guarantee-create .subSection-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
  }
  .wizard-guarantee-create .section-key {
    font-weight: 600 !important;
  }
  .wizard-guarantee-create .margin-for-print {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
  }
}
html[lang="en"] .guarantee-create-wizard .rc-text-area {
  text-align: left;
  padding-left: 12px;
  padding-right: 24px;
}
html[lang="en"] .guarantee-create-wizard .three-dots {
  text-overflow: ellipsis;
}
html[lang="en"] .guarantee-create-wizard .three-dots :placeholder-shown {
  text-overflow: ellipsis;
}
.osh-expanded-popup .no-border {
  border: none!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;
}
.beneficiaries-expiration .general-arrow-tooltip.tooltip.date-alert.left .tooltip-inner {
  min-width: 300px;
  width: 300px;
  border-right: 4px solid #fb5f5f;
  color: #fb5f5f;
}
.beneficiaries-expiration .general-arrow-tooltip.tooltip.date-alert.left .tooltip-arrow {
  color: #fb5f5f;
  border-right-color: #fb5f5f;
  border-LEFT-color: #fb5f5f;
}
#beneficiaryExpirationDateStep1 .checkbox-wrapper input:disabled {
  cursor: default;
}
#beneficiaryExpirationDateStep1 .retail-global-error {
  box-shadow: none;
}
#beneficiaryExpirationDateStep1 .white-wrapper {
  padding: 15px 15px;
  font-size: 14px;
}
#beneficiaryExpirationDateStep1 .white-wrapper .no-beneficiaries {
  text-align: center;
}
#beneficiaryExpirationDateStep1 .white-wrapper .no-beneficiaries .no-ben-message {
  font-size: 14px;
  color: #6a7685;
  max-width: 420px;
  margin: 0 auto;
  margin-top: 23px;
}
#beneficiaryExpirationDateStep1 .white-wrapper .table-title {
  line-height: 20px;
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
#beneficiaryExpirationDateStep1 .white-wrapper .table-sub-title {
  padding-top: 5px;
  font-size: 14px;
  color: #6a7685;
}
#beneficiaryExpirationDateStep1 .white-wrapper .page-title {
  color: #60d172;
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table {
  margin-top: 30px;
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table .error-container {
  min-width: 400px;
  min-height: 17px;
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table .error-container .validation-error {
  color: #fb5f5f;
  font-size: 12px;
  line-height: 12px;
  padding-top: 5px;
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table th {
  font-weight: normal;
  padding: 14px 0 16px;
  color: #677b8a;
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table th .checkbox-wrapper {
  margin-left: 10px;
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table tr {
  border-bottom: 1px solid #d7dde2;
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table tr:last-child {
  border-bottom: none;
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table tr td {
  vertical-align: top;
  padding: 14px 0 16px;
  color: #000;
  font-size: 14px;
  max-width: 90px;
  line-height: 17px;
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table tr td.numeric-cell {
  font-size: 16px;
  font-weight: normal;
  font-family: 'Josefin Sans', 'sans-serif';
}
#beneficiaryExpirationDateStep1 .white-wrapper table.ben-table .fa-exclamation-circle {
  color: #fb5f5f;
}
#beneficiaryExpirationDateStep1 .white-wrapper .validation-error {
  position: absolute;
  padding-top: 5px;
  font-size: 12px;
  color: #fb5f5f;
}
#beneficiaryExpirationDateStep2 .step2 {
  line-height: normal;
  text-align: center;
}
#beneficiaryExpirationDateStep2 .step2 .step2-message .title {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
#beneficiaryExpirationDateStep2 .step2 .step2-message .success-line {
  padding-top: 10px;
  font-weight: normal;
}
#beneficiaryExpirationDateStep2 .step2 .step2-message.partial-success .lines div {
  color: #fb5f5f;
  display: inline-block;
  margin-top: 10px;
}
#beneficiaryExpirationDateStep2 .step2 .step2-message.partial-success .lines i {
  color: #fb5f5f;
}
#beneficiaryExpirationDateStep2 .step2 .operation-title {
  font-size: 14px;
  color: #7d91a1;
  font-weight: normal;
}
#beneficiaryExpirationDateStep2 .step2 #action_time {
  font-family: "Josefin Sans";
  font-size: 2rem;
  color: #7d91a1;
  padding-bottom: 15px;
}
#beneficiaryExpirationDateStep2 .step2 .separator {
  display: block;
  margin: 10px auto;
  width: 34px;
  height: 2px;
  background: #4bc87d;
}
.cs-spa-retail-content {
  /*
   .sidebar-menu-item:hover .icon-accessibility ,
   .current-menu-btn .icon-accessibility {
      .svg-icon-wrapper svg {
       //fill: @colorBlack;
     }
     +.menu-icon-title {
       color: @colorBlack;
     }
   }
*/
}
.cs-spa-retail-content .sidebar-menu-item:hover #ACCESSIBILITY_IN_MENU-link,
.cs-spa-retail-content #ACCESSIBILITY_IN_MENU-link.current-menu-btn {
  background-color: #ffffff;
}
.cs-spa-retail-content .sidebar-menu-item:hover #ACCESSIBILITY_IN_MENU-link .svg-icon-wrapper svg,
.cs-spa-retail-content #ACCESSIBILITY_IN_MENU-link.current-menu-btn .svg-icon-wrapper svg {
  fill: #000000;
}
.cs-spa-retail-content .sidebar-menu-item:hover #ACCESSIBILITY_IN_MENU-link .menu-icon-title,
.cs-spa-retail-content #ACCESSIBILITY_IN_MENU-link.current-menu-btn .menu-icon-title {
  color: #000000;
}
.cs-spa-retail-content #ACCESSIBILITY_IN_MENU-link.menu-item-btn:not(.current-menu-btn):not(:hover) .svg-icon-wrapper svg {
  fill: #ffffff;
}
.cs-spa-retail-content #ACCESSIBILITY_IN_MENU-link.menu-item-btn:not(.current-menu-btn):not(:hover) .menu-icon-title {
  color: #ffffff;
}
.cs-spa-retail-content .sidebarAccessibilityDrawer {
  padding: 0;
  width: 205px;
  height: 150px;
  margin-top: 64px;
  background-color: #f2f2f2;
}
.cs-spa-retail-content .sidebarAccessibilityDrawer div[menu-Accessibility-directive] .accessibiliy-container {
  padding: 8px 20px 18px 20px;
}
.cs-spa-retail-content .sidebarAccessibilityDrawer div[menu-Accessibility-directive] .accessibiliy-container .accessibiliy-header {
  font-size: 24px;
  font-family: 'Rubik';
  margin-bottom: 12px;
}
.cs-spa-retail-content .sidebarAccessibilityDrawer div[menu-Accessibility-directive] .accessibiliy-container .accessibiliy-header img {
  margin-right: 5px;
  float: left;
}
.cs-spa-retail-content .sidebarAccessibilityDrawer div[menu-Accessibility-directive] .accessibiliy-container .accessibiliy-body {
  font-size: 16px;
  font-family: 'Rubik';
}
.cs-spa-retail-content .sidebarAccessibilityDrawer div[menu-Accessibility-directive] .accessibiliy-container .accessibiliy-body img {
  margin-left: 10px;
}
.cs-spa-retail-content .sidebarAccessibilityDrawer div[menu-Accessibility-directive] .accessibiliy-container .accessibiliy-body .accessibiliy-text {
  width: 119px;
  display: inline-block;
}
.cs-spa-retail-content .sidebarAccessibilityDrawer div[menu-Accessibility-directive] .accessibiliy-container .accessibiliy-separator {
  border-top: 1px solid #333a46;
  display: block;
  margin: 6px 0;
}
/**** NEW COLORS PARAMS ***/
/********************************************************New Design Colors**********************************************************/
.JOIN-UPDATE-MAIL .overflow {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 999;
}
.JOIN-UPDATE-MAIL .container-wrapper .btn-green-link {
  font-size: 16px;
}
.JOIN-UPDATE-MAIL .container-wrapper.back-step {
  padding: 35px 70px;
  padding-bottom: 20px;
  position: relative;
}
.JOIN-UPDATE-MAIL .container-wrapper .title {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}
.JOIN-UPDATE-MAIL .container-wrapper .dess {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #6E7685;
  max-width: 593px;
  line-height: 22px;
}
.JOIN-UPDATE-MAIL .container-wrapper .radio-section {
  margin-top: 16px;
  font-size: 16px;
  line-height: 18px;
  color: #6E7685;
}
.JOIN-UPDATE-MAIL .container-wrapper .radio-section .radio-label {
  margin-bottom: 10px;
}
.JOIN-UPDATE-MAIL .container-wrapper .radio-section .label-wrapper.sec {
  margin-top: 6px;
}
.JOIN-UPDATE-MAIL .container-wrapper .email-phone-section {
  padding-bottom: 30px;
  border-bottom: 1px solid #ebf0f3;
  margin-top: 23px;
  font-size: 16px;
  color: #6E7685;
}
.JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .phone-number {
  margin-top: 23px;
}
.JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .label-email,
.JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .label-phone {
  color: #677b8a;
}
.JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .value-email,
.JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .value-phone {
  color: #333a46;
}
.JOIN-UPDATE-MAIL .container-wrapper .more-info {
  margin-top: 10px;
  line-height: 19px;
  font-size: 14px;
  color: #6E7685;
}
.JOIN-UPDATE-MAIL .container-wrapper .more-info .btnHelp,
.JOIN-UPDATE-MAIL .container-wrapper .more-info .more-info-lines {
  float: right;
}
.JOIN-UPDATE-MAIL .container-wrapper .more-info .btnHelp {
  margin-right: 0;
  margin-left: 14px;
  top: 2px;
}
.JOIN-UPDATE-MAIL .container-wrapper .more-info .fa-exclamation-circle {
  float: right;
  margin-left: 5px;
  color: #a5c7db;
  font-size: 16px;
}
.JOIN-UPDATE-MAIL .container-wrapper .more-info .md-section-title {
  color: #6E7685;
  font-size: 14px;
}
.JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper {
  margin-top: 30px;
  font-size: 16px;
  line-height: 18px;
  color: #6E7685;
}
.JOIN-UPDATE-MAIL .container-wrapper .error-wrapper {
  color: #fb5f5f;
  font-size: 14px;
  position: absolute;
}
.JOIN-UPDATE-MAIL .container-wrapper .error-wrapper.no-change-error {
  bottom: -20px;
  right: 0;
  left: 0;
}
.JOIN-UPDATE-MAIL .container-wrapper .error-wrapper.no-change-error .no-change-error-text {
  text-align: center;
}
.JOIN-UPDATE-MAIL .container-wrapper.message-area {
  padding: 27px 20px;
  background-color: #ffffff;
  margin-bottom: 50px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  color: #7d91a1;
}
.JOIN-UPDATE-MAIL .container-wrapper.message-area .bold-banker {
  font-weight: bold;
}
@media (max-width: 1023px) {
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .title,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .title {
    font-size: 18px;
    line-height: 18px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper.back-step,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper.back-step {
    padding: 30px 15px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .dess,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .dess {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section {
    margin-top: 15px;
    font-size: 14px;
    line-height: 18px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .radio-label,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .radio-label {
    margin-bottom: 10px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .radio-label .radio-text-wrapper,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .radio-label .radio-text-wrapper {
    display: inline-block;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .radio-label .radio-text-wrapper .radio-text,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .radio-label .radio-text-wrapper .radio-text {
    position: relative;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .option-label,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .option-label {
    display: flex;
    font-size: 14px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .option-label .styled-radio,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .radio-section .option-label .styled-radio {
    top: 0px;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section {
    padding-bottom: 15px;
    margin-top: 15px;
    font-size: 14px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .label-email,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .label-email,
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .label-phone,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .label-phone {
    color: #677b8a;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .value-email,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .value-email,
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .value-phone,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .value-phone {
    color: #333a46;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .icon-button-style,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .email-phone-section .icon-button-style {
    height: 100%;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .error-wrapper,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .error-wrapper {
    font-size: 12px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .more-info,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .more-info {
    font-size: 12px;
    margin-top: 0;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .more-info .md-section-title,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .more-info .md-section-title {
    font-size: 12px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .more-info-lines-wrapper,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .more-info-lines-wrapper {
    display: flex;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .more-info-lines-wrapper .more-info-line,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .more-info-lines-wrapper .more-info-line {
    display: block;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper {
    display: flex;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper input,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper input {
    width: 15px;
    height: 15px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper label,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper label {
    font-size: 14px;
    line-height: 20px;
    margin-right: 8px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper .checkbox-visual,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper .checkbox-visual {
    width: 15px;
    height: 15px;
    margin-right: 0;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper .checkbox-visual:after,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper .checkbox-visual:after {
    height: 10px;
    width: 5px;
  }
  .cs-spa-retail-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper .btn-green-link,
  .cs-spa-sme-content .JOIN-UPDATE-MAIL .container-wrapper .checkbox-wrapper .btn-green-link {
    font-size: 14px;
    line-height: 16px;
  }
}
.MAIL-BANKER-CANCEL .overflow {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 999;
}
.MAIL-BANKER-CANCEL .container-wrapper.back-step {
  padding: 35px 70px;
}
.MAIL-BANKER-CANCEL .container-wrapper .not-registered-view {
  min-height: 253px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: -20px;
}
.MAIL-BANKER-CANCEL .container-wrapper .not-registered-view .not-join-text {
  margin-top: 25px;
  font-size: 20px;
  color: #48c87D;
  font-weight: bold;
  text-align: center;
}
.MAIL-BANKER-CANCEL .container-wrapper .dess,
.MAIL-BANKER-CANCEL .container-wrapper .permission-level,
.MAIL-BANKER-CANCEL .container-wrapper .checkbox-cancel,
.MAIL-BANKER-CANCEL .container-wrapper .text-about-cancel {
  font-size: 16px;
  color: #6E7685;
  max-width: 593px;
  line-height: 22px;
}
.MAIL-BANKER-CANCEL .container-wrapper .dess .btnHelp,
.MAIL-BANKER-CANCEL .container-wrapper .permission-level .btnHelp,
.MAIL-BANKER-CANCEL .container-wrapper .checkbox-cancel .btnHelp,
.MAIL-BANKER-CANCEL .container-wrapper .text-about-cancel .btnHelp {
  margin-right: 0;
  margin-left: 5px;
}
.MAIL-BANKER-CANCEL .container-wrapper .checkbox-cancel {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
.MAIL-BANKER-CANCEL .container-wrapper .error-wrapper {
  color: #fb5f5f;
  font-size: 14px;
  position: absolute;
}
@media (max-width: 1023px) {
  .MAIL-BANKER-CANCEL .container-wrapper .title {
    font-size: 18px;
    line-height: 18px;
  }
  .MAIL-BANKER-CANCEL .container-wrapper.back-step {
    padding: 30px 15px;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .dess {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .permission-level {
    font-size: 14px;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .checkbox-cancel {
    margin: 25px 0;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .checkbox-cancel .checkbox-wrapper {
    display: flex;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .checkbox-cancel .checkbox-wrapper label {
    font-size: 14px;
    line-height: 23px;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .checkbox-cancel .checkbox-wrapper .checkbox-visual {
    width: 15px;
    height: 15px;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .checkbox-cancel .checkbox-wrapper .checkbox-visual:after {
    height: 10px;
    width: 5px;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .text-about-cancel {
    display: flex;
    font-size: 14px;
    line-height: 16px;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .text-about-cancel .btnHelp {
    flex-shrink: 0;
    flex-grow: 0;
  }
  .MAIL-BANKER-CANCEL .container-wrapper .error-wrapper {
    font-size: 12px;
  }
}
@media (max-width: 1199px) {
  .overview-warp {
    padding-top: 0px;
  }
}
@media (max-width: 1023px) {
  .overview-warp .overview-area .overview-tabs-area .overview-tabs-list ul {
    display: block;
  }
  .overview-warp .overview-area .overview-tabs-area .overview-tabs-list ul li.tab {
    padding: 0 10px;
  }
  .overview-warp .overview-area .overview-tabs-area #overview-content-tab.overview-tabs-content .sum-title {
    font-size: 16px;
    font-weight: normal;
  }
  .overview-warp .overview-area .overview-tabs-area #overview-content-tab.overview-tabs-content .sum-title .number {
    color: #737D8A;
  }
  .overview-warp .overview-area .overview-tabs-area #overview-content-tab.overview-tabs-content .sum-title .number .currency_symbol {
    font-size: 12px;
  }
  .overview-warp .overview-area .listTemplate-area .list-wrapper {
    display: flex;
  }
  .overview-warp .overview-area .listTemplate-area .list-wrapper .list-color {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .overview-warp .overview-area .listTemplate-area .list-wrapper .listTemplate .list-line-name,
  .overview-warp .overview-area .listTemplate-area .list-wrapper .listTemplate .list-line-sum-and-link {
    max-width: none;
  }
}
@media (max-width: 769px) {
  #recommended-deposit-row {
    padding: 17px 10px 10px;
  }
  #recommended-deposit-row .product-name {
    text-align: center;
  }
  #recommended-deposit-row .product-desc {
    text-align: center;
  }
  #recommended-deposit-row .space-span {
    display: none;
  }
  #recommended-deposit-row .rate-area .rate-wrap .rate-view .btnHelp {
    right: 0px;
  }
  #recommended-deposit-row .rate-area .rate-area-strip {
    padding-right: 0px;
  }
  #recommended-deposit-row .exist-icon {
    right: 15px;
    top: 15px;
    width: 12px;
    height: 12px;
    padding: 8px;
  }
  #recommended-deposit-row .rate-area.rate-area-strip {
    padding-right: 0px;
  }
}
@media (max-width: 1023px) and (min-width: 576px) {
  #recommended-deposit-row .rate-area.rate-area-strip {
    padding-right: 25px;
  }
}
@media (max-width: 993px) {
  #recommended-deposit-row .product-desc.only-mob {
    display: none !important;
  }
}
@media (max-width: 992px) {
  #recommended-deposit-row .product-desc.only-desk {
    display: none !important;
  }
}
@media (max-width: 992px) {
  #recommended-deposit-row .moreInfoMobile.only-desk.mobile-view {
    display: inline-block !important;
  }
}
.overview-warp {
  background-color: #ebf2f8;
  padding-top: 11px;
  position: relative;
}
.overview-warp .overview-area {
  box-shadow: 8px 0 25px 0 rgba(81, 144, 182, 0.2);
  background-color: #ffffff;
}
.overview-warp .overview-area .overview-title {
  box-shadow: 0 0 25px 0 rgba(81, 144, 182, 0.2);
}
.overview-warp .overview-area .overview-title h2 {
  font-size: 18px;
  line-height: 22px;
  text-align: right;
  padding: 10px;
  color: #4a4a4a;
  font-weight: normal;
}
.overview-warp .overview-area .overview-tabs-area {
  margin-bottom: 13px;
}
.overview-warp .overview-area .overview-tabs-area .overview-tabs-list {
  margin-top: 8px;
  margin-bottom: 18px;
}
.overview-warp .overview-area .overview-tabs-area .overview-tabs-list ul {
  display: flex;
  justify-content: space-around;
}
.overview-warp .overview-area .overview-tabs-area .overview-tabs-list ul li {
  font-size: 14px;
  color: #333a46;
  line-height: 21px;
  text-align: right;
  display: inline-block;
  cursor: pointer;
}
.overview-warp .overview-area .overview-tabs-area .overview-tabs-list ul li.active span {
  font-weight: 500;
  padding-bottom: 3px;
  border-bottom: 2px solid #4bc87d;
}
.overview-warp .overview-area .overview-tabs-area #overview-content-tab.overview-tabs-content {
  padding-bottom: 14px;
}
.overview-warp .overview-area .overview-tabs-area #overview-content-tab.overview-tabs-content .inner-deposit-title {
  font-size: 14px;
  line-height: 14px;
  padding-right: 12px;
  text-align: right;
  color: #677b8a;
}
.overview-warp .overview-area .overview-tabs-area #overview-content-tab.overview-tabs-content .sum-title {
  text-align: center;
  font-size: 22px;
  margin-top: 30px;
  line-height: 28px;
  font-family: "josefin sans";
  font-weight: 600;
}
.overview-warp .overview-area .overview-tabs-area #overview-content-tab.overview-tabs-content .sum-title .number .currency_symbol {
  font-size: 14px;
}
.overview-warp .overview-area .overview-tabs-area #overview-content-tab.overview-tabs-content .graph-overview {
  margin-top: 0;
}
.overview-warp .overview-area .overview-tabs-area #overview-content-tab.overview-tabs-content .graph-overview .highcharts-container text {
  display: none;
}
.overview-warp .overview-area .show-more-or-less-lines {
  text-decoration: underline;
  color: #4bc87d;
  font-size: 14px;
  margin-top: 7px;
  margin-left: 11px;
}
.overview-warp .overview-area .listTemplate-area {
  margin-top: 0;
}
.overview-warp .overview-area .list-wrapper {
  border-bottom: 1px solid #d7dde2;
  margin: 0 11px;
  padding: 10px 0;
}
.overview-warp .overview-area .list-wrapper .list-color {
  vertical-align: top;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 3px;
}
.overview-warp .overview-area .list-wrapper .listTemplate {
  display: inline-block;
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line {
  padding-right: 5px;
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line.selectedList {
  font-weight: bold;
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line .list-line-name {
  max-width: 196px;
  color: #7d91a1;
  font-size: 16px;
  line-height: 17px;
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line .list-line-date {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #4e5664;
  font-size: 14px;
  line-height: 14px;
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line .list-line-date .date {
  padding-left: 5px;
  font-family: 'Josefin Sans';
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line .list-line-sum-and-link {
  max-width: 196px;
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line .list-line-sum {
  font-size: 14px;
  line-height: 18px;
  font-family: 'Josefin Sans';
  float: right;
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line .list-line-link:first-of-type {
  margin-right: 0;
  color: #4bc87d;
  font-size: 14px;
  line-height: 18px;
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line .list-line-link {
  color: #4bc87d;
  font-size: 14px;
  line-height: 18px;
  margin-right: 5px;
}
.overview-warp .overview-area .list-wrapper .listTemplate .list-line .list-line-link:last-child {
  margin-right: 5px;
}
.overview-warp .overview-area .qty-btns {
  text-align: left;
}
.overview-warp .overview-area .savingsPlan {
  font-size: 14px;
  line-height: 21px;
  color: #6e7685;
}
.overview-warp .overview-area .laws {
  padding: 21px 11px 0;
}
.overview-warp .overview-area .laws .line-law {
  font-size: 14px;
  line-height: 21px;
  color: #6e7685;
  display: inline-block;
  width: calc(100% - 15px);
  padding-right: 10px;
  position: relative;
}
.overview-warp .overview-area .laws .line-law:before {
  content: ' ';
  margin-left: 5px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #4bc87d;
  border-radius: 100%;
  top: 8px;
  position: absolute;
  right: 0;
}
.overview-warp .overview-area .laws .title-law {
  margin-top: 22px;
  font-size: 14px;
  font-weight: bold;
  color: #7d91a1;
}
.noResultsErrorWrapper {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #ffffff;
}
.noResultsErrorWrapper .imgWrapper {
  margin-bottom: 20px;
}
.noResultsErrorWrapper .imgWrapper img {
  height: 100px;
}
.noResultsErrorWrapper .textWrapper {
  margin-bottom: 25px;
  padding: 0 60px;
}
.noResultsErrorWrapper .buttonWrapper button {
  text-align: center;
  color: #ffffff;
  border-radius: 19px;
  background-color: #4bc87d;
  box-shadow: 0 9px 25px 0 rgba(18, 187, 146, 0.45);
  padding: 10px 20px;
}
.discountSME-modal-wizard .modal-dialog .pensionClearinghouset .wizardManagerStepsArea .lastBox {
  margin-bottom: 100px;
}
.discountSME-modal-wizard .modal-dialog .pensionClearinghouset .wizardManagerStepsArea .stepBox .continueSection {
  margin-top: 20px;
}
.pensionClearinghouset .pensionClearinghousetStep1 {
  color: #7d91a1;
  padding: 30px 64px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .pension-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #4bc87d;
}
.pensionClearinghouset .pensionClearinghousetStep1 .description {
  margin-bottom: 30px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .info-cls {
  margin-top: 13px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .more-info-cls {
  padding-right: 6px;
  margin-bottom: 31px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .form-pension-clearinghouse .phone-cls {
  padding-left: 10px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .form-pension-clearinghouse .inputFieldCls {
  width: 100%;
  height: 40px;
  line-height: 28px;
  border-radius: 3px;
  border: 0;
  background: #eaf5f9;
  color: #4e5664;
  text-align: right;
  opacity: 1;
  padding: 6px 12px 6px 40px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .form-pension-clearinghouse .inputFieldCls.disable-input {
  opacity: 0.5;
}
.pensionClearinghouset .pensionClearinghousetStep1 .form-pension-clearinghouse .invalid-input {
  border: 1px solid #fb5f5f;
}
.pensionClearinghouset .pensionClearinghousetStep1 .form-pension-clearinghouse .input-error-msg {
  color: #fb5f5f;
  margin-top: 5px;
  line-height: 15px;
  min-height: 15px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .form-pension-clearinghouse .link-cls {
  display: inline-block;
  color: #4bc87d;
  text-decoration: underline;
  font-weight: 500;
}
.pensionClearinghouset .pensionClearinghousetStep1 .form-pension-clearinghouse .link-cls.disable-link {
  cursor: default;
}
.pensionClearinghouset .pensionClearinghousetStep1 .form-pension-clearinghouse .link-cls.padding_2 {
  padding: 0 2px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .form-pension-clearinghouse .link-to-update {
  color: #4bc87d;
  cursor: pointer;
  margin-top: 5px;
  font-weight: 500;
  text-decoration: underline;
}
.pensionClearinghouset .pensionClearinghousetStep1 .legal-note {
  margin-top: 10px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .disable-label {
  opacity: 0.5;
}
.pensionClearinghouset .pensionClearinghousetStep1 .pension-product-item {
  margin-bottom: 13px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .pension-product-item .oval {
  background-color: #4bc87d;
  border-radius: 7px;
  height: 7px;
  width: 7px;
  display: inline-block;
  margin-left: 10px;
}
.pensionClearinghouset .pensionClearinghousetStep1 .step-loader-container {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
}
.pensionClearinghouset .pensionClearinghousetStep1 .step-loader-container .loader-cls {
  position: absolute;
  top: 50%;
  right: 50%;
}
.pensionClearinghouset .pensionClearinghousetStep1 .not-advised-and-submitted-req {
  margin-top: 90px;
}
.pensionClearinghouset .pensionClearinghousetStep2 .finished-step-wrapper {
  text-align: center;
  padding: 30px 0 15px;
  font-size: 16px;
  color: #92abbb;
}
.pensionClearinghouset .pensionClearinghousetStep2 .finished-step-wrapper .step-main-title {
  font-size: 20px;
  font-weight: bold;
  color: #25cb92;
}
.pensionClearinghouset .pensionClearinghousetStep2 .finished-step-wrapper .step-details {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #6E7685;
}
.pensionClearinghouset .pensionClearinghousetStep2 .finished-step-wrapper .sub-title {
  font-size: 14px;
  color: #6E7685;
  margin: 6px 0 0px;
}
.pensionClearinghouset .pensionClearinghousetStep2 .finished-step-wrapper .separator {
  display: block;
  margin: 7px auto;
  width: 34px;
  height: 2px;
  background: #4bc87d;
}
.pensionClearinghouset .pensionClearinghousetStep2 .finished-step-wrapper .operation-value,
.pensionClearinghouset .pensionClearinghousetStep2 .finished-step-wrapper .reference-value {
  font-family: 'Josefin Sans', sans-serif;
  direction: rtl;
  font-size: 20px;
  color: #7d91a1;
  font-weight: bold;
}
.pensionClearinghouset .retail-global-error {
  box-shadow: none;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup #exportTool .drop-down li,
.permission-popup-container.main-popup #exportTool .drop-down li {
  margin: 0;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .infoSideX.generalTable,
.permission-popup-container.main-popup .infoSideX.generalTable {
  background: white !important;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .btnContinue,
.permission-popup-container.main-popup .btnContinue {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog,
.permission-popup-container.main-popup .modal-dialog {
  width: 856px;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX,
.permission-popup-container.main-popup .modal-dialog .infoSideX {
  width: 100%;
  height: 100%;
  background: #ffffff !important;
  box-shadow: none;
  padding: 40px 60px;
  color: #4e5664;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .titleSection .titleTable,
.permission-popup-container.main-popup .modal-dialog .infoSideX .titleSection .titleTable {
  font-size: 20px;
  font-weight: bold;
  color: #4bc87d;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .titleSection .printBtn,
.permission-popup-container.main-popup .modal-dialog .infoSideX .titleSection .printBtn {
  float: left;
  margin: 0;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .tableSection,
.permission-popup-container.main-popup .modal-dialog .infoSideX .tableSection {
  text-align: right;
  width: 100%;
  margin-top: 40px;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .tableSection .swift-main-content,
.permission-popup-container.main-popup .modal-dialog .infoSideX .tableSection .swift-main-content {
  height: 100%;
  margin-bottom: 30px;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .tableSection .swift-main-content .footer-context,
.permission-popup-container.main-popup .modal-dialog .infoSideX .tableSection .swift-main-content .footer-context {
  margin: 20px 0px;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .tableSection .ngsb-container,
.permission-popup-container.main-popup .modal-dialog .infoSideX .tableSection .ngsb-container,
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .tableSection .swift-error,
.permission-popup-container.main-popup .modal-dialog .infoSideX .tableSection .swift-error {
  margin: 0 auto;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .tableSection .ngsb-container img,
.permission-popup-container.main-popup .modal-dialog .infoSideX .tableSection .ngsb-container img,
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .tableSection .swift-error img,
.permission-popup-container.main-popup .modal-dialog .infoSideX .tableSection .swift-error img {
  margin: 50px 0 25px;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .tableSection .ngsb-container,
.permission-popup-container.main-popup .modal-dialog .infoSideX .tableSection .ngsb-container {
  font-weight: 300;
  text-align: right;
  line-height: 18px;
}
.cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .modal-dialog .infoSideX .tableSection .closeBtn,
.permission-popup-container.main-popup .modal-dialog .infoSideX .tableSection .closeBtn {
  text-align: center;
}
@media print {
  .cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .tableSection,
  .permission-popup-container.main-popup .tableSection {
    margin-top: 40px;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .tableSection .sub-title-margin,
  .permission-popup-container.main-popup .tableSection .sub-title-margin {
    margin-top: 11px;
    margin-bottom: 31px;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .printBtn,
  .permission-popup-container.main-popup .printBtn {
    display: none !important;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .generalTable,
  .permission-popup-container.main-popup .generalTable {
    border: 0 !important;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .infoSideX.generalTable,
  .permission-popup-container.main-popup .infoSideX.generalTable {
    background: white !important;
    border: 0 !important;
  }
  .cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup .infoSideX.generalTable .sub-title-margin,
  .permission-popup-container.main-popup .infoSideX.generalTable .sub-title-margin {
    margin-top: 10px;
  }
}
#savePDF .cs-spa-retail-content.discountBiz-modal-general.pensionClearinghouset-popup,
#savePDF .permission-popup-container.main-popup {
  box-shadow: none !important;
}
#savePDF .permission-popup-container.main-popup {
  box-shadow: none !important;
  color: black !important;
}
#savePDF .permission-popup-container.main-popup .titleTable {
  color: #4bc87d;
}
#savePDF .permission-popup-container.main-popup .tableSection {
  margin-top: 40px;
}
#savePDF .permission-popup-container.main-popup .tableSection .sub-title-margin {
  margin-top: 10px;
}
#savePDF .permission-popup-container.main-popup .printBtn {
  display: none !important;
}
#savePDF .permission-popup-container.main-popup .generalTable {
  border: 0 !important;
}
#savePDF .permission-popup-container.main-popup .infoSideX.generalTable {
  color: black !important;
  background: white !important;
  border: 0 !important;
}
#savePDF .permission-popup-container.main-popup .infoSideX.generalTable .sub-title-margin {
  margin-top: 10px;
}
.main-dashboard-section .dynamicTemplateCapitalMarketDashboard {
  display: none;
}
.main-dashboard-section.affix-top .dynamicTemplateCapitalMarketDashboard {
  display: inline-block;
  float: right;
  position: relative;
  top: -34px;
  right: 116px;
  height: 0px;
}
.main-dashboard-section.affix-top .dynamicTemplateCapitalMarketDashboard .number {
  font-family: 'Josefin Sans';
  font-size: 2.2rem;
  font-weight: 300;
  color: #6e7685;
}
.main-dashboard-section.affix-top .dynamicTemplateCapitalMarketDashboard .number .currency {
  font-weight: 300;
  font-size: 2.2rem;
  padding-right: 0.4vw;
  font-family: 'Rubik', sans-serif;
  color: #6e7685;
}
.main-dashboard-section.affix-top .dynamicTemplateCapitalMarketDashboard .number .decim {
  font-size: 1.5rem;
}
html[lang=en] .main-dashboard-section.affix-top .dynamicTemplateCapitalMarketDashboard {
  right: 200px;
}
body.tutorial-open {
  height: 100vh;
  overflow: hidden;
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-indicators {
  top: 89vh;
  bottom: auto;
  width: 162px;
  right: auto;
  display: block;
  left: calc(100vw - 500px);
  transform: translateY(-50%);
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-indicators li,
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin-left: 20px;
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-indicators li {
  border: none;
  background-color: #179e71;
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-indicators .active {
  background-color: white;
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-control {
  top: 78vh;
  opacity: 1;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #5b77f5;
  box-shadow: 0px 9px 25px 0px rgba(10, 104, 67, 0.45);
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-control.disabled {
  opacity: 0.5;
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-control.right {
  right: auto;
  left: calc(100vw - 420px);
  background-image: url(media/svgs/tutorial-slider-arrow-r.029aaa96d63f8eccb677..svg);
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-control.left {
  right: auto;
  left: calc(100vw - 500px);
  background-image: url(media/svgs/tutorial-slider-arrow-l.ee132bb914cbf6229e90..svg);
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-control.disabled {
  opacity: 0.5;
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .modal-dialog {
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
}
.cs-spa-retail-content.discountBiz-modal-general.tutorial-modal.modal {
  overflow-y: hidden;
}
.cs-spa-retail-content .tutorial__interactiveLayer {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  position: absolute;
}
.cs-spa-retail-content .tutorial__inner {
  position: relative;
}
.cs-spa-retail-content .tutorial__closeBtn {
  top: 42px;
  left: 42px;
  z-index: 1030;
  color: #25323d;
  position: absolute;
  display: flex;
  align-items: center;
}
.cs-spa-retail-content .tutorial__closeBtnIcon {
  width: 24px;
  height: 24px;
  position: absolute;
  display: inline-block;
  position: relative;
}
.cs-spa-retail-content .tutorial__closeBtnIcon:after,
.cs-spa-retail-content .tutorial__closeBtnIcon:before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: #25323d;
}
.cs-spa-retail-content .tutorial__closeBtnIcon:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cs-spa-retail-content .tutorial__closeBtnIcon:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cs-spa-retail-content .tutorial__closeBtnText {
  font-weight: 500;
  margin-left: 8px;
  font-size: 2.2rem;
}
.cs-spa-retail-content .tutorial__amountIndicator {
  top: 78vh;
  color: white;
  font-size: 3.2rem;
  position: absolute;
  font-family: "Josefin Sans";
  left: calc(100vw - 330px);
}
.cs-spa-retail-content .tutorial__amountIndicator .tutorial__big_amountIndicator {
  font-size: 5.5rem;
}
.cs-spa-retail-content .tutorial__textContainer {
  top: 174px;
  width: 370px;
  text-align: right;
  position: absolute;
  color: #25323d;
  left: calc(100vw - 454px);
}
.cs-spa-retail-content .tutorial__slideTitle {
  font-size: 5rem;
  color: #ffffff;
  max-width: 300px;
  margin-bottom: 20px;
}
.cs-spa-retail-content .tutorial__slideText {
  font-size: 2.2rem;
}
.cs-spa-retail-content .tutorial__footerNote {
  z-index: 1030;
  top: 92vh;
  position: absolute;
  color: #25323d;
  font-size: 1.8rem;
  width: 360px;
  left: calc(100vw - 500px);
}
@media (max-width: 1366px) {
  .cs-spa-retail-content .tutorial__textContainer {
    width: 280px;
    left: calc(100vw - 364px);
  }
  .cs-spa-retail-content .tutorial__slideTitle {
    font-size: 3.6rem;
  }
  .cs-spa-retail-content .tutorial__slideText {
    font-size: 1.8rem;
  }
}
@media (max-height: 700px) {
  .cs-spa-retail-content .tutorial__textContainer {
    top: 70px;
  }
}
html[lang='he'] .cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-indicators {
  width: 312px;
  left: calc(100vw - 380px);
  direction: ltr;
}
html[lang='he'] .cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .tutorial__footerNote {
  width: 250px;
  left: calc(103vw - 386px);
}
@media (max-width: 1380px) {
  html[lang='he'] .cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .tutorial__footerNote {
    left: calc(103vw - 369px);
  }
}
html[lang='he'] .cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-control.right {
  left: calc(100vw - 150px);
}
html[lang='he'] .cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .carousel-control.left {
  left: calc(100vw - 240px);
}
html[lang='he'] .cs-spa-retail-content.discountBiz-modal-general.tutorial-modal .tutorial__slideTitle {
  max-width: 320px;
}
.icount-popup .sme-global-error {
  box-shadow: none;
  padding: 0;
  height: auto;
}
.icount-popup .section-header {
  font-size: 2.2rem;
  color: #4bc87d;
}
.icount-popup .app-icon-agrement {
  margin-top: -7px;
}
.icount-popup .section-body {
  margin: 10px 0 30px;
}
.icount-popup .centered {
  text-align: center;
}
.icount-popup .general-btn {
  min-width: 84px;
}
.icount-popup img {
  margin-top: 10px;
  margin-right: 0;
}
#main-content #personal_planning {
  background-color: #ffffff;
  padding: 25px 15px;
}
#main-content #personal_planning .wrapper .header .planning-header h1 {
  font-size: 20px;
}
#main-content #personal_planning .wrapper .body-wrapper {
  width: 100%;
}
#main-content #personal_planning .wrapper .body-wrapper.cs-merkantil {
  background: none;
}
#main-content #personal_planning .wrapper .body-wrapper .planning-body .planning-body-text {
  padding: 20px 0;
}
#main-content #personal_planning .wrapper .body-wrapper .planning-body .planning-body-text p {
  color: #848484;
  font-size: 14px;
  line-height: 23px;
}
#main-content #personal_planning .wrapper .body-wrapper .planning-body .btn-link {
  cursor: pointer;
  margin: 0;
  color: #4bc87d;
  padding-left: 1px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0 0 0 25px;
}
.credit-data-report-container .topActionBar {
  padding-bottom: 9px;
  min-height: 70px;
}
.credit-data-report-container .topActionBar .main-title {
  line-height: 24px;
}
.credit-data-report-container .topActionBar .main-title .sub-title {
  font-size: 14px;
  padding-top: 2px;
}
.credit-data-report-container .no-report-section {
  background-color: #ffffff;
  min-height: 273px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.credit-data-report-container .no-report-section .no-report-text {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: 14px;
}
.credit-data-report-container .no-report-section .no-report-img {
  width: 67px;
  height: 63px;
}
.credit-data-report-container .confirm-send-otp {
  background-color: #ffffff;
  min-height: 136px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.credit-data-report-container .confirm-send-otp .confirm-send-text {
  color: #4A4A4A;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
}
.credit-data-report-container .confirm-send-otp .confirm-send-text .title {
  color: #4bc87d;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
}
@media (max-width: 769px) {
  .credit-data-report-container .confirm-send-otp {
    align-items: flex-end;
  }
}
.credit-data-report-container .confirm-send-otp:last-child {
  align-items: start;
}
@media (max-width: 769px) {
  .credit-data-report-container .confirm-send-otp:last-child {
    align-items: center;
  }
}
.credit-data-report-container .confirm-send-otp .report-btns {
  margin-top: 0;
}
.credit-data-report-container .confirm-send-otp .report-btns .general-btn {
  padding-right: 35px;
  padding-left: 35px;
}
.credit-data-report-container .wrap-table .green-link {
  font-weight: unset;
  text-decoration: none;
}
.credit-data-report-container .wrap-table .green-link span {
  text-decoration: underline;
  margin-right: 5px;
}
.credit-data-report-container .legal-terms-wrapper {
  margin-top: 56px;
  text-align: right;
}
.credit-data-report-container .legal-terms-wrapper .legal-terms {
  color: #7d91a1;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 768px) {
  .credit-data-report-container .topActionBar {
    padding-bottom: 0;
  }
  .credit-data-report-container .topActionBar .main-title {
    padding: 11px 15px 10px 15px;
    height: auto;
  }
  .credit-data-report-container .topActionBar .hidden-on-tablet {
    height: 0px;
  }
  .credit-data-report-container .topActionBar .toggleViewBtns {
    margin-bottom: 0;
    box-shadow: unset;
  }
  .credit-data-report-container .wrap-table-and-legal-condition .generalTable .wrap-table rc-table .rc-table {
    width: 100% !important;
  }
  .credit-data-report-container .wrap-table-and-legal-condition .generalTable .wrap-table rc-table .rc-table .rc-table-td {
    width: 50% !important;
  }
  .credit-data-report-container .legal-terms-wrapper {
    padding: 0 15px;
  }
}