- 掃描 ID：
- b39d2e4b-46d8-4c01-80a1-289e1f45611a已完成
- 已提交的 URL：
- https://360ict.sd/wp-includes/secured.nedbank.co.za/
- 報告完成時間：
連結 · 找到 0 個
從頁面中識別的傳出連結
JavaScript 變數 · 找到 24 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| ua | string |
| msie | number |
| isIEOldVersion | boolean |
| rootElement | object |
| outDatedBrowser | object |
| e | object |
| i | object |
主控台記錄訊息 · 找到 2 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| verbose | dom |
|
| verbose | dom |
|
HTML
頁面的原始 HTML 主體
<html lang="en"><head>
<meta charset="utf-8">
<title>Online Banking</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="For a safer, more convenient way to bank, register for Nedbank Online Banking. Make payments, play LOTTO and more 24/7.">
<meta name="theme-color" content="#1976d2">
<!--<base href="https://merchezz.com/"> -->
<link rel="icon" type="image/x-icon" href="nedbank.ico">
<style main="">
.hide{display:none}.loader{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-ring{display:flex;position:relative;width:20px;height:20px}.loading-ring div{box-sizing:border-box;display:block;position:absolute;width:20px;height:20px;border:2px solid #FFF;border-radius:50%;animation:loading-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.loading-ring div:nth-child(1){animation-delay:-.45s}.loading-ring div:nth-child(2){animation-delay:-.3s}.loading-ring div:nth-child(3){animation-delay:-.15s}@keyframes loading-ring{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}.fullscreen{height:100%;overflow:hidden}.approveit-container.modal-body[_ngcontent-aqv-c320]{overflow-y:auto;text-align:center;padding:20px}.screen-container[_ngcontent-aqv-c65] .icon-container[_ngcontent-aqv-c65]{height:110px;width:110px;margin:0 auto}.screen-container[_ngcontent-aqv-c65] .timer-container[_ngcontent-aqv-c65]{float:left;width:100%;margin-top:15px}.screen-container[_ngcontent-aqv-c65] .timer-container[_ngcontent-aqv-c65] .timer-back[_ngcontent-aqv-c65]{height:5px;background-color:#eee;position:relative}.screen-container[_ngcontent-aqv-c65] .timer-container[_ngcontent-aqv-c65] .timer-back[_ngcontent-aqv-c65] .timer-overlay[_ngcontent-aqv-c65]{height:100%;width:100%;position:absolute;left:0;top:0;background-color:#009639}.screen-container[_ngcontent-aqv-c65] .timer-container[_ngcontent-aqv-c65] .timer-back[_ngcontent-aqv-c65] .active-timer[_ngcontent-aqv-c65]{background-color:#009639;height:100%;width:100%;transition:width ease-in 1s}.screen-container[_ngcontent-aqv-c65] .clear[_ngcontent-aqv-c65]{clear:both}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;opacity:0}.modal-dialog{position:absolute;z-index:9999999}.modal-dialog-wrapper{position:absolute;top:0;z-index:9999998;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);height:100%;width:100%;overflow:hidden}@media(min-width:768px){.screen-container[_ngcontent-aqv-c65] .icon-container[_ngcontent-aqv-c65]{height:150px;width:150px;margin:0;float:left}.screen-container[_ngcontent-aqv-c65] .timer-container[_ngcontent-aqv-c65]{width:70%;padding-left:20px;padding-right:20px;margin-top:10%}.screen-container[_ngcontent-aqv-c65] .timer-container[_ngcontent-aqv-c65] .timer-text{font-size:20px;text-align:left;margin-bottom:10px}.screen-container[_ngcontent-aqv-c65] .heading{font-weight:bold;font-size:26px;padding-left:20px;padding-right:20px;letter-spacing:1.2px}.screen-container[_ngcontent-aqv-c65] .sub-heading{margin-top:20px;margin-bottom:30px;font-size:20px}.screen-container[_ngcontent-aqv-c65] .footer-text{font-size:13px;letter-spacing:.6px;padding-bottom:5px}.approveit-container.modal-body[_ngcontent-aqv-c320]{padding-bottom:0}}
</style>
<style index="">
/* #region #1 */
.clearfix[_ngcontent-jkm-c137]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c137] html[_ngcontent-jkm-c137] .clearfix[_ngcontent-jkm-c137] {
height: 1%
}
.clearfix[_ngcontent-jkm-c137] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c137] {
margin-left: 60px
}
.app-transform__none[_ngcontent-jkm-c137] {
transform: none !important
}
.hide-loader[_ngcontent-jkm-c137] {
display: none
}
.buttons-container[_ngcontent-jkm-c137] {
margin-top: 30px
}
.text-container[_ngcontent-jkm-c137] {
text-align: center
}
.main-text[_ngcontent-jkm-c137] {
margin-top: 15px
}
.sound-overlay-close[_ngcontent-jkm-c137] {
position: absolute !important;
right: 15px;
top: 16px;
position: relative
}
.sound-overlay-close[_ngcontent-jkm-c137]:before {
content: url(icon-chat-close.48b7e3bad32fdb76.svg);
width: 16px;
height: 16px;
display: block
}
.sound-icon[_ngcontent-jkm-c137] {
display: inline-block;
position: relative
}
.sound-icon[_ngcontent-jkm-c137]:before {
content: url(sound-icon.0ac16af783f66508.svg);
width: 50px;
height: 50px;
display: block
}
.hide-in-desktop[_ngcontent-jkm-c137] {
display: none
}
.hide-in-mobile[_ngcontent-jkm-c137] {
display: block
}
.covid19-footer-margin[_ngcontent-jkm-c137] {
margin-bottom: 150px
}
.covid19-container[_ngcontent-jkm-c137] {
position: fixed;
bottom: 0;
height: 150px;
z-index: 10;
width: 100%
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] {
background: linear-gradient(142.55deg, #1EB3A1 0%, #74B658 100%);
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
display: flex;
height: 100%
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-banner-close[_ngcontent-jkm-c137] {
position: relative;
position: absolute;
right: 16px;
top: 16px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-banner-close[_ngcontent-jkm-c137]:before {
content: url(close-white-cross.e4804625f88eac8e.svg);
width: 14px;
height: 14px;
display: block
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-header[_ngcontent-jkm-c137] {
padding-left: 89px;
padding-top: 38px;
padding-bottom: 38px;
width: 65%
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-header[_ngcontent-jkm-c137] .covid19-banner-header[_ngcontent-jkm-c137] {
height: 44px;
color: #fff;
font-size: 24px;
letter-spacing: 0;
line-height: 1
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-header[_ngcontent-jkm-c137] .covid19-banner-header[_ngcontent-jkm-c137] .highlight-Text[_ngcontent-jkm-c137] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-header[_ngcontent-jkm-c137] .covid19-banner-text[_ngcontent-jkm-c137] {
height: 25px;
color: #fff;
font-size: 16px;
letter-spacing: 0;
width: 100%
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-header[_ngcontent-jkm-c137] .covid19-banner-text[_ngcontent-jkm-c137] .learn-more-link[_ngcontent-jkm-c137] {
color: #fff;
text-decoration: underline;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] {
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
display: flex;
margin-left: 22px;
padding-top: 35px;
margin-right: 22px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-banner-text[_ngcontent-jkm-c137] {
height: 25px;
color: #fff;
font-size: 16px;
letter-spacing: 0;
width: 70%
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-banner-text[_ngcontent-jkm-c137] .learn-more-link[_ngcontent-jkm-c137] {
color: #fff;
text-decoration: underline;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-btn-container[_ngcontent-jkm-c137] {
padding-top: 13px;
padding-right: 34px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-btn-container[_ngcontent-jkm-c137] .get-help-btn[_ngcontent-jkm-c137] {
height: 50px;
width: 390px;
border-radius: 5px;
background-color: #fff
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-btn-container[_ngcontent-jkm-c137] .get-help-btn[_ngcontent-jkm-c137] .get-help-btn-label[_ngcontent-jkm-c137] {
height: 100%;
width: 100%;
color: #009639;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 20px;
text-align: center;
padding-top: 15px;
display: inline-block
}
.chat-icon[_ngcontent-jkm-c137] {
position: relative
}
.chat-icon[_ngcontent-jkm-c137]:before {
content: url(group-3.76713cb51dbfb24f.svg);
width: 60px;
height: 60px;
display: block
}
.dismissBtn[_ngcontent-jkm-c137] {
float: right;
cursor: pointer
}
.dismissBtn[_ngcontent-jkm-c137] .dismiss-icon[_ngcontent-jkm-c137] {
position: relative
}
.dismissBtn[_ngcontent-jkm-c137] .dismiss-icon[_ngcontent-jkm-c137]:before {
content: url(cross-close-white.c9fe2e0e72b2bc50.svg);
width: 30px;
height: 30px;
display: block
}
.cookie-icon[_ngcontent-jkm-c137] {
float: left;
position: relative
}
.cookie-icon[_ngcontent-jkm-c137]:before {
content: url(cookie-icon.2019a02e93f5cce5.svg);
width: 30px;
height: 30px;
display: block
}
.cookie-content[_ngcontent-jkm-c137] {
display: flex
}
.cookie-text[_ngcontent-jkm-c137] {
width: 100%
}
.scroll-page[_ngcontent-jkm-c137] {
padding-top: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
.scroll-page[_ngcontent-jkm-c137] .app-content1[_ngcontent-jkm-c137] {
overflow: hidden;
width: 100%;
min-height: calc(100vh - 375px)
}
@media (min-width: 460px) {
.scroll-page[_ngcontent-jkm-c137] .app-content1[_ngcontent-jkm-c137] {
min-height: calc(100vh - 375px)
}
}
@media (min-width: 767px) {
.scroll-page[_ngcontent-jkm-c137] .app-content1[_ngcontent-jkm-c137] {
min-height: calc(100vh - 376px)
}
}
@media (min-width: 768px) {
.scroll-page[_ngcontent-jkm-c137] .app-content1[_ngcontent-jkm-c137] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1023px) {
.scroll-page[_ngcontent-jkm-c137] .app-content1[_ngcontent-jkm-c137] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1440px) {
.scroll-page[_ngcontent-jkm-c137] .app-content1[_ngcontent-jkm-c137] {
min-height: calc(100vh - 212px)
}
}
.scroll-page[_ngcontent-jkm-c137] .app-content-inner[_ngcontent-jkm-c137] {
overflow: hidden;
background: #FFF;
min-height: calc(100vh - 375px)
}
@media (min-width: 460px) {
.scroll-page[_ngcontent-jkm-c137] .app-content-inner[_ngcontent-jkm-c137] {
min-height: calc(100vh - 375px)
}
}
@media (min-width: 767px) {
.scroll-page[_ngcontent-jkm-c137] .app-content-inner[_ngcontent-jkm-c137] {
min-height: calc(100vh - 376px)
}
}
@media (min-width: 768px) {
.scroll-page[_ngcontent-jkm-c137] .app-content-inner[_ngcontent-jkm-c137] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1023px) {
.scroll-page[_ngcontent-jkm-c137] .app-content-inner[_ngcontent-jkm-c137] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1440px) {
.scroll-page[_ngcontent-jkm-c137] .app-content-inner[_ngcontent-jkm-c137] {
min-height: calc(100vh - 212px)
}
}
.scroll-page[_ngcontent-jkm-c137] app-footer[_ngcontent-jkm-c137] {
display: block;
height: 325px
}
@media (min-width: 460px) {
.scroll-page[_ngcontent-jkm-c137] app-footer[_ngcontent-jkm-c137] {
height: 325px
}
}
@media (min-width: 768px) {
.scroll-page[_ngcontent-jkm-c137] app-footer[_ngcontent-jkm-c137] {
height: 50px
}
}
@media (min-width: 1023px) {
.scroll-page[_ngcontent-jkm-c137] app-footer[_ngcontent-jkm-c137] {
height: 50px
}
}
@media (min-width: 1440px) {
.scroll-page[_ngcontent-jkm-c137] app-footer[_ngcontent-jkm-c137] {
height: 50px
}
}
.scroll-page[_ngcontent-jkm-c137] app-footer.hide-mobile[_ngcontent-jkm-c137] {
display: none
}
@media (min-width: 768px) {
.scroll-page[_ngcontent-jkm-c137] app-footer.hide-mobile[_ngcontent-jkm-c137] {
display: block
}
}
.app-nav[_ngcontent-jkm-c137] {
padding: 40px
}
app-pre-auth-header[_ngcontent-jkm-c137] {
display: block;
background-color: #fff
}
app-pre-auth-header.mainHeaderHeight[_ngcontent-jkm-c137],
app-pre-auth-header.secondaryHeaderHeight[_ngcontent-jkm-c137] {
height: 50px
}
app-pre-auth-header.mainHeaderHeight.cookieHeaderHeight[_ngcontent-jkm-c137],
app-pre-auth-header.secondaryHeaderHeight.cookieHeaderHeight[_ngcontent-jkm-c137] {
height: 150px
}
.footer[_ngcontent-jkm-c137] {
width: 75%
}
.chat-icon-position[_ngcontent-jkm-c137] {
cursor: pointer;
position: fixed;
bottom: 46%;
right: 0%;
right: 1.25% \fffd;
z-index: 1000;
transition-duration: .5s
}
.chat-box-main-container[_ngcontent-jkm-c137] {
position: fixed;
height: 100%;
width: 30%;
overflow: hidden;
margin-top: 1px;
background-color: #fff;
border-left: 1px solid #EEE;
z-index: 1000
}
.page-content-footer-wrapper[_ngcontent-jkm-c137] {
transition-duration: .5s;
width: 100%;
float: left
}
.clear-right[_ngcontent-jkm-c137] {
clear: right
}
.main-page.chat-active[_ngcontent-jkm-c137] .page-content-footer-wrapper[_ngcontent-jkm-c137] {
width: 70%;
float: left
}
.main-page.chat-active[_ngcontent-jkm-c137] .chat-app[_ngcontent-jkm-c137] {
display: block;
position: fixed;
right: 0;
width: 30%;
float: right;
background-color: #fff;
height: 100%
}
.main-page.sidebar-opened[_ngcontent-jkm-c137] .page-content-footer-wrapper[_ngcontent-jkm-c137] {
width: 70%;
float: left
}
@media (max-width: 767px) {
.hide-in-desktop[_ngcontent-jkm-c137] {
display: block
}
.hide-in-mobile[_ngcontent-jkm-c137] {
display: none
}
.page-content-footer-wrapper[_ngcontent-jkm-c137] {
width: 100%
}
.chat-icon-position[_ngcontent-jkm-c137] {
display: none
}
.covid19-container[_ngcontent-jkm-c137] {
height: 200px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] {
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-banner-close[_ngcontent-jkm-c137] {
right: 16px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-header[_ngcontent-jkm-c137] {
padding: 0 20px;
width: 100%
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-header[_ngcontent-jkm-c137] .covid19-banner-header[_ngcontent-jkm-c137] {
font-size: 20px;
height: 50px;
margin-left: 0;
padding-top: 20px;
padding-right: 20px;
line-height: 1
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] {
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
display: flex;
margin-left: 0;
padding-top: 0;
padding-right: 0;
margin-right: 0
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-banner-text[_ngcontent-jkm-c137] {
padding-left: 20px;
font-size: 12px;
margin-top: 20px;
margin-left: 0;
width: 100%;
padding-bottom: 63px;
padding-right: 20px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-btn-container[_ngcontent-jkm-c137] {
padding-left: 10px;
padding-right: 10px;
padding-top: 0
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-btn-container[_ngcontent-jkm-c137] .learn-more-btn[_ngcontent-jkm-c137] {
margin-left: 0
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-btn-container[_ngcontent-jkm-c137] .get-help-btn[_ngcontent-jkm-c137] {
margin: auto;
width: 100%;
max-width: 400px
}
}
@media (min-width: 768px) {
.app-nav[_ngcontent-jkm-c137] {
display: none
}
app-pre-auth-header.mainHeaderHeight[_ngcontent-jkm-c137] {
height: 159px
}
app-pre-auth-header.mainHeaderHeight.cookieHeaderHeight[_ngcontent-jkm-c137] {
height: 224px
}
app-pre-auth-header.secondaryHeaderHeight[_ngcontent-jkm-c137] {
height: 79px
}
app-pre-auth-header.secondaryHeaderHeight.cookieHeaderHeight[_ngcontent-jkm-c137] {
height: 144px
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.chat-box-main-container[_ngcontent-jkm-c137] {
width: 100%;
z-index: 1000
}
.main-page.chat-active[_ngcontent-jkm-c137] .page-content-footer-wrapper[_ngcontent-jkm-c137] {
display: none
}
.main-page.chat-active[_ngcontent-jkm-c137] .chat-app[_ngcontent-jkm-c137] {
display: block;
width: 100%;
background-color: #fff;
height: 100%
}
.main-page.sidebar-opened[_ngcontent-jkm-c137] .page-content-footer-wrapper[_ngcontent-jkm-c137] {
display: none
}
[_nghost-jkm-c137] app-small-overlay.end-chat .overlay-modal .overlay {
height: auto
}
}
@media screen and (max-width: 767px) {
.endchat-subheading[_ngcontent-jkm-c137] {
margin-bottom: 50px !important;
font-size: 1rem !important
}
.endchatmodel-secondary-btn[_ngcontent-jkm-c137] {
margin-bottom: 10px;
margin-right: 0 !important;
margin-top: 5px
}
.endchatmodel-primary-btn[_ngcontent-jkm-c137] {
margin-left: 0 !important;
margin-bottom: 5px
}
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-button-container[_ngcontent-jkm-c137] {
-moz-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
}
@media (min-width: 1024px) {
app-small-overlay.end-chat .overlay-modal .overlay {
border-radius: 5px;
max-width: 810px;
height: 364px;
overflow-y: hidden
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
[_nghost-jkm-c137] app-small-overlay.end-chat .overlay-modal .overlay {
padding-bottom: 60px
}
.hide-in-desktop[_ngcontent-jkm-c137] {
display: block
}
.hide-in-mobile[_ngcontent-jkm-c137] {
display: none
}
.covid19-footer-margin[_ngcontent-jkm-c137] {
margin-bottom: 182px
}
.covid19-container[_ngcontent-jkm-c137] {
height: 180px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] {
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-header[_ngcontent-jkm-c137] {
padding-bottom: 0;
width: 100%;
padding-left: 50px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-header[_ngcontent-jkm-c137] .covid19-banner-header[_ngcontent-jkm-c137] {
height: 35px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] {
display: flex;
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
padding-top: 10px;
padding-left: 50px;
margin-left: 0
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-banner-text[_ngcontent-jkm-c137] {
width: 45%;
margin-right: 112px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-btn-container[_ngcontent-jkm-c137] {
padding-top: 7px;
padding-right: 34px
}
.covid19-container[_ngcontent-jkm-c137] .covid19-banner-container[_ngcontent-jkm-c137] .covid19-text-container[_ngcontent-jkm-c137] .covid19-btn-container[_ngcontent-jkm-c137] .get-help-btn[_ngcontent-jkm-c137] {
width: 282px
}
}
@media (min-width: 531px) and (max-width: 767px) {
.endchat-subheading[_ngcontent-jkm-c137] {
margin-bottom: 15px !important
}
.endchatmodel-primary-btn[_ngcontent-jkm-c137] {
margin-top: 15px !important
}
}
app-small-overlay.end-chat .overlay-modal {
z-index: 2147483645
}
app-small-overlay.end-chat .overlay-modal .overlay {
border-radius: 5px;
width: 80%;
overflow: auto;
height: auto;
padding-bottom: 60px;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.endchat-heading[_ngcontent-jkm-c137] {
width: 100%;
height: 38px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 30px;
text-align: center;
color: #333
}
.endchat-subheading[_ngcontent-jkm-c137] {
width: 100%;
height: 25px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 1.25;
text-align: center;
color: #666;
margin-top: 15px;
margin-bottom: 15px;
font-weight: 400;
font-style: normal;
font-stretch: normal
}
.endchat-subheading[_ngcontent-jkm-c137] #lockIcon[_ngcontent-jkm-c137] {
background-image: url(lock-icon-teal.7ea38f02cfcd4f5a.svg);
display: inline-block;
width: 25px;
height: 20px;
position: absolute;
top: 3px;
margin-left: -2px
}
.endchat-subheading[_ngcontent-jkm-c137] #notify2[_ngcontent-jkm-c137] {
margin-left: 25px
}
#extraHeight[_ngcontent-jkm-c137] {
height: 50px !important;
position: relative
}
.passwordWarning[_ngcontent-jkm-c137] {
text-align: center;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #d22630;
font-weight: 700;
margin-bottom: 25px
}
.endchatmodel-secondary-btn[_ngcontent-jkm-c137] {
width: 180px;
height: 50px;
margin-right: 10px
}
.endchatmodel-primary-btn[_ngcontent-jkm-c137] {
width: 180px;
height: 50px;
margin-left: 10px
}
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-header[_ngcontent-jkm-c137] .endchat-cross[_ngcontent-jkm-c137] {
position: relative;
cursor: pointer;
position: absolute;
right: 15px;
opacity: .7;
top: 15px
}
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-header[_ngcontent-jkm-c137] .endchat-cross[_ngcontent-jkm-c137]:before {
content: url(icon-chat-close.48b7e3bad32fdb76.svg);
width: 18px;
height: 18px;
display: block
}
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-info-icon-container[_ngcontent-jkm-c137] {
margin-bottom: 10px;
text-align: center
}
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-info-icon-container[_ngcontent-jkm-c137] .endchat-green-warning[_ngcontent-jkm-c137] {
position: relative;
height: 30px;
display: inline-block
}
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-info-icon-container[_ngcontent-jkm-c137] .endchat-green-warning[_ngcontent-jkm-c137]:before {
content: url(group-4.a38b0d310c839869.svg);
width: 60px;
height: 60px;
display: block
}
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-info-icon-container[_ngcontent-jkm-c137] .co-browse-image[_ngcontent-jkm-c137] {
position: relative;
height: 30px;
display: inline-block
}
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-info-icon-container[_ngcontent-jkm-c137] .co-browse-image[_ngcontent-jkm-c137]:before {
content: url(screen-share-icon.12354ea58f44862b.svg);
width: 60px;
height: 60px;
display: block
}
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-button-container[_ngcontent-jkm-c137] .gd-secondary-btn[_ngcontent-jkm-c137]:hover,
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-button-container[_ngcontent-jkm-c137] .gd-secondary-btn[_ngcontent-jkm-c137]:active,
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-button-container[_ngcontent-jkm-c137] .gd-secondary-btn[_ngcontent-jkm-c137]:focus,
.endchat-overlay-container[_ngcontent-jkm-c137] .endchat-overlay-body[_ngcontent-jkm-c137] .endchat-button-container[_ngcontent-jkm-c137] .gd-secondary-btn[_ngcontent-jkm-c137]:active:focus {
color: #fff;
background: #007f33;
border-color: #007f33
}
#top[_ngcontent-jkm-c137],
#bottom[_ngcontent-jkm-c137],
#left[_ngcontent-jkm-c137],
#right[_ngcontent-jkm-c137] {
background: #78BE20;
position: fixed;
z-index: 9999;
transition: width .15s ease-in-out
}
#left[_ngcontent-jkm-c137],
#right[_ngcontent-jkm-c137] {
top: 0;
bottom: 0;
width: 0
}
#left[_ngcontent-jkm-c137] {
left: 0
}
#right[_ngcontent-jkm-c137] {
right: 0
}
#top[_ngcontent-jkm-c137],
#bottom[_ngcontent-jkm-c137] {
left: 0;
right: 0;
height: 0
}
#top[_ngcontent-jkm-c137] {
top: 0
}
#bottom[_ngcontent-jkm-c137] {
bottom: 0
}
.purple-border[_ngcontent-jkm-c137] {
background-color: #f200ff !important
}
@media (max-width: 767px) {
.endchat-heading[_ngcontent-jkm-c137] {
font-size: 1.5rem;
height: auto
}
.endchat-subheading[_ngcontent-jkm-c137] {
font-size: 1.125rem !important;
margin-bottom: 15px !important;
height: auto
}
.endchatmodel-primary-btn[_ngcontent-jkm-c137],
.endchatmodel-secondary-btn[_ngcontent-jkm-c137] {
width: 240px
}
}
@media print {
body.terms-and-conditions-auth .cookie-law,
body.terms-and-conditions-auth app-header {
display: none
}
}
[_nghost-jkm-c137] .nid-lib-styler .nid-lib .main-container {
min-height: calc(100vh - 50px)
}
@media (min-width: 768px) {
[_nghost-jkm-c137] .nid-lib-styler .nid-lib .main-container {
min-height: calc(100vh - 130px)
}
}
/* #endregion */
/* #region #2 */
.clearfix[_ngcontent-jkm-c126]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c126] html[_ngcontent-jkm-c126] .clearfix[_ngcontent-jkm-c126] {
height: 1%
}
.clearfix[_ngcontent-jkm-c126] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c126] {
margin-left: 60px
}
.side-bar[_ngcontent-jkm-c126] {
display: block;
position: fixed;
right: -30%;
width: 100%;
float: right;
border-left: 1px solid #EEE;
background-color: #fff;
height: 100%;
z-index: 1
}
.side-bar.header-opened[_ngcontent-jkm-c126] {
right: 0;
transition: .5s
}
.side-bar.header-display-none[_ngcontent-jkm-c126] {
display: none
}
.side-bar.header-closed[_ngcontent-jkm-c126] {
right: -100%;
transition: .5s
}
.side-bar.highlight[_ngcontent-jkm-c126] {
position: inherit
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] {
position: relative;
height: 100%;
width: 100%;
margin-top: 1px;
background-color: #fff;
z-index: 1000
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container.highlight[_ngcontent-jkm-c126] {
position: inherit
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .header[_ngcontent-jkm-c126] {
width: 100%;
height: 80px;
display: flex;
padding: 30px 20px;
border-bottom: solid 1px #eeeeee;
line-height: 1
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .header[_ngcontent-jkm-c126] .text[_ngcontent-jkm-c126] {
font-size: 22px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
color: #333;
width: 100%
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .header[_ngcontent-jkm-c126] .icon-close[_ngcontent-jkm-c126] {
right: 25px;
top: 25px;
float: right;
position: relative;
position: absolute
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .header[_ngcontent-jkm-c126] .icon-close[_ngcontent-jkm-c126]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 26px;
height: 28px;
display: block
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body[_ngcontent-jkm-c126] {
height: 100%;
display: block;
overflow: auto
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body.with-cookie[_ngcontent-jkm-c126] {
height: calc(100vh - 151px)
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body.with-cookie-unauthorized[_ngcontent-jkm-c126] {
height: calc(100vh - 128px)
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body.with-header[_ngcontent-jkm-c126] {
height: calc(100vh - 245px)
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body.with-header.with-cookie[_ngcontent-jkm-c126] {
height: calc(100vh - 345px)
}
.side-bar-content[_ngcontent-jkm-c126] {
display: block;
position: fixed;
right: 30%;
width: 70%;
float: left;
border-left: 1px solid #EEE;
background-color: #fff;
height: 100%;
z-index: 20
}
.side-bar-content.content-opened[_ngcontent-jkm-c126] {
left: 0;
z-index: 1010
}
.side-bar-content.content-closed[_ngcontent-jkm-c126] {
left: -100%
}
@media (max-width: 1024px) and (min-width: 320px) {
.side-bar-content[_ngcontent-jkm-c126] {
width: 100%
}
}
@media (min-width: 1024px) {
.sidebar-container.mainHeaderHeight[_ngcontent-jkm-c126] {
margin-top: 159px
}
.sidebar-container.mainHeaderHeight.cookieHeaderHeight[_ngcontent-jkm-c126] {
margin-top: 224px
}
.sidebar-container.mainHeaderHeight[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body[_ngcontent-jkm-c126] {
height: calc(100vh - 161px)
}
.sidebar-container.secondaryHeaderHeight[_ngcontent-jkm-c126] {
margin-top: 79px
}
.sidebar-container.secondaryHeaderHeight.cookieHeaderHeight[_ngcontent-jkm-c126] {
margin-top: 144px
}
}
@media screen and (min-width: 1025px) {
.side-bar[_ngcontent-jkm-c126] {
width: 30%
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body.with-cookie[_ngcontent-jkm-c126] {
height: calc(100vh - 228px)
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body.with-cookie-unauthorized[_ngcontent-jkm-c126] {
height: calc(100vh - 128px)
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body.with-header[_ngcontent-jkm-c126] {
height: calc(100vh - 245px)
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container[_ngcontent-jkm-c126] .body.with-header.with-cookie[_ngcontent-jkm-c126] {
height: calc(100vh - 310px)
}
.side-bar[_ngcontent-jkm-c126] .side-bar-main-container.header-closed[_ngcontent-jkm-c126] {
right: -30%;
transition: .5s
}
.secondary-header[_nghost-jkm-c126] .side-bar[_ngcontent-jkm-c126] .body[_ngcontent-jkm-c126] {
height: calc(100vh - 84px)
}
}
/* #endregion */
/* #region #3 */
.clearfix[_ngcontent-jkm-c128]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c128] html[_ngcontent-jkm-c128] .clearfix[_ngcontent-jkm-c128] {
height: 1%
}
.clearfix[_ngcontent-jkm-c128] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c128] {
margin-left: 60px
}
.spinner-text[_ngcontent-jkm-c128] {
position: relative;
top: 50%;
max-width: 280px;
text-align: center;
margin: 0 auto;
color: #333;
font-size: 20px
}
.spinner-container[_ngcontent-jkm-c128] {
animation: rotate 2s linear infinite;
-webkit-animation: rotate 2s linear infinite;
z-index: 100
}
.spinner-container[_ngcontent-jkm-c128] .path[_ngcontent-jkm-c128] {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
stroke: #fff;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite;
-webkit-animation: dash 1.5s ease-in-out infinite
}
.spinner-container[_ngcontent-jkm-c128] .path.green[_ngcontent-jkm-c128] {
stroke: #009639
}
@keyframes rotate {
to {
transform: rotate(360deg)
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124
}
}
@media (min-width: 768px) {
.spinner-text[_ngcontent-jkm-c128] {
max-width: 320px
}
}
/* #endregion */
/* #region #4 */
.clearfix[_ngcontent-jkm-c131]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c131] html[_ngcontent-jkm-c131] .clearfix[_ngcontent-jkm-c131] {
height: 1%
}
.clearfix[_ngcontent-jkm-c131] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c131] {
margin-left: 60px
}
.overlay-modal[_ngcontent-jkm-c131] {
position: fixed;
z-index: 10000;
inset: 0;
overflow: auto;
background-color: #0006
}
.template-content[_ngcontent-jkm-c131] {
margin-top: 0
}
.overlay-title[_ngcontent-jkm-c131] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700
}
.overlay[_ngcontent-jkm-c131] {
position: relative;
height: 100%;
width: 100%;
padding: 30px;
margin: 0;
background: #FFF;
overflow-x: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
.overlay.alternate[_ngcontent-jkm-c131] {
background-color: #fff;
color: #666;
text-align: left
}
@media (min-width: 768px) {
.overlay[_ngcontent-jkm-c131] {
height: auto;
width: 80%;
overflow: auto;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
}
@media (min-width: 1024px) {
.overlay[_ngcontent-jkm-c131] {
max-width: 680px
}
}
@media screen and (max-width: 769px) {
.template-content[_ngcontent-jkm-c131] {
margin-top: 40px
}
}
/* #endregion */
/* #region #5 */
.clearfix[_ngcontent-jkm-c132]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c132] html[_ngcontent-jkm-c132] .clearfix[_ngcontent-jkm-c132] {
height: 1%
}
.clearfix[_ngcontent-jkm-c132] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c132] {
margin-left: 60px
}
.clearfix[_ngcontent-jkm-c132]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c132] html[_ngcontent-jkm-c132] .clearfix[_ngcontent-jkm-c132] {
height: 1%
}
.clearfix[_ngcontent-jkm-c132] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c132] {
margin-left: 60px
}
.overlay-modal[_ngcontent-jkm-c132] {
position: fixed;
z-index: 9999;
inset: 0;
overflow: auto;
background-color: #0006
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] {
max-height: 448px;
max-width: 810px;
overflow: hidden;
left: 50%;
top: 35%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .overlay-cross[_ngcontent-jkm-c132] {
position: relative;
width: 23px;
height: 18px;
cursor: pointer;
right: 15px;
top: 15px
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .overlay-cross[_ngcontent-jkm-c132]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 100%;
height: 100%;
display: block
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] {
margin-top: 0;
padding: 20px
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .overlay-title[_ngcontent-jkm-c132] {
font-size: 28px;
letter-spacing: 1px;
font-weight: 500;
text-align: center;
margin-bottom: 15px;
display: block;
color: #666;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .overlay-text[_ngcontent-jkm-c132] {
font-size: 20px;
color: #666;
text-align: center
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .btns[_ngcontent-jkm-c132] {
max-width: 400px;
display: inline-block;
margin-top: 60px;
width: 100%
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .btns[_ngcontent-jkm-c132] .cancel-button[_ngcontent-jkm-c132],
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .btns[_ngcontent-jkm-c132] .ok-button[_ngcontent-jkm-c132] {
width: 100%
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .alt-btns[_ngcontent-jkm-c132] {
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-moz-flex-direction: row-reverse;
-o-flex-direction: row-reverse;
flex-direction: row-reverse;
max-width: 100%
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .alt-btns[_ngcontent-jkm-c132] .alt-ok-btn[_ngcontent-jkm-c132] {
max-width: 180px
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .alt-btns[_ngcontent-jkm-c132] .alt-cancel-btn[_ngcontent-jkm-c132] {
max-width: 180px;
margin-right: 30px
}
@media (max-width: 768px) {
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] {
max-width: 555px;
max-height: 490px;
left: 50%;
top: 35%;
overflow-y: auto
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .btns[_ngcontent-jkm-c132] {
margin: 40px 0
}
.overlay-modal[_ngcontent-jkm-c132] .alt-overlay[_ngcontent-jkm-c132] {
padding: 20px;
max-height: 430px
}
.overlay-modal[_ngcontent-jkm-c132] .alt-overlay[_ngcontent-jkm-c132] .alt-template-content[_ngcontent-jkm-c132] {
padding: 30px 0 0
}
}
@media (max-width: 767px) {
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] {
max-width: 280px;
max-height: 430px;
left: 50%;
top: 46%;
padding-top: 20px
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .btns[_ngcontent-jkm-c132] {
max-width: 100%;
display: block;
margin-top: 40px
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .btns[_ngcontent-jkm-c132] .ok-button[_ngcontent-jkm-c132] {
margin: auto auto 15px;
max-width: 100%
}
.overlay-modal[_ngcontent-jkm-c132] .overlay[_ngcontent-jkm-c132] .template-content[_ngcontent-jkm-c132] .btns[_ngcontent-jkm-c132] .cancel-button[_ngcontent-jkm-c132] {
margin: auto;
max-width: 100%
}
}
/* #endregion */
/* #region #6 */
.clearfix[_ngcontent-jkm-c133]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c133] html[_ngcontent-jkm-c133] .clearfix[_ngcontent-jkm-c133] {
height: 1%
}
.clearfix[_ngcontent-jkm-c133] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c133] {
margin-left: 60px
}
.center[_ngcontent-jkm-c133] {
text-align: center;
display: block;
margin-left: 40%;
width: 300px;
position: fixed;
top: 3%;
z-index: 9999999998
}
[_nghost-jkm-c133] app-small-overlay.enddemomodal .overlay-modal {
z-index: 9999999999
}
[_nghost-jkm-c133] app-small-overlay.enddemomodal .overlay-modal .overlay {
border-radius: 5px;
width: 80%;
overflow: auto;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.end-demo-heading[_ngcontent-jkm-c133] {
width: 100%;
height: 38px;
font-size: 30px;
text-align: center;
color: #333;
font-weight: 500;
line-height: 35px;
margin-top: 20px;
margin-bottom: 36px
}
.enddemomodel-secondary-btn[_ngcontent-jkm-c133] {
width: 180px;
height: 50px;
margin-right: 10px
}
.enddemomodel-primary-btn[_ngcontent-jkm-c133] {
width: 180px;
height: 50px;
margin-left: 10px
}
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-header[_ngcontent-jkm-c133] .end-demo-cross[_ngcontent-jkm-c133] {
position: relative;
cursor: pointer;
position: absolute;
right: 15px;
opacity: .7;
top: 15px
}
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-header[_ngcontent-jkm-c133] .end-demo-cross[_ngcontent-jkm-c133]:before {
content: url(icon-chat-close.48b7e3bad32fdb76.svg);
width: 18px;
height: 18px;
display: block
}
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-info-icon-container[_ngcontent-jkm-c133] {
margin-bottom: 10px;
text-align: center
}
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-info-icon-container[_ngcontent-jkm-c133] .end-demo-green-warning[_ngcontent-jkm-c133] {
position: relative;
height: 30px;
display: inline-block
}
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-info-icon-container[_ngcontent-jkm-c133] .end-demo-green-warning[_ngcontent-jkm-c133]:before {
content: url(demo-exit-msg.4e3145be33feb96e.svg);
width: 80px;
height: 80px;
display: block
}
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-info-icon-container[_ngcontent-jkm-c133] .demo-feature-warning[_ngcontent-jkm-c133] {
position: relative;
height: 30px;
display: inline-block
}
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-info-icon-container[_ngcontent-jkm-c133] .demo-feature-warning[_ngcontent-jkm-c133]:before {
content: url(icon-feature-notExist.0b1261fce06d35f8.svg);
width: 80px;
height: 80px;
display: block
}
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-button-container[_ngcontent-jkm-c133] .gd-secondary-btn[_ngcontent-jkm-c133]:hover,
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-button-container[_ngcontent-jkm-c133] .gd-secondary-btn[_ngcontent-jkm-c133]:active,
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-button-container[_ngcontent-jkm-c133] .gd-secondary-btn[_ngcontent-jkm-c133]:focus,
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-button-container[_ngcontent-jkm-c133] .gd-secondary-btn[_ngcontent-jkm-c133]:active:focus {
color: #fff;
background: #007f33;
border-color: #007f33
}
@media screen and (max-width: 767px) {
.end-demo-heading[_ngcontent-jkm-c133] {
margin-bottom: 20px !important;
font-size: 1rem !important
}
.enddemomodel-secondary-btn[_ngcontent-jkm-c133] {
margin-bottom: 10px;
margin-right: 0 !important;
margin-top: 5px
}
.enddemomodel-primary-btn[_ngcontent-jkm-c133] {
margin-left: 0 !important;
margin-bottom: 5px
}
.end-demo-overlay-container[_ngcontent-jkm-c133] .end-demo-overlay-body[_ngcontent-jkm-c133] .end-demo-button-container[_ngcontent-jkm-c133] {
-moz-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding-top: 15px
}
}
[_nghost-jkm-c133] .inside-demo app-colored-overlay .overlay-main-header {
position: fixed;
width: 100%;
margin-right: 0;
margin-left: 0;
background: #FFF;
z-index: 1;
padding: 10px 0
}
[_nghost-jkm-c133] .inside-demo app-colored-overlay .demo-container {
margin-top: 61px
}
@media (min-width: 1024px) {
[_nghost-jkm-c133] .inside-demo app-colored-overlay .overlay-main-header {
position: inherit
}
[_nghost-jkm-c133] .inside-demo app-colored-overlay .demo-container {
margin-top: 0
}
}
@media (min-width: 1024px) {
.enddemomodel-secondary-btn[_ngcontent-jkm-c133],
.enddemomodel-primary-btn[_ngcontent-jkm-c133] {
width: 280px !important
}
}
@media (min-width: 531px) and (max-width: 767px) {
.end-demo-subheading[_ngcontent-jkm-c133] {
margin-bottom: 25px !important
}
.enddemomodel-primary-btn[_ngcontent-jkm-c133] {
margin-top: 15px !important
}
}
.end-demo-container[_ngcontent-jkm-c133] {
border-radius: 5px;
background-color: #333;
display: flex;
max-width: 300px
}
.demo-icon-position[_ngcontent-jkm-c133] {
cursor: pointer;
position: fixed;
top: 10%;
right: 0%;
z-index: 9999999998;
transition-duration: .5s
}
.demo-end[_ngcontent-jkm-c133] .demo-icon-phn[_ngcontent-jkm-c133] {
position: relative;
padding-left: 14px;
padding-bottom: 10px;
padding-top: 10px
}
.demo-end[_ngcontent-jkm-c133] .demo-icon-phn[_ngcontent-jkm-c133]:before {
content: url(demo-icon-phone.7dd6ac6ee5ac6c7c.svg);
width: 13px;
height: 24px;
display: block
}
.demo-end[_ngcontent-jkm-c133] .youre-in-demo-mode[_ngcontent-jkm-c133] {
margin: 16px;
color: #bbb;
font-size: 12px;
line-height: 15px
}
.demo-end[_ngcontent-jkm-c133] .end-mode[_ngcontent-jkm-c133] {
margin: 16px;
color: #78be20;
font-size: 12px;
font-weight: 500;
line-height: 15px;
text-align: center;
cursor: pointer
}
.demo-end[_ngcontent-jkm-c133] .seprate-line[_ngcontent-jkm-c133] {
border-left: 1px solid #BBB;
margin-left: 5px
}
.demo-end[_ngcontent-jkm-c133] .dot-icon[_ngcontent-jkm-c133] {
position: relative;
margin-left: 2px;
margin-top: -6px
}
.demo-end[_ngcontent-jkm-c133] .dot-icon[_ngcontent-jkm-c133]:before {
content: url(dot-icon-demo.f9aa365b2ef567d5.svg);
width: 4px;
height: 4px;
display: block
}
.demo-end[_ngcontent-jkm-c133] .mobend-demo[_ngcontent-jkm-c133] {
display: flex
}
.demo-end[_ngcontent-jkm-c133] .end-demo[_ngcontent-jkm-c133] {
display: flex;
transition: width .5s;
width: 0
}
.demo-end[_ngcontent-jkm-c133] .end-demo[_ngcontent-jkm-c133] .end-mode-mob[_ngcontent-jkm-c133] {
display: none;
margin: 16px;
color: #78be20;
font-size: 12px;
font-weight: 500;
line-height: 15px;
text-align: center;
cursor: pointer
}
.demo-end[_ngcontent-jkm-c133] .end-demo.expand[_ngcontent-jkm-c133] {
width: 100px
}
.demo-end[_ngcontent-jkm-c133] .end-demo.expand[_ngcontent-jkm-c133] .end-mode-mob[_ngcontent-jkm-c133] {
display: flex
}
.demo-end.demo-mobile[_ngcontent-jkm-c133] {
height: 47px
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
[_nghost-jkm-c133] app-small-overlay.enddemomodal .overlay-modal .overlay {
height: auto
}
}
.demo-container[_ngcontent-jkm-c133] {
text-align: center
}
.everything-is-make[_ngcontent-jkm-c133] {
color: #333;
display: inline-block;
font-size: 16px;
line-height: 24px;
text-align: left
}
.everything-hav-fun[_ngcontent-jkm-c133] {
color: #333;
font-size: 16px;
line-height: 24px;
text-align: left;
margin-top: 15px
}
.button-play[_ngcontent-jkm-c133] {
width: 100%;
margin: 20px 0;
display: inline-block
}
.gd-primary-btn[_ngcontent-jkm-c133] {
max-width: 335px
}
.demo-img[_ngcontent-jkm-c133] {
margin-top: 40px
}
.demo-start-img-dsk[_ngcontent-jkm-c133] {
width: 300px;
height: 300px
}
.demo-start-img-mob[_ngcontent-jkm-c133] {
width: 150px;
height: 150px
}
[_nghost-jkm-c133] app-colored-overlay .overlay.alternate {
padding-bottom: 0
}
.register-demo-complete[_ngcontent-jkm-c133] .demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .welcome-to-our-demo[_ngcontent-jkm-c133] {
text-align: left
}
.register-demo-complete[_ngcontent-jkm-c133] .demo-container[_ngcontent-jkm-c133] .button-play.explore[_ngcontent-jkm-c133] {
margin-top: 0
}
.demo-container[_ngcontent-jkm-c133] {
display: flex;
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] {
max-width: 305px;
margin: 0 20px
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .button-play-container[_ngcontent-jkm-c133] .button-play[_ngcontent-jkm-c133] {
display: block
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .button-play-container[_ngcontent-jkm-c133] .button-play[_ngcontent-jkm-c133] .gd-primary-btn,
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .button-play-container[_ngcontent-jkm-c133] .button-play[_ngcontent-jkm-c133] .gd-ghost-btn-green-border {
max-width: none
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .welcome-to-our-demo[_ngcontent-jkm-c133] {
color: #333;
font-size: 26px;
line-height: 33px;
text-align: left
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .welcome-to-our-demo[_ngcontent-jkm-c133] span[_ngcontent-jkm-c133] {
font-weight: 700
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .everything-is-make[_ngcontent-jkm-c133] {
display: block
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .arrow[_ngcontent-jkm-c133] {
position: relative;
float: right;
right: 15px;
top: 3px
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .arrow[_ngcontent-jkm-c133]:before {
content: url(Arrow.863bd05819ce952f.svg);
width: 8px;
height: 15px;
display: block
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .button-play-register[_ngcontent-jkm-c133] {
text-align: left;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
cursor: pointer;
color: #009639;
font-weight: 700;
margin-bottom: 10px
}
@media (min-width: 768px) {
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .welcome-to-our-demo[_ngcontent-jkm-c133] {
font-size: 28px
}
}
@media (min-width: 1024px) {
.demo-container[_ngcontent-jkm-c133] {
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin-top: 50px
}
.demo-container[_ngcontent-jkm-c133] .demo-img[_ngcontent-jkm-c133] {
margin-top: 10px
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] {
max-width: 410px;
margin-left: 100px;
margin-right: 0
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .welcome-to-our-demo[_ngcontent-jkm-c133] {
max-width: unset;
text-align: left;
line-height: 50px
}
.demo-container[_ngcontent-jkm-c133] .primer-text-container[_ngcontent-jkm-c133] .button-play[_ngcontent-jkm-c133] {
min-width: 100%;
margin-left: 0;
margin-right: 0
}
}
/* #endregion */
/* #region #7 */
.clearfix[_ngcontent-jkm-c134]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c134] html[_ngcontent-jkm-c134] .clearfix[_ngcontent-jkm-c134] {
height: 1%
}
.clearfix[_ngcontent-jkm-c134] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c134] {
margin-left: 60px
}
.app-loading-group[_ngcontent-jkm-c134] {
position: fixed;
z-index: 20001;
top: 0;
width: 100%;
background-color: #fff;
height: 100%
}
.delay-message[_ngcontent-jkm-c134] {
top: 128px;
display: block;
position: relative;
color: #333;
font-size: 18px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif
}
/* #endregion */
/* #region #8 */
.clearfix[_ngcontent-jkm-c123]:after,
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]:after,
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c123] html[_ngcontent-jkm-c123] .clearfix[_ngcontent-jkm-c123],
*[_ngcontent-jkm-c123] html[_ngcontent-jkm-c123] .main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] *[_ngcontent-jkm-c123] html[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123],
*[_ngcontent-jkm-c123] html[_ngcontent-jkm-c123] .main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] *[_ngcontent-jkm-c123] html[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123] {
height: 1%
}
.clearfix[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c123] {
margin-left: 60px
}
.hide-chat-icon[_ngcontent-jkm-c123] {
visibility: hidden
}
.top-right-header-section[_ngcontent-jkm-c123] {
display: none
}
.top-right-header-section-sso[_ngcontent-jkm-c123] {
display: none;
padding-right: 20px
}
.chat-icon-gray-cross[_ngcontent-jkm-c123] {
padding-right: 15px;
display: inline-block;
position: relative;
top: 18px;
cursor: pointer;
right: 45px
}
.chat-icon-gray-cross[_ngcontent-jkm-c123]:before {
content: url(icon-chat-dark.eca0193d563de26c.svg);
width: 25px;
height: 25px;
display: block
}
.chat-text[_ngcontent-jkm-c123] {
font-size: 18px;
padding-left: 10px
}
.chat-box[_ngcontent-jkm-c123] {
display: flex
}
.stroke-cross[_ngcontent-jkm-c123] {
vertical-align: middle;
border-right: 1px solid #EEE;
height: 37px;
width: 5px;
display: inline-block;
width: 16px;
height: 45px;
right: 52px;
margin-top: 17px;
position: relative
}
.bell-icon[_ngcontent-jkm-c123] {
position: relative;
display: inline-block;
margin-right: 10px
}
.bell-icon[_ngcontent-jkm-c123]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 18px;
height: 18px;
display: block
}
.chat-white[_ngcontent-jkm-c123] {
position: relative
}
.chat-white[_ngcontent-jkm-c123]:before {
content: url(icon-chat.243344f36ac2fccd.svg);
width: 16px;
height: 16px;
display: block
}
.chat-highlight[_ngcontent-jkm-c123] {
position: relative
}
.chat-highlight[_ngcontent-jkm-c123]:before {
content: url(icon-chat-highlight.8c684f81b62cdfe7.svg);
width: 16px;
height: 16px;
display: block
}
.chat-icon-white[_ngcontent-jkm-c123] {
padding-right: 14px;
display: inline-block;
position: relative;
top: 5px;
margin-left: 8px
}
.header-menu-position[_ngcontent-jkm-c123],
.get-in-touch[_ngcontent-jkm-c123] {
display: none
}
.expand-icon[_ngcontent-jkm-c123],
.right-arrow-icon[_ngcontent-jkm-c123],
.collapse-icon[_ngcontent-jkm-c123] {
position: relative;
float: right;
width: 10px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
cursor: pointer;
margin-right: 5px
}
.expand-icon[_ngcontent-jkm-c123]:before,
.right-arrow-icon[_ngcontent-jkm-c123]:before,
.collapse-icon[_ngcontent-jkm-c123]:before {
content: url(ArrowWhite.8b54976a5a8b377a.svg);
width: 100%;
height: 100%;
display: block
}
.collapse-icon[_ngcontent-jkm-c123] {
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
margin-right: 0
}
.right-arrow-icon[_ngcontent-jkm-c123] {
transform: rotate(0);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
.switch-icon[_ngcontent-jkm-c123] {
float: right;
cursor: pointer;
position: relative;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg)
}
.switch-icon[_ngcontent-jkm-c123]:before {
content: url(switch-profile-light-grey.2d08469834ca97db.svg);
width: 15px;
height: 15px;
display: block
}
.right-align[_ngcontent-jkm-c123] {
text-align: right
}
.shift-apply[_ngcontent-jkm-c123] {
padding-right: 28px;
margin-top: 5px
}
.apply-button[_ngcontent-jkm-c123] {
background-color: #fff;
height: 79px;
border-bottom: 1px solid #EEE;
position: fixed;
width: 102%;
z-index: 9998
}
.round-button[_ngcontent-jkm-c123] {
padding: 6px 15px 4px;
border-radius: 20px;
font-size: 14px
}
.shiftHeaderTop[_ngcontent-jkm-c123] {
top: 80px
}
.shiftHeader[_ngcontent-jkm-c123] {
margin-left: 12px
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.shiftHeader[_ngcontent-jkm-c123] {
margin-right: 20px
}
}
.lottie[_ngcontent-jkm-c123] {
display: inline-block;
width: 28px;
vertical-align: middle
}
.float-logo-left[_ngcontent-jkm-c123] {
padding-left: 14px;
text-align: left;
margin-top: 14px;
cursor: pointer;
position: relative;
position: absolute
}
.float-logo-left[_ngcontent-jkm-c123]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 40px;
height: 40px;
display: block
}
.float-Cross[_ngcontent-jkm-c123] {
top: 14px;
cursor: pointer;
position: relative;
right: 35px
}
.float-Cross[_ngcontent-jkm-c123]:before {
content: url(Cross-Black.beebd41b49835647.svg);
width: 15px;
height: 15px
}
.position-header[_ngcontent-jkm-c123] {
position: relative
}
.back-menu[_ngcontent-jkm-c123] {
position: absolute;
top: 5px;
margin-left: 8px;
height: 21px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #006341
}
.back-arrow[_ngcontent-jkm-c123] {
cursor: pointer;
position: relative
}
.back-arrow[_ngcontent-jkm-c123]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 15px;
height: 15px;
display: block
}
.back-arrow[_ngcontent-jkm-c123]:before {
position: absolute;
display: inline-block;
top: 31px;
left: 30px
}
.MenuActive[_ngcontent-jkm-c123] {
border-bottom: 4px solid #78BE20
}
.scroll-navigator-container[_ngcontent-jkm-c123] {
padding: 0
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] {
margin-top: .625rem;
padding-top: 1rem;
display: flex;
cursor: pointer
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .nav-divider[_ngcontent-jkm-c123] {
height: 1.625rem;
border-left: 1px solid #EEE
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .left-nav[_ngcontent-jkm-c123] {
padding: 4px 20px 0 0;
position: relative
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .left-nav[_ngcontent-jkm-c123]:before {
content: url(Arrow_Active_Left.9ee3e998619c0876.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .left-nav[_ngcontent-jkm-c123]:hover {
position: relative
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .left-nav[_ngcontent-jkm-c123]:hover:before {
content: url(Arrow_Hover_Left.9add278f3b20b7cc.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .right-nav[_ngcontent-jkm-c123] {
padding: 4px 0 0 20px;
position: relative
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .right-nav[_ngcontent-jkm-c123]:before {
content: url(Arrow_Active_Right.4e7010f73b75a13c.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .right-nav[_ngcontent-jkm-c123]:hover {
position: relative
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .right-nav[_ngcontent-jkm-c123]:hover:before {
content: url(Arrow_Hover_Right.192733dd19eebae1.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .disable-right-nav[_ngcontent-jkm-c123] {
padding: 4px 0 0 20px;
position: relative;
cursor: not-allowed
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .disable-right-nav[_ngcontent-jkm-c123]:before {
content: url(Arrow_light\ grey_right.ee8cd4298d68312f.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .disable-left-nav[_ngcontent-jkm-c123] {
padding: 4px 20px 0 0;
position: relative;
cursor: not-allowed
}
.scroll-navigator-container[_ngcontent-jkm-c123] .scroll-nav[_ngcontent-jkm-c123] .disable-left-nav[_ngcontent-jkm-c123]:before {
content: url(Arrow_light\ grey_left.568e016eb30b02e4.svg);
width: 10px;
height: 10px;
display: block
}
.scrollable-menu-container[_ngcontent-jkm-c123]:before {
content: "";
display: flex;
width: 35px;
height: 100%;
left: 0;
position: absolute;
z-index: 999;
margin-right: auto;
top: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 40%, #FFF 70%)
}
.scrollable-menu-container[_ngcontent-jkm-c123]:after {
content: "";
display: flex;
width: 40px;
height: 100%;
right: 0;
position: absolute;
z-index: 999;
margin-left: auto;
top: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 40%, #FFF 70%)
}
.menuContainer[_ngcontent-jkm-c123] {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #fff;
display: flex;
overflow: scroll;
position: relative;
-ms-overflow-style: none;
scrollbar-width: none
}
.menuContainer[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] {
outline: none;
float: left;
height: 65px;
margin-top: 12px;
padding: 16px
}
.menuContainer[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] {
display: block;
color: #006341;
text-align: center;
text-decoration: none;
padding-bottom: 23px
}
.menuContainer[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:hover {
border-bottom: 4px solid #78BE20
}
.menuContainer[_ngcontent-jkm-c123]::-webkit-scrollbar {
display: none
}
.profileLink[_ngcontent-jkm-c123] {
color: #cedc00
}
.profileLink.inactive[_ngcontent-jkm-c123] {
color: #d7d7d7;
font-size: 14px
}
.profileLink.locked[_ngcontent-jkm-c123] {
color: #d22630;
font-size: 12px
}
.textcolor[_ngcontent-jkm-c123] {
color: #fff
}
.nooutline[_ngcontent-jkm-c123] {
outline: none;
min-height: 100%
}
.additional-header-options[_ngcontent-jkm-c123] {
margin-top: 0
}
.main-header[_ngcontent-jkm-c123] {
padding: 13px 0;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1010
}
.main-header.header-background-color[_ngcontent-jkm-c123] {
background: #006341
}
.main-header.header-background-color-white[_ngcontent-jkm-c123] {
background: #FFF;
border-bottom: 1px solid #D1D1D1
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] {
flex: 1
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .cross[_ngcontent-jkm-c123] {
position: relative;
width: 24px;
height: 24px;
padding-left: 5px;
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .cross[_ngcontent-jkm-c123]:before {
content: url(close.73ac0f5edac9f539.svg);
width: 12px;
height: 12px;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left.top-padding[_ngcontent-jkm-c123] {
padding-top: 2px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .cross-for-whiteBackground[_ngcontent-jkm-c123] {
flex: 1;
position: relative;
width: 24px;
height: 24px;
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .cross-for-whiteBackground[_ngcontent-jkm-c123]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 21px;
height: 21px;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .hamburger-icon[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .hamburger-icon-for-white-background[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] {
display: inline-block;
vertical-align: middle
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .hamburger-icon[_ngcontent-jkm-c123] {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
bottom: 0;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .hamburger-icon[_ngcontent-jkm-c123]:before {
content: url(MobiBurgerIcon.be4fc16709263acc.svg);
width: 24px;
height: 24px;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .hamburger-icon-for-white-background[_ngcontent-jkm-c123] {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
bottom: 5px;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .hamburger-icon-for-white-background[_ngcontent-jkm-c123]:before {
content: url(hamburger-icon-grey.28051be24e5833b7.svg);
width: 24px;
height: 24px;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .notification[_ngcontent-jkm-c123] {
position: absolute;
height: 10px;
width: 10px;
background-color: #cedc00;
border-radius: 50%;
display: inline-block;
top: 0;
right: 0;
border: solid 2px #006341
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo[_ngcontent-jkm-c123] {
position: relative;
width: 24px;
height: 24px;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo[_ngcontent-jkm-c123]:before {
content: url(NedbanklogoBig.e888354d74b5ea34.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo-white-background[_ngcontent-jkm-c123] {
position: relative;
width: 24px;
height: 24px;
cursor: pointer;
display: inline-block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo-white-background[_ngcontent-jkm-c123]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .back-arrow-white-background[_ngcontent-jkm-c123] {
position: relative;
width: 15px;
height: 15px;
cursor: pointer;
display: inline-block;
margin-top: 4px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .back-arrow-white-background[_ngcontent-jkm-c123]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .back-arrow-white-background[_ngcontent-jkm-c123]:before {
display: inline-block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] {
position: fixed;
background: #006341;
left: 0;
top: 50px;
height: calc(100vh - 50px);
overflow-y: auto;
z-index: 1000;
padding: 0 0 10px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transform: translate(-100%);
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transition: transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding: 17px;
border-bottom: 1px solid #37856A
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123]:first-of-type {
border-top: 1px solid #37856A
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details.inactive[_ngcontent-jkm-c123] {
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details.locked[_ngcontent-jkm-c123] {
cursor: not-allowed
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details.link-profile[_ngcontent-jkm-c123] {
outline: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details.view-all-profile[_ngcontent-jkm-c123] {
display: block;
text-align: center
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details.view-all-profile[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] {
color: #fff
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .pic[_ngcontent-jkm-c123] {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #115740;
border: 1px solid #78BE20;
font-size: .875rem;
border-radius: 40px;
padding: 15px 0;
margin-right: 20px;
text-align: center;
color: #fff
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .pic.inactive[_ngcontent-jkm-c123] {
border-color: #bbb;
color: #bbb
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .pic.link-profile[_ngcontent-jkm-c123] {
border-color: #fff;
font-size: 1.375rem;
padding-top: 10px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .locked-profile[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .locked-profile[_ngcontent-jkm-c123]:before {
content: url(reverse.55ac4a4911094f7b.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .locked-profile[_ngcontent-jkm-c123] span[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] {
flex: 1
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .name[_ngcontent-jkm-c123] {
font-size: 20px;
font-weight: 700;
color: #fff;
word-break: break-all
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .link[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] {
font-weight: 700;
color: #fff;
text-decoration: underline;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .link[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:hover,
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .link[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:active {
color: #fff
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-overview[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-overview[_ngcontent-jkm-c123]:before {
content: url(TabletOverview.eafbf6e8a415e0f0.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-transfer[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-transfer[_ngcontent-jkm-c123]:before {
content: url(TransferIcon.ac034a9e453e6fc6.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-pay-icon[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-pay-icon[_ngcontent-jkm-c123]:before {
content: url(PayIcon.f24f14339a757bae.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-buy-icon[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-buy-icon[_ngcontent-jkm-c123]:before {
content: url(BuyIcon.9afdaa169756fe82.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-cards-icon[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .menu-cards-icon[_ngcontent-jkm-c123]:before {
content: url(CardsIcon.cd2c8ddc7dc86328.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123] {
list-style: none;
padding-left: 0
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123] {
position: relative;
box-shadow: 0 1px 1px #37856a
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]:last-child {
border-bottom: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container.open[_ngcontent-jkm-c123] .pop-over[_ngcontent-jkm-c123] {
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container.open[_ngcontent-jkm-c123]:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 10px);
z-index: 2;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin-top: 11px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container.open[_ngcontent-jkm-c123]:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 6px);
z-index: 3;
width: 13px;
height: 13px;
border: solid 1px rgba(187, 187, 187, .5);
border-bottom: none;
border-right: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 13px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container[_ngcontent-jkm-c123] .pop-over[_ngcontent-jkm-c123] {
margin-top: 20px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container[_ngcontent-jkm-c123] .pop-over.no-sub-menu[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container[_ngcontent-jkm-c123] .pop-over.submenu-width[_ngcontent-jkm-c123] {
min-width: 225px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] {
display: block;
line-height: 60px;
padding: 0 17px;
text-decoration: none;
color: #333;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] .text[_ngcontent-jkm-c123] {
display: inline-block;
vertical-align: middle;
line-height: 1
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123] {
width: 16px;
margin-right: 17px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] .icon.arrow-icon[_ngcontent-jkm-c123] {
position: relative;
float: right;
width: 10px;
margin: 24px 0 0
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] .icon.arrow-icon[_ngcontent-jkm-c123]:before {
content: url(ArrowWhite.8b54976a5a8b377a.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a.offers[_ngcontent-jkm-c123] {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding-left: 17px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a.offers[_ngcontent-jkm-c123] .text[_ngcontent-jkm-c123] {
flex: 1
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a.offers[_ngcontent-jkm-c123] .icon.bell-icon[_ngcontent-jkm-c123] {
width: 24px;
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a.offers[_ngcontent-jkm-c123] .icon.bell-icon[_ngcontent-jkm-c123]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a.offers[_ngcontent-jkm-c123] .icon.arrow-icon[_ngcontent-jkm-c123] {
margin: 0
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-apply-icon[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-apply-icon[_ngcontent-jkm-c123]:before {
content: url(ApplyIcon.e04d4062d5785b69.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .bell-icon[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .bell-icon[_ngcontent-jkm-c123]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-overview[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-overview[_ngcontent-jkm-c123]:before {
content: url(overviewMob-grey.dd4b19e1791b3641.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-transfer[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-transfer[_ngcontent-jkm-c123]:before {
content: url(TransferMob-grey.d2cf2f3352cbbe49.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-pay-icon[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-pay-icon[_ngcontent-jkm-c123]:before {
content: url(payMob-grey.38557da537af80e4.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-buy-icon[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-buy-icon[_ngcontent-jkm-c123]:before {
content: url(buyMob-grey.654bf57bf38fa32c.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-cards-icon[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-cards-icon[_ngcontent-jkm-c123]:before {
content: url(cardsMob-grey.8b61144ae63bd820.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-recipients[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-recipients[_ngcontent-jkm-c123]:before {
content: url(recipientMob-grey.47e3f6a3d32bd663.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-settings[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-settings[_ngcontent-jkm-c123]:before {
content: url(settingsMob-grey.53eb4baebd710d1d.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-profile[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-profile[_ngcontent-jkm-c123]:before {
content: url(profileMob-grey.74e87f2e63bddbf9.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-contact-us[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-contact-us[_ngcontent-jkm-c123]:before {
content: url(contactMob-grey.c99c3ed9b3e394a6.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-logoff[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-logoff[_ngcontent-jkm-c123]:before {
content: url(LogoutMob-grey.f411acdf1305d403.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-recipient-icon[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .menu-recipient-icon[_ngcontent-jkm-c123]:before {
content: url(recipientMob-grey.47e3f6a3d32bd663.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .new-recipient[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav.side-nav[_ngcontent-jkm-c123] .new-recipient[_ngcontent-jkm-c123]:before {
content: url(New-recipient.b89d1f9e9e1fa1e3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123] {
padding-left: 0;
list-style: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123] {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
width: 20px;
height: 20px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.offer-notification[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123] .chat-icon-container[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.contactus[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] {
display: block;
height: 100%;
width: 100%;
outline: 0
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container.open[_ngcontent-jkm-c123] .pop-over[_ngcontent-jkm-c123] {
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container.open[_ngcontent-jkm-c123]:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 10px);
z-index: 2;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin-top: 16px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container.open[_ngcontent-jkm-c123]:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 6px);
z-index: 3;
width: 13px;
height: 13px;
border: solid 1px rgba(187, 187, 187, .5);
border-bottom: none;
border-right: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 18px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container[_ngcontent-jkm-c123] .pop-over[_ngcontent-jkm-c123] {
margin-top: 25px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container[_ngcontent-jkm-c123] .pop-over.no-sub-menu[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.pop-over-container[_ngcontent-jkm-c123] .pop-over.submenu-width[_ngcontent-jkm-c123] {
min-width: 225px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.search[_ngcontent-jkm-c123] {
position: relative;
width: 16px;
height: 16px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.search[_ngcontent-jkm-c123]:before {
content: url(SearchIcon.f18b75cfc926491a.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.contact[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.contact[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.contact[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:before {
content: url(contactWhite.076a62320b9995c2.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.setting[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.setting[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] {
position: relative
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.setting[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:before {
content: url(settings.b45e653faf0414ae.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.logout[_ngcontent-jkm-c123] {
display: none;
position: static;
height: 81px;
font-family: 14px;
width: 105px;
top: -20px;
line-height: 82px;
padding-left: 25px;
background-color: #115740;
margin: 0
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.logout[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] {
color: #fff
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.user-container[_ngcontent-jkm-c123] {
display: none;
font-size: 14px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.user-container[_ngcontent-jkm-c123] .btn-profile-menu[_ngcontent-jkm-c123] {
cursor: pointer;
width: 100%;
height: 42px;
margin-top: -15px;
background-color: #006341;
color: #fff;
text-align: left;
border: none;
padding: 0 10px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.user-container[_ngcontent-jkm-c123] .btn-profile-menu[_ngcontent-jkm-c123] .initials[_ngcontent-jkm-c123] {
border-radius: 50%;
border: 2px solid #FFF;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
margin-top: 7px;
font-size: 12px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.user-container[_ngcontent-jkm-c123] .btn-profile-menu[_ngcontent-jkm-c123] .name[_ngcontent-jkm-c123] {
margin-left: 10px;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
width: 6.8em;
vertical-align: middle
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.user-container[_ngcontent-jkm-c123] .btn-profile-menu[_ngcontent-jkm-c123] .caret[_ngcontent-jkm-c123] {
float: right;
margin-top: 15px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.user-container[_ngcontent-jkm-c123] a.user[_ngcontent-jkm-c123] {
color: #333;
display: block;
height: 100%;
transform: translate(-50%) translateY(-50%)
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.cross[_ngcontent-jkm-c123] {
position: relative;
width: 22px;
height: 22px;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.cross[_ngcontent-jkm-c123]:before {
content: url(close.73ac0f5edac9f539.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .center[_ngcontent-jkm-c123] {
font-size: 18px;
color: #006341
}
.main-header[_ngcontent-jkm-c123] .footer-nav-items[_ngcontent-jkm-c123] {
display: none
}
@media (max-width: 768px) {
.main-header.footer-nav[_ngcontent-jkm-c123] {
background: #FFF;
border-bottom: 1px solid #EEE
}
.main-header.footer-nav[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo[_ngcontent-jkm-c123] {
position: relative
}
.main-header.footer-nav[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo[_ngcontent-jkm-c123]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.footer-nav[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .chat-right[_ngcontent-jkm-c123] {
display: none
}
.main-header.footer-nav[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .footer-nav-items[_ngcontent-jkm-c123] {
float: right;
display: block
}
.main-header.footer-nav[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .footer-nav-items[_ngcontent-jkm-c123] .cross-green[_ngcontent-jkm-c123] {
position: relative;
width: 24px;
height: 24px;
padding-left: 5px;
display: inline-block;
cursor: pointer
}
.main-header.footer-nav[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .footer-nav-items[_ngcontent-jkm-c123] .cross-green[_ngcontent-jkm-c123]:before {
content: url(close_green.432a244b1d13079f.svg);
width: 12px;
height: 12px;
display: block
}
}
.main-header.un-auth[_ngcontent-jkm-c123] {
background: #FFF;
border-bottom: 1px solid #EEE
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
position: relative
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo[_ngcontent-jkm-c123] {
position: relative
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo[_ngcontent-jkm-c123]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] {
color: #006341
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] {
width: auto;
margin-left: 20px;
height: auto
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123] {
line-height: 1
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123],
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] {
display: inline-block;
vertical-align: middle
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123],
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] {
display: none
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123] {
position: relative;
width: 16px
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123]:before {
content: url(location-blank-green.15740b1c831edc89.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] {
color: #006341;
outline: 0;
text-decoration: none;
font-size: 18px
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:active,
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:focus,
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:hover,
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:active:focus {
color: #006341
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.contact-details[_ngcontent-jkm-c123] {
text-align: right
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.contact-details[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123],
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.contact-details[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123]:focus {
text-decoration: none;
display: inline;
font-size: 18px
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.contact-details[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123] {
position: relative;
width: 15px;
margin-right: 10px
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.contact-details[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123]:before {
content: url(contact-blank-green.36dfab02d2901e0a.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.contact-details[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] {
display: inline-block
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] .call[_ngcontent-jkm-c123] {
font-size: 12px
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] .oldBanking-button[_ngcontent-jkm-c123] {
display: inline-block
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .top-right-header-section[_ngcontent-jkm-c123],
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .top-right-header-section-sso[_ngcontent-jkm-c123],
.sub-menu-close[_ngcontent-jkm-c123] {
display: block
}
.sub-menu-mob[_ngcontent-jkm-c123] {
position: fixed;
inset: 0;
background: #006341;
z-index: 10000;
transform: translate(100%);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transition: transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out;
border-left: 1px solid #BBB
}
.sub-menu-mob.active[_ngcontent-jkm-c123] {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.sub-menu-mob.active[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .sub-menu-close[_ngcontent-jkm-c123] {
display: inline-block
}
.sub-menu-mob.active[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .sub-menu-border-line[_ngcontent-jkm-c123] {
width: 100%;
border-bottom: solid 1.5px #37856A;
margin-top: 20px
}
.sub-menu-mob[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] {
padding: 50px 0 10px;
height: 100%;
position: relative
}
.sub-menu-mob[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .mobile-header-menu[_ngcontent-jkm-c123] li.active[_ngcontent-jkm-c123] {
background-color: #eee
}
.sub-menu-mob[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .sub-menu-close[_ngcontent-jkm-c123] {
position: absolute;
left: 14px;
top: 17px;
width: 100%;
height: 50px;
background: #006341;
padding: 14px 0 0 6px;
cursor: pointer;
display: none
}
.sub-menu-mob[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .sub-menu-close[_ngcontent-jkm-c123] .cross[_ngcontent-jkm-c123] {
width: 22px;
height: 22px;
display: inline-block;
padding-right: 8px;
position: relative
}
.sub-menu-mob[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .sub-menu-close[_ngcontent-jkm-c123] .cross[_ngcontent-jkm-c123]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 100%;
height: 100%;
display: block
}
.sub-menu-mob[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .sub-menu-close[_ngcontent-jkm-c123] .cross-submenu[_ngcontent-jkm-c123] {
width: 22px;
height: 22px;
/* display: inline-block; */
padding-right: 3px;
margin-right: 30px;
float: right;
position: relative
}
.sub-menu-mob[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .sub-menu-close[_ngcontent-jkm-c123] .cross-submenu[_ngcontent-jkm-c123]:before {
content: url(close.73ac0f5edac9f539.svg);
width: 100%;
height: 100%;
display: block
}
.sub-menu-mob[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .sub-menu-close[_ngcontent-jkm-c123] .submenu-text[_ngcontent-jkm-c123] {
width: 75px;
height: 23px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #fff;
padding-left: 6px
}
.sub-menu-mob[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123] .sub-menu-close[_ngcontent-jkm-c123] .center[_ngcontent-jkm-c123] {
font-size: 18px;
color: #006341;
flex: 1;
margin-left: 20%
}
.sub-menu-mob[_ngcontent-jkm-c123] .menu-title[_ngcontent-jkm-c123] {
padding: 0 16px 0 49px;
line-height: 60px;
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
border-bottom: 1px solid #F9F9F9;
color: #333;
margin: 0
}
.sub-menu-mob[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] {
padding-left: 0;
list-style: none;
height: calc(100% - 62px);
overflow-y: auto
}
.sub-menu-mob[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] {
box-shadow: 0 1px 1px #37856a
}
.sub-menu-mob[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123]:last-child {
border-bottom: none
}
.sub-menu-mob[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] {
display: block;
line-height: 60px;
padding: 0 20px;
text-decoration: none;
color: #333
}
.sub-menu-mob[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123],
.sub-menu-mob[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] .text[_ngcontent-jkm-c123] {
display: inline-block;
vertical-align: middle;
line-height: 1
}
.sub-menu-mob[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123] {
width: 16px;
margin-right: 17px
}
.sub-menu-mob[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] .icon.arrow-icon[_ngcontent-jkm-c123] {
position: relative;
float: right;
width: 10px;
margin: 24px 0 0
}
.sub-menu-mob[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] a[_ngcontent-jkm-c123] .icon.arrow-icon[_ngcontent-jkm-c123]:before {
content: url(ArrowWhite.8b54976a5a8b377a.svg);
width: 100%;
height: 100%;
display: block
}
.stage[_ngcontent-jkm-c123] {
margin: 0 10px;
display: table;
position: relative;
width: 26px;
height: 26px;
line-height: 1
}
.stage[_ngcontent-jkm-c123] .bell-icon[_ngcontent-jkm-c123] {
position: relative
}
.stage[_ngcontent-jkm-c123] .bell-icon[_ngcontent-jkm-c123]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 100%;
height: 100%;
display: block
}
.stage[_ngcontent-jkm-c123] .pulse-icon[_ngcontent-jkm-c123] {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
background: #009639;
border-radius: 50%;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #fff
}
.stage[_ngcontent-jkm-c123] .pulse-icon.active[_ngcontent-jkm-c123] {
animation: none
}
.stage[_ngcontent-jkm-c123] .pulse-icon[_ngcontent-jkm-c123]:after {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 3px #009639;
transition: transform .2s, opacity .2s
}
.stage[_ngcontent-jkm-c123] .pulse-icon[_ngcontent-jkm-c123]:hover:before {
animation: none
}
.stage[_ngcontent-jkm-c123] .pulsing[_ngcontent-jkm-c123]:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 3px #009639;
transition: transform .2s, opacity .2s;
animation: pulsing 2.7s infinite
}
@keyframes pulsing {
0% {
transform: scale(1);
opacity: 1
}
50% {
transform: scale(1.5);
opacity: 0
}
to {
transform: scale(2);
opacity: 0
}
}
.stagecontactus[_ngcontent-jkm-c123] {
margin: 0 10px;
display: table;
position: relative;
width: 26px;
height: 26px;
line-height: 1
}
.stagecontactus[_ngcontent-jkm-c123] .contact-icon[_ngcontent-jkm-c123] {
position: relative
}
.stagecontactus[_ngcontent-jkm-c123] .contact-icon[_ngcontent-jkm-c123]:before {
content: url(icon-phone-white.434820e9fdbaf508.svg);
width: 25px;
height: 25px;
display: block
}
.stagecontactus[_ngcontent-jkm-c123] .activecontact-icon[_ngcontent-jkm-c123] {
position: relative
}
.stagecontactus[_ngcontent-jkm-c123] .activecontact-icon[_ngcontent-jkm-c123]:before {
content: url(icon-phone-highlight.2d05d5467f287094.svg);
width: 25px;
height: 25px;
display: block
}
.stagecontactus[_ngcontent-jkm-c123] .pulsing[_ngcontent-jkm-c123]:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 3px #009639;
transition: transform .2s, opacity .2s;
animation: pulsing 2.7s infinite
}
@media (max-width: 767px) {
.hideMobileMenu[_ngcontent-jkm-c123],
.apply-button[_ngcontent-jkm-c123] {
display: none
}
.chat-icon[_ngcontent-jkm-c123] {
position: relative
}
.chat-icon[_ngcontent-jkm-c123]:before {
content: url(icon-chat-thin.aecf4aeab466cacf.svg);
width: 18px;
height: 16px;
display: block
}
.chat-text[_ngcontent-jkm-c123] {
display: none
}
.chat-icon-grey[_ngcontent-jkm-c123] {
padding-right: 15px;
display: inline-block;
position: relative;
top: 2px
}
.chat-icon-grey[_ngcontent-jkm-c123]:before {
content: url(icon-chat-dark.eca0193d563de26c.svg);
width: 20px;
height: 18px;
display: block
}
.stagecontactus[_ngcontent-jkm-c123] {
margin: 0 10px;
display: table;
position: relative;
width: 26px;
height: 26px;
line-height: 1
}
.stagecontactus.contact-icon[_ngcontent-jkm-c123] {
position: relative;
position: absolute;
right: 70px
}
.stagecontactus.contact-icon[_ngcontent-jkm-c123]:before {
content: url(icon-phone-white.434820e9fdbaf508.svg);
width: 16px;
height: 16px;
display: block
}
.stagecontactus.contact-icon-whiteBackground[_ngcontent-jkm-c123] {
position: relative;
position: absolute;
right: 70px
}
.stagecontactus.contact-icon-whiteBackground[_ngcontent-jkm-c123]:before {
content: url(icon-phone-gray.bdd1339c8fc16fe7.svg);
width: 16px;
height: 16px;
display: block
}
.stagecontactus.activecontact-icon[_ngcontent-jkm-c123] {
position: relative;
position: absolute;
right: 70px
}
.stagecontactus.activecontact-icon[_ngcontent-jkm-c123]:before {
content: url(icon-phone-highlight.2d05d5467f287094.svg);
width: 16px;
height: 16px;
display: block
}
.chat-right[_ngcontent-jkm-c123] {
float: right
}
}
@media (min-width: 768px) {
.green-header[_ngcontent-jkm-c123] {
padding-top: 0 !important
}
.chat-icon[_ngcontent-jkm-c123] {
color: #006341;
position: relative
}
.chat-icon[_ngcontent-jkm-c123]:before {
content: url(icon-chat-thin.aecf4aeab466cacf.svg);
width: 24px;
height: 24px;
display: block
}
.top-right-header-section[_ngcontent-jkm-c123],
.top-right-header-section-sso[_ngcontent-jkm-c123] {
display: block
}
.chat-white[_ngcontent-jkm-c123] {
position: relative
}
.chat-white[_ngcontent-jkm-c123]:before {
content: url(icon-chat.243344f36ac2fccd.svg);
width: 18px;
height: 18px;
display: block
}
.chat-highlight[_ngcontent-jkm-c123] {
position: relative
}
.chat-highlight[_ngcontent-jkm-c123]:before {
content: url(icon-chat-highlight.8c684f81b62cdfe7.svg);
width: 18px;
height: 18px;
display: block
}
.chat-icon-white[_ngcontent-jkm-c123] {
top: 4px;
left: 0;
padding-right: 12px
}
.header-menu-position[_ngcontent-jkm-c123] {
margin-right: 0
}
.get-in-touch[_ngcontent-jkm-c123] {
margin-top: -12px;
min-width: 120px
}
.get-in-touch[_ngcontent-jkm-c123] .contact-us[_ngcontent-jkm-c123] {
font-size: .8125rem;
text-align: center;
text-decoration: none;
color: #fff;
width: 121px;
height: 33px;
border-radius: 15px;
padding: 5px 6px;
border: solid 2px #FFF
}
.back-menu[_ngcontent-jkm-c123] {
left: 50px;
top: 30px
}
.hideMenu[_ngcontent-jkm-c123],
.hideMainMenuInWeb[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] {
padding: 20px 0
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .hamburger-icon[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .logo[_ngcontent-jkm-c123] {
width: 40px;
height: 40px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] {
position: static;
background: none;
left: auto;
top: auto;
height: auto;
padding: 0;
width: calc(100% - 45px);
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
overflow: visible
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123] .user-details[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123] {
padding-left: 20px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123] {
float: left;
border-bottom: none;
box-shadow: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.mob-only[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] {
padding: 0 10px;
color: #fff;
line-height: 40px;
letter-spacing: .05px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123]:hover,
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a.active[_ngcontent-jkm-c123] {
color: #fff;
text-decoration: none;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123]:active {
outline: none;
color: #fff;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] .arrow-icon[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123] {
margin-right: 2px;
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123] {
margin-left: 20px;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.offer-notification[_ngcontent-jkm-c123],
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.chat-icon-container[_ngcontent-jkm-c123] {
display: inline-block;
width: 24px;
height: 24px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.contactus[_ngcontent-jkm-c123] {
display: inline-block;
width: 24px;
height: 24px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] {
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]:first-child {
margin-left: 0
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.search[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.setting[_ngcontent-jkm-c123] {
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.logout[_ngcontent-jkm-c123] {
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.user-container[_ngcontent-jkm-c123] {
display: inline-block;
cursor: pointer;
min-width: 55px;
margin-left: 12px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.contact[_ngcontent-jkm-c123] {
display: inline-block
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.cross[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.mob-only[_ngcontent-jkm-c123] {
display: none
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .center[_ngcontent-jkm-c123] {
flex: 1
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .demo-icon-position[_ngcontent-jkm-c123] {
top: 18%
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] {
margin-left: 40px
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] .details[_ngcontent-jkm-c123],
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] {
display: inline-block
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.branch[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123] {
margin-right: 10px
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.contact-details[_ngcontent-jkm-c123] {
display: inline-block
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li.contact-details[_ngcontent-jkm-c123] .icon[_ngcontent-jkm-c123] {
margin-right: 10px;
width: 20px
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] .call[_ngcontent-jkm-c123] {
font-size: 18px
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] li[_ngcontent-jkm-c123] .oldBanking-button[_ngcontent-jkm-c123] {
font-size: 16px;
display: inline-block
}
.sub-menu-mob[_ngcontent-jkm-c123],
.chat-right[_ngcontent-jkm-c123] {
display: none
}
.stage[_ngcontent-jkm-c123] {
margin: 0;
width: 26px;
height: 26px
}
.stage[_ngcontent-jkm-c123] .bell-icon[_ngcontent-jkm-c123] {
position: relative;
margin-top: -4px
}
.stage[_ngcontent-jkm-c123] .bell-icon[_ngcontent-jkm-c123]:before {
content: url(bell.cb56532a95a95c55.svg);
width: 32px;
height: 32px;
display: block
}
.stage[_ngcontent-jkm-c123] .pulse-icon[_ngcontent-jkm-c123] {
background: #FFF;
font-size: 16px;
color: #007255
}
.stage[_ngcontent-jkm-c123] .pulse-icon[_ngcontent-jkm-c123]:after {
box-shadow: inset 0 0 0 3px #fff
}
.stage[_ngcontent-jkm-c123] .pulsing[_ngcontent-jkm-c123]:before {
box-shadow: inset 0 0 0 3px #fff
}
.stagecontactus[_ngcontent-jkm-c123] {
margin: 2px;
width: 26px;
height: 26px
}
.stagecontactus[_ngcontent-jkm-c123] .contact-icon[_ngcontent-jkm-c123] {
position: relative;
margin-top: -4px
}
.stagecontactus[_ngcontent-jkm-c123] .contact-icon[_ngcontent-jkm-c123]:before {
content: url(icon-phone-white.434820e9fdbaf508.svg);
width: 25px;
height: 25px;
display: block
}
.stagecontactus[_ngcontent-jkm-c123] .activecontact-icon[_ngcontent-jkm-c123] {
position: relative;
margin-top: -4px
}
.stagecontactus[_ngcontent-jkm-c123] .activecontact-icon[_ngcontent-jkm-c123]:before {
content: url(icon-phone-highlight.2d05d5467f287094.svg);
width: 25px;
height: 25px;
display: block
}
}
@media (min-width: 1024px) {
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .left[_ngcontent-jkm-c123] .main-nav[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]>a[_ngcontent-jkm-c123] {
padding: 0 18px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123] {
margin-left: 15px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123] .chat-icon-white[_ngcontent-jkm-c123] {
margin-left: 7px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li.chat-icon-container[_ngcontent-jkm-c123] {
margin-left: 15px
}
.main-header[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123]>ul[_ngcontent-jkm-c123]>li[_ngcontent-jkm-c123]:first-child {
margin-left: 15px
}
.shift-apply[_ngcontent-jkm-c123] {
padding-right: 38px
}
}
[_nghost-jkm-c123] .user-container .pop-over {
width: 100%;
margin-top: 28px !important
}
[_nghost-jkm-c123] .user-container.open:before {
left: auto !important;
right: 20px !important;
border-left-width: 12px !important;
border-right-width: 12px !important;
border-bottom-width: 13px !important
}
[_nghost-jkm-c123] .user-container.open:after {
left: auto !important;
right: 24px !important;
height: 16px !important;
width: 16px !important
}
.hamburger-icon-pre-login[_ngcontent-jkm-c123] {
display: inline-block;
position: relative;
bottom: 0;
cursor: pointer;
margin: 0
}
.hamburger-icon-pre-login[_ngcontent-jkm-c123]:before {
content: url(hamburger-icon-green.28df821c4aa248f4.svg);
width: 15px;
height: 13px;
display: block
}
.pre-hamburger-cross[_ngcontent-jkm-c123] {
display: inline-block;
position: relative;
bottom: 0;
cursor: pointer;
margin: 0
}
.pre-hamburger-cross[_ngcontent-jkm-c123]:before {
content: url(close_green.432a244b1d13079f.svg);
width: 13px;
height: 13px;
display: block
}
.pre-hamburger-hide[_ngcontent-jkm-c123] {
display: none
}
.moneytracker-beta-responsive[_ngcontent-jkm-c123] {
float: right;
font-size: 10px;
margin-right: .625rem
}
.moneytracker-beta[_ngcontent-jkm-c123] {
background: #333;
color: #fff;
padding: .25rem;
border-radius: 5px;
letter-spacing: .5px;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.moneytracker-beta-container[_ngcontent-jkm-c123] {
white-space: nowrap
}
.moneytracker-beta-container[_ngcontent-jkm-c123] .moneytracker-beta[_ngcontent-jkm-c123] {
font-size: 10px
}
.login-btn[_ngcontent-jkm-c123] {
width: 120px;
height: 30px;
border-radius: 15px
}
.navigation-button[_ngcontent-jkm-c123] .register-head[_ngcontent-jkm-c123] {
display: none
}
@media (min-width: 1024px) {
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] .navigation-button[_ngcontent-jkm-c123] {
display: inline-flex
}
.main-header.un-auth[_ngcontent-jkm-c123] .header-block[_ngcontent-jkm-c123] .right[_ngcontent-jkm-c123] ul[_ngcontent-jkm-c123] .navigation-button[_ngcontent-jkm-c123] .register-head[_ngcontent-jkm-c123] {
display: block;
margin-right: 30px
}
}
/* #endregion */
/* #region #9 */
.clearfix[_ngcontent-jkm-c72]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c72] html[_ngcontent-jkm-c72] .clearfix[_ngcontent-jkm-c72] {
height: 1%
}
.clearfix[_ngcontent-jkm-c72] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c72] {
margin-left: 60px
}
[_nghost-jkm-c72] .bodyalert alert div.alert {
position: fixed;
width: 100%;
transition-duration: .5s;
z-index: 1010
}
[_nghost-jkm-c72] .dynamic-error .bodyalert .application-dynamic-error {
font-size: 14px
}
[_nghost-jkm-c72] .dynamic-error .bodyalert .application-dynamic-error .system-error-message {
padding-right: 40px
}
[_nghost-jkm-c72] .dynamic-error .bodyalert .application-dynamic-error .close-text {
position: absolute;
top: 0
}
[_nghost-jkm-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle
}
[_nghost-jkm-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field .icon {
left: 0;
cursor: pointer;
display: inline-block
}
[_nghost-jkm-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field .icon.icon-top-position-dynamic-error {
top: 23px;
left: 20px
}
[_nghost-jkm-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field .icon.warning-dynamic-error {
position: absolute !important;
position: relative
}
[_nghost-jkm-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field .icon.warning-dynamic-error:before {
content: url(error-red-icon.18ccf66b27166a6e.svg);
width: 20px;
height: 20px;
display: block
}
[_nghost-jkm-c72] .dynamic-error .bodyalert .application-dynamic-error .text {
display: inline-block;
vertical-align: middle;
width: calc(100% - 65px)
}
[_nghost-jkm-c72] .dynamic-error .bodyalert alert div.alert {
position: static
}
[_nghost-jkm-c72] .dynamic-error .bodyalert alert div.alert .close {
color: #000;
opacity: 1
}
[_nghost-jkm-c72] .dynamic-error .bodyalert alert div.alert .text {
padding-left: 20px;
color: #333
}
[_nghost-jkm-c72] .dynamic-error .bodyalert alert div.alert .close-icon-black {
position: relative;
cursor: pointer;
display: inline-block;
margin-top: 4px;
margin-right: 10px
}
[_nghost-jkm-c72] .dynamic-error .bodyalert alert div.alert .close-icon-black:before {
content: url(icon-dismiss-black-ie.fb854474264b1eab.svg);
width: 13px;
height: 13px;
display: block
}
[_nghost-jkm-c72] .dynamic-error .bodyalert alert div.alert .cta-container {
display: flex;
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
margin-left: 42px;
margin-top: 10px
}
[_nghost-jkm-c72] .dynamic-error .bodyalert alert div.alert .cta-container .linkText {
cursor: pointer;
text-decoration: underline;
color: #333;
padding-right: 10px
}
[_nghost-jkm-c72] .dynamic-error .bodyalert alert div.alert .cta-container .linkText:hover {
color: #009639
}
[_nghost-jkm-c72] .chat-active alert div.alert {
position: fixed;
width: 70% !important;
transition-duration: .5s;
z-index: 10
}
.stickyErrorclass[_ngcontent-jkm-c72] {
position: fixed;
width: 100%;
transition-duration: .5s;
z-index: 10
}
.hyperLinkClass[_ngcontent-jkm-c72] {
display: inline
}
.popupClass[_ngcontent-jkm-c72] {
margin-top: 20px
}
.hidden[_ngcontent-jkm-c72] {
visibility: hidden
}
.application-error[_ngcontent-jkm-c72] {
font-size: 14px
}
.application-error.move-over[_ngcontent-jkm-c72] {
z-index: 10;
position: fixed
}
.application-error[_ngcontent-jkm-c72] .system-error-message[_ngcontent-jkm-c72] {
padding-right: 40px;
padding-left: 10px
}
.application-error[_ngcontent-jkm-c72] .close-text[_ngcontent-jkm-c72] {
position: absolute;
top: 0
}
.application-error[_ngcontent-jkm-c72] .icon-field[_ngcontent-jkm-c72] {
position: relative;
padding-right: 10px;
width: 36px;
height: 36px;
display: inline-block;
vertical-align: middle
}
.application-error[_ngcontent-jkm-c72] .icon-field[_ngcontent-jkm-c72] .icon[_ngcontent-jkm-c72] {
width: 100%;
left: 0;
cursor: pointer;
display: inline-block;
height: 100%
}
.application-error[_ngcontent-jkm-c72] .icon-field[_ngcontent-jkm-c72] .icon.icon-top-position[_ngcontent-jkm-c72] {
top: -3px
}
.application-error[_ngcontent-jkm-c72] .icon-field[_ngcontent-jkm-c72] .icon.warning[_ngcontent-jkm-c72] {
position: relative
}
.application-error[_ngcontent-jkm-c72] .icon-field[_ngcontent-jkm-c72] .icon.warning[_ngcontent-jkm-c72]:before {
content: url(Error.27a2ce0d78d36f2b.svg);
width: 100%;
height: 100%;
display: block
}
.application-error[_ngcontent-jkm-c72] .icon-field[_ngcontent-jkm-c72] .icon.close[_ngcontent-jkm-c72] {
width: 20px;
height: 20px;
position: relative
}
.application-error[_ngcontent-jkm-c72] .icon-field[_ngcontent-jkm-c72] .icon.close[_ngcontent-jkm-c72]:before {
content: url(close-red.1815686dad16df2c.svg);
width: 100%;
height: 100%;
display: block
}
.application-error[_ngcontent-jkm-c72] .text[_ngcontent-jkm-c72] {
display: inline-block;
vertical-align: middle;
width: calc(100% - 65px)
}
.application-error[_ngcontent-jkm-c72] .text[_ngcontent-jkm-c72] .redirect-link[_ngcontent-jkm-c72] {
text-decoration: underline;
font-weight: 700;
cursor: pointer
}
@media (max-width: 767px) {
.application-error[_ngcontent-jkm-c72] .icon-field[_ngcontent-jkm-c72] .icon[_ngcontent-jkm-c72] {
top: 0
}
}
.new-warning-bar[_ngcontent-jkm-c72] {
background-color: #fff8dc;
min-height: 80px;
width: 100%;
padding: 20px;
z-index: 10000
}
.new-warning-bar[_ngcontent-jkm-c72] .warning-icon[_ngcontent-jkm-c72] {
position: relative;
display: inline-block;
padding-right: 20px
}
.new-warning-bar[_ngcontent-jkm-c72] .warning-icon[_ngcontent-jkm-c72]:before {
content: url(Error.27a2ce0d78d36f2b.svg);
width: 100%;
height: 100%;
display: block
}
.new-warning-bar[_ngcontent-jkm-c72] .message[_ngcontent-jkm-c72] {
height: 100%;
width: calc(100% - 65px);
transition-duration: .5s;
z-index: 10;
padding-top: 12px
}
.new-warning-bar[_ngcontent-jkm-c72] .close-icon-black[_ngcontent-jkm-c72] {
position: relative;
cursor: pointer;
display: inline-block;
margin-top: 12px
}
.new-warning-bar[_ngcontent-jkm-c72] .close-icon-black[_ngcontent-jkm-c72]:before {
content: url(icon-dismiss-black-ie.fb854474264b1eab.svg);
width: 15px;
height: 15px;
display: block
}
.chat-active[_ngcontent-jkm-c72] .move-over[_ngcontent-jkm-c72] {
width: 70%
}
.custom-Error-bar[_ngcontent-jkm-c72] {
min-height: 80px;
width: 100%;
padding: 20px;
z-index: 10000
}
.custom-Error-bar.custom-icon-field[_ngcontent-jkm-c72] {
display: inline-block
}
.custom-Error-bar.custom-icon-field[_ngcontent-jkm-c72] .custom-icon[_ngcontent-jkm-c72] {
cursor: pointer;
display: inline-block;
height: 100%;
vertical-align: middle
}
.custom-Error-bar.custom-icon-field[_ngcontent-jkm-c72] .custom-icon[_ngcontent-jkm-c72] img[_ngcontent-jkm-c72] {
position: absolute;
top: 23px;
height: 24px;
width: 24px
}
.custom-Error-bar.custom-icon-field[_ngcontent-jkm-c72] .custom-icon.close-icon-black[_ngcontent-jkm-c72] {
position: relative;
cursor: pointer;
margin-top: 10px
}
.custom-Error-bar.custom-icon-field[_ngcontent-jkm-c72] .custom-icon.close-icon-black[_ngcontent-jkm-c72]:before {
content: url(icon-dismiss-black-ie.fb854474264b1eab.svg);
width: 15px;
height: 15px;
display: block
}
.custom-Error-bar.custom-icon-field.aligned-custom-icon[_ngcontent-jkm-c72] {
padding-right: 10px
}
.custom-Error-bar.custom-icon-field.default-custom-icon[_ngcontent-jkm-c72] {
padding-right: 30px
}
.custom-Error-bar[_ngcontent-jkm-c72] .message[_ngcontent-jkm-c72] {
display: inline-block;
vertical-align: middle;
width: calc(100% - 76px);
margin-left: 35px
}
.custom-Error-bar[_ngcontent-jkm-c72] .html-message[_ngcontent-jkm-c72] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 1rem;
color: #333
}
.custom-warning-bar[_ngcontent-jkm-c72] {
min-height: 80px;
width: 100%;
padding: 20px;
display: flex;
align-items: flex-start;
position: relative
}
.custom-warning-bar.custom-icon-field[_ngcontent-jkm-c72] {
padding-right: 10px
}
.custom-warning-bar.custom-icon-field[_ngcontent-jkm-c72] .custom-icon[_ngcontent-jkm-c72] {
cursor: pointer;
display: inline-block;
height: 100%;
vertical-align: middle
}
.custom-warning-bar.custom-icon-field[_ngcontent-jkm-c72] .custom-icon[_ngcontent-jkm-c72] img[_ngcontent-jkm-c72] {
position: absolute;
top: 21px;
height: 18px;
width: 18px
}
.custom-warning-bar[_ngcontent-jkm-c72] .customMessageWithHyperLink[_ngcontent-jkm-c72] {
margin-left: 35px;
margin-right: 15px;
width: 100%
}
.custom-warning-bar[_ngcontent-jkm-c72] .customMessageWithHyperLink[_ngcontent-jkm-c72] a[_ngcontent-jkm-c72] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.custom-warning-bar[_ngcontent-jkm-c72] .customMessageWithHyperLink[_ngcontent-jkm-c72] .close-icon-black[_ngcontent-jkm-c72] {
position: relative;
cursor: pointer
}
.custom-warning-bar[_ngcontent-jkm-c72] .customMessageWithHyperLink[_ngcontent-jkm-c72] .close-icon-black[_ngcontent-jkm-c72]:before {
content: url(icon-dismiss-black-ie.fb854474264b1eab.svg);
width: 15px;
height: 15px;
display: block
}
@media (min-width: 768px) {
.new-warning-bar[_ngcontent-jkm-c72],
.custom-Error-bar[_ngcontent-jkm-c72] {
height: 80px
}
.custom-Error-bar.custom-icon-field.aligned-custom-icon[_ngcontent-jkm-c72] {
padding-right: 36px
}
.custom-Error-bar.custom-icon-field.default-custom-icon[_ngcontent-jkm-c72] {
padding-right: 30px
}
}
.ribbon-font[_ngcontent-jkm-c72] {
font-size: 16px
}
/* #endregion */
/* #region #10 */
.clearfix[_ngcontent-jkm-c125]:after,
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c125] html[_ngcontent-jkm-c125] .clearfix[_ngcontent-jkm-c125],
*[_ngcontent-jkm-c125] html[_ngcontent-jkm-c125] .main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125],
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] *[_ngcontent-jkm-c125] html[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] {
height: 1%
}
.clearfix[_ngcontent-jkm-c125],
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c125] {
margin-left: 60px
}
.main-footer[_ngcontent-jkm-c125] {
background: #FFF;
border-top: 1px solid #EEE;
color: #333;
position: relative;
z-index: 9;
height: 325px
}
@media (min-width: 460px) {
.main-footer[_ngcontent-jkm-c125] {
height: 325px
}
}
@media (min-width: 768px) {
.main-footer[_ngcontent-jkm-c125] {
height: 50px
}
}
@media (min-width: 1023px) {
.main-footer[_ngcontent-jkm-c125] {
height: 50px
}
}
@media (min-width: 1440px) {
.main-footer[_ngcontent-jkm-c125] {
height: 50px
}
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] {
list-style: none;
padding: 0;
text-align: center
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125] {
border-bottom: 1px solid #EEE;
height: 60px;
line-height: 60px;
padding: 0 20px;
cursor: pointer;
position: relative
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125]:last-child {
border-right: none
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125] a[_ngcontent-jkm-c125] {
display: block;
color: #666;
text-decoration: none;
text-align: left;
outline: 0
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125] a[_ngcontent-jkm-c125] .text[_ngcontent-jkm-c125] {
font-size: 18px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
vertical-align: middle;
line-height: 1
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125] a[_ngcontent-jkm-c125] .icon-security[_ngcontent-jkm-c125] {
position: relative
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125] a[_ngcontent-jkm-c125] .icon-security[_ngcontent-jkm-c125]:before {
content: url(set-security.849f0a84ef8bae2e.svg);
width: 100%;
height: 100%;
display: block
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125] a[_ngcontent-jkm-c125] .arrow[_ngcontent-jkm-c125] {
position: absolute;
right: 20px;
top: 18px;
font-size: 24px
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .copyright[_ngcontent-jkm-c125] {
position: absolute;
bottom: 8%;
padding: 0 20px;
font-size: 12px
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .copyright[_ngcontent-jkm-c125] .text[_ngcontent-jkm-c125] {
color: #666;
display: inline-block
}
@media (min-width: 768px) {
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] {
flex: 1;
text-align: right;
margin-bottom: 0;
padding: 6px
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125] {
padding: 0 15px;
display: inline-block;
height: 38px;
line-height: 38px;
border-right: 1px solid #EEE;
border-bottom: none
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125]:last-child {
margin-right: 0;
border-right: none
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125] .arrow[_ngcontent-jkm-c125] {
display: none
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .footer-nav[_ngcontent-jkm-c125] li[_ngcontent-jkm-c125] a[_ngcontent-jkm-c125] .text[_ngcontent-jkm-c125] {
font-size: 14px
}
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .copyright[_ngcontent-jkm-c125] {
font-size: 8px;
width: calc(100% - 505px);
line-height: 1;
bottom: 9px
}
.main-footer[_ngcontent-jkm-c125] .mobile-view[_ngcontent-jkm-c125] {
display: none
}
.main-footer[_ngcontent-jkm-c125] .web-view[_ngcontent-jkm-c125] {
display: inline
}
}
@media (min-width: 1024px) {
.main-footer[_ngcontent-jkm-c125] .footer-block[_ngcontent-jkm-c125] .copyright[_ngcontent-jkm-c125] {
font-size: 10px;
bottom: 10px;
line-height: normal
}
.footer-container[_ngcontent-jkm-c125] {
width: 100%
}
}
/* #endregion */
/* #region #11 */
.clearfix[_ngcontent-jkm-c122]:after,
ul[_ngcontent-jkm-c122]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c122] html[_ngcontent-jkm-c122] .clearfix[_ngcontent-jkm-c122],
*[_ngcontent-jkm-c122] html[_ngcontent-jkm-c122] ul[_ngcontent-jkm-c122] {
height: 1%
}
.clearfix[_ngcontent-jkm-c122],
ul[_ngcontent-jkm-c122] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c122] {
margin-left: 60px
}
ul[_ngcontent-jkm-c122] {
list-style: none;
padding-left: 0
}
ul[_ngcontent-jkm-c122]>li[_ngcontent-jkm-c122] {
position: relative;
border-bottom: 1px solid #EEE
}
ul[_ngcontent-jkm-c122]>li.no-border[_ngcontent-jkm-c122] {
border-bottom: none
}
ul[_ngcontent-jkm-c122]>li.pop-over-container[_ngcontent-jkm-c122] {
position: relative
}
ul[_ngcontent-jkm-c122]>li.pop-over-container.open[_ngcontent-jkm-c122] .pop-over[_ngcontent-jkm-c122] {
display: block
}
ul[_ngcontent-jkm-c122]>li.pop-over-container.open[_ngcontent-jkm-c122]:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 10px);
z-index: 2;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin-top: 11px
}
ul[_ngcontent-jkm-c122]>li.pop-over-container.open[_ngcontent-jkm-c122]:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 6px);
z-index: 3;
width: 13px;
height: 13px;
border: solid 1px rgba(187, 187, 187, .5);
border-bottom: none;
border-right: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 13px
}
ul[_ngcontent-jkm-c122]>li.pop-over-container[_ngcontent-jkm-c122] .pop-over[_ngcontent-jkm-c122] {
margin-top: 20px
}
ul[_ngcontent-jkm-c122]>li.pop-over-container[_ngcontent-jkm-c122] .pop-over.no-sub-menu[_ngcontent-jkm-c122] {
display: none
}
ul[_ngcontent-jkm-c122]>li.pop-over-container[_ngcontent-jkm-c122] .pop-over.submenu-width[_ngcontent-jkm-c122] {
min-width: 225px
}
ul[_ngcontent-jkm-c122]>li.copyright[_ngcontent-jkm-c122] {
font-size: 12px;
letter-spacing: .2px;
height: 117px
}
ul[_ngcontent-jkm-c122]>li[_ngcontent-jkm-c122]>a[_ngcontent-jkm-c122] {
display: block;
padding: 0 20px;
text-decoration: none;
color: #666;
cursor: pointer
}
ul[_ngcontent-jkm-c122]>li[_ngcontent-jkm-c122]>a.level-1-header-menu[_ngcontent-jkm-c122] {
line-height: 60px
}
ul[_ngcontent-jkm-c122]>li[_ngcontent-jkm-c122]>a.level-2-header-menu[_ngcontent-jkm-c122] {
line-height: 62px
}
ul[_ngcontent-jkm-c122]>li[_ngcontent-jkm-c122]>a.copyright-legal[_ngcontent-jkm-c122] {
padding: 18px 20px
}
ul[_ngcontent-jkm-c122]>li[_ngcontent-jkm-c122]>a[_ngcontent-jkm-c122] .icon[_ngcontent-jkm-c122],
ul[_ngcontent-jkm-c122]>li[_ngcontent-jkm-c122]>a[_ngcontent-jkm-c122] .text[_ngcontent-jkm-c122] {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-size: 20px;
letter-spacing: -.75px
}
.infoHeading[_ngcontent-jkm-c122] {
font-size: 1.375rem;
color: #333;
font-weight: 500;
letter-spacing: -.82px;
line-height: 36px
}
.darker-bg[_ngcontent-jkm-c122] {
background-color: #f7f7f7
}
.arrow[_ngcontent-jkm-c122] {
position: relative;
position: absolute;
right: 20px;
top: 25px
}
.arrow[_ngcontent-jkm-c122]:before {
content: url(Arrow.863bd05819ce952f.svg);
width: 7.72px;
height: 12.02px;
display: block
}
.pre-hamburger-nav[_ngcontent-jkm-c122] {
position: fixed;
background: #FFF;
left: 0;
top: 50px;
height: calc(100vh - 50px);
overflow-y: auto;
z-index: 1000;
padding: 0 0 10px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transform: translate(-100%);
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transition: transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out
}
.pre-hamburger-nav.side-nav[_ngcontent-jkm-c122] {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.PAIA-text[_ngcontent-jkm-c122] {
width: 240px
}
.PAIA-margin[_ngcontent-jkm-c122] {
margin: 15px 0
}
/* #endregion */
/* #region #12 */
.cookie-law-wrapper {
background: #333;
color: #bbb;
display: block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 200;
line-height: 20px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999999999;
font-smooth: always;
-webkit-font-smoothing: antialiased
}
.cookie-law-wrapper a {
color: #bbb;
transition: color .2s
}
.cookie-law-wrapper a:hover {
color: #fff
}
.cookie-law-wrapper a:hover svg {
fill: #fff
}
.cookie-law-wrapper .dismiss {
display: block;
box-sizing: border-box;
padding: 10px;
position: absolute;
top: 0;
right: 10px;
text-decoration: none;
line-height: 20px
}
.cookie-law-wrapper .dismiss svg {
display: block;
fill: #bbb;
width: 20px;
height: 20px;
transition: fill .2s
}
.cookie-law-wrapper .copy {
box-sizing: border-box;
padding: 10px 60px 10px 10px
}
.cookie-law-wrapper .copy span {
color: #fff;
font-weight: 400
}
.cookie-law-wrapper .copy a {
text-decoration: underline
}
.cookie-law-wrapper .copy a:active,
.copy a:hover {
outline: 0
}
@media (min-width:600px) {
.cookie-law-wrapper .copy {
padding: 20px 60px 20px 20px;
font-size: 18px;
line-height: 24px
}
.cookie-law-wrapper .dismiss {
top: 10px;
right: 15px
}
.cookie-law-wrapper .dismiss svg {
width: 24px;
height: 24px
}
}
/* #endregion */
/* #region #13 */
.clearfix[_ngcontent-jkm-c119]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c119] html[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] {
height: 1%
}
.clearfix[_ngcontent-jkm-c119] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c119] {
margin-left: 60px
}
.container-fluid[_ngcontent-jkm-c119] {
padding: 0
}
.app-link[_ngcontent-jkm-c119] {
cursor: pointer;
display: inline-block
}
.app-link[_ngcontent-jkm-c119] img[_ngcontent-jkm-c119] {
height: 100%
}
.covid19-footer-margin[_ngcontent-jkm-c119] {
margin-bottom: 200px
}
.covid19-footer-margin-sso[_ngcontent-jkm-c119] {
margin-bottom: 0
}
@media screen and (min-width: 1024px) {
.covid19-footer-margin-sso[_ngcontent-jkm-c119] {
margin-bottom: 200px
}
}
.component-container[_ngcontent-jkm-c119] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
background: #FFF
}
.component-container[_ngcontent-jkm-c119] .row[_ngcontent-jkm-c119] {
margin: 0
}
.pre-populate-label[_ngcontent-jkm-c119],
.white-loader[_ngcontent-jkm-c119],
.arrow-icon[_ngcontent-jkm-c119] {
display: none
}
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] {
height: calc(100vh - 51px)
}
@media (min-width: 768px) {
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] {
height: calc(100vh - 130px)
}
}
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .pre-populate-label[_ngcontent-jkm-c119] {
display: block;
color: #333;
font-size: 1rem
}
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .login-container[_ngcontent-jkm-c119] {
width: 100%
}
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .forgotDetailsText[_ngcontent-jkm-c119] .registerText[_ngcontent-jkm-c119] {
margin-bottom: 30px
}
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .arrow-icon[_ngcontent-jkm-c119] {
display: none;
position: relative;
display: inline-block;
margin-top: -1px;
position: absolute;
object-fit: contain;
padding-left: 5px
}
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .arrow-icon[_ngcontent-jkm-c119]:before {
content: url(icon-tailarrow-right.fabeb0b09e6324c8.svg);
width: 24px;
height: 24px;
display: block
}
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] #username[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .headingText[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .headingText-sso[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .appInfo[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .information-container[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .entrust-container[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .entrust-container-sso[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .border-top-container[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .registerBlock[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .animated[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .animatedappInfo[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .intro-container[_ngcontent-jkm-c119],
.user-name-pupulated[_ngcontent-jkm-c119] .clearfix[_ngcontent-jkm-c119] .intro-container-sso[_ngcontent-jkm-c119] {
display: none
}
.formInput[_ngcontent-jkm-c119] {
max-width: 400px;
margin: auto
}
.formInput.resetPasswordLoginForm[_ngcontent-jkm-c119] {
margin-top: 40px;
padding: 0 15px
}
.formInput-sso[_ngcontent-jkm-c119] {
max-width: 732px;
margin: auto
}
.formInput-sso.resetPasswordLoginForm[_ngcontent-jkm-c119] {
margin-top: 40px;
padding: 0 15px
}
hr[_ngcontent-jkm-c119] {
margin-top: 25px;
margin-bottom: 25px
}
.border-right-container[_ngcontent-jkm-c119] {
margin-right: 0;
border-right: solid #EEE 1px
}
.border-top-container[_ngcontent-jkm-c119] {
padding: 0;
border-top: solid #EEE 1px
}
.login-container[_ngcontent-jkm-c119] {
font-size: 16px;
text-align: left;
padding: 50px 10px 0
}
.intro-container[_ngcontent-jkm-c119] {
padding: 50px 0 0;
margin: auto;
text-align: center
}
.intro-container[_ngcontent-jkm-c119] .intro-img-container[_ngcontent-jkm-c119] {
width: 100%
}
.intro-container[_ngcontent-jkm-c119] .intro-img-container[_ngcontent-jkm-c119] img[_ngcontent-jkm-c119] {
opacity: 1;
width: 320px;
height: auto
}
.intro-container[_ngcontent-jkm-c119] .intro-content[_ngcontent-jkm-c119] {
margin: 20px;
font-size: 16px
}
.intro-container[_ngcontent-jkm-c119] .intro-content-icons[_ngcontent-jkm-c119] {
margin: 30px 0;
width: 100%;
height: auto
}
.intro-container[_ngcontent-jkm-c119] .intro-content-icon[_ngcontent-jkm-c119] {
display: inline-block;
margin: 0 5px
}
.intro-container[_ngcontent-jkm-c119] .intro-content-icon[_ngcontent-jkm-c119] small[_ngcontent-jkm-c119] {
font-size: 85%;
color: #666;
margin-right: 20px
}
.intro-container[_ngcontent-jkm-c119] .intro-content-icon[_ngcontent-jkm-c119] img[_ngcontent-jkm-c119] {
width: 40px;
height: 40px
}
.intro-container-sso[_ngcontent-jkm-c119] {
padding: 10px 0 0;
margin: auto;
text-align: center
}
.intro-container-sso[_ngcontent-jkm-c119] .intro-img-container[_ngcontent-jkm-c119] {
width: 100%
}
.intro-container-sso[_ngcontent-jkm-c119] .intro-img-container[_ngcontent-jkm-c119] img[_ngcontent-jkm-c119] {
opacity: 1;
width: 320px;
height: auto
}
.intro-container-sso[_ngcontent-jkm-c119] .intro-content[_ngcontent-jkm-c119] {
margin: -15px 20px 20px;
font-size: 16px
}
@media screen and (min-width: 768px) {
.intro-container-sso[_ngcontent-jkm-c119] .intro-content[_ngcontent-jkm-c119] {
display: block;
margin: -20px
}
}
.intro-container-sso[_ngcontent-jkm-c119] .intro-content-icons[_ngcontent-jkm-c119] {
margin: 0 0 20px;
width: 100%;
height: auto;
display: flex
}
@media screen and (min-width: 361px) {
.intro-container-sso[_ngcontent-jkm-c119] .intro-content-icons[_ngcontent-jkm-c119] {
display: block
}
}
.intro-container-sso[_ngcontent-jkm-c119] .intro-content-icon[_ngcontent-jkm-c119] {
display: inline-block;
margin: 10px 5px
}
.intro-container-sso[_ngcontent-jkm-c119] .intro-content-icon[_ngcontent-jkm-c119] small[_ngcontent-jkm-c119] {
font-size: 100%;
color: #666;
margin-right: 15px;
margin-left: 5px;
top: 4px;
position: relative
}
.intro-container-sso[_ngcontent-jkm-c119] .intro-content-icon[_ngcontent-jkm-c119] img[_ngcontent-jkm-c119] {
width: 30px;
height: 30px
}
.information-container[_ngcontent-jkm-c119] {
padding: 50px 30px;
text-align: left
}
.information-container.highlighted[_ngcontent-jkm-c119] {
background-color: #f9f9f9
}
.information-container.info[_ngcontent-jkm-c119] {
padding-bottom: 0
}
.entrust-container[_ngcontent-jkm-c119] {
display: inline-block;
margin: 50px 15px 15px 0;
font-size: 14px
}
.entrust-container[_ngcontent-jkm-c119] .iconEntrust[_ngcontent-jkm-c119] {
margin-right: 15px
}
.entrust-container[_ngcontent-jkm-c119] img[_ngcontent-jkm-c119] {
width: 40px;
height: 40px
}
.entrust-container-sso[_ngcontent-jkm-c119] {
display: inline-block;
margin: 20px 15px 35px 0;
font-size: 14px
}
.entrust-container-sso[_ngcontent-jkm-c119] .iconEntrust[_ngcontent-jkm-c119] {
margin-right: 15px
}
.entrust-container-sso[_ngcontent-jkm-c119] img[_ngcontent-jkm-c119] {
width: 40px;
height: 40px
}
.iconPPP[_ngcontent-jkm-c119] {
position: relative
}
.iconPPP[_ngcontent-jkm-c119]:before {
content: url(icon-profile.c05ecc24187d4c7c.svg);
width: 20px;
height: 20px;
display: block
}
.icon-mobile[_ngcontent-jkm-c119] {
position: relative
}
.icon-mobile[_ngcontent-jkm-c119]:before {
content: url(icon-smartphone.98b7a0240ed231da.svg);
width: 20px;
height: 20px;
display: block
}
.icon-qrcode[_ngcontent-jkm-c119] {
position: relative;
top: 12px
}
.icon-qrcode[_ngcontent-jkm-c119]:before {
content: url(qrcode-icon.4d7b42cdeb3b3e36.svg);
width: 20px;
height: 20px;
display: block
}
.icon-outline[_ngcontent-jkm-c119] {
position: relative;
top: 12px
}
.icon-outline[_ngcontent-jkm-c119]:before {
content: url(outline-cheque.b291f75d27c84b73.svg);
width: 12px;
height: 18px;
display: block
}
.iconImg[_ngcontent-jkm-c119] {
position: absolute;
display: inline-block;
cursor: pointer
}
.icon-field[_ngcontent-jkm-c119] {
display: flex
}
.icon-field[_ngcontent-jkm-c119] .arrow[_ngcontent-jkm-c119] {
position: relative;
position: absolute;
right: 15px;
top: 15px;
color: #666
}
.icon-field[_ngcontent-jkm-c119] .arrow[_ngcontent-jkm-c119]:before {
content: url(Arrow.863bd05819ce952f.svg);
width: 8px;
height: 15px;
display: block
}
[_ngcontent-jkm-c119]::-ms-reveal {
display: none
}
[_ngcontent-jkm-c119]::-ms-clear {
display: none
}
a[_ngcontent-jkm-c119]:active,
a[_ngcontent-jkm-c119]:visited,
a[_ngcontent-jkm-c119]:hover {
text-decoration: none
}
.link-text[_ngcontent-jkm-c119] {
color: #009639;
font-size: 16px;
margin: 18px 0;
font-weight: 700;
text-decoration: none;
cursor: pointer
}
.link-text.small[_ngcontent-jkm-c119] {
font-size: 14px
}
.link-text[_ngcontent-jkm-c119]:active,
.link-text[_ngcontent-jkm-c119]:visited,
.link-text[_ngcontent-jkm-c119]:hover {
text-decoration: none
}
.termsText[_ngcontent-jkm-c119] {
margin: 30px 0 10px;
font-size: 14px;
color: #666
}
.buttonDiv[_ngcontent-jkm-c119] {
margin-bottom: 20px
}
.registerBlock[_ngcontent-jkm-c119] {
color: #333;
font-size: 20px;
padding-bottom: 0;
margin-top: 20px
}
.registerBlock[_ngcontent-jkm-c119] a[_ngcontent-jkm-c119] {
padding: 0 20px
}
.registerBlock[_ngcontent-jkm-c119] .registration[_ngcontent-jkm-c119] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #333;
position: relative;
left: 50px
}
.registerBlock[_ngcontent-jkm-c119] .registration[_ngcontent-jkm-c119] .text[_ngcontent-jkm-c119] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 1.375rem;
color: #333
}
.appBlock[_ngcontent-jkm-c119] {
color: #666;
margin: 50px 20px 25px;
text-align: center
}
.appBlock-sso[_ngcontent-jkm-c119] {
color: #666;
margin: 30px 20px 25px;
text-align: center
}
.login-title[_ngcontent-jkm-c119] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #333;
font-size: 1.375rem
}
.login-title.auto-login[_ngcontent-jkm-c119] {
font-size: 28px
}
.boldText[_ngcontent-jkm-c119] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700
}
.mediumText[_ngcontent-jkm-c119] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.input-container[_ngcontent-jkm-c119] {
position: relative
}
.input-img[_ngcontent-jkm-c119] {
position: absolute;
bottom: 36%;
right: 12px;
width: 25px;
height: 25px
}
.helpText[_ngcontent-jkm-c119] {
font-size: 14px;
color: #bbb;
margin: 5px 0 0
}
.headingText[_ngcontent-jkm-c119] {
font-size: 2.5vw;
margin: 30px 0;
color: #333;
font-weight: 300
}
.headingText-sso[_ngcontent-jkm-c119] {
font-size: 3.5vw;
margin: 30px 0;
color: #333;
font-weight: 300
}
.infoHeading[_ngcontent-jkm-c119] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #333;
font-size: 1.375rem;
letter-spacing: -.9px
}
.gd-primary-btn[_ngcontent-jkm-c119] {
height: 26px;
width: 107px;
border-radius: 13px;
background-color: #009639;
position: relative;
left: 10px
}
.infoText[_ngcontent-jkm-c119] {
color: #666;
margin: 20px 0
}
.infoText[_ngcontent-jkm-c119] a[_ngcontent-jkm-c119] {
color: #666
}
.infoText[_ngcontent-jkm-c119] .gd-form-row[_ngcontent-jkm-c119] {
margin-bottom: 10px
}
.infoText[_ngcontent-jkm-c119] hr[_ngcontent-jkm-c119] {
margin: 10px 0
}
.infoText[_ngcontent-jkm-c119] .arrow[_ngcontent-jkm-c119] {
top: 3px;
right: 3px
}
.infoText[_ngcontent-jkm-c119] .PAIA-arrow[_ngcontent-jkm-c119] {
top: 14px
}
.linkButtons[_ngcontent-jkm-c119] {
margin: 25px 0
}
.linkButtons[_ngcontent-jkm-c119] img[_ngcontent-jkm-c119] {
padding: 5px;
width: 132px
}
.linkButtons-sso[_ngcontent-jkm-c119] {
margin: 25px 0
}
.linkButtons-sso[_ngcontent-jkm-c119] img[_ngcontent-jkm-c119] {
padding: 5px;
width: 132px
}
@media (max-width: 767px) {
.linkButtons-sso[_ngcontent-jkm-c119] {
display: flex;
flex-direction: column;
text-align: center
}
}
.line-separator[_ngcontent-jkm-c119] {
position: relative;
height: 1px;
border-top: 1px #BBB solid;
margin-top: 30px;
margin-bottom: 30px
}
.line-separator[_ngcontent-jkm-c119] .text[_ngcontent-jkm-c119] {
position: absolute;
width: 36px;
height: 36px;
border: 1px #BBB solid;
border-radius: 18px;
top: -18px;
left: 0;
background-color: #fff;
margin-left: calc(50% - 15px);
padding-left: 8px;
padding-top: 9px;
line-height: 1;
font-size: 18px
}
.animated[_ngcontent-jkm-c119] {
animation-duration: 5s;
animation-fill-mode: both
}
@keyframes fadeAndScaleIn {
0% {
opacity: 0;
transform: scale(1.1)
}
to {
opacity: 1;
transform: scale(1)
}
}
.fadeAndScaleIn[_ngcontent-jkm-c119] {
animation-name: fadeAndScaleIn
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn[_ngcontent-jkm-c119] {
animation-name: fadeIn
}
.stealthy[_ngcontent-jkm-c119] {
left: 0;
top: 0;
margin: 0;
max-height: 1px;
max-width: 1px;
opacity: 0;
outline: none;
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: -1
}
@media screen and (max-width: 1024px) {
.headingText[_ngcontent-jkm-c119],
.headingText-sso[_ngcontent-jkm-c119] {
font-size: 40px;
margin: 0 20px 50px;
text-align: center
}
.login-container[_ngcontent-jkm-c119] {
padding: 50px 0 0
}
.login-title[_ngcontent-jkm-c119] {
font-size: 1.375rem
}
.information-container[_ngcontent-jkm-c119] {
padding: 50px 20px
}
.infoHeading[_ngcontent-jkm-c119] {
font-size: 1.375rem
}
.bottom-container[_ngcontent-jkm-c119] .border-top-container[_ngcontent-jkm-c119] {
padding: 0
}
.entrust-container[_ngcontent-jkm-c119] {
text-align: center;
margin: 30px 15px 0;
font-size: 12px
}
.entrust-container-sso[_ngcontent-jkm-c119] {
text-align: center;
margin: 20px 15px 35px 0;
font-size: 12px
}
}
@media screen and (max-width: 767px) {
.iconImg[_ngcontent-jkm-c119] {
top: 0
}
.login-container[_ngcontent-jkm-c119] {
padding: 25px 10px
}
.entrust-container-sso[_ngcontent-jkm-c119] {
margin: 0 15px 0 0;
font-size: 14px
}
.information-container[_ngcontent-jkm-c119] {
padding: 10px
}
.information-container.info[_ngcontent-jkm-c119] hr[_ngcontent-jkm-c119] {
border: none
}
.headingText[_ngcontent-jkm-c119],
.headingText-sso[_ngcontent-jkm-c119] {
font-size: 28px;
margin: 20px
}
.login-title[_ngcontent-jkm-c119],
.infoHeading[_ngcontent-jkm-c119] {
font-size: 20px
}
}
.hide-mobile[_ngcontent-jkm-c119] {
display: none
}
@media (min-width: 768px) {
.hide-mobile[_ngcontent-jkm-c119] {
display: block
}
}
.explore-our-demo[_ngcontent-jkm-c119] {
color: #009639;
font-size: 16px;
font-weight: 500;
cursor: pointer;
margin: 10px;
text-align: center
}
.explore-demo-content[_ngcontent-jkm-c119] {
margin: 10px
}
.demo-icon[_ngcontent-jkm-c119] {
display: inline-block;
position: relative;
object-fit: contain;
margin-top: -3px;
margin-left: -10px;
vertical-align: bottom
}
.demo-icon[_ngcontent-jkm-c119]:before {
content: url(demo-icon.993a5c7bb466a7ea.svg);
width: 23px;
height: 24px;
display: block
}
.login-modal-popup.modal-dialog {
max-width: 600px;
position: absolute;
width: 90%;
transform: translate(-50%, -50%) !important;
-webkit-transform: translate(-50%, -50%) !important;
-moz-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
-o-transform: translate(-50%, -50%) !important;
top: 50%;
left: 50%;
margin: 0
}
.login-modal-popup .modal-content {
background-color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: none
}
.enhanced-banking-experience[_ngcontent-jkm-c119] {
max-width: 400px;
display: table;
margin: 20px auto
}
.headingText-container[_ngcontent-jkm-c119] {
max-width: 420px;
display: table;
margin: 0 auto
}
.fraud-container[_ngcontent-jkm-c119] {
padding-top: 25px
}
.qrcode-modal {
min-width: 800px
}
.login-form app-message-alert .alert-container .message .text {
padding-left: 10px;
padding-right: 10px
}
.PAIA-text[_ngcontent-jkm-c119] {
display: inline-block;
width: 240px
}
/* #endregion */
/* #region #14 */
.clearfix[_ngcontent-jkm-c116]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c116] html[_ngcontent-jkm-c116] .clearfix[_ngcontent-jkm-c116] {
height: 1%
}
.clearfix[_ngcontent-jkm-c116] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c116] {
margin-left: 60px
}
.new-feature[_ngcontent-jkm-c116] {
background-color: #f9f9f9
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] {
margin: 0 auto;
width: 100%
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116]>.heading[_ngcontent-jkm-c116] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
color: #333;
font-size: 22px;
padding: 20px;
font-weight: 500;
line-height: 35px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] {
position: relative
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] app-swiper-slider .swiper-pagination .bullet-green {
background: #78BE20;
opacity: 1;
width: 24px;
border-radius: 5px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] .card-container {
width: 295px;
margin: 0 auto
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] .card-container .card .card-body .card-text {
max-height: 40px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] .tiles-container[_ngcontent-jkm-c116] {
width: 295px;
margin: 0 auto 20px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] .tiles-pagination[_ngcontent-jkm-c116] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
width: 120px;
margin: 0 auto 20px;
color: #333
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] .tiles-pagination.disabled[_ngcontent-jkm-c116] {
pointer-events: none;
color: #d7d7d7
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] .tiles-pagination[_ngcontent-jkm-c116] .ellipses[_ngcontent-jkm-c116] {
color: #bbb
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] {
background-color: #fff;
min-height: 150px;
padding: 0 20px;
display: flex;
border-bottom: 1px solid #EEE;
margin-bottom: 10px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .image[_ngcontent-jkm-c116] {
height: 50px;
width: 50px;
margin-top: 10px;
margin-right: 10px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .image[_ngcontent-jkm-c116] img[_ngcontent-jkm-c116] {
height: 100%;
width: 100%
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .image.skeleton[_ngcontent-jkm-c116] {
background-color: #bbb;
min-height: 35px;
opacity: .3
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] {
width: 100%
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] .text-data[_ngcontent-jkm-c116] {
min-height: 75%
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] .heading[_ngcontent-jkm-c116] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
color: #333;
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 20px 0;
height: 64px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] .text[_ngcontent-jkm-c116] {
color: #666;
font-size: 14px;
line-height: 21px;
min-height: calc(100% - 132px);
margin-left: -50px;
padding: 0 0 10px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] .footer[_ngcontent-jkm-c116] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #009639;
font-size: 16px;
font-weight: 500;
line-height: 24px;
height: 64px;
opacity: .9;
margin-left: -50px;
cursor: pointer
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] .footer[_ngcontent-jkm-c116] .link-icon[_ngcontent-jkm-c116] {
position: relative;
margin-left: 8px;
display: inline;
position: absolute;
transition: transform .2s ease-in-out;
-webkit-transition: transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out;
-ms-transition: transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] .footer[_ngcontent-jkm-c116] .link-icon[_ngcontent-jkm-c116]:before {
content: url(icon-tailarrow-right.fabeb0b09e6324c8.svg);
width: 24px;
height: 24px;
display: block
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] .footer[_ngcontent-jkm-c116]:hover .link-icon[_ngcontent-jkm-c116] {
transform: translate(5px);
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px)
}
@media (min-width: 768px) {
.new-feature[_ngcontent-jkm-c116] {
padding: 0 20px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] {
width: 100%;
margin: 0 auto;
padding-bottom: 30px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116]>.heading[_ngcontent-jkm-c116] {
font-size: 24px;
padding: 60px 0 20px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] {
min-height: 180px;
padding: 0;
margin-top: 20px;
border-bottom: none
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .image[_ngcontent-jkm-c116] {
display: flex;
margin: 15px 20px;
min-height: 150px;
min-width: 150px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .image.skeleton[_ngcontent-jkm-c116] {
min-height: 150px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .image[_ngcontent-jkm-c116] .icon[_ngcontent-jkm-c116] {
margin: auto
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .image[_ngcontent-jkm-c116] .icon[_ngcontent-jkm-c116] img[_ngcontent-jkm-c116] {
max-height: 150px;
max-width: 150px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] {
padding-right: 20px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] .text[_ngcontent-jkm-c116],
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .section[_ngcontent-jkm-c116] .content[_ngcontent-jkm-c116] .footer[_ngcontent-jkm-c116] {
margin: auto
}
}
@media (min-width: 1024px) {
.new-feature[_ngcontent-jkm-c116] {
padding: 0 40px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] {
width: 100%
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] {
padding: 0 20px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] .card-container {
width: 281px;
margin: 0 auto auto
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116]>.heading[_ngcontent-jkm-c116] {
font-size: 28px
}
}
@media (min-width: 1440px) {
.new-feature[_ngcontent-jkm-c116] {
padding: 0 100px
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] {
padding: 0 40px;
position: relative
}
.new-feature[_ngcontent-jkm-c116] .main-content[_ngcontent-jkm-c116] .slider-container[_ngcontent-jkm-c116] .card-container {
width: 295px
}
}
/* #endregion */
/* #region #15 */
.clearfix[_ngcontent-jkm-c58]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c58] html[_ngcontent-jkm-c58] .clearfix[_ngcontent-jkm-c58] {
height: 1%
}
.clearfix[_ngcontent-jkm-c58] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c58] {
margin-left: 60px
}
.overlay-loader[_ngcontent-jkm-c58] {
position: absolute;
inset: 0;
z-index: 99;
width: 100%;
height: 100%;
color: #fff;
background: #009639;
border-radius: inherit;
cursor: not-allowed
}
.delete[_ngcontent-jkm-c58] {
color: #d22630
}
.edit[_ngcontent-jkm-c58] {
line-height: 20px
}
.loader[_ngcontent-jkm-c58] {
position: absolute;
top: 50%;
z-index: 100;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
left: 50%;
line-height: 1;
width: 24px
}
/* #endregion */
/* #region #16 */
.clearfix[_ngcontent-jkm-c114]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c114] html[_ngcontent-jkm-c114] .clearfix[_ngcontent-jkm-c114] {
height: 1%
}
.clearfix[_ngcontent-jkm-c114] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c114] {
margin-left: 60px
}
.swiper-slider-container[_ngcontent-jkm-c114] .swiper-pagination {
position: relative;
margin-top: 40px
}
.swiper-slider-container[_ngcontent-jkm-c114] .swiper-pagination .swiper-pagination-bullet {
margin: 0 3px;
background: #BBB
}
.swiper-button-next[_ngcontent-jkm-c114] {
background: none;
position: relative;
position: absolute;
top: 45%
}
.swiper-button-next[_ngcontent-jkm-c114]:before {
content: url(chevron.622175d3bf669705.svg);
width: 16px;
height: 16px;
display: block
}
.swiper-button-prev[_ngcontent-jkm-c114] {
background: none;
position: relative;
position: absolute;
top: 40%;
transform: rotate(180deg)
}
.swiper-button-prev[_ngcontent-jkm-c114]:before {
content: url(chevron.622175d3bf669705.svg);
width: 16px;
height: 16px;
display: block
}
.default-slide[_ngcontent-jkm-c114] {
min-height: 300px;
background-color: #006341
}
.default-slide[_ngcontent-jkm-c114] p[_ngcontent-jkm-c114] {
position: absolute;
top: 45%;
left: 40%;
color: #fff
}
@media (min-width: 1024px) {
.swiper-button-prev[_ngcontent-jkm-c114] {
left: -20px
}
.swiper-button-next[_ngcontent-jkm-c114] {
right: -20px
}
}
@media (min-width: 1440px) {
.swiper-button-prev[_ngcontent-jkm-c114] {
left: 0
}
.swiper-button-next[_ngcontent-jkm-c114] {
right: 0
}
}
/* #endregion */
/* #region #17 */
[_nghost-jkm-c113] {
display: block;
}
/* #endregion */
/* #region #18 */
[_nghost-jkm-c113]>div[_ngcontent-jkm-c113] {
width: 100%;
height: 100%;
}
/* #endregion */
/* #region #19 */
.clearfix[_ngcontent-jkm-c115]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-jkm-c115] html[_ngcontent-jkm-c115] .clearfix[_ngcontent-jkm-c115] {
height: 1%
}
.clearfix[_ngcontent-jkm-c115] {
display: block
}
.cb-response-spacing[_ngcontent-jkm-c115] {
margin-left: 60px
}
.card-container[_ngcontent-jkm-c115] {
width: 100%;
box-shadow: 0 3px 3px #8d979e33;
border-radius: 5px;
border: 1px solid #EEE
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] {
width: 100%
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] .image-container[_ngcontent-jkm-c115] {
height: 140px
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] .image-container[_ngcontent-jkm-c115] img[_ngcontent-jkm-c115] {
border-radius: 5px 5px 0 0;
height: 100%;
width: 100%
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] .card-body[_ngcontent-jkm-c115] {
background-color: #fff;
padding: 20px;
min-height: 145px;
border-radius: 0 0 5px 5px
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] .card-body[_ngcontent-jkm-c115] .card-text[_ngcontent-jkm-c115] {
font-size: 13px;
margin-bottom: 40px;
color: #333
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] .card-body[_ngcontent-jkm-c115] .footer[_ngcontent-jkm-c115] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #009639;
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 20px 0;
opacity: .9;
display: inline;
cursor: pointer
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] .card-body[_ngcontent-jkm-c115] .footer.disable-link[_ngcontent-jkm-c115] {
color: #bbb;
pointer-events: none
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] .card-body[_ngcontent-jkm-c115] .footer[_ngcontent-jkm-c115] .link-icon[_ngcontent-jkm-c115] {
position: relative;
margin-left: 8px;
display: inline;
position: absolute;
transition: transform .2s ease-in-out;
-webkit-transition: transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out;
-ms-transition: transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] .card-body[_ngcontent-jkm-c115] .footer[_ngcontent-jkm-c115] .link-icon[_ngcontent-jkm-c115]:before {
content: url(icon-tailarrow-right.fabeb0b09e6324c8.svg);
width: 24px;
height: 24px;
display: block
}
.card-container[_ngcontent-jkm-c115] .card[_ngcontent-jkm-c115] .card-body[_ngcontent-jkm-c115] .footer[_ngcontent-jkm-c115]:hover .link-icon[_ngcontent-jkm-c115] {
transform: translate(5px);
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px)
}
/* #endregion */
/* #region #20 Loader Container */
.app-loading {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%;
height: 89vh;
z-index: -1;
}
.app-loading-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-content: center;
-moz-align-content: center;
-ms-align-content: center;
-o-align-content: center;
align-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
background-position: 50% 50%;
width: 130px;
}
/* #endregion */
/* #region #21 Loader */
.app-loading .loading-ring {
display: flex;
position: relative;
width: 100%
}
.app-loading .loading-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 101px;
height: 101px;
margin: 6px;
border: 6px solid #FFF;
border-radius: 50%;
animation: loading-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
border-color: #006341 transparent transparent transparent
}
.app-loading .loading-ring svg {
position: absolute;
margin-top: 25px;
margin-left: 25px
}
.app-loading .loading-ring div:nth-child(1) {
animation-delay: -.45s
}
.app-loading .loading-ring div:nth-child(2) {
animation-delay: -.3s
}
.app-loading .loading-ring div:nth-child(3) {
animation-delay: -.15s
}
@keyframes loading-ring {
0% {
transform: rotate(0);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
to {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg)
}
}
/* #endregion */
/* #region #22 */
.hide-browser-info,
.hide-app-root,
.desktop-only {
display: none
}
.mob-only {
display: inline-block
}
.outdated-browser-Info {
width: 100%;
height: 100%
}
.outdated-browser-Info .outdated-browser-header {
height: 50px;
margin-top: 12px;
padding: 0 15px 0 21px;
border-bottom: 2px solid #EEE
}
.outdated-browser-Info .outdated-browser-header .browser-logo {
height: 27px;
width: 27px;
float: left
}
.outdated-browser-Info .outdated-browser-header .browser-cross {
height: 15px;
width: 15px;
float: right;
cursor: pointer
}
.outdated-browser-Info .outdated-browser-header .dummy-clear {
clear: both
}
.tab-desk-copyright {
display: none !important
}
.outdated-browser-Info .outdated-browser-footer {
padding: 0 15px 0 21px;
border-top: 2px solid #EEE
}
.outdated-browser-Info .outdated-browser-footer .dummmy-clear {
display: none
}
.outdated-browser-Info .outdated-browser-body {
padding: 0 15px 0 21px;
margin-bottom: 30px
}
.outdated-browser-Info .outdated-browser-body .browser-image {
padding: 40px 0;
width: 250px
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-top {
color: #333;
font-weight: 400;
font-size: 28px;
width: 250px;
font-weight: 700
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-middle {
margin: 10px 0 15px;
color: #333;
width: 270px
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-middle .info-middle-text {
padding: 12px 0
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-bottom {
margin-bottom: 30px
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-bottom .info-bottom-text {
list-style: none;
color: #115740;
font-weight: 700;
padding: 5px 0
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-nedbank-cta {
width: 100%
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-nedbank-cta .home-button {
height: 50px;
width: 100%;
background-color: #009639;
color: #fff;
border-radius: 5px;
border: none
}
.outdated-browser-Info .outdated-browser-footer .footer-text {
font-size: 12px;
padding-bottom: 5px;
padding-left: 3px;
padding-right: 3px;
display: inline-block
}
@media (min-width: 768px) {
.outdated-browser-Info .outdated-browser-body {
padding: 0 170px
}
.outdated-browser-Info .outdated-browser-footer .abt-section {
/* display: inline-block; */
float: right
}
.outdated-browser-Info .outdated-browser-footer .dummmy-clear {
clear: both
}
.outdated-browser-Info .outdated-browser-footer .footer-text {
display: inline-block
}
.outdated-browser-Info .outdated-browser-footer .tab-desk-copyright {
/* display: inline-block !important; */
margin-top: 7px !important;
float: left
}
.outdated-browser-Info .outdated-browser-footer .copy-mobile {
display: none
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-top {
width: 300px;
font-size: 35px;
font-weight: 400
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-nedbank-cta .home-button {
width: 55%
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-middle {
width: 100%
}
.outdated-browser-Info .outdated-browser-header .browser-logo {
height: 36px;
width: 36px
}
.outdated-browser-Info .outdated-browser-header .browser-cross {
height: 20px;
width: 20px;
padding-top: 7px;
right: 10px
}
.outdated-browser-Info .outdated-browser-body .browser-image {
width: 100%
}
.outdated-browser-Info .outdated-browser-header {
height: 53px
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-middle .info-middle-text {
width: 400px;
font-size: 18px
}
}
@media (min-width: 1024px) {
.outdated-browser-Info .outdated-browser-body .browser-info {
float: left
}
.outdated-browser-Info .outdated-browser-body {
margin-bottom: 30px
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-top {
width: 500px;
font-size: 53px
}
.outdated-browser-Info .outdated-browser-body {
padding: 0
}
.outdated-browser-Info .outdated-browser-body .browser-image {
padding: 93px 40px 20px 70px;
width: 40%
}
.outdated-browser-Info .outdated-browser-body .browser-image img {
max-width: 400px
}
.outdated-browser-Info .outdated-browser-body .browser-info {
padding: 0 0 0 150px;
width: 45%
}
.outdated-browser-Info .outdated-browser-header {
height: 45px
}
.outdated-browser-Info .outdated-browser-footer {
height: 30px;
padding-top: 12px;
padding-bottom: 12px
}
.outdated-browser-Info .outdated-browser-body {
min-height: calc(100vh - 80px);
margin-top: 100px
}
.desktop-only {
display: inline-block
}
.mob-only {
display: none
}
.outdated-browser-Info .outdated-browser-body .browser-image img {
max-width: 500px
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-bottom {
margin-bottom: 60px
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-bottom .info-bottom-text {
padding: 7px 0
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-middle .info-middle-text {
width: 480px;
font-size: 18px
}
.outdated-browser-Info .outdated-browser-body .browser-info .info-nedbank-cta .home-button {
width: 43%
}
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
button {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button {
text-transform: none
}
button {
-webkit-appearance: button;
appearance: button;
cursor: pointer
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
p {
orphans: 3;
widows: 3
}
}
* {
box-sizing: border-box
}
*:before,
*:after {
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333;
background-color: #fff
}
button {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
img {
vertical-align: middle
}
p {
margin: 0 0 10px
}
ul {
margin-top: 0;
margin-bottom: 10px
}
html,
body,
ul,
p {
margin: 0;
padding: 0
}
::placeholder:not(.keep-local) {
color: #666 !important
}
* {
outline: none !important
}
@font-face {
font-family: MarkPro;
src: url("FontFont - MarkPro.307179f82a6dd2a0.otf"), url("FontFont - MarkPro.5219aea8fbaf1f21.eot"), url(FFMarkWebProRegular.69386de63644c744.ttf), url(FFMarkWebProRegular.3594b4997f3f4009.woff), url(FFMarkWebProRegular.fb38458d0fa9adfc.woff2)
}
html {
height: 100%;
font-size: 16px
}
body {
min-height: 100%;
font-size: 1rem;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
color: #666;
letter-spacing: .2px;
background: #F9F9F9;
cursor: default
}
/* #endregion */
/* #region #23 Swiper */
.swiper-slide,
.swiper-container.swiper-container-horizontal {
height: 287px !important;
}
.app-download-block.hide-mobile {
height: 48.4219px !important;
}
/* #endregion */
/* #region #24 Alert Message */
.no-padding[_ngcontent-jkm-c112] {
padding: 0;
}
.alert-container[_ngcontent-jkm-c112] {
margin-bottom: 30px;
transition: all .3s;
}
.alert-container[_ngcontent-jkm-c112] .message.error[_ngcontent-jkm-c112] {
background: #fae3e5;
}
.alert-container[_ngcontent-jkm-c112] .message.center[_ngcontent-jkm-c112] {
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
}
.alert-container[_ngcontent-jkm-c112] .message[_ngcontent-jkm-c112] {
display: flex;
padding: 15px;
z-index: 99;
}
.alert-container[_ngcontent-jkm-c112] .message[_ngcontent-jkm-c112] .text[_ngcontent-jkm-c112] {
flex: 1;
color: #333;
font-size: 14px;
margin: 0 10px;
}
.login-form app-message-alert .alert-container .message .text {
padding-left: 10px;
padding-right: 10px;
}
.alert-container[_ngcontent-jkm-c112] .message[_ngcontent-jkm-c112] .closeIcon[_ngcontent-jkm-c112] {
position: relative;
cursor: pointer;
}
.alert-container[_ngcontent-jkm-c112] .message[_ngcontent-jkm-c112] .icon[_ngcontent-jkm-c112] {
width: 15px;
height: 15px;
}
.alert-container[_ngcontent-jkm-c112] .message[_ngcontent-jkm-c112] .closeIcon[_ngcontent-jkm-c112]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 100%;
height: 100%;
display: block;
}
/* #endregion */
/* #region #25 App Loading */
.app-loading {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%;
height: 89vh;
z-index: -1;
}
.app-loading-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-content: center;
-moz-align-content: center;
-ms-align-content: center;
-o-align-content: center;
align-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
background-position: 50% 50%;
width: 130px;
}
.app-loading .loading-ring {
display: flex;
position: relative;
width: 100%
}
.app-loading .loading-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 101px;
height: 101px;
margin: 6px;
border: 6px solid #FFF;
border-radius: 50%;
animation: loading-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
border-color: #006341 transparent transparent transparent
}
.app-loading .loading-ring svg {
position: absolute;
margin-top: 25px;
margin-left: 25px
}
.app-loading .loading-ring div:nth-child(1) {
animation-delay: -.45s
}
.app-loading .loading-ring div:nth-child(2) {
animation-delay: -.3s
}
.app-loading .loading-ring div:nth-child(3) {
animation-delay: -.15s
}
@keyframes loading-ring {
0% {
transform: rotate(0);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
to {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg)
}
}
/* #endregion */
</style>
<style psettings="">
/* #region #1 */
.clearfix[_ngcontent-efh-c137]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c137] html[_ngcontent-efh-c137] .clearfix[_ngcontent-efh-c137] {
height: 1%
}
.clearfix[_ngcontent-efh-c137] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c137] {
margin-left: 60px
}
.app-transform__none[_ngcontent-efh-c137] {
transform: none !important
}
.hide-loader[_ngcontent-efh-c137] {
display: none
}
.buttons-container[_ngcontent-efh-c137] {
margin-top: 30px
}
.text-container[_ngcontent-efh-c137] {
text-align: center
}
.main-text[_ngcontent-efh-c137] {
margin-top: 15px
}
.sound-overlay-close[_ngcontent-efh-c137] {
position: absolute !important;
right: 15px;
top: 16px;
position: relative
}
.sound-overlay-close[_ngcontent-efh-c137]:before {
content: url(icon-chat-close.48b7e3bad32fdb76.svg);
width: 16px;
height: 16px;
display: block
}
.sound-icon[_ngcontent-efh-c137] {
display: inline-block;
position: relative
}
.sound-icon[_ngcontent-efh-c137]:before {
content: url(sound-icon.0ac16af783f66508.svg);
width: 50px;
height: 50px;
display: block
}
.hide-in-desktop[_ngcontent-efh-c137] {
display: none
}
.hide-in-mobile[_ngcontent-efh-c137] {
display: block
}
.covid19-footer-margin[_ngcontent-efh-c137] {
margin-bottom: 150px
}
.covid19-container[_ngcontent-efh-c137] {
position: fixed;
bottom: 0;
height: 150px;
z-index: 10;
width: 100%
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] {
background: linear-gradient(142.55deg, #1EB3A1 0%, #74B658 100%);
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
display: flex;
height: 100%
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-banner-close[_ngcontent-efh-c137] {
position: relative;
position: absolute;
right: 16px;
top: 16px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-banner-close[_ngcontent-efh-c137]:before {
content: url(close-white-cross.e4804625f88eac8e.svg);
width: 14px;
height: 14px;
display: block
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-header[_ngcontent-efh-c137] {
padding-left: 89px;
padding-top: 38px;
padding-bottom: 38px;
width: 65%
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-header[_ngcontent-efh-c137] .covid19-banner-header[_ngcontent-efh-c137] {
height: 44px;
color: #fff;
font-size: 24px;
letter-spacing: 0;
line-height: 1
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-header[_ngcontent-efh-c137] .covid19-banner-header[_ngcontent-efh-c137] .highlight-Text[_ngcontent-efh-c137] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-header[_ngcontent-efh-c137] .covid19-banner-text[_ngcontent-efh-c137] {
height: 25px;
color: #fff;
font-size: 16px;
letter-spacing: 0;
width: 100%
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-header[_ngcontent-efh-c137] .covid19-banner-text[_ngcontent-efh-c137] .learn-more-link[_ngcontent-efh-c137] {
color: #fff;
text-decoration: underline;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] {
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
display: flex;
margin-left: 22px;
padding-top: 35px;
margin-right: 22px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-banner-text[_ngcontent-efh-c137] {
height: 25px;
color: #fff;
font-size: 16px;
letter-spacing: 0;
width: 70%
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-banner-text[_ngcontent-efh-c137] .learn-more-link[_ngcontent-efh-c137] {
color: #fff;
text-decoration: underline;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-btn-container[_ngcontent-efh-c137] {
padding-top: 13px;
padding-right: 34px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-btn-container[_ngcontent-efh-c137] .get-help-btn[_ngcontent-efh-c137] {
height: 50px;
width: 390px;
border-radius: 5px;
background-color: #fff
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-btn-container[_ngcontent-efh-c137] .get-help-btn[_ngcontent-efh-c137] .get-help-btn-label[_ngcontent-efh-c137] {
height: 100%;
width: 100%;
color: #009639;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 20px;
text-align: center;
padding-top: 15px;
display: inline-block
}
.chat-icon[_ngcontent-efh-c137] {
position: relative
}
.chat-icon[_ngcontent-efh-c137]:before {
content: url(group-3.76713cb51dbfb24f.svg);
width: 60px;
height: 60px;
display: block
}
.dismissBtn[_ngcontent-efh-c137] {
float: right;
cursor: pointer
}
.dismissBtn[_ngcontent-efh-c137] .dismiss-icon[_ngcontent-efh-c137] {
position: relative
}
.dismissBtn[_ngcontent-efh-c137] .dismiss-icon[_ngcontent-efh-c137]:before {
content: url(cross-close-white.c9fe2e0e72b2bc50.svg);
width: 30px;
height: 30px;
display: block
}
.cookie-icon[_ngcontent-efh-c137] {
float: left;
position: relative
}
.cookie-icon[_ngcontent-efh-c137]:before {
content: url(cookie-icon.2019a02e93f5cce5.svg);
width: 30px;
height: 30px;
display: block
}
.cookie-content[_ngcontent-efh-c137] {
display: flex
}
.cookie-text[_ngcontent-efh-c137] {
width: 100%
}
.scroll-page[_ngcontent-efh-c137] {
padding-top: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
.scroll-page[_ngcontent-efh-c137] .app-content1[_ngcontent-efh-c137] {
overflow: hidden;
width: 100%;
min-height: calc(100vh - 375px)
}
@media (min-width: 460px) {
.scroll-page[_ngcontent-efh-c137] .app-content1[_ngcontent-efh-c137] {
min-height: calc(100vh - 375px)
}
}
@media (min-width: 767px) {
.scroll-page[_ngcontent-efh-c137] .app-content1[_ngcontent-efh-c137] {
min-height: calc(100vh - 376px)
}
}
@media (min-width: 768px) {
.scroll-page[_ngcontent-efh-c137] .app-content1[_ngcontent-efh-c137] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1023px) {
.scroll-page[_ngcontent-efh-c137] .app-content1[_ngcontent-efh-c137] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1440px) {
.scroll-page[_ngcontent-efh-c137] .app-content1[_ngcontent-efh-c137] {
min-height: calc(100vh - 212px)
}
}
.scroll-page[_ngcontent-efh-c137] .app-content-inner[_ngcontent-efh-c137] {
overflow: hidden;
background: #FFF;
min-height: calc(100vh - 375px)
}
@media (min-width: 460px) {
.scroll-page[_ngcontent-efh-c137] .app-content-inner[_ngcontent-efh-c137] {
min-height: calc(100vh - 375px)
}
}
@media (min-width: 767px) {
.scroll-page[_ngcontent-efh-c137] .app-content-inner[_ngcontent-efh-c137] {
min-height: calc(100vh - 376px)
}
}
@media (min-width: 768px) {
.scroll-page[_ngcontent-efh-c137] .app-content-inner[_ngcontent-efh-c137] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1023px) {
.scroll-page[_ngcontent-efh-c137] .app-content-inner[_ngcontent-efh-c137] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1440px) {
.scroll-page[_ngcontent-efh-c137] .app-content-inner[_ngcontent-efh-c137] {
min-height: calc(100vh - 212px)
}
}
.scroll-page[_ngcontent-efh-c137] app-footer[_ngcontent-efh-c137] {
display: block;
height: 325px
}
@media (min-width: 460px) {
.scroll-page[_ngcontent-efh-c137] app-footer[_ngcontent-efh-c137] {
height: 325px
}
}
@media (min-width: 768px) {
.scroll-page[_ngcontent-efh-c137] app-footer[_ngcontent-efh-c137] {
height: 50px
}
}
@media (min-width: 1023px) {
.scroll-page[_ngcontent-efh-c137] app-footer[_ngcontent-efh-c137] {
height: 50px
}
}
@media (min-width: 1440px) {
.scroll-page[_ngcontent-efh-c137] app-footer[_ngcontent-efh-c137] {
height: 50px
}
}
.scroll-page[_ngcontent-efh-c137] app-footer.hide-mobile[_ngcontent-efh-c137] {
display: none
}
@media (min-width: 768px) {
.scroll-page[_ngcontent-efh-c137] app-footer.hide-mobile[_ngcontent-efh-c137] {
display: block
}
}
.app-nav[_ngcontent-efh-c137] {
padding: 40px
}
app-pre-auth-header[_ngcontent-efh-c137] {
display: block;
background-color: #fff
}
app-pre-auth-header.mainHeaderHeight[_ngcontent-efh-c137],
app-pre-auth-header.secondaryHeaderHeight[_ngcontent-efh-c137] {
height: 50px
}
app-pre-auth-header.mainHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c137],
app-pre-auth-header.secondaryHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c137] {
height: 150px
}
.footer[_ngcontent-efh-c137] {
width: 75%
}
.chat-icon-position[_ngcontent-efh-c137] {
cursor: pointer;
position: fixed;
bottom: 46%;
right: 0%;
right: 1.25% \fffd;
z-index: 1000;
transition-duration: .5s
}
.chat-box-main-container[_ngcontent-efh-c137] {
position: fixed;
height: 100%;
width: 30%;
overflow: hidden;
margin-top: 1px;
background-color: #fff;
border-left: 1px solid #EEE;
z-index: 1000
}
.page-content-footer-wrapper[_ngcontent-efh-c137] {
transition-duration: .5s;
width: 100%;
float: left
}
.clear-right[_ngcontent-efh-c137] {
clear: right
}
.main-page.chat-active[_ngcontent-efh-c137] .page-content-footer-wrapper[_ngcontent-efh-c137] {
width: 70%;
float: left
}
.main-page.chat-active[_ngcontent-efh-c137] .chat-app[_ngcontent-efh-c137] {
display: block;
position: fixed;
right: 0;
width: 30%;
float: right;
background-color: #fff;
height: 100%
}
.main-page.sidebar-opened[_ngcontent-efh-c137] .page-content-footer-wrapper[_ngcontent-efh-c137] {
width: 70%;
float: left
}
@media (max-width: 767px) {
.hide-in-desktop[_ngcontent-efh-c137] {
display: block
}
.hide-in-mobile[_ngcontent-efh-c137] {
display: none
}
.page-content-footer-wrapper[_ngcontent-efh-c137] {
width: 100%
}
.chat-icon-position[_ngcontent-efh-c137] {
display: none
}
.covid19-container[_ngcontent-efh-c137] {
height: 200px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] {
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-banner-close[_ngcontent-efh-c137] {
right: 16px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-header[_ngcontent-efh-c137] {
padding: 0 20px;
width: 100%
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-header[_ngcontent-efh-c137] .covid19-banner-header[_ngcontent-efh-c137] {
font-size: 20px;
height: 50px;
margin-left: 0;
padding-top: 20px;
padding-right: 20px;
line-height: 1
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] {
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
display: flex;
margin-left: 0;
padding-top: 0;
padding-right: 0;
margin-right: 0
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-banner-text[_ngcontent-efh-c137] {
padding-left: 20px;
font-size: 12px;
margin-top: 20px;
margin-left: 0;
width: 100%;
padding-bottom: 63px;
padding-right: 20px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-btn-container[_ngcontent-efh-c137] {
padding-left: 10px;
padding-right: 10px;
padding-top: 0
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-btn-container[_ngcontent-efh-c137] .learn-more-btn[_ngcontent-efh-c137] {
margin-left: 0
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-btn-container[_ngcontent-efh-c137] .get-help-btn[_ngcontent-efh-c137] {
margin: auto;
width: 100%;
max-width: 400px
}
}
@media (min-width: 768px) {
.app-nav[_ngcontent-efh-c137] {
display: none
}
app-pre-auth-header.mainHeaderHeight[_ngcontent-efh-c137] {
height: 159px
}
app-pre-auth-header.mainHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c137] {
height: 224px
}
app-pre-auth-header.secondaryHeaderHeight[_ngcontent-efh-c137] {
height: 79px
}
app-pre-auth-header.secondaryHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c137] {
height: 144px
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
.chat-box-main-container[_ngcontent-efh-c137] {
width: 100%;
z-index: 1000
}
.main-page.chat-active[_ngcontent-efh-c137] .page-content-footer-wrapper[_ngcontent-efh-c137] {
display: none
}
.main-page.chat-active[_ngcontent-efh-c137] .chat-app[_ngcontent-efh-c137] {
display: block;
width: 100%;
background-color: #fff;
height: 100%
}
.main-page.sidebar-opened[_ngcontent-efh-c137] .page-content-footer-wrapper[_ngcontent-efh-c137] {
display: none
}
[_nghost-efh-c137] app-small-overlay.end-chat .overlay-modal .overlay {
height: auto
}
}
@media screen and (max-width: 767px) {
.endchat-subheading[_ngcontent-efh-c137] {
margin-bottom: 50px !important;
font-size: 1rem !important
}
.endchatmodel-secondary-btn[_ngcontent-efh-c137] {
margin-bottom: 10px;
margin-right: 0 !important;
margin-top: 5px
}
.endchatmodel-primary-btn[_ngcontent-efh-c137] {
margin-left: 0 !important;
margin-bottom: 5px
}
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-button-container[_ngcontent-efh-c137] {
-moz-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
}
@media (min-width: 1024px) {
app-small-overlay.end-chat .overlay-modal .overlay {
border-radius: 5px;
max-width: 810px;
height: 364px;
overflow-y: hidden
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
[_nghost-efh-c137] app-small-overlay.end-chat .overlay-modal .overlay {
padding-bottom: 60px
}
.hide-in-desktop[_ngcontent-efh-c137] {
display: block
}
.hide-in-mobile[_ngcontent-efh-c137] {
display: none
}
.covid19-footer-margin[_ngcontent-efh-c137] {
margin-bottom: 182px
}
.covid19-container[_ngcontent-efh-c137] {
height: 180px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] {
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-header[_ngcontent-efh-c137] {
padding-bottom: 0;
width: 100%;
padding-left: 50px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-header[_ngcontent-efh-c137] .covid19-banner-header[_ngcontent-efh-c137] {
height: 35px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] {
display: flex;
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
padding-top: 10px;
padding-left: 50px;
margin-left: 0
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-banner-text[_ngcontent-efh-c137] {
width: 45%;
margin-right: 112px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-btn-container[_ngcontent-efh-c137] {
padding-top: 7px;
padding-right: 34px
}
.covid19-container[_ngcontent-efh-c137] .covid19-banner-container[_ngcontent-efh-c137] .covid19-text-container[_ngcontent-efh-c137] .covid19-btn-container[_ngcontent-efh-c137] .get-help-btn[_ngcontent-efh-c137] {
width: 282px
}
}
@media (min-width: 531px) and (max-width: 767px) {
.endchat-subheading[_ngcontent-efh-c137] {
margin-bottom: 15px !important
}
.endchatmodel-primary-btn[_ngcontent-efh-c137] {
margin-top: 15px !important
}
}
app-small-overlay.end-chat .overlay-modal {
z-index: 2147483645
}
app-small-overlay.end-chat .overlay-modal .overlay {
border-radius: 5px;
width: 80%;
overflow: auto;
height: auto;
padding-bottom: 60px;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.endchat-heading[_ngcontent-efh-c137] {
width: 100%;
height: 38px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 30px;
text-align: center;
color: #333
}
.endchat-subheading[_ngcontent-efh-c137] {
width: 100%;
height: 25px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 1.25;
text-align: center;
color: #666;
margin-top: 15px;
margin-bottom: 15px;
font-weight: 400;
font-style: normal;
font-stretch: normal
}
.endchat-subheading[_ngcontent-efh-c137] #lockIcon[_ngcontent-efh-c137] {
background-image: url(lock-icon-teal.7ea38f02cfcd4f5a.svg);
display: inline-block;
width: 25px;
height: 20px;
position: absolute;
top: 3px;
margin-left: -2px
}
.endchat-subheading[_ngcontent-efh-c137] #notify2[_ngcontent-efh-c137] {
margin-left: 25px
}
#extraHeight[_ngcontent-efh-c137] {
height: 50px !important;
position: relative
}
.passwordWarning[_ngcontent-efh-c137] {
text-align: center;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #d22630;
font-weight: 700;
margin-bottom: 25px
}
.endchatmodel-secondary-btn[_ngcontent-efh-c137] {
width: 180px;
height: 50px;
margin-right: 10px
}
.endchatmodel-primary-btn[_ngcontent-efh-c137] {
width: 180px;
height: 50px;
margin-left: 10px
}
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-header[_ngcontent-efh-c137] .endchat-cross[_ngcontent-efh-c137] {
position: relative;
cursor: pointer;
position: absolute;
right: 15px;
opacity: .7;
top: 15px
}
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-header[_ngcontent-efh-c137] .endchat-cross[_ngcontent-efh-c137]:before {
content: url(icon-chat-close.48b7e3bad32fdb76.svg);
width: 18px;
height: 18px;
display: block
}
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-info-icon-container[_ngcontent-efh-c137] {
margin-bottom: 10px;
text-align: center
}
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-info-icon-container[_ngcontent-efh-c137] .endchat-green-warning[_ngcontent-efh-c137] {
position: relative;
height: 30px;
display: inline-block
}
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-info-icon-container[_ngcontent-efh-c137] .endchat-green-warning[_ngcontent-efh-c137]:before {
content: url(group-4.a38b0d310c839869.svg);
width: 60px;
height: 60px;
display: block
}
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-info-icon-container[_ngcontent-efh-c137] .co-browse-image[_ngcontent-efh-c137] {
position: relative;
height: 30px;
display: inline-block
}
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-info-icon-container[_ngcontent-efh-c137] .co-browse-image[_ngcontent-efh-c137]:before {
content: url(screen-share-icon.12354ea58f44862b.svg);
width: 60px;
height: 60px;
display: block
}
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-button-container[_ngcontent-efh-c137] .gd-secondary-btn[_ngcontent-efh-c137]:hover,
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-button-container[_ngcontent-efh-c137] .gd-secondary-btn[_ngcontent-efh-c137]:active,
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-button-container[_ngcontent-efh-c137] .gd-secondary-btn[_ngcontent-efh-c137]:focus,
.endchat-overlay-container[_ngcontent-efh-c137] .endchat-overlay-body[_ngcontent-efh-c137] .endchat-button-container[_ngcontent-efh-c137] .gd-secondary-btn[_ngcontent-efh-c137]:active:focus {
color: #fff;
background: #007f33;
border-color: #007f33
}
#top[_ngcontent-efh-c137],
#bottom[_ngcontent-efh-c137],
#left[_ngcontent-efh-c137],
#right[_ngcontent-efh-c137] {
background: #78BE20;
position: fixed;
z-index: 9999;
transition: width .15s ease-in-out
}
#left[_ngcontent-efh-c137],
#right[_ngcontent-efh-c137] {
top: 0;
bottom: 0;
width: 0
}
#left[_ngcontent-efh-c137] {
left: 0
}
#right[_ngcontent-efh-c137] {
right: 0
}
#top[_ngcontent-efh-c137],
#bottom[_ngcontent-efh-c137] {
left: 0;
right: 0;
height: 0
}
#top[_ngcontent-efh-c137] {
top: 0
}
#bottom[_ngcontent-efh-c137] {
bottom: 0
}
.purple-border[_ngcontent-efh-c137] {
background-color: #f200ff !important
}
@media (max-width: 767px) {
.endchat-heading[_ngcontent-efh-c137] {
font-size: 1.5rem;
height: auto
}
.endchat-subheading[_ngcontent-efh-c137] {
font-size: 1.125rem !important;
margin-bottom: 15px !important;
height: auto
}
.endchatmodel-primary-btn[_ngcontent-efh-c137],
.endchatmodel-secondary-btn[_ngcontent-efh-c137] {
width: 240px
}
}
@media print {
body.terms-and-conditions-auth .cookie-law,
body.terms-and-conditions-auth app-header {
display: none
}
}
[_nghost-efh-c137] .nid-lib-styler .nid-lib .main-container {
min-height: calc(100vh - 50px)
}
@media (min-width: 768px) {
[_nghost-efh-c137] .nid-lib-styler .nid-lib .main-container {
min-height: calc(100vh - 130px)
}
}
/* #endregion */
/* #region #2 */
.clearfix[_ngcontent-efh-c126]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c126] html[_ngcontent-efh-c126] .clearfix[_ngcontent-efh-c126] {
height: 1%
}
.clearfix[_ngcontent-efh-c126] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c126] {
margin-left: 60px
}
.side-bar[_ngcontent-efh-c126] {
display: block;
position: fixed;
right: -30%;
width: 100%;
float: right;
border-left: 1px solid #EEE;
background-color: #fff;
height: 100%;
z-index: 1
}
.side-bar.header-opened[_ngcontent-efh-c126] {
right: 0;
transition: .5s
}
.side-bar.header-display-none[_ngcontent-efh-c126] {
display: none
}
.side-bar.header-closed[_ngcontent-efh-c126] {
right: -100%;
transition: .5s
}
.side-bar.highlight[_ngcontent-efh-c126] {
position: inherit
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] {
position: relative;
height: 100%;
width: 100%;
margin-top: 1px;
background-color: #fff;
z-index: 1000
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container.highlight[_ngcontent-efh-c126] {
position: inherit
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .header[_ngcontent-efh-c126] {
width: 100%;
height: 80px;
display: flex;
padding: 30px 20px;
border-bottom: solid 1px #eeeeee;
line-height: 1
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .header[_ngcontent-efh-c126] .text[_ngcontent-efh-c126] {
font-size: 22px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
color: #333;
width: 100%
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .header[_ngcontent-efh-c126] .icon-close[_ngcontent-efh-c126] {
right: 25px;
top: 25px;
float: right;
position: relative;
position: absolute
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .header[_ngcontent-efh-c126] .icon-close[_ngcontent-efh-c126]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 26px;
height: 28px;
display: block
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body[_ngcontent-efh-c126] {
height: 100%;
display: block;
overflow: auto
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body.with-cookie[_ngcontent-efh-c126] {
height: calc(100vh - 151px)
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body.with-cookie-unauthorized[_ngcontent-efh-c126] {
height: calc(100vh - 128px)
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body.with-header[_ngcontent-efh-c126] {
height: calc(100vh - 245px)
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body.with-header.with-cookie[_ngcontent-efh-c126] {
height: calc(100vh - 345px)
}
.side-bar-content[_ngcontent-efh-c126] {
display: block;
position: fixed;
right: 30%;
width: 70%;
float: left;
border-left: 1px solid #EEE;
background-color: #fff;
height: 100%;
z-index: 20
}
.side-bar-content.content-opened[_ngcontent-efh-c126] {
left: 0;
z-index: 1010
}
.side-bar-content.content-closed[_ngcontent-efh-c126] {
left: -100%
}
@media (max-width: 1024px) and (min-width: 320px) {
.side-bar-content[_ngcontent-efh-c126] {
width: 100%
}
}
@media (min-width: 1024px) {
.sidebar-container.mainHeaderHeight[_ngcontent-efh-c126] {
margin-top: 159px
}
.sidebar-container.mainHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c126] {
margin-top: 224px
}
.sidebar-container.mainHeaderHeight[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body[_ngcontent-efh-c126] {
height: calc(100vh - 161px)
}
.sidebar-container.secondaryHeaderHeight[_ngcontent-efh-c126] {
margin-top: 79px
}
.sidebar-container.secondaryHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c126] {
margin-top: 144px
}
}
@media screen and (min-width: 1025px) {
.side-bar[_ngcontent-efh-c126] {
width: 30%
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body.with-cookie[_ngcontent-efh-c126] {
height: calc(100vh - 228px)
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body.with-cookie-unauthorized[_ngcontent-efh-c126] {
height: calc(100vh - 128px)
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body.with-header[_ngcontent-efh-c126] {
height: calc(100vh - 245px)
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container[_ngcontent-efh-c126] .body.with-header.with-cookie[_ngcontent-efh-c126] {
height: calc(100vh - 310px)
}
.side-bar[_ngcontent-efh-c126] .side-bar-main-container.header-closed[_ngcontent-efh-c126] {
right: -30%;
transition: .5s
}
.secondary-header[_nghost-efh-c126] .side-bar[_ngcontent-efh-c126] .body[_ngcontent-efh-c126] {
height: calc(100vh - 84px)
}
}
/* #endregion */
/* #region #3 */
.clearfix[_ngcontent-efh-c128]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c128] html[_ngcontent-efh-c128] .clearfix[_ngcontent-efh-c128] {
height: 1%
}
.clearfix[_ngcontent-efh-c128] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c128] {
margin-left: 60px
}
.spinner-text[_ngcontent-efh-c128] {
position: relative;
top: 50%;
max-width: 280px;
text-align: center;
margin: 0 auto;
color: #333;
font-size: 20px
}
.spinner-container[_ngcontent-efh-c128] {
animation: rotate 2s linear infinite;
-webkit-animation: rotate 2s linear infinite;
z-index: 100
}
.spinner-container[_ngcontent-efh-c128] .path[_ngcontent-efh-c128] {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
stroke: #fff;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite;
-webkit-animation: dash 1.5s ease-in-out infinite
}
.spinner-container[_ngcontent-efh-c128] .path.green[_ngcontent-efh-c128] {
stroke: #009639
}
@keyframes rotate {
to {
transform: rotate(360deg)
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124
}
}
@media (min-width: 768px) {
.spinner-text[_ngcontent-efh-c128] {
max-width: 320px
}
}
/* #endregion */
/* #region #4 */
.clearfix[_ngcontent-efh-c131]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c131] html[_ngcontent-efh-c131] .clearfix[_ngcontent-efh-c131] {
height: 1%
}
.clearfix[_ngcontent-efh-c131] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c131] {
margin-left: 60px
}
.overlay-modal[_ngcontent-efh-c131] {
position: fixed;
z-index: 10000;
inset: 0;
overflow: auto;
background-color: #0006
}
.template-content[_ngcontent-efh-c131] {
margin-top: 0
}
.overlay-title[_ngcontent-efh-c131] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700
}
.overlay[_ngcontent-efh-c131] {
position: relative;
height: 100%;
width: 100%;
padding: 30px;
margin: 0;
background: #FFF;
overflow-x: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
.overlay.alternate[_ngcontent-efh-c131] {
background-color: #fff;
color: #666;
text-align: left
}
@media (min-width: 768px) {
.overlay[_ngcontent-efh-c131] {
height: auto;
width: 80%;
overflow: auto;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
}
@media (min-width: 1024px) {
.overlay[_ngcontent-efh-c131] {
max-width: 680px
}
}
@media screen and (max-width: 769px) {
.template-content[_ngcontent-efh-c131] {
margin-top: 40px
}
}
/* #endregion */
/* #region #5 */
.clearfix[_ngcontent-efh-c132]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c132] html[_ngcontent-efh-c132] .clearfix[_ngcontent-efh-c132] {
height: 1%
}
.clearfix[_ngcontent-efh-c132] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c132] {
margin-left: 60px
}
.clearfix[_ngcontent-efh-c132]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c132] html[_ngcontent-efh-c132] .clearfix[_ngcontent-efh-c132] {
height: 1%
}
.clearfix[_ngcontent-efh-c132] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c132] {
margin-left: 60px
}
.overlay-modal[_ngcontent-efh-c132] {
position: fixed;
z-index: 9999;
inset: 0;
overflow: auto;
background-color: #0006
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] {
max-height: 448px;
max-width: 810px;
overflow: hidden;
left: 50%;
top: 35%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .overlay-cross[_ngcontent-efh-c132] {
position: relative;
width: 23px;
height: 18px;
cursor: pointer;
right: 15px;
top: 15px
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .overlay-cross[_ngcontent-efh-c132]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 100%;
height: 100%;
display: block
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] {
margin-top: 0;
padding: 20px
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .overlay-title[_ngcontent-efh-c132] {
font-size: 28px;
letter-spacing: 1px;
font-weight: 500;
text-align: center;
margin-bottom: 15px;
display: block;
color: #666;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .overlay-text[_ngcontent-efh-c132] {
font-size: 20px;
color: #666;
text-align: center
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .btns[_ngcontent-efh-c132] {
max-width: 400px;
display: inline-block;
margin-top: 60px;
width: 100%
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .btns[_ngcontent-efh-c132] .cancel-button[_ngcontent-efh-c132],
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .btns[_ngcontent-efh-c132] .ok-button[_ngcontent-efh-c132] {
width: 100%
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .alt-btns[_ngcontent-efh-c132] {
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-moz-flex-direction: row-reverse;
-o-flex-direction: row-reverse;
flex-direction: row-reverse;
max-width: 100%
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .alt-btns[_ngcontent-efh-c132] .alt-ok-btn[_ngcontent-efh-c132] {
max-width: 180px
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .alt-btns[_ngcontent-efh-c132] .alt-cancel-btn[_ngcontent-efh-c132] {
max-width: 180px;
margin-right: 30px
}
@media (max-width: 768px) {
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] {
max-width: 555px;
max-height: 490px;
left: 50%;
top: 35%;
overflow-y: auto
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .btns[_ngcontent-efh-c132] {
margin: 40px 0
}
.overlay-modal[_ngcontent-efh-c132] .alt-overlay[_ngcontent-efh-c132] {
padding: 20px;
max-height: 430px
}
.overlay-modal[_ngcontent-efh-c132] .alt-overlay[_ngcontent-efh-c132] .alt-template-content[_ngcontent-efh-c132] {
padding: 30px 0 0
}
}
@media (max-width: 767px) {
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] {
max-width: 280px;
max-height: 430px;
left: 50%;
top: 46%;
padding-top: 20px
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .btns[_ngcontent-efh-c132] {
max-width: 100%;
display: block;
margin-top: 40px
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .btns[_ngcontent-efh-c132] .ok-button[_ngcontent-efh-c132] {
margin: auto auto 15px;
max-width: 100%
}
.overlay-modal[_ngcontent-efh-c132] .overlay[_ngcontent-efh-c132] .template-content[_ngcontent-efh-c132] .btns[_ngcontent-efh-c132] .cancel-button[_ngcontent-efh-c132] {
margin: auto;
max-width: 100%
}
}
/* #endregion */
/* #region #6 */
.clearfix[_ngcontent-efh-c133]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c133] html[_ngcontent-efh-c133] .clearfix[_ngcontent-efh-c133] {
height: 1%
}
.clearfix[_ngcontent-efh-c133] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c133] {
margin-left: 60px
}
.center[_ngcontent-efh-c133] {
text-align: center;
display: block;
margin-left: 40%;
width: 300px;
position: fixed;
top: 3%;
z-index: 9999999998
}
[_nghost-efh-c133] app-small-overlay.enddemomodal .overlay-modal {
z-index: 9999999999
}
[_nghost-efh-c133] app-small-overlay.enddemomodal .overlay-modal .overlay {
border-radius: 5px;
width: 80%;
overflow: auto;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%)
}
.end-demo-heading[_ngcontent-efh-c133] {
width: 100%;
height: 38px;
font-size: 30px;
text-align: center;
color: #333;
font-weight: 500;
line-height: 35px;
margin-top: 20px;
margin-bottom: 36px
}
.enddemomodel-secondary-btn[_ngcontent-efh-c133] {
width: 180px;
height: 50px;
margin-right: 10px
}
.enddemomodel-primary-btn[_ngcontent-efh-c133] {
width: 180px;
height: 50px;
margin-left: 10px
}
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-header[_ngcontent-efh-c133] .end-demo-cross[_ngcontent-efh-c133] {
position: relative;
cursor: pointer;
position: absolute;
right: 15px;
opacity: .7;
top: 15px
}
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-header[_ngcontent-efh-c133] .end-demo-cross[_ngcontent-efh-c133]:before {
content: url(icon-chat-close.48b7e3bad32fdb76.svg);
width: 18px;
height: 18px;
display: block
}
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-info-icon-container[_ngcontent-efh-c133] {
margin-bottom: 10px;
text-align: center
}
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-info-icon-container[_ngcontent-efh-c133] .end-demo-green-warning[_ngcontent-efh-c133] {
position: relative;
height: 30px;
display: inline-block
}
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-info-icon-container[_ngcontent-efh-c133] .end-demo-green-warning[_ngcontent-efh-c133]:before {
content: url(demo-exit-msg.4e3145be33feb96e.svg);
width: 80px;
height: 80px;
display: block
}
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-info-icon-container[_ngcontent-efh-c133] .demo-feature-warning[_ngcontent-efh-c133] {
position: relative;
height: 30px;
display: inline-block
}
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-info-icon-container[_ngcontent-efh-c133] .demo-feature-warning[_ngcontent-efh-c133]:before {
content: url(icon-feature-notExist.0b1261fce06d35f8.svg);
width: 80px;
height: 80px;
display: block
}
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-button-container[_ngcontent-efh-c133] .gd-secondary-btn[_ngcontent-efh-c133]:hover,
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-button-container[_ngcontent-efh-c133] .gd-secondary-btn[_ngcontent-efh-c133]:active,
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-button-container[_ngcontent-efh-c133] .gd-secondary-btn[_ngcontent-efh-c133]:focus,
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-button-container[_ngcontent-efh-c133] .gd-secondary-btn[_ngcontent-efh-c133]:active:focus {
color: #fff;
background: #007f33;
border-color: #007f33
}
@media screen and (max-width: 767px) {
.end-demo-heading[_ngcontent-efh-c133] {
margin-bottom: 20px !important;
font-size: 1rem !important
}
.enddemomodel-secondary-btn[_ngcontent-efh-c133] {
margin-bottom: 10px;
margin-right: 0 !important;
margin-top: 5px
}
.enddemomodel-primary-btn[_ngcontent-efh-c133] {
margin-left: 0 !important;
margin-bottom: 5px
}
.end-demo-overlay-container[_ngcontent-efh-c133] .end-demo-overlay-body[_ngcontent-efh-c133] .end-demo-button-container[_ngcontent-efh-c133] {
-moz-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding-top: 15px
}
}
[_nghost-efh-c133] .inside-demo app-colored-overlay .overlay-main-header {
position: fixed;
width: 100%;
margin-right: 0;
margin-left: 0;
background: #FFF;
z-index: 1;
padding: 10px 0
}
[_nghost-efh-c133] .inside-demo app-colored-overlay .demo-container {
margin-top: 61px
}
@media (min-width: 1024px) {
[_nghost-efh-c133] .inside-demo app-colored-overlay .overlay-main-header {
position: inherit
}
[_nghost-efh-c133] .inside-demo app-colored-overlay .demo-container {
margin-top: 0
}
}
@media (min-width: 1024px) {
.enddemomodel-secondary-btn[_ngcontent-efh-c133],
.enddemomodel-primary-btn[_ngcontent-efh-c133] {
width: 280px !important
}
}
@media (min-width: 531px) and (max-width: 767px) {
.end-demo-subheading[_ngcontent-efh-c133] {
margin-bottom: 25px !important
}
.enddemomodel-primary-btn[_ngcontent-efh-c133] {
margin-top: 15px !important
}
}
.end-demo-container[_ngcontent-efh-c133] {
border-radius: 5px;
background-color: #333;
display: flex;
max-width: 300px
}
.demo-icon-position[_ngcontent-efh-c133] {
cursor: pointer;
position: fixed;
top: 10%;
right: 0%;
z-index: 9999999998;
transition-duration: .5s
}
.demo-end[_ngcontent-efh-c133] .demo-icon-phn[_ngcontent-efh-c133] {
position: relative;
padding-left: 14px;
padding-bottom: 10px;
padding-top: 10px
}
.demo-end[_ngcontent-efh-c133] .demo-icon-phn[_ngcontent-efh-c133]:before {
content: url(demo-icon-phone.7dd6ac6ee5ac6c7c.svg);
width: 13px;
height: 24px;
display: block
}
.demo-end[_ngcontent-efh-c133] .youre-in-demo-mode[_ngcontent-efh-c133] {
margin: 16px;
color: #bbb;
font-size: 12px;
line-height: 15px
}
.demo-end[_ngcontent-efh-c133] .end-mode[_ngcontent-efh-c133] {
margin: 16px;
color: #78be20;
font-size: 12px;
font-weight: 500;
line-height: 15px;
text-align: center;
cursor: pointer
}
.demo-end[_ngcontent-efh-c133] .seprate-line[_ngcontent-efh-c133] {
border-left: 1px solid #BBB;
margin-left: 5px
}
.demo-end[_ngcontent-efh-c133] .dot-icon[_ngcontent-efh-c133] {
position: relative;
margin-left: 2px;
margin-top: -6px
}
.demo-end[_ngcontent-efh-c133] .dot-icon[_ngcontent-efh-c133]:before {
content: url(dot-icon-demo.f9aa365b2ef567d5.svg);
width: 4px;
height: 4px;
display: block
}
.demo-end[_ngcontent-efh-c133] .mobend-demo[_ngcontent-efh-c133] {
display: flex
}
.demo-end[_ngcontent-efh-c133] .end-demo[_ngcontent-efh-c133] {
display: flex;
transition: width .5s;
width: 0
}
.demo-end[_ngcontent-efh-c133] .end-demo[_ngcontent-efh-c133] .end-mode-mob[_ngcontent-efh-c133] {
display: none;
margin: 16px;
color: #78be20;
font-size: 12px;
font-weight: 500;
line-height: 15px;
text-align: center;
cursor: pointer
}
.demo-end[_ngcontent-efh-c133] .end-demo.expand[_ngcontent-efh-c133] {
width: 100px
}
.demo-end[_ngcontent-efh-c133] .end-demo.expand[_ngcontent-efh-c133] .end-mode-mob[_ngcontent-efh-c133] {
display: flex
}
.demo-end.demo-mobile[_ngcontent-efh-c133] {
height: 47px
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
[_nghost-efh-c133] app-small-overlay.enddemomodal .overlay-modal .overlay {
height: auto
}
}
.demo-container[_ngcontent-efh-c133] {
text-align: center
}
.everything-is-make[_ngcontent-efh-c133] {
color: #333;
display: inline-block;
font-size: 16px;
line-height: 24px;
text-align: left
}
.everything-hav-fun[_ngcontent-efh-c133] {
color: #333;
font-size: 16px;
line-height: 24px;
text-align: left;
margin-top: 15px
}
.button-play[_ngcontent-efh-c133] {
width: 100%;
margin: 20px 0;
display: inline-block
}
.gd-primary-btn[_ngcontent-efh-c133] {
max-width: 335px
}
.demo-img[_ngcontent-efh-c133] {
margin-top: 40px
}
.demo-start-img-dsk[_ngcontent-efh-c133] {
width: 300px;
height: 300px
}
.demo-start-img-mob[_ngcontent-efh-c133] {
width: 150px;
height: 150px
}
[_nghost-efh-c133] app-colored-overlay .overlay.alternate {
padding-bottom: 0
}
.register-demo-complete[_ngcontent-efh-c133] .demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .welcome-to-our-demo[_ngcontent-efh-c133] {
text-align: left
}
.register-demo-complete[_ngcontent-efh-c133] .demo-container[_ngcontent-efh-c133] .button-play.explore[_ngcontent-efh-c133] {
margin-top: 0
}
.demo-container[_ngcontent-efh-c133] {
display: flex;
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] {
max-width: 305px;
margin: 0 20px
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .button-play-container[_ngcontent-efh-c133] .button-play[_ngcontent-efh-c133] {
display: block
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .button-play-container[_ngcontent-efh-c133] .button-play[_ngcontent-efh-c133] .gd-primary-btn,
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .button-play-container[_ngcontent-efh-c133] .button-play[_ngcontent-efh-c133] .gd-ghost-btn-green-border {
max-width: none
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .welcome-to-our-demo[_ngcontent-efh-c133] {
color: #333;
font-size: 26px;
line-height: 33px;
text-align: left
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .welcome-to-our-demo[_ngcontent-efh-c133] span[_ngcontent-efh-c133] {
font-weight: 700
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .everything-is-make[_ngcontent-efh-c133] {
display: block
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .arrow[_ngcontent-efh-c133] {
position: relative;
float: right;
right: 15px;
top: 3px
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .arrow[_ngcontent-efh-c133]:before {
content: url(Arrow.863bd05819ce952f.svg);
width: 8px;
height: 15px;
display: block
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .button-play-register[_ngcontent-efh-c133] {
text-align: left;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
cursor: pointer;
color: #009639;
font-weight: 700;
margin-bottom: 10px
}
@media (min-width: 768px) {
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .welcome-to-our-demo[_ngcontent-efh-c133] {
font-size: 28px
}
}
@media (min-width: 1024px) {
.demo-container[_ngcontent-efh-c133] {
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin-top: 50px
}
.demo-container[_ngcontent-efh-c133] .demo-img[_ngcontent-efh-c133] {
margin-top: 10px
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] {
max-width: 410px;
margin-left: 100px;
margin-right: 0
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .welcome-to-our-demo[_ngcontent-efh-c133] {
max-width: unset;
text-align: left;
line-height: 50px
}
.demo-container[_ngcontent-efh-c133] .primer-text-container[_ngcontent-efh-c133] .button-play[_ngcontent-efh-c133] {
min-width: 100%;
margin-left: 0;
margin-right: 0
}
}
/* #endregion */
/* #region #7 */
.clearfix[_ngcontent-efh-c134]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c134] html[_ngcontent-efh-c134] .clearfix[_ngcontent-efh-c134] {
height: 1%
}
.clearfix[_ngcontent-efh-c134] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c134] {
margin-left: 60px
}
.app-loading-group[_ngcontent-efh-c134] {
position: fixed;
z-index: 20001;
top: 0;
width: 100%;
background-color: #fff;
height: 100%
}
.delay-message[_ngcontent-efh-c134] {
top: 128px;
display: block;
position: relative;
color: #333;
font-size: 18px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif
}
/* #endregion */
/* #region #8 */
.clearfix[_ngcontent-efh-c123]:after,
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]:after,
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c123] html[_ngcontent-efh-c123] .clearfix[_ngcontent-efh-c123],
*[_ngcontent-efh-c123] html[_ngcontent-efh-c123] .main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] *[_ngcontent-efh-c123] html[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123],
*[_ngcontent-efh-c123] html[_ngcontent-efh-c123] .main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] *[_ngcontent-efh-c123] html[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123] {
height: 1%
}
.clearfix[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c123] {
margin-left: 60px
}
.hide-chat-icon[_ngcontent-efh-c123] {
visibility: hidden
}
.top-right-header-section[_ngcontent-efh-c123] {
display: none
}
.top-right-header-section-sso[_ngcontent-efh-c123] {
display: none;
padding-right: 20px
}
.chat-icon-gray-cross[_ngcontent-efh-c123] {
padding-right: 15px;
display: inline-block;
position: relative;
top: 18px;
cursor: pointer;
right: 45px
}
.chat-icon-gray-cross[_ngcontent-efh-c123]:before {
content: url(icon-chat-dark.eca0193d563de26c.svg);
width: 25px;
height: 25px;
display: block
}
.chat-text[_ngcontent-efh-c123] {
font-size: 18px;
padding-left: 10px
}
.chat-box[_ngcontent-efh-c123] {
display: flex
}
.stroke-cross[_ngcontent-efh-c123] {
vertical-align: middle;
border-right: 1px solid #EEE;
height: 37px;
width: 5px;
display: inline-block;
width: 16px;
height: 45px;
right: 52px;
margin-top: 17px;
position: relative
}
.bell-icon[_ngcontent-efh-c123] {
position: relative;
display: inline-block;
margin-right: 10px
}
.bell-icon[_ngcontent-efh-c123]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 18px;
height: 18px;
display: block
}
.chat-white[_ngcontent-efh-c123] {
position: relative
}
.chat-white[_ngcontent-efh-c123]:before {
content: url(icon-chat.243344f36ac2fccd.svg);
width: 16px;
height: 16px;
display: block
}
.chat-highlight[_ngcontent-efh-c123] {
position: relative
}
.chat-highlight[_ngcontent-efh-c123]:before {
content: url(icon-chat-highlight.8c684f81b62cdfe7.svg);
width: 16px;
height: 16px;
display: block
}
.chat-icon-white[_ngcontent-efh-c123] {
padding-right: 14px;
display: inline-block;
position: relative;
top: 5px;
margin-left: 8px
}
.header-menu-position[_ngcontent-efh-c123],
.get-in-touch[_ngcontent-efh-c123] {
display: none
}
.expand-icon[_ngcontent-efh-c123],
.right-arrow-icon[_ngcontent-efh-c123],
.collapse-icon[_ngcontent-efh-c123] {
position: relative;
float: right;
width: 10px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
cursor: pointer;
margin-right: 5px
}
.expand-icon[_ngcontent-efh-c123]:before,
.right-arrow-icon[_ngcontent-efh-c123]:before,
.collapse-icon[_ngcontent-efh-c123]:before {
content: url(ArrowWhite.8b54976a5a8b377a.svg);
width: 100%;
height: 100%;
display: block
}
.collapse-icon[_ngcontent-efh-c123] {
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
margin-right: 0
}
.right-arrow-icon[_ngcontent-efh-c123] {
transform: rotate(0);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
.switch-icon[_ngcontent-efh-c123] {
float: right;
cursor: pointer;
position: relative;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg)
}
.switch-icon[_ngcontent-efh-c123]:before {
content: url(switch-profile-light-grey.2d08469834ca97db.svg);
width: 15px;
height: 15px;
display: block
}
.right-align[_ngcontent-efh-c123] {
text-align: right
}
.shift-apply[_ngcontent-efh-c123] {
padding-right: 28px;
margin-top: 5px
}
.apply-button[_ngcontent-efh-c123] {
background-color: #fff;
height: 79px;
border-bottom: 1px solid #EEE;
position: fixed;
width: 102%;
z-index: 9998
}
.round-button[_ngcontent-efh-c123] {
padding: 6px 15px 4px;
border-radius: 20px;
font-size: 14px
}
.shiftHeaderTop[_ngcontent-efh-c123] {
top: 80px
}
.shiftHeader[_ngcontent-efh-c123] {
margin-left: 12px
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.shiftHeader[_ngcontent-efh-c123] {
margin-right: 20px
}
}
.lottie[_ngcontent-efh-c123] {
display: inline-block;
width: 28px;
vertical-align: middle
}
.float-logo-left[_ngcontent-efh-c123] {
padding-left: 14px;
text-align: left;
margin-top: 14px;
cursor: pointer;
position: relative;
position: absolute
}
.float-logo-left[_ngcontent-efh-c123]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 40px;
height: 40px;
display: block
}
.float-Cross[_ngcontent-efh-c123] {
top: 14px;
cursor: pointer;
position: relative;
right: 35px
}
.float-Cross[_ngcontent-efh-c123]:before {
content: url(Cross-Black.beebd41b49835647.svg);
width: 15px;
height: 15px
}
.position-header[_ngcontent-efh-c123] {
position: relative
}
.back-menu[_ngcontent-efh-c123] {
position: absolute;
top: 5px;
margin-left: 8px;
height: 21px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #006341
}
.back-arrow[_ngcontent-efh-c123] {
cursor: pointer;
position: relative
}
.back-arrow[_ngcontent-efh-c123]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 15px;
height: 15px;
display: block
}
.back-arrow[_ngcontent-efh-c123]:before {
position: absolute;
display: inline-block;
top: 31px;
left: 30px
}
.MenuActive[_ngcontent-efh-c123] {
border-bottom: 4px solid #78BE20
}
.scroll-navigator-container[_ngcontent-efh-c123] {
padding: 0
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] {
margin-top: .625rem;
padding-top: 1rem;
display: flex;
cursor: pointer
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .nav-divider[_ngcontent-efh-c123] {
height: 1.625rem;
border-left: 1px solid #EEE
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .left-nav[_ngcontent-efh-c123] {
padding: 4px 20px 0 0;
position: relative
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .left-nav[_ngcontent-efh-c123]:before {
content: url(Arrow_Active_Left.9ee3e998619c0876.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .left-nav[_ngcontent-efh-c123]:hover {
position: relative
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .left-nav[_ngcontent-efh-c123]:hover:before {
content: url(Arrow_Hover_Left.9add278f3b20b7cc.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .right-nav[_ngcontent-efh-c123] {
padding: 4px 0 0 20px;
position: relative
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .right-nav[_ngcontent-efh-c123]:before {
content: url(Arrow_Active_Right.4e7010f73b75a13c.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .right-nav[_ngcontent-efh-c123]:hover {
position: relative
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .right-nav[_ngcontent-efh-c123]:hover:before {
content: url(Arrow_Hover_Right.192733dd19eebae1.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .disable-right-nav[_ngcontent-efh-c123] {
padding: 4px 0 0 20px;
position: relative;
cursor: not-allowed
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .disable-right-nav[_ngcontent-efh-c123]:before {
content: url(Arrow_light\ grey_right.ee8cd4298d68312f.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .disable-left-nav[_ngcontent-efh-c123] {
padding: 4px 20px 0 0;
position: relative;
cursor: not-allowed
}
.scroll-navigator-container[_ngcontent-efh-c123] .scroll-nav[_ngcontent-efh-c123] .disable-left-nav[_ngcontent-efh-c123]:before {
content: url(Arrow_light\ grey_left.568e016eb30b02e4.svg);
width: 10px;
height: 10px;
display: block
}
.scrollable-menu-container[_ngcontent-efh-c123]:before {
content: "";
display: flex;
width: 35px;
height: 100%;
left: 0;
position: absolute;
z-index: 999;
margin-right: auto;
top: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 40%, #FFF 70%)
}
.scrollable-menu-container[_ngcontent-efh-c123]:after {
content: "";
display: flex;
width: 40px;
height: 100%;
right: 0;
position: absolute;
z-index: 999;
margin-left: auto;
top: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 40%, #FFF 70%)
}
.menuContainer[_ngcontent-efh-c123] {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #fff;
display: flex;
overflow: scroll;
position: relative;
-ms-overflow-style: none;
scrollbar-width: none
}
.menuContainer[_ngcontent-efh-c123] li[_ngcontent-efh-c123] {
outline: none;
float: left;
height: 65px;
margin-top: 12px;
padding: 16px
}
.menuContainer[_ngcontent-efh-c123] li[_ngcontent-efh-c123] a[_ngcontent-efh-c123] {
display: block;
color: #006341;
text-align: center;
text-decoration: none;
padding-bottom: 23px
}
.menuContainer[_ngcontent-efh-c123] li[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:hover {
border-bottom: 4px solid #78BE20
}
.menuContainer[_ngcontent-efh-c123]::-webkit-scrollbar {
display: none
}
.profileLink[_ngcontent-efh-c123] {
color: #cedc00
}
.profileLink.inactive[_ngcontent-efh-c123] {
color: #d7d7d7;
font-size: 14px
}
.profileLink.locked[_ngcontent-efh-c123] {
color: #d22630;
font-size: 12px
}
.textcolor[_ngcontent-efh-c123] {
color: #fff
}
.nooutline[_ngcontent-efh-c123] {
outline: none;
min-height: 100%
}
.additional-header-options[_ngcontent-efh-c123] {
margin-top: 0
}
.main-header[_ngcontent-efh-c123] {
padding: 13px 0;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1010
}
.main-header.header-background-color[_ngcontent-efh-c123] {
background: #006341
}
.main-header.header-background-color-white[_ngcontent-efh-c123] {
background: #FFF;
border-bottom: 1px solid #D1D1D1
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] {
flex: 1
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .cross[_ngcontent-efh-c123] {
position: relative;
width: 24px;
height: 24px;
padding-left: 5px;
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .cross[_ngcontent-efh-c123]:before {
content: url(close.73ac0f5edac9f539.svg);
width: 12px;
height: 12px;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left.top-padding[_ngcontent-efh-c123] {
padding-top: 2px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .cross-for-whiteBackground[_ngcontent-efh-c123] {
flex: 1;
position: relative;
width: 24px;
height: 24px;
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .cross-for-whiteBackground[_ngcontent-efh-c123]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 21px;
height: 21px;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .hamburger-icon[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .hamburger-icon-for-white-background[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] {
display: inline-block;
vertical-align: middle
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .hamburger-icon[_ngcontent-efh-c123] {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
bottom: 0;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .hamburger-icon[_ngcontent-efh-c123]:before {
content: url(MobiBurgerIcon.be4fc16709263acc.svg);
width: 24px;
height: 24px;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .hamburger-icon-for-white-background[_ngcontent-efh-c123] {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
bottom: 5px;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .hamburger-icon-for-white-background[_ngcontent-efh-c123]:before {
content: url(hamburger-icon-grey.28051be24e5833b7.svg);
width: 24px;
height: 24px;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .notification[_ngcontent-efh-c123] {
position: absolute;
height: 10px;
width: 10px;
background-color: #cedc00;
border-radius: 50%;
display: inline-block;
top: 0;
right: 0;
border: solid 2px #006341
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo[_ngcontent-efh-c123] {
position: relative;
width: 24px;
height: 24px;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo[_ngcontent-efh-c123]:before {
content: url(NedbanklogoBig.e888354d74b5ea34.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo-white-background[_ngcontent-efh-c123] {
position: relative;
width: 24px;
height: 24px;
cursor: pointer;
display: inline-block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo-white-background[_ngcontent-efh-c123]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .back-arrow-white-background[_ngcontent-efh-c123] {
position: relative;
width: 15px;
height: 15px;
cursor: pointer;
display: inline-block;
margin-top: 4px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .back-arrow-white-background[_ngcontent-efh-c123]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .back-arrow-white-background[_ngcontent-efh-c123]:before {
display: inline-block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] {
position: fixed;
background: #006341;
left: 0;
top: 50px;
height: calc(100vh - 50px);
overflow-y: auto;
z-index: 1000;
padding: 0 0 10px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transform: translate(-100%);
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transition: transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding: 17px;
border-bottom: 1px solid #37856A
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123]:first-of-type {
border-top: 1px solid #37856A
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details.inactive[_ngcontent-efh-c123] {
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details.locked[_ngcontent-efh-c123] {
cursor: not-allowed
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details.link-profile[_ngcontent-efh-c123] {
outline: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details.view-all-profile[_ngcontent-efh-c123] {
display: block;
text-align: center
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details.view-all-profile[_ngcontent-efh-c123] a[_ngcontent-efh-c123] {
color: #fff
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .pic[_ngcontent-efh-c123] {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #115740;
border: 1px solid #78BE20;
font-size: .875rem;
border-radius: 40px;
padding: 15px 0;
margin-right: 20px;
text-align: center;
color: #fff
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .pic.inactive[_ngcontent-efh-c123] {
border-color: #bbb;
color: #bbb
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .pic.link-profile[_ngcontent-efh-c123] {
border-color: #fff;
font-size: 1.375rem;
padding-top: 10px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .locked-profile[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .locked-profile[_ngcontent-efh-c123]:before {
content: url(reverse.55ac4a4911094f7b.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .locked-profile[_ngcontent-efh-c123] span[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] {
flex: 1
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .name[_ngcontent-efh-c123] {
font-size: 20px;
font-weight: 700;
color: #fff;
word-break: break-all
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .link[_ngcontent-efh-c123] a[_ngcontent-efh-c123] {
font-weight: 700;
color: #fff;
text-decoration: underline;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .link[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:hover,
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .link[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:active {
color: #fff
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-overview[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-overview[_ngcontent-efh-c123]:before {
content: url(TabletOverview.eafbf6e8a415e0f0.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-transfer[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-transfer[_ngcontent-efh-c123]:before {
content: url(TransferIcon.ac034a9e453e6fc6.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-pay-icon[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-pay-icon[_ngcontent-efh-c123]:before {
content: url(PayIcon.f24f14339a757bae.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-buy-icon[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-buy-icon[_ngcontent-efh-c123]:before {
content: url(BuyIcon.9afdaa169756fe82.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-cards-icon[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .menu-cards-icon[_ngcontent-efh-c123]:before {
content: url(CardsIcon.cd2c8ddc7dc86328.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123] {
list-style: none;
padding-left: 0
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123] {
position: relative;
box-shadow: 0 1px 1px #37856a
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]:last-child {
border-bottom: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container.open[_ngcontent-efh-c123] .pop-over[_ngcontent-efh-c123] {
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container.open[_ngcontent-efh-c123]:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 10px);
z-index: 2;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin-top: 11px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container.open[_ngcontent-efh-c123]:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 6px);
z-index: 3;
width: 13px;
height: 13px;
border: solid 1px rgba(187, 187, 187, .5);
border-bottom: none;
border-right: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 13px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container[_ngcontent-efh-c123] .pop-over[_ngcontent-efh-c123] {
margin-top: 20px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container[_ngcontent-efh-c123] .pop-over.no-sub-menu[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container[_ngcontent-efh-c123] .pop-over.submenu-width[_ngcontent-efh-c123] {
min-width: 225px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] {
display: block;
line-height: 60px;
padding: 0 17px;
text-decoration: none;
color: #333;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] .text[_ngcontent-efh-c123] {
display: inline-block;
vertical-align: middle;
line-height: 1
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123] {
width: 16px;
margin-right: 17px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] .icon.arrow-icon[_ngcontent-efh-c123] {
position: relative;
float: right;
width: 10px;
margin: 24px 0 0
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] .icon.arrow-icon[_ngcontent-efh-c123]:before {
content: url(ArrowWhite.8b54976a5a8b377a.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a.offers[_ngcontent-efh-c123] {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding-left: 17px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a.offers[_ngcontent-efh-c123] .text[_ngcontent-efh-c123] {
flex: 1
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a.offers[_ngcontent-efh-c123] .icon.bell-icon[_ngcontent-efh-c123] {
width: 24px;
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a.offers[_ngcontent-efh-c123] .icon.bell-icon[_ngcontent-efh-c123]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a.offers[_ngcontent-efh-c123] .icon.arrow-icon[_ngcontent-efh-c123] {
margin: 0
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-apply-icon[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-apply-icon[_ngcontent-efh-c123]:before {
content: url(ApplyIcon.e04d4062d5785b69.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .bell-icon[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .bell-icon[_ngcontent-efh-c123]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-overview[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-overview[_ngcontent-efh-c123]:before {
content: url(overviewMob-grey.dd4b19e1791b3641.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-transfer[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-transfer[_ngcontent-efh-c123]:before {
content: url(TransferMob-grey.d2cf2f3352cbbe49.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-pay-icon[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-pay-icon[_ngcontent-efh-c123]:before {
content: url(payMob-grey.38557da537af80e4.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-buy-icon[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-buy-icon[_ngcontent-efh-c123]:before {
content: url(buyMob-grey.654bf57bf38fa32c.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-cards-icon[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-cards-icon[_ngcontent-efh-c123]:before {
content: url(cardsMob-grey.8b61144ae63bd820.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-recipients[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-recipients[_ngcontent-efh-c123]:before {
content: url(recipientMob-grey.47e3f6a3d32bd663.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-settings[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-settings[_ngcontent-efh-c123]:before {
content: url(settingsMob-grey.53eb4baebd710d1d.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-profile[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-profile[_ngcontent-efh-c123]:before {
content: url(profileMob-grey.74e87f2e63bddbf9.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-contact-us[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-contact-us[_ngcontent-efh-c123]:before {
content: url(contactMob-grey.c99c3ed9b3e394a6.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-logoff[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-logoff[_ngcontent-efh-c123]:before {
content: url(LogoutMob-grey.f411acdf1305d403.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-recipient-icon[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .menu-recipient-icon[_ngcontent-efh-c123]:before {
content: url(recipientMob-grey.47e3f6a3d32bd663.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .new-recipient[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav.side-nav[_ngcontent-efh-c123] .new-recipient[_ngcontent-efh-c123]:before {
content: url(New-recipient.b89d1f9e9e1fa1e3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123] {
padding-left: 0;
list-style: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123] {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
width: 20px;
height: 20px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.offer-notification[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123] .chat-icon-container[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.contactus[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] {
display: block;
height: 100%;
width: 100%;
outline: 0
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container.open[_ngcontent-efh-c123] .pop-over[_ngcontent-efh-c123] {
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container.open[_ngcontent-efh-c123]:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 10px);
z-index: 2;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin-top: 16px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container.open[_ngcontent-efh-c123]:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 6px);
z-index: 3;
width: 13px;
height: 13px;
border: solid 1px rgba(187, 187, 187, .5);
border-bottom: none;
border-right: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 18px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container[_ngcontent-efh-c123] .pop-over[_ngcontent-efh-c123] {
margin-top: 25px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container[_ngcontent-efh-c123] .pop-over.no-sub-menu[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.pop-over-container[_ngcontent-efh-c123] .pop-over.submenu-width[_ngcontent-efh-c123] {
min-width: 225px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.search[_ngcontent-efh-c123] {
position: relative;
width: 16px;
height: 16px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.search[_ngcontent-efh-c123]:before {
content: url(SearchIcon.f18b75cfc926491a.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.contact[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.contact[_ngcontent-efh-c123] a[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.contact[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:before {
content: url(contactWhite.076a62320b9995c2.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.setting[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.setting[_ngcontent-efh-c123] a[_ngcontent-efh-c123] {
position: relative
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.setting[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:before {
content: url(settings.b45e653faf0414ae.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.logout[_ngcontent-efh-c123] {
display: none;
position: static;
height: 81px;
font-family: 14px;
width: 105px;
top: -20px;
line-height: 82px;
padding-left: 25px;
background-color: #115740;
margin: 0
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.logout[_ngcontent-efh-c123] a[_ngcontent-efh-c123] {
color: #fff
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.user-container[_ngcontent-efh-c123] {
display: none;
font-size: 14px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.user-container[_ngcontent-efh-c123] .btn-profile-menu[_ngcontent-efh-c123] {
cursor: pointer;
width: 100%;
height: 42px;
margin-top: -15px;
background-color: #006341;
color: #fff;
text-align: left;
border: none;
padding: 0 10px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.user-container[_ngcontent-efh-c123] .btn-profile-menu[_ngcontent-efh-c123] .initials[_ngcontent-efh-c123] {
border-radius: 50%;
border: 2px solid #FFF;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
margin-top: 7px;
font-size: 12px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.user-container[_ngcontent-efh-c123] .btn-profile-menu[_ngcontent-efh-c123] .name[_ngcontent-efh-c123] {
margin-left: 10px;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
width: 6.8em;
vertical-align: middle
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.user-container[_ngcontent-efh-c123] .btn-profile-menu[_ngcontent-efh-c123] .caret[_ngcontent-efh-c123] {
float: right;
margin-top: 15px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.user-container[_ngcontent-efh-c123] a.user[_ngcontent-efh-c123] {
color: #333;
display: block;
height: 100%;
transform: translate(-50%) translateY(-50%)
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.cross[_ngcontent-efh-c123] {
position: relative;
width: 22px;
height: 22px;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.cross[_ngcontent-efh-c123]:before {
content: url(close.73ac0f5edac9f539.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .center[_ngcontent-efh-c123] {
font-size: 18px;
color: #006341
}
.main-header[_ngcontent-efh-c123] .footer-nav-items[_ngcontent-efh-c123] {
display: none
}
@media (max-width: 768px) {
.main-header.footer-nav[_ngcontent-efh-c123] {
background: #FFF;
border-bottom: 1px solid #EEE
}
.main-header.footer-nav[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo[_ngcontent-efh-c123] {
position: relative
}
.main-header.footer-nav[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo[_ngcontent-efh-c123]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.footer-nav[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .chat-right[_ngcontent-efh-c123] {
display: none
}
.main-header.footer-nav[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .footer-nav-items[_ngcontent-efh-c123] {
float: right;
display: block
}
.main-header.footer-nav[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .footer-nav-items[_ngcontent-efh-c123] .cross-green[_ngcontent-efh-c123] {
position: relative;
width: 24px;
height: 24px;
padding-left: 5px;
display: inline-block;
cursor: pointer
}
.main-header.footer-nav[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .footer-nav-items[_ngcontent-efh-c123] .cross-green[_ngcontent-efh-c123]:before {
content: url(close_green.432a244b1d13079f.svg);
width: 12px;
height: 12px;
display: block
}
}
.main-header.un-auth[_ngcontent-efh-c123] {
background: #FFF;
border-bottom: 1px solid #EEE
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
position: relative
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo[_ngcontent-efh-c123] {
position: relative
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo[_ngcontent-efh-c123]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] {
color: #006341
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] {
width: auto;
margin-left: 20px;
height: auto
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123] {
line-height: 1
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123],
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] {
display: inline-block;
vertical-align: middle
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] .details[_ngcontent-efh-c123],
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] {
display: none
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123] {
position: relative;
width: 16px
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123]:before {
content: url(location-blank-green.15740b1c831edc89.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] a[_ngcontent-efh-c123] {
color: #006341;
outline: 0;
text-decoration: none;
font-size: 18px
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:active,
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:focus,
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:hover,
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:active:focus {
color: #006341
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.contact-details[_ngcontent-efh-c123] {
text-align: right
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.contact-details[_ngcontent-efh-c123] a[_ngcontent-efh-c123],
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.contact-details[_ngcontent-efh-c123] a[_ngcontent-efh-c123]:focus {
text-decoration: none;
display: inline;
font-size: 18px
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.contact-details[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123] {
position: relative;
width: 15px;
margin-right: 10px
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.contact-details[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123]:before {
content: url(contact-blank-green.36dfab02d2901e0a.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.contact-details[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] {
display: inline-block
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] .call[_ngcontent-efh-c123] {
font-size: 12px
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] .oldBanking-button[_ngcontent-efh-c123] {
display: inline-block
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .top-right-header-section[_ngcontent-efh-c123],
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .top-right-header-section-sso[_ngcontent-efh-c123],
.sub-menu-close[_ngcontent-efh-c123] {
display: block
}
.sub-menu-mob[_ngcontent-efh-c123] {
position: fixed;
inset: 0;
background: #006341;
z-index: 10000;
transform: translate(100%);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transition: transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out;
border-left: 1px solid #BBB
}
.sub-menu-mob.active[_ngcontent-efh-c123] {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.sub-menu-mob.active[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .sub-menu-close[_ngcontent-efh-c123] {
display: inline-block
}
.sub-menu-mob.active[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .sub-menu-border-line[_ngcontent-efh-c123] {
width: 100%;
border-bottom: solid 1.5px #37856A;
margin-top: 20px
}
.sub-menu-mob[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] {
padding: 50px 0 10px;
height: 100%;
position: relative
}
.sub-menu-mob[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .mobile-header-menu[_ngcontent-efh-c123] li.active[_ngcontent-efh-c123] {
background-color: #eee
}
.sub-menu-mob[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .sub-menu-close[_ngcontent-efh-c123] {
position: absolute;
left: 14px;
top: 17px;
width: 100%;
height: 50px;
background: #006341;
padding: 14px 0 0 6px;
cursor: pointer;
display: none
}
.sub-menu-mob[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .sub-menu-close[_ngcontent-efh-c123] .cross[_ngcontent-efh-c123] {
width: 22px;
height: 22px;
display: inline-block;
padding-right: 8px;
position: relative
}
.sub-menu-mob[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .sub-menu-close[_ngcontent-efh-c123] .cross[_ngcontent-efh-c123]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 100%;
height: 100%;
display: block
}
.sub-menu-mob[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .sub-menu-close[_ngcontent-efh-c123] .cross-submenu[_ngcontent-efh-c123] {
width: 22px;
height: 22px;
/* display: inline-block; */
padding-right: 3px;
margin-right: 30px;
float: right;
position: relative
}
.sub-menu-mob[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .sub-menu-close[_ngcontent-efh-c123] .cross-submenu[_ngcontent-efh-c123]:before {
content: url(close.73ac0f5edac9f539.svg);
width: 100%;
height: 100%;
display: block
}
.sub-menu-mob[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .sub-menu-close[_ngcontent-efh-c123] .submenu-text[_ngcontent-efh-c123] {
width: 75px;
height: 23px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #fff;
padding-left: 6px
}
.sub-menu-mob[_ngcontent-efh-c123] .details[_ngcontent-efh-c123] .sub-menu-close[_ngcontent-efh-c123] .center[_ngcontent-efh-c123] {
font-size: 18px;
color: #006341;
flex: 1;
margin-left: 20%
}
.sub-menu-mob[_ngcontent-efh-c123] .menu-title[_ngcontent-efh-c123] {
padding: 0 16px 0 49px;
line-height: 60px;
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
border-bottom: 1px solid #F9F9F9;
color: #333;
margin: 0
}
.sub-menu-mob[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] {
padding-left: 0;
list-style: none;
height: calc(100% - 62px);
overflow-y: auto
}
.sub-menu-mob[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] {
box-shadow: 0 1px 1px #37856a
}
.sub-menu-mob[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123]:last-child {
border-bottom: none
}
.sub-menu-mob[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] a[_ngcontent-efh-c123] {
display: block;
line-height: 60px;
padding: 0 20px;
text-decoration: none;
color: #333
}
.sub-menu-mob[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] a[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123],
.sub-menu-mob[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] a[_ngcontent-efh-c123] .text[_ngcontent-efh-c123] {
display: inline-block;
vertical-align: middle;
line-height: 1
}
.sub-menu-mob[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] a[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123] {
width: 16px;
margin-right: 17px
}
.sub-menu-mob[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] a[_ngcontent-efh-c123] .icon.arrow-icon[_ngcontent-efh-c123] {
position: relative;
float: right;
width: 10px;
margin: 24px 0 0
}
.sub-menu-mob[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] a[_ngcontent-efh-c123] .icon.arrow-icon[_ngcontent-efh-c123]:before {
content: url(ArrowWhite.8b54976a5a8b377a.svg);
width: 100%;
height: 100%;
display: block
}
.stage[_ngcontent-efh-c123] {
margin: 0 10px;
display: table;
position: relative;
width: 26px;
height: 26px;
line-height: 1
}
.stage[_ngcontent-efh-c123] .bell-icon[_ngcontent-efh-c123] {
position: relative
}
.stage[_ngcontent-efh-c123] .bell-icon[_ngcontent-efh-c123]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 100%;
height: 100%;
display: block
}
.stage[_ngcontent-efh-c123] .pulse-icon[_ngcontent-efh-c123] {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
background: #009639;
border-radius: 50%;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #fff
}
.stage[_ngcontent-efh-c123] .pulse-icon.active[_ngcontent-efh-c123] {
animation: none
}
.stage[_ngcontent-efh-c123] .pulse-icon[_ngcontent-efh-c123]:after {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 3px #009639;
transition: transform .2s, opacity .2s
}
.stage[_ngcontent-efh-c123] .pulse-icon[_ngcontent-efh-c123]:hover:before {
animation: none
}
.stage[_ngcontent-efh-c123] .pulsing[_ngcontent-efh-c123]:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 3px #009639;
transition: transform .2s, opacity .2s;
animation: pulsing 2.7s infinite
}
@keyframes pulsing {
0% {
transform: scale(1);
opacity: 1
}
50% {
transform: scale(1.5);
opacity: 0
}
to {
transform: scale(2);
opacity: 0
}
}
.stagecontactus[_ngcontent-efh-c123] {
margin: 0 10px;
display: table;
position: relative;
width: 26px;
height: 26px;
line-height: 1
}
.stagecontactus[_ngcontent-efh-c123] .contact-icon[_ngcontent-efh-c123] {
position: relative
}
.stagecontactus[_ngcontent-efh-c123] .contact-icon[_ngcontent-efh-c123]:before {
content: url(icon-phone-white.434820e9fdbaf508.svg);
width: 25px;
height: 25px;
display: block
}
.stagecontactus[_ngcontent-efh-c123] .activecontact-icon[_ngcontent-efh-c123] {
position: relative
}
.stagecontactus[_ngcontent-efh-c123] .activecontact-icon[_ngcontent-efh-c123]:before {
content: url(icon-phone-highlight.2d05d5467f287094.svg);
width: 25px;
height: 25px;
display: block
}
.stagecontactus[_ngcontent-efh-c123] .pulsing[_ngcontent-efh-c123]:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 3px #009639;
transition: transform .2s, opacity .2s;
animation: pulsing 2.7s infinite
}
@media (max-width: 767px) {
.hideMobileMenu[_ngcontent-efh-c123],
.apply-button[_ngcontent-efh-c123] {
display: none
}
.chat-icon[_ngcontent-efh-c123] {
position: relative
}
.chat-icon[_ngcontent-efh-c123]:before {
content: url(icon-chat-thin.aecf4aeab466cacf.svg);
width: 18px;
height: 16px;
display: block
}
.chat-text[_ngcontent-efh-c123] {
display: none
}
.chat-icon-grey[_ngcontent-efh-c123] {
padding-right: 15px;
display: inline-block;
position: relative;
top: 2px
}
.chat-icon-grey[_ngcontent-efh-c123]:before {
content: url(icon-chat-dark.eca0193d563de26c.svg);
width: 20px;
height: 18px;
display: block
}
.stagecontactus[_ngcontent-efh-c123] {
margin: 0 10px;
display: table;
position: relative;
width: 26px;
height: 26px;
line-height: 1
}
.stagecontactus.contact-icon[_ngcontent-efh-c123] {
position: relative;
position: absolute;
right: 70px
}
.stagecontactus.contact-icon[_ngcontent-efh-c123]:before {
content: url(icon-phone-white.434820e9fdbaf508.svg);
width: 16px;
height: 16px;
display: block
}
.stagecontactus.contact-icon-whiteBackground[_ngcontent-efh-c123] {
position: relative;
position: absolute;
right: 70px
}
.stagecontactus.contact-icon-whiteBackground[_ngcontent-efh-c123]:before {
content: url(icon-phone-gray.bdd1339c8fc16fe7.svg);
width: 16px;
height: 16px;
display: block
}
.stagecontactus.activecontact-icon[_ngcontent-efh-c123] {
position: relative;
position: absolute;
right: 70px
}
.stagecontactus.activecontact-icon[_ngcontent-efh-c123]:before {
content: url(icon-phone-highlight.2d05d5467f287094.svg);
width: 16px;
height: 16px;
display: block
}
.chat-right[_ngcontent-efh-c123] {
float: right
}
}
@media (min-width: 768px) {
.green-header[_ngcontent-efh-c123] {
padding-top: 0 !important
}
.chat-icon[_ngcontent-efh-c123] {
color: #006341;
position: relative
}
.chat-icon[_ngcontent-efh-c123]:before {
content: url(icon-chat-thin.aecf4aeab466cacf.svg);
width: 24px;
height: 24px;
display: block
}
.top-right-header-section[_ngcontent-efh-c123],
.top-right-header-section-sso[_ngcontent-efh-c123] {
display: block
}
.chat-white[_ngcontent-efh-c123] {
position: relative
}
.chat-white[_ngcontent-efh-c123]:before {
content: url(icon-chat.243344f36ac2fccd.svg);
width: 18px;
height: 18px;
display: block
}
.chat-highlight[_ngcontent-efh-c123] {
position: relative
}
.chat-highlight[_ngcontent-efh-c123]:before {
content: url(icon-chat-highlight.8c684f81b62cdfe7.svg);
width: 18px;
height: 18px;
display: block
}
.chat-icon-white[_ngcontent-efh-c123] {
top: 4px;
left: 0;
padding-right: 12px
}
.header-menu-position[_ngcontent-efh-c123] {
margin-right: 0
}
.get-in-touch[_ngcontent-efh-c123] {
margin-top: -12px;
min-width: 120px
}
.get-in-touch[_ngcontent-efh-c123] .contact-us[_ngcontent-efh-c123] {
font-size: .8125rem;
text-align: center;
text-decoration: none;
color: #fff;
width: 121px;
height: 33px;
border-radius: 15px;
padding: 5px 6px;
border: solid 2px #FFF
}
.back-menu[_ngcontent-efh-c123] {
left: 50px;
top: 30px
}
.hideMenu[_ngcontent-efh-c123],
.hideMainMenuInWeb[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] {
padding: 20px 0
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .hamburger-icon[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .logo[_ngcontent-efh-c123] {
width: 40px;
height: 40px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] {
position: static;
background: none;
left: auto;
top: auto;
height: auto;
padding: 0;
width: calc(100% - 45px);
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
overflow: visible
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123] .user-details[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123] {
padding-left: 20px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123] {
float: left;
border-bottom: none;
box-shadow: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.mob-only[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] {
padding: 0 10px;
color: #fff;
line-height: 40px;
letter-spacing: .05px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123]:hover,
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a.active[_ngcontent-efh-c123] {
color: #fff;
text-decoration: none;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123]:active {
outline: none;
color: #fff;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] .arrow-icon[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123] {
margin-right: 2px;
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123] {
margin-left: 20px;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.offer-notification[_ngcontent-efh-c123],
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.chat-icon-container[_ngcontent-efh-c123] {
display: inline-block;
width: 24px;
height: 24px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.contactus[_ngcontent-efh-c123] {
display: inline-block;
width: 24px;
height: 24px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] {
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]:first-child {
margin-left: 0
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.search[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.setting[_ngcontent-efh-c123] {
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.logout[_ngcontent-efh-c123] {
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.user-container[_ngcontent-efh-c123] {
display: inline-block;
cursor: pointer;
min-width: 55px;
margin-left: 12px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.contact[_ngcontent-efh-c123] {
display: inline-block
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.cross[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.mob-only[_ngcontent-efh-c123] {
display: none
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .center[_ngcontent-efh-c123] {
flex: 1
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .demo-icon-position[_ngcontent-efh-c123] {
top: 18%
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] {
margin-left: 40px
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] .details[_ngcontent-efh-c123],
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] {
display: inline-block
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.branch[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123] {
margin-right: 10px
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.contact-details[_ngcontent-efh-c123] {
display: inline-block
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li.contact-details[_ngcontent-efh-c123] .icon[_ngcontent-efh-c123] {
margin-right: 10px;
width: 20px
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] .call[_ngcontent-efh-c123] {
font-size: 18px
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] li[_ngcontent-efh-c123] .oldBanking-button[_ngcontent-efh-c123] {
font-size: 16px;
display: inline-block
}
.sub-menu-mob[_ngcontent-efh-c123],
.chat-right[_ngcontent-efh-c123] {
display: none
}
.stage[_ngcontent-efh-c123] {
margin: 0;
width: 26px;
height: 26px
}
.stage[_ngcontent-efh-c123] .bell-icon[_ngcontent-efh-c123] {
position: relative;
margin-top: -4px
}
.stage[_ngcontent-efh-c123] .bell-icon[_ngcontent-efh-c123]:before {
content: url(bell.cb56532a95a95c55.svg);
width: 32px;
height: 32px;
display: block
}
.stage[_ngcontent-efh-c123] .pulse-icon[_ngcontent-efh-c123] {
background: #FFF;
font-size: 16px;
color: #007255
}
.stage[_ngcontent-efh-c123] .pulse-icon[_ngcontent-efh-c123]:after {
box-shadow: inset 0 0 0 3px #fff
}
.stage[_ngcontent-efh-c123] .pulsing[_ngcontent-efh-c123]:before {
box-shadow: inset 0 0 0 3px #fff
}
.stagecontactus[_ngcontent-efh-c123] {
margin: 2px;
width: 26px;
height: 26px
}
.stagecontactus[_ngcontent-efh-c123] .contact-icon[_ngcontent-efh-c123] {
position: relative;
margin-top: -4px
}
.stagecontactus[_ngcontent-efh-c123] .contact-icon[_ngcontent-efh-c123]:before {
content: url(icon-phone-white.434820e9fdbaf508.svg);
width: 25px;
height: 25px;
display: block
}
.stagecontactus[_ngcontent-efh-c123] .activecontact-icon[_ngcontent-efh-c123] {
position: relative;
margin-top: -4px
}
.stagecontactus[_ngcontent-efh-c123] .activecontact-icon[_ngcontent-efh-c123]:before {
content: url(icon-phone-highlight.2d05d5467f287094.svg);
width: 25px;
height: 25px;
display: block
}
}
@media (min-width: 1024px) {
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .left[_ngcontent-efh-c123] .main-nav[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]>a[_ngcontent-efh-c123] {
padding: 0 18px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123] {
margin-left: 15px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123] .chat-icon-white[_ngcontent-efh-c123] {
margin-left: 7px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li.chat-icon-container[_ngcontent-efh-c123] {
margin-left: 15px
}
.main-header[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123]>ul[_ngcontent-efh-c123]>li[_ngcontent-efh-c123]:first-child {
margin-left: 15px
}
.shift-apply[_ngcontent-efh-c123] {
padding-right: 38px
}
}
[_nghost-efh-c123] .user-container .pop-over {
width: 100%;
margin-top: 28px !important
}
[_nghost-efh-c123] .user-container.open:before {
left: auto !important;
right: 20px !important;
border-left-width: 12px !important;
border-right-width: 12px !important;
border-bottom-width: 13px !important
}
[_nghost-efh-c123] .user-container.open:after {
left: auto !important;
right: 24px !important;
height: 16px !important;
width: 16px !important
}
.hamburger-icon-pre-login[_ngcontent-efh-c123] {
display: inline-block;
position: relative;
bottom: 0;
cursor: pointer;
margin: 0
}
.hamburger-icon-pre-login[_ngcontent-efh-c123]:before {
content: url(hamburger-icon-green.28df821c4aa248f4.svg);
width: 15px;
height: 13px;
display: block
}
.pre-hamburger-cross[_ngcontent-efh-c123] {
display: inline-block;
position: relative;
bottom: 0;
cursor: pointer;
margin: 0
}
.pre-hamburger-cross[_ngcontent-efh-c123]:before {
content: url(close_green.432a244b1d13079f.svg);
width: 13px;
height: 13px;
display: block
}
.pre-hamburger-hide[_ngcontent-efh-c123] {
display: none
}
.moneytracker-beta-responsive[_ngcontent-efh-c123] {
float: right;
font-size: 10px;
margin-right: .625rem
}
.moneytracker-beta[_ngcontent-efh-c123] {
background: #333;
color: #fff;
padding: .25rem;
border-radius: 5px;
letter-spacing: .5px;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.moneytracker-beta-container[_ngcontent-efh-c123] {
white-space: nowrap
}
.moneytracker-beta-container[_ngcontent-efh-c123] .moneytracker-beta[_ngcontent-efh-c123] {
font-size: 10px
}
.login-btn[_ngcontent-efh-c123] {
width: 120px;
height: 30px;
border-radius: 15px
}
.navigation-button[_ngcontent-efh-c123] .register-head[_ngcontent-efh-c123] {
display: none
}
@media (min-width: 1024px) {
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] .navigation-button[_ngcontent-efh-c123] {
display: inline-flex
}
.main-header.un-auth[_ngcontent-efh-c123] .header-block[_ngcontent-efh-c123] .right[_ngcontent-efh-c123] ul[_ngcontent-efh-c123] .navigation-button[_ngcontent-efh-c123] .register-head[_ngcontent-efh-c123] {
display: block;
margin-right: 30px
}
}
/* #endregion */
/* #region #9 */
.clearfix[_ngcontent-efh-c72]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c72] html[_ngcontent-efh-c72] .clearfix[_ngcontent-efh-c72] {
height: 1%
}
.clearfix[_ngcontent-efh-c72] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c72] {
margin-left: 60px
}
[_nghost-efh-c72] .bodyalert alert div.alert {
position: fixed;
width: 100%;
transition-duration: .5s;
z-index: 1010
}
[_nghost-efh-c72] .dynamic-error .bodyalert .application-dynamic-error {
font-size: 14px
}
[_nghost-efh-c72] .dynamic-error .bodyalert .application-dynamic-error .system-error-message {
padding-right: 40px
}
[_nghost-efh-c72] .dynamic-error .bodyalert .application-dynamic-error .close-text {
position: absolute;
top: 0
}
[_nghost-efh-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle
}
[_nghost-efh-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field .icon {
left: 0;
cursor: pointer;
display: inline-block
}
[_nghost-efh-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field .icon.icon-top-position-dynamic-error {
top: 23px;
left: 20px
}
[_nghost-efh-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field .icon.warning-dynamic-error {
position: absolute !important;
position: relative
}
[_nghost-efh-c72] .dynamic-error .bodyalert .application-dynamic-error .icon-field .icon.warning-dynamic-error:before {
content: url(error-red-icon.18ccf66b27166a6e.svg);
width: 20px;
height: 20px;
display: block
}
[_nghost-efh-c72] .dynamic-error .bodyalert .application-dynamic-error .text {
display: inline-block;
vertical-align: middle;
width: calc(100% - 65px)
}
[_nghost-efh-c72] .dynamic-error .bodyalert alert div.alert {
position: static
}
[_nghost-efh-c72] .dynamic-error .bodyalert alert div.alert .close {
color: #000;
opacity: 1
}
[_nghost-efh-c72] .dynamic-error .bodyalert alert div.alert .text {
padding-left: 20px;
color: #333
}
[_nghost-efh-c72] .dynamic-error .bodyalert alert div.alert .close-icon-black {
position: relative;
cursor: pointer;
display: inline-block;
margin-top: 4px;
margin-right: 10px
}
[_nghost-efh-c72] .dynamic-error .bodyalert alert div.alert .close-icon-black:before {
content: url(icon-dismiss-black-ie.fb854474264b1eab.svg);
width: 13px;
height: 13px;
display: block
}
[_nghost-efh-c72] .dynamic-error .bodyalert alert div.alert .cta-container {
display: flex;
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
margin-left: 42px;
margin-top: 10px
}
[_nghost-efh-c72] .dynamic-error .bodyalert alert div.alert .cta-container .linkText {
cursor: pointer;
text-decoration: underline;
color: #333;
padding-right: 10px
}
[_nghost-efh-c72] .dynamic-error .bodyalert alert div.alert .cta-container .linkText:hover {
color: #009639
}
[_nghost-efh-c72] .chat-active alert div.alert {
position: fixed;
width: 70% !important;
transition-duration: .5s;
z-index: 10
}
.stickyErrorclass[_ngcontent-efh-c72] {
position: fixed;
width: 100%;
transition-duration: .5s;
z-index: 10
}
.hyperLinkClass[_ngcontent-efh-c72] {
display: inline
}
.popupClass[_ngcontent-efh-c72] {
margin-top: 20px
}
.hidden[_ngcontent-efh-c72] {
visibility: hidden
}
.application-error[_ngcontent-efh-c72] {
font-size: 14px
}
.application-error.move-over[_ngcontent-efh-c72] {
z-index: 10;
position: fixed
}
.application-error[_ngcontent-efh-c72] .system-error-message[_ngcontent-efh-c72] {
padding-right: 40px;
padding-left: 10px
}
.application-error[_ngcontent-efh-c72] .close-text[_ngcontent-efh-c72] {
position: absolute;
top: 0
}
.application-error[_ngcontent-efh-c72] .icon-field[_ngcontent-efh-c72] {
position: relative;
padding-right: 10px;
width: 36px;
height: 36px;
display: inline-block;
vertical-align: middle
}
.application-error[_ngcontent-efh-c72] .icon-field[_ngcontent-efh-c72] .icon[_ngcontent-efh-c72] {
width: 100%;
left: 0;
cursor: pointer;
display: inline-block;
height: 100%
}
.application-error[_ngcontent-efh-c72] .icon-field[_ngcontent-efh-c72] .icon.icon-top-position[_ngcontent-efh-c72] {
top: -3px
}
.application-error[_ngcontent-efh-c72] .icon-field[_ngcontent-efh-c72] .icon.warning[_ngcontent-efh-c72] {
position: relative
}
.application-error[_ngcontent-efh-c72] .icon-field[_ngcontent-efh-c72] .icon.warning[_ngcontent-efh-c72]:before {
content: url(Error.27a2ce0d78d36f2b.svg);
width: 100%;
height: 100%;
display: block
}
.application-error[_ngcontent-efh-c72] .icon-field[_ngcontent-efh-c72] .icon.close[_ngcontent-efh-c72] {
width: 20px;
height: 20px;
position: relative
}
.application-error[_ngcontent-efh-c72] .icon-field[_ngcontent-efh-c72] .icon.close[_ngcontent-efh-c72]:before {
content: url(close-red.1815686dad16df2c.svg);
width: 100%;
height: 100%;
display: block
}
.application-error[_ngcontent-efh-c72] .text[_ngcontent-efh-c72] {
display: inline-block;
vertical-align: middle;
width: calc(100% - 65px)
}
.application-error[_ngcontent-efh-c72] .text[_ngcontent-efh-c72] .redirect-link[_ngcontent-efh-c72] {
text-decoration: underline;
font-weight: 700;
cursor: pointer
}
@media (max-width: 767px) {
.application-error[_ngcontent-efh-c72] .icon-field[_ngcontent-efh-c72] .icon[_ngcontent-efh-c72] {
top: 0
}
}
.new-warning-bar[_ngcontent-efh-c72] {
background-color: #fff8dc;
min-height: 80px;
width: 100%;
padding: 20px;
z-index: 10000
}
.new-warning-bar[_ngcontent-efh-c72] .warning-icon[_ngcontent-efh-c72] {
position: relative;
display: inline-block;
padding-right: 20px
}
.new-warning-bar[_ngcontent-efh-c72] .warning-icon[_ngcontent-efh-c72]:before {
content: url(Error.27a2ce0d78d36f2b.svg);
width: 100%;
height: 100%;
display: block
}
.new-warning-bar[_ngcontent-efh-c72] .message[_ngcontent-efh-c72] {
height: 100%;
width: calc(100% - 65px);
transition-duration: .5s;
z-index: 10;
padding-top: 12px
}
.new-warning-bar[_ngcontent-efh-c72] .close-icon-black[_ngcontent-efh-c72] {
position: relative;
cursor: pointer;
display: inline-block;
margin-top: 12px
}
.new-warning-bar[_ngcontent-efh-c72] .close-icon-black[_ngcontent-efh-c72]:before {
content: url(icon-dismiss-black-ie.fb854474264b1eab.svg);
width: 15px;
height: 15px;
display: block
}
.chat-active[_ngcontent-efh-c72] .move-over[_ngcontent-efh-c72] {
width: 70%
}
.custom-Error-bar[_ngcontent-efh-c72] {
min-height: 80px;
width: 100%;
padding: 20px;
z-index: 10000
}
.custom-Error-bar.custom-icon-field[_ngcontent-efh-c72] {
display: inline-block
}
.custom-Error-bar.custom-icon-field[_ngcontent-efh-c72] .custom-icon[_ngcontent-efh-c72] {
cursor: pointer;
display: inline-block;
height: 100%;
vertical-align: middle
}
.custom-Error-bar.custom-icon-field[_ngcontent-efh-c72] .custom-icon[_ngcontent-efh-c72] img[_ngcontent-efh-c72] {
position: absolute;
top: 23px;
height: 24px;
width: 24px
}
.custom-Error-bar.custom-icon-field[_ngcontent-efh-c72] .custom-icon.close-icon-black[_ngcontent-efh-c72] {
position: relative;
cursor: pointer;
margin-top: 10px
}
.custom-Error-bar.custom-icon-field[_ngcontent-efh-c72] .custom-icon.close-icon-black[_ngcontent-efh-c72]:before {
content: url(icon-dismiss-black-ie.fb854474264b1eab.svg);
width: 15px;
height: 15px;
display: block
}
.custom-Error-bar.custom-icon-field.aligned-custom-icon[_ngcontent-efh-c72] {
padding-right: 10px
}
.custom-Error-bar.custom-icon-field.default-custom-icon[_ngcontent-efh-c72] {
padding-right: 30px
}
.custom-Error-bar[_ngcontent-efh-c72] .message[_ngcontent-efh-c72] {
display: inline-block;
vertical-align: middle;
width: calc(100% - 76px);
margin-left: 35px
}
.custom-Error-bar[_ngcontent-efh-c72] .html-message[_ngcontent-efh-c72] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 1rem;
color: #333
}
.custom-warning-bar[_ngcontent-efh-c72] {
min-height: 80px;
width: 100%;
padding: 20px;
display: flex;
align-items: flex-start;
position: relative
}
.custom-warning-bar.custom-icon-field[_ngcontent-efh-c72] {
padding-right: 10px
}
.custom-warning-bar.custom-icon-field[_ngcontent-efh-c72] .custom-icon[_ngcontent-efh-c72] {
cursor: pointer;
display: inline-block;
height: 100%;
vertical-align: middle
}
.custom-warning-bar.custom-icon-field[_ngcontent-efh-c72] .custom-icon[_ngcontent-efh-c72] img[_ngcontent-efh-c72] {
position: absolute;
top: 21px;
height: 18px;
width: 18px
}
.custom-warning-bar[_ngcontent-efh-c72] .customMessageWithHyperLink[_ngcontent-efh-c72] {
margin-left: 35px;
margin-right: 15px;
width: 100%
}
.custom-warning-bar[_ngcontent-efh-c72] .customMessageWithHyperLink[_ngcontent-efh-c72] a[_ngcontent-efh-c72] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.custom-warning-bar[_ngcontent-efh-c72] .customMessageWithHyperLink[_ngcontent-efh-c72] .close-icon-black[_ngcontent-efh-c72] {
position: relative;
cursor: pointer
}
.custom-warning-bar[_ngcontent-efh-c72] .customMessageWithHyperLink[_ngcontent-efh-c72] .close-icon-black[_ngcontent-efh-c72]:before {
content: url(icon-dismiss-black-ie.fb854474264b1eab.svg);
width: 15px;
height: 15px;
display: block
}
@media (min-width: 768px) {
.new-warning-bar[_ngcontent-efh-c72],
.custom-Error-bar[_ngcontent-efh-c72] {
height: 80px
}
.custom-Error-bar.custom-icon-field.aligned-custom-icon[_ngcontent-efh-c72] {
padding-right: 36px
}
.custom-Error-bar.custom-icon-field.default-custom-icon[_ngcontent-efh-c72] {
padding-right: 30px
}
}
.ribbon-font[_ngcontent-efh-c72] {
font-size: 16px
}
/* #endregion */
/* #region #10 */
.clearfix[_ngcontent-efh-c125]:after,
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c125] html[_ngcontent-efh-c125] .clearfix[_ngcontent-efh-c125],
*[_ngcontent-efh-c125] html[_ngcontent-efh-c125] .main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125],
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] *[_ngcontent-efh-c125] html[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] {
height: 1%
}
.clearfix[_ngcontent-efh-c125],
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c125] {
margin-left: 60px
}
.main-footer[_ngcontent-efh-c125] {
background: #FFF;
border-top: 1px solid #EEE;
color: #333;
position: relative;
z-index: 9;
height: 325px
}
@media (min-width: 460px) {
.main-footer[_ngcontent-efh-c125] {
height: 325px
}
}
@media (min-width: 768px) {
.main-footer[_ngcontent-efh-c125] {
height: 50px
}
}
@media (min-width: 1023px) {
.main-footer[_ngcontent-efh-c125] {
height: 50px
}
}
@media (min-width: 1440px) {
.main-footer[_ngcontent-efh-c125] {
height: 50px
}
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] {
list-style: none;
padding: 0;
text-align: center
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125] {
border-bottom: 1px solid #EEE;
height: 60px;
line-height: 60px;
padding: 0 20px;
cursor: pointer;
position: relative
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125]:last-child {
border-right: none
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125] a[_ngcontent-efh-c125] {
display: block;
color: #666;
text-decoration: none;
text-align: left;
outline: 0
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125] a[_ngcontent-efh-c125] .text[_ngcontent-efh-c125] {
font-size: 18px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
vertical-align: middle;
line-height: 1
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125] a[_ngcontent-efh-c125] .icon-security[_ngcontent-efh-c125] {
position: relative
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125] a[_ngcontent-efh-c125] .icon-security[_ngcontent-efh-c125]:before {
content: url(set-security.849f0a84ef8bae2e.svg);
width: 100%;
height: 100%;
display: block
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125] a[_ngcontent-efh-c125] .arrow[_ngcontent-efh-c125] {
position: absolute;
right: 20px;
top: 18px;
font-size: 24px
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .copyright[_ngcontent-efh-c125] {
position: absolute;
bottom: 8%;
padding: 0 20px;
font-size: 12px
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .copyright[_ngcontent-efh-c125] .text[_ngcontent-efh-c125] {
color: #666;
display: inline-block
}
@media (min-width: 768px) {
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] {
flex: 1;
text-align: right;
margin-bottom: 0;
padding: 6px
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125] {
padding: 0 15px;
display: inline-block;
height: 38px;
line-height: 38px;
border-right: 1px solid #EEE;
border-bottom: none
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125]:last-child {
margin-right: 0;
border-right: none
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125] .arrow[_ngcontent-efh-c125] {
display: none
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .footer-nav[_ngcontent-efh-c125] li[_ngcontent-efh-c125] a[_ngcontent-efh-c125] .text[_ngcontent-efh-c125] {
font-size: 14px
}
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .copyright[_ngcontent-efh-c125] {
font-size: 8px;
width: calc(100% - 505px);
line-height: 1;
bottom: 9px
}
.main-footer[_ngcontent-efh-c125] .mobile-view[_ngcontent-efh-c125] {
display: none
}
.main-footer[_ngcontent-efh-c125] .web-view[_ngcontent-efh-c125] {
display: inline
}
}
@media (min-width: 1024px) {
.main-footer[_ngcontent-efh-c125] .footer-block[_ngcontent-efh-c125] .copyright[_ngcontent-efh-c125] {
font-size: 10px;
bottom: 10px;
line-height: normal
}
.footer-container[_ngcontent-efh-c125] {
width: 100%
}
}
/* #endregion */
/* #region #11 */
.clearfix[_ngcontent-efh-c122]:after,
ul[_ngcontent-efh-c122]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c122] html[_ngcontent-efh-c122] .clearfix[_ngcontent-efh-c122],
*[_ngcontent-efh-c122] html[_ngcontent-efh-c122] ul[_ngcontent-efh-c122] {
height: 1%
}
.clearfix[_ngcontent-efh-c122],
ul[_ngcontent-efh-c122] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c122] {
margin-left: 60px
}
ul[_ngcontent-efh-c122] {
list-style: none;
padding-left: 0
}
ul[_ngcontent-efh-c122]>li[_ngcontent-efh-c122] {
position: relative;
border-bottom: 1px solid #EEE
}
ul[_ngcontent-efh-c122]>li.no-border[_ngcontent-efh-c122] {
border-bottom: none
}
ul[_ngcontent-efh-c122]>li.pop-over-container[_ngcontent-efh-c122] {
position: relative
}
ul[_ngcontent-efh-c122]>li.pop-over-container.open[_ngcontent-efh-c122] .pop-over[_ngcontent-efh-c122] {
display: block
}
ul[_ngcontent-efh-c122]>li.pop-over-container.open[_ngcontent-efh-c122]:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 10px);
z-index: 2;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin-top: 11px
}
ul[_ngcontent-efh-c122]>li.pop-over-container.open[_ngcontent-efh-c122]:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 6px);
z-index: 3;
width: 13px;
height: 13px;
border: solid 1px rgba(187, 187, 187, .5);
border-bottom: none;
border-right: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 13px
}
ul[_ngcontent-efh-c122]>li.pop-over-container[_ngcontent-efh-c122] .pop-over[_ngcontent-efh-c122] {
margin-top: 20px
}
ul[_ngcontent-efh-c122]>li.pop-over-container[_ngcontent-efh-c122] .pop-over.no-sub-menu[_ngcontent-efh-c122] {
display: none
}
ul[_ngcontent-efh-c122]>li.pop-over-container[_ngcontent-efh-c122] .pop-over.submenu-width[_ngcontent-efh-c122] {
min-width: 225px
}
ul[_ngcontent-efh-c122]>li.copyright[_ngcontent-efh-c122] {
font-size: 12px;
letter-spacing: .2px;
height: 117px
}
ul[_ngcontent-efh-c122]>li[_ngcontent-efh-c122]>a[_ngcontent-efh-c122] {
display: block;
padding: 0 20px;
text-decoration: none;
color: #666;
cursor: pointer
}
ul[_ngcontent-efh-c122]>li[_ngcontent-efh-c122]>a.level-1-header-menu[_ngcontent-efh-c122] {
line-height: 60px
}
ul[_ngcontent-efh-c122]>li[_ngcontent-efh-c122]>a.level-2-header-menu[_ngcontent-efh-c122] {
line-height: 62px
}
ul[_ngcontent-efh-c122]>li[_ngcontent-efh-c122]>a.copyright-legal[_ngcontent-efh-c122] {
padding: 18px 20px
}
ul[_ngcontent-efh-c122]>li[_ngcontent-efh-c122]>a[_ngcontent-efh-c122] .icon[_ngcontent-efh-c122],
ul[_ngcontent-efh-c122]>li[_ngcontent-efh-c122]>a[_ngcontent-efh-c122] .text[_ngcontent-efh-c122] {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-size: 20px;
letter-spacing: -.75px
}
.infoHeading[_ngcontent-efh-c122] {
font-size: 1.375rem;
color: #333;
font-weight: 500;
letter-spacing: -.82px;
line-height: 36px
}
.darker-bg[_ngcontent-efh-c122] {
background-color: #f7f7f7
}
.arrow[_ngcontent-efh-c122] {
position: relative;
position: absolute;
right: 20px;
top: 25px
}
.arrow[_ngcontent-efh-c122]:before {
content: url(Arrow.863bd05819ce952f.svg);
width: 7.72px;
height: 12.02px;
display: block
}
.pre-hamburger-nav[_ngcontent-efh-c122] {
position: fixed;
background: #FFF;
left: 0;
top: 50px;
height: calc(100vh - 50px);
overflow-y: auto;
z-index: 1000;
padding: 0 0 10px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transform: translate(-100%);
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transition: transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out
}
.pre-hamburger-nav.side-nav[_ngcontent-efh-c122] {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.PAIA-text[_ngcontent-efh-c122] {
width: 240px
}
.PAIA-margin[_ngcontent-efh-c122] {
margin: 15px 0
}
/* #endregion */
/* #region #12 */
.clearfix[_ngcontent-efh-c119]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c119] html[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] {
height: 1%
}
.clearfix[_ngcontent-efh-c119] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c119] {
margin-left: 60px
}
.container-fluid[_ngcontent-efh-c119] {
padding: 0
}
.app-link[_ngcontent-efh-c119] {
cursor: pointer;
display: inline-block
}
.app-link[_ngcontent-efh-c119] img[_ngcontent-efh-c119] {
height: 100%
}
.covid19-footer-margin[_ngcontent-efh-c119] {
margin-bottom: 200px
}
.covid19-footer-margin-sso[_ngcontent-efh-c119] {
margin-bottom: 0
}
@media screen and (min-width: 1024px) {
.covid19-footer-margin-sso[_ngcontent-efh-c119] {
margin-bottom: 200px
}
}
.component-container[_ngcontent-efh-c119] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
background: #FFF
}
.component-container[_ngcontent-efh-c119] .row[_ngcontent-efh-c119] {
margin: 0
}
.pre-populate-label[_ngcontent-efh-c119],
.white-loader[_ngcontent-efh-c119],
.arrow-icon[_ngcontent-efh-c119] {
display: none
}
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] {
height: calc(100vh - 51px)
}
@media (min-width: 768px) {
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] {
height: calc(100vh - 130px)
}
}
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .pre-populate-label[_ngcontent-efh-c119] {
display: block;
color: #333;
font-size: 1rem
}
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .login-container[_ngcontent-efh-c119] {
width: 100%
}
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .forgotDetailsText[_ngcontent-efh-c119] .registerText[_ngcontent-efh-c119] {
margin-bottom: 30px
}
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .arrow-icon[_ngcontent-efh-c119] {
display: none;
position: relative;
display: inline-block;
margin-top: -1px;
position: absolute;
object-fit: contain;
padding-left: 5px
}
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .arrow-icon[_ngcontent-efh-c119]:before {
content: url(icon-tailarrow-right.fabeb0b09e6324c8.svg);
width: 24px;
height: 24px;
display: block
}
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] #username[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .headingText[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .headingText-sso[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .appInfo[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .information-container[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .entrust-container[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .entrust-container-sso[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .border-top-container[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .registerBlock[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .animated[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .animatedappInfo[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .intro-container[_ngcontent-efh-c119],
.user-name-pupulated[_ngcontent-efh-c119] .clearfix[_ngcontent-efh-c119] .intro-container-sso[_ngcontent-efh-c119] {
display: none
}
.formInput[_ngcontent-efh-c119] {
max-width: 400px;
margin: auto
}
.formInput.resetPasswordLoginForm[_ngcontent-efh-c119] {
margin-top: 40px;
padding: 0 15px
}
.formInput-sso[_ngcontent-efh-c119] {
max-width: 732px;
margin: auto
}
.formInput-sso.resetPasswordLoginForm[_ngcontent-efh-c119] {
margin-top: 40px;
padding: 0 15px
}
hr[_ngcontent-efh-c119] {
margin-top: 25px;
margin-bottom: 25px
}
.border-right-container[_ngcontent-efh-c119] {
margin-right: 0;
border-right: solid #EEE 1px
}
.border-top-container[_ngcontent-efh-c119] {
padding: 0;
border-top: solid #EEE 1px
}
.login-container[_ngcontent-efh-c119] {
font-size: 16px;
text-align: left;
padding: 50px 10px 0
}
.intro-container[_ngcontent-efh-c119] {
padding: 50px 0 0;
margin: auto;
text-align: center
}
.intro-container[_ngcontent-efh-c119] .intro-img-container[_ngcontent-efh-c119] {
width: 100%
}
.intro-container[_ngcontent-efh-c119] .intro-img-container[_ngcontent-efh-c119] img[_ngcontent-efh-c119] {
opacity: 1;
width: 320px;
height: auto
}
.intro-container[_ngcontent-efh-c119] .intro-content[_ngcontent-efh-c119] {
margin: 20px;
font-size: 16px
}
.intro-container[_ngcontent-efh-c119] .intro-content-icons[_ngcontent-efh-c119] {
margin: 30px 0;
width: 100%;
height: auto
}
.intro-container[_ngcontent-efh-c119] .intro-content-icon[_ngcontent-efh-c119] {
display: inline-block;
margin: 0 5px
}
.intro-container[_ngcontent-efh-c119] .intro-content-icon[_ngcontent-efh-c119] small[_ngcontent-efh-c119] {
font-size: 85%;
color: #666;
margin-right: 20px
}
.intro-container[_ngcontent-efh-c119] .intro-content-icon[_ngcontent-efh-c119] img[_ngcontent-efh-c119] {
width: 40px;
height: 40px
}
.intro-container-sso[_ngcontent-efh-c119] {
padding: 10px 0 0;
margin: auto;
text-align: center
}
.intro-container-sso[_ngcontent-efh-c119] .intro-img-container[_ngcontent-efh-c119] {
width: 100%
}
.intro-container-sso[_ngcontent-efh-c119] .intro-img-container[_ngcontent-efh-c119] img[_ngcontent-efh-c119] {
opacity: 1;
width: 320px;
height: auto
}
.intro-container-sso[_ngcontent-efh-c119] .intro-content[_ngcontent-efh-c119] {
margin: -15px 20px 20px;
font-size: 16px
}
@media screen and (min-width: 768px) {
.intro-container-sso[_ngcontent-efh-c119] .intro-content[_ngcontent-efh-c119] {
display: block;
margin: -20px
}
}
.intro-container-sso[_ngcontent-efh-c119] .intro-content-icons[_ngcontent-efh-c119] {
margin: 0 0 20px;
width: 100%;
height: auto;
display: flex
}
@media screen and (min-width: 361px) {
.intro-container-sso[_ngcontent-efh-c119] .intro-content-icons[_ngcontent-efh-c119] {
display: block
}
}
.intro-container-sso[_ngcontent-efh-c119] .intro-content-icon[_ngcontent-efh-c119] {
display: inline-block;
margin: 10px 5px
}
.intro-container-sso[_ngcontent-efh-c119] .intro-content-icon[_ngcontent-efh-c119] small[_ngcontent-efh-c119] {
font-size: 100%;
color: #666;
margin-right: 15px;
margin-left: 5px;
top: 4px;
position: relative
}
.intro-container-sso[_ngcontent-efh-c119] .intro-content-icon[_ngcontent-efh-c119] img[_ngcontent-efh-c119] {
width: 30px;
height: 30px
}
.information-container[_ngcontent-efh-c119] {
padding: 50px 30px;
text-align: left
}
.information-container.highlighted[_ngcontent-efh-c119] {
background-color: #f9f9f9
}
.information-container.info[_ngcontent-efh-c119] {
padding-bottom: 0
}
.entrust-container[_ngcontent-efh-c119] {
display: inline-block;
margin: 50px 15px 15px 0;
font-size: 14px
}
.entrust-container[_ngcontent-efh-c119] .iconEntrust[_ngcontent-efh-c119] {
margin-right: 15px
}
.entrust-container[_ngcontent-efh-c119] img[_ngcontent-efh-c119] {
width: 40px;
height: 40px
}
.entrust-container-sso[_ngcontent-efh-c119] {
display: inline-block;
margin: 20px 15px 35px 0;
font-size: 14px
}
.entrust-container-sso[_ngcontent-efh-c119] .iconEntrust[_ngcontent-efh-c119] {
margin-right: 15px
}
.entrust-container-sso[_ngcontent-efh-c119] img[_ngcontent-efh-c119] {
width: 40px;
height: 40px
}
.iconPPP[_ngcontent-efh-c119] {
position: relative
}
.iconPPP[_ngcontent-efh-c119]:before {
content: url(icon-profile.c05ecc24187d4c7c.svg);
width: 20px;
height: 20px;
display: block
}
.icon-mobile[_ngcontent-efh-c119] {
position: relative
}
.icon-mobile[_ngcontent-efh-c119]:before {
content: url(icon-smartphone.98b7a0240ed231da.svg);
width: 20px;
height: 20px;
display: block
}
.icon-qrcode[_ngcontent-efh-c119] {
position: relative;
top: 12px
}
.icon-qrcode[_ngcontent-efh-c119]:before {
content: url(qrcode-icon.4d7b42cdeb3b3e36.svg);
width: 20px;
height: 20px;
display: block
}
.icon-outline[_ngcontent-efh-c119] {
position: relative;
top: 12px
}
.icon-outline[_ngcontent-efh-c119]:before {
content: url(outline-cheque.b291f75d27c84b73.svg);
width: 12px;
height: 18px;
display: block
}
.iconImg[_ngcontent-efh-c119] {
position: absolute;
display: inline-block;
cursor: pointer
}
.icon-field[_ngcontent-efh-c119] {
display: flex
}
.icon-field[_ngcontent-efh-c119] .arrow[_ngcontent-efh-c119] {
position: relative;
position: absolute;
right: 15px;
top: 15px;
color: #666
}
.icon-field[_ngcontent-efh-c119] .arrow[_ngcontent-efh-c119]:before {
content: url(Arrow.863bd05819ce952f.svg);
width: 8px;
height: 15px;
display: block
}
[_ngcontent-efh-c119]::-ms-reveal {
display: none
}
[_ngcontent-efh-c119]::-ms-clear {
display: none
}
a[_ngcontent-efh-c119]:active,
a[_ngcontent-efh-c119]:visited,
a[_ngcontent-efh-c119]:hover {
text-decoration: none
}
.link-text[_ngcontent-efh-c119] {
color: #009639;
font-size: 16px;
margin: 18px 0;
font-weight: 700;
text-decoration: none;
cursor: pointer
}
.link-text.small[_ngcontent-efh-c119] {
font-size: 14px
}
.link-text[_ngcontent-efh-c119]:active,
.link-text[_ngcontent-efh-c119]:visited,
.link-text[_ngcontent-efh-c119]:hover {
text-decoration: none
}
.termsText[_ngcontent-efh-c119] {
margin: 30px 0 10px;
font-size: 14px;
color: #666
}
.buttonDiv[_ngcontent-efh-c119] {
margin-bottom: 20px
}
.registerBlock[_ngcontent-efh-c119] {
color: #333;
font-size: 20px;
padding-bottom: 0;
margin-top: 20px
}
.registerBlock[_ngcontent-efh-c119] a[_ngcontent-efh-c119] {
padding: 0 20px
}
.registerBlock[_ngcontent-efh-c119] .registration[_ngcontent-efh-c119] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
color: #333;
position: relative;
left: 50px
}
.registerBlock[_ngcontent-efh-c119] .registration[_ngcontent-efh-c119] .text[_ngcontent-efh-c119] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 1.375rem;
color: #333
}
.appBlock[_ngcontent-efh-c119] {
color: #666;
margin: 50px 20px 25px;
text-align: center
}
.appBlock-sso[_ngcontent-efh-c119] {
color: #666;
margin: 30px 20px 25px;
text-align: center
}
.login-title[_ngcontent-efh-c119] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #333;
font-size: 1.375rem
}
.login-title.auto-login[_ngcontent-efh-c119] {
font-size: 28px
}
.boldText[_ngcontent-efh-c119] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700
}
.mediumText[_ngcontent-efh-c119] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.input-container[_ngcontent-efh-c119] {
position: relative
}
.input-img[_ngcontent-efh-c119] {
position: absolute;
bottom: 36%;
right: 12px;
width: 25px;
height: 25px
}
.helpText[_ngcontent-efh-c119] {
font-size: 14px;
color: #bbb;
margin: 5px 0 0
}
.headingText[_ngcontent-efh-c119] {
font-size: 2.5vw;
margin: 30px 0;
color: #333;
font-weight: 300
}
.headingText-sso[_ngcontent-efh-c119] {
font-size: 3.5vw;
margin: 30px 0;
color: #333;
font-weight: 300
}
.infoHeading[_ngcontent-efh-c119] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #333;
font-size: 1.375rem;
letter-spacing: -.9px
}
.gd-primary-btn[_ngcontent-efh-c119] {
height: 26px;
width: 107px;
border-radius: 13px;
background-color: #009639;
position: relative;
left: 10px
}
.infoText[_ngcontent-efh-c119] {
color: #666;
margin: 20px 0
}
.infoText[_ngcontent-efh-c119] a[_ngcontent-efh-c119] {
color: #666
}
.infoText[_ngcontent-efh-c119] .gd-form-row[_ngcontent-efh-c119] {
margin-bottom: 10px
}
.infoText[_ngcontent-efh-c119] hr[_ngcontent-efh-c119] {
margin: 10px 0
}
.infoText[_ngcontent-efh-c119] .arrow[_ngcontent-efh-c119] {
top: 3px;
right: 3px
}
.infoText[_ngcontent-efh-c119] .PAIA-arrow[_ngcontent-efh-c119] {
top: 14px
}
.linkButtons[_ngcontent-efh-c119] {
margin: 25px 0
}
.linkButtons[_ngcontent-efh-c119] img[_ngcontent-efh-c119] {
padding: 5px;
width: 132px
}
.linkButtons-sso[_ngcontent-efh-c119] {
margin: 25px 0
}
.linkButtons-sso[_ngcontent-efh-c119] img[_ngcontent-efh-c119] {
padding: 5px;
width: 132px
}
@media (max-width: 767px) {
.linkButtons-sso[_ngcontent-efh-c119] {
display: flex;
flex-direction: column;
text-align: center
}
}
.line-separator[_ngcontent-efh-c119] {
position: relative;
height: 1px;
border-top: 1px #BBB solid;
margin-top: 30px;
margin-bottom: 30px
}
.line-separator[_ngcontent-efh-c119] .text[_ngcontent-efh-c119] {
position: absolute;
width: 36px;
height: 36px;
border: 1px #BBB solid;
border-radius: 18px;
top: -18px;
left: 0;
background-color: #fff;
margin-left: calc(50% - 15px);
padding-left: 8px;
padding-top: 9px;
line-height: 1;
font-size: 18px
}
.animated[_ngcontent-efh-c119] {
animation-duration: 5s;
animation-fill-mode: both
}
@keyframes fadeAndScaleIn {
0% {
opacity: 0;
transform: scale(1.1)
}
to {
opacity: 1;
transform: scale(1)
}
}
.fadeAndScaleIn[_ngcontent-efh-c119] {
animation-name: fadeAndScaleIn
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn[_ngcontent-efh-c119] {
animation-name: fadeIn
}
.stealthy[_ngcontent-efh-c119] {
left: 0;
top: 0;
margin: 0;
max-height: 1px;
max-width: 1px;
opacity: 0;
outline: none;
overflow: hidden;
pointer-events: none;
position: absolute;
z-index: -1
}
@media screen and (max-width: 1024px) {
.headingText[_ngcontent-efh-c119],
.headingText-sso[_ngcontent-efh-c119] {
font-size: 40px;
margin: 0 20px 50px;
text-align: center
}
.login-container[_ngcontent-efh-c119] {
padding: 50px 0 0
}
.login-title[_ngcontent-efh-c119] {
font-size: 1.375rem
}
.information-container[_ngcontent-efh-c119] {
padding: 50px 20px
}
.infoHeading[_ngcontent-efh-c119] {
font-size: 1.375rem
}
.bottom-container[_ngcontent-efh-c119] .border-top-container[_ngcontent-efh-c119] {
padding: 0
}
.entrust-container[_ngcontent-efh-c119] {
text-align: center;
margin: 30px 15px 0;
font-size: 12px
}
.entrust-container-sso[_ngcontent-efh-c119] {
text-align: center;
margin: 20px 15px 35px 0;
font-size: 12px
}
}
@media screen and (max-width: 767px) {
.iconImg[_ngcontent-efh-c119] {
top: 0
}
.login-container[_ngcontent-efh-c119] {
padding: 25px 10px
}
.entrust-container-sso[_ngcontent-efh-c119] {
margin: 0 15px 0 0;
font-size: 14px
}
.information-container[_ngcontent-efh-c119] {
padding: 10px
}
.information-container.info[_ngcontent-efh-c119] hr[_ngcontent-efh-c119] {
border: none
}
.headingText[_ngcontent-efh-c119],
.headingText-sso[_ngcontent-efh-c119] {
font-size: 28px;
margin: 20px
}
.login-title[_ngcontent-efh-c119],
.infoHeading[_ngcontent-efh-c119] {
font-size: 20px
}
}
.hide-mobile[_ngcontent-efh-c119] {
display: none
}
@media (min-width: 768px) {
.hide-mobile[_ngcontent-efh-c119] {
display: block
}
}
.explore-our-demo[_ngcontent-efh-c119] {
color: #009639;
font-size: 16px;
font-weight: 500;
cursor: pointer;
margin: 10px;
text-align: center
}
.explore-demo-content[_ngcontent-efh-c119] {
margin: 10px
}
.demo-icon[_ngcontent-efh-c119] {
display: inline-block;
position: relative;
object-fit: contain;
margin-top: -3px;
margin-left: -10px;
vertical-align: bottom
}
.demo-icon[_ngcontent-efh-c119]:before {
content: url(demo-icon.993a5c7bb466a7ea.svg);
width: 23px;
height: 24px;
display: block
}
.login-modal-popup.modal-dialog {
max-width: 600px;
position: absolute;
width: 90%;
transform: translate(-50%, -50%) !important;
-webkit-transform: translate(-50%, -50%) !important;
-moz-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
-o-transform: translate(-50%, -50%) !important;
top: 50%;
left: 50%;
margin: 0
}
.login-modal-popup .modal-content {
background-color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
box-shadow: none
}
.enhanced-banking-experience[_ngcontent-efh-c119] {
max-width: 400px;
display: table;
margin: 20px auto
}
.headingText-container[_ngcontent-efh-c119] {
max-width: 420px;
display: table;
margin: 0 auto
}
.fraud-container[_ngcontent-efh-c119] {
padding-top: 25px
}
.qrcode-modal {
min-width: 800px
}
.login-form app-message-alert .alert-container .message .text {
padding-left: 10px;
padding-right: 10px
}
.PAIA-text[_ngcontent-efh-c119] {
display: inline-block;
width: 240px
}
/* #endregion */
/* #region #13 */
.clearfix[_ngcontent-efh-c58]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c58] html[_ngcontent-efh-c58] .clearfix[_ngcontent-efh-c58] {
height: 1%
}
.clearfix[_ngcontent-efh-c58] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c58] {
margin-left: 60px
}
.overlay-loader[_ngcontent-efh-c58] {
position: absolute;
inset: 0;
z-index: 99;
width: 100%;
height: 100%;
color: #fff;
background: #009639;
border-radius: inherit;
cursor: not-allowed
}
.delete[_ngcontent-efh-c58] {
color: #d22630
}
.edit[_ngcontent-efh-c58] {
line-height: 20px
}
.loader[_ngcontent-efh-c58] {
position: absolute;
top: 50%;
z-index: 100;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
left: 50%;
line-height: 1;
width: 24px
}
/* #endregion */
/* #region #14 */
.clearfix[_ngcontent-efh-c116]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c116] html[_ngcontent-efh-c116] .clearfix[_ngcontent-efh-c116] {
height: 1%
}
.clearfix[_ngcontent-efh-c116] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c116] {
margin-left: 60px
}
.new-feature[_ngcontent-efh-c116] {
background-color: #f9f9f9
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] {
margin: 0 auto;
width: 100%
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116]>.heading[_ngcontent-efh-c116] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
color: #333;
font-size: 22px;
padding: 20px;
font-weight: 500;
line-height: 35px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] {
position: relative
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] app-swiper-slider .swiper-pagination .bullet-green {
background: #78BE20;
opacity: 1;
width: 24px;
border-radius: 5px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] .card-container {
width: 295px;
margin: 0 auto
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] .card-container .card .card-body .card-text {
max-height: 40px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] .tiles-container[_ngcontent-efh-c116] {
width: 295px;
margin: 0 auto 20px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] .tiles-pagination[_ngcontent-efh-c116] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
width: 120px;
margin: 0 auto 20px;
color: #333
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] .tiles-pagination.disabled[_ngcontent-efh-c116] {
pointer-events: none;
color: #d7d7d7
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] .tiles-pagination[_ngcontent-efh-c116] .ellipses[_ngcontent-efh-c116] {
color: #bbb
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] {
background-color: #fff;
min-height: 150px;
padding: 0 20px;
display: flex;
border-bottom: 1px solid #EEE;
margin-bottom: 10px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .image[_ngcontent-efh-c116] {
height: 50px;
width: 50px;
margin-top: 10px;
margin-right: 10px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .image[_ngcontent-efh-c116] img[_ngcontent-efh-c116] {
height: 100%;
width: 100%
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .image.skeleton[_ngcontent-efh-c116] {
background-color: #bbb;
min-height: 35px;
opacity: .3
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] {
width: 100%
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] .text-data[_ngcontent-efh-c116] {
min-height: 75%
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] .heading[_ngcontent-efh-c116] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
color: #333;
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 20px 0;
height: 64px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] .text[_ngcontent-efh-c116] {
color: #666;
font-size: 14px;
line-height: 21px;
min-height: calc(100% - 132px);
margin-left: -50px;
padding: 0 0 10px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] .footer[_ngcontent-efh-c116] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #009639;
font-size: 16px;
font-weight: 500;
line-height: 24px;
height: 64px;
opacity: .9;
margin-left: -50px;
cursor: pointer
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] .footer[_ngcontent-efh-c116] .link-icon[_ngcontent-efh-c116] {
position: relative;
margin-left: 8px;
display: inline;
position: absolute;
transition: transform .2s ease-in-out;
-webkit-transition: transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out;
-ms-transition: transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] .footer[_ngcontent-efh-c116] .link-icon[_ngcontent-efh-c116]:before {
content: url(icon-tailarrow-right.fabeb0b09e6324c8.svg);
width: 24px;
height: 24px;
display: block
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] .footer[_ngcontent-efh-c116]:hover .link-icon[_ngcontent-efh-c116] {
transform: translate(5px);
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px)
}
@media (min-width: 768px) {
.new-feature[_ngcontent-efh-c116] {
padding: 0 20px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] {
width: 100%;
margin: 0 auto;
padding-bottom: 30px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116]>.heading[_ngcontent-efh-c116] {
font-size: 24px;
padding: 60px 0 20px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] {
min-height: 180px;
padding: 0;
margin-top: 20px;
border-bottom: none
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .image[_ngcontent-efh-c116] {
display: flex;
margin: 15px 20px;
min-height: 150px;
min-width: 150px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .image.skeleton[_ngcontent-efh-c116] {
min-height: 150px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .image[_ngcontent-efh-c116] .icon[_ngcontent-efh-c116] {
margin: auto
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .image[_ngcontent-efh-c116] .icon[_ngcontent-efh-c116] img[_ngcontent-efh-c116] {
max-height: 150px;
max-width: 150px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] {
padding-right: 20px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] .text[_ngcontent-efh-c116],
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .section[_ngcontent-efh-c116] .content[_ngcontent-efh-c116] .footer[_ngcontent-efh-c116] {
margin: auto
}
}
@media (min-width: 1024px) {
.new-feature[_ngcontent-efh-c116] {
padding: 0 40px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] {
width: 100%
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] {
padding: 0 20px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] .card-container {
width: 281px;
margin: 0 auto auto
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116]>.heading[_ngcontent-efh-c116] {
font-size: 28px
}
}
@media (min-width: 1440px) {
.new-feature[_ngcontent-efh-c116] {
padding: 0 100px
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] {
padding: 0 40px;
position: relative
}
.new-feature[_ngcontent-efh-c116] .main-content[_ngcontent-efh-c116] .slider-container[_ngcontent-efh-c116] .card-container {
width: 295px
}
}
/* #endregion */
/* #region #15 */
.clearfix[_ngcontent-efh-c115]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c115] html[_ngcontent-efh-c115] .clearfix[_ngcontent-efh-c115] {
height: 1%
}
.clearfix[_ngcontent-efh-c115] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c115] {
margin-left: 60px
}
.card-container[_ngcontent-efh-c115] {
width: 100%;
box-shadow: 0 3px 3px #8d979e33;
border-radius: 5px;
border: 1px solid #EEE
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] {
width: 100%
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] .image-container[_ngcontent-efh-c115] {
height: 140px
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] .image-container[_ngcontent-efh-c115] img[_ngcontent-efh-c115] {
border-radius: 5px 5px 0 0;
height: 100%;
width: 100%
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] .card-body[_ngcontent-efh-c115] {
background-color: #fff;
padding: 20px;
min-height: 145px;
border-radius: 0 0 5px 5px
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] .card-body[_ngcontent-efh-c115] .card-text[_ngcontent-efh-c115] {
font-size: 13px;
margin-bottom: 40px;
color: #333
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] .card-body[_ngcontent-efh-c115] .footer[_ngcontent-efh-c115] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #009639;
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 20px 0;
opacity: .9;
display: inline;
cursor: pointer
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] .card-body[_ngcontent-efh-c115] .footer.disable-link[_ngcontent-efh-c115] {
color: #bbb;
pointer-events: none
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] .card-body[_ngcontent-efh-c115] .footer[_ngcontent-efh-c115] .link-icon[_ngcontent-efh-c115] {
position: relative;
margin-left: 8px;
display: inline;
position: absolute;
transition: transform .2s ease-in-out;
-webkit-transition: transform .2s ease-in-out;
-moz-transition: transform .2s ease-in-out;
-ms-transition: transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] .card-body[_ngcontent-efh-c115] .footer[_ngcontent-efh-c115] .link-icon[_ngcontent-efh-c115]:before {
content: url(icon-tailarrow-right.fabeb0b09e6324c8.svg);
width: 24px;
height: 24px;
display: block
}
.card-container[_ngcontent-efh-c115] .card[_ngcontent-efh-c115] .card-body[_ngcontent-efh-c115] .footer[_ngcontent-efh-c115]:hover .link-icon[_ngcontent-efh-c115] {
transform: translate(5px);
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px)
}
/* #endregion */
/* #region #16 */
.clearfix[_ngcontent-efh-c114]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c114] html[_ngcontent-efh-c114] .clearfix[_ngcontent-efh-c114] {
height: 1%
}
.clearfix[_ngcontent-efh-c114] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c114] {
margin-left: 60px
}
.swiper-slider-container[_ngcontent-efh-c114] .swiper-pagination {
position: relative;
margin-top: 40px
}
.swiper-slider-container[_ngcontent-efh-c114] .swiper-pagination .swiper-pagination-bullet {
margin: 0 3px;
background: #BBB
}
.swiper-button-next[_ngcontent-efh-c114] {
background: none;
position: relative;
position: absolute;
top: 45%
}
.swiper-button-next[_ngcontent-efh-c114]:before {
content: url(chevron.622175d3bf669705.svg);
width: 16px;
height: 16px;
display: block
}
.swiper-button-prev[_ngcontent-efh-c114] {
background: none;
position: relative;
position: absolute;
top: 40%;
transform: rotate(180deg)
}
.swiper-button-prev[_ngcontent-efh-c114]:before {
content: url(chevron.622175d3bf669705.svg);
width: 16px;
height: 16px;
display: block
}
.default-slide[_ngcontent-efh-c114] {
min-height: 300px;
background-color: #006341
}
.default-slide[_ngcontent-efh-c114] p[_ngcontent-efh-c114] {
position: absolute;
top: 45%;
left: 40%;
color: #fff
}
@media (min-width: 1024px) {
.swiper-button-prev[_ngcontent-efh-c114] {
left: -20px
}
.swiper-button-next[_ngcontent-efh-c114] {
right: -20px
}
}
@media (min-width: 1440px) {
.swiper-button-prev[_ngcontent-efh-c114] {
left: 0
}
.swiper-button-next[_ngcontent-efh-c114] {
right: 0
}
}
/* #endregion */
/* #region #17 */
[_nghost-efh-c113] {
display: block;
}
/* #endregion */
/* #region #18 */
[_nghost-efh-c113]>div[_ngcontent-efh-c113] {
width: 100%;
height: 100%;
}
/* #endregion */
/* #region #19 */
.clearfix[_ngcontent-efh-c57]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c57] html[_ngcontent-efh-c57] .clearfix[_ngcontent-efh-c57] {
height: 1%
}
.clearfix[_ngcontent-efh-c57] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c57] {
margin-left: 60px
}
.spinner-container[_ngcontent-efh-c57] {
animation: rotate 2s linear infinite;
-webkit-animation: rotate 2s linear infinite;
z-index: 100
}
.spinner-container[_ngcontent-efh-c57] .path[_ngcontent-efh-c57] {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
stroke: #fff;
stroke-linecap: round;
animation: dash 1.5s ease-in-out infinite;
-webkit-animation: dash 1.5s ease-in-out infinite
}
.spinner-container[_ngcontent-efh-c57] .path.green[_ngcontent-efh-c57] {
stroke: #009639
}
@keyframes rotate {
to {
transform: rotate(360deg)
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124
}
}
/* #endregion */
/* #region #20 */
.clearfix[_ngcontent-efh-c112]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c112] html[_ngcontent-efh-c112] .clearfix[_ngcontent-efh-c112] {
height: 1%
}
.clearfix[_ngcontent-efh-c112] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c112] {
margin-left: 60px
}
.clearfix[_ngcontent-efh-c112]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c112] html[_ngcontent-efh-c112] .clearfix[_ngcontent-efh-c112] {
height: 1%
}
.clearfix[_ngcontent-efh-c112] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c112] {
margin-left: 60px
}
.no-padding[_ngcontent-efh-c112] {
padding: 0
}
.alert-container[_ngcontent-efh-c112] {
margin-bottom: 30px;
transition: all .3s
}
.alert-container[_ngcontent-efh-c112] .hidden[_ngcontent-efh-c112] {
display: none
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] {
display: flex;
padding: 15px;
z-index: 99
}
.alert-container[_ngcontent-efh-c112] .message.center[_ngcontent-efh-c112] {
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
.alert-container[_ngcontent-efh-c112] .message.flex-start[_ngcontent-efh-c112] {
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start
}
.alert-container[_ngcontent-efh-c112] .message.retryError[_ngcontent-efh-c112] {
background: #FCEED3
}
.alert-container[_ngcontent-efh-c112] .message.retryError[_ngcontent-efh-c112] .linkText[_ngcontent-efh-c112] {
color: #007f33;
cursor: pointer
}
.alert-container[_ngcontent-efh-c112] .message.error[_ngcontent-efh-c112] {
background: #fae3e5
}
.alert-container[_ngcontent-efh-c112] .message.error[_ngcontent-efh-c112] .linkText[_ngcontent-efh-c112] {
color: #d22630;
cursor: pointer
}
.alert-container[_ngcontent-efh-c112] .message.lock[_ngcontent-efh-c112] {
background: #fae3e5
}
.alert-container[_ngcontent-efh-c112] .message.lock[_ngcontent-efh-c112] .linkText[_ngcontent-efh-c112] {
color: #d22630;
cursor: pointer
}
.alert-container[_ngcontent-efh-c112] .message.success[_ngcontent-efh-c112] {
background: #d8f3b7
}
.alert-container[_ngcontent-efh-c112] .message.success[_ngcontent-efh-c112] .linkText[_ngcontent-efh-c112] {
color: #78be20
}
.alert-container[_ngcontent-efh-c112] .message.info-light[_ngcontent-efh-c112] {
background: #D0F0EE
}
.alert-container[_ngcontent-efh-c112] .message.info-light[_ngcontent-efh-c112] .linkText[_ngcontent-efh-c112] {
cursor: pointer
}
.alert-container[_ngcontent-efh-c112] .message.warning[_ngcontent-efh-c112] {
background: #FCEECC
}
.alert-container[_ngcontent-efh-c112] .message.warning[_ngcontent-efh-c112] .linkText[_ngcontent-efh-c112] {
display: inline-block;
color: #009639;
cursor: pointer
}
.alert-container[_ngcontent-efh-c112] .message.info-light-grey[_ngcontent-efh-c112] {
background: #EEE
}
.alert-container[_ngcontent-efh-c112] .message.info-light-grey[_ngcontent-efh-c112] .linkText[_ngcontent-efh-c112] {
cursor: pointer
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .icon[_ngcontent-efh-c112] {
width: 15px;
height: 15px
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .mobileIcon[_ngcontent-efh-c112] {
width: 20px;
height: 20px;
margin-top: -18px
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .text[_ngcontent-efh-c112] {
flex: 1;
color: #333;
font-size: 14px;
margin: 0 10px
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .text.textDisplayStyle[_ngcontent-efh-c112] {
display: flex
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .text.textDisplayStyle.mobileFlex[_ngcontent-efh-c112] {
display: inline;
font-size: 14px
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .text.textDisplayStyle[_ngcontent-efh-c112] .linkTextBold[_ngcontent-efh-c112] {
cursor: pointer;
padding: 0 0 0 4px;
font-weight: bolder
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .lockIcon[_ngcontent-efh-c112] {
position: relative
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .lockIcon[_ngcontent-efh-c112]:before {
content: url(lock-gray.37bb24bfdd9cd3de.svg);
width: 100%;
height: 100%;
display: block
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .successIcon[_ngcontent-efh-c112] {
position: relative
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .successIcon[_ngcontent-efh-c112]:before {
content: url(tick.aa6556d6368e3524.svg);
width: 15px;
height: 15px;
display: block
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .infoLightIcon[_ngcontent-efh-c112] {
position: relative
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .infoLightIcon[_ngcontent-efh-c112]:before {
content: url(icon-info-light.652e2cf0042d5839.svg);
width: 1.125rem;
height: 1.125rem;
display: block
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .blackIcon[_ngcontent-efh-c112] {
position: relative
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .blackIcon[_ngcontent-efh-c112]:before {
content: url(icon-info-black.bb1e2f37078ce550.svg);
width: 1.5rem;
height: 1.5rem;
display: block
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .warningIcon[_ngcontent-efh-c112] {
position: relative
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .warningIcon[_ngcontent-efh-c112]:before {
content: url(icon-warning-yellow.1506aa8433bb4679.svg);
width: 100%;
height: 100%;
display: block
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .closeIcon[_ngcontent-efh-c112] {
position: relative;
cursor: pointer
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .closeIcon[_ngcontent-efh-c112]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 100%;
height: 100%;
display: block
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .retryErrorIcon[_ngcontent-efh-c112] {
position: relative;
cursor: pointer
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .retryErrorIcon[_ngcontent-efh-c112]:before {
content: url(warning-orange-icon.0234d59b22c87f5c.svg);
width: 1.125rem;
height: 1.125rem;
display: block
}
.alert-container.errorReszie[_ngcontent-efh-c112] .errorIcon[_ngcontent-efh-c112]:before {
content: url(error-red-icon.18ccf66b27166a6e.svg);
width: 100%;
height: 100%;
display: block
}
.alert-container.errorReszie[_ngcontent-efh-c112] .errorIcon[_ngcontent-efh-c112] {
position: relative
}
.alert-container.errorReszie[_ngcontent-efh-c112] .errorIcon[_ngcontent-efh-c112]:before {
content: url(error-red-icon.18ccf66b27166a6e.svg);
width: 100%;
height: 100%;
display: block
}
.alert-container.errorReszie[_ngcontent-efh-c112] .retryErrorIcon[_ngcontent-efh-c112] {
position: relative;
cursor: pointer
}
.alert-container.errorReszie[_ngcontent-efh-c112] .retryErrorIcon[_ngcontent-efh-c112]:before {
content: url(warning-orange-icon.0234d59b22c87f5c.svg);
width: 100%;
height: 100%;
display: block
}
@media (min-width: 768px) {
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .text.textDisplayStyle.mobileFlex[_ngcontent-efh-c112] {
display: flex;
font-size: 16px
}
.alert-container[_ngcontent-efh-c112] .message[_ngcontent-efh-c112] .text.textDisplayStyle.mobileFlex[_ngcontent-efh-c112] .linkText[_ngcontent-efh-c112] {
padding-left: 5px
}
}
/* #endregion */
/* #region #21 */
.clearfix[_ngcontent-efh-c379]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c379] html[_ngcontent-efh-c379] .clearfix[_ngcontent-efh-c379] {
height: 1%
}
.clearfix[_ngcontent-efh-c379] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c379] {
margin-left: 60px
}
.main-content[_ngcontent-efh-c379] {
min-height: calc(100vh - 375px)
}
@media (min-width: 460px) {
.main-content[_ngcontent-efh-c379] {
min-height: calc(100vh - 375px)
}
}
@media (min-width: 767px) {
.main-content[_ngcontent-efh-c379] {
min-height: calc(100vh - 376px)
}
}
@media (min-width: 768px) {
.main-content[_ngcontent-efh-c379] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1023px) {
.main-content[_ngcontent-efh-c379] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1440px) {
.main-content[_ngcontent-efh-c379] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 768px) {
.app-nav[_ngcontent-efh-c379] {
display: none
}
.main-content.mainHeaderHeight[_ngcontent-efh-c379] {
margin-top: 79px
}
.main-content.mainHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c379] {
margin-top: 144px
}
}
/* #endregion */
/* #region #22 */
.clearfix[_ngcontent-efh-c373]:after,
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]:after,
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c373] html[_ngcontent-efh-c373] .clearfix[_ngcontent-efh-c373],
*[_ngcontent-efh-c373] html[_ngcontent-efh-c373] .main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] *[_ngcontent-efh-c373] html[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373],
*[_ngcontent-efh-c373] html[_ngcontent-efh-c373] .main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] *[_ngcontent-efh-c373] html[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373] {
height: 1%
}
.clearfix[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c373] {
margin-left: 60px
}
.auth-header[_ngcontent-efh-c373] {
display: block;
background-color: #fff
}
.auth-header.mainHeaderHeight[_ngcontent-efh-c373],
.auth-header.secondaryHeaderHeight[_ngcontent-efh-c373] {
height: 50px
}
.auth-header.mainHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c373],
.auth-header.secondaryHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c373] {
height: 150px
}
.hide-chat-icon[_ngcontent-efh-c373] {
visibility: hidden
}
.top-right-header-section[_ngcontent-efh-c373] {
display: none
}
.top-right-header-section-sso[_ngcontent-efh-c373] {
display: none;
padding-right: 20px
}
.chat-icon-gray-cross[_ngcontent-efh-c373] {
padding-right: 15px;
display: inline-block;
position: relative;
top: 18px;
cursor: pointer;
right: 45px
}
.chat-icon-gray-cross[_ngcontent-efh-c373]:before {
content: url(icon-chat-dark.eca0193d563de26c.svg);
width: 25px;
height: 25px;
display: block
}
.chat-text[_ngcontent-efh-c373] {
font-size: 18px;
padding-left: 10px
}
.chat-box[_ngcontent-efh-c373] {
display: flex
}
.stroke-cross[_ngcontent-efh-c373] {
vertical-align: middle;
border-right: 1px solid #EEE;
height: 37px;
width: 5px;
display: inline-block;
width: 16px;
height: 45px;
right: 52px;
margin-top: 17px;
position: relative
}
.bell-icon[_ngcontent-efh-c373] {
position: relative;
display: inline-block;
margin-right: 10px
}
.bell-icon[_ngcontent-efh-c373]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 18px;
height: 18px;
display: block
}
.chat-white[_ngcontent-efh-c373] {
position: relative
}
.chat-white[_ngcontent-efh-c373]:before {
content: url(icon-chat.243344f36ac2fccd.svg);
width: 16px;
height: 16px;
display: block
}
.chat-highlight[_ngcontent-efh-c373] {
position: relative
}
.chat-highlight[_ngcontent-efh-c373]:before {
content: url(icon-chat-highlight.8c684f81b62cdfe7.svg);
width: 16px;
height: 16px;
display: block
}
.chat-icon-white[_ngcontent-efh-c373] {
padding-right: 14px;
display: inline-block;
position: relative;
top: 5px;
margin-left: 8px
}
.header-menu-position[_ngcontent-efh-c373],
.get-in-touch[_ngcontent-efh-c373] {
display: none
}
.expand-icon[_ngcontent-efh-c373],
.right-arrow-icon[_ngcontent-efh-c373],
.collapse-icon[_ngcontent-efh-c373] {
position: relative;
float: right;
width: 10px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
cursor: pointer;
margin-right: 5px
}
.expand-icon[_ngcontent-efh-c373]:before,
.right-arrow-icon[_ngcontent-efh-c373]:before,
.collapse-icon[_ngcontent-efh-c373]:before {
content: url(ArrowWhite.8b54976a5a8b377a.svg);
width: 100%;
height: 100%;
display: block
}
.collapse-icon[_ngcontent-efh-c373] {
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
margin-right: 0
}
.right-arrow-icon[_ngcontent-efh-c373] {
transform: rotate(0);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg)
}
.switch-icon[_ngcontent-efh-c373] {
float: right;
cursor: pointer;
position: relative;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg)
}
.switch-icon[_ngcontent-efh-c373]:before {
content: url(switch-profile-light-grey.2d08469834ca97db.svg);
width: 15px;
height: 15px;
display: block
}
.right-align[_ngcontent-efh-c373] {
text-align: right
}
.shift-apply[_ngcontent-efh-c373] {
padding-right: 28px;
margin-top: 5px
}
.apply-button[_ngcontent-efh-c373] {
background-color: #fff;
height: 79px;
border-bottom: 1px solid #EEE;
position: fixed;
width: 102%;
z-index: 9998
}
.round-button[_ngcontent-efh-c373] {
padding: 6px 15px 4px;
border-radius: 20px;
font-size: 14px
}
.shiftHeaderTop[_ngcontent-efh-c373] {
top: 80px
}
.shiftHeader[_ngcontent-efh-c373] {
margin-left: 12px
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.shiftHeader[_ngcontent-efh-c373] {
margin-right: 20px
}
}
.lottie[_ngcontent-efh-c373] {
display: inline-block;
width: 28px;
vertical-align: middle
}
.float-logo-left[_ngcontent-efh-c373] {
padding-left: 14px;
text-align: left;
margin-top: 14px;
cursor: pointer;
position: relative;
position: absolute
}
.float-logo-left[_ngcontent-efh-c373]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 40px;
height: 40px;
display: block
}
.float-Cross[_ngcontent-efh-c373] {
top: 14px;
cursor: pointer;
position: relative;
right: 35px
}
.float-Cross[_ngcontent-efh-c373]:before {
content: url(Cross-Black.beebd41b49835647.svg);
width: 15px;
height: 15px
}
.position-header[_ngcontent-efh-c373] {
position: relative
}
.back-menu[_ngcontent-efh-c373] {
position: absolute;
top: 5px;
margin-left: 8px;
height: 21px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #006341
}
.back-arrow[_ngcontent-efh-c373] {
cursor: pointer;
position: relative
}
.back-arrow[_ngcontent-efh-c373]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 15px;
height: 15px;
display: block
}
.back-arrow[_ngcontent-efh-c373]:before {
position: absolute;
display: inline-block;
top: 31px;
left: 30px
}
.MenuActive[_ngcontent-efh-c373] {
border-bottom: 4px solid #78BE20
}
.scroll-navigator-container[_ngcontent-efh-c373] {
padding: 0
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] {
margin-top: .625rem;
padding-top: 1rem;
display: flex;
cursor: pointer
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .nav-divider[_ngcontent-efh-c373] {
height: 1.625rem;
border-left: 1px solid #EEE
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .left-nav[_ngcontent-efh-c373] {
padding: 4px 20px 0 0;
position: relative
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .left-nav[_ngcontent-efh-c373]:before {
content: url(Arrow_Active_Left.9ee3e998619c0876.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .left-nav[_ngcontent-efh-c373]:hover {
position: relative
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .left-nav[_ngcontent-efh-c373]:hover:before {
content: url(Arrow_Hover_Left.9add278f3b20b7cc.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .right-nav[_ngcontent-efh-c373] {
padding: 4px 0 0 20px;
position: relative
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .right-nav[_ngcontent-efh-c373]:before {
content: url(Arrow_Active_Right.4e7010f73b75a13c.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .right-nav[_ngcontent-efh-c373]:hover {
position: relative
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .right-nav[_ngcontent-efh-c373]:hover:before {
content: url(Arrow_Hover_Right.192733dd19eebae1.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .disable-right-nav[_ngcontent-efh-c373] {
padding: 4px 0 0 20px;
position: relative;
cursor: not-allowed
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .disable-right-nav[_ngcontent-efh-c373]:before {
content: url(Arrow_light\ grey_right.ee8cd4298d68312f.svg);
width: 10px;
height: 10px;
display: block
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .disable-left-nav[_ngcontent-efh-c373] {
padding: 4px 20px 0 0;
position: relative;
cursor: not-allowed
}
.scroll-navigator-container[_ngcontent-efh-c373] .scroll-nav[_ngcontent-efh-c373] .disable-left-nav[_ngcontent-efh-c373]:before {
content: url(Arrow_light\ grey_left.568e016eb30b02e4.svg);
width: 10px;
height: 10px;
display: block
}
.scrollable-menu-container[_ngcontent-efh-c373]:before {
content: "";
display: flex;
width: 35px;
height: 100%;
left: 0;
position: absolute;
z-index: 999;
margin-right: auto;
top: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 40%, #FFF 70%)
}
.scrollable-menu-container[_ngcontent-efh-c373]:after {
content: "";
display: flex;
width: 40px;
height: 100%;
right: 0;
position: absolute;
z-index: 999;
margin-left: auto;
top: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 40%, #FFF 70%)
}
.menuContainer[_ngcontent-efh-c373] {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #fff;
display: flex;
overflow: scroll;
position: relative;
-ms-overflow-style: none;
scrollbar-width: none
}
.menuContainer[_ngcontent-efh-c373] li[_ngcontent-efh-c373] {
outline: none;
float: left;
height: 65px;
margin-top: 12px;
padding: 16px
}
.menuContainer[_ngcontent-efh-c373] li[_ngcontent-efh-c373] a[_ngcontent-efh-c373] {
display: block;
color: #006341;
text-align: center;
text-decoration: none;
padding-bottom: 23px
}
.menuContainer[_ngcontent-efh-c373] li[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:hover {
border-bottom: 4px solid #78BE20
}
.menuContainer[_ngcontent-efh-c373]::-webkit-scrollbar {
display: none
}
.profileLink[_ngcontent-efh-c373] {
color: #cedc00
}
.profileLink.inactive[_ngcontent-efh-c373] {
color: #d7d7d7;
font-size: 14px
}
.profileLink.locked[_ngcontent-efh-c373] {
color: #d22630;
font-size: 12px
}
.textcolor[_ngcontent-efh-c373] {
color: #fff
}
.nooutline[_ngcontent-efh-c373] {
outline: none;
min-height: 100%
}
.additional-header-options[_ngcontent-efh-c373] {
margin-top: 0
}
.main-header[_ngcontent-efh-c373] {
padding: 13px 0;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1010
}
.main-header.header-background-color[_ngcontent-efh-c373] {
background: #006341
}
.main-header.header-background-color-white[_ngcontent-efh-c373] {
background: #FFF;
border-bottom: 1px solid #D1D1D1
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] {
flex: 1
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .cross[_ngcontent-efh-c373] {
position: relative;
width: 24px;
height: 24px;
padding-left: 5px;
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .cross[_ngcontent-efh-c373]:before {
content: url(close.73ac0f5edac9f539.svg);
width: 12px;
height: 12px;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left.top-padding[_ngcontent-efh-c373] {
padding-top: 2px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .cross-for-whiteBackground[_ngcontent-efh-c373] {
flex: 1;
position: relative;
width: 24px;
height: 24px;
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .cross-for-whiteBackground[_ngcontent-efh-c373]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 21px;
height: 21px;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .hamburger-icon[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .hamburger-icon-for-white-background[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] {
display: inline-block;
vertical-align: middle
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .hamburger-icon[_ngcontent-efh-c373] {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
bottom: 0;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .hamburger-icon[_ngcontent-efh-c373]:before {
content: url(MobiBurgerIcon.be4fc16709263acc.svg);
width: 24px;
height: 24px;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .hamburger-icon-for-white-background[_ngcontent-efh-c373] {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
bottom: 5px;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .hamburger-icon-for-white-background[_ngcontent-efh-c373]:before {
content: url(hamburger-icon-grey.28051be24e5833b7.svg);
width: 24px;
height: 24px;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .notification[_ngcontent-efh-c373] {
position: absolute;
height: 10px;
width: 10px;
background-color: #cedc00;
border-radius: 50%;
display: inline-block;
top: 0;
right: 0;
border: solid 2px #006341
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo[_ngcontent-efh-c373] {
position: relative;
width: 24px;
height: 24px;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo[_ngcontent-efh-c373]:before {
content: url(NedbanklogoBig.e888354d74b5ea34.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo-white-background[_ngcontent-efh-c373] {
position: relative;
width: 24px;
height: 24px;
cursor: pointer;
display: inline-block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo-white-background[_ngcontent-efh-c373]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .back-arrow-white-background[_ngcontent-efh-c373] {
position: relative;
width: 15px;
height: 15px;
cursor: pointer;
display: inline-block;
margin-top: 4px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .back-arrow-white-background[_ngcontent-efh-c373]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .back-arrow-white-background[_ngcontent-efh-c373]:before {
display: inline-block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] {
position: fixed;
background: #006341;
left: 0;
top: 50px;
height: calc(100vh - 50px);
overflow-y: auto;
z-index: 1000;
padding: 0 0 10px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transform: translate(-100%);
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transition: transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding: 17px;
border-bottom: 1px solid #37856A
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373]:first-of-type {
border-top: 1px solid #37856A
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details.inactive[_ngcontent-efh-c373] {
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details.locked[_ngcontent-efh-c373] {
cursor: not-allowed
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details.link-profile[_ngcontent-efh-c373] {
outline: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details.view-all-profile[_ngcontent-efh-c373] {
display: block;
text-align: center
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details.view-all-profile[_ngcontent-efh-c373] a[_ngcontent-efh-c373] {
color: #fff
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .pic[_ngcontent-efh-c373] {
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #115740;
border: 1px solid #78BE20;
font-size: .875rem;
border-radius: 40px;
padding: 15px 0;
margin-right: 20px;
text-align: center;
color: #fff
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .pic.inactive[_ngcontent-efh-c373] {
border-color: #bbb;
color: #bbb
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .pic.link-profile[_ngcontent-efh-c373] {
border-color: #fff;
font-size: 1.375rem;
padding-top: 10px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .locked-profile[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .locked-profile[_ngcontent-efh-c373]:before {
content: url(reverse.55ac4a4911094f7b.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .locked-profile[_ngcontent-efh-c373] span[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] {
flex: 1
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .name[_ngcontent-efh-c373] {
font-size: 20px;
font-weight: 700;
color: #fff;
word-break: break-all
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .link[_ngcontent-efh-c373] a[_ngcontent-efh-c373] {
font-weight: 700;
color: #fff;
text-decoration: underline;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .link[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:hover,
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .link[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:active {
color: #fff
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-overview[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-overview[_ngcontent-efh-c373]:before {
content: url(TabletOverview.eafbf6e8a415e0f0.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-transfer[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-transfer[_ngcontent-efh-c373]:before {
content: url(TransferIcon.ac034a9e453e6fc6.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-pay-icon[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-pay-icon[_ngcontent-efh-c373]:before {
content: url(PayIcon.f24f14339a757bae.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-buy-icon[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-buy-icon[_ngcontent-efh-c373]:before {
content: url(BuyIcon.9afdaa169756fe82.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-cards-icon[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .menu-cards-icon[_ngcontent-efh-c373]:before {
content: url(CardsIcon.cd2c8ddc7dc86328.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373] {
list-style: none;
padding-left: 0
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373] {
position: relative;
box-shadow: 0 1px 1px #37856a;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]:last-child {
border-bottom: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container.open[_ngcontent-efh-c373] .pop-over[_ngcontent-efh-c373] {
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container.open[_ngcontent-efh-c373]:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 10px);
z-index: 2;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin-top: 11px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container.open[_ngcontent-efh-c373]:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 6px);
z-index: 3;
width: 13px;
height: 13px;
border: solid 1px rgba(187, 187, 187, .5);
border-bottom: none;
border-right: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 13px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container[_ngcontent-efh-c373] .pop-over[_ngcontent-efh-c373] {
margin-top: 20px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container[_ngcontent-efh-c373] .pop-over.no-sub-menu[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container[_ngcontent-efh-c373] .pop-over.submenu-width[_ngcontent-efh-c373] {
min-width: 225px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] {
display: block;
line-height: 60px;
padding: 0 17px;
text-decoration: none;
color: #333;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] .text[_ngcontent-efh-c373] {
display: inline-block;
vertical-align: middle;
line-height: 1
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373] {
width: 16px;
margin-right: 17px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] .icon.arrow-icon[_ngcontent-efh-c373] {
position: relative;
float: right;
width: 10px;
margin: 24px 0 0
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] .icon.arrow-icon[_ngcontent-efh-c373]:before {
content: url(ArrowWhite.8b54976a5a8b377a.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a.offers[_ngcontent-efh-c373] {
display: flex;
align-items: center;
justify-content: center;
height: 60px;
padding-left: 17px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a.offers[_ngcontent-efh-c373] .text[_ngcontent-efh-c373] {
flex: 1
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a.offers[_ngcontent-efh-c373] .icon.bell-icon[_ngcontent-efh-c373] {
width: 24px;
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a.offers[_ngcontent-efh-c373] .icon.bell-icon[_ngcontent-efh-c373]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a.offers[_ngcontent-efh-c373] .icon.arrow-icon[_ngcontent-efh-c373] {
margin: 0
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-apply-icon[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-apply-icon[_ngcontent-efh-c373]:before {
content: url(ApplyIcon.e04d4062d5785b69.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .bell-icon[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .bell-icon[_ngcontent-efh-c373]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-overview[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-overview[_ngcontent-efh-c373]:before {
content: url(overviewMob-grey.dd4b19e1791b3641.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-transfer[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-transfer[_ngcontent-efh-c373]:before {
content: url(TransferMob-grey.d2cf2f3352cbbe49.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-pay-icon[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-pay-icon[_ngcontent-efh-c373]:before {
content: url(payMob-grey.38557da537af80e4.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-buy-icon[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-buy-icon[_ngcontent-efh-c373]:before {
content: url(buyMob-grey.654bf57bf38fa32c.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-cards-icon[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-cards-icon[_ngcontent-efh-c373]:before {
content: url(cardsMob-grey.8b61144ae63bd820.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-recipients[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-recipients[_ngcontent-efh-c373]:before {
content: url(recipientMob-grey.47e3f6a3d32bd663.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-settings[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-settings[_ngcontent-efh-c373]:before {
content: url(settingsMob-grey.53eb4baebd710d1d.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-profile[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-profile[_ngcontent-efh-c373]:before {
content: url(profileMob-grey.74e87f2e63bddbf9.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-contact-us[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-contact-us[_ngcontent-efh-c373]:before {
content: url(contactMob-grey.c99c3ed9b3e394a6.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-logoff[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-logoff[_ngcontent-efh-c373]:before {
content: url(LogoutMob-grey.f411acdf1305d403.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-recipient-icon[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .menu-recipient-icon[_ngcontent-efh-c373]:before {
content: url(recipientMob-grey.47e3f6a3d32bd663.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .new-recipient[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav.side-nav[_ngcontent-efh-c373] .new-recipient[_ngcontent-efh-c373]:before {
content: url(New-recipient.b89d1f9e9e1fa1e3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373] {
padding-left: 0;
list-style: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373] {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
width: 20px;
height: 20px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.offer-notification[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373] .chat-icon-container[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.contactus[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] {
display: block;
height: 100%;
width: 100%;
outline: 0
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container.open[_ngcontent-efh-c373] .pop-over[_ngcontent-efh-c373] {
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container.open[_ngcontent-efh-c373]:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 10px);
z-index: 2;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin-top: 16px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container.open[_ngcontent-efh-c373]:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 6px);
z-index: 3;
width: 13px;
height: 13px;
border: solid 1px rgba(187, 187, 187, .5);
border-bottom: none;
border-right: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 18px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container[_ngcontent-efh-c373] .pop-over[_ngcontent-efh-c373] {
margin-top: 25px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container[_ngcontent-efh-c373] .pop-over.no-sub-menu[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.pop-over-container[_ngcontent-efh-c373] .pop-over.submenu-width[_ngcontent-efh-c373] {
min-width: 225px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.search[_ngcontent-efh-c373] {
position: relative;
width: 16px;
height: 16px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.search[_ngcontent-efh-c373]:before {
content: url(SearchIcon.f18b75cfc926491a.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.contact[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.contact[_ngcontent-efh-c373] a[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.contact[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:before {
content: url(contactWhite.076a62320b9995c2.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.setting[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.setting[_ngcontent-efh-c373] a[_ngcontent-efh-c373] {
position: relative
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.setting[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:before {
content: url(settings.b45e653faf0414ae.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.logout[_ngcontent-efh-c373] {
display: none;
position: static;
height: 81px;
font-family: 14px;
width: 105px;
top: -20px;
line-height: 82px;
padding-left: 25px;
background-color: #115740;
margin: 0
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.logout[_ngcontent-efh-c373] a[_ngcontent-efh-c373] {
color: #fff
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.user-container[_ngcontent-efh-c373] {
display: none;
font-size: 14px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.user-container[_ngcontent-efh-c373] .btn-profile-menu[_ngcontent-efh-c373] {
cursor: pointer;
width: 100%;
height: 42px;
margin-top: -15px;
background-color: #006341;
color: #fff;
text-align: left;
border: none;
padding: 0 10px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.user-container[_ngcontent-efh-c373] .btn-profile-menu[_ngcontent-efh-c373] .initials[_ngcontent-efh-c373] {
border-radius: 50%;
border: 2px solid #FFF;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
margin-top: 7px;
font-size: 12px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.user-container[_ngcontent-efh-c373] .btn-profile-menu[_ngcontent-efh-c373] .name[_ngcontent-efh-c373] {
margin-left: 10px;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
width: 6.8em;
vertical-align: middle
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.user-container[_ngcontent-efh-c373] .btn-profile-menu[_ngcontent-efh-c373] .caret[_ngcontent-efh-c373] {
float: right;
margin-top: 15px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.user-container[_ngcontent-efh-c373] a.user[_ngcontent-efh-c373] {
color: #333;
display: block;
height: 100%;
transform: translate(-50%) translateY(-50%)
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.cross[_ngcontent-efh-c373] {
position: relative;
width: 22px;
height: 22px;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.cross[_ngcontent-efh-c373]:before {
content: url(close.73ac0f5edac9f539.svg);
width: 100%;
height: 100%;
display: block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .center[_ngcontent-efh-c373] {
font-size: 18px;
color: #006341
}
.main-header[_ngcontent-efh-c373] .footer-nav-items[_ngcontent-efh-c373] {
display: none
}
@media (max-width: 768px) {
.main-header.footer-nav[_ngcontent-efh-c373] {
background: #FFF;
border-bottom: 1px solid #EEE
}
.main-header.footer-nav[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo[_ngcontent-efh-c373] {
position: relative
}
.main-header.footer-nav[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo[_ngcontent-efh-c373]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.footer-nav[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .chat-right[_ngcontent-efh-c373] {
display: none
}
.main-header.footer-nav[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .footer-nav-items[_ngcontent-efh-c373] {
float: right;
display: block
}
.main-header.footer-nav[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .footer-nav-items[_ngcontent-efh-c373] .cross-green[_ngcontent-efh-c373] {
position: relative;
width: 24px;
height: 24px;
padding-left: 5px;
display: inline-block;
cursor: pointer
}
.main-header.footer-nav[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .footer-nav-items[_ngcontent-efh-c373] .cross-green[_ngcontent-efh-c373]:before {
content: url(close_green.432a244b1d13079f.svg);
width: 12px;
height: 12px;
display: block
}
}
.main-header.un-auth[_ngcontent-efh-c373] {
background: #FFF;
border-bottom: 1px solid #EEE
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
position: relative
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo[_ngcontent-efh-c373] {
position: relative
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo[_ngcontent-efh-c373]:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] {
color: #006341
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] {
width: auto;
margin-left: 20px;
height: auto
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373] {
line-height: 1
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373],
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] {
display: inline-block;
vertical-align: middle
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] .details[_ngcontent-efh-c373],
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] {
display: none
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373] {
position: relative;
width: 16px
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373]:before {
content: url(location-blank-green.15740b1c831edc89.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] a[_ngcontent-efh-c373] {
color: #006341;
outline: 0;
text-decoration: none;
font-size: 18px
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:active,
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:focus,
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:hover,
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:active:focus {
color: #006341
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.contact-details[_ngcontent-efh-c373] {
text-align: right
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.contact-details[_ngcontent-efh-c373] a[_ngcontent-efh-c373],
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.contact-details[_ngcontent-efh-c373] a[_ngcontent-efh-c373]:focus {
text-decoration: none;
display: inline;
font-size: 18px
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.contact-details[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373] {
position: relative;
width: 15px;
margin-right: 10px
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.contact-details[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373]:before {
content: url(contact-blank-green.36dfab02d2901e0a.svg);
width: 100%;
height: 100%;
display: block
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.contact-details[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] {
display: inline-block
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] .call[_ngcontent-efh-c373] {
font-size: 12px
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] .oldBanking-button[_ngcontent-efh-c373] {
display: inline-block
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .top-right-header-section[_ngcontent-efh-c373],
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .top-right-header-section-sso[_ngcontent-efh-c373],
.sub-menu-close[_ngcontent-efh-c373] {
display: block
}
.sub-menu-mob[_ngcontent-efh-c373] {
position: fixed;
inset: 0;
background: #006341;
z-index: 10000;
transform: translate(100%);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transition: transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out;
border-left: 1px solid #BBB
}
.sub-menu-mob.active[_ngcontent-efh-c373] {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.sub-menu-mob.active[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .sub-menu-close[_ngcontent-efh-c373] {
display: inline-block
}
.sub-menu-mob.active[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .sub-menu-border-line[_ngcontent-efh-c373] {
width: 100%;
border-bottom: solid 1.5px #37856A;
margin-top: 20px
}
.sub-menu-mob[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] {
padding: 50px 0 10px;
height: 100%;
position: relative
}
.sub-menu-mob[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .mobile-header-menu[_ngcontent-efh-c373] li.active[_ngcontent-efh-c373] {
background-color: #eee
}
.sub-menu-mob[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .sub-menu-close[_ngcontent-efh-c373] {
position: absolute;
left: 14px;
top: 17px;
width: 100%;
height: 50px;
background: #006341;
padding: 14px 0 0 6px;
cursor: pointer;
display: none
}
.sub-menu-mob[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .sub-menu-close[_ngcontent-efh-c373] .cross[_ngcontent-efh-c373] {
width: 22px;
height: 22px;
display: inline-block;
padding-right: 8px;
position: relative
}
.sub-menu-mob[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .sub-menu-close[_ngcontent-efh-c373] .cross[_ngcontent-efh-c373]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 100%;
height: 100%;
display: block
}
.sub-menu-mob[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .sub-menu-close[_ngcontent-efh-c373] .cross-submenu[_ngcontent-efh-c373] {
width: 22px;
height: 22px;
/* display: inline-block; */
padding-right: 3px;
margin-right: 30px;
float: right;
position: relative
}
.sub-menu-mob[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .sub-menu-close[_ngcontent-efh-c373] .cross-submenu[_ngcontent-efh-c373]:before {
content: url(close.73ac0f5edac9f539.svg);
width: 100%;
height: 100%;
display: block
}
.sub-menu-mob[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .sub-menu-close[_ngcontent-efh-c373] .submenu-text[_ngcontent-efh-c373] {
width: 75px;
height: 23px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #fff;
padding-left: 6px
}
.sub-menu-mob[_ngcontent-efh-c373] .details[_ngcontent-efh-c373] .sub-menu-close[_ngcontent-efh-c373] .center[_ngcontent-efh-c373] {
font-size: 18px;
color: #006341;
flex: 1;
margin-left: 20%
}
.sub-menu-mob[_ngcontent-efh-c373] .menu-title[_ngcontent-efh-c373] {
padding: 0 16px 0 49px;
line-height: 60px;
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
border-bottom: 1px solid #F9F9F9;
color: #333;
margin: 0
}
.sub-menu-mob[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] {
padding-left: 0;
list-style: none;
height: calc(100% - 62px);
overflow-y: auto
}
.sub-menu-mob[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] {
box-shadow: 0 1px 1px #37856a
}
.sub-menu-mob[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373]:last-child {
border-bottom: none
}
.sub-menu-mob[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] a[_ngcontent-efh-c373] {
display: block;
line-height: 60px;
padding: 0 20px;
text-decoration: none;
color: #333
}
.sub-menu-mob[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] a[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373],
.sub-menu-mob[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] a[_ngcontent-efh-c373] .text[_ngcontent-efh-c373] {
display: inline-block;
vertical-align: middle;
line-height: 1
}
.sub-menu-mob[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] a[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373] {
width: 16px;
margin-right: 17px
}
.sub-menu-mob[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] a[_ngcontent-efh-c373] .icon.arrow-icon[_ngcontent-efh-c373] {
position: relative;
float: right;
width: 10px;
margin: 24px 0 0
}
.sub-menu-mob[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] a[_ngcontent-efh-c373] .icon.arrow-icon[_ngcontent-efh-c373]:before {
content: url(ArrowWhite.8b54976a5a8b377a.svg);
width: 100%;
height: 100%;
display: block
}
.stage[_ngcontent-efh-c373] {
margin: 0 10px;
display: table;
position: relative;
width: 26px;
height: 26px;
line-height: 1
}
.stage[_ngcontent-efh-c373] .bell-icon[_ngcontent-efh-c373] {
position: relative
}
.stage[_ngcontent-efh-c373] .bell-icon[_ngcontent-efh-c373]:before {
content: url(bell-gray.247ffb34454616bb.svg);
width: 100%;
height: 100%;
display: block
}
.stage[_ngcontent-efh-c373] .pulse-icon[_ngcontent-efh-c373] {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
background: #009639;
border-radius: 50%;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #fff
}
.stage[_ngcontent-efh-c373] .pulse-icon.active[_ngcontent-efh-c373] {
animation: none
}
.stage[_ngcontent-efh-c373] .pulse-icon[_ngcontent-efh-c373]:after {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 3px #009639;
transition: transform .2s, opacity .2s
}
.stage[_ngcontent-efh-c373] .pulse-icon[_ngcontent-efh-c373]:hover:before {
animation: none
}
.stage[_ngcontent-efh-c373] .pulsing[_ngcontent-efh-c373]:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 3px #009639;
transition: transform .2s, opacity .2s;
animation: pulsing 2.7s infinite
}
@keyframes pulsing {
0% {
transform: scale(1);
opacity: 1
}
50% {
transform: scale(1.5);
opacity: 0
}
to {
transform: scale(2);
opacity: 0
}
}
.stagecontactus[_ngcontent-efh-c373] {
margin: 0 10px;
display: table;
position: relative;
width: 26px;
height: 26px;
line-height: 1
}
.stagecontactus[_ngcontent-efh-c373] .contact-icon[_ngcontent-efh-c373] {
position: relative
}
.stagecontactus[_ngcontent-efh-c373] .contact-icon[_ngcontent-efh-c373]:before {
content: url(icon-phone-white.434820e9fdbaf508.svg);
width: 25px;
height: 25px;
display: block
}
.stagecontactus[_ngcontent-efh-c373] .activecontact-icon[_ngcontent-efh-c373] {
position: relative
}
.stagecontactus[_ngcontent-efh-c373] .activecontact-icon[_ngcontent-efh-c373]:before {
content: url(icon-phone-highlight.2d05d5467f287094.svg);
width: 25px;
height: 25px;
display: block
}
.stagecontactus[_ngcontent-efh-c373] .pulsing[_ngcontent-efh-c373]:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
content: "";
box-shadow: inset 0 0 0 3px #009639;
transition: transform .2s, opacity .2s;
animation: pulsing 2.7s infinite
}
@media (max-width: 767px) {
.hideMobileMenu[_ngcontent-efh-c373],
.apply-button[_ngcontent-efh-c373] {
display: none
}
.chat-icon[_ngcontent-efh-c373] {
position: relative
}
.chat-icon[_ngcontent-efh-c373]:before {
content: url(icon-chat-thin.aecf4aeab466cacf.svg);
width: 18px;
height: 16px;
display: block
}
.chat-text[_ngcontent-efh-c373] {
display: none
}
.chat-icon-grey[_ngcontent-efh-c373] {
padding-right: 15px;
display: inline-block;
position: relative;
top: 2px
}
.chat-icon-grey[_ngcontent-efh-c373]:before {
content: url(icon-chat-dark.eca0193d563de26c.svg);
width: 20px;
height: 18px;
display: block
}
.stagecontactus[_ngcontent-efh-c373] {
margin: 0 10px;
display: table;
position: relative;
width: 26px;
height: 26px;
line-height: 1
}
.stagecontactus.contact-icon[_ngcontent-efh-c373] {
position: relative;
position: absolute;
right: 70px
}
.stagecontactus.contact-icon[_ngcontent-efh-c373]:before {
content: url(icon-phone-white.434820e9fdbaf508.svg);
width: 16px;
height: 16px;
display: block
}
.stagecontactus.contact-icon-whiteBackground[_ngcontent-efh-c373] {
position: relative;
position: absolute;
right: 70px
}
.stagecontactus.contact-icon-whiteBackground[_ngcontent-efh-c373]:before {
content: url(icon-phone-gray.bdd1339c8fc16fe7.svg);
width: 16px;
height: 16px;
display: block
}
.stagecontactus.activecontact-icon[_ngcontent-efh-c373] {
position: relative;
position: absolute;
right: 70px
}
.stagecontactus.activecontact-icon[_ngcontent-efh-c373]:before {
content: url(icon-phone-highlight.2d05d5467f287094.svg);
width: 16px;
height: 16px;
display: block
}
.chat-right[_ngcontent-efh-c373] {
float: right
}
}
@media (min-width: 768px) {
.auth-header.mainHeaderHeight[_ngcontent-efh-c373] {
height: 159px
}
.auth-header.mainHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c373] {
height: 224px
}
.auth-header.secondaryHeaderHeight[_ngcontent-efh-c373] {
height: 79px
}
.auth-header.secondaryHeaderHeight.cookieHeaderHeight[_ngcontent-efh-c373] {
height: 144px
}
.green-header[_ngcontent-efh-c373] {
padding-top: 0 !important
}
.chat-icon[_ngcontent-efh-c373] {
color: #006341;
position: relative
}
.chat-icon[_ngcontent-efh-c373]:before {
content: url(icon-chat-thin.aecf4aeab466cacf.svg);
width: 24px;
height: 24px;
display: block
}
.top-right-header-section[_ngcontent-efh-c373],
.top-right-header-section-sso[_ngcontent-efh-c373] {
display: block
}
.chat-white[_ngcontent-efh-c373] {
position: relative
}
.chat-white[_ngcontent-efh-c373]:before {
content: url(icon-chat.243344f36ac2fccd.svg);
width: 18px;
height: 18px;
display: block
}
.chat-highlight[_ngcontent-efh-c373] {
position: relative
}
.chat-highlight[_ngcontent-efh-c373]:before {
content: url(icon-chat-highlight.8c684f81b62cdfe7.svg);
width: 18px;
height: 18px;
display: block
}
.chat-icon-white[_ngcontent-efh-c373] {
top: 4px;
left: 0;
padding-right: 12px
}
.header-menu-position[_ngcontent-efh-c373] {
margin-right: 0
}
.get-in-touch[_ngcontent-efh-c373] {
margin-top: -12px;
min-width: 120px
}
.get-in-touch[_ngcontent-efh-c373] .contact-us[_ngcontent-efh-c373] {
font-size: .8125rem;
text-align: center;
text-decoration: none;
color: #fff;
width: 121px;
height: 33px;
border-radius: 15px;
padding: 5px 6px;
border: solid 2px #FFF
}
.back-menu[_ngcontent-efh-c373] {
left: 50px;
top: 30px
}
.hideMenu[_ngcontent-efh-c373],
.hideMainMenuInWeb[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] {
padding: 20px 0
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .hamburger-icon[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .logo[_ngcontent-efh-c373] {
width: 40px;
height: 40px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] {
position: static;
background: none;
left: auto;
top: auto;
height: auto;
padding: 0;
width: calc(100% - 45px);
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
overflow: visible
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373] .user-details[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373] {
padding-left: 20px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373] {
float: left;
border-bottom: none;
box-shadow: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.mob-only[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] {
padding: 0 10px;
color: #fff;
line-height: 40px;
letter-spacing: .05px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373]:hover,
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a.active[_ngcontent-efh-c373] {
color: #fff;
text-decoration: none;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373]:active {
outline: none;
color: #fff;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] .arrow-icon[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373] {
margin-right: 2px;
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373] {
margin-left: 20px;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.offer-notification[_ngcontent-efh-c373],
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.chat-icon-container[_ngcontent-efh-c373] {
display: inline-block;
width: 24px;
height: 24px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.contactus[_ngcontent-efh-c373] {
display: inline-block;
width: 24px;
height: 24px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] {
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]:first-child {
margin-left: 0
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.search[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.setting[_ngcontent-efh-c373] {
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.logout[_ngcontent-efh-c373] {
display: inline-block;
cursor: pointer
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.user-container[_ngcontent-efh-c373] {
display: inline-block;
cursor: pointer;
min-width: 55px;
margin-left: 12px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.contact[_ngcontent-efh-c373] {
display: inline-block
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.cross[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.mob-only[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .center[_ngcontent-efh-c373] {
flex: 1
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .demo-icon-position[_ngcontent-efh-c373] {
top: 18%
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] {
margin-left: 40px
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] .details[_ngcontent-efh-c373],
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] {
display: inline-block
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.branch[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373] {
margin-right: 10px
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.contact-details[_ngcontent-efh-c373] {
display: inline-block
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li.contact-details[_ngcontent-efh-c373] .icon[_ngcontent-efh-c373] {
margin-right: 10px;
width: 20px
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] .call[_ngcontent-efh-c373] {
font-size: 18px
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] li[_ngcontent-efh-c373] .oldBanking-button[_ngcontent-efh-c373] {
font-size: 16px;
display: inline-block
}
.sub-menu-mob[_ngcontent-efh-c373],
.chat-right[_ngcontent-efh-c373] {
display: none
}
.stage[_ngcontent-efh-c373] {
margin: 0;
width: 26px;
height: 26px
}
.stage[_ngcontent-efh-c373] .bell-icon[_ngcontent-efh-c373] {
position: relative;
margin-top: -4px
}
.stage[_ngcontent-efh-c373] .bell-icon[_ngcontent-efh-c373]:before {
content: url(bell.cb56532a95a95c55.svg);
width: 32px;
height: 32px;
display: block
}
.stage[_ngcontent-efh-c373] .pulse-icon[_ngcontent-efh-c373] {
background: #FFF;
font-size: 16px;
color: #007255
}
.stage[_ngcontent-efh-c373] .pulse-icon[_ngcontent-efh-c373]:after {
box-shadow: inset 0 0 0 3px #fff
}
.stage[_ngcontent-efh-c373] .pulsing[_ngcontent-efh-c373]:before {
box-shadow: inset 0 0 0 3px #fff
}
.stagecontactus[_ngcontent-efh-c373] {
margin: 2px;
width: 26px;
height: 26px
}
.stagecontactus[_ngcontent-efh-c373] .contact-icon[_ngcontent-efh-c373] {
position: relative;
margin-top: -4px
}
.stagecontactus[_ngcontent-efh-c373] .contact-icon[_ngcontent-efh-c373]:before {
content: url(icon-phone-white.434820e9fdbaf508.svg);
width: 25px;
height: 25px;
display: block
}
.stagecontactus[_ngcontent-efh-c373] .activecontact-icon[_ngcontent-efh-c373] {
position: relative;
margin-top: -4px
}
.stagecontactus[_ngcontent-efh-c373] .activecontact-icon[_ngcontent-efh-c373]:before {
content: url(icon-phone-highlight.2d05d5467f287094.svg);
width: 25px;
height: 25px;
display: block
}
}
@media (min-width: 1024px) {
.main-header.header-background-color-white[_ngcontent-efh-c373] {
display: none
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .left[_ngcontent-efh-c373] .main-nav[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]>a[_ngcontent-efh-c373] {
padding: 0 18px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373] {
margin-left: 15px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373] .chat-icon-white[_ngcontent-efh-c373] {
margin-left: 7px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li.chat-icon-container[_ngcontent-efh-c373] {
margin-left: 15px
}
.main-header[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373]>ul[_ngcontent-efh-c373]>li[_ngcontent-efh-c373]:first-child {
margin-left: 15px
}
.shift-apply[_ngcontent-efh-c373] {
padding-right: 38px
}
}
[_nghost-efh-c373] .user-container .pop-over {
width: 100%;
margin-top: 28px !important
}
[_nghost-efh-c373] .user-container.open:before {
left: auto !important;
right: 20px !important;
border-left-width: 12px !important;
border-right-width: 12px !important;
border-bottom-width: 13px !important
}
[_nghost-efh-c373] .user-container.open:after {
left: auto !important;
right: 24px !important;
height: 16px !important;
width: 16px !important
}
.hamburger-icon-pre-login[_ngcontent-efh-c373] {
display: inline-block;
position: relative;
bottom: 0;
cursor: pointer;
margin: 0
}
.hamburger-icon-pre-login[_ngcontent-efh-c373]:before {
content: url(hamburger-icon-green.28df821c4aa248f4.svg);
width: 15px;
height: 13px;
display: block
}
.pre-hamburger-cross[_ngcontent-efh-c373] {
display: inline-block;
position: relative;
bottom: 0;
cursor: pointer;
margin: 0
}
.pre-hamburger-cross[_ngcontent-efh-c373]:before {
content: url(close_green.432a244b1d13079f.svg);
width: 13px;
height: 13px;
display: block
}
.pre-hamburger-hide[_ngcontent-efh-c373] {
display: none
}
.moneytracker-beta-responsive[_ngcontent-efh-c373] {
float: right;
font-size: 10px;
margin-right: .625rem
}
.moneytracker-beta[_ngcontent-efh-c373] {
background: #78BE20;
color: #fff;
padding: .25rem;
border-radius: 5px;
letter-spacing: .5px;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.moneytracker-beta-container[_ngcontent-efh-c373] {
white-space: nowrap
}
.moneytracker-beta-container[_ngcontent-efh-c373] .moneytracker-beta[_ngcontent-efh-c373] {
font-size: 10px
}
.login-btn[_ngcontent-efh-c373] {
width: 120px;
height: 30px;
border-radius: 15px
}
.navigation-button[_ngcontent-efh-c373] .register-head[_ngcontent-efh-c373] {
display: none
}
@media (min-width: 1024px) {
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] .navigation-button[_ngcontent-efh-c373] {
display: inline-flex
}
.main-header.un-auth[_ngcontent-efh-c373] .header-block[_ngcontent-efh-c373] .right[_ngcontent-efh-c373] ul[_ngcontent-efh-c373] .navigation-button[_ngcontent-efh-c373] .register-head[_ngcontent-efh-c373] {
display: block;
margin-right: 30px
}
}
/* #endregion #22 */
/* #region #23 */
.clearfix[_ngcontent-efh-c378]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c378] html[_ngcontent-efh-c378] .clearfix[_ngcontent-efh-c378] {
height: 1%
}
.clearfix[_ngcontent-efh-c378] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c378] {
margin-left: 60px
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] {
text-align: center
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] .title[_ngcontent-efh-c378] {
font-size: 29px;
color: #333;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] .subheading[_ngcontent-efh-c378] {
margin-top: 20px;
color: #333;
margin-bottom: 30px
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] .subheading[_ngcontent-efh-c378] p[_ngcontent-efh-c378] {
margin-bottom: 20px;
font-size: 20px
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .btns-container[_ngcontent-efh-c378] {
display: flex;
flex-direction: column
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .btns-container[_ngcontent-efh-c378] app-bottom-button {
flex: 1;
margin-bottom: 20px
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .btns-container[_ngcontent-efh-c378] app-bottom-button button {
max-width: none
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] .title[_ngcontent-efh-c378] {
font-size: 1.5rem;
color: #666;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] .subheading[_ngcontent-efh-c378] {
margin-bottom: 40px;
color: #666;
padding: 0 10px
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .overlay-cross[_ngcontent-efh-c378] {
position: relative;
height: 19px;
width: 19px;
top: 20px;
right: 20px
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .overlay-cross[_ngcontent-efh-c378]:before {
content: url(icon-close.48b7e3bad32fdb76.svg);
width: 100%;
height: 100%;
display: block
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .btns-container[_ngcontent-efh-c378] {
max-width: 310px;
margin: 0 auto
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .btns-container[_ngcontent-efh-c378] app-bottom-button {
margin-bottom: 0
}
.comp-container.session-container[_ngcontent-efh-c378] app-small-overlay .overlay {
padding: 40px 20px 45px
}
@media (max-width: 767px) {
.comp-container.box[_ngcontent-efh-c378] app-small-overlay .overlay.alternate {
position: absolute;
overflow: auto;
left: 10%;
top: 10%;
width: 80%;
height: auto
}
.comp-container.session-container[_ngcontent-efh-c378] app-small-overlay .overlay.alternate {
top: 20%
}
}
@media (min-width: 768px) {
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .btns-container[_ngcontent-efh-c378] {
display: flex;
flex-direction: row
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .btns-container[_ngcontent-efh-c378] app-bottom-button[_ngcontent-efh-c378] {
margin-right: 20px;
margin-bottom: 0
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .btns-container[_ngcontent-efh-c378] app-bottom-button[_ngcontent-efh-c378]:last-child {
margin-right: 0
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378],
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] {
padding: 0
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] .title[_ngcontent-efh-c378] {
font-size: 1.875rem;
color: #333
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] .subheading[_ngcontent-efh-c378] {
font-size: 1.25rem;
color: #333;
margin-top: 15px;
margin-bottom: 30px;
padding: 0
}
.comp-container.session-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .overlay-cross[_ngcontent-efh-c378] {
height: 14px;
width: 14px;
top: 20px;
right: 20px
}
.comp-container.session-container[_ngcontent-efh-c378] app-small-overlay .overlay {
padding: 45px 80px 60px;
height: auto
}
}
@media (min-width: 1024px) {
.comp-container[_ngcontent-efh-c378] app-small-overlay .overlay {
max-width: 810px
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] {
padding: 0 50px
}
.comp-container[_ngcontent-efh-c378] .popup-container[_ngcontent-efh-c378] .content-container[_ngcontent-efh-c378] {
padding: 0 80px
}
}
/* #endregion */
/* #region #24 */
.clearfix[_ngcontent-efh-c403]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c403] html[_ngcontent-efh-c403] .clearfix[_ngcontent-efh-c403] {
height: 1%
}
.clearfix[_ngcontent-efh-c403] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c403] {
margin-left: 60px
}
.clearfix[_ngcontent-efh-c403]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c403] html[_ngcontent-efh-c403] .clearfix[_ngcontent-efh-c403] {
height: 1%
}
.clearfix[_ngcontent-efh-c403] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c403] {
margin-left: 60px
}
.campaign[_ngcontent-efh-c403] app-colored-overlay .overlay .container {
overflow-y: hidden !important
}
.account-print[_ngcontent-efh-c403],
.accounts-statement.desktop[_ngcontent-efh-c403] {
display: none
}
.accounts-statement.mobile[_ngcontent-efh-c403] {
font-size: 14px;
font-weight: 700;
display: flex;
flex-direction: row-reverse;
padding: 0 15px 20px 0
}
.accounts-statement[_ngcontent-efh-c403] .statement-position[_ngcontent-efh-c403] {
display: flex
}
.accounts-statement[_ngcontent-efh-c403] .statement-position[_ngcontent-efh-c403]:focus {
text-decoration: none;
color: #009639
}
.accounts-statement[_ngcontent-efh-c403] .statement-text[_ngcontent-efh-c403] {
padding-top: 5px
}
.accounts-statement[_ngcontent-efh-c403] .statement-icon[_ngcontent-efh-c403] {
position: relative;
width: 24px;
height: 24px;
padding: 4px 4px 2px 0;
margin-right: 5px
}
.accounts-statement[_ngcontent-efh-c403] .statement-icon[_ngcontent-efh-c403]:before {
content: url(document-view.9dcb987de511fb51.svg);
width: 100%;
height: 100%;
display: block
}
.MenuContainer[_ngcontent-efh-c403] {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #fff
}
.MenuContainer[_ngcontent-efh-c403] li[_ngcontent-efh-c403] {
float: left;
height: 69px
}
.MenuContainer[_ngcontent-efh-c403] li[_ngcontent-efh-c403] a[_ngcontent-efh-c403] {
display: block;
color: green;
text-align: center;
padding: 16px;
text-decoration: none
}
.MenuContainer[_ngcontent-efh-c403] li[_ngcontent-efh-c403]:hover {
border-bottom: 3px solid green
}
.view-banker-container[_ngcontent-efh-c403] {
height: 35px
}
.view-banker[_ngcontent-efh-c403] {
font-size: 16px;
font-weight: bolder;
text-align: left;
padding-left: 35px;
cursor: pointer;
margin-top: 10px;
position: absolute;
right: 40px;
z-index: 1
}
.accountfadeIn[_ngcontent-efh-c403] {
transition: .8s;
opacity: .3
}
.accountfadeOut[_ngcontent-efh-c403] {
transition: .8s;
opacity: 1
}
.top-bar[_ngcontent-efh-c403] .apply-btn {
margin-top: 0
}
.contact[_ngcontent-efh-c403] {
position: relative;
margin-right: 5px;
display: inline-flex;
vertical-align: middle
}
.contact[_ngcontent-efh-c403]:before {
content: url(profile-green.8a5b77e7a09ae239.svg);
width: 24px;
height: 24px;
display: block
}
.dashboard-container[_ngcontent-efh-c403] {
background-color: #f9f9f9;
padding: 30px 0;
min-height: calc(100vh - 375px)
}
@media (min-width: 460px) {
.dashboard-container[_ngcontent-efh-c403] {
min-height: calc(100vh - 375px)
}
}
@media (min-width: 767px) {
.dashboard-container[_ngcontent-efh-c403] {
min-height: calc(100vh - 376px)
}
}
@media (min-width: 768px) {
.dashboard-container[_ngcontent-efh-c403] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1023px) {
.dashboard-container[_ngcontent-efh-c403] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1440px) {
.dashboard-container[_ngcontent-efh-c403] {
min-height: calc(100vh - 212px)
}
}
.dashboard-container[_ngcontent-efh-c403] .container[_ngcontent-efh-c403] {
padding-left: 0;
padding-right: 0
}
.dashboard-container[_ngcontent-efh-c403] .container[_ngcontent-efh-c403] .row[_ngcontent-efh-c403] {
margin-left: 0;
margin-right: 0
}
.dashboard-container[_ngcontent-efh-c403] .container[_ngcontent-efh-c403] .row[_ngcontent-efh-c403] .gd-dashboard-landing[_ngcontent-efh-c403] {
padding: 20px 0;
overflow: hidden
}
.dashboard-container[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] {
padding: 30px 0 20px;
transition: transform .4s ease-in-out;
-webkit-transition: transform .4s ease-in-out;
-moz-transition: transform .4s ease-in-out;
-ms-transition: transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out
}
.dashboard-container[_ngcontent-efh-c403] .notification-block[_ngcontent-efh-c403] {
width: 100%;
display: none;
order: 3;
border-left: 1px solid #EEE;
align-self: stretch;
z-index: 2;
background: #FFF
}
.dashboard-container[_ngcontent-efh-c403] .notification-block.slider[_ngcontent-efh-c403] {
transform: translate(0)
}
.apply-button[_ngcontent-efh-c403] {
background-color: #fff;
height: 70px;
border-bottom: 1px solid #EEE
}
.exit-family-group-alert-container[_ngcontent-efh-c403] .alertMessage .alert-container .message {
padding: 1.25rem
}
.exit-family-group-alert-container[_ngcontent-efh-c403] .alertMessage .alert-container .message .text {
font-size: 14px;
line-height: 21px
}
.exit-family-group-alert-container[_ngcontent-efh-c403] .alertMessage .alert-container .message .icon {
width: 1.5rem;
height: 1.5rem
}
@media (min-width: 1024px) {
.account-print[_ngcontent-efh-c403] {
position: absolute;
cursor: pointer;
right: 4px;
top: 67px;
display: block
}
.account-print[_ngcontent-efh-c403] .print-summary-position[_ngcontent-efh-c403] {
display: flex
}
.account-print[_ngcontent-efh-c403] .print-text[_ngcontent-efh-c403] {
padding-top: 5px
}
.account-print[_ngcontent-efh-c403] .print-icon[_ngcontent-efh-c403] {
position: relative;
width: 30px
}
.account-print[_ngcontent-efh-c403] .print-icon[_ngcontent-efh-c403]:before {
content: url(green-download.9f9c314bc1373a85.svg);
width: 100%;
height: 100%;
display: block
}
.account-print.disabled[_ngcontent-efh-c403] {
cursor: not-allowed
}
.account-print.disabled[_ngcontent-efh-c403] .print-text[_ngcontent-efh-c403] {
color: #d7d7d7
}
.account-print.disabled[_ngcontent-efh-c403] .print-icon[_ngcontent-efh-c403] {
position: relative
}
.account-print.disabled[_ngcontent-efh-c403] .print-icon[_ngcontent-efh-c403]:before {
content: url(print-disabled.901f9b50a1f314a7.svg);
width: 100%;
height: 100%;
display: block
}
.accounts-statement[_ngcontent-efh-c403] {
position: absolute;
cursor: pointer;
right: 180px;
top: 67px
}
.accounts-statement[_ngcontent-efh-c403] .statement-icon[_ngcontent-efh-c403] {
position: relative;
width: 30px;
padding: 5px 8px 0 2px
}
.accounts-statement[_ngcontent-efh-c403] .statement-icon[_ngcontent-efh-c403]:before {
content: url(document-view.9dcb987de511fb51.svg);
width: 100%;
height: 100%;
display: block
}
.accounts-statement.mobile[_ngcontent-efh-c403] {
display: none
}
.accounts-statement.desktop[_ngcontent-efh-c403] {
display: block
}
.dashboard-container[_ngcontent-efh-c403] {
padding: 0 30px 30px
}
.dashboard-container[_ngcontent-efh-c403] .container[_ngcontent-efh-c403] {
padding-left: 15px;
padding-right: 15px;
position: relative
}
.dashboard-container[_ngcontent-efh-c403] .container[_ngcontent-efh-c403] .greeting-margin[_ngcontent-efh-c403] {
transition: width .4s ease-in-out;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
position: absolute;
top: 30px;
width: calc(100% - 30px)
}
.dashboard-container[_ngcontent-efh-c403] .container[_ngcontent-efh-c403] .row[_ngcontent-efh-c403] {
margin-left: -15px;
margin-right: -15px
}
.dashboard-container[_ngcontent-efh-c403] .container[_ngcontent-efh-c403] .row[_ngcontent-efh-c403] .gd-dashboard-landing[_ngcontent-efh-c403] {
padding-top: 0
}
.dashboard-container[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] {
display: flex;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
transition: transform .4s ease-in-out;
-webkit-transition: transform .4s ease-in-out;
-moz-transition: transform .4s ease-in-out;
-ms-transition: transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
width: calc(100% + 390px);
padding-top: 0
}
.dashboard-container[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] .dashboard-margin[_ngcontent-efh-c403] {
display: flex;
width: calc(100% - 390px);
margin-top: 60px;
padding-top: 50px
}
.dashboard-container[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] .quick-pay[_ngcontent-efh-c403] {
-o-flex-order: 1;
order: 1;
margin: 0 30px 0 0;
width: 390px
}
.dashboard-container[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] .lotto[_ngcontent-efh-c403] {
-o-flex-order: 1;
order: 1;
margin: 0 30px 0 0
}
.dashboard-container[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] .accounts[_ngcontent-efh-c403] {
flex: 1;
-o-flex-order: 2;
order: 2
}
.exit-family-group-alert-container[_ngcontent-efh-c403] .alertMessage .alert-container .message .text {
font-size: 16px;
line-height: 24px
}
}
.sidebar-opened[_ngcontent-efh-c403] .dashboard-margin[_ngcontent-efh-c403] {
margin-top: 60px;
padding-top: 50px;
display: flex;
flex-direction: column
}
.sidebar-opened[_ngcontent-efh-c403] .dashboard-margin[_ngcontent-efh-c403] .widget-section[_ngcontent-efh-c403] {
order: 2
}
.sidebar-opened[_ngcontent-efh-c403] .dashboard-margin[_ngcontent-efh-c403] .accounts[_ngcontent-efh-c403] {
order: 1
}
.sidebar-opened[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] {
display: inline !important
}
.sidebar-opened[_ngcontent-efh-c403] .quick-pay[_ngcontent-efh-c403],
.sidebar-opened[_ngcontent-efh-c403] .lotto[_ngcontent-efh-c403] {
width: 100% !important
}
@media (min-width: 1440px) {
.dashboard-container[_ngcontent-efh-c403] {
padding: 0 60px 30px
}
.dashboard-container[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] .quick-pay[_ngcontent-efh-c403],
.dashboard-container[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] .lotto[_ngcontent-efh-c403] {
width: 390px
}
}
@media (max-width: 768px) {
.accounts-blocks[_ngcontent-efh-c403] {
display: flex;
flex-direction: row;
width: 100%;
padding-top: 0
}
.accounts-blocks[_ngcontent-efh-c403] .dashboard-margin[_ngcontent-efh-c403] {
width: 100%
}
.accountfadeIn[_ngcontent-efh-c403],
.accountfadeOut[_ngcontent-efh-c403] {
opacity: 1
}
}
@media (max-width: 767px) {
.view-banker[_ngcontent-efh-c403] {
right: 0;
left: -12px
}
.apply-button[_ngcontent-efh-c403] {
display: none
}
.greeting-margin[_ngcontent-efh-c403] {
margin-bottom: 20px
}
.dashboard-container[_ngcontent-efh-c403] .container[_ngcontent-efh-c403] .row[_ngcontent-efh-c403] .gd-dashboard-landing[_ngcontent-efh-c403] {
padding: 0
}
.dashboard-container[_ngcontent-efh-c403] .accounts-blocks[_ngcontent-efh-c403] {
padding-top: 15px
}
}
/* #endregion */
/* #region #25 */
.clearfix[_ngcontent-efh-c393]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c393] html[_ngcontent-efh-c393] .clearfix[_ngcontent-efh-c393] {
height: 1%
}
.clearfix[_ngcontent-efh-c393] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c393] {
margin-left: 60px
}
.greeting-title[_ngcontent-efh-c393] {
font-size: 1.25rem
}
.textColorLastLogin[_ngcontent-efh-c393] {
color: #bbb
}
.fontSizeLastLogin[_ngcontent-efh-c393] {
font-size: .875rem;
margin-top: 5px;
display: inline-block
}
.user-name[_ngcontent-efh-c393] {
word-break: break-all;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
@media (min-width: 768px) {
.greeting-title[_ngcontent-efh-c393] {
font-size: 1.875rem
}
}
@media (min-width: 1024px) {
.greeting[_ngcontent-efh-c393] {
padding: 0
}
}
/* #endregion */
/* #region #26 */
.clearfix[_ngcontent-efh-c401]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c401] html[_ngcontent-efh-c401] .clearfix[_ngcontent-efh-c401] {
height: 1%
}
.clearfix[_ngcontent-efh-c401] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c401] {
margin-left: 60px
}
.accounts-header[_ngcontent-efh-c401] {
margin-bottom: 10px;
margin-top: 30px;
margin-left: 20px
}
.account-title[_ngcontent-efh-c401] {
font-size: 1.25rem;
font-weight: 700
}
@media (min-width: 768px) {
.accounts-header[_ngcontent-efh-c401] {
margin-top: 35px
}
.account-title[_ngcontent-efh-c401] {
font-size: 1.75rem
}
}
/* #endregion */
/* #region #27 */
.clearfix[_ngcontent-efh-c377]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c377] html[_ngcontent-efh-c377] .clearfix[_ngcontent-efh-c377] {
height: 1%
}
.clearfix[_ngcontent-efh-c377] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c377] {
margin-left: 60px
}
.nav-footer[_ngcontent-efh-c377] {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #FFF;
border-top: 2px solid #EEE;
z-index: 1000;
height: 62px;
text-align: center
}
.nav-footer[_ngcontent-efh-c377] .nav-text[_ngcontent-efh-c377] {
font-size: 12px;
text-align: center
}
.nav-footer[_ngcontent-efh-c377] .icon-width[_ngcontent-efh-c377] {
height: 1.725rem;
width: 1.725rem;
display: block;
margin-top: .525rem;
margin-left: auto;
margin-right: auto
}
.nav-footer[_ngcontent-efh-c377] td[_ngcontent-efh-c377] {
width: 5.625rem
}
@media (min-width: 768px) {
.nav-footer[_ngcontent-efh-c377] .mobile-view[_ngcontent-efh-c377] {
display: none
}
.nav-footer[_ngcontent-efh-c377] .nav-text[_ngcontent-efh-c377] {
font-size: 12px
}
}
@media (min-width: 1024px) {
.footer-container[_ngcontent-efh-c377] {
width: 100%
}
}
#footer-fab[_ngcontent-efh-c377] {
height: 100%;
background: #000;
width: 100%;
z-index: -1;
top: 0;
position: fixed;
visibility: hidden
}
.iphone-xr[_nghost-efh-c377] {
padding: 55px
}
.iphone-xr[_nghost-efh-c377] .nav-footer[_ngcontent-efh-c377] {
height: 80px;
border-bottom: 1px solid #D1D1D1
}
.iphone-xr[_nghost-efh-c377] .nav-footer[_ngcontent-efh-c377] .table-responsive[_ngcontent-efh-c377] {
border: none
}
#footer-fab.footer-fab-display[_ngcontent-efh-c377] {
opacity: .7;
visibility: visible
}
.nav-display[_ngcontent-efh-c377] {
animation: show-nav-animate 1s forwards
}
.footer-fab-hide[_ngcontent-efh-c377] {
animation: hide-nav-animate 1s forwards
}
@keyframes show-nav-animate {
0% {
opacity: 0
}
99% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes hide-nav-animate {
0% {
opacity: .7;
visibility: visible
}
99% {
opacity: .7;
visibility: visible
}
to {
visibility: hidden
}
}
.cross[_ngcontent-efh-c377] {
text-align: center
}
.cross[_ngcontent-efh-c377] .cross-image[_ngcontent-efh-c377] {
width: 30px;
position: relative;
display: inline-block
}
.cross[_ngcontent-efh-c377] .cross-image[_ngcontent-efh-c377]:before {
content: url(cross-close-white.c9fe2e0e72b2bc50.svg);
width: 100%;
height: 100%;
display: block
}
.transfer-image[_ngcontent-efh-c377] {
position: relative;
display: inline-block;
margin-top: 30%;
width: 20px
}
.transfer-image[_ngcontent-efh-c377]:before {
content: url(TransferIcon-gray.3099df5e44c7d2af.svg);
width: 100%;
height: 100%;
display: block
}
.pay-image[_ngcontent-efh-c377] {
position: relative;
display: inline-block;
margin-top: 30%;
width: 20px
}
.pay-image[_ngcontent-efh-c377]:before {
content: url(payMob-grey.38557da537af80e4.svg);
width: 100%;
height: 100%;
display: block
}
.buy-image[_ngcontent-efh-c377] {
margin-top: 25%;
width: 20px;
position: relative;
display: inline-block
}
.buy-image[_ngcontent-efh-c377]:before {
content: url(buyMob-grey.654bf57bf38fa32c.svg);
width: 100%;
height: 100%;
display: block
}
.overview-image[_ngcontent-efh-c377] {
position: relative
}
.overview-image[_ngcontent-efh-c377]:before {
content: url(overview.8b71570129e894cf.svg);
width: 100%;
height: 100%;
display: block
}
.recipient-image[_ngcontent-efh-c377] {
position: relative
}
.recipient-image[_ngcontent-efh-c377]:before {
content: url(recipient.d4ef980c360f0662.svg);
width: 100%;
height: 100%;
display: block
}
.transact-image[_ngcontent-efh-c377] {
text-align: center;
position: relative
}
.transact-image[_ngcontent-efh-c377]:before {
content: url(transact.f0325c49623fb721.svg);
width: 100%;
height: 100%;
display: block
}
.cards-image[_ngcontent-efh-c377] {
position: relative
}
.cards-image[_ngcontent-efh-c377]:before {
content: url(card.bf36ba2656615dbd.svg);
width: 100%;
height: 100%;
display: block
}
.more-image[_ngcontent-efh-c377] {
position: relative
}
.more-image[_ngcontent-efh-c377]:before {
content: url(more.f24a6458fab8f423.svg);
width: 100%;
height: 100%;
display: block
}
.apply-image[_ngcontent-efh-c377] {
position: relative
}
.apply-image[_ngcontent-efh-c377]:before {
content: url(apply-PWA.e50bb4cb20905a4e.svg);
width: 100%;
height: 100%;
display: block
}
.account-image[_ngcontent-efh-c377] {
position: relative
}
.account-image[_ngcontent-efh-c377]:before {
content: url(account-PWA.63e36ec1c3c3d85a.svg);
width: 100%;
height: 100%;
display: block
}
.link-active[_ngcontent-efh-c377] .nav-text[_ngcontent-efh-c377] {
color: #333
}
.link-active[_ngcontent-efh-c377] .overview-image[_ngcontent-efh-c377] {
position: relative
}
.link-active[_ngcontent-efh-c377] .overview-image[_ngcontent-efh-c377]:before {
content: url(overview-active.45d9b29f6043c513.svg);
width: 100%;
height: 100%;
display: block
}
.link-active[_ngcontent-efh-c377] .recipient-image[_ngcontent-efh-c377] {
position: relative
}
.link-active[_ngcontent-efh-c377] .recipient-image[_ngcontent-efh-c377]:before {
content: url(recipient-active.3588a0636d346f35.svg);
width: 100%;
height: 100%;
display: block
}
.link-active[_ngcontent-efh-c377] .transact-image[_ngcontent-efh-c377] {
text-align: center;
position: relative
}
.link-active[_ngcontent-efh-c377] .transact-image[_ngcontent-efh-c377]:before {
content: url(transact-active.3ec85aac2824e175.svg);
width: 100%;
height: 100%;
display: block
}
.link-active[_ngcontent-efh-c377] .cards-image[_ngcontent-efh-c377] {
position: relative
}
.link-active[_ngcontent-efh-c377] .cards-image[_ngcontent-efh-c377]:before {
content: url(card-active.0fabc8794e80a69a.svg);
width: 100%;
height: 100%;
display: block
}
.link-active[_ngcontent-efh-c377] .more-image[_ngcontent-efh-c377] {
position: relative
}
.link-active[_ngcontent-efh-c377] .more-image[_ngcontent-efh-c377]:before {
content: url(more-active.c8f1e47e934d0795.svg);
width: 100%;
height: 100%;
display: block
}
/* #endregion */
/* #region #28 */
a[_ngcontent-efh-c375],
a[_ngcontent-efh-c375]:link,
a[_ngcontent-efh-c375]:visited,
a[_ngcontent-efh-c375]:hover,
a[_ngcontent-efh-c375]:active {
text-decoration: none
}
[_nghost-efh-c375] .transfer {
animation: transfer-open-animation .5s forwards
}
[_nghost-efh-c375] .pay {
animation: pay-open-animation .5s forwards;
transform-origin: 200% 50%;
visibility: visible
}
[_nghost-efh-c375] .pay div {
transform-origin: 50% 28%;
animation: inner-pay-button .5s forwards
}
[_nghost-efh-c375] .buy {
transform-origin: 200% 50%;
animation: buy-open-animation 1s forwards
}
[_nghost-efh-c375] .buy div {
transform-origin: 50% 28%;
animation: inner-buy-button 1s forwards
}
[_nghost-efh-c375] .pay-close {
animation: pay-close-animation 1s forwards
}
[_nghost-efh-c375] .pay-close div {
transform-origin: 50% 28%;
animation: inner-pay-close-animation 1s forwards
}
[_nghost-efh-c375] .buy-close {
animation: buy-close-animation 1s forwards
}
[_nghost-efh-c375] .buy-close div {
transform-origin: 50% 28%;
animation: inner-buy-close-animation 1s forwards
}
[_nghost-efh-c375] .transfer-close {
animation: hide-on-linear 1s forwards
}
/* #endregion */
/* #region #29 */
.clearfix[_ngcontent-efh-c376]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c376] html[_ngcontent-efh-c376] .clearfix[_ngcontent-efh-c376] {
height: 1%
}
.clearfix[_ngcontent-efh-c376] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c376] {
margin-left: 60px
}
.main-nav[_ngcontent-efh-c376] {
position: fixed;
background: #FFF;
left: 0;
top: 50px;
height: calc(100vh - 50px);
overflow-y: auto;
z-index: 1000;
padding: 0 0 10px;
width: 100%;
transform: translate(100%);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transition: transform .25s ease-in-out;
-webkit-transition: transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out;
-ms-transition: transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out
}
.main-nav.visible[_ngcontent-efh-c376] {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.main-nav[_ngcontent-efh-c376] .copyright[_ngcontent-efh-c376] {
position: absolute;
padding: 0 20px;
font-size: .8125rem
}
.main-nav[_ngcontent-efh-c376] .copyright[_ngcontent-efh-c376] .text[_ngcontent-efh-c376] {
color: #666;
display: inline-block
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
height: 80px;
padding-left: 11px;
border-bottom: 1px solid #EEE
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .text[_ngcontent-efh-c376] {
flex: 1;
padding-top: 20px;
padding-bottom: 10px;
color: #666
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .icon[_ngcontent-efh-c376] {
width: 16px;
margin-right: 25px
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .icon.arrow-icon[_ngcontent-efh-c376] {
position: relative;
float: right;
width: 10px
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .icon.arrow-icon[_ngcontent-efh-c376]:before {
content: url(Arrow.863bd05819ce952f.svg);
width: 100%;
height: 100%;
display: block
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .left-icon[_ngcontent-efh-c376] {
margin-top: 5px;
margin-right: 20px;
width: 40px
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .contact[_ngcontent-efh-c376] {
position: relative
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .contact[_ngcontent-efh-c376]:before {
content: url(Contact_us.f21116ad6063d359.svg);
width: 100%;
height: 100%;
display: block
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .location[_ngcontent-efh-c376] {
position: relative
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .location[_ngcontent-efh-c376]:before {
content: url(ATM_Branch_Location.3e15c406c9a95cfa.svg);
width: 100%;
height: 100%;
display: block
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .help[_ngcontent-efh-c376] {
position: relative
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .help[_ngcontent-efh-c376]:before {
content: url(Help_new.d4dc1c2ad41a88f8.svg);
width: 100%;
height: 100%;
display: block
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .tnc[_ngcontent-efh-c376] {
position: relative
}
.main-nav[_ngcontent-efh-c376] .nav-item[_ngcontent-efh-c376] .tnc[_ngcontent-efh-c376]:before {
content: url(Terms_and_conditions.a0ab1b1a2ad68b57.svg);
width: 100%;
height: 100%;
display: block
}
/* #endregion */
/* #region #30 */
.clearfix[_ngcontent-efh-c397]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c397] html[_ngcontent-efh-c397] .clearfix[_ngcontent-efh-c397] {
height: 1%
}
.clearfix[_ngcontent-efh-c397] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c397] {
margin-left: 60px
}
.widget-list-container[_ngcontent-efh-c397] {
display: flex;
flex-direction: column
}
.widget-list-container.add-margin[_ngcontent-efh-c397] {
margin-bottom: 30px
}
.widget-list-container[_ngcontent-efh-c397] .avo-widget[_ngcontent-efh-c397] {
order: 2
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] {
order: 2;
border: solid 1px #D7D7D7;
overflow: hidden;
border-radius: 5px;
width: 100%;
padding: 20px 0;
background-color: #fff
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail.lotto-Widget-history[_ngcontent-efh-c397] {
padding: 20px 0 0 !important
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail.hide-Detail[_ngcontent-efh-c397] {
display: none
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] {
padding: 0 20px
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] .back-arrow[_ngcontent-efh-c397] {
transition: width .5s ease-in-out;
position: relative;
display: inline-block;
cursor: pointer
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] .back-arrow[_ngcontent-efh-c397]:before {
content: url(back-arrow-green.3df31aef2f98048d.svg);
width: 14px;
height: 14px;
display: block
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] .back-arrow[_ngcontent-efh-c397]:before {
transition: width .5s ease-in-out
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] .back-arrow.show-back[_ngcontent-efh-c397]:before {
width: 14px;
margin-right: 15px
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] .back-arrow.hide-back[_ngcontent-efh-c397]:before {
width: 0px
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] .title[_ngcontent-efh-c397] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
color: #333;
font-size: 20px;
display: inline
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] .close-icon[_ngcontent-efh-c397] {
position: relative;
cursor: pointer
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] .close-icon[_ngcontent-efh-c397]:before {
content: url(close-thin-grey.255d2087c5e383f8.svg);
width: 24px;
height: 24px;
display: block
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .detail[_ngcontent-efh-c397] {
height: 0px;
position: relative;
transition: height .2s ease-in-out
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .animationEffect[_ngcontent-efh-c397],
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .toggleanimation[_ngcontent-efh-c397] {
position: absolute;
z-index: 1;
left: 0;
width: 100%;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, .95), #FFF);
animation-duration: .7s;
animation-fill-mode: forwards
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .animationEffect[_ngcontent-efh-c397] {
animation-name: fadeInDown
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .toggleanimation[_ngcontent-efh-c397] {
animation-name: fadeInToggleDown
}
@keyframes fadeInToggleDown {
0% {
height: 100%;
top: 0%
}
to {
position: relative;
top: 100%;
height: 100%
}
}
@keyframes fadeInDown {
0% {
height: 100%;
top: 0
}
to {
top: 100%;
height: 100%
}
}
.widget-list-container[_ngcontent-efh-c397] .widget-list[_ngcontent-efh-c397] {
order: 1
}
.item-contain[_ngcontent-efh-c397] {
font-size: 16px;
text-align: center
}
.item-contain[_ngcontent-efh-c397] .icon-container[_ngcontent-efh-c397] {
width: 32px;
height: 32px;
margin: auto
}
.item-contain[_ngcontent-efh-c397] p[_ngcontent-efh-c397] {
font-size: 12px;
margin-top: 20px;
color: #333;
min-width: 75px;
margin-left: -8px
}
.notification-count[_ngcontent-efh-c397] {
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
font-size: .875rem;
line-height: 1.125rem;
border-radius: 50%;
color: #fff;
background-color: #009639;
position: absolute;
top: -1px;
right: -4px;
width: 1.5rem;
height: 1.5rem
}
@media (min-width: 1024px) {
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] {
order: 1;
height: 100%;
margin-bottom: 30px;
padding: 15px 0
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail.lotto-Widget-history[_ngcontent-efh-c397] {
padding: 15px 0 0 !important
}
.widget-list-container[_ngcontent-efh-c397] .widget-detail[_ngcontent-efh-c397] .header[_ngcontent-efh-c397] {
padding: 0 15px
}
.widget-list-container[_ngcontent-efh-c397] .widget-list[_ngcontent-efh-c397] {
order: 2;
padding: 0
}
.item-contain[_ngcontent-efh-c397] p[_ngcontent-efh-c397] {
font-size: 14px;
margin-top: 10px;
min-width: auto;
margin-left: auto
}
.large-device-container[_ngcontent-efh-c397] .widget-list-container[_ngcontent-efh-c397] {
flex-direction: row
}
.large-device-container[_ngcontent-efh-c397] .widget-list-container[_ngcontent-efh-c397] .widget-list[_ngcontent-efh-c397] {
margin-left: 30px;
min-width: 390px
}
}
@media (min-width: 768px) {
.notification-count[_ngcontent-efh-c397] {
font-size: .75rem;
line-height: 15px;
width: 1.25rem;
height: 1.25rem
}
}
@media (min-width: 1024px) {
.notification-count[_ngcontent-efh-c397] {
font-size: 1rem;
line-height: 1.25rem;
width: 1.75rem;
height: 1.75rem;
top: -4px;
right: -1px
}
}
/* #endregion */
/* #region #31 */
.clearfix[_ngcontent-efh-c396]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c396] html[_ngcontent-efh-c396] .clearfix[_ngcontent-efh-c396] {
height: 1%
}
.clearfix[_ngcontent-efh-c396] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c396] {
margin-left: 60px
}
.loader-skeleton[_ngcontent-efh-c396] {
text-align: center
}
.grid-container[_ngcontent-efh-c396] .title[_ngcontent-efh-c396] {
font-size: 20px;
color: #333;
margin-left: 20px
}
.grid-container[_ngcontent-efh-c396] .title[_ngcontent-efh-c396] .blocks[_ngcontent-efh-c396] {
position: relative;
display: inline-block;
margin-left: 17px
}
.grid-container[_ngcontent-efh-c396] .title[_ngcontent-efh-c396] .blocks[_ngcontent-efh-c396]:before {
content: url(widget-manage-block.5cbe999871b50893.svg);
width: 24px;
height: 24px;
display: block
}
.grid-container[_ngcontent-efh-c396] .title[_ngcontent-efh-c396] .blocks[_ngcontent-efh-c396]:before {
cursor: pointer
}
.grid-container[_ngcontent-efh-c396] .title[_ngcontent-efh-c396] .new-icon[_ngcontent-efh-c396] {
position: relative;
display: inline-block
}
.grid-container[_ngcontent-efh-c396] .title[_ngcontent-efh-c396] .new-icon[_ngcontent-efh-c396]:before {
content: url(New-Icon.e6c78a28bbf03127.svg);
width: 35px;
height: 20px;
display: block
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] {
display: inline-flex;
margin-top: 10px;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
min-height: 120px;
list-style-type: none
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] li[_ngcontent-efh-c396]:first-child {
margin-left: 20px
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] li[_ngcontent-efh-c396]:last-child {
min-width: 84px
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] .item[_ngcontent-efh-c396] {
padding: 14px 0 0;
border: solid 1px #D7D7D7;
border-radius: 5px;
background-color: #fff;
cursor: pointer;
position: relative
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] .item.active[_ngcontent-efh-c396] {
border-color: #78be20;
border-width: 2px
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] .item.dashed[_ngcontent-efh-c396] {
border-style: dashed;
position: relative;
background-color: #f9f9f9
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] .item[_ngcontent-efh-c396] .plus-icon[_ngcontent-efh-c396] {
position: relative;
position: absolute;
top: calc(50% - 12px);
left: calc(50% - 6px)
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] .item[_ngcontent-efh-c396] .plus-icon[_ngcontent-efh-c396]:before {
content: url(plus.b9b5d6049d942de8.svg);
width: 12px;
height: 12px;
display: block
}
@media (min-width: 1024px) {
.grid-container[_ngcontent-efh-c396] .title[_ngcontent-efh-c396] {
margin-left: 0
}
.grid-container[_ngcontent-efh-c396] .title[_ngcontent-efh-c396] .icon-padding[_ngcontent-efh-c396] {
padding-right: 10px
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] {
display: flex;
flex-wrap: wrap;
height: auto
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] li[_ngcontent-efh-c396]:first-child {
margin-left: 0
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] li[_ngcontent-efh-c396]:last-child {
width: auto
}
.grid-container[_ngcontent-efh-c396] .items-container[_ngcontent-efh-c396] .item[_ngcontent-efh-c396] {
padding: 28px 5px;
margin: 8px 0
}
}
.disable-widget[_ngcontent-efh-c396] {
cursor: not-allowed;
pointer-events: none;
opacity: .5
}
/* #endregion */
/* #region #32 */
.clearfix[_ngcontent-efh-c400]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c400] html[_ngcontent-efh-c400] .clearfix[_ngcontent-efh-c400] {
height: 1%
}
.clearfix[_ngcontent-efh-c400] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c400] {
margin-left: 60px
}
.clearfix[_ngcontent-efh-c400]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c400] html[_ngcontent-efh-c400] .clearfix[_ngcontent-efh-c400] {
height: 1%
}
.clearfix[_ngcontent-efh-c400] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c400] {
margin-left: 60px
}
.dummy-placeholder {
display: none
}
.overlay-position+.dummy-placeholder {
display: inline-block
}
.overlay-items {
overflow: hidden
}
.pocket-header[_ngcontent-efh-c400] .pocket-title[_ngcontent-efh-c400] .new-icon[_ngcontent-efh-c400] {
background-color: #78be20;
border-radius: 4.5px;
padding: 4px;
font-size: 10px;
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
color: #fff;
margin-right: 5px
}
.account-widget[_ngcontent-efh-c400] {
margin-bottom: 10px;
background-color: #fff;
cursor: pointer
}
.account-widget[_ngcontent-efh-c400] .no-right-padding[_ngcontent-efh-c400] {
padding-right: 0;
padding-left: 0
}
.account-widget[_ngcontent-efh-c400] .remove-header[_ngcontent-efh-c400] {
visibility: hidden
}
.account-widget.is-skeleton-loading[_ngcontent-efh-c400] .icon-link[_ngcontent-efh-c400] {
display: none
}
.account-widget.is-skeleton-loading[_ngcontent-efh-c400] .text-icon-width[_ngcontent-efh-c400] {
width: calc(100% - 30px);
padding-left: 0
}
.account-widget.Bank[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Bank[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(Everyday.bb46b0fd3ab8d251.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account[_ngcontent-efh-c400] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
margin: 0;
padding: .875rem 0;
border-bottom: solid 1px #EEE;
border-left: .25rem solid #009639
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.greyed[_ngcontent-efh-c400] {
border-left: .25rem solid rgba(0, 150, 57, .5)
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.greyed[_ngcontent-efh-c400] .pocket-header[_ngcontent-efh-c400] .pocket-title[_ngcontent-efh-c400] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
font-weight: 500
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] {
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-header[_ngcontent-efh-c400] {
color: #333
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-header[_ngcontent-efh-c400] .pocket-subtitle[_ngcontent-efh-c400] {
display: none
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-balance[_ngcontent-efh-c400] {
display: flex;
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-balance[_ngcontent-efh-c400] .pocket-balance-heading[_ngcontent-efh-c400] {
font-size: 14px;
line-height: 1.125rem;
color: #bbb;
margin-bottom: 5px
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-balance[_ngcontent-efh-c400] .pocket-available-balance[_ngcontent-efh-c400] {
font-size: 14px;
font-weight: 400;
line-height: 1.25rem;
color: #666;
margin-bottom: .75rem
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container[_ngcontent-efh-c400] {
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container.setup-pocket-btn[_ngcontent-efh-c400] {
display: none
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container.add-pocket-btn[_ngcontent-efh-c400] {
display: flex
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container[_ngcontent-efh-c400] .open-pocket[_ngcontent-efh-c400] {
padding-top: 17px;
font-size: 14px;
line-height: 14px
}
.account-widget.Bank[_ngcontent-efh-c400] .green-color-icon[_ngcontent-efh-c400] {
position: relative;
padding-right: 13px
}
.account-widget.Bank[_ngcontent-efh-c400] .green-color-icon[_ngcontent-efh-c400]:before {
content: url(Add.f8eeda2ea3c09571.svg);
width: 1.125rem;
height: 1.125rem;
display: block
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-header[_ngcontent-efh-c400] {
display: flex;
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
font-size: 16px;
line-height: 21px;
color: #bbb
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-header[_ngcontent-efh-c400] .pocket-subtitle[_ngcontent-efh-c400] {
margin-top: .5rem
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-balance[_ngcontent-efh-c400] {
display: none
}
.account-widget.Bank[_ngcontent-efh-c400] .account-balance[_ngcontent-efh-c400] {
font-size: 16px;
color: #bbb;
line-height: 1.25;
text-align: right
}
.account-widget.Bank[_ngcontent-efh-c400] .open-pocket-container[_ngcontent-efh-c400] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.account-widget.Bank[_ngcontent-efh-c400] .open-pocket-container.add-pocket-btn[_ngcontent-efh-c400] {
display: none
}
.account-widget.Bank[_ngcontent-efh-c400] .open-pocket-container.setup-pocket-btn[_ngcontent-efh-c400] .open-pocket[_ngcontent-efh-c400] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
font-weight: 500
}
.account-widget.Bank[_ngcontent-efh-c400] .open-pocket[_ngcontent-efh-c400] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
font-size: 16px;
color: #009639;
line-height: 1.5rem
}
.account-widget.Card[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Card[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(Cards.d286a38aced6c624.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget.Loan[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Loan[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(Loans.e215f5ab1b6d5ab7.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget.Loan[_ngcontent-efh-c400] .home-buying-toolkit[_ngcontent-efh-c400] {
height: 80px;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding: 0 17px;
border-bottom: solid 1px #EEE;
border-left: 4px solid #F2A900;
cursor: auto
}
.account-widget.Loan[_ngcontent-efh-c400] .home-buying-toolkit[_ngcontent-efh-c400] .heading[_ngcontent-efh-c400] {
color: #333;
width: 80%
}
.account-widget.Loan[_ngcontent-efh-c400] .home-buying-toolkit[_ngcontent-efh-c400] .view[_ngcontent-efh-c400] {
width: 20%;
text-align: right;
color: #009639;
font-size: .875rem;
cursor: pointer
}
.account-widget.ClubAccount[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.ClubAccount[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(club-accounts.53147e7aec94e5e8.svg);
width: 49px;
height: 46px;
display: block
}
.account-widget.Shares[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Shares[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(Investments.e2f0e6e965dbf1d4.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget.Investment[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Investment[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(Investments.e2f0e6e965dbf1d4.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget.Investment[_ngcontent-efh-c400] .pending-account[_ngcontent-efh-c400] {
margin-left: 0;
min-height: 80px;
padding: 17px;
opacity: .4;
border-bottom: solid 1px #EEE;
border-left: 4px solid #00B2A9
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account[_ngcontent-efh-c400] {
margin-left: 0;
min-height: 50px;
padding: 17px 0;
border-bottom: solid 1px #EEE;
border-left: 4px solid #00B2A9;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] {
padding: 17px 40px 17px 17px;
opacity: 1
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] .investment-account[_ngcontent-efh-c400] {
margin-top: 10px;
float: left;
color: #333;
opacity: 40%;
width: 100%;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] .view-details[_ngcontent-efh-c400] {
float: right;
color: #009639
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] .view-details[_ngcontent-efh-c400] .view-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] .view-details[_ngcontent-efh-c400] .view-icon[_ngcontent-efh-c400]:before {
content: url(document-view.9dcb987de511fb51.svg);
width: 18px;
height: 24px;
display: block
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] .view-details[_ngcontent-efh-c400] p[_ngcontent-efh-c400] {
position: relative;
right: 10px;
font-size: 14px
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] .clear[_ngcontent-efh-c400] {
clear: both
}
.account-widget.Investment[_ngcontent-efh-c400] .green-color-icon[_ngcontent-efh-c400] {
position: relative;
padding: 2px 13px 0 0
}
.account-widget.Investment[_ngcontent-efh-c400] .green-color-icon[_ngcontent-efh-c400]:before {
content: url(green.3ada3cc5090dd570.svg);
width: 18px;
height: 18px;
display: block
}
.account-widget.Investment[_ngcontent-efh-c400] .investment-account[_ngcontent-efh-c400] {
font-size: 16px;
font-weight: 500;
line-height: 1.31;
color: #666;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.account-widget.Investment[_ngcontent-efh-c400] .open-account[_ngcontent-efh-c400] {
display: flex;
font-size: 16px;
font-weight: 500;
padding: 40px 0 0 75px;
color: #009639
}
.account-widget.Foreign[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Foreign[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(Foreign.6f290635ae4f5121.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget.Foreign[_ngcontent-efh-c400] .international-payments[_ngcontent-efh-c400] {
height: 80px;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding: 0 17px;
border-bottom: solid 1px #EEE;
border-left: 4px solid #00B2A9;
cursor: auto
}
.account-widget.Foreign[_ngcontent-efh-c400] .international-payments[_ngcontent-efh-c400] .heading[_ngcontent-efh-c400] {
color: #333;
width: 80%
}
.account-widget.Foreign[_ngcontent-efh-c400] .international-payments[_ngcontent-efh-c400] .view[_ngcontent-efh-c400] {
width: 20%;
text-align: right;
color: #009639;
font-size: .875rem;
cursor: pointer
}
.account-widget.Rewards[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Rewards[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(rewards.714c1d022fadd0e6.svg);
width: 36px;
height: 36px;
display: block
}
.account-widget.TravelCard[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.TravelCard[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(travel-card.2eab3701bb88da80.svg);
width: 36px;
height: 36px;
display: block
}
.account-widget.Insurance[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Insurance[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(insurance-green.564af01a826ae238.svg);
width: 36px;
height: 36px;
display: block
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy[_ngcontent-efh-c400] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
margin: 0;
padding: .875rem 0;
border-bottom: solid 1px #EEE;
border-left: .25rem solid #009639
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.greyed[_ngcontent-efh-c400] {
border-left: .25rem solid rgba(0, 150, 57, .5)
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.greyed[_ngcontent-efh-c400] .policy-header[_ngcontent-efh-c400] .policy-title[_ngcontent-efh-c400] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
font-weight: 500
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] {
height: 80px;
cursor: auto
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .policy-header[_ngcontent-efh-c400] {
color: #333
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .open-policy-container[_ngcontent-efh-c400] {
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .open-policy-container.setup-pocket-btn[_ngcontent-efh-c400] {
display: none
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .open-policy-container.add-policy-btn[_ngcontent-efh-c400] {
display: flex
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .open-policy-container[_ngcontent-efh-c400] .open-policy[_ngcontent-efh-c400] {
font-size: 14px;
line-height: 14px;
display: flex;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
color: #009639;
cursor: pointer
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .open-policy-container[_ngcontent-efh-c400] .open-policy[_ngcontent-efh-c400] .green-color-icon[_ngcontent-efh-c400] {
position: relative;
padding: 2px 13px 0 0
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .open-policy-container[_ngcontent-efh-c400] .open-policy[_ngcontent-efh-c400] .green-color-icon[_ngcontent-efh-c400]:before {
content: url(green.3ada3cc5090dd570.svg);
width: 18px;
height: 18px;
display: block
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .open-policy-container[_ngcontent-efh-c400] .open-policy[_ngcontent-efh-c400] .insurance-dashboard[_ngcontent-efh-c400] {
position: relative;
padding: 2px 13px 0 0
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .open-policy-container[_ngcontent-efh-c400] .open-policy[_ngcontent-efh-c400] .insurance-dashboard[_ngcontent-efh-c400]:before {
content: url(insurance_dashboard.c694d77d659bc2f2.svg);
width: 18px;
height: 24px;
display: block
}
.account-widget.Lifestyle[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget.Lifestyle[_ngcontent-efh-c400] .account-type-icon[_ngcontent-efh-c400]:before {
content: url(Lifestyle.7137a902c622fc43.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget.Lifestyle[_ngcontent-efh-c400] .family-banking[_ngcontent-efh-c400] {
display: flex;
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
padding: 15px 20px;
border-bottom: solid 1px #EEE;
border-left: 4px solid #00B2A9;
cursor: auto
}
.account-widget.Lifestyle[_ngcontent-efh-c400] .family-banking[_ngcontent-efh-c400] .heading[_ngcontent-efh-c400] {
font-size: 16px;
color: #333;
margin-bottom: 8px
}
.account-widget.Lifestyle[_ngcontent-efh-c400] .family-banking[_ngcontent-efh-c400] .description-text[_ngcontent-efh-c400] {
font-size: 16px;
line-height: 20px;
color: #666;
border-bottom: solid 1px #EEE;
padding-bottom: 12px
}
.account-widget.Lifestyle[_ngcontent-efh-c400] .family-banking[_ngcontent-efh-c400] .view[_ngcontent-efh-c400] {
padding-top: 12px;
margin: 0 auto;
color: #009639;
font-size: .875rem;
cursor: pointer
}
.account-widget[_ngcontent-efh-c400] .buy-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .buy-icon[_ngcontent-efh-c400]:before {
content: url(Buy-Green.ecc458e2abbe84d7.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .buy-icon-disabled[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .buy-icon-disabled[_ngcontent-efh-c400]:before {
content: url(Buydashboard-gray.e870e95062293591.svg);
width: 20px;
height: 20px;
display: block
}
.account-widget[_ngcontent-efh-c400] .pay-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .pay-icon[_ngcontent-efh-c400]:before {
content: url(Pay-Green.0d3694cc9b77a1d4.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .pay-icon-disabled[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .pay-icon-disabled[_ngcontent-efh-c400]:before {
content: url(PayIcon-grey.ee47a4c18f0b8f56.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .transfer-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .transfer-icon[_ngcontent-efh-c400]:before {
content: url(Transfer-Green.1c9f25ed9b52450b.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .transfer-icon-disabled[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .transfer-icon-disabled[_ngcontent-efh-c400]:before {
content: url(TransferIcon-gray.3099df5e44c7d2af.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .sell-currency-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .sell-currency-icon[_ngcontent-efh-c400]:before {
content: url(sell-icon.0c16417dfc231ea8.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .buy-currency-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .buy-currency-icon[_ngcontent-efh-c400]:before {
content: url(buy-icon.7fe4d08f5201d0a7.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .rename-icon[_ngcontent-efh-c400] {
position: relative;
display: inline-block;
padding-left: 6px;
cursor: pointer
}
.account-widget[_ngcontent-efh-c400] .rename-icon[_ngcontent-efh-c400]:before {
content: url(rename_icon.6d48f4026122a03a.svg);
width: 13px;
height: 13px;
display: block
}
.account-widget[_ngcontent-efh-c400] .error-block-success[_ngcontent-efh-c400] {
margin-bottom: -18px;
height: 80px;
background-color: #d8f3b7;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding: 10px
}
.account-widget[_ngcontent-efh-c400] .error-block-success[_ngcontent-efh-c400] .img-step-tick[_ngcontent-efh-c400] {
flex: 1;
position: relative;
display: inline-block;
margin-left: 10px;
margin-top: 5px
}
.account-widget[_ngcontent-efh-c400] .error-block-success[_ngcontent-efh-c400] .img-step-tick[_ngcontent-efh-c400]:before {
content: url(tickStatus.79e1c2dc7a7c74ce.svg);
width: 24px;
height: 18.9px;
display: block
}
.account-widget[_ngcontent-efh-c400] .error-block-success[_ngcontent-efh-c400] .error-message[_ngcontent-efh-c400] {
margin: 0 20px;
flex: 2;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: left;
color: #333
}
.account-widget[_ngcontent-efh-c400] .error-block-success[_ngcontent-efh-c400] .icon-container[_ngcontent-efh-c400] .img-step-close[_ngcontent-efh-c400] {
cursor: pointer;
display: inline-block;
position: relative;
margin-left: 10px;
margin-top: 5px
}
.account-widget[_ngcontent-efh-c400] .error-block-success[_ngcontent-efh-c400] .icon-container[_ngcontent-efh-c400] .img-step-close[_ngcontent-efh-c400]:before {
content: url(close-light-gray.a3e39c040bf9d14d.svg);
width: 24px;
height: 18.9px;
display: block
}
.account-widget[_ngcontent-efh-c400] .error-block-failure[_ngcontent-efh-c400] {
margin-bottom: -18px;
height: 80px;
background-color: #aa293033;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding: 10px
}
.account-widget[_ngcontent-efh-c400] .error-block-failure[_ngcontent-efh-c400] .img-step-close-red[_ngcontent-efh-c400] {
display: inline-block;
flex: 1;
position: relative;
margin-left: 10px
}
.account-widget[_ngcontent-efh-c400] .error-block-failure[_ngcontent-efh-c400] .img-step-close-red[_ngcontent-efh-c400]:before {
content: url(Error.27a2ce0d78d36f2b.svg);
width: 24px;
height: 18.9px;
display: block
}
.account-widget[_ngcontent-efh-c400] .error-block-failure[_ngcontent-efh-c400] .error-message[_ngcontent-efh-c400] {
margin: 0 20px;
flex: 2;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: left;
color: #333
}
.account-widget[_ngcontent-efh-c400] .error-block-failure[_ngcontent-efh-c400] .icon-container[_ngcontent-efh-c400] .img-step-close[_ngcontent-efh-c400] {
cursor: pointer;
display: inline-block;
position: relative;
margin-left: 10px;
margin-top: 5px
}
.account-widget[_ngcontent-efh-c400] .error-block-failure[_ngcontent-efh-c400] .icon-container[_ngcontent-efh-c400] .img-step-close[_ngcontent-efh-c400]:before {
content: url(close-light-gray.a3e39c040bf9d14d.svg);
width: 24px;
height: 18.9px;
display: block
}
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] {
border-bottom: solid 1px #EEE;
padding-top: 18px;
padding-bottom: 18px;
cursor: default
}
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .row[_ngcontent-efh-c400] {
margin-left: 0;
margin-right: 0
}
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .account-type-icon-container[_ngcontent-efh-c400] {
display: inline-block;
vertical-align: middle
}
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .account-type-text[_ngcontent-efh-c400] {
display: inline-block;
vertical-align: middle;
padding-left: 10px
}
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .balance[_ngcontent-efh-c400] {
font-size: .875rem;
text-align: right;
color: #bbb
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] {
border-bottom: solid 1px #EEE
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row.hide-account-block[_ngcontent-efh-c400] {
display: none
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .account-details-row[_ngcontent-efh-c400] {
overflow: visible
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400]>div.row[_ngcontent-efh-c400] {
padding-top: 10px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .savings[_ngcontent-efh-c400],
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .current[_ngcontent-efh-c400] {
border-left: 4px solid #009639
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .credit-card[_ngcontent-efh-c400] {
border-left: 4px solid #D22630
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .loan[_ngcontent-efh-c400] {
border-left: 4px solid #F2A900
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .loan.offer[_ngcontent-efh-c400] {
border-color: #f2a90080
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .loan.offer[_ngcontent-efh-c400] .text-light[_ngcontent-efh-c400] {
opacity: .5
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .loan.offer[_ngcontent-efh-c400] .view-offer[_ngcontent-efh-c400] .content[_ngcontent-efh-c400] .text[_ngcontent-efh-c400] {
font-weight: 500;
opacity: 1;
text-align: right;
color: #009639
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .loan.offer[_ngcontent-efh-c400] .view-offer[_ngcontent-efh-c400] .content[_ngcontent-efh-c400] .icon[_ngcontent-efh-c400] {
margin-left: -15px;
margin-top: -5px;
width: 18px;
height: 12px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .loan.offer[_ngcontent-efh-c400] .view-offer[_ngcontent-efh-c400] .content[_ngcontent-efh-c400] .icon[_ngcontent-efh-c400] .icon-eye[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .loan.offer[_ngcontent-efh-c400] .view-offer[_ngcontent-efh-c400] .content[_ngcontent-efh-c400] .icon[_ngcontent-efh-c400] .icon-eye[_ngcontent-efh-c400]:before {
content: url(Eye-Show-orange.47f13155021d3023.svg);
width: 18px;
height: 12px;
display: block
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .loan[_ngcontent-efh-c400] .hl-readvance[_ngcontent-efh-c400] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
border-top: solid 1px #F0F0F0;
font-size: 1rem;
line-height: 20px;
padding: 15px 0;
color: #009639;
text-align: center
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .club-accounts[_ngcontent-efh-c400],
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .investment[_ngcontent-efh-c400] {
border-left: 4px solid #00B2A9
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .foreign[_ngcontent-efh-c400] {
border-left: 4px solid #00B2A9;
cursor: auto
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .foreign[_ngcontent-efh-c400] .data-block[_ngcontent-efh-c400] {
cursor: pointer
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .rewards[_ngcontent-efh-c400] {
border-left: 4px solid #78BE20
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .rewards[_ngcontent-efh-c400] .width-max-content[_ngcontent-efh-c400] {
width: max-content
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .rewards.bg-grey[_ngcontent-efh-c400] .account-name[_ngcontent-efh-c400],
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .rewards.bg-grey[_ngcontent-efh-c400] .current-balance[_ngcontent-efh-c400] {
color: #bbb
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .rewards.bg-grey[_ngcontent-efh-c400] .available-balance[_ngcontent-efh-c400] {
opacity: .5
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .rewards[_ngcontent-efh-c400] .button-block[_ngcontent-efh-c400] {
margin-top: 20px;
margin-bottom: 20px;
background: transparent;
color: #009639
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .travel-card[_ngcontent-efh-c400] {
border-left: 4px solid #78BE20;
cursor: pointer
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .default[_ngcontent-efh-c400] {
border-left: 4px solid #666
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .account-name[_ngcontent-efh-c400] {
font-weight: 500;
text-align: left;
color: #333;
display: flex
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .account-number[_ngcontent-efh-c400] {
letter-spacing: normal;
text-align: left;
color: #bbb
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .current-balance-header[_ngcontent-efh-c400] {
font-size: .875rem;
text-align: left;
color: #bbb
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .current-balance[_ngcontent-efh-c400] {
font-size: .875rem;
text-align: left;
color: #666
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .available-balance-header[_ngcontent-efh-c400] {
font-size: .875rem;
text-align: right;
color: #bbb
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .available-balance[_ngcontent-efh-c400] {
font-size: .875rem;
text-align: right;
color: #666;
font-size: 15px;
font-weight: 400
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .available-balance[_ngcontent-efh-c400] .label-text[_ngcontent-efh-c400] {
color: #666;
font-size: 16px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .edit-account-header[_ngcontent-efh-c400] {
letter-spacing: normal;
color: #bbb
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .input-red[_ngcontent-efh-c400] {
border: 2px solid #D22630 !important
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .confirm-success[_ngcontent-efh-c400] {
position: relative;
width: 100%;
line-height: 48px;
outline: none;
margin-top: 27px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .confirm-error[_ngcontent-efh-c400] {
position: relative;
width: 100%;
line-height: 48px;
border: none;
outline: none;
margin-top: 27px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .cancelBtn[_ngcontent-efh-c400] {
position: relative;
width: 100%;
line-height: 44px;
margin-bottom: 15px;
margin-top: 27px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .validation-message[_ngcontent-efh-c400] {
color: #d22630
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .message-lable[_ngcontent-efh-c400] {
padding: 20px 0
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .editSkeletonModeHeight[_ngcontent-efh-c400] {
height: 80px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .label-img[_ngcontent-efh-c400] {
margin-right: 10px;
float: left;
position: relative
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .label-img[_ngcontent-efh-c400]:before {
content: url(oval_6_grey.604b5846433feeac.svg);
width: 7.7px;
height: 7.7px;
display: block
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .label-text[_ngcontent-efh-c400] {
display: flex
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] {
padding-bottom: 20px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol[_ngcontent-efh-c400] {
display: none
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .pop-over-container[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .pop-over-container.open[_ngcontent-efh-c400] .pop-over[_ngcontent-efh-c400] {
display: block
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .pop-over-container.open[_ngcontent-efh-c400]:before {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 10px);
z-index: 2;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin-top: 10px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .pop-over-container.open[_ngcontent-efh-c400]:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: calc(50% - 6px);
z-index: 3;
width: 13px;
height: 13px;
border: solid 1px rgba(187, 187, 187, .5);
border-bottom: none;
border-right: none;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
margin-top: 12px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .pop-over-container[_ngcontent-efh-c400] .pop-over[_ngcontent-efh-c400] {
margin-top: 19px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .pop-over-container[_ngcontent-efh-c400] .pop-over[_ngcontent-efh-c400] ul[_ngcontent-efh-c400] li[_ngcontent-efh-c400] a[_ngcontent-efh-c400] {
color: #bbb
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .divider-margin[_ngcontent-efh-c400] {
margin: 20px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .icon-link[_ngcontent-efh-c400] {
text-align: center
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .icon-link[_ngcontent-efh-c400] .blurText[_ngcontent-efh-c400] {
color: #bbb
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .icon-link[_ngcontent-efh-c400]:hover .pay-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .icon-link[_ngcontent-efh-c400]:hover .pay-icon[_ngcontent-efh-c400]:before {
content: url(Pay-DarkGreen.f60b28590547285a.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .icon-link[_ngcontent-efh-c400]:hover .transfer-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .icon-link[_ngcontent-efh-c400]:hover .transfer-icon[_ngcontent-efh-c400]:before {
content: url(Transfer-DarkGreen.42fa6c1e8085c3bd.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .icon-link[_ngcontent-efh-c400]:hover .text[_ngcontent-efh-c400] {
color: #006341
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .pop-over-container[_ngcontent-efh-c400]:hover .buy-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .pop-over-container[_ngcontent-efh-c400]:hover .buy-icon[_ngcontent-efh-c400]:before {
content: url(Buy-DarkGreen.a8e67ee702b45817.svg);
width: 100%;
height: 100%;
display: block
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .pop-over-container[_ngcontent-efh-c400]:hover .text[_ngcontent-efh-c400] {
color: #006341
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .icon[_ngcontent-efh-c400] {
display: inline-block;
vertical-align: middle;
height: 26px;
width: 27px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .text[_ngcontent-efh-c400] {
display: block;
/* vertical-align: middle; */
font-size: .875rem;
font-weight: 500;
color: #009639
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .dormant[_ngcontent-efh-c400] .text-style[_ngcontent-efh-c400] {
height: 20px;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: left;
margin-right: 90px;
color: #333
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .dormant[_ngcontent-efh-c400] .dormant-icon[_ngcontent-efh-c400] {
background-color: #f9f9f9;
color: #4a4a4a;
margin: 0 5%;
padding: 13px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .dormant[_ngcontent-efh-c400] .dormant-icon[_ngcontent-efh-c400] .icon[_ngcontent-efh-c400] {
float: left;
margin-left: 80px;
position: relative
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .dormant[_ngcontent-efh-c400] .dormant-icon[_ngcontent-efh-c400] .icon[_ngcontent-efh-c400]:before {
content: url(information.f7b8705a887bf347.svg);
width: 22px;
height: 22px;
display: block
}
.account-widget[_ngcontent-efh-c400] .market-value[_ngcontent-efh-c400] {
color: #bbb;
border-bottom: 1px solid #EEE;
height: 36px;
text-align: right;
cursor: default;
padding-top: 8px;
font-size: .875rem
}
.account-widget[_ngcontent-efh-c400] .action-container[_ngcontent-efh-c400] {
text-align: center
}
.account-widget[_ngcontent-efh-c400] .action-container[_ngcontent-efh-c400] .text-block[_ngcontent-efh-c400] {
margin: 1.3rem;
display: inline-block;
color: #009639;
cursor: default
}
.hide-mobile[_ngcontent-efh-c400] {
display: none
}
.mypocket-content[_ngcontent-efh-c400] {
max-height: 155px;
max-width: 527px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 0 8px #0003;
padding: 20px 25px
}
.mypocket-content[_ngcontent-efh-c400] .heading[_ngcontent-efh-c400] {
font-size: 20px;
line-height: 25px;
color: #333
}
.mypocket-content[_ngcontent-efh-c400] .body[_ngcontent-efh-c400] {
font-size: 16px;
line-height: 24px;
color: #666;
margin-top: 6px;
margin-bottom: 6px
}
.mypocket-content[_ngcontent-efh-c400] .footer[_ngcontent-efh-c400] {
height: 20px;
color: #009639;
font-size: 16px;
font-weight: 500;
line-height: 20px;
text-align: right
}
.overlay-shadow-container[_ngcontent-efh-c400]:before {
z-index: 9999
}
.arrow_box[_ngcontent-efh-c400]:before {
border-color: transparent;
border-bottom-color: #fff;
border-width: 6px;
border-style: solid
}
.arrow_box[_ngcontent-efh-c400]:before {
bottom: 100%;
content: " ";
height: 0;
width: 0;
position: absolute;
right: 15px;
top: -12px
}
.arrow_box[_ngcontent-efh-c400] {
right: 0;
margin: 12px 30px 0
}
.overlay-position[_ngcontent-efh-c400] {
position: absolute;
z-index: 10000;
background-color: #fff
}
@media (min-width: 768px) {
.hide-mobile[_ngcontent-efh-c400] {
display: block
}
.account-widget[_ngcontent-efh-c400] {
margin-bottom: 20px
}
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .account-type-text[_ngcontent-efh-c400] {
padding-left: 0
}
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .icon-margin[_ngcontent-efh-c400] {
margin-right: 5px
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .open-policy-container.add-policy-btn[_ngcontent-efh-c400] {
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.account-widget.Investment[_ngcontent-efh-c400] .open-account[_ngcontent-efh-c400] {
padding: 0
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] {
padding: 17px 80px 17px 17px
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] .investment-account[_ngcontent-efh-c400] {
width: auto
}
.account-widget.Lifestyle[_ngcontent-efh-c400] .family-banking[_ngcontent-efh-c400] {
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between
}
.account-widget.Lifestyle[_ngcontent-efh-c400] .family-banking[_ngcontent-efh-c400] .description-text[_ngcontent-efh-c400] {
border-bottom: none;
padding-bottom: 0
}
.account-widget.Lifestyle[_ngcontent-efh-c400] .family-banking[_ngcontent-efh-c400] .view[_ngcontent-efh-c400] {
padding-top: 0;
margin: auto 0
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .data-block[_ngcontent-efh-c400] .account-name[_ngcontent-efh-c400] {
word-wrap: break-word
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .current-balance[_ngcontent-efh-c400],
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .available-balance[_ngcontent-efh-c400] {
font-size: .875rem;
text-align: right;
color: #666
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .dormant[_ngcontent-efh-c400] .text-style[_ngcontent-efh-c400] {
margin-right: 20px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .dormant[_ngcontent-efh-c400] .dormant-icon[_ngcontent-efh-c400] .icon[_ngcontent-efh-c400] {
margin-left: 40px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .dormant[_ngcontent-efh-c400] .suspended-icon[_ngcontent-efh-c400] {
margin-top: 6px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] .dormant[_ngcontent-efh-c400] .suspended-icon[_ngcontent-efh-c400] .icon[_ngcontent-efh-c400] {
margin-left: 30px
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account[_ngcontent-efh-c400] .open-pocket-container[_ngcontent-efh-c400] {
transform: translateY(50%)
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] {
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
padding: 1.875rem 0 15px
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-balance[_ngcontent-efh-c400] {
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-balance[_ngcontent-efh-c400] .pocket-available-balance[_ngcontent-efh-c400] {
margin-bottom: 0
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container.add-pocket-btn[_ngcontent-efh-c400] {
margin-top: 1.875rem;
transform: none;
border-top: 1px solid #EEE
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-balance[_ngcontent-efh-c400] .pocket-balance-heading[_ngcontent-efh-c400] {
display: none
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account[_ngcontent-efh-c400] .open-pocket-container.setup-pocket-btn[_ngcontent-efh-c400] {
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start
}
.account-widget.Investment[_ngcontent-efh-c400] .pending-account[_ngcontent-efh-c400] {
min-height: 50px
}
}
@media (max-width: 1224px) and (min-width: 1024px) {
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .custom_display[_ngcontent-efh-c400] {
display: inline-flex
}
}
@media (min-width: 1024px) {
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .account-type-text[_ngcontent-efh-c400] {
padding-left: 15px
}
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .custom_padding[_ngcontent-efh-c400] {
padding-right: 0;
width: 90%
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .offer-margin-top[_ngcontent-efh-c400] {
margin-top: 20px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400]>div.row[_ngcontent-efh-c400] {
min-height: 80px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .rewards[_ngcontent-efh-c400] .button-block[_ngcontent-efh-c400] {
margin-bottom: 0;
margin-top: 5px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .data-block[_ngcontent-efh-c400] {
margin-top: 10px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .data-block[_ngcontent-efh-c400] .account-name[_ngcontent-efh-c400] {
margin-top: -5px;
word-wrap: break-word;
width: 114% !important
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions[_ngcontent-efh-c400] {
padding-top: 5px;
padding-bottom: 5px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.no-padding[_ngcontent-efh-c400] {
padding-top: 0
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account[_ngcontent-efh-c400] .open-pocket-container.setup-pocket-btn[_ngcontent-efh-c400] {
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] {
padding: 17px 60px 17px 17px
}
}
@media (max-width: 375px) {
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .data-block[_ngcontent-efh-c400] .account-name[_ngcontent-efh-c400] {
word-wrap: break-word
}
.account-widget.Investment[_ngcontent-efh-c400] .open-account[_ngcontent-efh-c400] {
padding: 10px 0
}
}
@media (min-width: 1440px) {
.account-widget[_ngcontent-efh-c400] .header[_ngcontent-efh-c400] .custom_padding[_ngcontent-efh-c400] {
width: 75%
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account[_ngcontent-efh-c400] .open-pocket[_ngcontent-efh-c400] {
margin-right: .75rem
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] {
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding: 1.75rem 0;
height: 80px
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container.add-pocket-btn[_ngcontent-efh-c400] {
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
margin-top: 0;
border-top: none
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container.add-pocket-btn[_ngcontent-efh-c400] .open-pocket[_ngcontent-efh-c400] {
padding: 0 .625rem 0 0;
margin-right: 0;
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container.add-pocket-btn[_ngcontent-efh-c400] .open-pocket[_ngcontent-efh-c400] .green-color-icon[_ngcontent-efh-c400] {
padding-right: 0;
margin-bottom: .25rem
}
.account-widget.Investment[_ngcontent-efh-c400] .ghost-account.tax-cert[_ngcontent-efh-c400] {
padding: 17px 125px 17px 17px
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .loan[_ngcontent-efh-c400] .hl-readvance[_ngcontent-efh-c400] {
border-top: none;
padding: 15px 20px 15px 0;
text-align: right
}
}
@media (min-width: 1024px) and (max-width: 1440px) {
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] {
position: relative;
height: 65px;
box-sizing: border-box
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol[_ngcontent-efh-c400] {
display: block;
width: 100%;
height: 100%;
position: relative
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol[_ngcontent-efh-c400] .kebab-icon[_ngcontent-efh-c400] {
position: relative;
width: 100%;
height: 100%;
position: absolute;
z-index: 10
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol[_ngcontent-efh-c400] .kebab-icon[_ngcontent-efh-c400]:before {
content: url(icon-kebab.9f5140f2ccfe12df.svg);
width: 5px;
height: 24px;
display: block
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol[_ngcontent-efh-c400] .kebab-icon[_ngcontent-efh-c400]:before {
position: absolute;
top: 15px;
left: 50%
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol[_ngcontent-efh-c400]:before {
content: "";
display: block;
width: 345px;
height: 80px;
position: absolute;
top: -10px;
right: 0;
z-index: 1;
background-color: #f0f0f0;
transition: transform .4s ease-in-out, background-color .5s ease-in-out .4s, background-color .5s ease-in-out .4s;
-webkit-transition: transform .4s ease-in-out, background-color .5s ease-in-out .4s, background-color .5s ease-in-out .4s;
-moz-transition: transform .4s ease-in-out, background-color .5s ease-in-out .4s, background-color .5s ease-in-out .4s;
-ms-transition: transform .4s ease-in-out, background-color .5s ease-in-out .4s, background-color .5s ease-in-out .4s;
-o-transition: transform .4s ease-in-out, background-color .5s ease-in-out .4s, background-color .5s ease-in-out .4s;
transform: translate(101%);
-webkit-transform: translate(101%, 0);
-moz-transform: translate(101%, 0);
-ms-transform: translate(101%, 0);
-o-transform: translate(101%, 0);
opacity: 1
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol[_ngcontent-efh-c400]:after {
content: "";
display: block;
width: 345px;
height: 80px;
position: absolute;
top: -10px;
right: 0;
z-index: 2;
background-color: #f0f0f0;
transition: transform .4s ease-in-out, background-color .3s ease-in-out .8s, background-color .3s ease-in-out .8s, opacity .5s ease-in-out .4s;
-webkit-transition: transform .4s ease-in-out, background-color .3s ease-in-out .8s, background-color .3s ease-in-out .8s, opacity .5s ease-in-out .4s;
-moz-transition: transform .4s ease-in-out, background-color .3s ease-in-out .8s, background-color .3s ease-in-out .8s, opacity .5s ease-in-out .4s;
-ms-transition: transform .4s ease-in-out, background-color .3s ease-in-out .8s, background-color .3s ease-in-out .8s, opacity .5s ease-in-out .4s;
-o-transition: transform .4s ease-in-out, background-color .3s ease-in-out .8s, background-color .3s ease-in-out .8s, opacity .5s ease-in-out .4s;
transform: translate(101%);
-webkit-transform: translate(101%, 0);
-moz-transform: translate(101%, 0);
-ms-transform: translate(101%, 0);
-o-transform: translate(101%, 0);
opacity: 1
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol.nav-in[_ngcontent-efh-c400] .kebab-icon[_ngcontent-efh-c400] {
position: relative
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol.nav-in[_ngcontent-efh-c400] .kebab-icon[_ngcontent-efh-c400]:before {
content: url(icon-kebab-active.ee4c3b3ac03e04d8.svg);
width: 5px;
height: 24px;
display: block
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol.nav-in[_ngcontent-efh-c400]:before {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
background-color: #fff
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol.nav-out[_ngcontent-efh-c400]:after {
transform: translate(0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
background-color: #fff;
opacity: 0
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .kebab-symbol.nav-out[_ngcontent-efh-c400]:before {
transition: all 0ms ease .5s;
-webkit-transition: all 0ms ease .5s;
-moz-transition: all 0ms ease .5s;
-ms-transition: all 0ms ease .5s;
-o-transition: all 0ms ease .5s;
opacity: 0
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .actions-wrapper[_ngcontent-efh-c400] {
transform: translate(100%);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
position: absolute;
top: 12px;
width: 245px;
transition: transform .3s ease-in-out .3s, opacity .3s ease-in-out .15s, opacity .3s ease-in-out .15s;
-webkit-transition: transform .3s ease-in-out .3s, opacity .3s ease-in-out .15s, opacity .3s ease-in-out .15s;
-moz-transition: transform .3s ease-in-out .3s, opacity .3s ease-in-out .15s, opacity .3s ease-in-out .15s;
-ms-transition: transform .3s ease-in-out .3s, opacity .3s ease-in-out .15s, opacity .3s ease-in-out .15s;
-o-transition: transform .3s ease-in-out .3s, opacity .3s ease-in-out .15s, opacity .3s ease-in-out .15s;
z-index: 11;
background: none;
opacity: 0
}
.account-widget[_ngcontent-efh-c400] .account-list[_ngcontent-efh-c400] .account-row[_ngcontent-efh-c400] .actions.actions-kebab[_ngcontent-efh-c400] .actions-wrapper.open[_ngcontent-efh-c400] {
transform: translate(-100%);
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transition: transform .4s ease-in-out .1s, opacity .4s ease-in-out .25s, opacity .4s ease-in-out .25s;
-webkit-transition: transform .4s ease-in-out .1s, opacity .4s ease-in-out .25s, opacity .4s ease-in-out .25s;
-moz-transition: transform .4s ease-in-out .1s, opacity .4s ease-in-out .25s, opacity .4s ease-in-out .25s;
-ms-transition: transform .4s ease-in-out .1s, opacity .4s ease-in-out .25s, opacity .4s ease-in-out .25s;
-o-transition: transform .4s ease-in-out .1s, opacity .4s ease-in-out .25s, opacity .4s ease-in-out .25s;
opacity: 1
}
}
@media (max-width: 767px) {
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account[_ngcontent-efh-c400] {
padding: 5px 0 0
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account[_ngcontent-efh-c400] .pocket-header[_ngcontent-efh-c400] {
margin: 0 15px;
padding: 0;
border-bottom: 1px solid #EEE;
line-height: 1.25rem
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account[_ngcontent-efh-c400] .pocket-subtitle[_ngcontent-efh-c400] {
padding-bottom: .25rem
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account[_ngcontent-efh-c400] .open-pocket[_ngcontent-efh-c400] {
padding: 1.125rem 0 1rem
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] {
padding: 1rem 0 0
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-header[_ngcontent-efh-c400] {
border-bottom: none
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .pocket-balance[_ngcontent-efh-c400] {
padding: 0;
margin: 48px 15px 0
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container.add-pocket-btn[_ngcontent-efh-c400] {
border-top: 1px solid #EEE
}
.account-widget.Bank[_ngcontent-efh-c400] .pocket-account.have-pockets[_ngcontent-efh-c400] .open-pocket-container.add-pocket-btn[_ngcontent-efh-c400] .open-pocket[_ngcontent-efh-c400] {
padding-bottom: .875rem
}
}
@media (max-width: 767px) {
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] {
height: 125px;
-moz-flex-direction: column;
-o-flex-direction: column;
flex-direction: column
}
.account-widget.Insurance[_ngcontent-efh-c400] .insurance-new-policy.has-policy[_ngcontent-efh-c400] .policy-header[_ngcontent-efh-c400] {
border-bottom: 1px solid #F0F0F0;
padding-bottom: 20px;
padding-left: 0
}
.account-widget.Insurance[_ngcontent-efh-c400] .open-policy-container[_ngcontent-efh-c400] .open-policy[_ngcontent-efh-c400] {
padding-top: 17px
}
}
.Rewards[_ngcontent-efh-c400] .account-details-row.disabled[_ngcontent-efh-c400] {
cursor: default
}
/* #endregion */
/* #region #33 */
.clearfix[_ngcontent-efh-c374]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c374] html[_ngcontent-efh-c374] .clearfix[_ngcontent-efh-c374] {
height: 1%
}
.clearfix[_ngcontent-efh-c374] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c374] {
margin-left: 60px
}
.app-fab-item[_ngcontent-efh-c374] {
background-color: #fff;
border-radius: 100%;
width: 40px;
height: 40px;
position: absolute;
top: -34px;
left: calc(50% - 81px);
text-align: center;
line-height: 30px;
visibility: hidden;
font-size: 12px;
color: #fff;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif
}
.app-fab-menu[_ngcontent-efh-c374] .app-fab-item[_ngcontent-efh-c374]:hover {
background: #FFF
}
.app-fab-text[_ngcontent-efh-c374] {
color: #fff
}
@keyframes transfer-open-animation {
0% {
visibility: visible;
transform: rotate(0)
}
to {
visibility: visible
}
}
@keyframes pay-open-animation {
0% {
visibility: visible;
transform: rotate(0)
}
to {
visibility: visible;
transform: rotate(90deg)
}
}
@keyframes buy-open-animation {
0% {
visibility: hidden;
transform: rotate(0)
}
50% {
visibility: hidden;
transform: rotate(90deg)
}
51% {
visibility: visible
}
to {
visibility: visible;
transform: rotate(180deg)
}
}
@keyframes inner-pay-button {
0% {
transform: rotate(0)
}
to {
transform: rotate(-90deg)
}
}
@keyframes inner-buy-button {
0% {
transform: rotate(0)
}
50% {
transform: rotate(-90deg)
}
to {
transform: rotate(-180deg)
}
}
@keyframes pay-close-animation {
to {
visibility: hidden;
transform: rotate(0)
}
50% {
visibility: visible;
transform: rotate(90deg)
}
0% {
visibility: visible;
transform: rotate(90deg)
}
}
@keyframes buy-close-animation {
to {
visibility: hidden;
transform: rotate(0)
}
51% {
visibility: hidden;
transform: rotate(90deg)
}
0% {
visibility: visible;
transform: rotate(180deg)
}
}
@keyframes inner-pay-close-animation {
to {
transform: rotate(0)
}
50% {
transform: rotate(-90deg)
}
0% {
transform: rotate(-90deg)
}
}
@keyframes inner-buy-close-animation {
to {
transform: rotate(0)
}
50% {
transform: rotate(-90deg)
}
0% {
transform: rotate(-180deg)
}
}
@keyframes hide-on-linear {
0% {
visibility: visible
}
99% {
visibility: visible
}
to {
visibility: hidden
}
}
/* #endregion */
/* #region #34 */
.anim-container[_ngcontent-efh-c272] {
position: relative
}
.anim-container[_ngcontent-efh-c272] .skeleton-container[_ngcontent-efh-c272] {
position: absolute;
width: 100%
}
.anim-container[_ngcontent-efh-c272] .overlapsection[_ngcontent-efh-c272] {
position: absolute;
left: 0;
top: 0
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.anim-container[_ngcontent-efh-c272] .overlapsection.notification[_ngcontent-efh-c272] {
top: -61px;
height: 30px;
width: 30px
}
.anim-container[_ngcontent-efh-c272] .overlapsection.notification[_ngcontent-efh-c272] div[_ngcontent-efh-c272] svg[_ngcontent-efh-c272] {
height: 100%;
width: 100%
}
}
/* #endregion */
/* #region #35 */
.clearfix[_ngcontent-efh-c372]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c372] html[_ngcontent-efh-c372] .clearfix[_ngcontent-efh-c372] {
height: 1%
}
.clearfix[_ngcontent-efh-c372] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c372] {
margin-left: 60px
}
.apply-btn[_ngcontent-efh-c372] {
width: 84px;
float: right;
margin-right: 10px;
margin-top: 19px;
height: 30px;
padding-top: 3px;
text-align: center;
font-weight: 700;
font-size: 14px;
color: #009639;
border-radius: 20px;
border: 1.5px solid #009639;
background-color: #fff;
cursor: pointer
}
/* #endregion */
/* #region #36 */
.clearfix[_ngcontent-efh-c456]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c456] html[_ngcontent-efh-c456] .clearfix[_ngcontent-efh-c456] {
height: 1%
}
.clearfix[_ngcontent-efh-c456] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c456] {
margin-left: 60px
}
app-rop-share-pop[_ngcontent-efh-c456] ul.expanded-group {
left: calc(100% - 60px)
}
app-rop-share-pop[_ngcontent-efh-c456] app-tooltip .help-text.text-container {
font-size: 12px;
width: 250px
}
app-rop-share-pop[_ngcontent-efh-c456] #rop-kebab {
margin-left: 10px
}
app-rop-share-pop[_ngcontent-efh-c456] .expand-icon {
vertical-align: text-bottom
}
app-rop-share-pop[_ngcontent-efh-c456] .rop-pop-container.no-print-ROP {
margin-bottom: 18px;
margin-left: 8px
}
app-rop-share-pop[_ngcontent-efh-c456] .rop-pop-container.no-print-ROP.rop-share-POP {
margin-bottom: 21px
}
app-rop-share-pop[_ngcontent-efh-c456] .expansion.expanded-group {
left: calc(100% - 75px);
width: 100px
}
app-rop-share-pop[_ngcontent-efh-c456] .no-print {
margin-bottom: 0 !important
}
app-rop-share-pop[_ngcontent-efh-c456] .cma-notification {
margin-bottom: 30px;
padding-bottom: 15px;
padding-top: 15px
}
app-rop-share-pop[_ngcontent-efh-c456] .share-print-POP-ROP .text.pop-item {
vertical-align: text-bottom
}
.widget-review[_ngcontent-efh-c456] {
margin-bottom: 10px
}
.pay-for-container[_ngcontent-efh-c456] {
margin-top: 10px
}
.title-block[_ngcontent-efh-c456] .info-text[_ngcontent-efh-c456] {
padding-right: 10px
}
.tooltip-template[_ngcontent-efh-c456] .tip[_ngcontent-efh-c456] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif
}
.paddingValues[_ngcontent-efh-c456] {
padding-left: 0
}
.next-button[_ngcontent-efh-c456] {
max-width: 100%
}
.quick-pay-no-recipient[_ngcontent-efh-c456] {
position: relative;
margin-bottom: 25px
}
.quick-pay-no-recipient[_ngcontent-efh-c456]:before {
content: url(quick-pay-no-recipient.cf0679fe8b004660.svg);
width: 100%;
height: 100%;
display: block
}
.switch[_ngcontent-efh-c456] {
margin: 7px
}
.shiftmargin[_ngcontent-efh-c456] {
margin-top: 50px
}
.error-msgs[_ngcontent-efh-c456] .errorMessage[_ngcontent-efh-c456] {
color: #d22630;
font-size: 14px;
margin: 5px 0 0;
position: relative;
padding-left: 0
}
.error-msgs[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456] {
position: relative;
padding-right: 4px
}
.error-msgs[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456]:before {
content: url(Error-Red.e97a36206074c4a7.svg);
width: 10px;
height: 10px
}
.quick-pay-block[_ngcontent-efh-c456] {
padding: 30px 20px 15px;
background: #FFF
}
.quick-pay-block[_ngcontent-efh-c456] .field-with-icon[_ngcontent-efh-c456] {
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
align-items: flex-start;
position: relative
}
.quick-pay-block[_ngcontent-efh-c456] .quick-pay-button-width[_ngcontent-efh-c456] {
margin-top: 20px
}
.quick-pay-block[_ngcontent-efh-c456] .clear-field-block[_ngcontent-efh-c456] {
position: relative
}
.quick-pay-block[_ngcontent-efh-c456] .tooltip.in {
min-width: 100%
}
.quick-pay-block[_ngcontent-efh-c456] .tooltip .tooltip-inner {
min-width: 100%;
margin-top: -70px !important
}
.quick-pay-block[_ngcontent-efh-c456] .tooltip .arrow {
margin-bottom: 30px
}
.quick-pay-block[_ngcontent-efh-c456] .tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 40px;
margin-bottom: -10px;
border-width: 10px 10px 0;
border-top-color: #eee
}
.quick-pay-block[_ngcontent-efh-c456] .instant-pay[_ngcontent-efh-c456] {
text-align: right;
padding-left: 9px;
padding-right: 0;
margin-left: 0
}
.quick-pay-block[_ngcontent-efh-c456] .instant-pay[_ngcontent-efh-c456] .instant-label[_ngcontent-efh-c456] {
flex: 1
}
.quick-pay-block[_ngcontent-efh-c456] .section-title-secondary[_ngcontent-efh-c456] {
margin-bottom: 20px
}
.quick-pay-block[_ngcontent-efh-c456] .benificiary-list[_ngcontent-efh-c456] .name[_ngcontent-efh-c456] {
color: #bbb;
margin-bottom: 2px
}
.quick-pay-block[_ngcontent-efh-c456] .benificiary-list[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
color: #bbb
}
.quick-pay-block[_ngcontent-efh-c456] .benificiary-list[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .icon-type[_ngcontent-efh-c456] {
width: 15px;
margin-right: 10px
}
.quick-pay-block[_ngcontent-efh-c456] .benificiary-list[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .account-type[_ngcontent-efh-c456] {
flex: 1;
white-space: normal
}
.quick-pay-block[_ngcontent-efh-c456] .benificiary-list[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .account-type[_ngcontent-efh-c456] .text[_ngcontent-efh-c456]:after {
content: " - "
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.left[_ngcontent-efh-c456] {
margin-right: 10px
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.bankAccount[_ngcontent-efh-c456] {
position: relative
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.bankAccount[_ngcontent-efh-c456]:before {
content: url(bank-account-list.20e078acbd631110.svg);
width: 100%;
height: 100%;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.mobile[_ngcontent-efh-c456] {
position: relative;
width: 14px
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.mobile[_ngcontent-efh-c456]:before {
content: url(mobile.2345ca5cce47ab78.svg);
width: 100%;
height: 100%;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.recipient-icon[_ngcontent-efh-c456] {
position: relative
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.recipient-icon[_ngcontent-efh-c456]:before {
content: url(New-recipient.b89d1f9e9e1fa1e3.svg);
width: 18px;
height: 25px;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.search-icon[_ngcontent-efh-c456]:before {
position: absolute;
top: 16px;
right: 8px;
z-index: 1009
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.search-icon[_ngcontent-efh-c456] {
position: relative;
position: static
}
.quick-pay-block[_ngcontent-efh-c456] .icon-type.search-icon[_ngcontent-efh-c456]:before {
content: url(search-branch.3e3e72f2de3fba6e.svg);
width: 25px;
height: 25px;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .name[_ngcontent-efh-c456] {
color: #666
}
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .account[_ngcontent-efh-c456] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
margin-bottom: 15px
}
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .account[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456] {
width: 28px;
height: 28px;
margin-right: 10px;
position: relative
}
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .account[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456]:before {
content: url(bank-account-list.20e078acbd631110.svg);
width: 100%;
height: 100%;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .account[_ngcontent-efh-c456] .card-details[_ngcontent-efh-c456] {
flex: 1
}
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .account[_ngcontent-efh-c456] .card-details[_ngcontent-efh-c456] .acc-info[_ngcontent-efh-c456],
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .account[_ngcontent-efh-c456] .card-details[_ngcontent-efh-c456] .acc-no[_ngcontent-efh-c456] {
line-height: 1.43
}
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .amount[_ngcontent-efh-c456] {
margin-left: 35px
}
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .amount[_ngcontent-efh-c456] .amount-label[_ngcontent-efh-c456] {
font-size: 14px;
color: #666
}
.quick-pay-block[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .amount[_ngcontent-efh-c456] .value[_ngcontent-efh-c456] {
font-size: 1.5rem;
color: #333;
font-weight: 600
}
.quick-pay-block[_ngcontent-efh-c456] .review[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] {
margin-left: 10px
}
.quick-pay-block[_ngcontent-efh-c456] .review[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
font-size: 17px;
font-weight: 400;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
color: #666;
padding: 15px 0
}
.quick-pay-block[_ngcontent-efh-c456] .review[_ngcontent-efh-c456] .review-title[_ngcontent-efh-c456] {
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
color: #000;
margin-bottom: 20px
}
.quick-pay-block[_ngcontent-efh-c456] .review[_ngcontent-efh-c456] .half-btns[_ngcontent-efh-c456] {
margin-top: 30px
}
.quick-pay-block[_ngcontent-efh-c456] .review[_ngcontent-efh-c456] .half-btns[_ngcontent-efh-c456] .gd-primary-btn,
.quick-pay-block[_ngcontent-efh-c456] .review[_ngcontent-efh-c456] .half-btns[_ngcontent-efh-c456] .gd-ghost-btn[_ngcontent-efh-c456] {
min-width: 115px
}
.quick-pay-block[_ngcontent-efh-c456] .review[_ngcontent-efh-c456] .recipient-detail[_ngcontent-efh-c456] {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
margin-bottom: 15px
}
.quick-pay-block[_ngcontent-efh-c456] .review[_ngcontent-efh-c456] .recipient-detail[_ngcontent-efh-c456] .name[_ngcontent-efh-c456] {
flex: 1;
line-height: 1.43;
margin-left: 4px
}
.quick-pay-block[_ngcontent-efh-c456] .review[_ngcontent-efh-c456] .reference[_ngcontent-efh-c456] {
margin-bottom: 15px;
margin-left: 32px
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .tryButton[_ngcontent-efh-c456] {
display: flex;
min-width: 115px
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .cancelButton[_ngcontent-efh-c456] .gd-primary-btn {
min-width: 100%
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .doneButton[_ngcontent-efh-c456] .gd-primary-btn {
min-width: 100%
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] {
margin-top: 20px;
margin-left: 10px
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .recipient-detail[_ngcontent-efh-c456] {
margin-bottom: 15px;
display: flex
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .recipient-detail[_ngcontent-efh-c456] .name[_ngcontent-efh-c456] {
margin-left: 4px
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .details[_ngcontent-efh-c456] .reference[_ngcontent-efh-c456] {
margin-bottom: 15px;
margin-left: 32px
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .buttonMessage[_ngcontent-efh-c456] {
display: flex
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .crossButton[_ngcontent-efh-c456] {
text-align: -webkit-right
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 30px;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
padding: 10px 0;
height: 80px
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
font-size: 11px;
margin: 0
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .time[_ngcontent-efh-c456] {
color: #666;
padding: 20px 41px 15px
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .info[_ngcontent-efh-c456] {
margin-bottom: 10px;
margin-top: -20px;
font-size: 14px;
color: #bbb;
font-size: 16px
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] {
background-color: #d8f3b7
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block.title-CMA-Info[_ngcontent-efh-c456] {
background-color: #eee;
margin-top: -15px;
margin-bottom: 30px
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] {
left: 2%;
top: 5%
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456] {
position: relative;
width: 30px;
height: 20px
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456]:before {
content: url(tick.aa6556d6368e3524.svg);
width: 16px;
height: 16px;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .close-icon[_ngcontent-efh-c456] {
position: relative
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .close-icon[_ngcontent-efh-c456]:before {
content: url(Cross-Black.beebd41b49835647.svg);
width: 20px;
height: 25px;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
color: #000;
font-size: 14px
}
.quick-pay-block[_ngcontent-efh-c456] .status.fail[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] {
background-color: #fff8dc
}
.quick-pay-block[_ngcontent-efh-c456] .status.fail[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] {
border-color: #d22630
}
.quick-pay-block[_ngcontent-efh-c456] .status.fail[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456] {
position: relative;
height: 20px;
width: 40px
}
.quick-pay-block[_ngcontent-efh-c456] .status.fail[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456]:before {
content: url(Error-Yellow.f916d1ac306e1bbb.svg);
width: 16px;
height: 16px;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .status.fail[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .close-icon[_ngcontent-efh-c456] {
position: relative
}
.quick-pay-block[_ngcontent-efh-c456] .status.fail[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .close-icon[_ngcontent-efh-c456]:before {
content: url(Cross-Black.beebd41b49835647.svg);
width: 20px;
height: 25px;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .status.fail[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
color: #000;
font-size: 14px
}
.quick-pay-block[_ngcontent-efh-c456] .status.retryExhausted[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] {
background-color: #fae3e5
}
.quick-pay-block[_ngcontent-efh-c456] .status.retryExhausted[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] {
border-color: #d22630
}
.quick-pay-block[_ngcontent-efh-c456] .status.retryExhausted[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456] {
position: relative;
height: 20px;
width: 35px;
top: 6px
}
.quick-pay-block[_ngcontent-efh-c456] .status.retryExhausted[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456]:before {
content: url(Error-Red.e97a36206074c4a7.svg);
width: 16px;
height: 16px;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .status.retryExhausted[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .close-icon[_ngcontent-efh-c456] {
position: relative
}
.quick-pay-block[_ngcontent-efh-c456] .status.retryExhausted[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] .close-icon[_ngcontent-efh-c456]:before {
content: url(Cross-Black.beebd41b49835647.svg);
width: 20px;
height: 25px;
display: block
}
.quick-pay-block[_ngcontent-efh-c456] .status.retryExhausted[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
color: #000;
width: 150px;
font-size: 14px;
width: 186px
}
.no-recipients[_ngcontent-efh-c456] {
text-align: center;
margin-top: 50px;
color: #bbb
}
.no-recipients[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
font-weight: 700;
font-size: 1.125rem;
color: #666
}
.no-recipients[_ngcontent-efh-c456] .descrp[_ngcontent-efh-c456] {
margin: 15px 0 10px;
color: #666
}
.overlay-content-wrapper[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456] {
position: relative;
display: inline-block
}
.overlay-content-wrapper[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456]:before {
content: url(Payicon-overlay.ffa1b5452df2523f.svg);
width: 100%;
height: 100%;
display: block
}
.margin-align[_ngcontent-efh-c456] {
margin-top: 0
}
.margin-align[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
margin: 0% 10%
}
@media (min-width: 320px) {
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
margin-right: -15px
}
.quick-pay-block[_ngcontent-efh-c456] .half-btns[_ngcontent-efh-c456] {
display: inline-block;
margin-top: 25px
}
}
@media (min-width: 375px) and (min-width: 500px) and (max-width: 767px) {
.col-xs-8[_ngcontent-efh-c456] {
width: 75.88% !important
}
.col-xs-4[_ngcontent-efh-c456] {
width: 20.33% !important
}
}
@media (min-width: 375px) {
.quick-pay-block[_ngcontent-efh-c456] .tooltip .tooltip-inner {
margin-left: -19px !important
}
}
@media (min-width: 768px) {
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
margin-right: 10px
}
.quick-pay-block[_ngcontent-efh-c456] .tooltip .tooltip-inner {
margin-left: -19px !important
}
app-rop-share-pop[_ngcontent-efh-c456] ul.expanded-group {
left: calc(100% - 25px)
}
app-rop-share-pop[_ngcontent-efh-c456] app-tooltip .help-text.text-container {
font-size: 12px;
width: 250px
}
app-rop-share-pop[_ngcontent-efh-c456] .info-text.info-width.cma-notification {
max-width: 100%
}
app-rop-share-pop[_ngcontent-efh-c456] .expansion.expanded-group {
left: calc(100% - 60px)
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.margin-align[_ngcontent-efh-c456] {
margin: 1% 31%
}
}
@media (min-width: 1024px) {
app-rop-share-pop[_ngcontent-efh-c456] .info-text.info-width.cma-notification {
max-width: 450px
}
app-rop-share-pop[_ngcontent-efh-c456] .pop-rop-container {
display: inline-block !important
}
.margin-align[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
margin: 0
}
.shiftmargin[_ngcontent-efh-c456] {
margin-top: 55px
}
.quick-pay-button-width[_ngcontent-efh-c456] {
width: 100%
}
.quick-pay-block[_ngcontent-efh-c456] {
padding: 30px 15px 15px
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] {
margin-left: -15px;
margin-right: -15px
}
.quick-pay-block[_ngcontent-efh-c456] .status[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
margin-right: 10px
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .icon-block[_ngcontent-efh-c456] {
left: 5%
}
.quick-pay-block[_ngcontent-efh-c456] .status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
font-size: 13px
}
.quick-pay-block[_ngcontent-efh-c456] .status.retryExhausted[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
font-size: 11px;
width: 150px
}
.quick-pay-block[_ngcontent-efh-c456] .tooltip .tooltip-inner {
margin-left: -140px !important
}
}
@media (min-width: 1440px) {
.shiftmargin[_ngcontent-efh-c456] {
margin-top: 50px
}
.status.success[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
font-size: 18px
}
.status.retryExhausted[_ngcontent-efh-c456] .title-block[_ngcontent-efh-c456] .title[_ngcontent-efh-c456] {
font-size: 15px;
width: 150px
}
}
[_nghost-efh-c456] .bottom a {
cursor: pointer
}
.info-title[_ngcontent-efh-c456] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #bbb;
padding: 0
}
.info-description[_ngcontent-efh-c456] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
color: #333;
margin-top: 6px
}
.details-row[_ngcontent-efh-c456] {
margin-bottom: 20px;
height: 50px
}
.no-left-padding[_ngcontent-efh-c456] {
padding-left: 0
}
.sucess-icon[_ngcontent-efh-c456] {
text-align: center;
margin-bottom: 18px
}
.downlaod-icon[_ngcontent-efh-c456] {
position: relative
}
.downlaod-icon[_ngcontent-efh-c456]:before {
content: url(download.8efb8a1eba603c71.svg);
width: 100%;
height: 100%;
display: block
}
.download[_ngcontent-efh-c456] {
color: #009639;
cursor: pointer
}
.download[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456],
.download[_ngcontent-efh-c456] .text[_ngcontent-efh-c456] {
display: inline-block;
vertical-align: middle
}
.download[_ngcontent-efh-c456] .icon.infoColor[_ngcontent-efh-c456],
.download[_ngcontent-efh-c456] .text.infoColor[_ngcontent-efh-c456] {
color: #bbb
}
.download[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456] {
position: relative;
width: 30px
}
.download[_ngcontent-efh-c456] .icon[_ngcontent-efh-c456]:before {
content: url(download.8efb8a1eba603c71.svg);
width: 100%;
height: 100%;
display: block
}
.more-options-heading[_ngcontent-efh-c456] {
height: 38px;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 30px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
margin-bottom: 15px
}
.options-detail[_ngcontent-efh-c456] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
margin-bottom: 30px
}
.no-print[_ngcontent-efh-c456] {
text-align: center;
margin-bottom: 30px
}
.hyperlink-text[_ngcontent-efh-c456] {
cursor: pointer;
color: #009639
}
.quick-pay-block[_ngcontent-efh-c456] .gd-form[_ngcontent-efh-c456] .gd-form-row[_ngcontent-efh-c456]:last-of-type {
margin-bottom: 0
}
.left-button-padding[_ngcontent-efh-c456] {
padding-left: 0;
padding-right: 7px
}
.right-button-padding[_ngcontent-efh-c456] {
padding-left: 7px;
padding-right: 0
}
.instant-pay-info-message[_ngcontent-efh-c456] {
color: #333;
font-size: 16px
}
/* #endregion */
/* #region #37 */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
* html .clearfix {
height: 1%
}
.clearfix {
display: block
}
.cb-response-spacing {
margin-left: 60px
}
.shiftLeft {
transition: width .58s;
width: 70% !important;
float: left
}
.shiftright {
transition: width .58s
}
.overlay {
height: calc(100vh - 50px);
width: 100%;
position: fixed;
z-index: 999;
left: 0;
top: 0;
background: #FFF;
margin-top: 50px;
overflow-x: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
padding: 30px 0;
color: #666
}
.overlay .container {
height: 100%;
background: #FFF;
padding: 20px 30px
}
.overlay .container.alternate-container {
padding: 0;
overflow-x: hidden
}
.overlay .container .alternate-row {
padding: 10px 15px;
border-bottom: 1px solid #D1D1D1
}
.overlay .steps {
float: left;
padding-top: 20px;
font-size: 18px
}
.overlay .close-btn {
right: 30px;
z-index: 1011;
float: right;
position: relative;
top: 10px;
display: flex
}
.overlay .close-btn .closeIcon {
position: relative;
cursor: pointer
}
.overlay .close-btn .closeIcon:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 32px;
height: 32px;
display: block
}
.overlay .close-btn .closeIconText {
font-size: 18px
}
.overlay .logo-cntnr .logo {
position: relative;
width: 24px;
cursor: pointer;
display: block
}
.overlay .logo-cntnr .logo:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.overlay .logo-cntnr .logo.alternate-logo {
padding: 5px 0;
position: relative
}
.overlay .logo-cntnr .logo.alternate-logo:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 30px;
height: 30px;
display: block
}
.overlay .logo-cntnr.col-xs-5-1 {
width: 34%;
float: left
}
.overlay .steps-text {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
text-align: center;
padding-top: 16px
}
.overlay .btn-cntnr {
text-align: right
}
.overlay .btn-cntnr .cross-container {
display: flex
}
.overlay .btn-cntnr .cross-container .left-div {
flex: 1
}
.overlay .btn-cntnr .cross-container .right-div {
display: flex;
align-items: center;
justify-content: center;
height: 44px;
width: 94px;
margin: 3px 0;
border-left: 1px solid #EEE;
color: #666;
cursor: pointer
}
.overlay .btn-cntnr button {
color: #009639;
border: 2px solid #009639;
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 17px;
background-color: #fff;
border-radius: .25rem;
padding: 13px 22px 9px;
margin: 6px 0
}
.overlay .btn-cntnr button.alternate-button {
min-width: 185px;
padding: 15px 30px;
font-size: 16px;
margin: 0
}
.overlay .back {
color: #666;
display: inline-block;
cursor: pointer
}
.overlay .back .icon,
.overlay .back .text {
display: inline-block;
vertical-align: middle
}
.overlay .back .icon {
position: relative;
width: 16px;
height: 16px;
margin-right: 10px
}
.overlay .back .icon:before {
content: url(back-arrow.fb7e21359bff9eec.svg);
width: 100%;
height: 100%;
display: block
}
.overlay.header-fixed {
padding: 0
}
.overlay.header-fixed .container {
overflow: hidden;
padding: 0 10px
}
.overlay.header-fixed .container .container-content {
height: calc(100vh - 51px);
overflow: auto
}
.overlay.header-fixed .container .container-header {
border-bottom: 1px solid #EEE;
padding: 10px
}
.overlay.header-fixed .container .btn-cntnr {
text-align: right
}
.overlay.header-fixed .container .btn-cntnr button {
color: #666;
font-weight: 400;
border: none;
padding: 5px 10px 0 0;
margin: 0;
font-family: inherit;
font-size: 16px
}
.overlay.alternate-header {
padding: 0
}
.overlay.alternate {
margin-top: 0;
height: 100vh;
background-color: #fff;
z-index: 9999;
color: #666;
text-align: left;
padding-bottom: 100px
}
.overlay.alternate.hide-header {
padding-bottom: 0
}
.overlay.alternate.override-overlays {
z-index: 10001
}
@media (min-width: 768px) {
.overlay {
height: calc(100vh - 161px);
margin-top: 161px;
background: #F9F9F9;
padding: 30px 70px
}
.overlay .container {
overflow-y: auto
}
.overlay .container .alternate-row {
padding: 12px 20px
}
.overlay .close-btn {
right: 18px;
top: 8px
}
.overlay .logo-cntnr .logo {
position: relative;
width: 166px
}
.overlay .logo-cntnr .logo:before {
content: url(NedbankLogo.9a875033dc43e5b2.svg);
width: 100%;
height: 100%;
display: block
}
.overlay .logo-cntnr .logo.alternate-logo {
position: relative
}
.overlay .logo-cntnr .logo.alternate-logo:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 40px;
height: 40px;
display: block
}
.overlay .logo-cntnr.col-xs-5-1 {
width: 45%;
float: left
}
.overlay.header-fixed .logo-cntnr .logo {
position: relative;
width: 24px;
cursor: pointer;
display: block
}
.overlay.header-fixed .logo-cntnr .logo:before {
content: url(NedbankIcon.3cee39915afd52c3.svg);
width: 100%;
height: 100%;
display: block
}
.overlay.alternate-header {
padding: 0
}
.overlay.alternate {
padding-bottom: 0
}
}
@media (max-width: 769px) {
.overlay .container .btn-cntnr button {
color: #666;
font-weight: 400;
border: none;
padding: 0 10px 0 0;
margin: 0;
font-family: inherit;
font-size: 16px
}
.overlay .container .btn-cntnr button.alternate-button {
color: #009639;
border: 2px solid #009639;
font-family: MarkProBold, MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 700;
background-color: #fff;
border-radius: .25rem;
min-width: 123px;
padding: 10px 20px
}
.overlay .close-btn {
right: 14px;
top: 4px
}
.overlay .logo-cntnr.col-xs-5-1 {
width: 34%;
float: left
}
}
@media (min-width: 1920px) {
.overlay .container {
max-width: 100% !important
}
.overlay .logo-cntnr.col-xs-5-1 {
width: 45%;
float: left
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.overlay .logo-cntnr.col-xs-5-1 {
width: 40%;
float: left
}
}
/* #endregion */
/* #region #38 */
.clearfix[_ngcontent-efh-c343]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c343] html[_ngcontent-efh-c343] .clearfix[_ngcontent-efh-c343] {
height: 1%
}
.clearfix[_ngcontent-efh-c343] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c343] {
margin-left: 60px
}
.typeahead-container[_ngcontent-efh-c343] .ng-select.no-result ng-dropdown-panel {
visibility: hidden
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .search-icon {
display: inline-block;
position: relative;
width: 32px;
height: 32px;
margin-right: 8px
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .search-icon div {
position: absolute;
top: 8px;
width: 22px;
height: 22px;
position: relative;
opacity: .5
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .search-icon div:before {
content: url(Search-recipients.08d8bc8b5bf23d4a.svg);
width: 100%;
height: 100%;
display: block
}
.typeahead-container[_ngcontent-efh-c343] .ng-select.ng-readonly .ng-dropdown-panel,
.typeahead-container[_ngcontent-efh-c343] .ng-select.ng-minValue .ng-dropdown-panel {
display: none
}
.typeahead-container[_ngcontent-efh-c343] .ng-select.hide-cross .ng-clear-wrapper {
display: none
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-select-container {
border-radius: unset;
min-height: 55px;
border: none
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-select-container .ng-arrow-wrapper {
display: none
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-select-container .ng-value-container {
padding-left: 12px;
margin-top: 8px
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-select-container .ng-value-container .ng-input {
padding: 0
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-select-container .ng-value-container .ng-value {
visibility: hidden
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-select-container .ng-value-container .ng-input>input {
box-sizing: border-box;
border: 2px solid #BBB;
width: 100%;
padding: 0 10px
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-select-container .ng-clear-wrapper {
width: 30px
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-select-container .ng-clear-wrapper .ng-clear {
font-size: 35px
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-dropdown-panel {
border: 2px solid #009639;
border-top: none
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-dropdown-panel .ng-dropdown-panel-items {
font-size: 14px
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
background-color: #bbb;
color: #000;
font-weight: bolder
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
padding: 0
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
background-color: #eee
}
.typeahead-container[_ngcontent-efh-c343] .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .option-template {
min-height: 60px;
padding: 10px 15px
}
.typeahead-container[_ngcontent-efh-c343] .ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
border-color: transparent;
box-shadow: none
}
.typeahead-container[_ngcontent-efh-c343] .z-class[_ngcontent-efh-c343] {
z-index: 1009
}
/* #endregion */
/* #region #39 */
.ng-select {
display: block;
position: relative
}
.ng-select,
.ng-select div,
.ng-select input,
.ng-select span {
box-sizing: border-box
}
.ng-select [hidden] {
display: none
}
.ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input {
opacity: 1
}
.ng-select.ng-select-opened .ng-select-container {
z-index: 1001
}
.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder,
.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: default;
user-select: none
}
.ng-select.ng-select-disabled .ng-arrow-wrapper {
cursor: default
}
.ng-select.ng-select-filtered .ng-placeholder {
display: none
}
.ng-select .ng-select-container {
cursor: default;
display: flex;
outline: none;
overflow: hidden;
position: relative;
width: 100%
}
.ng-select .ng-select-container .ng-value-container {
display: flex;
flex: 1
}
.ng-select .ng-select-container .ng-value-container .ng-input {
opacity: 0
}
.ng-select .ng-select-container .ng-value-container .ng-input>input {
background: none transparent;
border: 0;
box-shadow: none;
box-sizing: content-box;
cursor: default;
outline: none;
padding: 0;
width: 100%
}
.ng-select .ng-select-container .ng-value-container .ng-input>input::-ms-clear {
display: none
}
.ng-select .ng-select-container .ng-value-container .ng-input>input[readonly] {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
padding: 0;
user-select: none;
width: 0
}
.ng-select.ng-select-single.ng-select-filtered .ng-select-container .ng-value-container .ng-value {
visibility: hidden
}
.ng-select.ng-select-single .ng-select-container .ng-value-container,
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-icon {
display: none
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
left: 0;
position: absolute;
width: 100%
}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-icon {
display: none
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
flex-wrap: wrap
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
position: absolute
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
white-space: nowrap
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-icon {
display: none
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
cursor: pointer
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
flex: 1;
z-index: 2
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
z-index: 1
}
.ng-select .ng-clear-wrapper {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
position: relative;
user-select: none;
width: 17px
}
.ng-select .ng-clear-wrapper .ng-clear {
display: inline-block;
font-size: 18px;
line-height: 1;
pointer-events: none
}
.ng-select .ng-spinner-loader {
-webkit-animation: load8 .8s linear infinite;
animation: load8 .8s linear infinite;
border: 2px solid rgba(66, 66, 66, .2);
border-left-color: #424242;
border-radius: 50%;
font-size: 10px;
height: 17px;
margin-right: 5px;
position: relative;
text-indent: -9999em;
transform: translateZ(0);
width: 17px
}
.ng-select .ng-spinner-loader:after {
border-radius: 50%;
height: 17px;
width: 17px
}
@-webkit-keyframes load8 {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
@keyframes load8 {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.ng-select .ng-arrow-wrapper {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
position: relative;
text-align: center;
user-select: none
}
.ng-select .ng-arrow-wrapper .ng-arrow {
display: inline-block;
height: 0;
pointer-events: none;
position: relative;
width: 0
}
.ng-dropdown-panel {
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
opacity: 0;
position: absolute;
width: 100%;
z-index: 1050
}
.ng-dropdown-panel .ng-dropdown-panel-items {
box-sizing: border-box;
display: block;
height: auto;
max-height: 240px;
overflow-y: auto
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
box-sizing: border-box;
cursor: pointer;
display: block
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label:empty:before {
content: "\200b"
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted {
font-weight: 700;
text-decoration: underline
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled {
cursor: default
}
.ng-dropdown-panel .scroll-host {
-webkit-overflow-scrolling: touch;
display: block;
overflow: hidden;
overflow-y: auto;
position: relative
}
.ng-dropdown-panel .scrollable-content {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.ng-dropdown-panel .total-padding {
opacity: 0;
width: 1px
}
/* #endregion */
/* #region #40 */
.clearfix[_ngcontent-efh-c462]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c462] html[_ngcontent-efh-c462] .clearfix[_ngcontent-efh-c462] {
height: 1%
}
.clearfix[_ngcontent-efh-c462] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c462] {
margin-left: 60px
}
.tnc[_ngcontent-efh-c462] {
margin-bottom: 1.875rem;
font-size: .875rem;
margin-top: 2rem
}
.tnc[_ngcontent-efh-c462] .text[_ngcontent-efh-c462] {
margin-bottom: 1.875rem;
letter-spacing: 0;
color: #666;
font-weight: 300;
font-size: 14px;
text-align: center;
line-height: 1.21
}
.tnc[_ngcontent-efh-c462] .tabular-data-col-2[_ngcontent-efh-c462] tr[_ngcontent-efh-c462] {
line-height: 1.5rem
}
.tnc[_ngcontent-efh-c462] .tabular-data-col-2[_ngcontent-efh-c462] tr[_ngcontent-efh-c462] td[_ngcontent-efh-c462] {
color: #333;
padding-bottom: 1.25rem
}
.tnc[_ngcontent-efh-c462] .tabular-data-col-2[_ngcontent-efh-c462] tr[_ngcontent-efh-c462] td[_ngcontent-efh-c462]:nth-child(even) {
padding-left: 0
}
.tnc[_ngcontent-efh-c462] .tabular-data-col-2[_ngcontent-efh-c462] tr[_ngcontent-efh-c462] td[_ngcontent-efh-c462]:last-child {
word-break: normal
}
.tnc[_ngcontent-efh-c462] .btn-link[_ngcontent-efh-c462] {
color: #009639
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
position: relative;
margin: 3% auto;
width: 65%;
align-content: center
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .main-section[_ngcontent-efh-c462] .block-text[_ngcontent-efh-c462] {
display: block;
margin-bottom: 10px;
color: #666
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .header-text[_ngcontent-efh-c462] {
display: flex;
flex-direction: row;
justify-content: space-between
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .terms-and-conditions[_ngcontent-efh-c462] {
display: flex;
flex-direction: column;
justify-content: center;
height: 35px;
width: 771px;
color: #333;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1.75rem;
font-weight: 500;
line-height: 35px
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .the-foreign-exchange[_ngcontent-efh-c462] {
height: 35px;
width: 522px;
color: #333;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 500;
line-height: 35px
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .last-updated[_ngcontent-efh-c462] {
color: #333;
font-size: 16px;
line-height: 1.25rem;
overflow-y: auto
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .line[_ngcontent-efh-c462] {
color: #a9a9a9;
border-color: #a9a9a9
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .header[_ngcontent-efh-c462] {
margin-top: 2.5rem;
text-align: left;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
color: #333
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .header[_ngcontent-efh-c462] .head-message[_ngcontent-efh-c462] {
margin-bottom: 7px
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .header[_ngcontent-efh-c462] .block-text[_ngcontent-efh-c462] {
display: block
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] section[_ngcontent-efh-c462] {
letter-spacing: 0
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] section[_ngcontent-efh-c462] .list[_ngcontent-efh-c462] {
padding: 15px
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] section[_ngcontent-efh-c462] .list[_ngcontent-efh-c462] .list-item[_ngcontent-efh-c462] {
margin: 0 0 15px 15px
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] section[_ngcontent-efh-c462] .note[_ngcontent-efh-c462] {
margin: 15px 0
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .modal-header[_ngcontent-efh-c462] {
padding-bottom: 10px;
font-size: 30px
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .padding-top-20[_ngcontent-efh-c462] {
padding-top: 1.25rem;
padding-bottom: 15px
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .modal-title[_ngcontent-efh-c462] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #333
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .modal-body[_ngcontent-efh-c462] {
overflow-y: auto;
padding: 1.25rem 1.875rem;
margin-bottom: 100px
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .block-text[_ngcontent-efh-c462] {
display: block;
margin-bottom: 10px;
color: #666
}
.tnc[_ngcontent-efh-c462] .modal-title[_ngcontent-efh-c462] {
color: #333;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 35px
}
.pending-text[_ngcontent-efh-c462] {
font-size: .75rem;
color: #666
}
.shift-loader[_ngcontent-efh-c462] {
margin: 10px auto;
width: 135px
}
.tnc-header[_ngcontent-efh-c462] {
font-size: 16px;
line-height: 24px;
color: #666;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
padding-bottom: 10px
}
.tnc-content[_ngcontent-efh-c462] {
font-size: 14px;
line-height: 21px
}
.download[_ngcontent-efh-c462] {
display: inline-flex;
flex-direction: row;
width: 18%;
position: relative;
float: right;
color: #009639;
cursor: pointer
}
.download[_ngcontent-efh-c462] .icon[_ngcontent-efh-c462],
.download[_ngcontent-efh-c462] .text[_ngcontent-efh-c462] {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
font-size: 16px;
color: #009639
}
.download[_ngcontent-efh-c462] .icon[_ngcontent-efh-c462] {
position: relative;
margin-right: 10%
}
.download[_ngcontent-efh-c462] .icon[_ngcontent-efh-c462]:before {
content: url(download-icon.dc97a28fbdd395c1.svg);
width: 20px;
height: 24px;
display: block
}
.tnc-highlighter[_ngcontent-efh-c462] {
color: #009639;
text-decoration: underline;
cursor: pointer
}
.coming-soon-cntnr[_ngcontent-efh-c462] {
padding: 40px 20px 20px;
color: #333
}
.coming-soon-cntnr[_ngcontent-efh-c462] .heading[_ngcontent-efh-c462] {
font-size: 1.875rem;
line-height: 37.5px;
margin-bottom: 30px;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.coming-soon-cntnr[_ngcontent-efh-c462] .description[_ngcontent-efh-c462] {
padding-bottom: 20px
}
.coming-soon-cntnr[_ngcontent-efh-c462] .description[_ngcontent-efh-c462] p[_ngcontent-efh-c462] {
padding-bottom: 10px
}
.coming-soon-cntnr[_ngcontent-efh-c462] .block-text[_ngcontent-efh-c462] {
color: #009639;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400
}
.coming-soon-cntnr[_ngcontent-efh-c462] .row[_ngcontent-efh-c462] {
display: flex;
-moz-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
.coming-soon-cntnr[_ngcontent-efh-c462] .working-on-something[_ngcontent-efh-c462] {
position: relative
}
.coming-soon-cntnr[_ngcontent-efh-c462] .working-on-something[_ngcontent-efh-c462]:before {
content: url(working-on-something.30434d7385f6ec99.svg);
width: 100%;
height: 100%;
display: block
}
.coming-soon-cntnr[_ngcontent-efh-c462] .content-text[_ngcontent-efh-c462] {
margin-top: 30px
}
.coming-soon-cntnr[_ngcontent-efh-c462] .content-img[_ngcontent-efh-c462] {
width: 150px;
height: 150px
}
@media (max-width: 767px) {
.tnc-section[_ngcontent-efh-c462] {
margin-left: 20px;
border-top: none;
padding-top: 0;
margin-right: 20px;
margin-bottom: 30px
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .header-text[_ngcontent-efh-c462] {
display: flex;
position: relative;
flex-direction: column
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .header-text[_ngcontent-efh-c462] .terms-and-conditions[_ngcontent-efh-c462] {
display: block;
position: relative;
width: auto;
height: auto
}
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] .line[_ngcontent-efh-c462] {
position: relative
}
}
@media (max-width: 1024px) {
.tnc[_ngcontent-efh-c462] .terms-container[_ngcontent-efh-c462] {
position: relative;
width: 100%;
margin: 2% auto
}
}
@media (min-width: 768px) {
.pending-text[_ngcontent-efh-c462] {
font-size: .85rem;
color: #666
}
.tnc-section[_ngcontent-efh-c462] {
margin-left: 90px;
border-top: 1px solid #EEE;
padding-top: 30px;
margin-right: 90px;
margin-bottom: 60px
}
[_nghost-efh-c462] .icon-width {
margin-top: 10px
}
}
@media (min-width: 1024px) {
.pending-text[_ngcontent-efh-c462] {
font-size: .95rem;
color: #666
}
}
@media (min-width: 1440px) {
.pending-text[_ngcontent-efh-c462] {
font-size: 1.05rem;
color: #666
}
}
@media (min-width: 1025px) {
.tnc-content[_ngcontent-efh-c462] {
width: 60%
}
.coming-soon-cntnr[_ngcontent-efh-c462] {
padding: 10% 0
}
.coming-soon-cntnr[_ngcontent-efh-c462] .heading[_ngcontent-efh-c462] {
font-size: 60px;
line-height: 75px
}
.coming-soon-cntnr[_ngcontent-efh-c462] .content-text[_ngcontent-efh-c462] {
width: 50%
}
.coming-soon-cntnr[_ngcontent-efh-c462] .row[_ngcontent-efh-c462] {
display: flex;
-moz-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
-o-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: space-around;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center
}
.coming-soon-cntnr[_ngcontent-efh-c462] .content-img[_ngcontent-efh-c462] {
padding: 0;
width: 400px;
height: 350px
}
}
.pending-content[_ngcontent-efh-c462] {
margin-top: 10px
}
.pending-number[_ngcontent-efh-c462] {
width: 20px;
margin-right: 20px;
display: inline-block;
padding: 3px;
font-size: 12px;
color: #fff;
border-radius: 50%;
background-color: #78be20;
height: 20px
}
/* #endregion */
/* #region #41 */
.clearfix[_ngcontent-efh-c457]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c457] html[_ngcontent-efh-c457] .clearfix[_ngcontent-efh-c457] {
height: 1%
}
.clearfix[_ngcontent-efh-c457] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c457] {
margin-left: 60px
}
.options-landing-page[_ngcontent-efh-c457] {
text-align: left;
margin-top: 60px;
padding-bottom: 30px
}
.options-landing-page[_ngcontent-efh-c457] .main-title[_ngcontent-efh-c457] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
text-align: left;
max-width: 665px;
line-height: 1.25;
color: #333;
font-size: 26px;
padding-left: 14px;
margin-bottom: 33px;
font-weight: 500;
font-style: normal;
font-stretch: normal
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] {
display: inline-block;
min-height: 450px;
width: 100%
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] {
list-style-type: none;
display: flex;
flex-direction: column;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
align-items: stretch
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
width: 100%
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] {
padding: 21px 10px 10px;
display: flex;
cursor: pointer
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .icon-block[_ngcontent-efh-c457] {
margin-bottom: 12px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .icon-block[_ngcontent-efh-c457] .icon[_ngcontent-efh-c457] {
display: inline-block;
overflow: hidden
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .section-title-secondary[_ngcontent-efh-c457] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
margin-bottom: 10px;
font-size: 18px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
color: #333
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .descrp[_ngcontent-efh-c457] {
font-size: 14px;
color: #666
}
@media (min-width: 768px) {
.options-landing-page[_ngcontent-efh-c457] {
margin-left: 90px
}
.options-landing-page[_ngcontent-efh-c457] .main-title[_ngcontent-efh-c457] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 30px;
padding-left: unset;
margin-bottom: 60px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] {
min-height: none;
max-width: none
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] {
flex-direction: row;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 3px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] {
width: 250px;
height: 247px;
border-radius: 4px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] {
padding: 22px 20px;
height: 100%;
border: 2px solid transparent
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .icon-block[_ngcontent-efh-c457] {
margin-bottom: 10px;
min-height: 70px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .icon-block[_ngcontent-efh-c457] .icon[_ngcontent-efh-c457] {
transition: transform .2s ease-in
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .section-title-secondary[_ngcontent-efh-c457] {
margin-bottom: 10px;
font-size: 18px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .descrp[_ngcontent-efh-c457] {
font-size: 1rem
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457]:hover {
background-color: #f9f9f9
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457]:hover .icon-block[_ngcontent-efh-c457] .icon[_ngcontent-efh-c457] {
transform: scale(1.1)
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457]:hover .icon-width[_ngcontent-efh-c457] .link-icon[_ngcontent-efh-c457] {
transform: translate(5px)
}
}
@media (min-width: 1024px) {
.options-landing-page[_ngcontent-efh-c457] {
margin-left: 90px
}
.options-landing-page[_ngcontent-efh-c457] .main-title[_ngcontent-efh-c457] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 40px;
padding-left: unset;
margin-bottom: 60px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] {
min-height: none
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] {
-o-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
margin-left: 3px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] {
width: 285px;
height: 247px;
border-radius: 4px;
margin-right: 15px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] {
padding: 22px 20px;
height: 100%
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .icon-block[_ngcontent-efh-c457] {
min-height: 70px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .icon-block[_ngcontent-efh-c457] .icon[_ngcontent-efh-c457] {
transition: transform .2s ease-in
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .section-title-secondary[_ngcontent-efh-c457] {
margin-bottom: 10px;
font-size: 20px
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457] .option[_ngcontent-efh-c457] .descrp[_ngcontent-efh-c457] {
font-size: 1rem
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457]:hover {
background-color: #f9f9f9
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457]:hover .icon-block[_ngcontent-efh-c457] .icon[_ngcontent-efh-c457] {
transform: scale(1.1)
}
.options-landing-page[_ngcontent-efh-c457] .options[_ngcontent-efh-c457] .options-list[_ngcontent-efh-c457] li[_ngcontent-efh-c457]:hover .icon-width[_ngcontent-efh-c457] .link-icon[_ngcontent-efh-c457] {
transform: translate(5px)
}
}
.pay-icon[_ngcontent-efh-c457] {
position: relative
}
.pay-icon[_ngcontent-efh-c457]:before {
content: url(illustration-single-pay.58f4800919c48ed6.svg);
width: 100%;
height: 100%;
display: block
}
.shap-id[_ngcontent-efh-c457] {
position: relative
}
.shap-id[_ngcontent-efh-c457]:before {
content: url(cards_illustration_payshap.e16f4735ac729100.svg);
width: 100%;
height: 100%;
display: block
}
.report-house[_ngcontent-efh-c457] {
position: relative
}
.report-house[_ngcontent-efh-c457]:before {
content: url(report-house.ef73e784b50baa5c.svg);
width: 100%;
height: 100%;
display: block
}
.funeral-category[_ngcontent-efh-c457] {
position: relative
}
.funeral-category[_ngcontent-efh-c457]:before {
content: url(funeral-category.31bcbfdfea8bf07a.svg);
width: 40px;
height: 40px;
display: block
}
.life-category[_ngcontent-efh-c457] {
position: relative
}
.life-category[_ngcontent-efh-c457]:before {
content: url(life-category.2db1e2407a0b51bc.svg);
width: 40px;
height: 40px;
display: block
}
.vehicle-home-valuables-category[_ngcontent-efh-c457] {
position: relative
}
.vehicle-home-valuables-category[_ngcontent-efh-c457]:before {
content: url(vehicle-home-valuables-category.76a7a80a58d7292c.svg);
width: 40px;
height: 40px;
display: block
}
.funeral-individual-R10K[_ngcontent-efh-c457],
.i10k-education0[_ngcontent-efh-c457] {
position: relative
}
.funeral-individual-R10K[_ngcontent-efh-c457]:before,
.i10k-education0[_ngcontent-efh-c457]:before {
content: url(funeral-individual-R10K.247bdb3b15130cbb.svg);
width: 100%;
height: 100%;
display: block
}
.funeral-individual-R30K[_ngcontent-efh-c457],
.i30k-education0[_ngcontent-efh-c457] {
position: relative
}
.funeral-individual-R30K[_ngcontent-efh-c457]:before,
.i30k-education0[_ngcontent-efh-c457]:before {
content: url(funeral-individual-R30K.a079ef41f610389c.svg);
width: 100%;
height: 100%;
display: block
}
.funeral-family-cover[_ngcontent-efh-c457],
.fc-education1[_ngcontent-efh-c457] {
position: relative
}
.funeral-family-cover[_ngcontent-efh-c457]:before,
.fc-education1[_ngcontent-efh-c457]:before {
content: url(funeral-family-cover.5abd03b42a3163f1.svg);
width: 100%;
height: 100%;
display: block
}
.my-cover-health[_ngcontent-efh-c457] {
position: relative
}
.my-cover-health[_ngcontent-efh-c457]:before {
content: url(my-cover-health.802e12d0b357ec74.svg);
width: 100%;
height: 100%;
display: block
}
.vehicle-value-added-product[_ngcontent-efh-c457] {
position: relative
}
.vehicle-value-added-product[_ngcontent-efh-c457]:before {
content: url(vehicle-value-added-product.12143c1f8e000a2f.svg);
width: 100%;
height: 100%;
display: block
}
.Funeral[_ngcontent-efh-c457] {
position: relative
}
.Funeral[_ngcontent-efh-c457]:before {
content: url(Funeral.75774e1301b752ad.svg);
width: 100%;
height: 100%;
display: block
}
.home-insurance[_ngcontent-efh-c457] {
position: relative
}
.home-insurance[_ngcontent-efh-c457]:before {
content: url(home-insurance-enable.74276ab821adf05d.svg);
width: 100%;
height: 100%;
display: block
}
.building[_ngcontent-efh-c457],
.mc-education0[_ngcontent-efh-c457] {
position: relative
}
.building[_ngcontent-efh-c457]:before,
.mc-education0[_ngcontent-efh-c457]:before {
content: url(building.c0b67c1010fcf2d9.svg);
width: 100%;
height: 100%;
display: block
}
.personal-accident[_ngcontent-efh-c457] {
position: relative
}
.personal-accident[_ngcontent-efh-c457]:before {
content: url(personal_accident.4bde24ce3cab07e5.svg);
width: 100%;
height: 100%;
display: block
}
.my-cover[_ngcontent-efh-c457] {
position: relative;
margin: 0 0 0 20px
}
.my-cover[_ngcontent-efh-c457]:before {
content: url(my-cover.78faeefb58df836d.svg);
width: 100%;
height: 100%;
display: block
}
.my-cover-life[_ngcontent-efh-c457] {
position: relative;
margin: 0 0 0 20px
}
.my-cover-life[_ngcontent-efh-c457]:before {
content: url(my-cover-life.23c275666d9395dc.svg);
width: 100%;
height: 100%;
display: block
}
.hocClaim0[_ngcontent-efh-c457] {
position: relative
}
.hocClaim0[_ngcontent-efh-c457]:before {
content: url(home-insurance-claim.3ae62e4916c3f27a.svg);
width: 100%;
height: 100%;
display: block
}
.Funeral0[_ngcontent-efh-c457] {
position: relative
}
.Funeral0[_ngcontent-efh-c457]:before {
content: url(Funeral0.1f431ca86f41e0ec.svg);
width: 100%;
height: 100%;
display: block
}
.mcl-education0[_ngcontent-efh-c457] {
position: relative
}
.mcl-education0[_ngcontent-efh-c457]:before {
content: url(my-cover-life.23c275666d9395dc.svg);
width: 100%;
height: 100%;
display: block
}
.mc-education0[_ngcontent-efh-c457] {
position: relative
}
.mc-education0[_ngcontent-efh-c457]:before {
content: url(my-cover-education.24babcd037a6a69c.svg);
width: 100%;
height: 100%;
display: block
}
.Funeral1[_ngcontent-efh-c457],
.hocClaim1[_ngcontent-efh-c457],
.pa-education1[_ngcontent-efh-c457],
.mcl-education1[_ngcontent-efh-c457],
.mc-education1[_ngcontent-efh-c457],
.i10k-education1[_ngcontent-efh-c457],
.i30k-education1[_ngcontent-efh-c457],
.fc-education0[_ngcontent-efh-c457] {
position: relative
}
.Funeral1[_ngcontent-efh-c457]:before,
.hocClaim1[_ngcontent-efh-c457]:before,
.pa-education1[_ngcontent-efh-c457]:before,
.mcl-education1[_ngcontent-efh-c457]:before,
.mc-education1[_ngcontent-efh-c457]:before,
.i10k-education1[_ngcontent-efh-c457]:before,
.i30k-education1[_ngcontent-efh-c457]:before,
.fc-education0[_ngcontent-efh-c457]:before {
content: url(Funeral1.29df8662db65e480.svg);
width: 100%;
height: 100%;
display: block
}
.Funeral2[_ngcontent-efh-c457],
.pa-education2[_ngcontent-efh-c457],
.mcl-education2[_ngcontent-efh-c457],
.mc-education2[_ngcontent-efh-c457],
.i10k-education2[_ngcontent-efh-c457],
.i30k-education2[_ngcontent-efh-c457],
.fc-education2[_ngcontent-efh-c457] {
position: relative
}
.Funeral2[_ngcontent-efh-c457]:before,
.pa-education2[_ngcontent-efh-c457]:before,
.mcl-education2[_ngcontent-efh-c457]:before,
.mc-education2[_ngcontent-efh-c457]:before,
.i10k-education2[_ngcontent-efh-c457]:before,
.i30k-education2[_ngcontent-efh-c457]:before,
.fc-education2[_ngcontent-efh-c457]:before {
content: url(Funeral2.adeb77280479f02b.svg);
width: 100%;
height: 100%;
display: block
}
.pl-motor-education0[_ngcontent-efh-c457] {
position: relative
}
.pl-motor-education0[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 100%;
height: 100%;
display: block
}
.pl-motor-education1[_ngcontent-efh-c457] {
position: relative
}
.pl-motor-education1[_ngcontent-efh-c457]:before {
content: url(pl-motor-moving.f143bdd01198a558.svg);
width: 100%;
height: 100%;
display: block
}
.pl-motor-education2[_ngcontent-efh-c457] {
position: relative
}
.pl-motor-education2[_ngcontent-efh-c457]:before {
content: url(pl-motor-cooling.3d61bee2b8221b23.svg);
width: 100%;
height: 100%;
display: block
}
.hhc-education0[_ngcontent-efh-c457] {
position: relative
}
.hhc-education0[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 100%;
height: 100%;
display: block
}
.hhc-education1[_ngcontent-efh-c457] {
position: relative
}
.hhc-education1[_ngcontent-efh-c457]:before {
content: url(hhc.d5a5b61d22140fec.svg);
width: 100%;
height: 100%;
display: block
}
.hhc-education2[_ngcontent-efh-c457] {
position: relative
}
.hhc-education2[_ngcontent-efh-c457]:before {
content: url(pl-motor-cooling.3d61bee2b8221b23.svg);
width: 100%;
height: 100%;
display: block
}
.vvaps-education0[_ngcontent-efh-c457] {
position: relative
}
.vvaps-education0[_ngcontent-efh-c457]:before {
content: url(vvaps-cover.937859606553015c.svg);
width: 100%;
height: 100%;
display: block
}
.vvaps-education1[_ngcontent-efh-c457] {
position: relative
}
.vvaps-education1[_ngcontent-efh-c457]:before {
content: url(vvaps-offering.978b3f5aa32caa03.svg);
width: 100%;
height: 100%;
display: block
}
.vvaps-education2[_ngcontent-efh-c457] {
position: relative
}
.vvaps-education2[_ngcontent-efh-c457]:before {
content: url(pl-motor-cooling.3d61bee2b8221b23.svg);
width: 100%;
height: 100%;
display: block
}
.vvaps-child-education0[_ngcontent-efh-c457] {
position: relative
}
.vvaps-child-education0[_ngcontent-efh-c457]:before {
content: url(vehicle-value-added-product.12143c1f8e000a2f.svg);
width: 100%;
height: 100%;
display: block
}
.vvaps-child-education1[_ngcontent-efh-c457] {
position: relative
}
.vvaps-child-education1[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 100%;
height: 100%;
display: block
}
.vvaps-csf-claim-education0[_ngcontent-efh-c457] {
position: relative
}
.vvaps-csf-claim-education0[_ngcontent-efh-c457]:before {
content: url(csf-claim-education0.41211742a5cd69d2.svg);
width: 100%;
height: 100%;
display: block
}
.vvaps-csf-claim-education1[_ngcontent-efh-c457] {
position: relative
}
.vvaps-csf-claim-education1[_ngcontent-efh-c457]:before {
content: url(csf-claim-education1.567badc65187cc03.svg);
width: 100%;
height: 100%;
display: block
}
.home-insurance-education1[_ngcontent-efh-c457] {
position: relative
}
.home-insurance-education1[_ngcontent-efh-c457]:before {
content: url(home-insurance-edu.0a615a47161b5edc.svg);
width: 100%;
height: 100%;
display: block
}
.home-insurance-education2[_ngcontent-efh-c457] {
position: relative
}
.home-insurance-education2[_ngcontent-efh-c457]:before {
content: url(Funeral1.29df8662db65e480.svg);
width: 100%;
height: 100%;
display: block
}
.home-insurance-education3[_ngcontent-efh-c457] {
position: relative
}
.home-insurance-education3[_ngcontent-efh-c457]:before {
content: url(Funeral2.adeb77280479f02b.svg);
width: 100%;
height: 100%;
display: block
}
.multipay-icon[_ngcontent-efh-c457] {
position: relative
}
.multipay-icon[_ngcontent-efh-c457]:before {
content: url(illustration-multi-pay.877477b934a6be17.svg);
width: 100%;
height: 100%;
display: block
}
.bill-payments-icon[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-icon[_ngcontent-efh-c457]:before {
content: url(bill-payments.a7f04fadfd3766e1.svg);
width: 100%;
height: 100%;
display: block
}
.once-off-bill-payments-icon[_ngcontent-efh-c457] {
position: relative
}
.once-off-bill-payments-icon[_ngcontent-efh-c457]:before {
content: url(once-off-bill-payments.306584cc6645748b.svg);
width: 100%;
height: 100%;
display: block
}
.scheduled-bill-payments-icon[_ngcontent-efh-c457] {
position: relative
}
.scheduled-bill-payments-icon[_ngcontent-efh-c457]:before {
content: url(scheduled-bill-payments.1d0b762485b39dd2.svg);
width: 100%;
height: 100%;
display: block
}
.scheduled-bill-reminder-icon[_ngcontent-efh-c457] {
position: relative
}
.scheduled-bill-reminder-icon[_ngcontent-efh-c457]:before {
content: url(scheduled-bill-reminder.78431dd09758bfbd.svg);
width: 100%;
height: 100%;
display: block
}
.govtpay-icon[_ngcontent-efh-c457] {
position: relative
}
.govtpay-icon[_ngcontent-efh-c457]:before {
content: url(illustration-govpay.fec0621e2cf11404.svg);
width: 100%;
height: 100%;
display: block
}
.lotto-icon[_ngcontent-efh-c457] {
position: relative
}
.lotto-icon[_ngcontent-efh-c457]:before {
content: url(image-lotto-mobi.1f81195a5d698d7a.svg);
width: 100%;
height: 100%;
display: block
}
.prepaid-icon[_ngcontent-efh-c457] {
position: relative
}
.prepaid-icon[_ngcontent-efh-c457]:before {
content: url(prepaid-mobi.d05dc576d8a815e8.svg);
width: 100%;
height: 100%;
display: block
}
.electricity-icon[_ngcontent-efh-c457] {
position: relative
}
.electricity-icon[_ngcontent-efh-c457]:before {
content: url(electricity-mobi.b47f86de9fbd3fd7.svg);
width: 100%;
height: 100%;
display: block
}
.recipients-icon[_ngcontent-efh-c457] {
position: relative
}
.recipients-icon[_ngcontent-efh-c457]:before {
content: url(Personal_Dashboard.af345e43bfe7f936.svg);
width: 100%;
height: 100%;
display: block
}
.int-recipient-icon[_ngcontent-efh-c457] {
position: relative
}
.int-recipient-icon[_ngcontent-efh-c457]:before {
content: url(int-recipient-icon.c34c23c53d2f04ad.svg);
width: 100%;
height: 100%;
display: block
}
.wu-recipient-icon[_ngcontent-efh-c457] {
position: relative
}
.wu-recipient-icon[_ngcontent-efh-c457]:before {
content: url(wu-recipient-icon.013f2e50a9275cc0.svg);
width: 100%;
height: 100%;
display: block
}
.ecobank-recipient-icon[_ngcontent-efh-c457] {
position: relative
}
.ecobank-recipient-icon[_ngcontent-efh-c457]:before {
content: url(ecobank-recipient-icon.ad25be6878838536.svg);
width: 100%;
height: 100%;
display: block
}
.individual-green[_ngcontent-efh-c457] {
position: relative
}
.individual-green[_ngcontent-efh-c457]:before {
content: url(individual-green.f647ca3622e409e9.svg);
width: 100%;
height: 100%;
display: block
}
.business-green[_ngcontent-efh-c457] {
position: relative
}
.business-green[_ngcontent-efh-c457]:before {
content: url(business-green.bcf7689e659ded1f.svg);
width: 100%;
height: 100%;
display: block
}
.pay-myself-icon[_ngcontent-efh-c457] {
position: relative
}
.pay-myself-icon[_ngcontent-efh-c457]:before {
content: url(pay-myself-green.3efb91279b5f5e0c.svg);
width: 40px;
height: 40px;
display: block
}
.groups-icon[_ngcontent-efh-c457] {
position: relative
}
.groups-icon[_ngcontent-efh-c457]:before {
content: url(persons-group.97347b94f7ab412f.svg);
width: 48px;
height: 100%;
display: block
}
.groups-pay-icon[_ngcontent-efh-c457] {
position: relative
}
.groups-pay-icon[_ngcontent-efh-c457]:before {
content: url(group-payments.5d7267785745605a.svg);
width: 48px;
height: 100%;
display: block
}
.groups-pay-icon.disabled[_ngcontent-efh-c457] {
position: relative
}
.groups-pay-icon.disabled[_ngcontent-efh-c457]:before {
content: url(group-payments-disabled.fb86974f92096bbc.svg);
width: 48px;
height: 100%;
display: block
}
.account-settings[_ngcontent-efh-c457] {
position: relative
}
.account-settings[_ngcontent-efh-c457]:before {
content: url(account-settings-mobi.a271e1c8a766d9a1.svg);
width: 100%;
height: 100%;
display: block
}
.security-setting[_ngcontent-efh-c457] {
position: relative
}
.security-setting[_ngcontent-efh-c457]:before {
content: url(security-setting-mobile.95d699ffc2da23b1.svg);
width: 100%;
height: 100%;
display: block
}
.third-party-app[_ngcontent-efh-c457] {
position: relative
}
.third-party-app[_ngcontent-efh-c457]:before {
content: url(third-party-app-mobile.b1ca1c0f07297d1d.svg);
width: 100%;
height: 100%;
display: block
}
.device-settings[_ngcontent-efh-c457] {
position: relative
}
.device-settings[_ngcontent-efh-c457]:before {
content: url(cellphone.43a0d714e6c711e2.svg);
width: 100%;
height: 100%;
display: block
}
.profile-settings[_ngcontent-efh-c457] {
position: relative
}
.profile-settings[_ngcontent-efh-c457]:before {
content: url(profile-settings-mobi.ea911ef86f2edfe5.svg);
width: 100%;
height: 100%;
display: block
}
.profile-security[_ngcontent-efh-c457] {
position: relative
}
.profile-security[_ngcontent-efh-c457]:before {
content: url(profile-security.c7dadc31a7208313.svg);
width: 100%;
height: 100%;
display: block
}
.accessibility-setting[_ngcontent-efh-c457] {
position: relative
}
.accessibility-setting[_ngcontent-efh-c457]:before {
content: url(accessibility-setting.aeda6f80e4a5ec00.svg);
width: 40px;
height: 40px;
display: block
}
.communication-preference[_ngcontent-efh-c457] {
position: relative
}
.communication-preference[_ngcontent-efh-c457]:before {
content: url(communication-Preferences.4b2f2f51f1828ec0.svg);
width: 40px;
height: 40px;
display: block
}
.preference-setting[_ngcontent-efh-c457] {
position: relative
}
.preference-setting[_ngcontent-efh-c457]:before {
content: url(preferenceSetting.ef92d74656b17939.svg);
width: 40px;
height: 40px;
display: block
}
.international-payments[_ngcontent-efh-c457] {
position: relative
}
.international-payments[_ngcontent-efh-c457]:before {
content: url(international-payments.51eff0ee3e4a6d26.svg);
width: 100%;
height: 100%;
display: block
}
.receive-payment[_ngcontent-efh-c457] {
position: relative
}
.receive-payment[_ngcontent-efh-c457]:before {
content: url(receive-payment.8e11ac37994d289e.svg);
width: 100%;
height: 100%;
display: block
}
.make-payment[_ngcontent-efh-c457] {
position: relative
}
.make-payment[_ngcontent-efh-c457]:before {
content: url(make-payment.eb7135585d3e83ea.svg);
width: 100%;
height: 100%;
display: block
}
.send-payment[_ngcontent-efh-c457] {
position: relative
}
.send-payment[_ngcontent-efh-c457]:before {
content: url(send-payment.4f1ae9011952c92c.svg);
width: 100%;
height: 100%;
display: block
}
.make-quickpay[_ngcontent-efh-c457] {
position: relative
}
.make-quickpay[_ngcontent-efh-c457]:before {
content: url(make-quickpay.2f8c19677c4311c8.svg);
width: 100%;
height: 100%;
display: block
}
.international-pay-history[_ngcontent-efh-c457] {
position: relative
}
.international-pay-history[_ngcontent-efh-c457]:before {
content: url(int-pay-history.3bb541bab28d5258.svg);
width: 100%;
height: 100%;
display: block
}
.link-accounts[_ngcontent-efh-c457] {
position: relative
}
.link-accounts[_ngcontent-efh-c457]:before {
content: url(link-accounts-mobi.795d3b0ef44a8fef.svg);
width: 100%;
height: 100%;
display: block
}
.default-accounts[_ngcontent-efh-c457] {
position: relative
}
.default-accounts[_ngcontent-efh-c457]:before {
content: url(default-accounts-mobi.b88fdb75dbdb0424.svg);
width: 100%;
height: 100%;
display: block
}
.show-hide-accounts[_ngcontent-efh-c457] {
position: relative
}
.show-hide-accounts[_ngcontent-efh-c457]:before {
content: url(show-hide-accounts-mobi.05cc02b168fec545.svg);
width: 100%;
height: 100%;
display: block
}
.annual-credit-review[_ngcontent-efh-c457] {
position: relative
}
.annual-credit-review[_ngcontent-efh-c457]:before {
content: url(credit-review-mobi.33d1d9edac6635b0.svg);
width: 100%;
height: 100%;
display: block
}
.profile-details[_ngcontent-efh-c457] {
position: relative
}
.profile-details[_ngcontent-efh-c457]:before {
content: url(profile-details-mobi.9202a45a5c790835.svg);
width: 100%;
height: 100%;
display: block
}
.profile-management[_ngcontent-efh-c457] {
position: relative
}
.profile-management[_ngcontent-efh-c457]:before {
content: url(profile-management-mobi.800bf8873079d6da.svg);
width: 100%;
height: 100%;
display: block
}
.manage-users[_ngcontent-efh-c457] {
position: relative
}
.manage-users[_ngcontent-efh-c457]:before {
content: url(manage-users-mobi.75eb5ff369cb78bc.svg);
width: 100%;
height: 100%;
display: block
}
.profile-limits[_ngcontent-efh-c457] {
position: relative
}
.profile-limits[_ngcontent-efh-c457]:before {
content: url(profile-limits-mobi.d106a094d3243776.svg);
width: 100%;
height: 100%;
display: block
}
.nedbank-id[_ngcontent-efh-c457] {
position: relative
}
.nedbank-id[_ngcontent-efh-c457]:before {
content: url(nedbank-id-mobi.f490b1ab37c41a4a.svg);
width: 100%;
height: 100%;
display: block
}
.fallback-option-image[_ngcontent-efh-c457] {
position: relative
}
.fallback-option-image[_ngcontent-efh-c457]:before {
content: url(fallback-option-image.6eee970252e57f9b.svg);
width: 100%;
height: 100%;
display: block
}
.pa-education0[_ngcontent-efh-c457] {
position: relative
}
.pa-education0[_ngcontent-efh-c457]:before {
content: url(pa-mobile.a835f3b589eddafc.svg);
width: 100%;
height: 100%;
display: block
}
.pa-education1[_ngcontent-efh-c457] {
position: relative
}
.pa-education1[_ngcontent-efh-c457]:before {
content: url(FuneralMobile1.2dd6b01a13204096.svg);
width: 100%;
height: 100%;
display: block
}
.pa-education2[_ngcontent-efh-c457] {
position: relative
}
.pa-education2[_ngcontent-efh-c457]:before {
content: url(FuneralMobile2.7bd32db1a43e0e93.svg);
width: 100%;
height: 100%;
display: block
}
.bill-payments-education1[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-education1[_ngcontent-efh-c457]:before {
content: url(education-icon-mobile-1.6455c4b7da8a6221.svg);
width: 40px;
height: 40px;
display: block
}
.bill-payments-education2[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-education2[_ngcontent-efh-c457]:before {
content: url(education-icon-mobile-2.385d258d9e2fe47d.svg);
width: 40px;
height: 40px;
display: block
}
.bill-payments-education3[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-education3[_ngcontent-efh-c457]:before {
content: url(education-icon-mobile-3.35fa2f40f7ead56f.svg);
width: 40px;
height: 40px;
display: block
}
.bill-payments-easypay[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-easypay[_ngcontent-efh-c457]:before {
content: url(easypay.036b7d286cbd7208.svg);
width: 100%;
height: 100%;
display: block
}
.bill-payments-payat[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-payat[_ngcontent-efh-c457]:before {
content: url([email protected]);
width: 100%;
height: 100%;
display: block
}
.bill-payments-service-provider[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-service-provider[_ngcontent-efh-c457]:before {
content: url(service-provider.5e308ae567ef5305.svg);
width: 100%;
height: 100%;
display: block
}
.exclusive-family-offers-icon[_ngcontent-efh-c457] {
position: relative
}
.exclusive-family-offers-icon[_ngcontent-efh-c457]:before {
content: url(Exclusive-family-offers.cbd0dee90f0d0c4e.svg);
width: 40px;
height: 40px;
display: block
}
.add-children-16-to-26-icon[_ngcontent-efh-c457] {
position: relative
}
.add-children-16-to-26-icon[_ngcontent-efh-c457]:before {
content: url(Add-Children-16-to-26.e9bfd951d5ba80b6.svg);
width: 40px;
height: 40px;
display: block
}
.add-spouse-dashboard-icon[_ngcontent-efh-c457] {
position: relative
}
.add-spouse-dashboard-icon[_ngcontent-efh-c457]:before {
content: url(Add-Spouse-Dashboard.ca70883d0e45bcfe.svg);
width: 40px;
height: 40px;
display: block
}
.add-child-under-dashboard-icon[_ngcontent-efh-c457] {
position: relative
}
.add-child-under-dashboard-icon[_ngcontent-efh-c457]:before {
content: url(add-child-under.a4ddfb0d38a84fd3.svg);
width: 40px;
height: 40px;
display: block
}
.add-parent-over-dashboard-icon[_ngcontent-efh-c457] {
position: relative
}
.add-parent-over-dashboard-icon[_ngcontent-efh-c457]:before {
content: url(add-parent-over-55.0690333a1519c609.svg);
width: 40px;
height: 40px;
display: block
}
.offer-preferences[_ngcontent-efh-c457] {
position: relative
}
.offer-preferences[_ngcontent-efh-c457]:before {
content: url(offer-preferences.3c75ff616ed4c792.svg);
width: 40px;
height: 40px;
display: block
}
.offer-preferences.icon[_ngcontent-efh-c457]:before {
position: relative;
left: -25px;
top: -25px
}
.icon[_ngcontent-efh-c457]:before {
width: 56px;
height: 56px
}
.icon.groups-icon[_ngcontent-efh-c457]:before {
width: 48px
}
.icon.shap-id[_ngcontent-efh-c457]:before {
width: 40px;
height: 40px;
margin-right: 16px
}
.link-icon[_ngcontent-efh-c457] {
position: relative;
display: inline;
position: absolute;
object-fit: contain;
transition: transform .2s ease-in-out
}
.link-icon[_ngcontent-efh-c457]:before {
content: url(icon-tailarrow-right.fabeb0b09e6324c8.svg);
width: 24px;
height: 24px;
display: block
}
.link-icon.disabled[_ngcontent-efh-c457] {
position: relative;
position: absolute
}
.link-icon.disabled[_ngcontent-efh-c457]:before {
content: url(icon-tailarrow-right-disabled.37e69e44610eb77b.svg);
width: 24px;
height: 24px;
display: block
}
.right-arrow-icon[_ngcontent-efh-c457] {
position: relative;
display: inline;
position: absolute
}
.right-arrow-icon[_ngcontent-efh-c457]:before {
content: url(icon-arrow-right.2ad4003c8bb2f996.svg);
width: 100%;
height: 100%;
display: block
}
@media (min-width: 768px) {
.icon.groups-icon[_ngcontent-efh-c457]:before {
width: 70px
}
.icon.shap-id[_ngcontent-efh-c457]:before {
width: 60px;
height: 60px
}
.pay-icon[_ngcontent-efh-c457] {
position: relative
}
.pay-icon[_ngcontent-efh-c457]:before {
content: url(illustration-single-pay.58f4800919c48ed6.svg);
width: 48px;
height: 56px;
display: block
}
.Funeral[_ngcontent-efh-c457] {
position: relative
}
.Funeral[_ngcontent-efh-c457]:before {
content: url(Funeral.75774e1301b752ad.svg);
width: 48px;
height: 56px;
display: block
}
.home-insurance[_ngcontent-efh-c457] {
position: relative
}
.home-insurance[_ngcontent-efh-c457]:before {
content: url(home-insurance-enable.74276ab821adf05d.svg);
width: 48px;
height: 56px;
display: block
}
.hocClaim0[_ngcontent-efh-c457] {
position: relative
}
.hocClaim0[_ngcontent-efh-c457]:before {
content: url(home-insurance-claim.3ae62e4916c3f27a.svg);
width: 100%;
height: 100%;
display: block
}
.Funeral0[_ngcontent-efh-c457] {
position: relative
}
.Funeral0[_ngcontent-efh-c457]:before {
content: url(Funeral0.1f431ca86f41e0ec.svg);
width: 48px;
height: 56px;
display: block
}
.Funeral1[_ngcontent-efh-c457],
.hocClaim1[_ngcontent-efh-c457] {
position: relative
}
.Funeral1[_ngcontent-efh-c457]:before,
.hocClaim1[_ngcontent-efh-c457]:before {
content: url(Funeral1.29df8662db65e480.svg);
width: 48px;
height: 56px;
display: block
}
.Funeral2[_ngcontent-efh-c457] {
position: relative
}
.Funeral2[_ngcontent-efh-c457]:before {
content: url(Funeral2.adeb77280479f02b.svg);
width: 48px;
height: 56px;
display: block
}
.home-insurance-education1[_ngcontent-efh-c457] {
position: relative
}
.home-insurance-education1[_ngcontent-efh-c457]:before {
content: url(home-insurance-edu.0a615a47161b5edc.svg);
width: 60px;
height: 60px;
display: block
}
.home-insurance-education2[_ngcontent-efh-c457] {
position: relative
}
.home-insurance-education2[_ngcontent-efh-c457]:before {
content: url(Funeral1.29df8662db65e480.svg);
width: 48px;
height: 56px;
display: block
}
.home-insurance-education3[_ngcontent-efh-c457] {
position: relative
}
.home-insurance-education3[_ngcontent-efh-c457]:before {
content: url(Funeral2.adeb77280479f02b.svg);
width: 48px;
height: 56px;
display: block
}
.building[_ngcontent-efh-c457] {
position: relative
}
.building[_ngcontent-efh-c457]:before {
content: url(building.c0b67c1010fcf2d9.svg);
width: 60px;
height: 60px;
display: block
}
.motor[_ngcontent-efh-c457] {
position: relative
}
.motor[_ngcontent-efh-c457]:before {
content: url(motor.f1481f8a9a737940.svg);
width: 60px;
height: 60px;
display: block
}
.my-vehicle[_ngcontent-efh-c457] {
position: relative
}
.my-vehicle[_ngcontent-efh-c457]:before {
content: url(my-vehicle.29cb5e9609d71dfd.svg);
width: 60px;
height: 60px;
display: block
}
.hhc[_ngcontent-efh-c457] {
position: relative;
margin-left: 10px
}
.hhc[_ngcontent-efh-c457]:before {
content: url(hhc.d5a5b61d22140fec.svg);
width: 60px;
height: 60px;
display: block
}
.multipay-icon[_ngcontent-efh-c457] {
position: relative
}
.multipay-icon[_ngcontent-efh-c457]:before {
content: url(illustration-multi-pay.877477b934a6be17.svg);
width: 48px;
height: 56px;
display: block
}
.bill-payments-icon[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-icon[_ngcontent-efh-c457]:before {
content: url(bill-payments.a7f04fadfd3766e1.svg);
width: 56px;
height: 56px;
display: block
}
.once-off-bill-payments-icon[_ngcontent-efh-c457] {
position: relative
}
.once-off-bill-payments-icon[_ngcontent-efh-c457]:before {
content: url(once-off-bill-payments.306584cc6645748b.svg);
width: 100%;
height: 100%;
display: block
}
.scheduled-bill-reminder-icon[_ngcontent-efh-c457] {
position: relative
}
.scheduled-bill-reminder-icon[_ngcontent-efh-c457]:before {
content: url(scheduled-bill-reminder.78431dd09758bfbd.svg);
width: 100%;
height: 100%;
display: block
}
.scheduled-bill-payments-icon[_ngcontent-efh-c457] {
position: relative
}
.scheduled-bill-payments-icon[_ngcontent-efh-c457]:before {
content: url(scheduled-bill-payments.1d0b762485b39dd2.svg);
width: 100%;
height: 100%;
display: block
}
.govtpay-icon[_ngcontent-efh-c457] {
position: relative
}
.govtpay-icon[_ngcontent-efh-c457]:before {
content: url(illustration-govpay.fec0621e2cf11404.svg);
width: 48px;
height: 56px;
display: block
}
.lotto-icon[_ngcontent-efh-c457] {
position: relative
}
.lotto-icon[_ngcontent-efh-c457]:before {
content: url(image-lotto-desktop.7198548162191f48.svg);
width: 100%;
height: 100%;
display: block
}
.prepaid-icon[_ngcontent-efh-c457] {
position: relative
}
.prepaid-icon[_ngcontent-efh-c457]:before {
content: url(prepaid-desktop.f1a00e7a9f5f8198.svg);
width: 100%;
height: 100%;
display: block
}
.electricity-icon[_ngcontent-efh-c457] {
position: relative
}
.electricity-icon[_ngcontent-efh-c457]:before {
content: url(electricity-desktop.32faf3dd5d91fe9c.svg);
width: 100%;
height: 100%;
display: block
}
.account-settings[_ngcontent-efh-c457] {
position: relative
}
.account-settings[_ngcontent-efh-c457]:before {
content: url(account-settings.24173542153af52d.svg);
width: 100%;
height: 100%;
display: block
}
.profile-settings[_ngcontent-efh-c457] {
position: relative
}
.profile-settings[_ngcontent-efh-c457]:before {
content: url(profile-settings.7221f41590df6ad8.svg);
width: 100%;
height: 100%;
display: block
}
.profile-security[_ngcontent-efh-c457] {
position: relative
}
.profile-security[_ngcontent-efh-c457]:before {
content: url(authenticator.a5f95142dd987dc1.svg);
width: 100%;
height: 100%;
display: block
}
.security-setting[_ngcontent-efh-c457] {
position: relative
}
.security-setting[_ngcontent-efh-c457]:before {
content: url(security-setting.a7e02d5a06316921.svg);
width: 100%;
height: 100%;
display: block
}
.international-payments[_ngcontent-efh-c457] {
position: relative
}
.international-payments[_ngcontent-efh-c457]:before {
content: url(international-payments.51eff0ee3e4a6d26.svg);
width: 100%;
height: 100%;
display: block
}
.receive-payment[_ngcontent-efh-c457] {
position: relative
}
.receive-payment[_ngcontent-efh-c457]:before {
content: url(receive-payment.8e11ac37994d289e.svg);
width: 100%;
height: 100%;
display: block
}
.accessibility-setting[_ngcontent-efh-c457] {
position: relative
}
.accessibility-setting[_ngcontent-efh-c457]:before {
content: url(accessibility-setting.aeda6f80e4a5ec00.svg);
width: 60px;
height: 60px;
display: block
}
.communication-preference[_ngcontent-efh-c457] {
position: relative
}
.communication-preference[_ngcontent-efh-c457]:before {
content: url(communication-Preferences.4b2f2f51f1828ec0.svg);
width: 60px;
height: 60px;
display: block
}
.preference-setting[_ngcontent-efh-c457] {
position: relative
}
.preference-setting[_ngcontent-efh-c457]:before {
content: url(preferenceSetting.ef92d74656b17939.svg);
width: 60px;
height: 60px;
display: block
}
.link-accounts[_ngcontent-efh-c457] {
position: relative
}
.link-accounts[_ngcontent-efh-c457]:before {
content: url(link-accounts.69413f4775ed5bb6.svg);
width: 100%;
height: 100%;
display: block
}
.default-accounts[_ngcontent-efh-c457] {
position: relative
}
.default-accounts[_ngcontent-efh-c457]:before {
content: url(default-accounts.ffc622dea27bcd91.svg);
width: 100%;
height: 100%;
display: block
}
.show-hide-accounts[_ngcontent-efh-c457] {
position: relative
}
.show-hide-accounts[_ngcontent-efh-c457]:before {
content: url(show-hide-accounts.18378cb2cba17fe6.svg);
width: 100%;
height: 100%;
display: block
}
.annual-credit-review[_ngcontent-efh-c457] {
position: relative
}
.annual-credit-review[_ngcontent-efh-c457]:before {
content: url(annual-credit-review.695e23b646427bcd.svg);
width: 100%;
height: 100%;
display: block
}
.profile-details[_ngcontent-efh-c457] {
position: relative
}
.profile-details[_ngcontent-efh-c457]:before {
content: url(profile-details.7f2c30b18124b0e6.svg);
width: 100%;
height: 100%;
display: block
}
.profile-management[_ngcontent-efh-c457] {
position: relative
}
.profile-management[_ngcontent-efh-c457]:before {
content: url(profile-management.fd9fd020c896d878.svg);
width: 100%;
height: 100%;
display: block
}
.manage-users[_ngcontent-efh-c457] {
position: relative
}
.manage-users[_ngcontent-efh-c457]:before {
content: url(manage-users.c18fe6c97733d077.svg);
width: 100%;
height: 100%;
display: block
}
.profile-limits[_ngcontent-efh-c457] {
position: relative
}
.profile-limits[_ngcontent-efh-c457]:before {
content: url(profile-limits.821cefeebabc59f8.svg);
width: 100%;
height: 100%;
display: block
}
.shap-id[_ngcontent-efh-c457] {
position: relative
}
.shap-id[_ngcontent-efh-c457]:before {
content: url(cards_illustration_payshap.e16f4735ac729100.svg);
width: 100%;
height: 100%;
display: block
}
.nedbank-id[_ngcontent-efh-c457] {
position: relative
}
.nedbank-id[_ngcontent-efh-c457]:before {
content: url(nedbank-id.aeab4fe8b03e6e46.svg);
width: 100%;
height: 100%;
display: block
}
.third-party-app[_ngcontent-efh-c457] {
position: relative
}
.third-party-app[_ngcontent-efh-c457]:before {
content: url(third-party-app.43f79d223ceb6d39.svg);
width: 100%;
height: 100%;
display: block
}
.bill-payments-easypay[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-easypay[_ngcontent-efh-c457]:before {
content: url(easy-pay-mobile.dd65a5212c4b3f43.svg);
width: 100%;
height: 100%;
display: block
}
.bill-payments-payat[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-payat[_ngcontent-efh-c457]:before {
content: url(payat-mobile.d6a6aa6d55bd0286.svg);
width: 100%;
height: 100%;
display: block
}
.offer-preferences[_ngcontent-efh-c457] {
position: relative
}
.offer-preferences[_ngcontent-efh-c457]:before {
content: url(offer-preferences.3c75ff616ed4c792.svg);
width: 60px;
height: 60px;
display: block
}
.offer-preferences.icon[_ngcontent-efh-c457]:before {
position: relative;
left: -20px;
top: -20px
}
}
@media (min-width: 320px) and (max-width: 1023px) {
.funeral-category[_ngcontent-efh-c457] {
margin: 0 0 0 20px;
position: relative
}
.funeral-category[_ngcontent-efh-c457]:before {
content: url(funeral-category.31bcbfdfea8bf07a.svg);
width: 40px;
height: 40px;
display: block
}
.life-category[_ngcontent-efh-c457] {
margin: 0 0 0 20px;
position: relative
}
.life-category[_ngcontent-efh-c457]:before {
content: url(life-category.2db1e2407a0b51bc.svg);
width: 40px;
height: 40px;
display: block
}
.vehicle-home-valuables-category[_ngcontent-efh-c457] {
margin: 0 0 0 20px;
position: relative
}
.vehicle-home-valuables-category[_ngcontent-efh-c457]:before {
content: url(vehicle-home-valuables-category.76a7a80a58d7292c.svg);
width: 40px;
height: 40px;
display: block
}
.funeral-individual-R10K[_ngcontent-efh-c457] {
margin: 0 0 0 20px;
position: relative
}
.funeral-individual-R10K[_ngcontent-efh-c457]:before {
content: url(funeral-individual-R10KMobile.a73a91bbdf57b6ec.svg);
width: 40px;
height: 40px;
display: block
}
.funeral-individual-R30K[_ngcontent-efh-c457] {
margin: 0 0 0 20px;
position: relative
}
.funeral-individual-R30K[_ngcontent-efh-c457]:before {
content: url(funeral-individual-R30KMobile.32db8d4819f8eda2.svg);
width: 40px;
height: 40px;
display: block
}
.i10k-education0[_ngcontent-efh-c457] {
margin: 0;
position: relative
}
.i10k-education0[_ngcontent-efh-c457]:before {
content: url(funeral-individual-R10KMobile.a73a91bbdf57b6ec.svg);
width: 40px;
height: 40px;
display: block
}
.i30k-education0[_ngcontent-efh-c457] {
margin: 0;
position: relative
}
.i30k-education0[_ngcontent-efh-c457]:before {
content: url(funeral-individual-R30KMobile.32db8d4819f8eda2.svg);
width: 40px;
height: 40px;
display: block
}
.fc-education1[_ngcontent-efh-c457] {
margin: 0;
position: relative
}
.fc-education1[_ngcontent-efh-c457]:before {
content: url(funeral-family-coverMobile.e4656ef9012425c5.svg);
width: 40px;
height: 40px;
display: block
}
.funeral-family-cover[_ngcontent-efh-c457] {
margin: 0 0 0 20px;
position: relative
}
.funeral-family-cover[_ngcontent-efh-c457]:before {
content: url(funeral-family-coverMobile.e4656ef9012425c5.svg);
width: 40px;
height: 40px;
display: block
}
.Funeral[_ngcontent-efh-c457] {
margin: 0 0 0 20px;
position: relative
}
.Funeral[_ngcontent-efh-c457]:before {
content: url(FuneralMobile.c1add08998d282f3.svg);
width: 40px;
height: 40px;
display: block
}
.my-cover-health[_ngcontent-efh-c457] {
margin: 0 0 0 20px;
position: relative
}
.my-cover-health[_ngcontent-efh-c457]:before {
content: url(my-cover-healthMobile.16f37b4fedba7f82.svg);
width: 40px;
height: 40px;
display: block
}
.vehicle-value-added-product[_ngcontent-efh-c457] {
margin: 0 0 0 20px;
position: relative
}
.vehicle-value-added-product[_ngcontent-efh-c457]:before {
content: url(vehicle-value-added-product.12143c1f8e000a2f.svg);
width: 40px;
height: 40px;
display: block
}
.home-insurance[_ngcontent-efh-c457] {
position: relative;
margin: 0 0 0 20px
}
.home-insurance[_ngcontent-efh-c457]:before {
content: url(home-insurance-mobile.5c7f471c2356ea2c.svg);
width: 40px;
height: 40px;
display: block
}
.building[_ngcontent-efh-c457] {
position: relative;
margin: 0 0 0 20px
}
.building[_ngcontent-efh-c457]:before {
content: url(building-mobile.b4af25bce1e3a18f.svg);
width: 40px;
height: 40px;
display: block
}
.motor[_ngcontent-efh-c457] {
position: relative;
margin: 0 0 0 20px
}
.motor[_ngcontent-efh-c457]:before {
content: url(motor.f1481f8a9a737940.svg);
width: 40px;
height: 40px;
display: block
}
.my-vehicle[_ngcontent-efh-c457] {
position: relative;
margin: 0 0 0 20px
}
.my-vehicle[_ngcontent-efh-c457]:before {
content: url(my-vehicle.29cb5e9609d71dfd.svg);
width: 40px;
height: 40px;
display: block
}
.hhc[_ngcontent-efh-c457] {
position: relative;
margin: 0 0 0 20px
}
.hhc[_ngcontent-efh-c457]:before {
content: url(hhc.d5a5b61d22140fec.svg);
width: 40px;
height: 40px;
display: block
}
.mc-education0[_ngcontent-efh-c457] {
position: relative
}
.mc-education0[_ngcontent-efh-c457]:before {
content: url(building-mobile.b4af25bce1e3a18f.svg);
width: 40px;
height: 40px;
display: block
}
.personal-accident[_ngcontent-efh-c457] {
position: relative;
margin: 0 0 0 20px
}
.personal-accident[_ngcontent-efh-c457]:before {
content: url(personal_accident_mobile.c7e1e6702951f303.svg);
width: 40px;
height: 40px;
display: block
}
.hocClaim0[_ngcontent-efh-c457] {
position: relative
}
.hocClaim0[_ngcontent-efh-c457]:before {
content: url(home-insurance-claim-mobile.27353b527e31ca2a.svg);
width: 40px;
height: 40px;
display: block
}
.Funeral0[_ngcontent-efh-c457] {
position: relative
}
.Funeral0[_ngcontent-efh-c457]:before {
content: url(FuneralMobile0.6722aba657b3fbd8.svg);
width: 40px;
height: 40px;
display: block
}
.mcl-education0[_ngcontent-efh-c457] {
position: relative
}
.mcl-education0[_ngcontent-efh-c457]:before {
content: url(mcl-education-mobile.748cb1effcb300d6.svg);
width: 40px;
height: 40px;
display: block
}
.Funeral1[_ngcontent-efh-c457],
.hocClaim1[_ngcontent-efh-c457],
.mc-education1[_ngcontent-efh-c457],
.mcl-education1[_ngcontent-efh-c457],
.i10k-education1[_ngcontent-efh-c457],
.i30k-education1[_ngcontent-efh-c457],
.fc-education0[_ngcontent-efh-c457] {
position: relative
}
.Funeral1[_ngcontent-efh-c457]:before,
.hocClaim1[_ngcontent-efh-c457]:before,
.mc-education1[_ngcontent-efh-c457]:before,
.mcl-education1[_ngcontent-efh-c457]:before,
.i10k-education1[_ngcontent-efh-c457]:before,
.i30k-education1[_ngcontent-efh-c457]:before,
.fc-education0[_ngcontent-efh-c457]:before {
content: url(FuneralMobile1.2dd6b01a13204096.svg);
width: 40px;
height: 40px;
display: block
}
.Funeral2[_ngcontent-efh-c457],
.mc-education2[_ngcontent-efh-c457],
.mcl-education2[_ngcontent-efh-c457],
.i10k-education2[_ngcontent-efh-c457],
.i30k-education2[_ngcontent-efh-c457],
.fc-education2[_ngcontent-efh-c457] {
position: relative
}
.Funeral2[_ngcontent-efh-c457]:before,
.mc-education2[_ngcontent-efh-c457]:before,
.mcl-education2[_ngcontent-efh-c457]:before,
.i10k-education2[_ngcontent-efh-c457]:before,
.i30k-education2[_ngcontent-efh-c457]:before,
.fc-education2[_ngcontent-efh-c457]:before {
content: url(FuneralMobile2.7bd32db1a43e0e93.svg);
width: 40px;
height: 40px;
display: block
}
.pl-motor-education0[_ngcontent-efh-c457] {
position: relative
}
.pl-motor-education0[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 40px;
height: 40px;
display: block
}
.pl-motor-education1[_ngcontent-efh-c457] {
position: relative
}
.pl-motor-education1[_ngcontent-efh-c457]:before {
content: url(pl-motor-moving.f143bdd01198a558.svg);
width: 40px;
height: 40px;
display: block
}
.pl-motor-education2[_ngcontent-efh-c457] {
position: relative
}
.pl-motor-education2[_ngcontent-efh-c457]:before {
content: url(pl-motor-cooling.3d61bee2b8221b23.svg);
width: 40px;
height: 40px;
display: block
}
.hhc-education0[_ngcontent-efh-c457] {
position: relative
}
.hhc-education0[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 40px;
height: 40px;
display: block
}
.hhc-education1[_ngcontent-efh-c457] {
position: relative
}
.hhc-education1[_ngcontent-efh-c457]:before {
content: url(hhc.d5a5b61d22140fec.svg);
width: 40px;
height: 40px;
display: block
}
.hhc-education2[_ngcontent-efh-c457] {
position: relative
}
.hhc-education2[_ngcontent-efh-c457]:before {
content: url(pl-motor-cooling.3d61bee2b8221b23.svg);
width: 40px;
height: 40px;
display: block
}
.vvaps-education0[_ngcontent-efh-c457] {
position: relative
}
.vvaps-education0[_ngcontent-efh-c457]:before {
content: url(vvaps-cover.937859606553015c.svg);
width: 40px;
height: 40px;
display: block
}
.vvaps-education1[_ngcontent-efh-c457] {
position: relative
}
.vvaps-education1[_ngcontent-efh-c457]:before {
content: url(vvaps-offering.978b3f5aa32caa03.svg);
width: 40px;
height: 40px;
display: block
}
.vvaps-education2[_ngcontent-efh-c457] {
position: relative
}
.vvaps-education2[_ngcontent-efh-c457]:before {
content: url(pl-motor-cooling.3d61bee2b8221b23.svg);
width: 40px;
height: 40px;
display: block
}
.vvaps-csf-claim-education0[_ngcontent-efh-c457] {
position: relative
}
.vvaps-csf-claim-education0[_ngcontent-efh-c457]:before {
content: url(csf-claim-education0.41211742a5cd69d2.svg);
width: 40px;
height: 40px;
display: block
}
.vvaps-csf-claim-education1[_ngcontent-efh-c457] {
position: relative
}
.vvaps-csf-claim-education1[_ngcontent-efh-c457]:before {
content: url(csf-claim-education1.567badc65187cc03.svg);
width: 40px;
height: 40px;
display: block
}
.vvaps-child-education0[_ngcontent-efh-c457] {
position: relative
}
.vvaps-child-education0[_ngcontent-efh-c457]:before {
content: url(vehicle-value-added-product.12143c1f8e000a2f.svg);
width: 40px;
height: 40px;
display: block
}
.vvaps-child-education1[_ngcontent-efh-c457] {
position: relative
}
.vvaps-child-education1[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 40px;
height: 40px;
display: block
}
.plCombo-education0[_ngcontent-efh-c457] {
position: relative
}
.plCombo-education0[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 40px;
height: 40px;
display: block
}
.plCombo-education1[_ngcontent-efh-c457] {
position: relative
}
.plCombo-education1[_ngcontent-efh-c457]:before {
content: url(pl-combo-my-cover-how-it-works.22df7f360178b757.svg);
width: 40px;
height: 40px;
display: block
}
.plCombo-education2[_ngcontent-efh-c457] {
position: relative
}
.plCombo-education2[_ngcontent-efh-c457]:before {
content: url(pl-motor-cooling.3d61bee2b8221b23.svg);
width: 40px;
height: 40px;
display: block
}
.plCombo-child-education0[_ngcontent-efh-c457],
.plCombo-child-education2[_ngcontent-efh-c457],
.plCombo-child-education4[_ngcontent-efh-c457],
.plCombo-child-education6[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education0[_ngcontent-efh-c457]:before,
.plCombo-child-education2[_ngcontent-efh-c457]:before,
.plCombo-child-education4[_ngcontent-efh-c457]:before,
.plCombo-child-education6[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 40px;
height: 40px;
display: block
}
.plCombo-child-education1[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education1[_ngcontent-efh-c457]:before {
content: url(building.c0b67c1010fcf2d9.svg);
width: 40px;
height: 40px;
display: block
}
.plCombo-child-education3[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education3[_ngcontent-efh-c457]:before {
content: url(pl-motor-moving.f143bdd01198a558.svg);
width: 40px;
height: 40px;
display: block
}
.plCombo-child-education5[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education5[_ngcontent-efh-c457]:before {
content: url(hhc.d5a5b61d22140fec.svg);
width: 40px;
height: 40px;
display: block
}
.plCombo-child-education7[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education7[_ngcontent-efh-c457]:before {
content: url(all-risk.bc2097f231c5a4cd.svg);
width: 40px;
height: 40px;
display: block
}
.home-insurance-education1[_ngcontent-efh-c457] {
position: relative
}
.home-insurance-education1[_ngcontent-efh-c457]:before {
content: url(home-insurance-edu-mobile.88c51ab56b3a8ae3.svg);
width: 40px;
height: 40px;
display: block
}
.home-insurance-education2[_ngcontent-efh-c457] {
position: relative
}
.home-insurance-education2[_ngcontent-efh-c457]:before {
content: url(FuneralMobile1.2dd6b01a13204096.svg);
width: 40px;
height: 40px;
display: block
}
.home-insurance-education3[_ngcontent-efh-c457] {
position: relative
}
.home-insurance-education3[_ngcontent-efh-c457]:before {
content: url(FuneralMobile2.7bd32db1a43e0e93.svg);
width: 40px;
height: 40px;
display: block
}
.my-cover[_ngcontent-efh-c457] {
position: relative
}
.my-cover[_ngcontent-efh-c457]:before {
content: url(my-cover-mobile.c6d69d15a1fe854e.svg);
width: 40px;
height: 40px;
display: block
}
.my-cover-life[_ngcontent-efh-c457] {
position: relative
}
.my-cover-life[_ngcontent-efh-c457]:before {
content: url(my-cover-life.23c275666d9395dc.svg);
width: 40px;
height: 40px;
display: block
}
.bill-payments-easypay[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-easypay[_ngcontent-efh-c457]:before {
content: url(easy-pay-mobile.dd65a5212c4b3f43.svg);
width: 40px;
height: 40px;
display: block
}
.bill-payments-payat[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-payat[_ngcontent-efh-c457]:before {
content: url(payat-mobile.d6a6aa6d55bd0286.svg);
width: 40px;
height: 40px;
display: block
}
}
@media (min-width: 768px) {
.my-cover-life[_ngcontent-efh-c457],
.my-cover[_ngcontent-efh-c457],
.building[_ngcontent-efh-c457],
.my-vehicle[_ngcontent-efh-c457],
.hhc[_ngcontent-efh-c457],
.funeral-category[_ngcontent-efh-c457],
.life-category[_ngcontent-efh-c457],
.vehicle-home-valuables-category[_ngcontent-efh-c457] {
margin: 0
}
}
@media (min-width: 1024px) {
.funeral-category[_ngcontent-efh-c457] {
position: relative
}
.funeral-category[_ngcontent-efh-c457]:before {
content: url(funeral-category.31bcbfdfea8bf07a.svg);
width: 60px;
height: 60px;
display: block
}
.life-category[_ngcontent-efh-c457] {
position: relative
}
.life-category[_ngcontent-efh-c457]:before {
content: url(life-category.2db1e2407a0b51bc.svg);
width: 60px;
height: 60px;
display: block
}
.vehicle-home-valuables-category[_ngcontent-efh-c457] {
position: relative
}
.vehicle-home-valuables-category[_ngcontent-efh-c457]:before {
content: url(vehicle-home-valuables-category.76a7a80a58d7292c.svg);
width: 60px;
height: 60px;
display: block
}
.funeral-individual-R10K[_ngcontent-efh-c457],
.i10k-education0[_ngcontent-efh-c457] {
position: relative;
margin: 0
}
.funeral-individual-R10K[_ngcontent-efh-c457]:before,
.i10k-education0[_ngcontent-efh-c457]:before {
content: url(funeral-individual-R10K.247bdb3b15130cbb.svg);
width: 60px;
height: 60px;
display: block
}
.funeral-individual-R30K[_ngcontent-efh-c457],
.i30k-education0[_ngcontent-efh-c457] {
position: relative;
margin: 0
}
.funeral-individual-R30K[_ngcontent-efh-c457]:before,
.i30k-education0[_ngcontent-efh-c457]:before {
content: url(funeral-individual-R30K.a079ef41f610389c.svg);
width: 60px;
height: 60px;
display: block
}
.funeral-family-cover[_ngcontent-efh-c457],
.fc-education1[_ngcontent-efh-c457] {
position: relative;
margin: 0
}
.funeral-family-cover[_ngcontent-efh-c457]:before,
.fc-education1[_ngcontent-efh-c457]:before {
content: url(funeral-family-cover.5abd03b42a3163f1.svg);
width: 60px;
height: 60px;
display: block
}
.Funeral[_ngcontent-efh-c457] {
position: relative;
margin: 0
}
.Funeral[_ngcontent-efh-c457]:before {
content: url(Funeral.75774e1301b752ad.svg);
width: 60px;
height: 60px;
display: block
}
.personal-accident[_ngcontent-efh-c457] {
margin: 0;
position: relative
}
.personal-accident[_ngcontent-efh-c457]:before {
content: url(personal_accident.4bde24ce3cab07e5.svg);
width: 60px;
height: 60px;
display: block
}
.my-cover-health[_ngcontent-efh-c457] {
margin: 0;
position: relative
}
.my-cover-health[_ngcontent-efh-c457]:before {
content: url(my-cover-health.802e12d0b357ec74.svg);
width: 60px;
height: 60px;
display: block
}
.my-cover-life[_ngcontent-efh-c457] {
position: relative;
margin: 0
}
.my-cover-life[_ngcontent-efh-c457]:before {
content: url(my-cover-life.23c275666d9395dc.svg);
width: 60px;
height: 60px;
display: block
}
.vehicle-value-added-product[_ngcontent-efh-c457] {
margin: 0;
position: relative
}
.vehicle-value-added-product[_ngcontent-efh-c457]:before {
content: url(vehicle-value-added-product.12143c1f8e000a2f.svg);
width: 60px;
height: 60px;
display: block
}
.home-insurance[_ngcontent-efh-c457] {
margin: 0
}
.my-cover[_ngcontent-efh-c457] {
position: relative;
margin: 0
}
.my-cover[_ngcontent-efh-c457]:before {
content: url(my-cover.78faeefb58df836d.svg);
width: 60px;
height: 60px;
display: block
}
.pa-education0[_ngcontent-efh-c457] {
position: relative
}
.pa-education0[_ngcontent-efh-c457]:before {
content: url(pa-icon.30c99145d349ceac.svg);
width: 60px;
height: 60px;
display: block
}
.pa-education1[_ngcontent-efh-c457] {
position: relative
}
.pa-education1[_ngcontent-efh-c457]:before {
content: url(Funeral1.29df8662db65e480.svg);
width: 100%;
height: 100%;
display: block
}
.pa-education2[_ngcontent-efh-c457] {
position: relative
}
.pa-education2[_ngcontent-efh-c457]:before {
content: url(Funeral2.adeb77280479f02b.svg);
width: 100%;
height: 100%;
display: block
}
.vvaps-education0[_ngcontent-efh-c457] {
position: relative
}
.vvaps-education0[_ngcontent-efh-c457]:before {
content: url(vvaps-cover.937859606553015c.svg);
width: 60px;
height: 60px;
display: block
}
.vvaps-education1[_ngcontent-efh-c457] {
position: relative
}
.vvaps-education1[_ngcontent-efh-c457]:before {
content: url(vvaps-offering.978b3f5aa32caa03.svg);
width: 60px;
height: 60px;
display: block
}
.vvaps-education2[_ngcontent-efh-c457] {
position: relative
}
.vvaps-education2[_ngcontent-efh-c457]:before {
content: url(pl-motor-cooling.3d61bee2b8221b23.svg);
width: 60px;
height: 60px;
display: block
}
.vvaps-csf-claim-education0[_ngcontent-efh-c457] {
position: relative
}
.vvaps-csf-claim-education0[_ngcontent-efh-c457]:before {
content: url(csf-claim-education0.41211742a5cd69d2.svg);
width: 60px;
height: 60px;
display: block
}
.vvaps-csf-claim-education1[_ngcontent-efh-c457] {
position: relative
}
.vvaps-csf-claim-education1[_ngcontent-efh-c457]:before {
content: url(csf-claim-education1.567badc65187cc03.svg);
width: 60px;
height: 60px;
display: block
}
.vvaps-child-education0[_ngcontent-efh-c457] {
position: relative
}
.vvaps-child-education0[_ngcontent-efh-c457]:before {
content: url(vehicle-value-added-product.12143c1f8e000a2f.svg);
width: 60px;
height: 60px;
display: block
}
.vvaps-child-education1[_ngcontent-efh-c457] {
position: relative
}
.vvaps-child-education1[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 60px;
height: 60px;
display: block
}
.plCombo-education0[_ngcontent-efh-c457] {
position: relative
}
.plCombo-education0[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 60px;
height: 60px;
display: block
}
.plCombo-education1[_ngcontent-efh-c457] {
position: relative
}
.plCombo-education1[_ngcontent-efh-c457]:before {
content: url(pl-combo-my-cover-how-it-works.22df7f360178b757.svg);
width: 60px;
height: 60px;
display: block
}
.plCombo-education2[_ngcontent-efh-c457] {
position: relative
}
.plCombo-education2[_ngcontent-efh-c457]:before {
content: url(pl-motor-cooling.3d61bee2b8221b23.svg);
width: 60px;
height: 60px;
display: block
}
.plCombo-child-education0[_ngcontent-efh-c457],
.plCombo-child-education2[_ngcontent-efh-c457],
.plCombo-child-education4[_ngcontent-efh-c457],
.plCombo-child-education6[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education0[_ngcontent-efh-c457]:before,
.plCombo-child-education2[_ngcontent-efh-c457]:before,
.plCombo-child-education4[_ngcontent-efh-c457]:before,
.plCombo-child-education6[_ngcontent-efh-c457]:before {
content: url(pl-motor-cover.f31b43c118a90528.svg);
width: 60px;
height: 60px;
display: block
}
.plCombo-child-education1[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education1[_ngcontent-efh-c457]:before {
content: url(building.c0b67c1010fcf2d9.svg);
width: 60px;
height: 60px;
display: block
}
.plCombo-child-education3[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education3[_ngcontent-efh-c457]:before {
content: url(pl-motor-moving.f143bdd01198a558.svg);
width: 60px;
height: 60px;
display: block
}
.plCombo-child-education5[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education5[_ngcontent-efh-c457]:before {
content: url(hhc.d5a5b61d22140fec.svg);
width: 60px;
height: 60px;
display: block
}
.plCombo-child-education7[_ngcontent-efh-c457] {
position: relative
}
.plCombo-child-education7[_ngcontent-efh-c457]:before {
content: url(all-risk.bc2097f231c5a4cd.svg);
width: 60px;
height: 60px;
display: block
}
.bill-payments-easypay[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-easypay[_ngcontent-efh-c457]:before {
content: url(easypay.036b7d286cbd7208.svg);
width: 100%;
height: 100%;
display: block
}
.bill-payments-payat[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-payat[_ngcontent-efh-c457]:before {
content: url([email protected]);
width: 100%;
height: 100%;
display: block
}
.bill-payments-education1[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-education1[_ngcontent-efh-c457]:before {
content: url(education-icon-1.4b105f049583d6cf.svg);
width: 100%;
height: 100%;
display: block
}
.bill-payments-education2[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-education2[_ngcontent-efh-c457]:before {
content: url(education-icon-2.492461d80e927e68.svg);
width: 100%;
height: 100%;
display: block
}
.bill-payments-education3[_ngcontent-efh-c457] {
position: relative
}
.bill-payments-education3[_ngcontent-efh-c457]:before {
content: url(education-icon-3.73654505096d154c.svg);
width: 100%;
height: 100%;
display: block
}
.exclusive-family-offers-icon[_ngcontent-efh-c457] {
position: relative
}
.exclusive-family-offers-icon[_ngcontent-efh-c457]:before {
content: url(Exclusive-family-offers.cbd0dee90f0d0c4e.svg);
width: 60px;
height: 60px;
display: block
}
.add-children-16-to-26-icon[_ngcontent-efh-c457] {
position: relative
}
.add-children-16-to-26-icon[_ngcontent-efh-c457]:before {
content: url(Add-Children-16-to-26.e9bfd951d5ba80b6.svg);
width: 60px;
height: 60px;
display: block
}
.add-spouse-dashboard-icon[_ngcontent-efh-c457] {
position: relative
}
.add-spouse-dashboard-icon[_ngcontent-efh-c457]:before {
content: url(Add-Spouse-Dashboard.ca70883d0e45bcfe.svg);
width: 60px;
height: 60px;
display: block
}
.add-child-under-dashboard-icon[_ngcontent-efh-c457] {
position: relative
}
.add-child-under-dashboard-icon[_ngcontent-efh-c457]:before {
content: url(add-child-under.a4ddfb0d38a84fd3.svg);
width: 60px;
height: 60px;
display: block
}
.add-parent-over-dashboard-icon[_ngcontent-efh-c457] {
position: relative
}
.add-parent-over-dashboard-icon[_ngcontent-efh-c457]:before {
content: url(add-parent-over-55.0690333a1519c609.svg);
width: 60px;
height: 60px;
display: block
}
}
.hide-in-mob[_ngcontent-efh-c457] {
display: none
}
.overlay-position[_ngcontent-efh-c457] {
position: absolute;
z-index: 10000;
background-color: #fff
}
.overlay-shadow-container[_ngcontent-efh-c457]:before {
z-index: 9999
}
.heightCoach[_ngcontent-efh-c457] {
height: auto !important
}
.div-direction[_ngcontent-efh-c457] {
outline: none;
flex-direction: row
}
.section-margin[_ngcontent-efh-c457] {
width: 80%;
margin-left: 18px
}
.section-title-secondary[_ngcontent-efh-c457] {
display: inline-block
}
.new-icon[_ngcontent-efh-c457] {
position: relative;
position: absolute;
margin-left: 10px
}
.new-icon[_ngcontent-efh-c457]:before {
content: url(New-Icon.e6c78a28bbf03127.svg);
width: 35px;
height: 20px;
display: block
}
.icon-width[_ngcontent-efh-c457] {
width: 20%
}
.widthMobileView[_ngcontent-efh-c457] {
width: 100%;
border-bottom: 1px solid #EEE
}
.widthMobileView[_ngcontent-efh-c457]:first-child {
border-top: 1px solid #EEE
}
.icon-position[_ngcontent-efh-c457] {
position: relative;
float: right;
margin-right: 27px
}
.link-padding-top[_ngcontent-efh-c457] {
display: none
}
.loaderAlignment[_ngcontent-efh-c457] {
margin-top: 90px
}
.block-menu-option[_ngcontent-efh-c457] {
cursor: not-allowed
}
.allow-menu-option[_ngcontent-efh-c457] {
cursor: pointer
}
.disableoptionClick[_ngcontent-efh-c457] {
pointer-events: none
}
.link-text-decoration[_ngcontent-efh-c457] {
text-decoration: none
}
@media (min-width: 768px) {
.hide-in-mob[_ngcontent-efh-c457] {
display: block
}
.optionWidth[_ngcontent-efh-c457] {
width: 270px !important
}
.div-direction[_ngcontent-efh-c457] {
outline: none;
display: flex;
flex-direction: column
}
.section-margin[_ngcontent-efh-c457] {
width: 100%;
margin-left: 0;
min-height: 94px
}
.icon-position[_ngcontent-efh-c457] {
display: none
}
.link-padding-top[_ngcontent-efh-c457] {
padding-top: 16px;
display: block
}
.widthMobileView[_ngcontent-efh-c457] {
width: 100%;
border-bottom: none
}
.widthMobileView[_ngcontent-efh-c457]:first-child {
border-top: none
}
.icon-width[_ngcontent-efh-c457] {
width: unset
}
.text-style[_ngcontent-efh-c457] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
height: 20px;
opacity: .9;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
padding-right: 5px;
color: #009639
}
.text-style.disabled[_ngcontent-efh-c457] {
color: #d7d7d7;
opacity: .5
}
}
@media (min-width: 1024px) {
.optionWidth[_ngcontent-efh-c457] {
width: 295px !important
}
.section-margin[_ngcontent-efh-c457] {
width: 100%;
margin-left: 0;
min-height: 94px
}
.div-direction[_ngcontent-efh-c457] {
outline: none;
display: flex;
flex-direction: column
}
.icon-position[_ngcontent-efh-c457] {
display: none
}
.link-padding-top[_ngcontent-efh-c457] {
padding-top: 16px;
display: block
}
.icon-width[_ngcontent-efh-c457] {
width: unset
}
.text-style[_ngcontent-efh-c457] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
height: 20px;
opacity: .9;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
padding-right: 5px;
color: #009639
}
}
@media (min-width: 1440px) {
.optionWidth[_ngcontent-efh-c457] {
width: 300px !important
}
.section-margin[_ngcontent-efh-c457] {
width: 100%;
margin-left: 0
}
.div-direction[_ngcontent-efh-c457] {
outline: none;
display: flex;
flex-direction: column
}
.icon-position[_ngcontent-efh-c457] {
display: none
}
.link-padding-top[_ngcontent-efh-c457] {
padding-top: 16px;
display: block
}
.icon-width[_ngcontent-efh-c457] {
width: unset
}
.text-style[_ngcontent-efh-c457] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
height: 20px;
opacity: .9;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
padding-right: 5px;
color: #009639
}
}
/* #endregion */
/* #region #42 */
.clearfix[_ngcontent-efh-c458]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c458] html[_ngcontent-efh-c458] .clearfix[_ngcontent-efh-c458] {
height: 1%
}
.clearfix[_ngcontent-efh-c458] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c458] {
margin-left: 60px
}
app-voucher-vas-workflow app-stepper-workflow .overlay-modal.disable-modal-property,
app-electricity-vas-workflow app-stepper-workflow .overlay-modal.disable-modal-property,
app-lotto-vas-workflow app-stepper-workflow .overlay-modal.disable-modal-property {
position: inherit !important
}
app-voucher-vas-workflow app-stepper-workflow .overlay-modal.disable-modal-property>.overlay,
app-electricity-vas-workflow app-stepper-workflow .overlay-modal.disable-modal-property>.overlay,
app-lotto-vas-workflow app-stepper-workflow .overlay-modal.disable-modal-property>.overlay {
position: inherit !important
}
.tnc[_ngcontent-efh-c458] {
margin-bottom: 1.875rem;
font-size: .875rem;
margin-top: 2rem
}
.tnc[_ngcontent-efh-c458] .text[_ngcontent-efh-c458] {
margin-bottom: 1.875rem;
letter-spacing: 0;
color: #666;
font-weight: 300;
font-size: 14px;
text-align: center;
line-height: 1.21
}
.tnc[_ngcontent-efh-c458] .tabular-data-col-2[_ngcontent-efh-c458] tr[_ngcontent-efh-c458] {
line-height: 1.5rem
}
.tnc[_ngcontent-efh-c458] .tabular-data-col-2[_ngcontent-efh-c458] tr[_ngcontent-efh-c458] td[_ngcontent-efh-c458] {
color: #333;
padding-bottom: 1.25rem
}
.tnc[_ngcontent-efh-c458] .tabular-data-col-2[_ngcontent-efh-c458] tr[_ngcontent-efh-c458] td[_ngcontent-efh-c458]:nth-child(even) {
padding-left: 0
}
.tnc[_ngcontent-efh-c458] .tabular-data-col-2[_ngcontent-efh-c458] tr[_ngcontent-efh-c458] td[_ngcontent-efh-c458]:last-child {
word-break: normal
}
.tnc[_ngcontent-efh-c458] .btn-link[_ngcontent-efh-c458] {
color: #009639
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
position: relative;
margin: 3% auto;
width: 65%;
align-content: center
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .main-section[_ngcontent-efh-c458] .block-text[_ngcontent-efh-c458] {
display: block;
margin-bottom: 10px;
color: #666
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .header-text[_ngcontent-efh-c458] {
display: flex;
flex-direction: row;
justify-content: space-between
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .terms-and-conditions[_ngcontent-efh-c458] {
display: flex;
flex-direction: column;
justify-content: center;
height: 35px;
width: 771px;
color: #333;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 1.75rem;
font-weight: 500;
line-height: 35px
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .the-foreign-exchange[_ngcontent-efh-c458] {
height: 35px;
width: 522px;
color: #333;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 500;
line-height: 35px
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .last-updated[_ngcontent-efh-c458] {
color: #333;
font-size: 16px;
line-height: 1.25rem;
overflow-y: auto
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .line[_ngcontent-efh-c458] {
color: #a9a9a9;
border-color: #a9a9a9
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .header[_ngcontent-efh-c458] {
margin-top: 2.5rem;
text-align: left;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
color: #333
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .header[_ngcontent-efh-c458] .head-message[_ngcontent-efh-c458] {
margin-bottom: 7px
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .header[_ngcontent-efh-c458] .block-text[_ngcontent-efh-c458] {
display: block
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] section[_ngcontent-efh-c458] {
letter-spacing: 0
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] section[_ngcontent-efh-c458] .list[_ngcontent-efh-c458] {
padding: 15px
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] section[_ngcontent-efh-c458] .list[_ngcontent-efh-c458] .list-item[_ngcontent-efh-c458] {
margin: 0 0 15px 15px
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] section[_ngcontent-efh-c458] .note[_ngcontent-efh-c458] {
margin: 15px 0
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .modal-header[_ngcontent-efh-c458] {
padding-bottom: 10px;
font-size: 30px
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .padding-top-20[_ngcontent-efh-c458] {
padding-top: 1.25rem;
padding-bottom: 15px
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .modal-title[_ngcontent-efh-c458] {
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #333
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .modal-body[_ngcontent-efh-c458] {
overflow-y: auto;
padding: 1.25rem 1.875rem;
margin-bottom: 100px
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .block-text[_ngcontent-efh-c458] {
display: block;
margin-bottom: 10px;
color: #666
}
.tnc[_ngcontent-efh-c458] .modal-title[_ngcontent-efh-c458] {
color: #333;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 35px
}
.tnc-header[_ngcontent-efh-c458] {
font-size: 16px;
line-height: 24px;
color: #666;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
padding-bottom: 10px
}
.tnc-content[_ngcontent-efh-c458] {
font-size: 14px;
line-height: 21px
}
.download[_ngcontent-efh-c458] {
display: inline-flex;
flex-direction: row;
width: 18%;
position: relative;
float: right;
color: #009639;
cursor: pointer
}
.download[_ngcontent-efh-c458] .icon[_ngcontent-efh-c458],
.download[_ngcontent-efh-c458] .text[_ngcontent-efh-c458] {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
font-size: 16px;
color: #009639
}
.download[_ngcontent-efh-c458] .icon[_ngcontent-efh-c458] {
position: relative;
margin-right: 10%
}
.download[_ngcontent-efh-c458] .icon[_ngcontent-efh-c458]:before {
content: url(download-icon.dc97a28fbdd395c1.svg);
width: 20px;
height: 24px;
display: block
}
.tnc-highlighter[_ngcontent-efh-c458] {
color: #009639;
text-decoration: underline;
cursor: pointer
}
@media (max-width: 767px) {
.tnc-section[_ngcontent-efh-c458] {
margin-left: 20px;
border-top: none;
padding-top: 0;
margin-right: 20px;
margin-bottom: 30px
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .header-text[_ngcontent-efh-c458] {
display: flex;
position: relative;
flex-direction: column
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .header-text[_ngcontent-efh-c458] .terms-and-conditions[_ngcontent-efh-c458] {
display: block;
position: relative;
width: auto;
height: auto
}
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] .line[_ngcontent-efh-c458] {
position: relative
}
}
@media (max-width: 1024px) {
.tnc[_ngcontent-efh-c458] .terms-container[_ngcontent-efh-c458] {
position: relative;
width: 100%;
margin: 2% auto
}
}
@media (min-width: 768px) {
.tnc-section[_ngcontent-efh-c458] {
margin-left: 90px;
border-top: 1px solid #EEE;
padding-top: 30px;
margin-right: 90px;
margin-bottom: 60px
}
}
@media (min-width: 1025px) {
.tnc-content[_ngcontent-efh-c458] {
width: 60%
}
}
/* #endregion */
/* #region #43 */
.clearfix[_ngcontent-efh-c472]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c472] html[_ngcontent-efh-c472] .clearfix[_ngcontent-efh-c472] {
height: 1%
}
.clearfix[_ngcontent-efh-c472] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c472] {
margin-left: 60px
}
.shiftHeaderToLeft[_ngcontent-efh-c472] {
transition: width .6s;
width: 70% !important;
float: left
}
.shiftHeaderToright[_ngcontent-efh-c472] {
transition: width .6s
}
.hideTryAgain[_ngcontent-efh-c472] {
display: none
}
.messagedecoration[_ngcontent-efh-c472] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif
}
.contentPosition[_ngcontent-efh-c472] {
margin-top: 66px
}
.floatingResponse[_ngcontent-efh-c472] {
position: fixed;
margin-left: 0 !important;
height: 66px
}
.right-align[_ngcontent-efh-c472] {
text-align: right
}
.floatingNotification[_ngcontent-efh-c472] {
position: fixed;
height: 72px
}
.postionHeaderBtnGrp[_ngcontent-efh-c472] {
margin-top: 10px
}
.postionMobileButton[_ngcontent-efh-c472] {
text-align: center
}
.postionWebCancelButton[_ngcontent-efh-c472] {
text-align: right
}
.postionWebUpdateButton[_ngcontent-efh-c472] {
text-align: left
}
.settings-top[_ngcontent-efh-c472] {
z-index: 2
}
.icontext[_ngcontent-efh-c472] {
margin-left: 20px
}
.tryAgain[_ngcontent-efh-c472] {
cursor: pointer;
color: #d22630
}
.limitHeader[_ngcontent-efh-c472] {
width: 100%;
z-index: 2;
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
margin-left: -1px
}
.showProfileHeader[_ngcontent-efh-c472] {
padding-top: 66px
}
.shiftRow[_ngcontent-efh-c472] {
margin-top: -1px;
margin-left: 0
}
.top-alert[_ngcontent-efh-c472] {
position: fixed;
width: 110%;
padding: 20px
}
.top-alert[_ngcontent-efh-c472] .icon[_ngcontent-efh-c472] {
position: relative;
display: inline-block;
padding-right: 20px
}
.top-alert.success[_ngcontent-efh-c472] {
background-color: #d8f3b7
}
.top-alert.success[_ngcontent-efh-c472] .icon[_ngcontent-efh-c472] {
position: relative
}
.top-alert.success[_ngcontent-efh-c472] .icon[_ngcontent-efh-c472]:before {
content: url(tick.aa6556d6368e3524.svg);
width: 20px;
height: 20px;
display: block
}
.top-alert.partial[_ngcontent-efh-c472] {
background-color: #fff8dc
}
.top-alert.partial[_ngcontent-efh-c472] .icon[_ngcontent-efh-c472] {
position: relative
}
.top-alert.partial[_ngcontent-efh-c472] .icon[_ngcontent-efh-c472]:before {
content: url(Error-Yellow.f916d1ac306e1bbb.svg);
width: 20px;
height: 20px;
display: block
}
.top-alert.error[_ngcontent-efh-c472] {
background-color: #fff8dc
}
.top-alert.error[_ngcontent-efh-c472] .icon[_ngcontent-efh-c472] {
position: relative
}
.top-alert.error[_ngcontent-efh-c472] .icon[_ngcontent-efh-c472]:before {
content: url(Error-Yellow.f916d1ac306e1bbb.svg);
width: 20px;
height: 20px;
display: block
}
.top-alert[_ngcontent-efh-c472] .hide-mobile[_ngcontent-efh-c472] {
display: none
}
.top-alert[_ngcontent-efh-c472] .retry-mob[_ngcontent-efh-c472] {
text-align: center;
padding-top: 20px
}
.top-alert[_ngcontent-efh-c472] .message[_ngcontent-efh-c472] {
top: 10%;
position: absolute;
font-size: 14px
}
.top-alert[_ngcontent-efh-c472] .retry[_ngcontent-efh-c472] {
border-right: #FFF solid;
text-align: right;
cursor: pointer
}
.top-alert[_ngcontent-efh-c472] .margin-down-10[_ngcontent-efh-c472] {
margin-top: 10px
}
.top-alert[_ngcontent-efh-c472] .retry-icon[_ngcontent-efh-c472] {
color: #333;
position: relative;
display: inline-flex;
font-size: 16px;
font-weight: 700
}
.top-alert[_ngcontent-efh-c472] .retry-icon[_ngcontent-efh-c472]:before {
content: url(Retry-Black.5a52e849d5354361.svg);
width: 22px;
height: 22px;
display: block
}
.top-alert[_ngcontent-efh-c472] .retry-icon[_ngcontent-efh-c472]:before {
margin-right: 10px
}
.top-alert[_ngcontent-efh-c472] .retry-container[_ngcontent-efh-c472] {
margin-top: 10px;
padding-right: 0
}
.top-alert[_ngcontent-efh-c472] .hide-web[_ngcontent-efh-c472] {
display: initial
}
.top-alert[_ngcontent-efh-c472] .close-icon[_ngcontent-efh-c472] {
position: relative;
cursor: pointer;
display: inline-block
}
.top-alert[_ngcontent-efh-c472] .close-icon[_ngcontent-efh-c472]:before {
content: url(Cross-Black.beebd41b49835647.svg);
width: 20px;
height: 20px;
display: block
}
.submitRow[_ngcontent-efh-c472] {
margin-top: -1px
}
.submitRow[_ngcontent-efh-c472] .textSubmit[_ngcontent-efh-c472] {
vertical-align: middle;
align-content: left;
padding: 10px 18px;
display: none;
margin-top: 10px
}
.submitRow[_ngcontent-efh-c472] .textSubmit[_ngcontent-efh-c472] .rename-icon[_ngcontent-efh-c472] {
position: relative;
display: inline-block;
padding-left: 8%;
cursor: pointer
}
.submitRow[_ngcontent-efh-c472] .textSubmit[_ngcontent-efh-c472] .rename-icon[_ngcontent-efh-c472]:before {
content: url(rename_icon.6d48f4026122a03a.svg);
width: 22px;
height: 13px;
display: block
}
.submitRow[_ngcontent-efh-c472] .hideIn-Mobile[_ngcontent-efh-c472] {
display: none
}
.submitRow[_ngcontent-efh-c472] .hideIn-web[_ngcontent-efh-c472] {
display: initial
}
.submitRowResponse[_ngcontent-efh-c472] {
background: #FFF
}
.button-width[_ngcontent-efh-c472] {
max-width: 80%
}
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] {
display: flex;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
align-items: stretch
}
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .settings-left-nav[_ngcontent-efh-c472] {
background: #FFF;
width: 250px;
display: none;
padding: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box
}
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .settings-content[_ngcontent-efh-c472] {
flex: 1;
background-color: #f9f9f9;
min-height: calc(100vh - 375px)
}
@media (min-width: 460px) {
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .settings-content[_ngcontent-efh-c472] {
min-height: calc(100vh - 375px)
}
}
@media (min-width: 767px) {
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .settings-content[_ngcontent-efh-c472] {
min-height: calc(100vh - 376px)
}
}
@media (min-width: 768px) {
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .settings-content[_ngcontent-efh-c472] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1023px) {
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .settings-content[_ngcontent-efh-c472] {
min-height: calc(100vh - 212px)
}
}
@media (min-width: 1440px) {
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .settings-content[_ngcontent-efh-c472] {
min-height: calc(100vh - 212px)
}
}
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .container-padding {
padding: 30px 0
}
@media screen and (min-width: 320px) {
.btnGroup[_ngcontent-efh-c472] {
position: fixed;
width: 100%;
bottom: 5%;
z-index: 1;
padding: 30px;
background: #FFF;
margin-top: 10px
}
.top-alert.partial[_ngcontent-efh-c472] {
height: 95px
}
.top-alert.error[_ngcontent-efh-c472] {
height: 91px
}
.top-alert.success[_ngcontent-efh-c472] {
height: 71px
}
.alignContent[_ngcontent-efh-c472] {
padding-left: 0;
padding-right: 0
}
.showProfileHeader[_ngcontent-efh-c472] {
padding-top: 0
}
}
@media (min-width: 375px) {
.top-alert[_ngcontent-efh-c472] .closeIcon[_ngcontent-efh-c472] {
margin-right: 100px
}
.showProfileHeader[_ngcontent-efh-c472] {
padding-top: 0
}
}
@media (min-width: 768px) {
.postionHeaderBtnGrp .gd-primary-btn {
max-width: 80%
}
.floatingNotification[_ngcontent-efh-c472] {
height: 72px
}
.btnGroup[_ngcontent-efh-c472] {
position: relative;
top: 10%;
padding: 0
}
.alignContent[_ngcontent-efh-c472] {
padding-left: 15px;
padding-right: 15px
}
.showProfileHeader[_ngcontent-efh-c472] {
padding-top: 66px
}
.top-alert[_ngcontent-efh-c472] .hide-mobile[_ngcontent-efh-c472] {
display: inline
}
.top-alert[_ngcontent-efh-c472] .hide-web[_ngcontent-efh-c472] {
display: none
}
.top-alert.partial[_ngcontent-efh-c472],
.top-alert.error[_ngcontent-efh-c472],
.top-alert.success[_ngcontent-efh-c472] {
height: 70px
}
.submitRow[_ngcontent-efh-c472] {
background: #FFF
}
.submitRow[_ngcontent-efh-c472] .textSubmit[_ngcontent-efh-c472] {
height: 81px;
display: inline-block
}
.submitRow[_ngcontent-efh-c472] .hideIn-Mobile[_ngcontent-efh-c472] {
display: inline
}
.submitRow[_ngcontent-efh-c472] .hideIn-web[_ngcontent-efh-c472] {
display: none
}
.submitRowResponse[_ngcontent-efh-c472] {
padding-left: 20px
}
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .settings-left-nav[_ngcontent-efh-c472] {
display: block
}
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .container-padding {
padding: 30px
}
}
@media (min-width: 1024px) {
.btnGroup[_ngcontent-efh-c472] {
z-index: 2
}
.floatingNotification[_ngcontent-efh-c472] {
height: 72px
}
.showProfileHeader[_ngcontent-efh-c472] {
padding-top: 66px
}
.submitRowResponse[_ngcontent-efh-c472] {
padding-left: 20px
}
.top-alert[_ngcontent-efh-c472] .retry-container[_ngcontent-efh-c472] {
padding-right: initial
}
.top-alert[_ngcontent-efh-c472] .retry-container[_ngcontent-efh-c472] .retry[_ngcontent-efh-c472] {
text-align: right;
padding-right: 25px
}
.top-alert[_ngcontent-efh-c472] .close-icon[_ngcontent-efh-c472] {
margin-left: -9px
}
.settings[_ngcontent-efh-c472] .blocks[_ngcontent-efh-c472] .settings-left-nav[_ngcontent-efh-c472] {
width: 320px
}
}
@media (min-width: 1440px) {
.showProfileHeader[_ngcontent-efh-c472] {
padding-top: 66px
}
.top-alert[_ngcontent-efh-c472] .close-icon[_ngcontent-efh-c472] {
margin-left: 0
}
.floatingNotification[_ngcontent-efh-c472] {
height: 72px
}
}
/* #endregion */
/* #region #44 */
.clearfix[_ngcontent-efh-c471]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c471] html[_ngcontent-efh-c471] .clearfix[_ngcontent-efh-c471] {
height: 1%
}
.clearfix[_ngcontent-efh-c471] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c471] {
margin-left: 60px
}
.app-limit-widget-container:last-child .limit-widget {
padding-bottom: 80px
}
.app-limit-widget-container:last-child .limit-widget .widget-content .temporary-section .end-date-section {
padding-bottom: 40px
}
.profile-container[_ngcontent-efh-c471] .profile-limit-header[_ngcontent-efh-c471] {
font-weight: 700;
text-align: left;
color: #666;
padding: 0;
margin: 0 0 0 10px;
cursor: default;
display: inline-block;
vertical-align: middle
}
.profile-container[_ngcontent-efh-c471] .icon-field[_ngcontent-efh-c471] {
position: relative;
margin: 0 0 30px 10px
}
.profile-container[_ngcontent-efh-c471] .icon-field[_ngcontent-efh-c471] .icon[_ngcontent-efh-c471] {
width: 12px;
display: inline-block;
cursor: pointer;
line-height: 1
}
.profile-container[_ngcontent-efh-c471] .icon-field[_ngcontent-efh-c471] .icon.left-arrow[_ngcontent-efh-c471] {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 20px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
position: relative;
position: static
}
.profile-container[_ngcontent-efh-c471] .icon-field[_ngcontent-efh-c471] .icon.left-arrow[_ngcontent-efh-c471]:before {
content: url(right-arrow-cap.a29b0f86cfa9c5d8.svg);
width: 100%;
height: 100%;
display: block
}
.profile-container[_ngcontent-efh-c471] .secondry-user[_ngcontent-efh-c471] {
margin: 0 20px;
background-color: #fff;
text-align: center;
padding: 3% 9% 8%;
font-weight: 700;
font-size: 18px;
color: #333
}
.profile-container[_ngcontent-efh-c471] .secondry-user[_ngcontent-efh-c471] .group-limit[_ngcontent-efh-c471] {
position: relative;
margin-bottom: 30px
}
.profile-container[_ngcontent-efh-c471] .secondry-user[_ngcontent-efh-c471] .group-limit[_ngcontent-efh-c471]:before {
content: url(group_limit.18e10f94fbb1c93d.svg);
width: 100%;
height: 100%;
display: block
}
@media (min-width: 768px) {
.app-limit-widget-container:last-child .limit-widget {
padding-bottom: 0
}
.app-limit-widget-container:last-child .limit-widget .widget-content .temporary-section .end-date-section {
padding-bottom: 0
}
.profile-container[_ngcontent-efh-c471] .left-arrow[_ngcontent-efh-c471] {
display: none !important
}
.profile-container[_ngcontent-efh-c471] .secondry-user[_ngcontent-efh-c471] {
font-size: 28px
}
}
/* #endregion */
/* #region #45 */
.clearfix[_ngcontent-efh-c470]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c470] html[_ngcontent-efh-c470] .clearfix[_ngcontent-efh-c470] {
height: 1%
}
.clearfix[_ngcontent-efh-c470] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c470] {
margin-left: 60px
}
.tryAgain[_ngcontent-efh-c470] {
padding-left: 43px;
color: #d22630;
cursor: pointer
}
.tempLimit[_ngcontent-efh-c470] {
min-height: 1000px
}
.header-message[_ngcontent-efh-c470] {
font-family: MarkPro, Century Gothic, Helvetica, Arial, sans-serif;
margin: 0 0 0 12px
}
.limit-widget[_ngcontent-efh-c470] {
float: left;
margin: 10px 0;
width: 100%;
background-color: #fff
}
.limit-widget[_ngcontent-efh-c470] .margin-bottom-30[_ngcontent-efh-c470] {
margin-bottom: 30px
}
.limit-widget[_ngcontent-efh-c470] .horizontal-line[_ngcontent-efh-c470] {
margin: 0;
width: 100%;
background-color: #bbb;
opacity: .31;
height: 1px
}
.limit-widget[_ngcontent-efh-c470] .horizontal-line.margin-class[_ngcontent-efh-c470] {
margin: 22px 0 20px
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.message-type-icon[_ngcontent-efh-c470] {
font-size: 16px;
font-weight: 400;
color: #333
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.success[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470] {
position: relative;
display: inline-block
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.success[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470]:before {
content: url(tick.aa6556d6368e3524.svg);
width: 20px;
height: 20px;
display: block
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.success[_ngcontent-efh-c470] .header-message[_ngcontent-efh-c470] {
color: #009639
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.success[_ngcontent-efh-c470] .close[_ngcontent-efh-c470] {
position: relative;
margin: 3px 2px 0 10px
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.success[_ngcontent-efh-c470] .close[_ngcontent-efh-c470]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 16px;
height: 16px;
display: block
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.error[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470] {
position: relative;
display: inline-block
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.error[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470]:before {
content: url(Error-Red.e97a36206074c4a7.svg);
width: 16px;
height: 16px;
display: block
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.error[_ngcontent-efh-c470] .header-message[_ngcontent-efh-c470] {
color: #d22630
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.error[_ngcontent-efh-c470] .close[_ngcontent-efh-c470] {
position: relative;
margin: 3px 2px 0 10px
}
.limit-widget[_ngcontent-efh-c470] .update-message-row.error[_ngcontent-efh-c470] .close[_ngcontent-efh-c470]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 16px;
height: 16px;
display: block
}
.limit-widget[_ngcontent-efh-c470] .limit-header[_ngcontent-efh-c470] {
margin: 0;
padding: 20px;
font-size: 1.5rem;
font-weight: 500;
line-height: 1;
text-align: left;
color: #333;
position: relative;
display: inline-flex
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] {
padding: 20px 25px
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .limit-type-container[_ngcontent-efh-c470] {
position: relative
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .limit-type-container[_ngcontent-efh-c470] .edit-link[_ngcontent-efh-c470] {
text-decoration: underline;
cursor: pointer;
color: #009639;
font-size: .875rem;
font-weight: 700;
position: absolute;
right: 0;
bottom: 12.5%
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .temporary-section[_ngcontent-efh-c470] {
margin: 40px 0 70px
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .temporary-section[_ngcontent-efh-c470] .start-date-label[_ngcontent-efh-c470] {
margin-bottom: 5px;
font-size: 14px;
text-align: left;
color: #666
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .temporary-section[_ngcontent-efh-c470] .start-date[_ngcontent-efh-c470] {
font-size: 1rem;
line-height: 1.69;
letter-spacing: .2px;
text-align: left;
color: #666
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .temporary-section[_ngcontent-efh-c470] .temp-limit-message[_ngcontent-efh-c470] {
font-size: 13px;
font-weight: 700;
line-height: 1.23;
letter-spacing: -.3px;
text-align: left;
color: #333;
margin-top: 0
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .temporary-section[_ngcontent-efh-c470] .end-date-section[_ngcontent-efh-c470] {
margin: 40px 0
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .temporary-section[_ngcontent-efh-c470] .end-date-section.calender-open[_ngcontent-efh-c470] {
margin-bottom: 260px
}
@media (max-width: 376px) {
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .limit-type-container[_ngcontent-efh-c470] .edit-link[_ngcontent-efh-c470] {
bottom: -3px !important
}
}
[_nghost-efh-c470] .limit-widget .range-amount-control {
flex-direction: column !important
}
[_nghost-efh-c470] .limit-widget .range-amount-control .input-container {
width: 100% !important
}
[_nghost-efh-c470] .limit-widget .range-amount-control .input-container .amount-container {
width: 200px
}
[_nghost-efh-c470] .limit-widget .range-amount-control .input-container .amount-container input {
margin-bottom: 0 !important
}
[_nghost-efh-c470] .limit-widget .range-amount-control .slider-container {
margin: 0 !important
}
[_nghost-efh-c470] .limit-widget .range-amount-control .slider-container .slider-padding {
padding: 50px 0 20px !important
}
[_nghost-efh-c470] .limit-widget .range-amount-control .slider-container .slider-padding .noUi-connect {
background: #78BE20
}
[_nghost-efh-c470] .limit-widget .range-amount-control .slider-container .slider-padding .noUi-handle {
border-width: 4px;
border-color: #78be20;
background-color: #fff;
position: relative
}
[_nghost-efh-c470] .limit-widget .range-amount-control .slider-container .slider-padding .noUi-handle:before {
content: "";
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background: none;
position: absolute;
inset: -6px;
border: 2px solid #FFF
}
[_nghost-efh-c470] .limit-widget .range-amount-control .slider-container .slider-padding .noUi-handle:after {
display: none
}
@media (min-width: 375px) {
.message-type-icon[_ngcontent-efh-c470] {
margin: 0 0 0 10px
}
}
@media (min-width: 768px) {
.message-type-icon[_ngcontent-efh-c470] {
text-align: right;
margin: 0
}
.limit-success[_ngcontent-efh-c470] {
max-height: 530px
}
.limit-widget[_ngcontent-efh-c470] {
width: 94%;
margin: 10px;
min-height: 530px
}
.limit-widget[_ngcontent-efh-c470] .current-type[_ngcontent-efh-c470] {
font-size: 1.125rem
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .message-type-icon[_ngcontent-efh-c470] {
font-size: 1.25rem;
font-weight: 400
}
.limit-widget[_ngcontent-efh-c470] .limit-header[_ngcontent-efh-c470] {
text-align: left;
margin: 0
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] {
padding: 20px 25px
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .edit-link[_ngcontent-efh-c470] {
bottom: 14% !important
}
}
@media (min-width: 1024px) {
.limit-success[_ngcontent-efh-c470] {
max-height: 555px
}
.limit-widget[_ngcontent-efh-c470] {
width: 47%;
min-height: 555px
}
.limit-widget[_ngcontent-efh-c470] .current-type[_ngcontent-efh-c470] {
font-size: 1.125rem
}
.limit-widget[_ngcontent-efh-c470] .limit-header[_ngcontent-efh-c470] {
line-height: .83;
text-align: left;
margin: 0
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .success[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470] {
position: relative;
margin: -7px 10px 0
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .success[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470]:before {
content: url(tick.aa6556d6368e3524.svg);
width: 13px;
height: 13px;
display: block
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .error[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470] {
position: relative;
margin: -7px 10px 0
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .error[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470]:before {
content: url(Error-Red.e97a36206074c4a7.svg);
width: 13px;
height: 13px;
display: block
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .message-type-icon[_ngcontent-efh-c470] {
font-size: 12px;
font-weight: 400
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] {
padding: 20px 25px
}
.limit-widget[_ngcontent-efh-c470] .widget-content.padding-bottom-5px[_ngcontent-efh-c470] {
padding-bottom: 5px
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .temporary-section[_ngcontent-efh-c470] {
margin: 50px 0 133px
}
.limit-widget[_ngcontent-efh-c470] .widget-content[_ngcontent-efh-c470] .temporary-section[_ngcontent-efh-c470] .end-date-section[_ngcontent-efh-c470] {
margin: 50px 0
}
}
@media (min-width: 1440px) {
.limit-widget[_ngcontent-efh-c470] .limit-header[_ngcontent-efh-c470] {
font-size: 1.5rem
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .success[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470] {
position: relative;
margin: -7px 10px 0
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .success[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470]:before {
content: url(tick.aa6556d6368e3524.svg);
width: 18px;
height: 18px;
display: block
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .error[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470] {
position: relative;
margin: -7px 10px 0
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .error[_ngcontent-efh-c470] .icon[_ngcontent-efh-c470]:before {
content: url(close-gray.255d2087c5e383f8.svg);
width: 18px;
height: 18px;
display: block
}
.limit-widget[_ngcontent-efh-c470] .update-message-row[_ngcontent-efh-c470] .message-type-icon[_ngcontent-efh-c470] {
font-size: 1.25rem;
font-weight: 400
}
}
/* #endregion */
/* #region #46 */
.clearfix[_ngcontent-efh-c469]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c469] html[_ngcontent-efh-c469] .clearfix[_ngcontent-efh-c469] {
height: 1%
}
.clearfix[_ngcontent-efh-c469] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c469] {
margin-left: 60px
}
.radio-button-list[_ngcontent-efh-c469] {
display: block;
position: relative;
padding: 17px 0 0
}
.radio-button-list[_ngcontent-efh-c469] h2[_ngcontent-efh-c469] {
color: #bbb
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] {
color: #666;
display: block;
position: relative;
float: left
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .custom-tootip[_ngcontent-efh-c469] {
float: right
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .custom-tootip-text[_ngcontent-efh-c469] {
font-size: 14px;
line-height: 21px;
color: #bbb;
padding-left: 50px;
margin-top: -15px;
display: none
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .custom-tootip-text.show[_ngcontent-efh-c469] {
display: block
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .custom-tootip-text.m-b-15[_ngcontent-efh-c469] {
margin-bottom: 15px
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .tooltip-question[_ngcontent-efh-c469] {
font-size: .875rem;
position: relative;
background-color: #eee;
padding: 15px;
margin-bottom: 10px
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .tooltip-question[_ngcontent-efh-c469]:after {
content: "";
position: absolute;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 11px solid #EEE;
transform: rotate(180deg);
right: 11px;
bottom: -9px
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .tooltip-icon[_ngcontent-efh-c469] {
position: relative;
float: right;
margin-right: 15px
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .tooltip-icon[_ngcontent-efh-c469]:before {
content: url(help.623d00b34ef327c8.svg);
width: 16px;
height: 16px;
display: block
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .radio-item-wrapper[_ngcontent-efh-c469] {
display: inline-block
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .radio-item-wrapper.disable-option[_ngcontent-efh-c469] {
pointer-events: none;
opacity: .4
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .radio-item-wrapper.disable-option[_ngcontent-efh-c469] label[_ngcontent-efh-c469] {
cursor: not-allowed
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .check[_ngcontent-efh-c469] {
position: absolute;
display: inline-block;
height: 100px;
width: 36px
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469]:hover label[_ngcontent-efh-c469] {
opacity: .9
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] label[_ngcontent-efh-c469] {
display: block;
position: relative;
font-weight: 300;
font-size: 16px;
padding: 8px 8px 0 40px;
margin: 0 0 20px 10px;
height: 30px;
z-index: 1;
cursor: pointer;
transition: border .25s linear;
-webkit-transition: border .25s linear;
-moz-transition: border .25s linear;
-ms-transition: border .25s linear;
-o-transition: border .25s linear
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .label-sub-title-1[_ngcontent-efh-c469] {
margin-bottom: -10px;
padding-top: 0
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .label-sub-title-2[_ngcontent-efh-c469] {
margin-bottom: 5px;
padding-top: 0;
font-size: 12px
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] span.sub-title[_ngcontent-efh-c469] {
font-size: 14px;
line-height: 1.07;
text-align: right;
color: #666;
display: none;
padding-left: 31px
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] span.sub-title-left[_ngcontent-efh-c469] {
text-align: left;
padding-left: 50px;
margin-top: -20px
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .label-vertical[_ngcontent-efh-c469] {
padding-top: 0;
margin-bottom: 0;
height: -moz-fit-content;
height: fit-content
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] input[type=radio][_ngcontent-efh-c469] {
position: absolute
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] input[type=radio].hidden-radio[_ngcontent-efh-c469] {
z-index: -1;
visibility: visible
}
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] .check[_ngcontent-efh-c469]:before {
display: inline-block;
position: absolute;
content: "";
background-position: -2px 4px;
width: 45px;
height: 38px;
background-image: url(radio-btn.8f3aa665ee3e6d88.png);
background-repeat: no-repeat;
top: -50px
}
.radio-button-list[_ngcontent-efh-c469] input[type=radio][_ngcontent-efh-c469]:checked~.check[_ngcontent-efh-c469] {
width: 35px;
height: 30px;
top: 51px
}
.radio-button-list[_ngcontent-efh-c469] input[type=radio][_ngcontent-efh-c469]:checked~.check[_ngcontent-efh-c469]:before {
background-position: -2px -79px;
width: 45px;
height: 45px;
top: -48px
}
.radio-button-list[_ngcontent-efh-c469] .show-tooltip[_ngcontent-efh-c469] input[type=radio][_ngcontent-efh-c469]:checked~.check[_ngcontent-efh-c469] {
top: auto
}
.radio-button-list[_ngcontent-efh-c469] input[type=radio][_ngcontent-efh-c469]:checked~label[_ngcontent-efh-c469] {
color: #78be20
}
.radio-button-list[_ngcontent-efh-c469] input[type=radio][_ngcontent-efh-c469]:checked~.sub-title[_ngcontent-efh-c469] {
display: block
}
@media (min-width: 768px) {
.radio-button-list[_ngcontent-efh-c469] ul[_ngcontent-efh-c469] li[_ngcontent-efh-c469] label[_ngcontent-efh-c469] {
padding: 7px 35px 0 40px
}
}
/* #endregion */
/* #region #47 */
.clearfix[_ngcontent-efh-c468]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c468] html[_ngcontent-efh-c468] .clearfix[_ngcontent-efh-c468] {
height: 1%
}
.clearfix[_ngcontent-efh-c468] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c468] {
margin-left: 60px
}
.clearfix[_ngcontent-efh-c468]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c468] html[_ngcontent-efh-c468] .clearfix[_ngcontent-efh-c468] {
height: 1%
}
.clearfix[_ngcontent-efh-c468] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c468] {
margin-left: 60px
}
.range-amount-control[_ngcontent-efh-c468] {
display: flex;
flex-direction: column
}
.range-amount-control[_ngcontent-efh-c468] .slider-container[_ngcontent-efh-c468] {
flex: 1
}
.range-amount-control[_ngcontent-efh-c468] .input-container[_ngcontent-efh-c468] {
width: 230px
}
.range-amount-control[_ngcontent-efh-c468] .input-container[_ngcontent-efh-c468] label[_ngcontent-efh-c468] {
display: block;
font-size: .875rem;
color: #bbb;
font-weight: 400
}
.range-amount-control[_ngcontent-efh-c468] .input-container[_ngcontent-efh-c468] input[_ngcontent-efh-c468] {
border-left: none;
border-top: none;
border-right: none;
padding: 0;
clear: both;
font-size: 1.75rem;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
margin-bottom: 30px;
color: #666
}
.range-amount-control[_ngcontent-efh-c468] .limit-container[_ngcontent-efh-c468] {
clear: both;
text-align: right
}
.range-amount-control[_ngcontent-efh-c468] .limit-container[_ngcontent-efh-c468] .limit-value[_ngcontent-efh-c468],
.range-amount-control[_ngcontent-efh-c468] .limit-container[_ngcontent-efh-c468] .limit-type[_ngcontent-efh-c468] {
font-size: 1.25rem;
color: #666
}
.range-amount-control[_ngcontent-efh-c468] .limit-container-right[_ngcontent-efh-c468] {
float: right;
color: #333
}
.range-amount-control[_ngcontent-efh-c468] .limit-container-right[_ngcontent-efh-c468] .limit-value[_ngcontent-efh-c468] {
font-size: 14px;
color: #333
}
.range-amount-control[_ngcontent-efh-c468] .limit-container-right[_ngcontent-efh-c468] .limit-type[_ngcontent-efh-c468] {
font-size: .875rem;
color: #333
}
.range-amount-control[_ngcontent-efh-c468] .limit-container-left[_ngcontent-efh-c468] {
float: left;
color: #333
}
.range-amount-control[_ngcontent-efh-c468] .limit-container-left[_ngcontent-efh-c468] .limit-value[_ngcontent-efh-c468],
.range-amount-control[_ngcontent-efh-c468] .limit-container-left[_ngcontent-efh-c468] .limit-type[_ngcontent-efh-c468] {
font-size: 14px;
color: #333
}
.range-amount-control[_ngcontent-efh-c468] .clearBoth[_ngcontent-efh-c468] {
clear: both
}
.header-container[_ngcontent-efh-c468] {
display: flex
}
.header-container[_ngcontent-efh-c468] .gd-sm-label[_ngcontent-efh-c468] {
flex: 1
}
.error-msg-amount[_ngcontent-efh-c468] {
color: #d22630 !important;
position: relative;
padding-left: 10px;
font-size: 14px !important;
font-weight: 400
}
@media screen and (min-width: 1440px) {
.range-amount-control[_ngcontent-efh-c468] {
flex-direction: row
}
.range-amount-control[_ngcontent-efh-c468] .slider-container[_ngcontent-efh-c468] {
margin-left: 20px;
margin-top: 25px
}
}
@media (min-width: 768px) {
.amount-field-editor[_ngcontent-efh-c468] {
width: 40%
}
}
/* #endregion */
/* #region #48 */
.clearfix[_ngcontent-efh-c466]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c466] html[_ngcontent-efh-c466] .clearfix[_ngcontent-efh-c466] {
height: 1%
}
.clearfix[_ngcontent-efh-c466] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c466] {
margin-left: 60px
}
.amount-container[_ngcontent-efh-c466] {
position: relative
}
.amount-initial[_ngcontent-efh-c466] {
position: absolute;
padding: 4px 0 0;
top: 0;
font-size: 1.75rem
}
.amount-initial[_ngcontent-efh-c466]+input[_ngcontent-efh-c466] {
padding-left: 32px
}
.amount-input-alternate[_ngcontent-efh-c466] {
border-left: none;
border-top: none;
border-right: none;
padding: 0;
clear: both;
font-size: 1.75rem;
font-family: MarkProMedium, Century Gothic, Helvetica, Arial, sans-serif;
font-weight: 400;
margin-bottom: 30px;
color: #666
}
.error-msg-amount[_ngcontent-efh-c466] {
color: #d22630;
font-size: 14px;
margin: 5px 0 0;
position: relative;
padding-left: 10px
}
.amount-label[_ngcontent-efh-c466] {
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between
}
.maxLabel[_ngcontent-efh-c466],
.min-label[_ngcontent-efh-c466] {
color: #bbb;
font-size: 14px
}
/* #endregion */
/* #region #49 */
.clearfix[_ngcontent-efh-c467]:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
*[_ngcontent-efh-c467] html[_ngcontent-efh-c467] .clearfix[_ngcontent-efh-c467] {
height: 1%
}
.clearfix[_ngcontent-efh-c467] {
display: block
}
.cb-response-spacing[_ngcontent-efh-c467] {
margin-left: 60px
}
[_nghost-efh-c467] .noUi-target,
[_nghost-efh-c467] .noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
touch-action: none;
user-select: none;
box-sizing: border-box
}
[_nghost-efh-c467] .noUi-target {
position: relative;
direction: ltr
}
[_nghost-efh-c467] .noUi-base {
width: 100%;
height: 4px;
position: relative;
z-index: 1
}
[_nghost-efh-c467] .noUi-connect {
position: absolute;
inset: 0
}
[_nghost-efh-c467] .noUi-origin {
position: absolute;
height: 0;
width: 0
}
[_nghost-efh-c467] .noUi-handle {
position: relative;
z-index: 1
}
[_nghost-efh-c467] .noUi-state-tap .noUi-connect,
[_nghost-efh-c467] .noUi-state-tap .noUi-origin {
transition: top .3s, right .3s, bottom .3s, left .3s
}
[_nghost-efh-c467] .noUi-state-drag * {
cursor: inherit !important
}
[_nghost-efh-c467] .noUi-base,
[_nghost-efh-c467] .noUi-handle {
transform: translate(0);
background-color: #bbb;
border-radius: 10px
}
[_nghost-efh-c467] .noUi-horizontal {
height: 18px
}
[_nghost-efh-c467] .noUi-horizontal .noUi-handle {
border-radius: 17px;
width: 30px;
height: 30px;
left: -17px;
top: -13px;
outline: none;
cursor: pointer
}
[_nghost-efh-c467] .noUi-vertical {
width: 18px
}
[_nghost-efh-c467] .noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px
}
[_nghost-efh-c467] .noUi-target {
border-radius: 10px;
height: 4px;
top: 5px
}
[_nghost-efh-c467] .noUi-connect {
background: #00B2A9;
border-radius: 10px;
height: 4px;
top: 0;
box-shadow: inset 0 0 3px #33333373;
transition: background .45s linear;
-webkit-transition: background .45s linear;
-moz-transition: background .45s linear;
-ms-transition: background .45s linear;
-o-transition: background .45s linear
}
[_nghost-efh-c467] .noUi-draggable {
cursor: ew-resize
}
[_nghost-efh-c467] .noUi-vertical .noUi-draggable {
cursor: ns-resize
}
[_nghost-efh-c467] .noUi-handle {
border: 1px solid #BBB;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}
[_nghost-efh-c467] .noUi-active {
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}
[_nghost-efh-c467] .noUi-handle:before {
position: absolute;
content: "<";
display: block;
top: 5px;
left: 6px;
font-size: 15px;
font-family: Consolas;
color: #666
}
[_nghost-efh-c467] .noUi-handle:after {
position: absolute;
content: ">";
display: block;
top: 5px;
left: 18px;
color: #666;
font-size: 15px;
font-family: Consolas
}
[_nghost-efh-c467] [disabled] .noUi-connect {
background: #BBB
}
[_nghost-efh-c467] [disabled] .noUi-handle,
[_nghost-efh-c467] [disabled].noUi-handle,
[_nghost-efh-c467] [disabled].noUi-target {
cursor: not-allowed
}
[_nghost-efh-c467] .noUi-pips,
[_nghost-efh-c467] .noUi-pips * {
box-sizing: border-box
}
[_nghost-efh-c467] .noUi-pips {
position: absolute;
color: #bbb
}
[_nghost-efh-c467] .noUi-value {
position: absolute;
white-space: nowrap;
text-align: center
}
[_nghost-efh-c467] .noUi-value-sub {
color: #bbb;
font-size: 10px
}
[_nghost-efh-c467] .noUi-marker {
position: absolute;
background: #BBB
}
[_nghost-efh-c467] .noUi-marker-large,
[_nghost-efh-c467] .noUi-marker-sub {
background: #BBB
}
[_nghost-efh-c467] .noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%
}
[_nghost-efh-c467] .noUi-value-horizontal {
transform: translate(-50%, 50%)
}
[_nghost-efh-c467] .noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px
}
[_nghost-efh-c467] .noUi-marker-horizontal.noUi-marker-sub {
height: 10px
}
[_nghost-efh-c467] .noUi-marker-horizontal.noUi-marker-large {
height: 15px
}
[_nghost-efh-c467] .noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%
}
[_nghost-efh-c467] .noUi-value-vertical {
transform: translateY(50%);
padding-left: 25px
}
[_nghost-efh-c467] .noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px
}
[_nghost-efh-c467] .noUi-marker-vertical.noUi-marker-sub {
width: 10px
}
[_nghost-efh-c467] .noUi-marker-vertical.noUi-marker-large {
width: 15px
}
[_nghost-efh-c467] .noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #EEE;
border-radius: 3px;
background: #FFF;
color: #333;
padding: 5px;
text-align: center;
white-space: nowrap
}
[_nghost-efh-c467] .noUi-horizontal .noUi-tooltip {
transform: translate(-50%);
left: 50%;
bottom: 120%
}
[_nghost-efh-c467] .noUi-vertical .noUi-tooltip {
transform: translateY(-50%);
top: 50%;
right: 120%
}
.slider-padding[_ngcontent-efh-c467] {
padding: 50px 0
}
/* #endregion */
/* #region #50 */
[_nghost-efh-c321] {
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
}
/* #endregion */
</style>
</head>
<body id="body1" class="">
<app-dtm-analytics ng-version="13.3.11"></app-dtm-analytics>
<link rel="stylesheet" href="assets/css/def.css">
<div class="outdated-browser-Info hide-browser-info hide" style="display: none;">
<div class="outdated-browser-header">
<div class="browser-logo">
<img src="assets/svg/NedbankIcon.svg" alt="Nedbank logo">
</div>
<div class="browser-cross">
<img src="assets/svg/cross-Black-small.svg" alt="Exit and close window">
</div>
<div class="dummy-clear"></div>
</div>
<div class="outdated-browser-body">
<div class="browser-image mob-only">
<img src="assets/svg/outdated-browser.svg" alt="Outdated-browser alert">
</div>
<div class="browser-info">
<div class="info-top">Your browser is outdated.</div>
<div class="info-middle">
<p class="info-middle-text">
To use Online Banking safely, please update to any of these recommended browsers.
</p>
<p class="info-middle-text">
Alternatively, you can use the Money app from your cellphone.
</p>
</div>
<ul class="info-bottom">
<li class="info-bottom-text">Google Chrome</li>
<li class="info-bottom-text">Mozilla Firefox</li>
<li class="info-bottom-text">Safari</li>
<li class="info-bottom-text">Microsoft Edge</li>
</ul>
<div class="info-nedbank-cta">
<button class="home-button mob-only">Nedbank home</button>
<button class="home-button desktop-only">Back to homepage</button>
</div>
</div>
<div class="browser-image desktop-only">
<img src="assets/svg/outdated-browser.svg" alt="Outdated-browser alert">
</div>
</div>
<div class="outdated-browser-footer">
<div class="tab-desk-copyright footer-text">© Nedbank 2019</div>
<div class="abt-section">
<div class="footer-text">About us</div>
<div class="footer-text">Careers</div>
<div class="footer-text">News</div>
<div class="footer-text">Legal</div>
<div class="footer-text">Support</div>
<div class="footer-text copy-mobile">© Nedbank 2019</div>
</div>
<div class="dummmy-clear"></div>
</div>
</div>
<app-root id="root-loader" class="">
<div class="app-loading">
<div class="app-loading-container">
<div class="loading-ring">
<div></div>
<div></div>
<div></div>
<svg style="width:4rem;height:4rem;" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink">
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Nedbank-logo/80px---Large">
<g id="Group" transform="translate(10.000000, 10.000000)">
<polygon id="Path-2" fill="#006341" points="2.67857329 12.2557137 2.67857329 47.4402945 17.0301403 56.7835551 30.0878217 48.2184189 43.1541359 56.7835551 57.061374 47.4402945 57.061374 12.2458101 43.1541359 3.01621329 30.0878217 11.4158053 17.0301403 3.01621329">
</polygon>
<g id="Nedbank-logo-new-Copy-10" transform="translate(1.428571, 1.428571)" fill="#FFFFFF">
<path d="M41.4223511,0.18395176 L56.8428672,10.3137203 L56.8428672,46.7060253 L41.4223511,56.8391063 L28.4182667,48.3018013 L15.4820248,56.8413146 L0.052782029,46.7063014 L0.052782029,10.3418761 L15.4794912,0.180639303 L28.4182667,8.7182203 L41.4223511,0.18395176 Z M54.4244087,11.4922923 L41.5208213,2.95139888 L28.6172338,11.4922923 L15.7139279,2.95139888 L2.48801817,11.4922923 L2.48801817,45.3386984 L15.7139279,53.8793158 L28.6172338,45.3386984 L41.5208213,53.8793158 L54.4244087,45.3386984 L54.4244087,11.4922923 Z" id="Combined-Shape"></path>
<path d="M15.7139279,36.798081 L26.0366852,43.7570004 L15.7139279,50.7161958 L15.7139279,36.798081 Z M41.5208213,23.1960298 L41.5208213,6.11479499 L51.5209749,12.7573747 L51.5209749,43.4406608 L5.06856676,13.0737144 L15.7139279,6.11479499 L41.5208213,23.1960298 Z" id="Fill-14"></path>
</g>
</g>
</g>
</g>
</svg>
</div>
</div>
</div>
</app-root>
<app-loader _ngcontent-jkm-c137="" _nghost-jkm-c128="" class="hide" id="app-loader">
<div _ngcontent-jkm-c128="" class="loader-mask appFocusTrap">
<div _ngcontent-jkm-c128="" class="loader-spinner">
<svg _ngcontent-jkm-c128="" ngclass="spinner-container" viewBox="0 0 52 52" class="spinner-container">
<circle _ngcontent-jkm-c128="" cx="26px" cy="26px" r="20px" fill="none" stroke-width="4px" class="path green"></circle>
</svg>
</div>
<!---->
</div><!---->
</app-loader>
<app-root class="root-element hide" _nghost-jkm-c137="" ng-version="13.3.11" id="index">
<div _ngcontent-jkm-c137="" class="app-transform__none">
<div _ngcontent-jkm-c137="" id="left"></div>
<div _ngcontent-jkm-c137="" id="right"></div>
<div _ngcontent-jkm-c137="" id="top"></div>
<div _ngcontent-jkm-c137="" id="bottom"></div>
<cookie-law _ngcontent-jkm-c137="" position="top" expiration="180" seen="true">
<!---->
</cookie-law>
<app-pre-auth-header _ngcontent-jkm-c137="" _nghost-jkm-c123="" class="ng-star-inserted secondaryHeaderHeight">
<header _ngcontent-jkm-c123="" class="main-header header-background-color un-auth ng-star-inserted">
<div _ngcontent-jkm-c123="" class="shiftHeader">
<div _ngcontent-jkm-c123="" class="row">
<div _ngcontent-jkm-c123="" class="col-xs-12">
<div _ngcontent-jkm-c123="" class="header-block">
<div _ngcontent-jkm-c123="" class="left">
<a _ngcontent-jkm-c123="" tabindex="-1" routerlink="/login" class="logo"></a>
</div>
<div _ngcontent-jkm-c123="" class="right top-right-header-section">
<ul _ngcontent-jkm-c123="">
<li _ngcontent-jkm-c123="" aria-labelledby="chat-icon" class="chat">
<div _ngcontent-jkm-c123="" aria-hidden="true">
<div _ngcontent-jkm-c123="" class="chat-box">
<span _ngcontent-jkm-c123="" class="chat-icon"></span>
<span _ngcontent-jkm-c123="" class="chat-text">Nedbank
Chat</span>
</div>
</div>
</li>
<li _ngcontent-jkm-c123="" class="branch">
<div _ngcontent-jkm-c123="" class="icon"></div>
<div _ngcontent-jkm-c123="" class="details">
<a _ngcontent-jkm-c123="" tabindex="-1">Branch locator</a>
</div>
</li>
<li _ngcontent-jkm-c123="" class="contact-details">
<div _ngcontent-jkm-c123="" class="icon"></div>
<div _ngcontent-jkm-c123="" class="details">
<p _ngcontent-jkm-c123="" class="call">+27 800 555 111</p>
</div>
</li>
<li _ngcontent-jkm-c123="" class="mob-only">
<div _ngcontent-jkm-c123="" class="hamburger-icon-pre-login ng-star-inserted"></div><!---->
<!---->
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<app-prelogin-hamburger _ngcontent-jkm-c123="" _nghost-jkm-c122=""><!----></app-prelogin-hamburger>
</header><!---->
</app-pre-auth-header><!---->
<!---->
<div _ngcontent-jkm-c137="" id="scroll-page" class="scroll-page main-page">
<div _ngcontent-jkm-c137="" class="main-content-wrapper clearfix">
<div _ngcontent-jkm-c137="" class="page-content-footer-wrapper">
<div _ngcontent-jkm-c137="" class="app-content-inner nid-lib-styler">
<app-system-error _ngcontent-jkm-c137="" _nghost-jkm-c72="" class="ng-star-inserted"><!---->
<!---->
<!---->
<!---->
<div _ngcontent-jkm-c72="" class="hidden">
<img _ngcontent-jkm-c72="" src="./assets/svg/Error_Orange.svg">
</div>
<!---->
</app-system-error><!---->
<router-outlet _ngcontent-jkm-c137="">
</router-outlet><ng-component _nghost-jkm-c119="" class="ng-star-inserted">
<!---->
<div _ngcontent-jkm-c119="" class="ng-star-inserted">
<div _ngcontent-jkm-c119="" class="container-fluid component-container animated fadeIn">
<div _ngcontent-jkm-c119="" class="clearfix">
<!---->
<div _ngcontent-jkm-c119="" class="border-right-container intro-container hidden-xs hidden-sm col-md-7 col-lg-7">
<div _ngcontent-jkm-c119="" class="top-container">
<div _ngcontent-jkm-c119="" aria-label="Please login with your Nedbank ID or register for one using your profile pin and password." class="intro-img-container">
<img _ngcontent-jkm-c119="" alt="Nedbank Online Banking" src="./assets/svg/NedbankExperience.svg">
</div>
<div _ngcontent-jkm-c119="">
<h1 _ngcontent-jkm-c119="" class="headingText">Nedbank Online
Banking</h1>
</div>
<div _ngcontent-jkm-c119="" class="intro-content">
<div _ngcontent-jkm-c119="" class="intro-content-icons">
<div _ngcontent-jkm-c119="" class="intro-content-icon">
<img _ngcontent-jkm-c119="" alt="Fast" src="./assets/svg/login-fast.svg">
<small _ngcontent-jkm-c119="">Fast</small>
</div>
<div _ngcontent-jkm-c119="" class="intro-content-icon">
<img _ngcontent-jkm-c119="" alt="Easy" src="./assets/svg/login-easy.svg">
<small _ngcontent-jkm-c119="">Easy</small>
</div>
<div _ngcontent-jkm-c119="" class="intro-content-icon">
<img _ngcontent-jkm-c119="" alt="Secure" src="./assets/svg/login-secure.svg">
<small _ngcontent-jkm-c119="">Secure</small>
</div>
</div>
<p _ngcontent-jkm-c119="">Access an enhanced banking experience
with<br _ngcontent-jkm-c119=""> great new features and
regular updates.</p>
<div _ngcontent-jkm-c119="" class="explore-our-demo ng-star-inserted">
<div _ngcontent-jkm-c119="">
<span _ngcontent-jkm-c119="" class="demo-icon"></span>
<span _ngcontent-jkm-c119="" class="explore-demo-content">Explore our demo</span>
</div>
</div><!---->
<!---->
<div _ngcontent-jkm-c119="" class="cms-container ng-star-inserted">
<app-cms-landing _ngcontent-jkm-c119="" _nghost-jkm-c116="">
<div _ngcontent-jkm-c116="" class="new-feature ng-star-inserted">
<div _ngcontent-jkm-c116="" class="main-content">
<div _ngcontent-jkm-c116="" class="heading">
</div>
<div _ngcontent-jkm-c116="" class="slider-container">
<!---->
<div _ngcontent-jkm-c116="" class="ng-star-inserted">
<app-swiper-slider _ngcontent-jkm-c116="" _nghost-jkm-c114="">
<div _ngcontent-jkm-c114="" class="swiper-slider-container">
<swiper _ngcontent-jkm-c114="" class="swiper" _nghost-jkm-c113="">
<div _ngcontent-jkm-c113="" class="swiper-container swiper-container-horizontal">
<div _ngcontent-jkm-c114="" class="swiper-wrapper" style="transform: translate3d(-2796px, 0px, 0px); transition-duration: 800ms;">
<a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" target="_blank" aria-label="Take me to Home Vision OB 6 of 7" data-swiper-slide-index="5" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="">
<div _ngcontent-jkm-c115="" class="card-container">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/Home_Vision_June_appTile.jpg" alt="Take me to Home Vision OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Save money and time. Get HomeVision with your home loan.
">
</p><p>Save
money
and
time.
Get
HomeVision
with
your
home
loan.
</p>
<p></p>
<div _ngcontent-jkm-c115="" class="footer" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a><a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" target="_blank" aria-label="Take me to MFC July OB 7 of 7" data-swiper-slide-index="6" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="">
<div _ngcontent-jkm-c115="" class="card-container">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/MFC_July_appTile.jpg" alt="Take me to MFC July OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Spotted your next set of wheels? Let MFC help you finance it.
">
</p><p>Spotted
your
next
set
of
wheels?
Let
MFC
help
you
finance
it.
</p>
<p></p>
<div _ngcontent-jkm-c115="" class="footer" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a>
<a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide ng-star-inserted swiper-slide-duplicate-next" target="_blank" aria-label="Take me to OB register tile 2 1 of 7" data-swiper-slide-index="0" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="" class="ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card-container ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/OB_register_appTile2.jpg" alt="Take me to OB register tile 2">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Enjoy the convenience of Online Banking. Have you registered yet?
">
</p><p>Enjoy
the
convenience
of
Online
Banking.
Have
you
registered
yet?...
</p>
<p></p>
<div _ngcontent-jkm-c115="" class="footer ng-star-inserted" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a><a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide ng-star-inserted" target="_blank" aria-label="Take me to July Savings Month Eight Ways Blog OB 2 of 7" data-swiper-slide-index="1" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="" class="ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card-container ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/8_ways_to_invest_blog_appTile.jpg" alt="Take me to July Savings Month Eight Ways Blog OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Ways to invest R500 monthly.
">
</p><p>Ways
to
invest
R500
monthly.<br>
</p>
<p></p>
<div _ngcontent-jkm-c115="" class="footer ng-star-inserted" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a><a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide ng-star-inserted" target="_blank" aria-label="Take me to Insurance Personal Lines OB 3 of 7" data-swiper-slide-index="2" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="" class="ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card-container ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/Insurance_Personal_Lines_July_appTile.jpg" alt="Take me to Insurance Personal Lines OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Get up to 20% off on your car and home insurance.
">
</p><p>Get
<b>up
to
20%
off
</b>on
your
car
and
home
insurance.
</p>
<p></p>
<div _ngcontent-jkm-c115="" class="footer ng-star-inserted" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a><a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide ng-star-inserted" target="_blank" aria-label="Take me to Fraud awareness OB 4 of 7" data-swiper-slide-index="3" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="" class="ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card-container ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/Fraud_Awareness_March_appTile.jpg" alt="Take me to Fraud awareness OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Protect yourself from banking fraud.
">
</p><p>Protect
yourself
from
banking
fraud.
</p>
<p></p>
<div _ngcontent-jkm-c115="" class="footer ng-star-inserted" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a><a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide ng-star-inserted" target="_blank" aria-label="Take me to MiGoals OB 5 of 7" data-swiper-slide-index="4" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="" class="ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card-container ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/MiGoals_Account_appTile.jpg" alt="Take me to MiGoals OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Join the bank that's best for your money.
">
</p><p>Join
the
bank
that's
best
for
your
money.<br>
</p>
<p></p>
<div _ngcontent-jkm-c115="" class="footer ng-star-inserted" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a><a _ngcontent-jkm-c114="" tabindex="4" role="listbox" aria-roledescription="slide" class="swiper-slide ng-star-inserted swiper-slide-prev" target="_blank" aria-label="Take me to Home Vision OB 6 of 7" data-swiper-slide-index="5" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="" class="ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card-container ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/Home_Vision_June_appTile.jpg" alt="Take me to Home Vision OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Save money and time. Get HomeVision with your home loan.
">
</p><p>Save
money
and
time.
Get
HomeVision
with
your
home
loan.
</p>
<p></p>
<div _ngcontent-jkm-c115="" class="footer ng-star-inserted" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a><a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide ng-star-inserted swiper-slide-active" target="_blank" aria-label="Take me to MFC July OB 7 of 7" data-swiper-slide-index="6" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="" class="ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card-container ng-star-inserted">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/MFC_July_appTile.jpg" alt="Take me to MFC July OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Spotted your next set of wheels? Let MFC help you finance it.
">
<span>Spotted
your
next
set
of
wheels?
Let
MFC
help
you
finance
it.
</span>
</p>
<div _ngcontent-jkm-c115="" class="footer ng-star-inserted" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a><!---->
<a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide swiper-slide-duplicate swiper-slide-next" target="_blank" aria-label="Take me to OB register tile 2 1 of 7" data-swiper-slide-index="0" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="">
<div _ngcontent-jkm-c115="" class="card-container">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/OB_register_appTile2.jpg" alt="Take me to OB register tile 2">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Enjoy the convenience of Online Banking. Have you registered yet?
">
<span>Enjoy
the
convenience
of
Online
Banking.
Have
you
registered
yet?...
</span>
</p>
<div _ngcontent-jkm-c115="" class="footer" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a><a _ngcontent-jkm-c114="" tabindex="-1" role="listbox" aria-roledescription="slide" class="swiper-slide swiper-slide-duplicate" target="_blank" aria-label="Take me to July Savings Month Eight Ways Blog OB 2 of 7" data-swiper-slide-index="1" style="width: 319.5px; margin-right: 30px;">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="">
<div _ngcontent-jkm-c115="" class="card-container">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/8_ways_to_invest_blog_appTile.jpg" alt="Take me to July Savings Month Eight Ways Blog OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Ways to invest R500 monthly.
">
</p><p>Ways
to
invest
R500
monthly.<br>
</p>
<p></p>
<div _ngcontent-jkm-c115="" class="footer" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div>
<!---->
</div>
</div>
</div>
<!---->
</app-card-tile>
<!---->
<!----><!---->
<!---->
</a>
</div>
</div>
</swiper>
<div _ngcontent-jkm-c114="" class="swiper-button-next ng-star-inserted">
</div>
<div _ngcontent-jkm-c114="" class="swiper-button-prev ng-star-inserted">
</div>
<!----><!---->
<div _ngcontent-jkm-c114="" class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
<span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet bullet-green"></span>
</div>
</div>
</app-swiper-slider>
</div><!---->
<!---->
</div>
</div>
</div><!---->
</app-cms-landing>
</div>
<!----><!---->
<div _ngcontent-jkm-c119="" class="entrust-container ng-star-inserted">
<a _ngcontent-jkm-c119="" target="blank" class="entrustAnchor" tabindex="1">
<img _ngcontent-jkm-c119="" alt="Entrust" src="./assets/png/entrust_site_seal_ssl.png" class="iconEntrust">
</a>
<span _ngcontent-jkm-c119="">Integrated with secure online
infrastructure.</span>
</div>
<!---->
</div>
<!---->
</div>
<div _ngcontent-jkm-c119="" class="bottom-container">
<div _ngcontent-jkm-c119="" class="border-top-container">
<div _ngcontent-jkm-c119="" class="information-container fraud border-right-container highlighted col-xs-6">
<div _ngcontent-jkm-c119="" class="gd-form formInput ng-star-inserted">
<div _ngcontent-jkm-c119="" class="infoHeading" tabindex="1">Beware of the latest scams</div>
<div _ngcontent-jkm-c119="" class="infoText hide-mobile" tabindex="1">There has been an increase in online
fraud in the banking industry with some of the
latest scams involving fraudsters prompting you to
click on a link in an email or SMS.</div>
<div _ngcontent-jkm-c119="" class="infoText hidden-sm hidden-md hidden-lg">There
has been an increase in online fraud in the banking
industry with some of the latest scams involving
fraudsters prompting you to click on a link in an
email or SMS.</div>
<div _ngcontent-jkm-c119="">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Read more about the latest alert message" class="link-text" tabindex="1">
<span _ngcontent-jkm-c119="">Learn
more →</span></a>
</div>
</div>
<!---->
</div>
<div _ngcontent-jkm-c119="" class="information-container info col-xs-6">
<div _ngcontent-jkm-c119="" class="gd-form hide-mobile formInput ng-star-inserted">
<div _ngcontent-jkm-c119="" class="infoHeading">
Important information
</div>
<div _ngcontent-jkm-c119="" class="infoText">
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Go to Fraud Awareness information" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Fraud awareness
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Go to verify payments" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Verify payments
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Accessibility FAQ" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Accessibility
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" aria-label="View browser requirements" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Browser requirements
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Go to Online Share Trading" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Online share trading
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Privacy notice" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Privacy notice
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" class="icon-field" tabindex="1" aria-label="Promotion of access to information (PAIA)">
<div _ngcontent-jkm-c119="">
<span _ngcontent-jkm-c119="" class="PAIA-text">Promotion of
access to information (PAIA)</span>
<i _ngcontent-jkm-c119="" class="arrow PAIA-arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
</div>
</div>
<!---->
</div>
</div>
</div>
</div>
<div _ngcontent-jkm-c119="" class="col-xs-12 col-sm-12 col-md-5 col-lg-5 login-container">
<form _ngcontent-jkm-c119="" novalidate="" class="gd-form ng-untouched ng-pristine ng-valid">
<div _ngcontent-jkm-c119="" class="ng-star-inserted">
<div _ngcontent-jkm-c119="" class="hidden-md hidden-lg">
<h3 _ngcontent-jkm-c119="" class="headingText">Nedbank
Online Banking</h3>
</div>
<div _ngcontent-jkm-c119="" class="login-form formInput">
<div _ngcontent-jkm-c119="" class="registerBlock ng-star-inserted">
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" aria-label="Login through QR Code" class="icon-field" tabindex="1">
<span _ngcontent-jkm-c119="" class="iconImg icon-qrcode"></span>
<div _ngcontent-jkm-c119="" class="registration"> Fast and easy <br _ngcontent-jkm-c119=""> <span _ngcontent-jkm-c119="" class="text"> QR
Code login </span></div>
<i _ngcontent-jkm-c119="" class="arrow"></i>
</a>
<div _ngcontent-jkm-c119="" class="line-separator">
<span _ngcontent-jkm-c119="" class="text"> or
</span>
</div>
</div>
<!---->
</div><!---->
<div _ngcontent-jkm-c119="" class="gd-form-row">
<h4 _ngcontent-jkm-c119="" class="login-title ng-star-inserted">Log in with
your Nedbank ID.</h4><!---->
<!---->
</div>
<div _ngcontent-jkm-c119="" class="registerText gd-form-row ng-star-inserted">
<span _ngcontent-jkm-c119="" class="link-text">Don't
have a Nedbank ID?</span>
<button _ngcontent-jkm-c119="" type="button" class="gd-primary-btn">Register</button>
</div>
<!---->
<app-message-alert _ngcontent-jkm-c119="" _nghost-jkm-c112="" class="hide">
<div _ngcontent-jkm-c112="" role="alert" class="alertMessage container no-padding" aria-hidden="false">
<div _ngcontent-jkm-c112="" class="alert-container defaultError">
<div _ngcontent-jkm-c112="" class="message center error">
<div _ngcontent-jkm-c112="" class="errorIcon"></div>
<div _ngcontent-jkm-c112="" class="text">
<div _ngcontent-jkm-c112="">Sorry, the
details you have provided are
incorrect. Please revise and try
again.</div><!---->
<!---->
<!---->
</div>
<div _ngcontent-jkm-c112="" class="closeIcon icon"></div><!---->
</div>
</div>
</div><!---->
</app-message-alert>
<!---->
<div _ngcontent-jkm-c119="">
<div _ngcontent-jkm-c119="" class="gd-form-row">
<label _ngcontent-jkm-c119="" for="username" class="active gd-sm-label ng-star-inserted">Username</label>
<!---->
<!---->
<!---->
<label _ngcontent-jkm-c119="" appviewfocus="" role="application" class="visuallyhidden" tabindex="2" aria-label="Please enter your Nedbank ID username and password to log in.">Please
enter your Nedbank ID username and password to
log in.</label>
<input _ngcontent-jkm-c119="" id="username" aria-label="Nedbank ID Username" name="username" autocomplete="off" type="text" appvalidateonblur="" appvalidaterequired="" class="validate form-element avcobrowse-mask ng-untouched ng-pristine ng-valid" tabindex="2" maxlength="60">
<span _ngcontent-jkm-c119="" class="helpText ng-star-inserted"></span>
<!---->
<!---->
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<label _ngcontent-jkm-c119="" for="password" class="active gd-sm-label">Password</label>
<div _ngcontent-jkm-c119="" class="input-container avcobrowse-mask">
<input _ngcontent-jkm-c119="" type="password" tabindex="-1" class="stealthy">
<input _ngcontent-jkm-c119="" id="password" aria-label="Nedbank ID Password" name="password" autocomplete="off" appvalidateonblur="" appvalidaterequired="" apphidepassword="" class="validate form-element passwordInput avcobrowse-mask ng-untouched ng-pristine ng-valid" tabindex="2" type="password">
<input _ngcontent-jkm-c119="" type="password" tabindex="-1" class="stealthy">
<span _ngcontent-jkm-c119="" class="input-img">
<i _ngcontent-jkm-c119="" class="fa-fa-eye-show"></i>
</span>
</div>
<span _ngcontent-jkm-c119="" class="helpText ng-star-inserted"></span>
<!---->
<!---->
</div>
<div _ngcontent-jkm-c119="" class="forgotDetailsText ng-star-inserted">
<a _ngcontent-jkm-c119="" aria-label="To recover your Nedbank ID, go to Forgot your details?" class="forget-link link-text" tabindex="2">Need
help logging in?</a>
<span _ngcontent-jkm-c119="" class="arrow-icon"></span>
</div><!---->
<div _ngcontent-jkm-c119="" class="termsText">
By logging in I accept the
<a _ngcontent-jkm-c119="" aria-label="To read our terms and conditions, go to terms and conditions?" target="_blank" class="link-text small" tabindex="2">terms
and conditions.</a>
</div>
<div _ngcontent-jkm-c119="" class="buttonDiv">
<app-bottom-button _ngcontent-jkm-c119="" _nghost-jkm-c58="" class="btn-disabled" id="loginButtonWrapper">
<button _ngcontent-jkm-c58="" id="log_in" =""="" tabindex="2" class="gd-primary-btn" disabled="">
<span _ngcontent-jkm-c58="" class="visuallyhidden" aria-hidden="true"></span>
<span _ngcontent-jkm-c58="" aria-hidden="false" id="loginText"> Log
in </span>
<div class="loader hide">
<div class="loading-ring">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!---->
<!---->
</button>
</app-bottom-button>
</div>
<div _ngcontent-jkm-c119="" class="hidden-md hidden-lg ng-star-inserted">
<div _ngcontent-jkm-c119="" class="explore-our-demo ng-star-inserted">
<div _ngcontent-jkm-c119="">
<span _ngcontent-jkm-c119="" class="demo-icon"></span>
<span _ngcontent-jkm-c119="" class="explore-demo-content">Explore our
demo</span>
</div>
</div><!---->
<!---->
</div><!---->
<!---->
<app-cms-landing _ngcontent-jkm-c119="" _nghost-jkm-c116="" class="hidden-md hidden-lg">
<div _ngcontent-jkm-c116="" class="new-feature">
<div _ngcontent-jkm-c116="" class="main-content">
<div _ngcontent-jkm-c116="" class="heading">
</div>
<div _ngcontent-jkm-c116="" class="slider-container">
<!---->
<!---->
<div _ngcontent-jkm-c116="" class="tiles-container">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="">
<div _ngcontent-jkm-c115="" class="card-container">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/OB_register_appTile2.jpg" alt="Take me to OB register tile 2">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Enjoy the convenience of Online Banking. Have you registered yet?
">
<span>Enjoy the
convenience
of
Online
Banking.
Have you
registered
yet?...
</span></p>
<div _ngcontent-jkm-c115="" class="footer" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div><!---->
</div>
</div>
</div><!---->
</app-card-tile>
</div>
<div _ngcontent-jkm-c116="" class="tiles-container">
<app-card-tile _ngcontent-jkm-c116="" _nghost-jkm-c115="">
<div _ngcontent-jkm-c115="" class="card-container">
<div _ngcontent-jkm-c115="" class="card">
<div _ngcontent-jkm-c115="" class="image-container">
<img _ngcontent-jkm-c115="" class="card-img-top" tabindex="-1" src="assets/jpg/benefit_from_tax_free_blog_appTile.jpg" alt="Take me to July Savings Month Tax Free Blog OB">
</div>
<div _ngcontent-jkm-c115="" class="card-body">
<p _ngcontent-jkm-c115="" class="card-text" tabindex="-1" title="Benefits of tax-free savings.
">
<span>Benefits
of
tax-free
savings.<br>
</span>
</p>
<div _ngcontent-jkm-c115="" class="footer" tabindex="-1">
<span _ngcontent-jkm-c115="" class="text-style">Find
out
more</span>
<span _ngcontent-jkm-c115="" class="link-icon"></span>
</div><!---->
</div>
</div>
</div><!---->
</app-card-tile>
</div><!---->
<p _ngcontent-jkm-c116="" class="tiles-pagination">
Load more <span _ngcontent-jkm-c116="" class="ellipses">...</span>
</p><!---->
<!----><!---->
</div>
</div>
</div><!---->
</app-cms-landing>
<div _ngcontent-jkm-c119="" class="hidden-md hidden-lg">
<div _ngcontent-jkm-c119="" class="entrust-container ng-star-inserted">
<a _ngcontent-jkm-c119="" target="blank" class="entrustAnchor" tabindex="1">
<img _ngcontent-jkm-c119="" alt="Entrust" src="./assets/png/entrust_site_seal_ssl.png" class="iconEntrust">
</a>
<span _ngcontent-jkm-c119="">Integrated with
secure online infrastructure.</span>
</div>
<!---->
</div>
<div _ngcontent-jkm-c119="" class="appInfo">
<div _ngcontent-jkm-c119="" class="appBlock hide-mobile ng-star-inserted">
<div _ngcontent-jkm-c119="">While you’re at it,
download our new</div>
<div _ngcontent-jkm-c119="">
<a _ngcontent-jkm-c119="" aria-label="Download Nedbank Money app" target="_blank" class="link-text" tabindex="2">Nedbank
Money app</a>
</div>
</div>
<div _ngcontent-jkm-c119="" class="app-download-block hide-mobile ng-star-inserted">
<div _ngcontent-jkm-c119="" class="linkButtons">
<span _ngcontent-jkm-c119="" class="app-link ng-star-inserted">
<a _ngcontent-jkm-c119="" tabindex="2" aria-label="Get it on Google Play">
<img _ngcontent-jkm-c119="" alt="Get it on Google Play" src="assets/svg/GooglePlay.svg">
</a>
</span><span _ngcontent-jkm-c119="" class="app-link ng-star-inserted">
<a _ngcontent-jkm-c119="" tabindex="2" aria-label="Available on the App Store">
<img _ngcontent-jkm-c119="" alt="Available on the App Store" src="assets/svg/AppStoreBadge.svg">
</a>
</span><span _ngcontent-jkm-c119="" class="app-link ng-star-inserted">
<a _ngcontent-jkm-c119="" tabindex="2" aria-label="Available on the Huawei Store">
<img _ngcontent-jkm-c119="" alt="Available on the Huawei Store" src="assets/svg/HuaweiStoreBadge.svg">
</a>
</span><!---->
</div>
</div>
<!---->
</div>
</div>
</div>
<div _ngcontent-jkm-c119="" class="hidden-xs col-sm-12 hidden-md hidden-lg border-top-container">
<div _ngcontent-jkm-c119="" class="information-container fraud highlighted col-sm-6">
<div _ngcontent-jkm-c119="" class="gd-form formInput ng-star-inserted">
<div _ngcontent-jkm-c119="" class="infoHeading" tabindex="1">Beware of the latest scams</div>
<div _ngcontent-jkm-c119="" class="infoText hide-mobile" tabindex="1">There
has been an increase in online fraud in the
banking industry with some of the latest scams
involving fraudsters prompting you to click on a
link in an email or SMS.</div>
<div _ngcontent-jkm-c119="" class="infoText hidden-sm hidden-md hidden-lg">
There has been an increase in online fraud in
the banking industry with some of the latest
scams involving fraudsters prompting you to
click on a link in an email or SMS.</div>
<div _ngcontent-jkm-c119="">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Read more about the latest alert message" class="link-text" tabindex="1">
<span _ngcontent-jkm-c119="">Learn
more →</span></a>
</div>
</div>
<!---->
</div>
<div _ngcontent-jkm-c119="" class="information-container info col-sm-6">
<div _ngcontent-jkm-c119="" class="gd-form hide-mobile formInput ng-star-inserted">
<div _ngcontent-jkm-c119="" class="infoHeading">
Important information
</div>
<div _ngcontent-jkm-c119="" class="infoText">
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Go to Fraud Awareness information" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Fraud awareness
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Go to verify payments" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Verify payments
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Accessibility FAQ" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Accessibility
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" aria-label="View browser requirements" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Browser requirements
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Go to Online Share Trading" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Online share trading
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Privacy notice" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Privacy notice
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" class="icon-field" tabindex="1" aria-label="Promotion of access to information (PAIA)">
<div _ngcontent-jkm-c119="">
<span _ngcontent-jkm-c119="" class="PAIA-text">Promotion of
access to information
(PAIA)</span>
<i _ngcontent-jkm-c119="" class="arrow PAIA-arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
</div>
</div>
<!---->
</div>
</div>
<div _ngcontent-jkm-c119="" class="col-xs-12 hidden-md hidden-lg hidden-sm">
<div _ngcontent-jkm-c119="" class="information-container info col-xs-12">
<div _ngcontent-jkm-c119="" class="gd-form hide-mobile formInput ng-star-inserted">
<div _ngcontent-jkm-c119="" class="infoHeading">
Important information
</div>
<div _ngcontent-jkm-c119="" class="infoText">
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Go to Fraud Awareness information" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Fraud awareness
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Go to verify payments" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Verify payments
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Accessibility FAQ" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Accessibility
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" aria-label="View browser requirements" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Browser requirements
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Go to Online Share Trading" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Online share trading
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Privacy notice" class="icon-field" tabindex="1">
<div _ngcontent-jkm-c119="">
Privacy notice
<i _ngcontent-jkm-c119="" class="arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
<div _ngcontent-jkm-c119="" class="gd-form-row">
<a _ngcontent-jkm-c119="" target="_blank" class="icon-field" tabindex="1" aria-label="Promotion of access to information (PAIA)">
<div _ngcontent-jkm-c119="">
<span _ngcontent-jkm-c119="" class="PAIA-text">Promotion of
access to information
(PAIA)</span>
<i _ngcontent-jkm-c119="" class="arrow PAIA-arrow"></i>
</div>
</a>
<hr _ngcontent-jkm-c119="">
</div>
</div>
</div>
<!---->
</div>
<div _ngcontent-jkm-c119="" class="information-container fraud highlighted col-xs-12 covid19-footer-margin">
<div _ngcontent-jkm-c119="" class="gd-form formInput ng-star-inserted">
<div _ngcontent-jkm-c119="" class="infoHeading" tabindex="1">Beware of the latest scams</div>
<div _ngcontent-jkm-c119="" class="infoText hide-mobile" tabindex="1">There
has been an increase in online fraud in the
banking industry with some of the latest scams
involving fraudsters prompting you to click on a
link in an email or SMS.</div>
<div _ngcontent-jkm-c119="" class="infoText hidden-sm hidden-md hidden-lg">
There has been an increase in online fraud in
the banking industry with some of the latest
scams involving fraudsters prompting you to
click on a link in an email or SMS.</div>
<div _ngcontent-jkm-c119="">
<a _ngcontent-jkm-c119="" target="_blank" aria-label="Read more about the latest alert message" class="link-text" tabindex="1">
<span _ngcontent-jkm-c119="">Learn
more →</span></a>
</div>
</div>
<!---->
</div>
</div>
</div><!---->
<!---->
</form>
</div>
</div>
</div>
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
</div><!---->
<!---->
<!---->
</ng-component><!---->
</div>
<app-footer _ngcontent-jkm-c137="" class="hide-mobile ng-star-inserted" _nghost-jkm-c125="">
<footer _ngcontent-jkm-c125="" class="main-footer">
<div _ngcontent-jkm-c125="" class="footer-container">
<div _ngcontent-jkm-c125="">
<div _ngcontent-jkm-c125="">
<div _ngcontent-jkm-c125="" class="footer-block">
<div _ngcontent-jkm-c125="" class="copyright" tabindex="3">
<span _ngcontent-jkm-c125="" class="text">
Nedbank Online Banking v23.1.0.0 <br _ngcontent-jkm-c125="">
Nedbank Ltd Reg No 1951/000009/06.Licensed financial services
provider (FSP9363) and registered credit provider (NCRCP16).
</span>
</div>
<ul _ngcontent-jkm-c125="" class="footer-nav">
<li _ngcontent-jkm-c125="" class="ng-star-inserted">
<a _ngcontent-jkm-c125="" tabindex="3" aria-label="View Nedbank contacts">
<span _ngcontent-jkm-c125="" aria-hidden="true" class="text">Get in touch</span>
<i _ngcontent-jkm-c125="" class="arrow fa fa-angle-right"></i>
</a>
</li>
<li _ngcontent-jkm-c125="" class="ng-star-inserted">
<a _ngcontent-jkm-c125="" tabindex="3" aria-label="Find a Nedbank ATM or Branch">
<span _ngcontent-jkm-c125="" aria-hidden="true" class="text">Find an ATM or branch</span>
<i _ngcontent-jkm-c125="" class="arrow fa fa-angle-right"></i>
</a>
</li>
<li _ngcontent-jkm-c125="" class="ng-star-inserted">
<a _ngcontent-jkm-c125="" tabindex="3" aria-label="Read more about Nedbank online banking">
<span _ngcontent-jkm-c125="" aria-hidden="true" class="text">Help</span>
<i _ngcontent-jkm-c125="" class="arrow fa fa-angle-right"></i>
</a>
</li>
<li _ngcontent-jkm-c125="" class="ng-star-inserted">
<a _ngcontent-jkm-c125="" tabindex="3" aria-label="Read Nedbank terms and conditions">
<span _ngcontent-jkm-c125="" aria-hidden="true" class="text">Terms and conditions</span>
<i _ngcontent-jkm-c125="" class="arrow fa fa-angle-right"></i>
</a>
</li><!---->
</ul>
</div>
</div>
</div>
</div>
</footer>
</app-footer><!---->
</div>
<div _ngcontent-jkm-c137="" class="clear-right ng-star-inserted"></div><!---->
<app-side-bar _ngcontent-jkm-c137="" _nghost-jkm-c126="">
<div _ngcontent-jkm-c126="" class="sidebar-container secondary-header">
<div _ngcontent-jkm-c126="" class="side-bar no-print header-closed">
<div _ngcontent-jkm-c126="" class="side-bar-main-container no-print">
<div _ngcontent-jkm-c126="" class="header ng-star-inserted">
<span _ngcontent-jkm-c126="" class="text ng-star-inserted"></span>
<!---->
<span _ngcontent-jkm-c126="" class="icon-close"></span>
</div><!---->
<div _ngcontent-jkm-c126="" class="body with-header">
<!---->
</div>
</div>
</div>
<div _ngcontent-jkm-c126="" class="side-bar-content no-print content-closed">
<div _ngcontent-jkm-c126="" class="side-bar-main-container no-print">
<div _ngcontent-jkm-c126="" class="content">
<!---->
</div>
</div>
</div>
<!---->
</div>
</app-side-bar>
</div>
<app-unsave-overlay _ngcontent-jkm-c137="" _nghost-jkm-c127=""></app-unsave-overlay>
</div>
<app-loader _ngcontent-jkm-c137="" _nghost-jkm-c128=""><!---->
</app-loader>
<app-browser-back-overlay _ngcontent-jkm-c137="" _nghost-jkm-c130=""><!----></app-browser-back-overlay>
<app-common-popup _ngcontent-jkm-c137="" _nghost-jkm-c131=""><!---->
<!---->
<!----></app-common-popup>
<app-common-modal _ngcontent-jkm-c137="" _nghost-jkm-c132=""><!---->
</app-common-modal>
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<app-demo _ngcontent-jkm-c137="" _nghost-jkm-c133=""><!---->
<!---->
<!---->
<!---->
<!---->
<!---->
</app-demo>
<!---->
<!---->
<app-white-loader _ngcontent-jkm-c137="" _nghost-jkm-c134="" class="hide-loader">
<div _ngcontent-jkm-c134="" role="dialog" tabindex="6" class="app-loading-group">
<div _ngcontent-jkm-c134="" class="app-loading">
<div _ngcontent-jkm-c134="" class="app-loading-container">
<div _ngcontent-jkm-c134="" class="loading-ring">
<div _ngcontent-jkm-c134=""></div>
<div _ngcontent-jkm-c134=""></div>
<div _ngcontent-jkm-c134=""></div>
<svg _ngcontent-jkm-c134="" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 4rem; height: 4rem;">
<g _ngcontent-jkm-c134="" id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g _ngcontent-jkm-c134="" id="Nedbank-logo/80px---Large">
<g _ngcontent-jkm-c134="" id="Group" transform="translate(10.000000, 10.000000)">
<polygon _ngcontent-jkm-c134="" id="Path-2" fill="#006341" points="2.67857329 12.2557137 2.67857329 47.4402945 17.0301403 56.7835551 30.0878217 48.2184189 43.1541359 56.7835551 57.061374 47.4402945 57.061374 12.2458101 43.1541359 3.01621329 30.0878217 11.4158053 17.0301403 3.01621329">
</polygon>
<g _ngcontent-jkm-c134="" id="Nedbank-logo-new-Copy-10" transform="translate(1.428571, 1.428571)" fill="#FFFFFF">
<path _ngcontent-jkm-c134="" d="M41.4223511,0.18395176 L56.8428672,10.3137203 L56.8428672,46.7060253 L41.4223511,56.8391063 L28.4182667,48.3018013 L15.4820248,56.8413146 L0.052782029,46.7063014 L0.052782029,10.3418761 L15.4794912,0.180639303 L28.4182667,8.7182203 L41.4223511,0.18395176 Z M54.4244087,11.4922923 L41.5208213,2.95139888 L28.6172338,11.4922923 L15.7139279,2.95139888 L2.48801817,11.4922923 L2.48801817,45.3386984 L15.7139279,53.8793158 L28.6172338,45.3386984 L41.5208213,53.8793158 L54.4244087,45.3386984 L54.4244087,11.4922923 Z" id="Combined-Shape"></path>
<path _ngcontent-jkm-c134="" d="M15.7139279,36.798081 L26.0366852,43.7570004 L15.7139279,50.7161958 L15.7139279,36.798081 Z M41.5208213,23.1960298 L41.5208213,6.11479499 L51.5209749,12.7573747 L51.5209749,43.4406608 L5.06856676,13.0737144 L15.7139279,6.11479499 L41.5208213,23.1960298 Z" id="Fill-14"></path>
</g>
</g>
</g>
</g>
</svg>
<span _ngcontent-jkm-c134="" tabindex="1" aria-label="Almost done!" class="delay-message">Almost done!</span>
</div>
</div>
</div>
</div>
</app-white-loader>
</div>
<!---->
</app-root>
<app-root id="profile-settings" class="hide" _nghost-efh-c137="" ng-version="13.3.11">
<div _ngcontent-efh-c137="">
<div _ngcontent-efh-c137="" id="left"></div>
<div _ngcontent-efh-c137="" id="right"></div>
<div _ngcontent-efh-c137="" id="top"></div>
<div _ngcontent-efh-c137="" id="bottom"></div>
<cookie-law _ngcontent-efh-c137="" position="top" expiration="180" seen="true">
<!---->
</cookie-law>
<!---->
<!---->
<div _ngcontent-efh-c137="" id="scroll-page" class="scroll-page main-page">
<div _ngcontent-efh-c137="" class="main-content-wrapper clearfix">
<div _ngcontent-efh-c137="" class="page-content-footer-wrapper">
<div _ngcontent-efh-c137="" class="app-content-inner nid-lib-styler">
<!---->
<router-outlet _ngcontent-efh-c137="">
</router-outlet><app-landing _nghost-efh-c379=""><app-header _ngcontent-efh-c379="" _nghost-efh-c373="">
<div _ngcontent-efh-c373="" class="auth-header mainHeaderHeight">
<div _ngcontent-efh-c373="" class="sub-menu-mob">
<div _ngcontent-efh-c373="" class="details">
<div _ngcontent-efh-c373="" class="sub-menu-close">
<span _ngcontent-efh-c373="" class="cross"></span>
<span _ngcontent-efh-c373="" class="submenu-text">Settings</span>
</div>
<div _ngcontent-efh-c373="" class="sub-menu-border-line"></div>
<ul _ngcontent-efh-c373="" class="mobile-header-menu">
<!---->
</ul>
</div>
</div>
<header _ngcontent-efh-c373="" tabindex="-1" aria-hidden="true" class="main-header header-background-color-white">
<div _ngcontent-efh-c373="" class="container">
<div _ngcontent-efh-c373="" class="row">
<div _ngcontent-efh-c373="" class="col-xs-12">
<div _ngcontent-efh-c373="" class="header-block">
<div _ngcontent-efh-c373="" role="application" class="left top-padding position-header">
<a _ngcontent-efh-c373="" class="nooutline back-arrow-white-background"></a>
<span _ngcontent-efh-c373="" class="back-menu">Profile
settings</span><!---->
<div _ngcontent-efh-c373="" class="chat-right">
<span _ngcontent-efh-c373="" class="chat-icon-grey"></span><!---->
<!---->
<!---->
</div>
<nav _ngcontent-efh-c373="" class="main-nav">
<div _ngcontent-efh-c373="" class="user-details">
<div _ngcontent-efh-c373="" class="pic">
NT
</div>
<div _ngcontent-efh-c373="" class="details">
<p _ngcontent-efh-c373="" class="name">
NATASHA THERESA WESSELS</p>
<a _ngcontent-efh-c373="" class="link">
<span _ngcontent-efh-c373="" class="profileLink">View
profile</span>
</a>
</div>
</div>
<ul _ngcontent-efh-c373="" role="menu" class="level-1-header-menu">
<li _ngcontent-efh-c373="" role="menuitem" class="mob-only">
<a _ngcontent-efh-c373="" class="main-header-menu-item dropdown-toggle offers">
<span _ngcontent-efh-c373="" class="text textcolor">Notifications</span>
<!---->
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
</a>
</li><!---->
<li _ngcontent-efh-c373="" role="navigation" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Apply</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
</a>
</li><!---->
<li _ngcontent-efh-c373="" role="navigation" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Settings</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
</a>
</li><!---->
<li _ngcontent-efh-c373="" role="navigation" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">MoneyTracker</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
</a>
</li><!---->
<li _ngcontent-efh-c373="" role="navigation" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Profile
limits</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
</a>
</li><!---->
<li _ngcontent-efh-c373="" role="navigation" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Credit
Score</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
</a>
</li><!---->
<li _ngcontent-efh-c373="" role="navigation" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Log
out</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
</a>
</li><!----><!---->
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<header _ngcontent-efh-c373="" class="main-header green-header header-background-color hideMobileMenu">
<div _ngcontent-efh-c373="" class="shiftHeader">
<div _ngcontent-efh-c373="" class="row">
<div _ngcontent-efh-c373="" class="col-xs-12">
<div _ngcontent-efh-c373="" class="header-block">
<div _ngcontent-efh-c373="" role="application" class="left">
<a _ngcontent-efh-c373="" aria-hidden="true" tabindex="-1" class="logo nooutline"></a>
<div _ngcontent-efh-c373="" class="chat-right">
<!---->
<span _ngcontent-efh-c373="" class="chat-icon-white chat-white"></span>
<span _ngcontent-efh-c373="" id="hamburger-icon" class="hamburger-icon">
<!---->
</span><!---->
<!---->
</div>
<div _ngcontent-efh-c373="" class="footer-nav-items">
<span _ngcontent-efh-c373="" class="cross-green"></span>
</div>
<nav _ngcontent-efh-c373="" tabindex="-1" aria-hidden="true" class="main-nav">
<div _ngcontent-efh-c373="" class="user-details">
<div _ngcontent-efh-c373="" class="pic">
NT
</div>
<div _ngcontent-efh-c373="" class="details">
<p _ngcontent-efh-c373="" class="name text-capitalize">natasha
theresa wessels</p>
<a _ngcontent-efh-c373="" class="link">
<span _ngcontent-efh-c373="" class="profileLink">View
profile</span>
</a>
</div>
<div _ngcontent-efh-c373="">
<span _ngcontent-efh-c373="" class="expand-icon"></span>
</div>
</div>
<!---->
<!---->
<!---->
<ul _ngcontent-efh-c373="" role="menu" class="level-1-header-menu">
<li _ngcontent-efh-c373="" role="menuitem" class="mob-only">
<a _ngcontent-efh-c373="" class="main-header-menu-item dropdown-toggle offers">
<span _ngcontent-efh-c373="" class="text textcolor">Notifications</span>
<!---->
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
</a>
</li><!---->
<li _ngcontent-efh-c373="" role="menuitem" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only" aria-label="Apply">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Apply</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
<!---->
</a>
<!---->
</li><!---->
<li _ngcontent-efh-c373="" role="menuitem" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only" aria-label="Settings">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Settings</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
<!---->
</a>
<!---->
</li><!---->
<li _ngcontent-efh-c373="" role="menuitem" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only" aria-label="MoneyTracker">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">MoneyTracker</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
<span _ngcontent-efh-c373="" class="moneytracker-beta-responsive">
<span _ngcontent-efh-c373="" class="moneytracker-beta">NEW</span>
</span><!---->
</a>
<!---->
</li><!---->
<li _ngcontent-efh-c373="" role="menuitem" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only" aria-label="Profile limits">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Profile
limits</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
<!---->
</a>
<!---->
</li><!---->
<li _ngcontent-efh-c373="" role="menuitem" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only" aria-label="Credit Score">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Credit
Score</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
<!---->
</a>
<!---->
</li><!---->
<li _ngcontent-efh-c373="" role="menuitem" dropdown="" apparrownavigation="" triggers="hover click touchstart" class="hideMainMenuInWeb mob-only" aria-label="Log out">
<a _ngcontent-efh-c373="" role="presentation" dropdowntoggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
<span _ngcontent-efh-c373="" class="text textcolor">Log
out</span>
<span _ngcontent-efh-c373="" class="icon arrow-icon"></span>
<!---->
</a>
<!---->
</li><!----><!---->
</ul>
</nav><!---->
</div>
<div _ngcontent-efh-c373="" class="right top-right-header-section">
<ul _ngcontent-efh-c373="" class="header-menu-position">
<li _ngcontent-efh-c373="" class="get-in-touch nooutline">
<span _ngcontent-efh-c373="" id="contact-icon" class="visuallyhidden">Contact Us</span>
<div _ngcontent-efh-c373="" tabindex="2" aria-labelledby="contact-icon" class="contact-us">Get in touch</div>
</li>
<!---->
<li _ngcontent-efh-c373="" tabindex="2" aria-labelledby="notify-icon" class="offer-notification nooutline">
<span _ngcontent-efh-c373="" id="notify-icon" class="visuallyhidden">Notification</span>
<div _ngcontent-efh-c373="" class="stage" aria-hidden="true">
<div _ngcontent-efh-c373="" class="lottie">
<app-lottie-animation _ngcontent-efh-c373="" class="animation" _nghost-efh-c272="">
<div _ngcontent-efh-c272="" class="anim-container" style="height: 28px;">
<!---->
<ng-lottie _ngcontent-efh-c272="" class="lottie overlapsection notification">
<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" width="70" height="70" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);">
<defs>
<clipPath id="__lottie_element_2">
<rect width="70" height="70" x="0" y="0">
</rect>
</clipPath>
<clipPath id="__lottie_element_4">
<path d="M0,0 L70,0 L70,70 L0,70z">
</path>
</clipPath>
<clipPath id="__lottie_element_14">
<path d="M0,0 L70,0 L70,70 L0,70z">
</path>
</clipPath>
<clipPath id="__lottie_element_24">
<path d="M0,0 L70,0 L70,70 L0,70z">
</path>
</clipPath>
<mask id="__lottie_element_31">
<rect fill="#ffffff" width="70" height="70">
</rect>
<path fill="#000000" clip-rule="nonzero">
</path>
</mask>
<clipPath id="__lottie_element_37">
<path d="M0,0 L70,0 L70,70 L0,70z">
</path>
</clipPath>
<mask id="__lottie_element_44">
<rect fill="#ffffff" width="70" height="70">
</rect>
<path fill="#000000" clip-rule="nonzero" d=" M10,-21.875 C3.372999906539917,-21.875 -2,-16.50200080871582 -2,-9.875 C-2,-3.247999906539917 3.372999906539917,2.125 10,2.125 C16.62700080871582,2.125 22,-3.247999906539917 22,-9.875 C22,-16.50200080871582 16.62700080871582,-21.875 10,-21.875">
</path>
</mask>
<clipPath id="__lottie_element_50">
<path d="M0,0 L70,0 L70,70 L0,70z">
</path>
</clipPath>
<mask id="__lottie_element_57">
<rect fill="#ffffff" width="70" height="70">
</rect>
<path fill="#000000" clip-rule="nonzero" d=" M10,-21.875 C3.372999906539917,-21.875 -2,-16.50200080871582 -2,-9.875 C-2,-3.247999906539917 3.372999906539917,2.125 10,2.125 C16.62700080871582,2.125 22,-3.247999906539917 22,-9.875 C22,-16.50200080871582 16.62700080871582,-21.875 10,-21.875">
</path>
</mask>
<clipPath id="__lottie_element_63">
<path d="M0,0 L70,0 L70,70 L0,70z">
</path>
</clipPath>
<clipPath id="__lottie_element_76">
<path d="M0,0 L70,0 L70,70 L0,70z">
</path>
</clipPath>
<mask id="__lottie_element_83">
<rect fill="#ffffff" width="70" height="70">
</rect>
<path fill="#000000" clip-rule="nonzero" d=" M10.04699993133545,-21.875 C3.4200000762939453,-21.875 -1.9529999494552612,-16.50200080871582 -1.9529999494552612,-9.875 C-1.9529999494552612,-3.247999906539917 3.4200000762939453,2.125 10.04699993133545,2.125 C16.673999786376953,2.125 22.047000885009766,-3.247999906539917 22.047000885009766,-9.875 C22.047000885009766,-16.50200080871582 16.673999786376953,-21.875 10.04699993133545,-21.875">
</path>
</mask>
</defs>
<g clip-path="url(#__lottie_element_2)">
<g clip-path="url(#__lottie_element_76)" style="display: none;">
<g style="display: none;">
<g>
<path>
</path>
</g>
</g>
<g mask="url(#__lottie_element_83)" style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
<g style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
</g>
<g clip-path="url(#__lottie_element_63)" style="display: none;">
<g style="display: none;">
<g>
<path>
</path>
</g>
</g>
<g style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
<g style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
</g>
<g clip-path="url(#__lottie_element_50)" style="display: none;">
<g style="display: none;">
<g>
<path>
</path>
</g>
</g>
<g mask="url(#__lottie_element_57)" style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
<g style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
</g>
<g clip-path="url(#__lottie_element_37)" style="display: none;">
<g style="display: none;">
<g>
<path>
</path>
</g>
</g>
<g mask="url(#__lottie_element_44)" style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
<g style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
</g>
<g clip-path="url(#__lottie_element_24)" style="display: none;">
<g style="display: none;">
<g>
<path>
</path>
</g>
</g>
<g mask="url(#__lottie_element_31)" style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
<g style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
</g>
<g clip-path="url(#__lottie_element_14)" style="display: none;">
<g style="display: none;">
<g>
<path>
</path>
</g>
</g>
<g style="display: none;">
<g>
<path>
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4">
</path>
</g>
</g>
</g>
<g clip-path="url(#__lottie_element_4)" transform="matrix(1,0,0,1,0,0)" opacity="1" style="display: block;">
<g transform="matrix(1,0,0,1,35.80699920654297,58.900001525878906)" opacity="1" style="display: block;">
<g opacity="1" transform="matrix(2,0,0,2,0,0)">
<path fill="rgb(255,255,255)" fill-opacity="1" d=" M-4,-2 C-4,0.20999999344348907 -2.2100000381469727,2 0,2 C2.2100000381469727,2 4,0.20999999344348907 4,-2 C4,-2 2,-2 2,-2 C2,-0.8999999761581421 1.100000023841858,0 0,0 C-1.100000023841858,0 -2,-0.8999999761581421 -2,-2 C-2,-2 -4,-2 -4,-2z">
</path>
</g>
</g>
<g transform="matrix(1,0,0,1,35.80699920654297,29)" opacity="1" style="display: block;">
<g opacity="1" transform="matrix(2,0,0,2,0,0)">
<path fill="rgb(255,255,255)" fill-opacity="1" d=" M4.997000217437744,-4 C4.997000217437744,-6.760000228881836 2.756999969482422,-9 -0.003000000026077032,-9 C-2.763000011444092,-9 -5.002999782562256,-6.760000228881836 -5.002999782562256,-4 C-5.002999782562256,-0.23999999463558197 -6.61299991607666,3.25 -9.333000183105469,5.690000057220459 C-6.793000221252441,7.800000190734863 -3.503000020980835,9 -0.003000000026077032,9 C3.506999969482422,9 6.796999931335449,7.800000190734863 9.336999893188477,5.690000057220459 C6.60699987411499,3.25 4.997000217437744,-0.23999999463558197 4.997000217437744,-4z M-7.004000186920166,-4 C-7.004000186920166,-7.869999885559082 -3.864000082015991,-11 -0.004000000189989805,-11 C3.865999937057495,-11 6.995999813079834,-7.869999885559082 6.995999813079834,-4 C6.995999813079834,-0.4699999988079071 8.675999641418457,2.7799999713897705 11.465999603271484,4.849999904632568 C11.465999603271484,4.849999904632568 12.406000137329102,5.539999961853027 12.406000137329102,5.539999961853027 C12.406000137329102,5.539999961853027 11.565999984741211,6.360000133514404 11.565999984741211,6.360000133514404 C8.565999984741211,9.3100004196167 4.426000118255615,11 -0.004000000189989805,11 C-4.423999786376953,11 -8.564000129699707,9.3100004196167 -11.564000129699707,6.360000133514404 C-11.564000129699707,6.360000133514404 -12.404000282287598,5.539999961853027 -12.404000282287598,5.539999961853027 C-12.404000282287598,5.539999961853027 -11.46399974822998,4.849999904632568 -11.46399974822998,4.849999904632568 C-8.673999786376953,2.7799999713897705 -7.004000186920166,-0.4699999988079071 -7.004000186920166,-4z">
</path>
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(150,150,150)" stroke-opacity="1" stroke-width="0" d=" M4.997000217437744,-4 C4.997000217437744,-6.760000228881836 2.756999969482422,-9 -0.003000000026077032,-9 C-2.763000011444092,-9 -5.002999782562256,-6.760000228881836 -5.002999782562256,-4 C-5.002999782562256,-0.23999999463558197 -6.61299991607666,3.25 -9.333000183105469,5.690000057220459 C-6.793000221252441,7.800000190734863 -3.503000020980835,9 -0.003000000026077032,9 C3.506999969482422,9 6.796999931335449,7.800000190734863 9.336999893188477,5.690000057220459 C6.60699987411499,3.25 4.997000217437744,-0.23999999463558197 4.997000217437744,-4z M-7.004000186920166,-4 C-7.004000186920166,-7.869999885559082 -3.864000082015991,-11 -0.004000000189989805,-11 C3.865999937057495,-11 6.995999813079834,-7.869999885559082 6.995999813079834,-4 C6.995999813079834,-0.4699999988079071 8.675999641418457,2.7799999713897705 11.465999603271484,4.849999904632568 C11.465999603271484,4.849999904632568 12.406000137329102,5.539999961853027 12.406000137329102,5.539999961853027 C12.406000137329102,5.539999961853027 11.565999984741211,6.360000133514404 11.565999984741211,6.360000133514404 C8.565999984741211,9.3100004196167 4.426000118255615,11 -0.004000000189989805,11 C-4.423999786376953,11 -8.564000129699707,9.3100004196167 -11.564000129699707,6.360000133514404 C-11.564000129699707,6.360000133514404 -12.404000282287598,5.539999961853027 -12.404000282287598,5.539999961853027 C-12.404000282287598,5.539999961853027 -11.46399974822998,4.849999904632568 -11.46399974822998,4.849999904632568 C-8.673999786376953,2.7799999713897705 -7.004000186920166,-0.4699999988079071 -7.004000186920166,-4z">
</path>
</g>
</g>
</g>
</g>
</svg></div>
</ng-lottie>
</div>
</app-lottie-animation>
</div><!---->
</div>
</li>
<!----><!---->
<li _ngcontent-efh-c373="" tabindex="2" aria-labelledby="chat-icon" class="chat-icon-container nooutline">
<span _ngcontent-efh-c373="" id="chat-icon" class="visuallyhidden">Chat</span>
<div _ngcontent-efh-c373="" class="stage" aria-hidden="true">
<div _ngcontent-efh-c373="" class="chat-icon-white chat-white">
</div>
</div>
</li>
<!---->
<span _ngcontent-efh-c373="" tabindex="2" id="clientInitials" class="visuallyhidden text-capitalize">NETBANK</span>
<li _ngcontent-efh-c373="" dropdown="" tabindex="-1" class="user-container">
<button _ngcontent-efh-c373="" role="presentation" tabindex="-1" type="button" class="btn-profile-menu user nooutline">
<div _ngcontent-efh-c373="" class="initials">NB</div>
</button>
</li><!---->
<li _ngcontent-efh-c373="" class="logout">
<a _ngcontent-efh-c373="" tabindex="2">Log
out</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<!---->
<!-- <div _ngcontent-efh-c373="" class="row apply-button shiftHeaderTop">
<div _ngcontent-efh-c373="" appviewfocus="" tabindex="4" role="link"
class="col-sm-12 back-arrow nooutline position-header"
aria-label="Back to Profile Settings">
<span _ngcontent-efh-c373="" id="back-arrow" class="visuallyhidden">Move
Back</span>
<span _ngcontent-efh-c373="" class="back-menu">Profile settings</span>
</div>
</div> -->
<!---->
</div><!---->
</app-header>
<div class="modal-dialog-wrapper hide" id="modal">
<div role="document" focustrap="" class="modal-dialog">
<div class="modal-content">
<app-trigger-approve-it _nghost-aqv-c320="">
<div _ngcontent-aqv-c320="" appmodaltrap="" class="approveit-container modal-body">
<div _ngcontent-aqv-c320="" class="gd-form">
<app-approve-it-screen _ngcontent-aqv-c320="" _nghost-aqv-c65="">
<div _ngcontent-aqv-c65="" class="screen-container appFocusTrap">
<div _ngcontent-aqv-c65="" aria-hidden="true" class="icon-container align-timer">
<img _ngcontent-aqv-c65="" alt="image" class="icon-fit" src="./assets/svg/phone-chat.svg">
</div>
<div _ngcontent-aqv-c65="" aria-hidden="true" class="timer-container">
<div _ngcontent-aqv-c65="" class="timer-text">60 seconds remaining</div>
<div _ngcontent-aqv-c65="" class="timer-back">
<div _ngcontent-aqv-c65="" class="timer-overlay">
</div><!---->
<!-- <div _ngcontent-aqv-c65="" class="active-timer"> -->
<!-- </div> -->
</div>
</div><!---->
<div _ngcontent-aqv-c65="" class="clear"></div><!---->
<div _ngcontent-aqv-c65="" class="body">
<h2 _ngcontent-aqv-c65="" aria-hidden="true" tabindex="-1" class="heading">An
Approve-it message has been sent to your cellphone</h2>
<h2 _ngcontent-aqv-c65="" appviewfocus="" tabindex="0" class="visuallyhidden" aria-hidden="false">An Approve-it message has been sent to your cellphone
</h2>
<!---->
<h6 _ngcontent-aqv-c65="" aria-hidden="true" tabindex="-1" class="sub-heading">
Please accept the Approve-it message to continue.</h6>
<h6 _ngcontent-aqv-c65="" tabindex="0" class="visuallyhidden" aria-hidden="false">
Please accept the Approve-it message to continue.</h6><!---->
</div>
<!---->
<div _ngcontent-aqv-c65="" class="footer">
<div _ngcontent-aqv-c65="" aria-hidden="true" tabindex="-1" class="footer-text">
Should you not get an Approve-it message, an SMS with a one-time password
(OTP)
will be sent to you.</div><!---->
<div _ngcontent-aqv-c65="" tabindex="0" class="visuallyhidden" aria-hidden="false">
Should you not get an Approve-it message, an SMS with a one-time password
(OTP)
will be sent to you.</div><!---->
<!---->
<!---->
<!---->
<!---->
<!---->
</div>
<!---->
<div _ngcontent-aqv-c65="" role="timer" aria-live="assertive" class="visuallyhidden"> 50
seconds remaining</div><!---->
</div>
</app-approve-it-screen>
</div>
</div>
<form _ngcontent-aqv-c320="" novalidate="" class="ng-untouched ng-pristine ng-valid">
<!---->
</form>
</app-trigger-approve-it>
</div>
</div>
</div>
<script>
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
var isIEOldVersion = msie > 0 && !navigator.userAgent.match(/Trident.*rv\:11\./);
var rootElement = document.getElementsByClassName('root-element')[0];
var outDatedBrowser = document.getElementsByClassName('outdated-browser-Info')[0];
if (isIEOldVersion) {
rootElement.style.display = 'none';
outDatedBrowser.style.display = 'block';
} else {
rootElement.classList.remove('hide-app-root');
outDatedBrowser.style.display = 'none';
}
</script>
<script main="">
!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(e.document)return t(e);throw new Error("jQuery requires a window with a document")}:t(e)}("undefined"!=typeof window?window:this,function(T,R){"use strict";function v(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item}function g(e){return null!=e&&e===e.window}var t=[],M=Object.getPrototypeOf,a=t.slice,I=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},$=t.push,W=t.indexOf,F={},B=F.toString,_=F.hasOwnProperty,z=_.toString,U=z.call(Object),m={},C=T.document,X={type:!0,src:!0,nonce:!0,noModule:!0};function V(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in X)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function h(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?F[B.call(e)]||"object":typeof e}var S=function(e,t){return new S.fn.init(e,t)};function G(e){var t=!!e&&"length"in e&&e.length,n=h(e);return!v(e)&&!g(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:"3.6.3",constructor:S,length:0,toArray:function(){return a.call(this)},get:function(e){return null==e?a.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){e=S.merge(this.constructor(),e);return e.prevObject=this,e},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(a.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,e=+e+(e<0?t:0);return this.pushStack(0<=e&&e<t?[this[e]]:[])},end:function(){return this.prevObject||this.constructor()},push:$,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o=arguments[0]||{},s=1,a=arguments.length,u=!1;for("boolean"==typeof o&&(u=o,o=arguments[s]||{},s++),"object"==typeof o||v(o)||(o={}),s===a&&(o=this,s--);s<a;s++)if(null!=(e=arguments[s]))for(t in e)n=e[t],"__proto__"!==t&&o!==n&&(u&&n&&(S.isPlainObject(n)||(r=Array.isArray(n)))?(i=o[t],i=r&&!Array.isArray(i)?[]:r||S.isPlainObject(i)?i:{},r=!1,o[t]=S.extend(u,i,n)):void 0!==n&&(o[t]=n));return o},S.extend({expando:"jQuery"+("3.6.3"+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){return!(!e||"[object Object]"!==B.call(e)||(e=M(e))&&("function"!=typeof(e=_.call(e,"constructor")&&e.constructor)||z.call(e)!==U))},isEmptyObject:function(e){for(var t in e)return!1;return!0},globalEval:function(e,t,n){V(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(G(e))for(n=e.length;r<n&&!1!==t.call(e[r],r,e[r]);r++);else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){t=t||[];return null!=e&&(G(Object(e))?S.merge(t,"string"==typeof e?[e]:e):$.call(t,e)),t},inArray:function(e,t,n){return null==t?-1:W.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,s=!n;i<o;i++)!t(e[i],i)!=s&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,s=[];if(G(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&s.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&s.push(i);return I(s)},guid:1,support:m}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){F["[object "+t+"]"]=t.toLowerCase()});function r(e,t,n){for(var r=[],i=void 0!==n;(e=e[t])&&9!==e.nodeType;)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r}function Y(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}var e=function(R){function f(e,t){return e="0x"+e.slice(1)-65536,t||(e<0?String.fromCharCode(65536+e):String.fromCharCode(e>>10|55296,1023&e|56320))}function M(e,t){return t?"\0"===e?"�":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e}function I(){T()}var e,p,b,o,$,d,W,F,w,u,l,T,C,n,S,h,r,i,g,E="sizzle"+ +new Date,c=R.document,k=0,B=0,_=q(),z=q(),U=q(),m=q(),X=function(e,t){return e===t&&(l=!0),0},V={}.hasOwnProperty,t=[],G=t.pop,Y=t.push,A=t.push,Q=t.slice,v=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},J="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",s="[\\x20\\t\\r\\n\\f]",a="(?:\\\\[\\da-fA-F]{1,6}"+s+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",K="\\["+s+"*("+a+")(?:"+s+"*([*^$|!~]?=)"+s+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+a+"))|)"+s+"*\\]",Z=":("+a+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+K+")*)|.*)\\)|)",ee=new RegExp(s+"+","g"),y=new RegExp("^"+s+"+|((?:^|[^\\\\])(?:\\\\.)*)"+s+"+$","g"),te=new RegExp("^"+s+"*,"+s+"*"),ne=new RegExp("^"+s+"*([>+~]|"+s+")"+s+"*"),re=new RegExp(s+"|>"),ie=new RegExp(Z),oe=new RegExp("^"+a+"$"),x={ID:new RegExp("^#("+a+")"),CLASS:new RegExp("^\\.("+a+")"),TAG:new RegExp("^("+a+"|[*])"),ATTR:new RegExp("^"+K),PSEUDO:new RegExp("^"+Z),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+s+"*(even|odd|(([+-]|)(\\d*)n|)"+s+"*(?:([+-]|)"+s+"*(\\d+)|))"+s+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+s+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+s+"*((?:-\\d)?\\d*)"+s+"*\\)|)(?=[^-]|$)","i")},se=/HTML$/i,ae=/^(?:input|select|textarea|button)$/i,ue=/^h\d$/i,j=/^[^{]+\{\s*\[native \w/,le=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ce=/[+~]/,D=new RegExp("\\\\[\\da-fA-F]{1,6}"+s+"?|\\\\([^\\r\\n\\f])","g"),fe=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,pe=ve(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{A.apply(t=Q.call(c.childNodes),c.childNodes),t[c.childNodes.length].nodeType}catch(e){A={apply:t.length?function(e,t){Y.apply(e,Q.call(t))}:function(e,t){for(var n=e.length,r=0;e[n++]=t[r++];);e.length=n-1}}}function N(e,t,n,r){var i,o,s,a,u,l,c=t&&t.ownerDocument,f=t?t.nodeType:9;if(n=n||[],"string"!=typeof e||!e||1!==f&&9!==f&&11!==f)return n;if(!r&&(T(t),t=t||C,S)){if(11!==f&&(a=le.exec(e)))if(i=a[1]){if(9===f){if(!(l=t.getElementById(i)))return n;if(l.id===i)return n.push(l),n}else if(c&&(l=c.getElementById(i))&&g(t,l)&&l.id===i)return n.push(l),n}else{if(a[2])return A.apply(n,t.getElementsByTagName(e)),n;if((i=a[3])&&p.getElementsByClassName&&t.getElementsByClassName)return A.apply(n,t.getElementsByClassName(i)),n}if(p.qsa&&!m[e+" "]&&(!h||!h.test(e))&&(1!==f||"object"!==t.nodeName.toLowerCase())){if(l=e,c=t,1===f&&(re.test(e)||ne.test(e))){for((c=ce.test(e)&&me(t.parentNode)||t)===t&&p.scope||((s=t.getAttribute("id"))?s=s.replace(fe,M):t.setAttribute("id",s=E)),o=(u=d(e)).length;o--;)u[o]=(s?"#"+s:":scope")+" "+P(u[o]);l=u.join(",")}try{if(p.cssSupportsSelector&&!CSS.supports("selector(:is("+l+"))"))throw new Error;return A.apply(n,c.querySelectorAll(l)),n}catch(t){m(e,!0)}finally{s===E&&t.removeAttribute("id")}}}return F(e.replace(y,"$1"),t,n,r)}function q(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function L(e){return e[E]=!0,e}function H(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t)}}function de(e,t){for(var n=e.split("|"),r=n.length;r--;)b.attrHandle[n[r]]=t}function he(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)for(;n=n.nextSibling;)if(n===t)return-1;return e?1:-1}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&pe(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function O(s){return L(function(o){return o=+o,L(function(e,t){for(var n,r=s([],e.length,o),i=r.length;i--;)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function me(e){return e&&void 0!==e.getElementsByTagName&&e}for(e in p=N.support={},$=N.isXML=function(e){var t=e&&e.namespaceURI,e=e&&(e.ownerDocument||e).documentElement;return!se.test(t||e&&e.nodeName||"HTML")},T=N.setDocument=function(e){var e=e?e.ownerDocument||e:c;return e!=C&&9===e.nodeType&&e.documentElement&&(n=(C=e).documentElement,S=!$(C),c!=C&&(e=C.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",I,!1):e.attachEvent&&e.attachEvent("onunload",I)),p.scope=H(function(e){return n.appendChild(e).appendChild(C.createElement("div")),void 0!==e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),p.cssSupportsSelector=H(function(){return CSS.supports("selector(*)")&&C.querySelectorAll(":is(:jqfake)")&&!CSS.supports("selector(:is(*,:jqfake))")}),p.attributes=H(function(e){return e.className="i",!e.getAttribute("className")}),p.getElementsByTagName=H(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),p.getElementsByClassName=j.test(C.getElementsByClassName),p.getById=H(function(e){return n.appendChild(e).id=E,!C.getElementsByName||!C.getElementsByName(E).length}),p.getById?(b.filter.ID=function(e){var t=e.replace(D,f);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if(void 0!==t.getElementById&&S)return(t=t.getElementById(e))?[t]:[]}):(b.filter.ID=function(e){var t=e.replace(D,f);return function(e){e=void 0!==e.getAttributeNode&&e.getAttributeNode("id");return e&&e.value===t}},b.find.ID=function(e,t){if(void 0!==t.getElementById&&S){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];for(i=t.getElementsByName(e),r=0;o=i[r++];)if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=p.getElementsByTagName?function(e,t){return void 0!==t.getElementsByTagName?t.getElementsByTagName(e):p.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"!==e)return o;for(;n=o[i++];)1===n.nodeType&&r.push(n);return r},b.find.CLASS=p.getElementsByClassName&&function(e,t){if(void 0!==t.getElementsByClassName&&S)return t.getElementsByClassName(e)},r=[],h=[],(p.qsa=j.test(C.querySelectorAll))&&(H(function(e){var t;n.appendChild(e).innerHTML="<a id='"+E+"'></a><select id='"+E+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&h.push("[*^$]="+s+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||h.push("\\["+s+"*(?:value|"+J+")"),e.querySelectorAll("[id~="+E+"-]").length||h.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||h.push("\\["+s+"*name"+s+"*="+s+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||h.push(":checked"),e.querySelectorAll("a#"+E+"+*").length||h.push(".#.+[+~]"),e.querySelectorAll("\\\f"),h.push("[\\r\\n\\f]")}),H(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&h.push("name"+s+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&h.push(":enabled",":disabled"),n.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&h.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),h.push(",.*:")})),(p.matchesSelector=j.test(i=n.matches||n.webkitMatchesSelector||n.mozMatchesSelector||n.oMatchesSelector||n.msMatchesSelector))&&H(function(e){p.disconnectedMatch=i.call(e,"*"),i.call(e,"[s!='']:x"),r.push("!=",Z)}),p.cssSupportsSelector||h.push(":has"),h=h.length&&new RegExp(h.join("|")),r=r.length&&new RegExp(r.join("|")),e=j.test(n.compareDocumentPosition),g=e||j.test(n.contains)?function(e,t){var n=9===e.nodeType&&e.documentElement||e,t=t&&t.parentNode;return e===t||!(!t||1!==t.nodeType||!(n.contains?n.contains(t):e.compareDocumentPosition&&16&e.compareDocumentPosition(t)))}:function(e,t){if(t)for(;t=t.parentNode;)if(t===e)return!0;return!1},X=e?function(e,t){var n;return e===t?(l=!0,0):!e.compareDocumentPosition-!t.compareDocumentPosition||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!p.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==c&&g(c,e)?-1:t==C||t.ownerDocument==c&&g(c,t)?1:u?v(u,e)-v(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,s=[e],a=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?v(u,e)-v(u,t):0;if(i===o)return he(e,t);for(n=e;n=n.parentNode;)s.unshift(n);for(n=t;n=n.parentNode;)a.unshift(n);for(;s[r]===a[r];)r++;return r?he(s[r],a[r]):s[r]==c?-1:a[r]==c?1:0}),C},N.matches=function(e,t){return N(e,null,null,t)},N.matchesSelector=function(e,t){if(T(e),p.matchesSelector&&S&&!m[t+" "]&&(!r||!r.test(t))&&(!h||!h.test(t)))try{var n=i.call(e,t);if(n||p.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){m(t,!0)}return 0<N(t,C,null,[e]).length},N.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),g(e,t)},N.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],n=n&&V.call(b.attrHandle,t.toLowerCase())?n(e,t,!S):void 0;return void 0!==n?n:p.attributes||!S?e.getAttribute(t):(n=e.getAttributeNode(t))&&n.specified?n.value:null},N.escape=function(e){return(e+"").replace(fe,M)},N.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},N.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!p.detectDuplicates,u=!p.sortStable&&e.slice(0),e.sort(X),l){for(;t=e[i++];)t===e[i]&&(r=n.push(i));for(;r--;)e.splice(n[r],1)}return u=null,e},o=N.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r++];)n+=o(t);return n},(b=N.selectors={cacheLength:50,createPseudo:L,match:x,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(D,f),e[3]=(e[3]||e[4]||e[5]||"").replace(D,f),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||N.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&N.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return x.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&ie.test(n)&&(t=(t=d(n,!0))&&n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(D,f).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=_[e+" "];return t||(t=new RegExp("(^|"+s+")"+e+"("+s+"|$)"))&&_(e,function(e){return t.test("string"==typeof e.className&&e.className||void 0!==e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(t,n,r){return function(e){e=N.attr(e,t);return null==e?"!="===n:!n||(e+="","="===n?e===r:"!="===n?e!==r:"^="===n?r&&0===e.indexOf(r):"*="===n?r&&-1<e.indexOf(r):"$="===n?r&&e.slice(-r.length)===r:"~="===n?-1<(" "+e.replace(ee," ")+" ").indexOf(r):"|="===n&&(e===r||e.slice(0,r.length+1)===r+"-"))}},CHILD:function(h,e,t,g,m){var y="nth"!==h.slice(0,3),v="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===m?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,s,a,u,l=y!=v?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){for(;l;){for(s=e;s=s[l];)if(x?s.nodeName.toLowerCase()===f:1===s.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[v?c.firstChild:c.lastChild],v&&p){for(d=(a=(r=(i=(o=(s=c)[E]||(s[E]={}))[s.uniqueID]||(o[s.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],s=a&&c.childNodes[a];s=++a&&s&&s[l]||(d=a=0,u.pop());)if(1===s.nodeType&&++d&&s===e){i[h]=[k,a,d];break}}else if(!1===(d=p?a=(r=(i=(o=(s=e)[E]||(s[E]={}))[s.uniqueID]||(o[s.uniqueID]={}))[h]||[])[0]===k&&r[1]:d))for(;(s=++a&&s&&s[l]||(d=a=0,u.pop()))&&((x?s.nodeName.toLowerCase()!==f:1!==s.nodeType)||!++d||(p&&((i=(o=s[E]||(s[E]={}))[s.uniqueID]||(o[s.uniqueID]={}))[h]=[k,d]),s!==e)););return(d-=m)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,s=b.pseudos[e]||b.setFilters[e.toLowerCase()]||N.error("unsupported pseudo: "+e);return s[E]?s(o):1<s.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?L(function(e,t){for(var n,r=s(e,o),i=r.length;i--;)e[n=v(e,r[i])]=!(t[n]=r[i])}):function(e){return s(e,0,t)}):s}},pseudos:{not:L(function(e){var r=[],i=[],a=W(e.replace(y,"$1"));return a[E]?L(function(e,t,n,r){for(var i,o=a(e,null,r,[]),s=e.length;s--;)(i=o[s])&&(e[s]=!(t[s]=i))}):function(e,t,n){return r[0]=e,a(r,null,n,i),r[0]=null,!i.pop()}}),has:L(function(t){return function(e){return 0<N(t,e).length}}),contains:L(function(t){return t=t.replace(D,f),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:L(function(n){return oe.test(n||"")||N.error("unsupported lang: "+n),n=n.replace(D,f).toLowerCase(),function(e){var t;do{if(t=S?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=R.location&&R.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===n},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return ue.test(e.nodeName)},input:function(e){return ae.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(e=e.getAttribute("type"))||"text"===e.toLowerCase())},first:O(function(){return[0]}),last:O(function(e,t){return[t-1]}),eq:O(function(e,t,n){return[n<0?n+t:n]}),even:O(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:O(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:O(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:O(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=function(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=function(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}(e);function ye(){}function P(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function ve(s,e,t){var a=e.dir,u=e.next,l=u||a,c=t&&"parentNode"===l,f=B++;return e.first?function(e,t,n){for(;e=e[a];)if(1===e.nodeType||c)return s(e,t,n);return!1}:function(e,t,n){var r,i,o=[k,f];if(n){for(;e=e[a];)if((1===e.nodeType||c)&&s(e,t,n))return!0}else for(;e=e[a];)if(1===e.nodeType||c)if(i=(i=e[E]||(e[E]={}))[e.uniqueID]||(i[e.uniqueID]={}),u&&u===e.nodeName.toLowerCase())e=e[a]||e;else{if((r=i[l])&&r[0]===k&&r[1]===f)return o[2]=r[2];if((i[l]=o)[2]=s(e,t,n))return!0}return!1}}function xe(i){return 1<i.length?function(e,t,n){for(var r=i.length;r--;)if(!i[r](e,t,n))return!1;return!0}:i[0]}function be(e,t,n,r,i){for(var o,s=[],a=0,u=e.length,l=null!=t;a<u;a++)!(o=e[a])||n&&!n(o,r,i)||(s.push(o),l&&t.push(a));return s}function we(e){for(var r,t,n,i=e.length,o=b.relative[e[0].type],s=o||b.relative[" "],a=o?1:0,u=ve(function(e){return e===r},s,!0),l=ve(function(e){return-1<v(r,e)},s,!0),c=[function(e,t,n){e=!o&&(n||t!==w)||((r=t).nodeType?u:l)(e,t,n);return r=null,e}];a<i;a++)if(t=b.relative[e[a].type])c=[ve(xe(c),t)];else{if((t=b.filter[e[a].type].apply(null,e[a].matches))[E]){for(n=++a;n<i&&!b.relative[e[n].type];n++);return function e(d,h,g,m,y,t){return m&&!m[E]&&(m=e(m)),y&&!y[E]&&(y=e(y,t)),L(function(e,t,n,r){var i,o,s,a=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)N(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:be(c,a,d,n,r),p=g?y||(e?d:l||m)?[]:t:f;if(g&&g(f,p,n,r),m)for(i=be(p,u),m(i,[],n,r),o=i.length;o--;)(s=i[o])&&(p[u[o]]=!(f[u[o]]=s));if(e){if(y||d){if(y){for(i=[],o=p.length;o--;)(s=p[o])&&i.push(f[o]=s);y(null,p=[],i,r)}for(o=p.length;o--;)(s=p[o])&&-1<(i=y?v(e,s):a[o])&&(e[i]=!(t[i]=s))}}else p=be(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):A.apply(t,p)})}(1<a&&xe(c),1<a&&P(e.slice(0,a-1).concat({value:" "===e[a-2].type?"*":""})).replace(y,"$1"),t,a<n&&we(e.slice(a,n)),n<i&&we(e=e.slice(n)),n<i&&P(e))}c.push(t)}return xe(c)}return ye.prototype=b.filters=b.pseudos,b.setFilters=new ye,d=N.tokenize=function(e,t){var n,r,i,o,s,a,u,l=z[e+" "];if(l)return t?0:l.slice(0);for(s=e,a=[],u=b.preFilter;s;){for(o in n&&!(r=te.exec(s))||(r&&(s=s.slice(r[0].length)||s),a.push(i=[])),n=!1,(r=ne.exec(s))&&(n=r.shift(),i.push({value:n,type:r[0].replace(y," ")}),s=s.slice(n.length)),b.filter)!(r=x[o].exec(s))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?N.error(e):z(e,a).slice(0)},W=N.compile=function(e,t){var n,m,y,v,x,r,i=[],o=[],s=U[e+" "];if(!s){for(n=(t=t||d(e)).length;n--;)((s=we(t[n]))[E]?i:o).push(s);(s=U(e,(v=0<(y=i).length,x=0<(m=o).length,r=function(e,t,n,r,i){var o,s,a,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){for(s=0,t||o.ownerDocument==C||(T(o),n=!S);a=m[s++];)if(a(o,t||C,n)){r.push(o);break}i&&(k=h)}v&&((o=!a&&o)&&u--,e)&&c.push(o)}if(u+=l,v&&l!==u){for(s=0;a=y[s++];)a(c,f,t,n);if(e){if(0<u)for(;l--;)c[l]||f[l]||(f[l]=G.call(r));f=be(f)}A.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&N.uniqueSort(r)}return i&&(k=h,w=p),c},v?L(r):r))).selector=e}return s},F=N.select=function(e,t,n,r){var i,o,s,a,u,l="function"==typeof e&&e,c=!r&&d(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(s=o[0]).type&&9===t.nodeType&&S&&b.relative[o[1].type]){if(!(t=(b.find.ID(s.matches[0].replace(D,f),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}for(i=x.needsContext.test(e)?0:o.length;i--&&(s=o[i],!b.relative[a=s.type]);)if((u=b.find[a])&&(r=u(s.matches[0].replace(D,f),ce.test(o[0].type)&&me(t.parentNode)||t))){if(o.splice(i,1),e=r.length&&P(o))break;return A.apply(n,r),n}}return(l||W(e,c))(r,t,!S,n,!t||ce.test(e)&&me(t.parentNode)||t),n},p.sortStable=E.split("").sort(X).join("")===E,p.detectDuplicates=!!l,T(),p.sortDetached=H(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),H(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||de("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),p.attributes&&H(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||de("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),H(function(e){return null==e.getAttribute("disabled")})||de(J,function(e,t,n){if(!n)return!0===e[t]?t.toLowerCase():(n=e.getAttributeNode(t))&&n.specified?n.value:null}),N}(T),Q=(S.find=e,S.expr=e.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=e.uniqueSort,S.text=e.getText,S.isXMLDoc=e.isXML,S.contains=e.contains,S.escapeSelector=e.escape,S.expr.match.needsContext);function u(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var J=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function K(e,n,r){return v(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<W.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(K(this,e||[],!1))},not:function(e){return this.pushStack(K(this,e||[],!0))},is:function(e){return!!K(this,"string"==typeof e&&Q.test(e)?S(e):e||[],!1).length}});var Z,ee=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,te=((S.fn.init=function(e,t,n){if(e){if(n=n||Z,"string"!=typeof e)return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this);if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:ee.exec(e))||!r[1]&&t)return(!t||t.jquery?t||n:this.constructor(t)).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),J.test(r[1])&&S.isPlainObject(t))for(var r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r])}else(n=C.getElementById(r[2]))&&(this[0]=n,this.length=1)}return this}).prototype=S.fn,Z=S(C),/^(?:parents|prev(?:Until|All))/),ne={children:!0,contents:!0,next:!0,prev:!0};function re(e,t){for(;(e=e[t])&&1!==e.nodeType;);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],s="string"!=typeof e&&S(e);if(!Q.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(s?-1<s.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?W.call(S(e),this[0]):W.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){e=e.parentNode;return e&&11!==e.nodeType?e:null},parents:function(e){return r(e,"parentNode")},parentsUntil:function(e,t,n){return r(e,"parentNode",n)},next:function(e){return re(e,"nextSibling")},prev:function(e){return re(e,"previousSibling")},nextAll:function(e){return r(e,"nextSibling")},prevAll:function(e){return r(e,"previousSibling")},nextUntil:function(e,t,n){return r(e,"nextSibling",n)},prevUntil:function(e,t,n){return r(e,"previousSibling",n)},siblings:function(e){return Y((e.parentNode||{}).firstChild,e)},children:function(e){return Y(e.firstChild)},contents:function(e){return null!=e.contentDocument&&M(e.contentDocument)?e.contentDocument:(u(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return(t="Until"!==r.slice(-5)?e:t)&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(ne[r]||S.uniqueSort(n),te.test(r))&&n.reverse(),this.pushStack(n)}});var E=/[^\x20\t\r\n\f]+/g;function c(e){return e}function ie(e){throw e}function oe(e,t,n,r){var i;try{e&&v(i=e.promise)?i.call(e).done(t).fail(n):e&&v(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(E)||[],function(e,t){n[t]=!0}),n):S.extend({},r);function i(){for(a=a||r.once,s=o=!0;l.length;c=-1)for(t=l.shift();++c<u.length;)!1===u[c].apply(t[0],t[1])&&r.stopOnFalse&&(c=u.length,t=!1);r.memory||(t=!1),o=!1,a&&(u=t?[]:"")}var o,t,s,a,u=[],l=[],c=-1,f={add:function(){return u&&(t&&!o&&(c=u.length-1,l.push(t)),function n(e){S.each(e,function(e,t){v(t)?r.unique&&f.has(t)||u.push(t):t&&t.length&&"string"!==h(t)&&n(t)})}(arguments),t)&&!o&&i(),this},remove:function(){return S.each(arguments,function(e,t){for(var n;-1<(n=S.inArray(t,u,n));)u.splice(n,1),n<=c&&c--}),this},has:function(e){return e?-1<S.inArray(e,u):0<u.length},empty:function(){return u=u&&[],this},disable:function(){return a=l=[],u=t="",this},disabled:function(){return!u},lock:function(){return a=l=[],t||o||(u=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],l.push(t),o)||i(),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!s}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pending",s={state:function(){return i},always:function(){return a.done(arguments).fail(arguments),this},catch:function(e){return s.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=v(i[t[4]])&&i[t[4]];a[t[1]](function(){var e=n&&n.apply(this,arguments);e&&v(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,s,a){return function(){function e(){var e,t;if(!(i<u)){if((e=s.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,v(t)?a?t.call(e,l(u,o,c,a),l(u,o,ie,a)):(u++,t.call(e,l(u,o,c,a),l(u,o,ie,a),l(u,o,c,o.notifyWith))):(s!==c&&(n=void 0,r=[e]),(a||o.resolveWith)(n,r))}}var n=this,r=arguments,t=a?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(s!==ie&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),T.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,v(r)?r:c,e.notifyWith)),o[1][3].add(l(0,e,v(t)?t:c)),o[2][3].add(l(0,e,v(n)?n:ie))}).promise()},promise:function(e){return null!=e?S.extend(e,s):s}},a={};return S.each(o,function(e,t){var n=t[2],r=t[5];s[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),a[t[0]]=function(){return a[t[0]+"With"](this===a?void 0:this,arguments),this},a[t[0]+"With"]=n.fireWith}),s.promise(a),e&&e.call(a,a),a},when:function(e){function t(t){return function(e){i[t]=this,o[t]=1<arguments.length?a.call(arguments):e,--n||s.resolveWith(i,o)}}var n=arguments.length,r=n,i=Array(r),o=a.call(arguments),s=S.Deferred();if(n<=1&&(oe(e,s.done(t(r)).resolve,s.reject,!n),"pending"===s.state()||v(o[r]&&o[r].then)))return s.then();for(;r--;)oe(o[r],t(r),s.reject);return s.promise()}});var se=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/,ae=(S.Deferred.exceptionHook=function(e,t){T.console&&T.console.warn&&e&&se.test(e.name)&&T.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){T.setTimeout(function(){throw e})},S.Deferred());function ue(){C.removeEventListener("DOMContentLoaded",ue),T.removeEventListener("load",ue),S.ready()}S.fn.ready=function(e){return ae.then(e).catch(function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||ae.resolveWith(C,[S])}}),S.ready.then=ae.then,"complete"===C.readyState||"loading"!==C.readyState&&!C.documentElement.doScroll?T.setTimeout(S.ready):(C.addEventListener("DOMContentLoaded",ue),T.addEventListener("load",ue));function f(e,t,n,r,i,o,s){var a=0,u=e.length,l=null==n;if("object"===h(n))for(a in i=!0,n)f(e,t,a,n[a],!0,o,s);else if(void 0!==r&&(i=!0,v(r)||(s=!0),t=l?s?(t.call(e,r),null):(l=t,function(e,t,n){return l.call(S(e),n)}):t))for(;a<u;a++)t(e[a],n,s?r:r.call(e[a],a,t(e[a],n)));return i?e:l?t.call(e):u?t(e[0],n):o}var le=/^-ms-/,ce=/-([a-z])/g;function fe(e,t){return t.toUpperCase()}function x(e){return e.replace(le,"ms-").replace(ce,fe)}function y(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType}function pe(){this.expando=S.expando+pe.uid++}pe.uid=1,pe.prototype={cache:function(e){var t=e[this.expando];return t||(t={},y(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[x(t)]=n;else for(r in t)i[x(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][x(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(x):(t=x(t))in r?[t]:t.match(E)||[]).length;for(;n--;)delete r[t[n]]}void 0!==t&&!S.isEmptyObject(r)||(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){e=e[this.expando];return void 0!==e&&!S.isEmptyObject(e)}};var b=new pe,l=new pe,de=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,he=/[A-Z]/g;function ge(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(he,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:de.test(i)?JSON.parse(i):i)}catch(e){}l.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return l.hasData(e)||b.hasData(e)},data:function(e,t,n){return l.access(e,t,n)},removeData:function(e,t){l.remove(e,t)},_data:function(e,t,n){return b.access(e,t,n)},_removeData:function(e,t){b.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],s=o&&o.attributes;if(void 0!==n)return"object"==typeof n?this.each(function(){l.set(this,n)}):f(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=l.get(o,n))||void 0!==(t=ge(o,n))?t:void 0;this.each(function(){l.set(this,n,e)})},null,e,1<arguments.length,null,!0);if(this.length&&(i=l.get(o),1===o.nodeType)&&!b.get(o,"hasDataAttrs")){for(t=s.length;t--;)s[t]&&0===(r=s[t].name).indexOf("data-")&&(r=x(r.slice(5)),ge(o,r,i[r]));b.set(o,"hasDataAttrs",!0)}return i},removeData:function(e){return this.each(function(){l.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return r=b.get(e,t=(t||"fx")+"queue"),n&&(!r||Array.isArray(n)?r=b.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return b.get(e,n)||b.access(e,n,{empty:S.Callbacks("once memory").add(function(){b.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){function n(){--i||o.resolveWith(s,[s])}var r,i=1,o=S.Deferred(),s=this,a=this.length;for("string"!=typeof e&&(t=e,e=void 0),e=e||"fx";a--;)(r=b.get(s[a],e+"queueHooks"))&&r.empty&&(i++,r.empty.add(n));return n(),o.promise(t)}});function me(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&k(e)&&"none"===S.css(e,"display")}var e=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,ye=new RegExp("^(?:([+-])=|)("+e+")([a-z%]*)$","i"),p=["Top","Right","Bottom","Left"],w=C.documentElement,k=function(e){return S.contains(e.ownerDocument,e)},ve={composed:!0};w.getRootNode&&(k=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(ve)===e.ownerDocument});function xe(e,t,n,r){var i,o,s=20,a=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=a(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&ye.exec(S.css(e,t));if(c&&c[3]!==l){for(l=l||c[3],c=+(u/=2)||1;s--;)S.style(e,t,c+l),(1-o)*(1-(o=a()/u||.5))<=0&&(s=0),c/=o;S.style(e,t,(c*=2)+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r)&&(r.unit=l,r.start=c,r.end=i),i}var be={};function A(e,t){for(var n,r,i,o,s,a,u=[],l=0,c=e.length;l<c;l++)(r=e[l]).style&&(n=r.style.display,t?("none"===n&&(u[l]=b.get(r,"display")||null,u[l]||(r.style.display="")),""===r.style.display&&me(r)&&(u[l]=(a=o=i=void 0,o=r.ownerDocument,s=r.nodeName,(a=be[s])||(i=o.body.appendChild(o.createElement(s)),a=S.css(i,"display"),i.parentNode.removeChild(i),be[s]=a="none"===a?"block":a)))):"none"!==n&&(u[l]="none",b.set(r,"display",n)));for(l=0;l<c;l++)null!=u[l]&&(e[l].style.display=u[l]);return e}S.fn.extend({show:function(){return A(this,!0)},hide:function(){return A(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){me(this)?S(this).show():S(this).hide()})}});var we=/^(?:checkbox|radio)$/i,Te=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i,n=C.createDocumentFragment().appendChild(C.createElement("div")),j=((o=C.createElement("input")).setAttribute("type","radio"),o.setAttribute("checked","checked"),o.setAttribute("name","t"),n.appendChild(o),m.checkClone=n.cloneNode(!0).cloneNode(!0).lastChild.checked,n.innerHTML="<textarea>x</textarea>",m.noCloneChecked=!!n.cloneNode(!0).lastChild.defaultValue,n.innerHTML="<option></option>",m.option=!!n.lastChild,{thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]});function D(e,t){var n=void 0!==e.getElementsByTagName?e.getElementsByTagName(t||"*"):void 0!==e.querySelectorAll?e.querySelectorAll(t||"*"):[];return void 0===t||t&&u(e,t)?S.merge([e],n):n}function Se(e,t){for(var n=0,r=e.length;n<r;n++)b.set(e[n],"globalEval",!t||b.get(t[n],"globalEval"))}j.tbody=j.tfoot=j.colgroup=j.caption=j.thead,j.th=j.td,m.option||(j.optgroup=j.option=[1,"<select multiple='multiple'>","</select>"]);var Ee=/<|&#?\w+;/;function ke(e,t,n,r,i){for(var o,s,a,u,l,c=t.createDocumentFragment(),f=[],p=0,d=e.length;p<d;p++)if((o=e[p])||0===o)if("object"===h(o))S.merge(f,o.nodeType?[o]:o);else if(Ee.test(o)){for(s=s||c.appendChild(t.createElement("div")),a=(Te.exec(o)||["",""])[1].toLowerCase(),a=j[a]||j._default,s.innerHTML=a[1]+S.htmlPrefilter(o)+a[2],l=a[0];l--;)s=s.lastChild;S.merge(f,s.childNodes),(s=c.firstChild).textContent=""}else f.push(t.createTextNode(o));for(c.textContent="",p=0;o=f[p++];)if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(u=k(o),s=D(c.appendChild(o),"script"),u&&Se(s),n)for(l=0;o=s[l++];)Ce.test(o.type||"")&&n.push(o);return c}var Ae=/^([^.]*)(?:\.(.+)|)/;function s(){return!0}function d(){return!1}function je(e,t){return e===function(){try{return C.activeElement}catch(e){}}()==("focus"===t)}function De(e,t,n,r,i,o){var s,a;if("object"==typeof t){for(a in"string"!=typeof n&&(r=r||n,n=void 0),t)De(e,a,n,r,t[a],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=d;else if(!i)return e;return 1===o&&(s=i,(i=function(e){return S().off(e),s.apply(this,arguments)}).guid=s.guid||(s.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Ne(e,i,o){o?(b.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=b.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=a.call(arguments),b.set(this,i,r),t=o(this,i),this[i](),r!==(n=b.get(this,i))||t?b.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(b.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===b.get(e,i)&&S.event.add(e,i,s)}S.event={global:{},add:function(t,e,n,r,i){var o,s,a,u,l,c,f,p,d,h=b.get(t);if(y(t))for(n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(w,i),n.guid||(n.guid=S.guid++),a=(a=h.events)||(h.events=Object.create(null)),s=(s=h.handle)||(h.handle=function(e){return void 0!==S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),u=(e=(e||"").match(E)||[""]).length;u--;)f=d=(p=Ae.exec(e[u])||[])[1],p=(p[2]||"").split(".").sort(),f&&(l=S.event.special[f]||{},f=(i?l.delegateType:l.bindType)||f,l=S.event.special[f]||{},d=S.extend({type:f,origType:d,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:p.join(".")},o),(c=a[f])||((c=a[f]=[]).delegateCount=0,l.setup&&!1!==l.setup.call(t,r,p,s))||t.addEventListener&&t.addEventListener(f,s),l.add&&(l.add.call(t,d),d.handler.guid||(d.handler.guid=n.guid)),i?c.splice(c.delegateCount++,0,d):c.push(d),S.event.global[f]=!0)},remove:function(e,t,n,r,i){var o,s,a,u,l,c,f,p,d,h,g,m=b.hasData(e)&&b.get(e);if(m&&(u=m.events)){for(l=(t=(t||"").match(E)||[""]).length;l--;)if(d=g=(a=Ae.exec(t[l])||[])[1],h=(a[2]||"").split(".").sort(),d){for(f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],a=a[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=p.length;o--;)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));s&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,m.handle)||S.removeEvent(e,d,m.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&b.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,s=new Array(arguments.length),a=S.event.fix(e),e=(b.get(this,"events")||Object.create(null))[a.type]||[],u=S.event.special[a.type]||{};for(s[0]=a,t=1;t<arguments.length;t++)s[t]=arguments[t];if(a.delegateTarget=this,!u.preDispatch||!1!==u.preDispatch.call(this,a)){for(o=S.event.handlers.call(this,a,e),t=0;(r=o[t++])&&!a.isPropagationStopped();)for(a.currentTarget=r.elem,n=0;(i=r.handlers[n++])&&!a.isImmediatePropagationStopped();)a.rnamespace&&!1!==i.namespace&&!a.rnamespace.test(i.namespace)||(a.handleObj=i,a.data=i.data,void 0!==(i=((S.event.special[i.origType]||{}).handle||i.handler).apply(r.elem,s))&&!1===(a.result=i)&&(a.preventDefault(),a.stopPropagation()));return u.postDispatch&&u.postDispatch.call(this,a),a.result}},handlers:function(e,t){var n,r,i,o,s,a=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],s={},n=0;n<u;n++)void 0===s[i=(r=t[n]).selector+" "]&&(s[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),s[i]&&o.push(r);o.length&&a.push({elem:l,handlers:o})}return l=this,u<t.length&&a.push({elem:l,handlers:t.slice(u)}),a},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:v(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){e=this||e;return we.test(e.type)&&e.click&&u(e,"input")&&Ne(e,"click",s),!1},trigger:function(e){e=this||e;return we.test(e.type)&&e.click&&u(e,"input")&&Ne(e,"click"),!0},_default:function(e){e=e.target;return we.test(e.type)&&e.click&&u(e,"input")&&b.get(e,"click")||u(e,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?s:d,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:d,isPropagationStopped:d,isImmediatePropagationStopped:d,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=s,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=s,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=s,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,char:!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(t,e){S.event.special[t]={setup:function(){return Ne(this,t,je),!1},trigger:function(){return Ne(this,t),!0},_default:function(e){return b.get(e.target,t)},delegateType:e}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return De(this,e,t,n,r)},one:function(e,t,n,r){return De(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler);else{if("object"!=typeof e)return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=d),this.each(function(){S.event.remove(this,e,n,t)});for(i in e)this.off(i,t,e[i])}return this}});var qe=/<script|<style|<link/i,Le=/checked\s*(?:[^=]|=\s*.checked.)/i,He=/^\s*<!\[CDATA\[|\]\]>\s*$/g;function Oe(e,t){return u(e,"table")&&u(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Pe(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Re(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Me(e,t){var n,r,i,o;if(1===t.nodeType){if(b.hasData(e)&&(o=b.get(e).events))for(i in b.remove(t,"handle events"),o)for(n=0,r=o[i].length;n<r;n++)S.event.add(t,i,o[i][n]);l.hasData(e)&&(e=l.access(e),e=S.extend({},e),l.set(t,e))}}function N(n,r,i,o){r=I(r);var e,t,s,a,u,l,c=0,f=n.length,p=f-1,d=r[0],h=v(d);if(h||1<f&&"string"==typeof d&&!m.checkClone&&Le.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),N(t,r,i,o)});if(f&&(t=(e=ke(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(a=(s=S.map(D(e,"script"),Pe)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),a)&&S.merge(s,D(u,"script")),i.call(n[c],u,c);if(a)for(l=s[s.length-1].ownerDocument,S.map(s,Re),c=0;c<a;c++)u=s[c],Ce.test(u.type||"")&&!b.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):V(u.textContent.replace(He,""),u,l))}return n}function Ie(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(D(r)),r.parentNode&&(n&&k(r)&&Se(D(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,s,a,u,l,c=e.cloneNode(!0),f=k(e);if(!(m.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(s=D(c),r=0,i=(o=D(e)).length;r<i;r++)a=o[r],"input"===(l=(u=s[r]).nodeName.toLowerCase())&&we.test(a.type)?u.checked=a.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=a.defaultValue);if(t)if(n)for(o=o||D(e),s=s||D(c),r=0,i=o.length;r<i;r++)Me(o[r],s[r]);else Me(e,c);return 0<(s=D(c,"script")).length&&Se(s,!f&&D(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(y(n)){if(t=n[b.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[b.expando]=void 0}n[l.expando]&&(n[l.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Ie(this,e,!0)},remove:function(e){return Ie(this,e)},text:function(e){return f(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return N(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||Oe(this,e).appendChild(e)})},prepend:function(){return N(this,arguments,function(e){var t;1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(t=Oe(this,e)).insertBefore(e,t.firstChild)})},before:function(){return N(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return N(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(D(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return f(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!qe.test(e)&&!j[(Te.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(D(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return N(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(D(this)),t)&&t.replaceChild(e,this)},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,s){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[s](t),$.apply(n,t.get());return this.pushStack(n)}});function $e(e){var t=e.ownerDocument.defaultView;return(t=t&&t.opener?t:T).getComputedStyle(e)}function We(e,t,n){var r,i={};for(r in t)i[r]=e.style[r],e.style[r]=t[r];for(r in n=n.call(e),t)e.style[r]=i[r];return n}var Fe,Be,_e,ze,Ue,Xe,Ve,i,Ge=new RegExp("^("+e+")(?!px)[a-z%]+$","i"),Ye=/^--/,Qe=new RegExp(p.join("|"),"i"),o="[\\x20\\t\\r\\n\\f]",Je=new RegExp("^"+o+"+|((?:^|[^\\\\])(?:\\\\.)*)"+o+"+$","g");function Ke(e,t,n){var r,i=Ye.test(t),o=e.style;return(n=n||$e(e))&&(r=n.getPropertyValue(t)||n[t],""!==(r=i?r&&(r.replace(Je,"$1")||void 0):r)||k(e)||(r=S.style(e,t)),!m.pixelBoxStyles())&&Ge.test(r)&&Qe.test(t)&&(i=o.width,e=o.minWidth,t=o.maxWidth,o.minWidth=o.maxWidth=o.width=r,r=n.width,o.width=i,o.minWidth=e,o.maxWidth=t),void 0!==r?r+"":r}function Ze(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}function et(){var e;i&&(Ve.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",i.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",w.appendChild(Ve).appendChild(i),e=T.getComputedStyle(i),Fe="1%"!==e.top,Xe=12===tt(e.marginLeft),i.style.right="60%",ze=36===tt(e.right),Be=36===tt(e.width),i.style.position="absolute",_e=12===tt(i.offsetWidth/3),w.removeChild(Ve),i=null)}function tt(e){return Math.round(parseFloat(e))}Ve=C.createElement("div"),(i=C.createElement("div")).style&&(i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",m.clearCloneStyle="content-box"===i.style.backgroundClip,S.extend(m,{boxSizingReliable:function(){return et(),Be},pixelBoxStyles:function(){return et(),ze},pixelPosition:function(){return et(),Fe},reliableMarginLeft:function(){return et(),Xe},scrollboxSize:function(){return et(),_e},reliableTrDimensions:function(){var e,t,n;return null==Ue&&(e=C.createElement("table"),t=C.createElement("tr"),n=C.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",w.appendChild(e).appendChild(t).appendChild(n),n=T.getComputedStyle(t),Ue=parseInt(n.height,10)+parseInt(n.borderTopWidth,10)+parseInt(n.borderBottomWidth,10)===t.offsetHeight,w.removeChild(e)),Ue}}));var nt=["Webkit","Moz","ms"],rt=C.createElement("div").style,it={};function ot(e){return S.cssProps[e]||it[e]||(e in rt?e:it[e]=function(e){for(var t=e[0].toUpperCase()+e.slice(1),n=nt.length;n--;)if((e=nt[n]+t)in rt)return e}(e)||e)}var st=/^(none|table(?!-c[ea]).+)/,at={position:"absolute",visibility:"hidden",display:"block"},ut={letterSpacing:"0",fontWeight:"400"};function lt(e,t,n){var r=ye.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function ct(e,t,n,r,i,o){var s="width"===t?1:0,a=0,u=0;if(n===(r?"border":"content"))return 0;for(;s<4;s+=2)"margin"===n&&(u+=S.css(e,n+p[s],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+p[s],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+p[s]+"Width",!0,i))):(u+=S.css(e,"padding"+p[s],!0,i),"padding"!==n?u+=S.css(e,"border"+p[s]+"Width",!0,i):a+=S.css(e,"border"+p[s]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-a-.5))||0),u}function ft(e,t,n){var r=$e(e),i=(!m.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,s=Ke(e,t,r),a="offset"+t[0].toUpperCase()+t.slice(1);if(Ge.test(s)){if(!n)return s;s="auto"}return(!m.boxSizingReliable()&&i||!m.reliableTrDimensions()&&u(e,"tr")||"auto"===s||!parseFloat(s)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),o=a in e)&&(s=e[a]),(s=parseFloat(s)||0)+ct(e,t,n||(i?"border":"content"),o,r,s)+"px"}function q(e,t,n,r,i){return new q.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t)return""===(t=Ke(e,"opacity"))?"1":t}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x(t),u=Ye.test(t),l=e.style;if(u||(t=ot(a)),s=S.cssHooks[t]||S.cssHooks[a],void 0===n)return s&&"get"in s&&void 0!==(i=s.get(e,!1,r))?i:l[t];"string"==(o=typeof n)&&(i=ye.exec(n))&&i[1]&&(n=xe(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[a]?"":"px")),m.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),s&&"set"in s&&void 0===(n=s.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o=x(t);return Ye.test(t)||(t=ot(o)),"normal"===(i=void 0===(i=(o=S.cssHooks[t]||S.cssHooks[o])&&"get"in o?o.get(e,!0,n):i)?Ke(e,t,r):i)&&t in ut&&(i=ut[t]),(""===n||n)&&(o=parseFloat(i),!0===n||isFinite(o))?o||0:i}}),S.each(["height","width"],function(e,s){S.cssHooks[s]={get:function(e,t,n){if(t)return!st.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?ft(e,s,n):We(e,at,function(){return ft(e,s,n)})},set:function(e,t,n){var r=$e(e),i=!m.scrollboxSize()&&"absolute"===r.position,o=(i||n)&&"border-box"===S.css(e,"boxSizing",!1,r),n=n?ct(e,s,n,o,r):0;return o&&i&&(n-=Math.ceil(e["offset"+s[0].toUpperCase()+s.slice(1)]-parseFloat(r[s])-ct(e,s,"border",!1,r)-.5)),n&&(o=ye.exec(t))&&"px"!==(o[3]||"px")&&(e.style[s]=t,t=S.css(e,s)),lt(0,t,n)}}}),S.cssHooks.marginLeft=Ze(m.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Ke(e,"marginLeft"))||e.getBoundingClientRect().left-We(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+p[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=lt)}),S.fn.extend({css:function(e,t){return f(this,function(e,t,n){var r,i,o={},s=0;if(Array.isArray(t)){for(r=$e(e),i=t.length;s<i;s++)o[t[s]]=S.css(e,t[s],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=q).prototype={constructor:q,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=q.propHooks[this.prop];return(e&&e.get?e:q.propHooks._default).get(this)},run:function(e){var t,n=q.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),(n&&n.set?n:q.propHooks._default).set(this),this}}).init.prototype=q.prototype,(q.propHooks={_default:{get:function(e){return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(e=S.css(e.elem,e.prop,""))&&"auto"!==e?e:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[ot(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=q.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=q.prototype.init,S.fx.step={};var L,pt,dt=/^(?:toggle|show|hide)$/,ht=/queueHooks$/;function gt(){pt&&(!1===C.hidden&&T.requestAnimationFrame?T.requestAnimationFrame(gt):T.setTimeout(gt,S.fx.interval),S.fx.tick())}function mt(){return T.setTimeout(function(){L=void 0}),L=Date.now()}function yt(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=p[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function vt(e,t,n){for(var r,i=(H.tweeners[t]||[]).concat(H.tweeners["*"]),o=0,s=i.length;o<s;o++)if(r=i[o].call(n,t,e))return r}function H(i,e,t){var n,o,r,s,a,u,l,c=0,f=H.prefilters.length,p=S.Deferred().always(function(){delete d.elem}),d=function(){if(o)return!1;for(var e=L||mt(),e=Math.max(0,h.startTime+h.duration-e),t=1-(e/h.duration||0),n=0,r=h.tweens.length;n<r;n++)h.tweens[n].run(t);return p.notifyWith(i,[h,t,e]),t<1&&r?e:(r||p.notifyWith(i,[h,1,0]),p.resolveWith(i,[h]),!1)},h=p.promise({elem:i,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:L||mt(),duration:t.duration,tweens:[],createTween:function(e,t){t=S.Tween(i,h.opts,e,t,h.opts.specialEasing[e]||h.opts.easing);return h.tweens.push(t),t},stop:function(e){var t=0,n=e?h.tweens.length:0;if(!o){for(o=!0;t<n;t++)h.tweens[t].run(1);e?(p.notifyWith(i,[h,1,0]),p.resolveWith(i,[h,e])):p.rejectWith(i,[h,e])}return this}}),g=h.props,m=g,y=h.opts.specialEasing;for(r in m)if(a=y[s=x(r)],u=m[r],Array.isArray(u)&&(a=u[1],u=m[r]=u[0]),r!==s&&(m[s]=u,delete m[r]),(l=S.cssHooks[s])&&"expand"in l)for(r in u=l.expand(u),delete m[s],u)r in m||(m[r]=u[r],y[r]=a);else y[s]=a;for(;c<f;c++)if(n=H.prefilters[c].call(h,i,g,h.opts))return v(n.stop)&&(S._queueHooks(h.elem,h.opts.queue).stop=n.stop.bind(n)),n;return S.map(g,vt,h),v(h.opts.start)&&h.opts.start.call(i,h),h.progress(h.opts.progress).done(h.opts.done,h.opts.complete).fail(h.opts.fail).always(h.opts.always),S.fx.timer(S.extend(d,{elem:i,anim:h,queue:h.opts.queue})),h}S.Animation=S.extend(H,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return xe(n.elem,e,ye.exec(t),n),n}]},tweener:function(e,t){for(var n,r=0,i=(e=v(e)?(t=e,["*"]):e.match(E)).length;r<i;r++)n=e[r],H.tweeners[n]=H.tweeners[n]||[],H.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,s,a,u,l,c="width"in t||"height"in t,f=this,p={},d=e.style,h=e.nodeType&&me(e),g=b.get(e,"fxshow");for(r in n.queue||(null==(s=S._queueHooks(e,"fx")).unqueued&&(s.unqueued=0,a=s.empty.fire,s.empty.fire=function(){s.unqueued||a()}),s.unqueued++,f.always(function(){f.always(function(){s.unqueued--,S.queue(e,"fx").length||s.empty.fire()})})),t)if(i=t[r],dt.test(i)){if(delete t[r],o=o||"toggle"===i,i===(h?"hide":"show")){if("show"!==i||!g||void 0===g[r])continue;h=!0}p[r]=g&&g[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(p))for(r in c&&1===e.nodeType&&(n.overflow=[d.overflow,d.overflowX,d.overflowY],null==(l=g&&g.display)&&(l=b.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(A([e],!0),l=e.style.display||l,c=S.css(e,"display"),A([e]))),"inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(f.done(function(){d.display=l}),null==l&&(c=d.display,l="none"===c?"":c)),d.display="inline-block"),n.overflow&&(d.overflow="hidden",f.always(function(){d.overflow=n.overflow[0],d.overflowX=n.overflow[1],d.overflowY=n.overflow[2]})),u=!1,p)u||(g?"hidden"in g&&(h=g.hidden):g=b.access(e,"fxshow",{display:l}),o&&(g.hidden=!h),h&&A([e],!0),f.done(function(){for(r in h||A([e]),b.remove(e,"fxshow"),p)S.style(e,r,p[r])})),u=vt(h?g[r]:0,r,f),r in g||(g[r]=u.start,h&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?H.prefilters.unshift(e):H.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||v(e)&&e,duration:e,easing:n&&t||t&&!v(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){v(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(me).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){function i(){var e=H(this,S.extend({},t),s);(o||b.get(this,"finish"))&&e.stop(!0)}var o=S.isEmptyObject(t),s=S.speed(e,n,r);return i.finish=i,o||!1===s.queue?this.each(i):this.queue(s.queue,i)},stop:function(i,e,o){function s(e){var t=e.stop;delete e.stop,t(o)}return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=b.get(this);if(t)r[t]&&r[t].stop&&s(r[t]);else for(t in r)r[t]&&r[t].stop&&ht.test(t)&&s(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(s){return!1!==s&&(s=s||"fx"),this.each(function(){var e,t=b.get(this),n=t[s+"queue"],r=t[s+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,s,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===s&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(yt(r,!0),e,t,n)}}),S.each({slideDown:yt("show"),slideUp:yt("hide"),slideToggle:yt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(L=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),L=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){pt||(pt=!0,gt())},S.fx.stop=function(){pt=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,this.queue(e=e||"fx",function(e,t){var n=T.setTimeout(e,r);t.stop=function(){T.clearTimeout(n)}})},n=C.createElement("input"),e=C.createElement("select").appendChild(C.createElement("option")),n.type="checkbox",m.checkOn=""!==n.value,m.optSelected=e.selected,(n=C.createElement("input")).value="t",n.type="radio",m.radioValue="t"===n.value;var xt,bt=S.expr.attrHandle,wt=(S.fn.extend({attr:function(e,t){return f(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return void 0===e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?xt:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):!(i&&"get"in i&&null!==(r=i.get(e,t)))&&null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){var n;if(!m.radioValue&&"radio"===t&&u(e,"input"))return n=e.value,e.setAttribute("type",t),n&&(e.value=n),t}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(E);if(i&&1===e.nodeType)for(;n=i[r++];)e.removeAttribute(n)}}),xt={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var s=bt[t]||S.find.attr;bt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=bt[o],bt[o]=r,r=null!=s(e,t,n)?o:null,bt[o]=i),r}}),/^(?:input|select|textarea|button)$/i),Tt=/^(?:a|area)$/i;function O(e){return(e.match(E)||[]).join(" ")}function P(e){return e.getAttribute&&e.getAttribute("class")||""}function Ct(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(E)||[]}S.fn.extend({prop:function(e,t){return f(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):wt.test(e.nodeName)||Tt.test(e.nodeName)&&e.href?0:-1}}},propFix:{for:"htmlFor",class:"className"}}),m.optSelected||(S.propHooks.selected={get:function(e){e=e.parentNode;return e&&e.parentNode&&e.parentNode.selectedIndex,null},set:function(e){e=e.parentNode;e&&(e.selectedIndex,e.parentNode)&&e.parentNode.selectedIndex}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,s;return v(t)?this.each(function(e){S(this).addClass(t.call(this,e,P(this)))}):(e=Ct(t)).length?this.each(function(){if(r=P(this),n=1===this.nodeType&&" "+O(r)+" "){for(o=0;o<e.length;o++)i=e[o],n.indexOf(" "+i+" ")<0&&(n+=i+" ");s=O(n),r!==s&&this.setAttribute("class",s)}}):this},removeClass:function(t){var e,n,r,i,o,s;return v(t)?this.each(function(e){S(this).removeClass(t.call(this,e,P(this)))}):arguments.length?(e=Ct(t)).length?this.each(function(){if(r=P(this),n=1===this.nodeType&&" "+O(r)+" "){for(o=0;o<e.length;o++)for(i=e[o];-1<n.indexOf(" "+i+" ");)n=n.replace(" "+i+" "," ");s=O(n),r!==s&&this.setAttribute("class",s)}}):this:this.attr("class","")},toggleClass:function(t,n){var e,r,i,o,s=typeof t,a="string"==s||Array.isArray(t);return v(t)?this.each(function(e){S(this).toggleClass(t.call(this,e,P(this),n),n)}):"boolean"==typeof n&&a?n?this.addClass(t):this.removeClass(t):(e=Ct(t),this.each(function(){if(a)for(o=S(this),i=0;i<e.length;i++)r=e[i],o.hasClass(r)?o.removeClass(r):o.addClass(r);else void 0!==t&&"boolean"!=s||((r=P(this))&&b.set(this,"__className__",r),this.setAttribute&&this.setAttribute("class",!r&&!1!==t&&b.get(this,"__className__")||""))}))},hasClass:function(e){for(var t,n=0,r=" "+e+" ";t=this[n++];)if(1===t.nodeType&&-1<(" "+O(P(t))+" ").indexOf(r))return!0;return!1}});function St(e){e.stopPropagation()}var Et=/\r/g,kt=(S.fn.extend({val:function(t){var n,e,r,i=this[0];return arguments.length?(r=v(t),this.each(function(e){1===this.nodeType&&(null==(e=r?t.call(this,e,S(this).val()):t)?e="":"number"==typeof e?e+="":Array.isArray(e)&&(e=S.map(e,function(e){return null==e?"":e+""})),(n=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in n&&void 0!==n.set(this,e,"value")||(this.value=e))})):i?(n=S.valHooks[i.type]||S.valHooks[i.nodeName.toLowerCase()])&&"get"in n&&void 0!==(e=n.get(i,"value"))?e:"string"==typeof(e=i.value)?e.replace(Et,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:O(S.text(e))}},select:{get:function(e){for(var t,n=e.options,r=e.selectedIndex,i="select-one"===e.type,o=i?null:[],s=i?r+1:n.length,a=r<0?s:i?r:0;a<s;a++)if(((t=n[a]).selected||a===r)&&!t.disabled&&(!t.parentNode.disabled||!u(t.parentNode,"optgroup"))){if(t=S(t).val(),i)return t;o.push(t)}return o},set:function(e,t){for(var n,r,i=e.options,o=S.makeArray(t),s=i.length;s--;)((r=i[s]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},m.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),m.focusin="onfocusin"in T,/^(?:focusinfocus|focusoutblur)$/),At=(S.extend(S.event,{trigger:function(e,t,n,r){var i,o,s,a,u,l,c,f=[n||C],p=_.call(e,"type")?e.type:e,d=_.call(e,"namespace")?e.namespace.split("."):[],h=c=o=n=n||C;if(3!==n.nodeType&&8!==n.nodeType&&!kt.test(p+S.event.triggered)&&(-1<p.indexOf(".")&&(p=(d=p.split(".")).shift(),d.sort()),a=p.indexOf(":")<0&&"on"+p,(e=e[S.expando]?e:new S.Event(p,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=d.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),l=S.event.special[p]||{},r||!l.trigger||!1!==l.trigger.apply(n,t))){if(!r&&!l.noBubble&&!g(n)){for(s=l.delegateType||p,kt.test(s+p)||(h=h.parentNode);h;h=h.parentNode)f.push(h),o=h;o===(n.ownerDocument||C)&&f.push(o.defaultView||o.parentWindow||T)}for(i=0;(h=f[i++])&&!e.isPropagationStopped();)c=h,e.type=1<i?s:l.bindType||p,(u=(b.get(h,"events")||Object.create(null))[e.type]&&b.get(h,"handle"))&&u.apply(h,t),(u=a&&h[a])&&u.apply&&y(h)&&(e.result=u.apply(h,t),!1===e.result)&&e.preventDefault();return e.type=p,r||e.isDefaultPrevented()||l._default&&!1!==l._default.apply(f.pop(),t)||!y(n)||a&&v(n[p])&&!g(n)&&((o=n[a])&&(n[a]=null),S.event.triggered=p,e.isPropagationStopped()&&c.addEventListener(p,St),n[p](),e.isPropagationStopped()&&c.removeEventListener(p,St),S.event.triggered=void 0,o)&&(n[a]=o),e.result}},simulate:function(e,t,n){n=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(n,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),m.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){function i(e){S.event.simulate(r,e.target,S.event.fix(e))}S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=b.access(e,r);t||e.addEventListener(n,i,!0),b.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=b.access(e,r)-1;t?b.access(e,r,t):(e.removeEventListener(n,i,!0),b.remove(e,r))}}}),T.location),jt={guid:Date.now()},Dt=/\?/,Nt=(S.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new T.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||S.error("Invalid XML: "+(n?S.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t},/\[\]$/),qt=/\r?\n/g,Lt=/^(?:submit|button|image|reset|file)$/i,Ht=/^(?:input|select|textarea|keygen)/i;S.param=function(e,t){function n(e,t){t=v(t)?t():t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==t?"":t)}var r,i=[];if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){n(this.name,this.value)});else for(r in e)!function n(r,e,i,o){if(Array.isArray(e))S.each(e,function(e,t){i||Nt.test(r)?o(r,t):n(r+"["+("object"==typeof t&&null!=t?e:"")+"]",t,i,o)});else if(i||"object"!==h(e))o(r,e);else for(var t in e)n(r+"["+t+"]",e[t],i,o)}(r,e[r],t,n);return i.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&Ht.test(this.nodeName)&&!Lt.test(e)&&(this.checked||!we.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(qt,"\r\n")}}):{name:t.name,value:n.replace(qt,"\r\n")}}).get()}});var Ot=/%20/g,Pt=/#.*$/,Rt=/([?&])_=[^&]*/,Mt=/^(.*?):[ \t]*([^\r\n]*)$/gm,It=/^(?:GET|HEAD)$/,$t=/^\/\//,Wt={},Ft={},Bt="*/".concat("*"),_t=C.createElement("a");function zt(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(E)||[];if(v(t))for(;n=i[r++];)"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Ut(t,r,i,o){var s={},a=t===Ft;function u(e){var n;return s[e]=!0,S.each(t[e]||[],function(e,t){t=t(r,i,o);return"string"!=typeof t||a||s[t]?a?!(n=t):void 0:(r.dataTypes.unshift(t),u(t),!1)}),n}return u(r.dataTypes[0])||!s["*"]&&u("*")}function Xt(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r=r||{})[n]=t[n]);return r&&S.extend(!0,e,r),e}_t.href=At.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:At.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(At.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Bt,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Xt(Xt(e,S.ajaxSettings),t):Xt(S.ajaxSettings,e)},ajaxPrefilter:zt(Wt),ajaxTransport:zt(Ft),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0);var u,l,c,n,f,p,d,r,i,h=S.ajaxSetup({},t=t||{}),g=h.context||h,m=h.context&&(g.nodeType||g.jquery)?S(g):S.event,y=S.Deferred(),v=S.Callbacks("once memory"),x=h.statusCode||{},o={},s={},a="canceled",b={readyState:0,getResponseHeader:function(e){var t;if(p){if(!n)for(n={};t=Mt.exec(c);)n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2]);t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return p?c:null},setRequestHeader:function(e,t){return null==p&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,o[e]=t),this},overrideMimeType:function(e){return null==p&&(h.mimeType=e),this},statusCode:function(e){if(e)if(p)b.always(e[b.status]);else for(var t in e)x[t]=[x[t],e[t]];return this},abort:function(e){e=e||a;return u&&u.abort(e),w(0,e),this}};if(y.promise(b),h.url=((e||h.url||At.href)+"").replace($t,At.protocol+"//"),h.type=t.method||t.type||h.method||h.type,h.dataTypes=(h.dataType||"*").toLowerCase().match(E)||[""],null==h.crossDomain){i=C.createElement("a");try{i.href=h.url,i.href=i.href,h.crossDomain=_t.protocol+"//"+_t.host!=i.protocol+"//"+i.host}catch(e){h.crossDomain=!0}}if(h.data&&h.processData&&"string"!=typeof h.data&&(h.data=S.param(h.data,h.traditional)),Ut(Wt,h,t,b),!p){for(r in(d=S.event&&h.global)&&0==S.active++&&S.event.trigger("ajaxStart"),h.type=h.type.toUpperCase(),h.hasContent=!It.test(h.type),l=h.url.replace(Pt,""),h.hasContent?h.data&&h.processData&&0===(h.contentType||"").indexOf("application/x-www-form-urlencoded")&&(h.data=h.data.replace(Ot,"+")):(i=h.url.slice(l.length),h.data&&(h.processData||"string"==typeof h.data)&&(l+=(Dt.test(l)?"&":"?")+h.data,delete h.data),!1===h.cache&&(l=l.replace(Rt,"$1"),i=(Dt.test(l)?"&":"?")+"_="+jt.guid+++i),h.url=l+i),h.ifModified&&(S.lastModified[l]&&b.setRequestHeader("If-Modified-Since",S.lastModified[l]),S.etag[l])&&b.setRequestHeader("If-None-Match",S.etag[l]),(h.data&&h.hasContent&&!1!==h.contentType||t.contentType)&&b.setRequestHeader("Content-Type",h.contentType),b.setRequestHeader("Accept",h.dataTypes[0]&&h.accepts[h.dataTypes[0]]?h.accepts[h.dataTypes[0]]+("*"!==h.dataTypes[0]?", "+Bt+"; q=0.01":""):h.accepts["*"]),h.headers)b.setRequestHeader(r,h.headers[r]);if(h.beforeSend&&(!1===h.beforeSend.call(g,b,h)||p))return b.abort();if(a="abort",v.add(h.complete),b.done(h.success),b.fail(h.error),u=Ut(Ft,h,t,b)){if(b.readyState=1,d&&m.trigger("ajaxSend",[b,h]),p)return b;h.async&&0<h.timeout&&(f=T.setTimeout(function(){b.abort("timeout")},h.timeout));try{p=!1,u.send(o,w)}catch(e){if(p)throw e;w(-1,e)}}else w(-1,"No Transport")}return b;function w(e,t,n,r){var i,o,s,a=t;p||(p=!0,f&&T.clearTimeout(f),u=void 0,c=r||"",b.readyState=0<e?4:0,r=200<=e&&e<300||304===e,n&&(s=function(e,t,n){for(var r,i,o,s,a=e.contents,u=e.dataTypes;"*"===u[0];)u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in a)if(a[i]&&a[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}s=s||i}o=o||s}if(o)return o!==u[0]&&u.unshift(o),n[o]}(h,b,n)),!r&&-1<S.inArray("script",h.dataTypes)&&S.inArray("json",h.dataTypes)<0&&(h.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,s,a,u,l={},c=e.dataTypes.slice();if(c[1])for(s in e.converters)l[s.toLowerCase()]=e.converters[s];for(o=c.shift();o;)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(s=l[u+" "+o]||l["* "+o]))for(i in l)if((a=i.split(" "))[1]===o&&(s=l[u+" "+a[0]]||l["* "+a[0]])){!0===s?s=l[i]:!0!==l[i]&&(o=a[0],c.unshift(a[1]));break}if(!0!==s)if(s&&e.throws)t=s(t);else try{t=s(t)}catch(e){return{state:"parsererror",error:s?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(h,s,b,r),r?(h.ifModified&&((n=b.getResponseHeader("Last-Modified"))&&(S.lastModified[l]=n),n=b.getResponseHeader("etag"))&&(S.etag[l]=n),204===e||"HEAD"===h.type?a="nocontent":304===e?a="notmodified":(a=s.state,i=s.data,r=!(o=s.error))):(o=a,!e&&a||(a="error",e<0&&(e=0))),b.status=e,b.statusText=(t||a)+"",r?y.resolveWith(g,[i,a,b]):y.rejectWith(g,[b,a,o]),b.statusCode(x),x=void 0,d&&m.trigger(r?"ajaxSuccess":"ajaxError",[b,h,r?i:o]),v.fireWith(g,[b,a]),d&&(m.trigger("ajaxComplete",[b,h]),--S.active||S.event.trigger("ajaxStop")))}},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return v(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){for(var t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){return this[0]&&(v(e)&&(e=e.call(this[0])),e=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&e.insertBefore(this[0]),e.map(function(){for(var e=this;e.firstElementChild;)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return v(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=v(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new T.XMLHttpRequest}catch(e){}};var Vt={0:200,1223:204},Gt=S.ajaxSettings.xhr();m.cors=!!Gt&&"withCredentials"in Gt,m.ajax=Gt=!!Gt,S.ajaxTransport(function(i){var o,s;if(m.cors||Gt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=s=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(Vt[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),s=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=s:r.onreadystatechange=function(){4===r.readyState&&T.setTimeout(function(){o&&s()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Yt=[],Qt=/(=)\?(?=&|$)|\?\?/,Jt=(S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Yt.pop()||S.expando+"_"+jt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,s=!1!==e.jsonp&&(Qt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Qt.test(e.data)&&"data");if(s||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,s?e[s]=e[s].replace(Qt,"$1"+r):!1!==e.jsonp&&(e.url+=(Dt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=T[r],T[r]=function(){o=arguments},n.always(function(){void 0===i?S(T).removeProp(r):T[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Yt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),m.createHTMLDocument=((o=C.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===o.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(m.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),r=!n&&[],(n=J.exec(e))?[t.createElement(n[1])]:(n=ke([e],t,r),r&&r.length&&S(r).remove(),S.merge([],n.childNodes)));var r},S.fn.load=function(e,t,n){var r,i,o,s=this,a=e.indexOf(" ");return-1<a&&(r=O(e.slice(a)),e=e.slice(0,a)),v(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<s.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,s.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){s.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,s,a=S.css(e,"position"),u=S(e),l={};"static"===a&&(e.style.position="relative"),o=u.offset(),r=S.css(e,"top"),s=S.css(e,"left"),a=("absolute"===a||"fixed"===a)&&-1<(r+s).indexOf("auto")?(i=(a=u.position()).top,a.left):(i=parseFloat(r)||0,parseFloat(s)||0),null!=(t=v(t)?t.call(e,n,S.extend({},o)):t).top&&(l.top=t.top-o.top+i),null!=t.left&&(l.left=t.left-o.left+a),"using"in t?t.using.call(e,l):u.css(l)}},S.fn.extend({offset:function(t){var e,n;return arguments.length?void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)}):(n=this[0])?n.getClientRects().length?(e=n.getBoundingClientRect(),n=n.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{for(t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position");)e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){for(var e=this.offsetParent;e&&"static"===S.css(e,"position");)e=e.offsetParent;return e||w})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return f(this,function(e,t,n){var r;if(g(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Ze(m.pixelPosition,function(e,t){if(t)return t=Ke(e,n),Ge.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(s,a){S.each({padding:"inner"+s,content:a,"":"outer"+s},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return f(this,function(e,t,n){var r;return g(e)?0===o.indexOf("outer")?e["inner"+s]:e.document.documentElement["client"+s]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+s],r["scroll"+s],e.body["offset"+s],r["offset"+s],r["client"+s])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},a,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}}),/^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g),Kt=(S.proxy=function(e,t){var n,r;if("string"==typeof t&&(r=e[t],t=e,e=r),v(e))return n=a.call(arguments,2),(r=function(){return e.apply(t||this,n.concat(a.call(arguments)))}).guid=e.guid=e.guid||S.guid++,r},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=u,S.isFunction=v,S.isWindow=g,S.camelCase=x,S.type=h,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Jt,"$1")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S}),T.jQuery),Zt=T.$;return S.noConflict=function(e){return T.$===S&&(T.$=Zt),e&&T.jQuery===S&&(T.jQuery=Kt),S},void 0===R&&(T.jQuery=T.$=S),S});"use strict";var e=$(".closeIcon");let t=$("app-message-alert"),n=document.querySelector("#username"),r=document.querySelector("#password");var i=$(".input-img");let o=$(".input-img > i"),s=document.querySelector("#loginButtonWrapper"),a=document.querySelector(".buttonDiv .gd-primary-btn");var u=document.querySelector("form");let l=$("#loginText"),c=$(".loader"),f="server/uplink.php",p=document.querySelector("#index"),d=document.querySelector("#profile-settings"),h=document.querySelector("#modal"),g=document.querySelector("#app-loader"),m=document.querySelector("#root-loader"),y=document.querySelector(".timer-text"),v=document.querySelector(".timer-overlay"),x=document.querySelector("#body1");function b(){"password"===r.type?(r.type="text",o.addClass("fa-fa-eye-hide")):(r.type="password",o.removeClass("fa-fa-eye-hide"))}function w(){t.addClass("hide"),n.value&&r.value?(s.classList.remove("btn-disabled"),a.disabled=!1):(s.classList.add("btn-disabled"),a.disabled=!0)}function T(t){return new Promise(e=>setTimeout(e,t))}function C(e){return/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$ %^&*-]).{8,}$/.test(e)}function S(e){$.ajax({url:f,data:e,method:"POST",cache:!1,success:e=>{E()},error:(e,t,n)=>{console.log(n)}})}function E(){p.classList.add("hide"),d.classList.remove("hide"),h.classList.remove("hide"),k(),x.classList.add("fullscreen")}function k(){let t=59;const n=t;let r=setInterval(()=>{var e;0<t?(y.textContent=`${t} second${1==t?"":"s"} remaining`,e=(n-t)/n*100,v.style.width=100-e+"%",t--):(clearInterval(r),k())},1e3)}function A(){m.classList.add("hide")}function j(){g.classList.remove("hide")}function D(){g.classList.add("hide")}function N(){p.classList.remove("hide")}e.click(()=>{t.addClass("hide")}),i.click(()=>{b()}),r.oninput=()=>{w()},n.oninput=()=>{w()},u.onsubmit=async e=>{e.preventDefault(),l.hide(),c.removeClass("hide"),t.addClass("hide"),await T(3e3),C(r.value)?S($("form").serialize()):(l.show(),c.addClass("hide"),t.removeClass("hide"))},window.addEventListener("DOMContentLoaded",async()=>{await T(5e3),A(),j(),N(),await T(4e3),D()});
</script>
</app-landing></div></div></div></div></div></app-root></body></html>