body.pri{
    color: #212121 !important;}
.h-auto{
    height: auto !important;}
.modal-open .modal{
    z-index: 2500;}
.web-modal.fade.in .modal-window{
	transform: translateX(0) !important;
	transition: transform 0.3s linear;}
.web-modal.fade .modal-window{
	transform: translateX(100%);}
.web-dropdown .ett-slct.ter .sub-elt::placeholder{
	font-weight: normal;
	color: #575757;
	opacity: 1;}	
.acct-sel-input input{
    border-bottom: none;
    caret-color: transparent;
    opacity: 1 !important;}
.acct-sel-input input.ett-inpt.ter:focus{
    border: none !important;
    border-bottom: none !important;}
.apz-nav-stay-left.close-menu .pnt-head.pri{
    z-index: 1500;}
.ett-chek.hor.pri input[type=checkbox]{
	position: relative;
	display: none;}
.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child .ett-para.pri{
    color: #212121;
    white-space: nowrap;}
.text--wrap .ett-para.pri{
    width: 100%;
    display: block;
    word-wrap: break-word;
    line-height: 1.5 !important;}
.alertify > .dialog .msg > span{
    font-weight: 700;}
.datepicker .ecn > .cir .ett-bttn{
    height: auto;
    padding-right: 4px;}
.web-tab.pst-tabs.hor.pri > ul.tabs > li a{
	color: #575757;}
.web-tab.pst-tabs.hor.pri > ul.tabs > li.current a{ 
	color: #005587;}
.web-tab.pst-tabs.hor.pri > ul.tabs > li svg use{
	fill: #575757;}
.web-tab.pst-tabs.hor.pri > ul.tabs > li.current svg use{
	fill: #005587;}

/*style to hide eye icon in MS edge */

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear{
  display: none;}
.apz-nav-stay-left.close-menu .pnt-sdbr.lft.pri{
    z-index: 1700;}
.apz-nav-stay-left.close-menu .com-head-text .ett-para.pri{
    white-space: nowrap;
    color: #212121;}
div.pst-simp.main-page{
	padding-top: 80px !important;}
.prelogin-header.pnt-head.ter{
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.24);
    z-index: 2000;}
.web-footer .ett-bttn.ter{
    font-weight: 700;}
@media (max-width: 750px){
    .web-footer > span > ul:first-child{
    	padding-right: 0 !important;	}
}
.ett-bttn:hover{
	border-color: #005587 !important;}
@media (max-width: 1050px){
    div.pst-simp.main-page{
        padding-top: 72px;}
}
@media (max-width: 750px){
    div.pst-simp.main-page{
    	padding-top: 0px !important;}
}
.payee-details.user-details-panel .grb.payee-details-border .lft.top.pri.scb-col50 .eoc.srb.text--dark-col .ett-para.pri.fs14 {
   font-weight: 500 !important;
}
/* Common dropdown styles */

.web-dropdown .ett-slct.ter.is-open::before{
	background-image: url(../../../../../appzillon/styles/themes/OnlineBanking/img/dropdown-open-arrow.svg);}
.web-close-accounts-row .web-dropdown .ett-slct.ter.is-open .sub-elt{
	border-bottom: 1px solid #212121;}

/* Common input field styles */

.ett-inpt.ter{
	padding-bottom: 14px;
	padding-left: 0;
	border-color: #c2c2c2;
	font-size: 16px;
	font-weight: 500;
	transition: border-color 0.3s linear;}
.comment .ett-inpt.ter{ 
    font-weight: 700;
}
.ett-inpt.ter::placeholder{
	color: #575757;
	opacity: 1;
	font-weight: normal;}
.ett-inpt.ter:focus{
	border-color: #212121 !important;}

/* Common button styles */

.ett-bttn.sec{
    width: 128px;
    height: 48px;
    background: #fff;
    border: none;
    box-shadow: none;
    color: #005587;
    font-size: 16px;
    font-weight: 500; 
    transition: background 0.3s linear;} 
.ett-bttn.pri{
    width: 128px;
    height: 48px;
    border-radius: 24px;
    background: #005587;
    border-color: #005587;
    font-size: 16px;
    font-weight: 500; 
    transition: background 0.3s linear;}

/* Account landing page styles */

.web-accounts-landing{
    display: flex;
    font-size: 16px;}
.web-accounts-landing > div:first-child{
    width: 526px;
    height: auto;
    padding: 46px 50px;
    background: #fff;
    box-sizing: border-box;
    overflow-y: overlay;
    box-shadow: 6px 6px 36px rgba(0, 0, 0, 0.04);}
.web-accounts-landing > div:last-child{
    height: auto;
    padding: 40px 50px 40px 40px;
    flex: 1 0 auto;}
.web-tab .tabcontent{
    height: 100vh;}
.web-tab .tabcontent > div{
    padding: 0 !important;}
.web-tab.pst-tabs.hor.pri > ul li{
    width: 50%;
    text-align: center;
    font-weight: 500; 
    border-left: none;
    border-right: none;
    z-index: 1050;}
.web-tab.pst-tabs.hor.pri > ul.tabs > li.current{
    border: none;
    border-bottom: 3px solid #005587;
    z-index: 100;}
.web-tab.pst-tabs.hor.pri > ul.tabs{
    border-bottom: none;
    display: flex;}
.web-accounts-landing > div:first-child .pst-tabs.hor.pri .ttl{
    display: none;}
.my-account-panel-heading li{
    padding: 20px 3px 20px 0;
    border-bottom: 1px solid #e8e8e8 !important;}
.menu-header-text{
    padding-left: 22px !important;
    position: relative;
    top: 1px;}
.web-tab.pst-tabs.hor.pri > ul.tabs svg{
    margin-right: 16px;
    fill: #000;}
.all-accounts-panel{
    width: 100%;
    height: 48px;
    padding: 0 32px 0 24px;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 32px;
    border-radius: 47px;
    background:#005587;
    background-size: cover;
    background-repeat: no-repeat;
    font-weight: 500;
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.24);}
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #E5E5E5 !important;}
.my-accounts-subpanel > ul > li{
    box-shadow: 0 0 0 0.5px #b8b8b8;
    border-radius: 20px;
    margin-bottom: 24px !important;
    background-color: #F2F2F2;
    font-size: 14px;
    cursor: pointer;}
.web-accounts-landing .pst-tabs.hor.pri > ul.tabs > li{
	margin-bottom: 1px;
    cursor:pointer;
    background: transparent;}
.my-accounts-subpanel > ul > li > span > span:first-child{
    padding: 20px 20px 15px 20px;
    border-bottom: 1px solid #D1D1D1;}
.my-accounts-subpanel > ul > li > span > span:last-child{
    padding: 22px 20px 17px 20px;}
.account-panels-container{
    border-top: 1px solid #E8E8E8;}
.profit, .profit p{
    color: #1F7F28 !important;
    font-weight: 500 !important;}
.loss,
.loss p{
    color: #E01010 !important;
    font-weight: 500 !important;}
.my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child{
    margin-top: 13px;}
.my-accounts-subpanel > ul > li > span > span:last-child > span > span:first-child{
    color: #575757;}
.my-accounts-subpanel > ul > li > span > span:last-child > span:not(:first-child){
    border-left: 1px solid #D1D1D1;
    padding-left: 20px;}
.my-accounts-subpanel > ul{
    border-bottom: 1px solid #E8E8E8;
    padding-top: 28px;
    padding-bottom: 4px;}
.icon-expanded svg path:last-child{
    fill: red;}
.icon-expanded svg{
    transform: rotateX(180deg);
    transition: transform 0.5s linear;}
.web-accounts-landing-menu{
    display: flex;
    justify-content: flex-start;}
.web-accounts-landing-menu.srb.pri > span{
    display: flex;
    width: 25%;
    height: 56px;
    background-color: #fff;
    border-radius: 48px;
    padding-left: 6px;
    box-shadow: 7px 7px 30px rgba(48, 64, 72, 0.06);
    font-weight: 500;
    cursor: pointer;
    transition: box-shadow 0.2s linear;}
.web-accounts-landing-menu.srb.pri > span:hover{
	box-shadow: 7px 7px 30px rgba(48, 4, 72, 0.12);}
.web-accounts-landing-menu.srb.pri > span:not(:first-child){
	margin-left: 40px;}
.web-accounts-landing-menu.srb.pri > span  ul{
    margin-bottom: 0 !important;}
.web-accounts-landing-menu.srb.pri > span label{
    position: relative;
    left: 28px;
    font-size: 16px !important;
    font-weight: 500;
    cursor: pointer;}
.web-accounts-landing-menu label{
    font-size: 16px !important;}
.web-accounts-landing .my-account-panel-heading li.active > span:last-child svg{
	transform: rotateX(180deg);
    transition: transform 0.3s linear;}
.web-accounts-landing .my-account-panel-heading li.active > span:last-child svg path:last-child{
	fill: #005587;}
.web-accounts-landing .my-account-panel-heading li{
    cursor:pointer;}

/* Online banking Feb 7 styles */

@media (max-width: 1800px){
    .web-accounts-landing > div:first-child{
        width: 448px;
        padding: 44px 40px 32px;
        height: auto;}
    .web-accounts-landing{
        font-size: 14px;}
    .all-accounts-panel{
        margin-top: 17px;
        margin-bottom: 20px;
        height: 40px;
        padding: 0 20px;
        margin-bottom: 20px !important;}
    .menu-header-text{  
        padding-left: 18px !important;}
    .my-accounts-subpanel > ul > li > span > span:first-child{
        padding: 16px 20px;
        padding-bottom: 13px;}
    .my-accounts-subpanel > ul > li > span > span:first-child p{
        font-size: 12px;}
    .my-accounts-subpanel > ul > li > span > span:last-child{
        padding: 14px 20px 13px;}
    .my-accounts-subpanel > ul{
        padding-top: 0px;
        padding-bottom:0;
    }
    .my-accounts-subpanel > ul > li{
        margin-bottom: 20px !important;}
    .my-accounts-subpanel > ul > li:last-child{
    	margin-bottom: 16px !important;}
    .web-accounts-landing > div:last-child{
        padding: 32px;
        padding-right: 40px;}
    .web-accounts-landing-menu.srb.pri > span{
        padding-left: 8px;
        height: 48px;}
    .web-accounts-landing-menu.srb.pri > span:not(:first-child){
        margin-left: 32px;}
    .web-accounts-landing-menu.srb.pri > span svg{
        width: 36px;
        height: 36px;}
    .web-accounts-landing-menu.srb.pri > span label{
        position: relative;
        left: 21px;
        font-size: 14px !important;}
    .web-accounts-landing-menu label{
        font-size: 14px !important;}
    .web-accounts-landing .pst-tabs.hor.pri > ul.tabs > li{
		padding-top: 0;}
	.all-accounts-panel .srb.pri > span:first-child label{
		font-size: 14px;
		font-weight: 500;}
	.all-accounts-panel .srb.pri > span:last-child p{
		font-size: 14px;}
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child{
        padding: 14px 20px !important;}
    .all-accounts-panel .srb.pri > span:first-child .ett-labl.pri{
		font-size: 14px !important;}
	.my-accounts-subpanel > ul > li > span > span:first-child p,
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child .ett-labl.pri,
	.my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child p{
		font-size: 12px !important;}
	.web-accounts-landing .my-accounts-subpanel > ul > li{
		max-height: 80px !important;}
	.web-account-landing-body{
		margin-top: 32px !important;}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child{
		margin-bottom: 32px !important;}
	.web-account-landing-body > div:first-child{
		margin-right: 32px !important;}
	.web-account-landing-body > div{
		width: calc(50% - 16px) !important;}
}
@media (max-width: 1050px){
    .web-accounts-landing{
        flex-direction: column;}
   .web-accounts-landing > div:first-child{
        height: 390px;
        width: 100%;
        padding: 33px 32px;
        position: relative;
        overflow: hidden;
        box-shadow: 6px 6px 26px rgba(0, 0, 0, 0.06);}
    .web-accounts-landing > div:last-child{
        position: relative;
        width: 100%;}
    .web-accounts-landing-menu.srb.pri > span{
        padding-left: 6px;
        height: 44px;}
    .web-accounts-landing-menu.srb.pri > span:not(:first-child){
        margin-left: 24px;}
    .web-accounts-landing > div:last-child{
        padding: 32px;}
    .all-accounts-panel .srb.pri > span:first-child label{
		font-size: 11px;	}
	.all-accounts-panel .srb.pri > span:last-child p{
		font-size: 16px;	}
}
@media (max-width: 850px){
    .web-accounts-landing-menu{
        flex-wrap: wrap;}
    .web-accounts-landing-menu.srb.pri > span{
        width: 304px;}
    .web-accounts-landing-menu.srb.pri > span:not(:first-child){
        margin: 0;}
	.web-accounts-landing-menu.srb.pri > span:nth-child(2n+3),
	.web-accounts-landing-menu.srb.pri > span:nth-child(2n+4){
		margin-top: 20px;	}
	.all-accounts-panel .srb.pri > span:first-child label{
		font-size: 12px;	}
	.all-accounts-panel .srb.pri > span:last-child p{
		font-size: 14px;	}
	.web-accounts-landing-menu.srb.pri > span label{
	    left: 12px !important;	}
}
@media (max-width: 750px){
    .web-accounts-landing-menu.srb.pri > span{
        width:100%;
    }
	.apz-nav-stay-left{
		margin-left: 0 !important;	}
	div.pst-tabs > ul.tabs{
		display: flex !important;	}
	.all-accounts-panel{
		margin-top: 24px;
		margin-bottom: 24px;	}
	.account-amount-col{
		padding-right: 20px !important;	}
	.account-amount-col svg{
		display: none;	}
	.my-account-panel-heading li{
		padding-top: 16px;
	    padding-bottom: 13px;	}
	.my-accounts-subpanel > ul{
		padding-top: 16px;	}
	.my-accounts-subpanel > ul > li{
		margin-bottom: 16px !important;
		border-radius: 16px;	}
	.my-accounts-subpanel > ul > li > span > span:first-child{
		font-size: 12px;
		padding: 8px !important;
	    padding-left: 12px !important;	}
	.my-accounts-subpanel > ul > li > span > span:last-child{
		padding: 10px 12px !important;
	    font-size: 12px;	}
	.my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child{
		margin-top: 4px;	}
	.menu-header-text{
		padding-left: 26px !important;	}
	.web-accounts-landing-menu.srb.pri > span > span{
		display: flex;
		flex-wrap: wrap;	}
	.web-accounts-landing-menu.srb.pri > span > span > span{
		width: 100%;
		text-align: center;	}
	.web-account-landing-body .web-accounts-landing-menu.srb.pri > span label{
		left: 41px !important;
        font-size: 12px !important;
        width: 50px;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        line-height: 1.48;
        color: #212121;	}
	.web-accounts-landing > div:first-child{
        padding: 24px;
        box-shadow: 0 3px 24px rgba(0, 0, 0, 0.08);	}
	.web-accounts-landing > div:last-child{
		padding: 24px 16px !important;	}
	.web-accounts-landing-menu.srb.pri > span:nth-child(2n+3), 
	.web-accounts-landing-menu.srb.pri > span:nth-child(2n+4){
		margin-top: 0;	}
	.web-accounts-landing-menu.srb.pri > span{
	    height: auto;
        border-radius: 0;
        padding-left: 0;
        background-color: transparent;
        box-shadow: none;	}
	.web-accounts-landing-menu{
	    padding: 20px 0 13px 0;
	    background: #fff;
	    border-radius: 16px;
	    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);
	    flex-wrap: nowrap;	}
	.web-accounts-landing-menu.srb.pri > span svg{
		width: 44px !important;
		height: 44px !important;
		margin-bottom: 10px;	}
    .all-accounts-panel{
		height: 40px;
		margin-top: 24px;
	    margin-bottom: 24px;
	    padding-right: 24px;	}
	.crt-form.hor.pri .all-accounts-panel ul.srb.eoc{
		margin-bottom: 0;	}
	.all-accounts-panel label{
		font-size: 12px !important;	}
	.pnt-sdbr.lft.pri{
		display: none;	}
	.pnt-head.pri{
		left: 0 !important;
        width: 100% !important;
        height: 60px !important;
        padding: 16px !important;
        padding-bottom: 20px !important;
		box-shadow: 0 -3px 24px rgba(0, 0, 0, 0.16);	}
	.pnt-head.pri ul > li > ul p{
		display: none;	}
	.com-head-icon > ul{
		margin-left: 20px !important;	}
    .com-head-icon > ul:last-child{
        display: none;}
    .pagebody{
        padding-top: 60px !important;}
    .com-head-text .ett-para.pri{
        font-size: 16px !important;
        text-transform: uppercase;
        font-weight: 500 !important;
        font-weight: normal !important;}
}
/* Close Account styles */
.web-close-accounts-row{
    display: flex;
    height: auto;
    min-height: 100vh; }
.web-close-accounts-row > div:last-child{
    width: 566px;   
    background: #fff;
    flex-shrink: 0;
    max-height: 100vh;}
.web-close-accounts-row > div:first-child{
  background: #fff;
  padding: 61px 50px 176px; 
  overflow: overlay;
  flex-grow: 1;
  max-height: 100vh;}
.web-footer{
    padding: 28px 50px 36px 50px;
    background: #fff;
    height: 112px; 
    position: fixed;
    bottom: 0;
    z-index: 1600 !important;}
@media (max-width: 750px){
    .web-footer{
        left: 0;}
}

.web-footer .crt-form.hor.pri .srb.eoc{
  margin-bottom: 0;}
.web-footer .srb.eoc{
  padding-right: 32px; 
    margin-bottom: 0 !important;}
.crt-form.hor.pri .web-page-heading label.flb,
.crt-form.ver.pri .web-page-heading label.flb{
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 32px;
  display: block;
  color: #212121;}
.web-panel{
  padding: 36px 32px 29px !important;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  /*margin-right: 208px;*/
  margin-bottom: 40px;
  /*width: 734px;*/
}
.web-panel .crt-form > .srb.pri .srb.pri{
  margin-bottom: 22px;}
.web-close-accounts-row .crt-form.hor.pri .flb{
  font-size: 16px;
  color: #575757;}
.web-summary-panel .crt-form > .srb.pri:last-child:not(:first-child){
  border-top: 1px solid #E8E8E8;
  padding-top: 24px;}
.web-panel .crt-form > .srb.pri .srb.pri > span:last-child p,
.web-panel .crt-form > .srb.pri:last-child > span:last-child p{
  color: #212121;
  font-weight: 500;
  font-size: 16px;}
.quick-transfer-select svg{
  display: none;}
.close-account-page .web-panel.closure-reason-panel{
    padding: 33px 32px 36px !important;
    margin-bottom: 37px;}
.closure-reason-panel .crt-form > .srb.pri:first-child label{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;}
.web-dropdown .ett-slct.ter .sub-elt{
  padding: 11px 0px 13px;
  font-size: 16px;
  font-weight: 500;}
.web-dropdown > li:first-child label{
  color: #575757;}
.transfer-balance-label label{
  font-size: 16px;
  color: #575757;}
.web-dropdown .ett-slct.ter .sub-elt1{
	  display: none;}
.web-dropdown .ett-slct.ter{
	position: relative;	
    border-bottom: 1px solid #C2C2C2;
    z-index: 200;}
.web-dropdown .ett-slct.ter::before{
  position: absolute;
  content: '';
  right: 16px;
  background-image: url('../../../../../appzillon/styles/themes/OnlineBanking/img/warning.png');
  width: 24px;
  height:24px;
  z-index: 1000;
  top: 5px;}
.web-dropdown .ett-slct.ter .sub-elt1{
	  display: none;}
.web-dropdown .ett-slct.ter{
	position: relative;}
.web-dropdown .ett-slct.ter::before{
  position: absolute;
  content: '';
  right: 4px;
  background-image: url('../../../../../appzillon/styles/themes/OnlineBanking/img/down-arrow.svg');
  width: 24px;
  height:24px;
  z-index: 1000;
  top: 12px;}
.web-close-accounts-row > div:last-child img{
	width: auto;
	position: relative;
	left: 50%;
	transform: translateX(-55%) translateY(-20%);}
.web-close-accounts-row > div:last-child > .plt-simp,
.web-close-accounts-row > div:last-child > .plt-simp > .pst-simp,
.web-close-accounts-row > div:last-child > .plt-simp > .pst-simp > .crt-form,
.web-close-accounts-row > div:last-child > .plt-simp > .pst-simp > .crt-form > .srb.pri{
	height: 100%;}
.external-account-row{
	padding: 29px 0;}
.web-select{
	position: relative;
	width: 347px;
	height: 56px;
	background: #F6F6F6;
	border-radius: 31px;
	border: 1px solid #EFEFEF;
	padding: 0 24px;
	color: #575757;}
.web-select svg{
	display: none;}
.web-select::before{
	position: absolute;
	content: '';
	background-image: url('../../../../../appzillon/styles/themes/OnlineBanking/img/unfold-more.svg');
	width: 24px;
	height: 24px;
	right: 24px;
	bottom: 16px;}
.external-account-link{
	width: 308px;
    height: 48px;
    border: 1px solid #005587;
    border-radius: 24px;
    color: #005587;
    font-size: 16px;
    margin-left: 40px;
    margin-top: 4px;}
.external-account-link a.ett-hypl.pri{
    font-size: 16px;
    color: #005587;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;}
.crt-form.hor.sec .external-account-link .srb.eoc{
	margin-bottom: 0;}
.web-modal{
	padding-top: 0;}
.web-modal .modal-window{
    position: relative;
    width: 576px;
    height: 100%;
    margin: 0 !important;
    margin-left: auto !important;
	padding: 128px 0 36px 0;
	background: #F6F6F6;
	box-shadow: none;}
.web-modal .modal-header{
    background: transparent;
    position: relative;
    margin-bottom: 0 !important;
    margin: 0 50px;
    padding-bottom: 0 !important;
    border-bottom: 0;}
.web-modal .modal-header .ett-bttn.med::before{
    position: absolute;
    content: '';
    background: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-close-icon.svg");
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;}
.web-modal .modal-cnt{
    max-height: 100%;
    padding: 0 50px;
    padding-top: 40px;
    padding-bottom: 88px !important;
    overflow-x: hidden;
    overflow: overlay;}
.raise-dispute-select-account.web-modal .modal-cnt{
     margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px !important;
    padding-bottom: 88px !important;}
.ett-bttn.ter{
    width: 128px;
    height: 48px;
    border-radius: 24px;
    color: #005587;
    border: 1px solid #005587;
	background: #fff;
	font-size: 16px;
	font-weight: 500;
	box-shadow: none;
	margin: 0;
	transition: background 0.3s linear;}
.web-modal-footer{
	background: #fff;
	width: 576px;
	height: 112px;
	padding: 28px 50px 36px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5000;}
.web-modal-footer ul{
    margin-bottom: 0 !important;}
.web-modal .my-accounts-panel.pst-simp.tsp{
	background-color: #fff;
    border-radius: 24px;
    padding: 20px 24px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 1000;
    margin-bottom: 24px;}
.modal-open .modal.web-modal{
    background-color: rgba(0, 0, 0, 0.16);
    padding-right: 0 !important;}
.modal.web-modal{
    z-index: 2500;}
.web-modal .modal-backdrop.in{
    opacity: 0;}
.web-modal .modal-header .ett-bttn.med svg{
	display: none;}
.web-modal .modal-window h1{
	font-size: 20px;
	font-weight: 500;
	color: #212121;}
.web-modal .my-accounts-panel-icon,
.web-modal .my-accounts-panel-icon svg{
    height: 28px;
    width: 28px;}
.web-modal .menu-header-text{
	padding-left: 16px !important;}
.web-modal .my-accounts-panel > .crt-list:first-child li > span:last-child{
    margin-left: 35px;
    position: relative;
    top: 2px;}
.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span{
	flex-direction: column;}
.web-modal .my-accounts-panel > .crt-list:last-child li{
	padding: 20px 20px 17px 20px;
	background: #F2F2F2;
	border-radius: 16px;
	box-shadow: 0 0 0 0.7px #949494;
	margin-bottom: 24px;}
.web-modal .my-accounts-panel > .crt-list:last-child li:first-child{
	margin-top: 24px;}
.web-modal .my-accounts-panel > .crt-list:first-child{	
    font-size: 16px;
    font-weight: 500;
    color: #212121;}
.web-modal .my-accounts-accountname{
	font-weight: 500;
	margin-bottom: 22px;
	display: block;
    text-align: left;
}
.web-modal .my-accounts-label.ett-labl.pri{
	margin-bottom: 10px;
	font-size: 12px;
	display: block;}
.web-modal .my-accounts-label + p{
	color: #212121;
	font-weight: 700;
	font-size: 14px;}
.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span:last-child{
	border-left: 1px solid #d1d1d1;
	padding-left: 20px;}
.web-modal .my-accounts-panel > .crt-list:last-child li:last-child{
	margin-bottom: 0;}
.web-modal .my-accounts-panel > .crt-list:last-child li > span > .srb.pri:first-child > span:last-child{
	text-align: right;}
.panel--open .my-accounts-panel-icon svg rect,
.web-modal .my-accounts-panel.panel--open > .crt-list:first-child li > span:last-child path:last-child{
  fill: #005587;}
.web-modal .panel--open.my-accounts-panel.pst-simp.tsp{
	border-radius: 24px;
    padding: 24px;
    box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);}
.web-modal .my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child{
	margin-top: 0;}
.web-modal .panel--open.my-accounts-panel > .crt-list:first-child{
    padding-bottom: 20px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.03);
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;}
.web-modal .my-accounts-panel.panel--open > .crt-list:first-child li > span:last-child{
    transform: rotateX(180deg);}
.external-account-link.disabled{
	border-color: #6899b5;
	pointer-events: none;}
.external-account-link.disabled a{
	color: #6899b5;}
.external-account-panel{
	padding: 36px 32px 38px 32px;
	border: 1px solid #E8E8E8;
	border-radius: 8px;
	margin-right: 208px;
	margin-top: 7px;
	margin-bottom: 40px;
	width: 734px;}
.external-account-panel .crt-form.ver.pri .flb{
	font-size: 16px;}
.external-account-panel .crt-form > .srb.pri:first-child label{
	font-weight: 500;
	margin-bottom: 33px;
	display: block;}
.external-account-panel ::placeholder{
	color: #575757;
	opacity: 1;}
.external-account-panel input.ett-inpt.ter{
	padding: 14px 0;
	padding-top: 0;
	border-bottom-color: #C2C2C2;
	font-weight: 500;}
.external-account-panel .crt-form.ver.pri .flbl-float label.flb{
	transform: none;
    font-size: 12px;
    left: 0;
    margin-top: -28px;
    color: #575757;}
.bsb-number-row{
	margin: 64px 0;}
.bsb-number-row + span{
	display: flex;}
.bsb-number-row + span > span:last-child{
	margin-left: 40px;}
.close-account-page .crt-form.hor.pri .web-page-heading label.flb{
	  margin-bottom: 29px;}
.close-account-page .web-panel{
	padding: 33px 32px 26px !important;}

/* Account details styles */

.pst-simp > div.everyday-account{
    background: linear-gradient(to bottom, #21313e 1%, #024c78 71%, #005587 8%);
    background-size: cover;
    background-repeat: no-repeat;
    height: 313px;
    color: #fff;
    padding: 24px 24px 21px 24px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.33);
    border-radius: 24px;}
.everyday-account.crt-list > ul.pri > li{
  display: flex;}
.everyday-account > ul > li:first-child > span:first-child{
    flex-shrink: 0;}
.everyday-account > ul > li:first-child > span:last-child{
    /*width: 100%;*/
    margin-bottom:10px;
    text-align: right;
    padding-right: 4px;}
.everyday-account > ul > li:nth-child(2){
    margin-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
    font-size: 14px;
    height: 40px;
    align-items: center;}
.everyday-account > ul > li:nth-child(3){
	padding-top: 33px;
	padding-bottom: 40px;
	font-size: 14px;}
.everyday-account > ul > li:nth-child(4) .srb.pri:first-child{
	font-size: 14px;
	color: rgba(255,255,255,0.7);
	margin-bottom: 13px;}
.everyday-account > ul > li:nth-child(4) .srb.pri:last-child p{
	font-weight: 700;}
.srb.pri > span.current-balance-left-border{
	border-left: 1px solid rgba(255,255,255,0.29);
	padding-left: 32px;}
.everyday-account > ul > li:nth-child(4) > span:first-child{
	padding-left: 8px;}
.last-days-data > p{
	display: block;
	padding-left: 23px;}
.last-days-data > p:first-child{
	margin-bottom: 24px;}
.last-days-data > p svg{
	margin-right: 18px !important;}
.last-days-data > p span{
	position: relative;
	top: -3px;}
.account-details-row{
	padding-top: 36px;
	margin-top: 40px;
	border-top: 1px solid #E8E8E8;
	font-size: 16px;}
.account-details-row .crt-form.ver.pri .flb, .account-details-row p{
	font-size: 16px;}
.account-details-row .crt-form li{
	line-height: 1;}
.account-details-row .crt-form > .srb.pri:first-child label{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 36px;
	display: block;}
.account-details-row .crt-form > .srb.pri:not(:first-child){
	margin-bottom: 28px;
    display: flex;
    align-items: center;}
.account-details-row .crt-form > .srb.pri:not(:first-child) > span:first-child label{
	color: #575757;
	width: 96px;
	display: block;
	line-height: 1.5;}
.account-details-row .crt-form > .srb.pri:not(:first-child) > span:nth-child(2) p{
    color: #212121;
    font-weight: 500;
    line-height: 1.5;
    width: 136px;
    display: block;}
.account-details-row .crt-form > .srb.pri:last-child{
	display: flex;
	align-items: center;}
.pst-simp.pa0 > div.account-details-manage{
	background: #fff;
	padding: 40px 36px 36px;
	padding-bottom: 33px;
	border-radius: 24px;
	box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);
	margin-top: 40px;
	margin-left: 40px;
	width: 476px;}
.pst-simp > div.account-details-manage > .srb.pri:first-child dd{
	font-weight: 700 !important;
	margin-bottom: 36px;}
.pst-simp > div.account-details-manage.crt-form.ver.pri dl,
.pst-simp > div.account-details-manage.crt-form.ver.pri dd{
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    border-bottom: none;}
.pst-simp > div.account-details-manage > .srb.pri:not(:first-child){
	margin-bottom: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;}
.recent-transcations-panel{
    margin-top: 40px;
    background: #fff;
    height: 824px;
    border-radius: 24px;
    padding: 30px 8px 56px 16px !important;
    box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);}
.account-details-main-row{
	display: flex;}
.account-details-main-row > div{
	width: 100%;}
.recent-transactions-panel-heading{
    padding-left: 20px;
    padding-right: 28px;
    margin-bottom: 29px;}
.recent-transactions-panel-heading a{
	color: #005587;
	font-weight: 500;
	font-size: 16px !important;}
.crt-form.hor.pri .recent-transactions-panel-heading label.flb{
	font-size: 16px;
	font-weight: 700;}
.recent-transactions-list.crt-list > ul.tsp > li{
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 37px;
  padding-left: 20px;
  padding-right: 28px;
  color: #212121;}
.recent-transactions-list.crt-list > ul.tsp > li > span:first-child img{
	width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2){
	padding-left: 8px;}
.recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(3) p{
	font-weight: 700; 
	padding-right: 9px;}
.recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2){
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
.everyday-account > ul > li:nth-child(3) > span:last-child{
    padding-right: 36px;}

.everyday-account > ul > li:nth-child(3) > span:last-child svg{
	width: 44px;
	height: 44px;}
@media (max-width: 1800px){
	.recent-transcations-panel{
		margin-top: 32px;}
	.pst-simp.pa0 > div.account-details-manage{
		margin-left: 32px;
		margin-top: 32px;
		width: 408px;}
	.pst-simp.pa0 > div.account-details-manage{
	    padding: 32px 32px 28px 32px;
	    font-size: 14px;}
	.pst-simp.pa0 > div.account-details-manage dd{
		font-size: 14px !important;
		font-weight: 700 !important;}
	.pst-simp > div.account-details-manage > .srb.pri:first-child dd{
		margin-bottom: 22px;}
	.pst-simp > div.account-details-manage > .srb.pri:not(:first-child){
		margin-bottom: 25px;}
	.recent-transcations-panel{
		height: 676px;
		padding: 24px 8px 40px 16px !important;}
	.recent-transactions-list.crt-list > ul.tsp > li{
		margin-bottom: 28px;
		padding: 0 16px;
		padding-right: 24px;}
	.everyday-account > ul > li:nth-child(2),
	.everyday-account > ul > li:nth-child(3),
	.everyday-account > ul > li:nth-child(4) .srb.pri:first-child{
		font-size: 12px;}
	.everyday-account > ul > li:nth-child(3){
        padding-top: 30px !important;
        padding-bottom: 40px !important;}
	.pst-simp > div.everyday-account{
		height: 270px;
		padding: 23px 20px;}
	.last-days-data > p:first-child{
		margin-bottom: 16px;}
	.everyday-account > ul > li:nth-child(4) .srb.pri:first-child{
		margin-bottom: 11px;}
	.last-days-data > p span{
		top: 0;}
	.account-details-row{
		margin-top: 36px;
		padding-top: 32px;}
	.account-details-row .crt-form > .srb.pri:first-child label{
		margin-bottom: 28px;
		font-size: 14px;}
	.account-details-row .crt-form.ver.pri .flb, .account-details-row p{
		font-size: 14px;}
	.account-details-row .crt-form > .srb.pri:not(:first-child){
		margin-bottom: 21px;}
	.everyday-account > ul > li:first-child > span:last-child svg{
    	width: 20px;
    	height: 20px;}
	.pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:nth-child(2){
		padding-left: 9px;
		padding-top: 4px;}
	.recent-transactions-panel-heading{
		padding-left: 16px;
		margin-bottom: 20px;}
	.recent-transactions-panel-heading a{
		font-size: 14px !important;}
	.crt-form.hor.pri .recent-transactions-panel-heading label.flb{
    	font-size: 14px;}
	.everyday-account > ul > li:nth-child(3) > span:last-child{
        padding-right: 27px;}
    .last-days-data > p svg{
        width: 10px;
        height: 9px;
        position: relative;
        top: 4px;}
    .web-accounts-landing .my-account-panel-heading li{
        padding-right: 7px;
        padding-top: 16px;
        padding-bottom: 16px;}
}
@media (max-width: 1050px){
	.everyday-account > ul > li:nth-child(2){
		height: 35px;}
	.pst-simp > div.everyday-account{
		height: 258px;
		padding: 21px 20px 22px 20px;}
	.last-days-data > p svg{
		width: 10px;
		height: 9px;
		position: relative;
		top: 3px;}
	.everyday-account > ul > li:nth-child(3){
		padding-bottom: 25px !important;}
	.everyday-account > ul > li:first-child > span:nth-child(2) svg{
		width: 24px;
		height: 24px;}
	.srb.pri > span.current-balance-left-border{
		padding-left: 28px;}
	/*.web-accounts-landing-menu.srb.pri > span svg path:nth-child(2){*/
	/*	transform: scale(0.8) translateX(3px) translateY(3px);}*/
	.recent-transcations-panel{
		margin-top: 28px;
		height: 645px;}
	.pst-simp.pa0 > div.account-details-manage{
		margin-left: 24px;
		margin-top: 28px;
		border-radius: 20px;
		padding: 32px 28px;}
	.recent-transactions-panel-heading{
		padding-left: 12px;
		margin-bottom: 28px;}
	.recent-transactions-list.crt-list > ul.tsp > li{
		padding-left: 12px;
		padding-right: 20px;
		margin-bottom: 24px;}
	.everyday-account > ul > li:first-child > span:last-child svg{
		width: 24px;
		height: 24px;}
	.web-accounts-landing > div:last-child{
		padding-top: 32px;}
	.everyday-account > ul > li:nth-child(3) > span:last-child svg{
	    width: 42px;
	    height: 41px;}
	.everyday-account > ul > li:nth-child(3) > span:last-child{
        padding-right: 36px;}
    .web-accounts-landing .pst-tabs.hor.pri > ul.tabs > li{
		padding-top: 0;}
	.web-accounts-landing-menu.srb.pri > span label{
	    left: 18px;}
}
@media (max-width: 850px){
	.everyday-account > ul > li:first-child > span:last-child svg,
	.everyday-account > ul > li:first-child > span:nth-child(2) svg{
		width: 20px;
		height: 20px;}
	.pst-simp > div.everyday-account{
		padding: 18px;
		font-size: 12px;
		height: 223px;}
	.everyday-account > ul > li:nth-child(2){
		height: 30px;}
	.everyday-account > ul > li:nth-child(3) > span:last-child svg{
		width: 35px;
		height: 36px;}
	.last-days-data > p:first-child{
		margin-bottom: 5px;}
	.everyday-account > ul > li:nth-child(3){
		padding-bottom: 31px;
		padding-top: 19px;}
	.everyday-account > ul > li:nth-child(4) .srb.pri:first-child{
		margin-bottom: 4px;
		font-size: 10px;}
	.srb.pri > span.current-balance-left-border{
		padding-left: 24px;}
	.account-details-main-row{
		flex-direction: column;}
	.recent-transcations-panel{
		height: auto;
		padding-top: 29px;
		padding-bottom: 18px;}
	.recent-transactions-list.crt-list > ul.tsp > li{
		padding-left: 12px;
		padding-right: 20px;}
	.recent-transactions-list.crt-list > ul.tsp > li:last-child{
	    margin-bottom: 0;}
	.pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:first-child{
		width: auto;}
	.pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:nth-child(2){
		padding-left: 20px;}
	.pst-simp.pa0 > div.account-details-manage > span:first-child dd{
		font-size: 16px !important;
		font-weight: 700 !important;}
	.pst-simp > div.account-details-manage > .srb.pri:first-child dd{
		margin-bottom: 28px;}
    .recent-transactions-panel-heading a{
    	font-size: 16px !important;}
    .pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:last-child{
        flex: 1 0 auto;}
    .everyday-account > ul > li:nth-child(3) > span:last-child{
        padding-right: 22px;}
    .recent-transactions-panel-heading{
        margin-bottom: 20px;}
	.recent-transcations-panel .crt-form.hor.pri .srb.eoc.show-all-btn{
	    left: 0;}
}

@media (max-width: 750px){
  /*  .web-accounts-landing-menu.srb.pri > span svg path:nth-child(2){*/
		/*transform: none !important;}*/
	.pst-simp > div.everyday-account{
		height: 245px;
		padding: 22px 18px 17px 18px;
		border-radius: 20px;}
	.everyday-account > ul > li:first-child > span:nth-child(2):not(:last-child) svg{
		width: 26px;
		height: 26px;}
	.everyday-account.crt-list > ul.pri > li:first-child{
		align-items: center;}
	.everyday-account > ul > li:nth-child(2){
		height: 35px;
		margin-top: 18px;}
	.everyday-account > ul > li:nth-child(3){
		padding-top: 30px;
		padding-bottom: 48px;}
	.everyday-account > ul > li:nth-child(3) > span:first-child label{
		color: rgba(255,255,255,0.8);}
	.everyday-account > ul > li:nth-child(3) > span:last-child svg{
		width: 47px;
		height: 48px;}
	.last-days-data > p svg{
		width: 13px;
		height: 11px;}
	.last-days-data > p:first-child{
		margin-bottom: 18px;}
	.everyday-account > ul > li:nth-child(4) .srb.pri:first-child{
		margin-bottom: 11px;
		font-size: 12px;
		color: rgba(255,255,255,0.71);}
	.everyday-account > ul > li:nth-child(4) .srb.pri:last-child p{
		font-size: 17px;}
	.account-details-row .crt-form > .srb.pri:last-child{
		margin-bottom: 0 !important;}
	.web-accounts-landing-menu.srb.pri > span svg{
		margin-bottom: 8px;}
	.recent-transcations-panel{
		margin-top: 20px;
		padding-top: 30px;
		border-radius: 16px;}
	.recent-transactions-panel-heading a{
		font-size: 14px !important;
		width: 100%;}
	.recent-transactions-panel-heading > span:last-child{
		width: 30%;}
	.recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2){
		padding-left: 16px;}
	.recent-transactions-list.crt-list > ul.tsp > li{
		padding: 0;
		margin-bottom: 20px;}
	.pst-simp.pa0 > div.account-details-manage{
		margin-top: 16px;
		padding: 26px 16px 24px 16px;
		border-radius: 16px;}
	.pst-simp.pa0 > div.account-details-manage > span:first-child dd{
		font-size: 14px !important;
		margin-bottom: 19px !important;}
	.pst-simp > div.account-details-manage > .srb.pri:not(:first-child){
		margin-bottom: 24px;}
	.pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:nth-child(2){
		flex-shrink: 0;}
	.everyday-account > ul > li:nth-child(3) > span:last-child{
        padding-right: 22px;}
}
.pst-simp > div.everyday-account.savings--bg{
	background: linear-gradient(180deg, #001b22 0%, #134860 70%, #376f88 0%) !important;
    background-size: cover;}
.pst-simp > div.everyday-account.term-deposit--bg{
	background: linear-gradient(180deg, #011622 0%, #161660 70%, #444998 0%) !important;
    background-size: cover;}
.account-details-main-row > div:last-child > .plt-simp{
	height: 100%;}
.account-details-main-row > div:last-child > .plt-simp > .pst-simp{
    display: flex;
    flex-direction: column;
    height: 100%;}
.pst-simp > div.account-details-manage > .srb.pri:last-child{
	margin-bottom: 0;}
.pst-simp > div.everyday-account.term-deposit--bg > ul > li:nth-child(3) > span:nth-child(2) p:first-child{
	width: 36px;
	display: inline-block;}
.pst-simp > div.everyday-account.term-deposit--bg > ul > li:nth-child(3) > span:nth-child(2) > span:last-child{
	margin-top: 17px;}
.pst-simp > div.everyday-account.term-deposit--bg > ul > li:nth-child(3){
	padding-bottom: 44px;}
.pst-simp > div.everyday-account.term-deposit--bg > ul > li:nth-child(3) > span:nth-child(2) p:last-child{
	color: rgba(255,255,255,0.7);}
@media (max-width: 1800px){
    .pst-simp > div.everyday-account.term-deposit--bg > ul > li:nth-child(3) > span:nth-child(2) > span:last-child{
        margin-top: 6px;}
}
@media (max-width: 1050px){
    .pst-simp > div.everyday-account.term-deposit--bg > ul > li:nth-child(3){
        padding-bottom: 30px !important;}
    .pst-simp > div.everyday-account.term-deposit--bg > ul > li:nth-child(3) > span:nth-child(2) > span:last-child{
	    margin-top: 14px;}
}
@media (max-width: 750px){
    .everyday-account.savings--bg > ul > li:nth-child(2){
        margin-top: 23px;}
    .pst-simp > div.everyday-account.term-deposit--bg > ul > li:nth-child(3) > span:nth-child(2) > span:last-child{
        margin-top: 13px;}
}
 
/* Two factor authentication styles */

.authentication-modal .srb.pri,
.authentication-modal .ett-labl.pri,
.authentication-modal .ett-para.pri{
	line-height: 1 !important;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3) > span:first-child,
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) > span:first-child{
	width: auto;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3) > span:last-child .ett-labl.pri,
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) > span:last-child .ett-labl.pri{
	position: relative;
	left: 20px;}
.authentication-modal.web-modal .modal-cnt{
    overflow: hidden;}
.authentication-modal.web-modal .modal-window{
  background: #fff !important;
  color: #212121;}
.authentication-modal.web-modal .modal-header{
  position: relative;
  padding-left: 40px !important;
  width: 100%; 
  margin: 0;}
.authentication-modal.web-modal .modal-header .ett-bttn.med::before{
    right: 0;}
.authentication-modal.web-modal .modal-header::after{
  position: absolute;
  content: '';
  background: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-modal-left-arrow.svg");
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;}
.authentication-modal.web-modal .modal-header::before{
  right: 0;}
.authentication-row{
    padding-top: 31px;
    padding-bottom: 29px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-top: 36px;
    margin-bottom: 40px;}
.authentication-modal.web-modal .modal-cnt{
  padding-top: 0 !important;}
.authentication-modal.web-modal .modal-window .crt-form.ver.pri .flb{
  font-size: 16px;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3) > span:last-child label,
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) > span:last-child label{
  font-weight: 500;
  position: relative;
  left: -6px;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3) > span:first-child svg,
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) > span:first-child svg{
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  z-index: 3000;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) > span:first-child input + svg{
    box-shadow: none;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3){
  margin-top: 32px;
  margin-bottom: 29px;
  display: flex;
  align-items: center;}
.otp-select-option > span{
  display: flex !important;}
.otp-select-option > span ul:first-child{
  flex: 1 0 auto;
  font-size: 16px;
  font-weight: 500;}
.otp-select-option > span ul:first-child p{
  font-weight: 500;}
.otp-select-option > span ul:nth-child(2) label{
  font-size: 16px !important;}
.otp-select-option > span ul:nth-child(3) p{
    font-size: 16px !important;
    color: #005587 !important;
    font-weight: 500;
    padding-left: 44px;
    cursor: pointer;
}
.otp-select-option{
   margin-top: 54px;}
.authentication-modal input.ett-inpt.ter{
      border-bottom: 1px solid #c2c2c2;
    padding: 10px 0;
    letter-spacing: 30px;
    z-index: 2000;
    letter-spacing: 25.8px;
    height: 49px;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4){
	display: flex;
	align-items: center;}
.authentication-modal .crt-form > .srb.pri .srb.pri:last-child{
	margin-top: 0;
	margin-bottom: 0;}
.authentication-modal.web-modal .flbl > li:first-child label{
    font-size: 12px !important;
    top: 8px;
    left: -2px;
    transform: none;}
.authentication-modal .crt-form > .srb.pri .srb.pri:last-child ul:nth-child(2){
	margin-left: auto !important;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(5){
    padding: 20px;
    margin-top: 38px;
    margin-bottom: 51px;
    display: flex;
    box-shadow: 0 0 0 0.5px #E01010;
    border-radius: 16px;
    margin-left: 1px;
    width: calc(100% - 2px);}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(5) > span:first-child{
    width: auto;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(5) > span:last-child{
    padding-left: 12px;}
.authentication-modal.web-modal .flbl input[type=password]{
	position: relative;
	font-size: 25px !important;
	letter-spacing: 5px;
	height: 49px;}
.modal.authentication-modal.web-modal .flbl input[type=password]::placeholder{
	letter-spacing: 1px !important;
	color: #575757;
	font-size: 16px;}
.authentication-modal input.ett-inpt.ter::placeholder{
	letter-spacing: 1px;}
.authentication-modal .crt-form > .srb.pri > span > .srb.pri:first-child > span > .srb.pri .ett-labl.pri{
	left: 0;
	line-height: 1.5 !important;
	display: block;
	margin-top: 3px;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(2){
	display: flex;
	align-items: center;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(2) > span:first-child{
	width: auto;
	padding-right: 20px;}
.authentication-modal .modal-cnt{
	  height: 100%;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(5) .ett-labl.pri{
	line-height: 1.4 !important;
	display: block;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) > span:first-child{
	width: 100%;}
.authentication-row > span > .srb.pri .ett-para.pri{
    margin-top: 7px;
    display: block;
    line-height: 1.4 !important;}
.input--error input{
	border-color: #E01010 !important;
	color: #E01010;}
.input--error svg.ett-icon{
	fill: #E01010;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) > span:last-child label{
	left: 0;
	top: 0;
	margin-top: 0;}
.authentication-modal .crt-form > .srb.pri .srb.pri:last-child input{
    border-bottom: none;
    letter-spacing: 1px;
    font-weight: 700;
    height: auto;
    padding: 0;
    margin-top: 54px;
    color: #212121;
    opacity: 1;}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) ul.eoc{
	margin-top: 40px !important;}
.otp-select-option .ett-labl.pri{
	color: #575757;}
.authentication-modal .crt-form > .srb.pri > span > .srb.pri:nth-child(2) .ett-labl.pri,
.authentication-modal .crt-form > .srb.pri > span > .srb.pri:nth-child(3) .ett-labl.pri{
	font-weight: 700;}
.authentication-row .ett-labl.pri{
    font-weight: normal !important;
    color: #212121;}
.authentication-modal.web-modal .modal-header .ett-bttn.med::before{
	top: 0;}
.authentication-modal .web-modal-footer > span > ul:last-child{
	order: -1;
	padding-left: 0;
	padding-right: 24px;}
.authentication-modal .web-modal-footer ul:not(.sno) + ul .ett-bttn.ter{
	border: none;}
.authentication-modal.web-modal .modal-header::after{
    display: none;}
.authentication-modal.web-modal .modal-header{
    padding-left: 0 !important;}

/* Break deposit styles */

.break-deposit-page .crt-form.hor.pri .web-page-heading label.flb{
	  margin-bottom: 29px;}
.web-footer button.ett-bttn.sec,
.web-footer button.ett-bttn.pri{
  margin: 0;}
.break-deposit-page .external-account-panel{
	margin-top: 36px;
	padding-bottom: 35px;}
.break-term-deposit-btn .ett-bttn.pri{
  width: 204px !important;}
.break-deposit-panel{
  line-height: 1;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  width: 605px;
  padding: 54px 32px 29px 32px;
  margin-bottom: 31px;}
.break-deposit-panel input.ett-inpt.ter[readonly]{
  opacity: 1;}
.break-deposit-panel input.ett-inpt.ter{
  padding-bottom: 12px;
  padding-left: 0;
  margin-bottom: 40px;}
.break-deposit-panel .ecn > .cir.ter .ett-bttn{
  display: none;}
.break-deposit-panel .select-start-date{
  position: relative;}
.break-deposit-panel .select-start-date::after{
  position: absolute;
  content: '';
  right: 4px;
  top: 7px;
  width: 24px;
  height: 24px;
  background-image: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-calendar-icon.svg");
  background-size: cover;}
.break-deposit-panel .crt-form:last-child > .srb.pri .srb.pri:first-child,
.break-deposit-panel .crt-form:last-child > .srb.pri .srb.pri:nth-child(2){
  margin-bottom: 28px;}
.break-deposit-panel .crt-form:last-child > .srb.pri .srb.pri:nth-child(3){
  padding-bottom: 25px;
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 28px;}
.break-deposit-panel .crt-form:last-child > .srb.pri .srb.pri > span:last-child p{
  color: #212121;
  font-size: 16px;
  font-weight: 500;}
.break-deposit-text{
  width: 605px;
  font-size: 16px;
  color: #575757;
  font-weight: 500;}
.break-deposit-text > span > span:nth-child(2) > span{
  display: flex;
  justify-content: flex-start;}
.break-deposit-text > span > span:nth-child(2) > span ul{
  width: auto;}
.break-deposit-text > span > span:nth-child(2) > span ul:not(:first-child){
  margin-left: 3px;}
.break-deposit-text > span > span{
  line-height: 1.2;}
.break-deposit-text > span > span:nth-child(2) > span ul:nth-child(2) p{
  font-weight: 500;
  color: #212121;}
.web-modal-footer ul:last-child:not(:first-child){
  padding-left: 32px;}
.break-deposit-panel .srb.pri,
.break-deposit-panel label,
.break-deposit-panel .ett-para.pri{
	line-height: 1 !important;}
.break-deposit-page .break-deposit-summary-panel{
    margin-top: 0;}

/* term deposit details css fix */

.term-deposit-details.account-details-row .crt-form > .srb.pri:not(:first-child) > span:first-child label{
	width: auto;}

/* Break deposit modal styles */

.break-deposit-modal .srb.pri,
.break-deposit-modal .ett-labl.pri,
.break-deposit-modal .ett-para.pri{
	line-height: 1 !important;}
.break-deposit-modal.web-modal .modal-cnt{
	padding-top: 36px;}
.break-deposit-modal.web-modal .modal-window{
	background: #fff !important;}
.web-modal-footer button.ett-bttn{
	margin: 0;}
.break-deposit-modal .break-deposit-data{
	padding: 32px 0;
	padding-bottom: 29px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 29px;}
.break-deposit-modal .break-deposit-data label,
.break-deposit-modal .break-deposit-data p{
	font-size: 16px !important;}
.break-deposit-modal .break-deposit-data > span > .srb.pri:not(:last-child){
	margin-bottom: 25px;}
.break-deposit-modal .break-deposit-data > span > .srb.pri > span:first-child label{
	color: #575757;
	font-weight: normal}
.break-deposit-modal .break-deposit-data > span > .srb.pri > span:last-child p{
	color: #212121;
	font-weight: 500;}
.break-deposit-modal .crt-form > .srb.pri:last-child{
	font-size: 16px;}
.break-deposit-modal .crt-form > .srb.pri:last-child p{
	color: #575757;
	line-height: 1.5 !important;}
.break-deposit-modal .crt-form > .srb.pri:last-child .srb.pri{
	line-height: 1.3;}
.break-deposit-modal .crt-form > .srb.pri:last-child .srb.pri:nth-child(2) ul:nth-child(2) p{
	color: #212121;
	font-weight: 500;
	padding-left: 5px;}
.break-deposit-modal .crt-form > .srb.pri:last-child .srb.pri:last-child ul:last-child p{ 
	color: #212121;
	font-weight: 500;}
.break-deposit-select-acct-modal.web-modal .menu-header-text > .srb.pri > span{
	display: flex;
	align-items: center;}
.break-deposit-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li > span > .srb.pri:first-child > span:last-child{
	display: none;}
.break-deposit-select-acct-modal.web-modal .my-accounts-accountname{
	font-size: 14px;}
.break-deposit-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li{
	margin-bottom: 20px;}
.break-deposit-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span:last-child{
	padding-left: 16px;}
.break-deposit-select-acct-modal.web-modal .my-accounts-label.ett-labl.pri{
	color: #575757;}
.break-deposit-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span:first-child{
	width: 122px;}
.break-deposit-select-acct-modal.web-modal .modal-cnt{
	margin-left: -50px;
	margin-right: -50px;
	padding-left: 50px !important;
	padding-right: 50px !important;}
.break-deposit-select-acct-modal.web-modal .modal-header{
	padding-bottom: 33px !important;
	border-bottom: 1px solid #e8e8e8;}
.break-deposit-select-acct-modal.web-modal .menu-header-text > .srb.pri > span p{
	position: relative;
	left: 4px;}
.break-deposit-select-acct-modal.web-modal .menu-header-text > .srb.pri > span label{
	font-size: 16px !important;
	font-weight: 500;}
.login-panel input.ett-inpt.ter[type=password]{
	font-size: 22px !important;
    // letter-spacing: 30px;
	padding-bottom: 7px;}
// .login-panel .login-eye input.ett-inpt.ter[type=text]{
// 	letter-spacing: 27.5px;}
.login-panel ::placeholder{
	letter-spacing: normal !important;
	font-size: 16px;}

/* Raise dispute styles */

.raise-dispute-page .srb.pri,
.raise-dispute-page .ett-labl.pri,
.raise-dispute-page .ett-para.pri{
	line-height: 1 !important;}
.raise-dispute-page .raise-dispute-form > .srb.pri:last-child .browse-upload-panel + .srb.pri label{
	font-size: 14px;
	color: #575757;}
.raise-dispute-page .raise-dispute-form > .srb.pri:nth-last-child(2){
    border-bottom: none;
    padding-bottom: 0;
    align-items: flex-start;}
.raise-dispute-page .raise-dispute-form > .srb.pri:last-child{
	padding-top: 0;}
.raise-dispute-page .browse-upload-panel{
	margin-top: 0;}
.raise-dispute-page .raise-dispute-form > .srb.pri:last-child .web-panel{
    padding: 28px 28px 22px !important;}
.raise-dispute-page .raise-dispute-form > .srb.pri:last-child .browse-upload-panel + .srb.pri{
	margin-top: 17px;}
.raise-dispute-page .raise-dispute-form > .srb.pri:nth-last-child(2) > span:first-child{
    padding-top: 46px;}
.raise-dispute-page .raise-dispute-form > .srb.pri:last-child > span:first-child{
	padding-top: 0;}
.raise-dispute-page .raise-dispute-form > .srb.pri:last-child{
	margin-top: 10px;}
.web-select .ecn > .icr > .ett-inpt.ter{
	padding-bottom: 0;}
.web-select-input.web-select input{
    border-bottom: none;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;}
.web-select-input.web-select{
	display: flex;
	align-items: center;
	/*width: 476px; remem*/
     
}
.crt-form.ver.ter .web-select-input.web-select ul.srb.eoc{
	margin-bottom: 0;}
.raise-dispute-form > .srb.pri{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 36px;
	padding-bottom: 36px;
	border-bottom: 1px solid #e8e8e8;
    /*width: 734px;   remem*/  
    
}
.raise-dispute-form > .srb.pri:first-child{
	border-top: 1px solid #e8e8e8;}
.web-select-input.web-select input::placeholder{
	color: #575757;
	opacity: 1;
	font-weight: 500;
	font-size: 16px; 
	text-transform: capitalize}
.raise-dispute-form > .srb.pri:last-child{
	border-bottom: none;}
.raise-dispute-form > .srb.pri > span:first-child{
	width: 258px;
    padding-right: 20px;
}
.raise-dispute-form > .srb.pri > span:first-child label{
	font-size: 16px;
	font-weight: 500;
	color: #396376;}
.raise-dispute-form > .srb.pri > span:last-child{
	/*width: 476px; remem*/
    flex-grow: 1;
}
.raise-dispute-form > .srb.pri:first-child > span:last-child > ul:first-child{
	color: #575757;
    font-size: 12px;
    margin-bottom: 12px;}
.raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
    color: #575757;
    font-size: 12px;
    margin-top: 9px;
    text-align: right;
    margin-bottom: 0;}
.raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul:last-child{
	margin-left: 5px;}
.raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child > span{
	display: flex;
	justify-content: flex-end;}
.raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul{
	margin-bottom: 0;}
.raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul p,
.raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul label{
	font-size: 12px;}
.reason-dispute-panel{
	padding: 42px 28px 20px 28px !important;
	border: 1px solid #E8E8E8;
	border-radius: 12px;}
.ett-slct.ter.is-open .sub-ctr{
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	max-height: 300px;
	font-size: 16px;
	color: #212121;}
.ett-slct.ter .sub-ctr ul{
	padding: 0;}
.sub-ctr ul li.hilt{
	background: inherit;
	color:inherit;}
.ett-slct.ter .sub-ctr ul li{
	padding: 20px 28px;
	line-height: 1;
    outline:none;
}
.reason-dispute-panel .web-dropdown .ett-slct.ter .sub-elt{
	color: #575757;
	font-weight: normal;
	padding-right: 35px;}
.ett-slct.ter.is-open .sub-ctr ul li.is-selected{
	background-color:rgba(0, 163, 224, 0.1882352941) !important;
	color: #121212 !important;}
.reason-dispute-panel .ett-slct.ter{
	border-bottom: 1px solid #c2c2c2;}
.raise-dispute-select-account.web-modal .my-accounts-panel > .crt-list:first-child li{
	display: flex;
	align-items: center;}
.raise-dispute-select-account.web-modal.var9 .my-accounts-panel > .crt-list:first-child li{
    padding: 0;
    border-bottom: none !important;
    margin: 0 !important;
}
.raise-dispute-select-account.web-modal .modal-header{
    padding: 0;}
.raise-dispute-select-account.web-modal .my-accounts-panel.panel--open > .crt-list:first-child li > span:last-child{
	transform: none;}
.raise-dispute-select-account.web-modal .my-accounts-panel.panel--open > .crt-list:first-child li > span:last-child svg{
	transform: rotateX(180deg) !important;
	transition: transform 0.3s linear;}
.raise-dispute-select-account.web-modal .account-amount-col{
	padding-right: 24px;}
.raise-dispute-select-account.web-modal .my-accounts-panel{
	width: 476px;}
.raise-dispute-select-account.web-modal .menu-header-text label,
.raise-dispute-select-account.web-modal .menu-header-text label + p.ett-para.pri{
	font-weight: 500;
	padding-right: 5px;}
.raise-dispute-select-account.web-modal .menu-header-text > .srb.pri > span{
	display: flex;
	align-items: center;}
.raise-dispute-select-account.web-modal .menu-header-text > .srb.pri > span > .ett-labl.pri{
	font-size: 16px;}
.raise-dispute-select-account .my-accounts-subpanel > ul > li .my-accounts-subpanel > ul > li > span > span:first-child{
	padding: 0;
	border-bottom: none;}
.raise-dispute-select-account .my-accounts-subpanel > ul > li > span > span:last-child{
	padding: 0;}
.raise-dispute-select-account.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span:last-child{
	border-left: none;
	padding-left: 0;}
.raise-dispute-select-account.web-modal .my-accounts-subpanel > ul > li > span > span:last-child > span:not(:first-child){
	padding-left: 16px;}
.raise-dispute-select-account.web-modal .available-balance-col{
	padding-left: 17px !important;
	border-left: 1px solid #D1D1D1 !important;}
.raise-dispute-select-account.web-modal .my-accounts-panel > .crt-list:first-child li > span:last-child{
	margin-left: 0;}
.raise-dispute-select-account.web-modal .my-accounts-subpanel > ul{
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 0;}
.raise-dispute-select-account.web-modal .my-accounts-subpanel > ul > li:last-child{
	margin-bottom: 0 !important;}
.web-modal.raise-dispute-select-account .my-accounts-subpanel > ul > li > span > span:first-child{
	padding: 0;
	border: none;}
.web-modal .my-accounts-subpanel > ul > li{
	margin-bottom: 20px !important;}
.raise-dispute-select-account .modal-header{
	padding-bottom: 33px !important;
	border-bottom: 1px solid #e8e8e8;}
.raise-dispute-form > .srb.pri:last-child{
	align-items: flex-start;}
.raise-dispute-message-row{
	margin-top: 24px;}
.raise-dispute-message-row ul:first-child label,
.raise-dispute-message-row ul:last-child p{ 
    font-size: 12px !important;
	margin-bottom: 9px;
	display: block;
	color: #575757;}
.raise-dispute-message-row .ett-texa.pri{
	outline: none;
	height: 107px !important;
	border: 1px solid #c2c2c2;
	border-radius: 12px;
	padding: 20px;
	padding-top: 18px;
	font-size: 16px;
	font-weight: 700;
	color: #212121;
	line-height: 1.4;}
.raise-dispute-message-row .ett-texa.pri::placeholder{
	color: #575757;
	opacity: 1;
	font-size: 16px;
	font-weight: normal;}
.raise-dispute-message-row ul:last-child p{
	display: flex;
	justify-content: flex-end;}
.raise-dispute-form > .srb.pri:last-child > span:first-child{
	padding-top: 45px;}
.transaction-selected{
    position: relative;
	height: 56px;
	box-shadow: 0 0 0 0.5px #efefef;
	border-radius: 31px;
	display: flex;
	align-items: center;
	background: #F6F6F6;
	padding-left: 24px;}
.transaction-selected::before{
    position: absolute;
    content: '';
    background-image: url("../../../../../appzillon/styles/themes/OnlineBanking/img/unfold-more.svg");
    width: 24px;
    height: 24px;
    right: 24px;
    bottom: 16px;}
.transaction-selected ul{
	margin-bottom: 0 !important;}
.transaction-selected ul:first-child .ett-para.pri{
	font-weight: 700;
	margin-right: 48px;}
.transaction-selected ul:first-child p{
	position: relative;}
.transaction-selected ul:first-child p::before{
	position: absolute;
	content: '';
	width: 1px;
	height: 24px;
	background: #575757;
	right: -24px;
	top: -2px;}
.transaction-selected ul:nth-child(2) .ett-para.pri{
    font-weight: 700;
    margin-right: 20px;
    margin-top: 3px;
    display: block;}
.transaction-selected ul:nth-child(n+3) .ett-para.pri{
	font-size: 12px;
	color: #575757;}
.transaction-selected ul:nth-child(3) .ett-para.pri{
	position: relative;
	margin-right: 7px;}
.transaction-selected ul:nth-child(3) .ett-para.pri::before{
	position: absolute;
	content: '(';
	left: -3px;
	top: 1px;}
.transaction-selected ul:nth-child(3) .ett-para.pri::after{
	position: absolute;
	content: '-';
	right: -5px;
	top: 1px;}
.transaction-selected ul:nth-child(4) .ett-para.pri{
	position: relative;}
.transaction-selected ul:nth-child(4) .ett-para.pri::before{
	position: absolute;
	content: ')';
	right: -5px;
	top: 1px;}

/*Select tranaction modal styles */

.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri.active:last-child{
	border: 1px solid #005587;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);}
.select-transaction-info-panel{
	padding: 20px 38px 20px 20px;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #E8E8E8;
	margin-bottom: 26px;}
.crt-form.hor.pri .select-transaction-info-panel label.flb{
	font-size: 16px;}
.select-transaction-info-panel > span{
	align-items: flex-start;}
.select-transaction-info-panel ul:first-child{
	padding-right: 12px;}
.select-transaction-modal .modal-cnt{
    padding-top: 34px !important;
    overflow: hidden;
    height: calc(100% - 28px);}
.select-transaction-modal .modal-cnt > .grb{
    height: calc(100% + 64px);}
.select-transaction-modal .modal-cnt > .grb > div,
.select-transaction-modal .modal-cnt > .grb > div > .plt-simp,
.select-transaction-modal .modal-cnt > .grb > div > .plt-simp > .pst-simp{
    height: 100%;}
.select-transaction-modal .modal-cnt > .grb > div > .plt-simp > .pst-simp > .crt-list{
    overflow: overlay;
    height: calc(100% - 91px);
    overflow-x: hidden;}
.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child{
	background: #fff;
	border-radius: 100px;
	height: 68px;
	display: flex;
	align-items: center;
	padding-left: 14px;
	padding-right: 30px;
	margin-bottom: 24px;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);}
.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child svg{
	border-radius: 50%;
	width: 40px;
	height: 40px;}
.select-transaction-list.crt-list .ett-rdio > span:last-child{
	display: none;}
.selected-transaction{
	border: 1px solid #005587;}
.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:first-child{
	padding-bottom: 14px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 24px;
	font-size: 12px;}
.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child > span:nth-child(2){
	padding-left: 4px;	
	padding-right: 20px;}
.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child > span:nth-child(2) > .srb.pri:first-child p{
    display: block;
    font-size: 16px;
    color: #212121;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child > span:nth-child(2) > .srb.pri:last-child p{
    font-size: 12px !important;
    padding-top: 5px;    
    color: #575757;
    display: block;}
.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child > span:nth-child(3) p{
	padding-right: 26px;
	font-size: 16px;
	font-weight: bold;}

/* radio button styles */

.app-radio .ett-rdio.hor.pri input[type=radio] + label:before{
	width: 20px;
	height: 20px;
	border: 2px solid #575757;}
.app-radio .ett-rdio.hor.pri input[type=radio]:checked + label:before{
	border-color: #005587;}
.app-radio .ett-rdio.hor.pri input[type=radio]:checked + label{
	position: relative;}
.app-radio .ett-rdio.hor.pri input[type=radio]:checked + label:after{
    width: 10.3px;
    height: 10.3px;
    position: absolute;
    content: '';
    border-radius: 50%;
    background: #005587;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);}
.app-radio .ett-rdio.hor.pri input[type=radio][disabled] + label:hover:before{
	border-color: #575757;}



/* Account details recent transactions styles */


.recent-transactions-list.crt-list > ul.tsp > li.open-list{
	padding: 32px 20px 45px 20px;
	border: 1px solid #e8e8e8;
	border-radius: 20px;}
.recent-transactions-subpanel.crt-list.chl-ctr{
	padding-left: 0;
	padding-top: 48px;
	margin-top: 28px;
	border-top: 1px solid #e8e8e8;}
.recent-transactions-list.crt-list > ul.tsp > li.open-list > span:nth-child(3){
	display: none;}
.recent-transactions-list.crt-list > ul.tsp > li.open-list > span:nth-child(4){
	margin-left: auto;}
.recent-transactions-subpanel > ul > li > span > .srb.pri > span{
	display: flex;
	flex-direction: column;}
.recent-transactions-subpanel > ul > li > span > .srb.pri{
	display: flex;	
	margin-bottom: 56px;}
.recent-transactions-subpanel > ul > li > span > .srb.pri:last-child{
	margin-bottom: 0;}
.text--success > span{
	height: 24px;
	padding: 4px 8px;
	background: #F2F8F4;
	border-radius: 12px;
	color: #1F7F34;
	font-size: 14px;
	font-weight: 500;}
.text--transfer > span{
	height: 24px;
	padding: 4px 8px;
	background: rgba(134, 91, 250, 0.11);
	border-radius: 12px;
	color: #865BFA;
	font-size: 14px;
	font-weight: 500;}
.recent-transactions-subpanel > ul > li > span > .srb.pri > span > label{
	margin-top: 5px;
	font-size: 12px;
	color: #575757;}
.recent-transactions-subpanel > ul > li > span > .srb.pri > span:nth-child(2) > p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #212121;
	font-weight: 700;}
.recent-transactions-subpanel > ul > li > span > .srb.pri > span:first-child > label{
	padding-left: 8px;}
.recent-transactions-subpanel > ul > li > span > .srb.pri > span:nth-child(3) > p{
	font-size: 16px;
	color: #212121;
	font-weight: 700;}
.recent-transactions-subpanel > ul > li > span > .srb.pri > span:nth-child(3){
	padding-left: 17px}
.recent-transactions-list.crt-list > ul.tsp > li.open-list > span:nth-child(4) svg{
    transform: rotateX(180deg);
	transition: transform 0.3s linear;}
.recent-transactions-list.crt-list > ul.tsp > li.open-list > span:nth-child(4) svg path:last-child{ 
	fill: #005587;	}

/* raise dispute confirmation modal styles */


.raise-dispute-confirmation .modal-window{
	background: #fff !important;}
.raise-dispute-confirmation .modal-window label{
	font-size: 16px !important;
	color: #212121;}
.raise-dispute-confirmation .modal-cnt > .grb:first-child .crt-form > .srb.pri:first-child{
	padding-top: 36px;
	padding-bottom: 27px;
	margin-bottom: 36px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	font-size: 16px;}
.web-modal.raise-dispute-confirmation .modal-cnt{
	padding-top: 38px;}
.raise-dispute-confirmation .modal-cnt > .grb:first-child .crt-form > .srb.pri:not(:first-child){
	margin-bottom: 22px;}
.raise-dispute-confirmation .modal-cnt > .grb:first-child .crt-form > .srb.pri:not(:first-child) > span:first-child label{
	color: #575757;}
.raise-dispute-confirmation .modal-cnt > .grb:first-child .crt-form > .srb.pri:not(:first-child) > span:last-child p{
	color: #212121;
	font-size: 16px;
	font-weight: 500;}
.raise-dispute-confirmation .modal-cnt > .grb:first-child .crt-form > .srb.pri:not(:first-child) > span{
	vertical-align: top;}

/* account details recent transactions responsive styles */

@media (max-width: 1800px){
	.recent-transactions-list.crt-list > ul.tsp > li.open-list{
		padding: 24px 20px 32px 20px;}
	.recent-transactions-subpanel.crt-list.chl-ctr{
		margin-top: 24px;
		padding-top: 24px;}
	.recent-transactions-subpanel > ul > li > span > .srb.pri > span:nth-child(2) > p,
	.recent-transactions-subpanel > ul > li > span > .srb.pri > span:nth-child(3) > p{
		font-size: 14px;}
	.recent-transactions-subpanel > ul > li > span > .srb.pri{
		margin-bottom: 32px;}	
}
@media (max-width: 1050px){
	.recent-transactions-subpanel.crt-list.chl-ctr{
		margin-top: 16px;}	
}
@media (max-width: 850px){
	.recent-transactions-list.crt-list > ul.tsp > li.open-list{
		padding-bottom: 28px;}
}
@media (max-width: 750px){
	.recent-transactions-list.crt-list > ul.tsp > li.open-list{
		padding: 22px 16px 22px;}	
	.recent-transactions-subpanel > ul > li > span > .srb.pri{
		margin-bottom: 40px;}
}

/* account details responsive styles */

 
.all-accounts-panel ul.srb.eoc{
	margin-bottom: 0 !important;}
.my-account-panel-heading li > span:nth-child(3) p{
	position: relative;
	top: 3px;}
.pst-tabs.hor.pri > ul.tabs > li > span svg{
	padding: 0;
	position: relative;
	top: -2px;}
@media (max-width: 1800px){
    .last-days-data > p{
        padding-left: 16px;}
}
@media (max-width: 1050px){
	/*.web-tab.pst-tabs.hor.pri > ul.tabs{*/
	/*	width: 50%;}*/
	.web-accounts-landing .accounts-summary-panel{
	    /*width: 50%;*/
	    width: 432px;
	    /*margin-left: auto;*/
	    /*margin-top: -49px;*/
	    
	}
	.web-accounts-landing .all-accounts-panel{
		height: 40px;
		max-width: 432px;
		margin-left: 0;
	    
	}
	.all-accounts-panel .srb.pri > span:first-child label{
		font-size: 11px;}
	.web-tab.pst-tabs.hor.pri > ul.tabs > li.current{
		padding-top: 4px;
		padding-bottom: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 2px solid #005587;}
	.web-tab.pst-tabs.hor.pri > ul.tabs > li{
	    padding-top: 4px;}
	.web-accounts-landing .my-account-panel-heading li{
		padding: 16px 8px;
		padding-right: 20px;}
	.web-accounts-landing .account-panels-container .menu-header-text{
		padding-left: 0 !important;
		position: relative;
		left: -8px;}
	.web-accounts-landing .my-account-panel-heading li > span:last-child{
		text-align: right;}
	.my-account-panel-heading li > span:nth-child(3) p{
		padding-right: 5px;}
	.my-accounts-subpanel.crt-list > ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 16px 20px}
	.my-accounts-subpanel.crt-list > ul > li{
		flex-grow: 0;
		width: 416px;
		margin-left: 0;}
	.my-accounts-subpanel > ul > li > span > span:first-child{
		padding: 12px 20px 11px 20px}
	.my-accounts-subpanel > ul > li > span > span:last-child{
		padding: 14px 20px;}
	.my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child{
		margin-top: 4px;}
	.my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child p{
		font-size: 14px;
		font-weight: 500;}
	.my-accounts-subpanel > ul > li > span > span:last-child > span > span:first-child label{
		font-size: 12px !important;
		color: #575757;}
	.web-accounts-landing .account-amount-col > p + svg{
    	display: none;}
    .web-accounts-landing-menu.srb.pri > span svg{
    	width: 32px;
    	height: 32px;}
    .web-accounts-landing-menu.srb.pri > span svg > g g:last-child{
	    transform: scale(1.4) translateX(4px) translateY(4px);}
    .web-accounts-landing > div:first-child .my-accounts-subpanel > ul > li{
	    margin-bottom: 16px !important;
	    border-radius: 8px;}
	.web-accounts-landing > div:first-child .my-accounts-subpanel > ul > li:last-child{
    	  margin-bottom: 0 !important;}
}

@media (max-width: 850px){
    .last-days-data > p{
        padding-left: 2px;}
	.web-accounts-landing .account-panels-container .menu-header-text{
		left: 5px;}
	.web-accounts-landing .account-amount-col{
		padding-right: 13px !important}
	.web-accounts-landing .all-accounts-panel{
		width: 304px;
		background-size: 100% 107%;}
	.my-accounts-subpanel.crt-list > ul{
		padding: 0 0 20px;}
	.my-accounts-subpanel.crt-list > ul > li{
		width: 304px;
		height: 100px;
		border-radius: 16px;}
	.my-accounts-subpanel > ul > li > span > span:first-child{
		padding: 8px 16px 7px 16px;}
	.my-accounts-subpanel > ul > li > span > span:last-child{
		padding: 12px 16px 9px 16px;}
}
@media (max-width: 750px){
	.web-tab.pst-tabs.hor.pri > ul.tabs{
		width: 100%;}
	.web-accounts-landing .accounts-summary-panel{
		width: 100%;
		margin-top: 0;}
	.web-accounts-landing .all-accounts-panel{
		width: 100%;}
	.web-accounts-landing .account-amount-col{
		padding-right: 16px;}
	.web-accounts-landing .account-panels-container .menu-header-text{
		left: 19px;}
	.my-accounts-subpanel.crt-list > ul > li{
		width: 100%;}
	.web-accounts-landing .my-account-panel-heading li{
		padding: 16px 2px 16px 0;
		display: flex !important;
        align-items: flex-start;}
	.web-accounts-landing .my-account-panel-heading li > span:last-child{
        flex-shrink: 0;
        width: auto;}
	.my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child p{
	    font-sizE: 12px;}
	.my-accounts-subpanel.crt-list > ul{
	    padding: 0 0 16px;}
	.my-accounts-subpanel.crt-list > ul > li:last-child{
	    margin-bottom: 0 !important;}
	.web-accounts-landing-menu.srb.pri > span svg > g g:last-child{
        transform: translate(10px, 10px);}
}
/* select account modal responsive styles */

.account-details-select.raise-dispute-select-account.web-modal .my-accounts-panel > .crt-list:first-child li > span:last-child{
	margin-left: auto;}
.web-modal .my-accounts-panel > .crt-list:first-child > ul > li{
    display: flex;
    align-items: center;}
.web-modal .my-accounts-panel > .crt-list:last-child li > span > .srb.pri:first-child > span:last-child{
    vertical-align: top;}
.web-modal .my-accounts-panel > .crt-list:last-child li.highlight-acc-list{
    background: #fff;
    box-shadow: 0 0 0 1px #005587;}
@media (max-width: 1800px){
	.web-modal .modal-window{
		width: 488px;
		padding-top: 100px;}
	.web-modal .modal-header{
        margin-right: 40px;}
	.web-modal .modal-cnt{
		padding: 34px 40px;}
	.web-modal .modal-window h1{
		font-size: 16px;}
	.web-modal .my-accounts-panel{
		width: 408px !important;
		padding: 14px 24px 14px 14px !important;}
	.web-modal .menu-header-text{
		padding-left: 16px !important;}
	.web-modal .menu-header-text label, 
    .web-modal .menu-header-text label + p.ett-para.pri{
		font-size: 14px !important;
		position: relative;
		top: -2px;}
	.web-modal-footer{
	  padding: 20px 40px 28px 40px !important;
	  height: 88px;}
	.web-modal-footer button.ett-bttn{
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;}
	.ett-slct.ter.is-open .sub-ctr{
		font-size: 14px;}
	.web-modal .my-accounts-panel.pst-simp.tsp .crt-list > ul > li .ett-labl.pri{
    	font-size: 12px !important;}
}
@media (max-width: 1050px){
	.web-modal .modal-window{
		width: 450px;
		padding-top: 72px;}
	.web-modal .modal-header{
    	padding: 0 32px;
    	margin-right: 32px;}
	.web-modal .modal-cnt{
		padding: 32px;}
	.web-modal .my-accounts-panel{
		width: 100% !important;}
	.web-modal-footer{
		padding: 20px 32px 28px 32px !important;
		height: 88px;}
}

@media (max-width: 850px){
	.web-modal .modal-window{
		width: 450px;}
}
@media (max-width: 750px){
    .web-modal.modal.in .modal-window{
        width: 100% !important;
        padding-top: 41px !important;
        /*top: 60px;*/
        height: calc(100dvh - 60px);
        min-height: 0;
        
    }
	.web-modal .modal-header{
		padding: 0 16px;
		margin-right: 16px;}
	.web-modal .modal-cnt{
		padding: 24px 16px;
		overflow-x: hidden;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px !important;
        padding-right: 16px !important;}
	.web-modal .my-accounts-panel.pst-simp.tsp{
		margin-bottom: 16px;
		padding: 14px 16px 14px 14px !important;}
	.web-modal-footer{
	    width: 100%;
		padding: 16px 16px 24px !important;
		height: 80px;}
	/*.web-modal-footer .ett-bttn{*/
	/*	width: 161px !important;}*/
	.recent-transactions-list > ul.tsp{
    	display: block;
    	width: 311px;}
}

/* Manage quick links modal styles */

.manage-quick-links-modal.web-modal .modal-header h1{
	font-weight: 700;}

/* Account details edit nickname styles */

.nickname-edit-panel{
	border: 1px solid #e8e8e8;
	border-radius: 16px;
	padding: 24px 20px 34px 20px;}
.account-details-row .crt-form > .srb.pri.nickname-edit-panel:not(:first-child) > span:first-child label{
	width: auto;
	color: #212121;
	left: 0;}
.nickname-edit-panel > span > .srb.pri:last-child{
	position: relative;
	margin-top: 48px;}
.nickname-edit-panel > span > .srb.pri:last-child > span:first-child{
	width: 100%;}
.nickname-edit-panel > span > .srb.pri:last-child > span:last-child{
	position: absolute;
	right: 0;
	bottom: 0;
	padding-bottom: 19px;}
.nickname-edit-panel-heading{
	padding-bottom: 14px;
	border-bottom: 1px solid #e8e8e8;}
.nickname-edit-panel input::placeholder{
	font-size: 16px;
	color: #575757;
	opacity: 1;}
.nickname-edit-panel input.ett-inpt.ter{
	padding: 9px 0 14px 0;
	font-weight: 500;}
.nickname-edit-panel button.ett-bttn.min{
	padding: 0 !important;
	margin: 0 !important;
	color: #1F7F28 !important;
	font-size: 16px !important;
	font-weight: 500;}
.nickname-edit-panel .flbl label{
	font-size: 12px !important;
	transform: none !important;}

/* Filter transaction modal styles */

.filter-transactions-modal.web-modal .modal-cnt{
	padding-top: 38px;}
.filter-transactions-modal.web-modal .select-date-label{
	padding-top: 36px;
	border-top: 1px solid #e8e8e8;}
.filter-transactions-modal.web-modal .filter-tab-theme{
	margin-top: 29px;}
.filter-transactions-modal.web-modal .pst-tabs.hor.pri > ul.tabs > li{
    padding-right: 32px;
    padding-left: 32px;
    border: none;
    width: 145px;
    height: 48px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 24px;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    flex-shrink: 0;}
.filter-transactions-modal.web-modal .pst-tabs.hor.pri > ul.tabs > li.current{
	background: #005587;
	width: 111px;
	color: #fff;
	z-index: 2000;
	position: relative;
	padding: 0;
	justify-content: center;}
.filter-transactions-modal.web-modal .pst-tabs.hor.pri > ul.tabs > li:last-child{
	margin-left: -54px;}
.filter-transactions-modal.web-modal .pst-tabs.hor.pri > ul.tabs{
	margin-bottom: 33px;
	border-radius: 24px;
	border: none;
	width: 204px;
	display: flex;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);}
.filter-transactions-modal.web-modal .pst-tabs.hor.pri > ul.tabs > li:first-child:not(.current){
	justify-content: flex-start;}
.filter-transactions-modal.web-modal .select-date-label label{
	font-size: 16px !important;
	font-weight: 500;}
.filter-transactions-modal.web-modal .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent{
	  background: transparent;}
.filter-transactions-modal.web-modal .ett-rdio.hor.pri input[type=radio] + label:before{
	display: none;}
.filter-transactions-modal.web-modal .ett-rdio.hor.pri input[type=radio] + label{
	content: '';
	width: 128px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 24px;
	background: #fff;
	font-size: 16px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);}
.filter-transactions-modal.web-modal .ett-rdio.hor.pri input[type=radio]:checked + label{
	border: 1px solid #005587;
	font-weight: 500;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);}
.filter-transactions-modal.web-modal .etb-rdio.hor.pri{
	display: flex;    
	justify-content: space-between;
	margin-top: 33px;}
.filter-transactions-modal.web-modal .ett-rdio.hor.pri > span:first-child input[type=radio] + label{
	width: 134px;}
.filter-transactions-modal.web-modal .pst-tabs > .tabs-ctr > div > .tabcontent > div{
	padding: 0;}
.filter-transactions-modal.web-modal .form-slct-date-range > .srb.pri:first-child{
	margin-top: 40px;
	border-top: 1px solid #e8e8e8;
	padding-top: 36px;
	padding-bottom: 45px;}
.filter-transactions-modal.web-modal .form-slct-date-range > .srb.pri:first-child label{
	font-size: 16px !important;
	font-weight: 500;}
.datepicker .ecn{
	width: 100%;}
.datepicker .ecn > .cil.ter .ett-bttn{
	display: none;}
.datepicker .ecn > .cil > .ett-inpt.ter{
	padding-left: 0;
	padding-bottom: 13px;
	margin-bottom: 67px;
	font-size: 16px;
    font-weight: 500;}
.datepicker .ecn > .cil > .ett-inpt.ter::placeholder{
	color: #575757;
	opacity: 1;}
.datepicker .ett-date::before{
	position: absolute;
	content: '';
	right: 4px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-calendar-icon.svg');
	background-size: cover;}
.filter-transactions-modal.web-modal{
	background-color: rgba(0,0,0,0.16);}
.datepicker .ecn > .cil > .ett-inpt.ter:focus{
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;}

/* Break deposit styles */
.break-deposit-summary-panel{
	border: 1px solid #e8e8e8;
	padding: 36px 32px 33px;
	border-radius: 8px;
	margin-top: 8px;
	width: 734px;
	margin-bottom: 40px;}
.break-deposit-summary-panel > span > .srb.pri:not(:last-child){
	margin-bottom: 34px;}
.break-deposit-summary-panel > span > .srb.pri ul:first-child label{
	margin-bottom: 18px !important;
	display: block;
	font-size: 14px !important;}
.break-deposit-summary-panel > span > .srb.pri ul:last-child p{
	font-size: 16px;
	font-weight: 500;}
.break-deposit-page .external-account-link{
	margin-left: 0 !important;
	width: 308px;}
.external-account-col > .srb.pri:first-child{
	width: 387px;}
.verify-submit-btn button{
    width: 175px !important;}
.break-deposit-page .external-account-col{
	align-items: center;}


/* break deposit status modal styles */

.status-modal.web-modal{
	background: rgba(0,0,0,0.16);}
.status-modal.web-modal .modal-window{
	background: #fff !important;}

.pad-left{
    padding-left: 49px;
}
.status-modal.web-modal .modal-cnt{
	padding-top: 35px !important;
    padding-bottom: 0 !important;
}
.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	padding: 33px 0 0 0 !important;
	border-top: 1px solid #e8e8e8;
	font-size: 16px;
	color: #212121;}
.status-modal.web-modal .web-modal-footer .srb.pri{
	border-top: none !important;}
.status-modal.web-modal .crt-form > .srb.pri:not(:first-child):not(:last-child){
	margin-bottom: 21px;
	font-size: 16px;}
.status-modal.web-modal .crt-form > .srb.pri:not(:first-child) > span:first-child p{
	color: #575757}
.status-modal.web-modal .crt-form > .srb.pri:not(:first-child) > span:last-child p{
	color: #212121;
	font-weight: 500;}
.status-modal.web-modal .modal-header{
	padding-left: 45px !important;}
.status-modal.web-modal .modal-header::after{
	position: absolute;
	content: '';
	left: 0;
	top: -2px;
	width: 32px;
	height: 32px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-tick-icon.svg');}

/* Maturity Instruction styles */

.maturity-instruction-page .srb.pri,
.maturity-instruction-page .ett-para.pri,
.maturity-instruction-page .ett-labl.pri{
    line-height: 1 !important;}
.maturity-instruction-panel{
  padding: 33px 32px 33px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  width: 734px;}
.maturity-instruction-panel > span{
  vertical-align: top;}
.maturity-instruction-panel > span ul:first-child label{
  font-size: 14px !important;}
.maturity-instruction-panel > span ul:last-child{
  margin-top: 24px;
  display: block;}
.maturity-instruction-panel > span ul:last-child p{
  font-size: 16px !important;
  font-weight: 500 !important;}
.maturity-instruction-panel > span:last-child ul:last-child p{
  color: #396376; 
    line-height: 1.4 !important;}
.change-maturity-instruction-panel{
  padding: 24px 32px;
  padding-bottom: 20px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  width: 734px;
  margin-top: 40px;
  font-size: 16px;
  margin-bottom: 38px;}
.change-maturity-instruction-panel label.ett-labl.pri{
  font-weight: 500; 
    position: relative;
    top: 3px;}

/*toggle switch styles*/
.app-toggle-switch .ett-togl.pri .slider:before{
  position: absolute;
  width: 24px;
  height: 24px;
  box-shadow: 0 5px 7px 0px rgba(0, 0, 0, 0.16);
  left: -2px;
  top: -5px;}
.app-toggle-switch .ett-togl.pri .slider{
  border-radius: 9px;
  position: absolute;
  cursor: pointer;
  top: 4px;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  background-color: #AEAEAE;
  height: 16px;
  width: 38px;
  margin-left: auto;}
.app-toggle-switch .ett-togl.pri input:checked + .slider{
  background: rgba(0, 85, 135, 0.6);}
.app-toggle-switch .ett-togl.pri input:checked + .slider:before{
  top: -4px;
  background-color: #005587;
  left: -11px;}
.maturity-instruction-dropdown-row{
  border-top: 1px solid #e8e8e8;
  margin-top: 19px;
  display: flex;}
.maturity-instruction-dropdown-row .ett-slct.ter .sub-elt{
  font-size: 16px;
  margin-left: 0;
  padding-bottom: 12px;}
.maturity-instruction-dropdown-row > div{
  align-self: flex-end;}
.maturity-instruction-dropdown-row > div:last-child{
  padding-left: 40px;}
.maturity-instruction-dropdown-row > div .crt-form > .srb.pri ul:first-child label{
  font-size: 12px !important;
  position: relative;
  top: 59px;
  color: #575757;}
.maturity-instruction-dropdown-row > div .crt-form > .srb.pri ul:first-child{
  margin-bottom: 0px;
  margin-top: 0;}
.maturity-instruction-dropdown-row > div .crt-form > .srb.pri > span{
  position: relative;}
.maturity-instruction-dropdown-row > div .crt-form > .srb.pri > span > ul:first-child{
  position: absolute;
  top: -26px;}
.maturity-instruction-dropdown-row > div .crt-form > .srb.pri > span > ul:last-child{
  margin-bottom: 16px;
  margin-top: 50px;}
.maturity-instruction-external-acct-row > div:first-child{
  width: 387px;}
.maturity-instruction-page .add-external-acc-btn .ett-bttn.ter{
  width: 308px;
  margin-top: 45px;}

/* account details updated fonts */

.my-account-panel-heading li label,
.my-account-panel-heading li p{
	font-weight: 500 !important;}
.all-accounts-panel .srb.pri > span:first-child label{
	font-size: 16px;
	font-weight: 500;}
.all-accounts-panel .srb.pri > span:last-child p{
	font-weight: 500;}
.my-accounts-subpanel > ul > li > span > span:first-child p{
	font-weight: 700;
	font-size: 14px;}
.my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child p{
	font-weight: 700;}
.web-select p.ett-para.pri{
    font-weight: 500;
    font-size: 16px;
    width: 90%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*---------------------------- responsive styles for edit nickname ------------------------*/

@media (max-width: 1800px){
	.nickname-edit-panel{
		padding: 20px 20px 27px;}
	.nickname-edit-panel input.ett-inpt.ter{
		font-size: 14px;
		padding-bottom: 10px;}
	.nickname-edit-panel button.ett-bttn.min{
		font-size: 14px !important;}
	.nickname-edit-panel > span > .srb.pri:last-child > span:last-child{
		padding: 15px;
		padding-right: 0;
		padding-left: 0;}
	.nickname-edit-panel > span > .srb.pri:last-child{
		margin-top: 38px;}
	.nickname-edit-panel svg{
		width: 24px;
		height: 24px;}
}
@media (max-width: 750px){
	.nickname-edit-panel{
		padding: 20px 16px 24px 16px;}
	.nickname-edit-panel-heading{
		padding-bottom: 8px;}
	.nickname-edit-panel > span > .srb.pri:last-child{
		margin-top: 24px;}
	.account-details-row .crt-form > .srb.pri.nickname-edit-panel:not(:first-child) > span:first-child .flbl label{
	    font-size: 10px !important;
        position: relative;
        top: 9px;}
}


/* close account responsive styles (laptop, tablet and mobile) */

.web-close-accounts-row .web-select input{
    border: none;
    background: transparent;
    line-height: 1;
    padding: 0;
    font-weight: 500;
    font-size: 16px;} 
.web-close-accounts-row .web-select input::placeholder{
	color: #575757;
	opacity: 1;}
.srb.ter.web-select > li, .srb.ter > span{
	padding: 0;}
.external-account-panel .crt-form > .srb.pri:nth-child(2) label{
	color: #575757;}
@media (max-width: 1800px){
    .web-close-accounts-row .web-select input{
        font-size: 14px;}
	.web-close-accounts-row > div:first-child{
	    padding: 49px 40px 148px !important;
	    max-height: calc(100vh + 76px); }
	    
	.crt-form.hor.pri .web-page-heading label.flb,
	.crt-form.ver.pri .web-page-heading label.flb{
		font-size: 24px;
		margin-bottom: 28px;}
	.web-panel{
		/*width: 628px;*/
		padding: 32px 28px 25px 28px !important;
		margin-bottom: 32px;}
	.web-close-accounts-row .crt-form.hor.pri .flb, 
	.web-panel .crt-form > .srb.pri .srb.pri > span:last-child p.ett-para.pri{
		font-size: 14px;}
	.web-panel .crt-form > .srb.pri .srb.pri{
		margin-bottom: 21px;}
	.web-panel label, .web-panel p, .web-panel .srb.pri, .external-account-panel label, 
	.external-account-panel p, .external-account-panel .srb.pri:not(:nth-child(2)){
		line-height: 1 !important;}
	.closure-reason-panel .crt-form > .srb.pri:first-child label{
		font-size: 14px;}
	.web-close-accounts-row .web-dropdown > li:first-child label{
		font-size: 12px !important;
		color: #575757;}
	.web-close-accounts-row .web-dropdown .ett-slct.ter .sub-elt{
		font-size: 14px;}
	.closure-reason-panel .crt-form > .srb.pri:first-child label{
		margin-bottom: 21px;}
	.closure-reason-panel.web-panel{
		margin-bottom: 33px;}
	.web-close-accounts-row .external-account-row{
		padding: 25px 0;}
	.web-select{
		height: 48px;
		width: 298px;}
	.web-select p.ett-para.pri{
		font-size: 14px;}
	.web-close-accounts-row .external-account-link{
		height: 40px !important;
		width: 270px;
		font-size: 14px;
		padding: 0;
		margin-top: 0;
		box-sizing: border-box;
		margin-left: 32px;
		margin-top: 4px;}
	.web-select::before{
		right: 20px;
		bottom: 12px;}
	.external-account-link a.ett-hypl.pri{
		font-size: 14px;}
	.external-account-panel{
		width: 628px;
		padding: 32px 28px 27px;}
	.external-account-panel .crt-form.ver.pri .flb{
		font-size: 14px}
	.external-account-panel .crt-form > .srb.pri:first-child label{
		margin-bottom: 24px;}
	.external-account-panel input.ett-inpt.ter{
		font-size: 14px;
		padding-bottom: 12px;}
	.bsb-number-row{
		margin: 54px 0;}
	.closure-reason-panel.web-panel{
		padding-bottom: 34px;}
	.external-account-panel .crt-form.ver.pri .flbl-float label.flb{
		margin-top: -24px;}
	.web-footer{
		height: auto;
		padding: 22px 40px 34px 40px;}
	.web-footer button.ett-bttn.sec, 
	.web-footer button.ett-bttn.pri{
		height: 40px;
		font-size: 14px;
		font-weight: 500;
		width: 110px;}
	.ett-slct.ter .sub-ctr ul li{
		padding: 16px 24px;}
	.web-close-accounts-row > div:last-child{
		width: 480px;}
	.web-close-accounts-row > div:last-child img{
		transform: translateX(-55%) translateY(5%);}
	.bsb-number-row + span > span:last-child{
		margin-left: 32px;}
	.close-account-page .web-panel{
		padding: 31px 28px 25px !important;}
	.web-summary-panel .crt-form > .srb.pri:last-child:not(:first-child){
		padding-top: 21px;}
	.close-account-page .web-panel.closure-reason-panel{
		padding: 30px 28px 34px !important;
		margin-bottom: 33px;}
	.close-account-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;}
}
@media (max-width: 1050px){
	.web-footer{
		padding: 20px 32px 28px;}
	.web-close-accounts-row > div:last-child{
		width: 350px;		}
	.web-close-accounts-row > div:first-child{
		padding: 37px 24px 100px 32px !important;
		width: 602px;
	    max-height: 100vh;
	}
	.crt-form.hor.pri .web-page-heading label.flb,
	.crt-form.ver.pri .web-page-heading label.flb{
		font-size: 20px;
		margin-bottom: 24px;}
	.web-panel{
		width: 100%;
		padding: 28px 24px 21px !important;
		margin-bottom: 28px;}
	.closure-reason-panel.web-panel{
	  padding-bottom: 30px;}
	.closure-reason-panel .crt-form > .srb.pri:first-child label{
		margin-bottom: 16px;}
	.web-close-accounts-row .web-dropdown .ett-slct.ter .sub-elt{
		padding-bottom: 10px;
		padding-right: 30px;}
	.web-dropdown .ett-slct.ter::before{
		top: 10px;}
	.web-close-accounts-row .web-select{
		width: 261px !important;}
	.web-close-accounts-row .external-account-link{
		margin-left: 24px;
        padding-left: 28px;
        padding-right: 29px;
        width: 254px;}
	.external-account-panel{
		width: 100%;
		padding: 32px 24px 27px 24px;}
	.external-account-link a.ett-hypl.pri > span{
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    width: 90%;}
	.bsb-number-row + span > span:last-child{
		margin-left: 24px;}
	.web-close-accounts-row > div:last-child img{
		transform: translateX(-55%) translateY(-5%) scale(0.85);}
	.close-account-page .web-panel{
		padding: 27px 24px 21px !important;}
	.close-account-page .web-panel.closure-reason-panel{
		padding: 27px 24px 30px !important;
		margin-bottom: 29px;}
	.close-account-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;}
}
@media (max-width: 850px){
	.web-close-accounts-row{
		flex-direction: column-reverse;}
	.web-close-accounts-row > div{
		width: 100%;}
	.web-close-accounts-row > div:first-child{
		z-index: 1000;
		position: relative;
		overflow: hidden;
		max-height: inherit;
		width: 100%;}
	.web-close-accounts-row > div:last-child{
		height: 214px;
		background: #fff !important;
		width: 100%;}
	.web-close-accounts-row > div:last-child img{
		top: 0;
        transform: translateX(-55%) translateY(-2%) scale(0.67);}
	.web-panel{
		/*width: 468px;*/
	    
	}
	.web-close-accounts-row .web-select,
	.web-close-accounts-row .external-account-link{
		width: 222px !important;}
	.web-close-accounts-row .external-account-link{
        padding-left: 0;
        padding-right: 0;}
	.external-account-panel{
		width: 468px;
		margin-top: 3px;}
	.bsb-number-row{
		margin: 49px 0;}
	.external-account-panel .crt-form > .srb.pri:first-child label{
		margin-bottom: 29px;}
	.web-close-accounts-row > div:last-child{
		width: auto;}
}
@media (max-width: 750px){
	.web-close-accounts-row > div:last-child{
		height: 143px;
		margin-top: 0;}
	.web-close-accounts-row > div:last-child img{
	    transform: translateX(-53%) translateY(-17%) scale(0.45);}
    .web-close-accounts-row > div:first-child {
        padding: 28px 16px !important;
        padding-bottom: 108px !important;
        height: auto;
        overflow: hidden;
        max-height: inherit;}
	.crt-form.hor.pri .web-page-heading label.flb,
	.crt-form.ver.pri .web-page-heading label.flb{
		font-size: 16px !important;
		margin-bottom: 17px!important;}
	.web-panel{
		width: 100%;
		padding: 20px 16px 18px;
    	margin-bottom: 16px;}
	.web-panel .crt-form > .srb.pri .srb.pri{
		margin-bottom: 18px;}
	.web-summary-panel .crt-form > .srb.pri:last-child:not(:first-child){
		padding-top: 20px;}
	.closure-reason-panel.web-panel{
		padding: 24px 16px 39px 16px;
		margin-bottom: 22px;}
	.closure-reason-panel .crt-form > .srb.pri:first-child label{
		margin-bottom: 22px;}
	.web-close-accounts-row .external-account-row{
		padding: 18px 0;}
	.web-close-accounts-row .web-select{
		width: 100% !important;}
	.external-account-row .crt-form > .srb.pri > span{
		flex-direction: column;}
	.web-footer{
		padding: 16px 16px 24px;
        z-index: 3500;}
	/*.web-footer .crt-form > .srb.pri > span > ul{*/
	/*	width: 50% !important;*/
	/*	padding: 0 !important;*/
	/*	flex-shrink: 0;*/
	/*	padding-left: 22px;*/
 /*       padding-right: 22px;}*/
	/*.web-footer .crt-form > .srb.pri > span > ul button > span{*/
 /*       text-overflow: ellipsis;*/
 /*       width: 122px;*/
 /*       display: block;*/
 /*       white-space: nowrap;*/
 /*       overflow: hidden;}*/
	/*.web-footer .crt-form > .srb.pri > span > ul button{*/
	/*	width: 100%;*/
	/*	padding-left: 22px;*/
	/*	padding-right: 22px;}*/
	.web-close-accounts-row > div:first-child{
		padding-bottom: 80px;}
	.web-close-accounts-row .external-account-link{
		margin-left: 0;}
	.web-close-accounts-row .external-account-link{
		width: 270px !important;
		margin-top: 21px;}
	.external-account-link a.ett-hypl.pri > span{
		display: flex;
		align-items: center;
		justify-content: center;}
	.external-account-panel{
		margin-top: 6px;
		width: 100%;
		padding: 20px 16px 28px;}
	.external-account-panel .crt-form > .srb.pri:first-child label{
		position: relative;
		top: 4px;}
	.bsb-number-row{
		margin: 43px 0 49px !important;}
	.bsb-number-row + span{
		flex-direction: column;
		margin-top: 6px;}
	.bsb-number-row + span > span{
		width: 100%}
	.bsb-number-row + span > span:last-child{
		margin-left: 0;
		margin-top: 50px !important;}
	.external-account-panel .crt-form.ver.pri .flbl-float label.flb{
			font-size: 10px;}
	/*.web-footer .crt-form > .srb.pri > span > ul button > span{*/
 /*       text-overflow: ellipsis;*/
 /*       width: 122px;*/
 /*       display: block;*/
 /*       white-space: nowrap;*/
 /*       overflow: hidden;}*/
    .web-close-accounts-row .web-dropdown > li:first-child label{
        font-size: 10px !important;}
    .close-account-page .web-panel{
		padding: 20px 16px 18px !important;}
	.web-summary-panel .crt-form > .srb.pri:last-child:not(:first-child){
		padding-top: 17px;}
	.close-account-page .web-panel.closure-reason-panel{
		margin-bottom: 18px;
		padding: 24px 16px 40px !important;}
}

/* break deposit responsive styles */

@media (max-width: 1800px){
	.break-deposit-panel{
		width: 518px;
		padding: 47px 28px 25px;
	    margin-bottom: 25px;}
	.break-deposit-panel input.ett-inpt.ter{
		margin-bottom: 31px;}
	.break-deposit-panel .crt-form:last-child > .srb.pri .srb.pri:first-child, 
	.break-deposit-panel .crt-form:last-child > .srb.pri .srb.pri:nth-child(2){
		margin-bottom: 20px;}
	.break-deposit-panel .crt-form:last-child > .srb.pri .srb.pri:nth-child(3){
		padding-bottom: 18px;
		margin-bottom: 24px;}
	.break-deposit-panel .crt-form:last-child > .srb.pri .srb.pri > span:last-child p{
		font-size: 14px}
	.break-deposit-text{
		font-size: 14px;
		width: 518px;
		line-height: 1.4;}
    .break-deposit-modal label.ett-labl.pri,
	.break-deposit-modal .ett-para.pri{
		font-size: 14px !important;}
	.break-deposit-modal label.ett-labl.pri,
	.break-deposit-modal .srb.pri{
		line-height: 1 !important;}
	.break-deposit-modal .break-deposit-data{
		margin-bottom: 24px;}
}
@media (max-width: 1050px){
    .break-deposit-modal.web-modal .modal-header{
		padding: 0;
		margin: 0 32px;}
	.break-deposit-modal.web-modal .modal-cnt{
		padding-top: 28px;}
	.break-deposit-text{
		width: 432px;}
	.break-deposit-panel{
		width: 432px;
		padding: 43px 24px 21px 24px;}
	.break-deposit-panel input.ett-inpt.ter{
		margin-bottom: 34px;}
}

@media (max-width: 850px){
    .break-deposit-page .web-footer{
        z-index: 1000;}
    .break-deposit-text{
        width: 386px;}
    .break-deposit-panel{
		width: 386px;
		margin-bottom: 28px;}
}
@media (max-width: 750px){
	.break-deposit-text{
        width: 100%;}
	.break-deposit-panel{
		width: 100%;
		padding: 32px 16px 20px;}
	.break-term-deposit-btn .ett-bttn.pri{
    	width: auto !important;}
    .break-deposit-modal.web-modal .modal-header{
		padding: 0;
		margin: 0 16px;}
	.break-deposit-modal.web-modal .modal-cnt{
		padding-top: 24px;}
	.break-deposit-modal .break-deposit-data{
		padding: 24px 0;
		padding-bottom: 21px;
		margin-bottom: 20px;}
	.break-deposit-modal .break-deposit-data > span > .srb.pri:not(:last-child){
		margin-bottom: 17px;}
}

/* raise dispute status modal styles */

.raise-dispute-status-modal svg{
    margin-top: 206px;
    position: relative;
    left: -24px;	}

/* close account bsb number invalid/valid text styles */

.bsb-invalid-text span:not(:empty),
.bsb-valid-text span:not(:empty){
      position: relative;
    width: 100%;
    background: #f6f6f6;
    border-radius: 28px;
    margin-top: 23px !important;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    padding: 17.5px 21px 17.5px 20px;
    color: #575757;
    margin-bottom: -8px;}
.bsb-valid-text svg{
	display: none;}
.bsb-valid-text span:not(:empty)::before{
	position: absolute;
	content: '';
	right: 21px;
	top: 17.5px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/verified-icon.svg');
	width: 22px;
	height: 22px;}

/* loan account styles */

@media (min-width: 1025px){
	.web-accounts-landing .web-tab .tabcontent{
	    overflow-y: overlay;
		position: absolute;
		left: 0;
	    padding-right: 40px;
		padding-left: 40px;
	    height: auto;}
	.web-accounts-landing > div:first-child{
		position: relative;}
}
@media (min-width: 1441px){
	.web-accounts-landing .web-tab .tabcontent{
		padding-right: 50px; 
		padding-left: 50px;}
}
.status-modal .ett-labl.pri{
	font-size: 16px !important;}
.close-account-success-modal svg{
	position: relative !important;
	margin-top: 94px !important;}
.close-account-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child > span > .srb.pri:first-child{
	height: 83px;}
.close-account-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child > span > .srb.pri:nth-child(2){
	display: flex;
	align-items: center;
	border-top: 1px solid #e8e8e8;
	padding-top: 29px;}
.close-account-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child > span > .srb.pri:nth-child(2) > span:first-child{
	width: 258px;
	flex-shrink: 0;}
.close-account-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child > span > .srb.pri:first-child ul{
	margin-bottom: 0;}
.close-account-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	padding-top: 0;}
.close-account-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child > span > .srb.pri:nth-child(2) > span:last-child .ett-para.pri{
	font-weight: 700;}
.close-account-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child > span > .srb.pri:nth-child(2) > span:first-child .ett-labl.pri{
	color: #575757;}
.pst-simp > div.loan--bg.everyday-account{
    background: linear-gradient(180deg, #163327 0%, #2e664e 73%, #3c8364 0%);
    background-repeat: no-repeat;
    background-size: cover;}
.loan-page .account-details-row .srb.pri,
.loan-page .account-details-row .ett-labl.pri,
.loan-page .account-details-row .ett-para.pri{
	line-height: 1 !important}
.everyday-account.loan--bg .srb.pri > span.current-balance-left-border{
	padding-left: 20px;}
.everyday-account.loan--bg .days-to-go-label{
	margin-top: 20px;}
.real-time-count-data p:first-child{
	margin-right: 20px;}
.loan-page .account-details-row{
    padding-top: 36px !important;}
.loan-page .account-details-row .crt-form > .srb.pri:not(:first-child) > span:first-child label{
    width: auto;}
.real-time-count-data p.ett-para.pri:last-child{
	color: rgba(255,255,255,0.7);}
.web-hyperlink .ett-hypl.pri{
	color: #005587;
	font-size: 16px;
	font-weight: 700;}
.web-hyperlink .ett-hypl.pri:hover,
.web-hyperlink .ett-hypl.pri:focus{
	text-decoration: none;}
.loan-page .recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(3) p{
    padding-right: 0;}

/* repayment styles */

.web-panel.repayment-panel{
	padding: 36px 32px;}
.repayment-panel .srb.pri,
.repayment-panel p.ett-para.pri,
.repayment-panel .ett-labl.pri{
	line-height: 1;}
.repayment-panel ul:first-child:not(:last-child) .ett-labl.pri{
	font-size: 14px !important;
	color: #575757 !important}
.repayment-panel ul:last-child p.ett-para.pri{
	font-size: 16px;
	font-weight: 500;
	margin-top: 24px;
	display: block;}
.repayment-panel.web-panel .crt-form > .srb.pri .srb.pri{
	margin-bottom: 40px}
.repayment-panel.change-repayment.web-panel{
	padding: 23px 25px 22px 39px !important;}
.change-repayment .crt-form > .srb.pri:first-child .ett-labl.pri{
	font-size: 16px;
	font-weight: 500 !important;}
.change-repayment .crt-form > .srb.pri:nth-child(2){
	padding-top: 36px;
	border-top: 1px solid #e8e8e8;
	margin-top: 21px;}
.repayment-panel.web-panel.change-repayment.panel--open{
	padding: 24px 32px 32px 32px !important;}
.change-repayment .web-select{
	width: 100%;
    margin-top: 27px !important;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    cursor: pointer;}
.change-repayment .web-select input:focus{
    border: none;}
.text--small p.ett-para.pri{
	font-size: 12px !important;
	color: #575757;}
.change-repayment.repayment-panel.web-panel .crt-form > .srb.pri:last-child .srb.pri:last-child{
	margin-bottom: 0;}
.change-repayment.repayment-panel.web-panel .crt-form > .srb.pri:last-child .srb.pri:nth-child(2){
	margin-bottom: 36px;}
.select-frequency-row{
	padding-top: 32px;
    padding-bottom: 32px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 36px !important;}
.repayment-panel .repayment-amount-row ul:first-child:not(:last-child) .ett-labl.pri{
	font-size: 16px !important;
	font-weight: 700;
	color: #212121 !important;
	margin-bottom: 46px !important;
	display: block;}
.loan-page .crt-form.ver.pri .flbl-float .flb{
	color: #575757;
	transform: none;
	font-size: 12px;
	margin-top: -21px;}
.everyday-account.loan--bg > ul > li:nth-child(4) > span:first-child{
	padding-left: 0;}
.loan-page .pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:first-child{
	margin-right: 2px !important;}
.repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:last-child > span > .srb.pri:last-child{
	  margin-bottom: 20px;}
.repayment-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}

/* Transaction details modal css */

.transaction-details-modal .modal-window{
	background: #fff !important;}
.transaction-det-header > span > .srb.pri > span:last-child p.ett-para.pri{
	padding: 12px 16px;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
	z-index: 3000;
	border-radius: 8px;
	min-width: 103px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #396376;
	font-weight: 700;
	position: relative;
	left: -77px;
	background: #fff;}
.transaction-det-header{
	background: #FAFAFA;
	position: relative;
	left: -50px;
	padding-left: 50px;
	padding-top: 28px;
	padding-bottom: 28px;
	width: 576px;
	margin-bottom: 40px !important;}
.transaction-details-modal .ett-labl.pri{
	font-size: 16px !important;
	color: #575757;
	line-height: 1 !important}
.transaction-details-modal .ett-para.pri{
	font-size: 16px;
	font-weight: 500;}
.transaction-details-modal .crt-form > .srb.pri,
.transaction-details-modal .crt-form > .srb.pri > span > .srb.pri{
	margin-bottom: 25px;
	line-height: 1 !important;}
.transaction-details-modal .web-modal-footer{
	margin-bottom: 0 !important;}
.view-shopping-requests-row{
	padding-top: 36px;
	border-top: 1px solid #e8e8e8;
	position: relative;
	top: 12px;}
.view-shopping-requests-row button.ett-bttn{
	width: 100%;
	position: relative;}
.transaction-det-header > span > .srb.pri{
	margin-bottom: 0 !important;}
.transaction-det-header > span > .srb.pri > span:nth-child(2){
	padding-left: 25px !important;}
.transaction-det-header > span > .srb.pri > span:nth-child(2) .srb.pri:first-child p.ett-para.pri{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 7px !important;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;}
.view-shopping-requests-row .ett-bttn.ter::before{
	position: absolute;
	content: '';
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-shopping-cart-button.svg');
	top: 10px;
	left: 24px;
	width: 24px;
	height: 24px;}
.view-shopping-requests-row .ett-bttn.ter::after{
	position: absolute;
	content: '';
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/pink-right-arrow.svg');
	top: 10px;
	right: 24px;
	width: 24px;
	height: 24px;}
.transaction-details-modal.web-modal .web-hyperlink .ett-hypl.pri{
	position: relative;
	top: 4px;
	left: 3px;}

/* Frequency modal styles */

.frequency-list > ul.pri > li{
	height: 56px;
	background: #fff;
	border-radius: 28px;
	padding-left: 32px;
	padding-right: 26px;
	display: flex !important;
	align-items: center;
	margin-top: 24px;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;}
.frequency-list > ul.pri > li .app-radio .ett-rdio.hor.pri input[type=radio] + label:before{
	margin-right: 0;}
.frequency-list > ul.pri > li .ett-para.pri{
	font-weight: 500;}
.frequency-modal .app-radio .ett-rdio > span:last-child{
	display: none !important;}
.frequency-modal .ett-rdio.hor.pri > span{
	margin: 0;}
.frequency-list > ul.pri > li.active{
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
	border: 1px solid #005587 !important;}
.frequency-list > ul.pri > li.active .app-radio{
	display: block !important;}
.frequency-list > ul.pri > li.active .app-radio .ett-rdio.hor.pri input[type=radio] + label:before,
.select-payee-modal .crt-list > ul > li.active .app-radio .ett-rdio.hor.pri input[type=radio] + label:before,
.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri.active:last-child  .app-radio .ett-rdio.hor.pri input[type=radio] + label:before{
  border-color: #005587;
  margin: 0;}
.frequency-list > ul.pri > li.active .app-radio .ett-rdio.hor.pri input[type=radio] + label:after,
.select-payee-modal .crt-list > ul > li.active .app-radio .ett-rdio.hor.pri input[type=radio] + label:after,
.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri.active:last-child .app-radio .ett-rdio.hor.pri input[type=radio] + label:after{
  width: 10.3px;
  height: 10.3px;
  position: absolute;
  content: '';
  border-radius: 50%;
  background: #005587;}
@media (max-width: 1800px){
		.frequency-modal.web-modal .modal-header{
			margin-left: 40px;
			padding-left: 0;}
		.frequency-modal.web-modal .modal-cnt{
			padding-top: 28px;}
		.frequency-list > ul.pri > li{
			height: 48px;
			margin-bottom: 20px;
			padding-left: 28px;
			padding-right: 20px;
			font-size: 14px;}
		.frequency-modal .web-modal-footer{
			padding-top: 24px !important;}
		.web-modal-footer button.ett-bttn{
			min-width: 110px;
		    
		}
	}
@media (max-width: 1050px){
	.frequency-modal .web-modal-footer{
		padding-top: 20px !important;}
}
@media (max-width: 750px){
	.frequency-modal.web-modal .modal-header{
		margin-left: 16px;}
	.frequency-modal.web-modal .modal-cnt{
		padding-top: 24px;}
	.frequency-list > ul.pri > li{
		padding-left: 20px;
		padding-right: 16px;
		margin-bottom: 16px;}
}

/* Raise dispute responsive styles */

@media (max-width: 1800px){
    .transaction-selected ul:first-child .ett-para.pri{
		margin-right: 40px;}
	.transaction-selected ul:first-child p::before{
		right: -20px;}
	.transaction-selected ul:nth-child(2) .ett-para.pri{
		margin-right: 16px;}
	.transaction-selected{
		height: 48px;
		padding-left: 20px;}
	.transaction-selected::before{
		bottom: 12px;
		right: 20px;}
    .raise-dispute-page .raise-dispute-form > .srb.pri:nth-last-child(2) > span:first-child{
		padding-top: 42px;}
    .raise-dispute-page .raise-dispute-form > .srb.pri:last-child .web-panel{
		padding: 24px 24px 20px !important}
	.raise-dispute-page .raise-dispute-form > .srb.pri:last-child .browse-upload-panel + .srb.pri > span:first-child label{
		white-space: nowrap;}
	.raise-dispute-page .raise-dispute-form > .srb.pri:last-child .browse-upload-panel + .srb.pri label{
		font-size: 12px;}
	.raise-dispute-page .raise-dispute-form > .srb.pri:last-child .browse-upload-panel + .srb.pri{
		margin-top: 13px;}
	.raise-dispute-form > .srb.pri{
		/*width: 628px; remem*/
		padding-top: 28px;
		padding-bottom: 28px;}
	.raise-dispute-form > .srb.pri > span:first-child label{
		font-size: 14px;}
	.raise-dispute-form > .srb.pri > span:last-child,
	.raise-dispute-form .web-select-input.web-select{
		/*width: 408px; remem*/
	    
	}
	.raise-dispute-form > .srb.pri > span:first-child{
		width: 220px;}
	.reason-dispute-panel{
		padding: 24px 24px 17px 24px !important;}
	.raise-dispute-message-row ul:first-child label, .raise-dispute-message-row ul:last-child p{
		margin-bottom: 3px;}
	.raise-dispute-message-row .ett-texa.pri::placeholder{
		font-size: 14px !important;}
	.raise-dispute-form > .srb.pri:last-child > span:first-child{
    	padding-top: 43px;}
}
@media (max-width: 1050px){
    .transaction-selected ul:first-child .ett-para.pri{
		margin-right: 32px;}
	.transaction-selected ul:first-child p::before{
		right: -16px;}
    .raise-dispute-page .raise-dispute-form > .srb.pri:nth-last-child(2) > span:first-child{
		padding-top: 40px;}
    .raise-dispute-page .raise-dispute-form > .srb.pri:last-child .web-panel{
		padding: 20px 20px 17px !important;}
	.raise-dispute-page .web-close-accounts-row  > div:last-child{
		display: none;}
	.raise-dispute-page .web-close-accounts-row  > div:first-child{
		width: 100%;}
	.raise-dispute-page .web-close-accounts-row  > div:first-child .crt-form{
		width: 660px;}
	.raise-dispute-page .raise-dispute-form > .srb.pri{
		justify-content: flex-start;}
	.raise-dispute-page .raise-dispute-form > .srb.pri > span:first-child{
		width: 228px;
		flex-shrink: 0;}
	.raise-dispute-page .raise-dispute-form > .srb.pri > span:last-child, 
	.raise-dispute-page .raise-dispute-form .web-select-input.web-select{
		width: 100%;
		flex-grow: 0;}
    .raise-dispute-form > .srb.pri:last-child > span:first-child{
		padding-top: 40px;}
	.raise-dispute-form > .srb.pri{
		padding-top: 24px;
		padding-bottom: 24px;
		width: 100%;}
	.raise-dispute-page .web-close-accounts-row .web-select{
		width: 100% !important;}
	.raise-dispute-message-row{
		margin-top: 20px;}
	.raise-dispute-form > .srb.pri > span:last-child,
	.raise-dispute-form .web-select-input.web-select{
		/*width: 318px; remem*/
	    
	}
	.raise-dispute-message-row .ett-texa.pri{
	  height: 98px !important;}
}
@media (max-width: 850px){
    .raise-dispute-page .raise-dispute-form > .srb.pri{
		width: 546px;}
	.raise-dispute-page .raise-dispute-form > .srb.pri > span:first-child{
		width: 164px;}
	.raise-dispute-page .raise-dispute-form > .srb.pri > span:last-child, 
	.raise-dispute-page .raise-dispute-form .web-select-input.web-select{
		width: calc(100% - 164px);}
	.raise-dispute-form > .srb.pri{
		/*width: 468px; remem*/
	    
	}
	.raise-dispute-form > .srb.pri > span:last-child, .web-select-input.web-select{
		/*width: 304px; remem*/
		flex-shrink: 0;
	    
	}
}
@media (max-width: 750px){
    .raise-dispute-page .raise-dispute-form > .srb.pri{
		width: 100%;}
	.transaction-selected ul:nth-child(n+3) .ett-para.pri{
		font-size: 10px;}
    .raise-dispute-page .web-close-accounts-row{
		flex-direction: column;
		height: auto !important;}
	.raise-dispute-page .web-close-accounts-row > div:first-child{
		height: 100%;
		padding-bottom: 50px !important;}	
	.raise-dispute-page .web-close-accounts-row > div:first-child .crt-form{
		width: 100%;}
	.raise-dispute-page .raise-dispute-form > .srb.pri > span:first-child{
		width: 100%;}
	.raise-dispute-page .raise-dispute-form > .srb.pri > span:last-child, 
	.raise-dispute-page .raise-dispute-form .web-select-input.web-select{
		width: 100%;	}
	.raise-dispute-message-row ul:first-child label, .raise-dispute-message-row ul:last-child p{
		font-size: 10px !important;}
	.raise-dispute-page .raise-dispute-form > .srb.pri > span:first-child label{
		margin-bottom: 11px;}
	.raise-dispute-page .raise-dispute-form > .srb.pri:nth-last-child(2) > span:first-child{
		padding-top: 0;}
	.raise-dispute-page .raise-dispute-form > .srb.pri:last-child{
		margin-top: 17px;}
	.raise-dispute-page .raise-dispute-form > .srb.pri:last-child .web-panel{
		padding: 16px 16px 14px !important;}
	.raise-dispute-page .raise-dispute-form > .srb.pri:last-child .browse-upload-panel + .srb.pri label{
		font-size: 10px;}
	.raise-dispute-page .raise-dispute-form > .srb.pri:last-child .browse-upload-panel + .srb.pri{
		margin-top: 11px;}
	.raise-dispute-form > .srb.pri{
		width: 100%;}
	.raise-dispute-form > .srb.pri{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;}
	.raise-dispute-form > .srb.pri > span:first-child label{
		margin-bottom: 17px;
		display: block;}
	.raise-dispute-form > .srb.pri:first-child > span:last-child > ul:first-child{
		margin-bottom: 8px;
		font-size: 10px;}
	.raise-dispute-form > .srb.pri > span:last-child, .web-select-input.web-select{
		width: 100%;}
	.raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul .ett-labl.pri{
		font-size: 10px !important;}
	.raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
		margin-top: 5px;}
	.raise-dispute-form > .srb.pri:last-child > span:first-child{
		padding-top: 0;}
}

/* Debit Card Request */

.debit-card-request-page .srb.pri,
.debit-card-request-page .ett-labl.pri,
.debit-card-request-page .ett-para.pri{
	line-height: 1 !important;}
.debit-card-request-page .web-panel > div > .grb:first-child{
	border-bottom: 1px solid #E8E8E8;
	padding-bottom: 29px;
	margin-bottom: 36px;} 
.debit-card-request-page .web-panel > div > .grb:first-child .crt-form ul:first-child{
	padding-right: 24px;}
.debit-card-request-page .web-panel > div > .grb:first-child .crt-form .srb.pri > span:last-child ul:first-child{
	padding-right: 28px;}
.debit-card-req-confirm > div > .grb .crt-form > .srb.pri .ett-para.pri{
	font-size: 16px;
	font-weight: 500;}
.debit-card-req-confirm > div > .grb .crt-form > .srb.pri{
	margin-bottom: 30px;}
.debit-card-req-confirm > div > .grb:last-child > div:first-child img{
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.33);
	border-radius: 15px;}
.debit-card-req-confirm > div > .grb:last-child{
	padding-bottom: 36px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 36px;}
.debit-card-req-confirm > div > .grb .crt-form > .srb.pri > span:last-child,
.debit-card-req-confirm > div > .grb:last-child > div:last-child{
	  padding-left: 21px;}
.text--medium .ett-labl.pri,
.text--medium .ett-para.pri{
	font-weight: 500;
	color: #212121 !important;}
.ett-slct.ter.is-open{
	border-bottom: none !important;}
.debit-card-request-page .web-panel .crt-form > .srb.pri .srb.pri{
	  margin-bottom: 0;}
.text--small label.ett-labl.pri,
.text--small p.ett-para.pri{
	font-size: 12px !important;
	color: #575757 !important;}
.vertical-align--bottom{
	vertical-align: bottom !important;}
.debit-card-request-page .web-panel{
	padding-bottom: 33px;}
.debit-card-request-page .web-panel > div > .grb:nth-child(3) .crt-form > .srb.pri{
	padding-bottom: 25px;}
.debit-card-request-page .ett-slct.ter{
	width: 315px !important;}
.debit-card-request-page .web-panel > div > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child .ett-slct.ter{
	margin-left: auto;}
.debit-card-request-page .web-panel > div > .grb:nth-child(5) .crt-form > .srb.pri:first-child .ett-labl.pri,
.debit-card-request-page .web-panel > div > .grb:nth-child(6) .crt-form > .srb.pri:first-child .ett-labl.pri{
	display: block;
	padding-top: 36px;
	padding-bottom: 28px;
	color: #396376;}
.debit-card-request-page .web-panel > div > .grb:nth-child(5) .crt-form > .srb.pri:last-child p.ett-para.pri,
.debit-card-request-page .web-panel > div > .grb:nth-child(6) .crt-form > .srb.pri:last-child p.ett-para.pri{
	line-height: 1.4 !important;}
.debit-card-request-page .web-panel > div > .grb:first-child .crt-form > .srb.pri > span ul:last-child p.ett-para.pri{
	font-weight: 700;
	font-size: 16px;}
.debit-card-req-confirm > div > .grb:last-child .crt-list > ul > li:first-child{
	font-size: 16px;
	margin-bottom: 33px;}
.debit-card-req-confirm > div > .grb:last-child .crt-list > ul > li:first-child .ett-para.pri{
	font-weight: 500 ;
	color: #212121 !important;}
.debit-card-request-page .web-close-accounts-row .web-dropdown .ett-slct.ter .sub-elt{
	padding-top: 12px;}
.debit-card-request-modal.web-modal .modal-cnt{
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px !important;
    padding-right: 50px !important;}
.debit-card-request-page .web-panel > div > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child  ul:first-child .ett-labl.pri{
	position: relative;
	left: 20px;}
.debit-card-request-page .web-panel > div > .grb:nth-child(4) .crt-form > .srb.pri > span  ul:first-child .ett-labl.pri{
	font-size: 12px;}

/* Debit Card Request modal styles */

.debit-card-request-modal.web-modal .modal-window .srb.pri,
.debit-card-request-modal.web-modal .modal-window .ett-labl.pri,
.debit-card-request-modal.web-modal .modal-window .ett-para.pri{
	line-height: 1 !important;
	font-size: 16px;}
.debit-card-request-modal.web-modal .modal-window{
	background: #fff !important;}
.debit-card-request-modal.web-modal .modal-cnt .grb:first-child:not(:last-child){
	padding-top: 36px;
	padding-bottom: 32px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 36px;}
.debit-card-request-modal.web-modal img{
	width: 100%;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.33);
	border-radius: 25px;
	margin-bottom: 47px;}
.debit-card-request-modal.web-modal .modal-cnt .grb:first-child:not(:last-child) .crt-form .srb.pri ul:first-child{
	padding-right: 24px !important;
	color: #575757;}
.debit-card-request-modal.web-modal .modal-cnt .grb:first-child:not(:last-child) .crt-form .srb.pri ul:last-child p.ett-para.pri{
	font-weight: 500;}
.debit-card-request-modal.web-modal .modal-cnt .grb:first-child:not(:last-child) .crt-form .srb.pri > span:last-child ul:last-child{
	padding-left: 5px;}
.debit-card-request-modal.web-modal .modal-cnt .grb:nth-child(3) .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	margin-bottom: 25px;}
.debit-card-request-modal.web-modal .modal-cnt .grb:nth-child(3) .crt-form > .srb.pri > span:first-child ul{
	color: #396376;}
.debit-card-request-modal.web-modal .modal-cnt .grb:nth-child(3) .crt-form > .srb.pri > span:last-child ul p.ett-para.pri{
	font-weight: 500}
.debit-card-request-modal.web-modal .modal-cnt .grb:nth-child(3) .crt-form > .srb.pri:last-child > span:last-child p.ett-para.pri{
	line-height: 1.4 !important;}

/* Topup loan styles */

.topup-loan-page .srb.pri,
.topup-loan-page .ett-labl.pri,
.topup-loan-page .ett-para.pri{
	line-height: 1 !important;}
.topup-loan-page .repayment-panel:not(.change-repayment) ul:last-child p.ett-para.pri{
	margin-top: 27px;}
.topup-loan-page .repayment-panel.change-repayment.web-panel{
    padding-top: 24px !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
	padding-bottom: 18px !important;}
.crt-form.ver.pri .flbl-float .flb{
    color: #212121;
    font-size: 14px !important;
    transform: none;}
.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2){
	display: flex;
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 0;
	margin-top: 18px;}
.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span input{
	width: 315px;
	margin-left: auto;
	font-weight: 500;}
.topup-loan-status-modal.status-modal.web-modal .crt-form > .srb.pri:first-child{
	padding-top: 33px;}
.topup-loan-status-modal.status-modal.web-modal .crt-form > .srb.pri > span .srb.pri:nth-child(2){
	margin-top: 20px;}
.topup-loan-status-modal.status-modal.web-modal img{
	margin-top: 82px;}
.topup-loan-page .change-repayment.repayment-panel.web-panel .crt-form > .srb.pri:last-child .srb.pri:nth-child(2){
    margin-bottom: 0;}
.topup-loan-page .web-panel:last-child .crt-form > .srb.pri .srb.pri > span:last-child p{
	margin-top: 12px;
	font-size: 12px !important;
	color: #575757;
	margin-bottom: -4px;}
.topup-loan-page .web-panel.repayment-panel{
	padding: 36px 32px !important;}
.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span:first-child > .srb.pri:nth-child(2){
	padding-right: 36px;}

/* select accuont modal responsive styles */

@media (max-width: 1800px){
	.web-modal .panel--open.my-accounts-panel > .crt-list:first-child{
		padding-bottom: 16px;}
	.web-modal .my-accounts-panel > .crt-list:last-child li:first-child{
		margin-top: 20px;
		border-radius: 12px;}
	.web-modal .my-accounts-panel > .crt-list:last-child li{
		font-size: 12px !important;
		padding: 15px 16px 16px;}
	.web-modal .my-accounts-accountname{
		margin-bottom: 20px;
		font-size: 12px !important;}
	.web-modal .my-accounts-subpanel > ul > li > span > span:last-child > span > span:first-child label{
		font-size: 12px !important;}
	.web-modal .my-accounts-panel > .crt-list:last-child li svg{
		width: 24px;
		height: 24px;}
   .web-modal .my-accounts-label.ett-labl.pri{
		margin-bottom: 10px;}
	.web-modal .my-accounts-panel{
        padding: 16px 20px !important;}
	.web-modal .my-accounts-panel.panel--open{
		padding: 16px 20px 20px !important;}
	.web-modal .my-accounts-panel.pst-simp.tsp{
		margin-bottom: 20px;
		border-radius: 20px !important;}
	.account-details-select.web-modal .modal-header,
	.raise-dispute-select-account.web-modal .modal-header{
		padding-left: 0;
		margin-left: 40px;}
	.raise-dispute-select-account .modal-header{
		padding-bottom: 29px !important;}
	.raise-dispute-select-account.web-modal .modal-cnt{
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px !important;;}
	.web-modal .my-accounts-subpanel > ul > li{
	    margin-bottom: 16px !important;}
    .web-modal .my-accounts-panel-icon, 
	.web-modal .my-accounts-panel-icon svg{
		width: 24px !important;
		height: 24px !important;}
	.profit, 
	.profit p,
	.loss,
	.loss p{
		font-size: 14px;}
	.web-modal .my-accounts-panel.pst-simp.tsp .crt-list > ul > li .menu-header-text .flb{
		font-size: 14px !important;}
	.web-modal .my-accounts-panel.pst-simp.tsp:not(.panel--open){
		border-radius: 24px !important;}
}
@media (max-width: 1050px){
	.web-modal .my-accounts-panel.pst-simp.tsp{
		padding: 14px 20px !important;}
	.account-details-select.web-modal .modal-cnt{
		padding-top: 28px;}
	.web-modal .my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child p{
		font-size: 12px;}
	.account-details-select.web-modal .modal-header,
	.raise-dispute-select-account.web-modal .modal-header{
		margin: 0 32px;}
	.raise-dispute-select-account.web-modal .modal-cnt{
		margin-left: -32px;
		margin-right: -32px;
		padding-left: 32px !important;
		padding-right: 32px !important;}
	.raise-dispute-select-account .modal-header{
		padding-bottom: 25px !important;}
	.raise-dispute-select-account .modal-cnt{
		padding-top: 16px !important;}
	.web-modal .my-accounts-panel.pst-simp.tsp{
		margin-bottom: 16px;}
	.web-modal .menu-header-text{
		padding-left: 12px !important;}
	.web-modal .panel--open.my-accounts-panel.pst-simp.tsp{
		border-radius: 16px !important;}
	.raise-dispute-select-account.web-modal .my-accounts-panel.pst-simp.tsp.panel--open{
		padding-bottom: 20px !important;}
}

@media (max-width: 850px){
	.web-modal .panel--open.my-accounts-panel > .crt-list:first-child{
		padding-bottom: 16px;}
	.web-modal .my-accounts-panel.panel--open{
		padding-top: 16px !important;}
	.web-modal .my-accounts-subpanel.crt-list > ul > li{
		width: 100%;}
}
@media (max-width: 750px){
  .web-modal .my-accounts-subpanel > ul > li > span > span:first-child,
  .web-modal .my-accounts-subpanel > ul > li > span > span:last-child{
    padding: 0 !important;}
	
	.web-modal .my-accounts-panel.pst-simp.tsp{
		padding: 14px 20px !important;
		margin-bottom: 16px;}
  .web-modal .my-accounts-panel.panel--open.pst-simp.tsp{
    padding: 16px 16px 20px 16px !important;} 
	.account-details-select.web-modal .modal-header,
	.raise-dispute-select-account.web-modal .modal-header{
		margin: 0 16px;}
	.web-modal .my-accounts-subpanel > ul > li > span > span:last-child > span > span:first-child label{
	    margin-bottom: 7px;}
	.web-modal .account-amount-col p{
    	font-size: 14px;
    	font-weight: 500;}
    .web-modal .my-accounts-subpanel.crt-list > ul > li{
        padding: 16px 16px 13px !important;
        border-radius: 12px !important;}
    .raise-dispute-select-account .modal-header{
		padding-bottom: 21px !important;}
	.web-modal .my-accounts-panel.pst-simp.tsp .crt-list > ul > li .ett-labl.pri{
		font-size: 10px !important;}
	.raise-dispute-select-account.web-modal .my-accounts-subpanel > ul > li > span > span:last-child > span:not(:first-child){
		padding-left: 12px !important;}
	.web-modal .my-accounts-panel.pst-simp.tsp .crt-list > ul > li .menu-header-text .flb{
		font-size: 14px !important}
	.raise-dispute-select-account.web-modal .modal-cnt{
	    margin-left: -16px;
	    margin-right: -16px;
	    padding-left: 16px !important;
	    padding-right: 16px !important;}
}

/* Pay anyone styles */
.pay-anyone-page .srb.pri,
.pay-anyone-page .ett-labl.pri,
.pay-anyone-page .ett-para.pri{
  line-height: 1 !important;}
.pay-anyone-page .web-select{
  display: flex;
  align-items: center;}
.pay-anyone-page .raise-dispute-form > .srb.pri:first-child .web-select{
  margin-top: 12px;}
.web-info-panel{
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    padding: 20px 16px;
    display: flex;
    align-items: center;}
.web-info-panel > span:first-child{
    width: auto;
    padding-right: 12px;	
    align-self: flex-start;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(3) .ett-bttn.ter{
  width: auto;
  padding-left: 20px;
  padding-right: 32px;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2){
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 47px 28px 14px 28px;
  margin-top: 28px;
  margin-bottom: 28px;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child{
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  margin-top: 28px;
  padding: 14px 24px 14px 10px;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:last-child{
  height: 56px;
  border-radius: 31px;
  background: #f6f6f6;
  padding: 0 24px;
  display: flex;
  align-items: center;
  font-size: 16px;}
.web-info-panel .ett-labl.pri{
  font-size: 16px !important;}
.web-info-panel .flb.icl > .ett-icon{
  margin-right: 12px !important;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2) > span > .srb.pri:last-child{
  margin-top: 55px !important;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2) > span > .srb.pri:last-child .srb.pri:last-child{
  margin-top: 12px;
  font-size: 12px;}
.pay-anyone-page .raise-dispute-form > .srb.pri:last-child > span:first-child{
  padding-top: 23px;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2){
  align-items: flex-start;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:first-child{
  padding-top: 19px;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child > span > .srb.pri{
	display: flex;
	align-items: center;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(3) .ett-bttn.ter svg{
	margin-right: 8px;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(3) .ett-bttn.ter span{
	position: relative;
	top: 1px;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child > span > .srb.pri > span:first-child{
    width: auto;
    margin-right: 16px;}
.pay-anyone-page .schedule-payment-row{
    border-radius: 31px;
    height: 56px;
    display: flex;
    align-items: center;}
.pay-anyone-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:first-child .ett-labl.pri{
	font-size: 12px;
	color: #575757;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2) > span > .srb.pri:first-child > span > .srb.pri:last-child .ett-para.pri{
	font-size: 12px;
	margin-top: 14px;
	display: block;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child{
	background: #fff;
    border: 1px solid #e8e8e8;
    height: auto;
    border-radius: 12px;
    padding: 28px;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:first-child > span:first-child .ett-para.pri{
	font-weight: 700;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:first-child{
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
    padding-bottom: 20px;
    height: auto;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:not(:last-child),
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:last-child{
	margin-top: 24px !important;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:first-child{
	margin-top: 28px !important;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child .flb{
	font-size: 16px !important;
	color: #575757;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) .web-select p.ett-para.new-payee-label.pri{
	position: relative;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) .web-select p.ett-para.new-payee-label.pri::before{
	position: absolute;
	content: "New payee";
	left: calc(100% + 16px);
	top: -2px;
	background: #fff;
	width: 84px;
	height: 24px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #1F7F34;
	border: 1px solid #1F7F34;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child .ett-para.pri{
	font-size: 14px;
	color: #575757;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child ul:last-child{
	margin-left: 5px !important;
	display: block;}
.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child > span > .srb.pri > span:nth-child(2) > .srb.pri > span:first-child{
	margin-right: 28px;}
.pay-anyone-select-account-modal.raise-dispute-select-account.web-modal .my-accounts-panel > .crt-list:first-child li > span:nth-last-child(2){
	margin-left: auto;}
.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:last-child > span:first-child{
	width: 100%;}
.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:last-child > span:first-child> .srb.pri{
	display: flex;}
.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:last-child > span:first-child > .srb.pri > span:first-child{
	width: 208px;
	flex-grow: 0;}

/* Pay anyone modal styles */

.pay-anyone-status-modal .web-modal-footer ul:first-child button.ett-bttn{
    padding-left: 32px;
    padding-right: 32px;
    width: auto;}
.pay-anyone-status-modal .crt-form > .srb.pri:nth-child(n+2){
	display: flex;}
.pay-anyone-status-modal .crt-form > .srb.pri:nth-child(n+2) > span:first-child{
	width: 208px;}
.pay-anyone-status-modal .crt-form > .srb.pri:nth-child(n+2) > span:first-child .ett-labl.pri{
	color: #575757;}
.pay-anyone-status-modal .srb.pri,
.pay-anyone-status-modal .ett-labl.pri,
.pay-anyone-status-modal .ett-para.pri{
	line-height: 1 !important;}
.pay-anyone-status-modal.status-modal.web-modal .crt-form > .srb.pri:first-child{
	padding-top: 33px;
	padding-bottom: 29px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 32px;}
.pay-anyone-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(:first-child):not(:last-child){
	margin-bottom: 20px;}
.pay-anyone-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(:first-child) > span:last-child p{
    line-height: 1.4 !important;}
.pay-anyone-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(:first-child):not(:last-child) > span:first-child{
	vertical-align: top;}
.pay-anyone-status-modal.status-modal.web-modal .crt-form > .srb.pri:first-child ul{
	margin-right: 5px;}
.modal.confirmation-popup.pay-anyone-confirmation .modal-header{
	padding: 0;
	padding-bottom: 33px !important;
	border-bottom: 1px solid #e8e8e8;}
.pay-anyone-confirmation .crt-form > .srb.pri:nth-child(n+4){
	display: flex;}
.pay-anyone-confirmation .crt-form > .srb.pri:nth-child(n+4) > span:first-child, 
.paybill-edit-confirmation .crt-form > .srb.pri:nth-child(n+3) > span:first-child{
	width: 208px !important;}
.pay-anyone-confirmation .crt-form > .srb.pri:nth-child(n+4) > span:first-child .ett-labl.pri{
	line-height: 1.5;}
.web-modal.confirmation-popup.pay-anyone-confirmation .web-info-panel label{
    line-height: 1.5 !important;
    color: #212121 !important;}
.pay-anyone-confirmation .web-info-panel > span:first-child{
	padding-right: 0;}
.modal.confirmation-popup.pay-anyone-confirmation .modal-window{
	background: #fff !important;}
.modal.confirmation-popup.pay-anyone-confirmation .confirmation-amnt-field{
    margin-left: -50px;
    width: 576px;
    margin-top: 29px;}
.modal.confirmation-popup.pay-anyone-confirmation .confirmation-amnt-field > span{
	padding: 0 50px !important;
	height: 89px;}
.modal.confirmation-popup.pay-anyone-confirmation .confirmation-amnt-field .ett-para.pri{
	font-size: 28px !important;}
.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)){
	margin-bottom: 17px;}
.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)) > span:first-child{
	vertical-align: top;}
.pay-anyone-confirmation .web-info-panel ul:first-child{
	align-self: flex-start;
	padding-right: 12px;}
.select-payee-modal.web-modal .modal-header{
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 31px !important;}
.select-payee-modal .modal-cnt{
    margin-left: -50px;
    margin-right: -42px;
    padding-left: 50px !important;
    padding-right: 42px !important;}
.select-payee-modal .crt-form.select-payee-form > .srb.pri:first-child > span:first-child{
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;}
.select-payee-modal .crt-form.select-payee-form > .srb.pri:first-child > span:last-child{
	position: absolute;
	right: 0;
	top: 10px;}
.select-payee-modal .crt-list > ul > li{
	background: #fff;
	height: 68px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);
	padding-left: 14px;
	padding-right: 28px;
	margin-bottom: 24px;
	font-size: 16px;}
.select-payee-modal .crt-list > ul > li .ett-rdio > span:last-child{
	display: none;}
.select-payee-modal .crt-list > ul > li .ett-rdio > span{
	margin: 0;}
.select-payee-modal .crt-list > ul > li.active{
	border: 1px solid #005587;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);}
.select-payee-modal .crt-list .srb.pri,
.select-payee-modal .crt-list .ett-labl.pri,
.select-payee-modal .crt-list .ett-para.pri,{
	line-height: 1 !important;}
.select-payee-modal .crt-list{
	margin-top: 87px;}
.select-payee-modal .crt-list > ul > li > span:nth-child(2) > .srb.pri:not(:first-child){
    font-size: 12px;
    color: #575757;
    margin-top: 12px;}
.select-payee-modal .crt-list > ul > li > span:nth-child(2){
	padding-left: 3px;}
.select-payee-modal .crt-list > ul > li > span:nth-child(2) > .srb.pri:first-child .ett-para.pri{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;}
@media (max-width: 1800px){
	.select-payee-modal .modal-cnt{
	    margin-left: -40px;
	    margin-right: -32px;
	    padding-left: 40px !important;
	    padding-right: 32px !important;}
}
@media (max-width: 1050px){
	.select-payee-modal .modal-cnt{
	    margin-left: -32px;
	    margin-right: -24px;
	    padding-left: 32px !important;
	    padding-right: 24px !important;}
}
@media (max-width: 750px){
	.select-payee-modal .modal-cnt{
	    margin-left: -16px;
	    margin-right: -12px;
	    padding-left: 16px !important;
	    padding-right: 12px !important;}
}

/* select transaction modal responsive styles */

@media (max-width: 1800px){
	.select-transaction-modal .modal-cnt{
		padding-top: 32px;}
	.select-transaction-info-panel{
		padding: 20px 16px 17px 16px;}
	.select-transaction-info-panel .ett-labl.pri{
		font-size: 14px !important;}
	.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child .ett-labl.pri,
	.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child .ett-para.pri{
		font-size: 14px !important;}
	.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child{
		height: 56px;
		padding-left: 10px;
		padding-right: 26px;}
}

@media (max-width: 1050px){
	.select-transaction-modal.web-modal .modal-header{
		padding: 0;
		margin: 0 32px;}
	.select-transaction-modal .modal-cnt{
		padding-top: 28px;}
	.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child > span:nth-child(3) p{
		margin-left: -15px;}
	.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child > span:nth-child(2){
		padding-right: 20px;}
}
@media (max-width: 750px){
	.select-transaction-modal.web-modal .modal-header{
		padding: 0;
		margin: 0 16px;}
	.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:first-child{
		font-size: 10px;
		padding-bottom: 10px;
		margin-bottom: 20px;}
	.select-transaction-info-panel{
		margin-bottom: 20px}
	.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri.active:last-child{
		margin-bottom: 19px;}
	.select-transaction-list.crt-list > ul.pri > li > span > .srb.pri:last-child > span:nth-child(3) p{
		margin-left: -12px;}
}


/* transaction details modal responsive styles */

@media (max-width: 1800px){
	.transaction-det-header{
		width: 480px;
		padding-top: 24px;
		padding-bottom: 21px;
		margin-bottom: 36px !important;
		padding-left: 40px;
		left: -40px;}
	.transaction-det-header > span > .srb.pri > span:nth-child(2) .srb.pri:first-child p.ett-para.pri{
		font-size: 16px;}
	.transaction-det-header > span > .srb.pri > span:nth-child(2){
		padding-left: 31px;}
	.transaction-det-header > span > .srb.pri > span:last-child p.ett-para.pri{
		height: 44px;
		width: 98px;
		position: relative;
		left: -70px;
		font-size: 16px !important;}
	.transaction-details-modal.web-modal .modal-header{
		margin: 0 40px;}
	.transaction-det-header > span > .srb.pri > span:nth-child(2) > .srb.pri:last-child .ett-para.pri{
		font-size: 12px !important;}
	.transaction-details-modal .ett-labl.pri,
	.transaction-details-modal .ett-para.pri{
		font-size: 14px !important;}
	.transaction-details-modal .crt-form > .srb.pri, .transaction-details-modal .crt-form > .srb.pri > span > .srb.pri{
		margin-bottom: 21px;}
	.view-shopping-requests-row button.ett-bttn{
		font-size: 14px;}
	.transaction-det-header svg{
		width: 56px;
		height: 56px;}
	.web-hyperlink a{
		font-size: 14px !important;}
	.web-modal .post-add-image svg{
    	width: 20px;
    	height: 20px;}
}
@media (max-width: 1050px){
	.transaction-details-modal.web-modal .modal-header{
		padding: 0;
		margin: 0 32px;}
	.transaction-det-header > span > .srb.pri > span:nth-child(2){
		padding-left: 17px !important;}
	.transaction-det-header{
		padding-left: 32px;
		left: -32px;
		width: 450px;}
	.transaction-details-modal.web-modal .modal-cnt{
		padding-top: 28px;}
	.view-shopping-requests-row{
		top: 6px;}
}
@media (max-width: 750px){
	.transaction-details-modal.web-modal .modal-header{
		margin: 0 16px;}
	.transaction-det-header{
		width: 375px;
		left: -16px;
		padding-left: 16px;
		padding: 20px 16px;
		margin-bottom: 28px !important;}
	.transaction-det-header svg{
		width: 48px;
		height: 48px;}
	.transaction-details-modal.web-modal .modal-cnt{
		padding-top: 24px;}
	.transaction-det-header > span > .srb.pri > span:last-child p.ett-para.pri{
		left: -52px;}
	.view-shopping-requests-row{
		padding-top: 20px;}
}

/* debit card request responsive styles */

@media (max-width: 1800px){
    .web-footer .srb.eoc{
        padding-right: 28px;}
	.debit-card-req-confirm > div > .grb:last-child > div:first-child img{
		width: 270px;}
	.debit-card-request-page .web-panel > div > .grb:first-child{
	 padding-bottom: 25px;
	 margin-bottom: 32px;}
	.debit-card-req-confirm > div > .grb .crt-form > .srb.pri .ett-para.pri{
		font-size: 14px;}
	.debit-card-req-confirm > div > .grb .crt-form > .srb.pri{
		margin-bottom: 25px;}
	.debit-card-req-confirm > div > .grb:last-child{
		padding-bottom: 32px;
		margin-bottom: 32px;}
	.debit-card-request-page .web-panel > div > .grb:nth-child(3) .crt-form > .srb.pri{
		padding-bottom: 21px;}
	.debit-card-request-page .ett-slct.ter{
		width: 270px !important;}
	.debit-card-request-page .web-panel > div > .grb:nth-child(5) .crt-form > .srb.pri:first-child .ett-labl.pri, .debit-card-request-page .web-panel > div > .grb:nth-child(6) .crt-form > .srb.pri:first-child .ett-labl.pri{
		padding-top: 31px !important;
		padding-bottom: 21px;
		font-size: 14px;
		font-weight: 500;}
	.debit-card-req-confirm > div > .grb:last-child .crt-list > ul > li:first-child{
		margin-bottom: 28px;
		font-size: 14px;}
	.debit-card-request-page .web-panel > div > .grb:first-child .crt-form > .srb.pri > span ul:last-child p.ett-para.pri{
		font-size: 14px;}
	.debit-card-request-page .web-panel > div > .grb:first-child .crt-form ul:first-child{
		padding-right: 20px;}
	.debit-card-request-page .web-close-accounts-row .web-dropdown .ett-slct.ter .sub-elt{
	    padding-top: 9px;}
	.debit-card-request-page .web-panel > div > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child  ul:first-child .ett-labl.pri{
		left: 16px;}
}
@media (max-width: 1050px){
	.debit-card-request-page .web-panel{
		padding: 16px 24px 24px !important;}
	.debit-card-request-page .web-panel > div > .grb:first-child .crt-form > .srb.pri > span ul:last-child p.ett-para.pri,
	.debit-card-request-page .web-panel > div > .grb:first-child .ett-labl.pri{
		font-size: 11px;}
	.debit-card-request-page .web-panel > div > .grb:first-child{
		padding-bottom: 21px !important;
		margin-bottom: 26px;}
	.debit-card-req-confirm > div > .grb .crt-form > .srb.pri .ett-para.pri{
		font-size: 11px !important;}
	.debit-card-req-confirm > div > .grb .crt-form > .srb.pri{
		margin-bottom: 21px;}
	.debit-card-req-confirm > div > .grb:last-child > div:first-child img{
		width: 236px;}
	.debit-card-req-confirm > div > .grb:last-child{
		padding-bottom: 28px;
		margin-bottom: 24px;}
	.debit-card-request-page .ett-slct.ter{
		width: 236px !important;}
	.debit-card-request-page .web-panel > div > .grb:nth-child(5) .crt-form > .srb.pri:first-child .ett-labl.pri, .debit-card-request-page .web-panel > div > .grb:nth-child(6) .crt-form > .srb.pri:first-child .ett-labl.pri{
		padding-bottom: 15px;}
	.debit-card-req-confirm > div > .grb:last-child .crt-list > ul > li:first-child{
		font-size: 11px;
		margin-bottom: 24px;}
	.debit-card-request-page .web-panel > div > .grb:nth-child(3) .crt-form > .srb.pri{
		padding-bottom: 17px;}
	.debit-card-request-page .web-panel > div > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child  ul:first-child .ett-labl.pri{
		left: 12px;}
}
@media (max-width: 850px){
	.debit-card-request-page .web-panel{
		padding: 25px 24px 21px !important;}
	.debit-card-req-confirm > div > .grb:last-child > div:first-child img,
	.debit-card-request-page .ett-slct.ter{
		width: 198px !important;}
	.debit-card-req-confirm > div > .grb:last-child .crt-list > ul > li:first-child{
		margin-bottom: 24px;}
	.debit-card-request-page .web-close-accounts-row .web-dropdown .ett-slct.ter .sub-elt{
        padding-right: 30px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
	    color: #212121;
	}
}
@media (max-width: 750px){
    .debit-card-request-modal.web-modal.modal.in .modal-window{
        padding-top: 41px !important;}
	.debit-card-request-page .web-panel{
		padding: 21px 16px !important;}
	.debit-card-request-page .web-panel > div > .grb:first-child .crt-form > .srb.pri > span ul:last-child p.ett-para.pri, 
	.debit-card-request-page .web-panel > div > .grb:first-child .ett-labl.pri{
		font-size: 14px;}
	.debit-card-request-page .web-panel > div > .grb:first-child .crt-form ul:first-child,
	.debit-card-request-page .web-panel > div > .grb:first-child .crt-form .srb.pri > span:last-child ul:first-child{
		padding-right: 15px;}
	.debit-card-request-page .web-panel > div > .grb:first-child{
		padding-bottom: 17px !important;
		margin-bottom: 24px;}
	.debit-card-req-confirm > div > .grb .crt-form > .srb.pri .ett-para.pri{
		font-size: 14px !important;}
	.debit-card-req-confirm > div > .grb .crt-form > .srb.pri{
		margin-bottom: 17px;}
	.debit-card-req-confirm > div > .grb:last-child > div{
		width: 100%;}
	.debit-card-req-confirm > div > .grb:last-child > div:first-child img, .debit-card-request-page .ett-slct.ter{
		width: 100% !important;}
	.debit-card-req-confirm > div > .grb:last-child .crt-list > ul > li:first-child{
		font-size: 14px;}
	.debit-card-req-confirm > div > .grb .crt-form > .srb.pri > span:last-child, 
	.debit-card-req-confirm > div > .grb:last-child > div:last-child{
		padding-left: 0;}
	.debit-card-req-confirm > div > .grb:last-child > div:last-child{
		margin-top: 24px;}
	.debit-card-req-confirm > div > .grb:last-child .crt-list > ul > li:first-child{
		margin-bottom: 20px;}
	.debit-card-req-confirm > div > .grb:last-child{
		padding-bottom: 20px;
		margin-bottom: 20px;}
	.debit-card-request-page .select-branch-drpdwn .crt-form > .srb.pri > span{
		display: inline-block;
		width: 100%;}
	.debit-card-request-page .web-panel > div > .grb:nth-child(3) .crt-form > .srb.pri{
		padding-bottom: 17px;}
	.debit-card-request-page .text--small label.ett-labl.pri, 
	.debit-card-request-page .text--small p.ett-para.pri{
		font-size: 10px !important;}
	.debit-card-request-page .web-panel > div > .grb.select-branch-drpdwn:nth-child(4) .crt-form > .srb.pri > span:last-child{
		margin-top: 44px;}
	.debit-card-request-page .web-panel > div > .grb:nth-child(5) .crt-form > .srb.pri:first-child .ett-labl.pri, 
	.debit-card-request-page .web-panel > div > .grb:nth-child(6) .crt-form > .srb.pri:first-child .ett-labl.pri{
		padding-top: 32px;}
	.debit-card-request-page .web-panel > div > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child  ul:first-child .ett-labl.pri{
		left: 0;}
}

/* debit card request modal responsive styles */

@media (max-width: 1800px){
    .web-footer{
        z-index: 1000;}
	.debit-card-request-modal.web-modal .modal-cnt.web-modal .modal-cnt{
		padding-top: 32px;}
	.debit-card-request-modal.web-modal .modal-cnt .grb:first-child:not(:last-child){
		padding-top: 32px;
		padding-bottom: 25px;
		margin-bottom: 32px;}
	.debit-card-request-modal.web-modal .modal-window .srb.pri, 
	.debit-card-request-modal.web-modal .modal-window .ett-labl.pri, 
	.debit-card-request-modal.web-modal .modal-window .ett-para.pri{
		font-size: 14px;}
	.debit-card-request-modal.web-modal img{
		margin-bottom: 42px;}
	.debit-card-request-modal.web-modal .modal-cnt .grb:nth-child(3) .crt-form > .srb.pri:first-child{
		margin-bottom: 21px;}
}
@media (max-width: 1050px){
    .web-footer .srb.eoc{
        padding-right: 24px;}
	.debit-card-request-modal.web-modal .modal-header{
		padding: 0;}
	.debit-card-request-modal.web-modal .modal-cnt .grb:first-child:not(:last-child){
		margin-bottom: 28px;}
	.debit-card-request-modal.web-modal img{
		margin-bottom: 35px;}
	.web-modal-footer ul:last-child:not(:first-child){
	    padding-left: 24px;}
}
@media (max-width: 750px){
	.debit-card-request-modal.web-modal .modal-cnt .grb:first-child:not(:last-child){
		padding-top: 24px;
		padding-bottom: 20px;
		margin-bottom: 24px;}
	.debit-card-request-modal.web-modal img{
		margin-bottom: 34px;}
	.debit-card-request-modal.web-modal .modal-cnt .grb:nth-child(3) .crt-form > .srb.pri:first-child{
		margin-bottom: 17px;}
	.web-footer > span{
	    gap:20px;
	}
	.web-footer > span > ul{
        /*flex: 50%;*/
        padding-right: 21px !important;}
    .web-footer > span > ul:last-child{
    	padding-right: 0 !important;}
    /*.web-footer > span > ul button{*/
    /*	width: 100% !important;}*/
}

/* Repayment responsive styles */

@media (max-width: 1800px){
    .repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:last-child > span > .srb.pri:last-child{
		margin-bottom: 12px;}
	.repayment-page .crt-form.hor.pri .web-page-heading label.flb{
    	margin-bottom: 25px;}
	.repayment-panel.change-repayment.web-panel{
		padding-left: 28px !important;}
	.repayment-panel ul:first-child:not(:last-child) .ett-labl.pri{
		font-size: 12px !important;}
	.repayment-panel ul:last-child p.ett-para.pri,
	.change-repayment .crt-form > .srb.pri:first-child .ett-labl.pri,
	.repayment-panel .repayment-amount-row ul:first-child:not(:last-child) .ett-labl.pri,
	.repayment-panel .repayment-amount-row ul:first-child:not(:last-child) .ett-labl.pri,
	.ett-inpt.ter{
		font-size: 14px !important;}
	.repayment-panel.web-panel .crt-form > .srb.pri .srb.pri{
		margin-bottom: 36px;}
	.web-panel.repayment-panel{
		margin-bottom: 36px;}
	.repayment-panel.web-panel.change-repayment.panel--open{
		padding: 24px 28px 34px !important;}
	.change-repayment .crt-form > .srb.pri:nth-child(2){
		padding-top: 28px;}
	.change-repayment.repayment-panel.web-panel .crt-form > .srb.pri:last-child .srb.pri:nth-child(2){
		margin-bottom: 28px;}
	.select-frequency-row{
		padding-top: 28px !important;
		padding-bottom: 28px;
		margin-bottom: 28px !important;}	
	.repayment-panel .repayment-amount-row ul:first-child:not(:last-child) .ett-labl.pri{
		margin-bottom: 42px !important;}
}

@media (max-width: 1050px){
    .repayment-page .crt-form.hor.pri .web-page-heading label.flb{
    	margin-bottom: 21px;}
	.web-panel.repayment-panel{
		padding: 25px 24px 28px !important;
		margin-bottom: 32px;}
	.repayment-panel.web-panel .crt-form > .srb.pri .srb.pri{
		margin-bottom: 32px;}
	.repayment-panel.web-panel.change-repayment.panel--open{
		padding: 20px 24px !important;}
	.change-repayment .crt-form > .srb.pri:nth-child(2){
		margin-top: 17px !important;
		padding-top: 21px;}
	.change-repayment.repayment-panel.web-panel .crt-form > .srb.pri:last-child .srb.pri:nth-child(2){
		margin-bottom: 24px;}
	.select-frequency-row{
		padding-top: 24px !important;
		padding-bottom: 24px;
		margin-bottom: 24px !important;}
	.web-close-accounts-row .repayment-panel .web-select{
		width: 100% !important;}
	.repayment-panel ul:last-child p.ett-para.pri{
		margin-top: 26px;}
	.repayment-panel .repayment-amount-row ul:first-child:not(:last-child) .ett-labl.pri{
        margin-bottom: 35px !important;}
}

@media (max-width: 750px){
    .repayment-panel.web-panel .crt-form > .srb.pri .srb.pri{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 28px;}
    .repayment-panel.change-repayment.web-panel{
		padding: 16px !important;}
	.repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:last-child > span > .srb.pri:first-child > span:last-child{
		margin-top: 25px;}
	.repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:last-child > span > .srb.pri:nth-child(2){
		display: flex;
		flex-direction: row-reverse;}
	.repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:last-child > span > .srb.pri:nth-child(2) > span{
		flex: 1;}
	.repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:last-child > span > .srb.pri:nth-child(2) > span:first-child{
		margin-top: -79px;}
	.repayment-panel.change-repayment.web-panel .select-frequency-row{
		padding-top: 21px !important;}
	.repayment-panel.change-repayment.web-panel .select-frequency-row > span > ul:first-child .ett-para.pri{
		font-size: 10px !important;}
	.change-repayment.repayment-panel.web-panel .crt-form > .srb.pri:last-child .srb.pri:nth-child(2){
		margin-top: 22px !important;}
    .repayment-page .crt-form.hor.pri .web-page-heading label.flb{
    	margin-bottom: 17px;}
	.repayment-panel.web-panel:nth-child(2) .crt-form > .srb.pri .srb.pri > span,
	.repayment-panel.web-panel:nth-child(2) .crt-form > .srb.pri:last-child > span,
	.repayment-panel.web-panel.change-repayment .crt-form > .srb.pri .srb.pri:first-child > span,
	.repayment-panel.web-panel.change-repayment.panel--open .crt-form .srb.pri:nth-child(2):not(:last-child) > span{
		width: 50%;}
	.repayment-panel.web-panel:nth-child(2) .crt-form > .srb.pri .srb.pri > span:last-child,
	.repayment-panel.web-panel.change-repayment.panel--open .crt-form > .srb.pri:last-child > span > .srb.pri:first-child > span:last-child{
		margin-top: 28px;}
	.repayment-panel.web-panel .crt-form > .srb.pri:last-child,
	.repayment-panel.web-panel.change-repayment.panel--open .crt-form .srb.pri:nth-child(2):not(:last-child){
		display: flex;
		/*flex-direction: row-reverse;repay-changes*/
	    flex-wrap: wrap;
	}
	.repayment-panel.web-panel:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child,
	.repayment-panel.web-panel.change-repayment.panel--open .crt-form .srb.pri:nth-child(2):not(:last-child) > span:first-child{
		margin-top: -78px;}
	.web-panel.repayment-panel{
		padding: 24px 16px !important;
		margin-bottom: 20px;}
	.repayment-panel.web-panel.change-repayment.panel--open{
		padding: 16px !important;}
	.repayment-panel ul:last-child p.ett-para.pri{
		margin-top: 22px;}
	.change-repayment .crt-form > .srb.pri:first-child .ett-labl.pri{
		font-size: 16px !important;
		position: relative;
		top: 3px;}
	.change-repayment .crt-form > .srb.pri:nth-child(2){
		margin-top: 13px !important;}
	.repayment-panel .repayment-amount-row ul:first-child:not(:last-child) .ett-labl.pri{
		margin-bottom: 35px !important;}
	.repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:last-child > span > .srb.pri:nth-child(2) > span:nth-child(2) .ett-labl.pri{
		width: 65%;
		word-wrap: break-word;
		display: block;
		line-height: 1.5 !important;
		margin-top: -6px;}
	.repayment-panel.web-panel .crt-form > .srb.pri .srb.pri.select-frequency-row{
		 margin-bottom: 28px !important;}
}


/* Raise Hardship Request styles */

.raise-hardship-request-page .srb.pri,
.raise-hardship-request-page .ett-labl.pri,
.raise-hardship-request-page .ett-para.pri{
	line-height: 1 !important;}
.raise-hardship-request-page .crt-form.hor.pri .web-page-heading label.flb{
    margin-bottom: 26px !important;
    line-height: 1.5 !important;}
.raise-hardship-request-page .web-info-panel{
    display: flex;
    width: 605px !important;
    margin-bottom: 36px;
    padding: 20px 20px 14px;
    line-height: 1.5 !important;
    border-radius: 16px;}
.raise-hardship-request-page .web-info-panel > span:first-child{
    vertical-align: top;
    align-self: flex-start;
    padding-right: 0;
    width: 36px !important;
    flex-shrink: 0;}
.raise-hardship-request-page .web-info-panel > span:last-child{
  width: auto !important;}
.raise-hardship-request-page .web-panel{
	padding: 57px 32px 32px !important;
	width: 605px;}
.raise-hardship-request-page .web-info-panel .ett-labl.pri{
	line-height: 1.3 !important;}
.raise-hardship-request-page .web-panel .crt-form > .srb.pri:not(:first-child){
	margin-top: 67px;}
.datepicker .ett-bttn.tsp > .ett-icon{
    display: none;}
.raise-hardship-request-page .web-panel .crt-form > .srb.pri.browse-upload-panel:not(:first-child){
	padding: 10px;
	background: #f6f6f6;
	border-radius: 8px;
	margin-top: 50px;
	cursor: pointer;}
.browse-upload-panel .ett-hypl.pri{
	font-size: 16px;
	color: #212121;
	position: relative;
	top: 0px;}
.browse-upload-panel .ett-hypl.pri:focus{
    outline: none;
    text-decoration: none;}
.browse-upload-panel .ett-hypl.icl > svg{
	margin-right: 20px;
	width: 36px;
	height: 36px;}
.browse-upload-panel .ett-hypl.icl > svg + span{
    position: relative;
    top: 3px;}
.raise-hardship-request-page .web-panel .crt-form > .srb.pri:last-child:not(:first-child){
	margin-top: 17px;}
.raise-hardship-request-page .web-panel .crt-form > .srb.pri:nth-child(2){
	margin-top: 47px;}
.raise-hardship-request-page .web-panel .crt-form > .srb.pri:last-child:not(:first-child) .ett-labl.pri{
	color: #575757;
	font-size: 14px;}
.browse-upload-panel.is-error{
    position: relative;
	background: #fff !important;
	border: 1px solid #E01010;
	padding-top: 9px;
	padding-bottom: 6px;}
.browse-upload-panel.is-error::before{
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-browse-upload-error.svg');
    width: 36px;
    height: 36px;
    z-index: 200;}
.browse-upload-panel.is-uploading{
	position: relative;}
.browse-upload-panel.is-uploading .ett-hypl{
	z-index: 1000;}
.browse-upload-panel.is-uploading::before{
	content: '';
	position: absolute;
	right: 24px;
	top: 16px;
	width: 24px;
	height: 24px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-cancel-upload.svg');}
.progressbar{
	display: none;}
.browse-upload-panel.is-uploading .progressbar{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 45%;
    height: 56px;
    transition: width 0.2s linear;
    background: #CAE6D3;
    border-radius: 8px 0 0 8px;}
.browse-upload-panel.is-uploaded .progressbar{
	border-radius: 8px;}
.raise-hardship-request-page .web-panel .crt-list{
	margin-top: 28px;}
.raise-hardship-request-page .web-panel .crt-list > ul > li{
    background: #f6f6f6;
    height: auto;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding-left: 10px;
    margin-bottom: 28px;
    padding-right: 24px;
    min-height:56px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.raise-hardship-request-page .web-panel .crt-list > ul > li:last-child{
    margin-bottom: 0;}
.raise-hardship-request-page .web-panel .crt-list > ul > li > span:first-child{
	width: 52px;
	flex-shrink: 0;
	display: block;}
.raise-hardship-request-page .web-panel .crt-list > ul > li > span:nth-child(2) .ett-para.pri{
	font-weight: 500;}
.raise-hardship-request-page .web-panel .crt-list > ul > li > span:last-child{
	width: 52px;}
.raise-hardship-request-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
    padding-top: 31px;
    padding-bottom: 26px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 32px;}
.raise-hardship-request-status-modal.status-modal.web-modal svg{
	margin-top: 47px;
    transform: translateY(-20px);
}

/* quicklinks modal styles */

.quicklinks-modal .srb.pri,
.quicklinks-modal .ett-labl.pri,
.quicklinks-modal .ett-para.pri{
	line-height: 1 !important;}
.quicklinks-modal .web-info-panel{
	background: #fff;
	padding-bottom: 16px;}
.quicklinks-modal ul.modal-header{
	padding-bottom: 35px !important;
	border-bottom: 1px solid #e8e8e8;}
.quicklinks-modal .crt-form:nth-child(2){
	margin-top: 52px;
	margin-bottom: 37px;}
.quicklinks-modal .crt-form:nth-child(2) .ett-labl.pri{
	font-size: 16px;
    font-weight: 500;}
.quicklinks-modal .crt-list > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between}
.quicklinks-modal .crt-list > ul > li{
	width: 218px;
	height: 48px;
	background:#fff;
	border-radius: 24px;
	text-align: center;
	display: flex;
	align-items: center;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	margin-bottom: 32px;
	font-size: 16px;
	color: #212121;}
.quicklinks-modal .crt-list > ul > li .ett-para.pri{
	font-weight: 500;}
.quicklinks-modal .crt-list > ul> li.active{
	position: relative;
	border: 1px solid #005587;
	color: #212121;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);}
.quicklinks-modal .crt-list > ul> li.active::before{
	position: absolute;
	content: '';
	top: 12px;
	left: 19.5px;
	width: 24px;
	height: 24px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-tick.svg');}
.quicklinks-modal .crt-list > ul > li.disabled{
	color: #9E9E9E;
	pointer-events: none;}
.quicklinks-modal .web-info-panel .ett-labl.pri{
	line-height: 1.5 !important}

/* manage quicklinks modal resposnive styles */

@media (max-width: 1800px){
	.quicklinks-modal.web-modal ul.modal-header{
		margin: 0 40px;
		padding-bottom: 32px;}
	.quicklinks-modal.web-modal .modal-cnt{
		padding-top: 32px;}
	.quicklinks-modal.web-modal .web-info-panel .ett-labl.pri{
		font-size: 14px !important;}
	.quicklinks-modal .web-info-panel{
		padding-right: 50px;
		padding-bottom: 18px;}
	.quicklinks-modal .crt-form:nth-child(2){
		margin-top: 40px;
		margin-bottom: 30px;}
	.quicklinks-modal .crt-form:nth-child(2) .ett-labl.pri{
		font-size: 14px;}
	.quicklinks-modal .crt-list > ul > li{
		width: 188px;
		height: 40px;
		margin-bottom: 28px;
		font-size: 14px;}
	.quicklinks-modal .crt-list > ul > li.active::before{
		top: 8px;
		left: 16px;}
}
@media (max-width: 1050px){
	.quicklinks-modal.web-modal ul.modal-header{
		padding: 0;
		margin: 0 32px;
		padding-bottom: 24px !important;}
	.web-modal .modal-header .ett-bttn.med::before{
		top: -4px;}
	.quicklinks-modal .crt-form:nth-child(2){
		margin-top: 36px;}
	.quicklinks-modal .crt-list > ul > li{
		width: 181px;}
	.quicklinks-modal .crt-list > ul > li.active::before{
		left: 12px;}
}
@media (max-width: 750px){
	.quicklinks-modal.web-modal ul.modal-header{
		margin: 0 16px;
		padding-bottom: 20px !important;}
	.quicklinks-modal.web-modal .modal-cnt{
		padding-top: 24px;}
	.quicklinks-modal.web-modal .web-info-panel{
		padding: 16px 38px 16px 16px !important;}
	.quicklinks-modal .crt-form:nth-child(2){
		margin-top: 28px;
		margin-bottom: 25px;}
	.quicklinks-modal .crt-list > ul > li{
		width: 161px;
		margin-bottom: 16px;}
}

/* maturity instruction responsive styles */

@media (max-width: 1800px){
    .maturity-instruction-panel{
        padding: 28px !important;
        width: 628px;}
    .maturity-instruction-panel > span ul:first-child label{
        font-size: 12px !important;}
    .maturity-instruction-panel > span ul:last-child p,
    .change-maturity-instruction-panel label.ett-labl.pri{
        font-size: 14px !important;}
    .change-maturity-instruction-panel{
        padding: 20px 28px 30px;
        width: 628px;}
    .maturity-instruction-dropdown-row{
        margin-top: 13px;}
    .maturity-instruction-dropdown-row > div .crt-form > .srb.pri > span > ul:last-child{
        margin-bottom: 0px;}
    .maturity-instruction-external-acct-row > div:first-child{
        width: 330px;}
    .maturity-instruction-page .add-external-acc-btn .ett-bttn.ter{
        width: 270px;
        height: 40px;
        padding: 0;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;}
    .change-maturity-instruction-panel{
        margin-bottom: 36px;
        padding-bottom: 13px;}
    .maturity-instruction-dropdown-row > div .crt-form > .srb.pri ul:first-child label{
        top: 53px !important;
        z-index: 3000;}
    .maturity-instruction-panel > span:last-child ul:last-child p{
        font-size: 14px !important;}
    .maturity-instruction-dropdown-row > div .crt-form > .srb.pri > span > ul:first-child{
        top: -26px;}
    .maturity-instruction-dropdown-row > div .crt-form > .srb.pri > span > ul:last-child{
        margin-top: 43px;
        margin-bottom: 17px;} 
}     
@media (max-width: 1050px){
	.maturity-instruction-panel,
	.change-maturity-instruction-panel{
		width: 100%;}
	.maturity-instruction-panel{
		padding: 25px 24px !important;}
	.change-maturity-instruction-panel{
		margin-top: 28px;
		margin-bottom: 32px;
		padding-left: 24px;
		padding-right: 24px;}
	.maturity-instruction-dropdown-row > div .crt-form > .srb.pri ul:first-child label{
		top: 48px !important;}
	.maturity-instruction-dropdown-row > div .crt-form > .srb.pri > span > ul:last-child{
		margin-top: 38px;}
	.maturity-instruction-external-acct-row > div:first-child{
		width: 285px;}
	.maturity-instruction-page .add-external-acc-btn .ett-bttn.ter{
		margin-left: 6px;
		width: 254px;}
	.maturity-instruction-external-acct-row{
		display: flex;
		justify-content: space-between}
	.web-close-accounts-row .web-select{
		padding-left: 20px;}
	.maturity-instruction-dropdown-row{
		margin-top: 15px}
}
@media  (max-width: 850px){
	.maturity-instruction-panel,
	.change-maturity-instruction-panel,
	.maturity-instruction-external-acct-row{
		width: 468px;}
	.maturity-instruction-external-acct-row > div:first-child{
		width: 246px;}
	.maturity-instruction-page .add-external-acc-btn .ett-bttn.ter{
		width: 222px;
		padding-left: 14px;
		padding-right: 14px;}
	.maturity-instruction-page .add-external-acc-btn .ett-bttn.ter span{
	    width: 100%;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;}
}
@media (max-width: 750px){
	.maturity-instruction-panel,
	.change-maturity-instruction-panel,
	.maturity-instruction-external-acct-row{
		width: 100%;}
	.maturity-instruction-panel{
		display: flex;
		flex-wrap: wrap;
		padding: 25px 16px !important;}
	.maturity-instruction-panel > span{
		width: 50%;}
	.maturity-instruction-panel > span:last-child{
		margin-top: 28px;}
	.maturity-instruction-panel > span ul:last-child{
		margin-top: 20px;}
	.change-maturity-instruction-panel{
		margin-top: 16px;
		padding: 16px;
		padding-bottom: 12px;
		margin-bottom: 24px;}
	.maturity-instruction-dropdown-row{
	  flex-direction: column;}
	.maturity-instruction-dropdown-row > div{
		align-self: flex-start;
		width: 100%;}
	.maturity-instruction-dropdown-row > div:last-child{
		padding-left: 0;}
	.maturity-instruction-dropdown-row > div .crt-form > .srb.pri ul:first-child label{
		font-size: 10px !important;
		top: 44px !important;}
	.maturity-instruction-dropdown-row > div .crt-form > .srb.pri > span > ul:last-child{
		margin-top: 33px;
		margin-bottom: 15px;}
	.maturity-instruction-dropdown-row{
		margin-top: 12px}
	.maturity-instruction-dropdown-row > div:last-child .crt-form > .srb.pri > span > ul:last-child{
		margin-bottom: 19px;}
	.maturity-instruction-external-acct-row{
		flex-direction: column;}
	.maturity-instruction-external-acct-row > div:first-child{
		width: 100%;
		margin-bottom: 16px;}
	.maturity-instruction-page .add-external-acc-btn .ett-bttn.ter{
		width: 270px;}
}

/* Two factor authentication responsive styles */

@media (max-width: 1800px){
	.authentication-modal.web-modal .modal-header{
		padding-left: 80px;}
	.authentication-modal.web-modal .modal-header h1{
		position: relative;
		top: 3px;}
	.authentication-row{
        margin-top: 36px;
        padding-top: 27px;
        padding-bottom: 25px;
        margin-bottom: 36px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3){
		margin-top: 28px;
		margin-bottom: 28px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3) > span:first-child svg, 
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) > span:first-child svg{
		width: 40px;
		height: 40px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3) > span:last-child .ett-labl.pri, 
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) > span:last-child .ett-labl.pri{
		left: 16px;}
	.authentication-modal.web-modal .modal-window .crt-form.ver.pri .flb{
		font-size: 14px;}
    .authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(5){
        margin-top: 34px;
        margin-bottom: 44px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:last-child{
		margin-top: 0;
		margin-bottom: 0;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:last-child > span > .srb.pri .ett-labl.pri, .registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(2) .ett-labl.pri, .registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:first-child .ett-labl.pri{
		font-size: 14px;}
	.authentication-modal .modal-window{
		padding: 43px 40px !important;}	
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(2) svg{
		width: 40px;
		height: 40px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(2) > span:first-child{
		padding-right: 16px;}
	.authentication-modal.web-modal .flbl input + svg{
		width: 24px !important;
		height: 24px !important;
		top: calc(100% - 32px);
		position: absolute;
		right: 4px;}
	.authentication-row > span > .srb.pri .ett-para.pri{
		margin-top: 4px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) ul.eoc{
		margin-top: 45px !important;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:last-child input{
		margin-top: 46px;}
	.otp-select-option{
		margin-top: 46px;}
	.otp-select-option > span ul:nth-child(2) label,
	.otp-select-option > span ul:nth-child(3) p{
		font-size: 14px !important;}
	.otp-select-option > span ul:nth-child(3) p{
		padding-left: 40px;}
	.authentication-modal .web-modal-footer{
		padding-top: 24px !important;
		padding-bottom: 32px !important;
		width: 100%;}
}
@media (max-width: 1050px){
	.authentication-modal.web-modal .modal-header{
		padding-left: 72px;}	
	.authentication-row{
        margin-top: 32px;
        padding-top: 24px;
        padding-bottom: 21px;
        margin-bottom: 32px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3){
		margin-top: 28px;}
    .authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(5){
        margin-top: 34px;
        padding: 16px 0 13px 16px;
        margin-bottom: 40px;
        border-radius: 12px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:last-child{
		margin-top: 0;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2){
	    margin-bottom: 45px;}
	.authentication-modal .modal-window{
		padding: 72px 32px !important;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) ul.eoc{
		margin-top: 41px !important;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:last-child input{
		margin-top: 42px;}
	.otp-select-option{
		margin-top: 42px;}
}
@media (max-width: 750px){
	.authentication-modal.web-modal .modal-header{
		padding-left: 56px;}
	.authentication-row{
        margin-top: 28px;
        padding-top: 20px;
        padding-bottom: 17px;
        margin-bottom: 28px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(3){
		margin-top: 28px;}
	.authentication-modal.web-modal .modal-header h1{
		top: 4px;}
	.authentication-modal.web-modal .crt-form.ver.pri .flbl-float .flb{
		font-size: 10px !important;
		color: #575757;}
	.authentication-modal.web-modal .flbl input[type=password]{
		padding-top: 0 !important;
		padding-bottom: 0;}
    .authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(5){
        margin-top: 31px;
        margin-bottom: 36px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:last-child{
		margin-top: 0;}
	.otp-select-option svg{
	  top: -12px;}
	.authentication-modal.web-modal.modal.in .modal-window{
		padding: 36px 16px !important;}
	.authentication-modal .crt-form > .srb.pri > span > .srb.pri:first-child > span > .srb.pri .ett-labl.pri{
		margin-top: 0;}
	.authentication-modal.web-modal .modal-window .crt-form.ver.pri .flb{
		line-height: 1.4;}
	.authentication-modal.web-modal .flbl > li:first-child label{
		top: 15px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:last-child input{
	    margin-top: 35px;}
	.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(4) ul.eoc{
	    margin-top: 28px !important;}
	.otp-select-option{
		margin-top: 35px;}
}

/* Break deposit modal responsive styles */

@media (max-width: 1800px){
	.break-deposit-modal.web-modal .modal-header{
		margin: 0 40px;}
	.break-deposit-modal.web-modal .modal-cnt{
		padding-top: 32px;}
	.break-deposit-modal .break-deposit-data{
		padding: 28px 0;
		padding-bottom: 25px;}   
	.break-deposit-modal .break-deposit-data > span > .srb.pri:not(:last-child){
		margin-bottom: 21px;}
}
/* loader styles */

#apzloader{
    background-color: rgba(0,0,0,0.5) !important;
    opacity: 1 !important;}
#status{
    width: 250px !important;
    height: 250px !important;
    transform: translate(-50%, -50%);
    margin: 0 !important;
    background-size: contain;}

/* Payment dashboard styles */
.web-page{
  padding: 40px 50px;
  height: auto;}
.web-page .dashboard{
  padding: 0;}
.web-page > div{
  height: 100%;}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .tabs-ctr > .acco:nth-child(2) .tabcontent{
	position: static !important;}
.web-page.payments-page > div > .grb:last-child > div:first-child .plt-simp .web-tab.pst-tabs.hor.pri > ul.tabs > li:nth-child(2) svg{
	stroke: #575757;}
.web-page.payments-page > div > .grb:last-child > div:first-child .plt-simp .web-tab.pst-tabs.hor.pri > ul.tabs > li.current:nth-child(2) svg{
	stroke: #212121;}
.web-page > div > .grb:last-child{
    display: flex;
    height: auto;}
.web-page > div > .grb:last-child > div{
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0%;
    width: 0;}
.web-page > div > .grb:last-child > div:not(:last-child){
  margin-right: 40px;}
.web-panel--white{
  padding: 30px 36px;
  background: #fff;
  border-radius: 24px;
  height: 100%;
  box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);}
.payments-page .quicklinks .crt-list.pri ul li{
  display: flex;
  width: 222px;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 auto;
  margin-right: 20px;
  height: 56px;}
.payments-page .quicklinks .crt-list.pri ul li .ett-labl.pri{
	font-weight: 500;}
.quicklinks .crt-list.pri ul li .ett-para.pri{
    font-size: 16px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 92%;
    display: block;}
.payments-page .dashboard > div > .grb:last-child button svg{
  width: 48px;
  height: 48px;
  margin-left: 8px;}
.payments-page .dashboard > div > .grb:last-child button{
  padding: 0;
  margin: 0;
  border: 0;
  margin-top: 3px;}
.payments-page .quicklinks .crt-list.pri ul li > span:last-child{
  margin-left: 16px;}
.payments-page .quicklinks .crt-list.pri ul li svg{
  width: 44px;
  height: 44px;}
.add-new-btn button.ett-bttn.ter{
  width: auto;
  padding-left: 20px;
  padding-right: 32px;
  height: 40px;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.add-dash .add-new-btn button.ett-bttn.ter {
    margin-left: auto;
}
.add-new-btn button.ett-bttn.ter > .ett-icon{
  margin-right: 8px;}
.web-panel-heading .ett-labl.pri{
  font-size: 16px !important;
  font-weight: 700;}
.payments-page .web-tab .tabcontent{
  height: 100%;
  padding-top: 38px; 
  top: 1px;}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .tabs-ctr > .acco[aria-hidden=false]{
    height: 100%;}
.payments-page .web-tab .tabcontent > .crt-list {
    max-height: 503px;
    overflow: overlay;
    margin-left: -36px;
    padding-left: 36px !important;
    margin-right: -28px;
    padding-right: 28px !important;}
.web-page.payments-page > div > .grb:last-child > div:not(:last-child) .crt-form > .srb.pri{
  margin-bottom: 27px;}
.payments-page .ecn > .icr > svg{
  right: 4px;
  width: 24px;
  top: -3px;}
.web-page.payments-page > div > .grb:last-child > div:last-child{
  display: flex;
  flex-direction: column;
  align-items: stretch;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child{
    position: relative;
    margin-bottom: 40px;
    padding-top: 28px;
    padding-bottom: 13px;
    flex-shrink: 1;}
.quicklinks{
    padding-bottom: 40px !important;}
.offers-panel.web-panel--white{
     padding-top: 40px;
    height: auto;
    flex-grow: 1;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li > span:first-child img{
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  width: 44px;
  height: 44px;}
.web-page.payments-page > div > .grb:last-child > div:first-child .crt-list > ul > li{
	margin-bottom: 35px !important;}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li,
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li{
  margin-bottom: 37px; 
    display: flex;
    align-items: center;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabcontent .plt-simp:nth-child(2) .crt-form{
    padding: 0;
    border-radius: 0;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .acco:first-child .tabcontent .plt-simp:nth-child(2) .crt-form{
	padding: 0 36px 13px 36px;
	border-radius: 24px;}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:nth-child(2),
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2){
  padding-left: 32px;
  display: flex;
  flex-direction: column;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li > span:nth-child(2) p:last-child, 
.web-page.payments-page > div > .grb:last-child > div:first-child > div:first-child .crt-list > ul > li > span:nth-child(2) > .srb.pri:last-child,
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2){
  font-size: 12px;
  color: #575757;
  margin-top: 6px;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabcontent{
  padding-top: 32px;
  top: 1px;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabs{
  width: 100%;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabs > li{
    padding-top: 0;
    padding-bottom: 0;
    height: 52px;
    margin-right: 0;
    color: #212121;
    display: flex;
    align-items: center;
    justify-content: center;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li > span:last-child .ett-para.pri{
  font-weight: 500;}
.offers-panel img{
	width: 204px;
	height: 111px;
	position: relative;
	left: -19px;}
.offers-panel .plt-caro .ett-para.pri{
    word-break: break-word;
    line-height: 1.5;
    display: block;
    width: 192px;
    margin-left: auto;
    color: #575757;}
.offers-panel .plt-caro{
    margin-top: 27px;
    margin-left: -36px;
    margin-right: -36px;
    padding-left: 8px;}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .tabs-ctr{
    overflow-y: overlay;
    height: 350px;
    margin-left: -36px;
    margin-right: -36px;
    padding-left: 36px;
    padding-right: 36px;
    height: calc(100% - 23px) !important;}
.payments-page .web-tab .tabcontent > .crt-list + .crt-form .ett-bttn.sec{
	width: 118px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	background: #fff;
	z-index: 1000;
	position: relative;}
.payments-page .web-tab .tabcontent > .crt-list + .crt-form ul{
	width: 150px;
	background:#fff;
	z-index: 1000;
	position: relative;
	left: 50%;
	transform: translateX(-50%);}
.web-page.payments-page > div > .grb:last-child > div:first-child .plt-simp .tabs-ctr{
	overflow: hidden;}
.payments-page .web-tab .tabcontent > .crt-list + .crt-form .srb.pri{
	position: relative;
	margin-bottom: 0 !important;}
.payments-page .web-tab .tabcontent > .crt-list + .crt-form .srb.pri::before{
	position: absolute;
	content: '';
	height: 1px;
	background: #e8e8e8;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);}
.web-page.payments-page > div > .grb:last-child > div:first-child .plt-simp .tabs-ctr{
    overflow: hidden;}
.web-page > div > .grb:last-child > div:first-child .web-panel--white{
	overflow: hidden;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child{
	position: absolute;
    bottom: 0;
    background: #fff;
    right: 0;
    left: 0;
    padding-left: 36px;
    padding-right: 36px;
    padding-bottom: 13px;
    border-radius: 0 0 32px 32px;
    padding-top: 7px;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child .ett-hypl.pri{
    font-size: 16px;
    font-weight: 500;
    color: #005587;
    line-height: 1;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 300;
    position: relative;
    width: 138px;
    height: 40px;
    left: 50%;
    transform: translateX(-50%);}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child .ett-hypl.pri:focus{
	outline: none;
	text-decoration: none;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child > span{
	margin-bottom: 0;
	position: relative;}	
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child > span::before{
	position: absolute;
	content: '';
	height: 1px;
	background: #e8e8e8;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);}
.payments-page .pst-tabs.hor.pri > ul.tabs > li:not(.current) a{
    color: #575757;}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li button{
    margin: 0;
    padding: 0;
    border: none;
    font-size: 16px;
    width: 116px;
    height: 40px;}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:first-child,
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:first-child{
	width: auto;
	flex-shrink: 0;}
.web-page.payments-page > div > .grb:last-child > div:not(:last-child) .tabcontent .crt-form > .srb.pri{
	margin-bottom: 33px;
    /*width: calc(100% - 32px);*/
}
.plt-caro.pri .swiper-container .swiper-pagination-bullet-active{
	background: #005587;
	width: 20px;
	border-radius: 10px;}
.web-page.payments-page > div > .grb:last-child > div:first-child .tabs-ctr{
	height: 645px !important;}
.payments-page .pst-tabs.hor.pri > ul.tabs > li:not(.current):hover{
  border: none;}
.plt-caro.pri .swiper-container .swiper-button-prev .ett-bttn.tsp, .plt-caro.pri .swiper-container .swiper-button-next .ett-bttn.tsp{
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
	width: 40px;
	height: 40px;}
.plt-caro.pri .swiper-container .swiper-button-prev svg, 
.plt-caro.pri .swiper-container .swiper-button-next svg{
	display: none;}
.plt-caro.pri .swiper-container .swiper-button-prev::before,
.plt-caro.pri .swiper-container .swiper-button-next::before{
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	top: 50%;
	left: 50%;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-carousel-arrow-left.svg');
	background-size: cover;
	z-index: 25;}
.plt-caro.pri .swiper-container .swiper-button-next::before{
	transform: rotate(180deg);}
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .crt-list{
    height: 300px;
    overflow-y: overlay;
    margin-left: -36px;
    margin-right: -28px;
    padding-left: 36px;
    padding-right: 28px;}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:nth-child(2) .ett-para.pri,
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li .ett-para.pri{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;}
.web-page.payments-page > div > .grb:last-child > div:first-child > div:first-child .crt-list > ul > li > span:nth-child(2) > .srb.pri:last-child > span > .srb.pri > span{
	align-items: center;}
.web-page.payments-page > div > .grb:last-child > div:first-child > div:first-child .crt-list > ul > li > span:nth-child(2) > .srb.pri:last-child > span > .srb.pri > span:first-child,
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) > span:nth-child(2) > span > .srb.pri:first-child > span:first-child{
    width: auto;
    margin-right: 12px;}
.d-flex.sno{
	display: none !important}
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) .crt-form > .srb.pri{
	margin-bottom: 44px;}
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child{
	padding-top: 41px;
	height: 100%;}
.offers-panel > div,
.offers-panel > div > .plt-simp,
.offers-panel > div > .plt-simp > .pst-simp, 
.offers-panel > div > .plt-simp > .pst-simp > .grb,
.offers-panel > div > .plt-simp > .pst-simp > .grb > div,
.offers-panel .plt-caro{
	height: 100%;}
.offers-panel .swiper-pagination{
    z-index: 2000;
    position: relative;
    margin-top: -56px;}
.plt-caro.pri .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 3px;
    z-index: 2000;}
.payments-page .plt-caro.pri .swiper-container .swiper-button-next,
.payments-page .plt-caro.pri .swiper-container .swiper-button-prev{
    position: absolute;
    z-index: 2000;
    top: 28%;}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
	opacity: 1;}
.payments-page .plt-caro.pri .swiper-container .swiper-wrapper li > .crt-form{
    padding-left: 52px;
    padding-right: 52px;}
.offers-panel .web-hyperlink{
	position: relative;
	left: -28px;}
.web-page.payments-page > div > .grb:last-child > div:first-child .plt-simp, 
.web-page.payments-page > div > .grb:last-child > div:first-child .plt-simp > .pst-simp, 
.web-page.payments-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child > div, 
.web-page.payments-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child > div > .plt-tabs, 
.web-page.payments-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child > div > .plt-tabs > .pst-tabs,
.web-page.payments-page > div > .grb:last-child > div:first-child .tabs-ctr{
	height: calc(100%) !important;}
.web-page.payments-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
	height: calc(100% - 70px);}
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child > div,
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child > div > .plt-simp,
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child > div > .plt-simp > .pst-simp{
	height: 100%;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child > div > .plt-simp > .pst-simp .crt-list{
	height: calc(100% - 80px);}
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child > div > .plt-simp:last-child{
	height: auto;}
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child > div > .plt-simp:nth-child(2) .ett-bttn.sec{
	padding: 0;
	margin: 0;
	width: 118px;
	height: 40px;}
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child > div > .plt-simp:nth-child(2) ul{
	width: 150px;
	position: relative;
	z-indeX: 1000;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;}
.payments-page .quicklinks{
	width: 100%;}
.payments-page .quicklinks > div:first-child{
	width: 96.4%;}
.payments-page .quicklinks > div:last-child{
	width: 0;
	flex-grow: 1;}
.web-page.payments-page > div > .grb:last-child > div:last-child > .grb:first-child > div,
.web-page.payments-page > div > .grb:last-child > div:last-child > .grb:first-child > div > .plt-tabs, 
.web-page.payments-page > div > .grb:last-child > div:last-child > .grb:first-child > div > .plt-tabs > .pst-tabs{
	height: 100%;}
.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .tabs-ctr{
	overflow: hidden;
	height: calc(100% - 51px) !important;}
.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .crt-list{
    height: 290px;
    overflow: overlay;
    padding-left: 36px;
    padding-right: 28px;
    margin-left: -36px;
    margin-right: -28px;}
.payments-page .crt-navb{
    display: none;}
.payments-page .dashboard .quicklinks .crt-list.pri ul li .ett-para.pri{
	padding-left: 0;}
.payments-page .dashboard .quicklinks .crt-list.pri ul li{
	margin-right: 20px;}
.payments-page .dashboard .quicklinks .crt-list.pri ul li:last-child{
    margin-right: 0;  
    position: relative !important;
    z-index: auto !important;
    left: 0;
}
.payments-page .dashboard .quicklinks .crt-list.pri ul{
	padding-top: 20px;
	padding-bottom: 32px;
	margin-top: -20px;
	margin-bottom: -30px;
	overflow: overlay;
	overflow-y: hidden;}
@media (max-width: 1050px){
	.payments-page .quicklinks .crt-list.pri ul li.ssp{
		display: none !important;}
}
.payments-page .dashboard .quicklinks .crt-list.pri ul li > span:first-child{
	width: auto;}
.payments-page .quicklinks .crt-list.pri ul li:not(:last-child) > span:last-child{
	margin-left: 16px;}
.payments-page .quicklinks .crt-list.pri ul li .ett-para.pri{
	width: 90%;}
.payments-page .dashboard .quicklinks{
    padding-bottom: 38px !important;}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:last-child{
	width: auto;
	flex-shrink: 0;
	flex-grow: 1;}
.payments-page .widget.offers-widget .slider-btn .ett-bttn.tsp{
	width: 40px;
	height: 40px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);}
.payments-page .widget.offers-widget .slider-btn .ett-bttn.tsp{
	background-size: 24px 24px;}
.payments-page .offers-panel.web-panel--white{
	padding: 30px 36px 16px !important;}
.payments-page .offers-panel.web-panel--white .grb:nth-child(2) .crt-list{
	margin-top: 53px !important;}
.web-page.payments-page > div > .grb:last-child > div:last-child > .grb:first-child .ett-bttn.sec{
	width: 118px;
	height: 40px;
	padding: 0;
	margin: 0;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabcontent > .grb > div > .plt-simp:nth-child(2) ul{
	width: 150px;
	position: relative;
	z-index: 1000;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;}
.payments-page .offers-panel.web-panel--white .ett-bttn.sec{
	width: 118px;
	height: 40px;
	padding: 0;
	margin: 0;}
.payments-page .offers-panel.web-panel--white .crt-form > .srb.pri{
	display: flex;
	align-items: center;}
.payments-page .offers-panel.web-panel--white .crt-form > .srb.pri > span{
	width: auto;}
.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp.swiper-button-next{
	right: -55px;
	top: -153px;}
.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp{
	width: 40px !important;
	height: 40px !important;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);}
.payments-page .widget.offers-widget .slider-btn .ett-bttn.tsp.swiper-button-prev{
	left: -55px;
	top: -174px;}
.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li{
	display: flex;}
.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li > span:first-child{
	width: 212px;
	flex-shrink: 0;}
.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li .ett-para.pri{
	color: #575757;}
.payments-page .widget.offers-widget.var1 .swiper-pagination{
	margin-top: 0 !important;}
.payments-page .swiper-container.crt-list{
	  margin-top: 22px !important;}
.payments-page .widget.offers-widget.var1 .swiper-pagination-bullet{
	width: 8px;
	height: 8px;}
.payments-page .widget.offers-widget.var1 .swiper-pagination-bullet-active{
	width: 20px;}
.payments-page .widget.offers-widget .swiper-pagination-bullet{
	width: 8px;
	height: 8px;}
.payments-page .widget.offers-widget .swiper-pagination-bullet-active{
    width: 20px;}
.payments-page .no-record > span::before{
	display: none;}
.payments-page .no-record{
	position: relative !important;}

/* Add new payee styles */

.add-new-payee-page .web-panel{
	width: 605px;
	border-radius: 12px;}
.add-new-payee-page .crt-form > .srb.pri:not(:first-child) .ett-labl.pri,
.add-new-payee-page .crt-form > .srb.pri:not(:first-child)  .ett-para.pri{
	font-size: 16px;}
.text--blue label.ett-labl.pri{
	color: #396376 !important;
	font-weight: 500;}
.add-new-payee-page .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:first-child{
	margin-bottom: 51px;}
.add-new-payee-page .srb.pri,
.add-new-payee-page .ett-labl.pri,
.add-new-payee-page .ett-para.pri{
	line-height: 1 !important;}
.web-panel.payee-details-panel{
	padding-bottom: 36px !important;}
.payee-details-panel > span > .srb.pri:nth-child(2) .ett-labl.pri{
    font-size: 12px !important;
    color: #575757;} 
.web-panel.payee-details-panel > span > .srb.pri:nth-child(n+3):not(:nth-child(5)), 
.web-panel.payee-details-panel > span > .srb.pri:nth-child(5) > span > .srb.pri{
	  margin-top: 70px;}
.web-panel.payee-details-panel > span > .srb.pri:nth-child(6){
	margin-top: 0;}
.web-panel.payee-details-panel > span > .srb.pri:last-child{
	margin-top: 26px;}
.verify-panel{
	display: flex;
	align-items: center;
	position: relative;
	background: #f6f6f6;
	height: 56px;
	padding-left: 20px;
	border-radius: 60px;
	margin-bottom: -6px;}
.verify-panel::before{
	position: absolute;
	content: '';
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	height: 24px;
	width: 24px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/verified-icon.svg');}
.web-panel.save-payee-panel{
	padding: 36px 32px 38px !important;}
.save-payee-panel > span > .srb.pri:nth-child(2) > span:first-child{
	width: 0;}
.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child{
	padding-left: 64px;
	width: 100%;}
.save-payee-panel > span > .srb.pri:nth-child(2){
    display: flex;
    align-items: center;
	padding-top: 28px;
	padding-bottom: 24px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	margin-top: 24px;
	margin-bottom: 50px;}
.save-payee-panel > span > .srb.pri:nth-child(2) svg{
	border-radius: 50%;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12);}
.save-payee-panel > span > .srb.pri:nth-child(2) svg circle{
	fill: #304048;}
.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child{
	text-align: right;
	padding-left: 0;}
.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child .ett-labl.pri{
	position: relative;
	left: 20px;}
.add-new-payee-page .ett-rdio.hor.pri input[type=radio] + label:before{
	margin-right: 18px;}
.add-new-payee-page .ett-rdio.hor.pri input[type=radio] + label{
    margin: 0;
	display: flex;
	align-items: center;
	font-size: 16px;}
.add-new-payee-page .ett-rdio.hor.pri > span{
	margin-right: 38px;}
.add-new-payee-page .ett-rdio.hor.pri > span:last-child{
	margin-right: 0;}
.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child .ett-labl.pri{
	font-size: 14px;
	color: #575757 !important;}
.save-payee-panel > span > .srb.pri:last-child{
	display: flex;
	justify-content: space-between}
.save-payee-panel > span > .srb.pri:last-child > span, 
.payee-details-panel > span > .srb.pri:nth-child(2) > span{
	display: inline-block;}
.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:first-child{
	width: auto;
	padding-right: 36px;}
.save-payee-panel > span > .srb.pri:last-child > span:not(:last-child){
	margin-right: 40px;	}
.save-payee-disabled{
  pointer-events: none;}
.save-payee-disabled.save-payee-panel > span > .srb.pri:nth-child(2) svg circle{
  fill: #9E9E9E;}
.save-payee-disabled.save-payee-panel > span > .srb.pri:nth-child(2),
.save-payee-disabled.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child .ett-labl.pri,
.save-payee-disabled.save-payee-panel .ett-rdio.hor.pri input[type=radio] + label{
  color: #9E9E9E !important;}
.save-payee-disabled.save-payee-panel .app-radio .ett-rdio.hor.pri input[type=radio] + label:before{
  border-color: #9E9E9E;}
.save-payee-disabled.save-payee-panel .app-radio .ett-rdio.hor.pri input[type=radio]:checked + label:after{
  background: #9E9E9E;}
.save-payee-disabled .ett-inpt.ter::placeholder{
	color: #9E9E9E;
	opacity: 1;}
.verify-panel > span:first-child .ett-para.pri{
	font-size: 14px !important;}
.add-new-payee-page .crt-form.ver.pri .flb{
	font-size: 16px;}
.ett-inpt.ter::placeholder{
	color: #575757;}
.add-new-payee-page .crt-form.ver.pri .flbl .flb{
	transform: none;
	font-size: 12px;
	margin-top: -17px;}
.add-new-biller .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:first-child{
	margin-bottom: 59px;}
.add-new-payee-page .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:nth-child(2){
    display: flex;
    justify-content: space-between;}
.pay-anyone-confirmation.modal.confirmation-popup .crt-form.hor.pri > .srb.pri > .scb-col100 > .srb.pri{
	padding: 0;
	margin-bottom: 17px;}
.pay-anyone-confirmation.web-modal .modal-cnt{
	overflow: visible;
    padding: 33px 50px 0 50px !important;}
.web-modal.confirmation-popup.pay-anyone-confirmation .web-info-panel{
    margin-bottom: 33px !important;
    padding: 20px 56px 14px 16px;}
.confirmation-popup.pay-anyone-confirmation .confirmation-amnt-field > span{
	margin-left: -40px !important;}
.add-new-biller .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:nth-child(2) > span:first-child:not(:last-child){
		margin-right: 40px}

/* Topup loan responsive styles */

@media (max-width: 1800px){
	.topup-loan-page .web-panel.repayment-panel{
		padding: 32px 28px !important;}
	.topup-loan-page .repayment-panel:not(.change-repayment) ul:last-child p.ett-para.pri{
		margin-top: 24px;}
	.topup-loan-page .repayment-panel.change-repayment.web-panel{
		padding: 28px 24px 17px 28px !important;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2){
		margin-top: 20px;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2){
		padding-top: 47px;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span input{
		padding-top: 3px;
		width: 270px;}
    .topup-loan-page .web-panel:last-child .crt-form > .srb.pri .srb.pri > span:last-child p{
        margin-top: 8px;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span:first-child > .srb.pri:nth-child(2){
		padding-right: 32px;}
	
	/*scroll-issue	*/
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .crt-list {
        max-height: 526px;
    }
}
@media (max-width: 1050px){
	.topup-loan-page .web-panel.repayment-panel{
		padding: 28px 24px !important;}
	.topup-loan-page .repayment-panel.change-repayment.web-panel{
		padding: 20px 24px 17px 24px !important;}
	.topup-loan-page .repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:first-child .ett-labl.pri{
		position: relative;
		top: 3px;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span input{
		width: 238px;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2){
		padding-top: 44px;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span:first-child > .srb.pri:nth-child(2){
		padding-right: 20px;}
}
@media (max-width: 850px){
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span input{
		width: 198px;}
}
@media (max-width: 750px){
	.topup-loan-page .repayment-panel.change-repayment.web-panel{
		padding: 16px 16px 17px !important;}
	.topup-loan-page .repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:first-child .ett-labl.pri{
		font-size: 14px !important;
		top: 4px;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2){
		flex-direction: column;
		padding-top: 35px;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span input{
		margin-left: 0;
		width:100%;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span:last-child{
		width: auto;
		margin-top: 47px;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span:first-child .ecn{
		width: 100%;}
	.topup-loan-page .web-panel:last-child .crt-form > .srb.pri .srb.pri > span:last-child p{
		font-size: 10px !important;
		margin-top: 8px;}
	.topup-loan-page .crt-form.ver.pri .flbl-float .flb{
		font-size: 10px !important;
		margin-top: -16px;	}
	.topup-loan-page .repayment-panel:not(.change-repayment) ul:last-child p.ett-para.pri{
		margin-top: 24px;}
	.topup-loan-page .repayment-panel.web-panel:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child{
		margin-top: -84px;				}
	.topup-loan-page .web-panel.repayment-panel:not(.change-repayment){
		padding: 21px 16px 24px !important;}
	.topup-loan-page .change-repayment.repayment-panel.web-panel .crt-form > .srb.pri:last-child .srb.pri:nth-child(2){
		margin-top: 0 !important;}
	.topup-loan-page .change-repayment .crt-form > .srb.pri:nth-child(2) > span:first-child > .srb.pri:nth-child(2){
		padding-right: 0;}
	.topup-loan-page .repayment-panel.change-repayment.web-panel .crt-form > .srb.pri:last-child > span > .srb.pri:nth-child(2) > span:first-child{
		margin-top: 0;}
}

/* toggle switch with label styles */

.web-toggle-with-label .ett-swch.ter input:focus + label{
  outline: none;}
.web-toggle-with-label{
  margin-top: 28px;
  margin-bottom: 0 !important;}
.web-toggle-with-label .ett-swch.ter{
  height: 48px;
  width: 204px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  display: flex;
  padding-left: 6px;
    padding-right: 7px;}
.web-toggle-with-label .ett-swch.ter input + label{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;}
.web-toggle-with-label .ett-swch.ter input:checked + label{
  border-radius: 24px;
  color:#fff;
  border: none;}
.web-toggle-with-label .ett-swch.ter input:not(:checked) + label{
  color: #212121;}
.web-toggle-with-label .ett-swch.ter .tslide{
    background: #005587;
    width: 111px;
    height: 48px;
    position: absolute;
    top: -1px;
    border: none;
}
.web-toggle-with-label .ett-swch.ter input:checked + label{
	color: #fff !important;}
.web-toggle-with-label .ett-swch.ter input:last-of-type:checked ~ .tslide{
    left: calc(50% - 11px);}

/* address book styles */

.address-book-page .grb:last-child {
    display: flex;
    height: auto;
    max-height: 792px;}
.address-book-page .grb.web-panel--white:last-child{
	height: 792px;}
.address-book-page .grb:last-child > div:first-child{
	flex: 1;}
.address-book-page .web-tab .tabcontent{
	height: auto;}
.address-book-page > div > .plt-simp,
.address-book-page > div > .plt-simp .pst-simp{
	height: 100%;
    /*width: 628px;*/
}
.address-book-page .web-tab.pst-tabs.hor.pri > ul li{
	width: auto;
	padding-left: 28px;
	padding-right: 32px;
	padding-top: 14px;
	margin: 0;
    font-weight: 700;}
.address-book-page .tabcontent > .grb:first-child{
    display: flex;
	position: relative;
	top: -47px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list{
    margin-top: 7px;
    height: 710px;
    overflow: overlay;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2){
	flex-direction: row;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li .ett-bttn{
	width: 116px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;}
.web-page.payments-page .payemnts-dash-addressbook .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:last-child{
	/*margin-left: auto;*/
	text-align: right;
}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) > span:first-child{
    width: 178px;
    flex-shrink: 0;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-form > .srb.pri:first-child .web-hyperlink{
	padding-left: 36px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) > span:nth-child(2) > span > .srb.pri:first-child > span{
	align-items: center;}
.ml-auto{
	margin-left: auto !important;}
.text--green.ett-para.pri{
	color: #1F7F28;
	font-weight: 700;}
.text--red.ett-para.pri{
	color: #E01010;
	font-weight: 700;}
.h-100{
    height: 100% !important;}
.address-book-page .ecn > .icr > .ett-inpt.ter{
	padding-top: 5px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li{
	margin-bottom: 33px;
        height: auto;  } 
   

.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list {
    height: auto;
    //max-height: 443px;
    margin-left: -36px;
    margin-right: -28px;
    padding-left: 36px;
    padding-right: 28px;}
.address-book-page .grb.show-all-row:last-child{
	height: auto;
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin-left: -36px;}
.address-book-page .grb.show-all-row:last-child::before{
  content: '';
  position: absolute;
  background-image: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-carousel-arrow-left.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  left: 50%;
  transform: translateX(-50%) rotate(-90deg);
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);}
.address-book-page .ecn > .icr > svg{
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;} 
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) > span:first-child{
    width: 192px;}
.address-book-page .plt-tabs,
.address-book-page .plt-tabs > .pst-tabs,
.address-book-page .plt-tabs > .pst-tabs > .tabs-ctr,
.address-book-page .plt-tabs > .pst-tabs > .tabs-ctr > div,
.address-book-page .plt-tabs > .pst-tabs > .tabs-ctr > div > .tabcontent > .grb:last-child > div > .plt-simp{
	height: 100%;}
.address-book-page .plt-tabs > .pst-tabs > .tabs-ctr > div > .tabcontent{
    height: calc(100% - 50px);}
.address-book-page .plt-tabs > .pst-tabs > .tabs-ctr > div > .tabcontent > .grb:last-child > div > .plt-simp{
	height: calc(100% - 70px);}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:first-child, 
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb > div:first-child{
	height: 100%;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb > div .crt-list{
	height: calc(100% - 70px);}
.address-book-page .plt-tabs > .pst-tabs > .tabs-ctr > .acco[aria-hidden=true]{
	height: auto;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li .ett-para.pri{
	position: relative;
	/*top: 1px;*/
}
.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(2){
	margin-top: 41px;}
.address-book-page .grb:last-child > div:first-child{
	box-shadow: none;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child{
	border-left: 1px solid #e8e8e8;
	padding: 32px 32px 39px;
	width: 516px;}
.address-book-page .web-tab.pst-tabs.hor.pri > ul.tabs{
	position: relative;
	z-index: 150;
	/*width: 50%;*/
    
}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2){
	font-size: 14px;}					   
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2) > span > .srb.pri:first-child{
	margin-bottom: 7px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li{
    margin-bottom: 0;
    height: 89px;
    padding-left: 24px;
    padding-right: 60px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2){
	margin-top: 0;}		
.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3){
	background: rgba(246, 246, 246, 0.56);
	height: 56px;
	display: flex;
	align-items: center;
	margin-top: 23px;
	padding-left: 24px;}
.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) .ett-labl.pri{
	font-size: 16px;
	font-weight: 700;}
.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:first-child{
	width: 268px;}
.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:last-child{
	width: 176px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:first-child .grb:first-child .crt-form > .srb.pri .srb.pri:last-child .ett-labl.pri, 
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(3) .grb:first-child .crt-form > .srb.pri .srb.pri:last-child .ett-labl.pri{
	font-size: 20px;
	font-weight: 500;
	display: block;
	margin-top: 37px;
	line-height: 1;
	margin-bottom: 21px;
	color: #212121;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:first-child{
	display: flex;
	align-items: center;
	height: 72px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 28px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:first-child > span:first-child{
	width: 34px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:first-child .ett-labl.pri{
	font-size: 16px;
	color: #575757;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:not(:first-child) > span{
	margin-bottom: 20px;
	display: inline-block;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:not(:first-child) > span:first-child{
	width: 188px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:not(:first-child) > span::before{
	content: '';
	position: absolute;
	background: #f4f4f4;
	border-radius: 14px;
	width: 120px;
	height: 24px;
	margin-bottom: 20px !important;
	display: inline-block;} 
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:nth-child(2) > span::before{
	width: 91px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:nth-child(3) > span:last-child::before{
	width: 174px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:nth-child(4) > span:last-child::before{
	width: 146px;}
.address-book-page .ett-inpt.ter[readonly]{
    border: none;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    color: #005587;
    text-transform: capitalize;
    opacity: 1;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(2){
	margin-top: 37px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e8e8e8;
	line-height: 1;
	margin-bottom: 24px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(2) > span:nth-child(2){
	padding-right: 7px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(3) .srb.pri{
	margin-bottom: 17px !important;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form .srb.pri .ett-labl.pri{
	font-size: 16px;
	color: #575757;
	line-height: 1;
	display: block;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form .ett-para.pri{
	color: #212121;
	font-weight: 700;
	line-height: 1;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(3){
	padding-bottom: 8px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 19px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .ett-bttn.sec{
	width: 204px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	left: -2px;
	top: 2px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .ett-bttn.sec > .ett-icon{
	margin-left: 8px;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li.active{
	  background: #F7F7F7;
		position: relative;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li.active::before{
	position: absolute;
	content: '';
	right: 20px;
	width: 24px;
	height: 24px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-arrow-right.svg');}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) .ett-para.pri{
	font-weight: 700;}
.address-book-page .web-tab.pst-tabs.hor.pri > ul li a{
	color: #575757;}
.address-book-page .web-tab.pst-tabs.hor.pri > ul li.current a{
	color: #212121;}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:first-child ul{
	margin-bottom: 0;}
.web-page.address-book-page{
	padding-bottom: 144px;}
.web-page.address-book-page > div > .plt-simp > .pst-simp > .grb > div:first-child > div:last-child{
	position: absolute;
	bottom: -52px;
	height: auto;
    z-index: 1;}
.web-page.address-book-page > div > .plt-simp > .pst-simp > .grb > div:first-child > div:last-child svg{
	z-index: 1700;
	position: relative;}

/*-------------------------------------------------- Raise hardship request responsive styles --------------------------------------------------*/

@media (max-width: 1800px){
	.raise-hardship-request-page .web-info-panel,
	.raise-hardship-request-page .web-panel{
		width: 518px !important;}
	.raise-hardship-request-page .web-info-panel{
		padding: 20px 20px 17px;
		margin-bottom: 28px;}
	.raise-hardship-request-page .web-close-accounts-row > div:first-child > .grb:nth-child(2){
		/*width: 518px;*/
		padding-top: 28px;
		border-top: 1px solid #e8e8e8;}
	.raise-hardship-request-page .web-panel{
        padding: 48px 28px 35px !important;
        border-radius: 12px;}
	.raise-hardship-request-page .flbl-float label{
		margin-top: -18px;
		left: 0;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:not(:first-child){
		margin-top: 58px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-top: 38px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri.browse-upload-panel:not(:first-child){
		margin-top: 42px;}
	.browse-upload-panel .ett-hypl.pri{
		font-size: 14px;}
	.browse-upload-panel .ett-hypl.icl > svg{
		width: 32px;
		height: 32px;}
	.browse-upload-panel.is-uploading .progressbar{
		height: 52px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:last-child:not(:first-child){
		margin-top: 14px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:last-child:not(:first-child) .ett-labl.pri{
		font-size: 12px;}
	.browse-upload-panel.is-uploading::before{
		right: 20px;}
	.raise-hardship-request-page .web-panel .crt-list{
		margin-top: 24px;}
	.raise-hardship-request-page .web-panel .crt-list > ul > li{
		min-height: 52px
		height: auto;
		margin-bottom: 20px;
		padding-right: 20px;
	    min-height:52px;
	}
	.raise-hardship-request-page .web-panel .crt-list > ul > li > span:first-child svg{
		width: 32px;
		height: 32px;}
	.raise-hardship-request-page .web-panel .crt-list > ul > li > span:first-child{
		width: 48px;}
	.raise-hardship-request-page .web-panel .crt-list > ul > li > span:last-child{
		width: 48px;
		flex-shrink: 0;}
	.raise-hardship-request-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 22px !important;}
	.raise-hardship-request-page .web-info-panel .ett-labl.pri{
		line-height: 1.4 !important;}
}
@media (max-width: 1050px){
	.raise-hardship-request-page .web-close-accounts-row > div:first-child > .grb:nth-child(2){
		padding-top: 24px;
		/*width: 100%;*/
	}
	.raise-hardship-request-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 18px !important;}
	.raise-hardship-request-page .web-info-panel, .raise-hardship-request-page .web-panel{
		width: 432px !important;}
	.raise-hardship-request-page .web-info-panel{
		padding: 16px 16px 13px !important;
		margin-bottom: 24px;
		border-radius: 16px;}
	.raise-hardship-request-page .web-info-panel > span:first-child{
		width: 36px !important;}
	.raise-hardship-request-page .web-info-panel .ett-labl.pri{
		line-height: 1.4 !important}
	.raise-hardship-request-page .web-panel{
		padding: 44px 24px 24px!important;}
    .raise-hardship-request-page .web-panel .crt-form > .srb.pri:nth-child(3), .raise-hardship-request-page .web-panel .crt-form > .srb.pri:nth-child(4){
        margin-top: 54px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-top: 37px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri.browse-upload-panel:not(:first-child){
		margin-top: 38px;}
	.raise-hardship-request-page .web-panel .crt-list{
		margin-top: 20px;}
	.raise-hardship-request-page .web-panel .crt-list > ul > li{
		padding-right: 20px;}
}
@media (max-width: 850px){
	.raise-hardship-request-page .web-close-accounts-row > div:first-child > .grb:nth-child(2),
	.raise-hardship-request-page .web-info-panel, 
	.raise-hardship-request-page .web-panel{
		/*width: 386px !important;*/
	}
	.raise-hardship-request-page .web-panel{
		padding-bottom: 20px !important}
	/*.raise-hardship-request-page .web-panel .crt-form > .srb.pri:last-child:not(:first-child){*/
	/*	display: flex;}*/
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:last-child:not(:first-child) > span:first-child{
		flex: 1;
		width: auto;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:last-child:not(:first-child) > span:last-child{
		width: auto;}
	.raise-hardship-request-page .web-panel .crt-list > ul > li > span:last-child{
		width: 34px;}
}
@media (max-width: 750px){
	.raise-hardship-request-page .web-close-accounts-row > div:first-child > .grb:nth-child(2), .raise-hardship-request-page .web-info-panel, .raise-hardship-request-page .web-panel{
		width: 100% !important;}
	.raise-hardship-request-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 14px !important;}
	.raise-hardship-request-page .web-close-accounts-row > div:first-child > .grb:nth-child(2){
		padding-top: 16px;}
	.web-info-panel .ett-labl.pri{
		font-size: 14px !important;}
	.raise-hardship-request-page .web-info-panel{
		padding: 16px 16px 10px !important;
		margin-bottom: 16px;
		margin-top: 0;
		border-radius: 12px;}
	.raise-hardship-request-page .web-info-panel .ett-labl.pri{
		line-height: 1.5 !important;}
	.raise-hardship-request-page .web-panel{
		padding: 34px 16px 16px !important;}
	.raise-hardship-request-page .flbl-float label{
		margin-top: -14px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-top: 29px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:not(:first-child){
		margin-top: 46px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-top: 29px;}
	.crt-form.ver.pri .flbl-float .flb{
		font-size: 10px !important;
		transform: none;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri.browse-upload-panel:not(:first-child){
		margin-top: 32px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:last-child:not(:first-child) .ett-labl.pri{
		font-size: 10px;}
	.raise-hardship-request-page .web-panel .crt-form > .srb.pri:last-child:not(:first-child){
		margin-top: 10px;}
	.raise-hardship-request-page .web-panel .crt-list > ul > li{
		padding-right: 16px;
		margin-bottom: 16px;}
	.raise-hardship-request-page .web-panel .crt-list > ul > li > span:last-child{
		width: 32px;}
	.raise-hardship-request-page .web-panel .crt-list{
		margin-top: 17px;}
		.address-book-page > div > .plt-simp .pst-simp{
	    width: 100% !important;
        }
        .add-new-btn button.ett-bttn.ter{
        margin-left: auto;
        }
        .address-book-page > div > .plt-simp{
    	width: 100%;
        }
}


/*------------------------------------------------------------ status modal styles -------------------------------------------------------------*/

.common-status-modal.status-modal svg{
    margin-top: 185px;}

/*-------------------------------------------------- Payment dashboard responsive styles ------------------------------------------------------*/

.payments-page .widget{
	border-radius: 24px;}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child > div > .plt-simp > .pst-simp .crt-list ul{
	display: block;}
.web-page.payments-page > div > .grb:last-child{
    max-height: 824px;  }
@media (max-width: 1800px){
    .payments-page .quicklinks .crt-list.pri ul li:not(:last-child) > span:last-child{
		margin-left: 8px;}
    .payments-page .swiper-container.crt-list{
		margin-top: 9px !important;}
	.payments-page .offers-panel.web-panel--white .grb:nth-child(2) .crt-list{
		margin-top: 21px !important;}
	.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp{
		width: 32px !important;
		height: 32px !important;}
	.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp.swiper-button-next{
		right: -48px;
		top: -125px;}
	.payments-page .widget.offers-widget.var1{
	    padding-bottom: 16px !important;}
    .payments-page .web-tab .tabcontent > .crt-list + .crt-form{
		position: absolute;
	    bottom: 0;
	    left: 0;
	    padding-bottom: 13px !important;
	    margin-left: 32px;
	    margin-right: 32px;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child > div > .plt-simp:nth-child(2) ul{
		width: 127px;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabcontent > .grb > div > .plt-simp:nth-child(2) ul{
		width: 127px;}
	.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li svg{
		width: 156px;
		height: 152px;}
	.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li > span:first-child{
		width: 176px;}
	.payments-page .widget.offers-widget.var1 .swiper-container ul li .scb-col55{
		padding-left: 0;}
	.web-page{
		padding: 32px 40px;
	    height: auto;}
	.payments-page .quicklinks .crt-list.pri ul li{
		height: 48px;
		flex-shrink: 0;
		flex-grow: 3;
		flex-basis: 0%;
		width: 0;}
	.payments-page .quicklinks .crt-list.pri ul li label{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display:flex;
		width:100%;}
	.payments-page .quicklinks .crt-list.pri ul li svg{
		width: 36px;
		height: 36px;}
	.quicklinks{
		padding-bottom: 32px !important;}
	.web-page.payments-page > div > .grb:last-child > div:not(:last-child){
		margin-right: 32px;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child{
		margin-bottom: 32px;
		min-height: 356px;}
	.web-page.payments-page > div > .grb:last-child{
		height: calc(100% - 80px);
	    max-height: 676px;}
	.web-page.payments-page .web-panel--white{
		padding: 28px 32px !important;
		overflow: hidden;}
	.web-panel-heading .ett-labl.pri{
		font-size: 14px !important;								}
	.add-new-btn button.ett-bttn.ter{
		height: 32px;
		width: 170px !important;
		font-size: 14px;
		padding-left: 15px;}
	.add-new-btn button.ett-bttn.ter > .ett-icon{
		flex-shrink: 0;
		width: 20px;
		height: 20px;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:last-child .crt-list > ul > li:nth-child(n+6){
		margin-top: 21px;}
	.payments-page .quicklinks .crt-list.pri ul li:last-child svg{
		position: relative;
		left: 4px;
		margin-left: 0;}
	.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li img{
		width: 40px !important;
		height: 40px !important;}
	.web-page.payments-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri{
		margin-bottom: 23px;}
	.payments-page .web-tab .tabcontent{
		padding-top:35px;}
	.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:nth-child(2), .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2){
		padding-left: 28px;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child{
    	padding-left: 32px;
        padding-right: 32px;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child .ett-hypl.pri{
	  height: 32px;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li{
		margin-bottom: 33px;}
    .web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child,
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabs > li,
	.offers-panel.web-panel--white{
		padding-top: 33px !important;}
	.web-page.payments-page > div > .grb:last-child > div:not(:last-child) .tabcontent .crt-form > .srb.pri:first-child{
		margin-bottom: 36px;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) .crt-form > .srb.pri{
		margin-bottom:43px;}
	.plt-caro.pri .swiper-container .swiper-button-prev .ett-bttn.tsp, .plt-caro.pri .swiper-container .swiper-button-next .ett-bttn.tsp{
    	width: 32px;
    	height: 32px;}
    .plt-caro.pri .swiper-container .swiper-button-prev::before, .plt-caro.pri .swiper-container .swiper-button-next::before{
    	width: 19px;
    	height: 19px;
    	top: 9px;}
    .plt-caro.pri .swiper-container .swiper-button-prev::before,
    .plt-caro.pri .swiper-container .swiper-button-next::before{
    	left: 11px;}
    .quicklinks .crt-list.pri ul li .ett-para.pri{
		font-size: 14px !important;}
	.payments-page .quicklinks > div:first-child{
		width: 95.4%;}
	.payments-page .dashboard > div > .grb:last-child button svg.payments-page .dashboard > div > .grb:last-child button svg{
		margin-left: 4px;}
	.payments-page .dashboard > div > .grb:last-child button svg{
		margin-left: 4px;}
	.payments-page .quicklinks .crt-list.pri ul li:last-child{
		padding-left: 2px;}
	.payments-page .dashboard > div > .grb:last-child button{
		margin-top: 0;}
	.payments-page .quicklinks{
		padding-bottom: 24px !important;}
	.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li button{
		font-size: 14px;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .crt-list{
	    height: 214px;}
	.payments-page .dashboard .quicklinks{
		padding-bottom: 29px !important;}
	.payments-page .web-tab .tabcontent > .crt-list + .crt-form .ett-bttn.sec{
		width: 103px;
		height: 32px;
		font-size: 14px;}
	.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li button{
		width: 100px;
		height: 32px;}
	.payments-page .web-tab .tabcontent > .crt-list {
        margin-left: -32px;
        padding-left: 32px !important;
        margin-right: -24px;
        padding-right: 8px !important;
        max-height: 377px;}
	.payments-page .web-tab .tabcontent > .crt-list + .crt-form ul{
		width: 127px;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child > div > .plt-simp:nth-child(2) .ett-bttn.sec{
		width: 103px;
		height: 32px;
		font-size: 14px;}
	.web-page.payments-page > div > .grb:last-child > div:first-child .plt-simp{
		padding-bottom: 0;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabs > li{
		padding-top: 0 !important;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabs > li{
		height: 48px;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .crt-list{
		margin-left: -32px;
		padding-left: 32px !important;
		margin-right: -24px;
		padding-right: 24px !important;}
	.web-page.payments-page > div > .grb:last-child > div:first-child .crt-list > ul > li{
		margin-bottom: 32px;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child{
		padding-top: 20px !important;}
    .web-page.payments-page > div > .grb:last-child > div:last-child > .grb:first-child .ett-bttn.sec,
	.payments-page .offers-panel.web-panel--white .ett-bttn.sec{
		width: 103px;
		height: 32px;
		font-size: 14px;}
	.payments-page .widget.offers-widget .slider-btn .ett-bttn.tsp{
		width: 32px;
		height: 32px;
		background-size: 20px 20px;}
	.payments-page .widget.offers-widget .slider-btn .ett-bttn.tsp.swiper-button-next{
		right: -46px;}
	.payments-page .widget.offers-widget .slider-btn .ett-bttn.tsp.swiper-button-prev{
        left: -45px;
        top: -143px;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .crt-list{
	    padding-left: 32px !important;
	    padding-right: 24px !important;
	    margin-left: -32px;
	    margin-right: -24px;}
}
@media (max-width: 1050px){
    .payments-page.web-page > div > .grb:last-child{
        max-height: inherit !important;}
    .payments-page .web-tab .tabcontent > .crt-list {
        padding-right: 12px !important;
        max-height: 360px;}
	.web-page{
	  padding: 24px 32px !important;}
	.web-page.payments-page > div > .grb:last-child > div:last-child{
		flex-direction: row;
		margin-top:24px;
		width: 100%;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2){
		margin-right: 0;}
	.web-page.payments-page > div > .grb:last-child > div:not(:last-child){
		height: 642px;
		flex-grow: 2;}
	.web-page.payments-page > div > .grb:last-child > div:first-child{
        margin-right: 24px;
        box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);}
	.payments-page .web-tab.pst-tabs.hor.pri > ul.tabs{
		width: 100%;}
	.web-page.payments-page > div > .grb:last-child > div:first-child .crt-list > ul > li{
		margin-bottom: 29px !important;}
	.web-page.payments-page .web-panel--white{
		padding: 24px 28px !important;}
	.ecn > .icr > .ett-inpt.ter{
		padding-bottom: 12px;}
	.payments-page .ecn > .icr > .ett-inpt.ter{
	    padding-bottom: 9px;}
	.web-page.payments-page > div > .grb:last-child > div:not(:last-child) .tabcontent .crt-form > .srb.pri:first-child{
		margin-bottom: 32px;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child,
	.offers-panel.web-panel--white{
		padding-top: 32px !important;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) .crt-form > .srb.pri{
		margin-bottom: 38px;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child{
        margin-right: 24px;
        flex-shrink: 1;
        margin-bottom: 0;
        min-height: 330px;
        padding: 16px 28px 13px !important;}
    .payments-page .widget.offers-widget.var1 .swiper-container ul li{
		width: 100% !important;}
	.offers-panel.web-panel--white{
	    height: 330px;}
	.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li > span:first-child{
		width: 184px;}
	.payments-page .swiper-container.crt-list{
		margin-top: 25px !important;}
	.payments-page .widget.offers-widget.var1 .swiper-container ul li:nth-child(even){
		padding-left: 0;}
	.payments-page .offers-panel.web-panel--white .grb:nth-child(2) .crt-list{
		margin-top: 52px !important;}
	.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp.swiper-button-next{
		right: -45px;
		top: -143px;}
	.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp.swiper-button-prev{
		top: -165px;}
	.payments-page .widget.offers-widget.var1 .swiper-container ul li:nth-child(odd){
		border-right: none;}
	.web-page.payments-page > div > .grb:last-child{
		flex-wrap: wrap;}
	.web-page{
		height: auto;}
	.web-page.payments-page > div > .grb:last-child > div > div:first-child .tabs-ctr{
		margin-left: -28px;
		margin-right: -28px;
		padding-left: 28px;
		padding-right: 28px;}
	.payments-page .quicklinks .crt-list.pri ul li{
		flex-shrink: 0;
		flex-basis: 176px;
		height: 44px;
	    margin-right: 16px !important;
	    max-width: 176px;}
	.quicklinks .crt-list.pri ul{
		position: relative;
		overflow: hidden;
		padding-bottom: 24px;
		padding-top: 24px;
		margin-top: -24px;
		margin-bottom: -24px;}
	.quicklinks .crt-list.pri ul li:last-child{
		position: absolute;
		right: -50px;
		z-index: 2000;}
	.payments-page .quicklinks .crt-list.pri ul li svg{
    	width: 32px !important;
    	height: 32px !important;}
	.quicklinks .crt-list.pri{
		position: relative;}
	.quicklinks .crt-list.pri::before{
		position: absolute;
        content: '';
        top: 50%;
        right: 2px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        z-index: 1000;
        overflow: visible;
        background-image: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-carousel-arrow-left.svg);
        background-size: 20px 20px;
        background-position: center;
        background-repeat: no-repeat;
        transform: translateY(-50%) rotate(180deg);
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);}
	.payments-page .dashboard > div{
		display: flex;
		margin-bottom: -7px;}
	.payments-page .dashboard .grb:last-child button{
	    padding: 0;
	    margin: 0;}
	.payments-page .dashboard .grb:last-child button svg{
		width: 44px;
		height: 44px;
		margin-left: 34px;} 
	.payments-page .dashboard .grb:last-child{
		display: block;}
	.payments-page .dashboard .grb:first-child{
	    flex-shrink: 0;
	    flex-basis: 91.5%;
	    padding-bottom: 24px;} 
	.quicklinks{
	    padding-bottom: 24px;}
	.payments-page .dashboard > div > .grb:first-child{
    	flex-shrink: 0;
    	flex-grow: 5;
    	flex-basis: 0;}
	.payments-page .dashboard > div > .grb:last-child{
		flex-basis: 54px;
		padding-bottom: 0 !important;}
	.payments-page .dashboard > div > .grb:last-child button svg{
		margin-left: 4px;}
	.payments-page .dashboard > div > .grb:last-child button{
		margin-top: 1px;
		float: right;}
	.payments-page .quicklinks > div:first-child{
		width: 91%;}
	.payments-page .quicklinks .crt-list.pri ul{
		padding-bottom: 16px !important;
		justify-content: flex-start !important;
		margin-bottom: 14px !important;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div{
	    flex: 1;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .tabs-ctr > div:last-child .crt-form:last-child{
	    bottom: -20px;}
	.payments-page.web-page > div > .grb:last-child{
		flex-direction: row;}
	.payments-page.web-page > div > .grb:last-child > div:first-child .web-panel--white{
		height: 642px !important;
		overflow: visible;}
	.payments-page .add-new-btn button.ett-bttn.ter{
		width: auto !important;
		padding: 6px 28px 6px 16px;}
    .web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .crt-list{
        margin-left: -24px;
        margin-right: -20px;
        padding-left: 24px !important;
        padding-right: 28px !important;}
    .web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .crt-list{
		margin-right: -20px;}
	.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:nth-child(2), 
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2){
		padding-left: 24px;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li{
		margin-bottom: 29px;}
	.payments-page .quicklinks .crt-list.pri ul li:not(:last-child) > span:last-child{
		margin-left: 5px;}
}
@media (max-width: 850px){
    .payments-page.web-page > div > .grb:last-child > div:first-child .web-panel--white{
		height: 638px !important;}
	.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li svg{
		width: 124px;
		height: 120px;}
	.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li > span:first-child{
	    width: 151px;}
	.payments-page .swiper-container.crt-list{
		margin-top: -9px !important;}
	.payments-page .offers-panel.web-panel--white .grb:nth-child(2) .crt-list{
	    margin-top: 7px !important;}
	.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp.swiper-button-next{
	    right: -43px;
	    top: -106px;}
	.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp.swiper-button-prev{
	    top: -125px;}
    .web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .crt-list{
        height: 318px;}
    .payments-page .quicklinks > div:last-child button{
        display: block;
        margin-left: auto;}
    .web-page.payments-page > div > .grb:last-child > div:last-child > div{
        flex: 1;}
	.quicklinks .crt-list.pri::before{
		right: -20px;}
	.payments-page .dashboard .grb:first-child{
		flex-basis: 88.5%;}
	.payments-page .dashboard .grb:last-child button svg{
		margin-left: 33px;}
	.web-page.payments-page > div > .grb:last-child{
		flex-direction: column;}
	.web-page.payments-page > div > .grb:last-child > div{
		width: auto;}
	.web-page.payments-page > div > .grb:last-child > div:first-child{
		margin-right: 0;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2){
		margin-top: 24px;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child{
		margin-bottom: 0;
		min-height: 397px;
		/*min-height: 0;*/
	    
	}
	.web-page.payments-page > div > .grb:last-child > div:last-child{
		flex-direction: column;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child{
        margin-right: 0;
        /*max-height: 397px;scroll-issue */
        min-height: 397px;
	    
	}
	.web-page.payments-page .payments--dashb--approve--reject .tabs-ctr .crt-list > ul{
      	padding-bottom: 45px;
     }
	.web-page.payments-page > div > .grb:last-child > div:last-child > .grb:last-child{
        margin-top: 24px !important;
        max-height: 251px;}
	.web-page.payments-page > div > .grb:last-child > div > div:first-child .tabs-ctr{
		height: 488px !important;}
	.payments-page .quicklinks > div:first-child{
		width: 88%;}
	.pst-tabs > .tabs-ctr > div > .ttl{
		display: none !important;}
	.payments-page.web-page > div > .grb:last-child{
		flex-direction: column;}
}
@media (max-width: 750px){
    .web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabcontent{
		padding-top: 25px;}
    .payments-page .add-new-btn button.ett-bttn.ter{
    	width: auto !important;}
    .payments-page .dashboard .quicklinks .crt-list.pri ul li .ett-para.pri{
		margin-left: 0;}
    .payments-page .quicklinks .crt-list.pri ul{
        padding-left: 0 !important;}
    .web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .crt-list{
        height: 290px;}
  .payments-page .dashboard .grb:first-child{
    flex-basis: 100%;}
  .quicklinks .crt-list.pri ul{
    background: #fff;
    margin-top: 0px;
    margin-bottom: -12px !important;
    padding-left: 17px;
    padding-top: 33px;
    border-radius: 16px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);}
  .web-page{
    padding: 20px 16px !important;}
  .web-page.payments-page > div > .grb:last-child > div > div:first-child .tabs-ctr .ttl{
    display: none;}
  .web-page.payments-page > div > .grb:last-child > div:first-child{
    height: 611px;}
  .payments-page .quicklinks .crt-list.pri ul li svg{
    width: 44px;
    height: 44px;}
  .payments-page .quicklinks .crt-list.pri ul li{
    margin-right: 0;
    flex-basis: 80px;
    padding-left: 0;
    box-shadow: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
  .payments-page .quicklinks .crt-list.pri ul li > span:last-child{
    margin-top: 5px;}
  .quicklinks .crt-list.pri::before{
    right: -11px;}
  .payments-page .quicklinks .crt-list.pri ul li:not(:last-child) > span:last-child{
    margin-left: 0;
    font-size: 12px;}
  .payments-page .quicklinks .crt-list.pri ul li:not(:last-child) > span:last-child label{
    display: flex;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .payments-page .quicklinks .crt-list.pri ul li:nth-child(4) > span:last-child label{
    justify-content: flex-start;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 70px;
    display: block;}
  .web-page.payments-page > div > .grb:last-child > div:last-child > .grb:last-child{
        padding: 16px 12px 16px 16px  !important;
        border-radius: 16px;
        margin-top: 16px !important;
        min-height: 230px;
        max-height: 230px;}
  .payments-page .web-tab .tabcontent{
    padding-top: 29px;
    padding-left: 13px;
    padding-right: 13px;}
  .web-page.payments-page > div > .grb:last-child > div:nth-child(2){
    margin-top: 16px;}
  .web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child, .offers-panel.web-panel--white{
    padding-top: 29px !important;}
  .web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li > span:nth-child(2) p:last-child, .web-page.payments-page > div > .grb:last-child > div:first-child > div:first-child .crt-list > ul > li > span:nth-child(2) > .srb.pri:last-child, .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2){
    font-size: 10px;}
  .web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:nth-child(2), .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2){
        padding-left: 20px;
        flex-grow: 1;
        width: 55%;}
  .plt-caro.pri .swiper-container .swiper-pagination-bullet{
    width: 6px;
    height: 6px;}
  .plt-caro.pri .swiper-container .swiper-pagination-bullet-active{
    width: 15px;
    height: 6px;}
  .offers-panel .swiper-pagination{
    margin-top: -60px;}
  .offers-panel.web-panel--white{
    height: 230px;}
  .web-page.payments-page > div > .grb:last-child > div > div:first-child .tabs-ctr{
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 4px;
    padding-right: 0;
    overflow-x: hidden;}
  .web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li{
    margin-bottom: 28px;}
  .web-page.payments-page > div > .grb:last-child > div:nth-child(2) .crt-form > .srb.pri{
    margin-bottom: 34px;}
  .web-page.payments-page > div > .grb:last-child > div:last-child{
    margin-top: 16px;}
  .web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .crt-list{
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;}
  .web-page.payments-page .web-panel--white{
    padding: 16px !important;
    border-radius: 16px;} 
	.payments-page .quicklinks .crt-list.pri ul li > span:first-child{
		text-align: center;}
	.offers-panel .plt-caro{
		margin-left: -16px;
		margin-right: -26px;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .crt-list{
		height: 250px;
		overflow-y: overlay;
		padding-bottom: 20px;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child .ett-hypl.pri{
		width: 103px;
		height: 32px;
		align-items: center;
		justify-content: center;}
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child{
        height: 56px;
        padding-top: 0;
        padding-left: 16px !important;
        padding-right: 16px !important;}
	.payments-page .quicklinks > div:first-child{
		width: 83.7%;}
	.payments-page .dashboard > div{
		margin-bottom: 16px;}
	.payments-page .dashboard .quicklinks .crt-list.pri ul li{
		background: #fff;
		display: flex;
		width: auto;
		justify-content: flex-start;
		padding-left: 4px;
		box-shadow: 7px 7px 30px rgba(48, 64, 72, 0.06);}
	.payments-page .dashboard .quicklinks .crt-list.pri ul li .ett-para.pri{
        margin-top: 0;
        max-width: 66px;
        overflow: hidden;
        display: block;
        word-wrap: break-word;
        text-overflow: initial;
        white-space: break-spaces;}
    .payments-page .dashboard .quicklinks .crt-list.pri ul{
        padding-bottom: 45px !important;}
	.payments-page .quicklinks .crt-list.pri ul{
	    padding-top: 24px !important;
        padding-bottom: 24px !important;
        margin-bottom: -7px !important;
		padding-top: 34px !important;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .tabs-ctr > div:last-child .crt-form:last-child{
		bottom: -48px;}
	.payments-page .quicklinks .crt-list.pri ul li .ett-para.pri{
		width: 100%;}
	.payments-page .quicklinks .crt-list.pri ul li:not(:last-child) > span:last-child{
		margin-left: 0;}
	.payments-page .dashboard .quicklinks .crt-list.pri ul li svg{
		width: 44px !important;
		height: 44px !important;}
	.payments-page .dashboard .quicklinks > .gcb-col2 .ett-bttn.tsp{
	    position: relative;
		margin: 12px 0 0;
		width: 40px;
		height: 40px;}
    .payments-page .dashboard .quicklinks .crt-list.pri ul li{
        top: -10px;
        position: relative;
        box-shadow: none;
        margin-right: 0 !important;
        background: transparent;
        padding-left: 0;}
    .web-page.payments-page > div > .grb:last-child > div:first-child .crt-list > ul > li{
		margin-bottom: 28px !important;}
    .payments-page .dashboard .quicklinks > .gcb-col2 .ett-bttn.tsp::before{
    	position: absolute;
    	content: 'Edit';
    	bottom: -30px;
    	left: 50%;
    	transform: translateX(-50%);
    	font-size: 12px;}
    .web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .crt-list{
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .crt-list{
		padding-left: 16px !important;
		padding-right: 12px !important;
		margin-right: 4px;}
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child{
		padding-right: 0 !important;} 
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child{
		padding: 16px !important;}
	.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child .crt-list{
		padding-left: 16px !important;
		margin-left: -16px;
		padding-right: 12px !important;
		margin-right: -9px;}
	.payments-page .swiper-container.crt-list{
		margin-top: 11px !important;}
	.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li svg{
		width: 116px;
		height: 112px;}
	.payments-page .offers-panel.web-panel--white .crt-list:last-child > ul.swiper-wrapper > li > span:first-child{
		width: 136px;}
	.payments-page .widget.offers-widget.var1 .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
		margin: 0 2px !important;}
	.payments-page .widget.offers-widget.var1 .swiper-pagination-bullet-active{
		width: 16px;
		height: 6px;}
	.payments-page .offers-panel.web-panel--white .grb:nth-child(2) .crt-list{
		margin-top: 10px !important;}
	.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp.swiper-button-next{
		right: -27px;
		top: -105px;}
	.payments-page .widget.offers-widget.var1 .slider-btn .ett-bttn.tsp.swiper-button-prev{
	    top: -120px;
	    left: -30px !important;}
    .payments-page .web-tab .tabcontent > .crt-list{
        padding-left: 16px !important;
        margin-left: -16px;
        margin-right: -8px;
        padding-right: 8px !important;
        margin-top: -6px;}
	.payments-page .web-tab .tabcontent > .crt-list + .crt-form{
		padding-bottom: 21px !important;
		margin-left: 16px;
		margin-right: 16px;}
	.payments-page .web-tab .tabcontent > .crt-list + .crt-form ul,
	.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child > div > .plt-simp:nth-child(2) ul,
	.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .tabcontent > .grb > div > .plt-simp:nth-child(2) ul{
		width: 103px;}
}


/*------------------------------------------------------- My Payments styles -------------------------------------------------------------*/

.my-payments-page .web-tab .tabcontent{
	height: auto;}
.web-close-accounts-row.my-payments-page > div:last-child{
	z-index: 2000;}
.web-close-accounts-row.my-payments-page > div:last-child svg{
	width: 340px;
	height: 340px;}
.my-payments-page .srb.pri,
.my-payments-page .ett-labl.pri,
.my-payments-page .ett-para.pri{
	line-height: 1 !important}
.my-payments-page.web-close-accounts-row > div:first-child > .grb:last-child{
	border-top: 1px solid #e8e8e8;
	padding-top: 27px;
	width: 734px;}
.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs{
	width: 378px;}
.my-payments-page .tabcontent .ecn{
	width: 228px;
	margin-right: 27px;}
.my-payments-page .tabcontent > .crt-form:first-child{
    width: auto;
    margin-top: -45px;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list{
	padding-top: 33px !important;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li{
	display: flex;
	align-items: center;
	margin-bottom: 37px;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li img{
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 50%;
	width: 44px;
	height: 44px;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li .ett-bttn.ter{
	width: 116px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 2px;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(2){
	display: flex;
	flex-direction: column;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(2) > .ett-para.pri:last-child{
    font-size: 12px;
    color: #575757;
    margin-top: 10px;
    line-height: 1.4 !important;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(3) > .ett-para.pri{
	color: #212121;
	font-weight: 700 !important;}
.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs > li:first-child{
	width: 200px;
	flex-shrink: 0;
	padding-bottom: 14px}
.status-modal.web-modal .web-modal-footer .crt-form > .srb.pri:first-child{
	padding: 0;}
.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs{
	position: relative;}
.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs::before{
	position: absolute;
	content: '';
	height: 100%;
	width: 1px;
	background: #E8E8E8;
	right: -32px;}
.my-payments-page .ecn > .icr > svg{
    right: 4px;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 8px;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:last-child .ett-slct.ter{
	border-bottom: none;
    position: relative;
    width: 100%;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:last-child .ett-slct.ter .sub-elt1{
    position: absolute;
    right: 0;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:last-child > .ecn{
	max-width: 100%;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:last-child .ett-slct.ter .sub-elt1 svg{
	display: none;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:last-child .ett-slct.ter::before{
		background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-more.svg');
		position: absolute;
		content: '';
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 24px;
		height: 24px;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:first-child .ett-para.pri{
	color: #575757;
	font-size: 12px;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:first-child{
	padding-bottom: 16px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 36px;}
.hide-menuitem.ett-slct.ter ul > li:first-child,
.hide-menuitem.sub-ctr ul > li:first-child{
  display: none;}
.hide-menuitem.ett-slct.ter .sub-ctr{
	left: calc(100% - 24px) !important;
    width: 157px;}
.ett-slct.ter .sub-ctr ul li{
	text-align: left;
    outline: none;
    font-weight: 500;
}
.hide-menuitem.ett-slct.ter .sub-ctr > ul > li:not(:first-child){
	position: relative;
	padding: 0;
	height: 48px;
	display: flex;
	align-items: center;
	padding-left: 52px;}
.hide-menuitem.ett-slct.ter .sub-ctr > ul > li::before{
	position: absolute;
	content: '';
	left: 16px;
	height: 20px;
	width: 20px;}
.hide-menuitem.ett-slct.ter .sub-ctr > ul > li:nth-child(2)::before{
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-edit.svg');}
.hide-menuitem.ett-slct.ter .sub-ctr > ul > li:nth-child(3)::before{
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-delete.svg');}
.hide-menuitem.ett-slct.ter .sub-elt{
	color: transparent;
	text-shadow: none;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:nth-child(3) .ett-para.pri{
		font-weight: 700;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:nth-child(2){
	display: flex;
	flex-direction: column;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri:last-child{
	font-size: 12px;
	color: #575757;
	margin-top: 10px;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child{
	display: flex;
	align-items: center;}
.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:first-child{
	width: auto;
	padding-right: 32px;	}
.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri{
	display: flex;}
.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:first-child{
	margin-left: auto;	}
.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:last-child{
	width: auto;
    margin-left: 0;	}
.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:last-child ul{
	max-width: 24px;}
.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:last-child ul .ett-slct{
	width: 24px;
	border-bottom: none;}
.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:last-child ul.web-dropdown .ett-slct.ter::before{
    background-image: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-filter-icon.svg");
    position: absolute;
    left: 0;}
.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:last-child ul .ett-slct input{
    color: transparent;
    text-shadow: none;
    border-bottom: none;}
.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:first-child > ul:first-child .ecn{
	margin-right: 40px;}
.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:last-child ul .ett-slct.ter.is-open{
	border-bottom: none !important;}
.ett-slct.ter #WebPay__MyPayments__el_dpd_1_div ul li{
	white-space: nowrap !important;}
.ett-slct.ter #WebPay__MyPayments__el_dpd_1_div{
    margin-top: 0;
    width: 175px;
    left: -151px;}

/*-------------------------------------------------------- Pay bill edit styles ----------------------------------------------------------------*/

.paybill-edit-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:first-child .ett-para.pri{
	font-size: 12px;
	margin-bottom: 10px;
	color: #575757;
	display: block;}
.paybill-edit-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child{
	display: flex;
	align-items: center;
	border: 1px solid #e8e8e8;
	border-radius: 16px;
	margin-top: 28px;
	height: 68px;
	padding-left: 16px;}
.paybill-edit-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #e8e8e8;}
.paybill-edit-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child > span:first-child{
	padding-right: 20px;
	width: auto;}
.paybill-edit-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child > span:last-child .ett-para.pri{
	font-size: 14px;
    color: #575757;
	margin-left: 5px;
	position: relative;
	top: -1px;}
.paybill-edit-page .raise-dispute-form > .srb.pri:last-child > span:last-child > .srb.pri{
	border-radius: 12px;
	border: 1px solid #e8e8e8;
	padding: 28px;
	margin-bottom: 32px;}
.paybill-edit-page .raise-dispute-form > .srb.pri:last-child > span:last-child > .srb.pri:first-child{
	padding-top: 44px;}
.paybill-edit-page .raise-dispute-form > .srb.pri:last-child > span:last-child > .srb.pri:first-child > span > .srb.pri:last-child{
	margin-top: 52px;}
.paybill-edit-page .raise-dispute-form > .srb.pri:last-child > span:last-child > .srb.pri:last-child{
	padding-top: 25px;
	padding-bottom: 25px;}
.paybill-edit-page .raise-dispute-form > .srb.pri:last-child > span:last-child > .srb.pri:last-child > span > .srb.pri:first-child .ett-labl.pri{
	font-size: 16px;
	font-weight: 700;}
.paybill-edit-page .raise-dispute-form > .srb.pri:last-child > span:last-child > .srb.pri:last-child > span > .srb.pri:first-child{
	padding-bottom: 21px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 23px;}
.paybill-edit-page .raise-dispute-form > .srb.pri:last-child > span:last-child > .srb.pri:last-child > span > .srb.pri:not(:first-child):not(:last-child){
	margin-bottom: 19px;}
.paybill-edit-page .raise-dispute-form > .srb.pri:last-child > span:last-child > .srb.pri:last-child > span > .srb.pri:not(:first-child) .ett-labl.pri{
	font-size: 16px;
	color: #575757;}

/*--------------------------------------------------------- Payee/Biller details styles ---------------------------------------------------------*/

.payee-biller-details-page .web-panel .ett-bttn.ter{
	height: 40px !important;
	padding-left: 20px;
	padding-right: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2){
	padding: 32px 32px 35px !important;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
	padding: 22px 43px 22px 32px !important;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri{
    display: flex;
    align-items: center;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 30px;
	padding-bottom: 28px;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri .ett-para.ter{
	font-weight: 700;
	white-space: nowrap;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:first-child{
	margin-bottom: 28px;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri ul:last-child .ett-para.pri{
	display: block;
	margin-top: 17px;
	font-size: 16px;
	font-weight: 500;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri ul:first-child .ett-labl.pri{
	font-size: 14px !important;
	color: #575757;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child{
	padding-top: 36px;
	border-top: 1px solid #e8e8e8;
	margin-top: 30px;} 
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri{
	margin-bottom: 0;
	display: flex;
	align-items: center;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:nth-child(2) .ett-bttn.ter{
	width: 111px !important;
	margin-right: 16px;}
.payee-biller-details-page .web-panel .ett-bttn.ter > svg{
	margin-right: 8px;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:first-child .ett-labl.pri,
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(3) .ett-para.pri{
	font-weight: 700;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(2){
    padding-left: 52px;
    flex-shrink: 0;
    width: auto;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(3){
	padding-left: 52px;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li{
	display: flex;
	white-space: nowrap;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:first-child{
	width: auto;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:last-child{
    flex-grow: 1;
    padding-right: 28px;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:nth-child(2){
	padding-left: 25px;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-hyperlink{
	position: relative;
	top: 2px;
	left: 34px;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri{
	display: flex;
	align-items: center;
	justify-content: flex-start;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child ul{
	margin-bottom: 0;}
.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-hyperlink a > svg{
	position: relative;
	left: 5px;
	top: -1px;
	width: 24px;
	height: 24px;}
.payee-biller-details-page .web-panel{
	border-radius: 12px;}
.payee-biller-details-page .web-close-accounts-row > div:last-child img{
	display: block !important;
	transform: translateY(-50%);
	left: 108px;}
.status-modal.web-modal img,
    .status-modal.web-modal svg{
    	width: 240px;
        height: auto;
        margin-top: 80px;
    }
/*---------------------------------------- status modal responsive styles -------------------------------------------------------------*/
@media (max-width: 1650px){
    .status-modal.web-modal img,
    .status-modal.web-modal svg{
    	width: 170px;
        height: auto;
        margin-top: 10px;
    }
}
@media (max-width: 1800px){
	.card-request-status-modal.status-modal.web-modal .modal-header{
		margin: 0;}
	.card-request-status-modal.status-modal.web-modal img{
		margin-top: 100px;
		height: 250px;}
	.card-request-status-modal.status-modal.web-modal .modal-header::after{
		top: -3px;}
	.card-request-status-modal.status-modal.web-modal svg{
		width: 230px;
		height: 230px;}
}
@media (max-width: 1050px){
	.card-request-status-modal.status-modal.web-modal img{
		margin-top: 50px;}
    .block-replace-status-modal.status-modal.web-modal svg{
		transform: scale(0.9);
		margin-top: 0 !important;}
	.card-request-status-modal.status-modal.web-modal svg{
		width: 200px;
		height: 200px;
		margin-top: 120px;}
}
@media (max-width: 850px){
	.card-request-status-modal.status-modal.web-modal svg{
		margin-top: 200px;}
}
@media (max-width: 750px){
	.status-modal.web-modal .modal-header::after{
    	top: -5px;}
    .status-modal.web-modal img{
    	width: 300px;
    	height: 200px;
    	left: 0px;}
    .card-request-status-modal.status-modal.web-modal svg{
		margin-top: 120px;}
}

/*--------------------------------------------------- Delete Biller/Payee modal styles ---------------------------------------------------------*/

.delete-modal.status-modal.web-modal .modal-header::after{
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-modal-left-arrow.svg');
	top: 1px;}
.delete-modal .ett-chek.hor.pri > span{
	margin: 0;}
.delete-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	padding-bottom: 32px;}
.delete-modal.status-modal.web-modal img{
	width: auto;
	height: auto;
	margin-top: 100px;}
.ett-chek.hor.pri input[type="checkbox"]:checked + label::before{
    background-image: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-tick-icon-white.svg)!important;
    background-color: #005587 !important;
    border-color: #005587 !important;
	width: 18px;
	height: 18px;}
.ett-chek.hor.pri input[type="checkbox"] + label::before{
    width: 18px;
    height: 18px;
    border-color: #212121;
    border-radius: 0;}
.delete-status-modal.status-modal.web-modal .modal-header,
.web-edit-payee-biller-details.web-modal .modal-header{
	margin: 0;}
.web-edit-payee-biller-details.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	padding-top: 55px;}
.delete-status-modal.status-modal.web-modal img{
    width: auto;
    height: auto;
    margin: auto;
    margin-top: 150px;
    display: block !important;}
.delete-status-modal.status-modal.web-modal svg{
	display: none;}
.web-modal .modal-header{
	margin: 0;}

/*------------------------------------------------- Address book responsive styles -------------------------------------------------------------*/

@media (max-width: 1800px){
    .address-book-page .ecn > .icr > svg{
	  top: -2px;}
	.address-book-page{
		padding-top: 32px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child{
		width: 440px;
        padding: 28px;}
	.address-book-page .web-panel--white{
		padding: 32px;
		padding-top: 22px;
		height: 696px;}
	.address-book-page .tabcontent > .grb:first-child{
		margin-top: 7px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li .ett-bttn{
		width: 100px;
		height: 32px;
		font-size: 14px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li img{
		width: 40px;
		height: 40px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li{
		height: 80px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) > span:first-child{
    	width: 177px;
        padding-right: 0;
	    margin-bottom: 5px;
	}
	.address-book-page .web-tab.pst-tabs.hor.pri > ul li{
		padding-left: 24px;
		padding-right: 28px;}
	.address-book-page .ecn > .icr > .ett-inpt.ter{
		margin-top: -10px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list{
		height: 560px;
		margin-top: 33px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li{
		margin-bottom: 29px;}
	.address-book-page .ecn > .icr > .ett-inpt.ter{
    	padding-bottom: 10px;										}
	.address-book-page .grb.show-all-row:last-child::before{
		width: 32px;
		height: 32px;
		background-size: 19px 19px;}
	.address-book-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3){
		height: 48px;
		margin-top: 19px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2){
		font-size: 12px;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:first-child{
		width: 245px;
		flex-shrink: 0;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(2){
		margin-top: 29px;
		padding-bottom: 14px;
		margin-bottom: 21px;}
	.address-book-page .ett-inpt.ter[readonly]{
		font-size: 16px !important;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(2) > span:nth-child(2){
		padding-right: 14px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form .srb.pri .ett-labl.pri{
		font-size: 14px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(3) .srb.pri{
		margin-bottom: 14px !important;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(3){
		padding-bottom: 4x;
		margin-bottom: 20px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .ett-bttn.sec{
		font-size: 14px;
		width: 188px;
		height: 40px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n + 1) > div > .plt-simp > .pst-simp > .grb .grb:first-child svg{
		width: 100%;
		height: 293px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:first-child(2n + 1) .grb:first-child .crt-form > .srb.pri .srb.pri:last-child .ett-labl.pri{
		font-size: 16px;
		margin-top: 33px;
		margin-bottom: 18px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:first-child .grb:first-child .crt-form > .srb.pri .srb.pri:last-child .ett-labl.pri, .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(3) .grb:first-child .crt-form > .srb.pri .srb.pri:last-child .ett-labl.pri{
		font-size: 16px;
		margin-top: 33px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:first-child{
		height: 64px;
		margin-bottom: 24px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:not(:first-child) > span::before{
		height: 20px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:first-child .ett-labl.pri{
		font-size: 14px;}
	.web-page.address-book-page {
        height: auto;
        padding-bottom: 128px;}
	.address-book-page .grb:last-child,
	.address-book-page .grb:last-child > div:first-child{
		height: auto;}
	.address-book-page .grb:last-child{
	    max-height: 100%;
	    margin-bottom: 100px;
	}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
		margin-top: 6px;
		height: 85%;
		padding-right: 24px;
		max-height: 400px;
        margin-right: -24px;
        padding-left: 32px;
        margin-left: -32px;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:last-child{
	    width: 160px;}
}
@media (max-width: 1050px){
	.address-book-page{
		margin-top: 4px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child{
	    width: 342px;
        padding: 24px;
        margin-left: 0;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-form > .srb.pri:first-child .web-hyperlink{
		padding-left: 0;}
	.address-book-page .web-panel--white{
		padding: 28px;
		padding-top: 28px;
		height: 588px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb > div > .plt-simp:first-child .crt-form > .srb.pri > span:first-child{
		width: 50%;		}
	.address-book-page .web-tab.pst-tabs.hor.pri > ul.tabs > li{
	    padding: 4px 28px 12px 24px;
	    display: flex;
	    align-items: flex-end;}
	.address-book-page .web-tab.pst-tabs.hor.pri > ul.tabs > li svg{
		position: relative;
		top: 2px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li{
		margin-bottom: 29px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2){
		padding-left: 24px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
	    margin-top: 0;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list{
		margin-left: -28px;
		margin-right: -28px;
		padding-left: 28px;
		padding-right: 28px;}
	.address-book-page .tabcontent > .grb:first-child{
		margin-top: 5px;}
	.address-book-page .grb:last-child{
		height: 100%;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2){
		flex-direction: column;}
	.address-book-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 17px;																		}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li{
		margin-bottom: 0;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3){
		height: 40px;
		padding-left: 16px;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:nth-child(2){
		display: none;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) .ett-labl.pri{
		font-size: 14px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2) > span{
		display: flex;
		align-items: flex-start;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2) > span > span:first-child{
		width: auto;
		margin-bottom: 0 !important;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li{
		padding-left: 16px;
		padding-right: 52px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li.active::before{
		right: 16px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2){
		margin-top: 7px;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:first-child{
		width: 263px;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:last-child{
		width: 138px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(2){
		margin-top: 20px;
		padding-bottom: 10px;
		margin-bottom: 17px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(2) > span:nth-child(2){
		padding-right: 10px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(3) .srb.pri{
		margin-bottom: 9px !important;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(3){
		margin-bottom: 16px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(4) > span:first-child ul:last-child{
		display: block !important;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(4) > span:first-child ul:first-child{
		display: none !important;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .ett-bttn.sec{
		top: 0;
		left: 7px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(4){
		display: flex;
		align-items: center;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n) .crt-form > .srb.pri:nth-child(4) > span{
		width: 106px !important;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(2n + 1) > div > .plt-simp > .pst-simp > .grb .grb:first-child svg{
		height: 224px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:first-child(2n + 1) .grb:first-child .crt-form > .srb.pri .srb.pri:last-child .ett-labl.pri{
		margin-top: 25px;
		margin-bottom: 14px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:first-child{
		margin-bottom: 20px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:not(:first-child) > span:first-child{
		width: 164px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:nth-child(3) > span:last-child::before,
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:nth-child(4) > span:last-child::before{
		width: 130px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:not(:first-child) > span{
		margin-bottom: 16px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:not(:first-child){
		display: flex;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .grb:nth-child(2n+1) .grb:last-child:not(:first-child) .crt-form > .srb.pri:not(:first-child) > span:last-child::before{
		margin-left: 8px;}
	.web-page.address-book-page{
		padding-bottom: 20px;}
	.address-book-page.web-page{
		height: auto !important;
		margin-top: 0;
		padding-top: 28px !important;
		padding-bottom: 20px !important;}
    .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child {
        height: auto !important;
        max-height: 560px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:first-child .grb:first-child .crt-form > .srb.pri .srb.pri:last-child .ett-labl.pri, 
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb:nth-child(3) .grb:first-child .crt-form > .srb.pri .srb.pri:last-child .ett-labl.pri{
		margin-top: 28px !important;
	    margin-bottom: 13px !important;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:last-child{
	    width: 152px;
	    margin-left: auto;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri{
		display: flex;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
		padding-right: 20px;
		margin-right: -20px;
		padding-left: 28px;
		margin-left: -28px;}
}

@media (max-width: 850px){
    .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child {
	    height: 816px !important;
	    max-height: 816px;}
	.address-book-page .grb:last-child{
		flex-direction: column;}
	.address-book-page .grb:last-child > div{
		width: 100% !important;
		margin-left: 0 !important;
		flex:  1 1 auto !important;}
	.address-book-page .web-panel--white{
		height: 598px !important;}
	.address-book-page .grb.show-all-row:last-child{
		bottom: -27px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list {
        max-height: 800px;}
	.address-book-page .grb:last-child > div{
		margin-top: 0px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb > div > .plt-simp:first-child .crt-form > .srb.pri > span:first-child{
		width: auto;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:last-child .ett-para.pri{
		width: 100%;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child{
		display: none;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:first-child{
		width: 432px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li{
		padding-right: 16px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li.active::before{
		display: none;}
	.payee-biller-preview-modal .modal-window{
		background: #fff !important;
		padding-top: 72px !important;}
	.payee-biller-preview-modal.web-modal .modal-cnt{
		padding-top: 25px !important;
		margin-top: 28px;
		border-top: 1px solid #e8e8e8;}	
	.payee-biller-preview-modal.web-modal .ett-inpt.ter[readonly]{
		border: none;
		padding: 0;
		color: #005587;
		font-size: 16px !important;
		font-weight: 700;
		opacity: 1;}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(2){
		padding-top: 23px;
		padding-bottom: 7px;
		border-bottom: 1px solid #e8e8e8;
		margin-bottom: 17px;}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(2) > span:nth-child(2){
		padding-right: 13px;}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(3) .srb.pri{
		margin-bottom: 9px;}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(3){
		border-bottom: 1px solid #e8e8e8;
		padding-bottom: 8px;}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(3) .ett-para.pri{
		color: #212121;
		font-weight: 700;}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(3) .ett-labl.pri{
		color: #575757;
		font-size: 14px;}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(4) .ett-bttn.sec{
        width: 188px;
        height: 40px;
        padding: 0;
        margin: 0;
        font-size: 14px;
        margin-left: 11px;
        z-index: 7000;
        position: relative;}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(4){
		padding-top: 16px;}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(4) .ett-labl.pri{
		font-size: 14px;}
	.payee-biller-preview-modal.web-modal .modal-header h1{
	  font-weight: 700;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:last-child{
	    width: 116px;}
	.address-tab > ul > li {
        width: 45% !important;
        }
}
@media (max-width: 750px){
    .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child {
	    height: auto !important;
	    max-height: 100%;}
    .address-book-search > ul:first-child{
        display: block !important;
        margin-top: 31px;
        margin-bottom: -1px !important;}
	.address-book-search > ul:first-child > li:last-child{
		width: 100%;
	    display: block;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(2) .address-book-search > ul:last-child{
		 display: none !important;}
	.address-book-search > ul:first-child svg{
		display: none;}
	.address-book-search > ul:first-child input{
		border-bottom: 1px solid #e8e8e8 !important;}
	.address-book-search > ul:first-child input::placeholder{
		color: #575757 !important;
		opacity: 1 !important;
		font-weight: normal !important;}
	.address-book-search > ul:nth-child(2){
		display: block !important;
		position: absolute;
		right: 0;
		width: auto;
		bottom: 8px;}
	.address-book-search .ett-hypl.pri{
		color: #E01010 !important; 
		font-weight: 500;
		font-size: 14px;}
    .address-book-page .ecn > .icr > svg{
	  right: -4px;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(2) ul:first-child{
		display: none;}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(2) ul:last-child{
        display: block !important;
        margin-left: auto;
        float: right;
        width: 24px;}
	.address-book-page{
        padding-top: 28px !important;
        margin-top: 0;}
	.address-book-page .tabcontent > .grb:first-child{
		margin-top: 75px;}
	.address-book-page .tabcontent > .grb:first-child .ett-bttn{
        margin-left: 0;
        z-index: 1000;
        position: relative;}
	.address-book-page .web-panel--white{
		padding: 20px 16px 24px 16px;
		height: 619px !important;
		border-radius: 16px;}
	.address-book-page .ecn > .icr > .ett-inpt.ter::placeholder{
		color: transparent;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 0;
		padding-right: 0;
		overflow-x: hidden;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2){
		padding-left: 20px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2){
		width: 50%;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:last-child{
		width: 35%;}
	.address-book-page .plt-tabs > .pst-tabs > .tabs-ctr > div > .tabcontent > .grb:last-child,
	.address-book-page .plt-tabs > .pst-tabs > .tabs-ctr > div:last-child > .tabcontent > .grb:nth-child(2){
        top: -47px;
        position: relative;}
	.address-book-page .plt-tabs > .pst-tabs > .tabs-ctr{
		height: calc(100% - 45px);}
	.address-book-page .grb:last-child > div:last-child{
		margin-top: 0;}
	.address-book-page .grb.show-all-row:last-child::before{
		display: none;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div.web-panel--white:last-child{
		margin-top: 16px;	}
	.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:nth-child(2) .ett-para.pri, .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li .ett-para.pri{
		width: auto;	}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child > .grb > div > .plt-simp:first-child .crt-form > .srb.pri > span:first-child{
		width: 70%;	}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child{
		padding: 20px 16px;	}
	.address-book-page .web-hyperlink .ett-hypl.pri{
	    position: relative;
	    left: -25px;	}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list{
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px;
		height: 100%;	}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:first-child{
			width: 185px;	}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(2){
		margin-top: 0;
		position: relative;
		top: -27px;}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li{
	    padding-left: 28px;
        padding-right: 24px;	}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3){
		margin-top: -6px;
		margin-bottom: -7px;
		padding-left: 12px;	}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2){
		font-size: 10px;	}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) > span:nth-child(2) > span > .srb.pri:first-child > span:first-child{
		margin-right: 6px;	
	    display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
	}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li{
        height: 70px;
        padding-left: 12px;
        padding-right: 4px;}
	.address-book-page .grb:last-child > div:first-child{
		height: auto !important;	}
	.payee-biller-preview-modal.web-modal .modal-cnt{
		border-top: none;
		margin-top: 0;
		padding-top: 16px !important;	}
	.payee-biller-preview-modal.web-modal .modal-header{
		padding-bottom: 24px !important;
		border-bottom: 1px solid #e8e8e8;	}
	.payee-biller-preview-modal.web-modal.modal.in .modal-window{
		padding-top: 36px !important;	}
	.payee-biller-preview-modal.web-modal .modal-cnt > .grb > div > .grb .crt-form > .srb.pri:nth-child(2) > span:nth-child(2){

		position: relative;
		left: -7px;	}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) .ett-para.pri{
	    width: 70%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;}
	.web-page.address-book-page > div > .plt-simp > .pst-simp > .grb > div:first-child > div:last-child{
        bottom: 0;
        height: 52px;}
    .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
		padding-left: 16px;
		margin-left: -16px;
		padding-right: 12px;
		margin-right: -12px;	}
	.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li:first-child{
		margin-top: 12px;	}
	.address-book-page .grb:last-child > div:first-child .crt-form:nth-child(3) > .srb.pri > span:last-child{
		width: 104px;	}
}

/*------------------------------------------------ Biller/Payee details responsive styles ---------------------------------------------------*/

@media (max-width: 1800px){
	.payee-biller-details-page .web-close-accounts-row > div:first-child{
		padding: 42px 40px 138px;	}
	.payee-biller-details-page .web-page-heading .ett-labl.pri{
		font-size: 20px !important;
		font-weight: 500;}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2){
        padding: 28px 28px 29px !important;}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri svg{
		width: 52px;
		height: 52px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:nth-child(2){
		padding-left: 20px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:nth-child(2) .ett-bttn.ter{
		width: 96px !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:nth-child(2) .ett-bttn.ter > svg,
	.payee-biller-details-page .web-panel .ett-bttn.ter > svg{
		width: 20px !important;
		height: 20px !important;	}
	.payee-biller-details-page .web-panel .ett-bttn.ter{
		width: 112px;
		height: 32px !important;
		padding: 0 28px 0 16px;
		font-size: 14px !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri{
		padding-bottom: 24px;
		margin-bottom: 29px;	}
	.payee-biller-details-page .web-panel .crt-form > .srb.pri .srb.pri > span:last-child p, 
	.payee-biller-details-page .web-panel .crt-form > .srb.pri:last-child > span:last-child p{
		font-size: 14px;
		font-weight: 500;}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri ul:first-child .ett-labl.pri{
		 font-size: 12px !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri ul:last-child .ett-para.pri{
		font-size: 14px;
		margin-top: 21px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:first-child{
		margin-bottom: 31px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child{
		margin-top: 28px;
		padding-top: 30px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		padding: 20px 32px 19px 28px !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri > span:last-child svg{
		width: 102px;
		height: 65px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(3){
		padding-left: 0;
		padding-right: 83px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span{
		width: auto;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:first-child{
		padding-right: 44px;	}
    .payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(2){
        padding-right: 44px;
        padding-left: 0;
        flex-grow: 0;}
    .payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:last-child{
        padding-right: 20px;}
	.web-footer .ett-bttn.ter{
		width: 110px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:first-child > span:last-child{
		position: relative;
		left: -33px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-hyperlink a > svg{
		width: 20px;
		height: 20px;	}
    .payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-hyperlink{
		left: 33px;	}
	.payee-biller-details-page .web-close-accounts-row > div:last-child img{
		width: 272px;
		height: 272px;
		left: 99px;	}
}
@media (max-width: 1050px){
    .payee-biller-details-page .web-close-accounts-row > div:last-child img{
		width: 204px;
		height: 204px;
		left: 68px;	}
    .payee-biller-details-page .crt-form.hor.pri .web-page-heading label.flb{
        margin-bottom: 21px;}
	.payee-biller-details-page .web-close-accounts-row > div:first-child{
		padding: 40px 24px 40px 32px !important;
		width: 100%;
		height: 100vh;}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2),
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		width: 100%;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2){
		 padding: 24px 24px 25px !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:nth-child(2) .ett-bttn.ter{
		margin-right: 11px;	}
    .payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:first-child{
		padding-right: 28px;
		flex-grow: 0;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(2){
		padding-right: 28px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:first-child > span:last-child{
		left: -8px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		padding: 20.65px 28px 20.65px 24px !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:first-child{
		width: auto;
		flex-grow: 1;	}
	.payee-biller-details-page .web-panel .ett-bttn.ter{
		margin-right: 0 !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:last-child .ett-bttn.ter{
		margin-left: auto;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:last-child{
		width: auto;
		flex-grow: 0;
		margin-left: 24px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri svg{
		width: 48px;
		height: 48px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri{
		padding-bottom: 20px;
		margin-bottom: 25px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:first-child{
		margin-bottom: 29px;}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li{
		white-space: nowrap	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child{
		margin-top: 25px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri > span:last-child svg{
		width: 86px;
		height: 55px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-labl.pri,
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-hypl.pri{
		white-space: nowrap;	}
}
@media (max-width: 850px){
    .payee-biller-details-page .web-close-accounts-row > div:last-child img{
		width: 184px;
		height: 184px;
		left: 50%;
		top: -189px;
		transform:  translateX(-50%);	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2), .payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		width: 468px;	}
	.payee-biller-details-page .crt-form.hor.pri .web-page-heading label.flb, .payee-biller-details-page .crt-form.ver.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2){
		margin-bottom: 24px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:nth-child(2) .ett-bttn.ter{
		margin-right: 12px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:first-child{
		padding-right: 24px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(2){
		padding-right: 24px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri > span:nth-child(2){
		position: relative;
		left: -19px	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:first-child > span:last-child{
		left: -29px	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(3){
		padding-right: 49px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:nth-child(2){
		padding-left: 30px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:nth-last-child(2){
		flex-grow: 1;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri > span:last-child svg{
		width: 72.6px;
		height: 46px;	}
    .payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		padding: 25px 18px 25px 24px !important;}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-hyperlink{
		left: 60px;	}
}
@media (max-width: 750px){
    .payee-biller-details-page .web-close-accounts-row > div:last-child img{
		width: 114px;
		height: 114px;
		left: 50%;
		top: -99px;
		transform:  translateX(-50%);	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child{
		padding: 34px 16px !important;	}
	.payee-biller-details-page .crt-form.hor.pri .web-page-heading label.flb, 
	.payee-biller-details-page .crt-form.ver.pri .web-page-heading label.flb{
		margin-bottom: 6px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2){
		padding: 16px 16px 20px !important;
		margin-bottom: 16px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri{
		align-items: stretch;
		padding-bottom: 13px;
		margin-bottom: 25px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:first-child{
		align-self: flex-start;
		padding-top: 16px;
		left: 16px;
		position: relative;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:first-child .ett-para.pri{
		font-size: 13px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:not(:first-child){
	    width: 100%;
	    margin-top: 19px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:nth-child(2) .ett-bttn.ter{
		margin-right: 0;
		position: relative;
		top: -3px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:last-child .ett-bttn.ter{
		position: relative;
		top: -3px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:first-child{
		display: flex;	
		flex-wrap: wrap;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri > span{
		width: 50%;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri ul:last-child .ett-para.pri{
		margin-top: 20px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:first-child > span:last-child{
		left: 0;
		margin-top: 28px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:last-child{
		display: flex;
		flex-direction: row-reverse;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri > span:nth-child(2){
		left: 0;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child{
		position: relative;
		top: -84px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child{
		height: 100vh;}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:first-child > span:last-child ul:last-child .ett-para.pri{
		margin-top: 14px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child ul:last-child .ett-para.pri,
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri:last-child > span:last-child ul:last-child .ett-para.pri{
		margin-top: 16px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child{
		margin-top: 20px;
		padding-top: 20px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li{
		display: flex;
		flex-wrap: wrap;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:first-child{
		order: -1;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:last-child{
		order: 2;
		flex-grow: 1;
		padding-right: 20px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:not(:last-child):not(:first-child){
	  order: 3;
	  padding-left: 0;
	  margin-top: 4px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(2){
		padding-right: 49px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		padding: 17px 24.5px 29px 16px !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;	} 
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri > span:last-child{
		width: 100%;
		text-align: left;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri > span:not(:last-child){
		width: 50%;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri > span:nth-child(2){
		left: 12px;	}
	.payee-biller-details-page .web-footer .ett-bttn.ter{
		width: 161px !important;
		height: 40px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri .ett-bttn.ter,.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:nth-child(2) .ett-bttn.ter{
		border: none;
		width: 24px !important;
		height: 24px !important;
		padding: 0;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri .ett-bttn.ter > span{
		display: none;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:last-child > .srb.pri > span:last-child{
		width: 40px;
	  flex-shrink: 0;
	  margin-left: 0 !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2), .payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		width: 100%;
		border-radius: 8px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(2) .ett-para.pri{
	  font-size: 10px;
	  color: #575757;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:nth-child(3){
		margin-top: -6px !important;
		position: relative;
		left: 30px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) > div > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul > li > span:last-child{
		position: relative;
		top: 10px;
		padding-right: 24px;	}
	.payee-biller-details-page .web-panel .ett-bttn.ter > svg{
		margin-right: 0;
		position: relative;
		top: -5px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(2) .grb:first-child > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:nth-child(2){
		padding-left: 17px;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb > span:first-child .ett-labl.pri{
		width: 108px;
		display: block;
		word-break: break-word;
		white-space: normal;
		line-height: 1.5 !important;	}
	.payee-biller-details-page .web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri > span:last-child svg{
		width: 112px;
		height: 71px;
		margin-top: 24px;	}
}




/*----------------------------------------------------------- Overseas payment styles -----------------------------------------------------------*/

.overseas-addnewpayee-page .srb.pri,
.overseas-addnewpayee-page .ett-labl.pri,
.overseas-addnewpayee-page .ett-para.pri{
	line-height: 1;}
.overseas-addnewpayee-page .web-panel{
    border-radius: 12px;}
.overseas-addnewpayee-page .web-panel .srb.pri:not(:first-child):not(:last-child){
	margin-bottom: 58px;
	display: flex;}
.overseas-addnewpayee-page .web-panel .srb.pri:first-child{
	margin-bottom: 57px;}
.overseas-addnewpayee-page .web-panel .srb.pri:not(:first-child) > span:not(:last-child){
	margin-right: 40px;}
.overseas-addnewpayee-page .web-panel.payee-details-panel{
	padding: 36px 32px;}
.overseas-addnewpayee-page .web-panel.payee-details-panel:nth-child(2){
	padding-bottom: 36px !important;}
.overseas-addnewpayee-page .web-panel .srb.pri:first-child .ett-labl.pri{
	font-size: 16px;}
.overseas-addnewpayee-page .web-panel.payee-details-panel .crt-form:last-child:not(:first-child) .srb.pri{
	display: flex;} 
.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child{
	padding-bottom: 32px !important;}
.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .ett-bttn.ter{
	width: 110px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;}
.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:not(:last-child) > .srb.pri:nth-child(2){
	margin-bottom: 36px;}
.overseas-addnewpayee-page .web-panel:last-child .crt-form:not(:last-child) > .srb.pri:nth-child(3){
	margin-bottom: 0 !important;
	margin-top: -10px;}
.overseas-addnewpayee-page .flbl-float label{
	transform: none;
	font-size: 12px;
	color: #212121;}
.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:last-child{
	border-top: 1px solid #e8e8e8;
	padding-top: 32px;
	margin-top: 28px;}
.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:last-child > .srb.pri:first-child .ett-labl.pri{
	font-weight: 700;}
.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:last-child > .srb.pri:first-child{
	margin-bottom: 49px;}

/*------------------------------------------- Overseas confirmation modal styles -------------------------------------------------------------*/

.overseas-confirmation-modal .srb.pri,
.overseas-confirmation-modal .ett-labl.pri,
.overseas-confirmation-modal .ett-para.pri{
    line-height: 1 !important;}
.overseas-confirmation-modal .crt-form:first-child > .srb.pri:nth-child(2) .ett-para.pri{
	line-height: 1.5 !important;
    margin-bottom: -3px;
    display: block;}
.overseas-confirmation-modal .modal-window{
	background: #fff !important;}
.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri{
	margin-bottom: 25px;}
.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri > span{
	vertical-align: top;}
.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:first-child{
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	padding-top: 32px;
	padding-bottom: 25px;}
.overseas-confirmation-modal .crt-form:nth-child(2) > .srb.pri:last-child{
	padding-bottom: 25px;
	border-bottom: 1px solid #e8e8e8;}
.overseas-confirmation-modal.web-modal .modal-cnt{
	padding-top: 33px !important;}
.overseas-confirmation-modal.web-modal.confirmation-popup.pay-anyone-confirmation .modal-header{
	padding-bottom: 0 !important;
	border-bottom: none;}

/*-------------------------------------------------------- Card blocked styles ----------------------------------------------------------------*/

.card-blocked{
    position: relative;}
.card-blocked::before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: rgba(33,33,33,0.54);
    width: 100%;
    height: 100%;
    border-radius: 24px;
    z-index: 500;}
.card-blocked::after{
    position: absolute;
    content: '';
    background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-block-card.svg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 84px;
    height: 84px !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;}

/*-------------------------------------------- Overseas payment add new payee responsive styles -------------------------------------------------*/

.overseas-addnewpayee-page .web-panel .srb.pri.verify-panel:not(:first-child) > span:last-child{
	margin-top: 0;}
.overseas-addnewpayee-page .web-panel .srb.pri.verify-panel:not(:first-child):not(:last-child){
	align-items: center;
	justify-content: center;}
.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:nth-child(n+2){
	display: flex;}
.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:nth-child(n+2) > span:first-child{
	width: 178px !important;}
.overseas-confirmation-modal.modal.confirmation-popup .crt-form.hor.pri .flb,
.overseas-confirmation-modal.modal.confirmation-popup .crt-form.hor.pri .ett-para.pri{
	line-height: 1.5 !important;}
.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:first-child{
	margin-bottom: 29px;}
.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)):last-child{
	margin-bottom: 26px;}
.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri{
	margin-bottom: 22px;}

@media (max-width: 1800px){
    
	.overseas-addnewpayee-page .web-panel.payee-details-panel:nth-child(2){
		padding-bottom: 34px !important;	}
	.overseas-addnewpayee-page .flbl-float label{
		margin-top: -17px;
		left: 0;	}
	.overseas-addnewpayee-page .web-panel .srb.pri:first-child .ett-labl.pri{
		font-size: 14px;	}
	.overseas-addnewpayee-page .web-panel .srb.pri:first-child{
		margin-bottom: 52px;	}
	.overseas-addnewpayee-page .web-panel .srb.pri:not(:first-child):not(:last-child){
		margin-bottom: 49px;	}
	.ett-inpt.ter{
		padding-bottom: 12px;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .ett-bttn.ter{
		width: 96px;
		height: 30px;
		font-size: 14px;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:last-child{
		margin-top: 24px;
		padding-top: 28px;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:last-child > .srb.pri:first-child{
		margin-bottom: 44px;	}
	.overseas-addnewpayee-page .web-panel .srb.pri:not(:first-child) > span:not(:last-child){
		margin-right: 32px;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:not(:last-child) > .srb.pri:nth-child(2){
		margin-bottom: 34px;	}
	.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:nth-child(n+2) > span:first-child{
		width: 188px !important;	}
	.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:first-child{
	    padding-top: 25px;
	    padding-bottom: 22px;	}
	.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:first-child{
	    margin-bottom: 25px;	}
	.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)):last-child{
	    margin-bottom: 22px;	}
	.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri{
		margin-bottom: 18px;	}
	.overseas-confirmation-modal .crt-form:nth-child(2) > .srb.pri:last-child{
	    padding-bottom: 21px;	}
	.modal.confirmation-popup .crt-form.hor.pri .ett-para.pri{
		font-size: 14px;	}
}
@media (max-width: 1050px){
	.overseas-addnewpayee-page .web-panel .srb.pri:first-child{
		margin-bottom: 47px;	}
	.overseas-addnewpayee-page .flbl-float label{
		margin-top: -15px;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:nth-child(2){
		margin-bottom: 24px;}
	.overseas-addnewpayee-page .web-panel .srb.pri:not(:first-child) > span:not(:last-child){
		margin-right: 24px;}
	.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:first-child{
	    padding-top: 21px;
	    padding-bottom: 18px;	}
	.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:first-child{
	    margin-bottom: 21px;	}
	.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)):last-child{
	    margin-bottom: 18px;	}
}
@media (max-width: 750px){
    .overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:nth-child(n+2) > span:first-child{
		width: 149px !important;	}
	.overseas-addnewpayee-page .web-panel .srb.pri:not(:first-child){
		flex-direction: column;	}
	.overseas-addnewpayee-page .web-panel .srb.pri:not(:first-child) > span{
		width: 100%;	}
	.overseas-addnewpayee-page .web-panel .srb.pri:not(:first-child) > span:last-child{
		margin-top: 43px;	}
	.overseas-addnewpayee-page .web-panel .srb.pri:first-child{
		margin-bottom: 41px !important;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel{
		padding: 24px 16px !important;
		margin-bottom: 16px !important;	}
	.overseas-addnewpayee-page .web-panel .srb.pri:not(:first-child):not(:last-child){
		margin-bottom: 44px;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:nth-child(2){
		padding-bottom: 31px !important;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:first-child > .srb.pri:nth-child(2),
	.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:last-child > .srb.pri:first-child{
		margin-bottom: 0 !important;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .ett-bttn.ter{
		width: 118px;
		height: 40px;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:first-child > span:last-child > span{
		margin-top: 27px;	}
	.overseas-addnewpayee-page .web-panel.payee-details-panel:last-child .crt-form:last-child{
		padding-top: 24px;	}
	.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:first-child{
	    padding-top: 17px;
	    padding-bottom: 14px;	}
	.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri:first-child{
	    margin-bottom: 17px !important;	}
	.overseas-confirmation-modal .crt-form:not(:last-child) > .srb.pri{
	    margin-bottom: 14px !important;	}
	.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)):last-child{
	    margin-bottom: 14px;	}
}

/*-------------------------------------------------------- Pay Anyone responsive styles ---------------------------------------------------------*/


@media (max-width: 1800px){
    .modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:last-child > span:first-child > .srb.pri > span:first-child{
		width: 188px;	}
    .pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child .ett-para.pri{
		font-size: 12px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child ul:last-child{
		margin-left: 3px !important;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child > span > .srb.pri > span:nth-child(2) > .srb.pri > span:first-child{
		margin-right: 24px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child img{
		width: 36px;
		height: 36px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child{
		padding: 12px 23px 12px 8px;
		margin-top: 24px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:last-child{
        height: 48px;
        font-size: 14px;
        padding: 24px !important;}
	.pay-anyone-page .web-close-accounts-row > div:first-child{
		padding: 41px 40px 137px !important;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri{
		padding-top: 28px;
		padding-bottom: 28px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(3) .ett-bttn.ter{
		width: 179px;
		height: 40px;
		display: flex;
		align-items: center;
		font-size: 14px;
		padding-left: 18px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(3) .ett-bttn.ter > svg{
		flex-shrink: 0;
		width: 24px;
		height: 24px;	}
	.pay-anyone-page .web-info-panel .ett-labl.pri{
		font-size: 14px !important;
        line-height: 1.5 !important;
        width: 90%;
        word-break: break-word;
        display: block;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2){
		margin-top: 24px;
		margin-bottom: 24px;
		padding: 44px 24px 13px;	}
	.pay-anyone-page .schedule-payment-row{
		height: 48px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2) > span > .srb.pri:last-child .srb.pri:last-child{
		margin-top: 6px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2) > span > .srb.pri:last-child{
		margin-top: 50px !important;	}
	.pay-anyone-page .crt-form.ver.pri .flbl-float .flb{
    	margin-top: -17px !important;}
    .pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child .flb{
		font-size: 14px !important;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:not(:last-child),
    .pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:last-child{
		margin-top: 20px !important;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:first-child{
		margin-top: 24px !important;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri > span:first-child{
		width: 182px;
		flex-shrink: 0;	}
}
@media (max-width: 1050px){
    .pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:last-child > span:first-child label{
    	line-height: 1.4 !important;
    	display: block;}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child > span > .srb.pri > span:nth-child(2) > .srb.pri > span:last-child{
		margin-top: 8px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child > span > .srb.pri > span:first-child{
		margin-right: 18px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child{
		padding-right: 20px;	}
	.pay-anyone-page .web-close-accounts-row > div:first-child{
		padding: 32px 24px 100px 32px !important;	}
	.pay-anyone-page .web-close-accounts-row .web-select{
		width: 100% !important;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri{
		padding-top: 24px;
		padding-bottom: 24px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2){
		margin-bottom: 20px;
		padding: 42px 20px 11px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2) > span > .srb.pri:last-child{
		margin-top: 48px !important;	}
	.pay-anyone-page .schedule-payment-row{
	    padding-left: 0;
	    padding-right: 0;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:last-child{
		padding: 20px !important;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:first-child{
		padding-bottom: 16px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:not(:last-child),
    .pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:last-child{
	    margin-top: 16px !important;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri:first-child{
	    margin-top: 20px !important;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri.panel--open:last-child > span > .srb.pri:not(:first-child) > span > .srb.pri > span:first-child{
		width: 120px;	}
}
@media (max-width: 750px){
	.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:last-child > span:first-child > .srb.pri > span:first-child{
		width: 168px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child{
		margin-top: 20px;	}
    .web-panel.payee-details-panel > span > .srb.pri:nth-child(n+3):not(:nth-child(5)), 
    .web-panel.payee-details-panel > span > .srb.pri:nth-child(5) > span > .srb.pri{
    	  margin-top: 44px;}
    .pay-anyone-page .schedule-payment-row{
        padding-left: 0 !important;
        padding-right: 0 !important;}
    .pay-anyone-page .web-close-accounts-row > div:first-child {
        padding: 28px 16px 105px !important;
        height: auto;
        overflow: hidden;
        max-height: none;}
	.pay-anyone-page .raise-dispute-form > .srb.pri{
		padding-top: 24px;
		padding-bottom: 24px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:first-child .ett-labl.pri,
	.raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul p, .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul label{
	  font-size: 10px;	}
	.pay-anyone-page .crt-form > .srb.pri:first-child{
		padding-bottom: 21px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(2) > span:first-child,
	.pay-anyone-page .raise-dispute-form > .srb.pri:last-child > span:first-child{
		padding-top: 0;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri > span:first-child label{
		margin-bottom: 21px;		}
	.web-info-panel{
		margin-top: 4px;
		padding: 16px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2){
		margin-top: 20px;
		margin-bottom: 16px;
		padding: 30px 16px 21px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:nth-child(2) > span > .srb.pri:last-child .srb.pri:last-child .ett-para.pri{
		font-size: 10px;	}
	.pay-anyone-page .raise-dispute-form > .srb.pri:nth-child(4) > span:last-child > .srb.pri:last-child{
		padding: 20px 16px !important;	}
}

/*------------------------------------------------------ Add New Payee responsive styles --------------------------------------------------------*/

@media (max-width: 1800px){
    .add-new-payee-page .ett-rdio.hor.pri input[type=radio] + label{
        font-size: 14px;}
    .save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child .ett-labl.pri{
        font-size: 12px;}
	.web-close-accounts-row > div:first-child{
		padding: 41px 40px 137px;	}
	.add-new-payee-page .web-panel{
		width: 518px;	}
	.add-new-payee-page .crt-form.ver.pri .flb,
	.add-new-payee-page .crt-form > .srb.pri:not(:first-child) .ett-labl.pri{
		font-size: 14px;	}
	.web-panel.payee-details-panel{
		padding-bottom: 34px !important;
		margin-bottom: 36px;
		padding-top: 29px !important;	}
	.add-new-payee-page .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:first-child{
		margin-bottom: 27px;	}
	.web-panel.save-payee-panel{
		padding: 38px 28px 34px !important;	}
	.save-payee-panel > span > .srb.pri:nth-child(2){
		padding-top: 24px;
		padding-bottom: 23px;
		margin-top: 24px;
		margin-bottom: 44px;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child{
		padding-left: 60px;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:first-child{
		padding-right: 25px;	}
	.add-new-payee-page .ett-rdio.hor.pri > span{
		margin-right: 34px;	}
	.save-payee-panel > span > .srb.pri:last-child > span:not(:last-child){
		margin-right: 32px;	}
}
@media (max-width: 1050px){
  	.add-new-payee-page .etb-rdio.hor.pri{
		display: flex;
		justify-content: flex-end;
		align-items: center;	}
	.add-new-payee-page .web-close-accounts-row > div:first-child{
		padding: 40px 32px !important;	}
	.add-new-payee-page .web-panel{
		width: 432px;	}
	.web-panel.payee-details-panel{
	    padding: 28px 24px 30px !important;
	    margin-bottom: 32px; 	}
	.add-new-payee-page .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:first-child{
		margin-bottom: 26px;	}
	.web-panel.save-payee-panel{
		padding: 31px 24px 30px !important;	}
	.save-payee-panel > span > .srb.pri:nth-child(2){
		margin-top: 14px;
		padding-top: 20px;
		padding-bottom: 19px;
		margin-bottom: 40px;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child{
		padding-left: 52px;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:first-child{
		padding-right: 0;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child .ett-labl.pri{
		position: relative;
		left: 7px;	}
	.save-payee-panel > span > .srb.pri:last-child > span:not(:last-child){
		margin-right: 24px !important;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) svg{
		width: 40px;
		height: 40px;	}
}

@media (max-width: 850px){
	.add-new-payee-page .web-close-accounts-row > div:first-child{
		padding: 40px 32px;	}
	.add-new-payee-page .crt-form.hor.pri .web-page-heading label.flb, 
	.add-new-payee-page .crt-form.ver.pri .web-page-heading label.flb{
		margin-bottom: 24px;	}
	.web-panel.payee-details-panel{
		padding-bottom: 30px !important;
		margin-bottom: 32px;	}
	.add-new-payee-page .web-panel{
		width: 386px;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri{
		display: flex;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:first-child{
		flex-shrink: 0;	}
	.save-payee-panel > span > .srb.pri:first-child > span:first-child{
		width: 40%;	}
	.save-payee-panel > span > .srb.pri:first-child > span:last-child{
		width: 60%;	}
}
@media (max-width: 750px){
    .add-new-payee-page .ett-rdio.hor.pri input[type=radio] + label:before{
		margin-right: 12px;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child{
		text-align: left;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child label{
		left: 0 !important;	}
	.add-new-payee-page .web-close-accounts-row > div:first-child{
		padding: 28px 16px !important;	}
	.add-new-payee-page .crt-form.hor.pri .web-page-heading label.flb, 
	.add-new-payee-page .crt-form.ver.pri .web-page-heading label.flb{
		margin-bottom: 20px !important;	}
	.add-new-payee-page .web-panel{
		width: 100%;}
	.web-panel.payee-details-panel{
		padding: 24px 16px 27px !important;
        margin-bottom: 20px;	}
	.add-new-payee-page .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:first-child{
		margin-bottom: 12px;	}
	.web-panel.save-payee-panel{
		padding: 28px 16px !important;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:first-child{
		padding-right: 1px;	}
	.save-payee-panel > span > .srb.pri:nth-child(2){
		margin-bottom: 34px;	}
	.save-payee-panel > span > .srb.pri:nth-child(3){
		flex-direction: column;	}
	.save-payee-panel > span > .srb.pri:nth-child(3) > span{
		width: 100%;	}
	.save-payee-panel > span > .srb.pri:nth-child(3) > span:last-child{
		margin-top: 44px;	}
	.add-new-payee-page .ett-rdio.hor.pri > span{
		margin-right: 28px;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child{
		padding-left: 56px;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child .srb.pri{
		flex-direction: column;	}
	.save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child .ett-labl.pri{
		font-size: 10px;
		margin-top: 8px;
		display: block;	}
	.add-new-biller.add-new-payee-page .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:nth-child(2) > span:first-child{
		margin-right: 0;
		margin-bottom: 44px;}
	.add-new-biller.add-new-payee-page .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:nth-child(2){
		flex-direction: column;	}
	.add-new-biller.add-new-payee-page .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:nth-child(2) > span{
		width: 100%;	}
}


/*------------------------------------------------ My payments responsive styles ----------------------------------------------------------------*/

@media (max-width: 1800px){
    .web-close-accounts-row.my-payments-page > div:last-child svg{
		width: 272px;
		height: 272px;	}
    .my-payments-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li .ett-bttn.ter{
		width: 100px;
		height: 32px;
		font-size: 14px;
		margin-left: 4px;	}
	.my-payments-page.web-close-accounts-row > div:first-child > .grb:last-child{
		width: 628px;
		padding-top: 24px;	}
	.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs > li:first-child{
		width: 176px;	}
	.my-payments-page .pst-tabs.hor.pri > ul.tabs > li{
		width: 152px;	}
	.my-payments-page .ecn > .icr > .ett-inpt.ter{
		width: 195px;	}
	.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:first-child > ul:first-child .ecn{
		margin-right: 24px;	}
	.my-payments-page .tabcontent .ecn{
		margin-right: 21px;	}
	.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs::before{
		right: 14px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(2){
		padding-left: 9px;
		flex-shrink: 1;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li{
		margin-bottom: 32px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:first-child{
		padding-bottom: 12px;
		margin-bottom: 30px;	}
}

@media (max-width: 1050px){
    .web-close-accounts-row.my-payments-page > div:last-child svg{
		width: 204px;
		height: 204px;	}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:last-child ul.web-dropdown .ett-slct.ter::before{
		top: 8px;	}
	.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs::before{
		right: 14px;	}
    .hide-menuitem.ett-slct.ter .sub-ctr{
        left: auto !important;
        right: 0;}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:first-child{
		padding-right: 28px;	}
    .my-payments-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list{
		padding-top: 26px !important;	}
	.my-payments-page.web-close-accounts-row > div:first-child{
		padding: 40px 20px 32px 32px !important;	}
	.my-payments-page.web-close-accounts-row > div:first-child > .grb:last-child{
		width: 100%;	}
	.my-payments-page .ecn > .icr > .ett-inpt.ter{
		width: 122px;	}
	.my-payments-page .tabcontent .ecn{
		margin-right: 23px;	}
	.my-payments-page.web-close-accounts-row > div:first-child > .grb:last-child{
		padding-top: 30px;	}
	.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs::before{
		right: 14px;
		height: 48px;
		top: -6px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li{
		margin-bottom: 32px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(4),
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(3){
		position: relative;
		left: -24px;	}
}
@media (max-width: 850px){
    .web-close-accounts-row.my-payments-page > div:last-child svg{
		width: 184px;
		height: 184px;
		left: 50%;
		transform: translateX(-50%);	}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:last-child ul.web-dropdown .ett-slct.ter::before{
		top: 0;	}
	.ett-slct.ter #WebPay__MyPayments__el_dpd_1_div{
		margin-top: -10px;	}
    .my-payments-page .input-focus{
        display: flex;
        flex-direction: column;
        position: relative;}
    .my-payments-page .input-focus > li:first-child{
        width: 40%;
        position: absolute;
        top: -13px;
        display: block;}
    .my-payments-page .input-focus > li:first-child label{
        color: #575757;
        font-size: 10px !important;
        top: -3px;
        position: relative;}
    .my-payments-page .input-focus ::placeholder{
        color: transparent !important;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span.show-search-input:first-child{
        display: block;
        margin-bottom: -14px;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span.show-search-input:first-child ul:first-child{
        display: block !important;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span.show-search-input:first-child ul:first-child svg{
        display: none;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span.show-search-input:first-child ul:first-child input.ett-inpt.ter{
        border-bottom: 1px solid #e8e8e8;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span.show-search-input:first-child ul:first-child input.ett-inpt.ter::placeholder{
        color: #575757;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span.show-search-input:first-child ul:nth-child(2){
        display: none !important;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span.show-search-input:first-child ul:nth-child(3){
        display: block !important;
        position: absolute;
        right: 3px;
        bottom: 30px;
        width: auto;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span.show-search-input:first-child ul:nth-child(3) .ett-hypl.pri{
        color: #E01010;
        font-weight: 500;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:first-child ul:nth-child(2){
        display: block !important;
        width: auto;
        float: right;}
    .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:first-child ul:first-child{
        display: none;}
    .my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:last-child .ecn{
    	display: inline;
    	position: relative;
        top: 6px;}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list{
		padding-top: 21px !important;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:first-child{
		margin-bottom: 22px;	}
	.my-payments-page .tabcontent > .crt-form:first-child .ett-inpt.ter{
		border: none;
		cursor: none;	}
	.my-payments-page .tabcontent > .crt-form:first-child .ett-inpt.ter::placeholder{
		color: transparent;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:nth-last-child(2){
		width: 25%;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li{
	    margin-bottom: 22px;
        flex-wrap: wrap;}
	.my-payments-page.web-close-accounts-row > div:first-child > .grb:last-child{
		width: 468px;	}
	.my-payments-page .tabcontent > .crt-form:first-child{
		margin-top: -37px;	}
	.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs::before{
		display: none;	}
	.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span{
		text-align: left;	}
	.my-payments-page .ecn > .icr > .ett-inpt.ter{
		width: 100%;	}
	.my-payments-page .tabcontent .ecn{
		width: 420px;	}
	.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:first-child{
		padding-right: 24px	}
	.my-payments-page .crt-form.hor.pri .web-page-heading label.flb, 
	.my-payments-page .crt-form.ver.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
}
@media (max-width: 750px){
    .web-close-accounts-row.my-payments-page > div:last-child svg{
		width: 114px;
		height: 114px;}
	.web-close-accounts-row.my-payments-page > div:last-child{
		z-index: 1000;	}
	.web-close-accounts-row.my-payments-page{
		justify-content: flex-end;	}
     .my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span.show-search-input:first-child ul:nth-child(3){
        right: 15px;}
    .my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(4){
		display: none;}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(3){
		margin-left: auto;	}
	.my-payments-page.web-close-accounts-row > div:first-child{
		padding: 26px 16px !important;	}
	.my-payments-page.web-close-accounts-row > div:first-child > .grb:last-child{
		width: 100%;	}
	.my-payments-page.web-close-accounts-row > div:first-child > .grb:last-child{
		padding-top: 21px;	}
	.my-payments-page .tabcontent > .crt-form:first-child{
		margin-top: -40px;	}
	.my-payments-page .tabcontent .ecn{
		width: 295px;	}
	.my-payments-page .web-tab.pst-tabs.hor.pri > ul.tabs{
		width: 100%;	}
	.my-payments-page .tabcontent > .crt-form:first-child > .srb.pri > span:last-child svg{
		position: relative;
		left: -7px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li .ett-bttn.ter{
		width: 84px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(2) .ett-para.pri{
		width: 60%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li img{
		width: 40px;
		height: 40px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(3){
		position: relative;
		left: -40px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span:nth-child(2){
		padding-left: 16px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:first-child .ett-para.pri,
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri:last-child{
		font-size: 10px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:first-child{
		padding-right: 16px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:first-child{
		flex-shrink: 0;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri:last-child{
		margin-top: 8px;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:nth-last-child(2){
		display: none;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:last-child{
		margin-left: auto;
		text-align: right;	}
	.my-payments-page .pst-tabs > .tabs-ctr > div > .tabcontent > div.crt-list > ul > li > span > .srb.pri:last-child > span:nth-child(2){
		width: 50%;	}
	.my-payments-page + div .web-footer .ett-bttn.ter{
        width: 161px !important;}
}

/*----------------------------------------------- Temporary block card modal styles ------------------------------------------------------------*/


.temporary-block-card-modal .modal-window{
	background: #fff !important;}
.temporary-block-card-modal .ett-labl.pri{
	font-size: 16px !important;
	color: #575757;}
.temporary-block-card-modal.web-modal .modal-cnt{
	padding-top:  32px !important;
	border-top:  1px solid #e8e8e8;
	margin-top: 33px;}
.temporary-block-card-modal .crt-form > .srb.pri:not(.web-modal-footer){
	margin-bottom: 22px;}

/*----------------------------------------- Block Card modal and replace damaged card modal styles ----------------------------------------------*/

.block-card-modal .modal-window{
	background: #fff !important;}
.block-card-modal .ett-para.pri,
.block-card-modal .ett-labl.pri{
	font-size: 16px !important;
	color: #575757;
     text-align: justify;
    display: inline-block;
}
.block-card-modal.web-modal .modal-cnt{
	padding-top: 32px !important;
	border-top: 1px solid #e8e8e8;
	margin-top: 36px;}
.block-card-modal.web-modal .crt-form > .srb.pri > span > .srb.pri:first-child .ett-labl.pri{
	color: #212121;}
.block-card-modal.web-modal .crt-form > .srb.pri > span > .srb.pri{
	margin-bottom: 24px;}
.block-card-modal.web-modal .crt-form > .srb.pri > span > .srb.pri:nth-child(n+2) .srb.pri:first-child .ett-labl.pri{
	display: block;
	margin-bottom: 15px;
	color: #212121;
	font-weight: 500;}

/*--------------------------------------------- Replace Damaged Card and block card styles *---------------------------------------------------  */

.block-card-page .web-panel{
	width: 605px;
	padding: 22px 32px 35px !important;
	margin-bottom: 36px;}
.block-card-page .crt-form > .srb.pri:first-child > span:nth-child(2){
    display: flex;
    align-items: center;
    padding-left: 6px;
    width: 185px;
    height: 40px;
    border-right: 1px solid #e8e8e8;
    margin-right: 32px;}
.block-card-page .web-panel .crt-form > .srb.pri .srb.pri{
	margin-bottom: 0;}
.block-card-page .web-panel:nth-child(2) ul:first-child:not(:last-child) .ett-labl.pri{
	font-size: 12px;
	margin-bottom: -2px;
	display: block;}
.block-card-page .web-panel:nth-child(2) .crt-form > .srb.pri:first-child{
    padding-bottom: 17px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 36px;
    display: flex;
    align-items: center;}
.block-card-page .web-panel:nth-child(n+3){
	padding: 29px 32px !important;}
.block-card-page .web-panel:nth-child(n+3) .crt-form > .srb.pri:last-child{
    line-height: 1.2;
    margin-top: 17px;}
.block-replace-status-modal svg{
	margin-top: 100px !important;}
.block-replace-status-modal .grb:nth-child(2) .srb.pri{
	border-top: 0 !important;}
.block-debit-card-request.debit-card-request-modal.web-modal .modal-cnt .grb:first-child:not(:last-child){
	border-bottom: 0 !important;}
.block-debit-card-request svg{
    margin-top: 150px !important;}
.block-debit-card-request.debit-card-request-modal.web-modal .modal-cnt .grb:first-child:not(:last-child) .crt-form .srb.pri > span:last-child ul:last-child{
	padding-left: 0;}
.block-debit-card-request.debit-card-request-modal.web-modal .modal-cnt{
	padding-top: 33px !important;}
.block-card-page .web-panel:nth-child(2) .srb.pri:last-child{
	margin-top: 43px;}

/*------------------------------------------------------ Card usage styles --------------------------------------------------------------------*/

.card-usage-modal.web-modal .modal-cnt{
	padding-top: 33px !important;
	margin-left: -50px;
	margin-right: -50px;
	padding-left: 50px !important;
	padding-right: 50px !important;}
.card-usage-modal .modal-window{
	background: #fff !important;}
.card-usage-modal.web-modal .modal-cnt > .grb:not(:last-child){
	padding: 25px 20px 18px;
	border: 1px solid #e8e8e8;
	border-radius: 16px;
	margin-bottom: 20px;}
.card-usage-modal.web-modal .ett-labl.pri{
	font-size: 16px !important;}
.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	padding-bottom: 17px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 23px;}
.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:nth-child(2){
	margin-bottom: 10px;}
.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:first-child > span:last-child .ett-labl.pri{
		font-size: 12px !important;
	color: #575757;}
.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:nth-child(n+2) > span:first-child .ett-labl.pri{
	color: #212121;
	font-weight: 500;}

/*------------------------------------------------- Card Usage responsive styles ------------------------------------------------------*/

@media (max-width: 1800px){
    .card-usage-modal.web-modal .modal-window h1{
	  font-size: 16px;	}
	.card-usage-modal.web-modal .modal-window h1{
		font-size: 20px;	}
	.card-usage-modal.web-modal .modal-cnt{
		padding-top: 32px !important;
	    margin-left: -40px;
        margin-right: -40px;
        padding-left: 40px !important;
        padding-right: 40px !important;	}
	.card-usage-modal.web-modal .modal-cnt > .grb:not(:last-child){
		padding: 21px 16px 15px;
		border-radius: 20px;
		margin-bottom: 16px;	}
	.card-usage-modal.web-modal .ett-labl.pri{
		font-size: 14px !important;	}
	.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 11px;	}
	.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:not(.web-modal-footer):first-child{
		padding-bottom: 11px;	}
}
@media (max-width: 1050px){
	.card-usage-modal .modal-window{
		width: 450px !important;	}
	.card-usage-modal.web-modal .modal-cnt{
		padding-left: 32px !important;
		padding-right: 32px !important;
		padding-top: 28px !important;
		margin-left: -32px;
		margin-right: -32px;	}
}
@media (max-width: 850px){
	.card-usage-modal.web-modal .modal-window h1{
		font-size: 16px;	}
	.card-usage-modal.web-modal .modal-cnt{
		padding-top: 31px !important;	}
	.card-usage-modal.web-modal .modal-cnt > .grb:nth-child(4) .crt-form > .srb.pri:not(.web-modal-footer):first-child > span:first-child{
		width: 50%;	}
}
@media (max-width: 750px){
	.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:first-child > span:last-child .ett-labl.pri{
		font-size: 10px !important;	}
	.card-usage-modal.web-modal .modal-cnt{
		padding-top: 28px !important;
	    margin: 0 -16px;
        padding-left: 16px !important;
        padding-right: 16px !important;	}
	.card-usage-modal.web-modal .modal-cnt > .grb:not(:last-child){
		border-radius: 16px;
		padding: 17px 29px 16px 12px;	}
	.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:not(.web-modal-footer):first-child{
		padding-bottom: 7px;
		margin-bottom: 19px;	}
	.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 7px;	}
	.card-usage-modal.web-modal .modal-cnt > .grb .crt-form > .srb.pri:not(.web-modal-footer):first-child > span:first-child{
		width: 55%;	}
	.card-usage-modal .modal-window{
		width: 100% !important;	}
}


/*------------------------------------------------- First time registration styles -----------------------------------------------------------*/


.registration-page{
	margin-top: 88px;
	z-index: 1000;
	position: fixed;
    height: 100vh;
}
.registration-page .web-page-heading .ett-labl.pri{
	font-size: 32px !important;
	font-weight: 700 !important;
	margin-bottom: 32px !important;
	line-height: 1;}
.registration-page.web-close-accounts-row > div:first-child{
	padding: 108px 200px 180px;
	height: auto;
	overflow-x: hidden;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child{
	width: 740px;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:first-child > span > .srb.pri:last-child .ett-labl.pri{
	color: #575757;
	display: block;
	line-height: 1;
	padding-bottom: 32px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 37px;}
.registration-page.web-close-accounts-row > div:last-child{
	width: 720px;
	background: #fff;
	flex-shrink: 0;
	flex-grow: 1;
	z-index: 2000;
	padding-left: 7px;}
.registration-page.web-close-accounts-row > div:last-child .crt-form > .srb.pri > span{
	position: relative;}
.registration-page.web-close-accounts-row > div:last-child .crt-form > .srb.pri > span > ul{
    position: absolute;
    top: 272px;}
.registration-page .web-footer{
	left: 0;
	box-shadow: none;
	padding-left: 200px;}
.registration-page .web-footer .ett-bttn.pri{
	padding: 15px 32px 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;}
 .web-footer .ett-bttn.pri.var9{
	width:auto !important;
 }
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child){
	display: flex;
	margin-bottom: 40px;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) > span{
	padding: 24px 24px 25px;
	background: #F5F9FD;
	border-radius: 8px;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) > span:first-child{
	margin-right: 40px;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) .ett-para.pri{
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 66px;
	border: 1px solid #116ED1;
	color: #116ED1;
	background: #fff;
	margin-bottom: 14px;
	font-weight: 700;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) .ett-para.pri > span{
	position: relative;
	top: 1px;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) .flb{
	color: #212121;}
.registration-page:not(.setup-primary-acc-page).web-close-accounts-row > div:first-child > div:nth-child(2){
	margin-left: -200px;
	margin-right: -200px;
	padding-left: 136px;
	padding-right: 200px;
	margin-top: -108px;
	padding-top: 20px;
	padding-bottom: 32px;
	/*box-shadow: 0 3px 20px rgba(0, 0, 0, 0.06);*/
    height: 169px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3){
	padding-top: 64px;
	width: 610px;}
.registration-page .ett-pgst.pri.hor li span:first-child{
	 width: 40px;
	 height: 40px;
	 border: 1px solid #9E9E9E;
	 background: none !important;}
.registration-page .ett-pgst.pri.hor{
	padding-top: 8px;		
	width: 892px;
	overflow: visible;
    margin-left: 0;}
.registration-page .ett-pgst.pri.hor li{
	text-transform: capitalize;
	font-size: 16px;}
.registration-page .ett-pgst.pri.hor li::after{
	border-bottom: 1px solid #9E9E9E;
	top: 31%;}
.registration-page .ett-pgst.pri.hor li span:first-child::after{
	width: 100%;}
.registration-page .ett-pgst.pri.hor li.active > span:first-child{
	border: 2px solid #1F7F34;}
.registration-page .ett-pgst.pri.hor li > span:last-child{
    color: #575757;
    margin-top: 44px;
    display: block;
    line-height: 1;
    font-weight: 500;}
.registration-page .ett-pgst.pri.hor li.active > span:last-child{
	color: #212121;
	font-weight: 700;}
.registration-page .ett-pgst.pri.hor li.pgs-100 + li::after{
	border-bottom: 2px solid #1F7F34;}
.registration-page .ett-pgst.pri.hor li.pgs-100 span:first-child::after{
    content: '';
    background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-step-complete.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    top: 0;
    left: -1px;
    z-index: 1000;}
.registration-page .ett-pgst.pri.hor li:not(.pgs-100)::before{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    z-index: 1000;
    position: relative;
    color: transparent;
    background-position: center !important;
    width: 24px;
    height: 24px;
    top: 20%;}
.registration-page .ett-pgst.pri.hor li:first-child::before{
    background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-confirmation.svg'); }
.registration-page .ett-pgst.pri.hor li:nth-child(2)::before{
    background: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-get-started.svg); }
.registration-page .ett-pgst.pri.hor li:nth-child(3)::before{
	background: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-otp-validation.svg); }
.registration-page .ett-pgst.pri.hor li:nth-child(4)::before{
	background: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-set-password.svg); }
.registration-page .ett-pgst.pri.hor li:nth-child(5)::before{
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-security-qna.svg'); }
.registration-page .ett-pgst.pri.hor li.pgs-100::before{
	visibility: hidden;}
.registration-page .ett-pgst.pri.hor li.pgs-100 > span:last-child{
	color: #212121;
	font-weight: 700;}
.registration-page .ett-pgst.pri.hor li:first-child > span:last-child{
	position: relative;
	left: 0px;}
.registration-page .ett-pgst.pri.hor li:last-child > span:last-child{
	position: relative;
	left: -25px;}
.registration-page .ett-pgst.pri.hor li.active::before{
	filter: brightness(0) hue-rotate(-70deg) saturate(5);}
.registration-page .ett-pgst.pri.hor li:first-child > span:last-child::after{
	content: 'Step 1/5';
	font-size: 14px;
	color: #575757 !important;
	display: block;
	position: absolute;
	top: 25px;
	left: 30px;
	font-weight: normal;}
.registration-page .ett-pgst.pri.hor li:nth-child(n+2) > span:last-child::after{
	font-size: 14px;
	color: #575757 !important;
	display: block;
	position: absolute;
	top: 95px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: normal;}
.registration-page .ett-pgst.pri.hor li:nth-child(2) > span:last-child::after{
	content: 'Step 2/5';}
.registration-page .ett-pgst.pri.hor li:nth-child(3) > span:last-child::after{
	content: 'Step 3/5';}
.registration-page .ett-pgst.pri.hor li:nth-child(4) > span:last-child::after{
	content: 'Step 4/5';}
.registration-page .ett-pgst.pri.hor li:nth-child(5) > span:last-child::after{
	content: 'Step 5/5';
	top: 25px;
	left: 64%;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2),
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2){
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	padding-top: 24px;
	padding-bottom: 24px;
	margin-bottom: 56px}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2) .srb.pri > span:last-child .ett-labl.pri{ 
	position: relative;
	font-size: 16px;
	line-height: 1.5;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2) .srb.pri{
	display: flex;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2) .srb.pri > span:first-child{
	width: 40px;
	flex-shrink: 0;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(2){
	padding-top: 33px;
	border-top: 1px solid #e8e8e8;
	padding-bottom: 26px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(4){
	padding-top: 38px;
	margin-bottom: 32px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5){
	border-top: 1px solid #e8e8e8;
	padding-top: 29px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:first-child{
	padding-bottom: 41px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:nth-child(2){
	padding-bottom: 44px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:nth-child(3) .srb.pri > span:first-child .ett-labl.pri,
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:first-child .ett-labl.pri{
	font-weight: 700;}
.registration-page .ecn > .icr > svg{
	right: 4px;
	height: 24px;
    bottom: 13px;
    top: auto;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:nth-child(3) > span > .srb.pri > span:last-child{
    width: 100%;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:nth-child(3) > span > .srb.pri > span:last-child ul:first-child{
    padding-right: 44px;
    position: relative;
    top: -1px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .ett-para.icr > svg{
	width: 24px;
	height: 24px;
	margin-left: 8px;
	top: -3px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2), .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4) ul:first-child{
	padding-right: 29px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4){
	margin-top: 42px;
	margin-bottom: 15px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2), .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5){
	margin-bottom: 50px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4) ul .ett-para.pri,
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5) ul .ett-para.pri{
	font-style: italic;
	color: #575757;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4) ul.text--success .ett-para.pri,
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5) ul.text--success .ett-para.pri{
	color: #212121;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span:last-child{
	padding-top: 1px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span:first-child{
    width: 40px;
    flex-shrink: 0;}
.registration-page [type=password]{
	letter-spacing: 5px;
	font-size: 23px;
	padding-top: 6px;
	padding-bottom: 10px;}
.registration-page ::placeholder{
	letter-spacing: 0 !important;
	font-size: 16px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2){
	margin-bottom: 47px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5){
	margin-bottom: 49px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
	font-size: 16px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 6) .crt-form > .srb.pri:first-child > span > ul:first-child{
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 33px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .ett-inpt.ter{
    height: 50px;
    padding-bottom: 7px;
    padding-top: 6px;
    font-size: 16px;}
.registration-page.web-close-accounts-row > div:first-child > div.grb:last-child .crt-form > .srb.pri:first-child .ett-labl.pri{
	width: 75%;
	line-height: 1.5;
	margin-bottom: 29px !important;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:first-child > span > ul:first-child{
	margin-bottom: 33px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span:first-child{
	vertical-align: top;
	width: 40px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3){
	padding-bottom: 24px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 33px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span:last-child ul{
	margin-bottom: 0;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel{
	width: 734px;
	padding-bottom: 39px !important;
	padding-top: 27px !important;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri:first-child ul:first-child{
	margin-bottom: 38px;
	padding-bottom: 24px;
	border-bottom: 1px solid #e8e8e8;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(2):not(.web-footer){
    padding-bottom: 21px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 24px;
    border-top: 1px solid #e8e8e8;
    margin-top: 25px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3) > span > .srb.pri > span:first-child{
	vertical-align: top;
	padding-top: 2px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3) > span > .srb.pri > span:last-child{
	padding-left: 7px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri ul:nth-child(2){
	margin-bottom: 32px;}
.text--success .ett-para.pri > svg use{
	display: none;}
.text--success .ett-para.pri{
	position: relative;
}
.text--success .ett-para.pri::after{
	position: absolute; 
	content: ''; 
	background-image: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-green-tick.svg'); 
	right: 0;
	width: 24px;
	height: 24px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(4) .ett-bttn.ter{
	width: 126px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(4) .ett-bttn.ter > span{
	position: relative;
	top: 1px;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) > span{
	display: flex;
	align-items: center;
	padding-bottom: 21px !important;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) > span > ul{
	width: auto;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) .ett-para.pri{
	margin-bottom: 0 !important;
	margin-right: 20px;}
.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) > span{
	padding-bottom: 21px !important;
	margin-right: 0 !important;}
.ett-pgst.pri.hor li.step-50 + li::after{
	height: 2px;
	right: 25px;
	display: block;
	background-image: linear-gradient(to right,#1F7F34 50%, #9E9E9E 50%);
	background-repeat:no-repeat;
	border-bottom: none;}
.registration-page.web-close-accounts-row > div:last-child svg{
	left: 0;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:last-child > span > .srb.pri{
	display: flex;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:last-child > span > .srb.pri .ett-inpt.ter{
    padding: 0;
    border: none;
    top: -2px;
    position: relative;
    height: auto !important;
    margin-top: 3px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:last-child > span > .srb.pri > span:last-child{
	width: auto;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:last-child > span > .srb.pri .ett-labl.pri,
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(2) .ett-labl.pri,
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:first-child .ett-labl.pri{
	font-size: 16px;}
.ett-slct{
	z-index: 1000;}
.web-select.account-selected .ett-para{
	color: #212121 !important;
	font-weight: 700 !important;
	text-transform: uppercase;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3) .sub-ctr > ul > li:first-child{
    display: none;}
#webLog__FirstTimeRegistration__authMethDropdown_div ul li:first-child{
    display: none;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .ett-inpt.ter{
	height: auto !important;
    line-height: 1;
    padding-top: 14px;
    padding-bottom: 14px !important;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(4) .ett-bttn.ter[disabled],
.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(4) .ett-bttn.ter[disabled]:hover{
    border-color: #6899b5 !important;
    color: #6899b5;
    background: #fff;}
.input--error + ul{
	color: #E01010;
	font-size: 12px;
	position: relative;
	top: 9px;
	text-align: right;
    overflow: auto;
}
.registration-page .ett-pgst.pri.hor li.step--error > span:first-child{
	border: 2px solid #E01010;}
.registration-page .ett-pgst.pri.hor li.step--error::before{
    background: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-step-error.svg");
    filter: none;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri ul:nth-child(2), 
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri:last-child ul:last-child{
    display: flex;
    flex-direction: column;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri:last-child ul:last-child li:last-child{
	width: 100%;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri:last-child ul:last-child li:first-child label{
	font-size: 12px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri ul:nth-child(2) > li:last-child{
    width: 100%;}

/*--------------------------------------------- Alertify success styles ------------------------------------------------------------------*/

.alertify--success nav, 
.alertify--danger nav,
.alertify--information nav{
    position: absolute;
    right: 0;
    top: 24px;}
.alertify--success nav button,
.alertify--danger nav button,
.alertify--information nav button{
    background: transparent !important;
    border: none !important;
    color: transparent !important;							  
    position: relative;}
.alertify.alertify--success,
.alertify.alertify--danger,
.alertify.alertify--information{
	background: transparent;}
.alertify.alertify--success .dialog{
	position: fixed;
	top: 44px !important;
	transform: none;
	right: 50px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.12), 0 0 0 0.5px #1F7F28;
	padding: 0;
	width: 734px;
	overflow: hidden;
	border-radius: 16px;
	background: #F2F8F4;
	z-index: 200;
	border: none;}
.alertify.alertify--success .dialog .msg{
	color: #1F7F28;
    font-size: 16px;
    margin-left: 23px;
    padding-left: 42px;
    width: 90%;}
.pnt-alts.inf.alertify.alertify--success .dialog p{
	background-image: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-alert-success.svg) !important;
    margin: 0;
    background-position: 24px 24px;
    background-size: 24px 24px;
    padding: 24px 24px 23px;
    padding-left: 68px;}
.alertify--success nav button::before{
    position: absolute;
    content: '';
    background: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-alert-success-close.svg);
    right: 24px;
    top: 0;
    width: 24px;
    height: 24px;
    z-index: 1000;}
.alertify.alertify--danger .dialog{
	position: fixed;
	top: 44px !important;
	transform: none;
	right: 50px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.12), 0 0 0 0.5px #E01010;
	padding: 0;
	width: 734px;
	overflow: hidden;
	border-radius: 16px;
	background: #FEF2F3;
	z-index: 200;
	border: none;}
.alertify.alertify--danger .dialog .msg{
	color: #E01010;
    font-size: 16px;
    margin-left: 23px;
    padding-left: 42px;
    width: 90%;}
.pnt-alts.inf.alertify.alertify--danger .dialog p{
	background-image: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-alert-danger.svg) !important;
    margin: 0;
    background-position: 24px 24px;
    background-size: 24px 24px;
    padding: 24px 24px 23px;
    padding-left: 68px;
    line-height: 1.5;}
.alertify--danger nav button::before{
    position: absolute;
    content: '';
    background: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-alert-danger-close.svg);
    right: 24px;
    top: 0;
    width: 24px;
    height: 24px;
    z-index: 1000;}
.alertify.alertify--information .dialog{
	position: fixed;
	top: 44px !important;
	transform: none;
	right: 50px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.12), 0 0 0 0.5px #A8A8A8;
	padding: 0;
	width: 734px;
	overflow: hidden;
	border-radius: 16px;
	background: #EBF4FD;
	z-index: 200;
	border: none;}
.alertify.alertify--information .dialog .msg{
	color: #212121;
    font-size: 16px;
    margin-left: 23px;
    padding-left: 42px;
    width: 90%;}
.pnt-alts.inf.alertify.alertify--information .dialog p{
	background-image: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-alert-information.svg) !important;
    margin: 0;
    background-position: 24px 24px;
    background-size: 24px 24px;
    padding: 24px 24px 23px;
    padding-left: 68px;}
.alertify--information nav button::before{
    position: absolute;
    content: '';
    background: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-alert-information-close.svg);
    right: 24px;
    top: 0;
    width: 24px;
    height: 24px;
    z-index: 1000;}


/* ----------------------------------------------------- Change limit styles -----------------------------------------------------------------*/

.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri ul:first-child .ett-labl.pri{
	font-size: 14px !important;
	color: #575757;
	line-height: 1.2;
	display: flex;}
.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri ul:last-child .ett-para.pri{
	margin-top: 21px;
	display: block;
	font-weight: 500;
	line-height: 1;}
.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri:last-child{
	margin-top: 37px;}
.change-limit-page .web-panel:nth-child(2){
	padding-bottom: 33px !important;
	padding-top: 33px !important;}
.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child > span:first-child .ett-labl.pri{
	color: #396376;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	display: block;}
.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child > span:first-child{
	width: auto;
	padding-right: 32px;}
.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child > span:last-child .ett-labl.pri{
	font-size: 14px;
	color: #575757;
	line-height: 1;
	display: block;}
.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child{
	padding-bottom: 28px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 36px;
	display: flex;
	align-items: center;}
.change-limit-page .web-panel:nth-child(3){
	padding-bottom: 42px !important;}
.change-limit-status-modal svg{
	margin-top: 151px;}
.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:last-child .ett-inpt.ter{
	  width: 433px;}

/*--------------------------------------------- upcoming payment details modal styles ---------------------------------------------------------*/


.payment-details-modal.transaction-details-modal .crt-form > .srb.pri{
	display: flex;}
.payment-details-modal.transaction-details-modal .crt-form > .srb.pri > span:first-child{
	width: 178px;
	vertical-align: top;}
.payment-details-modal .srb.pri:not(.web-modal-footer) .ett-bttn.ter{
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    margin-right: 32px;
    padding-left: 20px;
    padding-right: 32px;
    width: auto;}
.payment-details-modal .ett-bttn.ter > .ett-icon{
	margin-right: 8px;}
.payment-details-modal ul:last-child .ett-bttn.ter{
	margin-right: 0;}
.payment-details-modal ul:last-child:not(:first-child) .ett-para.pri{
	margin-top: 5px;
	display: block;}
.payment-details-modal.web-modal .modal-cnt > .grb .grb:nth-child(2){
	padding-top: 32px;
	padding-bottom: 29px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	margin-top: 37px !important;}
.payment-details-modal.web-modal .modal-cnt > .grb .grb:nth-child(2) .srb.pri{
	display: flex;
	align-items: center;
	margin-bottom: 0;}
.payment-details-modal .transaction-det-header{
	background: #FAFAFA;
	align-items: center;
	padding-right: 50px;
	padding-bottom: 25px;}
.payment-details-modal .transaction-det-header > span:first-child{
	width: auto !important;
    flex: 1;}
.payment-details-modal .modal-cnt{
	overflow: visible;
	padding-top: 35px !important;}
.payment-details-modal .transaction-det-header > span:nth-child(2){
	padding-left: 22px;}
.payment-details-modal .transaction-det-header img{
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.payment-details-modal .transaction-det-header > span:last-child .ett-para.pri{
	padding: 12px 16px;
	background: #fff;
	font-size: 20px;
	font-weight: 700;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	min-width: 95px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #396376;}
.payment-details-modal .crt-form .srb.pri:nth-child(6) > span:last-child .ett-para.pri{
	position: relative;}
.payment-details-modal .ett-para.pri.text--updated::before{
	position: absolute;
	content: 'Updated';
	top: 50%;
	transform: translateY(-50%);
	left: calc(100% + 16px);
	padding: 4px 12px;
	background: #F2F8F4;
	border: 1px solid #1F7F34;
	border-radius: 12px;
	font-size: 14px;
	color: #1F7F34;}

/*------------------------------------- payment delete confirmation modal styles ------------------------------------------------------*/

.payments-delete-modal.status-modal.web-modal .modal-header{
	padding-left: 0 !important;}
.payments-delete-modal.status-modal.web-modal .modal-header::after{
	display: none;}
.payments-delete-modal svg{
	margin-top: 80px;}
.completed-payment-detail.payment-details-modal .crt-form .srb.pri:nth-child(6) > span:last-child .ett-para.pri::before{
	display: none;}
.repeat-transaction.payments-delete-modal.status-modal.web-modal .modal-header{
	padding-left: 40px !important;}
.repeat-transaction.payments-delete-modal.status-modal.web-modal .modal-header::after{
	display: block;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-modal-left-arrow.svg');
	top: 2px;}
	

/*----------------------------------------------------- Activate card styles ----------------------------------------------------------*/

.activate-card{
	position: relative;}
.activate-card::before{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.39), rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 1));
	z-index: 200;
	border-radius: 24px;}
.activate-card.visa-details > span{
	position: relative;}
.activate-card.visa-details > span > .srb.pri:first-child > span:last-child{
	display: block !important;
	position: absolute;
	right: 1px;
	top: -2px;
	z-index: 500;}
.activate-card.visa-details > span > .srb.pri:first-child > span:last-child .ett-bttn.pri{
    height: 48px;
	width: 160px;
    margin: 0;}
.activate-card.visa-details > span > .srb.pri:last-child{
	display: block !important;
	position: absolute;
	bottom: 0;
	left: -2px;
	z-index: 500;}
.activate-card.visa-details > span > .srb.pri:last-child ul:first-child .ett-labl.pri{
	font-size: 20px !important;
	font-weight: 500;
	margin-bottom: 16px;
	display: block;
	color: #fff;}
.activate-card.visa-details > span > .srb.pri:last-child ul:last-child .ett-labl.pri{
	font-size: 16px !important;
	color: #B8B8B8;
	width: 75%;
	display: block;
	line-height: 1.45;}
.menu-disabled{
	pointer-events: none;}
.menu-disabled dd,
.menu-disabled .ett-labl.pri,
.menu-disabled .ett-para.pri{
	color: #9E9E9E !important;}
.menu-disabled .cards-quicklinks svg rect,
.menu-disabled svg,
.manage-panel.menu-disabled g:last-child path,
.manage-panel.menu-disabled path:last-child:not(:first-child),
.manage-panel.menu-disabled svg use{
	fill: #9E9E9E;}
.menu-disabled .app-toggle-switch .ett-togl.pri .slider{
	background: #D6D6D6;}
.card-request-status-modal .crt-form > .srb.pri:nth-child(2) ul{ 
	text-align: center;
	margin-top: 153px;}

/*------------------------------------------- Block / Replace card responsive styles --------------------------------------------------*/

@media (max-width: 1800px){
	 .block-card-page .crt-form > .srb.pri:first-child > span:nth-child(2){
		 height: 36px;
		 width: 153px;
		 margin-right: 28px;
		 padding-left: 11px;
		 box-sizing: content-box;	} 
	.block-card-page .web-panel{
		padding: 17.5px 28px 31px !important;
		width: 518px;
		margin-bottom: 32px;	}
	.block-card-page .web-panel:nth-child(2) .crt-form > .srb.pri:first-child{
		padding-bottom: 12.5px !important;
		margin-bottom: 31px;	}
	.block-card-page .web-panel:nth-child(2) .srb.pri:last-child{
		margin-top: 40px;	}
	.block-card-page .web-panel:nth-child(n+3){
		padding: 28px 28px 25px !important;	}
	.block-card-page .web-panel:nth-child(n+3) .ett-para.pri{
		line-height: 1.2 !important;	}
	.block-card-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
}
@media (max-width: 1050px){
	.block-card-page .web-close-accounts-row > div:first-child{
		padding: 40px 32px !important;	}
	.block-card-page .crt-form.hor.pri .web-page-heading label.flb{
		line-height: 1;
		margin-bottom: 21px;	}
	.block-card-page .web-panel{
		width: 432px;
		padding: 13.5px 24px 31px !important;
		margin-bottom: 28px;	}
	.block-card-page .crt-form > .srb.pri:first-child > span:nth-child(2){
		width: 149px;
		padding-left: 15px;
		margin-right: 24px;	}
	.block-card-page .web-panel:nth-child(2) .crt-form > .srb.pri:first-child{
		padding-bottom: 8.5px !important;
		margin-bottom: 27px;	}
	.block-card-page .web-panel:nth-child(2) .srb.pri:last-child{
		margin-top: 36px;	}
	.block-card-page .web-panel:nth-child(n+3){
		padding: 23px 24px 21px !important;	}
}
@media (max-width: 850px){
	.block-card-page .web-panel{
		width: 386px;	}
}
@media (max-width: 750px){
	.block-card-page .web-close-accounts-row > div:first-child{
		padding: 28px 16px !important;	}
	.block-card-page .web-panel{
		width: 100%;
		padding: 12.5px 16px 29px !important;
		margin-bottom: 16px;	}
	.block-card-page .crt-form > .srb.pri:first-child > span:nth-child(2) .ett-labl.pri{
		font-size: 12px;	}
	.block-card-page .crt-form > .srb.pri:first-child > span:nth-child(2){
		width: 123px;
		flex-shrink: 0;
		margin-right: 16px;
		padding-left: 20px;	}
	.block-card-page .crt-form > .srb.pri:first-child > span:first-child svg{
		position: relative;
		left: -3px;	}
	.block-card-page .web-panel:nth-child(2) .crt-form > .srb.pri:first-child{
		padding-bottom: 6.5px !important;
		margin-bottom: 25px;	}
	.block-card-page .web-panel:nth-child(2) ul:first-child:not(:last-child) .ett-labl.pri{
		font-size: 10px;
		margin-bottom: -2px;	}
	.block-card-page .web-panel:nth-child(2) .srb.pri:last-child{
		margin-top: 33px;	}
	.block-card-page .web-panel:nth-child(n+3){
		padding: 24px 16px 21px !important;	}
}

/* --------------------------------------------Cards View Statement styles ------------------------------------------------------------*/

.view-statement-page .web-panel{
	width: 605px;
	padding: 36px 32px 33px !important;}
.view-statement-page .web-panel .crt-form .srb.pri:nth-child(3) > span:first-child{
	width: 100%;}
.view-statement-page .web-panel .crt-form .srb.pri:nth-child(3) > span:last-child{
	position: absolute;
	right: 4px;
	top: 7px;
	text-align: right;}
.view-statement-page .web-panel .crt-form:first-child > .srb.pri:first-child{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 29px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 36px;}
.view-statement-page .web-panel .crt-form > .srb.pri:first-child > span:last-child{
	padding-left: 25px;}
.view-statement-page .web-panel .crt-form:first-child > .srb.pri:first-child > span ul:last-child{
	padding-left: 24px;}
.view-statement-page .web-panel .crt-form > .srb.pri:first-child > span ul:last-child .ett-para.pri,.view-statement-page .web-panel .crt-form > .srb.pri:first-child > span ul:last-child .ett-labl.pri{
	font-weight: 500 !important;
	color: #212121;}
.view-statement-page .web-panel .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
	font-weight: 500;
	color: #212121;
	line-height: 1;
	display: block;
	margin-bottom: 37px;}
.view-statement-page .web-panel .crt-form > .srb.pri:nth-child(3){
	margin-bottom: 45px;}
.view-statement-page .crt-form:nth-child(2) > .srb.pri:first-child{
	padding-bottom: 21px;
	border-bottom: 1px solid #e8e8e8;}
.view-statement-page .crt-list > ul > li{
	display: flex;
	border-bottom: 1px solid #e8e8e8;
	height: 71px;
	align-items: center;}
.view-statement-page .srb.pri,
.view-statement-page .ett-labl.pri,
.view-statement-page .ett-para.pri{
	line-height: 1 !important;}

/*-------------------------------- Block / replace card modal responsive styles ------------------------------------------------------*/

@media (max-width: 1800px){
	.block-card-modal.web-modal .modal-cnt{
	  margin-top: 35px;
	  padding-top: 28px !important;}
	.block-card-modal .ett-para.pri, .block-card-modal .ett-labl.pri{
		font-size: 14px !important;}
	.block-card-modal.web-modal .crt-form > .srb.pri > span > .srb.pri{
		margin-bottom: 21px;}
	.block-card-modal.web-modal .crt-form > .srb.pri > span > .srb.pri:nth-child(n+2) .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 15px;}
}
@media (max-width: 1050px){
	.block-card-modal.web-modal .modal-cnt{
	  margin-top: 29px;
	  padding-top: 28px !important;}
}
@media (max-width: 750px){
	.block-card-modal.web-modal .modal-cnt{
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin: 0;
		padding-top: 24px !important;
		margin-top: 26px;}
	.block-card-modal.web-modal .crt-form > .srb.pri > span > .srb.pri:nth-child(n+2) .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 12px;}
	.block-card-modal.web-modal .crt-form > .srb.pri > span > .srb.pri{
		margin-bottom: 17px;	}
}

/*------------------------------------------------ Registration responsive styles ---------------------------------------------------*/

@media (max-width: 1800px){
	.registration-page{
		margin-top: 80px;	}
	.registration-page.web-close-accounts-row > div:last-child{
		width: 524px;
		z-index: 1500;
		padding-left: 32px;	}   	
	.registration-page.web-close-accounts-row > div:first-child{
		padding: 84px 100px 180px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child{
		width: 600px;	}
	.registration-page .web-page-heading .ett-labl.pri{
		font-size: 28px !important;
		margin-bottom: 24px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:first-child > span > .srb.pri:last-child .ett-labl.pri{
		padding-bottom: 28px;
		margin-bottom: 25px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) > span:first-child{
		margin-right: 32px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child){
		margin-bottom: 36px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) .ett-para.pri{
		width: 32px;
		height: 32px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) > span{
		padding: 24px 24px 21px !important;	}
	.registration-page .web-footer{
		padding-left: 100px;	}
	.registration-page.web-close-accounts-row > div:last-child svg{
	    height: 288px !important;
	    width: 383px;	}
	.registration-page.web-close-accounts-row > div:last-child .crt-form > .srb.pri > span > ul{
	  top: 242px;}
	.registration-page .web-footer .ett-bttn.pri{
		padding: 12px 28px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:last-child > span > .srb.pri .ett-labl.pri, 
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(2) .ett-labl.pri, 
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:first-child .ett-labl.pri{
		font-size: 14px;	}
}
@media (max-width: 1050px){
	.registration-page{
		margin-top: 64px;
		height: calc(100vh - 64px);
		overflow: hidden;	}
	.registration-page.web-close-accounts-row > div:last-child{
		width: 389px;
		padding-left: 10px;	}
	.registration-page.web-close-accounts-row > div:first-child{
		padding: 64px 24px 160px 80px !important;
		flex-grow: 1;	}
	.registration-page .web-page-heading .ett-labl.pri{
		font-size: 24px !important;
		margin-bottom:  20px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:first-child > span > .srb.pri:last-child .ett-labl.pri{
		padding-bottom: 24px;
		margin-bottom: 21px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child{
		width: 100%;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child){
		margin-bottom: 0;
		flex-direction: column;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) > span{
		width: 100%;
		margin-bottom: 24px;
		padding: 20px 20px 17px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) .ett-para.pri{
		margin-bottom: 10px;	}
	.registration-page .web-footer{
		padding-left: 80px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) > span:first-child{
		flex-direction: column;
		align-items: flex-start;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) > span:first-child ul:first-child{
		margin-bottom: 13px;	}
    .registration-page .ett-pgst.pri.hor li:first-child > span:last-child{
    	color: transparent;}
    .registration-page .tab-step-1 .ett-pgst.pri.hor li:nth-child(5) > span:last-child::after{
    	content: 'Step 1/5'}
    .registration-page .tab-step-2 .ett-pgst.pri.hor li:nth-child(5) > span:last-child::after{
    	content: 'Step 2/5'}
    .registration-page .tab-step-3 .ett-pgst.pri.hor li:nth-child(5) > span:last-child::after{
    	content: 'Step 3/5'}
    .registration-page .tab-step-4 .ett-pgst.pri.hor li:nth-child(5) > span:last-child::after{
    	content: 'Step 4/5'}
    .registration-page .tab-step-5 .ett-pgst.pri.hor li:nth-child(5) > span:last-child::after{
    	content: 'Step 5/5'}
    .registration-page .tab-step-1 .ett-pgst.pri.hor li:first-child > span:last-child::before{
    	position: absolute;
    	content: 'Terms & Conditions';
    	color: #212121;}
    .registration-page .tab-step-2 .ett-pgst.pri.hor li:first-child > span:last-child::before{
    	position: absolute;
    	content: 'Member number';
    	color: #212121;}
    .registration-page .tab-step-3 .ett-pgst.pri.hor li:first-child > span:last-child::before{
    	position: absolute;
    	content: 'OTP Validation';
    	color: #212121;}
    .registration-page .tab-step-4 .ett-pgst.pri.hor li:first-child > span:last-child::before{
    	position: absolute;
    	content: 'Set Password';
    	color: #212121;}
    .registration-page .tab-step-5 .ett-pgst.pri.hor li:first-child > span:last-child::before{
    	position: absolute;
    	content: 'Security QnA';
    	color: #212121;}
    .registration-page.web-close-accounts-row > div:last-child svg{
		width: 293px;
		height: 220px !important;	}
	.registration-page.web-close-accounts-row > div:last-child .crt-form > .srb.pri > span > ul{
		top: 230px;	}
}
@media (max-width: 850px){
    .registration-page{
		height: 100%;
		overflow: overlay;
		overflow-x: hidden;
		position: relative;}
	.registration-page.web-close-accounts-row > div:last-child{
		height: 293px !important;
		width: 100%;
		flex-shrink: 0;
		background-color: #fff !important;
		z-index: 200;	}
	.registration-page.web-close-accounts-row > div:last-child svg{
		max-height: 100% !important;
		max-width: 100% !important;
		height: 600px;
		position: relative;
		left: 50% !important;
		transform: translateX(-40%) translateY(-140px);
		width: auto;	}
	.registration-page.web-close-accounts-row > div:first-child{
		z-index: 3500;
		padding: 64px 80px 100px 80px !important;
		overflow: initial;
		height: max-content !important;
        display: block;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child){
		flex-direction: row;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) > span:first-child{
		margin-right: 24px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) > span:first-child{
		flex-direction: row;
		align-items: center;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) > span:first-child ul:first-child{
		margin-bottom: 0;	}
	.registration-page.web-close-accounts-row > div:last-child{
		padding-left: 0;	}
	.registration-page.web-close-accounts-row > div:last-child svg rect{
		fill: #D2CEE5;	}
	.registration-page.web-close-accounts-row > div:last-child .crt-form > .srb.pri > span > ul{
		top: 44px;	}
	.registration-page.web-close-accounts-row > div:last-child svg{
		transform: none;
		left: 233px !important;	}
}
@media (max-width: 750px){
    .registration-page{
		margin-top: 0px;	}
    .registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(3) .web-dropdown .ett-slct.ter .sub-elt{
		padding-top: 7px;	}
	.registration-page.web-close-accounts-row > div:last-child{
	    display: none;
		height: 193px !important;	}	
		.notifications-popover .crt-list > ul > li > span > .srb.pri:nth-child(n+2) > span:last-child .ett-para.pri{
	    font-size: 10px !important;
	    color: #575757;
        }
        .notifications-popover .crt-list > ul > li > span > .srb.pri:first-child .ett-para.pri{
	    font-size: 10px;
	    color: #575757;
	    }
	.registration-page.web-close-accounts-row > div:last-child svg{
        width: 180px;
        height: 136px !important;
        left: 50% !important;
        top: 11px;
        transform: translateX(-50%);}
	.registration-page.web-close-accounts-row > div:last-child .crt-form > .srb.pri > span > ul{
		top: 18px;	}
	.registration-page.web-close-accounts-row > div:first-child{
		padding: 0 16px 98px !important;	}
    .web-close-accounts-row.registration-page .crt-form.hor.pri .web-page-heading .ett-labl.pri.flb{
		font-size: 20px !important;
		margin-bottom: 15px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:first-child > span > .srb.pri:last-child .ett-labl.pri{
		line-height: 1.5;
		padding-bottom: 16px;
		margin-bottom: 17px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child){
	    flex-direction: column;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) > span{
		margin-bottom: 20px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:not(:first-child):not(:last-child) > span{
		padding: 20px 16px 17px !important;
		border-radius: 4px;	}
	.registration-page .web-footer{
		padding-left: 16px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) > span:first-child{
	    align-items: flex-start;
		flex-direction: column;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(4) > span:first-child ul:first-child{
		margin-bottom: 13px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .web-page-heading{
		margin-top: 39px;	}
		.general-service-page.web-close-accounts-row > div:first-child{
	    overflow: auto;
	    height: 100vh;
	    padding: 32px 16px 70px !important;
        }
        .services-close-account-page.web-close-accounts-row > div:first-child{
	    height: 100vh;
	    overflow: auto;
	    padding: 28px 16px !important;
        }
        .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) > span > ul:last-child{
	    position: relative !important;
	    }
}

/*-------------------------------------------------- Registration stepper responsive styles ----------------------------------------------------*/

@media (max-width: 1800px){
	.registration-page:not(.setup-primary-acc-page).web-close-accounts-row > div:first-child > div:nth-child(2){
		height: 134px;
		margin-top: -60px;
		padding-top: 7px;
		padding-right: 270px;
		padding-left: 186px;	}
	.registration-page .ett-pgst.pri.hor{
		width: 100%;
        padding-top: 13px;	}
	.registration-page .ett-pgst.pri.hor li span:first-child{
		width: 36px;
		height: 36px;	}
	.registration-page .ett-pgst.pri.hor li:first-child::before,	
	.registration-page .ett-pgst.pri.hor li:nth-child(2)::before,	
	.registration-page .ett-pgst.pri.hor li:nth-child(3)::before,
	.registration-page .ett-pgst.pri.hor li:nth-child(4)::before,
	.registration-page .ett-pgst.pri.hor li:nth-child(5)::before{
		background-size: 80% 80% !important;
		top: 15%;	}
	.registration-page .ett-pgst.pri.hor li > span:last-child{
		font-size: 14px;
		margin-top: 34px;	}
	.registration-page .ett-pgst.pri.hor li:first-child > span:last-child::after{
    	top: 24px;
    	left: 21px;	}
	.registration-page .ett-pgst.pri.hor li > span:last-child{
		margin-top: 34px;	}
	.registration-page .ett-pgst.pri.hor li:not(:first-child):not(:last-child) > span:last-child::after{
		top: 80px !important;	}
}
@media (max-width: 1050px){
	.registration-page:not(.setup-primary-acc-page).web-close-accounts-row > div:first-child > div:nth-child(2){
		padding-left: 186px;
		height: 112px;
		margin-top: -46px;
		padding-right: 155px;	}
	.registration-page .ett-pgst.pri.hor li:not(:last-child) > span:last-child::after,
	.registration-page .ett-pgst.pri.hor li:not(:first-child):not(:last-child) > span:last-child{
		display: none !important;	}
	.registration-page .ett-pgst.pri.hor li:last-child > span:last-child{
		color: transparent	}
	.registration-page .ett-pgst.pri.hor li:nth-child(5) > span:last-child::after{
		top: 0;	}
}
@media (max-width: 850px){
	.registration-page:not(.setup-primary-acc-page).web-close-accounts-row > div:first-child > div:nth-child(2){
		padding-right: 218px;
	    padding-left: 151px;	}
}
@media (max-width: 750px){
	.registration-page:not(.setup-primary-acc-page).web-close-accounts-row > div:first-child > div:nth-child(2){
		padding: 6px;
		margin: 0 -21px 0;
		/*width: calc(100vw + 56px);*/
		padding-top: 7px;
		padding-right: 100px;	
	    width: 100%;
	    margin-top: 8px;
	}
	.registration-page .ett-pgst.pri.hor li{
		min-width: 77px;
		padding: 0;	}
	.registration-page .ett-pgst.pri.hor li:nth-child(5) > span:last-child::after{
		left: 71%;
		top: -2px;	}
}


/*------------------------------------------ Registration get started responsive styles -------------------------------------------------------*/

@media (max-width: 1800px){
    .registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3){
        padding-top: 56px; 
        width: 400px;} 
    .registration-page .web-page-heading .ett-labl.pri{
		margin-bottom: 28px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2), .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2){
		padding-top: 20px;
		padding-bottom: 20px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2) .srb.pri > span:last-child .ett-labl.pri{
		font-size: 14px;
		white-space: nowrap;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .ett-inpt.ter{
        font-size: 14px !important;
        padding-bottom: 12px !important;
        padding-top: 12px;}
    .ett-inpt.ter::placeholder,
    .registration-page .ett-inp{
    	font-size: 14px !important;
    	padding-bottom: 10px !important;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 42px;	}
	.registration-page.web-close-accounts-row > div:first-child > .grb:first-child .crt-form > .srb.pri:nth-child(3) > span:first-child{
		padding-right: 16px !important;	}
}
@media (max-width: 1050px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3){
		padding-top: 52px;
		width: 420px;	}
	.registration-page .web-page-heading .ett-labl.pri{
		margin-bottom: 24px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2){
		padding-top: 16px;
		padding-bottom: 16px;
		margin-bottom: 38px;	}
}
@media (max-width: 850px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3){
		width: 450px;	}
}
@media (max-width: 750px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3){
		padding-top: 32px;
		width: 100%;	}
	.registration-page .crt-form.ver.pri .web-page-heading label.flb{
		font-size: 20px !important;
		margin-bottom: 20px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(3) .crt-form > .srb.pri:nth-child(2), 
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 31px;	}
	.registration-page .web-footer > span > ul{
		flex-basis: 161px;
		flex-grow: 0;	}
	.registration-page .web-footer > span{
		/*justify-content: space-between;	*/
	    
	}
}


/*--------------------------------------- registration otp validation responsive styles -------------------------------------------------------*/

@media (max-width: 1800px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3) .web-page-heading{
		margin-bottom: 0;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(2){
		padding-top: 26px;
		padding-bottom: 26px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(3) .web-dropdown .ett-slct.ter .sub-elt{
	    padding-bottom: 10px;
    	padding-top: 9px;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(4) .ett-bttn.ter{
		width: 110px;
		height: 32px;
		font-size: 14px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(4){
		margin-bottom: 28px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5){
		padding-top: 25px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:first-child{
		padding-bottom: 38px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:nth-child(2){
		padding-bottom: 39px;	}
}
@media (max-width: 1050px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(2){
		padding-top: 24px;
		padding-bottom: 22px;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(4){
		margin-bottom: 24px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5){
		padding-top: 22px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:first-child{
		padding-bottom: 32px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:nth-child(2){
		padding-bottom: 32px;	}
}
@media (max-width: 750px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3) .crt-form.hor.pri .web-page-heading .ett-labl.pri.flb .web-page-heading .ett-labl.pri.flb{
		margin-bottom: 20px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(2){
		padding-top: 17px;
		padding-bottom: 21px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(4){
		padding-top: 27px;
		margin-bottom: 21px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5){
		padding-top: 20px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:first-child{
		padding-bottom: 30px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(4) .crt-form > .srb.pri:nth-child(5) > span > .srb.pri:nth-child(2){
		padding-bottom: 30px;	}
}

/*--------------------------------------------- Registration setup password responsive styles --------------------------------------------------*/

@media (max-width: 1800px){
    .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .ett-inpt.ter{
		height: 44px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 42px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5){
		margin-bottom: 45px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4) ul:first-child{
		padding-right: 25px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
	    font-size: 14px;	}
	.registration-page .ecn > .icr > svg{
		bottom: 8px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4){
		margin-top: 31px;
	    margin-bottom: 11px;	}
	.registration-page .ett-pgst.pri.hor li.pgs-100 span:first-child::after{
		width: 36px;
		height: 36px;	}
}
@media (max-width: 1050px){
    .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 34px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5){
		margin-bottom: 42px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4){
		margin-top: 33px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4) ul .ett-para.pri, .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5) ul .ett-para.pri.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4) ul .ett-para.pri, .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5) ul .ett-para.pri{
		font-size: 14px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4) > span{
		flex-direction: column;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4){
		margin-bottom: 0;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4) > span ul:last-child{
		position: relative;
	    top: 9px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5){
		margin-top: -15px !important;
		margin-bottom: 49px;	}
    .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5) > span{
        padding-right: 21px;
        padding-left: 222px;}
}
@media (max-width: 750px){
    .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5) > span{
        padding-left: 0;}
    .registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
		word-wrap: break-word;
		display: block;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri{
		display: flex;
		align-items: flex-start;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5){
		margin-bottom: 36px;	}
	.registration-page .ett-pgst.pri.hor li:first-child > span:last-child{
		font-size: 12px;
		left: 15px;
		margin-top: 32px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(2){
        padding-bottom: 21px;
        padding-top: 16px;
        margin-bottom: 27px !important;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(4){
		margin-top: 33px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5) > span{
		text-align: left;
			}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(5) .crt-form > .srb.pri:nth-child(5){
		margin-top: 19px !important;
	    margin-bottom: 43px;	}
}


/*-------------------------------------------- registration security question responsive styles ------------------------------------------------*/

@media (max-width: 1800px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3) > span > .srb.pri > span:last-child{
		padding-left: 13px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:first-child > span > ul:first-child{
		margin-bottom: 29px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(2):not(.web-footer){
        padding-bottom: 17px;
        margin-bottom: 28px;
        padding-top: 17px;
        margin-top: 22px;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3){
		padding-bottom: 20px;
		margin-bottom: 28px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3) > span > .srb.pri > span:last-child ul{
		margin-bottom: 0 !important;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel{
		padding: 28px 28px 31px  !important;
		width: 628px	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri:first-child ul:first-child{
		margin-bottom: 31px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri ul:nth-child(2){
		margin-bottom: 34px;	}
}
@media (max-width: 1050px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3) > span > .srb.pri > span:last-child{
		padding-left: 17px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel{
		width: 550px;
	padding: 24px 24px 29px !important;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:first-child > span > ul:first-child{
		margin-bottom: 25px;	}
    .registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(2):not(.web-footer){
        padding-bottom: 14px;
        margin-bottom: 24px;
        margin-top: 18px;
        padding-top: 13px;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3){
		padding-bottom: 16px;
		margin-bottom: 24px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri:first-child ul:first-child{
		margin-bottom: 30px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri ul:nth-child(2){
		margin-bottom: 32px;	}
}
@media (max-width: 850px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel{
		width: 450px;	}
}
@media (max-width: 750px){
    .registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri:last-child ul:last-child li:first-child label{
		font-size: 10px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form.hor.pri .web-page-heading .ett-labl.pri.flb{
		margin-bottom: 20px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:first-child > span > ul:first-child{	margin-bottom: 17px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(2):not(.web-footer){
        padding-bottom: 14px;
        padding-top: 16px;
        margin-top: 14px;
        margin-bottom: 20px;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3) > span > .srb.pri > span:last-child{
		padding-left: 21px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:nth-child(3){
		margin-bottom: 20px;
		padding-bottom: 13px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel{
		width: 100%;
		padding: 20px 16px 24px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri:first-child ul:first-child{
		margin-bottom: 27px;
		padding-bottom: 16px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .web-panel > span > .srb.pri ul:nth-child(2){
		margin-bottom: 26px;	}
}

/*------------------------------------------ registration skip security question responsive styles -------------------------------------------*/

@media (max-width: 1800px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(6) .crt-form > .srb.pri:first-child > span > ul:first-child{
		margin-bottom: 29px;	}
}
@media (max-width: 1050px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(6) .crt-form > .srb.pri:first-child > span > ul:first-child{
		margin-bottom: 25px;	}
}
@media (max-width: 750px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-child(6) .crt-form > .srb.pri:first-child > span > ul:first-child{
		margin-bottom: 17px;	}
}


/*---------------------------------------------- registration terms and conditions styles --------------------------------------------------*/

.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2){
	width: 740px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(2){
	background: #F5F9FD;
	padding: 32px 24px 21px;
	border-radius: 8px;
	margin-bottom: 40px;} 
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3){
	background: #F6F6F6;
	border-radius: 8px;
	padding: 22px 24px 22px 27.5px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:first-child .ett-labl.pri{
	color: #212121;
	font-weight: 500;
	line-height: 1 !important;
	display: block;
	margin-bottom: 18px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:nth-child(2){
	margin-bottom: 21px;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) .ett-chek.hor.pri input[type="checkbox"] + label::before{
	width: 21px;
	height: 21px;
	border-radius: 3px;
	border-color: #575757;
	border-width: 2px;
	margin-right: 0;
	background: transparent;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) .ett-chek.hor.pri > span{
	margin-right: 0;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span > ul:nth-child(2) .ett-labl.pri{
	padding-left: 23.5px;
	padding-right: 27px;
	font-weight: 500 !important;
	color: #212121;}
.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span > ul:last-child .ett-labl.pri{
	font-size: 14px;
	line-height: 1.4;
	display: block;}
.registration-page.web-close-accounts-row .terms-condition .confirm-term .ett-labl.pri.var1{
    font-weight:500;
    font-size:16px;
    color: #212121;
}

/*----------------------------------------- Registration terms and conditions responsive styles ----------------------------------------------*/

@media (max-width: 1800px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2){
		width: 604px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:first-child > span > ul:first-child{
		margin-bottom: 32px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(2){
		padding: 28px 24px 17px;margin-bottom: 36px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span > ul:nth-child(2) .ett-labl.pri{
		padding-right: 20px;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:nth-child(2){
		margin-bottom: 18px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span{
		align-items: flex-start	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span > ul:nth-child(2){
		padding-top: 5px;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span > ul:last-child .ett-labl.pri{
		line-height: 1.5;	}
}
@media (max-width: 1050px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2){
		width: 100%;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:first-child > span > ul:first-child{
		margin-bottom: 28px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3){
		padding-bottom: 18px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 32px;	}
}
@media (max-width: 850px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2){
		width: 529px}
}
@media (max-width: 750px){
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2){
		width: 100%;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form.hor.pri .web-page-heading .ett-labl.pri.flb{
		margin-bottom: 17px !important;
		line-height: 1.5;
		margin-top: -3px	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:first-child > span > ul:first-child,
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 20px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 14px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span > ul:last-child{
		width: 100%;
		flex-basis: 1005;
		flex-shrink: 0;
		display: block;
		max-width: 100%;
		padding-top: 8.5px;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span{
		flex-wrap: wrap;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3){
		padding: 18px 16px 17px !important;}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span > ul:first-child{
		margin-left: 3.5px;
		display: block;	}
	.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:nth-child(3) > span > ul:nth-child(2) .ett-labl.pri{
		padding-left: 19.5px;	}
}

/*---------------------------------------------- Temporary block card responsive styles -----------------------------------------------------*/

@media (max-width: 1800px){
	.temporary-block-card-modal.web-modal .modal-cnt{
		margin-top: 33px;
		padding-top: 29px !important;	}
	.temporary-block-card-modal .ett-labl.pri{
		font-size: 14px !important;	}
	.temporary-block-card-modal .crt-form > .srb.pri:not(.web-modal-footer){
		margin-bottom: 18px !important;	}
}
@media (max-width: 1050px){
	.temporary-block-card-modal.web-modal .modal-cnt{
		margin-top: 26px;
		padding-top: 25px !important;	}
}
@media (max-width: 750px){
	.temporary-block-card-modal.web-modal .modal-cnt{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	    padding-top: 21px !important;}
	.temporary-block-card-modal .ett-labl.pri{
		line-height: 1.5}
}


/*---------------------------------------- Registration successfully registered responsive styles ----------------------------------------------*/

@media (max-width: 1800px){
	.registration-page.web-close-accounts-row > div:first-child > div.grb:last-child .crt-form > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 24px !important;	}
	.registration-page.web-close-accounts-row > div:first-child > div.grb:last-child .crt-form > .srb.pri:first-child > span > ul:first-child{
		margin-bottom: 29px;	}
}
@media (max-width: 1050px){
	.registration-page.web-close-accounts-row > div:first-child > div.grb:last-child .crt-form > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 20px !important;	}
}
@media (max-width: 750px){
	.registration-page.web-close-accounts-row > div:first-child > div.grb:last-child .crt-form > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 11px !important;	}
}

/*---------------------------------------------------- View Statement responsive styles ----------------------------------------------------*/

@media (max-width: 1800px){
	.view-statement-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.view-statement-page .web-panel{
		width: 518px;
		padding: 29px 28px 28px !important;	}
	.view-statement-page .web-panel .crt-form:first-child > .srb.pri:first-child > span ul:last-child{
		padding-left: 0;	}
	.view-statement-page .web-panel .crt-form:first-child > .srb.pri:first-child{
	    flex-direction: column;
		padding-bottom: 25px;
		margin-bottom: 24px;	}
	.view-statement-page .web-panel .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
		margin-bottom: 36px;}
	.view-statement-page .web-panel .crt-form > .srb.pri:nth-child(3){
		margin-bottom: 39px;	}
	.view-statement-page .crt-form:nth-child(2) > .srb.pri:first-child{
		padding-bottom: 17px;}
	.view-statement-page .crt-list > ul > li{
		height: 64px;	}
	.view-statement-page .web-panel .crt-form > .srb.pri:first-child > span:last-child{
		margin-top: 17px;
		padding-left: 0;	}
	.view-statement-page .web-panel .crt-form:first-child > .srb.pri:first-child > span ul:first-child{
		width: 103px !important;
		display: block;	}
}
@media (max-width: 1050px){
	.view-statement-page .web-close-accounts-row > div:first-child{
		padding: 40px 32px !important;	}	
	.view-statement-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.view-statement-page .web-panel{
		width: 432px;
		padding: 28px 24px 21px !important;	}
	.view-statement-page .web-panel .crt-form:first-child > .srb.pri:first-child{
		padding-bottom: 18px;
		margin-bottom: 20px;	}
	.view-statement-page .web-panel .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
		margin-bottom: 36px;	}
	.view-statement-page .web-panel .crt-form > .srb.pri:nth-child(3){
		margin-bottom: 35px;}
	.view-statement-page .crt-form:nth-child(2) > .srb.pri:first-child{
		padding-bottom: 17px;	}
	.view-statement-page .crt-list > ul > li{
		height: 56px;	}
	.view-statement-page .web-panel .crt-form:first-child > .srb.pri:first-child > span ul:first-child{
		width: 136px !important	}
	.view-statement-page .web-panel .crt-form > .srb.pri:first-child > span:last-child{
		margin-top: 13px;	}
}
@media (max-width: 850px){
	.view-statement-page .web-panel{
		width: 386px;	}
}
@media (max-width: 750px){
	.view-statement-page .web-close-accounts-row > div:first-child{
		padding: 28px 16px !important;	}
	.view-statement-page .web-panel{
		width: 100%;
		padding: 24px 16px 17px !important;	}
	.view-statement-page .web-close-accounts-row > div:first-child{
		overflow: hidden;	}
	.view-statement-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 15px !important;	}
	.view-statement-page .web-panel .crt-form:first-child > .srb.pri:first-child{
		margin-bottom: 24px;	}
	.view-statement-page .web-panel .crt-form > .srb.pri:nth-child(3){
		margin-bottom: 32px;	}
	.view-statement-page .crt-form:nth-child(2) > .srb.pri:first-child{
		padding-bottom: 13px;	}
	.view-statement-page .web-panel .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
		margin-bottom: 33px;	}
	.view-statement-page .web-footer .ett-bttn.ter{
		width: 161px !important;	}
}

/*----------------------------------------------- Payment edit success modal styles -----------------------------------------------------------*/

.payment-edit-success-modal.status-modal.web-modal .crt-form > .srb.pri > span:first-child .ett-labl.pri{
	color: #575757;
	display: block;}
.payment-edit-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(:first-child):not(:last-child) > span:first-child{
	vertical-align: top;}
.payment-edit-success-modal.status-modal.web-modal .crt-form > .srb.pri:nth-child(n+4) .ett-para.pri,
.payment-edit-success-modal.status-modal.web-modal .crt-form > .srb.pri:nth-child(n+4) .ett-labl.pri{
	line-height: 1;
	display: block;}
.payment-edit-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(:first-child):not(:last-child){
	margin-bottom: 25px;}
.payment-edit-success-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	padding-bottom: 29px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 37px;}

/*------------------------------------------------- Success alert responsive styles ----------------------------------------------------------*/

@media (max-width: 1800px){
	.alertify.alertify--success .dialog, 
	.alertify.alertify--danger .dialog, 
	.alertify.alertify--information .dialog{
        width: 628px;
        top: 36px !important;
        right: 40px;	}
	.pnt-alts.alertify.inf.alertify--danger .dialog p,
	.pnt-alts.inf.alertify.alertify--success .dialog p,
	.pnt-alts.inf.alertify.alertify--information .dialog p{
		padding: 22px 20px 21px;
		padding-left: 60px;
		font-size: 14px;
		background-position: 20px 20px;	}
	.alertify--success nav button::before,
	.alertify--danger nav button::before,
	.alertify--information nav button::before{
		right: 20px;	}
	.alertify--success nav, 
	.alertify--danger nav, 
	.alertify--information nav{
		top: 20px;	}
}
@media (max-width: 1050px){
	.alertify.alertify--success .dialog, 
	.alertify.alertify--danger .dialog, 
	.alertify.alertify--information .dialog{
	    width: 546px;
        top: 32px !important;
        right: 28px;	}
}
@media (max-width: 850px){
	.alertify.alertify--success .dialog, 
	.alertify.alertify--danger .dialog, 
	.alertify.alertify--information .dialog{
		width: 386px;	}
}
@media (max-width: 750px){
	.alertify.alertify--success .dialog, 
	.alertify.alertify--danger .dialog, 
	.alertify.alertify--information .dialog{
		top: 16px !important;
		left: 16px;
		right: 16px;
		width: auto;	}
	.pnt-alts.alertify.inf.alertify--danger .dialog p,
	.pnt-alts.inf.alertify.alertify--success .dialog p,
	.pnt-alts.inf.alertify.alertify--information .dialog p{
		padding: 17px 16px 18px 52px;
		background-position: 17px 17px;	}
	.alertify--success nav button::before,
	.alertify--danger nav button::before,
	.alertify--information nav button::before{
	  right: 16px;	}
	.alertify--success nav, 
	.alertify--danger nav, 
	.alertify--information nav{
        top: 17px;}
}

/*------------------------------------------- Activate card responsive styles --------------------------------------------------------*/

@media (max-width: 1800px){
	.activate-card.visa-details > span > .srb.pri:first-child > span:last-child .ett-bttn.pri{
		width: 140px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		font-size: 14px;	}
	.activate-card.visa-details > span > .srb.pri:first-child > span:last-child{
		padding-top: 5px;
		padding-right: 4px;	}
	.activate-card.visa-details > span > .srb.pri:last-child ul:first-child .ett-labl.pri{
		font-size: 16px !important;	}
	.activate-card.visa-details > span > .srb.pri:last-child ul:last-child .ett-labl.pri{
		font-size: 14px !important;
        position: relative;
        top: -2em;}
	.activate-card.visa-details > span > .srb.pri:last-child ul:first-child .ett-labl.pri{
		top: 85px;
    margin-bottom: 125px;
    position: relative;	}
	.activate-card.visa-details > span > .srb.pri:last-child{
		left: 0;
		bottom: 11px;	}
	.visa-details,
	.activate-card::before{
		border-radius: 20px;	}
}
@media (max-width: 1050px){
	.activate-card.visa-details > span > .srb.pri:first-child > span:last-child{
		padding-top: 7px;padding-right: 0;	}
	.activate-card.visa-details > span > .srb.pri:last-child ul:first-child .ett-labl.pri{
		font-size: 14px !important;
    margin-bottom: 20px;	}	
	.activate-card.visa-details > span > .srb.pri:last-child ul:last-child .ett-labl.pri{
		font-size: 12px !important;
    margin-bottom: 160px;
    top: 70px;  }
	.activate-card.visa-details > span > .srb.pri:last-child{
		left: 7px;
		bottom: 1px;	}
}
@media (max-width: 850px){
	.activate-card.visa-details > span > .srb.pri:first-child > span:last-child .ett-bttn.pri{
		right: 23px;
		position: relative;	}
	.activate-card.visa-details > span > .srb.pri:last-child ul:last-child .ett-labl.pri{
		width: 90%	}
	.activate-card.visa-details > span > .srb.pri:last-child{
		left: 0;
		bottom: 6px;	}
	.visa-details,
	.activate-card::before{
		border-radius: 16px;	}
}
@media (max-width: 750px){
	.activate-card.visa-details > span > .srb.pri:last-child{
		left: -3px;
		bottom: 3px;	}
	.activate-card.visa-details > span > .srb.pri:first-child > span:last-child .ett-bttn.pri{
		right: 7px;
		top: -3px;	}
}

/*------------------------------------------------ Change Limit responsive styles --------------------------------------------------------------*/

@media (max-width: 1800px){
	.change-limit-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.change-limit-page .web-panel:nth-child(2){
		padding: 32px 28px 30px !important;margin-bottom: 36px;}
	.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri ul:first-child .ett-labl.pri{
		font-size: 12px !important;}
	.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri:last-child{
		margin-top: 33px;	}
	.change-limit-page .web-panel:nth-child(3){
		padding: 31px 28px 34px !important;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:last-child .ett-inpt.ter{
		width: 371px;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child > span:first-child .ett-labl.pri{
		font-size: 14px;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child > span:first-child{
		padding-right: 28px;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child > span:last-child .ett-labl.pri{
		font-size: 12px;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child{
		padding-bottom: 24px;
	    margin-bottom: 32px;	}
}
@media (max-width: 1050px){
	.change-limit-page .web-close-accounts-row > div:first-child{
		padding: 40px 24px 40px 32px !important;	}
	.change-limit-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.change-limit-page .web-panel:nth-child(2){
		padding: 27px 24px 25px !important;
		margin-bottom: 32px;	}
	.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri:last-child{
		margin-top: 29px;	}
	.change-limit-page .web-panel:nth-child(3){
		padding: 27px 24px 30px !important;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child{
		padding-bottom: 20px;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:last-child .ett-inpt.ter{
		width: 324px;	}
}
@media (max-width: 850px){
	.change-limit-page .web-close-accounts-row > div:first-child{
		padding: 40px 32px !important;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child > span:last-child{
		width: auto;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:last-child .ett-inpt.ter{
		width: 272px;	}
}
@media (max-width: 750px){
	.change-limit-page .web-close-accounts-row > div:first-child{
		padding: 28px 16px !important;	}
	.change-limit-page .web-panel:nth-child(2){
		padding: 23px 16px 22px !important;
		margin-bottom: 20px;	}
	.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri{
		display: flex;
		flex-wrap: wrap;	}
	.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri:last-child{
		margin-top: 25px;
		flex-direction: row-reverse;	}
	.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri > span{
		width: 50%;	}
	.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:last-child{
		margin-top: 25px;	}
	.change-limit-page .web-panel:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child{
		margin-top: -81px;	}
	.change-limit-page .web-panel:nth-child(3){
		padding: 24px 16px 25px !important;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child{
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 16px;
		margin-bottom: 30px;	}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:first-child > span:last-child{
		margin-top: 18px;}
	.change-limit-page .web-panel:nth-child(3) .crt-form > .srb.pri:last-child .ett-inpt.ter{
		width: 100%;	}
}

/*--------------------------------------------------- Pay bill edit confirmation styles -------------------------------------------------------*/

.paybill-edit-confirmation .modal-cnt{
	padding-top: 33px !important;}
.paybill-edit-confirmation .crt-form:first-child > .srb.pri:first-child{
	margin-bottom: 26px;}
.paybill-edit-confirmation .crt-form > .srb.pri:nth-child(2){
	background: #E4F7E6;
	height: 89px;
	margin-left: -50px;
	width: calc(100% + 100px);
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 37px;}
.paybill-edit-confirmation .crt-form > .srb.pri:nth-child(2) .ett-para.pri{
	font-size: 28px !important;
	font-weight: 700;}
.paybill-edit-confirmation .web-modal-footer{
	margin-bottom: 0 !important;}
.paybill-edit-confirmation.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)) .ett-labl.pri,
.paybill-edit-confirmation.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)) .ett-para.pri{
	line-height: 1 !important;
	display: block;}
.paybill-edit-confirmation.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)){
	margin-bottom: 25px;}

/*------------------------------------------ Paybill edit confirmation modal responsive styles -------------------------------------------------*/

@media (max-width: 1800px){
	.modal.confirmation-popup .crt-form.hor.pri .flb{
		font-size: 14px !important; 
		line-height: 1;
		display: block;}
	.paybill-edit-confirmation .modal-cnt{
		padding-top: 32px !important;}
	.paybill-edit-confirmation .crt-form:first-child > .srb.pri:first-child{
		margin-bottom: 25px;}
	.paybill-edit-confirmation .crt-form > .srb.pri:nth-child(2){
		height: 76px;
	width: calc(100% + 80px);padding-left: 40px;padding-right:  40px;margin-left: -40px;margin-bottom: 33px;}
	.paybill-edit-confirmation .crt-form > .srb.pri:nth-child(2) .ett-para.pri{
		font-size: 24px !important;}
	.paybill-edit-confirmation.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)){
		margin-bottom: 21px;}
	.modal.confirmation-popup .crt-form.hor.pri > .srb.pri:nth-child(n+3) .ett-para.pri{
		font-size: 14px;}
	.pay-anyone-confirmation .crt-form > .srb.pri:nth-child(n+4) > span:first-child, 
	.paybill-edit-confirmation .crt-form > .srb.pri:nth-child(n+3) > span:first-child{
		width: 188px !important;}
	.pay-anyone-confirmation .crt-form > .srb.pri:nth-child(n+4) > span:first-child .ett-labl.pri{
		font-size: 14px;}
	.pay-anyone-confirmation.modal.confirmation-popup .crt-form.hor.pri .flb{
		font-size: 14px !important;}
	.web-modal.confirmation-popup.pay-anyone-confirmation .web-info-panel{
		margin-bottom: 29px !important;}
}
@media (max-width: 1050px){
    .web-modal.confirmation-popup.pay-anyone-confirmation .web-info-panel{
		padding-right: 16px !important;	}
	.modal.confirmation-popup.pay-anyone-confirmation .modal-header{
		padding-bottom: 28px !important;}
	.paybill-edit-confirmation .modal-cnt{
		padding-top: 28px !important;	}
	.paybill-edit-confirmation .crt-form:first-child > .srb.pri:first-child{
		margin-bottom: 21px;	}
	.paybill-edit-confirmation .crt-form > .srb.pri:nth-child(2){
		width: calc(100% + 64px);
		margin-left: -32px;
		padding-left: 32px;
		padding-right: 32px;
		margin-bottom: 29px;	}
}
@media (max-width: 750px){
    .pay-anyone-confirmation .crt-form > .srb.pri:nth-child(n+4) > span:first-child, 
    .paybill-edit-confirmation .crt-form > .srb.pri:nth-child(n+3) > span:first-child{
		width: 168px !important;	}
	.web-modal.confirmation-popup.pay-anyone-confirmation .web-info-panel{
		padding-bottom: 10px !important;
		padding-top: 16px !important;	}
	.modal.confirmation-popup.pay-anyone-confirmation .modal-header{
		padding-bottom: 24px !important;	}
	.paybill-edit-confirmation .modal-cnt{
		padding-top: 24px !important;	}
	.paybill-edit-confirmation .crt-form:first-child > .srb.pri:first-child{
		margin-bottom: 17px;;	}
	.paybill-edit-confirmation .crt-form > .srb.pri:nth-child(2){
		height: 68px;
		width: calc(100% + 32px);
		margin-left: -16px;
		padding-left: 16px;
		padding-right: 16px;
		margin-bottom: 26px;	}
	.paybill-edit-confirmation.modal.confirmation-popup.pay-anyone-confirmation .crt-form > .srb.pri:not(:first-child):not(:nth-child(2)){
		margin-bottom: 17px;	}
}

/*------------------------------------------ Upcoming payment detail responsive styles -----------------------------------------------------*/

@media (max-width: 1800px){
	.payment-details-modal.web-modal .modal-header .ett-bttn.med::before{
		top: -6px;	}
	.payment-details-modal .modal-cnt{
		padding-top: 31px !important;	}
	.payment-details-modal .transaction-det-header{
		margin-bottom: 33px !important;width: calc(100% + 80px);
		padding: 24px 40px 21px;	}
	.web-modal.payment-details-modal .transaction-det-header > span:last-child p.ett-para.pri{
		padding: 10px 16px 11px;
		min-width: 0 !important;
		width: auto;
		display: inline-block;
		font-size: 16px !important;	}
	.payment-details-modal .transaction-det-header > span:last-child .ett-para.pri > span{
		top: 3px;
		position: relative;	}
	.transaction-details-modal .crt-form > .srb.pri, .transaction-details-modal .crt-form > .srb.pri > span > .srb.pri{
		margin-bottom: 19px;	}
	.payment-details-modal.web-modal .modal-cnt > .grb .grb:nth-child(2){
		margin-top: 34px !important;
		padding-top: 28px;
		padding-bottom: 28px;	}
	.payment-details-modal .srb.pri:not(.web-modal-footer) .ett-bttn.ter{
		width: 116px !important;
		height: 32px;
		margin-right: 28px;	}
	.payment-details-modal .ett-bttn.ter > .ett-icon{
		width: 20px;
		height: 20px;
	flex-shrink: 0;}
	.payment-details-modal.transaction-details-modal .crt-form > .srb.pri > span:first-child{									   
		width: 147px;	}
	.payment-details-modal .transaction-det-header img{
		width: 56px;
		height: 56px;	}
	.payment-details-modal .transaction-det-header > span:nth-child(2){
		padding-left: 19px		}
	.payment-details-modal .transaction-det-header .ett-para.pri{
		font-size: 16px !important;	}
}
@media (max-width: 1050px){
	.payment-details-modal .modal-cnt{
		padding-top: 27px !important;	}
	.payment-details-modal .transaction-det-header{
		padding: 24px 32px 21px;
		width: calc(100% + 64px);
	margin-bottom: 29px !important;}
	.web-modal.payment-details-modal .transaction-det-header > span:last-child p.ett-para.pri{
		padding: 13px 16px 11px; 	}
	.web-modal.payment-details-modal .transaction-det-header > span:last-child p.ett-para.pri > span{
		top: 1px;	}
	.payment-details-modal.web-modal .modal-cnt > .grb .grb:nth-child(2){
		margin-top: 30px !important;
		padding-top: 24px;
		padding-bottom: 24px;	}
	.payment-details-modal .srb.pri:not(.web-modal-footer) .ett-bttn.ter{
		margin-right: 24px;	}
	.payment-details-modal.transaction-details-modal .crt-form > .srb.pri > span:first-child{													
		width: 134px;	}
	.payment-details-modal .transaction-det-header > span:nth-child(2){
		padding-left: 26px;	}
}
@media (max-width: 750px){
	.payment-details-modal .modal-cnt{
		padding-top: 23px !important	}
	.payment-details-modal .transaction-det-header{
		padding: 20px 16px 17px;
		width: calc(100% + 32px);
		margin-bottom: 25px !important;	}
	.payment-details-modal .transaction-det-header img{
		width: 48px;
		height: 48px;	}
	.payment-details-modal .transaction-det-header > span:nth-child(2){
		padding-left: 21px;	}
	.transaction-details-modal .crt-form > .srb.pri, .transaction-details-modal .crt-form > .srb.pri > span > .srb.pri{	
		margin-bottom: 17px;}
	.payment-details-modal.web-modal .modal-cnt > .grb .grb:nth-child(2){		
		margin-top: 26px !important;
		padding-top: 20px;
		padding-bottom: 20px;	}
	.payment-details-modal .srb.pri:not(.web-modal-footer) .ett-bttn.ter{
		margin-right: 5px;	}
	.payment-details-modal.transaction-details-modal .crt-form > .srb.pri > span:first-child{
		width: 114px;	}
	.payment-details-modal.web-modal .modal-cnt > .grb .grb:nth-child(2) .srb.pri > span:first-child{
		align-self: flex-start;	}
	.payment-details-modal.web-modal .modal-cnt > .grb .grb:nth-child(2) .srb.pri > span:last-child{
	  flex-direction: column;	}
	.payment-details-modal.web-modal .modal-cnt > .grb .grb:nth-child(2) .srb.pri > span:last-child ul:last-child{
		margin-top: 17px;	}
}


/*---------------------------------------------------- Setup Primary Account styles -------------------------------------------------------------*/

.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child{
	padding-top: 110px;}
.setup-primary-acc-page.registration-page .web-page-heading .ett-labl.pri{
	margin-bottom: 29px;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child{
	padding-top: 24px;
	padding-bottom: 21px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 64px;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child  > .plt-simp,
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child  > .grb{
	width: 610px;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child ul:last-child{
	padding-left: 16px;}
.setup-primary-acc-page.web-select{
	display: flex;
	align-items: center;
	height: 56px;
	width: 350px;}
.setup-primary-acc-page .web-select ul{
	margin-bottom: 0 !important;}
.setup-primary-acc-page .web-select ul .ett-para.ter{
	color: #575757;
    font-weight: 500;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3){
	padding-top: 54px;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .grb .crt-form > .srb.pri{
	display: flex;
	justify-content: space-between;
	align-items: center;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .grb .crt-form > .srb.pri > span{
	width: auto;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(3) .crt-form > .srb.pri:first-child > span > ul:first-child{
	margin-bottom: 0;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .srb.pri span:first-child svg{
	margin-left: 12px;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .grb .srb.pri > span:first-child .ett-labl.pri{
	color: #000;
	font-weight: 500;}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child .ett-labl.pri{
	color: #212121;}

/*--------------------------------------------------- ServiceDashboard styles ---------------------------------------------------------------*/

.web-page.services-dashboard-page{
	padding: 0;}
.web-page.services-dashboard-page > div > .grb:last-child > div{
	height: auto;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child{
	width:526px;
	flex-grow: 0;
	padding: 48px 50px 40px 40px;
	background: #17272E;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child{
	padding: 32px 40px 56px 50px;
	margin-right: 0;}
.web-page.services-dashboard-page .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent{
	height: auto;}
.web-page.services-dashboard-page .pst-tabs.hor.pri > ul.tabs > li{
	background: transparent;
    padding: 0 32px 14px 28px;
    display: flex;
    align-items: flex-end;
    width: auto;
    height: 52px;
    position: relative;
    z-index: 900;}
.web-page.services-dashboard-page .pst-tabs.hor.pri > ul.tabs > li svg{
	position: relative;
	top: 0px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > ul.tabs > li a{
	color: #B8B8B8;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > ul.tabs > li.current a{
	color: #fff;}
.web-page.services-dashboard-page .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent{
	background: transparent;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child{
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri{
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 36px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri > span,
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri > span .ett-labl.pri{
	  cursor: pointer;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri{
	display: block;
	flex-shrink: 1;
	background: #fff;
	padding: 20px 24px 17px 32px;
	border-radius: 16px;
	box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span:first-child{
	margin-right: 40px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri{
	margin-bottom: 41px;
	margin-top: -36px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri .ett-labl.pri{
    position: relative;
    left: 33px;
    font-size: 16px;
    font-weight: 500;
    width: 80%;
    display: block;
    line-height: 1.5;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri > span:last-child svg{
	width: 24px;
	height: 24px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .ett-bttn.pri{
    width: 198px;
    height: 56px;
    margin: 0;
    background: #304048;
    border-color: #304048;
    border-radius: 48px;
    padding: 6px 0 6px 6px;
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding-right: 45px;
    white-space: normal;
    text-overflow: clip;
    line-height: 1.4;}
.web-page.services-dashboard-page .plt-caro.pri .swiper-container .swiper-button-prev,
.web-page.services-dashboard-page .plt-caro.pri .swiper-container .swiper-button-next{
	  display: none;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2){
	margin-bottom: 25px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(n+2) > span:last-child{
	padding-left: 20px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .ett-bttn.pri svg{
	width: 44px;
	height: 44px;
	margin-right: 16px;
	flex-shrink: 0;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .ett-bttn.pri > span{
	width: 300px !important;
	word-wrap: break-word;
	display: flex !important;
	flex-wrap: wrap;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > ul.tabs > li{
	width: 50%;
    padding-bottom: 11px;
    justify-content: center;
    z-index: 1499;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child{
    padding-bottom: 33px;
    margin-bottom: 16px;
    border-bottom: 1px solid #47565C;
    display: flex;
    flex-wrap: wrap;}
.web-page.services-dashboard-page .pst-tabs.hor.pri > ul.tabs > li:hover:not(.current){
	  border: none;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent{
	padding-top: 36px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li{
	margin-bottom: 36px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1000;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:nth-child(2) > .ett-para.pri{
	font-size: 12px;
	color: #B8B8B8;
	line-height: 1;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:first-child .ett-labl.pri{
	font-size: 16px;
	margin-bottom: 33px;
	display: inline-block;
	background: #17272E;
    padding-left: 16px;
    padding-right: 16px;
    z-index: 200;
    position: relative;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:first-child{
	position: relative;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:first-child::before{
	position: absolute;
	content: '';
	height: 1px;
	background: #47565C;
	width: 100%;
	top: 10px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:nth-child(2) > .srb.pri .ett-para.pri:last-child{
	background: #116ED1;
	width: 20px !important;
	height: 20px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	margin-left: 12px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:last-child{
	text-align: right;
	padding-right: 6px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:last-child svg path:last-child{
	fill: #fff;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:nth-child(2) > .srb.pri .ett-para.pri{
	line-height: 1;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child{
	padding-top: 30px;
	border-top: 1px solid #47565C;}
.web-page.services-dashboard-page .plt-caro.pri .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
	background: #fff;
	opacity: 1;}	
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:first-child > ul:last-child .ett-labl.pri{
	color: #B8B8B8;
	margin-top: 14px;
	display: block;
	line-height: 1.5;}
.web-page.services-dashboard-page .plt-caro.pri .swiper-container{
	height: 158px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:last-child svg{
	width: 24px;
	height: 24px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span{
	width: 50%;
	flex-shrink: 0;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(n+3){
	margin-top: 25px;	}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(2n) .ett-bttn.pri{
	margin-left: auto;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-inpt.ter{
	border-color: #212121;
	margin-tpo: 8px;
	display: block;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
	margin-top: 8px;}
.web-page.services-dashboard-page .tabs-ctr::-webkit-scrollbar-thumb{
	background-color: #374F5A !important;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2){
    flex-grow: 1;
    flex-shrink: 0;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div,
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp,
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp,	
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb,
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div,
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs{
	height: 100%;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs > .pst-tabs{
	display: flex;
    flex-direction: column;
    height: 100%;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs > .pst-tabs > .tabs-ctr{
    height: auto;
	overflow: overlay;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri > span{
	display: flex;
	justify-content: center;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri > span > ul{
	width: auto;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:last-child{
	margin-top: 13px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent::-webkit-scrollbar-thumb{
	background: #374F5A !important;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:last-child .ett-labl.pri{
	font-size: 16px;
    margin-left: 12px;
    font-weight: normal;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri{
	margin-top: 5px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs + .grb{
	position: absolute;
	bottom: -17px;
	cursor: pointer;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs + .grb svg{
    position: relative;
    z-index: 1800;
    transition: transform 0.3s linear;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs + .grb ul.arrow-up svg{
	transform: rotateZ(180deg);}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri > span > ul{
    width: auto;
    margin-left: auto;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri > span > ul:first-child{
    margin-left: auto;
    display: block;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri > span > ul:first-child > li:last-child > span{
    background: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    transform: rotateY(180deg);}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri > span > ul:first-child > li:last-child > span.icon-rotate{
    transform: rotateY(180deg) rotateZ(180deg);}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri > span{
    width: 80px;
    margin-left: auto;
    background: #f6f6f6;
    z-index: 1000;
    position: relative;
    margin-right: 0;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:first-child{
	width: 68px;
	flex-shrink: 0;}


/*------------------------------------------------ Set Primary Account responsive styles ----------------------------------------------------*/


@media (max-width: 1800px){
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > div:nth-child(2){
		padding-left: 0;
		padding-right: 0;
		margin-top: 0;
		padding-top: 0;
		height: auto;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3){
		padding-top: 44px;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp, .setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .grb{
		width: 498px;	}
	.setup-primary-acc-page.registration-page .web-page-heading .ett-labl.pri{
		margin-bottom: 25px !important;}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child{
		padding-top: 20px;
		padding-bottom: 17px;
		margin-bottom: 52px;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child ul:last-child{
		padding-left: 12px;	}
	.setup-primary-acc-page .web-select{
		width: 288px;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > div:nth-last-child(2) .crt-form > .srb.pri:first-child > span > ul:first-child{
		margin-bottom: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs > .pst-tabs > .tabs-ctr{
		height: auto;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:last-child .ett-labl.pri{
		font-size: 14px;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:first-child svg{
	    margin-top: -40px;	}
}
@media (max-width: 1050px){
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp, 
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .grb{
		width: 100%;	}
	.setup-primary-acc-page.registration-page .web-page-heading .ett-labl.pri{
		margin-bottom: 21px !important;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child{
		padding-top: 16px;
		padding-bottom: 13px;
		margin-bottom: 40px;	}
	.setup-primary-acc-page .web-select{
		width: 309px !important;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3){
		padding-top: 36px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs > .pst-tabs > .tabs-ctr{
		height: 388px !important;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:last-child{
		margin-top: 0;
		margin-bottom: 32px;	}
}
@media (max-width: 850px){
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp, 
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .grb{
		width: 450px;	}
	.setup-primary-acc-page .web-select{
		width: 292px !important;	}
}
.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child .ett-labl.pri{
	color: #212121;}
@media (max-width: 750px){
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs > .pst-tabs > .tabs-ctr{
	    height: 364px !important;}
	.web-page.services-dashboard-page .plt-caro.pri .swiper-container > ul > li{
		width: 100% !important;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:first-child .ett-bttn.pri{
		padding-left: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:first-child .ett-bttn.pri:hover{
		border: none;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child{
		padding-top: 28px !important;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp, 
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .grb{
		width: 100%;	}
	.setup-primary-acc-page.web-close-accounts-row.registration-page .crt-form.hor.pri .web-page-heading .ett-labl.pri.flb{
		margin-bottom: 17px !important;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child ul:last-child{
		padding-left: 16px;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child > span{
		align-items: flex-start;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .plt-simp:first-child .crt-form > .srb.pri:last-child{
		margin-bottom: 28px;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > .grb .crt-form > .srb.pri{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;	}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > div:nth-child(2){
		margin-left: 0;
		margin-right: 0;	}
	.setup-primary-acc-page .web-select{
		width: 100% !important;
		margin-top: 16px;}
	.setup-primary-acc-page.registration-page.web-close-accounts-row > div:first-child > div:nth-child(n + 3){
		padding-top: 28px;	}
}

/*---------------------------------------------------------- Xero Integration styles -----------------------------------------------------------*/

.xero-integration-page .web-panel{
    /*width: 605px;*/
    border-radius: 12px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .plt-simp{
	width: 605px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 32px}
.xero-integration-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.xero-integration-page .ett-bttn.ter{
	width: auto;
	height: 40px !important;
	/*padding-left: 32px;*/
	padding-right: 32px;
	display: flex;
	align-items: center;
	margin: 0;
	margin-left: auto;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:last-child{
	padding-top: 29px;
	border-top: 1px solid #e8e8e8;
	margin-top: 23px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child{
	align-items: flex-start;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child > ul:last-child{
	margin-left: 12px !important;
	display: block;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2){
	padding-bottom: 27px !important;
    padding-top: 33px !important;
    margin-bottom: 36px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:nth-child(2) > ul:first-child .ett-labl.pri{
	font-weight: 700;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:nth-child(2) > ul:last-child .ett-labl.pri{
	font-size: 12px;
	color: #575757;
	line-height: 1.4 !important;
	display: block;
	margin-top: 2px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child > ul:last-child > li > label{
	color: #212121 !important;
	line-height: 1.5 !important;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:first-child .crt-form > .srb.pri:first-child .ett-labl.pri{
    font-weight: 700;
    margin-bottom: 25px;
    display: block;
    line-height: 1;
    color: #212121;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:first-child{
    padding-bottom: 22px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 28px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:nth-child(2){
	padding-bottom: 25px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 32px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:nth-child(2) > span:first-child .ett-para.pri{
	color: #575757 !important;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li{
	display: flex;
	align-items: center;
	margin-bottom: 40px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:first-child{
	width: auto;
	margin-right: 16px}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:not(:first-child){
	flex-grow: 1;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .web-hyperlink{
	padding-right: 28px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li:last-child{
    margin-bottom: 0;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb .web-panel{
    padding-bottom: 33px !important;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb .web-panel .ett-bttn.ter{
	padding-left: 20px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb .web-panel .ett-bttn.ter svg{
	margin-right: 8px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:first-child{
	width: 92px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child .ett-bttn.ter > span{
	position: relative;
	top: 1px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri{
	display: flex;
	align-items: center;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:first-child .ett-para.pri{
	font-weight: 700;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri{
	position: absolute;
	left: 40px;
	top: -70%;
	padding: 20px 16px 17px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
	z-index: 2000;
	background: #fff;
	border-radius: 12px;
	display: flex;
	flex-shrink: 0;
	width: 274px;
    opacity: 0;
    transition: opacity 0.2s linear;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri > span:first-child{
	display: flex;
	align-items: center;
	width: auto;
	padding-right: 20px;
	flex-shrink: 0;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri .ett-para.pri{
	padding-left: 12px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri .ett-para.pri,
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri .ett-labl.pri{
	font-size: 14px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri > span:last-child{
	display: flex;
	align-items: center;
	width: auto;
	flex-shrink: 0;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri .ett-labl.pri{
	color: #575757;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri::before{
	position: absolute;
	content: '';
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid #fff; 
	background: transparent;
	left: -10px;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri.tooltip-show{
	opacity: 1;}
.xero-integartion-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li.highlight-acc-list{
	box-shadow: 0 0 0 0.5px #005587 !important;
	position: relative;}
.xero-integartion-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li.highlight-acc-list::before{
	position: absolute;
	content: '';
	right: 16px;
	top: 16px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-pink-tick-icon.svg');
	width: 24px;
	height: 24px;
	background-color: #fff}
 .xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:nth-child(2) ul:last-child{
	font-size: 12px;
	color: #575757;}
.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:first-child .ett-labl.pri{
	color: #212121;
	font-weight: 700;}
.xero-integartion-select-acct-modal.raise-dispute-select-account .my-accounts-subpanel > ul > li > span > span:last-child{
	display: flex;}
.xero-integartion-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span{
	display: flex;
	flex-direction: row;}
.xero-integartion-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span:first-child > .srb.pri:first-child{
	width: 46px;
	flex-shrink: 0;}
.xero-integartion-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span label{
	font-size: 14px;
	margin-bottom: 0;}
.xero-integartion-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span:first-child{
	width: 137px;}
.xero-integartion-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li{
	padding: 24px 20px 21px !important;
	margin-bottom: 24px !important;}
.my-accounts-subpanel > ul > li > span > span:last-child > span:last-child > span:first-child{

	flex-shrink: 0;}


/*--------------------------------------------- Xero integration remove account modal styles -----------------------------------------------*/

.remove-account-modal .modal-header{
	position: relative;
	padding-left: 40px !important;
	padding-bottom: 33px !important;
	border-bottom: 1px solid #e8e8e8;}
.remove-account-modal .modal-header::before{
	position: absolute;
	content: '';
	left: 0;
	top: 2px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-modal-left-arrow.svg');
	width: 24px;
	height: 24px;}
.remove-account-modal.web-modal .modal-cnt{
	padding-top: 44px !important;}
.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	border: 1px solid #949494;
	border-radius: 20px;
	background: #F2F2F2;
	padding: 18px 20px;
	height: 104px;
	max-height: 104px;}
.remove-account-modal.web-modal .highlighted{
    position: relative;
	background: #fff !important;
	border: 1px solid #005587 !important;}
.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:first-child > span > .srb.pri:last-child{
	display: flex;}
.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:first-child > span > .srb.pri:last-child > span{
	flex-basis: 0;
	flex-grow: 1;}
.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):first-child .ett-labl.pri{
	font-size: 14px;
	color: #575757;
	margin-right: 20px;}
.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):first-child .ett-para.pri{
	margin-right: 40px;
	font-size: 14px;
	font-weight: 700;}
.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):first-child > span > .srb.pri:first-child{
	margin-bottom: 14px;}
.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):last-child:not(:first-child) .ett-labl.pri{
	font-size: 16px;}
.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):last-child:not(:first-child){
	padding-top: 29px;
	padding-bottom: 25px;
	border-top: 1px solid #e8e8e8;
	margin-top: 32px;}
.remove-account-modal.web-modal .highlighted::before{
	position: absolute;
	content: '';
	right: 16px;
	top: 16px;
	width: 24px;
	height: 24px;
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-pink-tick-icon.svg');}
.remove-xero-connection-modal.status-modal.web-modal img{
	width: auto;}
.remove-account-modal.web-modal .modal-cnt .crt-list > ul > li{
    border: 1px solid #949494;
    border-radius: 20px;
    background: #F2F2F2;
    padding: 18px 20px;
    height: 104px;
    max-height: 104px;
    margin-bottom: 28px;
    cursor: pointer;}
.remove-account-modal.web-modal .modal-cnt .crt-list > ul > li .ett-para.pri{
	font-weight: 700;
	font-size: 14px;
	margin-right: 40px;}
.remove-account-modal.web-modal .modal-cnt .crt-list > ul > li > span > .srb.pri:last-child{
	margin-top: 18px;}
.remove-account-modal.web-modal .modal-cnt .crt-list > ul > li .ett-labl.pri{
	font-size: 14px;
	color: #575757;
	margin-right: 20px;}
.xero-status-modal img{
	width: auto !important;
    display: block !important;
    height: auto !important;
    margin-left: 50%;
    transform: translateX(-50%);}
.xero-status-modal .ett-imge svg{
	display: none;}

/*----------------------------------------------------- General Service styles ----------------------------------------------------------------*/


.general-service-page .browse-upload-panel:not(:first-child){
    padding: 10px;
    background: #f6f6f6;
    border-radius: 8px;
    margin-top: 50px;
    cursor: pointer;}
.general-service-page.web-close-accounts-row > div:first-child > .grb{
	/*width: 734px;*/
	margin-bottom: 36px;
	display: flex;
	align-items: center;}
.general-service-page .web-panel{
    /*width: 475px;*/
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 0;
    border-radius: 16px;}
.general-service-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:first-child{
	border-bottom: 1px solid #e8e8e8;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .web-panel{
	padding: 17px 38px 14px 20px !important;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .web-panel .ett-labl.pri{
	line-height: 1.5;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .web-panel > span{
	display: flex;
	align-items: flex-start;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .web-panel > span ul:first-child{
	margin-right: 12px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child .web-panel{
	padding: 39px 28px 22px 28px !important;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child .web-panel{
	padding: 44px 28px 25px 28px !important;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri{
	display: flex;
	/*align-items: center;*/
}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:first-child .ett-labl.pri{
	font-size: 16px;}
.web-close-accounts-row > div:last-child svg{
    position: relative;
	left: 108px;
    display:none;
}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel{
	padding: 28px 28px 4px 28px !important;}
.browse-upload-panel{
    padding: 10px;
    background: #f6f6f6;
    border-radius: 8px;
    margin-top: 50px;
    cursor: pointer;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.general-service-page .browse-upload-panel{
	margin-top: 0;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-form > .srb.pri:nth-child(2){
	margin-top: 13px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
	font-size: 14px;
	color: #575757;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:last-child svg path:last-child{
	fill: #212121;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li,.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(7) div:last-child .web-panel .crt-list > ul > li,.payroll-content > .gcb-col12 > .plt-simp > .pst-simp > .grb .gcb-col9 > .web-panel > .gcb-col12 > .grb:nth-child(2) ul li{
	margin-top: 22px;
	height: 56px;
	background: #f6f6f6;
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 24px;
	border-radius: 8px;
    height: auto;
    padding: 24px 10px;
}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:last-child,.payroll-content > .gcb-col12 > .plt-simp > .pst-simp > .grb .gcb-col9 > .web-panel > .gcb-col12 > .grb:nth-child(2) ul li > span:last-child{
	width: auto;
	padding-left: 28px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li:not(:first-child){
	margin-top: 26px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:nth-child(2),.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:nth-child(2),.payroll-content > .gcb-col12 > .plt-simp > .pst-simp > .grb .gcb-col9 > .web-panel > .gcb-col12 > .grb:nth-child(2) ul li > span:nth-child(2){
		/*padding-left: 16px;*/
        word-break: break-word;
        flex-grow: 1;
}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li:last-child{
	margin-bottom: 6px;}
.general-service-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
    padding-bottom: 25px;
    padding-top: 30px;}
.general-service-status-modal.status-modal.web-modal .crt-form > .srb.pri:nth-child(2){
	border-top: 1px solid #e8e8e8;
	padding-top: 30px;
	margin-bottom: 85px;}
.general-service-status-modal.status-modal.web-modal .crt-form > .srb.pri:nth-child(2) ul:first-child{
	padding-right: 18px;
	flex-shrink: 0;
    margin-bottom: 0px;
}
.general-service-status-modal.status-modal.web-modal .crt-form > .srb.pri:nth-child(2) ul:first-child .ett-labl.pri{
    color: #575757;
    line-height: 1;
    display: block;}
.general-service-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child .ett-labl.pri{
	line-height: 1.5;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:last-child{
	align-items: flex-start;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child{
	padding-top: 0;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: flex-end;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:last-child{
	padding-top: 9px;
	text-align: left;
	padding-right: 0;
	width: 133px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:first-child > ul:last-child .ett-labl.pri{
	font-size: 14px;}
.general-service-page .ref-msg.grb.msg-labl.var1{
    border-top: 1px solid #E8E8E8;
    padding-top: 42px;
    margin-top: 20px;}
.general-service-page > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:first-child{
	padding-top: 46px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child .web-panel{
	padding-bottom: 26px !important;
	padding-top: 44px !important;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3){
	margin-bottom: 21px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4){
	margin-bottom: 21px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .count-text > span{
    display: flex;
    justify-content: flex-end;	}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-form > .srb.pri.count-text:nth-child(2){
	margin-top: 6px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .count-text{
	margin-top: 7px;}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child .web-panel.var1{
	border-color: #e8e8e8;
	border-radius: 12px;
	color: #575757;
	height: 107px;
}
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child .web-panel.var1 textarea::placeholder{
	opacity: 1;}

/*---------------------------------------------------- Service dashboard responsive styles -----------------------------------------------------*/

@media (max-width: 1800px){
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child{
		padding-top: 25px;	}
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:first-child{
	    width: 60px;	}
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child svg{
		width: 84px;
		height: 84px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:last-child{
		width: 116px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child{
		padding: 28px 32px 28px 40px;	}	
	.web-page.services-dashboard-page .pst-tabs.hor.pri > ul.tabs > li{
		height: 48px;
		padding: 0 28px 14px 24px;
		margin-right: 0;	}
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child{
        width: 448px;
        padding: 40px 40px 16px 32px;
        height: auto;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri{
		margin-bottom: 37px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri > span:first-child svg{
		width: 56px;
		height: 56px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri{
		padding: 16px 24px 13px 28px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri .ett-labl.pri{
		font-size: 14px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span:first-child{
		margin-right: 32px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri{
		margin-bottom: 28px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri .ett-labl.pri{
	    left: 29px;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:first-child .ett-labl.pri{
		font-size: 14px;
		margin-bottom: 25px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .ett-bttn.pri{
		font-size: 12px;
		width: 172px;
		height: 48px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .ett-bttn.pri svg{
		width: 36px;
		height: 36px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2){
	  margin-bottom: 21px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(n+2) > span:last-child{
		padding-left: 16px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child{
        padding-bottom: 25px;
        margin-bottom: 8px;}
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > div:nth-child(2),
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > div:nth-child(2) .pst-tabs{
		height: 397px;
		overflow: hidden;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .tabs-ctr{
		height: calc(100% - 48px);
		overflow-y: overlay;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:first-child svg{
		width: 40px;
		height: 40px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:nth-child(2){
		padding-left: 4px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent{
		padding-top: 28px;	}
	
	.web-page.services-dashboard-page .plt-caro.pri .swiper-container{
		height: 130px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li{
		margin-bottom: 32px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:last-child .ett-bttn.pri{
    	padding-right: 0;}
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(n+3){
		margin-top: 21px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:first-child svg{
		width: 240px;
		height: 240px;
		margin-top: 7px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:last-child{
	  margin-top: 6px !important;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:first-child > ul:last-child .ett-labl.pri{
	    font-size: 12px;
		width: 103%;
		margin-top: 8px;}
	.web-page.services-dashboard-page .pst-tabs.hor.pri > ul.tabs > li svg{
		top: 2px;}
}

@media (max-width: 1050px){
	.web-page.services-dashboard-page{
		padding: 0 !important;	}
	.web-page > div > .grb:last-child{
		flex-direction: column;	}
	.web-page > div > .grb:last-child > div{
		width: 100% !important;	}
	.web-page > div > .grb:last-child > div:first-child{
		height: 479px !important;
		overflow-y: hidden;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .tabcontent > .grb > div > .plt-simp:last-child{
	    height: 414px;
        overflow: hidden;
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 32px;
        padding-right: 32px;
        margin-top: -19px;
        padding-top: 23px;
        margin-bottom: -20px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child{
		padding: 20px 32px 0;	}
	.web-page.services-dashboard-page .pst-tabs.hor.pri > ul.tabs > li{
		padding-bottom: 12px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri{
		margin-bottom: 25px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri > span:first-child svg{
		width: 48px;
		height: 48px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri{
		padding: 16px 20px 13px 24px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span:first-child{
		margin-right: 24px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri{
		margin-bottom: 20px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri .ett-labl.pri{
		left: 10px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child{
		padding: 28px 32px 18px;
		height: auto;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 21px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .ett-bttn.pri{
		width: 204px;
		height: 44px;
		font-size: 12px;
		padding-right: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(n+2) > span:last-child{
		padding-left: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .ett-bttn.pri svg{
		width: 32px;
		height: 32px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child{
		position: relative;
		overflow-x: hidden;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span,
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span{
		width: 228px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > ul.tabs > li{
		padding-bottom: 12px;
		width: 204px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > div:nth-child(2), .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > div:nth-child(2) .pst-tabs{
		height: auto;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:first-child{
		width: 60px !important;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li{
	    display: flex;
        align-items: center;
        margin-bottom: 32px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:last-child{
		margin-left: auto;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:nth-child(2) > .srb.pri .ett-para.pri:last-child{
		width: 16px !important;
		height: 16px;
		font-size: 10px;
	    margin-left: 8px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span{
        width: 204px;
        flex-shrink: 1;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(n+3){
		margin-top: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(2n) .ett-bttn.pri{
		margin-left: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child{
		flex-wrap: nowrap !important;
		justify-content: space-between;
		padding-bottom: 21px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child .ett-bttn.pri{
		max-width: 100%;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li:last-child{
		margin-bottom: 28px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child{
		padding-top: 19px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:first-child{
		width: 28%;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:nth-child(2){
	    padding-left: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:nth-child(2) > .ett-para.pri{
		margin-top: 7px;
		display: block;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp:last-child{
		display: block !important;
		position: absolute;
		bottom: 29px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp:last-child .ett-labl.pri{
		background: #fff;
		padding: 11px 32px 11px 52px;
		border-radius: 20px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
		color: #116ED1;
		font-weight: 500;
		background-image: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-services-more.svg');
		background-repeat: no-repeat;
		background-position: 20px;	}
	.web-page.services-dashboard-page.services-expanded > div > .grb:last-child > div:first-child .tabcontent > .grb > div > .plt-simp:last-child{
		height: auto;	}
	.web-page.services-dashboard-page.services-expanded > div > .grb:last-child > div:first-child > .plt-simp:last-child .ett-labl.pri{
        color: transparent;
        position: relative;
        background-image: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-services-less.svg');}
	.web-page.services-dashboard-page.services-expanded > div > .grb:last-child > div:first-child > .plt-simp:last-child .ett-labl.pri::before{
		position: absolute;
		content: 'Less';
		color: #116ED1;
		font-weight: 500;
		top: 50%;
		transform: translateY(-50%);	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div > .plt-simp .pst-simp > .grb > div > .plt-tabs > .pst-tabs > .tabs-ctr{
	    height: auto;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:first-child svg{
		width: 200px;
		height: 200px;
		top: -4px;
	    position: relative;
		margin-bottom: -1px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:first-child > ul:last-child .ett-labl.pri{
		width: 90%;}
}
@media (max-width: 850px){
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .web-tab.pst-tabs.hor.pri > ul.tabs{
		overflow: overlay;
		width: 90%;
		height: 48px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form{
	    position: relative;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:first-child{
		width: 45%;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .web-tab.pst-tabs.hor.pri > ul.tabs::-webkit-scrollbar{
		display: none;	}
    .web-page.services-dashboard-page > div > .grb:last-child > div:first-child .tabcontent > .grb > div > .plt-simp:last-child{
        height: auto;
        margin-top: -28px;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child::before{
		display: none;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri .ett-labl.pri{
		width: 90%;
		position: relative;
		left: 24px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri{
		padding-left: 20px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri:last-child{
		margin-bottom: 28px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child{
		padding-bottom: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span{
		width: 50%;
		flex-shrink: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child{
		flex-wrap: wrap !important;
	    padding-bottom: 21px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child .ett-bttn.pri{
		max-width: 100%;
		width: 304px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(2n) .ett-bttn.pri{
		margin-left: auto;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(n+3){
		margin-top: 17px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > ul.tabs > li{
		width: 204px;
		flex-shrink: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent{
		padding-top: 28px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child{
		padding-top: 24px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .tabcontent > .grb > div > .plt-simp:last-child .crt-form > .srb.pri:last-child .ett-labl.pri{
	    display: none;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp:last-child{
		display: none !important;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri > span > ul:first-child{
		display: block;}
}

@media (max-width: 750px){
    .web-page.services-dashboard-page > div > .grb:last-child > div:first-child .web-tab.pst-tabs.hor.pri > ul.tabs{
	  padding-right: 45px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child .ett-bttn.pri{
		max-width: 100%;
		flex-direction: column;
		text-align: center;
		background: transparent;
		border-color: transparent;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child{
		padding: 20px 16px !important;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form::before{
		right: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri{
		flex-direction: column;
		margin-bottom: 16px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri > span{
		width: 100%;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span:first-child{
		margin-bottom: 16px;
		margin-right: 0 !important;	}
    .web-page.services-dashboard-page > div > .grb:last-child > div:first-child .tabcontent > .grb > div > .plt-simp:last-child{
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        height: 447px;
        margin-top: -21px;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri{
		border-radius: 12px;
		padding: 12px 16px 9px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .crt-form > .srb.pri > span > .srb.pri .ett-labl.pri{
		position: relative;
		left: 18px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child{
		padding: 24px 16px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .ett-bttn.pri > span{
		margin-top: 8px;display: inline !important;
		width: auto !important;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span{
		width: 25%;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(n+3){
		margin-top: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child{
        border-bottom: none;
        height: 114px;
        margin-bottom: 0;
        padding-bottom: 0;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .ett-bttn.pri svg{
		width: 45px;
		height: 45px;
		margin-right: 0;
		box-shadow: 0 0 12px rgba(0, 0, 0, 0.16);
		border-radius: 50%;fill: red;}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > div:nth-child(2){
		border-top: 1px solid #47565C;
		padding-top: 8px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > ul.tabs > li{
		width: 50%;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent{
		padding-top: 25px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:nth-child(2) > .ett-para.pri{
		margin-top: 6px;
		font-size: 10px;;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li{
		margin-bottom: 28px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li:last-child{
		margin-bottom: 26px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:first-child{
		width: 100%;
		position: relative;
	    left: 20px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child{
		padding-top: 25px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:last-child .crt-form > .srb.pri > span:first-child > ul:last-child .ett-labl.pri{
		margin-top: 10px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:nth-child(2) > .srb.pri .ett-para.pri:last-child{
		position: relative;
		top: 1px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 12px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span .ett-bttn.pri{
    	position: relative;}
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span .ett-bttn.pri::before{
    	position: absolute;
    	content: '';
    	top: 7px;
    	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-travel-notification-mobile.svg');
    	background-repeat: no-repeat !important;
    	width: 45px;
    	height: 45px;
    	z-index: 300;}
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(2) .ett-bttn.pri::before{
    	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-hardship-requests-mobie.svg');}
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:nth-child(3) .ett-bttn.pri::before{
    	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-replace-stolen-card-mobile.svg');}
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:last-child > span:last-child .ett-bttn.pri::before{
    	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-super-inquiry-mobile.svg');}
    .web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp:last-child{
		display: block !important;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp:last-child .ett-labl.pri{
		position: relative;
		top: 5px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:first-child svg{
		width: 160px;
		height: 160px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent > .grb:last-child .crt-form > .srb.pri:last-child{
		margin-bottom: 25px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:first-child .crt-form > .srb.pri{
		margin-bottom: 2px;	}
}

/*-------------------------------------------------- Open raise dispute styles -----------------------------------------------------------------*/

.open-raise-dispute-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel{
    padding: 32px 32px 29px !important;
    /*width: 734px;*/
    margin-bottom: 20px;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:first-child{
	width: 210px;
	flex-shrink: 0;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:first-child .ett-para.pri{
    font-weight: 500;
    color: #212121;
    display: block;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    
}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:first-child .ett-para.pri{
    max-width: 100%;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:nth-child(2) .ett-para.pri{
	font-size: 14px;
	color: #575757;
	white-space: nowrap;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child){
	padding-top: 33px;
	padding-bottom: 33px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 25px;
	border-top: 1px solid #e8e8e8 !important;
	margin-top: 25px;
	display: flex;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2) .ett-labl.pri{
	font-size: 14px;
	color: #575757;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2) .ett-para.pri{
	display: block;
	margin-top: 18px;
	color: #212121;
	font-weight: 500;
	line-height: 1.5;
	word-break: break-all;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel .ett-bttn.ter{
	padding: 8px 32px 8px 20px !important;
	width: auto;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel .ett-bttn.ter svg{
	margin-right: 8px;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(2){
	display: none;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2){
	display: flex !important;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:last-child svg{
	transform: rotateX(180deg);
	transition: transform 0.3s linear;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:last-child svg path:last-child{
	fill: #005587;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child{
	align-items: center;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel .srb.pri:first-child > span:first-child .ett-labl.pri{
	font-weight: 700;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:last-child{
	flex-grow: 0;
    width: 60px;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-last-child(2){
    display: block !important;
    margin-left: auto;
    flex-grow: 1;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(3){
	display: flex !important;
	padding-left: 28px;
	height: 32px;
	border-left: 1px solid #e8e8e8;
	white-space: nowrap;
	margin-left: 28px;
	align-items: center;
	justify-content: flex-start;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:first-child{
	width: auto;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open{
	padding-top: 28px !important;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(2):not(:nth-last-child(2)){
	border-bottom: none;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n+3):not(:nth-last-child(2)){
	border: none;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n+2):not(:nth-last-child(2)){
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;}
.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+3):not(:last-child){
    margin-top: 0 !important;}

/*-------------------------------------------------------- Open raise dispute responsive styles -------------------------------------------------*/
 

@media (max-width: 1800px){
    .open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:last-child{
        width: 56px !important;}
	.open-raise-dispute-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}	
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel{
		/*width: 628px;*/
		padding: 28px 28px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(2){
		padding-top: 29px;
	    padding-bottom: 30px;
	    margin-bottom: 24px;
	    margin-top: 21px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n+2):not(:last-child) .ett-para.pri{
	    padding-right:20px;
		margin-top: 23px;
		line-height: 1.5 !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n+2):not(:last-child) .ett-labl.pri{
		font-size: 12px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel .ett-bttn.ter{
		padding: 6px 28px 6px 16px !important;
		height: 32px;
		width: auto;
		font-size: 14px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel .ett-bttn.ter svg{
		width: 20px;
		height: 20px;	}
	.web-close-accounts-row > div:last-child svg{
		width: 272px;
		height: 272px;
		left: 99px;
		bottom: 0;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open{
		padding-top: 24px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel:not(.panel--open) > span > .srb.pri:first-child > span:first-child{
		width: 202px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel:not(.panel--open){
		padding: 27px 28px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(3){
		padding-left: 24px;
		margin-left: 24px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:nth-child(2) .ett-para.pri{
		font-size: 12px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+3):not(:last-child){
        padding-top: 29px !important;	}
}
@media (max-width: 1050px){
	.web-close-accounts-row > div:last-child svg{
		width: 204px;
		height: 204px;
		left: 68px;	}
	.open-raise-dispute-page.web-close-accounts-row > div:first-child{
		padding: 40px 24px 120px 32px !important;	
	    
	}
	.open-raise-dispute-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel{
		width: 100%;
	    padding: 24px 21px 21px !important;
	    margin-bottom: 16px;	}
		.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open{
		padding-top: 20px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(3){
		padding-left: 20px;
		margin-left: 20px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(2){
		margin-top: 12px;
		padding-top: 25px;
	    padding-bottom: 24px;
	    margin-bottom: 20px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel:not(.panel--open){
		padding: 23px 24px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel:not(.panel--open) > span > .srb.pri:first-child > span:first-child{
		width: 194px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(2) .ett-para.pri{
		font-weight: 500;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel .srb.pri:first-child > span:first-child .ett-labl.pri{
		font-weight: 500;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+3):not(:last-child){
        padding-top: 25px !important;
        padding-bottom: 25px !important;
        margin-bottom: 20px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:last-child{
		width: 52px !important;	}
}
@media (max-width: 850px){
	.web-close-accounts-row > div:last-child svg{
		left: 220px;	}
	/*.open-raise-dispute-page .crt-list > ul.pri > li.web-panel{*/
	/*	width: 468px;	}*/
}
@media (max-width: 750px){
	.web-close-accounts-row > div:last-child svg{
		left: 50%;
		width: 114px;
		height: 114px;
		transform: translateX(-50%);	}
	.open-raise-dispute-page.web-close-accounts-row > div:first-child{
		padding: 28px 16px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel{
		padding: 20px 16px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel{
		width: 100%;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(2){	
		padding-top: 22px;
	    padding-bottom: 22px;
	    margin-bottom: 20px;
	    margin-top: 27px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(2) .ett-para.pri{
		margin-top: 22px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel:not(.panel--open) > span > .srb.pri:first-child > span:first-child{
		width: 110px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel:not(.panel--open) .srb.pri:first-child > span:first-child .ett-labl.pri,
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel .srb.pri:first-child > span:first-child .ett-labl.pri{
		white-space: nowrap;
		overflow: hidden;
		text-overflow:ellipsis;
		width: 110px;
		display: block;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child){
		flex-wrap: wrap;	}
	
	/*open-close-changes*/
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span{
		width: 100%;	
	    display: block;   
	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span:last-child{
		margin-top: 0px;	}
	/*.web-footer .ett-bttn.ter{*/
	/*	width: 161px !important;	}*/
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(3) .ett-para.pri{
		font-size: 10px;	}
    .open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child{
        position: relative;}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(3){
		padding-left: 0;
		padding-right: 0;
		border-left: none;
		margin-right: auto;
		margin-left: 0;
		display: block !important;
		/*position: absolute; open-close*/
		top: 20px;
		left: 0;
		height: auto;
		margin-top: 4px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open{
		padding: 11px 16px 20px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel:not(.panel--open){
		padding: 19px 16px !important;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:first-child{
		width: 50%;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:first-child .ett-labl.pri{
		width: 100%;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:last-child svg, .open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-last-child(2) svg{
		position: relative;
		top: 6px;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel .srb.pri:first-child > span:first-child .ett-labl.pri{
	    width: 700;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel{
        width: 100%;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+3):not(:last-child) > span:last-child{
		margin-top: 0;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+3):not(:last-child) > span:first-child{
		width: 100%;
		margin-left: 0%;
		margin-top: 0px;
		display:block; }
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n+2):not(:last-child) .ett-para.pri{
	    width: 100%;
	    overflow: hidden;
	    display: block;
	    white-space: nowrap;
	    text-overflow: ellipsis;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:last-child{
		width: 48px;
		margin-left: auto;	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+3):not(:last-child){
        margin-top: 27px !important;
        padding-bottom: 25px !important;
        margin-bottom: 20px;
     }
     .open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n+2):not(:last-child) .ett-para.pri{
		margin-top: 0px;
		margin-bottom:20px;
		line-height: 1.5 !important;	}
}

/* ----------------------------------------------------Search fetaure styles (Service Dashboard) ---------------------------------------------*/

.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form.ver.pri .flbl-float .flb{
	margin-top: -17px;
	line-height: 1;
	left: 0;	}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri:first-child > span{
	position: relative;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri:first-child ul:last-child{
	position: absolute;
	right: 0;
	width: auto;
	display: block;
	bottom: 11px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri > span > span{
	transition: box-shadow 0.2s linear;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .pst-tabs > .tabs-ctr > div > .tabcontent > div .plt-simp:last-child .crt-form > .srb.pri > span > span:hover{
	box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.12);}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri:last-child{
	margin-top: 34px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri:last-child svg{
	margin-right: 12px;}
.web-page.services-dashboard-page > div > .grb:last-child .web-hyperlink .ett-hypl.pri{
	font-weight: 700;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li{
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 10px 5px 0px #e6e6e6;;
    padding: 20px 24px 20px 32px;
    width: calc(50% - 20px);
    margin-top: 36px;
    max-width: 476px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li .ett-para.pri{
	font-weight: 500;
	position: relative;
	left: 30px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:nth-child(2n+1){
	margin-right: 40px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li > span:last-child svg{
	width: 24px;
	height: 24px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul{
	display: flex;
	flex-wrap: wrap;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li.ssp{
	display: none;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs){
	height: calc(100vh - 280px);
	overflow: overlay;
	margin-left: -50px;
	margin-right: -40px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 40px;
	margin-top: 10px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:first-child,
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:nth-child(2){
	margin-top: 23px;}
.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri:last-child > span{
	align-items: center;}


/*------------------------------------------------ Search feature responsive styles ----------------------------------------------------------*/

@media (max-width: 1800px){
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form.ver.pri .flbl-float .flb{
		margin-top: -14px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		margin-top: 10px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri:last-child{
		margin-top: 26px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:first-child, 
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:nth-child(2){
		margin-top: 22px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li{
		padding: 16px 24px 16px 28px !important; 
	    width: calc(50% - 16px);margin-top: 28px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li > span:first-child svg{
		width: 56px;
		height: 56px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:nth-child(2n+1){
		margin-right: 32px;	}
}
@media (max-width: 1050px){
	.web-page.services-dashboard-page.services-search > div > .grb:last-child > div:first-child .tabcontent > .grb > div > .plt-simp:last-child{
		display: none;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form.ver.pri .flbl-float .flb{
		margin-top: -15px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		margin-top: 18px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:first-child, 
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:nth-child(2){
		margin-top: 18px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:nth-child(2n+1){
		margin-right: 24px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li{
		padding: 16px 20px 16px 24px !important;
		width: calc(50% - 12px);
		margin-top: 20px;	}
	.services-search.web-page.services-dashboard-page > div > .grb:last-child > div:first-child::before{
		display: none;	}
	.web-page > div > .grb:last-child > div:first-child{
		height: auto !important;	}
	.services-search.web-page.services-dashboard-page > div > .grb:last-child > div:first-child{
		padding-bottom: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list{
		margin-left: -32px;
		margin-right: -32px;
		padding-left: 32px;
		padding-right: 32px;
		padding-bottom: 28px;
		height: auto;
		/*max-height: 479px;*/
		margin-bottom: -28px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li > span:first-child svg{
		width: 48px;
		height: 48px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li .ett-para.pri{
		left: 10px;	}
	.services-search.web-page.services-dashboard-page > div > .grb:last-child > div:first-child{
	    padding-bottom: 28px;	}
	.web-page.services-dashboard-page.services-search > div > .grb:last-child > div:first-child > .plt-simp:last-child .ett-labl.pri{
    	display: none;}
}
@media (max-width: 850px){
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li{
		padding: 16px 20px !important;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li .ett-para.pri{
	    left: 24px;	}
}
@media (max-width: 750px){
	.services-search.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .web-tab.pst-tabs.hor.pri > ul.tabs{
		display: none !important;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		margin-top: 11px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form.ver.pri .flbl-float .flb{
	    margin-top: -14px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-inpt.ter{
		padding-bottom: 12px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-form > .srb.pri:last-child{
		margin-top: 23px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:first-child, 
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:nth-child(2){
		margin-top: 14px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li{
		width: 100%;
		padding: 12px 16px !important;
		margin-top: 16px;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list:not(.services-tabs) > ul > li:nth-child(2n+1){
		margin-right: 0;	}
	.web-page.services-dashboard-page > div > .grb:last-child > div:first-child .crt-list{
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 24px;	}
}


/*-------------------------------------------------- Xero integration responsive styles -----------------------------------------------------*/

@media (max-width: 1800px){
    .my-accounts-subpanel > ul > li > span > span:last-child > span:last-child > span:first-child{
			}
    .xero-integartion-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li{
		padding: 20px 20px 17px !important;	}
	.xero-integartion-select-acct-modal.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span:first-child > .srb.pri:first-child{
		width: 38px;	}
	.xero-integration-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:first-child{
	    margin-right: 12px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .plt-simp{
		margin-bottom: 28px;
		width: 518px;	}
	.xero-integration-page .web-panel,.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2){
		/*width: 518px;*/
		padding: 32px 28px 22px !important;
	    margin-bottom: 32px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:first-child svg{
		width: 56px;
		height: 56px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:first-child{
		width: 84px;
	    flex-shrink: 0;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child .ett-bttn.ter{
		height: 32px !important;
		padding: 0 24px;
		font-size: 14px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child .ett-bttn.ter > span{
		top: 0;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:last-child{
		padding-top: 25px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:first-child .crt-form > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 21px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:first-child{
		padding-bottom: 17px;
	margin-bottom: 24px;}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb .web-panel .ett-bttn.ter{
		padding: 6px 28px 6px 16px !important;
		height: 32px !important;
		font-size: 14px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb .web-panel .ett-bttn.ter svg{
		width: 20px;
		height: 20px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:nth-child(2){
		padding-bottom: 21px;
		margin-bottom: 24px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb .web-panel{
		padding-bottom: 25px !important	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li{
		margin-bottom: 28px;	}
}
@media (max-width: 1050px){
	.xero-integration-page.web-close-accounts-row > div:first-child{
		padding: 40px 24px 40px 32px !important;	}
	.xero-integration-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .plt-simp{
		margin-bottom: 24px;
		width: 100%;	}
	.xero-integration-page .web-panel, .xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2){
		padding: 28px 24px 21px !important;
		/*width: 100%;	*/
	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:first-child svg{
		width: 48px;
		height: 48px	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:first-child{
		width: 72px;
		max-width: 72px;
		flex-grow: 0;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:last-child{
		margin-top: 21px;
		padding-top: 20px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child > ul:last-child > li > label{
		width: calc(100% - 8px);
		display: block;
		line-height: 1.5 !important;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2){
		padding-bottom: 18px !important;
		margin-bottom: 28px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:first-child .crt-form > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 17px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:first-child{
		padding-bottom: 13px;
		margin-bottom: 20px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:nth-child(2){
		padding-bottom: 17px;
		margin-bottom: 20px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb .web-panel{
		padding-bottom: 21px !important	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li{
		margin-bottom: 24px;	}
}
@media (max-width: 850px){
	.xero-integration-page.web-close-accounts-row > div:first-child > div{
		width: 468px !important;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:last-child > span:first-child > ul:last-child > li > label{
		width: 100%;	}
	.xero-integration-page.web-close-accounts-row > div:first-child{
		padding-bottom: 100px !important;	}
}
@media (max-width: 750px){
    .xero-integartion-select-acct-modal.web-modal .my-accounts-panel.pst-simp.tsp .crt-list > ul > li .ett-labl.pri{
		font-size: 12px !important;
		white-space: nowrap;	}
	.xero-integartion-select-acct-modal.raise-dispute-select-account.web-modal .my-accounts-subpanel > ul > li > span > span:last-child > span:not(:first-child){
		padding-left: 0 !important;	}
    .xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri{
	  top: -274%;
	  left: -41px;
	  width: auto;
	  z-index: 1;
	  min-width: max-content;}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri::before{
		border-top: 10px solid #fff;
		border-bottom: 10px solid transparent;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		left: 43px;
		top: 49px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > svg{
		z-index: 100;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:nth-child(2) > .srb.pri.shift-top{
		z-index: 2000;	}
    .xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:last-child{
        position: relative;
        z-index: 1500;}
    .xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span.modal-closed:last-child{
		z-index: 500;	}
	.xero-integration-page.web-close-accounts-row > div:first-child{
		padding: 28px 16px !important;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > div{
		width: 100% !important;	}
	xero-integration-page .web-footer .ett-bttn.ter{
		width: 161px !important;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .plt-simp{
		margin-bottom: 20px;	}
	.xero-integration-page .web-panel, .xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2){
		padding: 20px 16px 17px!important;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:first-child svg{
		width: 44px;
		height: 44px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:first-child{
		width: 64px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri{
		flex-wrap: wrap;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri > span:last-child{
		width: 100%;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-bttn.ter{
		margin-left: 64px;
		margin-top: 11px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:first-child > span:nth-child(2){
		flex-grow: 1;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) .crt-form > .srb.pri:last-child{
		padding-top: 16px;
		margin-top: 13px;}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb .web-panel{
		padding-top: 24px !important;
		padding-bottom: 21px !important;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:nth-child(2){
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 21px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:nth-child(2) > span:last-child{
		width: 100%;}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:nth-child(2) > span:last-child .ett-bttn.ter{
		margin-left: 0;
		margin-top: 13px;}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-form > .srb.pri:first-child{
		margin-bottom: 24px
	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .crt-list > ul > li > span:first-child{
		margin-right: 12px;
		flex-shrink: 0;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb .web-panel .ett-bttn.ter svg{
		width: 24px;
		height: 24px;	}
	.xero-integration-page.web-close-accounts-row > div:first-child > .web-panel:nth-child(2) + .grb > div > .grb:last-child .web-hyperlink{
		padding-right: 24px;	}
}

/*-------------------------------------------- Xero integration remove account modal responsive styles ---------------------------------------*/

@media (max-width: 1800px){
	.remove-account-modal .modal-header::before{
		top: 0;	}
	.remove-account-modal.web-modal .modal-cnt{
		padding-top: 36px !important;
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px !important;padding-right: 40px !important;	}
	.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):first-child,
	.remove-account-modal.web-modal .modal-cnt .crt-list > ul > li{
		padding: 16px 16px 14px 20px; 
		height: 92px;
	    margin-bottom: 24px;}
	.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):first-child .ett-para.pri,
	.remove-account-modal.web-modal .modal-cnt .crt-list > ul > li .ett-para.pri{
		font-size: 12px;
		margin-right: 56px;	}
	.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):first-child .ett-labl.pri,
	.remove-account-modal.web-modal .modal-cnt .crt-list > ul > li .ett-labl.pri{
		font-size: 12px;
		margin-right: 16px;
		white-space: nowrap;	}
	.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):last-child:not(:first-child){
		margin-top: 28px;		
		padding-top: 25px;
		padding-bottom: 21px;	}
	.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):last-child:not(:first-child) .ett-labl.pri{
		font-size: 14px;	}
}
@media (max-width: 1050px){
	.remove-account-modal.web-modal.modal.in .modal-window{
		padding-top: 100px !important;	}
	.remove-account-modal .modal-header{
		padding-bottom: 28px !important;	}
	.remove-account-modal.web-modal .modal-header .ett-bttn.med::before{
		right: 8px;	}
	.remove-account-modal.web-modal .modal-cnt{
		padding-top: 32px !important;	}
	.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):last-child:not(:first-child){
		padding-top: 21px;
		padding-bottom: 17px;
		margin-top: 24px;	}
	.remove-account-modal.web-modal .modal-cnt .crt-form > .srb.pri:not(.web-modal-footer):first-child, .remove-account-modal.web-modal .modal-cnt .crt-list > ul > li{
		padding: 17px 20px 14px;
	    margin-bottom: 20px;	}
}
@media (max-width: 750px){
	.remove-account-modal.web-modal.modal.in .modal-window{
		padding-top: 42px !important;	}
	.remove-account-modal.web-modal .modal-header .ett-bttn.med::before{
		right: 0;	}
	.remove-account-modal .modal-header{
		padding-bottom: 32px !important;	}
}


/*------------------------------------------------------ General service responsive styles ----------------------------------------------------*/


@media (max-width: 1800px){
	.general-service-page.web-close-accounts-row > div:first-child > .grb{
		/*width: 626px;*/
	margin-bottom: 28px;}
	.general-service-page .web-panel{
		/*width: 408px;	*/
	}
	.general-service-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;
	    line-height: 1;}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .web-panel{
		padding: 20px 20px 17px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child .web-panel{
		padding: 30px 24px 18px 24px !important; 	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child .web-panel{
		padding: 39px 24px 21px 24px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:first-child .ett-labl.pri{
		font-size: 14px;	}
	.general-service-page .web-panel{
		border-radius: 12px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child{
		padding-top: 0;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel{
		padding: 24px 24px 28px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
	    font-size: 12px;	}
	/*.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:nth-child(2){*/
	/*	padding-left: 20px;	}*/
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li:not(:first-child){
		margin-top: 24px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li,.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(7) div:last-child .web-panel .crt-list > ul > li{
		min-height: 52px;
		padding-right: 20px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li:last-child{
		margin-bottom: 0;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:last-child{
	    padding-left: 24px;	}
	.general-service-page > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:first-child{
		padding-top: 65px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child .web-panel{
		padding-top: 39px !important;
		padding-bottom: 22px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child .web-panel.var1{
		margin-bottom: 0 !important;
		height: 98px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4){
		margin-bottom: 17px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel{
		padding-bottom: 12px !important;	}
}

@media (max-width: 1050px){
	.general-service-page.web-close-accounts-row > div:last-child{
	    display: none;}
	.general-service-page.web-close-accounts-row > div:first-child{
		width: 100%!important;
		flex-grow: 1 !important;
		padding: 40px 32px 37px !important;	}
	.general-service-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb{
		margin-bottom: 24px;
		/*width: 660px;*/
		}
	.general-service-page .web-panel{
		/*width: 432px;*/
		}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .web-panel{
		padding: 16px 16px 14px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child .web-panel{
	    padding: 29px 20px 18px 20px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child .web-panel{
		padding: 35px 20px 21px 20px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel{
		padding: 20px 20px 22px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li,.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(7) div:last-child .web-panel .crt-list > ul > li{
		margin-top: 20px;		}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li:not(:first-child){
		margin-top: 20px;	}
	/*.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:nth-child(2){*/
	/*	padding-left: 16px;	}*/
	.general-service-page > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:first-child{
	    padding-top: 54px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child .web-panel{
	    padding-top: 35px !important;
	    padding-bottom: 22px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3){
		margin-bottom: 16px;	}
	.general-service-page .msg-labl.var1 label.flb{
		margin-bottom: 8px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .count-text p{
		display: block;
		line-height: 1;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4){
		margin-bottom: 24px;	}
}
@media (max-width: 850px){
	.general-service-page.web-close-accounts-row > div:first-child > .grb{
		/*width: 546px;	*/
	}
	.general-service-page .web-panel{
		/*width: 379px;*/
		}
	/*.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:nth-child(2){*/
	/*	padding-left: 17px;	}*/
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:first-child svg{
		width: 32px;
		height: 32px;	}
}
@media (max-width: 750px){
	.general-service-page.web-close-accounts-row > div:first-child{
		height: 100vh;
		padding: 32px 16px 70px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb{
		width: 100%;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:not(:last-child) .crt-form > .srb.pri, 
	.general-service-page.web-close-accounts-row > div:first-child > .grb:last-child, 
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-last-child(2){
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;	}
	.general-service-page .web-panel{
		width: calc(100vw - 32px);	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span{
		margin-right: auto;
		width: 100%;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:first-child{
		margin-bottom: 21px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:not(:first-child) .crt-form > .srb.pri > span:first-child{
		margin-bottom: 13px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:not(:first-child){
		margin-bottom: 25px;}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child .web-panel{
	    padding: 22px 16px 16px 16px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child{
		margin-bottom: 11px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child .web-panel{
	    padding: 29px 16px 18px 17px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form > .srb.pri > span:last-child .web-panel .flbl-float label{
		margin-top: -13px;
		left: 0;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel{
		padding: 16px 16px 20px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-form > .srb.pri:nth-child(2) .ett-labl.pri{
		font-size: 10px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-top: 9px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li{
		margin-top: 13px;
		padding-right: 16px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li:first-child{
    	margin-top: 8px !important;}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li:not(:first-child){
		margin-top: 16px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:last-child{
		padding-left: 20px;	}
	/*.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li > span:nth-child(2){*/
	/*	padding-left: 20px;	}*/
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-last-child(2) > div:last-child .web-panel > div > .grb:first-child .crt-form > .srb.pri:nth-child(2){
		flex-direction: row;
		margin-top: 14px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-last-child(2) > div:last-child .web-panel > div > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span:first-child{
		margin-bottom: 7px;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-last-child(2) > div:last-child .web-panel > div > .grb:first-child .crt-form > .srb.pri:first-child{
		height: 52px;	}
	.general-service-page > div:first-child > .grb:nth-child(2) .crt-form > .srb.pri > span:first-child{
		padding-top: 0;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child .web-panel{
		padding-top: 28px !important;
		padding-bottom: 20px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .flb,
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) p{
		font-size: 10px !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:last-child p{
		font-size: 10px !important;	}
	.general-service-page .ref-msg.grb.msg-labl.var1 .crt-form > .srb.pri > span:first-child{
		margin-bottom: 0 !important;	}
	.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(4){
		margin-bottom: 16px !important;	}
	.general-service-page .ref-msg.grb.msg-labl.var1{
		padding-top: 30px;	}
}
/* JIRA issue fix */

.card-pin-change-success-modal.card-request-status-modal.web-modal.status-modal .web-modal-footer{
	  padding-left: 16px !important;}
@media (max-width: 1800px){
    .status-modal .ett-labl.pri{
        font-size: 14px;}
}

/*------------------------------------------------ styles to hide close button in all success modals ------------------------------------------*/

.status-modal .modal-header .ett-bttn,
.download-status-modal .modal-header .ett-bttn,
.transfer-status-modal .modal-header .ett-bttn,{
	display: none;}
.status-modal.web-edit-payee-biller-details .modal-header .ett-bttn,
.status-modal.delete-modal .modal-header .ett-bttn{
	display: block;}

/*----------------------------------------------------------- Open Break Deposit styles -------------------------------------------------------*/

.open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(3){
	justify-content: flex-start;
	flex-grow: 1;}
.open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-last-child(2){
	border-top: none;}
@media (max-width: 850px){
    .open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(2) > span:first-child .ett-labl.pri{
		width: 70%;
		word-wrap: break-word;
		display: block;
		line-height: 1.5 !important; 	}
	.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(2) > span:first-child .ett-para.pri{
		/*margin-top: 0 !important;open-close	*/
	    
	}
}
@media (max-width: 750px){
    .open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel .ett-bttn.ter svg{
        margin-right: 8px !important;}
	.open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(2) > span:nth-child(2){
		display: flex;
		flex-direction: column;
		justify-content: space-between;	}
	.open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel:not(.panel--open) > span > .srb.pri:first-child > span:first-child{
		width: auto !important;	}
	.open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+3):not(:last-child) > span:first-child{
        margin-top: 0px;}
    .open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:nth-child(2){
		text-align: right;	}
	.open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n+2):not(:last-child) .ett-para.pri{
		margin-top: 16px !important;	}
	.open-break-deposit-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+3):not(:last-child) > span:first-child .ett-para.pri{
		margin-top: 0px;	}
}



/*--------------------------------------------------------- Open close account styles --------------------------------------------------------*/

.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:nth-child(2){
	flex-grow: 1;
	width: auto;}
@media (max-width: 750px){
	.open-close-account-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+3):not(:last-child){
		padding-bottom: 0 !important;	}
}

/*-------------------------------------------------------------- Exceeded daily limit styles --------------------------------------------------*/

.exceed-daily-limit-page .crt-form.hor.pri .web-panel .flb{
	color: #212121;}
.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
    padding: 33px 43px 32px 32px !important;
    margin-bottom: 36px;}
.exceed-daily-limit-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}

/*---------------------------------------------------------- Services close account styles ------------------------------------------------------*/

.services-close-account-page.web-close-accounts-row > div:first-child .crt-form{
	width: 734px;}
.services-close-account-page .web-select{
	width: 476px;}
.services-close-account-page.web-close-accounts-row > div:first-child .crt-form:last-child .srb.pri{
	display: flex;
	align-items: center;
	justify-content: flex-start;}
.services-close-account-page.web-close-accounts-row > div:first-child .crt-form:last-child .srb.pri > span:first-child{
	width: auto;
	flex-shrink: 1;
	flex-grow: 0;	}
.services-close-account-page.web-close-accounts-row > div:first-child .crt-form:last-child .srb.pri > span:last-child{
	width: auto;}
.services-close-account-page.web-close-accounts-row > div:first-child .crt-form:last-child .srb.pri > span:last-child > .srb.pri:first-child .ett-para.pri{
	font-size: 12px;
	color: #575757;
	margin-bottom: 9px;
	display: block;
	line-height: 1;}
.services-close-account-page.web-close-accounts-row > div:first-child .crt-form:last-child .srb.pri > span:last-child > .srb.pri:last-child .ett-para.pri{
	font-size: 12px;
	color: #575757;
	margin-top: 9px;
	display: block;}
.services-close-account-page .web-select ul{
    margin-bottom: 0 !important;}

/*---------------------------------------------- Services replace card styles -------------------------------------------------------------*/

.active-datashared-page.web-close-accounts-row > div:first-child .web-panel:first-child .crt-form > .srb:first-child {
    border-bottom: none;
}
.services-replace-card-page .web-panel{
    width: 605px;
    padding: 0 32px !important;
    height: 88px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;}
.services-replace-card-page .web-panel > span:nth-child(2) .ett-labl.pri{
    font-size: 14px;
    color: #575757;
    line-height: 1.4 !important;
    display: block;}
.services-replace-card-page .web-panel > span:first-child{
	width: 226px;
	flex-shrink: 0;}
.services-replace-card-page .web-panel > span:nth-child(2){
    flex-shrink: 0;}
.services-replace-card-page .web-panel > span:nth-child(2){
    flex-shrink: 0;
	padding-right: 10px;}
.services-replace-card-page .web-panel ul{
	margin-bottom: 0 !important;}

/*---------------------------------------------------- Services Break Term Deposit styles ------------------------------------------------------*/

.services-break-deposit-page .web-panel .srb.pri:nth-child(2){
	margin-top: 20px;}
.services-break-deposit-page.services-close-account-page.web-close-accounts-row > div:first-child .crt-form:last-child .srb.pri > span:last-child > .srb.pri:first-child .ett-para.pri{
	height: 12px;}
.services-break-deposit-page .web-panel .srb.pri:nth-child(2) ul{
	margin-bottom: 0;}
.services-break-deposit-page.exceed-daily-limit-page .crt-form.hor.pri .web-panel .flb{
	line-height: 1.4;}
.services-break-deposit-page.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
	padding: 30px 43px 29px 32px !important;
	margin-bottom: 36px !important;}

/*------------------------------------------------------ Consent Dashboard styles -------------------------------------------------------------*/

.consent-dashboard-page{
	height: calc(100vh - 192px);
	padding: 64px 50px;
	background: #fff;
	overflow: overlay;}
.consent-dashboard-page .web-panel{
	width: 100%;
	border-radius: 12px;
	padding: 28px 32px 0 !important;
	margin-right: 0;}
.consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:last-child{
    display: flex;
    background: rgba(246, 246, 246, 0.56);
    padding: 0 32px;
    margin-left: -32px;
    margin-right: -32px;
    margin-top: 23px;
    width: calc(100% + 64px);}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span{
    display: flex;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	height: 56px;}
.consent-dashboard-page .web-page-heading .ett-labl.pri{
    margin-bottom: 0 !important;
    line-height: 1;
    display: block !important;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span .ett-labl.pri{
	font-size: 16px;
	font-weight: 500;}
.consent-dashboard-page .web-panel .ecn{
	/*width: 316px;*/
    /*width: 370px;*/
    width: 100%;
}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child{
    width: 64px;
    align-items: center;}
.consent-dashboard-page .web-panel > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri:first-child{
	display: flex;
	align-items: center;}
.consent-dashboard-page .web-panel > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri:first-child > span:nth-child(2){
	margin-left: auto;
	flex-shrink: 0;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child > ul:first-child .ett-slct.ter, 
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter{
	border-bottom: none !important;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child > ul:first-child .ett-slct.ter > span > svg,
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter > span > svg{
	display: none;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child > ul:first-child .ett-slct.ter > span,
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter > span{
	position: relative;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child > ul:first-child .ett-slct.ter > span::before,
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter > span::before{
    position: absolute;
    content: '';
    background: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-sort.svg");
    width: 24px;
    height: 24px;
    bottom: 6px;
    left: 11px;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child{
  height: 80px;
  display: flex;
  align-items: center;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:last-child{
  display: flex;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 28px;
  background: rgba(246, 246, 246, 0);
  margin-left: -32px;
  padding-left: 32px;
  padding-right: 32px;
  width: calc(100% + 64px);}
.consent-dashboard-page .web-panel .crt-list > ul > li:not(:last-child){
    border-bottom: 1px solid #e8e8e8;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span:first-child, 
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:first-child,
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:last-child > span:first-child{
	flex-shrink: 0;
	flex-basis: 41%;}
.consent-dashboard-page .web-panel .ecn .ett-inpt.ter{
	padding-bottom: 11px;}
.consent-dashboard-page .web-panel .ecn .ett-inpt.ter + svg{
	right: 34px;
	top: -2px;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span:nth-child(2){
	width: 379px;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2){
    flex-grow: 0;
    flex-shrink: 0;
    align-items: flex-end;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) > .srb.pri:first-child{
    width: auto;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-right: 40px;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span:nth-child(3){
	flex-shrink: 1;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(3){
    flex-shrink: 1;
    flex-grow: 0;
    width: 347px;
    margin-left: auto;
    margin-top: auto;
}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(4){
	width: 36px;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:first-child{
	flex-basis: 33%;
    line-break: anywhere;
    padding-right: 20px;
}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) .ett-labl.pri,
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) .ett-para.pri{
	color: #575757;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) .ett-labl.pri{
	margin-right: 5px;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:last-child > span:nth-child(2){
	flex-basis: 43%;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:first-child > span:last-child svg path:last-child{
	fill: #005587;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:first-child > span:last-child svg{
	transform: rotateX(180deg);
	transition: transform 0.3s linear;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child{
    display: flex !important;
    padding-bottom: 32px;}
.consent-dashboard-page .crt-list > ul > li.single-consent-enabled > span > .srb.pri:first-child > span:nth-last-child(2) .ett-para.pri{
  height: 24px;
  padding: 0 8px;
  background: #F2F8F4;
  box-shadow: 0 0 0 0.5px #1F7F34;
  border-radius: 12px;
  font-size: 14px;
  color: #1F7F34 !important;
  line-height: 1;
  display: flex;
  align-items: center;
  max-width: fit-content;
  font-weight: 500 !important;}
.consent-dashboard-page .crt-list > ul > li.single-consent-pending > span > .srb.pri:first-child > span:nth-last-child(2) p.ett-para.pri:first-child{
  height: 24px;
  padding: 0 8px;
  background: #FBF4F1;
  box-shadow: 0 0 0 0.5px #BC460B;
  border-radius: 12px;
  font-size: 14px;
  color: #BC460B !important;
  line-height: 1;
  display: flex;
  align-items: center;
  max-width: fit-content;
  font-weight: 500 !important;
    margin-bottom:8px;
}
.consent-dashboard-page .crt-list > ul > li.data-sharing-disabled > span > .srb.pri:first-child > span:nth-last-child(2) p.ett-para.pri:first-child{
  height: 24px;
  padding: 0 8px;
  background: #F8F8F8;
  box-shadow: 0 0 0 0.5px #575757;
  border-radius: 12px;
  font-size: 14px;
  color: #575757 !important;
  line-height: 1;
  display: flex;
  align-items: center;
  max-width: fit-content;
  font-weight: 500 !important;
   margin-bottom:10px;
}
.consent-dashboard-page .web-panel .ett-bttn.ter {
    width:350px;
    display:block;
    padding:8px 32px 8px 20px;
    height:40px;
    display:flex;
    align-items:center;
    min-width:250px;
}
.consent-dashboard-page .web-panel .ett-bttn.ter svg{
	margin-right: 8px;}
.consent-dashboard-page .web-panel .ett-bttn.ter + .ett-bttn.ter{
	margin-top: 16px;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:first-child{
	position: relative;}	
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:first-child::before{
	width: 4px;
	height: 100%;
	background: #575757;
	content: '';
	position: absolute;
	left: -32px;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:first-child .ett-para.pri{
    position: relative;
    font-size: 14px;
    color: #575757;
    display: block;
    width: 60%;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:last-child .ett-para.pri{
    font-size: 14px;
    color: #575757;
    display: block;
    line-height: 1.4;
    width: 80%;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) .ett-para.pri,
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(3) .ett-para.pri{
	color: #575757;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child ul:last-child{
	margin-left: 40px;}
.crt-list > ul > li.single-consent-enabled .ett-bttn.ter:nth-child(2),
.crt-list > ul > li.single-consent-enabled .ett-bttn.ter:nth-child(3){
	display: none;}
.crt-list > ul > li.data-sharing-disabled .ett-bttn.ter:nth-child(3),
.crt-list > ul > li.data-sharing-disabled .ett-bttn.ter:first-child{
	display: none;}
.crt-list > ul > li.single-consent-pending .ett-bttn.ter:first-child,
.crt-list > ul > li.single-consent-pending .ett-bttn.ter:nth-child(2){
	display: none;}
.crt-list > ul > li.single-consent-pending .ett-bttn.ter:nth-child(3),
.crt-list > ul > li.data-sharing-disabled .ett-bttn.ter:nth-child(3), .crt-list > ul > li.data-sharing-disabled .ett-bttn.ter:nth-child(2){
	margin-top: 0 !important;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:first-child .ett-para.pri + .ett-para.pri{
	margin-top: 12px;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:last-child .ett-para.pri + .ett-para.pri{
	margin-top: 16px;}
.consent-dashboard-page .web-panel > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child{
	display: flex;
	align-items: center;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child > ul:first-child, 
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child > ul:first-child{
	width: auto;
	margin-left: auto;}
.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span:first-child{
	flex-grow: 1;}
.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:last-child > span:first-child{
    flex-basis: 33%;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:last-child{
	width: 385px;
	flex-shrink: 0;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri{
	display: block;
	font-size: 14px;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri + .ett-para.pri{
	margin-top: 17px;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:first-child .ett-para.pri:first-child{
	font-size: 16px;
	font-weight: 500;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri{
    display: flex;
    align-items: center;}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri > svg{
	margin-right: 16px;
	width: 24px;
	height: 24px;
    fill: #005587;
}

.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri > span{
	position: relative;
	top: 1px;}
.no-results-panel{
	height: 393px;}
.no-results-panel .crt-list{
	display: none;}
.consent-dashboard-page .web-panel .crt-form:last-child > .srb.pri:last-child > span:first-child{
    width: 100%;
    flex-basis: 100%;
    border: none;
    padding-top: 39px;
    height: auto;}
.consent-dashboard-page .web-panel .crt-form:last-child > .srb.pri:last-child > span:first-child > .srb.pri  > span{
    display: flex;
    justify-content: center;}
.consent-dashboard-page .web-panel .crt-form:last-child > .srb.pri:last-child > span:first-child > .srb.pri  > span ul:first-child{
	width: 36px !important;
	text-align: left;}
.consent-dashboard-page .web-panel .crt-form:last-child > .srb.pri:last-child > span:first-child > .srb.pri  > span ul:last-child{
	width: auto;}
.consent-dashboard-page .web-panel .crt-form:last-child > .srb.pri:first-child > span:last-child ul:last-child{
	margin-left: 0;}
.consent-dashboard-page .web-panel .crt-form:last-child > .srb.pri:last-child > span:first-child > .srb.pri  > span ul:last-child .ett-labl.pri{
	font-size: 14px;
	color: #575757;
	font-weight: normal;}
.consent-dashboard-page .web-panel > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri:first-child .srb.pri{
	margin-bottom: 0;}

/* sort dropdown styles */

.consent-dashboard-sort-dropdown{
	left: -83px;}
.consent-dashboard-sort-dropdown li{
	white-space: nowrap !important;}
@media (max-width: 1800px){
	.consent-dashboard-sort-dropdown{
		left: -105px;}
}

/*--------------------------------------------------- stop data sharing modal styles -----------------------------------------------------------*/

.stop-data-sharing-modal.web-modal .modal-window{
	background: #fff !important;}
.stop-data-sharing-modal.web-modal .modal-window h1{
	width: 340px;}
.stop-data-sharing-modal .crt-form.hor.pri .flb.ett-labl.pri{
	font-size: 16px;}
.stop-data-sharing-modal .web-modal-footer .ett-bttn{
	width: auto !important;
	padding: 15px 25px 14px;
	display: flex;
	align-items: center;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child){
    margin-top: 11px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 32px;
    padding-bottom: 29px;
    margin-bottom: 33px;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri{
    margin-bottom: 18px;
    display: flex;
    align-items: center;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri > span:first-child{
	width: 174px;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri .ett-para.pri{
	color: #212121;
	font-weight: 700;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2){
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 36px;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri:last-child{
	margin-bottom: 27px;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:first-child .ett-labl.pri{
	font-weight: 700;
	margin-bottom: 19px;
	display: block;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri .ett-labl.pri{
	color: #575757;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:nth-child(2){
	margin-bottom: 13px;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:nth-child(3){
	margin-bottom: 16px;}
.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:not(:first-child) .ett-labl.pri{
	color: #575757;
	line-height: 1.4;
    text-align: justify;
    display: block;
}
.data-sharing-stopped-modal.status-modal.web-modal svg{
	width: auto;
	height: auto;}
.data-sharing-stopped-modal.status-modal.web-modal .modal-header::after{
	top: -2px;}

/*---------------------------------------------------- Change sharing permissions modal -------------------------------------------------------*/

.change-sharing-modal .modal-cnt .crt-form:first-child:not(:last-child){
	display: none;}
.change-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2){
	border-top: 1px solid #e8e8e8;
	margin-top: 19px;
	padding-top: 33px;}
.change-sharing-modal.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:nth-child(3),
.change-sharing-modal.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:nth-child(2){
	margin-bottom: 16px;}
.change-sharing-status-modal.status-modal.web-modal svg{
	width: auto;
	height: auto;
	margin-top: 108px;
	margin-left: -23px;}
.change-sharing-status-modal.status-modal.web-modal .modal-cnt{
	padding-top: 40px;}
.change-sharing-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child .srb.pri:not(:last-child){
	margin-bottom: 15px;}
.change-sharing-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child .srb.pri:not(:last-child) .ett-labl.pri{
	color: #575757;}
.change-sharing-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child .srb.pri:nth-child(3){
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 26px;}
.change-sharing-status-modalmodal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	padding-top: 30px;}

/*-------------------------------------------------- Change sharing permissions request modal --------------------------------------------------*/

.change-sharing-request-modal.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child) .srb.pri > span > .srb.pri:not(:last-child){
	margin-bottom: 16px;}
.change-sharing-request-modal.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child) .srb.pri > span > .srb.pri:nth-child(3){
	margin-bottom: 22px;}
.change-sharing-request-modal.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child) .srb.pri > span > .srb.pri:last-child .ett-labl.pri{
	font-weight: 700;}
.change-sharing-request-modal.web-modal .modal-cnt{
	overflow: overlay !important;
	padding-bottom: 112px !important;
	margin-left: -50px;
	margin-right: -50px;
	padding-left: 50px !important;
	padding-right: 50px !important;}
.change-sharing-denied-modal.status-modal.web-modal .modal-header::after{
	background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-status-denied.svg');}
.change-sharing-request-modal.stop-data-sharing-modal.web-modal .modal-window h1{
	width: auto;}
.change-sharing-request-modal .ett-hypl.pri{
	color: #0A6ED1;
	text-decoration: underline;
	margin-left: 5px;
	font-size: 16px;
	font-weight: 500;}

/*---------------------------------------------------- Increase credit card limit styles --------------------------------------------------*/

.increase-credit-card-limit-page .web-panel .srb.pri:nth-child(2) ul{
	margin-bottom: 2px;
	margin-top: 20px;}

/*------------------------------------------------------- Closed Travel Notifications styles -------------------------------------------------*/

.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child){
	margin-bottom: 0;
	border-top: 1px solid #e8e8e8 !important;
	border-bottom: none;
	margin-top: 24px;
	padding-top: 31px;
	padding-bottom: 36px;}
.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:last-child{
	background: #FAFAFA;
	height: 67px;
	align-items: center;
	padding-left: 24px;
	border-left: 8px solid #E8E8E8 !important;}
.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:last-child .ett-para{
	color: #396376 !important;
	font-weight: 500;}
.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child) > span > .srb.pri:last-child{
	margin-top: 31px;}
.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child) > span > .srb.pri:last-child{
	margin-top: 34px;}
.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2) .ett-para.pri{
	margin-top: 20px;}

/*------------------------------------------- Dashboard account summary styles --------------------------------------------------------------*/

.dashboard.dashboard-page .bsbrow .ett-para.pri,
.dashboard.dashboard-page .bsbrow .ett-labl.pri{
	font-size:  14px !important;
	font-weight: 500;}
.dashboard.dashboard-page .loan-acct-selected .accdetails{
	background: linear-gradient(to bottom, #153025 8%, #2d644d 71%, #449874 8%);}
.loan-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active, 
.loan-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active::before,
.loan-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active:focus,
.loan-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active:hover{
    background-color: linear-gradient(to bottom, #153025 8%, #2d644d 71%, #449874 8%) !important;}
.dashboard .quicklinks .crt-list.pri ul li{
    transition: box-shadow 0.2s linear;}
.dashboard .quicklinks .crt-list.pri ul li:hover{
	box-shadow: 7px 7px 30px rgba(48, 64, 72, 0.12);}
.dashboard-page .acc-select-opt button.ett-bttn.pri{
    margin: 0 0 36px 0;}
.dashboard.dashboard-page > .srb.pri > span > ul .ett-para.pri{
	font-size: 16px;}
.dashboard.dashboard-page .availbalrow > span:first-child{
	padding-left: 9px;}
.dashboard.dashboard-page .acc-select-opt button.ett-bttn.pri:not(.btn-active):hover{
	background: #E6E6E6 !important;}
.dashboard.dashboard-page .accname .ett-para.icr > svg{
	width: 24px;
	height: 24px;
	top: -3px;}
.dashboard.dashboard-page .bsbrow{
	padding: 0;
	height: 48px;
	margin-bottom: 24px;}
.dashboard.dashboard-page .bsbrow .ett-para.pri{
	position: relative;
	left: 3px;
    top: 1.2px;
}
.dashboard.dashboard-page .daysrow .ett-para.pri{
	font-size: 14px;
	line-height: 1;
	font-weight: 500;}
.dashboard.dashboard-page .daysrow > span:nth-child(2) .ett-para.icl > svg{
    margin-right: 16px !important;
    width: 13px;
	position: relative;
	top: 5px;}
.dashboard.dashboard-page .daysrow > span:nth-child(2) ul:last-child .ett-para.icl svg{
	width: 11px !important;
	margin-right: 18px !important;
	top: 2px;}
.dashboard.dashboard-page .loss-icon-text{
	margin-top: 16px;}
.dashboard.dashboard-page .bsbrow > span:first-child{
	width: auto;
	padding-right: 40px;}
.dashboard.dashboard-page .accdetails{
    background: linear-gradient(to bottom, #21313e 1%, #024c78 71%, #005587 8%);}
.dashboard.dashboard-page .availbalrow > span > ul:first-child label{
    color: rgba(255,255,255,0.7);
    font-size: 14px !important;}
.dashboard.dashboard-page .availbalrow{
    top: -4px;}
.dashboard.dashboard-page .amount-text{
    padding-top: 8px;}
.dashboard.dashboard-page .quicklinks{
    padding-bottom: 26px !important;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget{
    padding: 30px 36px 40px 36px;
    transform: rotate(0);
    z-index: 10;
    position: relative;
    backface-visibility: hidden;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.2s linear;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget .ett-bttn.ter{
	padding: 8px 32px 8px 20px;
	height: 40px;
	width: auto;
	display: flex;
	align-items: center;
	margin-left: auto;
	font-weight: 500;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget .ett-bttn.ter svg{
	margin-right: 8px !important;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget .common-widget-header{
	padding-bottom: 22px;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .grb{
	display: flex;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .grb > div:last-child{
    width: 0;
    padding-left: 40px;
    padding-top: 38px !important;}
.dashboard.dashboard-page .daysrow{
	display: flex;}
.dashboard.dashboard-page .daysrow > span:first-child{	
	flex: 1 1 auto;}
.dashboard.dashboard-page .daysrow > span:nth-child(2){
	padding-left: 6px;}
.dashboard.dashboard-page .acc-select-opt{
	padding-top: 38px;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div{
    background: #1C2E36;
    border-radius: 24px;
    padding: 30px 36px 45px;
    height: 435px;
    position: absolute;
    top: 0;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    display: block !important;
    opacity: 0;
    transition: opacity 0.2s linear;
    z-index: 5;
    transition-timing-function: linear;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div .ett-bttn.sec{
	background: transparent !important;
	border: 1px solid #fff;
	height: 40px;
	display: flex;
	align-items: center;
	color: #fff;
	padding: 8px 32px 8px 20px;
	width: auto;
	margin: 0;
	margin-left: auto;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div .ett-bttn.sec:hover{
	background: #273840 !important;
	border-color: #fff !important;
	box-shadow: none;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div .ett-bttn.sec svg{
	margin-right: 8px;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div .ett-para.pri,
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div .ett-labl.pri{
	color: #fff;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form .ett-labl.pri{
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	display: block;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form{
	margin-bottom: 41px;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri{
	display: flex;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span{
	flex: 1;
	background: #304048;
	border-radius: 12px;
	padding: 28px 24px 25px;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span:first-child{
	margin-right: 36px;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri:first-child{
	margin-bottom: 36px;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span > .srb.pri{
	display: flex;
	align-items: center;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span > .srb.pri > span:first-child{
	width: auto;
	flex: 1;
	flex-grow: 0;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span > .srb.pri > span:last-child{
	padding-left: 84px;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span .ett-labl.pri{
    color: #B8B8B8;
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 1;
    display: block;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span .ett-para.pri{
    font-weight: 500;
    line-height: 1;
    display: block;}
.accounts-recent-txn-container .widget-container > .srb.pri > span > div{
	position: relative;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child > span > div{
    transition: transform 0.3s linear;}
.accounts-recent-txn-container .widget-container.animated > .srb.pri:first-child > span > div{
	transform: rotateY(-180deg);
    transform-style: preserve-3d;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri:last-child > span:last-child > .srb.pri > span:last-child{
	padding-left: 20px;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri:last-child > span:last-child > .srb.pri > span:first-child ul{
	width: 64px;
	height: 64px;}
.ett-bttn.ter:focus{
	border-color: #005587;}
.accounts-recent-txn-container .widget-container > .srb.pri:first-child > span{
	perspective: 1000px;}
.accounts-recent-txn-container .widget-container.animated > .srb.pri:first-child > span > div > .grb:last-child{
	opacity: 1;}
.accounts-recent-txn-container .widget-container.animated > .srb.pri:first-child > span > div > .grb:first-child{
	opacity: 0;}
.dashboard.dashboard-page{
	padding: 40px 50px !important;}
.dashboard.dashboard-page .widget-container > .srb.pri:not(:last-child){
	margin-right: 40px;}
.dashboard.dashboard-page .widget-container{
	display: flex;}
.dashboard.dashboard-page .widget-container.var1{
	margin-top: 40px;}
.dashboard.dashboard-page.accounts-recent-txn-container .gcb-col6{
    width: 368px;}
.dashboard.dashboard-page .quicklinks .crt-list.pri ul{
    padding-bottom: 20px !important;
    margin-bottom: -6px;
    overflow: overlay;}
.dashboard.dashboard-page .accounts-recent-txn-container .gcb-col6{
    width: 368px;}
.dashboard.dashboard-page .daysrow > span:first-child .ett-labl.pri{
	color: rgba(255,255,255,0.8);}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .ett-bttn.sec{
	padding: 0;
	margin: 0;
	width: 118px;
	height: 40px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .trans-money .ett-para.pri{
	  font-weight: normal;}
.recent-trans-widget .crt-list.pri ul li{
	margin: 17px 0 !important;}
.recent-trans-widget .crt-list.pri ul li:first-child{
	margin-top: 15px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:nth-child(2) > span{
    justify-content: center;
    margin-top: 49px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:nth-child(2) ul:first-child{
	width: 40px !important;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row{
	margin-top: 27px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:nth-child(2) ul:last-child .ett-labl.pri{
	font-size: 16px;
	color: #575757;}

/*-------------------------------------------------------- Dashboard responsive styles --------------------------------------------------------*/

@media (max-width: 1800px){
    .dashboard.dashboard-page .savings-acct-selected .accdetails{
        background: linear-gradient(to bottom, #061a23 8%, #11455d 71%, #376f88 8%) !important;}
    .dashboard.dashboard-page .payhome-acct-selected .accdetails{
        background: linear-gradient(to bottom, #061924 8%, #14175d 71%, #444998 8%) !important;}
    .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:first-child svg{
		width: 184px;
		height: 184px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row{
		margin-top: 2px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:nth-child(2) ul:last-child .ett-labl.pri{
		font-size: 14px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:nth-child(2) > span{
		margin-top: 25px;	}
    .dashboard.dashboard-page .accdetails > .srb.pri > span > ul .ett-para.pri{
        font-size: 14px !important;}
    .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .ett-bttn.sec{
	    width: 102px;
	    height: 32px;
		font-size: 14px;	}
	.dashboard.dashboard-page{
		padding: 32px 40px !important;	}
	.dashboard.dashboard-page > div > .quicklinks{
		padding-bottom: 0 !important;	}
    .dashboard.dashboard-page .quicklinks .crt-list.pri ul{
        padding-bottom: 32px !important;
        margin: 0;
        padding-top: 32px;
        margin-top: -32px;}
	.dashboard.dashboard-page .widget-container > .srb.pri:not(:last-child){
		margin-right: 32px;			}
	.dashboard.dashboard-page .widget-container.var1{
		margin-top: 32px;	}
	.dashboard.dashboard-page .widget-container > .srb.pri:last-child{
	    overflow: auto;	}
    .accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget{
        overflow: hidden;
        padding: 23px 32px 28px 32px;
        height: 341px;}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget .ett-bttn.ter{
	  font-size: 14px;
	  height: 32px;
	  padding: 6px 28px 6px 16px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget .ett-bttn.ter svg{
		width: 20px;
		height: 20px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget .common-widget-header{
		padding-bottom: 10px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .grb > div:last-child{
		padding-top: 35px;
		padding-left: 32px;	}
	.acc-select-opt button.ett-bttn.pri{
		height: 40px;	}
	.acc-select-opt button.ett-bttn.pri svg{
		margin-right: 8px;	}
	.accname .ett-para.icr > svg{
		margin-left: 16px;	}
	.dashboard.dashboard-page .bsbrow .ett-para.pri, .dashboard.dashboard-page .bsbrow .ett-labl.pri{
		font-size: 12px !important;	}
	.dashboard.dashboard-page .accdetails{
        padding: 15px 16px 13px !important;
        height: 245px !important;
        background: linear-gradient(to bottom, #21313e 1%, #024c78 71%, #005587 8%);}
	.dashboard.dashboard-page .widget{
		height: 341px;
		overflow: overlay;	}
	.dashboard.dashboard-page .acc-select-opt button.ett-bttn.pri{
		height: 40px;
		float: left;
		}
	.acc-select-opt button.ett-bttn.pri svg{
		margin-right: 8px;	}
	.accname .ett-para.icr > svg{
		margin-left: 16px;	}
	.dashboard.dashboard-page .bsbrow{
		height: 32px;
		margin-bottom: 18px;	}
	.dashboard.dashboard-page .bsbrow > span:first-child{
		padding-right: 25px;	}
	.dashboard.dashboard-page .daysrow .ett-para.pri,
	.dashboard.dashboard-page .availbalrow > span > ul:first-child label{
		font-size: 12px !important;	}
	.dashboard.dashboard-page .daysrow > span:nth-child(2) .ett-para.icl > svg{
		width: 12px;
		height: 10px;	}
	.dashboard.dashboard-page .daysrow{
		margin-bottom: 25px;	}
	.dashboard.dashboard-page .dollar-icon svg{
		width: 44px;
		height: 44px;
		top: 4px;
		right: 6px;	}
	.dashboard.dashboard-page .availbalrow > span:first-child{
		padding-left: 4px;	}
	.current-bal-col{
		padding-left: 20px !important;	}
	.dashboard.dashboard-page .daysrow > span:nth-child(2) .ett-para.icl > svg,
	.dashboard.dashboard-page .daysrow > span:nth-child(2) ul:last-child .ett-para.icl svg{
		margin-right: 5px !important;	}
	.dashboard.dashboard-page .accounts-recent-txn-container .gcb-col6{
		width: 311px;	}
}
@media (max-width:1430px){
    .dashboard.dashboard-page .widget-container.var1 .widget{
		height: 311px;	}
}
@media (max-width: 1050px){
   .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:first-child svg{
		width: 176px;
		height: 176px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row{
		margin-top: -4px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:nth-child(2) ul:first-child{
		width: 36px !important;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:nth-child(2) > span{
		margin-top: 17px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget.no-transactions-panel{
		height: 314px !important;	}
    .dashboard-page .recent-trans-widget .crt-list.pri ul li .trans-date, .recent-trans-widget .close-form ul li .trans-date{
	    display: block;	}
	.dashboard.dashboard-page .quicklinks .crt-list.pri ul{
		padding-top: 28px;
		margin-top: -28px;
		padding-bottom: 25px !important;
		overflow: overlay;	}
	.dashboard.dashboard-page{
		padding: 28px 32px !important	}
	.dashboard.dashboard-page .grb:first-child .widget-container{
		flex-direction: column;	}
	.dashboard.dashboard-page .widget-container > .srb.pri{
		width: 100% !important;	}
	.dashboard.dashboard-page .widget-container > .srb.pri:last-child{
		margin-top: 24px;	}
	.dashboard.dashboard-page .widget-container.var1{
		flex-wrap: wrap;	}
	.dashboard.dashboard-page .widget-container.var1 > .srb.pri:not(:last-child){
		flex: 1;	}
	.dashboard.dashboard-page .widget-container > .srb.pri:first-child{
		margin-right: 24px !important;	}
	.dashboard.dashboard-page .widget-container.var1{
		margin-top: 24px;	}
	.dashboard.dashboard-page .widget-container > .srb.pri:nth-child(2){
		margin-right: 0	}
	.widget-container.var1 .widget{
		height: 309px;	}
	.dashboard-page .widget-container.var1 > .srb.pri{
		margin-bottom: 0;	}
	.dashboard.dashboard-page .widget-container.var1 > .srb.pri:last-child{
		margin-top: 0;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget{
		height: 345px;
		padding: 20px 28px 0 28px;	}
	.dashboard.dashboard-page .accdetails{
		margin: 0 !important;	}
	.dashboard.dashboard-page .widget{
		border-radius: 20px;	}
	.dashboard.dashboard-page .accdetails{
		width: 311px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget .common-widget-header{
		padding-bottom: 13px;	}
	.accounts-recent-txn-container .gcb-col6.acc-select-opt{
		width: 50% !important;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .grb > div:last-child{
		padding-left: 56px !important;
		padding-top: 35px !important;	}
	.dashboard.dashboard-page .acc-select-opt button.ett-bttn.pri{
		width: 240px;	}
	.acc-select-opt button.ett-bttn.pri svg.ett-icon{
		margin-right: 8px;	}
}
@media (max-width: 850px){
    .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row{
		margin-top: 0;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget.no-transactions-panel{
		height: 318px !important;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .grb > div:last-child{
		padding-left: 36px !important;
		padding-top: 42px !important;	}
	.dashboard.dashboard-page .acc-select-opt button.ett-bttn.pri{
		width: 200px;	}
	.dashboard-page .acc-select-opt .crt-list > ul.pri li{
		margin-bottom: 0;	}
	.dashboard.dashboard-page .widget-container > .srb.pri:last-child{
		margin-top: 0;	}
	.widget-container > .srb.pri:last-child{
		margin-bottom: 0;	}
	.dashboard.dashboard-page .widget-container.var1{
		flex-direction: column;	}
	.dashboard.dashboard-page .widget-container.var1 > .srb.pri:nth-child(2) .widget{
		margin-top: 24px;	}
	.widget-container.var1 > .srb.pri:last-child,
	.dashboard.dashboard-page .widget-container.var1 > .srb.pri:last-child{
		margin: 0;	}
}
@media (max-width: 750px){
	.dashboard.dashboard-page{
        padding: 28px 16px !important;
        overflow-x: hidden;
        overflow-y: overlay;	}
	.dashboard.dashboard-page .quicklinks > .gcb-col2 .ett-bttn.tsp{
		margin-top: 0;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .no-transactions-row > span > .srb.pri:first-child svg{
		width: 164px;
		height: 164px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget.no-transactions-panel{
		height: 290px !important; 	}
	.dashboard-page .no-transaction-row{
	    height: 290px !important;
	    margin-bottom: 0 !important;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .grb{
		flex-direction: column;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget{
		padding: 20px 16px 28px 16px !important;
		height: 440px;
	    margin-top: 10px;}
	.dashboard.dashboard-page .acc-select-opt button.ett-bttn.pri{
		width: 44px;
		height: 44px;	}
	.dashboard-page .acc-select-opt .crt-list > ul.pri,
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .grb > div:last-child{
		padding-left: 0 !important;	}
	.dashboard-page .acc-select-opt .crt-list > ul.pri li{
		width: 102px;
		text-align: center;	}
	.dashboard-page .acc-select-opt .crt-list > ul.pri{
		justify-content: center;
		padding-right: 0;
		padding-top: 0;	}
	.dashboard-page .acc-select-opt .crt-list > ul.pri li > span > .srb.pri > span{
		display: flex;
		justify-content: center;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .grb > div:last-child{
		padding-top: 24px !important;	
	    width: 100% !important;
	}
	.dashboard-page .acc-select-opt button.ett-bttn.pri svg.ett-icon{
        margin-top: -3px;
	    margin-right:0;
	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .plt-simp .crt-form > .srb.pri > span:first-child{
		width: 40%	}
	.dashboard.dashboard-page .widget{
		border-radius: 16px;
		margin-right: 0 !important;	}
	.dashboard.dashboard-page .widget-container.var1,
	.dashboard.dashboard-page .widget-container.var1 > .srb.pri:nth-child(2) .widget{
		margin-top: 16px;	}
	.dashboard.dashboard-page .widget-container.var1 > .srb.pri:last-child{
		margin-top: -8px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget .common-widget-header{
		padding-bottom: 17px;	}
	.dashboard.dashboard-page .widget-container > .srb.pri:first-child{
		margin-right: 0 !important;	}
	.dashboard-page .acc-select-opt button.ett-bttn.pri span{
		top: 50px;	}
}

/*----------------------------------------- Dashboard Account Summary widget responsive styles ----------------------------------------------*/

.dashboard.dashboard-page .daysrow > span:nth-child(2) ul:first-child{
	margin-right: 5px;}
.dashboard.dashboard-page .daysrow > span:nth-child(2) > .srb.pri:nth-child(2){
	position: relative;
	top: 5px;}
@media (max-width: 1800px){
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div{
		height: 341px;
		padding: 24px 32px 29px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div .ett-bttn.sec{
		padding: 6px 28px 6px 16px !important;
		height: 32px;
		font-size: 14px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form .ett-labl.pri{
		font-size: 14px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form{
		margin-bottom: 25px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span svg,
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span img{
		width: 48px;
		height: 48px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span .ett-labl.pri{
		font-size: 14px;
    	margin-bottom: 11px;}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span > .srb.pri > span:last-child{
		padding-left: 64px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span{
		padding: 23px 20px 22px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span:first-child{
		margin-right: 32px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri:first-child{
		margin-bottom: 32px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri:last-child > span:last-child > .srb.pri > span:first-child ul{
		width: 48px;
		height: 48px;	}
}
@media (max-width: 1050px){
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div{
		height: 345px;
		padding: 20px 28px 45px;border-radius: 20px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .grb{
		 width: 628px; 	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form{
		margin-bottom: 26px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span:first-child{
		margin-right: 28px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri:first-child{
		margin-bottom: 28px;	}
}
@media (max-width: 850px){
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .grb{
	  width: auto;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form{
		margin-bottom: 29px;	}
}
@media (max-width: 750px){
    .dashboard.dashboard-page .widget-container > .srb.pri:last-child{
		margin-bottom: 0;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div{
		height: 440px;
		padding: 20px 16px;}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form > .srb.pri > span:first-child{
		width: 40%;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form{
		margin-bottom: 17px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri{
		flex-direction: column;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span{
		width: 100%;
    	padding: 14px 16px 11px;}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span svg, .accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span img{
		width: 44px;
		height: 44px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span > .srb.pri > span:last-child{
		padding-left: 60px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri:first-child{
	  margin-bottom: 20px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri > span:first-child{
		margin-right: 0;
		margin-bottom: 20px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div > div > .plt-simp > .pst-simp > .crt-form + .grb .crt-form > .srb.pri:last-child > span:last-child > .srb.pri > span:first-child ul{
		width: 44px;
		height: 44px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget + div .ett-bttn.sec{
		width: 165px;	}
}

/*---------------------------------------------------- Account landing new design styles --------------------------------------------------------*/

.web-account-landing-body{
	display: flex;
	margin-top: 40px;}
.web-accounts-landing > div:first-child .web-tab .tabcontent{
	margin-right: 8px;
	padding-right: 42px;}
.web-account-landing-body > div:first-child{
    margin-right: 40px;
    width: calc(50% - 20px);
    flex-shrink: 0;}
.web-account-landing-body .recent-transcations-panel{
	margin-top: 0;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent{
	position: relative;
	height: auto;
	padding: 31px 0 0 0;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child{
	margin-bottom: 40px;
	background: #fff;
	padding: 28px 24px;
	border-radius: 24px;
	box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);}
.web-account-landing-body .everyday-account.crt-list{
	padding: 20px 24px;}
.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span:not(:first-child){
	display: flex;
	border-left: none;
	padding: 0;
	flex: 1;
	align-items: center;}
.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child{
	margin-top: 0;}
.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child .ett-labl.pri{
	display: block;
	line-height: 1;}
.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span > span:first-child{
	width: auto;
	flex-shrink: 0;
	padding-right: 71px;}
.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span.available-balance-col > span:first-child {
    padding-right: 14px;
}
.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span.current-balance-col > span:first-child {
    padding-right: 24px;
}
.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span.redraw-balance-col > span:first-child {
    padding-right: 25px;
}
.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span:first-child {
     width: 20%;
}
.web-modal .my-accounts-panel > .crt-list:last-child li .srb.pri:last-child > span:nth-child(2) {
    width: 30%;
}
.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:first-child{
	border-bottom: none;
	padding-bottom: 0;}
.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child {
    padding-top: 21px;
    padding-bottom: 17px;}
.web-accounts-landing .my-accounts-subpanel > ul > li{
	border-radius: 12px;}
.web-accounts-landing .my-accounts-subpanel > ul > li:not(.active):hover > span {
    box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.2s linear;
    border-radius: 12px;}
.web-accounts-landing .all-accounts-panel{
	margin-bottom: 24px;}
.web-account-landing-body .everyday-account > ul > li:first-child > span:last-child{
	padding-right: 0;}
.web-account-landing-body .last-days-data > p svg{
	width: 14px;
	height: 13px;}
.web-account-landing-body .everyday-account > ul > li:nth-child(3){
	padding-top: 32px;
	padding-bottom: 45px;}
.web-account-landing-body .pst-tabs.hor.pri > ul.tabs > li{
	padding-top: 0;}
.web-account-landing-body > div:first-child > .plt-simp{
	height: 100%;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
	flex-grow: 1;
    background:#fff;
    border-radius: 24px;
    padding: 34px 36px 0;
    box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);}
.web-accounts-landing .my-accounts-panel.panel--open > .crt-list:first-child > ul > li > span:last-child svg path:last-child{
	fill: #005587;}
.web-accounts-landing .my-accounts-panel.panel--open > .crt-list:first-child > ul > li > span:last-child svg{
	transform: rotateX(180deg);
	transition: transform 0.3s linear;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-labl.pri{
	font-size: 16px;
	color: #575757;
	width: 100%;
	display: block;
	line-height: 1.5;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-para.pri{
	font-weight: 500;
	width: 100%;
	display: block;
	line-height: 1.5;
    word-break: break-word;
}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form > .srb.pri:not(:last-child){
	margin-bottom: 22px;
	display: flex;
	align-items: stretch;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form > .srb.pri:nth-child(5){
	display: flex;
	align-items: center;
	margin-bottom: 32px;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li{
	margin-bottom: 34px;
}
.web-account-landing-body > div:last-child{
	width: calc(50% - 20px);}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:last-child{
	margin-left: auto;
	flex-grow: 1;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:last-child > .srb.pri:last-child > span:last-child .ett-para.pri{
	font-weight: 700;
	text-align: right;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:last-child > .srb.pri:last-child > span:last-child .fw-normal .ett-para.pri {
    font-weight:400;
    text-align:right;
}	
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp{
	 display: block;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2){
	padding-left: 24px;
	flex-grow: 1;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2) > .srb.pri .ett-para.pri{
	font-size: 12px;
	color: #575757;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2) > .srb.pri .ett-labl.pri{
	color: #575757;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2) > .srb.pri{
	margin-top: 2px;}
.web-account-landing-body .recent-transactions-panel-heading{
	padding-right: 40px;}
.web-accounts-landing .my-accounts-subpanel > ul > li.account-selected{
	box-shadow: 0 0 0 0.5px transparent;
    border: 1px solid #005587;
    background: #fff;
	height: 96px;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .ett-labl.pri{
	color: #212121;
	font-weight: 500;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form > .srb.pri:nth-child(n+6){
    /*display: none;*/
	display: block;
}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:first-child > .srb.pri:not(:nth-child(5)){
	margin-bottom: 27px;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:first-child > .srb.pri,
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:first-child > .srb.pri .ett-labl.pri{
	cursor: pointer;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .tabcontent{
	overflow: visible;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:last-child,
.show-all-row{
	position: absolute;
	bottom: -35px;
	overflow: visible;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .grb:not(.credit-card-account-details) .tabs-ctr > .acco:last-child .crt-form:last-child::before{
    height: 1px;
    width: 100%;
    background: #e8e8e8;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(calc(50% - 1px));}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .grb:not(.credit-card-account-details) .tabs-ctr > .acco:last-child .crt-form:last-child ul .ett-bttn.sec{
	width: 118px;
	height: 40px;
	padding: 0 !important;
	margin: 0;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .grb:not(.credit-card-account-details) .tabs-ctr > .acco:last-child .modal-cnt .crt-form:last-child::before{
	display: none;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .grb:not(.credit-card-account-details) .tabs-ctr > .acco:last-child .crt-form:last-child ul{
	background: #fff;
	width: 150px;
	left: 50%;
	position: relative;
	transform: translateX(-50%);}
.web-account-landing-body .recent-transcations-panel > div,
.web-account-landing-body .recent-transcations-panel > div > .grb,
.web-account-landing-body .recent-transcations-panel > div > .grb > div{
	height: 100%;}
.web-account-landing-body .recent-transcations-panel > div > .grb > div{
	display: flex;
	flex-direction: column;}
.web-account-landing-body .recent-transcations-panel > div > .grb > div > .plt-simp:last-child{
	overflow: overlay;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .web-modal .crt-form:last-child{
	position: static;}
.web-modal.manage-accounts-modal .modal-window{
	background: #fff !important;}
.manage-accounts-modal .pst-simp.pa0 > div.account-details-manage{
	padding: 0;
	margin: 0;
	box-shadow: none;}
.manage-accounts-modal .modal-cnt{
	padding-top: 32px !important;
	border-top: 1px solid #e8e8e8;
	margin-top: 33px;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .web-modal .crt-form:last-child ul{
	transform: none;
	left: 0;
	padding-left: 0;}
.web-account-landing-body .pst-tabs.hor.pri > ul.tabs > li:not(.current):hover {
    border-left: none;
    border-right: none;
    border-top-color: transparent;}
.manage-accounts-modal .crt-form > .srb.pri{
	display: flex !important;
	margin-bottom: 32px !important;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child{
    display: flex;
    align-items: center;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:first-child .ett-para.pri{
	font-size: 12px;
	color: #575757;
	font-weight: normal;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:first-child{
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 11px;
	margin-bottom: 29px;}
// .web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child{
// 	width: auto;
// 	padding-right: 24px;
// 	//flex-shrink: 0;
    
// }

.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child{
	width: 44px;
	margin-right: 24px;  }

.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child > span:first-child .scb-col100{
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	height: 44px;  }

.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child > span .scb-col100{
	width: 44px;   }

.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:nth-child(2) .ett-labl.pri + .ett-para.pri, .web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:nth-child(2) .ett-labl.pri{
    font-size: 12px;
    color: #575757;
    display: inline-block;
    margin-top: 4px;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:nth-child(2) > .ett-para.pri{
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li .transaction-grouping-row{
	margin-top: -4px;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .grb:not(.credit-card-account-details) .tabs-ctr > .acco:last-child .crt-form:last-child .web-modal-footer ul{
	transform: none;
	left: 0;
	padding-left: 0;}
.everyday-account > ul > li:nth-child(2) .ett-para.pri{
	font-weight: 500;}
.web-account-landing-body .everyday-account > ul > li:nth-child(3) > span:first-child .ett-labl.pri{
	font-size: 14px;}
.last-days-data > p.ett-para.pri{
	font-weight: 500;
	white-space: nowrap;}
.crt-form.hor.pri .srb.eoc.show-all-btn .ett-bttn.sec{
	height: 40px;
	width: auto;
	padding: 11px 28px 10px !important;
	margin: 0;
	line-height: 1 !important;
	display: flex;
	align-items: flex-start;}
.crt-form.hor.pri .srb.eoc.show-all-btn{
	position: relative;
	left: -28px;}

/*------------------------------------------------------- app header styles ---------------------------------------------------------------*/


.apz-nav-stay-left .pnt-head.pri{
	padding: 0 50px !important;
	height: 80px !important;	
	display: flex;
	align-items: center;}
.apz-nav-stay-left .pnt-head.pri > .grb{
	display: flex;
	align-items: center;}
.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li{
	display: flex;
	justify-content: flex-end;
	align-items: center;}
.apz-nav-stay-left .pnt-head.pri .ett-inpt.pri{
	width: 331px;
	height: 44px;
	border-radius: 22px;
	background: #f6f6f6;
	padding-left: 20px;
	border: none;
	font-size: 16px;}
.apz-nav-stay-left .pnt-head.pri input:-webkit-autofill{
    box-shadow: 0 0 0 30px #f6f6f6 inset !important;}
.apz-nav-stay-left .pnt-head.pri .ecn > .icr > svg{
    top: 50%;
    right: 12px;
    transform: translateY(-50%);}
.apz-nav-stay-left .pnt-head.pri .com-head-icon > ul{
	margin-right: 0 !important;}
.apz-nav-stay-left .pnt-head.pri .com-head-icon svg{
	margin-right: 0;
	width: 24px;
	height: 24px;}
.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child p:last-child{
	margin-left: 10px;}
.apz-nav-stay-left .pnt-head.pri .com-head-icon > ul{
	margin-left: 32px !important;}
.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child{
	padding-right: 32px;
	height: 44px;
	display: flex;
	align-items: center;
	border-right: 1px solid #e8e8e8;}
.apz-nav-stay-left .pnt-head.pri .ett-inpt.pri::placeholder{
	font-size: 16px;
	color: #575757;
	opacity: 1;}
.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child{
	flex-grow: 1;}
.apz-nav-stay-left .pnt-head.pri > .grb > div:first-child{
	width: auto;}

/*-------------------------------------------------- App header responsive styles ------------------------------------------------------------*/

@media (max-width: 1800px){
	.apz-nav-stay-left .pnt-head.pri{
		padding: 0 40px !important;	}
	.apz-nav-stay-left .pnt-head.pri .com-head-icon > ul{
		margin-left: 28px !important;	}
	.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child .ett-para.pri{
		display: inline-block;
		line-height: 1;	}
	.apz-nav-stay-left .pnt-head.pri .ett-inpt.pri{
		height: 40px;
		width: 276px;
		font-size: 14px;	}
	.apz-nav-stay-left .pnt-head.pri .ett-inpt.pri::placeholder{
		font-size: 14px;	}
	.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child{
		padding-right: 28px;
		height: 40px;	}
		.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span > span:first-child{
	width: auto;
	flex-shrink: 0;
	padding-right: 67px;}
}
@media (max-width: 1050px){
	.apz-nav-stay-left .pnt-head.pri .ett-inpt.pri{
		display: none;	}
	.apz-nav-stay-left .pnt-head.pri{
		height: 72px !important;
		padding: 0 32px !important;	}
	.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child{
		margin-right: 28px;}
	.apz-nav-stay-left .pnt-head.pri .ecn > .icr > svg{
		right: 0;
		top: -5px;	}
	.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child{
        padding-left: 24px;
        left: -24px;
        position: relative;}
	
}
@media (max-width: 850px){
    .apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child .ett-para.pri{
		font-size: 14px;	}
}
@media (max-width: 750px){
	.apz-nav-stay-left .pnt-head.pri{
		padding: 0 16px !important;
		height: 56px !important;
		box-shadow: 0 -3px 24px rgba(0, 0, 0, 0.16) !important;	}
	.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child{
		display: none;	}
	.dashboard-page .widget-container > .srb.pri{
		margin-bottom: 20px;	}
	.dashboard.dashboard-page .widget-container.var1, .dashboard.dashboard-page .widget-container.var1 > .srb.pri:nth-child(2) .widget{
		margin-top: 20px;	}
	.apz-nav-stay-left.close-menu .mobile-menu{
		margin-right: 20px !important;	}
	.apz-nav-stay-left.close-menu .com-head-text .ett-para.pri{
		font-size: 14px !important;
		font-weight: 500 !important;	}
    .pnt-head.pri .ett-bttn.icl > svg{
		margin-right: 0 !important;
		display: block;	}
	.apz-nav-stay-left .pnt-head.pri .com-head-icon > ul{
		margin-left: 20px !important;	}
}


/*--------------------------------------------------- Dashboard offers widget styles ---------------------------------------------------------*/

.dashboard.dashboard-page .widget.offers-widget{
	overflow: visible;}
.dashboard.dashboard-page .offers-widget > div{
	position: relative;}
.dashboard.dashboard-page .offers-widget > div > .grb:last-child{
	position: absolute;
	bottom: 0;
	left: 0;}
.dashboard.dashboard-page .widget.offers-widget .slider-btn .ett-bttn.tsp{
	width: 40px;
	height: 40px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
	z-index: 1000;}
@media (max-width: 1800px){
	.dashboard.dashboard-page .widget.offers-widget .slider-btn .ett-bttn.tsp{
		width: 32px;
		height: 32px;}
}

/*------------------------------------------------- Increase credit card limit responsive styles ----------------------------------------------*/

@media (max-width: 1800px){
	.exceed-daily-limit-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
		padding: 32px 28px 24px !important;	}
	.exceed-daily-limit-page .crt-form.hor.pri .web-panel > span > .srb.pri:last-child .ett-labl.pri,
	.exceed-daily-limit-page .crt-form.hor.pri .web-panel > span > .srb.pri:nth-child(2) .ett-labl.pri{
		line-height: 1.4 !important;	}
	.increase-credit-card-limit-page .web-panel .srb.pri:nth-child(2) ul{
		margin-top: 24px;	}
		.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span.available-balance-col > span:first-child {
        padding-right: 18px;    }
    .web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span.current-balance-col > span:first-child {
        padding-right: 26px;    }
    .web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span.redraw-balance-col > span:first-child {
        padding-right: 25px;    }
}
@media (max-width: 1050px){
	.exceed-daily-limit-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
		padding: 25px 24px 22px !important;	}
	.exceed-daily-limit-page .crt-form.hor.pri .web-panel > span > .srb.pri:first-child .ett-labl.pri{
		line-height: 1.4 !important;	}
	.increase-credit-card-limit-page .web-panel .srb.pri:nth-child(2) ul{
		margin-top: 22px;	}
}
@media (max-width: 750px){
	.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
		padding: 20px 21px 14px 16px !important;	}
	.exceed-daily-limit-page .web-footer{
		margin-left: -16px;	}
}


/*------------------------------------------------- Account landing new design responsive styles ----------------------------------------------*/

.term-deposit-details + .crt-form{
	bottom: -45px !important;}
.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child{
	flex-shrink: 0;
	width: 100%;}
.web-accounts-landing .my-accounts-panel > .crt-list:first-child > ul > li > span:last-child svg{
    transform: none;
    transition: transform 0.3s linear;}

.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab.pst-tabs.hor.pri > ul.tabs > li{
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab.pst-tabs.hor.pri > ul.tabs > li.current{
    padding-bottom: 7px;}
.web-account-landing-body .everyday-account.crt-list > ul.pri > li:first-child > span:nth-child(2){
    float: right;
    padding-left: 16px;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form.term-deposit-details > .srb.pri:nth-child(5){
	margin-bottom: 22px;}
.web-accounts-landing .pst-tabs.hor.pri > ul.tabs > li:not(.current):hover {
    border-left: none;
    border-right: none;
    border-top-color: transparent;}
@media (max-width: 1800px){
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form.term-deposit-manage + .crt-form:last-child{
		display: block !important;}
    .web-accounts-landing > div:first-child .web-tab .tabcontent{
		padding-right: 32px;}
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent.savings-account-manage .crt-form:first-child > .srb.pri:last-child{
		display: flex;
		align-items: center;}
    .everyday-account-details{
		overflow: visible !important;}
    .everyday-account-showall.crt-form{
        display: block !important;
        position: absolute;
        bottom: -60px;}
    .loan-account-details .everyday-account-showall{
        bottom: -45px !important;}
    .everyday-account-showall.crt-form > .srb.pri{
		position: relative;	}
	.everyday-account-showall.crt-form > .srb.pri::before{
	    position: absolute;
		content: '';
		height: 1px;
		background: #e8e8e8;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);	}
	.everyday-account-showall.crt-form > .srb.pri ul{
		z-index: 1500;
		position: relative;
		width: 127px;
		left: 50%;
		transform: translateX(-50%);
		background: #fff;	}
	.web-account-landing-body .loan-account-details .show-all-row ul{
	    width: 127px !important;	}
	.web-account-landing-body .loan-account-details .show-all-row .ett-bttn.sec{
	    width: 103px !important;
	    height: 32px;
	    font-size: 14px;	}
	.web-account-landing-body .everyday-account > ul > li:nth-child(3) > span:first-child .ett-labl.pri{
		font-size: 12px;
		line-height: 1;
		display: block;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child{
	  padding: 24px 20px;	}
	.web-account-landing-body .everyday-account.crt-list{
		padding: 20px 20px 14px !important;	}
	.everyday-account > ul > li:nth-child(2){
		height: 30px;	}
	.web-account-landing-body .everyday-account > ul > li:last-child .ett-labl.pri{
		font-size: 12px;
		white-space: nowrap;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
	    position: relative;
		padding: 28px 32px 13px !important; 	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form:first-child> .srb.pri:last-child{
	    /*display: none;*/
		display: block;
	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form > .srb.pri:nth-last-child(2){
		margin-bottom: 0;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .pst-tabs.hor.pri > ul.tabs > li > span svg{
		top: 0;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent{
		padding-top: 23px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-labl.pri{
		font-size: 14px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form > .srb.pri:not(:last-child){
		margin-bottom: 18px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form > .srb.pri:first-child{
	    margin-bottom: 21px;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2){
		padding-left: 19px; 	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li{
		margin-bottom: 26px;	}
	.recent-transactions-list.crt-list > ul.tsp > li > span:first-child img{
		width: 40px;
	    height: 40px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .plt-tabs + .grb{
		display: block !important;
		position: absolute;
		bottom: 13px;
		margin-left: -32px;	}
	.web-account-landing-body .loan-account-details .show-all-row{
        margin-left: 0 !important;
        bottom: -15px !important;}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .plt-tabs + .grb .ett-hypl.pri{
		background: #fff;
		z-index: 1500;
		position: relative;
		width: 103px;
		display: inline-block;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:first-child > .srb.pri:not(:nth-child(5)){
		margin-bottom: 24px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form > .srb.pri:nth-child(n+5){
		/*display: none;*/
	    display: block;
	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:last-child ul{	
		padding-left: 0;
		padding-right: 0;
		width: 127px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:last-child{
	  bottom: -33px;	}
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .grb:not(.credit-card-account-details) .tabs-ctr > .acco .crt-form:last-child ul .ett-bttn.sec{
        width: 103px !important;
        height: 32px !important;
        font-size: 14px;
        padding: 0;
        margin: 0;}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form:nth-child(2) > .srb.pri:first-child{
		margin-bottom: 0;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2) > .srb.pri .ett-labl.pri{
		font-size: 12px;	}
	.web-account-landing-body .recent-transactions-panel-heading{
		padding-right: 0;
		margin-bottom: 30px;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li .transaction-grouping-row{
		margin-bottom: 27px !important;
		margin-top: -1px;	}
// 	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child{
// 		padding-right: 20px;	}
	
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child{
	   width: 40px;
	   margin-right: 20px;  }

    .web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child > span:first-child .scb-col100{
	   height: 40px;  }

    .web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child > span .scb-col100{
	   width: 40px;   }	
		
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li{
		margin-bottom: 30px;	}
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:first-child{
	    padding: 18px 20px 0;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .grb:not(.credit-card-account-details) .tabs-ctr > .acco:last-child .crt-form:last-child ul{
		width: 127px;	}
	.credit-card-account-details .acco:first-child .tabcontent > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:last-child{
		display: none !important;	}
	.crt-form.hor.pri .srb.eoc.show-all-btn .ett-bttn.sec{
		font-size: 14px;
		padding: 8px 24px !important;
		height: auto;	}
	.crt-form.hor.pri .srb.eoc.show-all-btn{
		left: -51px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .grb:not(.credit-card-account-details) .tabs-ctr > .acco .crt-form:last-child ul.show-all-btn .ett-bttn.sec{
		width: auto !important;
		height: auto !important;	}
	.term-deposit-manage + .crt-form > .srb.pri{
		display: table !important;	}
}
@media (max-width: 1050px){
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form.term-deposit-details > .srb.pri:nth-child(6){
        display: block;}
   .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form.term-deposit-details:first-child > .srb.pri:last-child{
        display: none !important;}
    .term-deposit-manage + .crt-form > .srb.pri{
		display: none !important;	}
     .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form.term-deposit-manage + .crt-form:last-child{
		display: none !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form.term-deposit-details > .srb.pri:last-child > span:first-child{
		width: 162px;	}
    .web-accounts-landing > div:first-child .web-tab .tabcontent{
		padding-right: 0;
		margin-right: 0;	}
    .credit-card-account-details .tabcontent .crt-form + .grb .srb.pri:last-child > span:first-child{
		width: 100% !important;	}
    .everyday-account-showall.crt-form{
		display: none !important;	}
    .recent-transcations-panel .crt-form.hor.pri .srb.eoc.show-all-btn .ett-bttn.sec{
        width: 100px;
        height: 32px;
        position: relative;
        left: 15px;}
    // .web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child{
    //     padding-right: 16px;}
        
    .web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child{
	     margin-right: 16px;  }

    .credit-card-account-details .acco:first-child .tabcontent > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:last-child{
	    display: flex !important;	}
	.credit-card-account-details .acco:first-child .tabcontent > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:last-child  > span:first-child{
	    width: 162px !important;	} 
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:last-child{
		bottom: -41px;	}
	.web-accounts-landing > div:first-child .web-tab.pst-tabs.hor.pri > ul.tabs > li{
		width: 216px;
		margin-right: 0;	}
	.web-accounts-landing > div:first-child .pst-tabs.hor.pri > ul.tabs > li > span svg{
		top: 0;	}
	.all-accounts-panel .srb.pri > span:last-child p{
		font-size: 12px;	}
	.web-accounts-landing .all-accounts-panel{
		margin-top: 13px;
		margin-bottom: 19px !important;	}
	.my-accounts-subpanel.crt-list > ul{
		padding-left: 0;
		padding-right: 0;	}
	.my-accounts-subpanel.crt-list > ul > li{
		width: 100%;
		height: 48px !important;	}
	.web-accounts-landing > div:first-child .my-accounts-subpanel.crt-list > ul > li > span{
		display: flex;
		flex-direction: row;
		align-items: center;	}
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:first-child{
		padding-right: 0;
		padding-top: 0;
		width: 130px;	}
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span > span:last-child{
		width: 117px;	}
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span:nth-child(2){
		width: auto;	}
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span:last-child{
		flex-grow: 3.2;	}
	.web-account-landing-body{
		margin-top: 24px !important;	}
	.web-account-landing-body > div:first-child{
		margin-right: 24px !important;	}
	.web-account-landing-body > div{
		width: calc(50% - 12px) !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child{
		margin-bottom: 24px !important;
		border-radius: 20px;	}
	.web-accounts-landing > div:first-child .web-tab.pst-tabs.hor.pri > ul.tabs{
		position: relative;
		top: 3px;	}
	.all-accounts-panel{
		background-position: center;	}
	.web-accounts-landing .my-account-panel-heading li{
		padding-left: 0;
		padding-right: 0;	}
	.web-accounts-landing > div:last-child > div:last-child{
        position: absolute;
        top: -20.5px;
        display: block !important;}
	.web-accounts-landing > div:last-child > div:last-child img{
        border-radius: 50%;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        width: 40px;
        height: 40px;}
	.web-accounts-landing > div.expand-section:first-child{
		max-height: none;
		height: auto;	}
	 .web-accounts-landing > div.expand-section:first-child .tabcontent{
		  height: auto !important;	}
	.web-accounts-landing > div.expand-section + div > div:last-child img{
		transform: rotateZ(180deg);	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list{
		height: 287px;
		padding: 20px 20px 19px !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:first-child .ett-para.pri{
		font-size: 13px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:first-child > span:nth-child(2) svg{
		width: 20px;
		height: 20px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(2){
		height: 38px;
		margin-top: 9px;	}
	.last-days-data > p:first-child{
		margin-bottom: 20px;	}
	.web-account-landing-body .everyday-account > ul > li:nth-child(3) > span:last-child svg{
		width: 48px;
		height: 48px;
		position: relative;
		top: 2px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		padding: 28px 28px 30px !important;
		/*height: 357px;*/
		height: auto;
		border-radius: 20px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab.pst-tabs.hor.pri > ul.tabs{
		width: 100%;	}
	.web-accounts-landing > div:last-child{
		height: auto;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab.pst-tabs.hor.pri > ul.tabs > li.current{
		padding-top: 0;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form > .srb.pri:not(:last-child)  > span:first-child{
		align-self: flex-start;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form > .srb.pri:not(:last-child){
		margin-bottom: 20px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .plt-tabs + .grb{
		display: none !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form:first-child > .srb.pri:last-child{
        display: flex;
        align-items: stretch;
        margin-bottom: 0 !important;}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form:first-child > .srb.pri:last-child{
		margin-top: 24px;
		display: flex;	}
	.crt-form.hor.pri .srb.eoc.show-all-btn{
	    left: -42px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form > .srb.pri:not(:last-child) > span:first-child{
		width: 162px;
		flex-shrink: 0;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form > .srb.pri:last-child > span:first-child{
		width: 180px;
		flex-shrink: 0;	}
	.recent-transcations-panel{
        height: 714px;
        padding-top: 20px !important;
        border-radius: 20px;
        padding-bottom: 28px !important;}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li{
		margin-bottom: 22px;	}
	.web-account-landing-body .recent-transactions-panel-heading{
		margin-bottom: 17px;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li .transaction-grouping-row{
		margin-bottom: 24px !important;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li{
		margin-bottom: 25px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .loan-account-details .plt-tabs + .grb{
		display: block !important;	}
}

@media (max-width: 850px){
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form.term-deposit-details > .srb.pri:last-child > span:first-child{
		width: 220px;}
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form > .srb.pri:last-child > span:first-child{
        width: 237px;}
    .web-accounts-landing-menu.srb.pri > span label{
        left: 3px !important;}
   .recent-transcations-panel{
		border-radius: 20px !important;	}
    .pst-simp > div.everyday-account.term-deposit--bg > ul > li:nth-child(3) > span:nth-child(2) p:first-child{
		width: 20px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list.term-deposit--bg > ul > li:nth-child(3){
		padding-bottom: 20px !important;	}
	.loan--bg .real-time-count-data p:first-child{
		margin-right: 10px;	}
	.loan--bg .real-time-count-data p.ett-para.pri:last-child{
		white-space: nowrap;	}
	.everyday-account.loan--bg .days-to-go-label{
		margin-top: 8px;	}
	.web-accounts-landing > div:last-child .crt-form > .srb.pri > div > .grb:first-child{
		width: 50%;	}
	.web-account-landing-body{
		flex-direction: column;	}
	.web-account-landing-body > div{
		width: 100% !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child{
		width: 50%;
		margin-left: auto;	
		width: 304px;
		height: 243px;
		margin-top: -260px;
		border-radius: 16px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp{
		width: 100%;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list{
		border-radius: 16px;
		height: 195px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
	    width: 100%;
		height: 357px;
		margin-bottom: 24px;
		border-radius: 20px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form > .srb.pri:not(:last-child) > span:first-child{
		width: 220px;
		flex-shrink: 0;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab.pst-tabs.hor.pri > ul.tabs > li{
		width: 188px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:first-child .ett-para.pri{
	  font-size: 10px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:first-child > span:nth-child(2) svg,
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:first-child > span:last-child svg{
		width: 16px;
		height: 16px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list{
		padding: 13px 16px 8px !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(2){
		margin-top: 6px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(2){
		height: 29px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(2) .ett-para.pri,
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(2) .ett-labl.pri,
	.web-account-landing-body .everyday-account > ul > li:nth-child(3) > span:first-child .ett-labl.pri,
	.last-days-data > p,
	.web-account-landing-body .everyday-account > ul > li:last-child .ett-labl.pri{
		font-size: 10px !important;	}
	.web-account-landing-body .everyday-account > ul > li:nth-child(3) > span:last-child svg{
		width: 32px;
		height: 32px;	}
	.web-account-landing-body .last-days-data > p svg{
        width: 10px;
        height: 8px;
        margin-right: 10px !important;}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(3){
		padding-top: 17px !important;
		padding-bottom: 25px !important;	}
	.last-days-data > p:first-child{
		margin-bottom: 12px;	}
	.web-account-landing-body .everyday-account > ul > li:nth-child(4) .srb.pri:first-child{
		margin-bottom: 6px;	}
	.web-account-landing-body .everyday-account > ul > li:nth-child(4) > span:first-child{
		padding-left: 4px;	}
	.srb.pri > span.current-balance-left-border{
		padding-left: 20px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-para.pri{
        width: 100%;}
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent{
        padding-top: 23px;}
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:last-child{
		bottom: -41px;	}
}
@media (max-width: 750px){
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form.term-deposit-details > .srb.pri:nth-child(5){
		margin-bottom: 17px !important; 	}
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form.term-deposit-details > .srb.pri:last-child > span:first-child{
		width: 141px;	}
    .web-account-landing-body .everyday-account.crt-list.term-deposit--bg > ul.pri > li:first-child > span:nth-child(2){
		padding-left: 0;	}
    .web-accounts-landing-menu.srb.pri > span label{
        font-size: 12px !important;
        line-height: 1.4;
        display: block;
        width: 100%;
        /*left: 50% !important;*/
        /*transform: translateX(-50%);*/
        position:static;
        font-weight: normal;}
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form > .srb.pri > span:first-child{
	    width: 141px;
	    flex-shrink: 0;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form > .srb.pri:last-child > span:first-child{
        width: 160px;}
    .web-accounts-landing > div:first-child .my-accounts-subpanel.crt-list > ul > li > span{
		flex-direction: column;	}
	.recent-transcations-panel{
		border-radius: 16px !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child{
        margin-top: 0;
        width: 100%;
        height: auto;
        padding: 16px;
        margin-bottom: 16px !important;}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list{
		height: auto;	}
	.web-accounts-landing > div:first-child{
		padding: 20px 16px;
		padding-top: 24px;	}
	.web-tab.pst-tabs.hor.pri > ul.tabs svg{
		margin-right: 12px;	}
	.web-accounts-landing .all-accounts-panel{
		margin-top: 20px;	}
	.all-accounts-panel .srb.pri > span:first-child .ett-labl.pri{
		line-height: 1;
		display: block;	}
	.my-accounts-subpanel.crt-list > ul > li > span{
		flex-direction: column;	}
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:first-child{
		width: 100%;
		margin-right: auto;
		padding: 16px 16px 0 16px !important;	}
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child{
		padding: 14px 16px 16px !important;	}
	.web-accounts-landing > div:last-child .crt-form > .srb.pri > div > .grb:first-child{
		width: 100%;	}
	.web-accounts-landing-menu{
		background: transparent;
		box-shadow: none;
		padding-top: 13px;
		padding-bottom: 0;	}
	.web-account-landing-body{
		margin-top: 0 !important;	}
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list{
        height: 245px;
        padding: 15px 16px 14px !important;}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:first-child .ett-para.pri{
		font-size: 12px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:first-child > span:nth-child(2) svg,
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:first-child > span:last-child svg{
		width: 24px;
		height: 24px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(2){
		margin-top: 11px;
		height: 32px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(2) .ett-para.pri, .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(2) .ett-labl.pri, .web-account-landing-body .everyday-account > ul > li:nth-child(3) > span:first-child .ett-labl.pri, .last-days-data > p, .web-account-landing-body .everyday-account > ul > li:last-child .ett-labl.pri{
		font-size: 12px !important;	}
	.web-account-landing-body .last-days-data > p svg{
		width: 12px;
		height: 10px;
		margin-right: 9px !important;	}
	.web-account-landing-body .everyday-account > ul > li:nth-child(3) > span:last-child svg{
		width: 44px;
		height: 44px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(3){
		padding-top: 20px !important;
	    padding-bottom: 34px !important;}
	.last-days-data > p:first-child{
		margin-bottom: 14px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(3) > span:first-child{
		width: 100px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(2) > span:first-child{
		width: 91px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(4) .srb.pri:last-child p{
		font-size: 14px;
		font-wieght: 500;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list > ul > li:nth-child(4) .srb.pri:first-child{
		margin-bottom: 12px;	}
	.web-account-landing-body .web-tab.pst-tabs.hor.pri > ul.tabs svg{
		margin-right: 16px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child{
		height: 384px;
		padding-left: 16px !important;
		padding-right: 16px !important;
		border-radius: 16px;
		margin-bottom: 16px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form > .srb.pri:not(:last-child) > span:first-child{
		width: 141px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent .crt-form:first-child > .srb.pri:last-child{
		display: flex;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-labl.pri,
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-para.pri{
		width: 90%;
		line-height: 1.4;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form > .srb.pri:not(:last-child){
		margin-bottom: 17px !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .tabcontent .crt-form > .srb.pri:nth-child(5){
	  margin-bottom: -1px !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .crt-form:last-child{
		bottom: -46px;	}	
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .tabcontent .crt-form:not(:last-child) .ett-labl.pri{
		position: relative;
		left: 9px;
		font-weight: 500;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:last-child .tabcontent .crt-form > .srb.pri:not(:last-child){
		margin-bottom: 24px !important; 	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab.pst-tabs.hor.pri > ul.tabs > li.current{
        padding-right: 0;
        padding-bottom: 7px;}
	.web-account-landing-body .recent-transcations-panel{
        padding-top: 16px !important;
        padding-bottom: 24px !important;
        padding-right: 4px !important;}
	.web-account-landing-body .recent-transactions-panel-heading{
		padding-right: 26px;
		padding-left: 0;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2) > .srb.pri .ett-labl.pri,
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:nth-child(2) > .srb.pri .ett-para.pri{
		font-size: 10px;
		margin-top: -7px;
		display: inline-block;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li{
		margin-bottom: 19px;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:first-child .ett-para.pri{
		font-size: 10px;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:first-child{
		padding-bottom: 7px;
		margin-bottom: 19px !important;
		margin-top: -3px;	}
	.web-account-landing-body .recent-transactions-panel-heading{
		margin-bottom: 18px;	}
	.web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li{
		margin-bottom: 22px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:first-child .crt-list.term-deposit--bg > ul > li:nth-child(3){
        padding-bottom: 32px !important;}
    .everyday-account.crt-list.loan--bg > ul.pri > li:nth-child(4) > span:nth-child(2) > .srb.pri:first-child > span:first-child{
	    padding-right: 13px;	}
	.everyday-account.crt-list.loan--bg > ul.pri > li:nth-child(4) > span:nth-child(n+2) > .srb.pri:first-child > span:first-child .ett-labl.pri{
		width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display: block;	}
	.everyday-account.loan--bg .days-to-go-label{
		margin-top: 13px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .loan-account-details .plt-tabs + .grb{
		bottom: -25px !important;	}
}

/*---------------------------------------------------- Block/Replace card styles -----------------------------------------------------------*/

.block-replace-card-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.block-replace-card-page .web-panel{
	max-width: 100%;
	height: 75px !important;
	padding: 0 28px !important;
	margin-bottom: 0;
	border-radius: 12px;}
.block-replace-card-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
	margin-top: 0;}
.block-replace-card-page  .crt-form.hor.pri .web-panel .srb.eoc{
	margin-bottom: 0;}
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel{
	height: auto !important;
	padding: 40px 28px 26px !important;}
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child > span:first-child{
    padding-top: 34px;
    flex-shrink: 0;
}
.block-replace-card-page .raise-dispute-form > .srb.pri > span:first-child label{
	width: 70%;
	display: block;}
.block-replace-card-page .web-select{
	  width: 100%;}
.block-replace-card-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
	text-align: left;
	display: flex;
	padding-left: 0;}
.block-replace-card-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child .ett-bttn{
	padding: 0;
	font-size: 16px;
	margin: 0;
	border: 0;
	width: 100%;
	text-align: left;
	font-weight: 500;}
.block-replace-card-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul:last-child{
     margin-left: 0;}
.block-replace-card-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child .ett-para.pri{
	font-size: 16px;
	color: #212121;
	font-weight: 500;}
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel > span:nth-child(n + 3) > span > .srb.pri:first-child{
    margin-bottom: 17px;
    padding-top: 25px;
    border-top: 1px solid #e8e8e8;
    margin-top: 26px;}
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel > .srb.pri:first-child ul:first-child .ett-labl.pri, 
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel > .srb.pri:nth-child(2) ul:first-child .ett-labl.pri{
	margin-bottom: 24px;
	font-size: 12px;
	margin-top: 3px;
	display: block;}
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel > .srb.pri:first-child > span, 
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel > .srb.pri:nth-child(2) > span{
    position: relative;}
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel > .srb.pri:first-child > span ul:first-child, .block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel > .srb.pri:nth-child(2) > span ul:first-child{
    position: absolute;
    top: -19px;}
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel > span:nth-child(n + 3) .ett-para.pri{
	font-weight: 500;
	line-height: 1.5 !important;
	width: 70%;
	word-break: break-all;}
.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel > .srb.pri:nth-child(2){
	margin-top: 55px;}
.block-replace-card-page .raise-dispute-form > .srb.pri:nth-child(2) > span:nth-child(2) .ett-labl.pri{
	color: #212121 !important;
	font-weight: 700;}
.block-replace-card-page.web-close-accounts-row .web-dropdown .ett-slct.ter .sub-elt{
	border-bottom: 1px solid #C2C2C2;}
.block-replace-card-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul.web-select:last-child .ett-bttn{
    font-weight: 700;
    color: #212121;}

/*------------------------------------------------- Services replace card responsive styles --------------------------------------------------*/

@media (max-width: 1800px){
	.services-replace-card-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.services-replace-card-page .web-panel{
        width: 518px;
        padding: 0 28px !important;
        margin-bottom: 16px;
        height: 80px;}
	.services-replace-card-page .web-panel > span:first-child{
		width: 200px;	}
	.services-replace-card-page .web-panel > span:nth-child(2) .ett-labl.pri{
        font-size: 12px;
        width: 206px;
        display: block;}
	.services-replace-card-page .web-panel > span:last-child{
		width: 24px;
		flex-grow: 0;
		margin-left: auto;	}
	.services-replace-card-page .web-panel > span:nth-child(2){
		flex-grow: 1;	}
}
@media (max-width: 1050px){
	.services-replace-card-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.services-replace-card-page .web-panel{
		width: 432px;
		padding: 0 24px !important;
		height: 72px;	}
	.services-replace-card-page .web-panel > span:first-child{
		width: 151px;}
	.services-replace-card-page .web-panel > span:first-child .ett-labl.pri{
		width: 120px;
		word-break: break-word;
		display: block;
		line-height: 1.5 !important;	}
}
@media (max-width: 1050px){
	.services-replace-card-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.services-replace-card-page .web-panel{
		width: 432px;
		padding: 0 20px 0 24px !important;
		height: 72px;	}
	.services-replace-card-page .web-panel > span:first-child{
		width: 151px;	}
	.services-replace-card-page .web-panel > span:first-child .ett-labl.pri{
		width: 120px;
		word-break: break-word;
		display: block;
		line-height: 1.5 !important;	}
	.services-replace-card-page .web-panel > span:nth-child(2) .ett-labl.pri{
		line-height: 1.5 !important;	}
}
@media (max-width: 850px){
	.services-replace-card-page .web-panel{
		width: 468px;	}
	.services-replace-card-page .web-panel > span:first-child .ett-labl.pri{
		width: auto;
		padding-right: 10px;	}
}
@media (max-width: 750px){
	.services-replace-card-page .web-panel{
		width: 100%;
		align-items: flex-start;
		height: 75px;
		flex-direction: column;
		padding: 0 16px !important;	}
	.services-replace-card-page .web-panel > span:nth-child(2) .ett-labl.pri{
		font-size: 10px;
		display: block;
		width: 95%;
		white-space: nowrap;
		margin-top: 3px;	}
	.services-replace-card-page .web-panel > span:last-child svg{
		top: -30px;
		position: relative;	}
	.services-replace-card-page .web-panel > span:first-child .ett-labl.pri{
		width: 100%;
		padding-right: 0;	}
	.services-replace-card-page .web-panel > span:first-child{
		margin-top: 16px;	}
}

/*-------------------------------------------------- Open Close Account responsive styles ----------------------------------------------------*/

@media (max-width: 1800px){
	.services-close-account-page.exceed-daily-limit-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.services-close-account-page.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
		padding: 26px 28px 29px !important;
	    margin-bottom: 24px !important;	}
	.services-close-account-page.exceed-daily-limit-page .crt-form.hor.pri .web-panel .flb{
		line-height: 1.4 !important;	}
	.services-close-account-page .web-select{
		width: 408px !important;	
		padding: 0 20px;	}
	.services-close-account-page.web-close-accounts-row > div:first-child .crt-form{
		width: 628px;	}
}

@media (max-width: 1050px){
	.services-close-account-page.web-close-accounts-row > div:first-child{
		padding: 40px 24px 40px 32px !important;	}
	.services-close-account-page.web-close-accounts-row > div:first-child .crt-form{
		width: 100%;	}
	.services-close-account-page.exceed-daily-limit-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.services-close-account-page.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
		padding: 25px 24px 22px !important;
		margin-bottom: 16px !important;	}
	.services-close-account-page.web-close-accounts-row > div:first-child .crt-form:last-child .srb.pri > span:last-child > .srb.pri:first-child .ett-para.pri,
	.services-close-account-page.web-close-accounts-row > div:first-child .crt-form:last-child .srb.pri > span:last-child > .srb.pri:last-child .ett-para.pri{
		font-size: 10px;	}	
	.services-close-account-page .web-select{
		width: 318px !important;	}
}
@media (max-width: 850px){
	.services-close-account-page.web-close-accounts-row > div:first-child .crt-form{
		width: 468px;	}
	.services-close-account-page .web-select{
		width: 304px !important;	}
}
@media (max-width: 750px){
	.services-close-account-page.web-close-accounts-row > div:first-child{
		padding: 28px 16px !important;	}
	.services-close-account-page.web-close-accounts-row > div:first-child .crt-form{
		width: 100%;	}
	.services-close-account-page.web-close-accounts-row > div:first-child .crt-form:last-child .srb.pri{
		flex-direction: column;	}
	.services-close-account-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child .srb.pri:first-child > span:last-child > .srb.pri:first-child{
		display: none;	}
	.services-close-account-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child .srb.pri:first-child > span:first-child{
		margin-bottom: 14px;
		margin-top: 16px;	}
	.services-close-account-page .web-select{
		width: 100% !important;
		display: flex;
		align-items: center;}
	.services-close-account-page .web-select > span{
        display: flex;
        align-items: center;
        height: 100%;}
	.services-close-account-page.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
		padding: 17px 16px 14px !important;	}
}

/*------------------------------------------- Services Break Term Deposit responsive styles ----------------------------------------------------*/

@media (max-width: 1800px){
	.services-break-deposit-page.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
		padding: 29px 28px 26px !important;	}
	.services-break-deposit-page .web-panel .srb.pri:nth-child(2){
		margin-top: 17px;	}
}
@media (max-width: 1050px){
	.services-break-deposit-page.exceed-daily-limit-page .crt-form.hor.pri .web-panel{
	    padding: 25px 24px 22px !important;
	    margin-bottom: 16px !important;	}
}

/*------------------------------------------------------- Closed travel notifications responsive styles --------------------------------------*/

@media (max-width: 1800px){
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open{
		padding-top: 26px !important;	}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child){
		margin-top: 16px;
		padding-top: 30px;
		padding-bottom: 27px;	}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(3){
		height: 28px;	}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child) > span > .srb.pri:last-child{
		margin-top: 33px;	}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:last-child{
		height: 57px;
		padding-left: 20px;	}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child){
		margin-top: 22px;
		padding-bottom: 30px;	}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2) .ett-para.pri{
		margin-top: 23px;	}
}
@media (max-width: 1050px){
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open{
	    padding: 22px 24px 24px !important;	}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child){
		margin-top: 14px;
	    padding-bottom: 26px;	}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child) > span > .srb.pri:last-child{
		margin-top: 29px;	}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2) .ett-para.pri{
		margin-top: 22px;}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:last-child{
		padding-left: 16px;	}
}
@media (max-width: 850px){
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child){
		padding-top: 26px !important;	}
}
@media (max-width: 750px){
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open{	
		padding: 11px 16px 20px !important;	}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child){
		margin-top: 27px;
    	padding-top: 23px !important;}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span{
		width: 100%;	}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span > .srb.pri > span{
		/*width: 50%;open-close	*/
	    
	}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span > .srb.pri{
		display: flex;
		flex-wrap: wrap;		}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span:last-child{
		margin-top: 0;	}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span:last-child > .srb.pri > span:last-child{
		/*margin-top: 0px;open-close	*/
	    
	}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n + 2):not(:last-child) > span > .srb.pri:last-child{
		margin-top: 0;	}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span:last-child > .srb.pri:last-child > span{
		/*margin-left: auto;*/
		/*margin-top: -58px; open-close	*/
	    
	}
	.closed-travel-notifications-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:last-child{
		padding-left: 12px;
		padding-right: 20px;
		padding-top: 14px;
		padding-bottom: 14px;
		height: auto;	}
	.closed-travel-notifications-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-child(n+2):not(:nth-last-child(2)){
		line-height: 1.5 !important;	}
}


/*------------------------------------------------------ Dashboard recent transactions styles -------------------------------------------------*/

.savings-acct-selected .accdetails{
    background-image: none !important;
    background: linear-gradient(180deg, #001b22 0%, #134860 73%, #376f88 0%) !important;}
.savings-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active:focus,
.savings-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active:hover{
    background-color: linear-gradient(to bottom, #061a23 8%, #11455d 71%, #376f88 8%) !important;}
.payhome-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active:focus,
.payhome-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active:hover{
    background-color: linear-gradient(to bottom, #061924 8%, #14175d 71%, #444998 8%) !important;}
.payhome-acct-selected .accdetails{
	background-image: none !important;
	background: linear-gradient(180deg, #011622 0%, #161660 73%, #444998 0%) !important;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .plt-simp:nth-child(n+2) .crt-list > ul > li > span > .srb.pri > span:first-child img,
.accounts-recent-txn-container + div .crt-list > ul > li > span:first-child img{
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .common-widget-header .ett-hypl.pri{
	padding-right: 32px;}
.dashboard .widegt{
	border-radius: 24px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget{
	padding: 30px 36px 28px !important;
	overflow: hidden;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(2){
    width: calc(30% - 28px);}
.dashboard-page .recent-trans-widget .common-widget-header{
	border-bottom: none;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child .ett-labl.pri{
	font-size: 16px;
	color: #212121;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri{
	background: rgba(246, 246, 246, 0.56);
	height: 48px;
	margin-left: -28px;
	width: calc(100% + 56px);}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .common-widget-header{
	padding-bottom: 14px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .plt-simp:nth-child(n+2) .crt-list > ul > li > span > .srb.pri > span:nth-child(2) .ett-para.pri:last-child{
	display: block;
	font-size: 12px;
	color: #575757;
	margin-top: 5px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li{
	display: flex;
	align-items: center;}
.recent-trans-widget .trans-status .ett-para.pri.success{
    background: #F2F8F4;
    color: #1F7F34;
    box-shadow: 0 0 0 0.5px #1f7f34;
    border-radius: 24px;
    width: 69px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;}
.dashboard-page .recent-trans-widget .trans-money .ett-para.pri{
		font-weight: 700;}
.dashboard-page .recent-trans-widget .trans-date .ett-para.pri{
    font-weight: 700;
    color: #212121;}
.dashboard-page .recent-trans-widget .close-list{
    display: flex;
    align-items: center;
	padding-bottom: 14px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div{
	height: 100%;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp:nth-child(n+2){
	height: calc(100% - 105px);}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp:nth-child(n+2) > .pst-simp{
	height: 100%;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp:nth-child(n+2) > .pst-simp .crt-list{
    height: 100%;
    overflow: auto;
    margin-left: -28px;
    margin-right: -28px;
    padding-top: 13px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp:nth-child(n+2) > .pst-simp .crt-list ul{
	max-width: 100%;
    display: block;}
.dashboard-page .recent-trans-widget .close-list > span:first-child{
	padding-left: 28px;}
.dashboard-page .recent-trans-widget .close-list > span:nth-child(2){
    padding-left: 32px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri > span:first-child .ett-labl.pri{
	padding-left: 28px;}
.dashboard-page .widget{
	padding: 38px 36px;
	border-radius: 24px;}
.dashboard-page .widget.offers-widget .slider-btn li:first-child .ett-bttn.tsp{
	left: -54px;}
.dashboard-page .offers-widget img{
	box-shadow: none !important;
	border-radius: 0 !important;}
.dashboard-page .widget.offers-widget .slider-btn .ett-bttn.tsp.swiper-button-next{
	right: -56px;}
.dashboard.dashboard-page .widget-container.var1 > .srb.pri:not(:nth-child(2)) .widget .plt-simp:first-child .crt-form > .srb.pri > span:last-child{
	padding-right: 32px;}
.dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri ul li{
    margin: 34px 0 0;
    display: flex;
    align-items: center;}
.dashboard-page .recent-trans-widget .trans-name .ett-para.sec{
	margin-top: 6px;}
.dashboard-page .recent-trans-widget.upcoming-bill{
	overflow: hidden;}
.dashboard-page .recent-trans-widget.upcoming-bill .common-widget-header{
    padding-bottom: 6px;}
.upcoming-bill .crt-list.pri ul li > span.trans-money .ett-para.pri{
	color: #212121;
	font-weight: 700;
	opacity: 1;
	}
.dashboard-page .widget.offers-widget .slider-btn .ett-bttn.tsp{
	background-size: 24px 24px;}
.widget-container.var1 > .srb.pri:nth-child(2) .widget{
	padding: 30px 36px 35px;}
.dashboard-page .quick-transfer-panel .common-widget-header .ett-bttn.sec{
	top: 0;}
.dashboard-page .quick-transfer-panel .common-widget-header{
	padding-bottom: 16px;
	display: flex;
	align-items: center;}
.dashboard-page .quick-transfer-panel .common-widget-header > span:last-child{
	flex-shrink: 0;}
.dashboard-page .quick-transfer-panel .swap-icon .srb.eoc.wrapped .etw-100.eic{
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.dashboard-page .quick-transfer-panel .amount-field{
	margin-top: 14px;
    padding-top: 40px !important;}
.dashboard-page .quick-transfer-panel .amount-field .ett-inpt.ter{
	width: 100%;}
.dashboard-page .quick-transfer-panel .amount-field .crt-form > .srb.pri{
	display: flex;
	justify-content: space-between}
.dashboard-page .quick-transfer-panel .amount-field .crt-form > .srb.pri > span:first-child{
	margin-right: 64px;}
.dashboard-page .widget.offers-widget .swiper-pagination{
	margin: 60px auto 0 !important;}
.dashboard-page .widget.offers-widget .swiper-pagination-bullet{
	width: 8px;
	height: 8px;}
.dashboard-page .widget.offers-widget .swiper-pagination-bullet-active{
	  width: 20px;}
.dashboard.dashboard-page .widget.offers-widget .slider-btn .ett-bttn.tsp:hover{
	border-color: transparent !important;}
.dashboard-page .recent-trans-widget .close-list > span:nth-child(2) .ett-para.pri:first-child{
    max-width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;}

/*--------------------------------------------------- Block/replace card responsive styles ---------------------------------------------------*/

@media (max-width: 1800px){
	.block-replace-card-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.block-replace-card-page .web-panel{
		height: 68px !important;
		padding-left: 24px !important;}
	.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel{
		padding: 35px 24px 19px 24px !important;	}
	.block-replace-card-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child .ett-para.pri{
		font-size: 14px;	}
	.block-replace-card-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
		padding-left: 0;	}
	.block-replace-card-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child .ett-bttn{
		font-size: 14px;	}
}
@media (max-width: 1050px){
	.block-replace-card-page.web-close-accounts-row .web-select{
		width: 100% !important;	}
	.block-replace-card-page .web-panel{
	    height: 57px !important;
	    padding-left: 20px !important;	}
	.block-replace-card-page .crt-form.hor.pri .web-page-heading label.flb{
	    margin-bottom: 21px;	}
}
@media (max-width: 850px){
	.block-replace-card-page .raise-dispute-form > .srb.pri > span:first-child label{
		width: auto;	}
}
@media (max-width: 750px){
	.block-replace-card-page .raise-dispute-form > .srb.pri:last-child > span:first-child{
		padding-top: 0;	}
	.block-replace-card-page .web-panel{
		border-radius: 8px;	}
	.block-replace-card-page .raise-dispute-form > .srb.pri:last-child .web-panel{
		border-radius: 12px;
		padding: 30px 16px 19px !important;}
}

/*--------------------------------------------------- Dashboard transactions responsive styles ------------------------------------------------*/

@media (max-width: 1800px){
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget{
		padding: 23px 32px 24px !important;}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(2){
	    width: calc(36% - 28px);}	
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(3){
	    width: 82px;	}	
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(2){
		padding-left: 28px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .common-widget-header{
		padding-bottom: 13px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri{
		height: 40px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child .ett-labl.pri{
		font-size: 14px;	}
	.recent-trans-widget .trans-logo svg, .recent-trans-widget .trans-logo img{
		width: 40px !important;
		height: 40px !important;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .common-widget-header .ett-hypl.pri{
		padding-right: 24px;	}
	.dashboard-page .recent-trans-widget .trans-status .ett-para.pri.success{
		width: 61px;
		height: 20px;
		font-size: 12px;	}
	.recent-trans-widget .trans-date .ett-para.pri,
	.recent-trans-widget .trans-money .ett-para.pri{
		font-size: 14px !important;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span:first-child{
		width: 50%;	}
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(2){
		width: calc(31% - 7px);	}
	.dashboard-page .recent-trans-widget .close-list > span:first-child{
		flex-shrink: 0;	}
	.dashboard-page .recent-trans-widget .close-list{
		padding-bottom: 10px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp:nth-child(2){
		height: calc(100% - 79px);	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp:nth-child(2) > .pst-simp .crt-list{
		padding-top: 5px;
		margin-right: -24px;
        margin-left: -24px;	}
	.dashboard-page .recent-trans-widget.upcoming-bill,
	.dashboard-page .offers-widget{
		padding: 32px 32px 31px !important;	}
	.dashboard-page .recent-trans-widget.upcoming-bill .plt-simp:first-child .crt-form > .srb.pri > span:last-child{
		padding-right: 8px !important;	}
	.dashboard-page .offers-widget .plt-simp:first-child .crt-form > .srb.pri > span:last-child{
		padding-right: 12px !important	}
	.dashboard-page .recent-trans-widget.upcoming-bill img{
		width: 44px !important;
		height: 44px !important;	}
	.dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri{
		margin-top: -18px;	}
	.dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri ul li{
		margin-top: 32px;	}
	.dashboard-page .widget.offers-widget .slider-btn .ett-bttn.tsp.swiper-button-next{
		right: -49px;
		background-size: 20px 20px;	}
	.dashboard-page .widget.offers-widget .slider-btn li:first-child .ett-bttn.tsp{
		left: -48px;
		background-size: 20px 20px;	}
	.dashboard-page .widget.offers-widget .swiper-pagination{
		margin-top: 23px !important;	}
	.widget-container.var1 > .srb.pri:nth-child(2) .widget{
		padding: 26px 32px 33px 32px;	}
	.dashboard-page .quick-transfer-panel .common-widget-header .ett-bttn.sec{
		width: 130px;	}
	.dashboard-page .quick-transfer-panel .common-widget-header{
		padding-bottom: 13px;	}
	.upcoming-bill .crt-list.pri ul li > span:nth-child(2){
		padding-left: 10px;	}
	.dashboard-page .quick-transfer-panel .amount-field{
		margin-top: 17px;
		padding-top: 47px !important;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span:first-child > .srb.pri > span:first-child{
		width: 46%;}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span:first-child > .srb.pri > span:nth-child(2){
	    width: 70px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .ett-bttn.sec{
	    width: 102px;
	    height: 32px;
		font-size: 14px;	}
}
@media (max-width: 1430px){
    .dashboard-page .recent-trans-widget.upcoming-bill,
	.dashboard-page .offers-widget{
		padding: 24px 32px 31px !important;	}
}
@media (max-width: 1050px){
   .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(2){
		width: calc(35% - 28px);}
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(2){
	    padding-left: 24px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget{
		padding: 24px 28px 20px !important;
		height: 349px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .common-widget-header{
        padding-bottom: 12px;}
    .dashboard.dashboard-page .widget.offers-widget{
        margin-top: 24px;
        overflow-y: inherit;
        overflow-x: visible !important;}
	.dashboard-page .recent-trans-widget.upcoming-bill, .dashboard-page .offers-widget{
	    padding: 31px 28px !important;	}
	.dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri{
		margin-top: -9px;	}
	.widget-container.var1 .widget{
		height: 309px !important;	}
	.widget-container.var1 > .srb.pri:nth-child(2) .widget{
		padding: 26px 28px 36px;}
	.dashboard-page .quick-transfer-panel .common-widget-header{
		padding-bottom: 17px;	}
	.dashboard-page .quick-transfer-panel .amount-field{
		padding-top: 39px !important;
		margin-top: 22px;	}
	.dashboard-page .recent-trans-widget.upcoming-bill img{
		width: 40px !important;
	    height: 40px !important;	}
	.dashboard-page .widget.offers-widget .slider-btn .ett-bttn.tsp.swiper-button-next{
		right: -42px;}
	.dashboard-page .widget.offers-widget .slider-btn li:first-child .ett-bttn.tsp{
		left: -42px;}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri{
		margin-left: -24px;
		width: calc(100% + 48px);	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri > span:first-child .ett-labl.pri{
		padding-left: 24px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp:nth-child(2) > .pst-simp .crt-list{
		margin-left: -24px;
		margin-right: -24px;	}
	.dashboard-page .recent-trans-widget .close-list > span:first-child, .dashboard-page .recent-trans-widget .close-list > span:nth-child(2){
		padding-left: 24px;	}
	.upcoming-bill .crt-list.pri ul li > span:nth-child(2){
		padding-left: 0;	}
	.upcoming-bill .crt-list.pri ul li > span:first-child{
		padding-right: 24px;
		flex-shrink: 0;	}
	.dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri ul li > span:nth-last-child(2){
		flex-grow: 1;	}
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(2){
		width: 33.5%;	}
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(3){
		width: 20%;	}
}
@media (max-width: 850px){
    .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(2){
		width: calc(37% - 28px);	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span:first-child > .srb.pri > span:nth-child(2){
		width: 11%;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span:first-child > .srb.pri > span:nth-child(3){
		width: 23%;	}
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(2){
		width: 28.5%;	}
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(3){
		width: 21%;	}
	.dashboard.dashboard-page{
		height: auto;
		padding-bottom: 28px;	}
}
@media (max-width: 750px){
    .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(2){
		width: 128px;	}
	.dashboard-page .widget-container .widget{
		padding: 22px 16px !important;	}
    .dashboard-page .common-widget-header{
		display: flex;
		padding-bottom: 0 !important;	}
	.dashboard-page .common-widget-header > span{
		flex: 1;
		flex-shrink: 0;
		width: auto;	}
	.dashboard-page .common-widget-header > span:last-child .ett-hypl.pri{
		padding-right: 16px !important; 	}
	.dashboard-page .recent-trans-widget.upcoming-bill .plt-simp:first-child .crt-form > .srb.pri > span:last-child,
	.dashboard-page .offers-widget .plt-simp:first-child .crt-form > .srb.pri > span:last-child{
		padding-right: 0 !important;	}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget .common-widget-header > span:first-child{
		flex-grow: 0;	}
	.dashboard-page .widget.offers-widget .slider-btn .ett-bttn.tsp.swiper-button-next{
		right: -26px;	}
	.dashboard-page .widget.offers-widget .slider-btn li:first-child .ett-bttn.tsp{
		left: -26px;	}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri{
		margin-left: -12px;
		width: auto;
		margin-top: 12px;	}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri > span:first-child .ett-labl.pri{
		padding-left: 12px;	}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri{
		display: flex;			}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri > span{
		flex-shrink: 0;
		flex: 1;
		width: auto;	}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp:nth-child(2) > .pst-simp .crt-list{
		margin-left: 0;
		margin-right: -12px;
		padding-top: 5px;
		height: calc(100% - 20px);	}
	.dashboard-page .recent-trans-widget .close-list > span:first-child{
		padding-left: 0;	}
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(2){
		padding-left: 16px;	}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:last-child .plt-simp:nth-child(2) .crt-list > ul > li > span > .srb.pri > span:nth-child(2) .ett-para.pri:last-child, .dashboard-page .recent-trans-widget .trans-name .ett-para.sec{
        font-size: 10px;
        margin-top: 2px;
        width: 80%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;}
	.dashboard-page .upcoming-bill .crt-list.pri ul li > span:first-child{
		padding-right: 16px;	}
	.dashboard-page .recent-trans-widget.upcoming-bill{
		height: 272px !important;	}
	.dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri ul li{
		margin-top: 28px;	}
	.dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri ul li:first-child{
		margin-top: 32px;	}
	.dashboard.dashboard-page .widget.offers-widget{
		margin-top: 20px;
		height: 220px !important;	}
	.dashboard.dashboard-page .widget-container.var1.dashboard.dashboard-page .widget-container.var > span:last-child{
		height: 220px;	}
	.dashboard-page .widget.offers-widget .swiper-container ul li.widget.offers-widget .swiper-container ul li{
		padding: 0;	}
	.dashboard-page .offers-widget img{
		width: 116px;
		height: 63px;	}
	.dashboard-page .widget.offers-widget .swiper-pagination{
		margin-top: -12px !important;	}
	.dashboard-page .widget.offers-widget .swiper-container ul li.widget.offers-widget .swiper-container ul li > span:first-child{
		width: auto;
	    padding-right: 20px;	}
	.dashboard.dashboard-page .widget-container.var1 > .srb.pri:nth-child(2) .widget{
        height: 473px !important;
        overflow: hidden;
        padding-top: 20px !important;}
	.dashboard-page .quick-transfer-panel .common-widget-header .ett-bttn.sec{
		width: 114px;	}
	.dashboard-page .quick-transfer-panel .common-widget-header{
		padding-bottom: 9px !important;	}
	.dashboard-page .quick-transfer-panel .from-to-account-row .quick-transfer-input-label .ett-labl{
		font-size: 10px;
		margin-bottom: 8px;
		line-height: 1;	}
	.dashboard-page .quick-transfer-panel .from-to-account-row{
		margin-top: 28px;	}
	.dashboard-page .quick-transfer-panel .from-to-account-row .ett-inpt.pri{
		padding: 0 0 0 16px;	}
	.dashboard-page .quick-transfer-panel .from-to-account-row > span:last-child{
		margin-top: 14px;	}
	.dashboard-page .quick-transfer-panel .amount-field{
		border-top: none;
		padding-top: 40px !important;
		margin-top: 0;	}
	.dashboard-page .quick-transfer-panel .amount-field .crt-form > .srb.pri{
		flex-direction: column;	}
	.dashboard-page .quick-transfer-panel .amount-field .crt-form.pri > span > span .ett-inpt.ter{
		padding-bottom: 10px;	}
	.dashboard-page .quick-transfer-panel .swap-icon .srb.eoc.wrapped .etw-100.eic{
		width: 24px !important;
		height: 24px;
		position: relative;
		top: 6px;	}
	.crt-form.ver.pri .flbl-float .flb{
		left: 0;	}
	.dashboard-page .quick-transfer-panel .from-to-account-row .swap-icon .etw-100 svg{
		width: 20px;
		height: 20px;	}
	.dashboard.dashboard-page .widget-container.var1 > .srb.pri:last-child{
		height: 220px;
		margin-top: 0;	}
	.dashboard-page .widget.offers-widget .swiper-container ul li{
		padding-left: 0;
		padding-right: 0;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .plt-simp{
		padding-bottom: 17px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget{
		height: 368px;
		padding-bottom: 20px !important;
		overflow: hidden;
		padding-top: 15px !important;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp:nth-child(2){
		height: calc(100% - 63px);	}
	.dashboard-page .recent-trans-widget .close-list{
		padding-bottom: 8px;	}
	.recent-trans-widget .trans-status .ett-para.pri.success > span{
		position: relative;
		top: -1px ;	}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri > span:first-child{	
		width: 190px !important;
		flex: 1 1 auto;	}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri > span:not(:first-child){
		width: 86px !important;
		flex: 1 1 auto;	}
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(2){
		width: 117px;
		flex: 1 0 auto;	}
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(3),
	.dashboard-page .recent-trans-widget .close-list > span:nth-child(4){
		width: 92px;
		flex: 1 0 auto;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .crt-form:nth-child(2){
		overflow-x: hidden;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .crt-form:nth-child(2)::-webkit-scrollbar{
		display: none;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .ett-bttn.sec{
	    width: 87px;
	    height: 32px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .common-widget-header > span{
		display: flex;	}
}
@media (max-width: 1050px){
	.dashboard-page .recent-trans-widget .crt-list.pri ul li .trans-date, .recent-trans-widget .close-form ul li .trans-date{
	    display: block;	}
}

/*------------------------------------------------------------ Loan account landing styles ---------------------------------------------------*/


@media (max-width: 1050px){
    .loan-account-details .everyday-account-showall .srb.pri > span:first-child{
		width: 100% !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent.loan-account-details .crt-form > .srb.pri:last-child > span:first-child{
		width: 162px;	}
	.loan-account-details .everyday-account-showall{
		bottom: -47px !important;	}
}
@media (max-width: 850px){
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent.loan-account-details .crt-form > .srb.pri:last-child > span:first-child{
        width: 220px;}
    .loan-account-details .everyday-account-showall{
        bottom: -65px !important;}   
}
@media (max-width: 750px){
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:first-child .tabcontent.loan-account-details .crt-form > .srb.pri:last-child > span:first-child{
		width: 141px;	}
    .loan-account-details .everyday-account-showall.crt-form{
        bottom: 10px !important;
        position: absolute;
    }
}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .grb.loan-account-details .web-tab .tabcontent.loan-account-details .crt-form > .srb.pri:nth-child(n+6){
	display: block;
	/*display: none;*/
}
.loan-account-details .show-all-row{
    width: 100%;
    bottom: -29px !important;}
.loan-account-details .everyday-account-showall{
	display: block !important;
	position: absolute;
	bottom: -35px;}
.loan-account-details .everyday-account-showall .ett-bttn{
	width: 118px;
	height: 40px;
	padding: 0;
	margin: 0;}
.loan-account-details .everyday-account-showall ul{
	width: 150px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;}
.loan-account-details .everyday-account-showall > .srb.pri{
	position: relative;}
.loan-account-details .everyday-account-showall > .srb.pri::before{
	position: absolute;
	content: '';
	content: none;
	height: 1px;
	width: 100%;
	background: #e8e8e8;
	top: 50%;
	transform: translateY(-50%);}
.loan-account-details.everyday-account-details{
	overflow: visible !important;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .plt-tabs + .grb::before{
    position: absolute;
    content: '';
    height: 1px;
    width: calc(100%);
    top: calc(50% - 0.5px);
    background: #e8e8e8;
    z-index: 200;}
 .web-account-landing-body .show-all-row .ett-bttn.sec{
	width: 118px !important;
	height: 40px;
	background: #fff;
	padding: 0;
	margin: 0;
	font-size: 16px;}
.web-account-landing-body .show-all-row ul{
    width: 150px !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1500;
    background: #fff;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child > div, 
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child > div > .plt-simp, 
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child > div > .plt-simp > .pst-simp, 
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child > div > .plt-simp > .pst-simp > div, 
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child > div > .plt-simp > .pst-simp > div > .grb.loan-account-details{
	height: 100%;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child > div > .plt-simp > .pst-simp > div > .grb.loan-account-details > div{
    position: relative;
    height: 100%;}

/*------------------------------------------------------- Closed Break Deposit styles ---------------------------------------------------------*/

.closed-services-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-last-child(2) > span:first-child{
	margin-left: 0;
	margin-top: 0;}
.closed-services-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-last-child(2){
	background: #FAFAFA;
	padding: 0;
	height: 67px;
	margin-top: 33px !important;
	border-left: 8px solid #E8E8E8;
	padding-left: 24px;
	border-bottom: none;
	margin-bottom: 28px;
	display: flex;
	align-items: center;}
.closed-services-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:nth-last-child(2) .ett-para.pri{
	  margin-top: 0;
	  color: #396376;
	  white-space: normal;}
@media (max-width: 1800px){
	.closed-services-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-last-child(2):not(:last-child){
		padding-top: 0 !important;
		height: 57px;
		margin-top: 30px !important;
		margin-bottom: 24px;	}
}
@media (max-width: 1050px){
	.closed-services-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-last-child(2):not(:last-child){
	  padding-bottom: 0 !important;
	  margin-top: 4px !important;
	  margin-bottom: 20px;	}
	.closed-services-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open{
		padding-bottom: 24px !important;	}
}
@media (max-width: 750px){
	.closed-services-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-last-child(2):not(:last-child){
		margin-top: 0 !important;
		padding-left: 12px;	}
}

/*-------------------------------------------------- Closed close account responsive styles -------------------------------------------------*/

@media (max-width: 1050px){
	.closed-close-account-page.closed-services-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-last-child(2):not(:last-child){
		margin-top: 26px !important;	}
}
@media (max-width: 750px){
	.closed-close-account-page.closed-services-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-last-child(2):not(:last-child){
		margin-top: 22px !important;	}
}
 

/*-------------------------------------------------- Profile Settings Dashboard styles ------------------------------------------------*/

.profile-settings-dashboard-page .crt-form.ver.pri .flb,
.profile-settings-dashboard-page .crt-form.hor.pri .flb{
	font-size: 16px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child{
	height: 100%;}
.web-page.profile-settings-dashboard-page{
	padding: 0;
	overflow-y: hidden;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child{
	max-width: 526px;
	background: #fff;
	padding: 37px 40px 40px;
	box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);
	margin-right: 0;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child{
    padding: 37px 50px 40px 40px;
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: overlay;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2){
    margin-top: 34px;
    margin-bottom: 56px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) img{
	width: 168px;
	height: 168px;
	box-shadow: 0 0 0 12px #f6f6f6;
	border-radius: 50%;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) svg{
	margin-top: -17px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) > span{
	position: relative;	}
/*.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) > span > ul:last-child{*/
/*	position: absolute;*/
/*	bottom: 0;}*/
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child, .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child{
max-height: calc(100vh - 80px);
}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .grb .crt-form > .srb.pri {
    margin-top: 12px !important;
    margin-bottom: 0px !important;
}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) > span > ul:last-child ul{
	position: relative;
	left: 50%;
	transform: translateX(-50%);}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) > span > ul:last-child .ett-bttn{
    border: 0;
    width: 40px;
    height: 40px;
    margin: 0;
    background: transparent;
    position: relative;
    opacity: 0;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) > span > ul:last-child .ett-bttn input{
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel{
    margin-bottom: 0;
    height: 100%;
    padding: 28px 36px !important;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb,
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div,
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp,
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp{
	height: 100%;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form{
	/*height: 100%;*/
	display: flex;
	flex-direction: column;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child .ett-labl.pri{
	font-weight: 700;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child .ett-para.pri{
	color: #575757;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child{
	display: flex;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:last-child{
	width: auto;
	padding-left: 16px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:nth-child(2){
	flex-grow: 1;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:first-child{
	display: flex;
	align-items: center;
	padding-bottom: 21px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 28px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:first-child .ett-para.pri{
	font-weight: 700;}
.profile-settings-dashboard-page .ett-bttn.ter{
	padding: 8px 32px 8px 20px !important;
	width: auto;
	display: flex;
	align-items: center;}
.profile-settings-dashboard-page .ett-bttn.ter svg{
	margin-right: 8px !important;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri{
	display: flex;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) >span >.srb.pri {
    margin-bottom: 20px;
}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri > span:first-child{
	  flex-shrink: 0;}
/*  .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri > span:last-child {*/
/*    width: 100%;*/
/*}*/
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri > span:first-child .ett-labl.pri{
	color: #212121;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri .ett-para.pri{
	font-weight: 500;
	word-wrap: break-word;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:last-child svg{
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.09);
    border-radius: 50%;
    position: relative;
    top: -2px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:first-child .ett-labl.pri{
    font-weight: 700;
    display: block;
    margin-bottom: 29px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri {
    flex: 1;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 34px;
    padding: 0 20px 0 10px;
    height: 64px;
    box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);
    z-index: 1000;
    flex-basis: 25%;
    margin-bottom: 36px;
    cursor: pointer;
    transition: box-shadow 0.2s;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:hover{
    box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.12);}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span ul{
	margin-bottom: 0;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span:not(:last-child){
	margin-right: 40px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri .ett-labl.pri{
    position: relative;
    top: 2px;
    font-weight: 700;
    line-height: 1.3;
    display: block;
    cursor: pointer;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2){
	overflow: hidden;
	display: block;
	margin-left: -40px;
	margin-top: -32px;
	padding-left: 40px;
	padding-top: 32px;
	width: calc(100%);
	padding-right: 50px;
	box-sizing: content-box;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2){
    position: relative;
	border-top: 1px solid #e8e8e8;
	padding-top: 44px;
	/*flex-grow: 2;*/
	flex-shrink: 0;
	margin-bottom: 40px;
	min-height: 335px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2){
	display: flex;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div{
	background: #fff;
	border-radius: 24px;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.06);
	padding: 37px 36px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div{
	height: auto;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div{
	height: 100%;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div:first-child{
	margin-right: 40px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div .crt-form > .srb.pri:first-child .ett-labl.pri{
	font-weight: 700;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child{
	  position: absolute;
	  top: -50px;
	  left: 0;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child .ett-imge {
    position: relative;
    z-index: 1500;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri.expand-row:nth-child(2){
    max-height: none;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div:first-child .crt-form:last-child > .srb.pri:first-child svg.icon-expanded{
    transform: rotateZ(180deg);
    transition: transform 0.3s linear;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div .crt-form:first-child > .srb.pri:first-child{ 
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 16px;
	margin-bottom: 25px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child,
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:first-child{
	padding: 37px 36px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div .crt-form > .srb.pri:first-child{
	margin-bottom: 23px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:nth-child(2) .ett-para.pri{
	color: inherit !important;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp{
	height: 100%;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp > .pst-simp{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list{
	flex-grow: 1;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child{
	padding-bottom: 16px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child .srb.pri:last-child .ett-bttn.sec{
    padding: 0;
    margin: 0;
    width: 118px;
    height: 40px;
    z-index: 1000;
    position: relative;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li{
	display: flex;
	align-items: center;
	margin-bottom: 29px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li > span:nth-child(2) .ett-para.pri:last-child{
	display: block;
	font-size: 12px;
	color: #575757;
	margin-top: 6px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li > span:first-child{
	width: auto;
	padding-right: 32px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:nth-child(2) ul:last-child .ett-labl.pri{
	font-size: 12px;
	color: #575757;
	position: relative;
	top: -1px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:nth-child(2) ul:first-child .ett-labl.pri{
	color: #212121;
	font-size: 16px;
	font-weight: 500;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2){
    margin-bottom: 24px;
    display: flex;
    align-items: center;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:last-child{
	position: relative;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:last-child::before{
	position: absolute;
	height: 1px;
	width: 100%;
	background: #e8e8e8;
	content: '';
	top: calc(50%);}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:nth-child(2){
	padding-left: 14px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:nth-child(3){
	border-top: 1px solid #e8e8e8;
	margin-top: 3px;
	padding-top: 25px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:nth-child(3) > span:first-child ul:first-child .ett-para.pri{
	font-weight: 700;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:nth-child(3) > span:first-child ul:last-child .ett-para.pri{
	font-size: 12px;
	color: #575757;
	position: relative;
	top: -3px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:nth-child(3) .ett-bttn.sec{
	width: 110px;
	height: 40px;
	padding: 0;
	margin: 0;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child{
	padding-bottom: 13px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child > .plt-simp,
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child > .plt-simp > .pst-simp{
	height: 100%;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child > .plt-simp > .pst-simp > .crt-form{
	height: 100%;
	display: flex;
	flex-direction: column;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2) svg{
	width: 140px;
	height: 128px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2){
	display: flex;
	align-items: center;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2) > span:first-child{
	width: 168px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2) > span:last-child{
	flex-grow: 1;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:nth-child(4){
	position: relative;
    flex-grow: 1;
    display: flex;
    align-items: flex-end;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:nth-child(4)::before{
	position: absolute;
	height: 1px;
	width: 100%;
	background: #e8e8e8;
	content: '';
	top: calc(50% + 4px);}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:nth-child(4) .ett-bttn.sec{
    padding: 0;
    margin: 0;
    width: 118px;
    height: 40px;
    z-index: 1000;
    position: relative;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:first-child .ett-hypl.pri{
    color: #0A6ED1;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 500;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:last-child{
	margin-bottom: 0;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child{
	padding-bottom: 25px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2) > span:last-child > ul:first-child{
    margin-bottom: 0;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:first-child{
	margin-bottom: 14px;}
.profile-settings-dashboard-page .icon-expanded svg{
	transform: rotateZ(180deg);}
.profile-settings-dashboard-page .icon-expanded svg path:last-child{
	fill: #0a6ed1;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child svg{
	transition: transform 0.3s linear;
	cursor: pointer;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel .ett-para.pri,
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel .ett-labl.pri{ 
	line-height: 1.5 !important;
	display: block;}

.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb{
	margin-left: -40px;
	margin-right: -40px;
	padding-left: 40px;
	padding-right: 40px;
	overflow-y: overlay;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(7),
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(8),
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(9){
	margin-bottom: 32px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:not(:nth-child(3n+3)){
	margin-right: 40px;}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri > span:first-child{
	width: 68px;
	flex-shrink: 0;}

/*----------------------------------------------------- Manage PayId styles ----------------------------------------------------------*/

.manage-payid-page .web-panel{
	/*width: 605px !important;*/
	min-height: 80px;
	padding: 0 32px !important;}
.manage-payid-page .crt-list > ul > li{
	display: flex;
	align-items: center;
	margin-bottom: 20px;}
.text--blue{
	color: #396376 !important;
	font-weight: 500 !important;}
.manage-payid-page .crt-list > ul > li > span:first-child{
    align-items: center;
    /*width: 290px;*/
    flex-shrink: 0;}
.manage-payid-page .crt-list > ul > li > span:first-child .ett-para.pri{
	padding-left: 20px;
    max-width: 100%;
}
.manage-payid-page .crt-form:last-child .srb.pri.web-panel{
	height: 68px;}
.manage-payid-page .crt-list > ul > li > span:nth-child(2) .ett-para.pri{
    color: #575757;
    white-space: nowrap;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;}
.manage-payid-page .crt-list > ul > li:last-child{
	margin-bottom: 40px;}

/*--------------------------------------------------- Manage Payid status modal styles -------------------------------------------------*/

.manage-payid-status-modal .crt-form > .srb.pri:nth-child(2) svg{
	width: 280px;
	height: 280px;
	margin-top: 142px;}
.manage-payid-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	padding-top: 29px !important;}
.manage-payid-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child .flb{
	font-size: 16px;}
@media (max-width: 1800px){
    .manage-payid-status-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child .flb{
	    font-size: 14px;}
}

/*----------------------------------------------------- Manage payid modal styles ----------------------------------------------------*/

.manage-payid-modal.web-modal.modal.in .modal-window{
	background: #fff !important;}
.manage-payid-modal .crt-form.hor.pri .flb{
	font-size: 16px;
	color: #575757;}
.manage-payid-modal .crt-form > .srb.pri:first-child,
.manage-payid-modal .crt-form > .srb.pri:nth-child(5){
	height: 83px;
	margin-bottom: 29px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	margin-top: 29px;}
.manage-payid-modal .crt-form > .srb.pri:not(:last-child) > span:first-child{
	vertical-align: top;
	width: 178px;}
.manage-payid-modal .crt-form > .srb.pri:first-child > span:first-child,
.manage-payid-modal .crt-form > .srb.pri:nth-child(5) > span:first-child{
	vertical-align: middle}
.manage-payid-modal.web-modal .modal-cnt{
		padding-top: 4px !important;}
.manage-payid-modal .crt-form > .srb.pri:nth-child(2), 
.manage-payid-modal .crt-form > .srb.pri:nth-child(3), 
.manage-payid-modal .crt-form > .srb.pri:nth-child(4){
    margin-bottom: 20px;
    display: flex;}
.manage-payid-modal .crt-form > .srb.pri:nth-last-child(2) .ett-bttn.ter{
	  width: auto !important;
	padding: 12px 32px 12px 20px;
	display: flex;
	align-items: center;
	margin-top: 26px;}
.manage-payid-modal .crt-form > .srb.pri:first-child .ett-labl.pri, 
.manage-payid-modal .crt-form > .srb.pri:nth-child(5) .ett-labl.pri{
	color: #396376;
	font-weight: 500;}
.manage-payid-modal .crt-form > .srb.pri:nth-child(2) > span:first-child .ett-labl.pri, 
.manage-payid-modal .crt-form > .srb.pri:nth-child(3) > span:first-child .ett-labl.pri,
.manage-payid-modal .crt-form > .srb.pri:nth-child(4) > span:first-child .ett-labl.pri{
	color: #575757;}
.manage-payid-modal .crt-form > .srb.pri:nth-child(2) .ett-para.pri, 
.manage-payid-modal .crt-form > .srb.pri:nth-child(3) .ett-para.pri,
.manage-payid-modal .crt-form > .srb.pri:nth-child(4) .ett-para.pri{
	font-size: 16px;
	font-weight: 700;}
.manage-payid-modal .crt-form > .srb.pri:nth-last-child(3){
	padding-right: 34px;}
.manage-payid-modal .crt-form > .srb.pri:nth-last-child(2) .ett-bttn.ter svg{
	margin-right: 8px;}

/*---------------------------------------------------- Communication preferences styles ---------------------------------------------------*/


.communication-prefrences-page .ett-chek.hor.pri > span,
.communication-prefrences-page .ett-chek.hor.pri input[type="checkbox"] + label::before{
    margin-right: 0;}
.communication-prefrences-page .crt-form.hor.pri .web-page-heading label.flb{
    margin-bottom: 29px !important;}
.communication-prefrences-page .web-panel{
    padding: 29px 32px 26px !important;
    margin-bottom: 32px;
    /*width: 605px !important;*/
}
.communication-prefrences-page .web-panel .crt-form > .srb.pri:nth-child(2){
    margin-bottom: 22px;
    margin-top: 22px;
    padding-top: 25px;
    padding-bottom: 22px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    line-height: 1.5;}
.communication-prefrences-page .ett-chek.hor.pri input[type="checkbox"]:checked + label::before{
    border-radius: 2px;}
.communication-prefrences-page .web-panel .crt-form > .srb.pri:first-child .flb,
.communication-prefrences-page .web-panel .crt-form > .srb.pri:nth-child(n+3) .flb{
    color: #212121;
    font-weight: 700;}
.communication-prefrences-page .web-panel .crt-form > .srb.pri:last-child .srb.pri{
    margin-bottom: 0 !important;}
.communication-prefrences-page .grb:nth-child(3) .crt-form > .srb.pri:first-child{
    display: flex;
    align-items: center;}
.communication-prefrences-page .grb:nth-child(3) .crt-form > .srb.pri:first-child > span:nth-child(2) .flb{   
    left: 45px;
    position: relative;
    top: 1px;}

/*---------------------------------------------------------- Account limits styles ----------------------------------------------------------*/

.account-limits-page .web-select,
.account-limits-page .web-panel{
	width: 100%;}
.account-limits-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
	align-items: flex-start;
	text-align: left;
	padding: 20px 16px 18px 20px !important;
	border-radius: 16px;
	margin-top: 0;}
.account-limits-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child .ett-labl.pri{
	font-size: 16px;
	line-height: 1.5;
	color: #212121;}
.account-limits-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child > span:first-child{
	width: 36px;}
.account-limits-page .raise-dispute-form > .srb.pri:nth-child(n+2) > span:nth-child(2) > .srb.pri:not(:nth-child(2)) .ett-labl.pri{
    font-size: 12px;
    margin-bottom: 9px;
    display: block;
    line-height: 1;}
.account-limits-page .raise-dispute-form > .srb.pri:nth-child(n+2) > span:nth-child(2) > .srb.pri:not(:nth-child(2)) .ett-para.pri{
    font-size: 12px;
    margin-top: 12px;
    display: block;
    color: #575757;
    line-height: 1;}
.account-limits-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.account-limits-page .web-select .ett-para.pri{
	font-weight: 700;}
.account-limits-page .raise-dispute-form > .srb.pri{
	align-items: center;}
.account-limits-page .raise-dispute-form > .srb.pri:last-child > span:first-child{
	padding-top: 0;}
.account-limits-page .raise-dispute-form > .srb.pri:last-child > span:first-child ul{
	margin-bottom: 0;}
.account-limits-page .raise-dispute-form > .srb.pri:nth-child(2) > span:first-child .ett-labl.pri{
    width: 48%;
    display: block;
    line-height: 1.5;}
.account-limits-page .ecn > .syl > span{
	top: 3px;
	left: 0;
	color: #212121;
	font-weight: 700;
	font-size: 16px;}
.account-limits-page.web-close-accounts-row .web-select input{
	position: relative;
	top: 2px;
	font-weight: 700;
	padding-left: 16px !important;}

/*------------------------------------------------------- Select Limit modal styles ------------------------------------------------*/

.select-limit-modal.web-modal .modal-cnt{
	border-top: 1px solid #e8e8e8;
	margin-top: 33px;
	overflow: visible !important;}
.select-limit-modal .ett-rdio.hor.pri input[type=radio] + label:before,
.select-limit-modal .ett-rdio.hor.pri > span{
	margin-right: 0;}
.select-limit-modal .etb-rdio.hor.pri > span:last-child{
	display: none;}
.select-limit-modal .grb:first-child .crt-list:first-child > ul > li{
	background: #fff;
	height: 56px;
	margin-bottom: 24px;
	border-radius: 28px;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);
	padding: 0 26px 0 32px;
	display: flex;
	align-items: center;
	cursor: pointer;}
.select-limit-modal .grb:first-child .crt-list .ett-para.pri{
    font-weight: 700;
    position: relative;
    top: 3px;}
.select-limit-modal.web-modal .modal-cnt > .grb:first-child{
	margin-left: -50px;
	margin-right: -50px;
	padding-left: 50px;
	padding-right: 50px;}
.select-limit-modal .grb:first-child .crt-list > ul > li ul{
	margin-bottom: 0 !important;}
.select-limit-modal .grb:first-child .crt-list:first-child > ul > li.selected{
	border: 1px solid #005587;}
.select-limit-modal .grb:first-child .crt-list:first-child > ul > li.selected .app-radio .ett-rdio.hor.pri input[type=radio] + label:before{
	border-color: #005587;} 
.select-limit-modal .grb:first-child .crt-list:first-child > ul > li.selected .app-radio .ett-rdio.hor.pri input[type=radio] + label:after{
	width: 10.3px;
	height: 10.3px;
	position: absolute;
	content: '';
	border-radius: 50%;
	background: #005587;
	left: 5px;}
.select-limit-modal .grb:first-child .crt-list:first-child > ul > li.selected p::after{
	position: absolute;
	content: '(Current)';
	margin-left: 5px;}

/*-------------------------------------------------------- DataSharingLaunch styles ------------------------------------------------------*/


.data-sharing-page .web-panel{
	display: flex;
	align-items: center;
	height: 88px;
	padding: 0 32px !important;
	/*width: 605px;*/
	margin-bottom: 20px;}
.data-sharing-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.data-sharing-page .web-panel > span:last-child svg{
	width: 24px;
	height: 24px;}
.data-sharing-page .web-panel > span:first-child{
	  width: 68px;}
.data-sharing-page .web-panel > span:nth-child(2){
	flex-grow: 1;}
.data-sharing-page .web-panel > span:nth-child(2) ul:last-child .ett-labl.pri{
	font-size: 12px;
	color: #575757;
	margin-top: 8px;
	display: block;}
.data-sharing-page .web-panel > span:nth-child(2) ul:first-child .ett-labl.pri{
	color: #212121;
	line-height: 1;
	display: block;
	font-weight: 500;}
.data-sharing-page .crt-form.hor.pri 
 .web-panel ul.srb.eoc{
	margin-bottom: 0;}
.data-sharing-page .web-panel > span:first-child svg {
    /*background: #005587;*/
    border-radius: 50%;
}
/*------------------------------------------------ EditMyDetails styles -------------------------------------------------------------*/

.edit-my-details-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.edit-my-details-page .web-panel{
	padding: 22px 32px 21px 32px !important;
	margin-bottom: 20px;
	width: 734px;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child{
    align-items: center;
    height: 44px;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:nth-last-child(2){
	flex-grow: 1;
	position: relative;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:first-child ul:last-child .ett-labl.pri{
	font-size: 12px;
	color: #575757;
	line-height: 1;
	display: block;
	margin-top: 4px;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:first-child > .srb.pri .ett-labl.pri{
	line-height: 1;
	display: block;
	color: #212121;
	font-weight: 700;
	white-space: nowrap;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child .ett-bttn.sec{
	width: 110px;
	height: 40px;
	padding: 0;
	margin: 0;
	font-weight: 700;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:last-child{
    width: 52px;
    border-left: 1px solid #e8e8e8;
    margin-left: 28px;
    display: flex;
    align-items: center;
    height: 100%;}
.edit-my-details-page .ett-bttn.ter{
	  width: 116px;
	  height: 40px;}
.edit-my-details-page .ett-bttn.ter > span{
	top: -2px;
	position: relative;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(2){
	padding-top: 33px;
	border-top: 1px solid #e8e8e8;
	margin-top: 17px;
	margin-bottom: 31px;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(n+2) .ett-labl.pri{
	font-size: 14px !important;
	color: #575757;
	margin-bottom: 18px;
	display: block;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(n+2) .ett-para.pri{
	color: #212121;
    font-weight: 700;
    width: 100%;
    display: block;
    word-wrap: break-word;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:last-child{
	margin-bottom: 9px;}
.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:first-child .ett-labl.pri{
	font-size: 16px;
	color: #212121;
	font-weight: 700;}
.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:first-child{
    padding-top: 5px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 52px;}
.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+2):not(:last-child){
	margin-bottom: 63px;
	display: flex;
	align-items: flex-end;}
.edit-my-details-page  .datepicker .ecn > .cil > .ett-inpt.ter{
	margin-bottom: 0;}
.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+2):not(:last-child) > span:not(:first-child){
	margin-left: 40px;}
.edit-my-details-page .crt-form:nth-child(2n) .ett-inpt{
	font-weight: 700;}
.edit-my-details-page .crt-form:nth-child(2n).ver.pri .flbl-float .flb{
	left: 0 !important;}
.edit-my-details-page .crt-form:nth-child(2) .web-panel > span > .srb.pri:nth-child(4):not(:last-child){
	margin-bottom: 40px !important;}
.edit-my-details-page .crt-form:nth-child(n+2) .web-panel > span > .srb.pri:nth-last-child(2){
	margin-bottom: 28px !important;
	padding-bottom: 42px;
	border-bottom: 1px solid #e8e8e8;}
.edit-my-details-page .web-dropdown .ett-slct.ter{
	border-bottom: none;}
.edit-my-details-page .web-dropdown .ett-slct.ter .sub-elt{
	border-bottom: 1px solid #c2c2c2;}
.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:last-child{
	  display: flex;
	  align-items: center;
	  margin-bottom: 8px;}
.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:last-child .ett-bttn.sec{
	width: 110px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	margin-right: 24px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(3) > span:nth-child(2n+1),
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(4) > span:nth-child(2n+1){
	width: 78px;
	flex-shrink: 0;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(3) > span:nth-child(2n+1) .web-dropdown .ett-slct.ter::before, 
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(4) > span:nth-child(2n+1) .web-dropdown .ett-slct.ter::before{
	background-image: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-dropdown-caret-arrow.svg") !important;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child > .srb.pri > span > .srb.pri:first-child{margin-bottom: 27px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child .ett-labl.pri{
	font-size: 16px;}
.edit-my-details-page .ett-chek.hor.pri input[type=checkbox] + label,
.edit-my-details-page .ett-chek.hor.pri input[type="checkbox"] + label::before,
.edit-my-details-page .ett-chek.hor.pri > span{
	margin: 0;
	margin-right: 0 !important;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(2){
	display: flex;
	align-items: center;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(2) > span:first-child .ett-labl.pri{
	color: #575757;
	font-weight: normal;
	font-size: 14px;}
.edit-my-details-page .app-radio .ett-rdio.hor.pri input[type=radio] + label:before{
	margin-right: 18px;}
.edit-my-details-page .app-radio .ett-rdio.hor.pri input[type=radio] + label{
	font-size: 16px;
	margin: 0;}
.edit-my-details-page .ett-rdio.hor.pri > span:last-child{
	margin-right: 0;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child > .srb.pri > span > .srb.pri:nth-last-child(3){
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 48px;
	height: 88px;
	display: flex;
	align-items: center;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child > .srb.pri > span > .srb.pri:nth-last-child(4){
	margin-bottom: 42px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child .ecn > .icr > svg{
	right: 0;}
.edit-my-details-page .ett-chek.hor.pri input[type="checkbox"] + label::before{
    width: 18px;
    height: 18px;
    border: 2px solid #212121;
    border-radius: 3px;}
.edit-my-details-page .grb:last-child .crt-form:last-child .web-panel > span > .srb.pri:nth-last-child(2){
	margin-top: 48px !important; 	}
.edit-my-details-page .grb:last-child .crt-form:last-child .web-panel > span > .srb.pri:nth-child(3){
	margin-bottom: 32px;}
.edit-my-details-page .grb:last-child .crt-form:last-child .web-panel > span > .srb.pri:nth-child(4), .edit-my-details-page .grb:last-child .crt-form:last-child .web-panel > span > .srb.pri:nth-child(5),.edit-my-details-page .grb:last-child .crt-form:last-child .web-panel > span > .srb.pri:nth-child(6){
	margin-bottom: 58px !important;}
.edit-my-details-page .datepicker .ecn > .cil > .ett-inpt.ter{
    color: #212121;
    opacity: 1;
    font-weight: 700;}
.edit-my-details-page .datepicker .ecn > .cil > .ett-inpt.ter{
    color: #212121;
    opacity: 1;
    font-weight: 700;}
.edit-my-details-page .web-panel.panel--open > span > .srb.pri:nth-child(n+2){
	display: flex !important;}
.edit-my-details-page .web-panel.panel--open > span > .srb.pri:first-child > span:last-child svg{
    transform: rotateX(180deg);
    transition: transform 0.3s linear;}
.edit-my-details-page .web-panel.panel--open > span > .srb.pri:first-child > span:last-child svg path:last-child{
	fill: #005587;}
.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:first-child > .srb.pri > span > ul:last-child .ett-labl.pri{
    margin-top: 0;
    margin-left: 12px;
    background: #F2F8F4;
    border-radius: 12px;
    color: #1F7F34;
    box-shadow: 0 0 0 0.5px #1F7F34;
    font-size: 14px;
    width: 69px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -5px;}
.ett-slct.ter.is-open.drdn-open.drdn-extspan,
.web-dropdown .ett-slct.ter .sub-elt{
    z-index: 9999;
    position: relative;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb .crt-form .web-panel > span > .srb.pri:first-child{
	margin: 0 !important;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:first-child .ett-labl.pri{
	font-size: 16px;
	color: #212121;
	font-weight: 700;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:first-child{
	margin-bottom: 25px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child{
	padding: 29px 32px 28px !important;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2){
	display: flex;
	align-items: center;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	height: 80px;
	margin-bottom: 48px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2) > span:last-child{
	width: 38px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2) > span:nth-last-child(2){
	flex-grow: 1;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .ett-labl.pri{
	font-size: 16px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2) > span:first-child .ett-labl.pri{
	font-weight: 700;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(7){
	margin-bottom: 42px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp .pst-simp > .crt-form:last-child .ett-bttn.sec{
	width: 110px;
	height: 40px;
	padding: 0;
	margin: 0;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp .pst-simp > .crt-form:last-child .ett-bttn.ter{
	width: 116px;
	height: 40px;
	margin-left: 24px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:last-child{
	padding-top: 28px;
	border-top: 1px solid #e8e8e8;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3),
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4),
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5),
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(6){
	display: flex;
	align-items: flex-end;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3) > span:first-child,
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4) > span:first-child,
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5) > span:first-child{
	margin-right: 40px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4),
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5){
	margin-bottom: 54px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3){
	margin-bottom: 28px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(6){
	margin-bottom: 0;
	padding-bottom: 42px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) .srb.pri:nth-child(2){
    padding-top: 48px;
    border-top: 1px solid #e8e8e8;
    margin-bottom: 39px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri{
    display: flex;
    align-items: center;
    height: 59px;
    background: #fff;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding-left: 28px;
    margin-top: -26px;
    margin-bottom: -33px;
    z-index: 1000;
    position: relative;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(4) .crt-form > .srb.pri{
    display: flex;
    align-items: center;
    height: 59px;
    background: #fff;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding-left: 28px;
    margin-top: -23px;
    margin-bottom: -35px;
    z-index: 1000;
    position: relative;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.p ul{
	margin-bottom: 0;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri > span:first-child, 
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(4) .crt-form > .srb.pri > span:first-child{
	width: 40px;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri .ett-hypl.pri, 
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(4) .crt-form > .srb.pri .ett-hypl.pri{
	font-size: 16px;
	color: #005587;
	font-weight: 500;
	text-decoration: none;}
.edit-my-details-page .suggestions-list{
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
    max-height: 236px;
    overflow-y: overlay;
    border-radius: 12px;
    position: relative;
    z-index: 1500;
    margin-top: -26px;
    margin-bottom: -236px;}
.edit-my-details-page .suggestions-list ul{
	margin-bottom: 0;}
.edit-my-details-page .suggestions-list > ul > li{
	height: 59px;
	display: flex;
	align-items: center;
	padding-left: 28px;
	background: #fff;
	transition: background 0.3s linear;}
.edit-my-details-page .suggestions-list ul > li.selected{
	background: #FFDEE6;}
.edit-my-details-page .suggestions-list > ul > li:not(.selected):hover{
    background: #f6f6f6;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) .srb.pri > span > .srb.pri{
    border-top: 1px solid #e8e8e8;
    margin-bottom: 0;
    height: 88px;
    display: flex;
    align-items: center;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) .srb.pri > span > .srb.pri:last-child{
    margin-bottom: 42px;}

/*------------------------------------------------ Profile Two factor authentication styles ------------------------------------------------*/


.two-factor-authentication-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.two-factor-authentication-page .web-panel{
	width: 605px;
	padding-top: 21px !important;
	padding-bottom: 38px !important;}
.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child{
	display: flex;
	align-items: flex-end;
	margin-bottom: 66px;}
.two-factor-authentication-page .web-panel .crt-form > .srb.pri .srb.pri{
	margin-bottom: 0;}
.two-factor-authentication-page .crt-form.ver .srb.eoc.wrapped > li:first-child{
	text-align: left;}
.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child > span:first-child{
	width: 90px;
	flex-shrink: 0;
	margin-right: 40px;}
.two-factor-authentication-page.web-close-accounts-row .web-dropdown .ett-slct.ter{
	  width: 100%;}
.two-factor-authentication-page .web-panel .crt-form > .srb.pri:nth-child(2){
	  margin-bottom: 40px;}
.two-factor-authentication-page .web-dropdown .ett-slct.ter .sub-elt{
	border-bottom: 1px solid #C2C2C2;}
.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child .web-dropdown .ett-slct.ter::before{
	background-image: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-dropdown-caret-arrow.svg") !important;}

/*------------------------------------------------- Security Questions styles ------------------------------------------------------------*/

.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel{
    padding: 29px 32px 38px !important;
    margin-bottom: 32px;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:first-child{
    border-top: 1px solid #e8e8e8;
    margin-top: 21px;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:first-child  .ett-labl.pri{
	font-weight: 700;
	white-space: nowrap;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child .ett-bttn{
	width: 110px;
	height: 40px;
	padding: 0;
	margin: 0;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:first-child > span:nth-last-child(2){
	flex-grow: 1;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:nth-child(n+1):not(:last-child){
    height: 75px;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    align-items: center;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:nth-child(n+1):not(:last-child) ul{
	margin-bottom: 0 !important;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:nth-child(n+1):not(:last-child) ul .ett-para.pri{
	line-height: 1;}
.security-questions-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.security-questions-page .web-panel{
	padding: 25px 32px 28px !important;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:last-child{
	margin-top: 25px;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:nth-child(n+2) .ett-labl.pri{
	color: #575757;
	white-space: nowrap;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child .ett-bttn.ter[disabled],
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child .ett-bttn.ter[disabled]:hover{
	border-color: #6899b5 !important;
	color: #6899b5;
	background: #fff;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:nth-child(n+2).disabled .ett-labl.pri{
	color: #9E9E9E;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child .ett-labl.pri{
	color: #212121;
	font-weight: 700;
	display: block;
	margin-bottom: 23px;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child{
	padding-top: 28px;
	/*width: 734px;*/
	border-top: 1px solid #e8e8e8;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel{
	padding: 29px 32px 38px !important;}
.security-questions-page .web-panel .crt-form > .srb.pri .srb.pri{
	margin-bottom: 0;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:first-child .ett-labl.pri{
	color: #396376;
	font-size: 16px;
	font-weight: 700;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:first-child{
	padding-bottom: 25px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 48px;}
.security-questions-page .web-dropdown .ett-slct.ter .sub-elt{
    padding-top: 8px;
    border-bottom: 1px solid #C2C2C2;
    padding-right: 35px;}
.security-questions-page .web-dropdown .ett-slct.ter{
	border-bottom: none;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:nth-child(2){
	display: flex;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:nth-child(2) > span:first-child{
	margin-right: 40px;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li{
	color: #9E9E9E;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li.question-answered{
	color: #575757;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri{
	align-items: center;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span:last-child{
	width: 138px;
	flex-shrink: 0;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span:nth-child(2){
	flex-grow: 1;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span:first-child .ett-labl.pri{
	font-weight: 700;}
.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child .ett-bttn[disabled]{
	background: #fff;
	color: #6899b5;}

/*-------------------------------------------------- Statement Settings styles -----------------------------------------------------------*/

.statement-settings-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
	text-align: left !important;
	margin-top: 0;
	padding: 18px 17px 18px 20px;}
.statement-settings-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child .ett-labl.pri{
	line-height: 1.5;}
.statement-settings-page .web-select{
	display: flex;
	align-items: center;}
.statement-settings-page .web-select .ett-para.pri{
	color: #575757;}
.statement-settings-page .raise-dispute-form > .srb.pri > span:first-child .ett-labl.pri{
	/*width: 90%;*/
	display: block;}
.statement-settings-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child > span:last-child{
	flex-grow: 1;}
.statement-settings-page .raise-dispute-form > .srb.pri:last-child .web-panel{
	padding: 0 !important;
	margin-bottom: 0;
	height: 80px;
	display: flex;
	align-items: center;
	padding-left: 26px !important;}
.statement-settings-page .ett-rdio.hor.pri input[type=radio] + label{
    color: #212121;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;}
.statement-settings-page .ett-rdio.hor.pri input[type=radio] + label:before{
	margin-right: 18px;}
.statement-settings-page .raise-dispute-form > .srb.pri:last-child > span:first-child{
	padding-top: 0;}
.statement-settings-page .raise-dispute-form > .srb.pri{
	align-items: center;}
.statement-settings-page .etb-rdio.hor.pri{
	display: flex;}
.statement-settings-page .etb-rdio.hor.pri > span{
	margin-right: 54px;}

/*---------------------------------------------- Dashboard account details styles -------------------------------------------------------*/

.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2){
	padding-top: 32px;
	border-top: 1px solid #e8e8e8;}
.dashboard-account-details-page .grb{
	width: 734px;}
.dashboard-account-details-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri{
	display: flex;
	align-items: center;
	margin-bottom: 36px;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:last-child{
    flex-grow: 1;
    width: auto;}
.dashboard-account-details-page .web-select{
	width: 476px;}
.dashboard-account-details-page .web-select ul{
	margin-bottom: 0 !important;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child{
	width: 64px;
	flex-shrink: 0;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child .ett-para.pri{
    width: 44px;
    height: 44px;
    background: #f6f6f6;
    display: block;
    border-radius: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 0 0 0.5px #EFEFEF;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child .primary-account .ett-para.pri{
    background: #D54769;
    box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.11);
    color: #fff;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child .secondary-account .ett-para.pri{
	background: #376F88;
	box-shadow: 0 0 0 0.5px rgba(239, 239, 239, 1);
	color: #fff;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:nth-child(2) .ett-labl.pri{
	font-weight: 700;
	color: #212121;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child{
    padding: 36px 36px 40px !important;
    margin-top: 4px;
    margin-bottom: 0;
    border-color: #E5E5E5;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child .crt-form:first-child .ett-labl.pri{
	font-weight: 700;
	display: block;
	margin-bottom: 19px;}
.dashboard-account-details-page .pst-simp > div.everyday-account{
    width: 311px;
    height: 235px;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
    padding: 15px 16px 14px;
    border-radius: 18px;
    position: relative;
    // background: linear-gradient(to bottom, #0B1A24, #F03663);
    background: linear-gradient(to bottom, #21313e 1%, #024c78 71%, #005587 8%);
}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child .crt-form:first-child{
	padding: 0;}
.dashboard-account-details-page .everyday-account.crt-form > .srb.pri > span > .srb.pri:first-child > span:first-child .ett-para.pri{
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}
.dash-acc.dashboard-account-details-page .everyday-account.crt-form > .srb.pri > span > .srb.pri:first-child > span:first-child .ett-para.pri {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 80%;
    white-space: nowrap;
}
.dashboard-account-details-page .pst-simp > div.everyday-account > .srb.pri > span > .srb.pri:first-child{
	margin-bottom: 0;}
.dashboard-account-details-page .bsbrow > span{
	  align-items: center;}
.dashboard-account-details-page .everyday-account.crt-form > .srb.pri > span > .srb.pri:first-child svg{
	width: 24px !important;
	height: 24px !important;
	margin-left: 16px;}
.dashboard-account-details-page .everyday-account.crt-form > .srb.pri:first-child{
	align-items: center;}
.dashboard-account-details-page .bsbrow{
    margin-top: 8px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: 21px;}
.dashboard-account-details-page .everyday-account .ett-labl.pri, .dashboard-account-details-page .everyday-account .ett-para.pri{
    font-size: 12px !important;
    line-height: 1;
    text-align: left !important;
    font-weight: 500;
    color: #fff !important;}
.dashboard-account-details-page .bsbrow > span:first-child{
	width: auto;
	margin-right: 22px;}
.dashboard-account-details-page .bsbrow .ett-para.pri{
	padding-left: 5px;}
.dashboard-account-details-page .pst-simp > div.everyday-account .ett-labl.pri{
	font-size: 12px;
	color: #fff;
    margin-top: 2px;
    display: block;
}
.dashboard-account-details-page .daysrow > span:first-child ul > li:last-child{
	display: flex;}
.dashboard-account-details-page .loss-icon-text{
	margin-top: 19px;}
.dashboard-account-details-page .availbalrow .ett-para.pri{
	color: #fff;}
.dashboard-account-details-page .availbalrow .ett-para.pri{
	font-size: 14px !important;
	font-weight: 700;
	color: #fff !important;		}
.dashboard-account-details-page .daysrow > span:nth-child(2){
	/*display: flex;*/
	flex-direction: column;}
.dashboard-account-details-page .daysrow > span:nth-child(2) svg{
	width: 12px;
	height: 10px;
	flex-shrink: 0;}
.dashboard-account-details-page .availbalrow .ett-labl.pri,
.dashboard-account-details-page .availbalrow .ett-para.pri{
	line-height: 1.5 !important;}
.dashboard-account-details-page .daysrow > span:nth-child(2) p:last-child{
	margin-top: 0;
	display: flex;}
.dashboard-account-details-page .daysrow > span:last-child svg{
	width: 48px;
	height: 48px;
    fill:#fff;
}
.dashboard-account-details-page .daysrow > span:first-child{
	width: 100px;
	flex-shrink: 0;}
.dashboard-account-details-page .everyday-account > .srb.pri > span > .srb.pri:first-child > span:last-child{
    padding-right: 0;
    align-items: center;}
.dashboard-account-details-page .daysrow > span:first-child .ett-labl.pri{
	color: rgba(255,255,255,0.8) !important;
	font-weight: normal;}
.dashboard-account-details-page .daysrow > span:last-child{
	width: 68px;
	flex-shrink: 0;}
.dashboard-account-details-page .everyday-account > .srb.pri:first-child > span:last-child > .srb.pri:last-child > span{
	/*display: flex;*/
	flex-direction: column;
	z-index: 1000;}
.dashboard-account-details-page .everyday-account > .srb.pri:first-child > span:last-child > .srb.pri:last-child > span .ett-labl.pri{
	color: rgba(255, 255, 255, 0.71);}
.dashboard-account-details-page .daysrow{
	margin-bottom: 33px !important;}
.dashboard-account-details-page .amount-text{
	padding-top: 5px;}
.dashboard-account-details-page .current-bal-col{
	padding-left: 20px !important;}
.dashboard-account-details-page .everyday-account > ul > li:first-child > span:last-child > .srb.pri:last-child > span:first-child{
	padding-left: 4px;}
.dashboard-account-details-page .everyday-account > ul > li:first-child > span:last-child > .srb.pri:last-child > span .ett-para.pri{
	font-size: 14px;}
.dashboard-account-details-page .pst-simp > div.everyday-account::before{
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0 0 16px 16px;
	height: 75px;
// 	background: #C3405F;
	width: 100%;
	content: '';}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child{
	width: 311px;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:last-child{
	padding-left: 44px;
	padding-top: 58px;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .ett-bttn{	
	padding: 0;
	margin: 0;
	width: 287px;
	height: 48px;
	text-align: left;
	padding-left: 20px;
	background: #EFEFEF;
	border-color: #EFEFEF;
	color: #212121;
	font-weight: normal;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .ett-bttn svg{
	  margin-right: 12px;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .selected .ett-bttn{
	position: relative;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
// 	background: #C3405F;
    background: linear-gradient(to bottom, #21313e 1%, #024c78 71%, #005587 8%);
	color: #fff;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .selected .ett-bttn::before{
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	background: #C3405F;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:last-child .crt-list > ul.pri > li:not(:last-child){
    margin-bottom: 36px;}
.dashboard-account-details-page .crt-list > ul.pri > li.selected{
	background: transparent;}
.dashboard-account-details-page .web-select p.ett-para.pri{
	line-height: 1;}
.dashboard-account-details-page .everyday-account.crt-form > .srb.pri:first-child ul:first-child li:last-child{
	display: flex;
	align-items: center;}
.dashboard-account-details-page.web-close-accounts-row > div:first-child{
	overflow-x: hidden;}
.dashboard-account-details-page .web-panel.payhome-acct-selected .pst-simp > div.everyday-account{
	background: linear-gradient(to bottom, #061924 8%, #14175d 71%, #444998 8%) !important;}
// .dashboard-account-details-page .web-panel.payhome-acct-selected .pst-simp > div.everyday-account::before{
// 	background: #444998;}
.dashboard-account-details-page .web-panel.savings-acct-selected .pst-simp > div.everyday-account{
	background: linear-gradient(to bottom, #061a23 8%, #11455d 71%, #376f88 8%) !important;}
// .dashboard-account-details-page .web-panel.savings-acct-selected .pst-simp > div.everyday-account::before{
// 	background: #376F88;}
.dashboard-account-details-page .web-panel.loan-acct-selected .pst-simp > div.everyday-account{
	background: linear-gradient(to bottom, #153025 8%, #2d644d 71%, #449874 8%);}
// .dashboard-account-details-page .web-panel.loan-acct-selected .pst-simp > div.everyday-account::before{
// 	background: #3C8364;}
.dashboard-account-details-page .web-panel.payhome-acct-selected .crt-list > ul > li.selected button,
.dashboard-account-details-page .web-panel.payhome-acct-selected .crt-list > ul > li.selected button:focus,
.dashboard-account-details-page .web-panel.payhome-acct-selected .crt-list > ul > li.selected button::before{
	background: linear-gradient(to bottom, #061924 8%, #14175d 71%, #444998 8%) !important;
	border-color: #444998 !important;}
.dashboard-account-details-page .web-panel.savings-acct-selected .crt-list > ul > li.selected button,
.dashboard-account-details-page .web-panel.savings-acct-selected .crt-list > ul > li.selected button:focus,
.dashboard-account-details-page .web-panel.savings-acct-selected .crt-list > ul > li.selected button::before{
    background: linear-gradient(to bottom, #061a23 8%, #11455d 71%, #376f88 8%) !important;
// 	background: #376F88 !important;
	border-color: #376F88 !important;}
.dashboard-account-details-page .web-panel.loan-acct-selected .crt-list > ul > li.selected button,
.dashboard-account-details-page .web-panel.loan-acct-selected .crt-list > ul > li.selected button:focus,
.dashboard-account-details-page .web-panel.loan-acct-selected .crt-list > ul > li.selected button::before{
	background: linear-gradient(to bottom, #153025 8%, #2d644d 71%, #449874 8%) !important;
	border-color: #3C8364 !important;}


/*------------------------------------------------------- Password Settings styles ---------------------------------------------------------*/

.password-settings-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.password-settings-page .web-panel,
.password-settings-page .web-info-panel{
	/*width: 605px;*/
	margin-bottom: 32px;}
.password-settings-page .ett-para.icr > svg{
	width: 24px;
	height: 24px;
	fill: #575757 !important;
	margin-left: 8px;}
.password-settings-page .ett-para.icr{
    color: #575757;
    font-style: italic;
    display: flex;
    align-items: center;
    width: max-content;}
.password-settings-page .ett-para.icr > span{
    flex-shrink: 0;}
.password-settings-page .ett-inpt.ter + svg{
    right: 4px;
    width: 24px !important;
    height: 24px;
    top: 8px;
    position: absolute;}
.password-settings-page .web-panel > .srb.pri:first-child{
	margin-top: 12px;
	margin-bottom: 66px;}
.password-settings-page .web-panel > .srb.pri:nth-child(3){
	margin-top: 50px;
	margin-bottom: 48px;}
.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:last-child{
	margin-top: 16px;}
.password-settings-page .web-panel{
	padding-bottom: 48px !important;}
.password-settings-page .ett-inpt.ter[type=password]{
	font-size: 25px;
	height: 47px;}
.password-settings-page ::-webkit-input-placeholder{
	font-size: 16px !important;
	letter-spacing: 0;}
.password-settings-page .flbl-float label{
	margin-top: -18px;
	left: 0;}
.password-settings-page .ett-inpt.ter[type=text]{
    height: 47px;}
.password-settings-page .text-success .ett-para.icr{
	color: #212121;}
.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:first-child{
	display: flex;}
.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:first-child > span:first-child{
	width: auto;
	margin-right: 25px;}
.password-settings-page .web-info-panel{
	padding: 17px 17px 18px 20px;}
.password-settings-page .web-info-panel > span:first-child{
	width: 36px;
	flex-shrink: 0;}

/*--------------------------------------------------- All details modal styles -----------------------------------------------------------*/

.all-details-modal .modal-window{
	  background: #fff !important;}
.all-details-modal .modal-cnt{
	padding-top: 32px !important;
	border-top: 1px solid #e8e8e8;
	margin-top: 33px;}
.all-details-modal .modal-cnt .crt-form > .srb.pri:not(:last-child){
	margin-bottom: 22px;}
.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2){
    margin-top: 29px;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;}
.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2) .ett-bttn.ter{
    width: auto;
	padding: 8px 20px 8px 32px;
	height: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;}
.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2) .ett-bttn.ter::before{
    position: absolute;
    content: '';
    right: 24px;
    background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-pink-right-arrow.svg');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;}
.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2) .ett-bttn.ter > .ett-icon{
    margin-left: 8px;}
.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2) > span:first-child{
	width: 183px;
	display: block;
	flex-shrink: 0;}

/*---------------------------------------------- Consent Dashboard notifications styles ---------------------------------------------------*/

.notifications-page .no-record > .srb.pri > span{
	display: flex;
	align-items: center;
	justify-content: center;
    
}
.notifications-page .no-record > .srb.pri > span > ul:first-child{
	width: 36px;}
.notifications-page .no-record > .srb.pri > span > ul:last-child{
	width: auto;}
.notifications-page .no-record > .srb.pri > span > ul:last-child .ett-labl.pri{
	font-size: 14px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter > span::before{
	left: -29px;
	top: 10px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:nth-last-child(2){
	width: 228px;
	margin-left: auto;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:nth-last-child(2) .ecn > .icr > svg{
	right: 4px;}
#WebCon__Notifications__el_dpd_2_div.consent-dashboard-sort-dropdown{
	left: -119px;}
.notifications-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.notifications-page.web-close-accounts-row > div:first-child .grb{
    width: 734px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2){
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 33px;
    padding-bottom: 29px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child{
    margin-left: auto;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-inpt.ter{
    width: 228px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-inpt.ter + svg{
    right: 4px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child{
    margin-left: 40px;}
.ett-chek.hor.pri input[type=checkbox]:focus + label:before{
	border-color: #212121;}
.notifications-page.web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(3){
    border-bottom: 1px solid #e8e8e8;
    background: rgba(246, 246, 246, 0.56);
    height: 56px;
    display: flex;
    align-items: center;
    padding-left: 24px;}
.notifications-page.web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(3) .crt-form > .srb.pri{
	display: flex;
	align-items: center;}
.notifications-page.web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(3) .crt-form > .srb.pri > span:first-child,
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:first-child{
	width: 34px;}
.notifications-page.web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(3) .crt-form > .srb.pri > span:nth-child(2),
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2){
	flex-grow: 1;}
.notifications-page.web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child,
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:last-child{
	width: 192px;}
.notifications-page.web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(3) .crt-form > .srb.pri .ett-labl.pri{
    font-weight: 700;
    color: #212121;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    min-height: 88px;
    padding-left: 24px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) .ett-para.pri{
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: 3px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .srb.pri .ett-para.pri, 
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) .ett-labl.pri{
  font-size: 12px;
  color: #575757;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) .ett-labl.pri{
    margin-right: 5px;
    flex-shrink: 0;
    position: relative;
    top: 2px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:last-child .ett-para.pri{
	font-size: 14px !important;
	color: #1F7F34;
	background: #F2F8F4;
	font-weight: 500;
	height: 24px !important;
	width: 164px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 0 0.5px #1F7F34;
	border-radius: 12px}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(3){
    padding-right: 24px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li.selected{
	background: #FAFAFA;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .ett-para.pri{
	display: block;
	max-width: 90%;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	/*width: 162px;*/
	flex-shrink: 0;
	margin-right: 52px;
	top: 6px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) .ett-labl.pri{
	margin-right: 5px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .ett-labl.pri{
	color: #212121;
    text-align: justify;
}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .srb.pri > span, 
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .srb.pri > span > .srb.pri > span{
	align-items: flex-end;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .srb.pri > span > .srb.pri:last-child{
	margin-left: 24px;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .srb.pri > span > .srb.pri:first-child{
	flex-shrink: 0;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .srb.pri > span .ett-para.pri{
    font-weight: normal;
    max-width: 110px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li.single-consent-pending > span > .srb.pri > span:last-child .ett-para.pri{
	background: #FBF4F1;
	color: #BC460B !important;
	box-shadow: 0 0 0 0.5px #BC460B;}
.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li.data-sharing-disabled > span > .srb.pri > span:last-child .ett-para.pri{
	background: #F8F8F8;
	box-shadow: 0 0 0 0.5px #575757;
	color: #575757 !important;}
.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child{
	width: 64px;
	margin-left: 0;}
.notifications-page .ett-chek.hor.pri input[type="checkbox"]:indeterminate + label::before{
    background-color: #fff;}

/*----------------------------------------- Consent Dashboard notifications modal styles ------------------------------------------------*/

.notifications-modal .modal-window{
	background: #fff !important;}
.notifications-modal .modal-cnt{
	padding-top: 29px !important;
	border-top: 1px solid #e8e8e8;
	margin-top: 33px;}
.notifications-modal .crt-form.hor.pri .flb{
	font-size: 16px ;}
.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child{
	display: flex;
	align-items: flex-start;
	padding-bottom: 25px;}
.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child > span:first-child{
	width: 174px;
	flex-shrink: 0;}
.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child > span:last-child ul:nth-child(n+2){
	margin-top: 23px;}
.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child > span:last-child .ett-para.pri{
	font-weight: 500;}
.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:first-child{
	padding-top: 25px;
	padding-bottom: 21px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	display: flex;
	align-items: center;}
.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:not(:last-child):not(:first-child){
	margin-bottom: 22px;}
.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:last-child{
	margin-bottom: 23px;}
.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:nth-child(2){
	  margin-top: 23px;}
.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:first-child > span:first-child{
	width: 36px;}
.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:nth-child(n+2){
	display: flex;
	align-items: center;}
.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:nth-child(n+2) > span:first-child{
	width: 37px;}  
.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:first-child .ett-labl.pri{
	font-weight: 500;}
.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child .ett-labl.pri{
	font-weight: 500;}
.notifications-modal .modal-cnt > .grb:first-child > div > .grb:last-child{
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 6px;}

/*----------------------------------------------- Credit Card account styles ---------------------------------------------------------*/

.credit-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active, 
.credit-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active::before,
.credit-acct-selected .acc-select-opt button.ett-bttn.pri.btn-active:focus{
    background-color: #8346A3 !important;}
.credit-acct-selected .accdetails{
	background: linear-gradient(to bottom, #2B1139 8%, #65347f 71%, #8346A3 8%) !important;}
.credit-card-account.everyday-account{
	position: relative;
	background: linear-gradient(to bottom, #0B1A24,#8346A3) !important;}
.credit-card-account.everyday-account::before{
	height: 29%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #7F449F;
	width: 100%;
	content: '';
	border-radius: 0 0 24px 24px;}
.credit-card-account.everyday-account > ul > li:last-child{
	position: absolute;}
.web-account-landing-body .credit-card-account-details .crt-form > .srb.pri:nth-child(4){
    margin-bottom: 23px;}
.web-account-landing-body .credit-card-account-details .crt-form > .srb.pri:nth-child(4) > span:nth-child(2) ul:last-child .ett-para.pri{
    font-size: 12px;
    color: #575757;
    margin-top: 8px;
    font-weight: normal;}
.credit-card-account-details .crt-form > .srb.pri:nth-child(4) .ett-hypl.pri{
    color: #116ED1;
    font-size: 16px;
    text-decoration: underline;
    margin-left: 24px;
    line-height: 1;
    font-weight: 500;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .tabs-ctr > .acco:last-child .crt-form:last-child{
	position: relative;
	bottom: 0;}
.credit-card-account-details .ett-bttn.sec{
    padding: 0;
    margin: 0;
    width: 118px;
    height: 40px;
    margin-bottom: 0;
    background: #fff;
    z-index: 1000;
    position: relative;
    font-weight: 500;}
.credit-card-account-details .tabcontent .crt-form + .grb .crt-form > .srb.pri > span:first-child ul{
	  width: 150px;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);
	  background: #fff;}
.credit-card-account-details .tabcontent{
    overflow: visible !important;}
.credit-card-account-details .tabcontent .crt-form + .grb{
    position: absolute;
    bottom: -63px;
    height: 40px;}
.credit-card-account-details .tabcontent .crt-form + .grb::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    top: 50%;
    transform: translateY(-50%);}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .tabcontent .crt-form > .srb.pri:nth-child(5){
	align-items: flex-start;
	margin-bottom: 20px;}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .tabcontent .crt-form > .srb.pri:nth-child(6) .ett-para.pri{
	color: #1F7F28;
	font-weight: 700;}
.credit-card-account-details .crt-form > .srb.pri:nth-child(4) > span:first-child{
	align-self: flex-start;}

/*----------------------------------------------- Credit card account details responsive styles ---------------------------------*/

.credit-card-account-details .ett-para.pri{
	width: 100% !important;}
@media (max-width: 1800px){
    .credit-card-account-details .tabcontent .crt-form + .grb .crt-form > .srb.pri > span:first-child ul{
	  width: 127px;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);	}
	.credit-card-account-details .tabcontent .crt-form + .grb .crt-form > .srb.pri > span:first-child{
	  width: 100%;
	  display: block;	}
    .credit-card-account-details .crt-form > .srb.pri:nth-child(4) .ett-hypl.pri{
		font-size: 14px;
		margin-left: 20px;	}
	.web-account-landing-body .credit-card-account-details .crt-form > .srb.pri:nth-child(4) > span:nth-child(2) ul:last-child .ett-para.pri{
		margin-top: 3px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .tabs-ctr > .acco:last-child .crt-form:last-child ul{
		width: auto;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .tabcontent .crt-form:first-child > .srb.pri:last-child{
		display: block;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .tabcontent .crt-form > .srb.pri:nth-child(6){
		display: none !important;	}
	.credit-card-account-details .ett-bttn.sec{
		width: 103px;
		height: 32px;
		font-size: 14px;	}
	.credit-card-account-details .tabcontent .crt-form + .grb{
        bottom: -55px;
        height: 32px;
        width: 100%;}
	.credit-card-account-details .crt-form > .srb.pri:nth-child(5) .ett-hypl.pri{
		margin-left: 20px;
		font-size: 14px;	}
	.web-account-landing-body .credit-card-account-details .crt-form > .srb.pri:nth-child(5) > span:nth-child(2) ul:last-child .ett-para.pri{
	  margin-top: 5px;}
}
@media (max-width: 1050px){
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .tabcontent .crt-form > .srb.pri:nth-child(6){
		display: none !important;	}
	.credit-card-account-details .tabcontent .crt-form + .grb{
		bottom: -40px;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .acco:first-child .tabcontent .crt-form:first-child > .srb.pri:last-child{
		margin-top: 0;	}
}
@media (max-width: 850px){
    .credit-card-account-details .acco:first-child .tabcontent > .grb > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri:last-child > span:first-child{
		width: 220px !important;	}
	.last-days-data > p svg{
		margin-right: 8px;	}
    .web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .acco:first-child .tabcontent .crt-form:last-child > .srb.pri:last-child > span:first-child{
    	width: 100% !important;}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .tabcontent .crt-form > .srb.pri:nth-child(6){
		display: flex;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .tabcontent .crt-form > .srb.pri:nth-child(6) > span:first-child{
		width: 221px;	}
}
@media (max-width: 750px){
    .web-account-landing-body .everyday-account.crt-list > ul.pri > li:first-child > span:nth-child(2){
		padding-left: 0;	}
    .credit-card-account-details .acco:first-child .tabcontent > .grb > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri:last-child > span:first-child{
		width: 141px !important;	}
	  .credit-card-account-details .crt-form > .srb.pri:nth-child(5) .ett-hypl.pri{
		  margin-left: 16px;	}
	.web-accounts-landing .my-accounts-subpanel > ul > li > span > span:last-child > span.available-balance-col > span:first-child{
		display: flex !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .ett-para.pri{
		display: block;
		width: auto;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .tabcontent .crt-form > .srb.pri:nth-child(5){
		margin-bottom: 16px !important;	}
    .credit-card-account-details .tabcontent .crt-form + .grb{
        bottom: -64px;}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .acco:first-child .tabcontent .crt-form:first-child > .srb.pri:last-child > span:first-child{
	  width: 100%;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .credit-card-account-details .web-tab .tabcontent .crt-form > .srb.pri:nth-child(6) > span:first-child{
		max-width: 141px;	}
}

/*------------------------------------------------ All details modal responsive styles ---------------------------------------------------*/

@media (max-width: 1800px){
    .all-details-modal .modal-cnt{
    	padding-top: 28px !important;
    	margin-top: 29px;}
    .all-details-modal .modal-cnt .crt-form > .srb.pri:not(:last-child){
    	margin-bottom: 18px;}
    .all-details-modal .crt-form .srb.pri{
		display: flex;
		align-items: center;	}
	.all-details-modal .crt-form >  .srb.pri > span:first-child{
		width: 215px;
		flex-shrink: 0;	}
	.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2){
		padding-top: 28px;
		padding-bottom: 28px;
		margin-top: 25px;	}
	.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2) > span:first-child{
		width: 215px;	}
	.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2) .ett-bttn.ter{
		padding: 6px 16px 6px 28px !important;
		height: 32px;
		font-size: 14px;
		margin: 0;	}
	.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2) .ett-bttn.ter svg{
		width: 20px;
		height: 20px;	}
}
@media (max-width: 1050px){
    .all-details-modal .modal-cnt{
    	padding-top: 24px !important;
    	margin-top: 25px;}
    .all-details-modal .crt-form > .srb.pri > span:first-child,
	.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2) > span:first-child{
		width: 189px;	}	
	.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2){
		padding-top: 24px;
		padding-bottom: 24px;
		margin-top: 21px;	}
}
@media (max-width: 750px){
	.all-details-modal .modal-cnt{
        padding-top: 20px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0;
        margin-right: 0;}
	.all-details-modal .modal-cnt .crt-form > .srb.pri:not(:last-child){
		margin-bottom: 15px;	}
	.all-details-modal .crt-form > .srb.pri > span:first-child, .all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2) > span:first-child{
		width: 181px;	}
	.all-details-modal .modal-cnt .crt-form > .srb.pri:nth-last-child(2){
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 17px;	}
}

/*---------------------------------------------------- ConsentDashboard responsive styles -------------------------------------------------*/

@media (max-width: 1800px){
    .consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:last-child{
		margin-top: 20px;	}
    .consent-dashboard-page{
        padding: 48px 40px;
        height: calc(100vh - 176px);}
	/*.consent-dashboard-page .web-panel .ecn{*/
	/*	width: 254px;	}*/
	.consent-dashboard-page .web-panel .ecn .ett-inpt.ter + svg{
		right: 16px;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child ul:last-child{
		margin-left: 32px;	}
	.consent-dashboard-page .web-panel{
		padding: 25px 28px 0 !important;	}	
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child{
		margin-top: 19px;	}
	.consent-dashboard-page .web-page-heading{
		margin-bottom: 0;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span{
		height: 48px;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span .ett-labl.pri{
		font-size: 14px;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span:nth-child(2){
		width: 311px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child{
		height: 72px;	}	
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) > .srb.pri:first-child{
		margin-right: 32px;	}
	.consent-dashboard-page .crt-list > ul > li > span > .srb.pri:first-child > span:nth-last-child(2) .ett-para.pri,
	.notifications-page.web-close-accounts-row > div:first-child .crt-list > ul > li > span > .srb.pri:first-child > span:nth-last-child(2) > .srb.pri .ett-para.pri{
		font-size: 12px !important;
		height: 20px !important;	}
	.consent-dashboard-page .web-panel .ett-bttn.ter{
		font-size: 14px;
		padding: 8px 28px 8px 16px !important;
		height: 32px;
		width: 300px;}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:first-child .ett-para.pri:first-child{
		font-size: 14px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:first-child .ett-para.pri{
		font-size: 12px;
		line-height: 1.4 !important;
		display: block;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:first-child .ett-para.pri + .ett-para.pri{
		margin-top: 9px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:last-child{
		padding-top: 28px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(3){
		width: 278px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:last-child{
		width: 315px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri{
		font-size: 12px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri + .ett-para.pri{
		margin-top: 22px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:first-child::before{
		left: -28px;	}
	.consent-dashboard-page .web-panel .ett-bttn.ter svg{
		width: 20px;
		height: 20px;	}
	.consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:last-child{
		margin-left: -28px;
		margin-right: -28px;
		padding-left: 28px;
		padding-right: 28px;
		width: calc(100% + 56px);	}
}
@media (max-width: 1050px){
    .consent-dashboard-page{
        height: calc(100vh - 160px);
        padding: 40px 32px;}
	.consent-dashboard-page .web-panel{
		padding: 21px 24px 0 !important;	}
	/*.consent-dashboard-page .web-panel .ecn{*/
	/*	width: 248px;	}*/
	.consent-dashboard-page .web-panel .ecn .ett-inpt.ter + svg{
		right: 9px;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child ul:last-child{
		margin-left: 24px;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span:nth-child(2){
		width: 296px;		}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) > .srb.pri:first-child{
		margin-right: 28px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child{
		height: 64px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:first-child{
		flex-basis: 30%;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(3){
		flex-grow: 1;
		width: 267px;
		flex-shrink: 0;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2){
		flex-shrink: 1;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:last-child > span:first-child{
		flex-basis: 30%;	}
	.consent-dashboard-page .web-panel .ett-bttn.ter{
		padding: 6px 28px 6px 16px !important;	}
	.consent-dashboard-page .web-panel .ett-bttn.ter > span{
		position: relative;
		top: -1px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:last-child{
		width: 296px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:first-child .ett-para.pri{
		width: 100%;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:first-child::before{
		left: -24px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:first-child .ett-para.pri + .ett-para.pri{
		width: 95%;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:last-child{
		padding-top: 24px;
		padding-bottom: 24px !important;	}
	.consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:last-child{
		margin-left: -24px;
		margin-right: -24px;
		padding-left: 24px;
		padding-right: 24px;
		width: calc(100% + 48px);	}
}
@media (max-width: 850px){
	/*.consent-dashboard-page .web-panel .ecn{*/
	/*	width: 141px;	}*/
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span:nth-child(2){
		width: 189px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child{
		height: 76px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2){
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) > .srb.pri:first-child{
		margin-right: 0;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(3){
		width: 165px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) .ett-labl.pri, .consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) .ett-para.pri{
		font-size: 12px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) > .srb.pri:last-child{
		margin-top: 8px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:first-child{
		flex-basis: 38%;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child{
		flex-wrap: wrap;
		gap: 0;}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:not(:last-child){
		flex-basis: 50%;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:last-child{
		flex-basis: 100%;
		border-top: 1px solid #e8e8e8;
		padding-top: 20px;
		margin-top: 22px;	}
	.consent-dashboard-page{
		height: calc(100vh - 160px);	}
}
@media (max-width: 750px){
    .input-focus{
    	display: flex;
    	flex-direction: column;
    	position: relative;}
    .input-focus > li:first-child{
    	width: 40%;
    	position: absolute;
    	top: -13px;
    	display: block;}
    .input-focus > li:first-child label{
    	color: #575757;
    	font-size: 10px !important;}
	.consent-dashboard-page{
		padding: 24px 16px;
		height: calc(100vh - 136px);	}
	/*.consent-dashboard-page .web-panel .ecn .ett-inpt.ter{*/
	/*	padding: 0;*/
	/*	border: none;	}*/
	.consent-dashboard-page .web-panel .ecn .ett-inpt.ter + svg{
		width: 24px;
		height: 24px;
		position: absolute;
		right: 0;
		bottomop: 0;	}
	.consent-dashboard-page .web-panel .ecn .ett-inpt.ter::placeholder{
		color: transparent;	}
	/*.consent-dashboard-page .web-panel .ecn{*/
	/*	width: 24px;	}*/
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child ul:last-child{
		margin-left: 20px;	}
	.consent-dashboard-page .web-panel{
        padding: 16px !important;
        padding-bottom: 0 !important;
        padding-top: 19px !important;}
	.consent-dashboard-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 0 !important;
		white-space: nowrap;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child{
		margin-top: 19px;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span{
		height: 40px;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child ul:first-child{
		display: none;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child ul:last-child{
		display: block !important;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span:last-child{
		display: none;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:last-child > span:first-child{
		display: flex;
		align-items: center;
		z-index: 15;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child{
		flex-direction: column;
		height: auto;
		justify-content: flex-start;
		align-items: flex-start;
		padding-top: 20px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(3){
		margin-right: auto;
		margin-left: 0;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) > .srb.pri:last-child{
		margin-top: 0;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:first-child{
		width: auto;
		flex-basis: 100%;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) .ett-labl.pri, 
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) .ett-para.pri{
		font-size: 10px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) > .srb.pri:last-child{
		margin-left: 16px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2){
		flex-direction: row;
		margin-top: 5px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(3){
		margin-top: 20px;}
    .consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:last-child{
		align-self: flex-end;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:last-child svg{
		position: relative;
		top: -61px;	}
    .consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:not(:last-child){
		flex-basis: 100%;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2){
		border-top: 1px solid #e8e8e8;
		margin-top: 16px;
		padding-bottom: 16px;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:last-child{
		margin-top: 0;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:last-child{
		padding-top: 20px;
		padding-bottom: 20px !important;	}
	.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:first-child::before{
		display: none;	}
	.consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:last-child{
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px;
		width: calc(100% + 32px);	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child,
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child{
		width: 44px;	}
    .consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:last-child{
		margin-top: 20px;}
	.consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:nth-child(2) .ecn{
		width: calc(100% - 44px);	}
	.consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:nth-child(2) > span{
		position: relative;	}
	.consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:nth-child(2) > span ul:last-child .ett-hypl.pri{
		color: #E01010;
		font-weight: 500;
		font-size: 14px;	}
	.consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:nth-child(2) > span ul:last-child{
	    position: absolute;
	    bottom: 12px;
	    right: 44px;
	    width: auto;	}
	.consent-dashboard-page .web-panel > .plt-simp > .pst-simp > .crt-form:first-child{
		position: relative;}
	.consent-dashboard-page .web-panel > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri:nth-child(2){
	    position: absolute;
	    top: 0px;
	    left: -3px;
	    background: #fff;	}
    .consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:nth-child(2) .ecn .ett-inpt.ter{
        padding: 10px 0;
        border-bottom: 1px solid #e8e8e8;}
	.consent-dashboard-page .web-panel .crt-form:first-child > .srb.pri:nth-child(2) .ecn ::placeholder{
		color: #575757;	}
}


/*------------------------------------------ Change sharing permission request modal responsive styles ------------------------------------*/

@media (max-width: 1800px){
	.stop-data-sharing-modal .crt-form.hor.pri .flb.ett-labl.pri{
		font-size: 14px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child){
		padding-top: 28px;
		padding-bottom: 26px;
		margin-bottom: 29px;	}
	.change-sharing-request-modal.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child) .srb.pri > span > .srb.pri:not(:last-child){
		margin-bottom: 13px;	}
	.change-sharing-request-modal.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child) .srb.pri > span > .srb.pri:nth-child(3){
		margin-bottom: 19px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri{
		margin-bottom: 14px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri > span:first-child{
		width: 172px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2){
		margin-bottom: 32px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 16px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:nth-child(2){
		 margin-bottom: 10px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:nth-child(3){
		margin-bottom: 13px;	}
	.change-sharing-request-modal .ett-hypl.pri{
		font-size: 14px;	}
}
@media (max-width: 1050px){
	.change-sharing-request-modal.web-modal .modal-cnt{
		padding-top: 16px !important;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child){
		padding-top: 24px;
		padding-bottom: 22px;
		margin-bottom: 25px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri:last-child{
		margin-bottom: 23px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri > span:first-child{
		width: 168px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2){
		margin-bottom: 28px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:nth-child(2){
		margin-bottom: 13px;	}
}
@media(max-width: 750px){
	.stop-data-sharing-modal.web-modal .modal-header .ett-bttn.med::before{
		top: -3px;	}
	.change-sharing-request-modal.web-modal .modal-cnt{
		padding-top: 21px !important;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child){
		padding-top: 20px;
		padding-bottom: 18px;
		margin-bottom: 21px;	}
	.change-sharing-request-modal.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:first-child:not(:last-child) .srb.pri > span > .srb.pri:not(:last-child){
		margin-bottom: 9px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri{
		margin-bottom: 10px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2) .srb.pri > span > .srb.pri:last-child{
		margin-bottom: 19px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(2){
		padding-left: 5px;
		margin-bottom: 24px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:first-child .ett-labl.pri{
		margin-bottom: 12px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:nth-child(2){
		margin-bottom: 9px;	}
	.stop-data-sharing-modal.web-modal .modal-cnt .crt-form:nth-child(3) .srb.pri > span > .srb.pri:nth-child(3){
		margin-bottom: 9px;	}
	.stop-data-sharing-modal.web-modal .modal-window h1{
		width: 90%;	}
}

/*------------------------------------ Consent dashboard status modals responsive styles -------------------------------------------------*/


@media (max-width: 1800px){
	.status-modal .ett-labl.pri{
		font-size: 14px !important;
		line-height: 1.4;
		display: block;	}
	.data-sharing-stopped-modal.status-modal.web-modal .modal-header::after{
		top: -4px;	}
	.data-sharing-stopped-modal.status-modal.web-modal svg{
		transform: scale(0.9);
		margin-top: 100px;	}
	.status-modal.web-modal .modal-cnt{
		padding-top: 31px !important;	}
	.data-sharing-stopped-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
	    padding-top: 29px;	}
}
@media (max-width: 1050px){
	.data-sharing-stopped-modal.status-modal.web-modal svg{
		transform: scale(0.8);
		margin-top: 80px;	}
	.status-modal.web-modal .modal-cnt{
		padding-top: 27px !important;	}
	.data-sharing-stopped-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
		padding-top: 25px;	}
}
@media (max-width: 750px){
	.data-sharing-stopped-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
		padding-top: 21px !important; 	}
	.status-modal.web-modal .modal-cnt{
		padding-top: 23px !important;
	}
}

/*------------------------------------------- Consent dashboard notifications responsive styles ------------------------------------------*/

.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) {
     flex-direction: column;
     flex-shrink: 0;
     /*width: unset;*/
     gap: 6px;
}
@media (min-width: 1051px) and (max-width: 3050px){
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) {
         width: unset;
    }
}
 .notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li{
     padding-top: 16px;
     padding-bottom: 16px;
}


@media (max-width: 1800px){
    .consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child > ul:first-child .ett-slct.ter > span::before,
    .notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter > span::before{
		left: -26px;
		top: 6px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter > span::before{
	    top: 10px;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child,
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child{
		width: 56px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2){
		padding-top: 25px;
		padding-bottom: 24px !important;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child svg{
		position: relative;
		top: 3px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child{
		margin-left: 32px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb{
		width: 628px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-inpt.ter{
		width: 198px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li{
		min-height: 80px;
		padding-left: 19px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(3){
		padding-right: 20px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:last-child .ett-para.pri{
		font-size: 12px !important;
		width: 143px;
		height: 20px !important;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:last-child{
		width: 167px;	}
	.notifications-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .ett-para.pri{
		/*width: 142px;*/
		margin-right: 27px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .srb.pri > span .ett-para.pri{
		position: relative;
		top: 6px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:nth-last-child(2){
		width: 198px !important;	}
}
@media (max-width: 1050px){
    .notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:nth-last-child(2){
		width: 174px !important;	}
    .consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child > ul:first-child .ett-slct.ter > span::before,
    .notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter > span::before{
		left: -26px;
		top: 6px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter > span::before{
	    top: 10px;	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child,
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child{
		width: 48px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb,
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li{
		width: 100%;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child{
		margin-left: 24px;	}
	.notifications-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.notifications-page.web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:last-child .crt-list > ul{
		display: block;
		width: 100%;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li{
		min-height: 90px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2){
		flex-direction: column;
		flex-shrink: 0;
		/*width: auto;	*/
	    
	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .ett-para.pri{
		width: auto;
		margin-bottom: 3px;
		display: block;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .srb.pri > span > .srb.pri:last-child{
		margin-left: 16px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:last-child .ett-para.pri{
		margin-left: auto;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri{
		display: flex;
		align-items: center;	}
    .notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:first-child{
        position: relative;
        align-self: flex-start;
        z-index: 1500;}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2){
		padding-left: 3px;	}
}

@media (max-width: 850px){
	.notifications-page.web-close-accounts-row > div:first-child .grb, .notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li{
		width: 550px;	}
}
@media (max-width: 750px){
    .notifications-search .crt-form > .srb.pri:first-child > span:not(:last-child){
		display: none !important;	}
	.notifications-search .crt-form > .srb.pri:first-child > span:last-child{
		margin-left: auto !important;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb.notifications-search:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-inpt.ter{
	    width: 100% !important;
	    border-bottom: 1px solid #e8e8e8 !important;
	    padding: 10px 0;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb.notifications-search:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-inpt.ter:focus{
    	border-color: #212121 !important;}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form .srb.pri:nth-child(2) > span:first-child ul:first-child{
		width: 100%;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form .srb.pri:nth-child(2) > span:first-child ul:last-child{
		position: absolute;
		right: 0;
		bottom: 5px;
		width: auto;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form .srb.pri > span:first-child ul:last-child .ett-hypl.pri{
        color: #005587;
        font-weight: 500;
        font-size: 14px;}
	.notifications-page.web-close-accounts-row > div:first-child .grb.notifications-search:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-inpt.ter::placeholder{
		color: #575757;
		font-weight: normal !important;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form .srb.pri:nth-child(2) > span:first-child ul.input-focus:first-child > li:first-child{
		top: -17px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form .srb.pri:nth-child(2) > span:first-child ul.input-focus:first-child  input::placeholder{
		color: transparent !important;	}
    .notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:nth-last-child(2){
		/*width: 24px !important;	*/
        width: calc(100% - 46px) !important;
        margin-left: 0;
    }
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:first-child .ett-labl.pri{
		/*width: 239px;*/
		word-break: keep-all;
		display: block;
		line-height: 1.5;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:nth-last-child(2) .ett-inpt.ter{
		/*border-bottom: none;	*/
	    
	}
	.consent-dashboard-page .web-panel .crt-form > .srb.pri:first-child > span:last-child, .notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child{
		width: 44px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:nth-last-child(2) .ecn > .icr > svg{
		height: 24px;
		top: 9px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child .ett-slct.ter > span::before{
		top: 21px;}
	.notifications-page.web-close-accounts-row > div:first-child .grb, .notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li{
		width: 100%;}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2){
		padding-top: 17px;
		padding-bottom: 14px !important;}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-inpt.ter{
		border: none;
		width: 24px;
		padding: 0;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-inpt.ter::placeholder{
		color: transparent;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child ul:last-child{
		margin-left: 20px;	}
    .notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form .srb.pri > span:first-child{
        width: calc(100% - 48px);
        display: block;
        margin-bottom: 16px;
    }
    .notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form .srb.pri:last-child > span:first-child{
        width: calc(100% - 44px);
        display: block;
        margin-top: -28px;
        margin-bottom: 13px;}
	.notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child .ett-inpt.ter + svg{
	  top: 4px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) > .srb.pri .ett-para.pri, .notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) .ett-labl.pri{
		font-size: 10px !important;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2) .ett-labl.pri{
		top: 0;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li{
		min-height: 107px;
		padding-top: 6px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri{
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:nth-child(2){
	    top: -30px;
		position: relative;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:not(:first-child){
		padding-left: 38px;	}
	.notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li > span > .srb.pri > span:last-child .ett-para.pri{
		position: relative;
		top: -12px;	}
}

/*-------------------------------------------------- Notifications modal responsive styles -----------------------------------------------*/

@media (max-width: 1800px){
	.notifications-modal .crt-form.hor.pri .flb{
		font-size: 14px;	}
	.notifications-modal .modal-cnt{
		margin-top: 31px;	}
	.notifications-modal .modal-cnt{
		padding-top: 25px !important;	}
	.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child > span:first-child{
		width: 149px;		}
	.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child{
		padding-bottom: 22px;	}
	.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:first-child{
		padding-top: 18px;
		padding-bottom: 14px;	}
	.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:nth-child(2){
		align-items: flex-start;
		margin-top: 20px;	}
	.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:not(:last-child):not(:first-child){
		margin-bottom: 18px;	}
	.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child > span:last-child ul:nth-child(n+2){
		margin-top: 19px;	}
	.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:last-child{
	  margin-bottom: 19px;	}
}

@media (max-width: 1050px){
	.notifications-modal .modal-cnt{
		margin-top: 27px;
		padding-top: 21px !important;	}
	.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child > span:last-child ul:nth-child(n+2){
		margin-top: 15px;	}
	.notifications-modal .modal-cnt > .grb:first-child > div > .plt-simp:first-child .crt-form > .srb.pri:first-child{
		padding-bottom: 18px;	}
	.notifications-modal .modal-cnt > .grb:first-child > div > .grb .crt-form > .srb.pri:last-child{
	  margin-bottom: 15px;	}
	.notifications-modal .modal-cnt{
		padding-bottom: 100px !important;	}
}
@media (max-width: 750px){
	.notifications-modal .modal-cnt{
		border-top: none;
		padding-top: 0 !important;
		margin-top: 32px;	}
	.notifications-modal .modal-cnt > .grb:first-child{
		border-top: 1px solid #e8e8e8;
		padding-top: 17px;	}
	.notifications-modal.web-modal.modal.in .modal-window{
		padding-top: 39px !important;	}
}


/*----------------------------------------- Profile settings dashboard responsive styles --------------------------------------------*/

@media (max-width: 1800px){
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri > span:first-child{}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child .ett-para.pri{
		font-size: 12px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:last-child{
		padding-left: 20px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child{
		padding: 29px 32px 32px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child{
		max-width: 448px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:last-child svg{
		width: 20px;
		height: 20px;
		top: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) img{
		width: 132px;
		height: 132px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 0px;}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel{
		padding: 28px 32px !important;	}
	.add-new-btn button.ett-bttn.ter{
		width: auto !important;
		padding: 6px 28px 6px 16px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:first-child{
		padding-bottom: 16px;	}
	.profile-settings-dashboard-page .crt-form.ver.pri .flb, .profile-settings-dashboard-page .crt-form.hor.pri .flb{
		font-size: 14px;	}
	.web-page.profile-settings-dashboard-page{
		height: auto;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb{
		margin-left: -32px;
		margin-right: -32px;
		padding-left: 32px;
		padding-right: 32px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child{
		padding: 32px 40px 32px 32px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2){
		padding-top: 24px;
		padding-bottom: 24px;
		}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span:not(:last-child) > .srb.pri > span:first-child svg{
		width: 40px;
		heigth: 40px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri{
		height: 56px;
		padding: 0 17px 0 8px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span:not(:last-child){
		margin-right: 32px;
		padding-right: 17px;
		padding-left: 8px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child svg{
		width: 80px;
		height: 80px;
		margin-top: 10px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2){
		padding-top: 28px;
		margin-bottom: 32px;
		min-height: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div:first-child{
		margin-right: 32px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div{
		padding: 28px 32px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div{
		min-height: 196px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child{
		padding: 28px 32px 16px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div .crt-form:first-child > .srb.pri:first-child{
		padding-bottom: 13px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li > span:first-child svg{
		width: 40px;
		height: 40px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li > span:first-child{
		padding-right: 28px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li{
		margin-bottom: 22px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child .srb.pri:last-child .ett-bttn.sec{
		font-size: 14px;
		width: 105px;
		height: 32px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div{
		height: 288px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div .crt-form:first-child > .srb.pri:first-child{
		margin-bottom: 21px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:first-child svg{
		width: 40px;
		height: 40px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:nth-child(2) ul:first-child .ett-labl.pri{
		font-size: 12px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:nth-child(2) ul:last-child .ett-labl.pri{
		top: -2px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2){
		margin-bottom: 17px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2) svg{
		width: 124px;
		height: 112px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div .crt-form > .srb.pri:first-child{
		margin-bottom: 14px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:first-child .ett-hypl.pri{
		font-size: 14px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child{
		padding: 28px 32px 17px !important; height: auto;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2) > span:first-child{
		width: 148px;}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2){
		margin-left: -32px;
		margin-right: -40px;
		padding-left: 32px;
		padding-right: 40px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:last-child .ett-para.pri{
		line-height: 1.5;
		display: block;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:first-child{
		margin-bottom: 4px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:not(:nth-child(3n+3)){
		margin-right: 32px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri{
	    flex-grow: 1;
		flex-shrink: 1;
		margin-bottom: 24px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(7), .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(8), .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(9){
		margin-bottom: 28px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri > span:first-child svg{
		width: 40px;
		height: 40px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri > span:first-child{
		width: 60px !important;	}
}

@media (max-width: 1050px){
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:nth-child(2){
		padding-left: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:first-child{
		width: 64px;
		flex-shrink: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:nth-child(2) ul:last-child .ett-labl.pri{
		font-size: 10px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div{
		min-height: 191px;	}	
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div .crt-form > .srb.pri:first-child{
		margin-bottom: 9px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri > span:first-child{}
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-child(5) > span:first-child,
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-child(6) > span:first-child{
        width: 119px;}
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:first-child,
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-child(2),
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-child(3),
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-child(4){
    	width: 311px;}
    .profile-settings-dashboard-page.web-page.profile-settings-dashboard-page{
        padding: 0 !important;
        height: calc(100vh - 72px);}
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child{
        min-height: 343px !important;
        width: 100% !important;
        max-width: none;
        padding: 28px 32px 24px 28px !important;
        box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form{
        align-items: flex-start;
        flex-wrap: wrap;}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child{
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 232px;
		margin-top: -3px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:first-child{
		width: 100%;
		margin-bottom: 5px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span{
		max-height: 16px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:nth-child(2){
		width: 80px;
		flex-grow: 0;
		text-align: left !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child .ett-para.pri{
		font-size: 12px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:last-child{
	  padding-left: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:last-child svg{
		width: 16px;
		height: 16px;	}
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) img{
		width: 116px;
		height: 111px;
		margin-left: -34px;
		box-shadow: 0 0 0 8px #f6f6f6;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) svg{
		width: 36px;
		height: 36px;
		margin-left: -34px;	}
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2){
        width: 232px;
        margin-top: 63px;}
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel{
		width: calc(100% - 232px);
		height: 290px;
		display: block;
		padding: 20px 28px !important;
		max-height: 100%;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb{
		overflow: hidden;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri{
		width: 50%;
		flex-shrink: 0;
		flex-grow: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:first-child{
		margin-bottom: 21px;}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span,
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:last-child{
		height: 100%;
		display: block;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:last-child > span{
		display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    height: 100%;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-last-child(2) > span:last-child .ett-para.pri,
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:last-child > span:last-child .ett-para.pri{
		word-break: keep-all;
	    /*height: 64px;*/
	    overflow: hidden;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child{
		padding: 28px 32px !important;
		overflow: initial;
		min-height: max-content;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child{
	    overflow: overlay;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2){
		margin-right: -32px;
		padding-right: 32px;
		padding-top: 27px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span:not(:last-child){
		margin-right: 24px;
		padding-right: 16px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div:first-child{
		margin-right: 24px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div{
		padding: 24px 28px 32px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child{
		padding: 24px 28px 16px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li > span:first-child{
		padding-right: 24px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child{
		padding: 24px 28px 20px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2) svg{
		position: relative;
		top: 6px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div{
		border-radius: 20px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:last-child{
		margin-bottom: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri > span:first-child{	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) > span > ul:last-child .ett-bttn{
		left: -17px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:not(:nth-child(3n+3)){
		margin-right: 24px;	}
}

@media (max-width: 850px){
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) img{
		width: 92px;
		height: 92px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child{
		width: 168px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2){
		width: auto;
		margin-top: 80px;}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child{
		flex-shrink: 0;
		min-height: 464px;
		flex-grow: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:last-child > span{
		flex-wrap: nowrap;	}	
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri{
		width: 100%;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel{
		width: calc(100% - 168px);
		height: 100%;
		margin: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form{
		align-items: stretch;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:last-child{	
	    height: calc(100% - 70px);
	    overflow-y: overlay;
	    width: calc(100% + 20px);	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2){
		padding-top: 26px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span{
		flex-wrap: wrap;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri{
		flex-basis: 50%;
		flex-shrink: 0;
		max-width: 304px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span:not(:first-child){
		margin-right: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(2n+2){
		margin-right: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:last-child{
	  margin-bottom: 0 !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2){
		flex-direction: column;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div{
		width: 100%;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n + 2) > div:first-child,
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2){
		margin-bottom: 24px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div{
		min-height: 191px;		}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri{
		margin-bottom: 18px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li > span:last-child,
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:last-child{
		margin-left: auto;
		position: relative;
		left: 4px;	}
}

@media (max-width: 750px){
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:first-child, .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-child(2), 
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-child(3), 
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-child(4){
		width: 100%;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:last-child{
		width: 100%;	}
	.web-page.profile-settings-dashboard-page{
		height: auto;
		overflow-y: overlay;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form{
		flex-wrap: nowrap;
		width: calc(100% - 32px);
		margin-right: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child{
	    height: auto;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri,
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child{
		width: 100%;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:first-child{
		width: auto;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb > div > .plt-simp > .pst-simp > .crt-form > .srb.pri:first-child > span:nth-child(2){
		margin-left: auto;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child{
		padding: 21px 16px 0 !important;
		min-height: 621px !important;
		overflow: hidden;
		flex-shrink: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2){
		margin-top: 0px;
		margin-bottom: 0px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) svg{
		width: 32px;
		height: 32px;
		margin-left: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child > .grb{
	  padding-right: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) img{
		margin-left: 0;
		width: 82px;
		height: 82px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .crt-form > .srb.pri:nth-child(2) > span > ul:last-child .ett-bttn{
	  left: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel{
		height: 416px;
		padding: 20px 16px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child{
		overflow: hidden;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child{
		padding: 20px 16px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2){
		padding-top: 14px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri{
		min-width: 100%;
		max-width: none;
		flex-grow: 1;
		margin-right: 0 !important;
		margin-bottom: 16px;	}
	/*.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2){*/
	/*	max-height: 417px;}*/
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2){
		border-top: none;
		padding-top: 20px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div{
		border-radius: 16px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child{
		padding: 16px !important;
		padding-bottom: 5px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li > span:nth-child(2) .ett-para.pri:last-child{
		font-size: 10px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n + 2) > div:first-child, .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2){
		margin-bottom: 16px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child .ett-imge{
		background: #fff;
		position: relative;
		left: 50%;
		transform: translate(-50%);
		top: 18px;
		width: 117px;
		height: 40px;
		display: flex;
		border-radius: 20px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
		cursor: pointer;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child .ett-imge svg{
		display: none;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child .ett-imge::before{
		position: absolute;
		content: 'More';
		color: #116ED1;
		font-weight: 500;
		top: 50%;
		transform: translateY(-50%);
		padding-left: 52px;		}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child .ett-imge::after{
		position: absolute;
		content: '';
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
		width: 24px;
		height: 24px;
		background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-services-more.svg');
		background-size: cover;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(7), .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(8), .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:first-child .crt-form > .srb.pri:nth-child(2) > span > .srb.pri > span > .srb.pri:nth-child(9){
		margin-bottom: 16px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child .ett-imge.icon-expanded{
		top: 19px;	}
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child .ett-imge.icon-expanded::after{
        transform: rotateX(180deg);
        top: 8px;}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child .crt-form:last-child > .srb.pri:first-child .ett-imge.icon-expanded::before{
		content: 'Less';	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div .crt-form:first-child > .srb.pri:first-child{
		margin-bottom: 18px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li > span:nth-child(2) .ett-para.pri:last-child{
		margin-top: 3px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp .crt-list > ul > li{
		margin-bottom: 24px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div{
		height: 276px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(n+2) > div{
		padding: 16px 16px 24px !important;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div .crt-form:first-child > .srb.pri:first-child{
		padding-bottom: 13px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:first-child{
		width: 60px;
		flex-shrink: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:nth-child(2){
		padding-left: 0;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2) > span:nth-child(2) ul:last-child .ett-labl.pri{
		font-size: 10px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:last-child .crt-form > .srb.pri:nth-child(n+2){
		margin-bottom: 19px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2) svg{
		width: 116px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) .crt-form > .srb.pri:nth-child(2) > span:first-child{
		width: 136px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child{
		padding: 16px !important;}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(3) > div:last-child .crt-form > .srb.pri:first-child{
		margin-bottom: 8px;	}
	.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.pri:nth-child(2) .srb.pri:nth-last-child(2) > span:last-child .ett-para.pri{
		height: auto;	}
		.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child, .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child{
            max-height: 100%;}
}

/*------------------------------------------ EditMyDetails responsive styles -------------------------------------------------------*/

@media (max-width: 1800px){
	.edit-my-details-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child .ett-bttn.sec{
		font-size: 14px;
		width: 96px;
		height: 32px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child{
		height: 40px;	}
	.edit-my-details-page .web-panel{
		padding: 20px 28px 18px !important;
		width: 628px;
		margin-bottom: 16px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:last-child{
		margin-left: 24px;
		width: 48px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(2){
		padding-top: 25px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(n+2) .ett-labl.pri{
		font-size: 12px;
		margin-bottom: 24px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:first-child > .srb.pri > span > ul:last-child .ett-labl.pri{
		width: 61px;
		height: 20px;
		font-size: 12px;
		margin-left: 16px;
		margin-bottom: -3px;	}
}
@media (max-width: 1050px){
	.edit-my-details-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.edit-my-details-page .web-panel{
		width: 100%;
		padding: 16px 24px 14px !important;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:last-child{
		width: 44px;
		margin-left: 20px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(2){
		padding-top: 21px;
		margin-bottom: 29px;	}
}
@media (max-width: 850px){
	.edit-my-details-page .web-panel{
		width: 550px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:first-child{
		flex-grow: 1;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(3) > span:last-child ul:first-child .ett-labl.pri{
		top: -1px;
		position: relative;
		margin-bottom: 2px;
		line-height: 1.4 !important;	}
}
@media (max-width: 750px){
	.edit-my-details-page .web-panel{
		width: 100%;
		padding: 16px 16px 14px !important;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:first-child ul:last-child .ett-labl.pri{
		font-size: 10px;
		white-space: nowrap;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child .ett-bttn.sec{
		width: 24px;
		height: 24px;
		color: transparent;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:last-child{
		margin-left: 16px;
		width: 40px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:nth-last-child(2) button::after{
		position: absolute;
		content: '';
		background: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-pink-delete-icon.svg");
		background-size: cover;
		background-repeat: no-repeat;
		width: 24px;
		height: 24px;
		top: 0;
		right: 0;	}
	.edit-my-details-page .web-panel.panel--open > span > .srb.pri:nth-child(n+2){
		flex-wrap: wrap;	}
	.edit-my-details-page .web-panel.panel--open > span > .srb.pri:nth-child(n+2) > span{
		width: 50%;	}
	.edit-my-details-page .web-panel.panel--open > span > .srb.pri:nth-child(n+2) > span:last-child{
		margin-top: 28px;	}
	.edit-my-details-page .web-panel.panel--open > span > .srb.pri:nth-child(3) > span:nth-child(2){
		order: -1;	}
	.edit-my-details-page .web-panel.panel--open > span > .srb.pri:nth-child(3) > span:first-child{
		margin-top: -85px;	}
	.edit-my-details-page .web-panel.panel--open > span > .srb.pri:nth-child(3) > span:last-child{
		margin-left: auto;
		top: -83px;
		position: relative;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(n+2) .ett-labl.pri,
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(3) > span:last-child ul:first-child .ett-labl.pri{
		margin-bottom: 20px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:last-child{
		margin-bottom: -80px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(2){
		margin-top: 15px;	}
	.edit-my-details-page .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:first-child > span:first-child > .srb.pri > span > ul:last-child .ett-labl.pri{
		margin-left: 12px;
		 margin-bottom: -3px; 	}
}

/*------------------------------------------------------- Security Questions responsive styles ---------------------------------------*/

@media (max-width: 1800px){
	.security-questions-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.security-questions-page .web-panel{
		padding: 24px 28px !important;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child .ett-bttn{
		width: 96px;
		height: 32px;
		font-size: 14px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:nth-child(n+1):not(:last-child){
		height: 73px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:first-child{
		margin-top: 17px;	}
}
@media (max-width: 1050px){
	.security-questions-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.security-questions-page .web-panel{
		padding: 20px 24px 22px !important;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:nth-child(n+1):not(:last-child){
		height: 65px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:last-child{
		margin-top: 21px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:first-child{
		margin-top: 13px;	}
}

@media (max-width: 850px){
	.security-questions-page .web-panel{
		width: 550px;	}
}
@media (max-width: 750px){
	.security-questions-page .web-panel{
		width: 100%;
		padding: 18px 16px 18px !important;	}
	/*.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri{*/
	/*  flex-wrap: wrap;	}*/
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child .web-panel .crt-list > ul > li:nth-child(n+1):not(:last-child){
		height: 57px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span:first-child{
		width: 100%;
		margin-bottom: 14px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span {
        text-align: left;
    }	
}

/*------------------------------------------------ Set security questions responsive styles -------------------------------------------*/

@media (max-width: 1800px){
	/*.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child{*/
	/*	width: 628px;	}*/
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child .ett-labl.pri{
		margin-bottom: 22px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel{
		padding: 27px 28px 30px !important;
		margin-bottom: 20px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:first-child{
		margin-bottom: 44px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:nth-child(2) > span:first-child{
		margin-right: 32px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span:last-child{
		width: 120px;	}
}
@media (max-width: 1050px){
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child{
		width: 100%;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child{
		padding-top: 24px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child .ett-labl.pri{
		margin-bottom: 16px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel{
		padding: 24px 24px 28px !important;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:first-child{
		margin-bottom: 42px;
		padding-bottom: 21px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:nth-child(2) > span:first-child{
		margin-right: 24px;	}
	.security-questions-page .web-dropdown .ett-slct.ter::before{
		top: 5px;	}
	.security-questions-page.web-close-accounts-row{
		height: auto;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:first-child > div > .grb.web-panel:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span:last-child{
		width: 116px;	}
}
@media (max-width: 850px){
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child,
	.security-questions-page .web-panel{
		width: 550px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel{
		margin-bottom: 24px;	}
}
@media (max-width: 750px){
	.security-questions-page.web-close-accounts-row{
		height: auto;
		justify-content: flex-end;	}
	.security-questions-page.web-close-accounts-row > div:first-child{
		height: auto	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child, .security-questions-page .web-panel{
		width: 100%;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child{
		padding-top: 20px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:first-child .ett-labl.pri{
		margin-bottom: 13px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel{
		padding: 20px 16px 25px !important;
		margin-bottom: 16px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:first-child{
		padding-bottom: 17px;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:nth-child(2){
		flex-direction: column;	}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:nth-child(2) > span{
		width: 100%;}
	.security-questions-page.web-close-accounts-row > div:first-child > .grb:last-child > div > .grb:nth-child(n+2).web-panel .crt-form > .srb.pri:nth-child(2) > span:last-child{
		margin-top: 50px;	}
	.security-questions-page .flbl-float label{
		margin-top: -15px;	}
}

/*------------------------------------------- Password settings responsive styles -------------------------------------------------*/

@media (max-width: 1800px){
	.password-settings-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.web-info-panel .ett-labl.pri{
		font-size: 14px !important; 	}
	.password-settings-page .web-info-panel{
	    padding: 20px 17px 17px 20px;	}
	.password-settings-page .web-panel, .password-settings-page .web-info-panel{
		/*width: 518px;*/
		margin-bottom: 28px;}
	.password-settings-page .web-panel{
		padding: 39px 28px 45px !important;	}
	.password-settings-page .web-panel > .srb.pri:first-child{
		margin-top: 0;
		margin-bottom: 60px;	}
	.password-settings-page .ett-inpt.ter{
		padding-bottom: 8px;	}
	.password-settings-page .ett-inpt.ter + svg{
        top: 16px;
        right: 4px;}
	.password-settings-page .crt-form.ver.pri .flbl-float .flb{
	    position: relative;
	    top: 8px;
		left: 0 !important;	}
	.password-settings-page .ett-inpt.ter[type=password]{
		font-size: 21px !important;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3){
		margin-bottom: 37px;
		margin-top: 44px;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:first-child > span:first-child{
		margin-right: 21px;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:last-child{
		margin-top: 12px;	}
}
@media (max-width: 1050px){
	.password-settings-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.password-settings-page .web-panel, .password-settings-page .web-info-panel{
		/*width: 432px;*/
		margin-bottom: 16px;	}
	.password-settings-page .web-panel{
		padding: 31px 24px 45px !important;}
	.password-settings-page .web-panel > .srb.pri:nth-child(3){
	    margin-bottom: 31px;
	    margin-top: 45px;	}
	.password-settings-page .crt-form.ver.pri .flbl-float .flb{
		top: 8px;	}
	.password-settings-page .ecn > .icr > .ett-inpt.ter{
		padding-bottom: 8px;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:first-child{
		flex-direction: column;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:first-child > span{
		width: 100%;
		margin-bottom: 12px;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:last-child > span{
		float: right;
		width: auto;
		display: block;
		margin-top: -22px;
		padding-right: 21px;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:last-child{
		margin-top: -15px;	}
}
@media (max-width: 850px){
	.password-settings-page .web-panel, .password-settings-page .web-info-panel{
		width: unset;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:last-child > span{
		float: left;
		margin-top: 15px;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3){
		margin-bottom: 33px;	}
}
@media (max-width: 750px){
    .password-settings-page .crt-form.ver.pri .flbl-float .flb{
        top: 11px;	}
	.password-settings-page .web-panel, .password-settings-page .web-info-panel{
		width: 100%;	}
	.password-settings-page .web-info-panel{
		margin-top: 0;
		border-radius: 12px;
		padding: 16px 16px 13px !important;}
	.password-settings-page .web-panel{
		padding: 25px 16px 38px !important;	}
	.password-settings-page .web-panel > .srb.pri:first-child{
		margin-bottom: 52px;		}
	.password-settings-page .web-panel > .srb.pri:nth-child(3){
		margin-top: 43px;
		margin-bottom: 28px;	}
	.password-settings-page .web-panel > .srb.pri:nth-child(3) .srb.pri:first-child > span{
		margin-bottom: 10px;}
}

/*---------------------------------------- Communication Preferences responsive styles -------------------------------------------------*/

@media (max-width: 1800px){
	.communication-prefrences-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px !important;}
	.communication-prefrences-page .web-panel{
		/*width: 518px !important;*/
		padding: 25px 28px 21px !important;
		margin-bottom: 28px;	}
	.communication-prefrences-page .web-panel .crt-form > .srb.pri:nth-child(2){
		padding-top: 21px;
		padding-bottom: 19px;
		margin-bottom: 19px;
		margin-top: 23px;	}
	.communication-prefrences-page .web-panel .crt-form > .srb.pri:nth-child(2) .flb{
		line-height: 1.5 !important;
		display: block;	}
	.communication-prefrences-page .grb:nth-child(3) .crt-form > .srb.pri:first-child > span:nth-child(2) .flb{
	  left: 32px;}
	.communication-prefrences-page .web-panel.grb:nth-child(3) .crt-form > .srb.pri:nth-child(2){
		margin-top: 18px;	}
	.communication-prefrences-page .web-panel .crt-form > .srb.pri .srb.pri{
		margin-bottom: 17px;	}
}
@media (max-width: 1050px){
	.communication-prefrences-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px !important;
		white-space: nowrap	}
	.communication-prefrences-page .web-panel{
		/*width: 432px !important;*/
		padding: 23px 24px 17px !important;
		margin-bottom: 24px;	}
	.communication-prefrences-page .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-top: 19px;
		padding-top: 17px;
		padding-bottom: 15px;
		margin-bottom: 15px;	}
	.communication-prefrences-page .grb:nth-child(3) .crt-form > .srb.pri:first-child > span:nth-child(2) .flb{
		left: 20px;	}
	.communication-prefrences-page .web-panel.grb:nth-child(3) .crt-form > .srb.pri:nth-child(2){
		margin-top: 14px;	}
	.communication-prefrences-page .web-panel .crt-form > .srb.pri .srb.pri{
		margin-bottom: 13px;	}
}
@media (max-width: 850px){
	/*.communication-prefrences-page .web-panel{*/
	/*	width: 468px !important;	}*/
}
@media (max-width: 750px){
	.communication-prefrences-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 17px !important;	}
	.communication-prefrences-page .web-panel{
		width: 100% !important;
		padding: 17px 16px 16px !important;
		margin-bottom: 16px;	}
	.communication-prefrences-page .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-top: 15px;
		padding-top: 13px;
		padding-bottom: 11px;
		margin-bottom: 14px;	}
	.communication-prefrences-page .grb:nth-child(3) .crt-form > .srb.pri:first-child > span:nth-child(2) .flb{
		left: 9px;	}
	.communication-prefrences-page .web-panel.grb:nth-child(3) .crt-form > .srb.pri:nth-child(2){
		margin-top: 10px;	}
	.communication-prefrences-page .web-panel .crt-form > .srb.pri:first-child .flb, .communication-prefrences-page .web-panel .crt-form > .srb.pri:nth-child(n+3) .flb{
		white-space: nowrap;	}
}

/*------------------------------------------------ Statement settings responsive styles ---------------------------------------------*/


@media (max-width: 1800px){
	.statement-settings-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px !important;	}
	.statement-settings-page .raise-dispute-form > .srb.pri{
		padding-top: 32px;
		padding-bottom: 32px;	}
	.statement-settings-page .ett-rdio.hor.pri input[type=radio] + label{
		font-size: 14px;	}
	.statement-settings-page .etb-rdio.hor.pri > span{
		margin-right: 50px;	}
	.statement-settings-page .raise-dispute-form > .srb.pri:last-child .web-panel{
		height: 72px;
		padding-left: 20px !important;	}
}
@media (max-width: 1050px){
	.statement-settings-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px !important;	}
	.statement-settings-page .raise-dispute-form > .srb.pri{
		padding-top: 28px !important;
		padding-bottom: 28px !important;	}
	.statement-settings-page .raise-dispute-form > .srb.pri:last-child .web-panel{
		height: 64px;	}
	.statement-settings-page .etb-rdio.hor.pri > span{
		margin-right: 42px;	}
	.statement-settings-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
		padding-bottom: 19px;
		padding-top: 19px;	}
}
@media (max-width: 750px){
	.statement-settings-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 17px !important;	}
	.statement-settings-page .raise-dispute-form > .srb.pri{
		padding-top: 21px !important;
		padding-bottom: 24px !important;	}
	.statement-settings-page .raise-dispute-form > .srb.pri > span:first-child{
		width: 100%;	}
	.statement-settings-page .raise-dispute-form > .srb.pri > span:first-child .ett-labl.pri{
		margin-bottom: 21px;	}
	.statement-settings-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
		border-radius: 12px;	}
	.statement-settings-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
		padding: 16px 16px 14px !important;	}
	.statement-settings-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul .ett-labl.pri{
		font-size: 14px !important;	}
	.statement-settings-page .raise-dispute-form > .srb.pri:last-child > span:first-child .ett-labl.pri{
		margin-bottom: 25px;	}
}

/*--------------------------------------------------- Account limits responsive styles ------------------------------------------*/

@media (max-width: 1800px){
	.account-limits-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px	}
	.account-limits-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child .ett-labl.pri{
		font-size: 14px;
		line-height: 1.5 !important;	}
	.account-limits-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child ul:last-child{
		margin-left: 0;	}
	.account-limits-page .raise-dispute-form > .srb.pri{
		padding-top: 32px;
		padding-bottom: 32px;	}
	.account-limits-page .raise-dispute-form > .srb.pri:nth-child(2) > span:first-child .ett-labl.pri{
		width: 55%;	}
	.account-limits-page .ecn > .syl > span{
		font-size: 14px;	}
}
@media (max-width: 1050px){
	.account-limits-page .raise-dispute-form > .srb.pri{
		padding-top: 28px;
		padding-bottom: 28px;	}
	.account-limits-page.web-close-accounts-row .web-select{
		width: 100% !important;	}
	.account-limits-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
}
@media (max-width: 850px){
	.account-limits-page .raise-dispute-form > .srb.pri > span:first-child .ett-labl.pri{
		width: 80%;
		display: block;	}
	.account-limits-page .raise-dispute-form > .srb.pri:nth-child(2) > span:first-child .ett-labl.pri{
		width: 65%;	}
}
@media (max-width: 750px){
	.account-limits-page .raise-dispute-form > .srb.pri > span:first-child .ett-labl.pri,
	.raise-dispute-form > .srb.pri > span:first-child{
		width: 100%;	}
	.account-limits-page .raise-dispute-form > .srb.pri{
		padding-top: 21px;
		padding-bottom: 21px;	}
	.account-limits-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child{
		padding: 16px 16px !important;
		border-radius: 12px;}
	.account-limits-page .raise-dispute-form > .srb.pri:first-child > span:last-child > .srb.pri:last-child .ett-labl.pri{
		font-size: 14px !important;	}
	.account-limits-page .raise-dispute-form > .srb.pri:nth-child(n+2) > span:nth-child(2) > .srb.pri:not(:nth-child(2)) .ett-labl.pri,
	.account-limits-page .raise-dispute-form > .srb.pri:nth-child(n+2) > span:nth-child(2) > .srb.pri:not(:nth-child(2)) .ett-para.pri{
		font-size: 10px;	}
	.account-limits-page .raise-dispute-form > .srb.pri:nth-child(n+2) > span:nth-child(2) > .srb.pri:not(:nth-child(2)) .ett-labl.pri{
		margin-bottom: 5px;	}
	.account-limits-page .raise-dispute-form > .srb.pri:nth-child(n+2) > span:nth-child(2) > .srb.pri:not(:nth-child(2)) .ett-para.pri{
		margin-top: 8px;	}
	.account-limits-page .raise-dispute-form > .srb.pri:first-child{
		padding-bottom: 24px;	}
	.account-limits-page .raise-dispute-form > .srb.pri > span:first-child label{
		margin-bottom: 16px;	}
	.account-limits-page .raise-dispute-form > .srb.pri:last-child > span:first-child ul:first-child label{
		margin-bottom: 0;	}
	.account-limits-page .raise-dispute-form > .srb.pri:last-child > span:first-child{
		display: flex;	}
	.account-limits-page .raise-dispute-form > .srb.pri:last-child > span:first-child ul{
		width: auto;
		margin-bottom: 18px;	}
	.account-limits-page .raise-dispute-form > .srb.pri:last-child > span:first-child ul label{
		margin-bottom: 0;	}
}

/*------------------------------------------- Dashboard account details responsive styles ---------------------------------------------------*/

@media (max-width: 1800px){
	.dashboard-account-details-page .grb{
		width: 628px;	}
	.dashboard-account-details-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2){
		padding-top: 28px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri{
		margin-bottom: 28px;	}
	.dashboard-account-details-page .web-select{
		width: 408px;
		padding: 0 20px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child .ett-para.pri{
		width: 40px;
		height: 40px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child{
		width: 56px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child{
		margin-top: 8px;
		padding: 32px 32px 36px !important;
		display: flex;	}
    .dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:last-child{
        padding-left: 36px;
        padding-top: 71px;}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .ett-bttn{
		width: 201px;
		height: 40px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:last-child .crt-list > ul.pri > li:not(:last-child){
		margin-bottom: 28px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child .crt-form:first-child .ett-labl.pri{
		margin-bottom: 18px;	}
	.dashboard-account-details-page .bsbrow ul{
		margin-bottom: 0;	}
	.dashboard-account-details-page .bsbrow{
		margin-bottom: 20px;	}
	.dashboard-account-details-page .daysrow{
		margin-bottom: 34px !important;	}
	.dashboard-account-details-page .amount-text{
		padding-top: 14px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .ett-bttn{
		font-size: 14px;	}
	.dashboard-account-details-page .availbalrow .ett-labl.pri,
	.dashboard-account-details-page .availbalrow .ett-para.pri{
		line-height: 1 !important;	}
}
@media (max-width: 1050px){
	.dashboard-account-details-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.dashboard-account-details-page .grb{
		width: 100%;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2){
		padding-top: 24px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri{
		margin-bottom: 24px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child .ett-para.pri{
		width: 36px;
		height: 36px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child{
		width: 52px;	}
	.dashboard-account-details-page .web-select{
		width: 318px !important;	}
	.dashboard-account-details-page .pst-simp > div.everyday-account{
		width: 264px;
		height: 195px;	}
	.dashboard-account-details-page .pst-simp > div.everyday-account::before{
		height: 58px;	}
	.dashboard-account-details-page .everyday-account.crt-form .ett-para.pri,
	.dashboard-account-details-page .everyday-account.crt-form .ett-labl.pri{
		font-size: 10px !important;	}
	.dashboard-account-details-page .everyday-account.crt-form > .srb.pri > span > .srb.pri:first-child svg{
		width: 16px !important;
		height: 16px !important;
		margin-left: 8px;	}
	.dashboard-account-details-page .bsbrow{
		height: 29px;
		margin-bottom: 16px !important;	}
	.dashboard-account-details-page .daysrow{
		margin-bottom: 20px !important;	}
	.dashboard-account-details-page .bsbrow > span:first-child{
		margin-right: 26px;	}
	.dashboard-account-details-page .daysrow > span:last-child svg{
		width: 32px;
		height: 32px;	}
	.dashboard-account-details-page .daysrow > span:first-child{
		width: 84px;	}
	.dashboard-account-details-page .daysrow > span:nth-child(2) svg{
		width: 10px;
		height: 8px;	}
	.dashboard-account-details-page .daysrow > span:nth-child(2) .ett-para.icl > svg{
		margin-right: 8px !important;	}
	.dashboard-account-details-page .daysrow > span:last-child{
		width: 52px;	}
	.dashboard-account-details-page .loss-icon-text{
		margin-top: 15px;	}
	.dashboard-account-details-page .daysrow{
		margin-bottom: 20px;	}
	.dashboard-account-details-page .amount-text{
		padding-top: 8px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child{
		width: 264px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:last-child{
        padding-left: 24px;
        padding-top: 44px;}
    .dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .ett-bttn{
		width: 182px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child{
		padding: 28px 28px 32px !important;	}
	.dashboard-account-details-page .crt-form .availbalrow .ett-para.pri{
		font-size: 12px !important;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .ett-bttn svg{
		margin-right: 8px;}
}
@media (max-width: 850px){
	.dashboard-account-details-page .grb{
		width: 550px;	}
}
@media (max-width: 750px){
	.dashboard-account-details-page .grb,
	.dashboard-account-details-page .web-select{
		width: 100% !important;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:last-child{
		width: 100%;
		margin-top: 17px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri{
		flex-wrap: wrap;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child .ett-para.pri{
		width: 32px;
		height: 32px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(n+2):not(:last-child) .crt-form > .srb.pri > span:first-child{
		width: 48px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2){
		padding-top: 20px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child{
		padding: 20px 16px 23px !important;
		margin-top: 4px;
		flex-direction: column;	}
	.dashboard-account-details-page .pst-simp > div.everyday-account,
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child{
		width: 100%;
		height: 245px;	}
	.dashboard-account-details-page .pst-simp > div.everyday-account::before{
		height: 75px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child .crt-form:first-child .ett-labl.pri{
		margin-bottom: 14px;	}
	.dashboard-account-details-page .everyday-account.crt-form > .srb.pri > span > .srb.pri:first-child svg{
		width: 24px !important;
		height: 24px !important;
		margin-left: 16px;	}
	.dashboard-account-details-page .everyday-account.crt-form .ett-para.pri, .dashboard-account-details-page .everyday-account.crt-form .ett-labl.pri{
		font-size: 12px !important;	}
	.dashboard-account-details-page .bsbrow{
		margin-top: 7px;
		height: 32px;
		margin-bottom: 22px !important;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .selected .ett-bttn use{
        fill: #fff;}
	.dashboard-account-details-page .daysrow > span:last-child svg{
		width: 44px;
		height: 44px;	}
	.dashboard-account-details-page .daysrow{
		margin-bottom: 34px !important;	}
	.dashboard-account-details-page .crt-form .availbalrow .ett-para.pri{
		font-size: 12px !important;	}
	.dashboard-account-details-page .amount-text{
		padding-top: 14px;	}
	.dashboard-account-details-page .bsbrow > span:first-child{
		margin-right: 22px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-list > ul.pri{
		display: flex;
		justify-content: space-around;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-list > ul.pri > li{
		flex-shrink: 0;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .ett-bttn{
		font-size: 12px;
		width: 44px;
		height: 44px;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 9px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .ett-bttn svg{
		flex-shrink: 0;
		margin-right: 0;
		margin-bottom: 21px;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .selected .ett-bttn::before{
		display: none;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .selected .ett-bttn{
		color: #212121;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .ett-bttn > span{
		line-height: 1;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:last-child{
	  padding-top: 20px;
	  width: 100%;
	  padding-left: 0;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child > div:first-child{
		flex-shrink: 0;
		height: auto;	}
	.dashboard-account-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-list > ul.pri > li{
		width: auto;	}
}


/*-------------------------------------------- Security and DataSharingLaunch responsive styles -------------------------------------------*/

@media (max-width: 1800px){
	.data-sharing-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.data-sharing-page .web-panel{
		/*width: 518px;*/
		height: 80px;
		margin-bottom: 16px;
		padding: 0 28px !important;	}
	.data-sharing-page .web-panel > span:first-child svg{
		width: 40px;
		height: 40px;	}
	.data-sharing-page .web-panel > span:first-child{
		width: 60px;
		flex-shrink: 0;	}
	.data-sharing-page .web-panel > span:nth-child(2) ul:last-child .ett-labl.pri{
		margin-top: 9px;	}
}

@media (max-width: 1050px){
	.data-sharing-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.data-sharing-page .web-panel{
		/*width: 432px;*/
		height: 72px;
		padding: 0 24px !important;	}
	.data-sharing-page .web-panel > span:first-child svg{
		width: 36px;
		height: 36px;	}
	.data-sharing-page .web-panel > span:first-child{
		width: 56px;
		flex-shrink: 0;	}
}
@media (max-width: 850px){
	.data-sharing-page .web-panel{
		width: 468px;	}
}
@media (max-width: 750px){
	.data-sharing-page .web-panel{
		width: 100%;
		height: 68px;
		padding: 0 16px !important;	}
	.data-sharing-page .web-panel > span:first-child svg{
		width: 32px;
		height: 32px;	}
	.data-sharing-page .web-panel > span:first-child{
		width: 48px;	}
	.data-sharing-page .web-panel > span:nth-child(2) ul:last-child .ett-labl.pri{
		font-size: 10px;
		margin-top: 8px;	}
}

/*-------------------------------------------------- Two factor authentication responsive styles ------------------------------------------------*/

.two-factor-authentication-page .web-dropdown .ett-slct.ter.web-dropdown .ett-slct.ter{
	border-bottom: none;}
@media (max-width: 1800px){
	.two-factor-authentication-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.two-factor-authentication-page .web-panel{
	  width: 518px;
	  padding: 27px 28px 34px !important;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child > span:first-child{
		margin-right: 32px;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child{
		margin-bottom: 58px;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 37px;	}
}
@media (max-width: 1050px){
	.two-factor-authentication-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.two-factor-authentication-page .web-panel{
		width: 432px;
		padding: 26px 24px 34px !important;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child{
		  margin-bottom: 54px;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 36px;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child > span:first-child{
		margin-right: 24px;	}
}
@media (max-width: 850px){
	.two-factor-authentication-page .web-panel{
		width: 386px;	}
}
@media (max-width: 750px){
	.two-factor-authentication-page .web-panel{
		width: 100%;
		padding: 17px 16px 28px !important;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child{
	  flex-direction: column;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child > span{
		width: 100% !important;
		margin-right: 0 !important;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child > span:first-child{
		margin-bottom: 50px;		}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:first-child{
		margin-bottom: 50px;	}
	.two-factor-authentication-page .web-panel .crt-form > .srb.pri:nth-child(2){
		margin-bottom: 33px;	}
	.two-factor-authentication-page.web-close-accounts-row .web-dropdown > li:first-child label{
		font-size: 10px !important;	}
}

/*-------------------------------------------------- Manage PayId responsive styles ------------------------------------------------------*/

.manage-payid-page .crt-form:last-child .srb.pri.web-panel ul{
	margin-bottom: 0;}
.manage-payid-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
@media (max-width: 1800px){
	.manage-payid-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.manage-payid-page .web-panel{
		/*width: 518px !important;*/
		min-height: 72px;
		padding: 0 28px !important;	}
	.manage-payid-page .crt-list > ul > li:last-child{
		margin-bottom: 32px;	}
	.manage-payid-page .crt-list > ul > li > span:first-child .ett-para.pri{
		padding-left: 16px;	}
	.manage-payid-page .crt-list > ul > li > span:first-child{
		width: 295px;	}
	.manage-payid-page .crt-form:last-child .srb.pri.web-panel{
		height: 56px;	}
	.manage-payid-page .crt-list > ul > li{
		margin-bottom: 16px;	}
}
@media (max-width: 1050px){
	.manage-payid-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 21px;	}
	.manage-payid-page .web-panel{
		/*width: 432px !important;*/
		min-height: 64px;
		padding: 0 24px !important;}
	.manage-payid-page .crt-list > ul > li:last-child{
		margin-bottom: 24px;	}
	.manage-payid-page .crt-form:last-child .srb.pri.web-panel{
		height: 48px;	}
	.manage-payid-page .crt-list > ul > li > span:first-child .ett-para.pri{
		padding-left: 12px;	}
	.manage-payid-page .crt-list > ul > li > span:first-child{
		width: 245px;	}
}

@media (max-width: 850px){
	.manage-payid-page .web-panel{
		/*width: 468px;	*/
	    
	}
		.manage-payid-page .crt-list > ul > li > span:first-child .ett-para.pri{
		word-break: break-all;	}
}
@media (max-width: 750px){
	.manage-payid-page .web-panel{
		width: 100% !important;
		padding: 0 16px !important;	}
	.manage-payid-page .crt-list > ul{
		width: 100%;
		display: block;	}
	.manage-payid-page .crt-list > ul > li > span:first-child .ett-para.pri{
		font-size: 12px;	}
	.manage-payid-page .crt-list > ul > li > span:first-child{
		/*width: 100%;*/
		flex-shrink: 0;	}
	.manage-payid-page .crt-list > ul > li > span:nth-child(2){
		flex-grow: 1;	}
}

/*-------------------------------------------------- Manage payid modal responsive styles -------------------------------------------------*/

.manage-payid-modal .crt-form > .srb.pri:first-child ul{
    margin-bottom: 0;}
@media (max-width: 1800px){
    .manage-payid-modal .crt-form > .srb.pri:first-child, .manage-payid-modal .crt-form > .srb.pri:nth-child(5){
		height: 72px;
		margin-bottom: 23px;
		margin-top: 23px;}
	.manage-payid-modal .crt-form.hor.pri .flb,
	.manage-payid-modal .crt-form > .srb.pri:nth-child(2) .ett-para.pri, 
	.manage-payid-modal .crt-form > .srb.pri:nth-child(3) .ett-para.pri, 
	.manage-payid-modal .crt-form > .srb.pri:nth-child(4) .ett-para.pri{
		font-size: 14px;	}
	.manage-payid-modal.web-modal .modal-cnt{
		padding-top: 9px !important;
		    padding-bottom: 65px !important;
	    
	}
	.manage-payid-modal .crt-form > .srb.pri:nth-child(2), .manage-payid-modal .crt-form > .srb.pri:nth-child(3), .manage-payid-modal .crt-form > .srb.pri:nth-child(4){
		margin-bottom: 14px;}
	.manage-payid-modal .crt-form > .srb.pri:nth-last-child(2) .ett-bttn.ter{
		margin-top: 25px;
		padding: 8px 32px 8px 20px !important;
		font-size: 14px;
		height: 40px;	}
	.manage-payid-modal .crt-form > .srb.pri:not(:last-child) > span:first-child{
		width: 188px;	}
}
@media (max-width: 1050px){
	.manage-payid-modal .crt-form > .srb.pri:first-child, .manage-payid-modal .crt-form > .srb.pri:nth-child(5){
		height: 64px;
		margin-top: 20px;
		margin-bottom: 20px;	}
	.manage-payid-modal .crt-form > .srb.pri:nth-last-child(2) .ett-bttn.ter{
		margin-top: 21px;	}
	.manage-payid-modal .crt-form > .srb.pri:not(:last-child) > span:first-child{
		width: 140px;	}
}
@media (max-width: 750px){
	.manage-payid-modal .crt-form > .srb.pri:first-child, .manage-payid-modal .crt-form > .srb.pri:nth-child(5){
		height: 57px;
		margin-top: 17px;
		margin-bottom: 17px;	}
	.manage-payid-modal .crt-form > .srb.pri:nth-child(2) ul, 
	.manage-payid-modal .crt-form > .srb.pri:nth-child(3) ul, 
	.manage-payid-modal .crt-form > .srb.pri:nth-child(4) ul{
		margin-bottom: 0;	}
}

/*---------------------------------------------- Contact details edit responsive styles -----------------------------------------------*/

.input-validation{
	position: relative;}
.input-validation > span:nth-child(2){
    position: absolute;
    text-align: right;}
.input-validation > span:nth-child(2) .ett-labl.pri{
	color: #E01010;
	margin-top: 12px;
	display: block;
	font-size: 12px;}
@media (max-width: 1800px){
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:first-child .ett-labl.pri{
		margin-top: 2px;
		display: block;
		font-size: 14px;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:first-child{
		margin-bottom: 50px;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+2):not(:last-child){
		margin-bottom: 52px;	}
	.edit-my-details-page .crt-form:nth-child(n+2) .web-panel > span > .srb.pri:nth-last-child(2){
		padding-bottom: 38px;
		margin-bottom: 24px !important;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:last-child .ett-bttn.sec,.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:last-child .ett-bttn.ter{
		width: 96px;
		height: 32px;
		font-size: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 16px !important;	}
	.edit-my-details-page .ett-bttn.ter > span{
	    top: 0;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:last-child{
		margin-bottom: 6px;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+2):not(:last-child) > span:not(:first-child){
		margin-left: 32px;	}
    .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(3) > span:nth-child(2n+1), 
    .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(4) > span:nth-child(2n+1){
		width: 68px;	}
}

@media (max-width: 1050px){
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:first-child{
		padding-top: 6px;
		padding-bottom: 21px;
		margin-bottom: 46px;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+2):not(:last-child){
		margin-bottom: 51px;	}
	.edit-my-details-page .crt-form:nth-child(n+2) .web-panel > span > .srb.pri:nth-last-child(2){
		margin-bottom: 20px !important;	}
	.edit-my-details-page .crt-form:nth-child(2) .web-panel > span > .srb.pri:nth-child(4):not(:last-child){
		margin-bottom: 34px;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+2):not(:last-child) > span:not(:first-child){
		margin-left: 24px;	}
	 .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(3) > span:nth-child(2n+1), 
    .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(4) > span:nth-child(2n+1){
		width: 63px;	}
}
@media (max-width: 750px){
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:first-child{
		padding-top: 2px;
		padding-bottom: 17px;
		margin-bottom: 40px;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+2):not(:last-child){
		flex-direction: column;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+2):not(:last-child) > span{
		width: 100% !important;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+2):not(:last-child){
		margin-bottom: 47px;	}
	.edit-my-details-page .crt-form:nth-child(2n).ver.pri .flbl-float .flb{
		top: 6px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(2) .crt-form:last-child > .srb.pri > span > .srb.pri:nth-child(n + 3) > span:nth-child(2n+1)  .flbl-float .flb{
		top: 10px;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+3):not(:last-child):not(:nth-last-child(2)) > span:not(:last-child){
		margin-bottom: 52px;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(n+3):not(:last-child):not(:nth-last-child(2)) > span:nth-child(2){
		margin-bottom: 47px;	}
	.edit-my-details-page .crt-form:nth-child(n+2) .web-panel > span > .srb.pri:nth-last-child(2){
		padding-bottom: 36px;
		margin-bottom: 16px !important;	}
	.edit-my-details-page .crt-form:nth-child(2n) .web-panel > span > .srb.pri:last-child{
	    margin-bottom: 2px !important;	}
}


/*------------------------------------------- Edit Occupation details responsive styles ------------------------------------------------------*/

.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .web-panel > span > .srb.pri:last-child{
	margin-bottom: 7px;}
@media (max-width: 1800px){
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form:nth-child(2n) .web-panel > span > .srb.pri:first-child{
		padding-top: 6px;
		margin-bottom: 42px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(2) .flbl-float .flb{
		top: 8px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(2){
		margin-bottom: 60px;	}
	.edit-my-details-page .datepicker .ett-date::before{
		top: 5px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .web-panel > span > .srb.pri:last-child{
		margin-bottom: 6px;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child .ett-labl.pri{
		font-size: 14px;}
}
@media (max-width: 1050px){
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(2){
		margin-bottom: 56px;	}
	.edit-my-details-page .datepicker .ett-date::before{
		top: 4px;	}
}
@media (max-width: 750px){
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:last-child .crt-form:last-child .ett-labl.pri{
		font-size: 14px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form:nth-child(2n) .web-panel > span > .srb.pri:first-child{
		margin-bottom: 35px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(2){
		margin-bottom: 52px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(2) > span:first-child{
		margin-bottom: 47px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(3) .crt-form:nth-child(2n) .web-panel > span > .srb.pri:nth-child(3) > span:first-child{
		margin-bottom: 51px;	}
}

/*--------------------------------------------------- Edit Address Details responsive styles ------------------------------------------------*/


.edit-my-details-page.web-close-accounts-row .ecn > .icr > svg{
	right: 4px;}
.edit-my-details-page .app-radio .ett-rdio.hor.pri input[type=radio] + label{
    display: flex;
    align-items: center;}
.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) + .grb .suggestions-list{
	margin-top: -23px;}
@media (max-width: 1800px){
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:first-child .ett-labl.pri,
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .ett-labl.pri,
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri .ett-hypl.pri,
	.edit-my-details-page .app-radio .ett-rdio.hor.pri input[type=radio] + label{
		font-size: 14px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child{
		padding: 28px 28px 24px !important;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2){
		height: 72px;
		margin-bottom: 44px;	}
    .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri{
        height: 48px;
        padding-left: 24px;
        margin-top: -18px;}
    .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(4) .crt-form > .srb.pri{
	    height: 48px;
	    padding-left: 24px;
	    margin-top: -18px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(4) .crt-form > .srb.pri .ett-hypl.pri{
		font-size: 14px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) .srb.pri > span > .srb.pri:last-child{
		margin-bottom: 34px;
		padding-top: 0;
		height: 82px;
		justify-content: flex-end;
		align-items: flex-end;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) > .srb.pri > span > .srb.pri{ 
		margin-bottom: 27px;	}
	.edit-my-details-page .app-radio .ett-rdio.hor.pri input[type=radio] + label{
		margin: 0;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(7){
		margin-bottom: 34px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) .srb.pri > span > .srb.pri{
		height: 72px;
		margin-bottom: 0;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:last-child{
		padding-top: 24px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp .pst-simp > .crt-form:last-child .ett-bttn.ter,
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp .pst-simp > .crt-form:last-child .ett-bttn.sec{
		width: 96px;
		height: 32px;
		font-size: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 0;
		margin-right: 16px;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3) > span:first-child, .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4) > span:first-child, .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5) > span:first-child{
		margin-right: 32px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3){
		margin-bottom: 30px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4), .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5){
		margin-bottom: 50px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(6){
		padding-bottom: 34px;	}
	.edit-my-details-page .suggestions-list > ul > li{
	  height: 48px;
	  padding-left: 24px;	}
	.edit-my-details-page .suggestions-list{
		margin-top: -18px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) + .grb .suggestions-list{
		margin-top: -18px;	}
}
@media (max-width: 1050px){
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child{
		padding: 24px 24px 20px !important;		}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:first-child{
		margin-bottom: 21px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2){
		height: 64px;
		margin-bottom: 40px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form.ver.pri .flbl-float .flb{
		margin-top: -17px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri{
		margin-top: -18px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) > .srb.pri > span > .srb.pri{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin-bottom: 23px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) > .srb.pri > span > .srb.pri > span{
		width: 100%;
		text-align: left;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) > .srb.pri > span > .srb.pri > span:last-child{
		margin-top: 29px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) .srb.pri > span > .srb.pri{
		height: 113px;
		justify-content: center;
		margin-bottom: 0;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) > .srb.pri > span > .srb.pri > span:last-child .ett-rdio.hor.pri > span{
		margin-right: 38px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:last-child{
		margin-top: 0;
		padding-top: 20px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) .srb.pri > span > .srb.pri:last-child{		
		height: 78px;	}
	.edit-my-details-page .app-radio .ett-rdio.hor.pri input[type=radio]:checked + label:after{
		top: 50%;
		left: 5px;
		transform: translateY(-50%);	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3){
		margin-bottom: 33px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3) > span:first-child, .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4) > span:first-child, .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5) > span:first-child{
		margin-right: 24px;	}
}
@media (max-width: 850px){
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2){
		height: 56px;	}
}
@media (max-width: 750px){
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child{
		padding: 20px 16px 16px !important;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:first-child{
		margin-bottom: 17px;}
	.edit-my-details-page .grb:nth-child(4) .web-panel.panel--open > span > .srb.pri:nth-child(n+2) > span:last-child{
		margin-top: 0;	}
	.edit-my-details-page .grb:nth-child(3) .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:nth-child(2){
		margin-bottom: 0;	}
	.edit-my-details-page .grb:nth-child(3) .web-panel.panel--open > span > .srb.pri:nth-child(3) > span:last-child{
		top: 26px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2) > span:nth-child(2) ul:first-child{
		display: none;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2) > span:nth-child(2) ul:last-child{
		display: block !important;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(2){
		margin-bottom: 35px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(7){
		margin-bottom: 30px;	}
    .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri{
        display: flex;
        align-items: flex-start;
        height: 66px;
        padding-top: 12px;
        background: #fff;
        box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
        border-radius: 12px;
        padding-left: 28px;
        margin-top: -14px;
        margin-bottom: -51px;
        z-index: 1000;
        position: relative;}
    .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(2) .crt-form > .srb.pri .ett-hypl.pri,
    .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(4) .crt-form > .srb.pri .ett-hypl.pri{
		line-height: 1.4 !important;
		display: block;
		padding-top: 1px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) > .srb.pri > span > .srb.pri > span:last-child{
		margin-top: 21px;}
    .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) > .srb.pri > span > .srb.pri{
        margin-bottom: 0;
        margin-top: 0;
        height: 125px !important;
        justify-content: flex-start !important;
        padding-top: 17px;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:last-child{
		padding-top: 16px;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .crt-form:nth-child(3) .ett-labl.pri{
		line-height: 1.5 !important;	}
	.edit-my-details-page .grb:nth-child(4) .crt-form:nth-child(2n+1) .web-panel > span > .srb.pri:last-child{
		margin-bottom: 0;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child .crt-form:nth-child(3) .srb.pri > span > .srb.pri:last-child{
		height: 73px !important;
		justify-content: flex-end !important;
		align-items: flex-end;
		margin-bottom: 30px;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .grb:nth-child(4) .crt-form > .srb.pri{
	    display: flex;
	    align-items: flex-start;
	    height: 66px;
	    padding-top: 12px;
	    background: #fff;
	    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
	    border-radius: 12px;
	    padding-left: 28px;
	    margin-top: -14px;
	    margin-bottom: -51px;
	    z-index: 1000;
	    position: relative;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3), .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4), .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5), .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(6){
		flex-direction: column;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3) > span, .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4) > span, .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5) > span, .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(6) > span{
		width: 100% !important;
		margin-right: 0 !important;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3), .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4), .edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5){
		margin-bottom: 46px;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(3) > span:last-child, 
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4) > span:last-child, 
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(5) > span:last-child{
		margin-top: 46px;	}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(4) > span:last-child{
		margin-top: 33px;}
	.edit-my-details-page.web-close-accounts-row > div:first-child > .grb:nth-child(4) .grb:last-child > div > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri > span > .srb.pri:nth-child(6){
		padding-bottom: 28px;	}
	.edit-my-details-page .suggestions-list > ul > li{
		padding-left: 20px;	}
}

/*------------------------------------------------------- Open hardship request styles ----------------------------------------------------*/

.open-hardship-request-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:last-child{
    width: 60px;
    flex-grow: 0;}
.open-hardship-request-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(3){
    border-left: none;
    justify-content: flex-end;}
@media (max-width: 750px){
	.open-hardship-request-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:nth-child(3){
		position: relative;
		top: -1px;	}
	.open-hardship-request-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:first-child > span:first-child{
		top: 9px;
		position: relative;	}
	.open-hardship-request-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:nth-child(2) .ett-para.pri{
		position: relative;
		top: -1px;	}
	.open-hardship-request-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:nth-child(3){
		display: none;	}
	.open-hardship-request-page.open-raise-dispute-page .crt-list > ul.pri > li.web-panel > span > .srb.pri:first-child > span:nth-child(2){
		text-align: right;		}
}

/* APPA 2051 fix */

.edit-payment-page .raise-dispute-form > .srb.pri:nth-child(2) .web-select::before{
	display: none;}

/*--------------------------------------------------- Repayment confirmation modal styles ----------------------------------------------------*/

.repayment-confirmation.modal.confirmation-popup .modal-header{
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 50px !important;
	margin-right: 50px !important;}
.repayment-confirmation.pay-anyone-confirmation.modal.confirmation-popup .crt-form.hor.pri > .srb.pri > .scb-col100 > .srb.pri{
	margin-bottom: 21px;}
.repayment-confirmation.modal.confirmation-popup .confirmation-amnt-field{
	margin-bottom: 37px;}
.repayment-confirmation .crt-form > .srb.pri:first-child .ett-labl.pri{
	float: left;}

/*------------------------------------------------- Repayment confirmation modal responsive styles -------------------------------------------*/

@media (max-width: 1800px){
	.repayment-confirmation .modal-window{
		padding-top: 100px !important;	}
	.repayment-confirmation.modal.confirmation-popup .confirmation-amnt-field{
		margin-top: 28px;
		margin-bottom: 33px;	}
	.repayment-confirmation.modal.confirmation-popup .confirmation-amnt-field .ett-para.pri{
		font-size: 24px !important;	}
	.repayment-confirmation.modal.confirmation-popup.pay-anyone-confirmation .confirmation-amnt-field > span{
		height: 76px !important;}
	.repayment-confirmation.modal.confirmation-popup .modal-header{
		margin-left: 40px !important;
		margin-right: 40px !important;	}
	.repayment-confirmation.pay-anyone-confirmation.modal.confirmation-popup .crt-form.hor.pri > .srb.pri > .scb-col100 > .srb.pri{
		margin-bottom: 24px;	}
	.repayment-confirmation.pay-anyone-confirmation.modal.confirmation-popup .crt-form.hor.pri > .srb.pri > .scb-col100 > .srb.pri:first-child{
		margin-bottom: 21px;	}
}
@media (max-width: 1050px){
	.repayment-confirmation .modal-window{
		padding-top: 72px !important;	}
	.repayment-confirmation.modal.confirmation-popup .modal-header{
	    margin-left: 32px !important;
	    margin-right: 32px !important;	}
	.repayment-confirmation.modal.confirmation-popup .confirmation-amnt-field{
		margin-bottom: 29px;
		margin-top: 24px;	}
}
@media (max-width: 750px){
	.repayment-confirmation.modal.confirmation-popup .modal-header{
	    margin-left: 16px !important;
	    margin-right: 16px !important;	}
	.repayment-confirmation.modal.confirmation-popup.pay-anyone-confirmation .confirmation-amnt-field > span{
	    height: 68px !important;	}
	.repayment-confirmation.pay-anyone-confirmation.web-modal .modal-cnt{
		padding-top: 24px !important;	}
	.repayment-confirmation.modal.confirmation-popup .confirmation-amnt-field{
		margin-top: 20px;
		margin-bottom: 24px;}	.repayment-confirmation.pay-anyone-confirmation.modal.confirmation-popup .crt-form.hor.pri > .srb.pri > .scb-col100 > .srb.pri:first-child{
		margin-bottom: 17px;	}
}


/*-------------------------------------- Services Break term deposit summary responsive styles -----------------------------------------------*/


@media (max-width: 1800px){
	.break-deposit-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
	.break-deposit-summary-panel{
		width: 628px;
		padding: 32px 28px 26px;
		margin-bottom: 36px;	}
	.break-deposit-summary-panel > span > .srb.pri ul:first-child label{
		font-size: 12px !important;	}
	.break-deposit-summary-panel > span > .srb.pri ul:last-child p{
		font-size: 14px;	}
	.break-deposit-summary-panel > span > .srb.pri:not(:last-child){
		margin-bottom: 30px;	}
	.break-deposit-page .external-account-col > .srb.pri:first-child{
		width: 330px;  	}
	.break-deposit-page .external-account-panel{
		margin-top: 32px;
		padding-bottom: 26px;	}
	.bsb-invalid-text span:not(:empty), .bsb-valid-text span:not(:empty){
		font-size: 14px;
		padding: 0 16px 0 20px;
		height: 48px;
		margin-top: 17px !important;	}
	.bsb-valid-text span:not(:empty)::before{
		top: 50%;
		transform: translateY(-50%);	}
}
@media (max-width: 1050px){
	.break-deposit-page .crt-form.hor.pri .web-page-heading label.flb{
	    margin-bottom: 21px;	}
	.break-deposit-summary-panel{
		width: 100%;
		padding: 28px 24px 25px !important;
		margin-bottom: 32px;	}
	.break-deposit-summary-panel > span > .srb.pri:not(:last-child){
	    margin-bottom: 26px;	}
	.break-deposit-page .external-account-col > .srb.pri:first-child{
	    width: 285px;	}
	.break-deposit-page .external-account-panel{
	    margin-top: 28px;	}
}
@media (max-width: 850px){
	.break-deposit-summary-panel{
		width: 468px;	}
	.break-deposit-page .external-account-col > .srb.pri:first-child{
	    width: 246px;	}
}
@media (max-width: 750px){
	.break-deposit-page .break-deposit-summary-panel{
		width: 100%;
		padding: 28px 16px 25px !important;
		margin-bottom: 24px;	}
	.break-deposit-page .break-deposit-summary-panel > span > .srb.pri:not(:last-child){
		flex-wrap: wrap;
		display: flex;
		margin-bottom: 0;	}
	.break-deposit-page .break-deposit-summary-panel > span > .srb.pri:not(:last-child) > span{
		width: 50%;	}
	.break-deposit-page .break-deposit-summary-panel > span > .srb.pri:not(:last-child) > span:last-child{
		margin-top: 22px;	}
	.break-deposit-page .break-deposit-summary-panel > span > .srb.pri:last-child > span{
		width: 50%;
		float: right;
		margin-top: -60px;
		margin-bottom: -50px;	}
	.break-deposit-page .external-account-col{
	    flex-direction: column;
		align-items: flex-start;	}
	.break-deposit-page .external-account-col > span:first-child,
	.break-deposit-page .external-account-col > .srb.pri:first-child{
		width: 100%;	}
	.break-deposit-page .external-account-panel{
	    margin-top: 24px;	}
	    #CardsW__MyCards__InactiveDesc_li {
  display: block;
  height: 24px; }

}
}


/*------------------------------------------------ Services authentication modal styles ----------------------------------------------------*/

.services-authentication-modal.status-modal.web-modal img{
    width: 225px;
    height: 234px;
    /*margin-top: 176px;*/
    /*display: block !important;*/
    position: relative;
    left: 50%;
    transform: translateX(-50%);}
.services-authentication-modal.status-modal.web-modal .modal-header::after{
	display: none;}
.services-authentication-modal.status-modal.web-modal .modal-header{
	padding-left: 0 !important;;}
.services-authentication-modal.status-modal .modal-header .ett-bttn{
	display: block;}
@media (max-width: 1800px){
	.services-authentication-modal.status-modal.web-modal img{
		width: 209px;
		height: 217px;
		left: 88px;
		transform: none;
		margin-top: 120px;	}
	.services-authentication-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
		padding-top: 25px;	}
}
@media (max-width: 1050px){
	.services-authentication-modal.status-modal.web-modal img{
		left: 65px;
		margin-top: 98px;	}
	.services-authentication-modal.status-modal.web-modal .crt-form > .srb.pri:not(.web-modal-footer):first-child{
		padding-top: 21px;	}
}
@media (max-width: 850px){
	.services-authentication-modal.status-modal.web-modal img{
		left: 74px;
		margin-top: 225px;	}
	.services-authentication-modal.status-modal.web-modal .modal-cnt{
		height: 100%;
		max-height: none;	}
}
@media (max-width: 750px){
	.services-authentication-modal.status-modal.web-modal img{
		width: 202px;
		height: 210px;
		margin-top: 131px;	}
}

/*------------------------------------------------- Pay anyone payee/biller details styles -------------------------------------------------*/


.pay-anyone-payee-details-page .crt-form.hor.pri .web-page-heading label.flb{
	margin-bottom: 29px;}
.pay-anyone-payee-details-page .web-panel{
	width: 734px;
	padding: 33px 32px 38px !important;}
.pay-anyone-payee-details-page .web-panel > span > .srb.pri:first-child ul:first-child .ett-labl.pri{
	color: #575757;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 21px;
	display: block;}
.pay-anyone-payee-details-page .web-panel > span > .srb.pri:first-child ul:last-child .ett-para.pri{
	color: #212121;
	font-weight: 700;}
.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2){
	margin-top: 33px;
	padding: 0;
	height: 101px;
	margin-bottom: 48px;}
.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri > span:last-child .ett-labl.pri{
	left: 0;}
.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child{
	padding-left: 76px;}
.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child .ett-labl.pri{
	font-size: 12px;
	margin-top: 7px;
	display: block;}
.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri:first-child .ett-labl.pri{
	font-size: 16px;}
.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) svg{
	box-shadow: none;
	position: relative;
	left: -16px;}
.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) svg circle{
	fill: #005587;}

/*-------------------------------------------- Accounts Manage modalresponsive styles --------------------------------------------------------*/

.manage-accounts-modal .crt-form > .srb.pri  > span:first-child{
	width: 48px;
	flex-shrink: 0;}

@media (max-width: 1800px){
	.manage-accounts-modal .modal-cnt{
		margin-top: 32px;
		padding-top: 28px !important;	}
	.manage-accounts-modal .crt-form > .srb.pri{
		margin-bottom: 28px !important;	}
	.manage-accounts-modal .crt-form > .srb.pri  > span:first-child{
		width: 44px;
		flex-shrink: 0;	}
	.manage-accounts-modal .pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:nth-child(2){
		padding-left: 0;	}
}
@media (max-width: 1050px){
	.manage-accounts-modal .modal-cnt{
		margin-top: 28px;	}
	.manage-accounts-modal .pst-simp.pa0 > div.account-details-manage{
		width: 100%;	}
	.manage-accounts-modal .crt-form > .srb.pri{
	    margin-bottom: 24px !important;	}
}
@media (max-width: 850px){
	.manage-accounts-modal .pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:first-child{
		width: 44px;	}
	.manage-accounts-modal .pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:nth-child(2) label{
		width: 100%;
		white-space: nowrap;	}
}
@media (max-width: 750px){
	.manage-accounts-modal .pst-simp > div.account-details-manage > .srb.pri:not(:first-child) > span:last-child{
		flex: 1;	}
	.manage-accounts-modal .modal-cnt{
		margin-top: 24px;
		padding-top: 20px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0;
		margin-right: 0;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .web-tab .acco:last-child .tabcontent .manage-accounts-modal .crt-form > .srb.pri{
		margin-bottom: 20px !important;	}
	.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .tabs-ctr > .acco:last-child .tabcontent .manage-accounts-modal .crt-form:not(:last-child) .ett-labl.pri{
		left: 0;	}
	
}


/* APPA-2160, APPA-2180, APPA-2179 fix */

.date-time-col{
	display: flex !important;}
.date-time-col .ett-para.pri:last-child{
	margin-left: 10px;
	position: relative;}
.date-time-col .ett-para.pri:last-child::before{
    position: absolute;
    content: '';
    left: -6px;
    top: 3px;
    height: 15px;
    width: 1px;
    background: #212121;}
@media (max-width: 1800px){
	.date-time-col .ett-para.pri:last-child::before{
        top: 3px;
        height: 12px;}
}
@media (max-width: 1050px){
	.date-time-col .ett-para.pri:last-child::before{
	    top: 5px;	}
}

@media (max-width: 850px){
	.date-time-col{
		flex-direction: column;	}
	.date-time-col .ett-para.pri:last-child{
		margin-left: 0;
		margin-top: 0 !important;	}
	.date-time-col .ett-para.pri:last-child::before{
		display: none;	}
}
@media (max-width: 750px){
	.date-time-col{
		flex-direction: row;	}
	.date-time-col .ett-para.pri:last-child::before{
        display: block;
        left: 5px;
        position: absolute;}
    .open-break-deposit-page:not(.open-close-account-page) .date-time-col .ett-para.pri:last-child::before{
        left: 3px;}
	.date-time-col .ett-para.pri:last-child{
		padding-left: 8px;											}
    .date-time-col .ett-para.pri:first-child{
        width: auto !important;
        overflow: visible !important;}
}

/*------------------------------------------------- Pay anyone details styles ----------------------------------------------------------------*/

.pay-anyone-payee-details-page.var1 .web-panel > span > .srb.pri:first-child > span > .srb.pri:last-child{
	margin-top: 34px;}
.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri:first-child > span:last-child .ett-labl.pri{
	color: #212121 !important;}

@media (max-width: 1800px){
	.pay-anyone-payee-details-page .web-panel{
		width: 628px;
		padding: 32px 28px 30px !important;	}
	.pay-anyone-payee-details-page .web-panel > span > .srb.pri:first-child ul:first-child .ett-labl.pri{
		font-size: 12px;
		margin-bottom: 24px;	}
	.pay-anyone-payee-details-page.var1 .web-panel > span > .srb.pri:first-child > span > .srb.pri:last-child{
		margin-top: 30px;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2){
		margin-top: 30px;
		height: 89px;
		margin-bottom: 44px;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child{
		padding-left: 66px;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri:first-child .ett-labl.pri{
		font-size: 14px;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) > span:last-child > .srb.pri:last-child .ett-labl.pri{
		margin-top: 9px;	}
	.pay-anyone-payee-details-page .crt-form.hor.pri .web-page-heading label.flb{
		margin-bottom: 25px;	}
}

@media (max-width: 1050px){
	.pay-anyone-payee-details-page .crt-form.hor.pri .web-page-heading label.flb{
	    margin-bottom: 21px;	}
	.pay-anyone-payee-details-page .web-panel{
		width: 100%;
		padding: 28px 24px 30px !important;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2) svg{
		width: auto;
		height: auto;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2){
		margin-top: 26px;
		height: 81px;
		margin-bottom: 40px;	}
}
@media (max-width: 850px){
	.pay-anyone-payee-details-page .web-panel{
		width: 468px;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:first-child > span:last-child{
		width: 100%;	}
}
@media (max-width: 750px){
	.pay-anyone-payee-details-page .web-panel{
		width: 100%;
		padding: 24px 16px 28px !important;	}
	.pay-anyone-payee-details-page .web-panel > span > .srb.pri:first-child > span > .srb.pri:first-child{
		display: flex;
		flex-wrap: wrap;	}
	.pay-anyone-payee-details-page .web-panel > span > .srb.pri:first-child > span > .srb.pri:first-child > span{
		width: 50%;	}
	.pay-anyone-payee-details-page .web-panel > span > .srb.pri:first-child > span > .srb.pri:first-child > span:nth-child(3){
		margin-top: 28px;	}
	.pay-anyone-payee-details-page .web-panel > span > .srb.pri:first-child > span > .srb.pri:last-child > span{
		float: right;
		width: 50%;
		margin-top: -52px;	}
	.pay-anyone-payee-details-page.var1 .web-panel > span > .srb.pri:first-child > span > .srb.pri:last-child{
		margin-top: 0;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2){
		margin-top: 25px;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(2){
		margin-bottom: 34px;	}
	.pay-anyone-payee-details-page .save-payee-panel > span > .srb.pri:nth-child(3) > span:last-child{
		margin-top: 46px;	}
}


/*-------------------------------------------- Login/Registration toast message styles -----------------------------------------------------*/

.alertify.alertify-new .dialog{
	width: 480px;
	right: 200px;
	top: 138px !important;
	border-radius: 12px;
	min-height: 72px;}
.pnt-alts.inf.alertify.alertify-new .dialog p{
	padding-bottom: 21px;}
@media (max-width: 1800px){
	.alertify.alertify-new .dialog{
		width: 392px;
		right: 100px;
		top: 120px !important;
		min-height: 64px;	}
	.pnt-alts.inf.alertify.alertify-new .dialog p{
		padding-top: 21px;
		padding-bottom: 18px;	}
}
@media (max-width: 1050px){
	.alertify.alertify-new .dialog{
		width: 420px;
		right: 82px;
		top: 96px !important;	}
}
@media (max-width: 850px){
	.alertify.alertify-new .dialog{
		width: 371px;
		right: 80px;
		top: 96px !important;	}
}

@media (max-width: 750px){
	.alertify.alertify.new.dialog .msg{
		padding-left: 56px !important;
		background-position: 20px 16px;	}
	.alertify.alertify-new .dialog{
		top: 76px !important;
		right: 16px;
		width: auto;	}
}

/* Pay anyone status modal responsive styles */

@media (max-width: 1800px){
    .pay-anyone-status-modal.status-modal.web-modal .crt-form > .srb.pri:first-child{
        padding-top: 28px !important;
        padding-bottom: 25px !important;
        margin-bottom: 28px;}
	.pay-anyone-status-modal .web-modal-footer ul:first-child button.ett-bttn{
		padding-left: 28px;
		padding-right: 28px;}
	.pay-anyone-status-modal .web-modal-footer ul:last-child:not(:first-child){
		padding-left: 28px;}
	.pay-anyone-status-modal .crt-form > .srb.pri:nth-child(n+2) > span:first-child{
	    width: 188px;}
	.pay-anyone-status-modal.status-modal.web-modal .crt-form > .srb.pri:first-child p{
		font-size: 14px;}
}
@media (max-width: 1050px){
    .pay-anyone-status-modal.status-modal.web-modal .crt-form > .srb.pri:first-child{
		padding-top: 24px !important;
		padding-bottom: 21px !important;
		margin-bottom: 24px;	}
	.pay-anyone-status-modal .web-modal-footer ul:last-child:not(:first-child){
		padding-left: 24px;	}
}
@media (max-width: 750px){
    .pay-anyone-status-modal .crt-form > .srb.pri:nth-child(n+2) > span:first-child{
	    width: 168px;	}
	.pay-anyone-status-modal .web-modal-footer ul:last-child:not(:first-child){
		padding-left: 21px;	}
	.pay-anyone-status-modal.status-modal.web-modal .crt-form > .srb.pri:first-child{
		padding-top: 20px !important;
		padding-bottom: 18px !important;
		margin-bottom: 20px;	}
}

/*-------------------------------------------------------------- styles for button states --------------------------------------------------*/

.ett-bttn.pri:hover{
	background: #005587 !important;}
.ett-bttn.pri:focus{
	background: #005587 !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.28);}
.ett-bttn.pri:focus-visible,
.ett-bttn.sec:focus-visible,
.ett-bttn.ter:focus-visible{
	outline: 1px solid #005587 !important;
	outline-offset: 2px;
    box-shadow: none;}
.ett-bttn.pri[disabled],
.ett-bttn.pri[disabled]:focus,
.ett-bttn.pri.disabled,
.ett-bttn.pri.disabled:focus{
    opacity:0.3;
    background-color: #005587 !important;
    border-color: #005587 !important;
    color: #FFF8FB !important;}
.ett-bttn.ter:hover{
	background: #F0F0F0 !important;
	color: #005587;
	border-color: #005587;}
.ett-bttn.ter:focus{
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.28);}
.ett-bttn.sec:hover{
	background: #F0F0F0 !important;
	box-shadow: 0 0 22px rgba(240, 240, 240, 1);}
.ett-bttn.sec:focus{
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.12);}
.nick-name-edit-modal .account-details-row .crt-form > .srb.pri > span:first-child{
	width: 193px;
	flex-shrink: 0;}

/*-------------------------------------------- Everyday account all details modal styles -----------------------------------------------------*/

.nick-name-edit-modal.everyday-all-details-modal .account-details-row .crt-form > .srb.pri > span:first-child{
	width: 193px;
	flex-shrink: 0;}
@media (max-width: 1800px){
	.nick-name-edit-modal.everyday-all-details-modal .account-details-row .crt-form > .srb.pri > span:first-child{
		width: 215px !important;	}
	.nick-name-edit-modal.everyday-all-details-modal .account-details-row .crt-form > .srb.pri:last-child > span:first-child{
		width: 241px !important;	}
}
@media (max-width: 1050px){
	.nick-name-edit-modal.everyday-all-details-modal .account-details-row .crt-form > .srb.pri > span:first-child{
		width: 189px !important;
		flex-shrink: 0;	}
	.nick-name-edit-modal.everyday-all-details-modal .account-details-row .crt-form > .srb.pri:last-child > span:first-child{
		width: 208px !important;	}
}
@media (max-width: 850px){
	.nick-name-edit-modal.everyday-all-details-modal .account-details-row .crt-form > .srb.pri > span:first-child{
		width: 179px !important;
		flex-shrink: 0;	}
	.nick-name-edit-modal.everyday-all-details-modal .account-details-row .crt-form > .srb.pri:last-child > span:first-child{
		width: 198px !important;	}
}
@media (max-width: 750px){
	.nick-name-edit-modal.everyday-all-details-modal .account-details-row .crt-form > .srb.pri > span:first-child{
		width: 181px !important;
		flex-shrink: 0;	}
	.nick-name-edit-modal.everyday-all-details-modal .account-details-row .crt-form > .srb.pri:last-child > span:first-child{
		width: 200px !important;	}
}

/*--------------------------------------------------- Breadcrumb styles ----------------------------------------------------------------------*/

.web-breadcrumb > ul{
	display: flex !important;}
.web-breadcrumb > ul > li{
	width: auto !important;
	cursor: pointer;
	margin-right: 22px !important;}
.web-breadcrumb > ul > li p{
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;}
.web-breadcrumb > ul > li:not(:last-child){
	color: #0A6ED1;
	position: relative;}
.web-breadcrumb > ul > li:not(:last-child)::after{
	position: absolute;
	content: '/';
	top: 50%;
	right: -14px;
	color: #212121;}
.web-breadcrumb > ul > li:last-child{
	color: #212121;}
.web-breadcrumb-container{
    display: flex;
    align-items: center;}
.web-breadcrumb-container > .crt-form:nth-child(2){
    width: 40px;}
@media (max-width: 1050px){
	.web-breadcrumb > ul > li p{
		font-size: 14px;	}
}
@media (max-width: 850px){
    .web-breadcrumb > ul > li p{
		max-width: 95px;}
}
@media (max-width: 750px){
	.web-breadcrumb > ul > li:not(:last-child) p{
		/*width: 9px !important;*/
		overflow: hidden;
		display: block;
		margin-right: 0 !important;
		/*color: transparent	*/
	    
	}
	.web-breadcrumb > ul > li:not(:last-child)::before{
		position: absolute;
		content: '...';
		color: #0A6ED1;
		top: 3px;
		content: none;
	    
	}
	.web-breadcrumb > ul > li:not(:last-child)::after{
		font-size: 16px;	}
	.web-breadcrumb-container > div:first-child{
		width: 44px;	}
	.dashboard-page .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget{
        padding: 22px 16px !important;
        padding-bottom: 12px !important;}
}

/*----------------------------------------------------- header for subscreens styles -------------------------------------------------------*/

.apz-nav-stay-left.close-menu .pnt-head.pri.subscreen-header{
	height: 104px !important;}
div.pst-simp.main-page.subscreen-body{
	padding-top: 104px !important;}
div.pst-simp.main-page.subscreen-body .web-close-accounts-row{
	height: 100%;}
@media (max-width: 1800px){
	.apz-nav-stay-left.close-menu .pnt-head.pri.subscreen-header{
		height: 80px !important;	}
	div.pst-simp.main-page.subscreen-body{
		padding-top: 80px !important;	}
}
@media (max-width: 1050px){
	.apz-nav-stay-left.close-menu .pnt-head.pri.subscreen-header{
		height: 72px !important;	}
	div.pst-simp.main-page.subscreen-body{
		padding-top: 72px !important;	}
}
@media (max-width: 850px){
	.apz-nav-stay-left .pnt-head.pri > .grb > div:last-child .crt-navb > ul > li > ul:first-child li{
		display: flex;	}
}
@media (max-width: 750px){
	.apz-nav-stay-left.close-menu .pnt-head.pri.subscreen-header{
		height: 60px !important;	}
	div.pst-simp.main-page.subscreen-body{
		padding-top: 0px !important;	}
}

/*-------------------------------------------------- Dashboard recent transactions styles ---------------------------------------------------*/

.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri{
	display: flex;
    padding-right: 54px;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri > span:nth-child(3){
	width: 120px;
	flex-grow: 0;
	text-align: right;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri > span:nth-child(4){
	flex-grow: 2;
	text-align: right;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(4){
	  width: 126px;
	  text-align: right;}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(5){
    padding-right: 46px;
    flex-grow: 2;
    text-align: right;}
@media (max-width: 1050px){
    .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span:first-child > .srb.pri > span:first-child{
	  width: 45%;	}
}
@media (max-width: 850px){
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span:first-child > .srb.pri > span:first-child{
	  width: 44%;	}
	  .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(4){
	      width:138px;
	  }
}
@media (max-width: 750px){
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(4){
		width: 86px;
		flex-grow: 0 !important;
		flex-shrink: 0;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(3){
		width: 94px;	}
	.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .close-list > span:nth-child(5){
		padding-right: 6px;
		width: 96px;
		flex-shrink: 0;	}	
}

/*-------------------------- APPA-1952 fix -------------------------------*/

.card-details-widget .crt-form > .srb:nth-child(4) > span:nth-child(2) .ett-inpt.ter[readonly]:focus{
    border: none !important;}
.apz-nav-horizontal{
	z-index: 1500;}
	
/*---------------------------------- Widget loader styles -----------------------------------------------*/
	
.loader .ett-labl.pri,
.loader .ett-para.pri {
  position: relative !important;
  color: transparent !important;
  opacity: 1;
  animation: animateLoader 0.5s linear infinite alternate;}
.loader .ett-labl.pri::before,
.loader .ett-para.pri::before {
  content: '';
  position: absolute;
  width: 100%;
  display: block;
  height: 19px;
  background: #F2F2F2;
  right: 0;
  top: 0px; }
.loader .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:first-child .ett-para.pri::before,
.loader .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:nth-child(2) > .ett-para.pri + .srb.pri .ett-para.pri::before,
.loader .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:nth-child(2) > .ett-para.pri + .srb.pri .ett-labl.pri::before {
  height: 14px; }
.loader .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:nth-child(2) > .ett-para.pri + .srb.pri .ett-para.pri {
  top: 1px; }
.loader .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:first-child .ett-para.pri::before {
  top: 4px; }
.loader .trans-logo {
  position: relative;
  opacity: 1;
  animation: animateLoader 0.5s linear infinite alternate;}
.loader .trans-logo::before {
  position: absolute;
  content: '';
  top: 0;
  z-index: 2000;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f2f2f2; }
.loader .trans-logo img {
  opacity: 0; }
.loader .ett-bttn.sec {
  background-color: #f2f2f2 !important;
  border-radius: 0;
  color: transparent;
  opacity: 1;
  animation: animateLoader 0.5s linear infinite alternate;}
@media (max-width: 1800px) {
  .loader .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:first-child .ett-para.pri::before,
  .loader .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:nth-child(2) > .ett-para.pri + .srb.pri .ett-para.pri::before,
  .loader .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:nth-child(2) > .ett-para.pri + .srb.pri .ett-labl.pri::before {
    top: 3px; } }
@media (max-width: 750px) {
  .loader .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:first-child .ett-para.pri::before {
    top: 0; } }
@keyframes animateLoader {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.5; } }

#WebPrs__AccountAlert__AccountsListModal .my-accounts-panel > .crt-list:first-child li > span:nth-last-child(2){
     flex-grow: 1;
}
// #WebPrs__AccountAlert__AccountsListModal .my-accounts-panel > .crt-list:first-child li > span:last-child{
//     display: none;
// }
#WebPrs__AccountAlert__AccountsListModal .my-accounts-panel > .crt-list:first-child li > span:nth-last-child(2) .account-amount-col{
    padding-right: 0;
}
#WebAcc__AccountsPage__AccountDetailsRow_apz_1{
    min-height: 100vh;
}
/*--------------- Notifications popover styles ------------------*/
.apz-nav-stay-left .pnt-head.pri .notifications-popover .icon-notify {
    width: 44px;
    height: 44px;
    margin-top: -7px;
}
.notifications-popover{
	position: fixed !important;
    top: 48px !important;
    padding: 33px 36px 18px 36px;
    width: 605px;
    right: 16px;
    box-shadow: 0 0 20px rgba(0,0,0,0.16);
    border-radius: 24px;
    background: #fff;
    z-index: 3000;
    transform: none !important;
    left: auto !important;
    height: 570px;
    overflow: hidden;
     @media (max-width: 1050px){
        padding: 33px 16px 18px 16px;
        width: 435px;
     }
      @media (max-width: 750px){
        width: 350px;
     }
}
.notifications-popover .crt-list{
    height: 440px;
    overflow: auto;
}
.notifications-popover .crt-list > ul > li .ett-para.pri {
    display: block !important;
}
.notifications-popover h6 {
    font-size: 16px;
    font-weight: 700 !important;}
.notifications-popover .crt-list > ul > li > span > .srb.pri:first-child{
	padding-bottom: 9px;
	border-bottom: 1px solid rgba(184, 184, 184, 0.36);
	margin-bottom: 21px;}
.notifications-popover .crt-list > ul > li > span > .srb.pri:first-child .ett-para.pri{
	font-size: 12px;
	color: #575757;}
.notifications-popover .crt-list > ul > li > span > .srb.pri:nth-child(n+2) > span:first-child{
	width: 65px;
	flex-shrink: 0;}
.notifications-popover .crt-list > ul > li > span > .srb.pri:nth-child(n+2) > span:last-child .ett-para.pri{
	font-size: 14px;
	color: #575757;}
.notifications-popover .crt-list > ul > li > span > .srb.pri:nth-child(n+3){
	margin-top: 25px;}
.notifications-popover .crt-list > ul > li:nth-child(n+2){
	margin-top: 18px;}
.current-notification > span > .srb.pri:nth-child(n+2) > span:nth-child(2) .ett-para.pri{
	font-weight: 500;}
.current-notification > span > .srb.pri:nth-child(n+2) > span:first-child > span::before{
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	right: 0;
	background: #EA0058;
	border-radius: 50%;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);}
.notifications-popover .ett-bttn.sec{
	width: 118px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: #fff;
	z-index: 1000;
	position: relative;}
.notifications-popover .crt-form:last-child > .srb.pri{
	position: relative;
    margin-top: 24px;}
.notifications-popover .crt-form:last-child > .srb.pri::before{
	position: absolute;
	content: '';
	height: 1px;
	width: 100%;
	background: rgba(184, 184, 184, 0.36);
	top: 50%;}
.notifications-popover .crt-list > ul > li > span > .srb.pri:nth-child(n+2) > span:first-child > span{
	position: relative;}
.notifications-popover .crt-list > ul > li > span > .srb.pri:nth-child(n+2){
	align-items: center;}
.notifications-popover::before{
	position: absolute;
	content: '';
	top: -12px;
	right: 55px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #fff;}
.forgot-pass .input-field .ett-inpt.ter {
    border-bottom: 1px solid #c2c2c2 !important;
}
.sub-ctr ul li.hilt {
    background: inherit;
    color: inherit;
}


.registration-page .ett-pgst.pri.change-icon.hor li:nth-child(3)::before{
    background: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-security-qna.svg"); }

.registration-page .ett-pgst.pri.change-icon.hor li:nth-child(4)::before {
    background: url("../../../../../appzillon/styles/themes/OnlineBanking/img/web-set-password.svg"); }    

/*--------------- fund-transfer-new styles ------------------*/


.fund-transfer-column > div {
  width: 80%; }

.fund-transfer-column > div:first-child .crt-form > .srb.pri .scb-col60 {
  flex-grow: 1; }

/*.fund-transfer-column > div:first-child .crt-form > .srb.pri .scb-col40 {*/
/*  width: 256px; }*/

.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col60 {
  flex-grow: 1; }

/*.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col40 {*/
/*  width: 256px; }*/

.fund-transfer-column > div:first-child .crt-form .srb.pri {
  display: flex;
  align-items: center; }

.fund-transfer-column > div:first-child .crt-form .from-account {
  padding: 36px 0px; }

.fund-transfer-column .crt-form.hor.pri .srb.eoc {
  margin-bottom: 0px; }

.fund-transfer-column > div:first-child .crt-form > .srb.pri:first-child .scb-col60 .savings-account-label {
  margin-bottom: 12px; }

.fund-transfer-column > div:first-child .crt-form > .srb.pri:first-child .scb-col60 .savings-account-label .ett-para.pri {
  font-size: 12px; }

.fund-transfer-column > div:first-child .crt-form > .srb.pri:first-child .scb-col60 .web-select {
  margin-bottom: 12px; }

.fund-transfer-column > div:nth-child(2) .pst-simp .crt-form .srb.pri {
  display: flex;
  align-items: center; }

.web-fundtransfer-select {
  padding: 36px 0px;
  display: flex;
  align-items: center;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8; }

.fund-transfer-column > div:nth-child(2) .pst-simp > div:first-child.crt-form .web-fundtransfer-paymentdetails {
   margin-top: 36px; 
    align-items: flex-start; 
}

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2){
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 45px 28px 14px 28px;
    height: 232px;
	margin-top: 0px;
	margin-bottom: 28px;  }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:first-child{ }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(2){
   height: 26px;  }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(3){
   height: 26px;  }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(4){
   margin-top: 28px;  }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(5){
	height: 14px;}

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(6){
	height: 14px;}

.schedule-payment-data > span > span {
    margin-bottom: 24px;  }

.schedule-payment-data {
    padding: 28px;  }	

.fund-transfer-land-page.web-close-accounts-row > div:last-child svg{
	/*left: 0px;  */
}

.fund-transfer-column > div:first-child .crt-form .from-account .scb-col40 label{
	color: #396376;
	font-weight: 500;  }

.web-fundtransfer-select > span:first-child label{
	color: #396376;
	font-weight: 500;  }

.fund-transfer-blueclour-label .ett-labl.pri , .fund-transfer-blueclour-label .ett-para.pri{
    color: #396376 !important;
	font-weight: 500;  }

.fund-transfer-land-page .web-select-input.web-select{
    width: auto;   }

.schedule-payment-panel .web-select-input.web-select{
    background: #ffff;
	border: none;  }

.schedule-payment-panel{
	border: 1px solid #E8E8E8;
	border-radius: 12px;  }

.fund-transfer-column > div:nth-child(2) .pst-simp > div:first-child.crt-form .web-fundtransfer-paymentdetails > span:first-child label{
	position: relative;
	//top: -140px;  
    
}

.accounts-new--modal.web-modal .my-accounts-panel > .crt-list:last-child li > span > .srb.pri:first-child > span:last-child{
	  text-align: left;   }	

.accounts-new--modal .acc-list-heading {
    padding-bottom: 36px; 
    padding-right: 50px; }
	
.accounts-new--modal.web-modal .panel--open.my-accounts-panel > .crt-list:first-child{
	padding-bottom: 0px;  }

.accounts-new--modal .my-accounts-subpanel > ul > li > span > span:last-child > span:last-child > span:first-child{
    width: auto;  }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(2){
	font-size: 12px;  }

.accounts-new--modal .acc-list-heading p {
  font-size: 20px;
  font-weight: 700; }
  
.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(6){
	font-size: 12px;
	margin-top: 8px;  }	
	
.web-close-accounts-row .fund-transfer-column .web-select{
	width: auto !important;
}	


.web-modal.fade .modal-window {
  background: #fff !important; }

.confirmation-amnt-field {
  background: #E4F7E6;
  height: 89px;
  position: relative;
  margin-bottom: 36px;
  width: inherit;
  display: flex;
  align-items: center; }

// .confirmation--modal---new .modal-window {
//   padding-left: 0px !important;
//   padding-right: 0px !important; }

.confirmation--modal---new.web-modal .modal-cnt{
     overflow-x: hidden !important;  }

.modal.confirmation-popup.confirmation--modal---new .scb-col100 .srb.pri.var1 label{
    font-size: 20px !important;   }

.confirmation--modal---new .scb-col100 > .srb.pri:not(.confirmation-amnt-field):not(.var1):not(.var2):not(.var3):not(.var4 > span .srb.pri) {
  padding-left: 50px !important;
  padding-right: 50px !important; 
  display: flex;    
}

.confirmation-amnt-field ~ .srb.pri {
  margin-bottom: 28px;
  padding-bottom: 0px !important;
  display: flex; }

.confirmation--modal--new .ett-labl.pri, .confirmation--modal--new .ett-para.pri {
  font-size: 16px !important; }

.confirmation-amnt-field ~ .srb.pri .scb-col30 {
  width: 40%; }

.confirmation--modal---new .confirmation-amnt-field .ett-para.pri {
  font-size: 28px !important;
  font-weight: 700;
  //padding-left: 50px;   
  }

.confirmation-amnt-field ~ .srb.pri .scb-col30 .ett-labl.pri {
  color: #575757; }

.confirmation--modal---new .scb-col100 .srb.pri.var1{
  padding-bottom: 36px;
  border-bottom: 1px solid #E8E8E8;  }

.confirmation--modal---new .scb-col100 .srb.pri.var1 label{
  font-size: 20px !important;
  font-weight: 700;  }

.confirmation--modal---new .ett-labl.pri, .confirmation--modal---new .ett-para.pri {
  font-size: 16px !important; }

.confirmation--modal---new .scb-col100 .srb.pri.var2{
  padding: 28px 0px;  }

.confirmation-amnt-field ~ .srb.pri .scb-col70 .ett-para.pri {
  font-weight: 500; } 
  
.confirmation--modal---new .scb-col100 .srb.pri.var4 .srb.pri:not(.srb.pri:first-child){
	margin-top: 28px;
	padding-bottom: 0px !important; }

.confirmation--modal---new .scb-col100 .srb.pri.var4 .srb.pri {
    display: flex; }	

.confirmation--modal---new .scb-col100 .srb.pri.var3{
    padding: 20px 16px;
	border: 1px solid #E8E8E8;
	border-radius: 16px;
	margin-bottom: 36px;  }

.confirmation--modal---new .scb-col100 .srb.pri.var3 .scb-col5{
      display: none;}

.confirmation--modal---new .scb-col100 .srb.pri.var3 .scb-col95 > ul:first-child{
     margin-bottom: 12px;
	 font-weight: 700;
	 color: #212121;  }

.confirmation--modal---new .scb-col100 .srb.pri.var3 .scb-col95 > ul:first-child label{
     font-weight: 700;
	 color: #212121;  }   


.success--modal--new .ett-labl.pri, .success--modal--new .ett-para.pri{
	font-size: 16px !important;   }

.success--modal--new .confirm-body-height > span > .srb.pri{
    margin-bottom: 28px;
	display: flex;  }

.success--modal--new .confirm-body-height > span > .srb.pri .scb-col30{
    width: 40%;  }

.success--modal--new .scb-col100 > .srb.pri.var1{
	padding-bottom: 36px;
	border-bottom: 1px solid #E8E8E8;  }

.success--modal--new .scb-col100 > .srb.pri.var2{
	padding: 36px 0px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 36px;  } 
	
.success--modal--new .scb-col100 > .srb.pri.var3{
	padding: 36px 0px; }

.success--modal--new .confirm-body-height{
	padding-top: 36px; 
	border-top: 1px solid #E8E8E8; 
	}	

.success--modal--new .scb-col100 > .srb.pri.var2 .scb-col100 > span {
	  width: 48px; } 

.success--modal--new .confirm-body-height > span > .srb.pri .scb-col30 .ett-labl.pri{
   color: #575757;  }
   
.success--modal--new .srb.pri.var1 svg{
    margin-right: 16px; 
    width: 24px;
    height: 24px;
    top: -1px; }

.success--modal--new .srb.pri.var5 .srb.pri:not(.srb.pri:first-child){
	margin-top: 28px;  }

.success--modal--new .confirm-body-height > span > .srb.pri .scb-col70 .ett-para.pri {
  font-weight: 500; }

.success--modal--new .scb-col100 > .srb.pri.var1 .ett-para{
	 font-weight: 700;
	 font-size: 20px !important;  }
	 

.schedule--payment--new .ett-labl.pri, .schedule--payment--new .ett-para.pri {
  font-size: 16px !important; }

.schedule--payment--new .page-heading{
   margin-bottom: 32px;  }

.schedule--payment--new .page-heading .ett-labl.pri{
    font-size: 20px !important;
	font-weight: 700;  }

.schedule--payment--new .datepicker .ecn > .cil > .ett-inpt.ter{
	margin-bottom: 0px;  }

.schedule--payment--new .raise-dispute-body .select-payment-panel .crt-form .scb-col100 > .srb.pri:nth-child(2) {
  margin-top: 49px;
  padding-bottom: 36px;
  //border-bottom: 1px solid #E8E8E8;
  //margin-bottom: 40px;	 
    
} 

.schedule--payment--new .web-select-input.web-select{
	width: inherit;
	margin-top: 12px;
	margin-bottom: 40px; }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:first-child{
	padding-bottom: 28px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 28px;  }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(2){
	padding-bottom: 32px;
	border-bottom: 1px solid #E8E8E8;  }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(3){
	padding: 32px 0px;
	border-bottom: 1px solid #E8E8E8; }

.schedule-payment-radio span > span:first-child{
    margin-bottom: 20px;  }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(5){
	margin-bottom: 12px;
	margin-top: 49px;  }

.schedulepay-freq-modal .modal-heading{
	  padding-bottom: 36px;  }

.schedulepay-freq-modal .ett-labl.pri, .schedulepay-freq-modal .ett-para.pri {
  font-size: 16px !important; }

.accounts-new--modal .modal-header{
	display: none;  } 
	
.web-modal .panel--open.my-accounts-panel.pst-simp.tsp{
	padding-top: 0px;  }

.accounts-new--modal.web-modal .my-accounts-panel.pst-simp.tsp{
	padding-top: 0px !important;
	padding-bottom: 0px !important; }
	
.accounts-new--modal.web-modal .my-accounts-panel.panel--open.pst-simp.tsp {
    padding-bottom: 24px !important;  }	

.accounts-new--modal.web-modal .my-accounts-subpanel ul{
	position: relative;
	top: -24px;  }    

.panel--open .my-account-panel-heading li{
	margin-bottom: 16px !important; }
	
.pay--anyone--column .web-tab.pst-tabs.hor.pri > ul li{
	z-index: 1000 !important;  }
	
.schedule--payment--new.web-modal .modal-cnt{
	min-height: 650px;
	margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px !important;
    padding-right: 50px !important;  }
    
.success--modal--new.web-modal .modal-cnt{
	margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px !important;
    padding-right: 50px !important;  } 
    
.confirmation--modal---new .scb-col100 .srb.pri.var3 .scb-col95 > ul:nth-child(2) label,.confirmation--modal---new .scb-col100 .srb.pri.var3 .scb-col95 > ul:nth-child(2) p{
	font-weight: 500;
	color: #212121; }

.modal.confirmation-popup.confirmation--modal---new .scb-col100 .srb.pri.var3 .flb{
	line-height: unset;  }  
	
.confirmation--modal---new .scb-col100 .srb.pri.var1 > span:nth-child(2){
	display: none;  }	
li#User__AddTaxResDetailsWeb__SelectOptionTIN_option_Select {
    display: none;
}

@media (min-width: 1060px) and (max-width: 1401px) {
    .notifications-popover .crt-list{
    height:300px;
    overflow: auto;
}
}
@media (max-width: 1750px) {

.fund-transfer-column > div {
  width: 88%; }

/*.fund-transfer-column > div:first-child .crt-form > .srb.pri .scb-col40 {*/
/*  width: 220px; }*/

/*.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col40 {*/
/*  width: 220px; }*/

.fund-transfer-column > div:first-child .crt-form .from-account {
  padding: 28px 0px; }

.web-fundtransfer-select {
  padding: 28px 0px; }

.fund-transfer-column > div:nth-child(2) .pst-simp > div:first-child.crt-form .web-fundtransfer-paymentdetails {
  margin-top: 32px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) {
  padding: 39px 24px 12px 24px;
  /*height: 206px;*/
   height: auto;
  //margin-top: 24px;
  margin-bottom: 24px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(2) {
  height: 24px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(3) {
  height: 24px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(4) {
  margin-top: 24px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(5) {
  height: 14px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(6) {
  height: 14px; }

.schedule-payment-data > span > span {
  margin-bottom: 20px; }

.schedule-payment-data {
  padding: 24px; }

.fund-transfer-column > div:nth-child(2) .pst-simp > div:first-child.crt-form .web-fundtransfer-paymentdetails > span:first-child label {
  position: relative;
  //top: -125px; 
    
}

.accounts-new--modal .modal-header{
	//display: none; 
}

.accounts-new--modal .acc-list-heading  {
  padding-bottom: 32px; 
    padding-right: 40px;
}

.accounts-new--modal .acc-list-heading p {
  font-size: 16px; }	

.confirmation-amnt-field {
  height: 76px;
  margin-bottom: 32px;  }
  
.modal.confirmation-popup.confirmation--modal---new .scb-col100 .srb.pri.var1 label{
    font-size: 16px !important;   }  

.confirmation--modal---new .scb-col100 > .srb.pri:not(.confirmation-amnt-field):not(.var1):not(.var2):not(.var3):not(.var4 > span .srb.pri) {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.confirmation-amnt-field ~ .srb.pri {
  margin-bottom: 24px; }

.confirmation--modal--new .ett-labl.pri, .confirmation--modal--new .ett-para.pri {
  font-size: 14px !important; }

.confirmation-amnt-field ~ .srb.pri .scb-col30 {
  width: 50%; }

.confirmation--modal---new .confirmation-amnt-field .ett-para.pri {
  font-size: 24px !important; }

.confirmation--modal---new .scb-col100 .srb.pri.var1{
  padding-bottom: 32px;  }

.confirmation--modal---new .scb-col100 .srb.pri.var1 label{
  font-size: 16px !important;  }

.confirmation--modal---new .scb-col100 .srb.pri.var2{
  padding: 24px 0px;  }

.success--modal--new .ett-labl.pri, .success--modal--new .ett-para.pri {
  font-size: 14px !important; }

.success--modal--new .confirm-body-height > span > .srb.pri {
  margin-bottom: 24px;  }

.success--modal--new .confirm-body-height > span > .srb.pri .scb-col30 {
  width: 50%; } 

.confirmation--modal---new .scb-col100 .srb.pri.var3{
    margin-bottom: 32px;  }

.success--modal--new .scb-col100 > .srb.pri.var1{
	padding-bottom: 32px;  }

.success--modal--new .scb-col100 > .srb.pri.var2{
	padding: 32px 0px;
	margin-bottom: 32px;  }
	
.success--modal--new .scb-col100 > .srb.pri.var3{
	padding: 32px 0px; }

.success--modal--new .confirm-body-height{
	padding-top: 32px;   }	

// .success--modal--new .scb-col100 > .srb.pri.var2 .scb-col100 > span {
// 	  width: 48px; } 

.success--modal--new .srb.pri.var5 .srb.pri:not(.srb.pri:first-child){
	margin-top: 24px;  }

.success--modal--new .scb-col100 > .srb.pri.var1 .ett-para{
	 font-size: 16px !important;  }


.schedule--payment--new .ett-labl.pri, .schedule--payment--new .ett-para.pri {
  font-size: 12px !important; }

.schedule--payment--new .page-heading {
  margin-bottom: 24px; }

.schedule--payment--new .page-heading .ett-labl.pri {
  font-size: 16px !important; }

.schedule--payment--new .raise-dispute-body .select-payment-panel .crt-form .scb-col100 > .srb.pri:nth-child(2) {
  margin-top: 42px;
  padding-bottom: 32px;
  //margin-bottom: 42px; 
    
}

.schedule--payment--new .web-select-input.web-select {
  margin-bottom: 36px; }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:first-child {
  padding-bottom: 24px;
  margin-bottom: 24px; }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(2) {
  padding-bottom: 24px;  }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(3) {
  padding: 28px 0px;
  //margin-bottom: 42px;  
    
}

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(5) {
  margin-top: 42px;   }

.schedulepay-freq-modal .modal-heading {
  padding-bottom: 28px; }

.schedulepay-freq-modal .ett-labl.pri, .schedulepay-freq-modal .ett-para.pri {
  font-size: 14px !important; }
  
.schedule--payment--new.web-modal .modal-cnt{
	margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px !important;
    padding-right: 40px !important;  }
    
.success--modal--new.web-modal .modal-cnt{
	margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px !important;
    padding-right: 40px !important;  } 
    
.confirmation--modal---new .scb-col100 .srb.pri.var3 .scb-col95 > ul:nth-child(2) label,.confirmation--modal---new .scb-col100 .srb.pri.var3 .scb-col95 > ul:nth-child(2) p{
	font-size: 14px !important; }  
	
.confirmation--modal---new .scb-col100 > .srb.pri:not(.confirmation-amnt-field):not(.var1):not(.var2):not(.var3):not(.var4 > span .srb.pri) p{
   line-height: 14px;
   font-size: 14px !important;  }

.confirmation--modal---new .scb-col100 > .srb.pri:not(.confirmation-amnt-field):not(.var1):not(.var2):not(.var3):not(.var4 > span .srb.pri) {
   align-items: flex-start; }

.confirmation--modal---new .scb-col100 > .srb.pri:not(.confirmation-amnt-field):not(.var1):not(.var2):not(.var3):not(.var4 > span .srb.pri) >.scb-col70 > .srb.pri {
	line-height: 1;  }

.confirmation--modal---new .scb-col100 > .srb.pri:not(.confirmation-amnt-field):not(.var1):not(.var2):not(.var3):not(.var4 > span .srb.pri) >.scb-col70  {
	line-height: 1;  }
	
.accounts-new--modal.web-modal .my-accounts-panel.panel--open.pst-simp.tsp {
    padding-bottom: 20px !important;  }	
    
.accounts-new--modal.web-modal .my-accounts-subpanel ul{
	top: -20px;  }  
	.download-status-modal.unblock-modal.manage-payid-modal.web-modal .activate-manage-modal-bg.cen.pri.scb-col100.w-auto {
    padding-top: 0px;
}
	
}

@media (max-width: 1050px) {
.notifications-popover .crt-list{
    height:440px;
    overflow: auto;
}
.fund-transfer-column > div {
  width: 100%; }

.fund-transfer-column > div:first-child .crt-form .from-account {
  padding: 24px 0px; }

.web-fundtransfer-select {
  padding: 24px 0px; }

.fund-transfer-column > div:nth-child(2) .pst-simp > div:first-child.crt-form .web-fundtransfer-paymentdetails {
  margin-top: 28px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) {
  padding: 39px 20px 12px 20px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(2) {
  height: 20px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(3) {
  height: 20px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(4) {
  margin-top: 32px; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(5) {
  height: 12px;  }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(6) {
  height: 12px; }

.schedule-payment-data > span > span {
  margin-bottom: 16px; }

.schedule-payment-data {
  padding: 24px; }

.fund-transfer-column > div:nth-child(2) .pst-simp > div:first-child.crt-form .web-fundtransfer-paymentdetails > span:first-child label {
  //top: -130px; 
    
}

.fund-transfer-land-page .web-select-input.web-select {
    width: auto !important;  }

.accounts-new--modal .acc-list-heading  {
  padding-bottom: 28px;
  padding-right: 32px;
    
}

.confirmation--modal---new .scb-col100 .srb.pri.var3{
    margin-bottom: 28px;
    padding: 16px;  }

.confirmation--modal---new .scb-col100 > .srb.pri:not(.confirmation-amnt-field):not(.var1):not(.var2):not(.var3):not(.var4 > span .srb.pri) {
  padding-left: 32px !important;
  padding-right: 32px !important; }

.confirmation--modal---new .scb-col100 .srb.pri.var1{
  padding-bottom: 28px;  }

.success--modal--new .scb-col100 > .srb.pri.var1{
	padding-bottom: 28px;  }

.success--modal--new .scb-col100 > .srb.pri.var2{
	padding: 28px 0px;
	margin-bottom: 28px;  }

.success--modal--new .scb-col100 > .srb.pri.var3{
	padding: 28px 0px; }

.success--modal--new .confirm-body-height{
	padding-top: 28px;   }	

 .success--modal--new .srb.pri.var5 .srb.pri:not(.srb.pri:first-child){
	margin-top: 24px;  }

.schedule--payment--new .raise-dispute-body .select-payment-panel .crt-form .scb-col100 > .srb.pri:nth-child(2) {
  margin-top: 40px;
  padding-bottom: 30px;
  //margin-bottom: 28px; 
    
}

.schedule--payment--new .web-select-input.web-select {
  margin-bottom: 32px; }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:first-child {
  padding-bottom: 20px;
  margin-bottom: 20px; }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(2) {
  padding-bottom: 20px;  }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(3) {
  padding: 24px 0px;
  //margin-bottom: 40px;  
    
}

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(5) {
  margin-top: 40px;   }

.schedulepay-freq-modal .modal-heading {
  padding-bottom: 28px; }
  
  .confirmation-amnt-field {
    margin-bottom: 28px; } 
    
.schedule--payment--new.web-modal .modal-cnt{
	margin-left: -32px;
    margin-right: -32px;
    padding-left: 32px !important;
    padding-right: 32px !important;  }
    
.success--modal--new.web-modal .modal-cnt{
	margin-left: -32px;
    margin-right: -32px;
    padding-left: 32px !important;
    padding-right: 32px !important;  }     

}

@media (max-width: 850px) {

.fund-transfer-column > div {
  width: 75%; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(2) p {
   line-height: 0.5;  }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(3) p {
  line-height: 0.5; }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(5) p {
  line-height: 0.5;  }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span:nth-child(6) p{
  line-height: 0.5;  }

/*.fund-transfer-column > div:first-child .crt-form > .srb.pri .scb-col40 {*/
/*    width: 164px;  }*/

/*.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col40 {*/
/*    width: 164px;  }*/
}

@media (max-width: 750px) {
.notifications-popover{
    height:400px;
}
.notifications-popover .crt-list {
    height: 290px;
}
.fund-transfer-column > div {
  width: 100%; }

.flex-direction-column{
	flex-direction: column;  }

.fund-transfer-column > div:first-child .crt-form > .srb.pri .scb-col40 {
    width: 100%;
	margin-bottom: 20px;  }

.fund-transfer-column > div:first-child .crt-form > .srb.pri .scb-col60 {
     width: 100%;  }

.fund-transfer-column > div:nth-child(2) .pst-simp > div:first-child.crt-form .web-fundtransfer-paymentdetails > span:first-child label {
    top: 0px;  }
	
.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col40 {
    width: 100%;
	margin-bottom: 20px; }

.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col60 {
     width: 100%;  }

.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) {
    margin-top: 16px;
    margin-bottom: 16px;  }

.schedule-payment-data {
    padding: 20px;  }

.fund-transfer-column > div:first-child .crt-form .from-account {
    padding: 0px 0px; }	

.fund-transfer-column .no-margin{
	display: none;
	margin: 0px !important; }	

.fund-transfer-column > div:nth-child(2) .pst-simp > div:first-child.crt-form .web-fundtransfer-paymentdetails {
    margin-top: 24px;  }	

.web-fundtransfer-select {
    margin-top: 24px; }

.confirmation-amnt-field {
    height: 68px;
    margin-bottom: 24px;  }

// .confirmation--modal--new .srb-padding > .srb.pri:not(.confirmation-amnt-field) {
//     padding-left: 16px !important;
//     padding-right: 16px !important; }

.confirmation--modal---new .scb-col100 .srb.pri.var3{
    margin-bottom: 24px;
    border-radius: 8px; }

.confirmation--modal---new .scb-col100 > .srb.pri:not(.confirmation-amnt-field):not(.var1):not(.var2):not(.var3):not(.var4 > span .srb.pri) {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.confirmation--modal---new .scb-col100 .srb.pri.var1{
  padding-bottom: 24px;  }

.confirmation--modal---new .scb-col100 .srb.pri.var2{
  padding: 20px 0px;  }

.success--modal--new .scb-col100 > .srb.pri.var1{
	padding-bottom: 24px;  }

.success--modal--new .scb-col100 > .srb.pri.var2{
	padding: 24px 0px;
	margin-bottom: 24px;  }
	
.success--modal--new .scb-col100 > .srb.pri.var3{
	padding: 24px 0px; }

.success--modal--new .confirm-body-height{
	padding-top: 24px;   }	

 .schedule--payment--new .page-heading {
    margin-bottom: 20px;  }	

.schedule--payment--new .raise-dispute-body .select-payment-panel .crt-form .scb-col100 > .srb.pri:nth-child(2) {
    margin-top: 35px;
    padding-bottom: 27px;
    //margin-bottom: 20px;  
    
}

.schedule--payment--new .web-select-input.web-select {
    margin-bottom: 24px;  }

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:first-child {
    padding-bottom: 16px;  }	

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(3) {
    padding: 20px 0px;
    //margin-bottom: 35px;  
    
}

.schedule--payment--new .frequency--details .scb-col100 > .srb.pri:nth-child(5) {
    margin-top: 35px;   }	

.schedule--payment--new.web-modal .modal-cnt{
	margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px !important;
    padding-right: 16px !important;  }
    
.success--modal--new.web-modal .modal-cnt{
	margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px !important;
    padding-right: 16px !important;  } 
    
.accounts-new--modal.web-modal .my-accounts-panel.panel--open.pst-simp.tsp {
    padding-bottom: 16px !important;  }	    

} 


/*--------------- pay-anyone-new styles ------------------*/


.pay--anyone--column .ett-labl.pri,.pay--anyone--column .ett-para{
     font-size: 16px !important;  }

.pay--anyone--column .web-select-input.web-select {
  width: auto !important; }

.pay--anyone--column > div {
  width: 80%; }

.pay--anyone--column > div:first-child .crt-form > .srb.pri .scb-col60 {
  flex-grow: 1; }

.from-account > span:first-child,.payanyone--to--account .gcb-col5,.fund-transfer-panel .pay--payment--detaila .scb-col40,.payanyone--to--account .gcb-col4,.payanyone--input--web .schedule-payment-panel-pad > .scb-col40,.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col40,.from-account-general > span:first-child, .from-account-general > div:first-child{
    width: 256px;
	display: flex;
	 }

.raise-hardship-request-page .from-account-general > span:first-child,.raise-hardship-request-page .from-account-general > div:first-child{
    display:flex;
	max-width:256px;
	min-width:256px;
}
.from-account > span:first-child{
    align-items: center;
}
.from-account{
   display: flex;
	align-items: center;
	padding: 36px 0px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 36px;  }

.from-account .web-select{
	margin: 12px 0px;  }

.from-account > span:nth-child(2) .savings-account-label .ett-labl.pri,.from-account > span:nth-child(2) .available-balance-label .ett-labl.pri{
    font-size: 12px;  }

.pay--anyone--column .crt-form.hor.pri .srb.eoc {
  margin-bottom: 0px; }

.pay--anyone--column .payanyone-searchbar .recent-txn-sub-header {
  margin-top: 35px; }

.pay--anyone--column .payanyone-searchbar .crt-list{
    margin-top: 32px; 
    padding-top: 10px;
    padding-left: 5px;
}

.pay--anyone--column .payanyone-searchbar .crt-list ul > li{
    display: flex;
	margin-bottom: 24px;
	border-bottom: 1px solid #e8e8e8;
	padding: 24px;
	/*border: 1px solid #FFFFFF;*/
	/*border-radius: 8px;*/
	/*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16); */
	/*width: inherit;  */
    align-items: flex-start;
    
}

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid {
   margin-top: 8px;   } 

.pay--anyone--column .pay--to--row{
	padding-bottom: 36px !important;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 36px;  }

.pay--anyone--column .country--code , .pay--anyone--column .bsb--num ,.pay--anyone--column .addpayee-profile-panel, .pay--anyone--column .mar-top-panel {
  padding: 36px 32px !important;
  border: 1px solid #E8E8E8;
  border-radius: 12px;
  margin-top: 36px; }

.pay--anyone--column .new-payee--feature .country--code  .srb.pri{
	display: flex;  }

// .pay--anyone--column .new-payee--feature .country--code  .srb.pri:first-child{
// 	margin-bottom: 50px;  }

    .pay--anyone--column .bsb--num > span > span:not(.scb-col100):not(.save-payee):not(.save-payee-label):not(.var9)   {
    margin-top: 50px;  }

.pay--anyone--column .save-payee-label{
    margin-top: 40px;
    display: flex;
  align-items: center;  }

.pay--anyone--column .new-payee--feature .srb.var9{
	line-height: 0.5;
	height: 14px;
	margin-top: 12px;   }

.pay--anyone--column .new-payee--feature .srb.var9 .ett-icon{
	/*margin-right: 12px;*/
}

.pay--anyone--column .new-payee--feature .srb.var9 .ett-para.pri{
	font-size: 12px !important;
	line-height: 1;
	position: relative;
    top:-1px;
}

.pay--anyone--column .new-payee--feature .save-payee{
	height: 48px;
	background: #F6F6F6;
	border-radius: 60px;
	margin: 26px 0px;
	display: flex;
	align-items: center; 
	padding: 0px 26px; }

.pay--anyone--column .country--code .srb.pri:not(:nth-child(1)):not(:nth-child(2)):not(.var9) {
  margin-top: 50px; }

.pay--anyone--column .addnew-subheading-pdb{
	margin-top: 32px;}

.pay--anyone--column .addnew-subheading-pdb .ett-labl.pri{
	font-weight: 700;
	font-size: 16px !important;  }

.pay--anyone--column .mar-top-panel .srb.pri.var5{
    margin-bottom: 50px;  }

.pay--anyone--column .mar-top-panel .srb.pri.var6{
   margin-top: 50px;  }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var6{
	margin-top: 50px;  }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var2{
	padding-bottom: 24px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 36px;  }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var3{
	padding-bottom: 0px;  }

.biller-details-data{
  display: flex;
  align-items: center;
  //margin-bottom: 24px;
  //margin-top: 36px;	
  padding: 14px;
  border: 1px solid #E8E8E8;
  border-radius: 16px;
  /*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16); */
  }

.biller-details-data .srb.var3,.biller-details-data .srb.var2{
  margin-top: 12px;	  }
  
.pay--anyone--column .web-page-heading .ett-labl.pri{
	font-size: 28px !important;  }  


.payanyone--input--web > div {
  width: 80%; }

/*.fund-transfer-panel .pay--payment--detaila .scb-col40{*/
/*	width: 256px !important;  }*/

.fund-transfer-panel .pay--payment--detaila .scb-col40 .ett-labl{
	font-size: 16px;   }

.fund-transfer-panel .pay--payment--detaila > .scb-col60{
	border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 45px 28px 14px 28px;
    height: auto;
    margin-bottom: 28px;
	position: relative;  }

.pay--payment--detaila > .scb-col60 .var9{
	height: 14px;
	margin-top: 8px;
	line-height: 0.5;
	display: flex;
	align-items: center;
	margin-bottom: 8px;  }

.pay--payment--detaila > .scb-col60 .var9 .ett-labl,.pay--payment--detaila > .scb-col60 .var9 .ett-para{
    font-size: 12px;  }

.pay--payment--detaila > .scb-col60 .var2{
    margin-top: 54px;  }
    
.pay--payment--detaila{
   margin-top: 12px;
   display: flex;  }

.payanyone--input--web .schedule-payment-panel-pad{
	display: flex;  }

/*.payanyone--input--web .schedule-payment-panel-pad > .scb-col40{*/
/*   width: 256px;  }    */

.payanyone--input--web .web-select-input.web-select {
  width: auto; }
  
 .person-black-img {
    background-repeat:no-repeat !important;
    background-image:url(../../../../../appzillon/styles/themes/OnlineBanking/img/person_black_prelogin.svg) !important;
    background-position:center !important; }
    
.biller-details-data .var4{
	display: flex;
	width: 40px;
    height: 40px;
    margin-right: 16px;  }  
		
.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > span {
	display: block;
	flex-direction: row;
	align-items: center;  }

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > .scb-col100 > .srb.pri:first-child > span:nth-child(2){
	width: 1%;   }

// .pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > .scb-col100 > .srb.pri:first-child{
// 	width: 50%;  }  
		
.paybill--web--input .biller-details-data .srb.var3 > span > span{
	display: flex;
	align-items: center;  }

.paybill--web--input .biller-details-data .srb.var3 > span > span > span:first-child{
	width: 90px;  }

.paybill--web--input .biller-details-data .srb.var3 > span > span > span:nth-child(3){
	width: 37px; }
	
// .paybill--web--input .biller-details-data .srb.var3 > span > span > span:nth-child(2) {
//   width: 65px;  }	

.payanyone--input--web .crt-form.hor.pri .srb.eoc{
	margin-bottom: 0px;  }
	
.paybill--web--input .biller-details-data .transaction-details .var1 .ett-para{
	font-weight: 700;}	

.pay--anyone--column .crt-list ul > li  .transaction-name .ett-para{
	font-weight: 700;  }	
	
.edit--payee--new .acc-list-heading{
    padding-bottom: 36px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 32px;  }

.edit--payee--new.web-modal .modal-cnt .srb.pri.var1{
    margin-bottom: 36px;  }

.edit--payee--new.web-modal .modal-cnt .srb.pri.var2 .srb.pri{
    margin-bottom: 28px;  } 

.edit--payee--new.web-modal .modal-cnt .srb.pri.var3 .srb.pri{
    margin-bottom: 28px; }	
    
.from-account .info-payments{
	line-height: 1;
	margin-top: 8px; }

.from-account .info-payments .ett-icon{
	margin-right: 12px; } 
	
.pay--anyone--column .payanyone-searchbar .crt-list ul > li .recent-txn-body-row2 {
    display: flex;
	align-items: center;
	line-height: 1;  }

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .recent-txn-body-row2 > span:first-child.profile-cir{
    //width: 40px;
	border-radius: 50%;
	width: 56px !important;
	height: 56px;
	border: 0.5px solid #D1D1D1;
	//box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	margin-right: 28px;  }

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .recent-txn-body-row2 > span:nth-child(3).cen{
    text-align: right; }
    
.pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border > span:first-child > span {
    border-radius: 50%;
    width: 56px !important;
    height: 56px;   }

.pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border > span:first-child > span:first-child {
   border: 0.5px solid #D1D1D1;  }

// .pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border > span:nth-child(2) {
//   padding-left: 17px;  }

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) .scb-col100 > span:first-child label{
	font-size: 14px !important; }

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) .scb-col100 > span:nth-child(3) > span > p:first-child {
	font-size: 14px !important;  } 
	
.pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border {
  display: flex;  
  align-items: center;	 }

 .pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border > span:first-child {
  margin-right: 24px;
  width: 56px !important; } 	
	
.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > span > span:first-child > span:first-child {
	display: inline-flex;
	width: auto;
	align-items: center;  }

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > span > span:first-child  {
	display: flex;
    width: auto;
    flex-shrink: 0;
	margin-right: 12px;  } 	
	
.biller-details-data .recent-txn-body-row2{
    display: flex;
    align-items: center;   }  	
    
.biller-details-data .srb.var3 > span > span {
    display: flex;
    align-items: center;  }
    
.biller-details-data .transaction-details{
     width: 78%;  }

.biller-details-data .srb.var3 > span > span > span:first-child{
	width: 42px;  }

.biller-details-data .srb.var3 > span > span > span:nth-child(3){
	width: 72px;  }  
	
.paybill--web--input .biller-details-data > span > span {
    display: flex;
	align-items: center; }
	
.payanyone--input--web .from-account:first-child{
	margin-bottom: 0px;  }
	
.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid{
	display: flex;
	align-items: center;  }

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .srb{
	display: inline-flex;  }

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .srb > span{
	width: auto;  }

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .srb > span:nth-child(2){
	margin-right: 12px; }
	
.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .srb > span:nth-child(2){
	margin-right: 0px;}	
	
.payanyone--to--account {
  display: flex;  }

/*.payanyone--to--account .gcb-col5 {*/
/*  width: 256px;  }*/
  
.payanyone--to--account .gcb-col5 .grb{
   width: 256px;  }  

.payanyone--to--account .gcb-col7 {
  padding: 20px 23px;
  border: 1px solid #E8E8E8;
  border-radius: 12px;
  /*width: 66%;  */
}  
  
.payanyone--to--account .crt-list ul{
	height: 40vh;
	display: block;  }

.payanyone--to--account .crt-list {
	height: 40vh;
	overflow: overlay;
	padding-right: 28px !important;
	margin-right: -28px;  }
	
.payanyone--to--account .biller-details-data{
   margin-top: 32px;  }	
   
.pay--bill--new .payanyone--to--account .biller-details-data .srb.var3 > span > span > span:first-child{
    width: 88px;  }

.pay--bill--new .payanyone--to--account .biller-details-data .srb.var3 > span > span > span:nth-child(3){
	width: 45px;  }    
	
.dashboard-page .recent-trans-widget.upcoming-bill .common-widget-header {
   border-bottom:1px solid #E8E8E8;  }
   
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .upcoming-heading{
	padding-bottom: 28px;
	border-bottom: 1px solid #e8e8e8;   }   

@media (max-width: 1600px){

.pay--anyone--column .ett-labl.pri, .pay--anyone--column .ett-para {
  font-size: 14px !important; }

.pay--anyone--column > div {
  width: 88%; }

.from-account > span:first-child,.payanyone--to--account .gcb-col5,.fund-transfer-panel .pay--payment--detaila .scb-col40,.payanyone--to--account .gcb-col4,.payanyone--input--web .schedule-payment-panel-pad > .scb-col40,.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col40,.from-account-general > span:first-child, .from-account-general > div:first-child{
  width: 220px; }

.raise-hardship-request-page .from-account-general > span:first-child,.raise-hardship-request-page .from-account-general > div:first-child{
	max-width:220px;
	min-width:220px;
}

.from-account {
  padding: 28px 0px;
  margin-bottom: 28px; }

.pay--anyone--column .payanyone-searchbar .recent-txn-sub-header {
  margin-top: 28px; }

.pay--anyone--column .payanyone-searchbar .crt-list {
  margin-top: 26px; }

.pay--anyone--column .payanyone-searchbar .crt-list ul > li {
  margin-bottom: 20px;  }

.pay--anyone--column .pay--to--row {
  padding-bottom: 28px !important;
  margin-bottom: 28px; }

.pay--anyone--column .country--code, .pay--anyone--column .bsb--num, .pay--anyone--column .addpayee-profile-panel, .pay--anyone--column .mar-top-panel {
  padding: 32px 28px !important;
  border-radius: 12px;
  margin-top: 28px; }

.pay--anyone--column .new-payee--feature .country--code .srb.pri {
  display: flex; }

      .pay--anyone--column .bsb--num > span > span:not(.scb-col100):not(.save-payee):not(.save-payee-label):not(.var9) {
  margin-top: 42px;  }

.pay--anyone--column .save-payee-label {
  margin-top: 36px;
  display: flex;
  align-items: center;	 }


.pay--anyone--column .new-payee--feature .save-payee {
  //height: 48px;
  margin: 24px 0px;
  padding: 0px 24px; }

.pay--anyone--column .country--code .srb.pri:not(:nth-child(1)):not(:nth-child(2)):not(.var9) {
  margin-top: 42px;  }

.pay--anyone--column .addnew-subheading-pdb {
  margin-top: 28px; } 

.pay--anyone--column .mar-top-panel .srb.pri.var5 {
  margin-bottom: 42px; }

.pay--anyone--column .mar-top-panel .srb.pri.var6 {
  margin-top: 42px; }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var6 {
  margin-top: 42px; }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var2 {
  padding-bottom: 20px;
  margin-bottom: 24px; }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var3 {
  padding-bottom: 0px; }

.biller-details-data {
  //margin-bottom: 20px;
  //margin-top: 32px; 
  display: flex; 
  align-items: center;  }

.biller-details-data .var4{
	width: 36px;
    height: 36px;
    margin-right: 12px;  }
	
.pay--anyone--column .web-page-heading .ett-labl.pri {
  font-size: 24px !important; }

.payanyone--input--web > div {
  width: 78%; }

/*.fund-transfer-panel .pay--payment--detaila .scb-col40 {*/
/*  width: 220px !important; }*/

.fund-transfer-panel .pay--payment--detaila .scb-col40 .ett-labl {
  font-size: 14px; }

.fund-transfer-panel .pay--payment--detaila > .scb-col60 {
  padding: 39px 24px 12px 24px;
  margin-bottom: 24px;  }


.pay--payment--detaila > .scb-col60 .var2 {
  margin-top: 45px; }

.pay--payment--detaila {
  margin-top: 8px; }

/*.payanyone--input--web .schedule-payment-panel-pad > .scb-col40 {*/
/*  width: 220px; }*/

.payanyone--input--web .web-select-input.web-select {
  width: auto !important; }
  
.edit--payee--new .acc-list-heading{
    padding-bottom: 32px;
	margin-bottom: 32px;  }

.edit--payee--new.web-modal .modal-cnt .srb.pri.var1{
    margin-bottom: 32px;  }

.edit--payee--new.web-modal .modal-cnt .srb.pri.var2 .srb.pri{
    margin-bottom: 24px;  } 

.edit--payee--new.web-modal .modal-cnt .srb.pri.var3 .srb.pri{
    margin-bottom: 24px; }  
    
.pay--anyone--column .payanyone-searchbar .crt-list ul > li .recent-txn-body-row2 > span:first-child.profile-cir{
    width: 40px !important;
	height: 40px;
	margin-right: 24px;  }   
	
.pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border > span:first-child > span {
    width: 40px !important;
    height: 40px;   }

// .pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border > span:nth-child(2) {
//   padding-left: 12px;  }	

.pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border > span:first-child {
    margin-right: 12px;
    width: 40px !important;  }
    
.biller-details-data .srb.var3 > span > span > span:first-child {
  width: 36px; }

.biller-details-data .srb.var3 > span > span > span:nth-child(3) {
  width: 62px; } 
  
.paybill--web--input .biller-details-data .srb.var3 > span > span > span:first-child {
  width: 70px; }

.paybill--web--input .biller-details-data .srb.var3 > span > span > span:nth-child(3) {
  width: 44px; }  
  
/*.payanyone--to--account .gcb-col5 {*/
/*  width: 220px;  }*/
  
.payanyone--to--account .gcb-col5 .grb{
   width: 220px;  }  

.payanyone--to--account .gcb-col7 {
  padding: 20px 19px;
  border: 1px solid #E8E8E8;
  border-radius: 12px;
  /*width: 72%;  */
}  
  
.payanyone--to--account .crt-list {
	padding-right: 24px !important;
	margin-right: -24px;  } 
	
.payanyone--to--account .biller-details-data{
   margin-top: 28px;  }	
   
.pay--bill--new .payanyone--to--account .biller-details-data .srb.var3 > span > span > span:first-child{
    width: 78px;  }

.pay--bill--new .payanyone--to--account .biller-details-data .srb.var3 > span > span > span:nth-child(3){
	width: 38px;  } 
	
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .upcoming-heading{
	padding-bottom: 24px;   }	
	
.schedule--payment--new .frequency--details .srb.pri:nth-child(4){
    margin-bottom: 400px;  } 

.schedule--payment--new .frequency--details .srb.pri:nth-child(5){
    margin-bottom: 120px !important;  } 
    
.schedule--payment--new .frequency--details .srb.pri:nth-child(6){
    margin-top: -108px;  } 
    
.biller-details-data .srb.var3 > span > span label, .biller-details-data .srb.var3 > span > span p{
	font-size: 12px !important;  } 
	
.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > span label, .pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > span p{
	font-size: 12px !important;   }	

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) .scb-col100 > span:first-child label{
	font-size: 12px !important;  }	

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) .scb-col100 > span:nth-child(3) > span > p:first-child{
	font-size: 12px !important;  }	
	
.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid label, .pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid p{
	font-size: 12px !important; }	
  
}
@media (max-width: 1350px){

.pay--anyone--column > div {
  width: 100%; }
}

@media (max-width: 1050px){


.from-account {
  padding: 24px 0px;
  margin-bottom: 24px; }

.pay--anyone--column .payanyone-searchbar .crt-list {
  margin-top: 18px; }

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid {
  margin-top: 8px; }

.pay--anyone--column .pay--to--row {
  padding-bottom: 24px !important;
  margin-bottom: 24px; }

.pay--anyone--column .country--code, .pay--anyone--column .bsb--num, .pay--anyone--column .addpayee-profile-panel, .pay--anyone--column .mar-top-panel {
  padding: 28px 24px !important;
  border-radius: 12px;
  margin-top: 24px; }

      .pay--anyone--column .bsb--num > span > span:not(.scb-col100):not(.save-payee):not(.save-payee-label):not(.var9) {
  margin-top: 39px;  }

.pay--anyone--column .save-payee-label {
  margin-top: 28px;	 }


.pay--anyone--column .new-payee--feature .save-payee {
  height: 40px;
  //margin: 24px 0px;
  padding: 0px 20px; }

.pay--anyone--column .country--code .srb.pri:not(:nth-child(1)):not(:nth-child(2)):not(.var9) {
  margin-top: 39px;  }

.pay--anyone--column .addnew-subheading-pdb {
  margin-top: 24px; } 

.pay--anyone--column .mar-top-panel .srb.pri.var5 {
  margin-bottom: 39px; }

.pay--anyone--column .mar-top-panel .srb.pri.var6 {
  margin-top: 39px; }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var6 {
  margin-top: 39px; }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var2 {
  padding-bottom: 16px;
  margin-bottom: 20px; }

.biller-details-data {
  //margin-bottom: 20px;
  //margin-top: 24px; 
  padding: 12px;  }

.biller-details-data .srb.var3, .biller-details-data .srb.var2 {
  margin-top: 8px; }

.pay--anyone--column .web-page-heading .ett-labl.pri {
  font-size: 20px !important; }

.payanyone--input--web > div {
  width: 100%; }

.fund-transfer-panel .pay--payment--detaila .scb-col40 .ett-labl {
  font-size: 14px; }

.fund-transfer-panel .pay--payment--detaila > .scb-col60 {
  margin-bottom: 20px;
  padding: 39px 14px 12px 14px;
    
}
  
// .pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > .scb-col100 > .srb.pri:first-child{
// 	width: 60%;  } 

.pay--bill--new.pay--anyone--column .billerlist-body-border > span:nth-child(3){
	width: 6%;  }  
	
.edit--payee--new .acc-list-heading{
    padding-bottom: 28px;
	margin-bottom: 28px;  }

.edit--payee--new.web-modal .modal-cnt .srb.pri.var1{
    margin-bottom: 28px;  }	
 
.biller-details-data .srb.var3 > span > span {
  font-size: 12px; }

.biller-details-data .srb.var3 > span > span > span:first-child{
	width: 32px;  }

.biller-details-data .srb.var3 > span > span > span:nth-child(3){
	width: 55px;  }    

.paybill--web--input .biller-details-data .srb.var3 > span > span > span:first-child {
  width: 66px; }

.paybill--web--input .biller-details-data .srb.var3 > span > span > span:nth-child(3) {
  width: 32px; }

// .paybill--web--input .biller-details-data .srb.var3 > span > span > span:nth-child(2) {
//   width: 50px;  }

.paybill--web--input .biller-details-data > span > span label {
    font-size: 12px !important; }

.biller-details-data .srb.var3 > span > span{
	font-size: 12px;}  
	
.from-account > span:first-child,.payanyone--to--account .gcb-col5,.fund-transfer-panel .pay--payment--detaila .scb-col40,.payanyone--to--account .gcb-col4,.payanyone--input--web .schedule-payment-panel-pad > .scb-col40,.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col40,.from-account-general > span:first-child, .from-account-general > div:first-child {
    width: 192px;   }

.raise-hardship-request-page .from-account-general > span:first-child,.raise-hardship-request-page .from-account-general > div:first-child{
	max-width:192px;
	min-width:192px;
}
    
/*.payanyone--to--account .gcb-col5 {*/
/*  width: 192px;  }*/
  
.payanyone--to--account .gcb-col5 .grb{
   width: 192px;  }  

.payanyone--to--account .gcb-col7 {
  padding: 20px 11px;
  /*width: 73%;  */
} 

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .recent-txn-body-row2 > span:first-child.profile-cir {
    margin-right: 12px;  }

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .srb p,.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .srb label {
	font-size: 12px !important; }  
	

.payanyone--to--account .crt-list {
	padding-right: 20px !important;
	margin-right: -20px;  }	
	
.biller-details-data .srb.var3 > span > span p,.biller-details-data .srb.var3 > span > span label{
	font-size: 12px !important;  }
	
.payanyone--to--account .biller-details-data{
   margin-top: 24px;  }	
   
 
.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > span p, .pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > span label{
	font-size: 12px !important;   }


.pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border > span:first-child{
	width: 32px !important;
	height: 32px;
	margin-right: 12px;  }	 
	
.pay--bill--new .payanyone--to--account .biller-details-data .srb.var3 > span > span > span:first-child{
    width: 68px;  }

.pay--bill--new .payanyone--to--account .biller-details-data .srb.var3 > span > span > span:nth-child(3){
	width: 32px;  }	
	
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .upcoming-heading{
	padding-bottom: 20px;   }	
	

}


@media (max-width: 850px){

.pay--anyone--column > div {
  width: 75%; }

.payanyone--input--web > div {
  width: 75%; }

.from-account > span:first-child,.payanyone--to--account .gcb-col5,.fund-transfer-panel .pay--payment--detaila .scb-col40,.payanyone--to--account .gcb-col4,.payanyone--input--web .schedule-payment-panel-pad > .scb-col40,.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col40,.from-account-general > span:first-child, .from-account-general > div:first-child {
  width: 192px; }

.raise-hardship-request-page .from-account-general > span:first-child,.raise-hardship-request-page .from-account-general > div:first-child{
	max-width:192px;
	min-width:192px;
}

/*.payanyone--input--web .schedule-payment-panel-pad > .scb-col40 {*/
/*  width: 192px; }*/
  
.payanyone--to--account .gcb-col7 {
  padding: 16px 11px;   }
  
.payanyone--to--account .crt-list {
	padding-right: 16px !important;
	margin-right: -16px;  }	  

}

@media (max-width: 750px) {
  
.pay--anyone--column > div {
    width: 100%; }
    
.payanyone--input--web > div {
    width: 100%; }
  
.from-account > span:first-child,.payanyone--to--account .gcb-col5,.fund-transfer-panel .pay--payment--detaila .scb-col40,.payanyone--to--account .gcb-col4,.payanyone--input--web .schedule-payment-panel-pad > .scb-col40,.fund-transfer-column > div:nth-child(2) .crt-form > .srb.pri .scb-col40,.from-account-general > span:first-child, .from-account-general > div:first-child {
    width: 100%;}

.raise-hardship-request-page .from-account-general > span:first-child,.raise-hardship-request-page .from-account-general > div:first-child{
	max-width:100%;
	min-width:100%;
}
    
.from-account > span:first-child{
    margin-bottom: 20px;
}
  
.payanyone--input--web .schedule-payment-panel-pad > .scb-col40 {
    width: 100%; }
  
.from-account .scb-col60 {
    width: 100%; }
  
.from-account {
    padding: 20px 0px;
    margin-bottom: 24px; }
  
.pay--anyone--column .payanyone-searchbar .crt-list ul > li .var2.ett-para {
    font-size: 12px !important; }
 
// .pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details {
//     padding-left: 12px; }

/*.fund-transfer-panel .pay--payment--detaila .scb-col40  {*/
/*  width: 100%;*/
/*  margin-bottom: 20px;	  }*/

.fund-transfer-panel .pay--payment--detaila > .scb-col60 {
   width: 100%;  } 

.flex-direction-column > span:first-child{
	width: 100%;  }

.flex-direction-column > span:nth-child(2){
	width: 100%;   }

.biller-details-data .transaction-details .var3 .ett-para{
    font-size: 12px !important;  }	
	
.payanyone--input--web .crt-form.hor.pri .srb.eoc{
    margin-bottom: 0px !important;  }

// .biller-details-data .var4{
// 	width: 40px;
// 	display: block;
// 	padding-top: 15px !important;  }

.pay--anyone--column .pay--to--row {
    padding-bottom: 20px !important;
    margin-bottom: 20px;  }	

.pay--anyone--column .payanyone-searchbar .recent-txn-sub-header {
  margin-top: 24px; }

.pay--anyone--column .payanyone-searchbar .crt-list {
  margin-top: 14px; }

.pay--anyone--column .payanyone-searchbar .crt-list ul > li {
  margin-bottom: 16px; }
	
.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid {
  margin-top: 8px;  }
	
 .pay--anyone--column .country--code, .pay--anyone--column .bsb--num, .pay--anyone--column .addpayee-profile-panel, .pay--anyone--column .mar-top-panel {
  padding: 20px 16px !important;
  border-radius: 8px;
  margin-top: 20px; } 

      .pay--anyone--column .bsb--num > span > span:not(.scb-col100):not(.save-payee):not(.save-payee-label):not(.var9) {
  margin-top: 35px;  }

.pay--anyone--column .save-payee-label {
  margin-top: 20px;	 } 
	
.pay--anyone--column .new-payee--feature .srb.var9 {
  margin-top: 8px; }

.pay--anyone--column .new-payee--feature .save-payee {
  margin: 20px 0px;  }

.pay--anyone--column .country--code .srb.pri:not(:nth-child(1)):not(:nth-child(2)):not(.var9) {
  margin-top: 35px;  }

.pay--anyone--column .addnew-subheading-pdb {
  margin-top: 20px; } 

.pay--anyone--column .addnew-subheading-pdb .ett-labl.pri {
  font-size: 14px !important; }

.pay--anyone--column .mar-top-panel .srb.pri.var5 {
  margin-bottom: 35px; }

.pay--anyone--column .mar-top-panel .srb.pri.var6 {
  margin-top: 35px; }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var6 {
  margin-top: 35px; }

.pay--anyone--column .addpayee-profile-panel .srb.pri.var2 {
  padding-bottom: 16px;
  margin-bottom: 16px; } 

 .biller-details-data .srb.var3, .biller-details-data .srb.var2 {
  margin-top: 8px; }
  
.pay--anyone--column .biller-details-data .var4{
	 padding-top: 0px !important;  }	

.pay--anyone--column .biller-details-data .transaction-details {
    padding-left: 0px; }  
    
// .pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > .scb-col100 {
//     flex-direction: column;  }

.pay--bill--new.pay--anyone--column .billerlist-body-border .ett-para,.pay--bill--new.pay--anyone--column .billerlist-body-border .ett-labl{
	font-size: 12px !important; }

// .pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > .scb-col100 > .srb.pri:first-child {
//     width: 100%;  }

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid {
    margin-top: 4px;  }

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .txt-overflow-ellipsis.ett-para{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: auto;   }

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .scb-col100{
	display: flex;  }

// .pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > .scb-col100 > span:first-child{
// 	margin-bottom: 4px;  } 

.paybill--web--input .biller-details-data .transaction-details{
	width: 75%;	 }	
	
// .paybill--web--input .biller-details-data .srb .var5 svg{
// 	top: -15px;
// 	left: -20px;  }	
	
.edit--payee--new .acc-list-heading{
    padding-bottom: 24px;
	margin-bottom: 24px;  }

.edit--payee--new.web-modal .modal-cnt .srb.pri.var1{
    margin-bottom: 24px;  }	
    
.pay--anyone--column .payanyone-searchbar .crt-list ul > li{
    width: 100%;  }    
    
.pay--anyone--column .payanyone-searchbar .crt-list ul > li .recent-txn-body-row2 > span:first-child.profile-cir{
    margin-right: 16px;  }    
    
// .pay--bill--new .payanyone-searchbar .crt-list ul > li .billerlist-body-border > span:nth-child(2) {
//   padding-left: 8px;  }   

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) .scb-col100 > span:first-child label{
	font-size: 12px !important; }

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) .scb-col100 > span:nth-child(3) > span > p:first-child {
	font-size: 12px !important;  } 

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details > span:nth-child(2) > span > span:first-child{
     margin-right: 6px; }

.pay--bill--new.pay--anyone--column .payanyone-searchbar .crt-list ul > li .transaction-details{
    padding-left: 0px;   }
    
.payanyone--to--account{
   flex-direction: column; }

/*.payanyone--to--account .gcb-col5 {*/
/*    width: 100%; */
/*    margin-bottom: 20px;  }*/

.payanyone--to--account .gcb-col7 {
   padding: 16px 11px;
    width: 100%;  } 
    
.payanyone--to--account .biller-details-data{
   margin-top: 16px;  }	
   
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child .upcoming-heading{
	padding-bottom: 16px;   }   

}

/*--------------- my-payments-styles ------------------*/

.upcoming--payments--page >  div {
  width: 80%;   }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body{
    padding-top: 32px;
	border-top: 1px solid #E8E8E8;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .app-sublabel.time-stamp{
    padding-bottom: 16px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 32px;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li {
    margin-bottom: 36px;
	display: flex;
	align-items: center;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri > .var1 {
  width: 76px;  }

.upcoming--payments--page  .crt-list .all-payee-data{
	display: flex;
	align-items: center;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li  .address-book-data{
	margin-top: 10px;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri  .var3{
	display: flex;  }
	
.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span {
  display: flex; }	

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:first-child {
  width: auto;
  margin-right: 4px;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(3) {
  width: auto;
  margin-right: 4px; }
  
.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(2) {
  width: auto;
  margin-right: 36px; }  

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:first-child {
   width: auto;
   margin-right: 12px;   }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:nth-child(2) {
  width: auto;
  margin-right: 36px;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var4 > span > span:first-child > span:first-child {
  width: auto;
  margin-right: 12px;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri  .var5 > span > span {
	display: flex;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri  .var2 p{
	font-weight: 700;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .app-sublabel.time-stamp p{
	color: #575757;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri  .var4 > span >  span:first-child {
	display: flex;     }

.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
	/*max-height: 68%;*/
}
	
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) .web--upcoming--mainrow > div:first-child .crt-list{
	max-height: 86%; }	

.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child.payment--dashb--approve--form{
	position: unset;
	padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-radius: 0;
    padding-top: 0px;  }	
    
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-form:last-child.payment--dashb--approve--form > span::before {
    content: none;  } 
    
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .fixed-header{
	display: none;   }    
	
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .approve-payments-panel .payments---show---all {
  position: absolute !important;
  bottom: 0px;
  margin-bottom: 0px !important;
  left: 0px;
  height: 59px;
  display: flex;
  align-items: center;  } 
	
.no-records--to-display{
	display: flex;
	align-items: center;  }

.no-records--to-display svg{
	margin-right: 12px !important;
	width: 24px;
	height: 24px;
	top: -1px;  }

.no-records--to-display label, .no-records--to-display p{
	font-size: 16px !important;  }
	
.web-close-accounts-row .upcoming--payments--page .crt-list ul{
	margin-bottom: 120px; }	
	
@media (max-width: 1600px){

.upcoming--payments--page > div {
  width: 78%; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body {
  padding-top: 28px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .app-sublabel.time-stamp {
  padding-bottom: 12px;
  margin-bottom: 28px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li {
  margin-bottom: 28px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri > .var1 {
  width: 72px; }


.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:first-child {
  width: auto;
  margin-right: 4px;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(3) {
  width: auto;
  margin-right: 4px; }
  
.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(2) {
  width: auto;
  margin-right: 36px; }  

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:first-child {
   width: auto;
   margin-right: 12px;   }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:nth-child(2) {
  width: auto;
  margin-right: 36px;  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var4 > span > span:first-child > span:first-child {
  width: auto;
  margin-right: 12px;  }
  
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
	/*max-height: 58%;*/
}  
	
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) .web--upcoming--mainrow > div:first-child .crt-list{
	max-height: 85%; }	
	
.no-records--to-display label, .no-records--to-display p{
	font-size: 14px !important;  }	
	
}

@media (max-width: 1050px){

.upcoming--payments--page > div {
  width: 100%; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body {
  padding-top: 24px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .app-sublabel.time-stamp {
  margin-bottom: 24px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li {
  margin-bottom: 24px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri > .var1 {
  width: 68px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .address-book-data {
  margin-top: 8px; }
  
// .web-close-accounts-row > div:first-child > div:last-child{
// 	margin-bottom: 80px;  } 

.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
	max-height: 62%; }

.web-page.payments-page > div > .grb:last-child > div:nth-child(2) .web--upcoming--mainrow > div:first-child .crt-list{
	max-height: 86%; }


}

@media (max-width: 850px){

.upcoming--payments--page > div {
  width: 75%; }

.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
	max-height: 42%;   }
	
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) .web--upcoming--mainrow > div:first-child .crt-list{
	max-height: 88%; }	
  
}


@media (max-width: 750px){

.upcoming--payments--page > div {
  width: 100%; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body {
  padding-top: 20px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .app-sublabel.time-stamp {
  margin-bottom: 20px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li {
  margin-bottom: 20px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri > .var1 {
  width: 56px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:first-child {
  margin-right: 4px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(3) {
  margin-right: 4px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(2) {
  margin-right: 8px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:first-child {
  margin-right: 6px;
  /*width: 130px;*/
  }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:nth-child(2) {
  margin-right: 8px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var4 > span > span:first-child > span:first-child {
  margin-right: 6px; }

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var4 > span > span:first-child > span:first-child.ellipsis-text-label .ett-labl{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 90px; }	

.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:nth-child(3) {
	 width: 142px  }
	
.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:nth-child(3) p{
	  font-size: 12px; }
	  
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
	max-height: 63%;  }
	  
	
}

/*--------------- approve reject paydetails web-styles ------------------*/

.web-page.payments-page .web-close-accounts-row{
	display: none !important; }	


.approve--reject--paydetails--web.web-close-accounts-row > div:first-child{
	width: 80%; }

.approve--reject--paydetails--web .crt-form.hor.pri .srb.eoc{
	margin-bottom: 0px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri{
	/*display: flex;*/
	margin-bottom: 32px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri .ett-labl,.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri .ett-para{
	font-size: 16px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri .ett-labl{
	font-size: 16px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri .ett-para{
	font-weight: 500;  }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form{
	padding-top: 32px;
	border-top: 1px solid #e8e8e8;  }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri:first-child > span:first-child .scb-col100{
	width: 56px;
	height: 56px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri:first-child > span:first-child > .srb{
	display: flex;  }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri:first-child > span:first-child .scb-col100 svg{
	border-radius: 50%;
	width: 56px;
	height: 56px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);   }
	
.approve--reject--paydetails--web .pending-approvals-panel .crt-form{
	width: 605px;
	padding: 36px 32px;
	border: 1px solid #E8E8E8;
	border-radius: 12px;  } 
@media (min-width: 1600px){
    
.approve--reject--paydetails--web.web-close-accounts-row > div:first-child{
	width: 78%; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri {
  margin-bottom: 28px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri .ett-labl, .approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri .ett-para {
  font-size: 14px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form {
  padding-top: 28px; }
  
.approve--reject--paydetails--web .pending-approvals-panel .crt-form{
	width: 518px;
	padding: 32px 28px;  }   

}



@media (max-width: 1050px){

.approve--reject--paydetails--web.web-close-accounts-row > div:first-child{
	width: 100%;  }
	
.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri {
  margin-bottom: 24px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form {
  padding-top: 24px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri > span:first-child{
	width: 40% }
	
.approve--reject--paydetails--web .pending-approvals-panel .crt-form{
	width: 432px;
	padding: 28px 24px;  } 
	
}

@media (max-width: 850px){

.approve--reject--paydetails--web.web-close-accounts-row > div:first-child{
	width: 75%;  }
	
.approve--reject--paydetails--web .pending-approvals-panel .crt-form{
	width: 386px;
	padding: 28px 24px;  } 
	
}


@media (max-width: 750px){

.approve--reject--paydetails--web.web-close-accounts-row > div:first-child{
	width: 100%;  }
	
.approve--reject--paydetails--web .pending-approvals-panel .crt-form {
  padding-top: 20px; }

.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri > span:first-child{
	width: 50% }
	
.approve--reject--paydetails--web .pending-approvals-panel .crt-form{
	width: 100%;
	padding: 24px 16px;  } 
	
}


.pay--anyone--column .web-tab .tabcontent{
   height: auto;  }		

// .web-footer .web-footer-inside-row {
// 	display: flex;  }	

// .web-footer .web-footer-inside-row > span:first-child{
// 	width: 170px;  }	

  

.overseas--payment--column .recent-txn-header{
    margin-top: 28px;
	display: flex;  }

.overseas--payment--column .set--overseas-pay{
	display: flex;  }

.overseas--payment--column .web-tab .tabcontent > div.overseas--new--payee--tab{
  padding: 36px 32px !important;
  border: 1px solid #E8E8E8;
  border-radius: 12px;
  margin-top: 36px;  }

.overseas--payment--column .web-tab .tabcontent .overseas--new--payee--tab .pst-simp.pa0 > div:not(:last-child).crt-form > .srb.pri{
  padding: 16px 12px;
  border-radius: 60px;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);	 }

.overseas--payment--column .web-tab .tabcontent .overseas--new--payee--tab .pst-simp.pa0 > div:nth-child(2) > .srb.pri{
    margin-top: 36px;  } 
    
.fund-transfer-column > div:first-child .crt-form .srb.pri.from-account{
	margin-bottom: 0px !important;
	border-bottom: none;  }    
	
#Dashbw__AllTransaction__sc_row_18{
	display: none;  }	
    
.pay--anyone--column .web-tab .tabcontent{
   height: auto;  }	    

.confirmation--modal---new .modal-header{
   display: none;  }

.confirmation--modal---new .modal-cnt{
	padding-top: 0px !important;  }

.success--modal--new .modal-header{
   display: none;  }

.success--modal--new .modal-cnt{
	padding-top: 0px !important;  }
	
.accounts-new--modal .modal-cnt{
	padding-top: 0px !important;  }	
	
.schedule--payment--new .modal-cnt{
  padding-top: 0px !important; }

.schedule--payment--new .modal-header{
  display: none;  }	
  
.schedule--payment--new.web-modal .modal-cnt{
	min-height: 650px;  }  

// #FundTr__FundTransferInputweb__sc_col_200{
// 	position: relative;
// 	left: -50%;  }
	
.success--modal--new .web-modal-footer.srb{
	display: flex;  }  	

// .show--all--transaction--list.crt-list > ul.pri > li.hide-empty-rows ~ li, .show--all--transaction--list.crt-list > ul.pri > li.hide-empty-rows {
//   display: none !important;  }	

.web-page.payments-page > div > .grb:last-child > div:not(:first-child) .web--upcoming--mainrow > div:first-child .crt-form:last-child {
  position: inherit;
  padding: 0px;
  height: 100%;
  border-radius: unset;  }

.web-page.payments-page > div > .grb:last-child > div .web--upcoming--mainrow > div:first-child .crt-list > ul > li > span:last-child {
  width: fit-content; }

.web--upcoming--mainrow .upcoming--payments--page > div{
	width: 100%;  }

.web-page.payments-page > div > .grb:last-child > div:not(:first-child) .web--upcoming--mainrow > div:first-child .crt-form:last-child > span::before{
	content: none; }

.dashb--upcoming--payments .upcoming-heading label{
	font-size: 16px !important;
	font-weight: 700;  }

.web--upcoming--mainrow  .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body{
	border-top: none; }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .app-sublabel.time-stamp{
	display: none;  }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .var5 {
	display: none;  }

.web--upcoming--mainrow .upcoming--payments--page > div:nth-child(2) .gcb-col12, .web--upcoming--mainrow .upcoming--payments--page > div:nth-child(2) .plt-simp,.web--upcoming--mainrow .upcoming--payments--page > div:nth-child(2) .tsp,.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body,.web--upcoming--mainrow .upcoming--payments--page, .web--upcoming--mainrow .dashb--upcoming--payments{
    height: 100%;  }

#Paymen__PaymentDashboardweb__sc_row_223 , #Paymen__PaymentDashboardweb__Upcomingpayments, #scr__Paymen__UpcomingPayDashboard__main{
	height: 100%;
	display: block;  } 
	
// .web-page.payments-page .web--upcoming--mainrow > div .crt-form > .srb.pri:nth-child(2){
// 	top: -48px;  }
	
.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:first-child {
  margin-right: 6px; }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(3) {
  margin-right: 6px; }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(2) {
  margin-right: 8px; }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:first-child {
  margin-right: 6px;
  width: 130px;  }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:nth-child(2) {
  margin-right: 8px; }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var4 > span > span:first-child > span:first-child {
  margin-right: 6px;
  width: auto;   }	



@media (max-width: 1050px) {

// .web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var4 > span > span:first-child > span:first-child {
//   margin-right: 6px;   }	

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var4 > span > span:first-child > span:first-child.ellipsis-text-label .ett-labl{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: unset;
	width: auto; }	
	
.upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var4 > span > span:first-child > span:first-child.ellipsis-text-label .ett-labl {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 95px; } 	

}

@media (max-width: 750px) {

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:first-child {
  margin-right: 0px; }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(3) {
  margin-right: 0px; }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var3 > span:nth-child(2) {
  margin-right: 6px; }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:first-child {
  margin-right: 0px;
  width: 130px;  }

.web--upcoming--mainrow .upcoming--payments--page .pst-simp.pa0 > div.my-payments-body .crt-list > ul > li .srb.pri .var5 > span > span > span:nth-child(2) {
  margin-right: 0px; }

.web-page.payments-page > div > .grb:last-child > div:nth-child(2) .web--upcoming--mainrow > div:first-child .crt-list{
	padding-left: 0px !important;
	padding-right: 16px !important;
	margin-right: -16px;  }


}


.showall-transactions-page .show--all--transaction--list.crt-list > ul.pri > li.ssp {
    /* background: red; */
    display: none;
}

.pay--anyone--column .new-payee--feature .srb.var9 .scb-col100 ul p{
	display: flex;
	align-items: center;  }

.fund-transfer-column .srb.pri.var9 p {
    display: flex;
	align-items: center;  }

.fund-transfer-column .srb.pri.var9 svg {
    margin-right: 12px;
    font-size: 12px;  }

.web-tab.pst-tabs.hor.pri > ul.tabs > li:hover{
    border-top: none !important;
	border-left: none !important;
	border-right: none !important;  }
	
#Dashbw__AllTransaction__DownloadDropDown_div ul > li:first-child {
    display: none;   }
	
.showall-transactions-page .scroll-down ul{
	display: none !important;  }
	
	
/*--------------- web-transaction-details-styles ------------------*/	
	
	
.web--transaction--details .grb.var1{
     width: 734px; 
	 padding: 28px 32px;
	 border: 1px solid #e8e8e8;
	 border-radius: 8px;
	 height: calc(100vh - 260px);
    overflow: overlay;  }	

.web--transaction--details .web--tnx--details--heading{
     width: 734px; 
    margin-bottom: 28px;}	

.web--transaction--details .crt-form.hor.pri .srb.eoc{
	margin-bottom: 0px;  }

.web--transaction--details .web--tnx--details--heading{
     background: #FAFAFA;
	 height: 112px;
	 padding: 0px 36px 0px 36px;
	 /*border-left: 8px solid;*/
	 border-image: linear-gradient( #374F5A, #EA0158) 1;  }	

.web--transaction--details .web--tnx--details--heading .scb-col100 > .srb.pri{
    display: flex;
    align-items: center;  }

.web--transaction--details .web--tnx--details--heading .var1{
    width: 84px;  }

.web--transaction--details .web--tnx--details--heading .var1 > span img{
   	width: 56px !important;
	height: 56px !important;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);    }

.web--transaction--details .web--tnx--details--heading .var1 > span:first-child{
   	width: 56px !important;
	height: 56px !important;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);      }

.web--transaction--details .web--tnx--details--heading .var2 p{
   font-weight: 700;     }

.web--transaction--details .web--tnx--details--heading .var3 p{
   color: #396376;	
   font-weight: 700;  
   font-size: 20px;
   padding: 12px;
   background: #FFFFFF;
   border-radius: 4px;
   box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08); 	 }
	
.web--transaction--details .crt-form.var2 > span{
	margin-bottom: 24px;  }

.web--transaction--details .crt-form .var4 .scb-col100 > span {
	margin-bottom: 24px;  }

.web--transaction--details .crt-form .var4 label,.web--transaction--details .crt-form.var2 label  {
	color: #575757;  }

.web--transaction--details .crt-form .var4 p,.web--transaction--details .crt-form.var2 p  {
	color: #212121; 
	font-weight: 700;
	word-break:break-all;}

.web--transaction--details .var9{
	padding-bottom: 24px;
	border-bottom: 1px solid #e8e8e8; }

.web--transaction--details .var9 label{
	color: #396376 !important;
	font-weight: 500;  }

.web--transaction--details .pst-simp.pa0 > div .opening-hours {
	padding: 24px 0px;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	margin-bottom: 20px;  }
	
.web--transaction--details .crt-list ul > li{
    padding-bottom: 16px;  }

.web--transaction--details .merchant-info-row{
	margin: 32px 0px 16px 0px;  }

.web--transaction--details .web--merchant--info .send-qry-lwc{
    margin-top: 30px;  }

.web--transaction--details .web--merchant--info .send-qry-lwc .rht p{
    font-weight: 700;  }

.web--transaction--details .email--phone{
	display: flex;
	margin-bottom: 20px;}

.web--transaction--details .email--phone .var1{
	padding: 12px;
	border: 1px solid #e8e8e8;
	border-radius: 8px;  }

.web--transaction--details .email--phone .var1:not(:last-child){
	margin-right: 40px;  }

/*.web--transaction--details .email--phone .var1 .srb.pri{*/
/*	display: flex;   }*/

.web--transaction--details .email--phone .var1 .srb.pri > span:first-child{
	width: 56px;  }
	
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li {
  margin-bottom: 0;
  height: 89px;
  padding-left: 0;
  padding-right: 0;
}

    
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child {
    width: 440px;
    padding: 0px; 
}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child {
  border-left: 0;
  padding: 0px;
  width: 516px; 
}
.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:nth-child(2) .ett-para.pri,
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li .ett-para.pri {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: unset;
  }
.web-page.payments-page > div > .grb:last-child > div:first-child .crt-list > ul > li {
  margin-bottom: 10px !important;
  padding-bottom: 25px;
  }
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) > span:nth-child(2) > span > .srb.pri:first-child {
  margin-bottom: 0;
}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) {
  flex-direction: column;
  /*width: 70%;*/
  width: calc(100% - 215px);
  }
  .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) > .srb.pri:nth-child(3) .ett-para:first-child {
    font-weight: 400;
}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child {
    display: block; 
    }
    
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li .ett-bttn {
  font-weight: 700;
  color: #005587;
  background: transparent;
}    

.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li .ett-bttn:hover {
    color: #005587;
    background: transparent !important;
}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li .ett-bttn:focus {
    background: transparent !important;
    box-shadow: unset;
}


.address-tab  .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li {
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    border-bottom: 1px solid #e8e8e8;
}
.address-tab .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list {
    border: 1px solid #e8e8e8;
    padding: 32px;
    border-radius: 12px;
    margin: 20px 0px 20px 0;
}
.address-tab .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li:last-child {
    padding-bottom: 0;
}
.address-tab .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li:not(:last-child)::after {
    background: none;
}
.address-tab .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li:last-child {
    border-bottom: 0;
}
.address-tab .address-book-page .grb:last-child {
    margin-top: 15px;
}
.address-header.scb-col55 .ett-labl {
    font-size: 24px !important;
}

.web-page.payments-page > div > .grb:last-child > div > div:first-child .payments--dashb--approve--reject .crt-list > ul > li > span:last-child{
	/*flex-grow: 0;*/
	flex-shrink: unset;  }

.web-page.payments-page > div > .grb:last-child > div > div:first-child .payments--dashb--approve--reject .crt-list > ul > li > span:first-child{
	width: 44px;
	height: 44px;
	border-radius: 50%;  }

.web-page.payments-page > div > .grb:last-child > div > div:first-child .payments--dashb--approve--reject .crt-list > ul > li > span:last-child > .srb.pri{
	line-height: 1; }

.web-page.payments-page > div > .grb:last-child > div > div:first-child .payments--dashb--approve--reject .crt-list > ul > li > span:last-child > .srb.pri.address-book-data{
	margin-top: 5px;  }

.web-page.payments-page > div > .grb:last-child > div > div:first-child .payments--dashb--approve--reject .crt-list > ul > li > span:last-child > .srb.pri:first-child p{
	color: #212121; 
	font-size: 14px;  }

.web-page.payments-page > div > .grb:last-child > div > div:first-child .payments--dashb--approve--reject .crt-list > ul > li > span:last-child > .srb.pri.address-book-data p{
	font-weight:  400;  }

.web-page.payments-page > div > .grb:last-child > div > div:first-child .payments--dashb--approve--reject .crt-list > ul > li > span:last-child > .srb.pri:first-child p.var1{
	font-weight:  500;
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}  
	
#Paymen__PaymentInputweb__sc_col_414{
	width: 100%; }	

#Paymen__PaymentInputweb__sc_col_414 p{
	font-size: 12px;  }	
	
#Paymen__UpcomingPaymentDetailweb__el_btn_1 svg{
	fill: #005587; }
	
.upcoming-delete-modal.web-modal .modal-header{
    padding-bottom: 36px !important;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 12px !important;  }

.upcoming-delete-modal.web-modal .srb.pri.var1{
	margin-bottom: 105px;  } 	

@media (max-width: 1600px){

.web--transaction--details .grb.var1 {
  width: 628px;
  padding: 24px 28px; }

.web--transaction--details .web--tnx--details--heading {
  width: 628px;
  margin-bottom: 24px; }

.web--transaction--details .web--tnx--details--heading {
  height: 92px;
  padding: 0px 28px;
  /*border-left: 5px solid;*/
}

.web--transaction--details .web--tnx--details--heading .var1 {
  width: 68px; }

.web--transaction--details .web--tnx--details--heading .var1 > span img {
  width: 44px !important;
  height: 44px !important; }

.web--transaction--details .web--tnx--details--heading .var1 > span:first-child {
  width: 44px !important;
  height: 44px !important; }

.web--transaction--details .web--tnx--details--heading .var3 p {
  font-size: 16px;
  padding: 10px;   }

.web--transaction--details .crt-form.var2 > span {
  margin-bottom: 24px; }

.web--transaction--details .crt-form .var4 .scb-col100 > span {
  margin-bottom: 24px; }

.web--transaction--details .var9 {
  padding-bottom: 20px; }

.web--transaction--details .pst-simp.pa0 > div .opening-hours {
  padding: 20px 0px;
  margin-bottom: 20px; }

.web--transaction--details .crt-list ul > li {
  padding-bottom: 16px; }

.web--transaction--details .merchant-info-row {
  margin: 28px 0px 16px 0px; }

.web--transaction--details .web--merchant--info .send-qry-lwc {
  margin-top: 28px; }

.web--transaction--details .email--phone .var1 {
  padding: 12px; }

.web--transaction--details .email--phone .var1:not(:last-child) {
  margin-right: 32px; }

.web--transaction--details .email--phone .var1 .srb.pri > span:first-child {
  width: 48px; } 

}

@media (max-width: 1050px){

.web--transaction--details .grb.var1 {
  width: 546px;
  padding: 20px 24px; }

.web--transaction--details .web--tnx--details--heading {
  width: 546px;
  margin-bottom: 20px; }

.web--transaction--details .web--tnx--details--heading {
  height: 90px;
  padding: 0px 28px;
  /*border-left: 5px solid;*/
}

.web--transaction--details .web--tnx--details--heading .var1 {
  width: 64px; }

.web--transaction--details .web--tnx--details--heading .var1 > span img {
  width: 40px !important;
  height: 40px !important; }

.web--transaction--details .web--tnx--details--heading .var1 > span:first-child {
  width: 40px !important;
  height: 40px !important; }

.web--transaction--details .web--tnx--details--heading .var3 p {
  font-size: 16px;
  padding: 10px;   }

.web--transaction--details .crt-form.var2 > span {
  margin-bottom: 24px; }

.web--transaction--details .crt-form .var4 .scb-col100 > span {
  margin-bottom: 24px; }

.web--transaction--details .var9 {
  padding-bottom: 20px; }

.web--transaction--details .pst-simp.pa0 > div .opening-hours {
  padding: 20px 0px;
  margin-bottom: 20px; }

.web--transaction--details .crt-list ul > li {
  padding-bottom: 16px; }

.web--transaction--details .merchant-info-row {
  margin: 28px 0px 16px 0px; }

.web--transaction--details .web--merchant--info .send-qry-lwc {
  margin-top: 28px; }

.web--transaction--details .email--phone .var1 {
  padding: 12px; }

.web--transaction--details .email--phone .var1:not(:last-child) {
  margin-right: 32px; }

.web--transaction--details .email--phone .var1 .srb.pri > span:first-child {
  width: 48px; }

}

@media (max-width: 1050px){

.web--transaction--details .grb.var1 {
  width: 546px;
  padding: 20px 24px; }

.web--transaction--details .web--tnx--details--heading {
  width: 546px;
  margin-bottom: 20px; }

.web--transaction--details .web--tnx--details--heading {
  height: 90px;
  padding: 0px 28px;
  /*border-left: 5px solid;*/
}

.web--transaction--details .web--tnx--details--heading .var1 {
  width: 64px; }

.web--transaction--details .web--tnx--details--heading .var1 > span img {
  width: 40px !important;
  height: 40px !important; }

.web--transaction--details .web--tnx--details--heading .var1 > span:first-child {
  width: 40px !important;
  height: 40px !important; }

.web--transaction--details .web--tnx--details--heading .var3 p {
  font-size: 16px;
  padding: 10px;   }

.web--transaction--details .crt-form.var2 > span {
  margin-bottom: 20px; }

.web--transaction--details .crt-form .var4 .scb-col100 > span {
  margin-bottom: 20px; }

.web--transaction--details .var9 {
  padding-bottom: 16px; }

.web--transaction--details .pst-simp.pa0 > div .opening-hours {
  padding: 16px 0px;
  margin-bottom: 16px; }

.web--transaction--details .crt-list ul > li {
  padding-bottom: 16px; }

.web--transaction--details .merchant-info-row {
  margin: 28px 0px 16px 0px; }

.web--transaction--details .web--merchant--info .send-qry-lwc {
  margin-top: 16px;}

.web--transaction--details .email--phone .var1 {
  padding: 12px; }

.web--transaction--details .email--phone .var1:not(:last-child) {
  margin-right: 24px; }

.web--transaction--details .email--phone .var1 .srb.pri > span:first-child {
  width: 44px; }

}

@media (max-width: 850px){

.web--transaction--details .grb.var1 {
  width: 550px; }

.web--transaction--details .web--tnx--details--heading {
  width: 550px; }

}


@media (max-width: 750px){
.address-tab .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list {
    margin: 0;
}

.web--transaction--details .grb.var1 {
  width: 100%;
  padding: 20px 24px; }

.web--transaction--details .web--tnx--details--heading {
  width: 100%;
  margin-bottom: 20px; }

.web--transaction--details .email--phone{
	flex-direction: column;  }

.web--transaction--details .email--phone .var1{
	width: 100%; }

.web--transaction--details .email--phone .var1:not(:last-child){
	margin-right: 0px;
	margin-bottom: 12px;  }	
	
.web--transaction--details .web--tnx--details--heading {
  height: 80px;
  padding: 0px 24px; }

.web--transaction--details .web--tnx--details--heading .var1 {
  width: 60px; }

.web--transaction--details .pst-simp.pa0 > div .opening-hours {
  padding: 12px 0px; }

.web--transaction--details .crt-list ul > li {
  padding-bottom: 12px; }

.web--transaction--details .merchant-info-row {
  margin: 20px 0px 16px 0px; }

.web--transaction--details .web--merchant--info .send-qry-lwc {
  margin-top: 16px;}
  
#WebTra__TransactionDetails__el_label_4{
	padding-right: 10px;  }

.web--transaction--details .crt-form .var4 .scb-col100 > span .scb-col40{
	vertical-align: top; }	

.web--transaction--details .crt-form .var4 .scb-col100 > span .scb-col60{
	vertical-align: top; }

.web--transaction--details .web--merchant--info .send-qry-lwc > span {
	vertical-align: top;  }	

#WebTra__TransactionDetails__CurrentDayStatus{
	display: none;  }  
	
	
.web-page.payments-page > div > .grb:last-child > div > div:first-child .crt-list > ul > li > span:nth-child(2), .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li > span:nth-child(2) {
    padding-left: 10px;
    }
    
.address-tab .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list {
    padding: 15px !important;
}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:last-child{
    /*width:45% !important;*/
     width:90px !important;
}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2){
    width:40% !important;
}
.maturity-instruction-page .add-external-acc-btn .ett-bttn.ter{
  margin-top: 4px;
}    

}


.web-payto-agreements-page.web-close-accounts-row > div:first-child > div {
  width: 734px; }

.web-payto-agreements-page .srb.pri.var2 {
  padding: 24px 32px;
  margin-top: 36px;
  margin-bottom: 32px;
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  display: flex;
  align-items: center; }

.web-payto-agreements-page .web-tab.pst-tabs.hor.pri > ul li {
  width: 178px; }

.web-payto-agreements-page .crt-form.hor.pri .srb.eoc {
  margin-bottom: 0px; }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li {
  display: flex;
  padding: 32px 0px;
  border-bottom: 1px solid #e8e8e8;
  align-items: center; }

.web-payto-agreements-page .search-box-row {
  position: absolute;
  top: 0px;
  width: 260px;
  left: auto;
  right: 0px; }

.web-payto-agreements-page .srb.pri.var2 > span:nth-child(2) {
  display: flex; }

.web-payto-agreements-page .srb.pri.var2 > span:nth-child(2) ul:nth-child(2) {
  width: auto; }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li > span:nth-child(3) {
  width: auto;
  margin: auto;}

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li > span:nth-child(1) p:first-child {
  font-weight: 700;
  margin-right: 16px; }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li > span:nth-child(3) p {
  height: 24px;
  display: flex;	
  font-weight: 700;
  border-radius: 12px;
  padding: 0px 8px; 
  align-items: center;	 }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li > span:nth-child(1) p:nth-child(2) {
  color: #575757;
  font-size: 14px; }

.web-payto-agreements-page .srb.pri.var2 > span:nth-child(2) label {
  font-weight: 700; }

.web-payto-agreements-page .srb.pri.var2 > span:nth-child(2) ul:nth-child(2) > li:nth-child(2) {
	background: #005587;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: #FFFFFF;
	font-weight: 700;
	text-align: center;  }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li:last-child{
	border-bottom: none;  }

.web-payto-agreements-page .inactive--list{
    margin-top: 36px;  }

.web-payto-agreements-page .payto-tab{
	position: relative;  }

.web-payto-agreements-page .search-box-row.exp-search-box-row{
    top: -45px;  }

.search-box-row .ecn > .icr > svg{
	margin: 0px;
	right: 0px;  }
	
.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li > span:nth-child(3) p.payto-inactive-label {
  background: #FFFFFF;
  border: 0.5px solid #575757;
  color: #575757;  }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li > span:nth-child(3) p.cancelled {
  background: #FBF4F1;
  border: 0.5px solid #BC460B;
  color: #BC460B;  }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li > span:nth-child(3) p.payto-active-label{
   background: #F2F8F4;
   border: 0.5px solid #1F7F34;
   color: #1F7F34;  } 	

/*.web-payto-pending-authorisation-page.web-close-accounts-row > div:first-child > div {*/
/*  width: 734px; }*/

.web-payto-pending-authorisation-page .grb.var1 {
  padding: 32px;
  border: 1px solid #e8e8e8;
  border-radius: 12px; }

.web-payto-pending-authorisation-page .grb.var1 .crt-form .srb.pri {
  padding-bottom: 28px;
  border-bottom: 1px solid #e8e8e8; }

.web-payto-pending-authorisation-page .grb.var1 .crt-form .srb.pri label {
  font-weight: 700;
  color: #212121; }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li {
  display: flex;
  padding: 32px 0px;
  border-bottom: 1px solid #e8e8e8;
  align-items: center; }

.web-payto-pending-authorisation-page .crt-form.hor.pri .srb.eoc {
  margin-bottom: 0px; }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri {
  display: flex;
  align-items: center; }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var3, .web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var4 {
  display: flex;
  flex-direction: column; }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var3 p:nth-child(2), .web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var4 label {
  margin-top: 8px;
  font-size: 12px;
  color: #575757;	 }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var5 p {
  font-size: 14px; }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var5 {
  width: calc(15% + 46px);  }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > span:last-child {
  width: 52px; }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var3{
  width: fit-content;  }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var3 p:nth-child(1), .web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var4 p {
  font-weight: 700;  }

.web-payto-pending-authorisation-page .grb.var1 .crt-list .payto-danger-label{
  height: 24px;
  font-weight: 700;
  border-radius: 12px;
  padding: 2px 8px;
  background: #FBF4F1;
  border: 0.5px solid #BC460B;
  color: #BC460B;  }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li:last-child {
   border: none; 
   padding-bottom: 0px;	 }
   
.web-fundtransfer-paymentdetails .web-info-panel{
	display: none !important; }   
   
.accounts-new--modal.raise-dispute-select-account.web-modal .my-accounts-panel > .crt-list:first-child li > span:nth-child(2){
	width: inherit;
	margin-left: 5px;  }
	
.error--text label,.error--text p{
 color: #e01010 !important;
 font-weight: 500;  }

.bold--text label,.bold--text p{
 color: #212121 !important;
 font-weight: 700;  } 
 
 
@media (max-width: 1800px){
    
.web-payto-agreements-page.web-close-accounts-row > div:first-child > div {
  width: 628px; }

.web-payto-agreements-page .srb.pri.var2 {
  padding: 20px 28px;
  margin-top: 32px;
  margin-bottom: 28px; }

.web-payto-agreements-page .web-tab.pst-tabs.hor.pri > ul li {
  width: 178px; }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list {
  padding: 4px 28px;  }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li {
  padding: 28px 0px; }

.web-payto-agreements-page .search-box-row {
 width: 240px;  }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li > span:nth-child(1) p:first-child {
  margin-right: 16px; }

.web-payto-agreements-page .pst-simp.pa0 > div .crt-list ul > li > span:nth-child(1) p:nth-child(2) {
  font-size: 14px; }

.web-payto-agreements-page .srb.pri.var2 > span:nth-child(2) ul:nth-child(2) > li:nth-child(2) {
	width: 24px;
	height: 24px;  }

.web-payto-agreements-page .inactive--list{
    margin-top: 32px;  }

.web-payto-agreements-page .search-box-row.exp-search-box-row{
    top: -40px;  }

/*.web-payto-pending-authorisation-page.web-close-accounts-row > div:first-child > div {*/
/*  width: 628px; }*/

.web-payto-pending-authorisation-page .grb.var1 {
  padding: 28px; }

.web-payto-pending-authorisation-page .grb.var1 .crt-form .srb.pri {
  padding-bottom: 24px; }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li {
  padding: 28px 0px;  }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var5 {
  width: calc(15% + 46px);  }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > span:last-child {
  width: 52px; }

.web-payto-pending-authorisation-page .grb.var1 .crt-list ul > li .var2.srb.pri > .var3{
  width: fit-content;  }
  
}
 
.manage-accounts-modal .crt-form > .srb.pri.sno{
   display: none !important;  }
 
   
.authentication-modal .modal-header li:nth-child(2){
	display: none;  }
	
   
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li:not(:last-child)::after, .dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri ul li:not(:last-child)::after, .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .srb.pri.close-list:not(:last-child)::after, .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li:not(:last-child)::after, .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li:not(:last-child)::after{
content:"";
position: absolute;
width: 85%;
height: 1px;
background-color: #E8E8E8;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li, .dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri ul li, .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li .srb.pri.close-list, .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li, .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li{
    position:relative;
    cursor:pointer;
}
.dashboard.dashboard-page .widget-container.var1 .recent-trans-widget .crt-list.pri > ul > li:not(:last-child)::after, .web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child .crt-list > ul > li:not(:last-child)::after{
    bottom:-16px;
}
.address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child .crt-list > ul > li:not(:last-child)::after{
    bottom:4px;
}
.accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget .plt-simp:nth-child(n+2) .crt-list > ul > li:not(:last-child)::after{
    bottom:-6px;
}

.web-page.payments-page > div > .grb:last-child > div:first-child .plt-simp .payments---show---all{
	position: absolute;
	bottom: 0px;
	margin-bottom: 0px !important;
	left: 0px;  } 

.web-page.payments-page .web--upcoming--mainrow .payments---show---all{
	position: absolute !important;
	bottom: 0px;
	margin-bottom: 0px !important;
	background: #fff;
	left: 0px;   }	

.schedulepay-freq-modal .modal-header{
	display: none;  }
	
.success--modal--new .scb-col100 > .srb.pri.var1 .icon-ok-sign.ett-icon {
	fill:#1F7F28;  }	
	
	.web-account-landing-body .recent-transcations-panel > div > .grb > div > .plt-simp:last-child {
  overflow: scroll;
}
.web-account-landing-body > div:first-child > .plt-simp > .pst-simp > .grb:last-child .ett-para.pri {
    width: 100%;
}
.web-accounts-landing > div:first-child{
    overflow:auto;
}
/*Custom CSS shashidhar*/

.registration-page.web-close-accounts-row > div:first-child > div.terms-condition:nth-last-child(2) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:first-child .ett-labl.pri {
    line-height: initial !important;
    margin-bottom: 0 !important;
    word-break: break-word;
}
.registration-page.web-close-accounts-row > div:first-child > div.terms-condition:nth-last-child(2) .crt-form > .srb.pri:nth-child(2) > span > .srb.pri:first-child .terms-head .ett-labl.pri {
    font-size: 18px !important;
    margin: 20px 0 !important;
     display: block;
}
.registration-page.web-close-accounts-row  .terms-condition{
    .confirm-term{
        .ett-labl.pri {
            padding:0 !important;
        }
    }
}
.ett-chek.hor.pri input[type="checkbox"]:checked + label::before {
    background-image: url(../../../../../appzillon/styles/themes/OnlineBanking/img/web-tick-icon-white.svg) !important;
}
.terms-condition{
    padding-bottom:50px;
}
[type=password].ett-inpt.ter::placeholder {
    padding-bottom: 0 !important;
}
.upload-payroll-main-row .registration-page .ett-pgst.pri.hor li:first-child > span:last-child::after{
    left: 40%;	
}
@media (max-width: 1800px){
    .registration-page:not(.setup-primary-acc-page).web-close-accounts-row > div:first-child > div:nth-child(2) {
        /*padding-right: 190px;*/
        padding-right: 0px;
    }
}
@media (min-width:1060px) and (max-width:1401px){
    .web-page.services-dashboard-page .pst-tabs.hor.pri > ul.tabs > li {
        padding: 0 18px 14px 14px;
    }
    .payanyone--input--web > div {
        width: 100%;
    }
    .web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child {
        width: 60px;
    }
    .web-account-landing-body .recent-transactions-list.crt-list > ul.tsp > li > span:first-child > .srb.pri:last-child > span:first-child {
        padding-right: 10px;
    }
    .dashboard.dashboard-page{
        padding: 22px 20px !important;
    }
    .dashboard.dashboard-page .accounts-recent-txn-container .gcb-col6 {
        width: 301px;
    }
    .acc-select-opt button.ett-bttn.pri{
        width: 200px;
        padding: 0 15px;
        font-size: 15px;
    }
    .accounts-recent-txn-container .widget-container > .srb.pri:first-child .widget > div > .grb > div:last-child{
        padding-left: 22px;
    }
    .dashboard-page .recent-trans-widget .close-list > span:first-child{
        width:70px;
    }
    .accounts-recent-txn-container .widget-container > .srb.pri:last-child .widget > div > .plt-simp .crt-form:last-child > .srb.pri > span > .srb.pri > span:nth-child(3){
        width: 130px;
    }
    .acc-select-opt button.ett-bttn.pri svg {
        margin-right: 6px;
        width: 20px;
        height: 20px;
    }
    .web-accounts-landing > div:first-child{
        width: 378px;
        padding: 24px 20px 32px;
    }
    .web-accounts-landing > div:first-child .web-tab .tabcontent{
        padding: 0 20px;
    }
    .web-accounts-landing > div:last-child {
        padding: 22px 20px;
    }
    .web-account-landing-body {
        margin-top: 22px !important;
    }
    .web-accounts-landing-menu.srb.pri > span:not(:first-child) {
        margin-left: 10px;
    }
    .apz-nav-stay-left .pnt-sdbr.lft.pri .logo.var1 {
        text-align: left;
        padding: 0 0 0 5px;
    }
    .web-page.payments-page .web-panel--white {
        padding: 16px 16px !important;
        overflow: hidden;
    }
    .notifications-popover{
        padding: 23px 26px 18px 26px;
        width: 495px;
        height: 410px;
    }
    /*.registration-page.web-close-accounts-row > div:first-child {*/
    /*    padding-bottom: 140px !important;*/
    /*}*/
}
.address-book-page.add-dash-tabs > div > .plt-simp .pst-simp{
	width:100% !important;
}
.address-book-page > div > .plt-simp{
	width:100% !important;
}
.pay--anyone--column .addpayee-profile-panel .srb.pri.var6.payee-name-border .ett-texa{
	height: 35px;
	padding-bottom:0;
}
.web-modal.status-modal .modal-header .ett-bttn.med::before{
	display:none;
}
#webLog__FirstTimeRegistration__secQuestDropdown_option_Select{
    display : none;
}
#webLog__SecurityQuestion__secQuestDropdown_option_Select{
	display:none;
}
.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri .approval-amount .ett-para{
    border: 1px solid #e8e8e8;
    padding: 10px;
    border-radius: 10px;
}
.approve--reject--paydetails--web .pending-approvals-panel .crt-form > .srb.pri:first-child {
    margin-bottom: 0;
}
.approve-payments-panel .crt-form {
    margin: 15px 0;
}
.approve-payments-panel .crt-form > .srb.pri {
    padding: 10px 0;
}
.address-book-page.add-dash-tabs > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) > span:first-child .ett-para {
    text-overflow: ellipsis;
    white-space: nowrap !important;
    width: 90% !important;
    overflow: hidden;
    padding-right: 5px;
    display: inline-block;
}
li#profil__ActivityEnquiryWeb__ActivityDrop_option_Select\ Activity\ Id{
    display:none;
}

.pay--anyone--column .new-payee--feature .srb.var9 .app-sublabel.available-balance-label .ett-para,
.pay--anyone--column .new-payee--feature .srb.var9 .scb-col100 ul.zero-amount-err p{
    display: unset;
}
.amt-input .ecn > .syl > span {
  top: 0.4rem;
  font-size: 14px;
}
.error-msg-font-color .ett-para > svg {
    top: -3px;
}
.ecn > .syl > .ett-inpt.ter {
  padding-left: 1.5rem;
  display: inline;
}
.fund-transfer-column .srb.pri.var9 svg {
    top: 0;
}
.payto-popup.payment-agreement-paused-modal.web-modal .modal-header h1::before {
    position: absolute;
    content: '';
    background: url('../../../../../appzillon/styles/themes/OnlineBanking/img/web-tick-icon.svg');
    width: 32px;
    height: 32px;
    left :0;
}
.payto-popup.payment-agreement-paused-modal.web-modal .modal-window h1{
padding-left:44px;
}
.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span.var9 {
    height: auto;
}
.fund-transfer-column .srb.pri.var9 p {
   align-items: flex-start;
   margin-top: 10px;
}
@media (max-width: 850px) {
.web-fundtransfer-paymentdetails > span:nth-child(2) > span:nth-child(2) > span:first-child.scb-col100 > span.var9:nth-child(3) p {
   line-height: 1.2;
}
}
.greyedout{
    opacity: 0.4;
}
/*to add ellipsis for account display name in prelogin account selection*/
.setup-primary-acc-page .selected-acct-display .web-select ul .ett-para.ter{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
}
/*to add ellipsis for account selection in prelogin account selection*/
.setup-primary-acc-page .selected-acct-display .web-select ul .ett-para.ter{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
}
.authentication-modal .crt-form > .srb.pri .srb.pri:nth-child(5) .ett-labl.pri>strong {
    font-weight: 400;
}
/*.hilt {*/
/*    background-color: rgba(0, 163, 224, 0.1882352941) !important;*/
/*    color: #121212 !important;*/
/*}*/
@media (max-width: 1024px){
    .view-statement-body.viewstatementbody .crt-form .filtericon .ett-imge {
    left: 12px!important;
}
}
@media (max-width: 750px){
    .view-statement-body.viewstatementbody .crt-form .filtericon .ett-imge {
    left: 10px!important;
}
}
.outline-remove .ett-hypl.pri {
    outline: none;
}
.no-record.height-align {
    /*line-height: 9.5;*/
    margin-right: 30%;
}
@media (max-width: 750px){
    .no-record.height-align {
        /*line-height: 10.5;*/
        margin-right: 0%;
    }
    .svg-bg-modal-main .logout-image { 
        background-size: 40% !important;
        height:370px;
    }
}
.web-complaint-modal .crt-list {
    max-height: calc(100vh - 450px);
    overflow: overlay;
}
.reply-align.web-complaint-modal.web-modal.web-modal .modal-cnt .crt-list > ul > li p > span {
    line-height: 17px;
}
.crt-form.hor.pri .web-page-heading ul li p.var9 span.sign-fill {
    color: #005587;
}
.crt-form.hor.pri .logout-device .srb.eoc svg.sign-arrowfill {
    fill: #005587;
}
.device-select.web-close-accounts-row .crt-form.hor.pri .flb {

    color: #212121;
    font-weight: 400 !important;

}
.device-select .deregister-device .pst-simp > .crt-form:nth-child(2) > .srb.pri > .scb-col100 > .srb.pri:first-child > .scb-col100 > .srb.pri:first-child .ett-labl {

    color: #212121;

}
.device-select .deregister-device .pst-simp > .crt-form:nth-child(2) > .srb.pri > .scb-col100 > .srb.pri:first-child > .scb-col100 > .srb.pri:nth-child(2) .ett-labl {
    font-weight: 500 !important;
}
.remove-droparrow .web-dropdown .ett-slct.ter::before{
  display: none;
}
.join-charitysize .ett-slct.acpt.ter span.select2-container--open span:first-child span, .ett-slct.acpt.ter span span:first-child span span:first-child {
    padding-left: 0 !important;
    font-size: 14px !important;
}
.device-select.web-close-accounts-row .crt-form.hor.pri .flb.header-alignnew {
    font-weight: 500 !important;
}
.direct_howitworks .crt-form.hor.pri .scb-col10 .ett-labl.pri {

      color: #fff !important;

}
/*For removing border around the resend otp hyperlink*/
.ett-hypl:focus {
 outline: none !important;
}
.tickicon-color .flb.icr .ett-icon {
    fill: #005587;
}
.arrowright-icon.ett-slct.ter > span > svg.icon-down {
    margin-right: 19px;
}
.arrowright-res.ett-slct.ter > span > svg.icon-down {
    margin-right: 29px;
}
@media (max-width: 1024px){
    .arrowright-icon.ett-slct.ter > span > svg.icon-down {
    margin-right: -1px;
}
   .arrowright-res.ett-slct.ter > span > svg.icon-down {
    margin-right: 6px;
}
.info-width-size.web-info-panel {
    width: 538px !important;
}
}
@media (max-width: 768px){
    .arrowright-icon.ett-slct.ter > span > svg.icon-down {
    margin-right: -1px;
}
   .arrowright-res.ett-slct.ter > span > svg.icon-down {
    margin-right: 6px;
}
.info-width-size.web-info-panel {
    width: 538px;
}
}
@media (max-width: 750px){
    .arrowright-icon.ett-slct.ter > span > svg.icon-down {
    margin-right: -9px;
}
   .arrowright-res.ett-slct.ter > span > svg.icon-down {
    margin-right: -2px;
}
}
@media (min-width: 1050px){
.edit-det.newc .pst-simp > .grb:nth-child(2) .crt-form .scb-col30.arrowleft-iconalign {
    width: 30%;
}
}

@media (max-width: 1920px){ 
    .svg-bg-modal-main .logout-image { 
        background-size: 40% !important; 
    } 
    .svg-bg-modal-main .failure-modal-img {
    background-size: 40%;
    }
    .info-width-size.web-info-panel {
    width: 734px;
}
}

@media (max-width: 1440px){ 
     .svg-bg-modal-main .logout-image { 
        background-size: 40% !important; 
    } 
    .svg-bg-modal-main .failure-modal-img {
    background-size: 40%;
    }
    .info-width-size.web-info-panel {
    width: 626px;
}
} 
@media (max-width: 750px){
     .svg-bg-modal-main .logout-image { 
        background-size: 40% !important; 
        height:370px;
    }
    .svg-bg-modal-main .failure-modal-img {
    background-size: 40%;
    }
}
@media (max-width: 1920px){
.payto-agree-main .resume-alignimg>svg {
    height: auto;
    width: 172px;
}
.payto-agree-main .ett-imge > svg {
    width: 172px !important;
    height: auto;
}
}
@media (max-width: 1440px){
.payto-agree-main .resume-alignimg>svg {
    height: auto;
    width: 142px;
}
.payto-agree-main .ett-imge > svg {
    width: 142px !important;
    height: auto;
}
}
@media (max-width: 750px){
.payto-agree-main .resume-alignimg>svg {
    height: auto;
    width: 142px;
}
.payto-agree-main .ett-imge > svg {
    width: 142px !important;
    height: auto;
}
.info-width-size.web-info-panel {
    width: 341px !important;
}
}

.space-margin-all.switch-loan-modal.web-modal.modal.in .modal-window .crt-form span:nth-child(2) svg:not(:root) {
    margin-top: 50px;
}
.space-margin-all.payto-agree-main.status-modal.web-modal svg {
    margin-top: 50px !important;
}
.space-margin-bottom.general-service-status-modal.status-modal.web-modal .crt-form > .srb.pri:nth-child(2) {
    margin-bottom: 50px;
}
.space-margin-bottom.success-modal .mb-24 {
    margin-bottom: 50px !important;
}
.space-margin-all.svg-bg-modal-main .logout-image {
    margin-top: 50px;
}
/* START For travel notificaiton i icon alignment */
.travel-notification-body .web-info-panel > span.scb-col100 {
    display: flex;
    align-items: center;
}


.travel-notification-body .web-info-panel > span.scb-col100 > ul {
    width: auto;
    margin-right: 10px;
}


.travel-notification-body .web-info-panel .ett-icon {
    top: 0px;
}
/*END*/

/*Style for placeholder text*/
.super-ann-main .ett-texa.ter::placeholder {
    color: #575757 !important;
}
.hideOptions li:nth-of-type(1n+3){
    display:none !important;
}
.error-msg-font-color .ett-para.icon-top-align {
    align-items: center;
    display: flex;
    margin-top: 5px;
}
.count-text {
    text-align: right;
    color: #575757;
    font-size: 12px;
}

/*Data sharing > Notification preferences*/
.notify-preff-acc-mod-main.web-modal.joint-acc-per-pro .dt-sh-opt .crt-form.hor.pri > span label.flb {
    font-size: 14px;
}
/*Data sharing > Account permissions >single/joint consent pending > approve button*/
 .change-sharing-request-modal.stop-data-sharing-modal .web-modal-footer .ett-bttn.pri:focus {
        background-color: #005587 !important;
        color: #fff;
    }
    
.g-recaptcha {
    border: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/*scroll-issue*/

.web-page.payments-page .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list{
	height: 85% !important;
	display: block;
}
.web-page.payments-page > div > .grb:last-child > div:nth-child(2) .web--upcoming--mainrow > div:first-child .crt-list > ul {
        padding-bottom: 30px;
    }

@media (min-width: 1799px) and (width > 1800px){
  .web-page.payments-page .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul{
	padding-bottom: 130px;
  }
}

@media (min-width: 851px) and (max-width: 1260px){
     .web-page.payments-page > div > .grb:last-child{
         flex-direction: column !important;
         gap: 24px;
         max-height: inherit !important;
    }
     .web-page.payments-page > div > .grb:last-child > div{
         width: 80% !important;
         min-height: 356px;
    }
     .web-page.payments-page > div > .grb:last-child > div:not(:first-child) > div:first-child{
         margin-bottom: 0 !important;
    }
     .web-page.payments-page > div > .grb:last-child > div:nth-child(2) > div:first-child{
         min-height: 356px;
    }
     .dash-main .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div .crt-list > ul > li .scb-col15 .ett-bttn {
         width: 128px;
    }
     .dash-main.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child{
         margin-left: 0;
    }
     .dash-main .pst-tabs.hor.pri > ul.tabs > li{
         width: 50%;
    }
    .spend-analysis.web-page.payments-page > div > .grb:last-child > div{
		width: 100% !important;
	}
	.web-page.payments-page .address-book-page .grb:last-child {
        margin-bottom: 0px;
    }
    .web-page.payments-page .payments--dashb--approve--reject .tabs-ctr .crt-list > ul{
     	padding-bottom: 45px;
    }
    .web-page.payments-page > div > .grb:last-child > div:nth-child(2) .web--upcoming--mainrow > div:first-child .crt-list {
        max-height: 526px;
    }
}

.web-page.payments-page .payemnts-dash-addressbook .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:last-child {
     max-width: 110px;
}
 .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child {
     width: 100%;
}
 .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) {
     flex-grow: 1;
}

.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .srb,.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid.payanyone-payee {
     display: flex;
     align-items: center;
}
 @media (min-width: 1600px) and (max-width: 1800px){
     .amnt-inpt-row .etw-60 .syl > span {
         top: 0.29rem ;
    }
}
 @media (max-width: 750px){
     .amnt-inpt-row .etw-60 .syl > span {
         top: 0.38rem !important;
         margin-top: 0;
    }
}
.pay-anyone-main.pay--anyone--column .payanyone-searchbar .crt-list ul > li .payid .srb > span.scb-col20, .consent-dashboard-page.accou-per .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2),.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) > .srb.pri:first-child,.consent-dashboard-page .web-panel .crt-list > ul > li > span > .srb.pri:first-child > span:nth-child(2) > .srb.pri:last-child{
     display: flex;
     line-height: 1.5;
     align-items: center;
     justify-content: center;
}

 @media (max-width: 1300px) {
     .showall-transactions-page .all-tnx-date-and-search .download-dropdown > span > span:nth-child(3) {
         /*width: 250px;*/
    }
}
/* .showall-transactions-page .all-tnx-date-and-search .download-dropdown > span{*/
/*     display: flex;*/
/*     justify-content: end;*/
/*     align-items: center;*/
/*}*/
 .payid-main > span > span{
     display:flex;
     align-items:center;
     gap:6px;
}
 .width-auto,.width-auto .srb.eoc{
     width: auto;
}
 @media (max-width: 340px) {
     .payid-main > span > span{
         flex-direction:column;
    }
}
.profile-settings-dashboard-page.web-page .crt-list.managepaytick {
    max-height: 100%;
    overflow: auto;
    height: 160px;
}
.profile-settings-dashboard-page.web-page .crt-list.managepaytick ul {
    margin-bottom: 36px;
}
.tax-dashboard .gcb-col6.var2 .crt-list.pri,.profile-settings-dashboard-page.web-page .crt-list.managepaytick{
    padding: 0 32px;
    margin: 0 -32px;
}
.profile-settings-dashboard-page.web-page .manage-pay-show-all{
    position: absolute;
    bottom: 0;
    background: #fff;
}
.profile-settings-dashboard-page.web-page .profile-name > span:first-child{
  word-wrap: break-word;
}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .my-employment-details .payee-details-border .crt-form > .srb.pri {
  width: auto;
}

.web-account-landing-body .recent-transactions-panel-heading{ 
  padding-right: 0;
}  
.transaction-details--modal .modal-window{
    width: 700px !important;
}
.transaction-details--modal .web-modal-footer{
    width: 100%;
}
.web-close-accounts-row .approve-pay .accounts-cards-tab{
     width: 100%;
     max-height: 100%;
     overflow: hidden;
}
 .web-close-accounts-row .approve-pay .accounts-cards-tab.web-tab .tabcontent{
     height: auto;
}
 .web-close-accounts-row .approve-pay .accounts-cards-tab .approvepaylist{
     height: 100% !important;
}
 .web-close-accounts-row .approve-pay .web-tab.pst-tabs.hor.pri > ul.tabs{
     margin-bottom: 36px;
}
 .web-close-accounts-row .approve-payments-panel .crt-form{
     margin: 0;
}
 .web-close-accounts-row .approve-pay .grb > .gcb-col12 > .plt-tabs > .web-tab.pst-tabs.hor.pri > ul li{
     width: 50%;
}
 .web-close-accounts-row .approve-pay .tabs-ctr{
     max-height: calc(100vh - 400px);
     overflow: auto;
     padding: 0 32px;
     margin: 0 -32px;
}
.manage-payid-page .crt-list > ul > li > span:first-child,.manage-payid-page .crt-list > ul > li > span:nth-child(2){
   flex-grow: 1;
   width: calc(100% - 60px);
   word-wrap: break-word;
}
.manage-payid-page .crt-list > ul > li > span:last-child{
   width: 40px;
}
.manage-payid-page .crt-list > ul {
   display: block;
   max-width: 100%;
}

 @media (max-width: 1600px) {
     .transaction-details--modal .modal-window{
    width: 650px !important;
    }
    .web-close-accounts-row .approve-pay .web-tab.pst-tabs.hor.pri > ul.tabs{
     margin-bottom: 28px;
     }
    .web-close-accounts-row .approve-pay .tabs-ctr{
     padding: 0 28px;
     margin: 0 -28px;
    }
    .web-close-accounts-row .approve-pay .accounts-cards-tab{
       padding: 28px; 
    }
}
 @media (max-width: 1050px) {
     .transaction-details--modal .modal-window{
    width: 500px !important;
    }
    .web-close-accounts-row .approve-pay .web-tab.pst-tabs.hor.pri > ul.tabs{
     margin-bottom: 24px;
     }
    .web-close-accounts-row .approve-pay .tabs-ctr{
     padding: 0 24px;
     margin: 0 -24px;
    }
    .web-close-accounts-row .approve-pay .accounts-cards-tab{
       padding: 24px; 
    }
}
@media (max-width: 1050px) {
    .travel-notification-body .web-info-panel {
        width:432px;
    }
}
@media (max-width: 750px) {
    .travel-notification-body .web-info-panel {
        width:100%;
    }
    .web-close-accounts-row .approve-pay .web-tab.pst-tabs.hor.pri > ul.tabs{
     margin-bottom: 24px;
     }
    .web-close-accounts-row .approve-pay .tabs-ctr{
     padding: 0 16px;
     margin: 0 -16px;
     max-height: calc(100vh - 300px);
    }
    .web-close-accounts-row .approve-pay .accounts-cards-tab{
       padding: 16px; 
    }
}

@media (max-width: 1023px) and (min-width: 851px){
  .web-close-accounts-row > div:last-child {
      width: calc(100% - 620px);
 }
}

@media (min-width: 1271px) and (max-width: 1920px) {
    .web-accounts-landing,.profile-settings-dashboard-page.web-page > div > .grb:last-child {
        min-height: calc(100vh - 80px);
    }
}
@media (width >= 1920px) {
    .web-accounts-landing,.profile-settings-dashboard-page.web-page > div > .grb:last-child {
        min-height: calc(100vh - 80px);
    }
}

@media (max-width: 1800px) {
     .registration-page .ett-pgst.pri.hor {
         min-width: 734px;
    }
}
 @media (max-width: 1600px) {
     .registration-page .ett-pgst.pri.hor {
         min-width: 715px;
    }
    .col4-forgotpass{	 
		max-width: 524px; 
    }
}
 @media (max-width: 1290px) {
     .registration-page.web-close-accounts-row > div:last-child,.col4-forgotpass {
         width: calc(100% - 760px);
         flex-grow: 0;
    }
}
 @media (max-width: 1050px) {
     .registration-page.web-close-accounts-row > div:last-child,.col4-forgotpass {
         max-width: calc(100% - 670px);
    }
    .spend-analysis.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child{
		 padding-right: 0 !important;
	}
	.profile-settings-dashboard-page.web-page .crt-list.managepaytick,.tax-dashboard .gcb-col6.var2 .crt-list.pri{
	padding: 0 28px;
    margin: 0 -28px;
    }
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div.my-profile-set-main > .grb > div > .plt-simp > .pst-simp {
        overflow: auto;
    }
}
 @media (min-width: 851px) and (max-width: 1051px) {
     .registration-page .ett-pgst.pri.hor {
         min-width: 650px;
    }
    .registration-page.registration-select .ett-pgst.pri.hor li:nth-child(5) > span:last-child::after {
        top: -1px;
    }
}
 @media (max-width: 750px) {
     .registration-page .web-footer > span {
         gap: 20px;
    }
     .registration-page .ett-pgst.pri.hor {
         min-width: unset;
    }
    .forgot-pass .gcb-col8 {
         min-height: calc(100vh - 198px);
    }
    .profile-settings-dashboard-page.web-page .crt-list.managepaytick,.tax-dashboard .gcb-col6.var2 .crt-list.pri{
	padding: 0 16px;
    margin: 0 -16px;
     }
}
 @media (max-width: 390px) {
     .registration-page.registration-select .ett-pgst.pri.hor li {
         min-width: 54px;
    }
}

@media (max-width: 520px) {
    .forgot-pass .stepper .ett-pgst.pri.hor {
        width: 100vw !important;
    }
    .data-sharing-page .web-panel > span:nth-child(2) {
      padding-left: 4px;
    }
}

.overseas-pay-main .address-tab.overseas-pay-tab{
  padding: 0;
  border: none;
}
.overseas-pay-main .select-overseas-payee > .plt-simp > .pst-simp > .crt-form:first-child .scb-col70 > .srb.pri:last-child .pri:nth-child(2) .scb-col50:first-child {
    width: auto;
}
.overseas-pay-main.fund-transfer-column .recent-txn-body-row2 > span:nth-child(1){
     max-width: 64px;
}
 .overseas-pay-main.fund-transfer-column .recent-txn-body-row2 > span:nth-child(2){
     flex-grow: 1;
}
.web-dropdown .ett-slct.ter .sub-elt{
     padding-right: 28px;
}
.from-account-general .upload-file {
    flex-grow: 1;
    width: 70%;
}
.from-account-general .upload-file-hardship {
    flex-grow: 1;
    width: calc(100% - 256px);
}
.email--phone .ett-labl.pri,.email--phone .ett-para.pri,.email--phone .ett-hypl.pri{
   font-size:16px !important;
}
@media (max-width: 1600px) {
	.from-account-general .upload-file-hardship {
        width: calc(100% - 220px);
    }
    .email--phone .ett-labl.pri,.email--phone .ett-para.pri,.email--phone .ett-hypl.pri{
      font-size:14px !important;
    }
    .web-breadcrumb > ul > li p {
        font-size: 12px;	
    }
}
@media (max-width: 1200px){
    .web-breadcrumb > ul > li p {
        max-width: 95px;
		font-size: 12px;	
    }
    .com-head-icon p{
    	font-size: 12px;
    }
}

@media (max-width: 1050px) {
	.from-account-general .upload-file-hardship {
        width: calc(100% - 192px);
    }
.upload-payroll-stepper.registration-page .ett-pgst.pri.hor li:nth-child(n+2) > span:last-child::after{
     display: none;
}
 .upload-payroll-stepper.registration-page .ett-pgst.pri.hor{
     overflow: hidden;
}
 .upload-payroll-stepper.registration-page .ett-pgst.pri.hor li > span:last-child{
     color: inherit;
}
 .upload-payroll-stepper.registration-page .ett-pgst.pri.hor li:not(:first-child):not(:last-child) > span:last-child{
     display: block !important 
}
.web-breadcrumb > ul > li p {
      max-width: 75px;
}
}
@media (max-width: 750px) {
    .from-account-general .upload-file-hardship {
        width: 100%;
    }
}
@media (max-width: 750px) {
    .hardship-req-main.raise-hardship-request-page .web-close-accounts-row > div:first-child > .grb:nth-child(5){
		flex-direction:column;
	}
	.from-account-general .upload-file{
		width:100%;
	}
	.web-accounts-landing > div:first-child .web-tab.pst-tabs.hor.pri > ul.tabs > li {
       width: 50%;  
    }
}
@media (max-width: 850px) {
    .web-close-accounts-row.add-new-payid-page .app-panel--white.grb {
        /*width:468px; */
    }
    .spend-analysis {
         height: auto !important;
    }
     .spend-analysis.web-page.payments-page > div > .grb:last-child {
         height: calc(100%);
    }
     .spend-analysis.web-page > div {
         min-height: 450px;
         max-height: 450px;
    }
     .spend-analysis.web-page.payments-page > div > .grb:last-child > div:last-child{
         margin-top: 0;
    }
     .spend-analysis.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child{
         padding-top: 0 !important;
         padding-right: 0 !important;
    }
    .web-page.payments-page > div > .grb:last-child > div:nth-child(2) .web--upcoming--mainrow > div:first-child .crt-list {
        max-height: 526px;
    }
    .spend-analysis > .gcb-col5 .tabs-ctr {
      max-height: 350px;
     }
    .spend-analysis.web-page.payments-page > div > .grb:last-child > div:last-child > div:first-child > .pst-simp {
      max-height: 330px;
    } 
    .payments-payroll { 
        padding-bottom: 120px !important; 
    } 
}
.statement-settings--icon{
	display:flex;
	align-items:center;
}
.spend-analysis > .gcb-col5 div{
     height: 100%;
}
 .spend-analysis > .gcb-col5 .tabs-ctr {
     overflow-y: auto;
     height: calc(100% - 72px);
     overflow-x: hidden;
}
.spend-analysis > .gcb-col5 .tabs-ctr > div{
	height: unset;
}
@media (min-width: 451px) and (max-width: 850px){
     .accncardsdash > .gcb-col6 > .plt-simp > .pst-simp > .grb:nth-child(2){
         background: #fff;
         border-radius: 20px;
         padding: 28px 28px 30px;
         box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.06);
         position: relative;
         display: grid;
         justify-content: center;
    }
     .accncardsdash > .gcb-col6 > .plt-simp > .pst-simp > .grb:nth-child(2) > div{
         max-width: 370px;
    }
}
#Dashbw__AllTransaction__DownloadDropDown_div {
    left: 0px;
}

@media (min-width: 751px) and (max-width: 1050px) {
    .web-payto-agreements-page .search-box-row {
        width: 165px;
    }
    .payto-listweb .web-payto-agreements-page .u-relative.active .search-box-row {
        width: 150px;
    }
    .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .my-employment-details .payee-details-border .crt-form > .srb.pri > span,.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .my-employment-details .payee-details-border .crt-form > .srb.pri > span ul{
         width: auto;
         min-width: 190px;
    }
     .profile-settings-dashboard-page.web-page .address-section .srb.pri .ett-para{
         padding-left: 6px;
    }
}
.payto-details--web > span:last-child > span > span{
	flex-direction: column;
    gap: 18px;
}
.payto-listweb.paytolistweb .payto-page-main.payto-page-select .transfer-btn  {
    column-gap:20px;
}
.repayment-panel.web-panel:not(.change-repayment) .crt-form > span:nth-child(2) > span:last-child  {
  width: 35%;
}
.small-icon--width, .web-close-accounts-row .payto-page-select .crt-form.hor.pri .payto-pend .scb-col10.small-icon--width{
	width:56px;
}
@media (max-width: 750px) {
    .payto-listweb.paytolistweb .payto-page-main.payto-page-select .transfer-btn  {
       flex-direction:column;
    }
    .web-payto-agreements-page .web-tab.pst-tabs.hor.pri > ul li {
        width: 50%;
    }
    .small-icon--width svg, .web-close-accounts-row .payto-page-select .crt-form.hor.pri .payto-pend .scb-col10.small-icon--width svg {
    width: 36px;
    height: 36px;
     }
    .small-icon--width, .web-close-accounts-row .payto-page-select .crt-form.hor.pri .payto-pend .scb-col10.small-icon--width {
    width: 44px;
    }
    .consent-dashboard-page .web-panel > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri:first-child{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }
   .consent-dashboard-page .web-panel > .plt-simp > .pst-simp > .crt-form:first-child > .srb.pri:first-child > span{
    width: 100%;
   }
   .raise-hardship-request-page .web-panel .crt-list > ul > li > span:first-child {
        width: 32px;
    }
    .raise-hardship-request-page .web-panel .crt-list > ul > li > span:first-child svg {
        width: 24px;
        height: 24px;
    }
   .hardship-req-main.raise-hardship-request-page .upload-raisehardship .web-panel.grb{
       padding: 16px !important;
   }
   .notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form .srb.pri {
      flex-direction: column;
    }
    .notifications-page.web-close-accounts-row > div:first-child .grb:nth-child(2) .crt-form > .srb.pri > span:last-child.sort-icon-search {
    position: relative;
    float: right;
    left: calc(100% - 10px);
    margin: 0;
    top: -55px;
    }
    .notifications-page.web-close-accounts-row > div:first-child > .plt-simp > .pst-simp > .grb:nth-child(3) .crt-form > .srb.pri > span:last-child{
	display: none;
   }
   .notifications-page.web-close-accounts-row > div:first-child .grb:last-child .crt-list > ul > li{
     padding-top: 8px;
     padding-bottom: 8px;
    }
    .repayment-panel.web-panel:not(.change-repayment) .crt-form > span:nth-child(2) > span:last-child {
      margin-top: 20px;
     }
     
     /*open-close*/
     .open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span:last-child > span{
         display: flex;
         flex-direction: column;
         width: 100%;
    }
     .open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span:last-child > span > span{
         width: 100%;
    }
     .open-raise-dispute-page .crt-list > ul.pri > li.web-panel.panel--open > span > .srb.pri:nth-child(n+2):not(:last-child) > span:last-child > span.mt2{
         margin-top: 0;
    }
    .modal-open .modal.web-modal {
        padding-top: 60px !important;
    }
    .credit-debit-change.visa-details {
        /*background-size: cover !important;*/
    }
    .productsfor-you.var1.web-close-accounts-row .account-select-panel .trans-list-acc-img {
        background-size: contain !important;
    }
    .open-new-select .web-modal-footer ul:last-child:not(:first-child) {
        padding: 0px !important;
    }
}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2) p:nth-of-type(2) {
    margin-bottom: 10px;
}
.d-flex--center{
    display:flex;
    align-items: center;
}   
.credit-card-account-details .tabcontent .crt-form + .grb{
    position: static;
}
.credit-card-account-details .tabcontent .crt-form + .grb::before {
    content: none;
}
.raise-hardship-request-page .web-panel .crt-list ul,.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul,
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li, .general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(7) div:last-child .web-panel .crt-list > ul{
  display:flex;
}
.raise-hardship-request-page .web-panel .crt-list ul > li span:nth-child(2),.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li, .general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(7) div:last-child .web-panel .crt-list > ul > li > span:nth-child(2){
  flex-grow: 1;
}
.raise-hardship-request-page .web-panel .crt-list ul > li span:nth-child(2), .profile-settings-dashboard-page.web-page > div > .grb:last-child > div:first-child .web-panel > span > .srb.profile.pri:first-child.profile-name > span:first-child,
.general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(5) div:last-child .web-panel .crt-list > ul > li, .general-service-page.web-close-accounts-row > div:first-child > .grb:nth-child(7) div:last-child .web-panel .crt-list > ul > li > span:nth-child(2),.apz-nav-stay-left .sidebar-main.pnt-sdbr.lft.pri .profile-name,.add-new-payid-confo.pay-anyone-status-modal .crt-form > .srb.pri:nth-child(n+2) > span,.manage-payid-modal .crt-form > .srb.pri > span:nth-child(2){
    word-wrap: break-word;
}
.consent-dashboard-page .web-panel .crt-list > ul > li.list--open > span > .srb.pri:last-child > span:nth-child(2) .ett-para.pri .ett-icon{
	min-width: 24px;
	max-width: 24px;
}
.payments-payroll{
	min-height: calc(100vh - 232px);
}
.profile-settings-dashboard-page.web-page > div > .grb:last-child > div:last-child > .grb:nth-child(2) > div:first-child > .plt-simp > .pst-simp .inline ul{
	position: relative;
	z-index: 1;
}
.overseasform.payroll-content .ref-msg.msg-labl .count-text{
	margin-top: 8px;
}

/*@media (min-width: 1051px) and (max-width: 4051px){*/
/*     .xero-integration-main .xero-int-name {*/
/*         max-width: calc(100% - 305px);*/
/*    }*/
/*     .xero-integration-main .xero-int-name .ett-icon.icon-delete.px24{*/
/*         position: relative;*/
/*         left: 100%;*/
/*         top: -10px;*/
/*    }*/
/*}*/
@media (min-width: 751px) and (max-width: 1200px){
     .repayment-page.repay-info-main.web-close-accounts-row > div:last-child{
         display: none;
    }
     .repayment-page.repay-info-main.web-close-accounts-row > div:first-child{
         width:  100% !important;
    }
}
@media (max-width: 900px){
    .web-breadcrumb > ul > li:not(:first-child):not(:last-child){
		display: none;
	} 
}
@media (max-width: 400px){
    .web-breadcrumb > ul > li:not(:last-child){
		display: none;
	} 
}
.productsfor-you.var1.web-close-accounts-row .crt-list.pr-list > ul.tsp > li .pr-btn{
    display: flex;
	justify-content:flex-end;
}
.productsfor-you.var1.web-close-accounts-row .crt-list.pr-list > ul.tsp > li .pr-btn > span:nth-child(2){
     min-width: 128px;
}
.productsfor-you.var1.web-close-accounts-row .crt-list.pr-list > ul.tsp > li .pr-btn > span:nth-child(1){
      flex-grow: 1;
}
.productsfor-you.web-close-accounts-row .d-flex.d-sm-row.gcb-col12 > div .crt-form > span > span{
  position: relative;
}
.open-new-account .product-panel-landing > .scb-col100 > .srb.pri:nth-child(4) {
    position: absolute;
    bottom: 0px;
}
.spend-analysis > .gcb-col5 div .address-tab.web-tab.pst-tabs.hor.pri > ul li{
  min-width: unset;
}
.card-usage-modal.web-modal .modal-cnt > .grb:not(:last-child) .app-toggle-switch {
   width:48px;
}
.block-replace-card-page .raise-dispute-form > .srb.pri > span:last-child, .web-select-input.web-select{
   flex-shrink: unset;
}
@media (max-width: 750px){
    .productsfor-you .deposit-acc-img,.join-page .deposit-acc-img{
        background-size: contain !important;
	}
    .transaction-list > span > span:nth-child(2) > span:first-child{
	    width: 48px;
    }
    .direct-tnc-footer-btn.web-footer{
		gap:20px;
	}
}
@media (min-width: 300px) and (max-width: 500px) {
    .direct-apply .join-open-acc-main .identification-row.web-panel .crt-form > .srb.pri .srb.pri:last-child > span > ul > li:nth-child(2) svg {
        position: relative;
        left: 25px;
    }
}
.join-choose-acc-main.db-row .explore-join-us .product-panel-landing > span > span:nth-child(3) .ett-labl.pri {
    min-height: 72px;
    padding-bottom: 70px;
}
.join-choose-acc-main.db-row .explore-join-us .product-panel-landing > span {
	position:relative;
}
.join-choose-acc-main.db-row .explore-join-us .product-panel-landing > span > span:nth-child(4){
    position: absolute;
    bottom: 0;
}
.filter-transactions-modal.web-modal .custom-range.ett-rdio.hor.pri > span:first-child input[type=radio] + label,
.filter-transactions-modal.web-modal .custom-range.ett-rdio.hor.pri > span:nth-child(2) input[type=radio] + label,
.filter-transactions-modal.web-modal .custom-range.ett-rdio.hor.pri > span:nth-child(3) input[type=radio] + label,
.filter-transactions-modal.web-modal .custom-range.ett-rdio.hor.pri > span:nth-child(4) input[type=radio] + label{
  width:134px;
}
/*today*/
.web-complaint-modal.reply-align.web-modal.web-modal .modal-cnt {
    padding: 0px;
}
.web-complaint-modal.reply-align .crt-list {
    max-height: calc(100vh - 400px);
}

@media (max-width: 850px){
  .address-book-data.addbk-dash-bsbrow > span{
    column-gap:10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 520px) {
    .secure-mail-quick-main .mail-services-sidepanel .scb-col20 {
        width: 16%;
    }
}
.security-questions-page .page-bg--grey > div:nth-child(3).web-panel.grb {
    padding-bottom: 42px !important;
}
.security-mnmt.sec-ques > span > span:first-child {
    display: inline-block !important;
    width: 25px;
}
@media (width >= 1366px){
  .web-page.payments-page .address-book-main .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) {
    width: 55%;
    padding-left: 10px;
  }
  .web-page.payments-page .address-book-main .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2) > span:nth-child(3) {
    display: block;
  }
  .web-page.payments-page .address-book-main .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2).scb-col70 > .srb.pri:nth-child(3) > .scb-col100 > .srb.pri {
    overflow: hidden;
    padding-right: 15px;
  }
  .web-page.payments-page .address-book-main .address-book-data span.srb.pri > span {
    width: 100%;
    flex-flow: nowrap;
  }
  .web-page.payments-page .address-book-main .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:nth-child(2).scb-col70 > .srb.pri:nth-child(3) > .scb-col100 > .srb.pri .var2:first-child {
    flex: none;
  }
  .web-page.payments-page .address-book-main .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:first-child .crt-list > ul > li > span:last-child {
    display: flex;
    justify-content: end;
  }
  .web-page.payments-page .address-book-main .address-book-page > div > .plt-simp > .pst-simp > .grb:last-child > div:last-child {
    display: flex;
    width: 100%;
    flex-flow: column;
    }
}
.security-mnmt.sec-ques > span > span:first-child {
    display: inline-block !important;
    width: 25px;
}
@media (max-width: 750px){
  .apply-acc-type .scb-col10.open-acc--icon .icon-access-account {
    right: 6px;
  }
}
.secure-mail-main .tools-calc-page.toolcalc-section .crt-list ul.pri li:last-child {
    padding-right: 42px;
}
@media (max-width: 1050px){
  .services-dashboard-page.service-dashboard .secure-mail-main .tools-calc-page.toolcalc-section .crt-list ul.pri::after{
	content:"";
	width: 60px;
	height: 60px;
	background: #f6f6f6;
	position: absolute;
	right: -8px;
	top: 25px;
  }
}
.terms-condition .terms-condn--display .ett-hypl.pri{
	display: inline;
}
.payto-agree-main.status-modal.web-modal svg {
    transform: translateY(-20px);
}
.only-didyouknw.widget{
	position: relative;
	bottom: 120px;
}
.offers-widget--img{
	bottom: 90px;
}
@media (max-width:1220px){
	.only-didyouknw.widget{
        bottom: 46px;
        left: -45px;
    }
	.offers-widget--img{
	bottom: 78px;
	}
}
@media (max-width:850px){
	.only-didyouknw.widget{
       top: -25px;
       left: 0;
    }
	.offers-widget--img{
	bottom: 54px;
	}
}
@-moz-document url-prefix(){
  .web-modal.fade.in .modal-window {
     transition: none !important;
  }
  .web-modal .my-accounts-panel > .crt-list:last-child li{
	box-shadow: 0 0 0 1.2px #949494;}
}
.warning-msg-color {
    color: #f8a100;
}
@media (min-width: 1800px) and (max-width:1919px) {
    .web-page.services-dashboard-page > div > .grb:last-child > div:last-child .pst-tabs.hor.pri > .tabs-ctr > div > .tabcontent .crt-list > ul > li > span:first-child svg {
        width: 40px;
        height: 40px;
    }
}
.filter-transactions-modal.web-modal .ett-rdio.hor.pri input[type=radio] + label,.show-all-filter-modal.filter-transactions-modal.web-modal .ett-rdio.hor.pri > span:nth-child(2) input[type=radio] + label,.show-all-filter-modal.filter-transactions-modal.web-modal .ett-rdio.hor.pri > span:nth-child(3) input[type=radio] + label,.show-all-filter-modal.filter-transactions-modal.web-modal .ett-rdio.hor.pri > span:first-child input[type=radio] + label{
	/*width: 128px;*/
	width: 108px;
}

@media (min-width: 1800px) {
    .show-all-filter-modal.filter-transactions-modal.web-modal .etb-rdio.hor.pri {
        justify-content: flex-start;
        margin-top: 27px;
    }
}
.no-record.txnbelow.crt-form {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    height:70px;
}
@media (max-width: 1800px) {
    .showall-transactions-page .show--all--transaction--panel.loan-account--scroll {
        height: calc(100% - 142px);
    }
}
@media (max-width: 750px) {
    .showall-transactions-page .show--all--transaction--panel.loan-account--scroll {
        height: calc(100% - 115px);
    }
}
@media (min-width: 300px) and (max-width:896) {
    .login-scroll--msg{
        position: absolute;
        top: 66px;
        z-index: 1000;
    }
.login-scroll--msg > div > div > div > div > span > span, .login-scroll--msg > div > div > div > div > span > span > ul.srb.eoc li:nth-child(2) {
        overflow: hidden;
        white-space: nowrap;
}
.login-scroll--msg label{
      display: inline-block;
      animation: scroll 30s linear infinite;
}
@keyframes scroll {
      0% {
        transform: translateX(100%);
      }
      100% {
        transform: translateX(-100%);
      }
    }
}      
     
.message-input > span > ul > li:last-child textarea {
    padding-right: 80px;
}
@media (max-width: 750px) {
    .dashboard-account-details-page .bsbrow > span:first-child ,.dashboard-account-details-page .bsbrow > span:last-child{
        gap: 10px;
    }
}
@media (max-width: 1050px) {
    .spend-analysis > .gcb-col7, .spend-analysis > .gcb-col5 {
        height: 400px;
        min-height: 300px;
    }
}
@media (max-width: 1050px) {
    .spend-analysis .web-select {
        max-width: 100%;
    }
}
.web--transaction--details .show-all--trn .email--phone .var1 > span{
	display:flex;
}

.web--transaction--details .show-all--trn .email--phone .var1 > span > span:first-child {
    display: none;
}

.web--transaction--details .show-all--trn .email--phone .var1 > span > span:last-child {
    width: 100px;
    margin-left: auto;
}
/* For scrolling message on login screen for mobile resolutions */
@media (min-width: 300px) and (max-width: 896px){ 
	.srb > .login-scroll--msg{ 
		position: absolute; 
        top: 76px; 
        height: 40px; 
        z-index: 1000; 
        background: #fff; 
        display: flex; 
	} 
	.login-scroll--msg  .srb.eoc,.login-scroll--msg  .srb.eoc > li:nth-child(2){ 
		overflow: hidden; 
        white-space: nowrap; 
	} 
	.login-scroll--msg label{ 
      display: inline-block; 
      animation: scroll 30s linear infinite; 
     } 
    @keyframes scroll { 
      0% { 
        transform: translateX(100%); 
      } 
      100% { 
        transform: translateX(-100%); 
      }   
	} 
}
.web-dropdown.tax-dropdown .ett-slct.ter::before{
    display: none;
}
.currentcountry.datepicker  .ecn > .cil > .ett-inpt.ter{
    margin-bottom: 10px;
    padding-top: 0 !important;
    color: #212121 !important;
    opacity: 1.8;
}
.txndate{
    color: #212121;
    top: 17px;
	position: relative;
}
@media (max-width: 750px){
	.web-modal .my-accounts-panel > .crt-list:last-child li {
		min-width: 250px;
	}
}
/* @media only screen and (max-width:1919px) { */
    .tax-res--text > ul label {
        font-size:14px !important;
    }
    
.web-modal.fade.in .modal-window {
  transition: none !important;
}

.align-back-btn .ett-bttn.ter{
    margin-left: 12px;
}
.msg-font-color {
    color: #005587;
}

.input--error .ett-inpt.ter:focus {
      border-color: #E01010 !important;
}

.Passinlinemsg {
  text-align: right;
  color: #E01010 !important;
}