/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./style/css/css_common/widgetCreditCards.less ***!
  \******************************************************************************************************************************************************************/
/**** NEW COLORS PARAMS ***/
/********************************************************New Design Colors**********************************************************/
.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;
}
.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;
}
.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;
  }
}