@charset "UTF-8";
/* retina */
.retina-detect span { font-size: 1px; }

@media only screen and (-o-min-device-pixel-ratio: 5 / 4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
.retina-detect span { font-size: 2px; }
}

/* @3x Images (Pixel Ratio of 2.25+) */
@media only screen and (-o-min-device-pixel-ratio: 9 / 4), only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx) {
.retina-detect span { font-size: 3px; }
}

/* @4x Images (Pixel Ratio of 3.25+) */
@media only screen and (-o-min-device-pixel-ratio: 13 / 4), only screen and (-webkit-min-device-pixel-ratio: 3.25), only screen and (min-device-pixel-ratio: 3.25), only screen and (min-resolution: 3.25dppx) {
.retina-detect span { font-size: 4px; }
}
/* custom heboo fonts */
@font-face { font-family: 'Heebo'; src: url("../../../../fonts/heebo-light-webfont.woff2") format("woff2"), url("../../../../fonts/heebo-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Heebo'; src: url("../../../../fonts/heebo-regular-webfont.woff2") format("woff2"), url("../../../../fonts/heebo-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Heebo'; src: url("../../../../fonts/heebo-medium-webfont.woff2") format("woff2"), url("../../../../fonts/heebo-medium-webfont.woff") format("woff"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Heebo'; src: url("../../../../fonts/heebo-bold-webfont.woff2") format("woff2"), url("../../../../fonts/heebo-bold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; }
/* end heboo custom font */
/* falvours custom font */
@font-face { font-family: 'flavorsregular'; src: url("../../../../fonts/flavors-regular-webfont.woff2") format("woff2"), url("../../../../fonts/flavors-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
/* end falvours custom font */
/* OCR custom font */
@font-face { font-family: 'OCR A Extended'; src: url("../../../../fonts/ocr-a-extended.ttf") format("truetype"), url("../../../../fonts/ocr-a-extended.woff") format("woff"); font-weight: 400; font-style: normal; }
/* End OCR custom font */
body { color: #2F2F2F; font: 0.875rem/1.42857 'Heebo', Arial, "Helvetica Neue", sans-serif; }
@font-face { font-family: 'cholder4'; src: url("../../../../fonts/cholder4.eot?bpopli"); src: url("../../../../fonts/cholder4.eot?bpopli#iefix") format("embedded-opentype"), url("../../../../fonts/cholder4.ttf?bpopli") format("truetype"), url(".../../../../fonts/cholder4.woff?bpopli") format("woff"), url("../../../../fonts/cholder4.svg?bpopli#cholder4") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'cholder4' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-globe:before { content: "\e963"; }
.icon-multi-currencies:before { content: "\e964"; }
.icon-one-card:before { content: "\e965"; }
.icon-support24:before { content: "\e98c"; }
.icon-promo_solid:before { content: "\e962"; }
.icon-alert_settings:before { content: "\e961"; }
.icon-emailsms:before { content: "\e99f"; }
.icon-promotional_code:before { content: "\e99e"; }
.icon-view_icon:before { content: "\e984"; }
.icon-change-pin:before { content: "\e97f"; }
.icon-reveal-pin:before { content: "\e980"; }
.icon-send-pin:before { content: "\e981"; }
.icon-unlock-pin:before { content: "\e982"; }
.icon-add-info:before { content: "\e97e"; }
.icon-arrow-right2:before { content: "\e974"; }
.icon-right2:before { content: "\e974"; }
.icon-next2:before { content: "\e974"; }
.icon-add:before { content: "\e942"; }
.icon-calculate:before { content: "\e942"; }
.icon-copy:before { content: "\e942"; }
.icon-create:before { content: "\e942"; }
.icon-search:before { content: "\e93d"; }
.icon-find:before { content: "\e93d"; }
.icon-lookup:before { content: "\e93d"; }
.icon-magnifier:before { content: "\e93d"; }
.icon-sound-alt:before { content: "\e92a"; }
.icon-speaker:before { content: "\e92a"; }
.icon-volume:before { content: "\e92a"; }
.icon-ivr:before { content: "\e9a0"; }
.icon-security-badge:before { content: "\e999"; }
.icon-mobile2:before { content: "\e99a"; }
.icon-helpline2:before { content: "\e99b"; }
.icon-currencies:before { content: "\e99c"; }
.icon-countries:before { content: "\e99d"; }
.icon-bell-simple:before { content: "\e985"; }
.icon-calander3:before { content: "\e986"; }
.icon-eye-cross:before { content: "\e987"; }
.icon-member:before { content: "\e988"; }
.icon-resume:before { content: "\e989"; }
.icon-star-cross:before { content: "\e98a"; }
.icon-bell-cross:before { content: "\e98b"; }
.icon-mailSent:before { content: "\e97c"; }
.icon-calendar1:before { content: "\e97a"; }
.icon-download1:before { content: "\e97b"; }
.icon-cross-alert:before { content: "\e979"; }
.icon-sms-new:before { content: "\e978"; }
.icon-pdf2:before { content: "\e975"; }
.icon-excel:before { content: "\e976"; }
.icon-cvs:before { content: "\e977"; }
.icon-circle:before { content: "\e973"; }
.icon-recurringTransfer:before { content: "\e970"; }
.icon-manageAlerts:before { content: "\e971"; }
.icon-alertHistory:before { content: "\e972"; }
.icon-satellite:before { content: "\e969"; }
.icon-map:before { content: "\e96c"; }
.icon-location:before { content: "\e96d"; }
.icon-distance:before { content: "\e96e"; }
.icon-direction1:before { content: "\e96f"; }
.icon-phone:before { content: "\e967"; }
.icon-help-circle:before { content: "\e95e"; }
.icon-printer:before { content: "\e95b"; }
.icon-pin-filled:before { content: "\e95c"; }
.icon-pdf:before { content: "\e95d"; }
.icon-ierror-con:before { content: "\e95a"; }
.icon-notification:before { content: "\e959"; }
.icon-code-resend:before { content: "\e956"; }
.icon-subscribed:before { content: "\e950"; }
.icon-public:before { content: "\e951"; }
.icon-private:before { content: "\e952"; }
.icon-preferences:before { content: "\e953"; }
.icon-edit:before { content: "\e954"; }
.icon-view:before { content: "\e94c"; }
.icon-login:before { content: "\e94d"; }
.icon-income:before { content: "\e94e"; }
.icon-business:before { content: "\e94f"; }
.icon-share-funds:before { content: "\e95f"; }
.icon-my-cards:before { content: "\e960"; }
.icon-manage-profile2:before { content: "\e966"; }
.icon-purchase:before { content: "\e96a"; }
.icon-c2c:before { content: "\e96b"; }
.icon-message-letter:before { content: "\e945"; }
.icon-delete:before { content: "\e946"; }
.icon-clock:before { content: "\e947"; }
.icon-attachments:before { content: "\e948"; }
.icon-transfer-funds:before { content: "\e933"; }
.icon-transactions-history:before { content: "\e934"; }
.icon-safe:before { content: "\e935"; }
.icon-recomended:before { content: "\e936"; }
.icon-manage-profile:before { content: "\e937"; }
.icon-manage-notifications:before { content: "\e938"; }
.icon-customer-support:before { content: "\e939"; }
.icon-convinient:before { content: "\e93a"; }
.icon-bank-us:before { content: "\e93b"; }
.icon-active-card:before { content: "\e93c"; }
.icon-sound_icon:before { content: "\e92b"; }
.icon-sms_icon:before { content: "\e92c"; }
.icon-refresh_icon:before { content: "\e92d"; }
.icon-question_icon:before { content: "\e92e"; }
.icon-email_icon:before { content: "\e92f"; }
.icon-card-detail2:before { content: "\e91d"; }
.icon-coin:before { content: "\e91e"; }
.icon-limit:before { content: "\e91f"; }
.icon-lock:before { content: "\e919"; }
.icon-narrow-arrow-down:before { content: "\e91a"; }
.icon-narrow-arrow-right:before { content: "\e91b"; }
.icon-user:before { content: "\e91c"; }
.icon-activity:before { content: "\e900"; }
.icon-alert:before { content: "\e901"; }
.icon-arrow-down:before { content: "\e902"; }
.icon-arrow-right1:before { content: "\e903"; }
.icon-arrow-right:before { content: "\e903"; }
.icon-bell:before { content: "\e904"; }
.icon-block:before { content: "\e905"; }
.icon-card:before { content: "\e906"; }
.icon-card-detail:before { content: "\e907"; }
.icon-card-summary:before { content: "\e908"; }
.icon-cross:before { content: "\e909"; }
.icon-home:before { content: "\e90a"; }
.icon-info:before { content: "\e90b"; }
.icon-logout:before { content: "\e90c"; }
.icon-menu:before { content: "\e90d"; }
.icon-message:before { content: "\e90e"; }
.icon-msg-alert:before { content: "\e90f"; }
.icon-payment:before { content: "\e910"; }
.icon-services:before { content: "\e911"; }
.icon-spending-analysis:before { content: "\e912"; }
.icon-spending-controls:before { content: "\e913"; }
.icon-statement:before { content: "\e914"; }
.icon-success:before { content: "\e915"; }
.icon-transfer-history:before { content: "\e916"; }
.icon-unsuccess:before { content: "\e917"; }
.icon-vb:before { content: "\e918"; }
.icon-dots-three-horizontal:before { content: "\e983"; }
.icon-checkmark-outline:before { content: "\e97d"; }
.icon-direction:before { content: "\e968"; }
.icon-help:before { content: "\e928"; }
.icon-calendar:before { content: "\e930"; }
.icon-reload:before { content: "\e929"; }
.icon-pen-angled:before { content: "\e943"; }
.icon-upload:before { content: "\e955"; }
.icon-more-horizontal:before { content: "\e94b"; }
.icon-map-pin:before { content: "\e94a"; }
.icon-download:before { content: "\e931"; }
.icon-check:before { content: "\e924"; }
.icon-keyboard_arrow_up:before { content: "\e93e"; }
.icon-keyboard_arrow_right:before { content: "\e93f"; }
.icon-keyboard_arrow_left:before { content: "\e940"; }
.icon-keyboard_arrow_down:before { content: "\e941"; }
.icon-palette:before { content: "\e923"; }
.icon-angle-double-right:before { content: "\e957"; }
.icon-angle-double-left:before { content: "\e958"; }
.icon-envelope:before { content: "\e949"; }
.icon-trash-o:before { content: "\e944"; }
.icon-exchange:before { content: "\e932"; }
.icon-mobile:before { content: "\e925"; }
.icon-mobile-phone:before { content: "\e925"; }
.icon-commenting-o:before { content: "\e926"; }
.icon-envelope-o:before { content: "\e927"; }
.icon-paint-brush:before { content: "\e921"; }
.icon-font:before { content: "\e922"; }
.icon-cog:before { content: "\e920"; }
.icon-gear:before { content: "\e920"; }

.fw-500 { font-weight: 500; }
.m0 { margin: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }

@media (max-width: 991px) {
.mt-sm-5 { margin-top: 5px !important; }
.mt-sm-10 { margin-top: 10px !important; }
.mt-sm-15 { margin-top: 15px !important; }
.mt-sm-20 { margin-top: 20px !important; }
.mt-sm-25 { margin-top: 25px !important; }
.mt-sm-30 { margin-top: 30px !important; }
.mr-sm-5 { margin-right: 5px !important; }
.mr-sm-10 { margin-right: 10px !important; }
.mr-sm-15 { margin-right: 15px !important; }
.mr-sm-20 { margin-right: 20px !important; }
.mr-sm-25 { margin-right: 25px !important; }
.mr-sm-30 { margin-right: 30px !important; }
.mb-sm-5 { margin-bottom: 5px !important; }
.mb-sm-10 { margin-bottom: 10px !important; }
.mb-sm-15 { margin-bottom: 15px !important; }
.mb-sm-20 { margin-bottom: 20px !important; }
.mb-sm-25 { margin-bottom: 25px !important; }
.mb-sm-30 { margin-bottom: 30px !important; }
.ml-sm-5 { margin-left: 5px !important; }
.ml-sm-10 { margin-left: 10px !important; }
.ml-sm-15 { margin-left: 15px !important; }
.ml-sm-20 { margin-left: 20px !important; }
.ml-sm-25 { margin-left: 25px !important; }
.ml-sm-30 { margin-left: 30px !important; }
}

@media (max-width: 767px) {
.mt-xs-5 { margin-top: 5px !important; }
.mt-xs-10 { margin-top: 10px !important; }
.mt-smxs15 { margin-top: 15px !important; }
.mt-xs-20 { margin-top: 20px !important; }
.mt-xs-25 { margin-top: 25px !important; }
.mt-xs-30 { margin-top: 30px !important; }
.mr-xs-5 { margin-right: 5px !important; }
.mr-xs-10 { margin-right: 10px !important; }
.mr-xs-15 { margin-right: 15px !important; }
.mr-xs-20 { margin-right: 20px !important; }
.mr-xs-25 { margin-right: 25px !important; }
.mr-xs-30 { margin-right: 30px !important; }
.mb-xs-5 { margin-bottom: 5px !important; }
.mb-xs-10 { margin-bottom: 10px !important; }
.mb-xs-15 { margin-bottom: 15px !important; }
.mb-xs-20 { margin-bottom: 20px !important; }
.mb-xs-25 { margin-bottom: 25px !important; }
.mb-xs-30 { margin-bottom: 30px !important; }
.ml-xs-5 { margin-left: 5px !important; }
.ml-xs-10 { margin-left: 10px !important; }
.ml-xs-15 { margin-left: 15px !important; }
.ml-xs-20 { margin-left: 20px !important; }
.ml-xs-25 { margin-left: 25px !important; }
.ml-xs-30 { margin-left: 30px !important; }
}
.p0 { padding: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.p0 { padding: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.box-shadow-none { box-shadow: none !important; }

@media (max-width: 991px) {
.pt-sm-5 { padding-top: 5px !important; }
.pt-sm-10 { padding-top: 10px !important; }
.pt-sm-15 { padding-top: 15px !important; }
.pt-sm-20 { padding-top: 20px !important; }
.pt-sm-25 { padding-top: 25px !important; }
.pt-sm-30 { padding-top: 30px !important; }
.pr-sm-5 { padding-right: 5px !important; }
.pr-sm-10 { padding-right: 10px !important; }
.pr-sm-15 { padding-right: 15px !important; }
.pr-sm-20 { padding-right: 20px !important; }
.pr-sm-25 { padding-right: 25px !important; }
.pr-sm-30 { padding-right: 30px !important; }
.pb-sm-5 { padding-bottom: 5px !important; }
.pb-sm-10 { padding-bottom: 10px !important; }
.pb-sm-15 { padding-bottom: 15px !important; }
.pb-sm-20 { padding-bottom: 20px !important; }
.pb-sm-25 { padding-bottom: 25px !important; }
.pb-sm-30 { padding-bottom: 30px !important; }
.pl-sm-5 { padding-left: 5px !important; }
.pl-sm-10 { padding-left: 10px !important; }
.pl-sm-15 { padding-left: 15px !important; }
.pl-sm-20 { padding-left: 20px !important; }
.pl-sm-25 { padding-left: 25px !important; }
.pl-sm-30 { padding-left: 30px !important; }
}

@media (max-width: 767px) {
.pt-xs-5 { padding-top: 5px !important; }
.pt-xs-10 { padding-top: 10px !important; }
.pt-smxs15 { padding-top: 15px !important; }
.pt-xs-20 { padding-top: 20px !important; }
.pt-xs-25 { padding-top: 25px !important; }
.pt-xs-30 { padding-top: 30px !important; }
.pr-xs-5 { padding-right: 5px !important; }
.pr-xs-10 { padding-right: 10px !important; }
.pr-xs-15 { padding-right: 15px !important; }
.pr-xs-20 { padding-right: 20px !important; }
.pr-xs-25 { padding-right: 25px !important; }
.pr-xs-30 { padding-right: 30px !important; }
.pb-xs-5 { padding-bottom: 5px !important; }
.pb-xs-10 { padding-bottom: 10px !important; }
.pb-xs-15 { padding-bottom: 15px !important; }
.pb-xs-20 { padding-bottom: 20px !important; }
.pb-xs-25 { padding-bottom: 25px !important; }
.pb-xs-30 { padding-bottom: 30px !important; }
.pl-xs-5 { padding-left: 5px !important; }
.pl-xs-10 { padding-left: 10px !important; }
.pl-xs-15 { padding-left: 15px !important; }
.pl-xs-20 { padding-left: 20px !important; }
.pl-xs-25 { padding-left: 25px !important; }
.pl-xs-30 { padding-left: 30px !important; }
}
.mb-n25 { margin-bottom: -25px; }
* { max-height: 1000000px; }
button:focus, a:focus, *:focus { outline: none; }
html, body { height: 100%; }
a .ico, a, button, [type] { transition: all 0.25s ease; }
button { cursor: pointer; }
.f-300 { font-weight: 300 !important; }
.f-400 { font-weight: 400 !important; }
.f-500 { font-weight: 500 !important; }
.f-600 { font-weight: 600 !important; }
.f-700 { font-weight: 700 !important; }
.c-black { color: #000 !important; }
.d-table { display: table; width: 100%; }
.d-table > *:not(script) { display: table-cell; vertical-align: top; }
.l-fixed { table-layout: fixed; }
.text-uppercase { text-transform: uppercase; }
.min-300 { min-height: 300px; }
.ovh { overflow: hidden; }
.p-static { position: static; }
.p-relative { position: relative; }
.t-cell { display: table-cell; vertical-align: top; }
[data-timer="1"]:before { content: '0'; }
.page-height-auto #main > .container { height: auto; }
.page-height-auto .sub-container { height: auto; }
.no-sub-container-shadow .sub-container:before { display: none; }
body.nav-active { overflow: hidden; }
[class*="col-"]:only-child { flex: 0 0 100%; max-width: 100%; }
[class*="iradio"] { display: inline-block; vertical-align: top; overflow: hidden; position: relative; border-radius: 100%; width: 1.289em; height: 1.289em; border: solid 2px #66b8ac; }
[class*="iradio"].hover, [class*="iradio"].focus { outline: dotted 1px; }
[class*="iradio"] [type="radio"] { top: 0; left: 0; margin: 0; width: 100%; height: 100%; }
[class*="iradio"]:after { top: 50%; left: 50%; opacity: 0; content: ''; background: #fff; position: absolute; border-radius: 100%; width: 0.6em; height: 0.6em; transition: all 0.25s ease; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
[class*="iradio"].checked { border-color: #fff; }
[class*="iradio"].checked:after { opacity: 1; }
[class*="iradio"] ins { z-index: 3; }
[class*="icheckbox"] { top: 1px; color: #fff; cursor: pointer; width: 2em; height: 2em; font-size: 0.57143em; line-height: 1; display: inline-block; vertical-align: top; border-radius: 4px; margin: 0 8px 0 0; border: solid #DFE6EE 2px; transition: all 0.25s ease; background: #fff; }
[class*="icheckbox"] * { cursor: pointer; transition: all 0.25s ease; }
[class*="icheckbox"] ins { z-index: 3; width: auto !important; height: auto !important; left: -2px !important; right: -2px; top: -2px !important; bottom: -2px; }
[class*="icheckbox"].checked, [class*="icheckbox"].hover, [class*="icheckbox"].focus { border-color: #10432e; }
[class*="icheckbox"]:before { top: 50%; left: 50%; opacity: 0; content: "\e950"; margin: 0; position: absolute; font-family: 'cholder4'; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
[class*="icheckbox"].checked { background: #058B71; border-color: #058B71; }
[class*="icheckbox"].checked:before { opacity: 1; }
[style*="background-image"] { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
#wrapper { display: table; overflow: hidden; position: relative; table-layout: fixed; width: 100%; height: 100%; }
#wrapper.public-custom-background #main, #wrapper.public-custom-background #header, #wrapper.card_registration-page #main, #wrapper.card_registration-page #header, #wrapper.account_setup-page #main, #wrapper.account_setup-page #header, #wrapper.forgot-password-page #main, #wrapper.forgot-password-page #header, #wrapper.wrapper #main, #wrapper.wrapper #header { background: none; box-shadow: none; }
#wrapper.inner-page #header .holder { padding: 15px 0; }
.alert { color: #323232; margin: 0 0 20px; font-weight: 400; border-radius: 4px; font-size: 0.85714em; line-height: 1.25; padding: 11px 40px 11px 18px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05); }
.alert .text-normal { font-weight: 400; }
.alert .link { margin: 0 0 0 10px; text-decoration: underline; }
.alert .link:hover, .alert .link:focus { text-decoration: none; }
.alert .close { top: 50%; opacity: 0.5; right: 15px; font-size: 10px; margin: -5px 0 0; position: absolute; text-shadow: none; color: #000; }
.alert .close:hover, .alert .close:focus { text-decoration: none; color: #262626; }
.alert .close:hover, .alert .close:focus { opacity: 1; outline: dotted 1px; outline-offset: 3px; }
.alert.alert-danger { color: #9F2D2D; font-size: 0.92857em; border: 1px solid #FAA9A9; background-color: #FFEEED; padding: 16px 40px 16px 48px; }
.alert.alert-danger:before { content: "\e979"; font: 18px/1 'cholder4' !important; color: #9F2D2D; position: absolute; left: 16px; top: 15px; }
.alert.alert-danger .icon-cross { color: #9F2D2D; font-size: 8px; font-weight: bold; }
.alert.alert-primary { font-weight: 400; }
.alert.alert-primary a { font-weight: 700; text-decoration: underline; }
.alert.alert-primary a:hover, .alert.alert-primary a:focus { text-decoration: none; }
.alert.alert-primary .close { color: #3466a3; }
.alert.alert-primary .close:hover, .alert.alert-primary .close:focus { text-decoration: none; color: #598cca; }
.alert .date { font-weight: 400; letter-spacing: 0.03rem; font-size: 0.91667em; line-height: 1.27273; }
.alert .alert-title { font-weight: 400; }
.alert.alt { font-weight: 500; }
.btn-tooltip { padding: 0; opacity: 0.5; border-width: 0; background: none; }
.btn-tooltip:hover, .btn-tooltip:focus { opacity: 1; }
.btn:not(.dropdown-toggle) { top: 0; font-weight: 400; position: relative; transition: all 0.25s ease; }
.btn:not(.dropdown-toggle):focus, .btn:not(.dropdown-toggle):hover { box-shadow: none; }
.btn:not(.dropdown-toggle):active, .btn:not(.dropdown-toggle):focus { outline: none; box-shadow: none; }
.btn:not(.dropdown-toggle):active { top: 2px; }
.btn:not(.dropdown-toggle).btn-primary { border-color: #33402b; background: #33402b; }
.btn:not(.dropdown-toggle).btn-primary:hover, .btn:not(.dropdown-toggle).btn-primary:focus { background: #576e4a; }
.btn:not(.dropdown-toggle).btn-primary:active, .btn:not(.dropdown-toggle).btn-primary:hover, .btn:not(.dropdown-toggle).btn-primary:focus, .btn:not(.dropdown-toggle).btn-primary:active:focus { color: #fff; box-shadow: none; background: #576e4a; border-color: #576e4a; }
.btn:not(.dropdown-toggle).btn-primary:hover { box-shadow: none; }
.btn { font-weight: 500; padding: 11px 20px; font-size: 1em; line-height: 1.28571; }
.btn.no-shadow:hover, .btn.no-shadow:focus, .btn.no-shadow:active, .btn.no-shadow:active:focus { top: auto; box-shadow: none; }
.btn.btn-info { background: #0c525d; border-color: #0c525d; }
.btn.btn-info:active, .btn.btn-infoactive:focus, .btn.btn-info:hover, .btn.btn-info:focus { background: #1fc8e3; border-color: #1fc8e3; }
.btn.btn-orange { border-radius: 4px; }
.btn.btn-light { border-radius: 4px; }
.btn.btn-danger { background-color: #EB4E32; color: #fff; }
.btn.small { padding: 5px 15px; font-size: 0.78571em; line-height: 1.27273; }
.btn.btn-gray { color: #fff; background: #A9B4C0; }
.btn.btn-gray:hover, .btn.btn-gray:focus { background: #7d8da0; }
.btn.btn-red { color: #fff; background: #E6242F; }
.btn.btn-red:hover, .btn.btn-red:focus { background: #ee6970; }
.tag { color: #fff; /*max-height: 20px;*/ background: #333; font-weight: 400; padding: 0 12px; text-align: center; border-radius: 14px; font-size: 0.714em; line-height: 2.002em; text-transform: uppercase; display: inline-block; vertical-align: top; }
.tag.active { background: #0c9aa6; }
.tag.closed { background: #b56f47; }
.tag.in-transit { background: #ada336; }
.tag.logged, .tag.L { color: #668DCB; border: 1px solid #A7C0E7; background-color: rgba(235, 243, 252, 0.8); }
.tag.failed, .tag.F, .tag.cancelled, .tag.C { color: #E56464; border: 1px solid #E8BBBB; background-color: rgba(252, 220, 220, 0.8); }
.tag.pending, .tag.Bank.Return { color: #EE945C; border: 1px solid #EE945C; background-color: #FFF2DE; }
.tag.posted, .tag.processed, .tag.P { color: #21953F; border: 1px solid #56C071; background-color: #E5FFEA; }
.tag.in-progress, .tag.I { color: #3EC1A3; border: 1px solid #3EC1A3; background-color: #DCF7F1; }
.tag.blue { background: #0c9aa6; }
.tag.verified { color: #2B7863; background: rgba(214, 236, 230, 0.8); }
.tag .ico { margin: 0 10px 0 0; }
.tag.scheduled, .tag.S { color: #888888; border: 1px solid #B8B8B8; background-color: rgba(184, 184, 184, 0.16); }
.tag.status-A { color: #fff; background: #0C9AA6; border-color: #6bf3ff; }
.tag.status-B { color: #fff; background: #58c299; border-color: #0ca66a; }
.tag.status-C { color: #fff; background: #ffc5ce; border-color: #ff647c; }
.tag.status-D { color: #b82cfb; background: #f0d1ff; border-color: #b82cfb; }
.tag.status-E { color: #be52f2; background: #f1e4f4; border-color: #ecc5ff; }
.tag.status-F { color: #fff; background: #646464; border-color: #343434; }
.tag.status-G { color: #ff647c; background: #fceaed; border-color: #ff647c; }
.tag.status-H { color: #ffa26b; background: #ffe8da; border-color: #ffa26b; }
.tag.status-I { color: #b98b1d; background: #ffdb85; border-color: #eec768; }
.tag.status-R { color: #ffcf5c; background: #fff8e7; border-color: #ffcf5c; }
.tag.status-S { color: #fff; background: #8b97fa; border-color: #717fef; }
.tag.status-X { color: #fff; background: #979797; border-color: #6c6c6c; }
.img-responsive { height: auto; display: block; max-width: 100%; }
.field { position: relative; }
.field-holder { min-height: 90px; margin-bottom: 5px; }
.form-control { height: 65px; border-width: 2px; border-radius: 0; border-color: #f1f1f1; }
.form-control:focus { box-shadow: none !important; }
.field-focused .form-control + .graphic--madoka, .form-control:hover + .graphic--madoka, .form-control:focus + .graphic--madoka { stroke-dashoffset: 0; stroke: #69be28; }
.has-error .form-control + .graphic--madoka { stroke: #c00; }
.form-control[disabled] { opacity: 0.6; background: #fff; }
[disabled] { cursor: not-allowed; }
.error-field { border-color: #D36E6E !important; }
textarea.form-control { height: auto; max-height: 150px !important; resize: none; }
label > em { font-size: 0; line-height: 0; background-color: #D36E6E; width: 4px; height: 4px; border-radius: 100%; margin: 4px 0 0 4px; display: inline-block; vertical-align: top; }
.label-slide .form-control { padding: 0; height: 36px; border-width: 0 0 2px; }
.label-slide label { top: 27px; margin: 0; z-index: 3; position: relative; transition: all 0.35s ease; }
.label-slide label.top-auto { top: auto; font-size: 0.85714em; line-height: 1.66667; }
.label-slide.field-focused label { top: 0; font-size: 0.85714em; line-height: 1.66667; /*line-height: 20px;*/ }
label.top-auto { top: auto; font-size: 0.85714em; line-height: 1.66667; }
.label-slide label ~ .tooltip-with-label[data-tooltip]{top:27px;margin:0;z-index:3;position:relative;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}
.label-slide.field-focused label ~ .tooltip-with-label[data-tooltip]{top:0}
.label-slide label.top-auto ~ .tooltip-with-label[data-tooltip]{top:auto}
.single-border .form-control { padding: 0; height: 36px; border-width: 0 0 2px; }
.field-focused .form-control { border-color: #FAA532; }
.field-focused .ico { color: #69be28; }
.slider-checkbox { display: inline-block; vertical-align: middle; }
.slider-checkbox * { cursor: pointer; }
.slider-checkbox [class*="icheckbox"] { border-width: 0; border-radius: 10px; width: 25px; height: 10px; }
.slider-checkbox [class*="icheckbox"]:before { left: 0; margin: 0; content: ''; opacity: 1; width: 16px; height: 16px; border-radius: 100%; transition: all 0.25s ease; transform: translate(0, -50%); -ms-transform: translate(0, -50%); }
.slider-checkbox [class*="icheckbox"].hover:before, .slider-checkbox [class*="icheckbox"].focus:before { outline: dotted 1px #000; }
.slider-checkbox [class*="icheckbox"].checked:before { margin: 0 0 0 -7px; transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); }
.main-page .container { max-width: 1140px; }
.clearboth { clear: both; }
.input { position: relative; }
.container { max-width: 1200px; }
.graphic--madoka { -webkit-transform: scale3d(1, -1, 1); transform: scale3d(1, -1, 1); -webkit-transition: stroke-dashoffset 0.3s; transition: stroke-dashoffset 0.3s; pointer-events: none; stroke-width: 4px; stroke-dasharray: 960; stroke-dashoffset: 555; }
.graphic { position: absolute; top: 0; left: 0; fill: none; }
.tooltip { font-size: 0.78571em; line-height: 1.54545; }
.tooltip.bs-tooltip-bottom { margin-top: 4px; }
.tooltip .tooltip-inner { text-align: left; padding: 18px 15px; font-weight: normal; }
.field-success:after { right: 0; bottom: 13px; content: "\e950"; position: absolute; pointer-events: none; font: 0.7em/1 'cholder4'; }
.field-success .form-control { padding-right: 30px; }
.label { display: inline-block; vertical-align: top; margin-bottom: 0.5rem; }
.static-val { color: #222; display: block; font-weight: 400; font-size: 16px; line-height: 1.5; }
 input:not([type="button"]):not([type="submit"]):not([type="reset"]):not(output):-moz-ui-invalid {
box-shadow: none;
}
input[readonly].form-control, input[disabled].form-control { opacity: 0.4; background: #fff; }
select, select.form-control { font-size: 100%; -webkit-appearance: none; background: url("../../../../cstatic/8c353811-47e3-4ef4-8e53-87b4f4f76f89/arrow-down.svg") no-repeat 100% 50% / 10px 10px; }
.default-select-style { position: relative; }
.default-select-style:after { top: 0; right: 0; content: "\e941"; background: #fff; position: absolute; width: 34px; height: 34px; pointer-events: none; font: 1.2857em/1.888 'cholder4'; text-align: center !important; }
 body .custom-select.is-valid:focus, body .form-control.is-valid:focus, body .was-validated .custom-select:valid:focus, body .was-validated .form-control:valid:focus {
outline: none;
box-shadow: none;
}
.form-control.defaultKeypad[disabled][readonly] { cursor: not-allowed; }
.form-control.defaultKeypad[readonly], .form-control.datepicker[readonly] { opacity: 1; cursor: pointer; }
.form-control.datepicker .ico { pointer-events: none; }
.form-control:focus ~ .field-masking { opacity: 0 !important; visibility: hidden; }
.field-masking { width: 100%; background: #fff; pointer-events: none; height: calc(100% - 2px); }
.field-masking.form-control { border-width: 0 !important; height: auto !important; bottom: 2px; line-height: 43px !important; }
.no-masking .field-masking { display: none !important; }
.tab-content.default-show > .tab-pane { top: -9999em; width: 100%; left: -9999em; display: block; position: absolute; }
.tab-content.default-show > .tab-pane.active, .tab-content.default-show > .tab-pane.show { top: auto; left: auto; position: relative; }
.field-dot { top: 0; left: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; }
.field-dot:before { top: 50%; left: 50%; content: ''; width: 10px; height: 10px; position: absolute; background: #D8D8D8; border-radius: 100%; margin: -5px 0 0 -5px; }
.field-dot.field-focused:before { display: none; }
 input:-internal-autofill-selected {
box-shadow: 0 0 0 80px #fff inset;
}
 input:-internal-autofill-selected:focus {
box-shadow: 0 0 0 80px #fff inset;
}
.label-disabled { opacity: 0.4; cursor: not-allowed !important; }
.label-disabled.hover, .label-disabled.focus, .label-disabled:hover { outline: none !important; }
::selection { color: #fff; background-color: #f99612; }
[data-time-length="0"]:before { content: '0'; }
.field-focused select.form-control { border-color: #f1f1f1; }
.field-focused select.form-control:focus { border-color: #FAA532; }
.show-on-focus:not(.dropdown-toggle), .skip-to-content:not(.dropdown-toggle) { left: 10px; top: -100px; opacity: 0; z-index: 300; position: fixed; transition: all 0.25s ease; }
.show-on-focus:not(.dropdown-toggle):focus, .skip-to-content:not(.dropdown-toggle):focus { top: 20px; opacity: 1; }
#header { height: 1%; width: 100%; z-index: 102; position: relative; display: table-header-group; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
#header > .holder { position: relative; }
#header.header-public > .holder { padding: 35px 0; }
#header .user-cards-dropdown { margin: 0 0 0 10px; }
[data-pagetype="public-page"] #header { z-index: 300; }
[data-pagetype="public-page"] .nav-opener.overlay { z-index: 301; }
/*
.forgot-password-page {
	#header > .holder {
		padding-bottom: 40px;
	}
}
*/
.logo { font-size: 0; line-height: 0; }
.logo a { display: block; padding: 15px 20px 15px 22px; }
.logo a:hover, .logo a:focus { outline: dotted 1px #fff; }
.logo svg, .logo img { height: auto; max-width: 100%; display: block; }
.logout-link { width: 65px; text-align: center; padding: 22px 5px 18px 10px; }
.logout-link:hover, .logout-link:focus { background: rgba(0, 0, 0, 0.08); }
.logout-link:focus { outline: dotted 1px; outline-offset: -2px; }
.card-dropdown { top: 100%; left: 0; z-index: 101; width: 100%; position: absolute; }
.card-selection-form { border-radius: 0; text-align: center; padding: 20px; }
.card-selection-form .slider { margin: 0 auto; overflow: hidden; max-width: 1080px; padding: 0 50px; opacity: 0; transition: opacity 0.25s ease; }
.card-dropdown.show .card-selection-form .slider { opacity: 1; }
.card-selection-form .slide { padding: 0 10px; }
.card-selection-form .slide:hover .custom-card { opacity: 1; }
.card-selection-form .slide:focus { color: #fff; }
.card-selection-form .slick-list { padding: 5px; }
.card-selection-form .slick-track { padding: 5px 0; }
.card-selection-form .card-selected .custom-card { opacity: 1; }
.card-selection-form .info { margin: 0; }
.card-selection-form .info .number { color: #fff; font-weight: 500; }
.card-selection-form .info .number:before { display: none; }
.card-selection-form .text { margin: 0; color: #fff; font-weight: 400; }
.card-selection-form .custom-card { opacity: 0.5; transition: opacity 0.25s ease; min-height: 190px; }
.card-selection-form [class*="iradio"], .card-selection-form .text { display: inline-block; vertical-align: middle; }
.card-selection-form [class*="iradio"] { top: -1px; margin: 0 10px 0 0; position: relative; }
.card-selection-form label.focus { text-decoration: underline; }
.card-selection-form .slick-list.draggable { padding: 0 !important; }
/* user-cards-dropdown */
.user-cards-dropdown .btn-link { font-weight: 500; border-radius: 0; position: relative; min-width: 20.83333333333333em; padding: 15px 82px 12px 20px; font-size: 0.8571428571428571em; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
html[data-client-theme*="193"] .user-cards-dropdown .btn-link  { padding-bottom: 14px; }
.user-cards-dropdown .btn-link:hover, .user-cards-dropdown .btn-link:focus { outline: none; text-decoration: none; background: rgba(0, 0, 0, 0.08); }
.user-cards-dropdown .btn-link:focus { outline: dotted 1px; outline-offset: -2px; }
.user-cards-dropdown .btn-link.collapsed { background: none; box-shadow: none; }
.user-cards-dropdown .btn-link.collapsed:hover, .user-cards-dropdown .btn-link.collapsed:focus { background: rgba(0, 0, 0, 0.08); }
.user-cards-dropdown .btn-link.collapsed .ico { transform: rotate(0deg); -ms-transform: rotate(0deg); }
.user-cards-dropdown .btn-link .ico { font-size: 40%; margin: -3px 0 0 5px; transform: rotate(-180deg); transition: all 0.25s ease; -ms-transform: rotate(-180deg); animation: none; }
.user-cards-dropdown .btn-link .icon-card, .user-cards-dropdown .btn-link .ico { top: 50%; right: 2.5em; position: absolute; }
.user-cards-dropdown .btn-link .icon-card { right: 2.5em; margin: -6px 0 0; }
.user-cards-dropdown .btn-link .card-title { margin: 0 0 2px; opacity: 0.5; display: inline-block; vertical-align: top; letter-spacing: 0.05rem; font-size: 0.71429em; line-height: 1.3; text-transform: uppercase; }
.user-cards-dropdown .btn-link .name { display: inline-block; vertical-align: top; max-width: 100px; padding: 0 5px 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.user-cards-dropdown .number { margin: 0 0 0 10px; }
.user-cards-dropdown .number:before { content: ''; background: #fff; margin: 0 5px 0 0; width: 4px; height: 4px; border-radius: 100%; display: inline-block; vertical-align: middle; opacity: 0.5; }
/* user-alert */
.user-alert { position: relative; }
.user-alert .btn-link { font-size: 100%; padding: 22px 20px 21px; border-radius: 0; }
.user-alert .btn-link .icon-bell { font-size: 20px; }
.user-alert .btn-link:after { display: none; }
.user-alert.open .btn-link, .user-alert .btn-link:hover, .user-alert .btn-link:focus { outline: none; text-decoration: none; background: rgba(0, 0, 0, 0.08); }
.user-alert .btn-link:focus { outline: dotted 1px; outline-offset: -2px; }
.user-alert .ico-holder { display: block; width: 15px; height: 15px; position: relative; }
.user-alert .alert-num { top: -7px; left: 100%; padding: 0 5px; min-width: 20px; min-height: 16px; border-radius: 14px; font-size: 10px; line-height: 16px; font-weight: bold; text-align: center; position: absolute; margin: 0 0 0 -7px; background-color: #f5a623; }
.user-alert .dropdown-menu { right: 0; padding: 0; width: 400px; border-radius: 0; border-width: 0; left: auto !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
.user-alert .dropdown-menu ul { margin: 0; }
.user-alert .head { overflow: hidden; padding: 25px 20px; border-bottom: #f0f0f0 solid 1px; }
.user-alert h2 { margin: 0; color: #777; font-weight: 400; text-transform: uppercase; font-size: 1em; }
.user-alert .link { font-size: 0.8125em; }
.user-alert ul li { padding: 0; }
.user-alert ul li + li { border-top: #f0f0f0 solid 1px; }
.user-alert ul .box { cursor: pointer; }
.user-alert ul .box, .user-alert ul a { color: #575757; display: block; position: relative; white-space: normal; font-size: 0.8125em; line-height: 1.384615384615385; padding: 15px 20px 15px 78px; }
.user-alert ul .box:hover, .user-alert ul .box:focus, .user-alert ul a:hover, .user-alert ul a:focus { background: #f1f1f1; }
.user-alert ul .ico { top: 50%; left: 0; width: 78px; color: #10432E; font-size: 20px; text-align: center; position: absolute; margin: -10px 0 0; }
.user-alert p { margin: 0; }
.user-alert .scroll-holder, .user-alert .slimScrollDiv { height: auto !important; }
.user-alert .scroll-holder { max-height: 186px; }
.user-alert .mail-content { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.user-alert .mail-content p { display: inline; }
.user-alert .mail-content * { display: inline !important; white-space: nowrap !important; margin: 0 !important; padding: 0 !important; background: none !important; font-size: 100% !important; vertical-align: top; color: inherit !important; font-family: inherit !important; }
.user-alert .mail-content title, .user-alert .mail-content img { display: none !important; }

/* header-info */
@media (min-width: 768px) {
.header-info { display: block !important; height: auto !important; }
.header-info [id*="block-content-888-"] { display: inline; }
}
/* lang-dropdown */
.lang-dropdown { text-align: center; position: relative; }
.lang-dropdown > .btn { width: 100%; border-radius: 0; padding: 21px 22px 20px 20px; font-size: 0.8571428571428571em; background: rgba(0, 0, 0, 0.08); }
.lang-dropdown > .btn.collapsed { background: none; }
.lang-dropdown > .btn.collapsed .ico { transform: rotate(0deg); -ms-transform: rotate(0deg); }
.lang-dropdown > .btn .text, .lang-dropdown > .btn > img { display: inline-block; vertical-align: middle; text-transform: uppercase; }
.lang-dropdown > .btn > img { margin: 0 0 0 3px; }
.lang-dropdown > .btn .ico { font-size: 40%; display: inline-block; vertical-align: top; margin: 6px 0 0 4px; transform: rotate(-180deg); transition: all 0.25s ease; -ms-transform: rotate(-180deg); }
.lang-dropdown > .btn:after { display: none; }
.lang-dropdown > .btn:focus, .lang-dropdown > .btn:hover { outline: none; text-decoration: none; background: rgba(0, 0, 0, 0.08); }
.lang-dropdown > .btn:focus { outline: dotted 1px; outline-offset: -2px; }
.lang-dropdown .dropdown-menu { width: 123px; min-width: inherit; }
.lang-dropdown.single-lang .dropdown-toggle .ico, .lang-dropdown.single-lang .dropdown-menu { display: none !important; }
.lang-dropdown.single-lang .dropdown-toggle { pointer-events: none; }
.lang-dropdown .scroll-holder, .lang-dropdown .slimScrollDiv { height: auto !important; }
.lang-dropdown .scroll-holder, .lang-dropdown .dropdown-scroll { max-height: 196px; }
/* flags-list */
.flags-list { margin: 0; padding: 0; }
.flags-list li { margin: 0; border-width: 0; display: block; }
.flags-list li:not(:last-child) { margin: 0; }
.flags-list li a { display: block; overflow: hidden; position: relative; white-space: nowrap; font-size: 0.85714em; line-height: 1.25; padding: 10px 58px 10px 18px; }
.flags-list li a .text { float: left; padding: 0; }
.flags-list li a .flag { top: 10px; right: 18px; width: 18px; position: absolute; }
.flags-list li a .flag img { display: block; width: 100%; height: auto; }
.flags-list li a:hover, .flags-list li a:focus, .flags-list li.active a { color: #fff; background: #1a6a4a; }
.flags-list li a:hover .text, .flags-list li a:focus .text, .flags-list li.active a .text { color: #fff; }
.dropdown-menu-generic .flags-list li + li { border-width: 0; }
/* custom-card */
.custom-card { display: table; background: #fff; margin: 0 0 10px; position: relative; padding: 15px 20px; border-radius: 5px; width: 22em; height: 11.5em; }
.custom-card:after { z-index: 2; content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.custom-card .head { height: 1%; width: 100%; display: table-header-group; }
.custom-card .name { font-weight: 400; font-size: 1em; }
.custom-card .info { width: 100%; display: table-cell; vertical-align: top; }
.custom-card .footer { width: 100%; height: 1%; display: table-footer-group; }
.custom-card .program { font-weight: 400; font-size: 1em; }
.custom-card .card-info { text-align: left; }
.custom-card .card-info li { margin: 0; width: 94px; padding: 0 10px 0 0; }
.custom-card .title { display: block; font-size: 0.9285714285714286em; color: #adadad; }
.custom-card .num { display: block; font-size: 1em; font-weight: 600; }
.custom-card label[aria-hidden] { z-index: 3; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.custom-card .img-holder svg { display: block; }
.custom-card .img-holder svg[src="images/visa-card.svg"] path, .custom-card .img-holder svg[src="images/visa-card.svg"] polygon { fill: #000; }
.custom-card.bg-green { color: #fff; padding: 20px; height: 12.85714285714286em; }
.custom-card.bg-green .title { color: #fff; font-size: 0.9285714285714286em; }
.custom-card.bg-green .name { font-size: 1.142857142857143em; }
.custom-card.bg-green .card-num { margin: 12px 0; font-size: 1.285714285714286em; }
.custom-card.bg-green .num { font-size: 1em; font-weight: 500; }
.custom-card.bg-green .program { font-size: 0.9285714285714286em; }
.custom-card.bg-green .img-holder svg path, .custom-card.bg-green .img-holder svg polygon { fill: #fff; }
.card-num { display: block; text-align: left; font-weight: 400; margin: 7px 0; position: relative; }
.card-num:before { content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.card-num .dot { width: 5px; height: 5px; background: #e0e0e0; border-radius: 100%; display: inline-block; vertical-align: middle; }
.card-num .dot:nth-child(2) { margin: 0 0 0 10px; }
.card-num .dot:nth-child(7), .card-num .dot:nth-child(3) { margin: 0 7px 0 0; }
.card-num .dot:nth-child(11) { margin: 0 10px 0 0; }
.user-img { position: relative; }
.user-img > .btn { color: #fff; display: block; padding: 14px 16px; }
.user-img > .btn:after { display: none; }
.user-img.open > .btn, .user-img > .btn:hover, .user-img > .btn:focus { text-decoration: none; }
.user-img > .btn:focus { outline: dotted 1px; outline-offset: -2px; }
.user-img img { display: block; }
.user-img .img-holder { display: block; overflow: hidden; width: 30px; height: 30px; border-radius: 100%; background: #fff; color: #222; text-align: center; font-weight: 500; font-size: 13px; line-height: 2.30769; }
.user-img .author { padding: 10px; overflow: hidden; border-bottom: solid 1px #eee; }
.user-img .author .user-image { float: left; width: 55px; height: 55px; overflow: hidden; margin: 0 10px 0 0; border-radius: 100%; }
.user-img .author .user-image img { display: block; width: 100%; height: auto; }
.user-img .author .info { overflow: hidden; padding: 7px 0 0; }
.user-img .author .name { color: #000; display: block; font-weight: 500; font-size: 1.14286em; line-height: 1.1875; }
.user-img .author .email { color: #999; display: block; font-size: 0.85714em; line-height: 1.25; }
.user-img .dropdown-menu { left: auto !important; right: 0; top: 100% !important; }
/* dropdown-menu-generic */
.dropdown-menu-generic { left: auto; margin: 0; right: 0; padding: 0; width: 230px; top: 100%; border-radius: 2px; transform: none; border-width: 0; -ms-transform: none; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
.dropdown-menu-generic:before { right: 23px; bottom: 100%; display: none; content: ''; border-width: 0 7px 7px; position: absolute; border-color: transparent; border-style: solid dashed; border-bottom-color: #fff; }
.dropdown-menu-generic ul { margin: 0; }
.dropdown-menu-generic a, .dropdown-menu-generic .text { display: block; position: relative; padding: 13px 20px; font-size: 13px; line-height: 1.23077; color: #333; }
.dropdown-menu-generic a:hover, .dropdown-menu-generic a:focus, .dropdown-menu-generic .text:hover, .dropdown-menu-generic .text:focus { text-decoration: none; color: #595959; }
.dropdown-menu-generic a:hover, .dropdown-menu-generic a:focus { color: #fff; }
.dropdown-menu-generic a:hover .ico, .dropdown-menu-generic a:focus .ico { color: #fff; }
.dropdown-menu-generic .ico { top: 50%; left: 10px; color: #666; position: absolute; transform: translate(0, -50%); -ms-transform: translate(0, -50%); }
.range-slider { color: #333; padding: 10px; border-radius: 4px; background: #ebeff4; }
.range-slider h2 { font-size: 1em; }
.range-slider [type] { display: block; width: 100%; }
.dropdown-menu { top: 100% !important; font-size: 1em; display: none; transform: none !important; transition: margin 0.5s ease; }
.dropdown-menu.show { display: block; }
.navbar-brand { color: #fff; }
.navbar-brand:hover, .navbar-brand:focus { outline: dotted 1px #fff; outline-offset: 3px; }
.slick-arrow { top: 50%; left: 5px; padding: 0; font-size: 0; line-height: 0; margin: -15px 0 0; position: absolute; width: 30px; height: 30px; border-radius: 100%; border: solid 2px #fff; }
.slick-arrow:focus { outline: dotted 1px; outline-offset: 2px; }
.slick-arrow:before { font: 26px/26px 'cholder4'; }
.slick-arrow.slick-prev:before { content: "\e940"; text-indent: -2px; }
.slick-arrow.slick-next { right: 5px; left: auto; }
.slick-arrow.slick-next:before { content: "\e93f"; text-indent: 1px; }
.skip-to-content { z-index: 999 !important; }
#main { z-index: 6; position: relative; background-color: #ebeff4; display: table-cell; vertical-align: top; }
#main .main-holder-container { height: 100%; position: relative; }
.main-page #main { z-index: 2; overflow: hidden; }
.main-page #main > .container { width: auto; max-width: none; padding: 0; }
.sub-container { padding: 30px; background: #fff; position: relative; border: solid #DFE6EE; }
.sub-container:before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 450px; z-index: -1; }
.content-container { overflow: hidden; padding: 20px 0 40px; min-height: 100%; }
/*
#wrapper.card-registration-page, #wrapper.forgot-password-page, #wrapper.wrapper { padding: 0; background: url(../images/banner.png) no-repeat 50% 0/100% auto; }
*/
#main-nav { z-index: 101; background: #fff; width: 215px; height: 100%; transition: width 0.35s ease; box-shadow: 0 -9px 10px 0 rgba(0, 0, 0, 0.1); float: left; position: relative; }
[aria-describedby="termsAndCondDialog"].ui-dialog { height: 92vh !important; }
@media (max-width: 1365px) {
#main-nav { top: 0; width: 60px; overflow-y: auto; overflow-x: hidden; }
.nav-active #main-nav { width: 215px; }
}

@media (max-width: 991px) {
#main-nav { width: 215px; }
}
#main-nav .slimScrollDiv { height: calc(100vh - 205px) !important; }
#main-nav .slimScrollDiv > .scroll-holder { overflow-y: auto; overflow-x: hidden; width: 215px !important; height: 100% !important; }
#main-nav .slimScrollDiv .slimScrollBar { right: 3px; }
#main-nav .holder { width: 215px; height: 100%; }
#nav { position: relative; }
#nav ul { margin: 0; font-size: 0.92857em; line-height: 1.38462; }
#nav ul a { display: block; position: relative; padding: 11px 10px 11px 60px; }
#nav ul .ico { top: 50%; left: 0; width: 60px; position: absolute; text-align: center; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
#nav ul .ico img:last-child { display: none; }
#nav ul li:hover > a .ico img:last-child, #nav ul .open > a .ico img:last-child, #nav ul .active a .ico img:last-child, #nav ul a:hover .ico img:last-child, #nav ul a:focus .ico img:last-child { display: inline; }
#nav ul li:hover > a .ico img:first-child, #nav ul .open > a .ico img:first-child, #nav ul .active a .ico img:first-child, #nav ul a:hover .ico img:first-child, #nav ul a:focus .ico img:first-child { display: none; }

@media (min-width: 1366px) {
#nav li { position: relative; }
#nav li:hover > .sub-drop, #nav li.open > .sub-drop { display: block; }
}
#nav li.no-required { display: none; }
#nav li:first-child.active { border-top: #3a6453 solid 1px; }
#nav svg { transition: all 0.25s ease; }
#nav svg * { transition: all 0.25s ease; }
#nav .sub-drop { top: 0; left: 100%; width: 100%; display: none; font-size: 1em; position: absolute; margin: 0 0 0 -3px; }

@media (max-width: 1365px) {
#nav .sub-drop { display: block; }
}
#nav .sub-drop a { padding: 11px; }
#nav .sub-drop a.btn-back-a { padding: 20px 10px 20px 40px; }
#nav .sub-drop a.btn-back-a:hover, #nav .sub-drop a.btn-back-a:focus { color: #000; background: #f1f1f1; }
#nav .sub-drop a.btn-back-a:hover .ico, #nav .sub-drop a.btn-back-a:focus .ico { color: #000; }
#nav .sub-drop a.btn-back-a .ico { left: 15px; width: auto; margin: -5px 0 0; transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
#nav .sub-drop.position-top { top: auto; bottom: 0; }
#nav .add-dropdown ul .ico { display: none; }
#nav .add-dropdown ul .btn-back-a .icon-arrow-right { display: block; }
#nav .add-dropdown { display: none; }
#nav.more-links-active .add-dropdown { display: block; }
#nav .nav-holder { height: 100%; }
#nav .nav-holder > ul { height: 100%; }

@media (min-width: 1366px) {
#nav .sub-drop .btn-back { display: none; }
#nav .nav-holder { margin: 0 !important; }
}
#nav > .nav-holder > ul > li.more-link { display: none; }
#nav .more-dropdown { display: none; }
#nav .more-dropdown.drop-active { display: block; }
#nav .more-dropdown .more-link a .ico { display: none; }
#nav .more-dropdown .more-link a .icon-arrow-right.ico { display: block; }
#nav ul .has-dropdown-a { padding-right: 32px; }
.has-dropdown-a:after { top: 50%; right: 16px; color: #ccc; margin: -5px 0 0; content: "\e903"; position: absolute; font: 7px/1 'cholder4'; transition: all 0.25s ease; }
.has-dropdown-a:before { content: ''; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.sub-drop { font-size: 0.92857em; line-height: 1.38462; }

@media (min-width: 768px) {
.sub-drop { z-index: 10; background: #fff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
.sub-drop a { color: #222; display: block; position: relative; padding: 11px; }
.sub-drop li:hover > a, .sub-drop .open > a, .sub-drop a:hover, .sub-drop a:focus, .sub-drop .active > a { color: #fff; background: #10432E; }
.sub-drop .btn-back-a { font-size: 14px; font-weight: 500; position: relative; padding: 20px 20px 20px 40px; }
.sub-drop .btn-back-a .ico { top: 50%; left: 20px; width: auto; margin: -5px 0 0; font-size: 10px; position: absolute; transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
.sub-drop .sub-drop { top: 0; left: 100%; width: 100%; display: none; position: absolute; }
.sub-drop .open > .sub-drop, .sub-drop li:hover > .sub-drop { display: block; }
}
.nav-opener { padding: 0; margin: 0; position: relative; z-index: 6; width: 47px; height: 47px; }
[data-pagetype="secure-page"] .nav-opener:hover, [data-pagetype="secure-page"] .nav-opener:focus, [data-pagetype="secure-page"] .nav-opener:active:focus,
[data-pagetype="secure-page"] .nav-opener { top: 5px; }

@media (min-width: 1366px) {
.nav-opener { display: none; }
}
.nav-opener .bar { left: 14px; height: 2px; position: absolute; transition: all 0.5s linear; }
.nav-opener .bar:nth-child(1) { top: 16px; width: 19px; }
.nav-opener .bar:nth-child(2) { top: 23px; width: 11px; }
.nav-opener .bar:nth-child(3) { top: 30px; width: 16px; }
.nav-opener:hover, .nav-opener:focus, .nav-active .nav-opener { outline: none; background: none; }
.nav-active .nav-opener .bar { width: 19px; }
.nav-active .nav-opener .bar:nth-child(2) { opacity: 0; }
.nav-active .nav-opener .bar:nth-child(1), .nav-active .nav-opener .bar:nth-child(3) { top: 23px; }
.nav-active .nav-opener .bar:nth-child(1) { transform: rotate(45deg); -ms-transform: rotate(45deg); }
.nav-active .nav-opener .bar:nth-child(3) { transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.nav-opener.overlay { opacity: 0; margin: 0; z-index: 103; visibility: hidden; height: 100%; width: auto; top: 0; left: 0; right: 0; bottom: 0; position: absolute; left: 215px; background: rgba(0, 0, 0, 0.7); }
.nav-active .nav-opener.overlay { opacity: 0; visibility: visible; }
[data-pagetype="public-page"].nav-active .nav-opener.overlay { display: none;}
.navbar-toggler { top: -8px; left: 0; margin: 0; position: absolute; z-index: 103; }
[data-pagetype="public-page"] .navbar-toggler { left: -15px; top: -12px; }
.nav-active .navbar-toggler .bar { background: #fff; }
.main-menu-overlay { z-index: 50; display: none; background: none; border-width: 0; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.nav-active .main-menu-overlay { display: none !important; }
/* login info */
.login-info { margin: 56px 10px 10px; border-radius: 4px; }
.login-info.fixed { top: 0; left: 0; position: fixed; min-width: 195px; max-width: 195px; }
.login-info li { position: relative; padding: 13px 10px 13px 41px; }
.login-info li + li { border-top: dotted 1px #cfd0d0; }
.login-info .ico { top: 50%; left: 14px; max-width: 18px; font-size: 16px; margin: -8px 0 0; position: absolute; text-align: center; }
.login-info .ico img { display: block; width: 100%; height: auto; max-width: 18px; }
.login-info .title { display: block; font-size: 0.71429em; line-height: 1.4; }
.login-info .time { display: block; font-size: 0.78571em; line-height: 1.63636; font-weight: 500; }

/* user-cards-holder */
@media (max-width: 1599px) {
.user-cards-holder { display: none; }
.user-cards-holder + div { width: 100%; }
}
/* user-card */
.user-card { position: relative; }
.user-card label { z-index: 2; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.user-card .custom-card { width: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
.user-card label.label-radio-checked ~ .custom-card { background-color: #e6ebf2; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
.alert.alert-danger img { display: inline-block; vertical-align: middle; border-radius: 100%; width: 12px; height: 12px; position: relative; top: -2px; }
.alert.alert-danger .date { font-weight: 500; color: #92363A; font-size: 0.78571em; line-height: 1.45455; }
/* user-card-info */
.user-card-info { margin: 0 0 16px; background: #fff; border-radius: 4px; padding: 22px 20px 18px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); }
.user-card-info .custom-card { width: 100%; margin: 0 0 22px; }
.user-card-info .custom-card .head .tag { font-size: 0.64286em; line-height: 1.33333; font-weight: 500; letter-spacing: 1px; border-radius: 20px; padding: 5px 15px 4px; }
.user-card-info .note { margin-top: 5px; display: block; font-size: 0.6875em; line-height: 1.27273; }
.user-card-info .btn-orange { display: block; margin: 0 0 20px; font-weight: 500; border-radius: 25px; padding: 8.5px 12px; font-size: 1em; line-height: 1.5; }
/* balance-info */
.balance-info { font-size: 1.14286em; line-height: 1.625; margin-bottom: 25px; }
.balance-info li { position: relative; padding: 0 0 0 17px; }
.balance-info li::after { display: block; clear: both; content: ""; }
.balance-info li:before { top: 4px; left: 2px; content: ''; position: absolute; width: 2px; height: 1.2em; }
.balance-info li + li { margin: 24px 0 0; }
.balance-info .title { max-width: 10em; font-weight: 300; padding: 0 10px 0 0; }
.balance-info .amount { float: right; font-weight: 500; color: #000; font-size: 1.125em; line-height: 1.22222; }
.balance-info .amount .num {display: inline-block; vertical-align: middle; overflow: hidden; max-width: 135px; text-overflow: ellipsis;}
.balance-info .amount img { display: inline-block; vertical-align: middle; margin: 0 0 0 5px; border-radius: 100%; width: 12px; height: 12px; }
.balance-info .btn-tooltip { font-size: 70%; }
.balance-info .btn-tooltip .icon-info { margin-left: 5px; }
/* balance-summary */
.balance-summary { margin: 0 -16px; padding: 28px 17px 8px; border-top: dashed #c8ced6 1px; }
.balance-summary li { width: 50%; vertical-align: top; position: relative; padding: 0 0 0 15px; margin: 0 0 21px; }
.balance-summary li:last-child { margin: 0; }
.balance-summary li:before { top: 0.414em; left: 0; content: ''; position: absolute; width: 2px; height: 1.07143em; }
.balance-summary li.wide { width: 100%; margin-bottom: 35px; }
.balance-summary.list-border-none li:before { background: none; }
.balance-summary .amount, .balance-summary .recipient-name { margin: 0 0 6px; display: block; font-weight: 500; font-size: 1.14286em; line-height: 1.5; }
.balance-summary .title, .balance-summary .beneficiary { float: left; clear: left; margin: 0; position: relative; padding: 0 2.086em 0 0; font-size: 0.85714em; line-height: 1.33333; }
.balance-summary .title .btn-tooltip, .balance-summary .beneficiary .btn-tooltip { top: 0; right: 10px; position: absolute; }
.balance-summary .beneficiary .btn-tooltip { right: 2px; }
.balance-summary time { display: block; clear: left; font-size: 0.78571em; line-height: 1.45455; }
.balance-summary time.due-date { margin: 0; }
/* block-request-card */
.block-request-card { margin: 0 -20px; padding: 15px 22px 0 25px; border-top: dashed #c8ced6 1px; }
.block-request-card .ico { color: #898989; font-size: 18px; margin: 0 6px 0 0; vertical-align: middle; }
.block-request-card .link { font-size: 0.85714em; line-height: 1.5; font-weight: 500; }
.block-request-card .link:hover, .block-request-card .link:focus, .block-request-card .link:active { color: #000; }
/* header-info-opener */
.header-info-opener { top: 0 !important; right: 0; position: absolute !important; width: 47px; height: 47px; background: rgba(0, 0, 0, 0.08); }
.header-info-opener.collapsed { background: none; }
.header-info-opener:focus, .header-info-opener:hover { outline: none; text-decoration: none; background: rgba(0, 0, 0, 0.08); }
.header-info-opener .dot { top: 22px; left: 22px; position: absolute; border-radius: 100%; width: 4px; height: 4px; transition: all 0.5s ease; }
.header-info-opener .dot:nth-child(1) { top: 12px; }
.header-info-opener .dot:nth-child(2) { left: 22px; }
.header-info-opener .dot:nth-child(3) { top: 32px; }
.header-info-opener.info-active .dot:nth-child(2) { opacity: 0; }
.header-info-opener.info-active .dot:nth-child(1), .header-info-opener.info-active .dot:nth-child(3) { left: 12px; top: 22px; width: 20px; height: 3px; border-radius: 2px; }
.header-info-opener.info-active .dot:nth-child(1) { transform: rotate(45deg); -ms-transform: rotate(45deg); }
.header-info-opener.info-active .dot:nth-child(3) { transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

@media (min-width: 768px) {
.balance-summary-info-holder { height: auto !important; display: block !important; }
}
.holder-balance-summary-info-btn { margin: 30px -8px -8px; }
.btn.opener-balance-summary-info-holder { color: #058b71; padding: 10px; border-radius: 4px; font-size: 0.78571em; line-height: 1.81818; background: #ebeff4; }
.btn.opener-balance-summary-info-holder:before { content: attr(data-show); }
.btn.opener-balance-summary-info-holder.active:before { content: attr(data-hide); }
.btn.opener-balance-summary-info-holder:hover, .btn.opener-balance-summary-info-holder:focus { color: #fff; text-decoration: none; background: #058b71; }
/* chosen-container */
.chosen-container { width: 100% !important; display: block; }
.chosen-container .chosen-single { color: #444444; height: auto; background: #fff; border-radius: 4px; font-size: 11px; line-height: 1.54545; padding: 6px 40px 6px 15px; box-shadow: 0 4px 6px 0 rgba(190, 190, 190, 0.18); filter: none; }
.chosen-container .chosen-single:after { top: 50%; right: 10px; color: #7a7b87; margin: -3px 0 0; position: absolute; content: "\e902"; font: 5px/1 'cholder4'; }
.chosen-container .chosen-single > span { margin: 0; }
.chosen-container .chosen-single > div { display: none; }
.chosen-container .chosen-single .chosen-img.flag { margin-top: 6px; }
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single { background: #fff; }
.chosen-container.chosen-container-active .chosen-single { border-color: #DFE6EE; }
.single-border .chosen-container.chosen-container-active .chosen-single { border-color: #DFE6EE; }
.chosen-container .slimScrollDiv { height: auto !important; }
.chosen-container .chosen-results { max-height: 150px; margin: 4px 4px 4px 0; padding: 0 0 0 4px; overflow-y: auto; height: auto !important; }
.chosen-container .chosen-results li { font-size: 1em; line-height: 1.5; padding: 5px 15px; border-radius: 4px; transition: all 0.25s ease; }
.chosen-container .chosen-results li.result-selected.highlighted { background: none; filter: none; color: inherit; }
.chosen-container .chosen-results li.hover.highlighted,
.chosen-container .chosen-results li.hover,
.chosen-container .chosen-results li.result-select { filter: none; color: #fff; }
.chosen-container .chosen-results .chosen-img.flag { margin-top: 4px; }
.chosen-top .chosen-container .chosen-drop { top: auto; bottom: 100%; margin: 0 0 -1px; border: solid #aaa; border-width: 1px 1px 0; border-radius: 4px 4px 0 0; }
.chosen-top .chosen-container.chosen-with-drop .chosen-single { border-radius: 0 0 4px 4px; }
.chosen-container .chosen-drop { z-index: 50; background: #fff; }
.chosen-container .chosen-img.flag { display: inline-block; vertical-align: top; margin: 0 10px 0 0; width: 12px; height: auto; }
[data-isipad="true"] .chosen-container .chosen-results li.flag { position: relative; }
[data-isipad="true"] .chosen-container .chosen-results li.flag:before { content: ''; display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 2px 10px 0 0; background-position: 0 50%; background-size: 12px 12px; background-repeat: no-repeat; }
[data-isipad="true"] .chosen-container .chosen-results li.flag.usa:before { background-image: url(../images/svg-flags/usa.svg); }
[data-isipad="true"] .chosen-container .chosen-results li.flag.eng:before { background-image: url(../images/svg-flags/uk.svg); }
[data-isipad="true"] .chosen-container .chosen-results li.flag.spain:before { background-image: url(../images/svg-flags/spain.svg); }
[data-isipad="true"] .chosen-container .chosen-results li.flag.france:before { background-image: url(../images/svg-flags/france.svg); }
[data-isipad="true"] .chosen-container .chosen-results li.flag.germany:before { background-image: url(../images/svg-flags/germany.svg); }
[data-isipad="true"] .chosen-container .chosen-results li.flag.brazil:before { background-image: url(../images/svg-flags/brazil.svg); }
[data-isipad="true"] .chosen-container .chosen-results li.flag.china:before { background-image: url(../images/svg-flags/china.svg); }
[data-isipad="true"] .chosen-container .chosen-results li.flag.japan:before { background-image: url(../images/svg-flags/japan.svg); }
.single-border .chosen-container .chosen-single { border-radius: 0; box-shadow: none; font-size: 16px; border-width: 0 0 2px; padding: 5px 40px 5px 0; }
.single-border .chosen-container .chosen-drop { margin: 0; border-radius: 0; border-width: 0 2px 2px; border-color: #DFE6EE; }
/* sub-nav */
#sub-nav { margin: 0 -9px 20px; }
#sub-nav ul { margin: 0; width: 100%; display: table; table-layout: fixed; }
#sub-nav li { padding: 0 9px; display: table-cell; vertical-align: top; }
#sub-nav a { height: 100%; display: block; text-align: center; padding: 15px 10px; border-radius: 4px; font-size: 0.85714em; line-height: 1.5; }
#sub-nav a:hover .ico, #sub-nav a:focus .ico { color: #FBB75D; }
#sub-nav a .ico { top: 1px; color: #898989; font-size: 135%; margin: 0 10px 0 0; position: relative; }
#sub-nav a .icon-activity { font-size: 100%; }
#sub-nav a .icon-card-detail2 { top: -1px; font-size: 160%; position: relative; margin-bottom: -3px; display: inline-block; vertical-align: top; }
/* list-gen-tab-nav */
.list-gen-tab-nav { overflow: hidden; padding: 0 20px; position: relative; }
.list-gen-tab-nav [data-toggle="collapse"] { width: 100%; display: none; text-align: left; position: relative; padding: 12px 30px 12px 15px; }
.list-gen-tab-nav [data-toggle="collapse"] .arrow { top: 50%; right: 15px; font-size: 130%; margin: -9px 0 0; position: absolute; transition: all 0.25s ease; }
.list-gen-tab-nav [data-toggle="collapse"][aria-expanded="true"] .arrow { transform: rotate(90deg); }
.list-gen-tab-nav [data-toggle="collapse"] .ico { margin: 0 10px 0 0; }

@media (min-width: 992px) {
.list-gen-tab-nav .collapsing, .list-gen-tab-nav .collapse.show, .list-gen-tab-nav .collapse { display: block !important; height: auto !important; min-height: 50px; }
}
.list-gen-tab-nav .list-holder { overflow: hidden; position: relative; margin: 0 -6px 0 0; }
.list-gen-tab-nav.scroll-inactive { padding: 0; }
.list-gen-tab-nav.scroll-inactive .nav-tabs { width: 100%; display: table; table-layout: fixed; white-space: normal; }
.list-gen-tab-nav.scroll-inactive .nav-tabs li { width: auto; display: table-cell; vertical-align: top; }
.list-gen-tab-nav .nav-tabs { display: inline-block; vertical-align: top; font-size: 0; line-height: 0; white-space: nowrap; border-radius: 4px 4px 0 0; }
.list-gen-tab-nav .nav-tabs li { margin: 0; min-width: 192px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.42857; }
.list-gen-tab-nav .nav-tabs li a { font-size: 0.85714em; line-height: 1.5; }
.list-gen-tab-nav .nav-tabs li + li { border: solid #e8eaeb; border-width: 0 0 0 1px; }
.list-gen-tab-nav .nav-tabs .ico { top: 2px; font-size: 120%; margin: 0 9px 0 0; position: relative; transition: all 0.25s ease; }
.list-gen-tab-nav .list-holder, .list-gen-tab-nav .jcf-scrollable-wrapper { min-height: 50px; width: auto !important; }
.list-gen-tab-nav .jcf-scrollbar-vertical { display: none !important; }
.list-gen-tab-nav .jcf-scrollbar-horizontal { height: 0; width: 100% !important; background: none; }
.list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-inc, .list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-dec { color: #fff; bottom: 100%; padding: 0 3px; position: absolute; font-size: 13px; line-height: 3.84615; background: #999; width: 20px; height: 50px; }
.list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-inc:hover, .list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-inc:focus, .list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-dec:hover, .list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-dec:focus { background: #737373; }
.list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-inc:before, .list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-dec:before { top: 50%; left: 50%; position: absolute; font-family: 'cholder4'; transform: translate(-50%, -50%); }
.list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-inc.jcf-inactive, .list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-dec.jcf-inactive { background: #e4e2e2; cursor: not-allowed; }
.list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-inc { left: 100%; border-radius: 0 4px 0 0; }
.list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-inc:before { content: "\e93f"; }
.list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-dec { right: 100%; border-radius: 4px 0 0; }
.list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-dec:before { content: "\e940"; }
.list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-slider { display: none; }
/* transaction-info */
.transaction-info { background: #fff; padding: 30px 20px; border-radius: 4px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); }
.transaction-info::after { display: block; clear: both; content: ""; }
.transaction-info header { margin: 0 0 24px; }
.transaction-info h2 { max-width: 60%; font-weight: 400; margin: 0 10px 0 0; text-transform: uppercase; font-size: 0.92857em; line-height: 1.46154; }
.transaction-info .link { float: right; font-size: 0.85714em; line-height: 1.5; font-weight: 500; letter-spacing: 0.43px; color: #FBB75D; }
.transaction-info .link:hover { color: #ec8906; }
.transaction-info .table-responsive { width: auto; margin: 0 -20px -26px; overflow: visible; }
/* table-recent-transactions */
.table-recent-transactions { margin: 0; table-layout: fixed; }
.table-recent-transactions > thead > tr > th, .table-recent-transactions > tbody > tr > td { padding-left: 2px; padding-bottom: 10px; border-color: rgba(191, 191, 191, 0.2); }
.table-recent-transactions > thead > tr > th:first-child, .table-recent-transactions > tbody > tr > td:first-child { padding-left: 15px; }
.table-recent-transactions > thead > tr > th:nth-child(1), .table-recent-transactions > tbody > tr > td:nth-child(1) { width: 6.6em; text-align: center; }
.table-recent-transactions > thead > tr > th:nth-child(3), .table-recent-transactions > tbody > tr > td:nth-child(3) { width: 13%; text-align: center; }
.table-recent-transactions > thead > tr > th:last-child, .table-recent-transactions > tbody > tr > td:last-child { width: 20%; text-align: right; padding-right: 31px; }
.table-recent-transactions > thead > tr > th:only-child, .table-recent-transactions > tbody > tr > td:only-child { width: 100%; padding: 20px; text-align: left; background: #fdfdfd; }
.table-recent-transactions > thead > tr > th { font-weight: 500; border-top-width: 0px; border-bottom-width: 0px; text-transform: uppercase; font-size: 0.78571em; line-height: 1.54545; letter-spacing: 0.5px; padding-top: 15px; }
.table-recent-transactions > tbody > tr > td { padding-top: 17px; padding-bottom: 15px; vertical-align: middle; }
.table-recent-transactions .date { text-align: center; text-transform: uppercase; }
.table-recent-transactions .date .month, .table-recent-transactions .date .day, .table-recent-transactions .date .year { display: block; }
.table-recent-transactions .date .year, .table-recent-transactions .date .month { font-size: 0.64286em; line-height: 1.66667; letter-spacing: 1px; }
.table-recent-transactions .date .day { font-weight: 500; font-size: 1.42857em; line-height: 0.85; }
.table-recent-transactions .marchent { display: block; text-transform: capitalize; font-size: 0.78571em; line-height: 1.54545; }
.table-recent-transactions .marchent strong { font-weight: 500; }
.table-recent-transactions .complete-location { font-size: 0.92857em; line-height: 1.46154; }
.table-recent-transactions .status { display: block; font-weight: 500; font-size: 0.92857em; line-height: 1.46154; margin-bottom: 3px; }
.table-recent-transactions .owner { display: block; font-weight: 400; font-size: 0.85714em; line-height: 1.5; }
.table-recent-transactions .owner .ico { margin: 0 7px 0 0; }
.table-recent-transactions .owner .svg-layer { width: 16px; display: inline-block; vertical-align: top; }
.table-recent-transactions .owner .svg-layer svg { width: 100%; height: auto; }
.table-recent-transactions .amount { display: block; font-weight: 500; font-size: 1em; line-height: 1.5; }
.table-recent-transactions .amount img { display: inline-block; vertical-align: middle; border-radius: 100%; width: 1em; height: 1em; margin: -2px 0 0 7px; }
.table-recent-transactions .time { color: #777; display: block; margin: 5px 0 0; text-align: center; font-size: 0.7857142857142857em; }
.table-recent-transactions .time label { margin-bottom: 0; }
.transaction-details .table-recent-transactions > tbody > tr:last-child > td { padding-bottom: 20px; }
.table-recent-transactions .tag-minus { font-size: 0.875em; line-height: 1.5; color: #FF5656; margin-right: 5px; }
.table-recent-transactions .reward { margin-left: 15px; color: #666666; font-size: 1em; line-height: 1.33333; font-weight: 400; }
.table-recent-transactions .reward img { vertical-align: top; margin-top: 2px; }
.table-recent-transactions .reward-points { color: #faa532; font-weight: 500; }
.table-recent-transactions .from, .table-recent-transactions .to { color: #777; font-size: 0.84615em; line-height: 1.54545; }
.table-recent-transactions .th { display: inline-block; }
.table-recent-transactions .s-ico span { position: relative; }
.table-recent-transactions .s-ico span:hover, .table-recent-transactions .s-ico span:focus { cursor: pointer; }
.table-recent-transactions .s-ico span:first-child { top: 5px; left: 2px; }
.table-recent-transactions .s-ico span:last-child { bottom: 5px; left: 2px; }
.table-recent-transactions .s-ico { display: inline-block; vertical-align: middle; }
.table-recent-transactions .s-ico a { color: #bbb; }
.table-recent-transactions .s-ico a:hover, .table-recent-transactions .s-ico a:focus { text-decoration: none; color: #959595; }
.table-recent-transactions .s-ico .ui-icon { display: block; }
.table-recent-transactions .s-ico .ui-icon-asc:before { content: "\e93e"; font-family: 'cholder4' !important; }
.table-recent-transactions .s-ico .ui-icon-desc:before { content: "\e941"; font-family: 'cholder4' !important; }
.highcharts-container { width: 100% !important; }
.highcharts-container svg { width: 100%; }
.clone-drop.show { opacity: 1 !important; visibility: visible !important; }
/* navbar */
.navbar { padding: 0; border-width: 0; background: none; box-shadow: none; border-radius: 0; min-height: inherit; }
.navbar .navbar-nav { margin-top: 0; }
.navbar .slimScrollDiv { height: 100% !important; }
.navbar-expand-lg .navbar-nav .nav-item { position: relative; margin: 0 0 0 4px; }
.main-page .navbar-expand-lg .navbar-nav .nav-item { opacity: 0; top: 30px; transition: all 0.5s ease; }
.body-loaded .navbar-expand-lg .navbar-nav .nav-item { opacity: 1; top: 0; }
.navbar-expand-lg .navbar-nav .nav-link { color: #fff; font-size: 1em; line-height: 2; }
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus, .navbar-expand-lg .navbar-nav .nav-link:active:focus .navbar-expand-lg .navbar-nav .active .nav-link { color: #fff; }
.navbar-brand { padding: 0; margin: 0; font-size: 0; line-height: 0; display: block; }
.navbar-brand svg, .navbar-brand img { height: auto; display: block; max-width: 100%; }
.main-page .multi-lang-drop { top: 30px; opacity: 0; transition: all 0.5s ease; }
.body-loaded .main-page .multi-lang-drop { top: 0; opacity: 1; }
/* multi-lang-drop */
.multi-lang-drop { margin: 0 0 0 4px; }
.multi-lang-drop .dropdown-toggle { display: block; position: relative; border-radius: 20px; font-size: 1em; line-height: 1.64286; padding: 10px 14px 9px; }
.multi-lang-drop .dropdown-toggle .text, .multi-lang-drop .dropdown-toggle img { display: inline-block; vertical-align: middle; }
.multi-lang-drop .dropdown-toggle img { margin: 0 0 0 5px; }
.multi-lang-drop .dropdown-toggle:after { top: 0; border: 0; width: auto; height: auto; margin: 0 0 0 3px; content: "\e941"; position: relative; font-family: 'cholder4'; vertical-align: middle; }
.multi-lang-drop .dropdown-menu { right: 0; left: auto; padding: 0; width: auto; border-width: 0; margin: 5px 0 0; overflow: hidden; border-radius: 4px; min-width: inherit; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
.multi-lang-drop .dropdown-menu a { color: #444; display: block; overflow: hidden; white-space: nowrap; position: relative; font-size: 0.92857em; line-height: 1.07692; padding: 12px 57px 12px 20px; }
.multi-lang-drop .dropdown-menu a.active { font-weight: 500; }
.multi-lang-drop .dropdown-menu a img { top: 10px; right: 20px; position: absolute; width: 17px; height: 14px; }
.multi-lang-drop .dropdown-scroll { overflow-y: auto; max-height: 196px; height: auto !important; }
.multi-lang-drop.single-lang .dropdown-toggle:after, .multi-lang-drop.single-lang .dropdown-menu { display: none; }
.multi-lang-drop.single-lang .dropdown-toggle { pointer-events: none; padding-right: 0; }
/* go-to-next-section */
.go-to-next-section { bottom: -20px; left: 38px; z-index: 3; color: #FAA532; background: #fff; position: absolute; text-align: center; width: 64px; height: 64px; border-radius: 100%; font-size: 20px; line-height: 3.2; border: solid 2px #fff; margin: 0 0 -33px -7px; box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.15); }

@media (min-width: 1601px) {
.go-to-next-section { margin-left: 0; }
}
.go-to-next-section:hover, .go-to-next-section:focus { color: #fff; background: #FAA532; border-color: #FAA532; }
.go-to-next-section:hover > span { animation: arrow 1s ease infinite alternate; }
.go-to-next-section:hover:before { animation: scale 0.5s ease infinite alternate; }
.go-to-next-section > span { top: 0; position: relative; transition: all 0.25s ease; }
.go-to-next-section:before { content: ''; border-radius: 100%; top: -17px; left: -17px; right: -17px; bottom: -17px; position: absolute; transition: all 0.25s ease; background: rgba(255, 255, 255, 0.1); }
 @keyframes arrow {
50% {
top: 10px;
}
}
 @keyframes scale {
50% {
transform: scale(1.1);
}
}
/* online-banking */
.online-banking { padding: 40px 0; background: #fff; position: relative; }
.online-banking:before { top: 0; left: 0; bottom: 0; content: ''; width: 21.8%; position: absolute; background: #69be28; }
.online-banking .container { z-index: 2; position: relative; }
.online-banking .row { min-height: 335px; }
.online-banking .box { max-width: 608px; margin: 16px auto 0; }
.online-banking h2 { color: #2d2d2d; margin: 0 0 14px; font-weight: 400; font-size: 2.42857em; line-height: 1.17647; letter-spacing: -0.055rem; }
.online-banking p { margin: 0 0 6px; font-weight: 400; font-size: 1.28571em; line-height: 1.44444; }
.online-banking .note { color: #595959; margin: 0 0 38px; font-size: 1em; line-height: 1.28571; }
.online-banking .list-logos li { margin: 0 7px 0 0; }
.online-banking .img-holder { right: 0; bottom: 0; position: absolute; }
.online-banking .list-logos { float: left; }
/* card summary page */
.jumbotron { padding: 0; margin: 0 0 17px; background: none; }
.jumbotron > .row > div:first-of-type { align-self: center !important; }
.jumbotron h2, .jumbotron h1 { font-weight: 500; margin-bottom: 0; }
.jumbotron h2 { font-size: 1.57143em; line-height: 1.18182; }
.jumbotron p { font-weight: 300; margin: 4px 0 0 0; }
/* available-credit */
.available-credit { border-radius: 5px; padding: 21px 18px 18px; border: solid 1px #dfe6ee; }
.available-credit .title { font-weight: 400; font-size: 0.9285714285714286em; }
.available-credit .amount { font-weight: 500; font-size: 1em; line-height: 1.21429; }
.available-credit .icon-coin { color: #FAA532; font-size: 120%; margin: 0 8px 0 0; vertical-align: top; }
.available-credit .icon-limit { font-size: 140%; margin: 0 8px 0 0; vertical-align: middle; }
.available-credit .progress-bar { transition-delay: 3s; transition-duration: 4s; }
.progress { height: 0.2142857142857143em; }
/* card-history */
.card-history { margin: 0; height: 100%; }
.card-history::after { display: block; clear: both; content: ""; }
.card-history li { height: 50%; padding: 20px; border-radius: 5px; height: calc(50% - 19px); }
.card-history li::after { display: block; clear: both; content: ""; }
.card-history li + li { margin: 20px 0 0; }
.card-history .title { font-size: 0.857em; font-weight: 400; }
.card-history .country, .card-history .amount { font-weight: 500; }
.card-history .country img { border-radius: 100%; width: 12px; height: 12px; margin: 0 5px 0 0; }
.card-history .country .text { display: inline-block; vertical-align: middle; }
.card-history.two-col { height: auto; margin: 0 -17px 0 0; }
.card-history.two-col li { float: left; margin: 0 17px 11px 0; width: calc(50% - 17px); }
.card-history.two-col li + li { margin-top: 0; }
.card-history.two-col li:only-child { float: none; width: auto; }
.card-history .na { color: #a9a9a9; font-weight: 400; font-size: 1em; line-height: 1.5; }
.card-history .amount, .card-history .na { margin: 0 0 7px; }
.card-history .amount { color: #222; font-weight: 500; }
.card-history .text { display: block; font-size: 1em; line-height: 1.21429; }
.card-history .time { display: block; font-size: 0.92857em; line-height: 1.23077; }
/* apr-info-box */
.apr-info-box { height: 100%; padding: 10px; white-space: nowrap; text-align: center; border-radius: 5px; }
.apr-info-box > .box, .apr-info-box:before { display: inline-block; vertical-align: middle; }
.apr-info-box:before { content: ''; min-height: 124px; }
.apr-info-box > .box { white-space: normal; }
.apr-info-box .num { display: block; margin: 11px 0 18px; font-weight: 500; }
.apr-info-box p { margin: 0 auto; max-width: 150px; font-size: 0.92857em; line-height: 1.23077; }
/* last-history */
.last-history-info { margin: 0 -12px; }
.last-history { display: table; width: 100%; table-layout: fixed; }
.last-history li { padding: 0 12px; margin: 0 0 8px; display: table-cell; vertical-align: top; }
.last-history .holder, .last-history .strip { display: inline-block; vertical-align: middle; }
.last-history .strip { height: 100%; width: 1px; }
.last-history .box { height: 100%; white-space: nowrap; border-radius: 5px; position: relative; border: solid 1px #dfe6ee; padding: 17px 150px 17px 15px; }
.last-history .holder { white-space: normal; }
.last-history .title { display: block; font-size: 0.85714em; line-height: 1.25; }
.last-history .name { font-weight: 500; color: #222222; top: 50%; right: 20px; margin: -10px 0 0; position: absolute; max-width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.last-history .name, .last-history .na, .last-history .amount { font-weight: 500; color: #222222; top: 50%; right: 20px; margin: -10px 0 0; position: absolute; max-width: 130px; white-space: nowrap; text-overflow: ellipsis; }
.last-history .not-available { color: #a9a9a9; font-weight: 400; font-size: 1em; line-height: 1.5; top: 50%; right: 20px; margin: -10px 0 0; position: absolute; }

@media (max-width: 1199px) {
.last-history .not-available { position: static; margin: 0; }
}
.last-history a { font-size: 0.85714em; line-height: 1.25; color: #faa533; }
.last-history a:hover, .last-history a:focus { text-decoration: none; color: #db8005; }
.last-history .time { display: block; font-size: 0.78571em; line-height: 1.45455; }
.last-history .time label { margin-bottom: 0; }
.last-history .na { padding: 0; }
.shared-balance-history { padding: 13px 0 0; }
.shared-balance-history h2 { margin: 0 0 23px; }
.shared-balance-history .card-summary { margin: 0 0 40px; padding: 30px 28px 19px; }
/* secondry-card-drop */
.secondry-card-drop { max-width: 370px; position: relative; margin: 0 0 0 auto; }
.secondry-card-drop .list-gen-tabs a { padding: 12px; }
.secondry-card-drop .info-holder ul li { border-radius: 3px; border: 1px solid transparent; }
.secondry-card-drop .info-holder ul li:hover { background: #fff; }
.secondry-card-drop .info-holder ul li.up li:hover, .secondry-card-drop .info-holder ul li.up:hover { border-color: transparent; }
.secondry-card-drop .info-holder ul li.up a { border-radius: 3px; border: 1px solid transparent; }
.secondry-card-drop .info-holder ul li.up a:focus, .secondry-card-drop .info-holder ul li.up a:hover { border-color: #faa432; background: #fff; }
.secondry-card-drop .info-holder ul ul { padding: 3px; }
.secondry-card-drop .list-gen-tab-nav .list-holder, .secondry-card-drop .list-gen-tab-nav .jcf-scrollable-wrapper { min-height: 40px !important; width: auto !important; }
.secondry-card-drop .list-gen-tabs li + li { border-width: 0; }
.secondry-card-drop .list-gen-tabs a { background: rgba(235, 239, 244, 0.64); }
.secondry-card-drop .list-gen-tabs a:hover, .secondry-card-drop .list-gen-tabs a:focus, .secondry-card-drop .list-gen-tabs a.active { color: #1c4c39; background: rgba(235, 239, 244, 0.64); }
.secondry-card-drop .list-gen-tab-nav { padding: 0 13px; margin: 0 0 10px; }
.secondry-card-drop .list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-inc, .secondry-card-drop .list-gen-tab-nav .jcf-scrollbar-horizontal .jcf-scrollbar-dec { padding: 0; width: 13px; height: auto; line-height: 45px; }
.secondry-card-drop .list-gen-tab-nav .nav-tabs li { min-width: 170px; }
.secondry-card-drop .list-gen-tab-nav .nav-tabs li a .text { top: 1px; position: relative; font-size: 1em; line-height: 1.33333; }
.secondry-card-drop .numbers { color: #fff; padding: 0 7px; background: rgba(153, 153, 153, 0.3); margin: 0 0 0 6px; border-radius: 14px; font-size: 0.83333em; line-height: 1.7; display: inline-block; vertical-align: middle; }
.secondry-card-drop > .btn-secondary { color: #666; display: block; border-width: 0; text-align: left; min-height: 64px; position: relative; background-color: #fff; padding: 11px 44px 11px 17px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); }
.secondry-card-drop > .btn-secondary:focus, .secondry-card-drop > .btn-secondary:hover, .secondry-card-drop > .btn-secondary:active { outline-offset: 3px; outline: dotted 1px !important; }
.secondry-card-drop > .btn-secondary:after { top: 50%; right: 16px; color: #9c9c9c; border-width: 0; content: "\e902"; margin: -3px 0 0; position: absolute; width: auto; height: auto; font: 36%/1 'cholder4'; transition: all 0.35s ease; }
.secondry-card-drop > .btn-secondary .name { color: #666; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.85714em; line-height: 1.5; }
.secondry-card-drop > .btn-secondary .card-num { font-weight: 500; color: #000000; font-size: 1em; line-height: 1.5; }
.secondry-card-drop > .btn-secondary .card-num .dot:nth-child(2) { margin: 0 0 0 3px; }
.secondry-card-drop > .btn-secondary .card-num .dot:nth-child(11), .secondry-card-drop > .btn-secondary .card-num .dot:nth-child(7), .secondry-card-drop > .btn-secondary .card-num .dot:nth-child(3) { margin: 0 3px 0 0; }
.secondry-card-drop > .btn-secondary .card-type { opacity: 0.7; display: block; letter-spacing: 0.04rem; text-transform: uppercase; font-size: 0.71429em; line-height: 1.4; color: #777; font-weight: 500; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.secondry-card-drop > .btn-secondary .num { max-width: 100px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 1.6; }
.secondry-card-drop > .btn-secondary .currency-sign { color: #777777; font-size: 0.92308em; line-height: 1.5; }
.secondry-card-drop > .btn-secondary.collapsed.close-outside-collapse-opener:after { transform: rotate(0deg); }
.secondry-card-drop > .btn-secondary.close-outside-collapse-opener:after { transform: rotate(-180deg); }
.secondry-card-drop .btn-wallet { text-align: left; background: #f8f8f8; text-decoration: none; padding: 5px 42px 5px 17px; min-height: 40px; }
.secondry-card-drop .btn-wallet .heading { display: inline-block; color: #999999; font-weight: 500; font-size: 0.78571em; line-height: 1.54545; }
.secondry-card-drop .btn-wallet .list-inline { display: inline-block !important; margin-left: 80px; }
.secondry-card-drop .btn-wallet .list-inline > * { display: inline-block !important; }
.secondry-card-drop .btn-wallet .ico { top: 50%; right: 14px; color: #8F8F8F; font-size: 18px; font-weight: 500; margin: -9px 0 0; position: absolute; -ms-transform: rotate(-180deg); transform: rotate(-180deg); transition: all 0.25s ease; }
.secondry-card-drop .btn-wallet .list-inline-item > * { height: 20px; width: 20px; border-radius: 100%; border: 2px solid #fff; box-sizing: content-box; display: inline-block !important; }
.secondry-card-drop .btn-wallet .list-inline-item .more { display: block; height: 20px; width: 20px; font-size: 0.71429em; line-height: 2; background: #EEEEEE; color: #999999; font-weight: 500; text-align: center; }
.secondry-card-drop .btn-wallet.collapsed .ico { transform: rotate(0deg); }
.secondry-card-drop .search { position: relative; padding: 0 6px 3px; }
.secondry-card-drop .search .form-control { color: #000; height: 40px; border-radius: 4px; font-size: 13px; line-height: 1.53846; padding: 10px 10px 10px 36px; }
 .secondry-card-drop .search .form-control::-webkit-input-placeholder {
color: #999;
}
 .secondry-card-drop .search .form-control::-moz-placeholder {
opacity: 1;
color: #999;
}
 .secondry-card-drop .search .form-control:-moz-placeholder {
color: #999;
}
 .secondry-card-drop .search .form-control:-ms-input-placeholder {
color: #999;
}
.secondry-card-drop .search .form-control.placeholder { color: #999; }
.secondry-card-drop .search .ico { top: 15px; left: 19px; color: #999; position: absolute; font-size: 0.92857em; line-height: 1; }
.secondry-card-drop [id*="wallets-"] { background: #f8f8f8; }
.secondry-card-drop [id*="wallets-"] .list-unstyled li { background: #f8f8f8; }
.secondry-card-drop [id*="wallets-"] .list-unstyled li:hover { background: #fff; }
.secondry-card-drop.show > .btn, .secondry-card-drop > .btn-secondary:not(:disabled):active, .secondry-card-drop > .btn-secondary:not(:disabled):active:focus, .secondry-card-drop > .btn-secondary:not(:disabled):hover, .secondry-card-drop > .btn-secondary:not(:disabled):focus { color: #666; outline: none; background-color: #fff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02) !important; }
.secondry-card-drop .default-selection { color: #666666; position: relative; white-space: nowrap; letter-spacing: 0.04rem; padding: 12px 10px 10px 2.461538461538462em; font-size: 0.92857em; line-height: 1.46154; font-weight: 400; }
.secondry-card-drop .default-selection .icon-card { top: 50%; left: 0; color: #888; margin: -6px 0 0; position: absolute; font-size: 1em; line-height: 1; }
.secondry-card-drop .default-selection .text { display: block; overflow: hidden; text-overflow: ellipsis; }
.secondry-card-drop .dropdown-menu-area { top: 0 !important; right: 0; z-index: 100; padding: 2px; width: 100%; border-width: 0; margin: 0; position: absolute; border-radius: 4px; overflow: hidden; background-color: #fff; transform: none !important; -ms-transform: none !important; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; display: block !important; height: auto !important; }
.secondry-card-drop .dropdown-menu-area.show { opacity: 1; visibility: visible; }
.secondry-card-drop .dropdown-menu-area .slimScrollDiv, .secondry-card-drop .dropdown-menu-area .scroll-holder { height: auto !important; }
.secondry-card-drop .dropdown-menu-area .scroll-holder { max-height: 262px; }
.secondry-card-drop .custom-card { display: block; margin: 9px 7px; padding: 10px 11px; width: auto; height: auto; }
.secondry-card-drop .custom-card .head, .secondry-card-drop .custom-card .info { display: block; }
.secondry-card-drop .custom-card .head::after, .secondry-card-drop .custom-card .info::after { display: block; clear: both; content: ""; }
.secondry-card-drop .custom-card .name { color: #fff; font-size: 0.92857em; line-height: 1.23077; }
.secondry-card-drop .custom-card .card-type { opacity: 0.7; font-size: 0.71429em; line-height: 1.4; letter-spacing: 0.04rem; text-transform: uppercase; }
.secondry-card-drop .custom-card .card-num { margin: 0; font-weight: 500; font-size: 0.92857em; line-height: 1.23077; }
.secondry-card-drop .custom-card .card-num .dot { width: 4px; height: 4px; }
.secondry-card-drop .custom-card .card-num .dot:nth-child(2) { margin: 0 0 0 6px; }
.secondry-card-drop .custom-card .card-num .dot:nth-child(11), .secondry-card-drop .custom-card .card-num .dot:nth-child(7), .secondry-card-drop .custom-card .card-num .dot:nth-child(3) { margin: 0 6px 0 0; }
.secondry-card-drop .custom-card .amount { font-weight: 700; font-size: 1em; line-height: 1.21429; }
.secondry-card-drop .custom-card .amount .num { display: inline-block; }
.secondry-card-drop .custom-card .amount .currency-sign { color: #fff; }
.secondry-card-drop .info-holder { position: relative; }
.secondry-card-drop .info-holder .title { display: block; font-weight: 500; padding: 13px 17px; background: #ebeff4; font-size: 0.85714em; line-height: 1.33333; }
.secondry-card-drop .info-holder ul { margin: 0; }
.secondry-card-drop .info-holder ul a { display: block; padding: 15px 17px; border-radius: 4px; }
.secondry-card-drop .info-holder ul .card-type { display: none; }
.secondry-card-drop .info-holder .wallets-flags li { border: none !important; margin: 0 -5px; vertical-align: top; }
.secondry-card-drop .info-holder .wallets-flags li:hover { border: none !important; }
.secondry-card-drop .user-info, .secondry-card-drop .amount-info { width: 50%; display: inline-block; vertical-align: middle; }
.secondry-card-drop .name { display: block; margin: 0 0 3px; font-weight: 400; font-size: 0.85714em; line-height: 1.25; }
.secondry-card-drop .amount-info { text-align: right; margin: 0 0 0 -4px; }
.secondry-card-drop .amount { font-weight: 500; display: inline-block; vertical-align: top; margin: 1px 0 -5px; font-size: 0.92857em; line-height: 1.23077; }
.secondry-card-drop .amount img { margin: 0 1px 0 4px; width: 12px; height: 12px; border-radius: 100%; display: inline-block; vertical-align: middle; }
.secondry-card-drop .amount .currency-sign { font-weight: 400; font-size: 0.92308em; line-height: 1.33333; }
.secondry-card-drop .card-num { margin: 0; font-weight: 500; font-size: 0.92857em; line-height: 1.23077; }
.secondry-card-drop .card-num .dot { width: 4px; height: 4px; }
.secondry-card-drop .card-num .dot:nth-child(2) { margin: 0 0 0 6px; }
.secondry-card-drop .card-num .dot:nth-child(11), .secondry-card-drop .card-num .dot:nth-child(7), .secondry-card-drop .card-num .dot:nth-child(3) { margin: 0 6px 0 0; }
.secondry-card-drop .dropdown-menu { width: 100%; }
.custom-ready { outline: dotted 1px !important; outline-offset: 4px; }
[data-target-class=".undefined"], [data-target-class*=".col-"], [data-target-class=".row"] { display: none !important; }
.password-conditions p { color: #999; margin: 0 0 11px; font-size: 1em; line-height: 1.5; }
.otp-container { background: rgba(233, 237, 242, 0.3); border-radius: 4px; padding: 30px; border: 1px solid #D8DDE4; position: relative; z-index: 5; }
.otp-container .passcode-box h3 { color: #222222; font-size: 1.07692em; line-height: 1.5; }
.otp-container .passcode-box p { font-size: 0.92308em; line-height: 1.5; color: #999999; letter-spacing: 0.2px; margin-bottom: 17px; font-weight: 400; }
.otp-container .passcode-box .radios-holder { margin: 0; }
.otp-container .passcode-box .radio label { font-size: 1em; line-height: 1.38462; font-weight: 500; }
.otp-container .btn { margin: 10px 0 0 !important; font-weight: 500; padding: 7px 15px !important; font-size: 1em; line-height: 1.46154; }
.otp-container .label { display: block; color: #999; }
.otp-container .send-again { padding: 20px; background: #fff; border: 1px solid #dedede; text-align: center; border-radius: 4px; max-width: 220px; margin: 0 auto; }
.otp-container .send-again .ico { font-size: 0.92308em; line-height: 1; color: #FAA532; }
.otp-container .send-again .seconds-holder { font-size: 1em; line-height: 1.38462; color: #999999; }
.otp-container .send-again a { font-size: 1em; line-height: 1.38462; margin: 4px 0px 7px 0px; font-weight: 500; display: block; cursor: pointer; }
.otp-container .send-again a:hover, .otp-container .send-again a:focus { text-decoration: none; color: #da8005; }
.otp-container .send-again-link.disabled { color: rgba(0, 0, 0, 0.2); }
.otp-container .send-again-link.disabled:hover { color: rgba(0, 0, 0, 0.2); }
.otp-container .source .ico { top: 2px; display: inline-block; vertical-align: top; margin-right: 5px; position: relative; }
.otp-container .passcode-box { background: none; margin: 0; padding: 0; border: none; box-shadow: none; }
.otp-container .otp-counter { display: none; text-align: center; }
.otp-container .otp-counter .label { color: #5e5e5e; font-size: 1.07692em; line-height: 1.5; }
.otp-container .otp-counter .source { font-size: 1.07692em; line-height: 1.28571; color: #444444; display: block; margin: 0 0 20px; font-weight: 500; }
.otp-container .counter-countdown .text { display: none; }
.otp-container.otp-overlay:before { z-index: 2; content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.otp-container.otp-overlay .send-again-link { color: #ccc; }
.otp-container.counter-active .passcode-box { display: none; }
.otp-container.counter-active .otp-counter { display: block; }
.body-loader .otp-container .otp-counter { display: block !important; }
.temp-overlay:before { position: relative; content: ''; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
/*Generic Counter*/
/*Use this code anywhere you'd like to use counter*/
.counter { white-space: nowrap; }
.counter > * { white-space: normal; }
.counter:before, .counter > * { float: none; display: inline-block; vertical-align: middle; }
.counter:before { content: ''; height: 100%; }
.counter svg { width: 15px; height: 15px; display: inline-block; margin-right: 5px; }
.counter .progress-circle { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.counter .progress__value { stroke-dasharray: 339.292; stroke-dashoffset: 339.292; -webkit-animation: progress paused linear; animation: progress paused linear; }
.counter.time-inside { position: relative; }
.counter.time-inside svg { width: 100px; height: 100px; display: inline-block; }
.counter.time-inside .counter-countdown { position: absolute; top: 60%; left: 40%; transform: translate(-60%, -40%); }
.counter.time-inside .seconds { color: #FAA532; font-weight: 500; font-size: 1.143em; position: relative; top: -37px; right: -33px; }
.counter.time-inside .text:before { position: relative; top: -22px; }
.counter-active .progress__value, .form.edit-ready .progress__value { -webkit-animation-play-state: running; animation-play-state: running; }
 @-webkit-keyframes progress {
from {
stroke-dashoffset: 339.292;
}
 to {
stroke-dashoffset: 0;
}
}
 @keyframes progress {
from {
stroke-dashoffset: 339.292;
}
 to {
stroke-dashoffset: 0;
}
}
.counter-countdown { display: inline-block; }
.counter-countdown .text { color: #999; font-size: 11px; line-height: 1.27273; position: absolute; bottom: 5px; right: -27px; }
.counter-countdown .text:before { display: block; content: attr(data-mins); }
.counter-countdown .mins { display: block; color: #FAA532; font-weight: 500; font-size: 32px; line-height: 1.25; }
.counter-countdown .seconds { color: #999; font-size: 13px; line-height: 1.38462; font-weight: 400; }
.counter-countdown .seconds[data-seconds="0"]:before { content: '0'; }
/*Generic Counter CSS END*/
.verification-area { margin: 0 -3px; }
.verification-area > h4, .verification-area > label { margin-left: 3px; }
.verification-area h4 { font-size: 1.07692em; line-height: 1.14286; color: #222222; font-weight: 500; letter-spacing: 0.23px; }
.verification-area .label { display: block; color: #999999; letter-spacing: 0.23px; font-size: 1.07692em; line-height: 1.5; margin-bottom: 30px; }
.verification-area .error-message { font-size: 0.92308em; line-height: 1.5; color: #d36e6e; margin-bottom: 30px; position: relative; top: 5px; }
.error-message { font-size: 0.85714em; line-height: 1.5; margin: 0; color: #d36e6e; display: none; }
.code-resend { font-size: 1em; line-height: 1.38462; }
.code-resend a { font-weight: 500; color: #faaf39; }
.code-resend a:hover, .code-resend a:focus { text-decoration: none; color: #e18c06; }
.code-resend .ico { color: #3BA880; font-size: 120%; margin: 0 7px 0 0; vertical-align: middle; }
.code-resend .sent { display: none; color: #3ba880; }
.code-resend.active .sent { display: inline-block; vertical-align: top; }
.error-screen, .success-screen { text-align: center; }
.error-screen h3, .success-screen h3 { margin: 0 0 4px; color: #1A9A6B; font-size: 1.69231em; line-height: 1.45455; }
.error-screen p, .success-screen p { margin: 0 0 44px; font-size: 1em; line-height: 1.38462; }
.error-screen .vector-area, .success-screen .vector-area { margin: 0 auto; overflow: visible; }
.error-screen .vector-area:before, .success-screen .vector-area:before { display: none; }
.error-screen .frame a, .success-screen .frame a { margin: 0 10px; font-size: 1.07692em; line-height: 1.5; }
/* captcha-area */
.captcha-area { position: relative; }
.captcha-area > label { font-weight: 500; color: #222; }
.captcha-area .field label { font-size: 1.07692em; line-height: 1.5; line-height: 21px; }
.captcha-area .field.field-focused label { font-size: 0.92308em; line-height: 1.5; line-height: 21px; }
.captcha-area label { color: #999; margin: 0; min-height: 22px; }
.captcha-area label strong { color: #222222; font-weight: 500; font-size: 1em; line-height: 1.14286; }
.captcha { height: 80px; margin: 10px 0 16px; position: relative; border-radius: 4px; background-color: #fff; border: 1px solid #D7D9E0; padding: 10px 30px 10px 10px; }
.captcha .captcha-img { top: 50%; display: block; margin: 0 auto; position: relative; transform: translate(0, -50%); -ms-transform: translate(0, -50%); }
.captcha .captcha-actions { top: 0; right: 0; bottom: 0; margin: 0; position: absolute; border-left: 1px solid #DFE6EE; }
.captcha .captcha-actions li { height: 50%; }
.captcha .captcha-actions li + li { border-top: 1px solid #DFE6EE; }
.captcha .captcha-actions a { display: block; text-align: center; position: relative; width: 30px; height: 100%; }
.captcha .captcha-actions a:focus, .captcha .captcha-actions a:hover, .captcha .captcha-actions a:active { background: #f9f9f9; }
.captcha .captcha-actions a > span { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.captcha.btn-2 .captcha-actions li { height: 50%; }
.captcha.btn-1 .captcha-actions li { height: 100%; }
.captcha.btn-3 { height: 100px; }
.captcha.btn-3 .captcha-actions li { height: 33.3333%; }
/* card-steps-holder */
.card-steps-holder { width: 100%; font-size: 0; line-height: 0; display: table; position: relative; }
.card-steps-holder .step-holder { width: 100%; display: table; position: relative; }
.card-steps-holder .input-step { padding: 0 3px; position: relative; white-space: nowrap; display: table-cell; vertical-align: top; }
.card-steps-holder .input-step .form-control, .card-steps-holder .input-step .input-divider { text-align: center; display: table-cell; vertical-align: middle; }
.card-steps-holder .input-step .input-divider { position: relative; text-align: center; font-size: 24px; line-height: 1; }
.card-steps-holder .input-step .form-control { padding-left: 0; padding-right: 0; }
 .card-steps-holder .input-step .form-control::-webkit-input-placeholder {
color: #EEE;
}
 .card-steps-holder .input-step .form-control::-moz-placeholder {
opacity: 1;
color: #EEE;
}
 .card-steps-holder .input-step .form-control:-moz-placeholder {
color: #EEE;
}
 .card-steps-holder .input-step .form-control:-ms-input-placeholder {
color: #EEE;
}
.card-steps-holder .input-step .form-control.placeholder { color: #EEE; }
.card-steps-holder .field-focused .form-control, .card-steps-holder .form-control { font-size: 22px; line-height: 1.45455; box-shadow: none !important; }
.card-steps-holder .input-step { position: relative; }
.card-steps-holder .field-masking { text-align: center; }
.field-masking { top: 0; left: 0; position: absolute; }
.helpline { min-width: 335px; padding: 30px 0; border: 1px solid #E8EAEE; border-radius: 4px; text-align: center; margin-bottom: 42px; position: relative; }
.helpline strong { font-size: 1.23077em; line-height: 1.125; color: #444; font-weight: 700; display: block; margin-bottom: 7px; }
.helpline span { color: #444; font-size: 1em; line-height: 1.38462; margin-bottom: 14px; display: block; font-weight: 300; }
.helpline .ico-holder { display: inline-block; padding: 0 15px; background-color: #F9F9F9; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); }
.helpline .ico-holder span { font-size: 1.69231em; line-height: 0.72727; transform: rotate(9deg); }
.helpline .btn-orange { min-width: 158px; padding: 8px 20px; }
/* list-selection */
.list-selection { margin: 0 0 50px; }
.list-selection li { padding: 0; width: 10.76923em; height: 7.69231em; }
.list-selection li:not(:last-child) { margin: 0 20px 0 0; }
.list-selection label { margin: 0; cursor: pointer; text-align: center; width: 100%; height: 100%; border-radius: 4px; white-space: nowrap; transition: all 0.25s ease; font-size: 0.92308em; line-height: 1.5; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
.list-selection label > * { white-space: normal; }
.list-selection label:before, .list-selection label > * { float: none; display: inline-block; vertical-align: middle; }
.list-selection label:before { content: ''; height: 100%; }
.list-selection .ico { display: block; font-size: 24px; margin: 0 0 12px; }
/* list-digits */
.list-digits { margin: 0 0 30px; }
.list-digits li { width: 40px; }
.list-digits li:not(:last-child) { margin: 0 10px 0 0; }
.list-digits + p { margin: 0 0 51px; }
/* list-alpha */
.list-alpha { width: 100%; display: table; table-layout: fixed; }
.list-alpha li { margin: 0; padding: 0 2px; display: table-cell; vertical-align: top; }
.list-alpha li span, .list-alpha li strong { display: block; }
.list-alpha li strong { font-size: 1.5em; line-height: 1.5; }
.list-alpha li span { color: #777; font-size: 0.83333em; line-height: 1.4; }
.list-alpha li.pass strong { color: #4CAA75; }
/* password-conditions */
.password-conditions { color: #999; margin: 0 0 20px; border-radius: 4px; padding: 19px 16px; text-align: center; border: 1px solid #EBEFF4; background-color: #FBFCFD; font-size: 0.92308em; line-height: 1.5; }
.password-conditions p { margin: 0 0 10px; font-weight: 400; }
.password-conditions .list-alpha { margin-bottom: 0; }
.errorMessage { margin: 13px 0 0 0; padding: 0; }
.errorMessage li { display: block; color: #9F2D2D; font-size: 11px; line-height: 18px; letter-spacing: 0.46px; }
.errorMessage li .ico { margin-right: 5px; }
.errorMessage li span:before { content: "\e90b"; display: inline; font-family: cholder4; margin-right: 5px; }
.transaction-period-drop .errorMessage { padding: 0 0 12px 20px; }
.hasFilterError { background-color: rgba(255, 238, 237, 0.2) !important; }
.error-text { color: #C33A3A; display: block; margin: 10px 0 0; overflow: hidden; white-space: pre-wrap; font-size: 0.85714em; line-height: 1.5; }
.trans-type { fill: #faa532; position: relative; top: -2px; margin-right: 5px; }
.trans-type path { fill: #faa532; }
/* transaction-details */
.transaction-details { border-radius: 4px; }
.transaction-details header { margin: 0; }
.transaction-details .filters-area { padding: 24px 20px; border: solid #EBEFF4; border-width: 0 0 1px; }
.transaction-details .filters-area::after { display: block; clear: both; content: ""; }
.transaction-details h2 { margin: 0; float: left; max-width: 60%; font-weight: 400; font-size: 1em; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.54px; }
.transaction-details .actions-list { float: right; margin: 0; }
.transaction-details .actions-list li { padding: 0 15px; float: left; }
.transaction-details .actions-list li:last-of-type { padding-right: 0px; }
.transaction-details .actions-list .dropdown-menu li { padding: 0 !important; }
.transaction-details .actions-list a { font-size: 0.92857em; line-height: 1.38462; }
.transaction-details .actions-list a .ico { margin: 0 0 0 10px; }
.transaction-details .actions-list a .icon-sms-new { font-size: 0.846em; }
.transaction-details .card-activity-info { border-bottom: 1px solid #DFE0E1; }
.transaction-details .card-activity-info .d-table > * { border: solid #EBEFF4; border-width: 0 1px 0 0; }
.transaction-details .card-activity-info .d-table > *:last-child { border-right-width: 0; }
.transaction-details .card-activity-info.show { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05); }
.transaction-details .title { display: block; margin: 0 0 4px; font-weight: 400; font-size: 0.78571em; line-height: 1.54545; text-transform: uppercase; position: relative; letter-spacing: 0.23px; }
.transaction-details .types { padding: 10px 23px; }
.transaction-details .types a { display: block; padding: 0px 15px; min-width: 50px; border-radius: 20px; font-size: 0.786em; line-height: 1.818em; text-transform: capitalize; }
.transaction-details .types a:hover, .transaction-details .types a:focus { color: #34A67C; }
.transaction-details .types a.active { color: #fff; }
.transaction-details .table-recent-transactions .owner .ico { color: #FAA532; }
.code-send-options { position: relative; }
.code-send-options label.hover { outline: dotted 1px #000; }
.radio-invisible { top: 0; left: 0; opacity: 0; position: absolute; }
/* transaction-period-drop */
.transaction-period-drop { position: relative; }
.transaction-period-drop a[data-toggle] { color: #222; height: 100%; display: block; text-align: left; position: relative; padding: 14px 70px 16px 24px; letter-spacing: 0.23px; }
.transaction-period-drop a[data-toggle] .title { font-size: 0.78571em; line-height: 1.54545; top: 0px; letter-spacing: 0.23px; }
.transaction-period-drop a[data-toggle] .icon-calendar { top: 50%; right: 23px; color: #b1b1b1; font-size: 120%; margin: -9px 0 0; position: absolute; }
.transaction-period-drop a[data-toggle] .selected-period, .transaction-period-drop a[data-toggle] .time { font-weight: 500; font-size: 0.857em; line-height: 1.25; }
.transaction-period-drop a[data-toggle] .to { color: #999; font-size: 0.6875em; line-height: 1.36364; padding: 0px 4px; }
.transaction-period-drop a[data-toggle]:hover, .transaction-period-drop a[data-toggle]:focus, .transaction-period-drop a[data-toggle][aria-expanded="true"] { text-decoration: none; }
.transaction-period-drop a[data-toggle]:hover .icon-calendar, .transaction-period-drop a[data-toggle]:focus .icon-calendar, .transaction-period-drop a[data-toggle][aria-expanded="true"] .icon-calendar { color: #7c7c7c; }
.transaction-period-drop #transaction-period-dropdown { left: 0; top: 100%; width: 100%; z-index: 10; position: absolute; }
.transaction-period-drop .card-body { border-radius: 0; border-color: #e3e4e5; padding: 10px 20px 15px; }
.transaction-period-drop:last-child .close-outside-collapse { left: auto; right: 0; width: 390px; }
.transaction-period-drop .scroll-holder, .transaction-period-drop .slimScrollDiv { height: auto !important; }
.transaction-period-drop .scroll-holder { max-height: 363px; }
.transaction-period-drop .v-bar { height: 20px; padding: 0 0 20px; }
.transaction-period-drop.alt #transaction-period-dropdown { min-width: 400px; }
.transaction-period-drop:last-child #transaction-period-dropdown { left: auto; right: 0; }
/* list-days-selection */
.list-days-selection { margin: 0 -10px; }
.list-days-selection li { width: 49%; display: inline-block; vertical-align: top; padding: 0 5px; margin: 0 0 10px; }
.list-days-selection a { color: #484848; display: block; padding: 8px 10px; text-align: center; background: #f5f7f9; border-radius: 30px; border: solid 1px #e5eaf1; font-size: 0.92857em; line-height: 1.38462; }
.list-days-selection a:hover, .list-days-selection a:focus, .list-days-selection a.active { background: #fff; }
.date-range { padding: 20px; border-radius: 4px; }
.date-range .title { font-weight: 500; font-size: 0.85714em; line-height: 1.25; text-transform: inherit; }
.date-range label { font-size: 0.78571em; line-height: 1.36364; text-transform: uppercase; }
.date-range .form-control { height: 34px; font-size: 13px; line-height: 1.23077; border-width: 1px; padding-left: 17px; border-radius: 2px; }
 .date-range .form-control::-webkit-input-placeholder {
color: #393b4c;
}
 .date-range .form-control::-moz-placeholder {
opacity: 1;
color: #393b4c;
}
 .date-range .form-control:-moz-placeholder {
color: #393b4c;
}
 .date-range .form-control:-ms-input-placeholder {
color: #393b4c;
}
.date-range .form-control.placeholder { color: #393b4c; }
.has-datepicker { position: relative; }
.has-datepicker .ico { top: 17px; right: 10px; font-size: 14px; margin: -7px 0 0; position: absolute; }
/* table-switcher */
.table-switcher { padding: 20px; }
.table-switcher .table-switcher { border: 0; }
.table-switcher .table-switcher > tbody > tr > td { padding: 0; }
.table-switcher > tbody > tr > td { padding: 20px; }
.table-switcher ul { margin: 0 0 0 20px; }
.table-switcher ul li.list-inline-item { margin: 0 0 0 5px; }
.table-switcher .btn.btn-light { color: #a1a0a0; padding: 0 3px; position: relative; min-width: 3.50001em; min-height: 2.909em; font-size: 0.71429em; line-height: 3; }
.table-switcher .btn.btn-light.disabled { opacity: 0.3; cursor: not-allowed; }
.table-switcher .icon-angle-double-left, .table-switcher .icon-angle-double-right { font-size: 1.6em; line-height: 1; position: relative; top: 3px; }
.table-switcher .result-rang-holder { margin: 8px 0 0; font-size: 0.78571em; line-height: 1.54545; }
.table-switcher .total-results { font-weight: 500; }
.table-switcher .chosen-container .chosen-single { float: left; border-color: #ddd; box-shadow: none; }
.table-switcher .icon-arrow-right, .table-switcher .icon-arrow-left { font-size: 0.933em; }
.table-switcher .select-holder { margin: 20px 0 0; }
.table-switcher select { margin: 0; height: auto; padding: 5px 10px; }
[data-isandroid="true"][data-ismobile="true"] .table-switcher .select-holder { position: relative; }
[data-isandroid="true"][data-ismobile="true"] .table-switcher .select-holder:before { top: 50%; z-index: 5; right: 20px; color: #7a7b87; margin: -3px 0 0; font: 40%/1 'cholder4'; content: "\e902"; position: absolute; pointer-events: none; }
.radios-holder { top: 36px; right: 50px; position: absolute; white-space: nowrap; }
.radios-holder [class*="iradio_"] { top: 0; left: 0; opacity: 0; position: absolute; }
.radios-holder .radio { z-index: 2; display: inline-block; vertical-align: top; position: relative; text-align: center; border-radius: 20px; border: #ccc solid 1px; }
.radios-holder label { margin: 0; z-index: 3; display: inline-block; vertical-align: top; cursor: pointer; min-width: 70px; padding: 10px 15px; position: relative; border-radius: 20px; font-size: 0.85714em; line-height: 1.5; transition: all 0.25s ease; }
.radios-holder label:only-child { width: 100% !important; }
.radios-holder label.checkbox-checked { color: #fff; }
.radios-holder label.checkbox-checked span:before { color: #fff; }
.radios-holder label span:before { color: #c9c9c9; }
.radios-holder label.focus { outline: dotted 1px; text-decoration: underline; }
.radios-holder label .ico { margin: 0 5px 0 0; }
.radios-holder.bg-active .bg { opacity: 1; }
.radios-holder .bg { top: 0; left: 0; bottom: 0; opacity: 0; position: absolute; border-radius: 20px; transition: all 0.25s ease; }
.radios-holder.animation .bg { transform: skew(18deg); -ms-transform: skew(18deg); }
.radios-holder .invisible { top: 0; left: 0; width: 0; height: 0; position: absolute; }
.radios-holder.radio-1 .bg { left: 0; width: 100% !important; }
.verification-success { padding: 50px 30px; text-align: center; margin: 0 0 50px; }
.verification-success .ico { display: block; margin: 0 0 20px; font-size: 2em; }
.verification-success .main-heading { text-align: center; }
.back-link { display: inline-block; vertical-align: top; margin: 0 0 5px; font-size: 0.92857em; line-height: 1.84615; }
.info-list { margin: 0; font-size: 0; line-height: 0; }
.info-list .box, .info-list li { width: 49%; display: inline-block; vertical-align: top; margin: 0 0 30px; padding: 0 10px 0 0; font-size: 14px; line-height: 1.42857; }
.info-list .box.wide, .info-list li.wide { margin: 0; padding: 0; width: auto; display: block; }
.info-list .title { display: block; font-weight: 400; margin: 0 0 6px; font-size: 0.85714em; line-height: 1.5; }
.info-list .val { display: block; font-weight: 400; font-size: 1.14286em; line-height: 1.5; }
.info-list.col4 > *:not(.wide) { width: 25%; }
.info-list .tag { min-width: 87px; }
.info-list .icon-subscribed { top: -3px; color: #10432E; position: relative; font-size: 0.42857em; line-height: 1; margin: 0 10px 0 0; }
.verify-fieldbox { padding: 32px; border-radius: 4px; text-align: center; border: 1px solid #D8DDE4; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15); }
.verify-fieldbox + .verify-fieldbox { margin: 30px 0 0; }
.form .verify-fieldbox label { margin: 0; color: #222; font-weight: 500; font-size: 1em; line-height: 1.71429; }
.verify-fieldbox .field { max-width: 250px; margin: 0 auto; }
.form .verify-fieldbox .form-control { color: #222; text-align: center; border-width: 0 0 1px; font-size: 24px; line-height: 1.25; }
.accountType { color: #333; font-size: 0.78571em; line-height: 1.54545; text-transform: uppercase; }
.accountType:before { content: ''; display: inline-block; vertical-align: top; display: none; width: 9px; height: 9px; border-radius: 3px; margin: 6px 10px 0 0; background-color: #8390AE; }
.form-search { float: right; width: 228px; border: solid #f0f0f0; border-width: 0 0 0 1px; }
.form-search .form-control { height: 72px; border-width: 0; box-shadow: none; font-size: 12px; line-height: 1.66667; padding: 26px 52px 26px 26px; }
 .form-search .form-control::-webkit-input-placeholder {
color: #222222;
}
 .form-search .form-control::-moz-placeholder {
opacity: 1;
color: #222222;
}
 .form-search .form-control:-moz-placeholder {
color: #222222;
}
 .form-search .form-control:-ms-input-placeholder {
color: #222222;
}
.form-search .form-control.placeholder { color: #222222; }
.form-search .clear-search, .form-search .ico { top: 50%; right: 20px; margin: -7px 0 0; position: absolute; font-size: 14px; line-height: 1; }
.form-search .clear-search { z-index: 2; display: none; }
.form-search .field-focused .ico { display: none; }
.form-search .field-focused .clear-search { display: block; }
.btn.btn-addbank-account { float: right; }
.keyword-search-holder .no-match { display: none !important; }
.form .static-field .label { font-size: 0.85714em; line-height: 1.5; margin: 0 0 12px; }
.form .btn { min-width: 144px; margin: 0 10px 0 0; }
.form .btn:nth-child(2) { margin: 0; }
.form .label, .form label { font-size: 1em; line-height: 1.42857; /*line-height: 20px;*/ }
.form .form-control { color: #1c1c1c; font-size: 1.14286em; line-height: 1.5; }
 .form .form-control::-webkit-input-placeholder {
color: #1c1c1c;
}
 .form .form-control::-moz-placeholder {
opacity: 1;
color: #1c1c1c;
}
 .form .form-control:-moz-placeholder {
color: #1c1c1c;
}
 .form .form-control:-ms-input-placeholder {
color: #1c1c1c;
}
.form .form-control.placeholder { color: #1c1c1c; }
.form .btn { padding-left: 30px; padding-right: 30px; }
.form .tag.verified { padding: 5px 10px 2px; }
.ba-info { margin: 0 0 28px; background: #fff; padding: 35px 30px; border-radius: 4px; border: 1px solid #D8DDE4; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15); }
.list-steps { margin: 0; text-align: center; counter-reset: my-sec-counter; }
.list-steps li { padding: 25px 10px 21px; border-bottom: 2px solid rgba(191, 191, 191, 0.25); }
.list-steps li:before { color: #fff; font-weight: 700; margin: 0 14px 0 0; width: 2em; height: 2em; border-radius: 100%; font-size: 0.92857em; line-height: 2; background-color: #C9D4E0; counter-increment: my-sec-counter; content: counter(my-sec-counter); display: inline-block; vertical-align: middle; }
.list-steps li.active { border-color: #007775; }
.list-steps li.active:before { background: #faa532; }
.list-steps li.done { color: #3ba880; }
.list-steps li.done:before { background: #3ba880; content: "\e924"; font-family: 'cholder4'; }
.agreement { padding: 18px 21px; border-radius: 4px; }
.form .agreement h2 { margin: 0 0 20px; font-weight: 500; text-transform: uppercase; font-size: 0.85714em; line-height: 1.5; }
.agreement p { font-size: 0.85714em; line-height: 1.5; }
.agreement .slider-checkbox { top: 5px; float: left; position: relative; }
.agreement .slider-checkbox + label { color: #222; display: block; overflow: hidden; }
.agreement.green { margin: 38px 0 0; }
.agreement .icon-check { display: inline-block; vertical-align: top; margin: 0 10px 0 0; width: 1.61538em; height: 1.61538em; border-radius: 100%; text-align: center; font-size: 0.92857em; line-height: 1.30769; }
.agreement .accepted { display: inline-block; vertical-align: middle; font-size: 0.85714em; line-height: 1.25; }
.add-bank-account-success { white-space: nowrap; text-align: center; padding: 100px 10px; }
.add-bank-account-success > * { white-space: normal; }
.add-bank-account-success:before, .add-bank-account-success > * { float: none; display: inline-block; vertical-align: middle; }
.add-bank-account-success:before { content: ''; height: 450px; }
.add-bank-account-success .btn { min-width: 190px; }
.success { color: #444; max-width: 664px; text-align: center; padding: 10px 0; }
.success h2 { float: none; margin: 0 0 12px; font-weight: 500; font-size: 1.57143em; line-height: 1.45455; }
.success p { margin: 0 0 49px; font-size: 0.92857em; line-height: 1.38462; }
.success .ico-holder { max-width: 250px; margin: 0 auto 50px; }
.success .btn { margin: 0 10px; }
/* widget */
.widget { margin: 25px 0 0; padding: 30px 32px; border-radius: 4px; border: 2px solid #fff; }
.widget .logo { display: block; max-width: 200px; margin: 0 0 25px; }
.widget .logo img { height: auto; max-width: 100%; display: block; }
.widget h2 { margin: 0 0 10px; font-weight: 500; letter-spacing: 0.09rem; }
.widget h3 { margin: 0 0 10px; font-weight: 400; }
.widget p { margin: 0 0 28px; font-size: 0.92857em; line-height: 1.38462; letter-spacing: 0.72px; }
.widget .btn { padding: 10.5px 20px; min-width: 144px; }
.last-summary .opener { display: block; position: relative; font-size: 0.92857em; line-height: 1.53846; padding: 11px 60px 11px 21px; background-color: rgba(249, 250, 251, 0.5); }
.last-summary .opener .end-date { font-weight: 500; font-size: 0.92308em; line-height: 1.66667; }
.last-summary .opener .ico { top: 50%; right: 25px; font-size: 80%; margin: -10px 0 0; position: absolute; }
.last-summary .opener .ico:before { content: "\e909"; color: #999; }
.last-summary .opener.collapsed { background-color: rgba(249, 250, 251, 0.5); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); }
.last-summary .opener.collapsed .ico { font-size: 160%; }
.last-summary .opener.collapsed .ico:before { content: "\e941"; color: #039779; }
.last-summary .summary-holder { padding: 20px; border-bottom: rgba(191, 191, 191, 0.2) solid 1px; background-color: rgba(249, 250, 251, 0.5); }
.last-summary .alert-last-summary { background: #ffece5; border-color: #ffd4d4; }
.last-summary .balance-info li:before { top: 0.2em; }
.last-summary .balance-info time { clear: both; color: #9a4448; display: block; font-size: 0.71429em; line-height: 1.5; }
.last-summary .balance-info .alert { padding: 16px 16px 16px 23px; }
.last-summary .balance-info .alert .title { color: #222; font-weight: 500; font-size: 1em; line-height: 1.28571; }
.last-summary .balance-info .btn-tooltip { font-size: 110%; color: #9a9999; }
.last-summary .balance-info .btn-tooltip:hover, .last-summary .balance-info .btn-tooltip:focus { text-decoration: none; color: #747373; }
.last-summary .no-before { padding: 0; }
.last-summary .no-before:before { display: none; }
.transaction-details .last-summary .title { font-size: 1.14286em; line-height: 1.25; text-transform: none; max-width: 13em; }
.last-summary .balance-summary { margin: 0; padding: 0; border-width: 0; }
.last-summary .balance-summary li { width: 25%; }
.last-summary .balance-summary .title { font-size: 0.85714em; line-height: 1.25; }
.current-statement { padding: 15px 20px; margin: 0 0 10px; border-radius: 4px; }
.current-statement::after { display: block; clear: both; content: ""; }
.current-statement .statement-date { float: left; width: 65%; padding: 0 10px 0 0; }
.current-statement .sub-title { color: #444; display: block; margin: 0 0 6px; font-weight: 400; font-size: 12px; line-height: 1.25; }
.current-statement .to, .current-statement .date { font-weight: 400; font-size: 12px; line-height: 1.25; }
.current-statement .date { color: #222; font-weight: 500; }
.current-statement .closing-date .sub-title, .current-statement .closing-date .date { color: #777; font-size: 11px; font-weight: 400; }
.current-statement .closing-date { display: block; overflow: hidden; text-align: right; }
.current-statement strong { font-weight: 500; }
.previous-statement { margin: 0 0 10px; padding: 16px 13px; border-radius: 4px; }
.previous-statement ul { margin: 0; }
.previous-statement a { display: block; padding: 6px 20px; border-radius: 4px; font-size: 0.85714em; line-height: 1.25; }
.previous-statement a.active, .previous-statement a:hover, .previous-statement a:focus { color: #fff; background: #faa532; }
.previous-statement .title { margin: 0 0 10px; }
.message-info { width: 100%; background: #fff; }
.message-info tr > td { border-top: none; vertical-align: middle; }
.message-info tr > td:nth-child(1) { width: 6.25em; padding: 13px 13px 13px 20px; }
.message-info tr > td:nth-child(2) { width: auto; }
.message-info tr > td:nth-child(3) { width: 30%; text-align: right; }
.message-info > tbody > tr > td { padding-bottom: 13px; }
.message-info > tbody > tr > td:nth-child(2) { color: #222; font-size: 0.92857em; line-height: 1.46154; }
.message-info > tbody > tr > td:nth-child(3) { color: #777; font-size: 0.85714em; line-height: 1.33333; }
.message-info > tbody > tr > td:nth-child(3) .ico { color: #faa532; margin: 0 5px 0 0; }
.message-info > tbody > tr:last-child > td { padding-bottom: 13px; }
.message-info > tbody > tr:hover > td:nth-child(2) { color: #faa532; }
.filter-area { border: solid #EBEFF4; border-width: 1px 0 1px; }
.form-search { width: 100%; position: relative; }
.form-search .form-control { padding: 27px 52px 17px 26px; }
 .form-search ::-webkit-input-placeholder {
color: #000000;
position: relative;
top: 3px;
}
 .form-search ::-moz-placeholder {
color: #000000;
position: relative;
top: 3px;
}
 .form-search :-ms-input-placeholder {
color: #000000;
position: relative;
top: 3px;
}
 .form-search :-moz-placeholder {
color: #000000;
position: relative;
top: 3px;
}
.form-search .title { position: absolute; left: 26px; top: 15px; color: #999; font-size: 0.78571em; line-height: 1.54545; text-transform: uppercase; }
#alert-history .message-date-drop .title { color: #999; display: block; font-size: 0.78571em; line-height: 1.54545; text-transform: uppercase; font-weight: 400; }
#alert-history .types { display: block; padding: 15px 0px 5px 25px; color: #999; font-size: 0.78571em; line-height: 1.54545; text-transform: uppercase; border: solid #EBEFF4; border-width: 0px 0px 0px 1px; }
#alert-history .types .title { display: block; margin-bottom: -5px; }
#alert-history .status-selection-list.border-style { border-radius: 20px; }
#alert-history .status-selection-list li a { border-radius: 20px; padding: 2.5px 20px; cursor: pointer; color: #777777; }
#alert-history .status-selection-list li a.active { color: #fff; }
.tab-holder { padding: 30px 25px; }
/* list-gen-tabs */
.list-gen-tabs { border-width: 0; text-align: center; background: rgba(235, 239, 244, 0.64); }
.list-gen-tabs a { padding: 15px; display: block; font-size: 0.92857em; line-height: 1.53846; text-transform: uppercase; }
.list-gen-tabs a.active { font-weight: 500; }
.list-gen-tabs a.active:hover, .list-gen-tabs a.active:focus { outline: dotted 1px; }
.list-gen-tabs.move-left { transform: translate(-20px, 0); }
.add-location { width: 100%; color: #111; margin: 0 0 20px; padding: 14px 20px; border-radius: 4px; border: dashed 1px #ccc; }
.filter-select { padding: 0; position: relative; }
.transaction-details .filter-select { padding: 0; }
.filter-select label { top: 18px; left: 22px; z-index: 2; position: absolute; font-size: 11px; line-height: 1.27273; }
.filter-select .chosen-container { height: 100%; }
.filter-select .chosen-container .chosen-single { color: #222; border-width: 0; min-height: 78px; border-radius: 0; box-shadow: none; padding: 42px 22px 15px; }
.filter-select .chosen-container .chosen-single:hover, .filter-select .chosen-container .chosen-single:focus { color: #222; background: #fff; }
.filter-select .chosen-container.chosen-container-active .chosen-single span { text-decoration: underline; }
.filter-select .chosen-container.chosen-container-active.chosen-with-drop .chosen-single span { text-decoration: none; }
.filter-select .chosen-container .chosen-drop { border-radius: 0; border-width: 1px; border-color: #EBEFF4; }
.ui-dialog .ui-dialog-content { overflow: visible !important; height: auto !important; padding: 35px 30px; }
.ui-dialog-titlebar { display: none; }
.ui-widget { font-family: 'Heebo', "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.ui-dialog.ui-widget-content[aria-describedby="sessionTimeoutdialog"] { top: 50% !important; left: 50% !important; transform: translate(-50%,-50%); }
.ui-dialog.ui-widget-content { min-width: 462px; min-height: 250px; position: fixed !important; border: 1px dotted #e3e7ed; border-radius: 5px; overflow: visible; height: auto !important; padding: 0; }
.chosen-container-multi .chosen-choices { min-height: 50px; }
.chosen-container-multi .chosen-choices li.search-choice { padding: 7px 30px 7px 15px; border-radius: 25px; background: rgba(235, 239, 244, 0.5); border: 1px solid #e3e7ed; }
.chosen-container-multi .chosen-choices li.search-choice:before { content: "\e94a"; font-family: 'cholder4' !important; margin-right: 10px; color: #b8b8b8; }
.chosen-container-multi .search-choice-close { right: 9px !important; top: 50% !important; margin: -4px 0 0; width: auto !important; height: auto !important; font-size: 8px !important; line-height: 1 !important; }
.chosen-container-multi .search-choice-close:hover, .chosen-container-multi .search-choice-close:focus { outline: dotted 1px; outline-offset: 3px; }
.chosen-container-multi .search-choice-close:before { content: "\e909"; font-family: 'cholder4'; }
#edit-subscription-dialog .chosen-container .chosen-single { color: #1A6A4A; font-weight: 500; font-size: 14px; line-height: 1.5; }
.ui-dialog .chosen-container.chosen-container-multi .chosen-choices li.search-field { display: none; }
.ui-dialog .chosen-container.chosen-container-multi.chosen-with-drop.chosen-container-active .chosen-choices li.search-field { display: block; }
.ui-dialog .chosen-container .chosen-results { max-height: 120px; }
.ui-dialog .btn-holder li { width: 47.9%; }
.ui-dialog .btn-holder li a { display: block; }
.ui-dialog .dialog-title { display: block; font-weight: bold; margin: 0 0 10px; font-size: 18px; line-height: 1.11111; }
.ui-dialog p { color: #444; margin: 0 0 15px; font-size: 13px; line-height: 1.84615; }
.ui-dialog p.info { color: #777; }
.ui-dialog .hasDatepicker { height: 42px; background: none; padding-left: 0; border-width: 0 0 2px; font-size: 14px; line-height: 1.42857; }
.ui-dialog label { color: #999; font-size: 11px; line-height: 1.27273; text-transform: uppercase; }
.ui-dialog .chosen-container .chosen-single { font-size: 14px; line-height: 1.42857; }
.ui-dialog .slimScrollDiv { height: auto !important; max-height: 140px; }
.ui-dialog .ui-dialog-content > .slimScrollDiv { height: auto !important; max-height: none; padding-bottom: 5px; }
.ui-dialog .dialog-scroll-holder { height: auto !important; max-height: 72vh; padding-bottom: 5px; }
/* UI */
.ui-state-disabled { cursor: default !important; pointer-events: none; }
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1999; }
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index: 2000; background: #fff; }
.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; }
.ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; }
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
.ui-widget-overlay { opacity: 0.6; background: #000; filter: Alpha(Opacity=60); }
.ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; }
.datepicker-show .ui-datepicker { display: block !important; top: 100% !important; left: 0 !important; }
.datepicker-show .ui-datepicker.to-top { top: auto !important; bottom: 100% !important; }
.ui-datepicker { width: 280px; padding: 10px; background: #fff; border-radius: 5px; border: solid 1px #10432E; }
.ui-datepicker:empty { display: none; }
.ui-datepicker .ui-datepicker-header { padding: 0 0 10px; }
.ui-datepicker .ui-datepicker-header::after { display: block; clear: both; content: ""; }
.ui-datepicker .ui-datepicker-header a { cursor: pointer; width: 24px; height: 24px; border-radius: 100%; text-align: center; background: #f1f1f1; }
.ui-datepicker .ui-datepicker-header a:hover, .ui-datepicker .ui-datepicker-header a:focus { color: #fff; background: #10432E; }
.ui-datepicker .ui-datepicker-header a.ui-state-disabled span { color: #e6e6e6; }
.ui-datepicker .ui-datepicker-prev { float: left; }
.ui-datepicker .ui-datepicker-prev .ui-icon:before { content: "\e940"; }
.ui-datepicker .ui-datepicker-next { float: right; }
.ui-datepicker .ui-datepicker-next .ui-icon:before { content: "\e93f"; }
.ui-datepicker .ui-datepicker-title { display: block; overflow: hidden; text-align: center; font-size: 13px; line-height: 1.84615; }
.ui-datepicker .ui-icon { font-size: 0; line-height: 0; }
.ui-datepicker .ui-icon:before { font: 14px/24px 'cholder4'; }
.ui-datepicker select { border-width: 0; }
.ui-datepicker-calendar { width: 100%; height: 193px; text-align: center; }
.ui-datepicker-calendar th { padding: 0 0 5px; font-weight: 500; font-size: 13px; line-height: 1.38462; border-bottom: solid 1px #f3f3f5; }
.ui-datepicker-calendar td a { display: block; margin: 0 auto; border-radius: 100%; width: 24px; height: 24px; font-size: 12px; line-height: 2; color: #10432E; }
.ui-datepicker-calendar td a.ui-state-highlight, .ui-datepicker-calendar td a:hover, .ui-datepicker-calendar td a:focus { color: #fff;}
.ui-datepicker-calendar tbody > tr:first-child td { padding-top: 8px; }
.ui-datepicker-calendar tbody > tr:last-child td { padding-bottom: 8px; }
.ui-datepicker-calendar .ui-datepicker-week-end { color: #10432E; }
.ui-datepicker-calendar .ui-datepicker-week-end a { color: #10432E; }
.chosen-with-img.touch-device-select { background-repeat: no-repeat !important; background-size: 14px 14px !important; background-position: 0 50% !important; padding-left: 20px; }
.verified-img { display: block; margin: 0 auto 30px; }
.verified-img .vb { fill: #10432E; }
.verification-send { color: #444; font-size: 0.92857em; line-height: 1.23077; }
.verification-send strong { font-weight: 500; }
/* appGuideline */
/* account statement */
.empty-section { height: 100%; background: #fff; text-align: center; border-radius: 4px; border: solid 2px #fff; white-space: nowrap; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); }
.empty-section > * { white-space: normal; }
.empty-section:before, .empty-section > * { float: none; display: inline-block; vertical-align: middle; }
.empty-section:before { content: ''; height: 100%; }
.empty-section .frame { color: #777; margin: 15px 0; width: 31.38461538461538em; min-height: 31.38461538461538em; border-radius: 100%; background: #ebeff4; font-size: 0.92857em; line-height: 1.30769; white-space: nowrap; }
.empty-section .frame > * { white-space: normal; }
.empty-section .frame:before, .empty-section .frame > * { float: none; display: inline-block; vertical-align: middle; }
.empty-section .frame:before { content: ''; height: 31.38462em; }
.empty-section .ico-holder { margin: 0 auto 30px; }
.pin-counter { min-height: 120px; margin: 0 0 50px; overflow: hidden; border-radius: 4px; text-align: center; border: 1px solid #D8DDE4; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
.pin-counter .pin-number { float: left; width: 70%; white-space: nowrap; }
.pin-counter .pin-number > * { white-space: normal; }
.pin-counter .pin-number:before, .pin-counter .pin-number > * { float: none; display: inline-block; vertical-align: middle; }
.pin-counter .pin-number:before { content: ''; height: 120px; }
.pin-counter .pin-timer { float: left; width: 30%; white-space: nowrap; }
.pin-counter .pin-timer > * { white-space: normal; }
.pin-counter .pin-timer:before, .pin-counter .pin-timer > * { float: none; display: inline-block; vertical-align: middle; }
.pin-counter .pin-timer:before { content: ''; height: 120px; }
.pin-counter .pin-number { border-right: #eceff2 solid 1px; background: url("../../../../cstatic/aac66d66-64f7-4fa1-9264-0f57046716e5/pattern3.png"); }
.pin-counter .pin-timer { background: #f9fafb; }
.pin-counter .num { color: #999; letter-spacing: 1px; font-size: 1.5em; line-height: 1.19048; }
.pin-counter .counter-title { color: #999; margin: 0 10px 0 0; font-size: 0.85714em; line-height: 1.25; }
.pin-counter .counter-title, .pin-counter .counter { display: inline-block; vertical-align: middle; }
.passcode-box { margin: 0 0 24px; border-radius: 4px; padding: 32px 23px; border: 1px solid #D8DDE4; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); background: linear-gradient(313.55deg, #F8FBFF 0%, rgba(255, 255, 255, 0.3) 100%); }
.passcode-box .radios-holder { top: auto; right: auto; width: 100%; margin: 0 0 20px; position: relative; }
.passcode-box .radios-holder .radio { display: block; border-radius: 18px; }
.passcode-box .radios-holder label { padding: 7px 10px; border-radius: 18px; width: 50%; }
.passcode-box .radios-holder .bg { border-radius: 18px; }
.passcode-box .radios-holder .on { display: none; }
.passcode-box .radios-holder .checkbox-checked .on { display: block; }
.passcode-box .radios-holder .checkbox-checked .off { display: none; }
[aria-describedby="localeChangeDialog"] { text-align: center; }
[aria-describedby="localeChangeDialog"] .img-holder img { display: block; margin: 0 auto; }
[aria-describedby="localeChangeDialog"] .ui-dialog-title { float: none; display: block; }
/* card loader style */
.loader3-1 { position: fixed; background: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 2500; }
.body-loaded .loader3-1 { display: none; }
.loader3-1 .bar { top: 0; left: 0; position: absolute; width: 0; height: 3px; }
.svg-wrapper { top: 50%; left: 50%; width: 240px; margin: 0 auto; position: fixed; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: none; }
.svg-wrapper .logo-holder { position: absolute; top: 15px; right: 15px; animation: scale 1s linear forwards alternate infinite; width: 100px; height: 30px; transform: scale(0); -ms-transform: scale(0); transform-origin: 100% 0; -ms-transform-origin: 100% 0; }
.svg-wrapper .logo-holder img { display: block; max-width: 100%; height: auto; }
.svg-wrapper svg { display: block; }
.svg-wrapper .circle { right: 17px; bottom: 17px; width: 33px; height: 33px; z-index: 2; position: absolute; background: #e2e2e2; border-radius: 100%; animation: scale 1s linear forwards alternate infinite; transform: scale(0); -ms-transform: scale(0); }
.svg-wrapper .circle2 { z-index: 1; right: 36px; background: #e90015; }
.svg-wrapper .lines-holder { left: 17px; bottom: 17px; font-size: 0; line-height: 0; text-align: left; position: absolute; }
.svg-wrapper .line { height: 6px; width: 24px; overflow: hidden; position: relative; margin: 8px 8px 0 0; border-radius: 10px; display: inline-block; vertical-align: top; }
.svg-wrapper .line1 { width: 72px; }
.svg-wrapper .line:before { top: 0; left: 0; content: ''; background: #eee; position: absolute; width: 0; height: 100%; animation: line 1s linear forwards alternate infinite; }
.svg-wrapper .shape { fill: rgba(255, 255, 255, 0.2); stroke-dasharray: 140 540; stroke-dashoffset: -474; stroke-width: 4px; stroke: #faa532; border-radius: 10px; }
.svg-wrapper .shape2 { fill: transparent; stroke-dasharray: 98 0; stroke-dashoffset: -132; stroke-width: 2px; stroke: #faa532; }
.svg-wrapper .shape { animation: 1s draw linear forwards alternate infinite; }
.svg-wrapper .shape2 { animation: 1s draw2 linear forwards alternate infinite; }
.vline-holder { top: 58px; left: 40px; height: 0; width: 24px; width: 24px; height: 0; position: absolute; border: solid #faa532; border-width: 0 2px; animation: lineHeight 1s linear alternate infinite; }
 @keyframes draw {
0% {
stroke-dasharray: 0 540;
 stroke-dashoffset: -474;
}
 100% {
stroke-dasharray: 860;
 stroke-dashoffset: 0;
}
}
 @keyframes draw2 {
0% {
stroke-dasharray: 0 148;
 stroke-dashoffset: -98;
}
 100% {
stroke-dasharray: 148;
 stroke-dashoffset: -0;
}
}
 @keyframes scale {
90%, 100% {
transform: scale(1);
}
}
 @keyframes line {
90%, 100% {
width: 100%;
}
}
 @keyframes lineHeight {
100% {
height: 32px;
}
}
.screen-saver { display: none; }
#compatibilityModal { display: none !important; }
/******/
/* scrollbars */
.jcf-scrollable-wrapper { box-sizing: content-box; position: relative; }
.jcf-scrollbar-vertical { position: absolute; cursor: default; background: #e3e3e3; width: 14px; bottom: 0; right: 0; top: 0; }
.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc { background: #bbb; height: 14px; width: 14px; left: 0; top: 0; }
.jcf-scrollbar-vertical .jcf-scrollbar-inc { top: auto; bottom: 0; }
.jcf-scrollbar-vertical .jcf-scrollbar-handle { background: #888; height: 1px; width: 14px; }
.jcf-scrollbar-horizontal { position: absolute; background: #e3e3e3; right: auto; top: auto; left: 0; bottom: 0; width: 1px; height: 14px; }
.jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc { display: inline-block; vertical-align: top; overflow: hidden; background: #bbb; height: 14px; width: 14px; }
.jcf-scrollbar-horizontal .jcf-scrollbar-inc { left: auto; right: 0; }
.jcf-scrollbar-horizontal .jcf-scrollbar-slider { display: inline-block; position: relative; height: 14px; }
.jcf-scrollbar-horizontal .jcf-scrollbar-handle { position: absolute; background: #888; height: 14px; }
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle { visibility: hidden; }
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, .jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc { background: #e3e3e3; }
/* gen-section */
.gen-section { background: #fff; padding: 30px 25px; border-radius: 4px; border: 2px solid #fff; }
.gen-section + .gen-section { margin: 30px 0 0; }
/* error page */
.errorPage { background: #fff; padding: 26px 20px; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
.errorPage .holder { white-space: nowrap; }
.errorPage .holder > *, .errorPage .holder:before { display: inline-block; vertical-align: middle; }
.errorPage .holder:before { content: ''; height: 100%; }
.errorPage .frame { white-space: normal; }
.errorPage .frame:before { content: ''; width: 125px; height: 126px; display: block; margin: 0 auto 30px; background: url("../../../../cstatic/1a525910-38fd-4e16-bb36-9cd6e7bb0f2c/Session_error.svg") no-repeat; }
.errorPage img { display: none; }
.errorPage .btn { min-width: 150px; }
/* form-contactus */
.form-contactus .field-holder { margin: 0 0 20px; }
.status-selection-list.border-style { display: inline-block; vertical-align: top; position: relative; border-radius: 13px; margin-bottom: 0 !important; border: 1px solid #DCE4EF; margin-top: 3px; }
.status-selection-list.border-style li { margin: 0; float: left; z-index: 2; position: relative; }
.status-selection-list.border-style a { color: #777; }
.transaction-details .status-selection-list.border-style a:hover, .status-selection-list.border-style a:hover { color: #34A67C; }
#alert-history .status-selection-list.border-style li.active, .status-selection-list.border-style li.active, .transaction-details .status-selection-list.border-style li.active { color: #fff; }
#alert-history .status-selection-list.border-style li.active a.active, #alert-history .status-selection-list.border-style li.active a, .status-selection-list.border-style li.active a.active, .status-selection-list.border-style li.active a, .transaction-details .status-selection-list.border-style li.active a.active, .transaction-details .status-selection-list.border-style li.active a { color: #fff; }
.status-selection-list.border-style .bg { top: -1px; left: 0; bottom: -1px; z-index: 1; margin: 0 1px; position: absolute; border-radius: 13px; transition: all 0.25s ease; }
.status-selection-list.border-style.animation .bg { transform: skew(-18deg); -ms-transform: skew(18deg); }
.map-locations .status-selection-list.border-style .bg { top: 2px; bottom: 2px; border-radius: 20px; }
.status-selection-list.border-style.pre-active-3 .bg { width: 33.3333%; }
/*Dashboard EMPTY*/
.dashboard-empty { background: #FFF; border-radius: 4px; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); text-align: center; padding: 77px 0; white-space: nowrap; }
.dashboard-empty > * { white-space: normal; }
.dashboard-empty:before, .dashboard-empty > * { float: none; display: inline-block; vertical-align: middle; }
.dashboard-empty:before { content: ''; height: 33.5em; }
.no-dashboard { width: 35.714em; min-height: 35.714em; border-radius: 100%; white-space: nowrap; background-color: rgba(225, 237, 249, 0.3); }
.no-dashboard > * { white-space: normal; }
.no-dashboard:before, .no-dashboard > * { float: none; display: inline-block; vertical-align: middle; }
.no-dashboard:before { content: ''; height: 35.714em; }
.no-dashboard .img-holder > img { height: 12.786em; }
.no-dashboard strong { font-size: 1.07143em; line-height: 1.46667; color: #777; }
.no-dashboard .btns { margin-top: 30px; }
.no-dashboard .btn { min-width: 170px; padding: 10.5px 20px; }
.no-dashboard .btn + .btn { margin-left: 20px; }
/*Keypad global style*/
.keypad-popup { z-index: 99; }
.defaultKeypad[readonly] { background: none; }
.ui-jqgrid .jqgrid-overlay { display: none; }
.ui-jqgrid { width: 100% !important; }
.ui-jqgrid div { width: 100% !important; }
.ui-jqgrid table { width: 100% !important; }
.ui-jqgrid .ui-jqgrid-bdiv { min-height: 400px; }
.ui-jqgrid .ui-jqgrid-bdiv::after { display: block; clear: both; content: ""; }
.ui-jqgrid .ui-pg-button:focus .btn { outline: dotted 1px; }
.ui-jqgrid .form-control-sm.form-control { width: 100px; height: 30px; }
.ui-jqgrid .chosen-container { max-width: 113px; }
.ui-jqgrid .ui-pg-table td { vertical-align: middle; }
.ui-jqgrid td.search-parent { width: 80px; }
.ui-jqgrid td.search-parent div:first-child { display: none !important; }

@media (max-width: 767px) {
.ui-jqgrid .ui-jqgrid-hdiv { display: none !important; }
}
#transactionsGrid_pager_center { width: 100% !important; }

@media screen and (max-width: 767px) {
[data-pagetype="secure-page"] .nav-opener:hover, [data-pagetype="secure-page"] .nav-opener:focus, [data-pagetype="secure-page"] .nav-opener:active:focus,
[data-pagetype="secure-page"] .nav-opener { top: 0; }
.ui-pg-button { width: auto !important; margin: 0 0 0 5px; }
.ui-pg-table.table-switcher { border-width: 0; }
.ui-pg-table.table-switcher, .ui-pg-table.table-switcher > tbody, .ui-pg-table.table-switcher > tbody > tr, .ui-pg-table.table-switcher > tbody > tr > td { display: block !important; }
.ui-pg-table.table-switcher > tbody > tr:after { content: ''; display: block; clear: both; }
.ui-pg-table.table-switcher > tbody > tr > td:first-child { width: 100% !important; float: none; padding: 0 0 10px; }
.ui-jqgrid .chosen-container { display: inline-block; max-width: 100%; }
.table-switcher .chosen-container .chosen-single { width: 100%; }
.ui-pg-table.table-switcher > tbody > tr > td:not(first-child) { float: left; }
[data-pagetype="public-page"] .navbar-toggler { top: -14px; }
}
.transaction-details h2.noRecords { display: none !important; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; opacity: 0; visibility: hidden; }
.jumbotron.jumbotron-bordered { padding-bottom: 30px; border-bottom: 1px solid #cecece; border-radius: 0; margin-bottom: 80px; }
.jumbotron.jumbotron-bordered h1 { font-size: 1.71429em; line-height: 1.45833; display: inline-block; width: 80%; text-align: left; }

@media (max-width: 579px) {
.jumbotron.jumbotron-bordered { margin-bottom: 30px; }
}
.updated-at { color: #777777; font-size: 1em; line-height: 1.5; }
#mail-sent-dialog { color: #444; font-size: 13px; line-height: 1.84615; }
.ui-dialog #mail-sent-dialog { padding: 50px 35px; }
#mail-sent-dialog .btn { min-width: 134px; }
#mail-sent-dialog .img-holder { margin: 0 0 30px; }
#mail-sent-dialog .img-holder img { display: block; margin: 0 auto; }
#mail-sent-dialog .title { color: #28A49A; margin: 0 0 28px; font-size: 18px; line-height: 1.22222; }
#mail-sent-dialog p { margin: 0 0 5px; }
#mail-sent-dialog p .icon-envelope { margin: 0 8px 0 0; }
#mail-sent-dialog .w-500 { font-weight: 500; }
#mail-fail-dialog { color: #777; font-size: 13px; line-height: 1.38462; }
#mail-fail-dialog .img-holder { margin: 0 0 30px; }
#mail-fail-dialog .img-holder img { display: block; margin: 0 auto; }
#mail-fail-dialog .title { color: #EE6B6B; margin: 0 0 15px; font-size: 18px; line-height: 1.22222; }
#mail-fail-dialog p { margin: 0 0 40px; }
#mail-fail-dialog .btn { min-width: 134px; }
/* drop-download */
.transaction-details .actions-list .drop-download li { margin: 0; float: none; display: block; }
.transaction-details .actions-list .drop-download .dropdown-menu li + li { margin: 10px 0 0; }
.transaction-details .actions-list .drop-download .dropdown-menu .ico { margin: -11px 0 0; }
.transaction-details .actions-list .drop-download .dropdown-menu a:hover, .transaction-details .actions-list .drop-download .dropdown-menu a:focus, .transaction-details .actions-list .drop-download .dropdown-menu a:active, .transaction-details .actions-list .drop-download .dropdown-menu a:active:focus { color: #222; }
.transaction-details .actions-list .drop-download .dropdown-menu a:hover .icon-pdf2, .transaction-details .actions-list .drop-download .dropdown-menu a:focus .icon-pdf2, .transaction-details .actions-list .drop-download .dropdown-menu a:active .icon-pdf2, .transaction-details .actions-list .drop-download .dropdown-menu a:active:focus .icon-pdf2 { color: #E66256; }
.transaction-details .actions-list .drop-download .dropdown-menu a:hover .icon-excel, .transaction-details .actions-list .drop-download .dropdown-menu a:focus .icon-excel, .transaction-details .actions-list .drop-download .dropdown-menu a:active .icon-excel, .transaction-details .actions-list .drop-download .dropdown-menu a:active:focus .icon-excel { color: #348839; }
.transaction-details .actions-list .drop-download .dropdown-menu a:hover .icon-cvs, .transaction-details .actions-list .drop-download .dropdown-menu a:focus .icon-cvs, .transaction-details .actions-list .drop-download .dropdown-menu a:active .icon-cvs, .transaction-details .actions-list .drop-download .dropdown-menu a:active:focus .icon-cvs { color: #2CA51A; }
.drop-download .dropdown-menu { padding: 0; left: auto !important; right: 0; min-width: 200px; margin: 47px 0 0; border: 1px solid #D8DDE4; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); }
.drop-download .dropdown-menu ul { padding: 10px; }
.drop-download .dropdown-menu li + li { margin: 10px 0 0; }
.drop-download .dropdown-menu a { color: #222; display: block; border-radius: 4px; position: relative; font-size: 12px; line-height: 1.5; background-color: #F9FBFC; border: solid 1px #F9FBFC; padding: 16px 50px 16px 20px; }
.drop-download .dropdown-menu a:hover, .drop-download .dropdown-menu a:focus, .drop-download .dropdown-menu a:active, .drop-download .dropdown-menu a:active:focus { color: #222; background: #fff; }
.transaction-details .actions-list .drop-download .dropdown-menu a .icon-pdf2 { color: #E66256; }
.transaction-details .actions-list .drop-download .dropdown-menu a .icon-excel { color: #348839; }
.transaction-details .actions-list .drop-download .dropdown-menu a .icon-cvs { color: #2CA51A; }
.drop-download .dropdown-menu .ico { top: 50%; right: 22px; position: absolute; font-size: 22px; line-height: 1; }
/*Gen Article new styles*/
.wrapper .gen-article { padding: 45px 50px 60px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.wrapper .jumbotron { text-align: left; }
.wrapper .jumbotron h1 { font-size: 1.71429em; line-height: 1.45833; }
.wrapper .jumbotron p { color: #444444; margin-bottom: 25px; font-weight: 400; letter-spacing: 0.23px; }
.wrapper .form-search { border: none; }
.wrapper .form-search input { font-size: 1.14286em; line-height: 1.5; }
.wrapper .form-search .form-control { height: 3.250em; border: 1px solid #DEDEDE; border-radius: 4px; background-color: #FFFFFF; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.02); padding: 15px 120px 15px 20px; }
.body-loader .ui-jqgrid-jquery-ui { opacity: 0; }
.ajax-loader .ui-jqgrid-jquery-ui { opacity: 0; }
/* loader */
/* Make clicks pass-through */
#nprogress { pointer-events: none; }
#nprogress .bar { background: #FAA532; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 4px; }
/* Fancy blur effect */
#nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }
.btn-secondary.disabled:after, .btn-secondary:disabled:after { opacity: 0 !important; }
.btn-secondary.disabled .amount-info, .btn-secondary:disabled .amount-info { margin: 0 0 0 25px; }
#messageContent .alert { padding-left: 50px; }
.form-login .alert.alert-danger ~ .field-holder .form-control { border-color: #D36E6E; }
.icon-keyboard_arrow_right, .icon-keyboard_arrow_left { font-size: 1.7em; position: relative; top: 4px; }
.btn-wallet + div.collapse { background-color: #f8f8f8; }
#dailyBalanceSummary .highcharts-legend .highcharts-spline-series .highcharts-graph { stock-width: 0; stroke: #FFF; }
#dailyBalanceSummary .highcharts-legend .highcharts-spline-series .highcharts-point { stroke: #4A90E2; stroke-width: 4px; }
#dailyBalanceSummary .highcharts-axis-labels.highcharts-xaxis-labels > text:first-child { display: none; }
.section-loading { position: relative; overflow: hidden; }
.section-loading .gird-responsive  {  opacity:  0; }
.section-loader.loading { display: block; }
.section-loader { display: none; position: absolute; background: rgba(255, 255, 255, 0.9); height: 100%; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; }
.section-loader svg { height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
[alt="pixel-perfect"] { top: 0; left: 0; position: absolute; }
[alt="pixel-perfect"] ~ #wrapper { z-index: 2; opacity: 0.65; }
.no-data { background-color: #F9FBFC; border-radius: 4px; padding: 60px 30px; margin-top: 0; width: 100%; }
.no-data .img-holder { margin-bottom: 20px; display: block; }
.no-data .head, .no-data .desc { display: block; }
.no-data .head { font-size: 1em; line-height: 1.42857; color: #222; font-weight: 500; }
.no-data .desc { font-size: 0.92857em; line-height: 1.46154; color: #777; }
.no-record { white-space: nowrap; }
.no-record > * { white-space: normal; }
.no-record:before, .no-record > * { float: none; display: inline-block; vertical-align: middle; }
.no-record:before { content: ''; height: 450px; }
.no-record .no-data-available { margin: 15px 0; width: 28.625em; min-height: 28.625em; border-radius: 100%; background: rgba(225, 237, 249, 0.31); white-space: nowrap; }
.no-record .no-data-available > * { white-space: normal; }
.no-record .no-data-available:before, .no-record .no-data-available > * { float: none; display: inline-block; vertical-align: middle; }
.no-record .no-data-available:before { content: ''; height: 29.625em; }
.no-record .no-data-available .ico-holder { margin-bottom: 20px; }
.no-record .no-data-available .title { font-size: 1.07143em; line-height: 1.46667; color: #777; }
.no-record .no-data-available .desc { color: #999999; font-size: 0.85714em; line-height: 1.58333; }
.no-record .no-data-available .btn { min-width: 179px; }
.no-record .no-data-available .btn .plus { margin: 0 5px 0 0; }
.generic-box-shadow { position: relative; z-index: 2; }
.generic-box-shadow:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 450px; box-shadow: 0 -40px 30px 0 rgba(0, 0, 0, 0.1); z-index: -1; }
.custom_label-wrapper .card-expiry-date { margin-top: -8px; }
.card-expiry-date { color: #d8d8d8; }
.card-expiry-date li { text-align: center; }
.card-expiry-date li.list-inline-item .form-control { border-color: #DFE6EE; }
.card-expiry-date li.list-inline-item.field-focused .form-control { border-color: #FAA532; }
.card-expiry-date .space { width: 50px; font-size: 1.42857em; line-height: 2; }
 .card-expiry-date .form-control::-webkit-input-placeholder {
color: #d8d8d8;
}
 .card-expiry-date .form-control::-moz-placeholder {
opacity: 1;
color: #d8d8d8;
}
 .card-expiry-date .form-control:-moz-placeholder {
color: #d8d8d8;
}
 .card-expiry-date .form-control:-ms-input-placeholder {
color: #d8d8d8;
}
.card-expiry-date .form-control.placeholder { color: #d8d8d8; }
.card-expiry-date li { float: none; vertical-align: bottom; margin: 0; width: 100%; max-width: 145px; padding: 0 5px; }
.card-expiry-date li .form-control { text-align: center; }
body .ui-datepicker { z-index: 100 !important; }
body .form .custom_label-wrapper > label { font-size: 0.85714em !important; line-height: 1.5 !important; }
.card-summary-generic { margin: 0 0 28px; border-radius: 4px; position: relative; padding: 30px 28px 12px; background: #fff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); /* card-author-info */ }
.card-summary-generic .img-holder { float: left; width: 145px; overflow: hidden; min-height: 89px; border-radius: 4px; margin: 0 28px 0 0; box-shadow: inset 0 0px 2px 0 rgba(0, 0, 0, 0.3); }
.card-summary-generic .img-holder img { color: #fff; width: 100%; height: auto; display: block; text-align: center; font-size: 14px; line-height: 6.35714; }
.card-summary-generic .card-info { overflow: hidden; }
.card-summary-generic .card-num { font-weight: 700; margin: 1px 0 6px; color: #222222; letter-spacing: 0.70px; }
.card-summary-generic .card-num .dot { width: 8px; height: 8px; }
.card-summary-generic .card-num .dot:nth-child(2) { margin: 0 0 0 4px; }
.card-summary-generic .card-num .dot:nth-child(7), .card-summary-generic .card-num .dot:nth-child(3) { margin: 0 4px 0 0; }
.card-summary-generic .card-num .dot:nth-child(11) { margin: 0 4px 0 0; }
.card-summary-generic .last-history-info .holder .name, .card-summary-generic .last-history-info .holder .title, .card-summary-generic .last-history-info .holder .amount, .card-summary-generic .last-history-info .holder .time-stamp .title, .card-summary-generic .last-history-info .holder .time-stamp .time { overflow: hidden; }
.card-summary-generic .balance-info li { padding: 0; }
.card-summary-generic .balance-info li:before { display: none; }
.card-summary-generic .balance-info .orange .amount .title, .card-summary-generic .balance-info .title { padding: 0; font-size: 0.875em; line-height: 1.71429; margin: 0 8px 0 0; }
.card-summary-generic .balance-info .amount { float: none; color: #FAA532; font-size: 1em; font-weight: 500; }
.card-summary-generic .balance-info .amount.orange { font-weight: 700; font-size: 1.25em; line-height: 1.2; }
.card-summary-generic .balance-info .amount.orange .title { font-size: 0.875em; line-height: 1.71429; }
.card-summary-generic .balance-info.clearboth { top: -6px; margin: 0 0 7px; position: relative; }
.card-summary-generic .card-author-info { margin: 4px 0 0; }
.card-summary-generic .card-author-info li:not(:last-child) { margin: 0 0 10px; }
.card-summary-generic .tag { padding: 0px 12px 0px; margin: 5px 0 0 19px; }
.card-summary-generic .add-info { color: #8c8c8c; margin: -5px 0 0; font-size: 0.85714em; line-height: 1.5; }
.card-summary-generic .add-info li { margin: 0 34px 0 0; letter-spacing: 0.23px; }
.card-summary-generic .add-info .ico { margin: 0 5px 0 0; vertical-align: middle; }
.card-summary-generic .add-info .icon-card-detail2 { font-size: 140%; }
.card-summary-generic .alert { font-size: 0.85714em; line-height: 1.33333; padding: 16px 20px; }
[lang="es"] .card-summary-generic .tag { clear: both; margin: 10px 0; }
.card-summary-generic .card-author-info::after { display: block; clear: both; content: ""; }
.card-summary-generic .card-author-info li { float: left; width: 33.33333333%; padding: 0 10px 0 0; }
.card-summary-generic .card-author-info li:not(:last-child) { margin: 0; }
.card-summary-generic .card-author-info .heading { font-size: 1em; line-height: 1.35714; margin: 20px 0 0px; font-weight: 500; }
.card-summary-generic .card-author-info .heading label { margin: 0 !important; }
.card-summary-generic .card-author-info .text { display: block; font-weight: 400; font-size: 0.9285714285714286em; }
/*No Records found Generic Style -- End*/
.ui-dialog .ui-dialog-content.generic-dialog { padding: 52px !important; }
.ui-dialog .ui-dialog-content.generic-dialog .scroll-holder { padding: 0 15px 5px; }
.ui-dialog .ui-dialog-content.generic-dialog .img-holder { margin: 0 auto 35px; }
.ui-dialog .ui-dialog-content.generic-dialog .title { font-size: 1.28571em; line-height: 1.05556; font-weight: 700; color: #222222; margin: 0 auto 10px; }
.ui-dialog .ui-dialog-content.generic-dialog .title-desc { font-size: 0.92857em; line-height: 1.53846; color: #777777; margin: 0 auto 20px; }
.ui-dialog .ui-dialog-content.generic-dialog .btns { margin: 35px auto 0 !important; }
.ui-dialog .ui-dialog-content.generic-dialog .btns .btn { font-size: 1em; line-height: 1.35714; min-width: 144px; margin: 0 15px 0 0; }
.ui-dialog .ui-dialog-content.generic-dialog .btns .btn:last-child { margin-right: 0; }
.radio.dialog-radios { border: #ccc solid 1px; position: absolute; top: 20px; right: 0; border-radius: 30px; }
.radio.dialog-radios [class*="iradio_"] { top: 0; left: 0; opacity: 0; position: absolute; }
.radio.dialog-radios label { width: 50%; text-align: center; float: left; line-height: 25px; margin: 0; cursor: pointer; }
.radio.dialog-radios label.checkbox-checked.label-radio-checked { background: #34A67C; color: #fff; }
.alert.alert-success { padding: 16px 56.85px 15px !important; font-size: 0.92857em; line-height: 1.38462; color: #109139; border: 1px solid #73D091; background: #DCF9E5; }
.alert.alert-success:before { content: "\e950"; font: 700 6px/1.2 'cholder4' !important; margin-right: 10px; color: #2E8D4C; border: 2px solid #2E8D4C; padding: 5px 4px; border-radius: 100px; position: absolute; left: 16px; width: 20px; height: 20px; top: 15px; }
.alert.alert-success > .ico { display: none; }
/* session timeout */
.session-timeout { color: #777; background: #fff; max-width: 462px; text-align: center; border-radius: 4px; padding: 25px !important; font-size: 13px; line-height: 1.38462; border: 1px solid #D8DDE4; }
.session-timeout .title { color: #222; display: block; margin: 0 0 10px; font-size: 18px; line-height: 1.22222; }
.session-timeout p { margin: 0; }
.session-timeout .info { font-weight: 500; margin: 0 0 40px; }
.session-timeout .btn { min-width: 144px; }
.session-timeout .counter-timer { margin: 0 auto 40px; position: relative; width: 120px; height: 120px; }
.session-timeout .counter-timer svg { width: 100%; height: 100%; }
.session-timeout .timer { top: 50%; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.session-timeout .seconds-holder, .session-timeout .minutes { display: inline-block; vertical-align: top; }
.session-timeout .minutes { font-weight: 500; font-size: 30px; line-height: 1; padding: 0 3px 0 0; }
.session-timeout .seconds { font-weight: 500; }
.session-timeout .text { color: #afafaf; display: block; font-weight: 500; font-size: 10px; line-height: 1.2; margin: -14px 0 6px 44px; }
.session-timeout [data-digits="0"]:before { content: attr(data-digits); }
#sessionTimeoutdialog ul { margin: 0; }
#sessionTimeoutdialog.ui-widget-content { text-align: center; padding: 0 !important; }
/*
.session-timeout { opacity: 0; }
.no-page-activity .session-timeout { opacity: 1; }
*/
#alertsTabContainer.tab-content.no-tabs:before { content: ''; display: block; clear: both; height: 1px; }

@media (max-width: 767px) {
.ui-datepicker { width: 230px; }
}
.ui-pager-control > .ui-pg-table > tbody > tr > td.ui-jqgrid-pg-right, .ui-pager-control > .ui-pg-table > tbody > tr > td.ui-jqgrid-pg-left { display: none !important; }
.ui-jqgrid-disablePointerEvents.ui-state-disabled { opacity: 0.3; cursor: not-allowed !important; }
.ui-pg-table.table-switcher .chosen-container-single.chosen-container-single-nosearch .chosen-search { clip: auto; clip-path: none; }
.grid-chosen .chosen-container .chosen-drop { font-size: 0; line-height: 0; }
.grid-chosen .chosen-container .chosen-drop * { font-size: 13px; line-height: 18px; }
.grid-chosen .chosen-container .chosen-drop .chosen-search { display: none !important; }
.ui-jqgrid-jquery-ui .no-required, .table-switcher .no-required { display: none !important; }
.ui-state-disabled.ui-jqgrid-disablePointerEvents { cursor: not-allowed; opacity: 0.3; }
.status-selection-list.border-style .bg[style^=" left: 0px"], .status-selection-list.border-style .bg[style*="left: 0px"] { margin: 0 0 0 -1px; }
#alertsTabContainer.tab-content.no-tabs:before { content: ''; display: block; clear: both; height: 1px; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
#footer { height: 1%; width: 100%; z-index: 3; position: relative; display: table-footer-group; }
.main-page #footer { z-index: 7; }
.nav-active #footer { z-index: 150; }
#footer .footer-holder { overflow: hidden; padding: 40px 47px 30px; }
#footer .note { margin: 0; opacity: 0.66; font-size: 0.78571em; line-height: 1.63636; }
#footer .logo a { padding: 0; display: inline-block; vertical-align: top; }
#footer .logo a:hover, #footer .logo a:focus { outline-offset: 4px; }
#footer .logo, #footer .copyright { margin-right: 21px; display: inline-block; vertical-align: middle; margin-bottom: 0; }
#footer .copyright { opacity: 0.66; margin-top: 15px; font-size: 0.71429em; line-height: 1.8; }
#footer .logo { margin-top: 10px; }
#footer .link-settings { right: auto; left: 0; }
/* footer-nav */
.footer-nav ul { margin: 0 0 6px; }
.footer-nav ul li { margin: 0 15px 0 0; }
.footer-nav a { font-weight: 500; position: relative; font-size: 0.85714em; line-height: 2.83333; }
.footer-nav a:hover, .footer-nav a:focus { color: #faa432; }
/* list-logos */
.list-logos { margin: 0; }
.list-logos li { margin: 0 0 0 15px; transition: all 0.25s ease; }
.list-logos svg, .list-logos img, .list-logos a { display: block; max-width: 100%; position: relative; }
.list-logos svg, .list-logos img { transition: all 0.5s ease; }
.list-logos a:focus, .list-logos a:hover { opacity: 0.7; }
.list-logos .hover { display: none !important; }
/* footer-info */
/*.footer-info { margin-top: 17px; padding-top: 23px; }*/

/*body[data-pagetype="public-page"] #footer .footer-info{margin:0;padding:0}*/
/*body[data-pagetype="public-page"]*/ #footer .footer-frame{margin-top:20px;padding-top:11px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;}
/*body[data-pagetype="public-page"] #footer .footer-frame[class*="mx-"] > [class*="col"]{padding-left:0!important;padding-right:0!important}*/

@media (min-width: 768px) {
.logos-holder { order: 2; }
}
.main-page #footer .footer-holder { padding: 40px 0 30px; }
.main-page .footer-nav ul { margin: 0 0 3px; }
.main-page .footer-nav ul li { margin: 0 24px 0 0; }
.main-page .list-logos { margin: 8px 0 0; }
.list-partners { padding: 0 5px 0 7px; }
.list-partners li, .list-partners .list-inline-item:not(:last-child) { padding: 0; margin: 0 13px 0 0; }
.go-to-top { opacity: 0; color: #999; right: 10px; z-index: 99; bottom: 10px; position: fixed; padding: 7px 10px; background: #eee; visibility: hidden; border: solid 1px #ddd; transition: all 0.35s ease; }
.go-to-top:hover, .go-to-top:focus { outline: dotted 1px; outline-offset: -4px; }
.go-to-top.show { opacity: 1; visibility: visible; }
.go-to-top .icon-arrow-right { display: block; transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
/* accessibility-settings */
#accessibility-settings { transform: translate(100%, 0); -ms-transform: translate(100%, 0); transition: all 0.4s linear; }
.accessibility-panel-active #accessibility-settings { transform: translate(0); -ms-transform: translate(0); box-shadow: -2px 8px 20px 0 rgba(0, 0, 0, 0.25); }
.accessibility-panel-active #accessibility-settings .btn-accessibility-settings { opacity: 1; }
#accessibility-settings { top: 0; right: 0; bottom: 0; z-index: 310; color: #fff; position: fixed; border-radius: 0 0 0 10px; background-color: #10162B; width: 400px; height: 550px; }
.secure-page #accessibility-settings { top: 60px; }
#accessibility-settings .scroll-holder, #accessibility-settings .slimScrollDiv { height: 100% !important; }
#accessibility-settings .slimScrollBar { right: 3px !important; opacity: 0.6 !important; background: #fff !important; }
#accessibility-settings .scroll-frame { padding: 32px 30px 24px; }
#accessibility-settings .main-title { display: block; margin: 0 0 4px; font-weight: 500; font-size: 20px; line-height: 1.45; }
#accessibility-settings p { color: #B8C9DC; font-size: 12px; line-height: 1.5; }
#accessibility-settings .title { display: block; margin: 0 0 7px; font-weight: 500; font-size: 15px; line-height: 1.46667; }
#accessibility-settings .classes-list { padding: 0; border: 0; }
#accessibility-settings .classes-list .slimScrollDiv { padding: 5px; height: 200px !important; border: solid 1px #ccc; border-bottom: 0; }
#accessibility-settings .classes-list .btn:hover, #accessibility-settings .classes-list .btn:focus { color: #fff; background: #007bff; border-color: #007bff; text-decoration: none; }
#accessibility-settings .btn.btn-default, #accessibility-settings .btn.btn-info { font-size: 16px; line-height: 1.25; }
#accessibility-settings .btn-accessibility-settings { top: 15px; right: 15px; color: #fff; z-index: 10; position: absolute; font-size: 14px; line-height: 1; }
#accessibility-settings .btn-accessibility-settings:hover, #accessibility-settings .btn-accessibility-settings:focus { color: #da8005; }
#accessibility-settings .btns { text-align: right; }
#accessibility-settings .btns .btn { margin: 0 0 0 10px; padding: 8px 20px; font-size: 13px; line-height: 1.38462; }
#accessibility-settings .btns .btn[data-resetfont] { padding: 0; width: 36px; height: 36px; text-align: center; border-radius: 100%; font-size: 16px; line-height: 2.25; }
#accessibility-settings .colors-options-area p, #accessibility-settings .font-resizer-area p { font-size: 11px; line-height: 1.45455; }
#accessibility-settings .font-val { color: #fff; font-weight: 500; font-size: 13px; line-height: 1.46154; }
.color-contrast-info, .colors-options-area, .font-resizer-area { margin: 20px 0 0; padding: 20px 0; border-top: 1px solid #172739; }
.colors-options-area { margin: 0; padding: 20px 0 0; }
.color-contrast-list { font-size: 0; line-height: 0; margin: 0 -5px -10px; }
.color-contrast-list li { display: inline-block; vertical-align: top; width: 60px; height: 60px; margin: 0 5px 10px; }
a[data-theme] { display: block; font-weight: 700; text-align: center; width: 100%; height: 100%; font-size: 14px; line-height: 4.28571; border: solid 1px; position: relative; border-radius: 4px; }
a[data-theme]:focus { outline: dotted 1px; outline-offset: -4px; }
a[data-theme]:focus, a[data-theme]:hover { text-decoration: underline; }
a[data-theme].active:before { top: 3px; right: 3px; content: "\e924"; position: absolute; font: 100%/1 'cholder4'; }
a[data-theme][data-theme="1"] { background: #fff; color: #009; border-color: #009; }
a[data-theme][data-theme="2"] { background: #6cf; color: #009; border-color: #009; }
a[data-theme][data-theme="3"] { background: #000; color: #ff0; border-color: #ff0; }
a[data-theme][data-theme="4"] { background: #cc9; color: #009; border-color: #009; }
a[data-theme][data-theme="5"] { background: #4A2B3D; color: #dfdfab; border-color: #dfdfab; }
a[data-theme][data-theme="6"] { background: #eecfdf; color: #600137; border-color: #600137; }
a[data-theme][data-theme="7"] { background: #003447; color: #fff; border-color: #003447; }
a[data-theme][data-theme="8"] { background: #44440E; color: #fdfddf; border-color: #fdfddf; }
a[data-theme][data-theme="9"] { background: #3A3A78; color: #fefefe; border-color: #3A3A78; }
a[data-theme][data-theme="10"] { background: #032f3d; color: #fff; border-color: #032f3d; }
a[data-theme][data-theme="default"] { line-height: 28px; border-radius: 0; font-weight: 400; }
.color-contrast-info { width: 100%; display: table; padding: 10px 0 0; table-layout: fixed; }
.color-contrast-info > * { display: table-cell; vertical-align: top; }
.color-contrast-info .selected-theme { height: 36px; pointer-events: none; }
.color-contrast-info .selected-theme a[data-theme] { font-weight: 500; font-size: 14px; line-height: 2.57143; }
.color-contrast-info .selected-theme a[data-theme] .alphabet { display: none; }
.color-contrast-info .selected-theme a[data-theme]:after { content: attr(data-theme-name); }
.color-contrast-info .selected-theme a[data-theme]:before { display: none; }
/* colors-selection */
.colors-selection li { padding: 15px 0; }
.colors-selection li + li { border-top: solid 1px #ccc; }
.colors-selection [type], .colors-selection .btn { width: 100%; }
.colors-selection [type] { display: block; margin: 10px 0 0; }
.colors-selection .selected-element { font-weight: 500; display: block; }
.colors-selection .selected-element:before { content: '('; }
.colors-selection .selected-element:after { content: ')'; }
.colors-selection .classes-list .btn { width: auto; padding: 5px; margin: 2px; font-size: 12px; white-space: normal; display: inline-block; }
.font-range-holder { margin: 0; padding: 7px 0; position: relative; }
.font-range-holder .font-bar { top: 12px; left: 0; width: 0; height: 4px; position: absolute; background: #05643D; pointer-events: none; border-radius: 5px 0 0 5px; }
.font-range-holder .font-bar:after { top: 0; bottom: 0; left: 100%; width: 20px; position: absolute; background: #05643D; }
/* custom range */
.jcf-range { display: block; }
.jcf-range .jcf-range-track { margin: 0 20px 0 0; position: relative; display: block; }
.jcf-range .jcf-range-wrapper { background: #172739; border-radius: 5px; display: block; margin: 5px 0; height: 4px; cursor: pointer; }
.jcf-range.jcf-vertical { width: auto; }
.jcf-range.jcf-vertical .jcf-range-wrapper { margin: 0; width: 10px; height: auto; padding: 20px 0 0; }
.jcf-range.jcf-vertical .jcf-range-track { height: 180px; width: 10px; }
.jcf-range.jcf-vertical .jcf-range-handle { left: -5px; top: auto; }
.jcf-range.jcf-vertical .jcf-range-mark { margin: 0 0 9px; left: 14px; top: auto; width: 3px; height: 1px; }
.jcf-range .jcf-range-handle { position: absolute; background: #05643D; border-radius: 19px; width: 20px; height: 20px; margin: -9px 0 0; z-index: 10; top: 0; left: 0; cursor: pointer; }
.jcf-range .jcf-range-mark { position: absolute; overflow: hidden; background: #000; width: 1px; height: 3px; top: -7px; margin: 0 0 0 9px; }
.jcf-range.jcf-focus .jcf-range-handle { outline: dotted 1px; }
.jcf-range.jcf-disabled { background: none !important; opacity: 0.3; }

@media (max-width: 767px) {
.secure-page #accessibility-settings { top: 47px; }
}

@media (max-width: 480px) {
#accessibility-settings { border-radius: 0; width: 100%; height: 100vh; }
#accessibility-settings .scroll-frame { padding: 15px; }
.color-contrast-info, .colors-options-area, .font-resizer-area { margin: 10px 0 0; padding: 10px 0; }
.colors-options-area, .color-contrast-info { padding-bottom: 0; }
.colors-options-area { margin: 0; }
.color-contrast-list li { width: 40px; height: 40px; }
a[data-theme] { line-height: 40px; }
}
/* accessibility-settings */
/* end */
/* accessibility-confirmation-dialog */
.accessibility-confirmation-dialog .img-holder { margin: 0 0 20px; }
.accessibility-confirmation-dialog .img-holder img { height: auto; display: block; margin: 0 auto; max-width: 100%; }
.accessibility-confirmation-dialog ul { margin: 0; }
#accessibility-confirmation-dialog { display: none; }
.ui-dialog #accessibility-confirmation-dialog { display: block; }

.main-nav-tooltip { margin: 0 0 0 60px; display: none;	}
.main-nav-tooltip .tooltip-inner { position: relative; }
.main-nav-tooltip .arrow { left: 0; right: 100%; transform: rotate(180deg) !important; }
.nav-active .main-nav-tooltip { display: none !important; }

/* accessibility-confirmation-dialog */
@media (max-width: 1600px) {
.alert { color: #323232; font-size: 0.85714em; line-height: 1.33333; }
.custom-card .program { font-size: 0.9285714285714286em; }
.balance-info .title { font-size: 19px; }
.balance-info .amount { font-size: 19px; font-weight: 500; }
.balance-info .note .amount {font-size: 100%;}
.user-card-info .note { font-size: 0.7857142857142857em; line-height: 1.271; }
.user-card-info .btn-default { padding: 10px; font-size: 1em; font-weight: 500; line-height: 2; }
.balance-summary .title { font-size: 0.8571428571428571em; line-height: 1.33; }
.balance-summary time { font-size: 0.7857142857142857em; line-height: 1.45; }
.block-request-card .link { font-size: 0.8571428571428571em; }
#sub-nav a { padding: 15px; font-size: 0.85714em; line-height: 1.66667; }
.transaction-info h2 { font-size: 0.9285714285714286em; }
.transaction-info .link { font-size: 0.8571428571428571em; }
.table-recent-transactions > thead > tr > th { font-size: 0.7857142857142857em; }
.table-recent-transactions .marchent { font-size: 0.7857142857142857em; margin: 0 0 2px; }
.table-recent-transactions .status { font-size: 0.9285714285714286em; margin: 0 0 4px; }
.table-recent-transactions .owner { font-size: 0.8571428571428571em; }
.table-recent-transactions .amount { font-size: 1em; }
}

@media (max-width: 1440px) {
	.balance-info .amount .num { max-width: 115px; }
}

@media (min-width: 1366px) {
#nav { min-height: inherit !important; }
.balance-info .amount .num { max-width: 100px; }
}

@media (max-width: 1365px) {
body[data-pagetype="public-page"] #wrapper { background-size: 1366px auto; }
.show-on-focus:not(.dropdown-toggle), .skip-to-content:not(.dropdown-toggle) { border-radius: 0; width: 100%; text-align: center; }
.show-on-focus:not(.dropdown-toggle):focus, .skip-to-content:not(.dropdown-toggle):focus { position: static; }
.container { width: auto; max-width: 1170px; }
#nav { z-index: 20; }
#nav .sub-drop:after { left: 0; top: 100%; content: ''; z-index: 10; position: absolute; width: 999px; height: 100vh; }
#nav > .nav-holder { width: 100%; }
#nav > .nav-holder > ul { position: relative; }
#nav .open > .sub-drop { display: block; }
#nav .sub-drop { top: 0; margin: 0; left: 100%; width: 100%; display: none; position: absolute; border-width: 0 0 0 3px; }
#nav .sub-drop .sub-drop { margin: 0; border-width: 0 0 0 3px; }
#nav > .nav-holder > ul > li.add-dropdown { display: none !important; }
#nav > .nav-holder > ul > li.no-required { display: block; }
.main-menu-overlay { display: block; }
.login-info.fixed { position: static; }
.login-info { background: none; transition: all 0.25s ease; }
.login-info .time, .login-info .title { opacity: 0; z-index: 3; position: relative; transition: all 0.25s ease; }
.login-info li { transition: all 0.25s ease; }
.login-info li + li { border-width: 0; }
.login-info li + li .ico { border-radius: 0 0 4px 4px; border-top: dotted 1px rgba(185, 185, 185, 0.64); }
.login-info .ico { top: 8px; left: -3px; max-width: none; background: #ebeff4; width: 46px; height: 100%; border-radius: 4px 4px 0 0; }
.login-info .ico img { top: 50%; left: 14px; margin: -8px 0 0; position: absolute; }
.nav-active .login-info { background: #ebeff4; }
.nav-active .login-info .time, .nav-active .login-info .title { opacity: 1; }
.nav-active .login-info li + li { border-color: #cfd0d0; border-width: 1px; }
.nav-active .login-info li + li .ico { border-width: 0; border-radius: 0; }
.nav-active .login-info .ico { border-radius: 0; }
.login-info li { background: #fff !important; }
.nav-active .login-info li { background: #ebeff4 !important; }
.availability { font-size: 0.85714em; line-height: 2.33333; padding: 10px 15px; }
.availability .ico { margin-right: 12px; }
.jumbotron.jumbotron-splited { text-align: left; }
.more-info .box { width: 100%; }
.more-info .box .img-holder { left: 30px; }
.more-info .box .text { margin-left: 70px; }
.more-info .list-inline-item:not(:last-child) { margin: 0 0 30px; }
.updated-at { display: block; }
.main-list { padding-left: 0 !important; }
.main-nav-tooltip { display: block !important; }
}

@media (max-width: 1199px) {
.accessibility-panel-active { padding: 0; }
#sub-nav { margin-bottom: 0; }
#sub-nav ul { display: block; overflow: hidden; }
#sub-nav ul li { width: 50%; float: left; margin: 0 0 20px; }
.hero-block p { margin: 0; }
.hero-block h1 .text sup { top: 10px; }
.balance-info .title { width: 7em; }
.last-history .holder, .last-history .strip { vertical-align: top; }
.last-history .box { padding: 15px; }
.last-history .na, .last-history .amount, .last-history .name { top: 0; margin: 0; right: auto; display: block; max-width: none; position: relative; white-space: normal; }
.footer-nav a:after, .footer-nav a:before { display: none; }
.online-banking .box { max-width: 500px; }
.online-banking .img-holder { right: -15%; bottom: -15%; }
.map-locations .map-img { width: 1200px; }
.conditions .nav-list li { padding: 0 0 1px 0; font-size: 0.857em; }
.conditions .nav-list a { padding: 3px 5px; }
.contact-us .form-holder { margin: 0px 30px; }
.card-summary-generic .img-holder { margin: 0 15px 0 0; }
.card-summary-generic .card-num { font-size: 1.07143em; line-height: 1.13333; }
.card-summary-generic .card-num .dot { width: 6px; height: 6px; }
.card-summary-generic .card-num .dot:first-child { margin: 0 0 0 7px; }
.card-summary-generic .card-num .dot:last-child { margin: 0 7px 0 0; }
.card-summary-generic .card-author-info { margin: 4px 0 0; max-width: none; }
.card-summary-generic .tag { margin: 5px 0 0 10px; }
.card-summary-generic .balance-info.clearboth { top: auto; }
.card-summary-generic .card-author-info { margin: 0 0 25px; }
.card-summary-generic .card-author-info .heading { margin: 0 0 0; }
.card-summary-generic .card-author-info li:nth-child(1) { width: 100%; }
.card-summary-generic .card-author-info li:nth-child(2) { width: 50%; }
.card-summary-generic .card-author-info li:nth-child(3) { width: 50%; }
.card-summary-generic .card-author-info.author-info-credit li:nth-child(1) { width: 100%; }
.card-summary-generic .card-author-info.author-info-credit li:nth-child(2) { width: 100%; }
.card-summary-generic .wallet .head { min-height: 50px; }
.card-summary-generic .wallet .head { padding: 0 0 0; }
.card-summary-generic .wallet .head .link { display: block; top: 27px; right: 0px; }
.card-summary-generic .wallet .head .link .text { display: none; }
.balance-info .amount .num { max-width: 76px; }
.balance-info .title { width: 5em; }
}

@media (max-width: 991px) {
#header.header-public > .holder { padding: 20px 0; }
.logo { max-width: 150px; margin: 14px 0 0 0 !important; }
.logo a { padding: 5px 6px 10px; }
.secure-page #main { padding: 20px 0 57px; }
[data-pagetype="public-page"].nav-active .nav-opener.overlay { display: block; opacity: 1; }
#main-nav { top: 0; left: -215px; position: absolute; overflow-y: auto; overflow-x: hidden; transition: left 0.25s ease; }
.nav-active #main-nav { left: 0; }
.main-menu-overlay { display: none !important; }
.navbar h1 { width: 180px; float: none !important; margin: 0 auto !important; }
.card-selection-form { padding: 15px 0; }
.card-selection-form ul { padding: 0 0 15px; }
.card-selection-form ul li { margin: 0 10px 0 0; }
.user-card-info { padding: 20px; overflow: hidden; }
.user-card-info .display-table::after { display: block; clear: both; content: ""; }
.user-card-info .custom-card { float: left; width: 310px; margin: 0; }
.user-card-info .balance-info { float: right; margin: 0 -5px 0 0; width: calc(100% - 310px); }
.user-card-info .balance-info li { width: calc(100% - 20px); float: left; margin: 0 10px; text-align: center; white-space: nowrap; }
.user-card-info .balance-info li:before { position: relative; background: none; width: 1px; height: 150px; }
.user-card-info .balance-info li:before, .user-card-info .balance-info li .li-inner { display: inline-block; vertical-align: middle; }
.user-card-info .balance-info li .li-inner { white-space: normal; }
.user-card-info .balance-info li .title { display: inline-block; vertical-align: top; float: none !important; }
.balance-summary-info-holder { clear: both; padding: 30px 0 0; }
.custom-card.bg-green .name { font-size: 1em; }
.custom-card.bg-green .card-num { font-size: 1.142857142857143em; }
.custom-card.bg-green .title { font-size: 0.7857142857142857em; }
.custom-card.bg-green .num { font-size: 0.9285714285714286em; }
.custom-card.bg-green .program { font-size: 0.8571428571428571em; }
.custom-card.bg-green .card-info li { width: 5.642857142857143em; }
.custom-card.bg-green .dot:first-child { margin: 0 0 0 5px; }
.custom-card.bg-green .dot:nth-child(2), .custom-card.bg-green .dot:nth-child(6) { margin: 0 3px 0 0; }
.custom-card.bg-green .dot:last-child { margin: 0 5px 0 0; }
.balance-info li { float: left; width: 46%; padding: 15px; background: #f9f9f9; border-radius: 3px; border: solid 1px #f1f1f1; }
.balance-info li + li { margin: 0 0 0 2%; }
.balance-info .title { font-size: 1em; line-height: 1.71; width: 100%; }
.balance-info .amount { font-size: 1.142857142857143em; line-height: 1.5; width: 100%; }
.balance-info .note { font-size: 0.71429em; line-height: 1.4; }
.balance-summary { margin: 0 -10px; padding: 23px 12px 13px; }
.balance-summary li { width: 33%; }
.balance-summary .amount { font-size: 1.071428571428571em; }
.balance-summary .title { margin: 0 0 3px; line-height: 1.27; font-size: 0.7857142857142857em; }
.balance-summary time { font-size: 0.7142857142857143em; }
.block-request-card { padding: 11px; text-align: center; margin: 0 -20px -10px; }
.block-request-card .link { font-size: 0.7857142857142857em; }
.list-gen-tab-nav.in-view .nav-tabs, .list-gen-tab-nav.in-view .nav-tabs li { display: block; }
.list-gen-tab-nav { padding: 0; }
.list-gen-tab-nav .list-holder, .list-gen-tab-nav .jcf-scrollable-wrapper { width: auto !important; height: auto !important; }
.list-gen-tab-nav.scroll-inactive .nav-tabs li, .list-gen-tab-nav.scroll-inactive .nav-tabs { display: block; }
.table-recent-transactions > thead > tr > th:first-child, .table-recent-transactions > tbody > tr > td:first-child { padding-left: 21px; }
.table-recent-transactions > thead > tr > th:last-child, .table-recent-transactions > tbody > tr > td:last-child { width: 26%; }
.table-recent-transactions .status { font-size: 0.8571428571428571em; }
.table-recent-transactions .owner { font-size: 0.7857142857142857em; }
.list-logos { float: left !important; width: auto; overflow: visible; white-space: nowrap; overflow-y: scroll; }
.list-logos li { margin: 0 24px 0 0; }
#footer .footer-holder { padding: 25px 0 20px; }
#footer .note { margin: 0; }
#footer .copyright { margin-top: 15px; margin-bottom: 0; margin-left: 10px; }
.footer-nav ul li { padding: 9px 0; margin: 0 30px 0 0; }
.footer-nav a { font-size: 0.85714em; line-height: 1.33333; }
.footer-info { padding-top: 7px; }
.footer-info .list-logos { font-size: 0; line-height: 0; float: right !important; }
.footer-info .list-logos li { padding: 0; margin: 0 0 0 15px; }
.main-page .footer-info { margin-top: 30px; }
.navbar { display: block; }
.navbar::after { display: block; clear: both; content: ""; }
.navbar-collapse { top: 0; left: 0; bottom: 0; width: 215px; padding: 80px 0 15px; z-index: 102; position: fixed; height: auto !important; display: block !important; transform: translate(-100%, 0); transition: transform 0.25s ease; -ms-transform: translate(-100%, 0); }
.navbar-collapse.show { transform: translate(0, 0); -ms-transform: translate(0, 0); }
.navbar-collapse .navbar-nav { margin: 0; overflow-y: auto; overflow-x: hidden; height: 100% !important; }
.navbar-collapse .navbar-nav .nav-item { margin: 0; }
.navbar-collapse .navbar-toggler { top: 10px; left: 10; background: none; display: none; }
.body-loaded .main-page .multi-lang-drop { top: -7px; position: absolute; right: 0; }
.header-public .multi-lang-drop, .body-loaded .header-public .multi-lang-drop { top: -7px; right: 0; margin: 0; position: absolute; }
html[data-client-theme*="193"] .header-public .multi-lang-drop, html[data-client-theme*="193"] .body-loaded .header-public .multi-lang-drop { top: -6px; }
.navbar-toggler { top: -15px; }
.main-page .navbar-toggler { top: -11px; }
.go-to-next-section { left: 50%; margin: 0 0 -32px -32px; bottom: -30px; }
.main-page .list-logos { float: none !important; }
.list-partners { display: block !important; }
.available-credit { margin: 0 0 20px; }
.apr-info-box .num { margin: 0 0 15px; }
.bank-accounts .innerbox { padding: 30px 20px; }
.bank-accounts .innerbox .link-edit { top: 10px; right: 10px; }
.info-list.col4 .box:not(.wide), .info-list.col4 li:not(.wide) { width: 50%; }
.widget { margin: 25px 0; }
.widget .logo { margin: 0 0 20px !important; }
.transaction-details .filters-area h2 { margin: 0 -26px; padding: 0 26px 0; }
.transaction-details .filters-area .actions-list { float: right; margin: 0; }
.transaction-details .filters-area .actions-list li { margin: 0 20px 0 0; }
.transaction-details .filters-area .actions-list li:last-child { margin-right: 0 !important; }
.transaction-details .form-search { margin: 0 0 -26px; }
.transaction-details .d-table { display: block !important; }
.transaction-details .d-table > * { display: block; min-height: 78px; }
.transaction-details .card-activity-info { border: 0; }
.transaction-details .card-activity-info.show { box-shadow: none; }
.transaction-details .types { float: left; width: 50%; border-bottom: 1px solid #f0f0f0 !important; }
.transaction-details .form-search { float: left; width: 50%; border-bottom: 1px solid #cecece !important; }
.transaction-details .card-activity-info .transaction-period-drop { clear: both; border: solid #f0f0f0; border-width: 1px 0 0; }
.transaction-details .card-activity-info .transaction-period-drop .close-outside-collapse { top: auto; left: auto; position: relative; }
.transaction-details .status-selection-list li { margin-right: 1px; }
.last-summary .balance-summary li { width: 33.3333%; margin: 0 0 7px; }
.last-summary .balance-summary li:first-child { width: 33.3333% !important; }
.last-summary .balance-info li { float: none; width: auto; display: block; }
.last-summary .balance-info li + li { margin: 10px 0 0; }
.last-summary .balance-info li:before { display: none; }
.last-summary .balance-info .alert { margin: 0; }
.last-summary .balance-info .alert .title { width: auto; max-width: none; }
.last-summary .title { width: auto; max-width: none; }
.list-gen-tab-nav { margin: 20px; border: 1px solid #dee2e6; }
.list-gen-tab-nav .custom-nav-opener { display: block; }
.list-gen-tab-nav .list-gen-tabs { display: block; }
.list-gen-tab-nav .list-gen-tabs li { display: block; text-align: left; border-top: rgba(0, 0, 0, 0.1) solid 1px; }
.list-gen-tab-nav .list-gen-tabs li + li { border-color: rgba(0, 0, 0, 0.1); border-width: 1px 0 0; }
.list-gen-tab-nav .nav-tabs { margin: 0 !important; }
.list-gen-tab-nav .nav-tabs li { width: auto; display: block; }
.manage-profile .list-gen-tab-nav .nav-tabs a { font-size: 0.92857em; line-height: 1.30769; }
.manage-profile .list-gen-tab-nav .nav-tabs a .ico { display: inline; margin: 0 10px 0 0; }
.list-gen-tab-nav .back, .list-gen-tab-nav .next { display: none !important; }
.last-history .box { min-height: 65px; }
.sub-drop.clone-drop { display: none !important; }
.go-to-next-section { left: 50%; margin: 0 0 -32px -32px; }
.online-banking { text-align: center; }
.online-banking:before { width: 100%; z-index: 2; background: rgba(255, 255, 255, 0.8); }
.online-banking .note { color: #333; }
.imgs-logos_list { padding: 30px 0; margin-bottom: 10px; }
.card-enrollment-center .card-image { width: 200px; }
.availability { text-align: center; font-size: 0.85714em; line-height: 1.66667; padding: 10px; }
.availability .ico { margin-right: 10px; }
.updated-at { display: block; }
.postal-address .address { float: none; display: inline; }
.more-info .box { width: 100%; }
.more-info .box .img-holder { left: 30px; }
.more-info .box .text { margin-left: 70px; }
.jumbotron.jumbotron-splited { text-align: left; margin-bottom: 30px; }
/*Gen article */
.wrapper .gen-article { padding: 20px 15px 100px; }
.access-denied:before { display: none; }
.access-denied-main .content-container { padding-top: 0; padding-bottom: 0; }
#couponWidget .no-data { margin-top: 0; margin-bottom: 30px; }
.card-summary-generic .card-num, .card-summary-generic .card-info { text-align: left; }
.card-summary-generic .card-num.float-left, .card-summary-generic .card-info.float-left { float: none !important; display: inline-block; vertical-align: top; }
.card-summary-generic .balance-info li { width: auto; float: none; background: none; border-width: 0; }
.card-summary-generic .wallet .head { padding: 0; }
.full-width-btn-md { display: block; margin: 0 auto !important; width: 100%; }
.full-width-btn-md + .full-width-btn-md { margin-top: 10px !important; }
.main-nav-tooltip { display: none !important; }
.balance-info .amount .num { max-width: none; }
}

@media (max-width: 991px) {
.conditions .list-gen-tab-nav.fixed { position: static !important; }
.main-list { padding-left: 0 !important; }
}

@media (min-width: 768px) {
.slider-table .btn-prev, .slider-table .btn-next { display: none !important; }
.table-custom tbody, .table-custom tr { width: auto !important; }
.select-holder { top: auto; right: auto; width: auto; position: relative; }
#couponWidget .no-data { padding: 60px 20px; }
#headerInfo { height: auto !important; display: block !important; }
}

@media (max-width: 768px) {
#header .user-cards-dropdown { margin: 0; }
}

@media (max-width: 767px) {
#main { height: auto !important; }
.navbar-collapse { width: 100%; }
.secure-page #main { padding: 0 0 30px; }
.logo { float: none !important; margin: 0 auto !important; padding: 14px 6px 0; }
.logo a { display: block; padding: 0; }
.logo a:focus { outline-offset: 5px; }
.main-page .navbar-toggler { top: -15px; }
.body-loaded .multi-lang-drop { top: -14px; }
.user-cards-dropdown .btn-link { color: #222; background: #fff; text-align: left; position: relative; font-size: 12px; line-height: 1.66667; padding: 10px 40px 10px 20px; }
.user-cards-dropdown .btn-link.collapsed { background: #fff !important; }
.user-cards-dropdown .btn-link img { margin: 0 10px 0 0; vertical-align: middle; width: 24px; height: auto; }
.user-cards-dropdown .btn-link .number:before { background: #ccc; }
.user-cards-dropdown .btn-link .ico { top: 50%; right: 15px; font-size: 8px; margin: -4px 0 0; position: absolute; }
.card-dropdown { margin: 42px 0 0; }
.alert { font-size: 0.78571em; line-height: 1.27273; }
.alert.alert-danger { margin-top: 20px; }
#headerInfo { clear: both; }
.header-info { clear: both; width: 100%; float: none; display: table; max-height: 58px; background-color: #15583c; }
.header-info > a, .header-info > div { width: 25%; float: none !important; display: table-cell; vertical-align: top; }
.header-info > div > button, .header-info > div > a, .header-info > a { border-radius: 0; }
.user-alert { width: 100%; position: static; }
.user-alert .btn-link { width: 100%; text-align: center; padding: 21px 10px 22px; }
.user-alert .ico-holder { margin: 0 auto; }
.user-alert .dropdown-menu { left: 0; width: 100%; }
.lang-dropdown .card-body { padding: 30px 15px; background: #fff; }
.lang-dropdown > .btn { padding: 21px 10px; }
.lang-dropdown > .btn .ico { font-size: 5px; margin: 8px 0 0 5px; }
.user-img > .btn { width: 100%; padding: 14px 16px; }
.user-img .img-holder { display: block; margin: 0 auto; max-width: 30px; }
.user-img .dropdown-menu { left: 0 !important; right: auto !important; }
.user-img .dropdown-menu:before { right: auto; left: 23px; }
.user-card-info { margin: 0 0 22px; }
.user-card-info .custom-card { float: none; width: auto; width: 265px; margin: 0 auto 20px; }
.user-card-info .balance-info { width: auto; max-width: 265px; margin: 0 auto; float: none; }
.user-card-info .balance-info li { float: none; width: auto; margin: 0; background: #fff; border: none; padding: 0 20px; }
.user-card-info .balance-info li:before { height: auto; }
.user-card-info .balance-info li + li { margin: 20px 0 0; }
.user-card-info .balance-summary { padding: 28px 17px 10px; }
.balance-summary-info-holder { padding: 20px 0 0; }
.block-request-card { padding: 15px 10px; }
.table-custom > tbody > tr { background: #f9f9f9; }
.transaction-info { padding: 30px 20px 0; }
.transaction-info .table-responsive { margin: 0; border-width: 0; overflow-x: auto; }
.transaction-info h2 { font-size: 0.9285714285714286em; font-weight: 400; }
.transaction-info .link { font-size: 0.8571428571428571em; }
.transaction-info .table-responsive { overflow-y: auto; }
.balance-summary li { width: 31%; }
.table-custom { width: 100%; position: relative; display: block !important; padding: 20px 0; }
.table-custom > tbody { width: 100%; float: left; overflow: hidden; display: block !important; overflow-y: auto; padding: 0 10px; max-height: 500px !important; }
.table-custom > tbody > tr { width: 100%; padding: 15px; min-height: 200px; vertical-align: top; border-radius: 4px; white-space: normal; background-color: #F8F9FB; display: inline-block !important; vertical-align: top; text-align: left !important; margin: 0 0 20px 0; }
.table-custom > tbody > tr:last-child { border-width: 0; }
.table-custom > tbody > tr.d-none { display: none !important; }
.table-custom > tbody > tr:hover { box-shadow: none !important; }
.table-custom .add-info .info-holder { max-height: 250px; overflow-y: auto; }
.table-custom > tbody > tr > td { padding: 10px !important; width: 100% !important; background: none !important; display: block !important; border-width: 0 !important; white-space: normal !important; text-align: left !important; }
.table-custom > tbody > tr > td.w50 { padding: 0 10px 10px !important; width: 49% !important; vertical-align: middle; display: inline-block !important; }
.table-custom > tbody > tr > td:nth-child(3) { text-align: left; }
.table-custom .time { margin: 5px 0 0 5px; font-size: 10px; text-align: left; }
.table-custom > thead { display: none; }
.table-recent-transactions .date { width: 3.571428571428571em; border-radius: 4px; }
.table-recent-transactions .date .month, .table-recent-transactions .date .day, .table-recent-transactions .date .year { line-height: 1; }
.table-recent-transactions .date .day { margin: 3px 0; }
.table-recent-transactions .status { margin: 0; font-size: 0.8571428571428571em; line-height: 1.33; }
.table-recent-transactions .status br { display: none; }
.table-recent-transactions .reward { display: block; margin: 5px 0px 0px 0px; }
.table-recent-transactions .amount { text-align: right; margin-right: 10px; }
#sub-nav a { font-size: 0.8571428571428571em; }
#sub-nav a .ico { display: block; margin: 0 auto 10px; }
#footer .footer-holder { padding: 0 !important; }
#footer .note { margin: 0; padding: 0 15px; }
#footer .copyright { margin: 3px 0 0 5px; display: inline-block; vertical-align: middle; }
.footer-nav { margin: 0 -15px 30px -15px; }
.footer-nav ul { overflow: hidden; }
.footer-nav ul li { width: 100%; float: none; padding: 10px 30px; margin: 0; border: solid #F1F1F1; border-width: 1px 0 0 0; }
.footer-nav ul li a { font-size: 0.85714em; line-height: 1.41667; }
.footer-nav ul li:first-child { border-width: 0; }
.footer-nav ul li:last-child { border-width: 1px 0 1px 0; }
.footer-info { padding: 0 0 30px; border-width: 0 !important; }
.footer-info [class*="col-"] { width: 100%; max-width: 100%; display: block; flex: inherit; float: none !important; }
.footer-info .list-logos { width: 262px; margin: 0 auto 30px; float: none !important; text-align: center !important; }
.footer-info .list-logos li { margin: 0 5px; }
.footer-info .logo { padding: 0; margin: 0 5px 0 10px !important; }
.partners-logos.list-logos { float: left !important; }
.navbar-expand-lg .navbar-nav .nav-item { margin: 0; }
.navbar h1 { width: 140px; float: none !important; margin: 0 auto !important; }
.multi-lang-drop .dropdown-toggle { width: 63px; background: none; padding: 6px 14px; }
.multi-lang-drop .dropdown-toggle:after { margin: 0 -5px 0 5px; }
.multi-lang-drop .dropdown-toggle .text { display: none; }
.multi-lang-drop .dropdown-toggle { padding: 5px 13px 5px 10px; width: auto; background: none; }
.multi-lang-drop .dropdown-menu { width: 130px; }
.body-loaded .main-page .multi-lang-drop { top: -10px; }
.main-page .footer-nav ul li { margin: 0; }
.secondry-card-drop .list-gen-tab-nav { padding: 0 0; }
.jumbotron { margin: 0 0 17px; }
.jumbotron p { margin-bottom: 0 !important; }
.account-record { padding: 15px; }
.last-history-info { margin: 0; padding: 0 0 10px; }
.last-history { margin: 0; display: block; }
.last-history li { padding: 0; display: block; }
.card-history.two-col { display: flex; justify-content: center; width: 100%; padding: 20px 0 0 0; }
.card-history.two-col li { width: calc(50% - 17px); flex-direction: column; }
.card-history.two-col li:last-child { margin-right: 0; }
.last-history .box { display: flex; align-items: center; }
.last-history .holder { width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; }
.last-history .strip { display: none; }
.secondry-card-drop { margin: 20px 0 0; max-width: none; }
.secondry-card-drop > .btn-secondary:not(:disabled) { padding-right: 34px; }
.secondry-card-drop > .btn-secondary:not(:disabled):after { right: 11px; }
.secondry-card-drop > .btn-secondary:not(:disabled) .card-num .dot:nth-child(7), .secondry-card-drop > .btn-secondary:not(:disabled) .card-num .dot:first-child { margin: 0 0 0 3px; }
.secondry-card-drop > .btn-secondary:not(:disabled) .card-num .dot:last-child, .secondry-card-drop > .btn-secondary:not(:disabled) .card-num .dot:nth-child(6), .secondry-card-drop > .btn-secondary:not(:disabled) .card-num .dot:nth-child(2) { margin: 0 3px 0 0; }
.secondry-card-drop > .btn-secondary:not(:disabled) .amount > img { display: none; }
.secondry-card-drop > .btn-secondary:not(:disabled) .num { max-width: 200px; }
.secondry-card-drop .dropdown-menu .scroll-holder, .secondry-card-drop .dropdown-menu .slimScrollDiv { height: 218px !important; }
.secondry-card-drop .info-holder .user-info { width: 60%; }
.secondry-card-drop .info-holder .amount-info { width: 40%; }
.secondry-card-drop .info-holder .card-num .dot:nth-child(7), .secondry-card-drop .info-holder .card-num .dot:first-child { margin: 0 0 0 3px; }
.secondry-card-drop .info-holder .card-num .dot:last-child, .secondry-card-drop .info-holder .card-num .dot:nth-child(6), .secondry-card-drop .info-holder .card-num .dot:nth-child(2) { margin: 0 3px 0 0; }
.secondry-card-drop .info-holder .num { display: block; }
.transaction-details h2 { float: none; margin: 0 0 10px; min-width: 300px; }
.transaction-details .card-activity-info .types { width: 100%; border: solid #EBEFF4; }
.transaction-details .card-activity-info .form-search { width: 100%; border: solid #EBEFF4; }
.transaction-details .filters-area .actions-list { float: right; margin: -20px 0 0; }
.transaction-details .table-responsive { border: solid 10px #fff; }
.card-activity-info.d-table { display: block; }
.card-activity-info.d-table > * { display: block; border-width: 1px 0 0; }
.transaction-period-drop .close-outside-collapse { top: auto; left: auto; position: relative; }
.bank-accounts .head { padding: 20px 0 0; }
.bank-accounts h2 { float: none; margin: 0 20px 20px; }
.bank-accounts .form-search { float: none; width: auto; border-width: 1px 0 0; }
.bank-accounts .account-frame { padding: 20px 15px; }
.bank-accounts .nav-tabs li .btn { min-width: 120px; }
.bank-accounts .innerbox { margin: 0 0 30px; padding: 30px 20px; height: auto !important; }
.bank-accounts .account-box-grid .actions:before { content: none; height: 100%; }
.bank-accounts .account-box-grid .actions li { width: 100%; height: 33.33333%; display: block; padding: 10px 0; margin: 0; }
.info-list.col4 .box:not(.wide), .info-list.col4 li:not(.wide), .info-list .box, .info-list li { padding: 0; width: auto; display: block; }
.verify-fieldbox { padding: 20px 15px; }
.form .verify-fieldbox .form-control { font-size: 16px; line-height: 1.25; }
.list-steps li .text { display: none; }
.form .btn { margin: 0; width: 100%; display: block; }
.form .btn + .btn { margin: 15px 0 0; }
.add-bank-account-success:before { display: none; }
.success { padding: 30px 20px 15px; }
.success h2 { font-size: 1.28571em; line-height: 1.27778; }
.success .btn { width: 100%; display: block; margin: 0 0 15px; }
.last-summary .balance-summary li { width: 50%; }
#ui-tabs.ui-tabs .ui-tabs-nav { height: 596px !important; }
.biz-info { margin: 30px 0 0; }
.helpline { margin: 30px 0 0; min-width: auto; }
.helpline .ico { top: auto; left: auto; display: block; margin: 0 auto 20px; position: relative; }
.helpline strong { font-size: 14px; font-weight: 500; }
.card-steps-holder .field-focused .form-control, .card-steps-holder .form-control { font-size: 16px; padding: 6px 0; text-align: center; }
.list-digits { margin: 0 0 20px; text-align: center; }
.list-digits li { width: 35px; vertical-align: top; }
.list-digits li:not(:last-child) { margin: 0 2px 0 0; }
.list-digits .form-control { font-size: 16px; text-align: center; }
.empty-section { margin: 20px 0 0; }
.empty-section .frame { width: 20em; min-height: 20em; }
.empty-section .frame:before { height: 20em; }
.empty-section .ico-holder { margin: 0 auto 15px; }
.empty-section .detail { padding: 0 30px; }
.statement-success .success-img { max-width: 80%; }
.statement-success h3 { font-size: 1.28571em; line-height: 1.22222; }
.forgot-change-pin-popover { top: auto; left: auto; width: auto; margin: 0 0 20px; position: relative; }
.forgot-change-pin-popover:before { top: auto; right: 50%; bottom: 100%; margin: 0 -10px 0 0; border-width: 0 10px 10px; border-color: transparent transparent #fff; }
.messages-header .offer-area { padding-top: 20px; text-align: left; }
.ui-dialog.ui-widget-content { max-width: 550px; width: auto !important; min-width: inherit !important; }
.online-banking h2 { font-size: 1.57143em; line-height: 1.36364; }
.online-banking p { font-size: 1.14286em; line-height: 1.375; }
.filter-area { display: block !important; }
.filter-area > * { display: block !important; border-bottom: 1px solid #EBEFF4; }
.filter-area > script { display: none !important; }
.filter-area .form-search { float: none; }
.table-switcher { padding: 5px; }
.table-switcher .result-rang-holder { float: left !important; margin: 10px 0 0; }
.privacy-policy-secure #privacy-policy { padding: 0 20px 20px; }
.privacy-policy-secure .policy-text { font-size: 0.857em !important; }
.contact-us .form-holder { margin: 0px 30px; }
.contact-us .col-right { padding: 0; }
.card-enrollment-center .card-image { width: 200px; }
.contact-us .visual-verification .title { position: static; }
.bg-field { width: 100% !important; float: none !important; padding: 0; }
.captcha-2 { width: 100% !important; float: none !important; margin-bottom: 20px !important; }
.more-info { padding: 30px 15px; }
.more-info .box { padding: 50px 20px; }
.more-info .box .img-holder { left: 0; top: 50px; display: block; width: 100%; text-align: center; }
.more-info .box .text { width: 100%; margin: 0; position: relative; top: 50px; margin-bottom: 15px; text-align: center; }
.more-info .number { font-size: 1em; }
.more-info .moto { font-size: 0.829em; }
#terms { padding: 30px 15px 0px; }
.main-list { padding-left: 0 !important; }
.conditions .main-list li:before { left: 0; top: -30px; }
#termsConditions * > ol { padding-inline-start: 0px !important; }
.conditions .list-gen-tab-nav { margin: 20px 0px; position: static !important; }
.conditions .nav-list li { padding: 0; border-top: rgba(0, 0, 0, 0.1) solid 1px; margin-bottom: 0; }
.cardactivation-main .activation-steps .completed-step .subhead .btns .btn { min-width: 100%; }
.cardactivation-main .activation-steps .completed-step .subhead .img-holder { margin: 0 auto 30px auto; }
.form-card-activation .list-digits li { width: 31.333%; }
.card-history.two-col { padding: 0 0 0 0; margin-top: -20px; }
.card-history.two-col li { display: flex; justify-content: space-between; }
.card-history.two-col li:after { content: none; }
.access-denied-main .container-fluid { padding-top: 30px; }
.access-denied { text-align: center; }
.access-denied .frame { padding: 20px; }
.access-denied .detail .ico-holder { float: none; margin: 0 auto; max-width: 117px; }
.access-denied .denied-content { margin: 0; float: none; max-width: none; border-width: 0; padding: 20px 0 0; text-align: center !important; }
.form-forgot-userid .success-screen .vector-area, .form-forgot-userid .error-screen .vector-area { display: block; }
.card-summary-generic { padding: 15px 15px 5px; }
.shared-balance-history .card-summary-generic { padding: 15px 15px 5px; }
.card-summary-generic .card-info { margin: 0 -10px; }
.card-summary-generic .add-info li { margin: 0 10px 0 0; }
.card-summary-generic .balance-info .amount.orange { font-size: 1.14286em; line-height: 1.1875; }
.card-summary-generic .card-author-info li:nth-child(1) { width: 33.3333%; }
.card-summary-generic .card-author-info li:nth-child(2) { width: 33.3333%; }
.card-summary-generic .card-author-info li:nth-child(3) { width: 33.3333%; }
.card-summary-generic.card-summary .card-author-info.author-info-credit li:nth-child(1) { width: 50%; }
.card-summary-generic.card-summary .card-author-info.author-info-credit li:nth-child(2) { width: 50%; }
.card-summary-generic .wallet .head { min-height: 70px; }
.card-summary-generic .account-record .card-history.two-col { margin: 0 0 0; display: block; float: left; }
.card-summary-generic .account-record .card-history.two-col li { width: 46%; margin: 0 10px 10px 0; justify-content: center; }
.full-width-btn-sm { display: block; margin: 0 auto !important; width: 100%; }
.full-width-btn-sm + .full-width-btn-md { margin-top: 10px !important; }
#sessionTimeoutdialog input { float: none; width: 100%; }
#sessionTimeoutdialog input + input { margin: 10px 0 0; }
.table-switcher > tbody > tr > td { padding: 0; }
.no-record .no-data-available { width: 260px; height: 260px; }
.no-record .no-data-available:before { height: 260px; }
.no-record .no-data-available .ico-holder { margin-bottom: 10px; }
.no-record .no-data-available .ico-holder img { max-width: 80px; height: auto; display: block; margin: 0 auto; }
.no-record .no-data-available > .circle { padding: 0 20px; }
.manage-profile .radios-holder { position: relative; top: auto; right: auto; margin: 10px 0 0; }
.manage-profile .radios-holder.radio-2 .radio { width: 200px; }
.manage-profile .radios-holder.radio-2 .radio label { width: 50%; }
.manage-profile .radios-holder.radio-3 .radio { width: 300px; }
.manage-profile .radios-holder.radio-3 .radio label { width: 33.3333%; }
.nav-opener.overlay { display: none !important; }
}

@media (max-width: 579px) {
.navbar h1 { position: relative; }
.balance-summary li { width: 48%; }
.apr-info-box { height: auto; margin-top: 20px; }
.apr-info-box.mt-xs-0 { margin: 0; }
.list-selection { margin: 0 -10px 30px; }
.list-selection li { width: 110px; height: 110px; }
.helpline { margin: 30px 15px 0; }
.bank-accounts.no-bank-account:before { height: 360px; }
.bank-accounts.no-activity:before { height: 360px; }
.bank-accounts .no-account { width: 260px; min-height: 260px; }
.bank-accounts .no-account:before { height: 260px; }
.bank-accounts .no-account .btn { font-size: 0.92857em; line-height: 1.38462; }
.bank-accounts .no-activity:before { height: 260px; }
.bank-accounts p { margin: 0 0 10px; }
.bank-accounts .ico-holder { max-width: 150px; margin: 0 auto 10px; }
.no-account-activity img { height: auto !important; }
.no-account-activity .ico-holder { margin: 0 auto 10px !important; }
.bank-accounts .table-switcher .select-holder { width: 100%; margin: 0 0 20px; }
.bank-accounts .table-switcher .result-rang-holder { float: left !important; }
.transaction-details .actions-list a .filter-text { display: none !important; }
.bank-accounts .add-info { margin-top: 30px; margin-bottom: 30px; }
.agreement, .agreement.green { margin: 0 0 20px; }
.transaction-details .filters-area .actions-list li { margin: 0 10px 0 0; }
.table-switcher ul { margin: 0 0 0 15px; }
.transaction-details { padding: 1px; }
.transaction-details .card-activity-info .types { float: none; width: auto; border-top-width: 1px; border-bottom-width: 1px; }
.transaction-details .card-activity-info .transaction-period-drop { border-width: 0; }
.transaction-details .form-search { float: none; width: auto; margin: 0; border-width: 0 0 1px; }
.transaction-details .filters-area .actions-list { float: right !important; width: auto; }
.transaction-period-drop:last-child .close-outside-collapse { width: auto; }
.current-statement .statement-date { float: none; width: auto; display: block; margin: 0 0 8px; }
.current-statement .closing-date { text-align: left; overflow: visible; }
.current-statement .closing-date .sub-title, .current-statement .closing-date .date { display: inline-block; vertical-align: top; }
.alert-body-header .cell-info { margin: 20px 0 0; }
.card-selection-form .custom-card { width: auto; display: block; }
.card-selection-form .custom-card .footer, .card-selection-form .custom-card .info, .card-selection-form .custom-card .head { height: auto; display: block; overflow: hidden; }
.card-selection-form .custom-card .name { font-size: 0.9em; }
.card-selection-form .slick-track { overflow: hidden; }
.card-selection-form .slide > .info > * { width: 100%; float: none; display: block; }
.card-selection-form .slider { padding: 0 15px 40px; }
.card-selection-form .slide { padding: 0 5px; width: 288px; }
.card-selection-form .slick-arrow { top: auto; bottom: 0; }
.card-selection-form .slick-arrow.slick-prev { left: 20px; }
.card-selection-form .slick-arrow.slick-next { right: 20px; }
.date-range .row > * { margin: 15px 0 0; }
.date-range .row > *:first-child { margin: 0; }
.table-switcher .select-holder { width: 100%; margin: 10px 0; }
.ui-dialog.ui-widget-content { width: calc(100% - 30px) !important; }
.ui-dialog .ui-dialog-content { padding: 20px 15px; }
.ui-dialog .btn-holder li { margin: 0; display: block; width: auto; }
.ui-dialog .btn-holder li + li { margin: 10px 0 0; }
.address-list-holder { max-width: 220px; }
.address-list-holder .address-box { background: #fff; padding: 10px; border-bottom: 1px solid #dfe6ee; border-radius: 0; }
.map-locations .map-img { width: auto; height: 90vh; }
.no-dashboard { width: 260px; min-height: 260px; background: #fff; margin-left: -12px; }
.map-locations.active .address-list-holder { margin: 0 0 0 7px; }
.map-locations .status-selection-list li a { padding: 2px 20px; }
.address-list-holder .scroll-holder { max-height: 82vh; }
.password-conditions p { font-size: 0.83333em; line-height: 1.6; }
.otp-container .otp-counter .label { font-size: 0.76923em; line-height: 1.7; }
.verification-area .error-message { font-size: 0.76923em; line-height: 1.7; }
.list-alpha li span { font-size: 0.66667em; line-height: 1.5; }
.otp-container .otp-counter .source { font-size: 0.76923em; line-height: 1.7; }
.secondry-card-drop > .btn-secondary:not(:disabled) .card-num { font-size: 0.85714em; line-height: 1.5; }
.secondry-card-drop > .btn-secondary:not(:disabled) .num { font-size: 0.92308em; line-height: 1.5; max-width: 78px; }
.list-location-btns { padding: 0; }
.list-location-btns li { margin: 0 0 10px 0; width: 100%; }
#combination { min-width: 230px !important; }
.table-switcher .chosen-container .chosen-single { width: 100%; }
.cardactivation-main .activation-steps .completed-step .subhead .btns .btn { min-width: 100%; }
.cardactivation-main .activation-steps .completed-step .subhead .img-holder { margin: 0 auto 30px auto; }
.form-card-activation .card-expiry-date li { width: 75px; }
#authentication-dialog { padding: 60px 20px; }
#knowledge-authentication-dialog { padding: 10px; }
#knowledge-authentication-dialog .header strong { font-size: 1.28571em; line-height: 2.44444; }
#knowledge-authentication-dialog label { margin: 0px 0px 20px 5px; }
#knowledge-authentication-dialog .header p, #knowledge-authentication-dialog .set-wrapper { margin-bottom: 10px; }
#knowledge-authentication-dialog .btns { padding: 0; }
.contact-us .form-holder { margin: 0; padding: 20px 30px; }
.contact-us .form-holder.edit-ready { padding: 20px 15px; }
.contact-us .col-right { padding-left: 0; }
.contact-us .success .btn { margin: 0 -1px 15px; }
.contact-us .visual-verification .title { position: static; }
.contact-us .customer-support, .contact-us .postal-address { padding: 20px; }
.contact-us .postal-address .address, .contact-us .postal-address .ico { display: inline; float: none; }
.contact-us .card-enrollment-center .phone a { font-size: 20px; }
.contact-us .address-mark { position: relative; }
.contact-us .address-mark .ico { position: absolute; }
.contact-us .address-mark .address { margin-left: 30px; display: block; font-size: 15px; }
.bg-field { width: 100% !important; float: none !important; padding: 0 0 0 !important; }
.captcha-2 { width: 100% !important; float: none !important; margin-bottom: 20px !important; }
.postal-address { padding: 15px; }
.contact-us .locations { left: 78%; }
.card-enrollment-center { background-position: -90px 45px; }
.more-info .moto { padding-bottom: 10px; display: block; }
.card-history.two-col { padding: 0 0 0 !important; margin-top: -60px; }
.form-forgot-password, .form-forgot-userid { margin-bottom: 0; }
.error-screen h3, .success-screen h3 { font-size: 1.49231em; line-height: 1; }
.form-forgot-password .btn-light, .form-forgot-userid .btn-light { width: 100% !important; margin-right: 0 !important; }
.form-forgot-userid .error-screen p { margin-bottom: 25px; }
.multi-lang-drop .dropdown-toggle[aria-expanded="true"], .multi-lang-drop .dropdown-toggle:hover, .multi-lang-drop .dropdown-toggle:focus { background: none !important; }
.card-summary-generic .img-holder { float: none; margin: 0 auto 20px; }
.card-summary-generic .card-num, .card-summary-generic .card-info { text-align: center; }
.card-summary-generic.card-summary .card-author-info li:not(:last-child) { margin: 0 0 0; }
.card-summary-generic.card-summary .card-num { font-size: 1.143em !important; }
.card-summary-generic.card-summary .balance-info .amount { display: block; }
.card-summary-generic.card-summary .tag { margin: 0 0 0 10px; }
.card-summary-generic.card-summary .card-author-info li { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }
.card-summary-generic.card-summary .card-author-info li:after { content: none; }
.card-summary-generic.card-summary .card-author-info li > * { margin: 0; padding: 0; }
.card-summary-generic .wallet .head { min-height: 100px; }
.card-summary-generic .card-author-info { border-radius: 3px; border: solid 1px #dfe6ee; }
.card-summary-generic .card-author-info li { float: none; width: 100% !important; padding: 15px; display: block; }
.card-summary-generic .card-author-info li::after { display: block; clear: both; content: ""; }
.card-summary-generic .card-author-info li + li { border-top: solid 1px #dfe6ee; }
.card-summary-generic .card-author-info .heading { float: left; max-width: 60%; }
.card-summary-generic .card-author-info .text { overflow: hidden; text-align: right; }
.card-summary-generic .account-record .card-history.two-col { display: block; float: none; }
.card-summary-generic .account-record .card-history.two-col li { width: calc(100% + 17px); display: flex; flex-direction: row-reverse; justify-content: space-between; align-self: center; align-items: center; }
.card-summary-generic .account-record .payment-info, .card-summary-generic .account-record .cashback-summary, .card-summary-generic .account-record .cash-advance { margin-top: 20px; }
.card-summary-generic .cash-advance .card-history li:not(:last-child) { margin-bottom: 10px !important; }
#sessionTimeoutdialog ul li { display: block; padding: 0 !important; }
#sessionTimeoutdialog ul li + li { margin: 15px 0 0; }
.manage-profile .radios-holder .radio { display: block; }
.manage-profile .radios-holder.radio-3 .radio { width: 100%; }
}
#header .navbar-nav .ccart_app-menu{display:none}
[aria-describedby="termsAndCondDialog"].ui-dialog{height:92vh !important;}

/*==== Home banner style ======*/
.home_banner { margin: 20px 0; background: url("../../../../cstatic/4v9qpxt7-34gv-48bc-2354-45gt9c4xq9u8/cibc-home-screen-banner.jpg") no-repeat 50% 50%/cover; display: block; width: 100%; overflow: hidden; min-height: 220px; padding: 0 30px 0 30px; }

.home_banner .banner_left_side { float: left; width: 30%;  }
.home_banner .banner_left_side img { margin: 25px 0 22px 0px; }
.home_banner .banner_left_side h2 { color: #D7282E;	font-size: 31px;	font-weight: 800;	line-height: 32px; margin: 0 0 10px 0; }
.home_banner .banner_left_side p { margin: 0 0 5px 0; color: #222222;	font-size: 13px;	font-weight: bold;	letter-spacing: 0.72px;	line-height: 20px; }
.banner_right_side { float: right; width: 41%; margin: 30px 0px 0 0;  }

.banner_right_side p { color: #000000;	font-size: 13px;	letter-spacing: 0.72px;	line-height: 20px; margin: 0 0 30px 0; }
.banner_right_side .btn.btn-orange { border-radius: 20px; min-width: 136px; max-width: 136px; }