@font-face {
  font-family: 'Montserrat';
  src: url('../../font/Montserrat-Regular.otf') format("opentype");
}
@font-face {
  font-family: TTNormsRegular;
  src: url('../../font/TTNorms-Regular.otf') format("opentype");
}
@font-face {
  font-family: TTNormsSemiBold;
  src: url('../../font/TTNorms-Medium.otf') format("opentype");
}
@font-face {
  font-family: TTNormsProMedium;
  src: url('../../font/TypeType - TT Norms Pro Medium.ttf') format("truetype");
}
@font-face {
  font-family: MontserratSemibold;
  src: url('../../font/Montserrat-SemiBold.otf') format("opentype");
}
@font-face {
  font-family: MontserratBold;
  src: url('../../font/Montserrat-Bold.otf') format("opentype");
}
@font-face {
  font-family: 'TT Norms Pro DemiBold';
  src: url('../../font/TTNormsProDemibold.ttf') format("truetype");
}
@font-face {
  font-family: MontserratMedium;
  src: url('../../font/Montserrat-Medium.ttf') format("truetype");
}
@font-face
{
  font-family: 'Lato SemiBold';
  src: url('../../font/Lato-SemiBold.ttf') format("truetype");
}
@font-face
{
  font-family: 'Lato Bold';
  src: url('../../font/Lato-Bold.ttf') format("truetype");
}
@font-face
{
  font-family: 'Lato Regular';
  src: url('../../font/Lato-Regular.ttf') format("truetype");
}
@font-face {
  font-family: HellixRegular;
  src: url('../../font/Hellix-Regular.ttf') format("truetype");
}
@font-face {
  font-family: HellixSemiBold;
  src: url('../../font/Hellix-SemiBold.ttf') format("truetype");
}
@font-face
{
  font-family: 'Hellix Medium';
  src: url('../../font/Hellix-Medium.ttf') format("truetype");
}
@font-face {
  font-family: TTNormsProRegular;
  src: url('../../font/TTNormsProRegular.ttf') format("truetype");
}
@font-face
{
  font-family: 'HelixRegular';
  src:  url('../../font/Helix.eot'); /* IE9 Compat Modes */
  src: url('../../font/Helix.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/Helix.ttf')  format('truetype');
}
#services {
  background-color: #ffffff !important;
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}
#services > li:hover {
  background-color: #d8eef0 !important;
}
/*@font-face {
  font-family: 'Marydale';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/marydale.eot?') format("eot"), url('../../font/style_136579.woff') format('woff'), url('../../font/marydale.ttf') format("truetype"), url("../../font/marydale.svg#Marydale") format("svg");
}*/
.menuHeader {
  font-family: MontserratSemibold;
  /*background-color: #1C4561 !important;*/
  font-size: 14px;
  display: block;
   /*padding-left: 17px;*/
  /*padding-top: 3px;*/
  /* background-color: #f9f9fa;*/
  border-radius: 0 0 0 0; 
  outline: none;
  line-height: 50px;
  height: 50px;
  color: #111111 !important;
  border-bottom: 2px solid #F1F1F1;
}
.menuHeaderActiveTop {
  color: #0F688A !important;
  background-image:url('../../img/menu-arrow.png');
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-position: 95% 50%;
  background-color:#F5FCFF !important;
  padding-left: 12px;
  background-size: 14px;
  /*text-transform: uppercase;*/
}
.menuHeaderActive {
  color: #ffffff !important;
  background-color: #F5FCFF !important;
   background-image:url('../../img/menu-arrow.png');
     background-repeat: no-repeat !important;
     background-position: right 10px center !important;
     font-family: MontserratSemibold !important;
     background-size: 14px;
}
.menuHeaderActive a {
    font-family: MontserratSemibold !important;
}
.whitecolor
{
	color:#0F688A !important;
	
	}
.menuHeaderActiveBottom {
  color: #ffffff !important;
  background-color: #F5FCFF !important;
   background-image:url('../../img/menu-arrow.png');
     background-repeat: no-repeat !important;
     background-position: right 10px center !important;
     background-position: 95% 50%;
     font-weight:bold !important;
  border-radius: 0 0 0px 0px;
  height: 28px;
  line-height: 24px;
  background-size: 14px;
}
.homeImgActive{
	/*backbround-color: #ffffff !important;*/
}
.homeImgNorm{
	margin-top:-2px;
	/*backbround-color: #20b4c5;*/
}
#forgottenWACbody #rightContainer {
	margin-left: 0px !important;
	width: 100% !important;
	margin-bottom: 80px !important;
}
#rightContainer {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  /*background-image: -moz-linear-gradient(top, rgba(34,34,34,0.3) 0%, rgba(85,85,85,0.3) 95%);
    background-image: -ms-linear-gradient(top, #555555, #222222);
    background-image: -webkit-gradient(linear,left top, left bottom, from(rgba(85,85,85,0.4)), to(rgba(34,34,34,0.7)));*/

  /*border-radius: 10px 10px 10px 10px;*/
  height: 100%;
  min-height: 725px !important;
  margin-left: 190px;
  *margin-left: 13px;
  position: absolute;
  width: 83%;
  z-index: -1 !important;
  margin-top: 0px;
}
#forgottenWACbody #head4 {
  min-height: 920px !important; /*622px*/
}

@media (min-width: 1340px) {
	.overrideRightContainer{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  border-radius: 10px 10px 10px 10px;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1 !important;
  margin-top: 10px;
	}

.overrideMainContent{
	width:100%;
  position: absolute;
  height: 100%;
  z-index: 1 !important;
	}
	
  #rightContainer {
    width: 83%;
  }
}
.rightContainerWidth {
  width: 83%;
}
.ie7 #rightContainer,
.ie8 #rightContainer {
 /* background: url("../../img/ContentBG.png");*/
   background-color: white; 
   filter: alpha(opacity=90);
}
#messagesHeader {
  color: #111111;
  cursor: pointer !important;
  font-family: MontserratSemibold;
  font-size: 14px;
  /*font-weight: bold;*/
  /*margin-bottom: 10px;*/
  margin-bottom: 0;
  margin-top: 0;
  text-decoration: none !important; 
  display:block;
}

#sideMenuDiv {
  float: left;
  position: relative;
  margin-top: 10px;
  height: auto;
  width: 200px;
  border-radius: 0px;
  background-color: #fff;
  z-index: 2 !important;
}


#sideMenuDiv > ul > li:hover,
#menuHeaderActiveBottom {
  cursor: pointer;
  color: #0F688A;
}
#menuHeaderActiveBottom {
 background-image:url('../../img/icon_arrow.svg');
 background-repeat: no-repeat !important;
 background-position: right 10px center !important;
 background-position: 95% 50%;
  cursor: pointer;
  color: #0F688A;
}
#sideMenuDiv > a {
  color: #f3793b;
  text-decoration: none;
}
#sideMenuDiv > p {
  font-size: 14px;
  font-family: MontserratSemibold;
  color: #111111;
  line-height: 24px;
  height: 28px;
  /* cursor: pointer !important; */
  text-decoration: none;
  /*padding-left: 17px;*/
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 14px;
  padding-top: 10px;
}
#serviceHeader {
  border-radius: 0 !important;
}
#sideMenuDiv > ul {
  list-style-type: none;
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
}
.lineSeperator {
  background-color: #DEDEDE;
  height: 1px;
  margin-left: -40px;
  width: 178px;
  display: none;
}
.ie7 .lineSeperator {
  margin-left: -28px;
  display: block;
}
#sideMenuDiv > ul > li {
  margin-left: -40px;
  line-height: 24px;
  height: 22px;
  padding-left: 12px;
}
#sideMenuDiv > ul > li > a {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  font-family: Montserrat;
  font-size: 13px;
  height: 22px;
  outline: none;
  font-weight: normal;
  display: block;
  color: #525450;
}
.hoverBottomLink:hover{
	cursor: pointer;
}
.green_tick_circle{
	 background-image:url('../../img/stroke_tick.svg');
	background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: 76px;
    border-radius: 35px;
    background-color:#8BCC31;
	}
	.blue_warning_circle{
	 background-image:url('../../img/stroke_exclamation.svg');
	background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: 76px;
    border-radius: 35px;
    background-color:#008094;
	}
	.error_cross_circle{
	 background-image:url('../../img/stroke_error.svg');
	background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: 76px;
    border-radius: 35px;
    background-color:#D00E0E;
	}
#sideMenuDiv > ul > li > a {
  color: #555555;
}
/*#sideMenuDiv > p:hover {
  background-color: #dddddf;
  cursor: pointer;
}*/

#sideMenuDiv .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
#main-content {
  left: 201px;
  right: 250px;
  position: absolute;
  height: 100%;
  z-index: 1 !important;
}
.ie7 #main-content,
.ie8 #main-content {
  left: 180px !important;
}
#main-content-Forgot {
  /*left: 199px;*/
  /*right: 250px;*/
  position: absolute;
  height: 100%;
  z-index: 1 !important;
  width: 100% !important;
  box-sizing: border-box;
}
/*.ie7 #main-content-Forgot,
.ie8 #main-content-Forgot {
  left: 180px !important;
}*/
@media (max-width: 730px) {
	
	.overrideMainContent{
	width:100% !important;
	}
  #head1 {
    width: 98%;
  }
  #forgottenWACbody #sideMenuDiv {
  	width:180px;
  }
  #sideMenuDiv {
    width: 98%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    margin: 1%;
    border-radius: 10px !important;
  }
  #sideMenuDiv > ul > li {
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    padding: 10px;
  }
  #sideMenuDiv > ul > li > a {
    font-size: 13px !important;
  }
  #submenuid1 {
    height: 177px;
  }
  #submenuid2 {
    height: 133px !important;
  }
  #submenuid3 {
    height: 177px;
  }
  #submenuid4 {
    height: 89px;
  }
  #submenuid5 {
    height: 221px;
  }
}
#home > span,
#menu-items > span {
  margin-top: 5px;
}
#head4 {
  min-height: 932px;
}
#mainContent {
  height: 100%;
}
#home:hover,
#menu-items:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  height: 50px;
  width: 50px;
  border-radius: 50px;
  background-color: #f5f5f5;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s, height ease-in-out 0.2s, width ease-in-out 0.2s;
  -moz-animation: myfirst 0.8s;
}
@-moz-keyframes myfirst {
  from {
    -moz-transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0deg);
  }
}
#home:hover > span,
#menu-items:hover > span {
  margin-top: 17.64px;
}
#home,
#menu-items {
  display: none;
  z-index: 1000;
  text-align: center;
  height: 25px;
  width: 25px;
  border-radius: 25px;
  background-color: #ffffff;
}
@media (max-width: 730px) {
	.overrideMainContent{
	width:100% !important;
	}
  #head4 {
    display: none;
  }
  #forgottenWACbody #head4 {
  	display:block;
  }
  #main-content {
    left: 0 !important;
  }
  #main-content-Forgot {
    left: 0 !important;
  }
  #forgottenWACbody #main-content-Forgot {
  	 left: auto !important;
  }
  #home {
    position: absolute;
    top: 5px;
    left: 10px;
  }
  #menu-items {
    position: absolute;
    top: 5px;
    right: 10px;
  }
}
@media (max-width: 965px) {
	.overrideMainContent{
	width:100% !important;
	}
  #main-content {
   /*right: 0;*/
  }
  #main-content-Forgot {
    right: 0;
  }
}
.paddingClassForSideSubMenu{
	padding-bottom: 10px;
	}
.NewLabelClass{
	background-color: #EEECF9;
    height: 15px;
    float: left;
    color: #514785;
    font-family: MontserratSemibold;
    width: 40px;
    margin-left: 5px;
    border-radius: 15px;
    line-height: 15PX;
    font-size: 10px;
    text-align: center;
	}
.wrapping {
  width: 100% !important;
}
.ie7 .wrappingHead4,
.ie8 .wrappingHead4 {
  width: 140% !important;
}
.wrappingRight {
  width: 84.5% !important;
}
.submenuBottom1 {
  height: 23px;
  border-bottom: 1px solid #DEDEDE;
  border-radius: 0 0 10px 10px;
}
.submenuBottom1 > li:hover{
	background-color: #F9F9FA !important;
	cursor: default !important;
	border-radius: 0 0 10px 10px !important;
}
.submenu2 {
  height: 45px;
  border-bottom: 2px solid #F1F1F1;
}
.submenu3 {
  height: 67px;
  border-bottom: 2px solid #F1F1F1;
}

.submenu3add{
	height: 114px !important;
}

.submenu6add{
	height: 155px;
}

.newLogo{margin-left:8px;}
	
.payLogo{
	width: 24%;
    height: 72%;
    margin-left: 0.5px;
}
	
.submenu4 {
  height: 89px;
  border-bottom: 2px solid #F1F1F1;
}
.submenu5 {
  height: 111px;
   border-bottom: 2px solid #F1F1F1;
}
.submenu6 {
  /*height: 177px;*/
  /*height: 155px;*/
    border-bottom: 2px solid #F1F1F1;
}
.Mycardsmenu {
	border-bottom: 2px solid #F1F1F1;
	height:50px;
	}
.ApllyNowmenu
	 {
	 border-bottom: 2px solid #F1F1F1;
	 height:50px;
}


.ie7 .submenu2 {
  border-bottom-style: none;
}
.ie7 .submenu3 {
  border-bottom-style: none;
}
.ie7 .submenu4 {
  border-bottom-style: none;
}
.ie7 .submenu5 {
  border-bottom-style: none;
}
.ie7 .submenu6 {
	height: 160px;
	/*height: 160px;*/
  border-bottom-style: none;
}
.hideAlwaysdiv{
	display:none;
}


.overrideRow{
	margin-left:0px;
	}
	
.overrideRightContainer{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9) !important;
  border-radius: 10px 10px 10px 10px;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1 !important;
  margin-top: 0px;
	}
	
.ie8 .overrideRightContainer{
	background-color: white; 
   filter: alpha(opacity=90);
  border-radius: 10px 10px 10px 10px;
  height: 100%;
  position: absolute;
  width: 100% !important;
  z-index: -1 !important;
  margin-top: 10px;
	}

.overrideMainContent{
	width:100%;
  	position: absolute;
  	height: 95%;
  	z-index: 1 !important;
  	padding-right: 290px;
  	-webkit-box-sizing: border-box;
  	-ms-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

.ie8 .overrideMainContent{
	width:78%;
  position: absolute;
  height: 100%;
  z-index: 1 !important;
	}
	
.container img {
  margin-left: -4px;
  margin-right: auto;
  width: auto !important;
}
/* Edge Print Code Starts */
@supports (-ms-accelerator:true ){
	@media print {
		#indexBody #sideMenuDiv, #indexBody #head3 { display:none;}
    	#indexBody .globalUtilityNav { display:none;}
		#indexBody #main-content {left:0 !important;}
	}
}
/* Edge Print Code Ends */
@media (max-width: 510px){
	#indexBody #rightContainer { width:100% !important;}
}
@media all and (min-width: 700px) and (max-width: 799px){
	/*#indexBody #rightContainer {width:100% !important;}*/
	#indexBody #head4 { width:665px;}
}
/*@media all and (min-width: 770px) and (max-width: 775px){
	#indexBody #rightContainer {width:82.4% !important;}
}
@media all and (min-width: 800px) and (max-width: 965px){
	#indexBody #rightContainer {width:82.4% !important;}
}*/
@media all and (min-width: 200px) and (max-width: 1150px){
	body#indexBody { width:1220px; overflow-x:scroll;}
	#indexBody #rightContainer { width:912px;}
	#indexBody #head4 { width:100%;}
	#indexBody #head1 {width:1094px;}
	#indexBody .headOverrideLogin { width:auto !important;}
}



/* ----- Modal Popup Starts ----- */
.web_dialog_overlay {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: .55; /*.15*/
   filter: alpha(opacity=15);
   -moz-opacity: .4; /*.15*/
   z-index: 999 !important; /*101*/
   display: none;
   border-radius:0; /*8px*/
}
.web_dialog {
   display: none;
   position: fixed;
   width: 380px;
   height: 190px; /*200px*/
   top: 40%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   padding: 0px;
   z-index: 9999 !important; /*102*/
   font-family: Montserrat;
   font-size: 13px;
}
#confirmPopup {
	width:230px;
	height:90px;
	text-align:center;
	padding:20px;
	left:55%;
}
.modal_content {
	margin:0;
	padding:0;	
}
.modal_cancel { 
	display:inline-block;
	float:right;
	font-size: 12px;
    font-style: italic;
}
#confirmPopup .modal_bodyTxt {
	left:0;
	text-align:center;
	margin:10px 0;
}
.modal_bodyTxt {
	font-family: Montserrat;
    font-size: 13px;
    color: #111111;
    position: relative;
    left: 10px;
    margin:20px 0;
}
.modal_cancel a {
	color:#222221;
	font-family: Montserrat;
}
.modalTitleBlock { 
	padding:10px;
	border-bottom: solid 2px #A0E3E6;
}
.btnBlock {
	text-align:center;
}

.submitBtnChange {
       background-image: url('../../img/icon_arrow.svg'), -moz-linear-gradient(#FFA80D, #FFA80D) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#FFA80D, #FFA80D) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#FFA80D, #FFA80D) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#FFA80D, #FFA80D) !important;
  background-image: url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#FFA80D), to(#FFA80D));
	  background-position: right 20px center !important;
	   background-position: 92% 50% ;
	  background-color:#FFA80D;
    transition: 0.2s;
  background-repeat: no-repeat !important;
  padding-right: 60px !important;
  white-space: nowrap;
}
.submitBtnChange:hover {
   background-image:url('../../img/icon_arrow.svg'), -moz-linear-gradient(#FDB239, #FDB239) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#FDB239, #FDB239) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#FDB239, #FDB239) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#FDB239, #FDB239) !important;
  background-image:url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#FDB239), to(#FDB239));
	    background-position: right 15px center !important;
	     background-position: 96% 50% ;
	     background-color:#FDB239;
}
.noBtn {
	height: 35px !important;
    padding: 0;
    width: 140px;
    margin-right: 20px;
    font-size: 13px;
    color: #fff;
    text-decoration:none;
    border:0;
}
.yesBtn {
	width: 140px;
    height: 35px !important;
    padding: 0;
    font-size: 13px;
    color: #fff;
   
    text-decoration:none;
    border:0;
}
.web_dialog_title {
   padding: 0;
   margin:0;
   color: #008094;
   font-size: 20px;
   font-family: MontserratSemibold;
   display:inline-block;
}
.modal_tik {
	text-align:center;
}

.ModelDesignCls{
text-align:center !important;
}
.ModelImgDesignCls{
    position: absolute;
    right: 30px;
    top: 30px;
	}
.reportStolenCls{
	width: 500px !important;
    height: 520px !important;
}
.bottomPaddingClass {
padding-bottom:40px;
}
.triangle-down {
	width: 0;
	height: 0;
	margin:auto;
	/*padding-bottom:40px;*/
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #D00E0E;
}
.triangleLightBlue-down {
	width: 0;
	height: 0;
	margin-left:234px;
	/*padding-bottom:40px;*/
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #EAF4F6;
}
.triangleBlue-down {
	width: 0;
	height: 0;
	margin:auto;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #008094;
}
	.reportCardModel
	{
	background-color: #D00E0E;
	height:85px !important;
	line-height: 85px;
	text-align: center;
	}
	
	.reportCardMainBody
	{
	font-size:13px;
	line-height:22px;
	margin:auto;
	width:380px;
	text-align: center;
	color: #111111;
	}
	
	.reportCardlockDiv
	{
	width:220px;
	height:120px;
	background-color:#F6F6F6;
	margin:auto;
	border-radius:8px;
	text-align:center;
	color: #111111;
	}
	
/* 	start of new classes for Card lock and unclock */
.cardLockorUnlockCrossMain{
width: 552px;
height: 32px;
padding:24px 24px 8px 24px;
}
.cardLockorUnlockCrossMainImg{
padding-left:520px;
width: 32px;
height: 32px;
}
.cardLockorUnlockCrossCircle{
display: flex;
flex-direction: column;
align-items: center;
padding: 8px 24px 8px 24px;
width: 552px;
height: 192px;
}
.cardLockorUnlockCrossCircleImg{
width: 64px;
height: 64px;
flex: none;
order: 0;
flex-grow: 0;
padding: 0px 244px;
}
.cardLockorUnlockCrossCircleTitle{
width: 520px;
height: 32px;
font-family: 'HellixSemiBold';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
text-align: center;
color: #394046;
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
padding:24px 16px;
}
.cardLockorUnlockCrossCircleDesc{
width: 520px;
height: 48px;
font-family: 'TTNormsProRegular';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #394046;
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
padding: 0px 16px 8px;
}
.cardLockorUnlockCrossButton{
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px;
gap: 16px;
width: 248px !important;
height: 56px !important;
border: 1px solid #00384D !important;
border-radius: 4px;
flex: none;
order: 0;
flex-grow: 0;	
}

/*   end  of new classes for Card lock and unclock */
	
.web_dialog_reportCard
  {
   display: none;
   position: absolute;
   top: 35%;
   left: 50%;
   margin-left: -190px;
   margin-top: -100px;
   background-color: #ffffff;
   padding: 0px;
   z-index: 9999 !important; /*102*/
   border-radius:0px !important;
   }

/* ----- Modal Popup Ends----- */

.web_dialog.payIdDialog{
	width: 500px !important;
	min-height: 300px !important;
	height: auto !important;
	left: 43% !important;
}
.payIdDialog .modalContent{
	height: 100%;
}
.payIdDialog .modalTitle{
	height:10%;
	padding-top: 60px;
	padding-bottom: 40px;
}
.modalTitle .web_dialog_title{
	color: #008094;
	font-size: 20px;
}
.payIdDialog .modalBody{
	height:46%; 
	padding: 0 13px;
}
.payIdDialog .modalButton{
	height:17%; 
	text-align: center;
    padding: 40px;
}
.payIdDialog .modalButton .noBtn{
	margin-right: 10px;
	width: 80px;
}
.payIdDialog .modalButton .yesBtn{
	width: 135px;
}
/*chaitanya changes starts*/
.pay_otp{
	margin-top: 3% !important;
}
.web_dialog.payIdDialog.accntStatementDialog{
	width: 87.2% !important;
	left: 50% !important;
    top: 40.6%;
	margin-left: 0px;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
	transform: translateX(-50%);
	height: auto !important;
}
.closeAlign{
	font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-family: Montserrat;
    color: #111111;
    cursor: pointer;
}
.accntStatementTitle{
	color: #111111 !important;
}
.accntStamentMsgBody{
	margin-top: 3%;
    padding: 0px !important;
}
.accntStamentMsgTable{
	border-collapse: collapse;
    width: 100% !important;
	color: #111111;
	margin-bottom: 5%;
    margin-top: -47px;
}
.accntStamentMsgHeader{
	background-color: #eeeeee;
    width: 100%;
}
.accntStamentMsgHeader tr th{
	padding: 10px 0px 10px 14px;
	text-align: left;
}
.accntStamentMsgTable tbody tr td{
	padding: 10px 0px 0px 14px;
}
/*.fastPayHeight{
	height: 880px !important;
}*/
/*chaitanya changes ends*/
.web_dialog.payIdDialog.findBankDialog{
	width: 70.2% !important;
    left: 50% !important;
    top: 31%;
    margin-left: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
	transform: translateX(-50%);
    height: auto !important;
}
.notFoundTile{
	padding: 6px 8px;
    width: 99% !important;
    left: 0px;
    background: #e1fcff;
    border: 1px solid #96E4EC;
    border-radius: 5px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0px !important;
}
.warningHeader { color: #111111; font-family: Montserrat; font-weight:bold; font-size:13px;}
.warningDescription { color:#555555; font-family: Montserrat;font-size:13px;}
.imgAlign{
    margin: 0px 14px 2px 0px;
    width: 15px;		
}
.infoImg{
	height: 15px;
}
.infoDescription{
	clear: left;
    line-height: 16px;
	margin-left: 20px;
	white-space: normal;
    word-break: keep-all;
}
.tableStyle{
	color: #555;
	margin-top: 45px; 
	width: 99%;
	margin-left: 0px !important;
}
.ajaxTableError{
	display:none;
	text-align: center;
	padding-top: 48px;
}
#ajaxTableErrorHead{
	height: 32px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 32px;
	text-align: center;
	color: #394046;
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
}
#ajaxTableErrorText{
	height: 24px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #394046;
	flex: none;
	order: 3;
	align-self: stretch;
	flex-grow: 0;
}
#bankDetailsCancelBtn{
	width: 284px;
	height: 56px;
	background: #FFFFFF;
	opacity: 1;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 1;   
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #00384D;
	flex: none;
	order: 1;
	flex-grow: 0;
	border:1px solid #00384D;
	margin-bottom:16px!important;
	margin-top:3px!important;
}
.displayNone{
	display: none;
}
.tborder{
	box-shadow: 0 0 0 1px #999;
}
.paddingLeft{
	padding-left: 10px;
}
.selectStyle{
	color: #20b4c5;
    font-weight: bold;
    cursor: pointer;
}
.backBtnChange {
  background-image: url('../../img/arrow_back_white.png'), -moz-linear-gradient(#999, #999) !important;
  background-image: url('../../img/arrow_back_white.png'), linear-gradient(#999, #999) !important;
  background-image: url('../../img/arrow_back_white.png'), -o-linear-gradient(#999, #999) !important;
  background-image: url('../../img/arrow_back_white.png'), -ms-linear-gradient(#999, #999) !important;
  background-image: url('../../img/arrow_back_white.png'), -webkit-gradient(linear, left top, left bottom, from(#999), to(#999));
  background-position: 14% 45%  !important;
  background-repeat: no-repeat !important;
  padding-left: 50px;
  white-space: nowrap;
}
.rateDivStyle{
	width: 49.5% !important;
    padding-left: 0px !important;
    float: left;
    color: #555;
    padding-top: 13px;
    margin-bottom: 28px;
}
.rateFieldsStyle{
	padding-left: 12px !important;
}
.web_dialog.payIdDialog.exchangeRateModal{
	width: 70.4% !important;
    left: 50% !important;
    top: 31%;
    margin-left: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
	transform: translateX(-50%);
    height: auto !important;
}

.payoverseasAdd{
	height: 154px !important;
}
#CollectRewardbtn {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  height: 80px;
  width: 85%;
  background: red;
  color: white;
  z-index: 1 !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family:MontserratSemibold !important;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.confetti {
  height: 5px !important;
  width: 5px !important;
  position: absolute !important;
  opacity: 0.75 !important;
  z-index: 10000 !important;
  /* gpu acceleration */
  -webkit-transform: translateZ(0) !important;
  -moz-transform: translateZ(0) !important;
  -ms-transform: translateZ(0) !important;
  -o-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  }
  .blue {
    background: #00a8ff !important;
  }
  .green {
    background: #4cd137 !important;
  }
  .yellow {
    background: #fbc531 !important;
  }
  .red {
    background: #e84118 !important;
  }
  .pink {
    background: #ff9ff3 !important;
  }
  .circle {
    border-radius: 50% !important;
  }
  .rectangle {
    padding: 0 1px !important;
  }
  .btn.btnSwitchWithArrow
{
		border: 1px solid #1C4561 !important;
	}
.btn.btnSwitchWithArrow:hover
{
		border: 1px solid #919191  !important;

}

.btn.btnSwitchWithArrow
{
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-position: right 20px center !important;
   background-position: 92% 50% ;
    transition: 0.2s;
  background-repeat: no-repeat !important;
  padding-right: 50px !important;
  background-color:#FFFFFF !important;
  white-space: nowrap;
}

.btn.btnSwitchWithArrow:hover
{
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-image: url('../../img/icon_arrow.svg') !important;
  background-position: right 15px center !important;
   background-position: 96% 50% ;
   background-color: #FFFFFF !important;

}
.btn.btnSwitch {
	font-family:MontserratSemibold;
	background-color: #FFFFFF;
	filter: progid:dximagetransform.microsoft.gradient(endColorstr='#FFFFFF', startColorstr='#FFFFFF', gradientType='0') !important;
	background-image: -moz-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -o-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#FFFFFF, #FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)) !important;
	background-repeat: repeat-x;
	border: 1px solid #1C4561 !important;
}
.btn.btnSwitch:hover {
	background-image: none !important;
	filter: none !important;
    border: 1px solid #919191 !important;
    /*background-color: #FFFFFF;*/
}
.reportBtn{
	color: #fff !important;
	background-image: none !important;
	background-color: #D00E0E !important;
}
.reportBtn:hover{
		background-image: none !important;
	background-color: #DF2222 !important;
}

.vaultAccountsCircle
{
	height: 16px;
    width: 16px;
    background-color: #1C4561;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -1px;
    position: relative;
    top: -2px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #FFFFFF;
    font-weight: bold;
}
/*the vault page popups*/
.vaultHeaderDiv {
    background-color: #EAF4F6;
    height: auto;
    line-height: 85px;
    text-align: center;
}

.vaultHeaderDiv .web_dialog_title{
	color:#008094;
	font-size:20px;
	font-weight:bold;
	}
#valutModelInfo.web_dialog {
	
    position: absolute;
    top: 270px;
    left: 35%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    padding: 0px;
    z-index: 9999 !important;
    border-radius: 0px !important;
	}
#valutModelInfo{
	width:840px !important;
	height:620px !important;
	}
	
#valutModelInfo	.triangle-down {
	    border-top: 16px solid #EAF4F6;
	
}
.valutModelInfoUl{
    padding: 0px 20px 0 20px;
    /*margin: 20px 0px 0px 0px;*/
    overflow:auto;
}

.valutModelInfoUl li{
    width: 44%;
    margin-left: 0px;
    padding: 0px 20px 0 25px;
}
.lineSeparartorValut{
	border-bottom: 1px solid #CCCCCC;
    margin-left: 40px;
    width: 760px;
	}
.vaultAddAccountTopdiv {
    background-color: #EAF4F6;
    height: auto;
    line-height: 22px;

}
#vaultAddacountpopup .triangle-down {
	    border-top: 16px solid #EAF4F6;
	
}
.newVaultOtpInfo{
border: none;
width: 370px;
margin: 0px;
margin-left: 65px;
margin-bottom: 40px;
padding: 20px;
box-sizing: border-box;
background-color: #EAF4F6;
font-size: 13px;
color: #555555;
min-height: 100px;
}
.blue_warning_circle_Alert{
	
	 /*background-image:url('../../img/stroke_exclamation.svg');*/
	 background-image:url('../../img/white_exclamation.svg');	
	background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    /*background-position: -1px -1px;
    background-size: 33px;*/
    background-position: 14px 7px;
    background-size: 2px;
    border-radius: 15px;
    background-color:#008094;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	.middleDivNum{
	margin-left:65px;
	margin-right:65px;
	}
	.numDivOtp{
	height:94px;
	width:80px;
	border-bottom:2px solid #cccccc;
	color:#555555;
	font-size: 35px;
	    float: left;
	text-align: center;
	}
	#AccountFromVaultOtpModal .OtpModalInput{
	    box-sizing: border-box;
    height: 80px;
    margin-left: 65px;
    margin-bottom: 0px;
    width: 370px !important;
    font-size: 65px !important;
    text-align: center;
    }
	.outterNumDiv{
	margin-left:65px;
	margin-right:65px;
	    padding: 0px;
	    margin-top: 0px;
    margin-bottom: 60px;
	}
	.outterNumDiv > ul{
	 padding: 0px;
    height: 94px;
	
	}
	.numDivOtp div{
	margin-top: 50px;
	cursor: pointer;
	height: 26px;
    line-height: 26px;
	}
	#AccountFromVaultOtpModal a {
    color: #008094 !important;
    text-decoration: underline;
    }
    #AccountFromVaultOtpModal a :hover{
    color: #008094 !important;
    text-decoration: underline;
    }
   
	
	#AccountFromVaultOtpModal #error{
	  padding-left: 65px;
    padding-right: 65px;
    margin:0px;
    margin-bottom: 40px;
    }
	
	.errorMsgDesign{   
    min-height: 80px;
    padding-left: 50px;
    padding: 20px;
    padding-left: 70px;
    box-sizing: border-box;
    background-color: #F1F1F1 !important;
    color: #555555;
	}
	.redCircleErrorDiv{
	width: 30px;
    height: 30px;
    float: left;
    border-radius: 15px;
    
    background-color: #D00E0E;
    background-image: url(../../img/stroke_error.svg);
	background-position:center;
	background-size: 33px;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-left: 20px;
	}
	.green_circle_Alert{
	 background-image:url('../../img/stroke_tick.svg');
	background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    background-position: -1px -1px;
    background-position: center !important;
    background-size: 33px;
    border-radius: 15px;
    background-color:#8BCC31;
	}
	
	#AccountFromVaultOtpModal #ResentOtpSuccess{
    padding: 20px;
	margin-left: 65px;
	box-sizing: border-box;
	width: 370px !important;
	margin-bottom: 40px !important;
	background-color: #F1F1F1;
	min-height: 100px;	
    }
    .AccountDetailsModel{
    background-color: #EAF4F6;
    display: table;
    width:500px;
    min-height: 180px;
    padding-left: 60px;
    padding-right: 60px;
    color: #008094;
    box-sizing: border-box !important;
   }
   .leftDivContainer{
    float: left;
    width: 50%;
    height: 20px;
   }
   .rightDivContainer{
    float: left;
    width: 40%;
    height: 20px;
    padding-left: 20px;
   }
   .AccountDetailsDivContainer{
    height:20px;
   }
   
   .triangleLightBlue-down.bottomPaddingClass{
padding-bottom: 20px;
}
.innerGreyDiv{
padding-left:15px;
padding-right:15px;
color:#191919;
background:#f6f6f6;
box-sizing: border-box;
}
.innerGreyDiv1{
padding-left:15px;
padding-right:15px;
color:#191919;
background:#f6f6f6;
box-sizing: border-box;
}
.innerGreyDiv div{
	min-height:20px;
}
.TopGreyDim{
padding-left:15px;
height:60px;
width:180px;
letter-spacing: -0.25px;
line-height: 22px;
}
.BigGreyDim{
padding:20px;
height:165px;
width:380px;
margin-left: 60px;
margin-right: 60px;
margin-top:20px;
}
.heightClass1{
	height:145px;
	}
.heightClass2{
	height:120px;
	}
.innerGreyDiv .SemiBoldClass{
font-family:MontserratSemibold !important;
}
.innerGreyDiv1 .SemiBoldClass{
font-family:MontserratSemibold !important;
}
.leftDivClass{
	float:left;
	width:210px;
}
.rightDivClass{
	float:right;
	width:130px;
	text-align: right;
}
.ColoredLutoClass{
	color:#555555;
	font-family:Lato Regular !important;
	}
.ColoredMontserratClass{
	font-family:Montserrat !important;
	color:#191919;
	}
.ColoredMontserratSemiboldClass{
	font-family:MontserratSemibold !important;
	color:#191919;
	}
.ColoredLutoSemiboldClass{	
	font-family: Lato SemiBold !important;
}
.CreditCardDropDiv{
border-top: 1px solid #cccccc;
height: 95px;
padding: 20px;
padding-right:15px;
border-bottom: 1px solid #cccccc;
box-sizing: border-box;
}
.ADListItemsDiv{
	padding-bottom:8px;
	}
.ADTitleDiv{
	padding-bottom:10px;
	}
.ADSubTitleDiv{
	padding-bottom:4px;
	}
.ADpaddingClass{
	margin-left: 60px;
	}
	
.billerPayContainer {
    border: 1px solid #052869;
    float: left;
     height:auto;/*min-height: 140px;*/
    margin-top: 20px;
    padding: 12px 8px;
    width:380px;/*270px*/
    box-sizing: border-box;
    clear:both;
}
.AccntDetailsAccntHolders{
	display: table;
    padding-bottom: 20px;
	}
#billerCode {
    margin-left:2px; /*6px*/
    width: 78%; /*80%*/
    height: auto;
    padding:15px 5px;
        border: 1px solid #052869;
}
#billerPayRow {
	padding:0;
	margin:0;
}
#billerImg {
	/*width:13.2%; 10%*/
	height:auto;
}
.bPayText {
	padding:0;
	margin:3px 0 0 0;
}
.billerCodeTxt {
	color: #052869;
    font-size: 13px;
    font-weight: bold;	
}
.billerCodeVal {
	color: #ff7834;
    font-size: 13px;
    font-weight: bold;
}
.billerCodeContent {
	color: #052869;
    font-size: 11px;
    font-weight: bold;
}
.rotateClass{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.reverseRotateClass{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.web_dialog_title .AccntDetailsAccntNumber,.web_dialog_title .AccntDetailsAccntBsb {
font-weight:unset;
}
.AccountDetailsMarginClass{
    margin-left: -250px;
    padding-bottom: 60px; 
    box-sizing: border-box;
}
.AccDetailsSecondDiv{

}
.acc-details-div {
  max-height: fit-content !important;
}
.smallRightGeryDiv{
float:left;
margin-left:20px;
}
/* don't show the x for text inputs */
::-ms-clear {
    width : 0;
    height: 0;
}

/* don't show the eye for password inputs */
::-ms-reveal {
    width : 0;
    height: 0;
}
#forgottenWACbody #oneTimePassword {
	padding-right: 20px;
}
.overdueCls{
    height: 18px;
    background: #D00E0E;
    padding-left: 8px;
    color: #ffffff;
    border-radius: 9px;
    padding-bottom: 2px;
    margin-left: 10px;
    box-sizing: border-box;
    font-family: MontserratSemibold !important;
    padding-right: 8px;
    float:left;
    letter-spacing: -0.25px;
    line-height: 16px;
    }
.accountTypeTextDiv {
    float: left;
    margin-left: 10px;
    width: 160px;
}
.topDivLineStyle{
    line-height: 22px;
	letter-spacing: -0.25px;
}

.mainHeadingLineHeightCls{
line-height: normal;
}

.bigGreyDivLineCls{
letter-spacing: -0px;
line-height: 21px;
}
.bigGreyDivLabelLineCls{
letter-spacing: -0px;
line-height: 22px;
}
.CreditCardNuberLabelCls{
letter-spacing: -0.25px;
line-height: 16px;
}
.RewardContainer{
letter-spacing: -0px;
line-height: 21px;
}
.ADLabelHeightCls{
height:25px;
}
.scrollYCls{
 overflow-y: scroll;
}
.tableDisplayContainer{
display:table;
}
.AccountDetailsMarginClass .reportCloseOrOKBtn img{
    cursor: pointer;
}
#dropDownBtn{
    cursor: pointer;
}
#ApllyNowId:hover{
	color:#0F688A;
}
#MycardsId:hover{
	color:#0F688A;
}
.bigSideDivCls{
font-family: MontserratSemibold !important;
color:#111111;
font-size: 14px !important;
float:left;

width: 188px !important;
height: 50px !important;
}
#sideMenuDiv > ul > li > .bigSideDivCls{
	color:#111111;
	} 
#sideMenuDiv > ul > .bigSideLiContainer{
height:50px;
line-height:50px;
padding-left:0px;
}
#ApllyNowId .menuHeaderActive a{
	padding-left:12px;
	}	
#MycardsId .menuHeaderActive a{
	padding-left:12px;
	}
#menuHeaderActiveBottom a{
	padding-left: 12px;
	}
.menuHeader:hover{
color:#0F688A !important;
}
.menuHeaderActiveBottom #messagesHeader{
padding-left: 12px;
}
.menuWithNewCls{
width:auto;
float:left;
}
.innerGreyDiv1 .marclass .cirline .tooltipcir {
	position: relative;
	display: inline-block;
}
.innerGreyDiv1 .whiteback .progressmargin .tooltipcir1 {
	position: relative;
	display: inline-block;
}
.innerGreyDiv1 .whiteback .checkmarg .tooltipcir2 {
	position: relative;
	display: inline-block;
}
.savingsDiv3 .whiteback .tooltipcir1 {
	display: inline-block;
}
.savingsDiv4 .tooltipcir1 {
	display: inline-block;
}
.savingsDiv8 .whiteback .tooltipcir1 {
	display: inline-block;
}
.innerGreyDiv1 .marclass .cirline .tooltipcir .tooltipcirtext {
	visibility: hidden;
	width: 200px;
	height: auto;
	background: rgb(80, 89, 98);
	border-radius: 4px;
	width: 184px;
	color: rgb(255, 255, 255);
	font-size: 10px;
	font-family: 'Lato Regular';
	font-weight: normal;
	letter-spacing: -0px;
	line-height: 12px;
	margin-left: 8px;
	position: absolute;
	z-index: 1;
	/* text-align: center; */
	/* margin-top: 10px; */
}
.innerGreyDiv .marclass .tooltipcir .tooltipcirtext {
	visibility: hidden;
	width: 200px;
	height: auto;
	background: rgb(80, 89, 98);
	border-radius: 4px;
	width: 184px;
	color: rgb(255, 255, 255);
	font-size: 10px;
	font-family: 'Lato Regular';
	font-weight: normal;
	letter-spacing: -0px;
	line-height: 12px;
	margin-left: 8px;
	position: absolute;
	z-index: 1;
	/* text-align: center; */
	/* margin-top: 10px; */
}

.innerGreyDiv .marclass .leftDivClass .tooltipcir .tooltipcirtext {
	visibility: hidden;
	width: 200px;
	height: auto;
	background: rgb(80, 89, 98);
	border-radius: 4px;
	width: 184px;
	color: rgb(255, 255, 255);
	font-size: 10px;
	font-family: 'Lato Regular';
	font-weight: normal;
	letter-spacing: -0px;
	line-height: 12px;
	margin-left: 8px;
	position: absolute;
	z-index: 1;
	
}

.innerGreyDiv1 .whiteback .progressmargin .tooltipcir1 .tooltipcirtext1 {
	visibility: hidden;
	width: 200px;
    height: auto;
    background: rgb(80, 89, 98);
    border-radius: 4px;
    width: 184px;
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: 'Lato Regular';
    font-weight: normal;
    letter-spacing: -0px;
    line-height: 12px;
    margin-left: 8px;
    position: absolute;
    z-index: 1;
    
}
.innerGreyDiv1 .whiteback .checkmarg .tooltipcir2 .tooltipcirtext2 {
	visibility: hidden;
	width: 200px;
    height: auto;
    background: rgb(80, 89, 98);
    border-radius: 4px;
    width: 184px;
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-family: 'Lato Regular';
    font-weight: normal;
    letter-spacing: -0px;
    line-height: 12px;
    margin-left: 8px;
    position: absolute;
    z-index: 1;
    
}
.savingsDiv3 .whiteback .tooltipcir1 .tooltipcirtext1 {
	visibility: hidden;
    background: rgb(80, 89, 98);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    position: absolute;
	width: 240px;
	min-height: 112px;
	text-align: left;
	margin-left:8px;
	z-index:99;
}
.savingsDiv4 .tooltipcir1 .tooltipcirtext1 {
	visibility: hidden;
    background: rgb(80, 89, 98);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    position: absolute;
	padding:8px 10px;
	width: 245px;
    min-height: 80px;
	text-align: left;
	margin-left:8px;
	z-index:99;
}
.savingsDiv8 .whiteback .tooltipcir1 .tooltipcirtext1 {
	visibility: hidden;
    background: rgb(80, 89, 98);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    position: absolute;
	width: 240px;
	min-height: 112px;
	text-align: left;
	margin-left:8px;
	z-index:99;
}
.innerGreyDiv1 .marclass .cirline .tooltipcir:hover .tooltipcirtext {
	visibility: visible;
}
.innerGreyDiv1 .whiteback .progressmargin .tooltipcir1:hover .tooltipcirtext1 {
	visibility: visible;
}
.innerGreyDiv1 .whiteback .checkmarg .tooltipcir2:hover .tooltipcirtext2 {
	visibility: visible;
}
.savingsDiv3 .whiteback .tooltipcir1:hover .tooltipcirtext1 {
	visibility: visible;
}
.savingsDiv8 .whiteback .tooltipcir1:hover .tooltipcirtext1 {
	visibility: visible;
}
.savingsDiv4 .tooltipcir1:hover .tooltipcirtext1 {
	visibility: visible;
}
.innerGreyDiv .marclass .tooltipcir:hover .tooltipcirtext {
	visibility: visible;
}

.tranCountStyle{
width: 24px;
height: 24px;
color: rgb(101, 112, 123);
font-size: 13px;
font-family: 'Lato Regular';
font-weight: normal;
text-align: center;
letter-spacing: -0px;
line-height: 21px;
border: 1px solid #ccc;
border-radius:2px;
float: left;
margin-right:8px;
}
.tranCountStyle1{
width: 24px;
height: 24px;
color: rgb(101, 112, 123);
font-size: 13px;
font-family: 'Lato Regular';
font-weight: normal;
text-align: center;
letter-spacing: -0px;
line-height: 21px;
border: 1px solid #00a796;
border-radius:2px;
float: left;
margin-right:8px;
}
#AccountDetailsModalForSavingsAccnt .AccDetailsSecondDiv{
	max-height: none !important;
}
.payToModalWindow{
   position: absolute;
   top: 37.07%;
   left: 37.55%;
   background-color: #ffffff;
   padding: 0px;
   z-index: 9999 !important; /*102*/
   border-radius:8px;
}
.payToModalWindowAmmend{
   width: 479px;
   min-height: 352px;
   position: absolute;
   top: 33.30%;
   left: 37.55%;
   background-color: #ffffff;
   padding: 0px;
   z-index: 9999 !important; /*102*/
   border-radius:8px;
}
.payToModalWindowHeading1 {
	color: rgb(0, 0, 0);
	font-size: 24px;
	font-family: MontserratSemibold;
	font-weight: 600;
	text-align: center; 
	letter-spacing: 0px;
}
.payToModalWindowHeading2 {	
	color: rgb(0, 128, 148);
	font-size: 20px;
	font-family: MontserratSemibold;
	font-weight: 600;
	text-align: center;
	letter-spacing: -0.25px;
	width: 370px; 
	height: 31px; 
	margin: 13.76px 66.5px 0px 63.5px;
}
.payToModalWindowNormalText{
	color: rgb(0, 0, 0);
	font-size: 16px;
	font-family: Montserrat;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0px;
}
.payToModalWindowNormalText2{
	color: rgb(17,17,17);
	font-size: 13px;
	font-family: MontserratSemibold;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0px;
}
.payToModalWindowButton1{
	background-color: white;
 	color: rgb(0, 56, 77);
	font-size: 18px;
	font-family: MontserratSemibold;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0px;
	line-height: 22px;
	border: 1px solid rgb(0, 56, 77);
	border-radius: 4px; 
	float: left;
	height: 48px;
}
.payToModalWindowButton2{
	height: 48px; 
	color: rgb(0, 56, 77);
	font-size: 18px;
	font-family: MontserratSemibold;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0px;
	line-height: 22px;
	border: 0px; 
	float: right; 
	background: rgb(153, 217, 213);
    border-radius: 4px;
}
.div1InsideAuthoriseFlow2ndscreen {
	margin: 28px 65px 0px 65px;
	width: 370px;
	min-height: 101px;
	background: rgb(234, 244, 246);
	border-radius: 0px; 
	z-index: 990;
	overflow: auto;
}
.div2InsideAuthoriseFlow2ndscreen {
	width: 370px;
	height: 80px;
	background: rgb(255, 255, 255);
	border-radius: 0px;
	margin-top: 39px;
	margin-left: 65px;
}
.div3InsideAuthoriseFlow2ndscreen {
	height: 78px !important;
	font-family: Montserrat;
	font-weight: normal !important;
	text-align: center;
	letter-spacing: 4.95px;
	padding: 0px !important;
}
.span1InsideAuthoriseFlow2ndscreen {
	width: 284px;
	color: rgb(85, 85, 85);
	font-size: 14px;
	font-family: "Lato Regular";
	font-weight: normal;
	letter-spacing: 0px;
	padding: 12px 0px;
	line-height: 19px; 
	display: inline-block; 
	margin-right: 19.5px; 
	margin-left: 26.5px;
	float: right;
}
.span1InsideCancelFlow2ndscreen {
	display: inline-block;
	margin: 23px 0px 0px 18px;
	width: 302px;
	min-height: 40px;
	color: rgb(57, 64, 70);
	font-size: 16px;
	font-family: TTNormsRegular;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 20px;
}
.div1InsideCancelFlow2ndscreen {
	float: left;
	width: 9px;
	height: 9px;
	background-color: rgb(0, 160, 185);
	border-radius: 50%;
}
.payToModalWindowHeading1style{
	padding-top: 20.76px; 
	margin: 0px 33px 24px 33px; 
	width: 414px; 
	height: 29px; 
}
.payToModalWindowNormalTextstyle{
	margin:24px 33px 24px 32px; 
	width: 414px; 
	height: 114px;
}
.payToModalWindowNormalTextstylebutton{
	margin: 24px 80px 32px 79px; 
	width: 320px; 
	height: 48px;
}
.Authoriseflowmodal2{
	top: 29.78%; 
	left: 36.97%; 
	width: 500px; 
	min-height: 480px;
	height: auto; 
	border-radius: 0px;
	z-index: 99999 !important;
}
.modalClose{
	width: 13.24px; 
	height: 12.35px; 
	margin: 24.88px 24.88px 0px 440.88px;
	cursor: pointer;
}
.iconforauthorisef{
	width: 24px; 
	height: 24px; 
	margin: 15px 0px 62px 16px; 
	float: left;
}
.cancelbuttonaf2{
	margin: 44px 0px 48px 65px; 
	width: 170px; 
	height: 56px;
}
.secondcancelbuttonaf2{
	margin: 44px 63.5px 48px 0px; 
	width: 171px; 
	height: 56px;
}
.confirmationtickp2{
	margin: 2.76px 208px 0px 205px;
}
.Authoriseflow3h1{
	margin: 24px 0px 0px 73px; 
	width: 333px ; 
	min-height: 87px;
	height: auto;
}
.Authoriseflow3nt{
	margin: 24px 41px 0px 37px; 
	width: 401px; 
	height: 38px; 
	position: relative;
}
.Authoriseflow3b2{
	margin: 24px 135px 48px 135px; 
	padding: 0px; 
	width: 209px;
}
.Declineflow1h1{
	margin: 58px 0px 0px 73px; 
	width: 333px; 
	height: 58px;
}
.Declineflow1nt{
	margin: 12.76px 32px 0px 32px; 
	width: 415px; 
	min-height: 48px;
}
.declineflow1buttons{
	margin: 24px 0px 32px 92px; 
	width: 300px; 
	height: 48px;
}
.declineflow2img{
	margin: 2.76px 0px 0px 205px;
}
.Declineflow2h1{
	margin: 24px 0px 0px 73px; 
	width: 333px; 
	min-height: 87px;
}
.Declineflow2b2{
	margin: 24px 133px 32px 132px; 
	width: 214px; 
	float:none;
}
.errors1img{
	margin: 2.76px 0px 0px 207px;
}
.Errors1p1{
	margin: 24px 0px 0px 73px; 
	width: 333px; 
	height: 57px;
}
.Errors1b1{
	margin: 39px 0px 71px 133px; 
	float: none; 
	width: 213px;
}
.errors2img{
	margin: 2.76px 0px 0px 207px;
}
.Errors2p1{
	margin: 24px 0px 0px 73px; 
	width: 333px; 
	height: 57px;
}
.Errors2b1{
	margin: 39px 0px 71px 146px; 
	float: none; 
	width: 214px;
}
.Changeflow2p1{
	margin: 58px 99px 0px 100px; 
	width: 333px; 
	height: 58px; 
}
.Changeflow2p2{
	margin:25.76px 44px 0px 37px; 
	width: 451px; 
	min-height: 48px;
}
.Changeflow3img{
	margin: 2.76px 208px 0px 205px;
}
.Changeflow3p1{
	margin: 24px 0px 0px 73px; 
	width: 333px ; 
	height: 87px;
}
.Changeflow3p2{
	margin: 13px 73px 0px 73px; 
	width: 333px; 
	height: 54px;
}
.Changeflow3b1{
	margin: 24px 134px 54px 133px;
    width: 212px;
}
.Amendflow1img{
	margin: 2.76px 208px 0px 205px;
}
.Amendflow1p1{
	margin: 24px 0px 0px 73px; 
	width: 333px ; 
	height: 58px;
}
.Amendflow1b1{
	margin: 24px 134px 32px 133px; 
	padding: 0px; 
	width: 212px;
}
.Amendflow2img{
	margin: 2.76px 208px 0px 205px;
}
.Amendflow2p1{
	margin: 24px 73px 0px 73px; 
	width: 333px ; 
	height: 29px;
}
.Amendflow2p2{
	margin: 24px 24px 0px 25px; 
	width: 430px; 
	height: 57px;
}
.Amendflow2b1{
	margin: 24px 133px 40px 132px;
    width: 214px;
}
.Amendflow3img{
	margin: 2.76px 208px 0px 205px;
}
.Amendflow3p1{
	margin: 24px 0px 0px 73px; 
	width: 333px; 
	height: 58px;
}
.Amendflow3p2{
	margin: 24px 73px 0px 73px; 
	width: 333px; 
	height: 61px;
}
.Amendflow3b1{
	margin: 24px 135px 41px 134px;
	width: 210px;
}
.Cancelflow1p1{
	margin: 14.76px 48px 0px 32px; 
	width: 446px; 
	height: 48px; 
}
.Cancelflow2p2{
	margin:14.76px 48px 0px 32px; 
	width: 446px; 
	min-height: 48px;
}
.cancelflow2buttons{
	margin: 24px 21px 32px 22px; 
	width: 483px;
	height: 48px; 
	z-index: -5190;
}
.Cancelflow1div{
	top: 25.28%;
	left: 37.55%;
	width: 479px;
	min-height: 496px;
	z-index: -5410;
}
.Cancelflow1p1{
	margin: 20.76px 73px 0px 73px; 
	width: 333px ; 
	height: 29px; 
}
.Cancelflow1div2{
	margin: 28px 39px 0px; 
	width: 401px; 
	height: 85px; 
	background: rgb(237, 251, 253); 
	border-radius: 4px; 
	z-index: -5420;
}
.Cancelflow1img5{
	width: 24px; 
	height: 24px; 
	margin: 21px 0px 40px 24px; 
	float: left;
}
.Cancelflow1mid1{
	margin: 23px 39px 0px 10px; 
	width: 356px; 
	height: 76px; 
	text-align:left; 
	float:right;
}
.Cancelflow1mid2{
	margin: 35px 63px 0px 10px; 
	width: 333px; 
	height: 38px; 
	text-align:left; 
	float:right;
}
.Cancelflow2mid3{
	margin: 17px 63px 0px 10px; 
	width: 333px; 
	height: 76px; 
	text-align: left; 
	float:right;
}
.Cancelflow2buttonsu{
	margin: 19px 63px 0px 10px; 
	width: 333px; 
	height: 38px; 
	text-align: left; 
	float:right;
}
.Cancelflow1buttonsu1{
	margin: 31px 0px 45px 92px; 
	width: 97px;
}
.Cancelflow1buttonsu2{
	margin: 31px 91px 45px 0px; 
	width: 167px;
}
.Cancelflow3img1{
	margin: 2.76px 208px 0px 205px;
}
.Cancelflow3p1{
	margin: 24px 32px 0px 46px; 
	width: 401px; 
	height: 29px;
}
.Cancelflow3div1{
	margin: 24px 32px 0px 46px;
	width: 401px; 
	min-height: 101px; 
	background: rgb(237, 251, 253); 
	border-radius: 4px;
	overflow:auto;
}
.Cancelflow3img2{
	width: 24px; 
	height: 24px; 
	margin: 21px 0px 40px 24px; 
	float: left;
}
.Cancelflow3span1{
	margin: 23px 33px 22px 0px; 
	float: right;
}
.Cancelflow3b10{
	margin: 24px 135px 32px 131px; 
	width: 213px;
}
.Pausedflow1div1{
	top: 25.28%; 
	width: 479px; 
	min-height: 521px;
}
.Pausedflow1p1{
	margin: 20.76px 73px 0px 73px; 
	width: 333px; 
	height: 29px; 
}
.Pausedflow1p2{
	margin: 19px 73px 0px 73px; 
	width: 333px; 
	height: 40px;
}
.Pausedflow1div2{
	margin: 24px 63px 0px 10px; 
	width: 333px; 
	height: 38px; 
	text-align:left; 
	float:right;
}
.Pausedflow1div3{
	margin: 16px 63px 0px 10px; 
	width: 333px; 
	height: 38px; 
	text-align:left; 
	float:right;
}
.Pausedflow1div4{
	margin: 19px 63px 0px 10px;
	width: 333px;
	height: 95px;
	text-align: left;
	float:right;
}
.Pausedflow1buttons{
	margin: 17px 63px 0px 10px; 
	width: 333px; 
	height: 38px; 
	text-align: left; 
	float:right;
}
.Pausedflow1buttons1{
	margin: 38px 0px 32px 92px; 
	width: 97px;
}
.Pausedflow1buttons2{
	margin: 38px 91px 32px 0px; 
	width: 167px;
}
.pauseflow2div1{
	margin: 24px 24px 32px 37px; 
	width: 471px; 
	height: 48px; 
	z-index: -5190;
}
.changeflowm1{
	width: 518px; 
	height: 351px; 
	top: 26.92%;
	left: 26.61%;
}
.changeflowm1h1{
	margin: 20.76px 0px 0px 93px; 
	width: 333px ; 
	height: 29px;
}
.changeflowm1h2{
	margin: 54px 0px 0px 74px; 
	width: 370px; 
	height: 25px;
}
.changeflowm1border{
	margin: 10px 0px 42px 74px; 
	width: 370px; 
	height: 45px; 
	border: 1px solid rgb(145, 145, 145); 
	z-index: 830;
}
.changeflowm1box{ 
	width:370px !important; 
	z-index: 820;
}
.changeflowm1button{
	margin: 0px 0px 40px 148px; 
	width: 223px; 
	height: 48px; 
	z-index: 810;
}
#ezGwnh5Dv9y1{
    height: 38px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    text-align: center;
    top: 13px;
    margin-left: -4px;
}
#msgunread{
	width: 15px;
    height: 18px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: TT Norms Pro DemiBold;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0px;
    line-height: 18px;
    position: relative;
    margin-left: 1px;
    top: 1px;
}
.TDGraceDiv{
	background: rgb(245, 252, 255);
	border-radius: 20px;
	height: 24px;
	display:inline-block;
}
.TDGraceImgDiv{
	height: 12px;
	display: inline-block;
	width: 12px;
	margin: 3px 0px 0px 8px;
	float:left;
}
.TDGraceDivTxt{
	color: rgb(0, 56, 77);
	font-family: Lato Bold;
	font-size: 12px;
	letter-spacing: -0px;
	line-height: 16px;
	display: inline-block;
	text-align: center;
	margin:4px 10px 0px 4px;
	float:left;
}
.TDGraceLink{
	color: rgb(0, 128, 148);
	font-family: Lato Regular;
	font-size: 12px;
	font-weight: normal;
	height: 25px;
	letter-spacing: -0px;
	line-height: 22px;
	text-decoration: underline;
	width: 99px;
	cursor: pointer;
	display: inline-block;
	float:right;
}
.TDMatDiv{
	display: inline-block;  
	height:24px;
	background: rgb(255, 241, 224);
	border-radius: 20px;
	float:right;
}
.TDPPDiv{
	border-radius: 4px;
	height: 40px;
	width: 336px;
	border: 1px solid rgb(155, 144, 213);
	background:rgb(255,255,255);
}
.TDPPTxt{
	color: rgb(81, 71, 133);
	font-family: Lato Bold;
	font-size: 13px;
	height: 21px;
	letter-spacing: -0px;
	line-height: 21px;
	min-width: 272px;
	margin: 10px 0px 9px 32px;
}
.TDCreateSuccessModal{
	width: 479px; 
	min-height: 398px; 
	top: 33.3%; 
	position: absolute;
	left: 37.55%;
	background-color: #ffffff;
	z-index: 9999 !important;
	border-radius: 8px;
}
.TDCreateSuccessModalHeading{
	color: rgb(0, 0, 0);
	font-family: MontserratSemiBold;
	font-size: 24px;
	font-weight: 600;
	height: 29px;
	letter-spacing: 0px;
	text-align: center;
	width: 333px;
	margin: 24px 0px 0px 73px;
}
.TDCreateSuccessModalTxt{
	color: rgb(0, 0, 0);
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: normal;
	height: 38px;
	letter-spacing: 0px;
	text-align: center;
	width: 386px;
	margin: 8px 0px 0px 46.5px;
}
.TDCreateSuccessModalButton{
	height: 48px;
	min-width: 334px;
	color: rgb(0, 56, 77);
	font-family: MontserratSemiBold;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 22px;
	text-align: center;
	border-radius: 4px;
}
.TDEditSuccessModal{
	width: 479px; 
	min-height: 333px; 
	top: 29.5%; 
	left: 33.47%;
	position: absolute;
	background: rgb(255, 255, 255);
	border-radius: 8px;
	z-index: 9999 !important;
}
.TDEditErrorModal{
	top: 35.92%;
	position: absolute;
	background: rgb(255, 255, 255);
	border-radius: 8px;
	height: 345px;
	width: 479px;
	left: 33.26%;
	z-index: 9999 !important;
}
 .rotateClassForInfoArrow{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.noMenuArrowClass{
	background-image:unset !important;
}
.toolTipForIS {
	position: relative;
	display: inline-block;
}
.toolTipForIS .toolTipForISText {
	visibility: hidden;
	position: absolute;
}
.toolTipForIS:hover .toolTipForISText {
	visibility: visible;
	z-index: 9999;
}
.overflowcls{
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
.eStatementStartModal{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 24px 24px 56px;
	gap: 8px;
	position: absolute;
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	background: #FFFFFF;
	border-radius: 8px;
	z-index: 9999 !important;
}
#eStatementModalContentPreset, #eStatementEmailModalPreset{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 0px;
	width: 100%;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}
.eStatementModalMessage{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 16px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}
.popupContentStartEState{
	font-family: HellixRegular;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: #394046;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
	padding-bottom: 24px;
}
#eStatementStartConf{
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #394046;
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
	z-index: 9999 !important;
}
.eStatementSuccessOkBlock{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 32px 16px 0px;
	gap: 24px;
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
}
.eStatementSuccessOkBlockPart1{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px;
	gap: 24px;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	z-index: 9999 !important;
}
.eStatementSuccessOkBlockContent{
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #00384D;
	flex: none;
	order: 1;
	flex-grow: 0;
}
#eStatementStartEmailAddition{
	z-index: 9999 !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 8px;
	flex: none;
	order: 5;
	flex-grow: 0;
}
#eStatementEmailText{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 24px;
	color: #394046;
	flex: none;
	order: 0;
	flex-grow: 1;
}
.emailContentEStateNewEmailModal{
    height: unset !important;
    border: 1px solid #CCCCCC;
    font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding: 12px 16px !important;
	display: flex;
	align-items: center;
	color: #818C98;
	flex: none;
	order: 2;
	flex-grow: 1;
}
.emailContentEStateNewEmailModal:focus{
	border: 1px solid #CCCCCC !important;
	box-shadow: 0px 0px 0px 4px rgba(0, 160, 185, 0.15);
}
.errBorderEStateInside{
	border: 1px solid #D6403D !important;
}
.errorMessageEStateModal{
	display: none;
	padding-top: 4px;
    padding-left: 95px;
    font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #A32B29;
}
.okButtonContent:hover{
  background-color: #80d2cd !important;
}
.tierMainDiv{
	background-color: #F9FAFA;
	width: 336px;
	height: 24px;
	color: #818c98
}
.rateHeading{
	width: 80px;
	margin: 4px 0px 4px 16px;
	display: inline-block;
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 600;
	height:16px;
	line-height:16px;
}
.tierAmountHeading{
	display: inline-block;
	width: 132px;
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 600;
}
.portionHeading{
	display: inline-block;
	width: 72px;
	font-family: 'Montserrat';
	font-size: 12px;
	font-weight: 600;
}
.toolpitTextStyle{
	width: 245px;
	height: 80px; 
	color: rgb(255, 255, 255);
	font-size: 14px; 
	font-family: 'TTNormsProRegular'; 
	font-weight: 400; 
	letter-spacing: 0px; 
	line-height: 24px; 
	display: block;
}
.toolpitTextStyle1{
	width: 224px;
	min-height: 96px; 
	color: rgb(255, 255, 255);
	font-size: 14px; 
	font-family: 'TTNormsProRegular'; 
	font-weight: 400; 
	letter-spacing: 0px; 
	line-height: 24px; 
	display: block;text-align: left;
	margin: 8px 8px;
}
.tiersDiv1{
	display: flex;
	flex-direction: row;
	width: 336px;
	min-height: 40px;
	background: rgb(255, 255, 255);
}
.achievedImageStyle{
	position: absolute;
	Width:16px;
	Height:16px;
	margin-left: 16px;
	margin-top: 9px;
	z-index: 9 !important;
}
.achievedProgressBar{
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	width: 0px;
	min-height: 10px;
	margin-left: 23px;
	margin-top: 31px;
	z-index: 9 !important;
}
.achievedProgressBar1{
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	width: 0px;
	height: 9px;
	margin-left: 23px;
	z-index: 9 !important;
}
.tiersDiv2{
	display: flex;
	margin-left: 16px;
	width: 100%;
	z-index: 9 !important;
}
.tiersSpan1{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	color: #65707B;
	padding-right: 8px;
	margin: 8px 0px;
}
.tiersSpan2{
	min-width: 80px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 24px;
	color: #505962;
	margin: 8px 0px;
}
.achievedProgressBarDiv{
	display: flex;
	flex-direction: column;
	z-index: 9!important;
}
.tiredtable {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    isolation: isolate;
    width: 348px;
    height: 40px;
    background: rgb(255, 255, 255);
}
.flatIntRate{
    float: right;
    min-width: 80px;
    height: 24px;
    color: #394046;
    font-family: 'Montserrat';
    font-weight: normal;
    text-align: right;
    line-height: 24px;
}
.BonusIntRateVal{
    float: right;
}
.flatRateToolTip{
	padding-top: 10px;
    padding-left: 8px;
    padding-bottom: 10px;
    padding-right: 8px;
    width: 184px;
    height: 36px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: 'TTNormsProRegular';
    font-style: normal;
    font-weight: 400;
}
.AccntDetailsbrMonth{
	min-height: 20px;
    width: 44px;
    height: 22px;
    color: rgb(17, 17, 17);
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 22px;
    margin-bottom: 16px;
    z-index: -4070;
}
.baseRatediv{
	display: flex;
    width: 348px;
    height: 40px;
    background: rgb(255, 255, 255);
    order: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    border-bottom: 1px solid #F4F5F6;
}
.bRCrtIntLFy{
	width: 37px;
    height: 24px;
    color: #394046;
    font-style: normal;
    font-size: 13px;
    line-height: 24px;
    float: right;
}

.linkedimg{
	height: 24px;
    width: 84px;
    border-radius: 32px;
    background-color: rgb(231, 249, 247);
    float: left;
}
.LinkedName{
	width: 288px;
    min-height: 24px;
    float: left;
    font-family: Montserrat;
    font-size: 13px;
    line-height: 24px;
    margin-left: 8px;
}
.blueicon{
	width: 59px;
    height: 32px;
    z-index: 9 !important;
}
.OdEloc{
	font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: rgb(57, 64, 70);
    margin: 0px 8px;
    z-index: 9 !important;
}
.offset{
	font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: rgb(57, 64, 70);
    margin: 0px 8px;
    z-index: 9 !important;
}
.completeProgressBarBorder{
	border: 1px solid #00A796;
}
.inCompleteProgressBarBorder{
	border: 1px solid #99A2AC;
}
.transferPaytoModal, .authPendApproveModal
,.tdEarlyRelease,.tdEarlyReleasePendingRequest,.notificatioSettingModal
{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px 56px;
    gap: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    border-radius: 8px;
    z-index: 9999 !important;
}
.PayToContentPreset, .authorizationPendingClose
, .tdEarlyReleasePreset, .addPayeeScamClose{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 0px;
	width: 100%;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}
.transferPayToModalMessage, .authPendApproveModalMessage,
.tdEarlyReleaseModalMessage, .addPayeeScamModalMessage, .notificationModalMessage{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 16px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}
.transferPaytoDetails{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 32px;
	color: #394046;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
    max-width: 520px;
    text-align: center;
    padding-bottom: 24px;
}
.tdERPendingRequestDetails, #addPayeeScamHeading{
	font-family: 'HellixSemiBold';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	color: #394046;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
    max-width: 520px;
    text-align: center;
    padding-bottom: 24px;
}
#instructsPaytoSteps{
	font-family: 'Montserrat';
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	color: #65707B;
	padding: 8px;
	background: #F4F5F6;
	border-radius: 4px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
    max-width: 520px;
    margin-bottom: 24px;
}
.transferPaytoDesc{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	display: flex;
	align-items: center;
	color: #394046;
	flex: none;
	order: 2;
	flex-grow: 1;
    max-width: 520px;
}
.tdERPendingRequestDesc, .addPayeeScamBullets{
	font-family: 'TTNormsProRegular';
    font-style: normal;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #394046;
    flex: none;
    order: 2;
    flex-grow: 1;
    max-width: 520px;
}
.transferPaytoModalAction, .authPendApproveBackAction,
.tdEarlyReleaseModalAction, .addPayeeModalAction{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 32px 16px 0px;
	gap: 24px;
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
    justify-content: center;
    max-width: 520px;
}
.addPayeeModalAction{
	padding: 48px 16px 0px;
}
#transferPaytoTIDIsReadyBackButton, #transferFailedPleaseTryAgainButton, #transferFailedPleaseTryAgainCancelButton, #transferSuccessfulBackToAgreementInside, #transferIncompleteTransfersBackInside, #transferFailedNoValidAccBackButton, #transferPaytoCnfTrfConfirm, #transferPaytoCnfTrfCancel, #transferPaytoFailCancel, #transferPaytoFailContinue, #transferPaytoEnterTIDContinueButton, #transferPaytoEnterTIDCancelButton, #transferPaytoNoValidAccBackButton, #transferPaytoInstructContinue, #transferPaytoInstructCancel, #transferPaytoPayIDBackButton, #transferPaytoHowToCancel, #transferPaytoHowToContinue, #transferPaytoNoValidAccBack,
#transferPaytoEnterTIDCancel, #transferPaytoEnterTIDContinue, #authPendApproveBackButton, #transferPaytoHowToGSBToAnotherCancel, #transferPaytoCreateID, #earlyReleasePendingRequestEdit, #earlyReleasePendingRequestCancel{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	height: 56px !important;
	line-height: 24px !important;
	color: #00384D !important;
	flex: none !important;
	order: 1 !important;
	flex-grow: 0 !important;
	border-radius: 4px !important;
}
#transferPaytoTIDField{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 8px;
	max-width: 520px;
	flex: none;
	order: 0;
	flex-grow: 1;
	padding-bottom: 24px;
}
#transferPaytoTIDFieldTitle, #authPendApproveModalContent{
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #394046;
	flex: none;
	order: 0;
	flex-grow: 1;
}
.transferPaytoTIDFieldMain{
	display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 12px 16px !important;
    gap: 8px;
    background: #FFFFFF;
    order: 1;
    align-self: stretch;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px;
    flex-grow: 1;
}
#transferPaytoEnterTIDWarning{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 8px;
	gap: 8px;
	max-width: 520px;
	background: #FFF1E0;
	border-radius: 4px;
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
}
.TIDErrorWarning{
	display: flex;
    order: 1;
    color: #A32B29;
    gap: 4px;
    font-family: TTNormsProRegular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}
.transferPaytoList{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 8px;
	width: 520px;
	max-height: 376px;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
	overflow: auto;
	overflow-x: hidden !important;
}
.transferPaytoListInner{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 16px;
	gap: 16px;
	width: 500px;
	height: 80px;
	background: #F9FAFA;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #E3E6E8;
	justify-content: space-between;
}
.transferPaytoListStatus{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 4px 8px;
	gap: 4px;
	background: rgba(91, 179, 174, 0.2);
	border-radius: 32px;
	flex: none;
	order: 1;
	flex-grow: 0;
}
.transferPaytoListStatusFont{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	align-items: center;
	color: #394046;
}
.btnSwitchWithCopy{
  background-image: url('../../img/Copy.svg') !important;
  background-image: url('../../img/Copy.svg') !important;
  background-image: url('../../img/Copy.svg') !important;
  background-image: url('../../img/Copy.svg') !important;
  background-image: url('../../img/Copy.svg') !important;
  background-position: left 17.33px center !important;
  background-position: 92% 50% ;
  transition: 0.2s;
  background-repeat: no-repeat !important;
  padding-right: 50px !important;
  white-space: nowrap;
}
.transferPaytoTIDIsReadyPoints{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	display: flex;
	align-items: center;
	color: #394046;
	order: 1;
	flex-grow: 1;
	margin-left: 8px;
}
.transferPaytoTIDIsReadyBullets, .addPayeeScamBullets{
	width: 8px;
	height: 8px;
	background: #00A0B9;
	opacity: 0.8;
	flex: none;
	order: 0;
	margin-top: 8px;
	border-radius: 50%;
	flex-grow: 0;
}
.transferPaytoTIDIsReadyBulletsContainer{
	margin-bottom: 16px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	gap: 8px;
	width: 500px;
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
	margin-left: 8px;
}
#transferPaytoCopyButton{
	min-width: unset; 
	padding-left: 40px !important; 
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 98px;
	height: 48px !important;
	background: #99D9D5;
	border-radius: 4px !important;
}
#transferPayToID{
	margin-top: 8px;
	width: 238px !important;
	color: #818C98 !important;
	font-size: 13px !important;
}
.transferPayToClose{
	width: 16px;
	height: 16px;
	padding: 9.33px 9.33px 9.33px 0px;
	cursor: pointer;
}
#transferPaySelectAccountCancel{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 16px;
	width: 248px;
	height: 56px;
	background: #99D9D5;
	border-radius: 4px;
	flex: none;
	order: 1;
	flex-grow: 0;
}
#transferPaySelectAccountContinue{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 16px;
	width: 248px;
	height: 56px;
	background: #99D9D5;
	border-radius: 4px;
	flex: none;
	order: 1;
	flex-grow: 0;
}
.transferPaytoNoValidAccBack{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #00384D;
	flex: none;
	order: 1;
	flex-grow: 0;
	border-radius: 4px;
}
#eligibleAccounts{
	width: 518px;
	height: 24px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 24px;
	color: #394046;
	flex: none;
	order: 0;
	flex-grow: 1;
}
#transferFailedPleaseTryAgainButtonContainer{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 248px;
	height: 56px;
	background: rgb(153, 217, 213);
}
#transferFailedPleaseTryAgainCancelButtonContainer{
	display: flex;
	align-items: center;
	height: 56px;
	border: 1px solid rgb(0, 56, 77);
}
#transferSuccessfulBackToAgreement{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 248px;
	height: 56px;
	background: rgb(153, 217, 213);
}
#transferIncompleteTransfersBack{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 248px;
	height: 56px;
	background: rgb(153, 217, 213);
}
#transferIncompleteTransfersParentContainer{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 4px;
	width: 520px;
	max-height: 168px;
	flex: none;
	order: 6;
	align-self: stretch;
	flex-grow: 0;
	overflow-x: hidden;
	margin-top: 24px;
}
#IncompleteTransfersAgreementsFailed{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	color: #394046;
}
#IncompleteTransfersFailedContainer{
	box-sizing: border-box;
	float: left;
	margin-left: 8px;
	margin-right: 13px;
	display: flex;
	justify-content: center;
	padding: 4px 8px;
	width: 62px;
	height: 24px;
	background: rgba(193, 78, 92, 0.2);
	border-radius: 32px;
}
.noOfAgreeFailed{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 8px;
	height: 40px;
	border: 1px solid rgb(227, 230, 232);
	border-radius: 32px;
	order: 2;
	align-self: stretch;
	margin-top: 24px;
}
#transferFailedNoValidAccBack{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 248px;
	height: 56px;
	background: rgb(153, 217, 213);
}
.transferPaytoConfirmTrfListV{
	font-weight: 500;
	font-size: 13px;
	order: 0;
	max-width: 387px;
	align-items: flex-start;
	flex-direction: column;
}
#authPendApproveModalTitle{
	font-family: HellixRegular;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: #394046;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
	max-width: 416px;
}
.tdEarlyReleaseDesc{
	font-family: HellixRegular;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	color: #394046;
	flex: none;
	align-self: stretch;
	flex-grow: 0;
	max-width: 520px;
}
.tdEarlyReleaseRequestDesc, #addPayeeScamDesc{
	font-family: TTNormsProRegular;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #394046;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    max-width: 520px;
}
.tdEarlyReleaseDisclaimer{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 24px;
	background: #EDFBFD;
	border-radius: 4px;
	flex: none;
	align-self: stretch;
	flex-grow: 0;
	max-width: 520px;
}
.tdEarlyReleaseClose, .tdEarlyReleaseCloseCross
, .addPayeeScamCross{
	width: 16px;
	height: 16px;
	margin: 8px;
	cursor: pointer;
}
.notificationHeader{
	text-align: center;
	padding-bottom: 24px;
	font-family: 'MontserratSemibold';
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	color: #394046;
	}
.notificationDesc{
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	color: #394046;
	}
.NotificationStyle{
	width: 600px;
	height: 296px;
	margin:0px;
	position: fixed;
	padding:0px;
	display: none;
}
.notificationCrossHead{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 24px 24px 8px 24px;
	width: 552px;
	height: 32px;
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}
.notificationImg{
	width: 13.33px;
	height: 13.33px;
	padding:1.33px;
}
.notificationButton {
	font-size: 16px;
	font-weight: 600;
	color: #00384D !important;
	width:248px;
}
.tdEarlyReleaseRequestBackButton{
	padding: 0px !important;
	border-radius: 4px !important;
	height: 56px !important;
	display: flex !important;
	cursor: pointer;
	width: 248px !important;
	justify-content: center !important;
	align-items: center !important;
	color: var(--digital-primary-900, #00384D) !important;
	font-size: 18px !important;
	font-family: TTNormsProMedium !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	background: var(--digital-secondary-400, #99D9D5) !important;
}
.earlyReleaseUpdateErrorBannerText2Class{
	height: 24px;
	max-width: 416px;
	margin-top: 24px;
	color: var(--digital-neutral-900, #394046);
	text-align: center;
	font-size: 16px;
	font-family: 'TTNormsProRegular';
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.earlyReleasePendingRequestEditClass{
	background: white;
	width: 248px;
	padding: 16px !important;
	font-weight: 500 !important;
	font-size: 18px !important;
	font-family: 'TTNormsProMedium' !important;
}
#cancelEarlyReleaseYes{
	cursor: pointer; 
	box-sizing: border-box; 
	min-width: 248px;
	border: 0px;
	margin: 40px 40px 0px 24px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px;
	padding-left: 16px;
	width: 248px;
	height: 56px;
	background: #99D9D5;
	border-radius: 4px;
	font-family: TTNormsProMedium;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
}
#cancelEarlyReleaseNo{
	cursor: pointer; 
	width: 202.4px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 40px 24px 0px 40px;
	padding: 16px;
	width: 248px;
	height: 56px;
	border: 1px solid #00384D;
	border-radius: 4px;
	font-family: TTNormsProMedium;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;2
}
.cancelEarlyReleaseText1{
	color: #394046; 
	font-family: 'TTNormsProRegular'; 
	height: 24px;
	width: 520px;
	margin: 24px 40px 0px 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.cancelEarlyReleaseText2{
	height: 64px;
	width: 520px;
	margin: 24px 0px 0px 40px;
	font-weight: 600;
	font-size: 24px;
	font-family: 'HellixSemiBold';
	font-style: normal;
	line-height: 32px;
	color: #394046;
}
.cancelEarlyReleaseParentClass{
	width: 600px;
	height: 394px;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
}
.tdEarlyReleaseRequestTypesText1{
	padding-left: 16px; 
	color: #006170;
	font-weight: 400; 
	max-width: 432px; 
	font-size: 16px;
}
.TDErrorModalEarlyReleaseBackToOverview{
	min-width: unset;
	background: #99D9D5;
	border: 0px;
	color: #00384D;
	margin: unset;
	position: absolute;
	font-weight: 500;
	font-family: 'TTNormsProMedium';
	line-height: 24px;
	left: 176px;
	border-radius: 4px;
	top: 240px;
	width: 248px;
	height: 56px;
}
.TDErrorModalEarlyReleaseText1{
	margin: unset;
	line-height: 24px;
	font-style: normal;
	left: 40px;
	position: absolute;
	color: #394046;
	text-align: center;
	top: 152px;
	height: 48px;
	width: 520px;
	font-weight: 400;
}
.TDErrorModalEarlyReleaseConfirmationTick1{
	width: 64px;
	height: 64px;
	position: absolute;
	top: 64px;
	left: 268px;
}
.TDEarlyReleaseSystemunavailmodalCross1{
	width: 15px;
	height: 14px;
	cursor: pointer;
	float: right;
	right: 32px;
	top: 32px;
	position: absolute;
}
#TTDTechnicalErrorModalEarlyRelease, #TDSystemunavailmodalEarlyRelease{
	width: 600px;
	height: 352px;
	padding: 24px 24px 56px 24px;
	box-sizing: border-box;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
}
.TDSystemunavailmodalEarlyReleaseBTO{
	cursor: pointer; 
	padding: 16px; 
	box-sizing: border-box; 
	min-width: unset;
	background: #99D9D5;
	border: 0px;
	color: #00384D;
	margin: unset;
	position: absolute;
	font-weight: 500;
	font-family: 'TTNormsProMedium';
	line-height: 24px;
	left: 176px;
	border-radius: 4px;
	top: 240px;
	width: 248px;
	height: 56px;
}
#holdText{
	margin: unset;
	line-height: 24px;
	font-style: normal;
	left: 40px;
	position: absolute;
	color: rgb(57, 64, 70);
	text-align: center;
	top: 152px;
	height: auto;
	width: 520px;
	font-weight: 400;
	display: block;
}
#ogText{
	margin: unset;
	line-height: 24px;
	font-style: normal;
	left: 40px;
	position: absolute;
	color: #394046;
	text-align: center;
	top: 152px;
	height: 48px;
	width: 520px;
	font-weight: 400;
}
.tdEarlyReleaseStartDisclaimer{
	display: flex;
	padding: 24px;
	align-items: flex-start;
	align-self: stretch;
	background: #EDFBFD;
	border-radius: 4px;
	max-width: 520px;
}
.typeOfReleaseHeading{
	font-family: TTNormsProRegular;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #394046;
}
#tdEarlyReleaseRequestStartCancel{
	width: 248px;
	border-radius: 4px !important; 
	height: 56px !important; 
	background: white; 
	border: 1px solid #00384D !important;
}

#addPayeeCancel, #addPayeeContinue{
	font-size: 18px !important;
    font-weight: 500 !important;
    font-family: 'TTNormsProMedium' !important;
    line-height: 24px;
	min-width: 232px;
	border-radius: 4px !important; 
	height: 56px !important; 
	background: white; 
	border: 1px solid #00384D !important;
}
#addPayeeContinue{
	background: var(--Digital-Secondary-400, #99D9D5);
}
#addPayeeCancel:hover{
	background: rgba(101, 112, 123, 0.10);
}
#addPayeeContinue:hover{
	background: #79C8C3;
}
#addPayeeCancel:active{
	background: rgba(101, 112, 123, 0.20);
}
#addPayeeContinue:active{
	background: #5BB3AE;
}
#earlyReleasePendingRequestEdit{
	background: white; 
	width: 248px; 
	padding: 16px !important; 
	font-weight: 500 !important; 
	font-size: 18px !important; 
	font-family: TTNormsProMedium !important;
}
#authPendApproveButton{
	border-radius: 4px !important; 
	height: 56px !important; 
	font-size: 18px !important; 
	font-family: TTNormsProMedium !important; 
	font-style: normal !important; 
	font-weight: 500 !important; 
	line-height: 24px !important;
}
.sessionTimerModalMessage{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
	margin-bottom: 40px;
}
.sessionTimerDesc{
	font-family: HellixSemiBold;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	padding-bottom: 24px;
}
.sessionTimerDescInner{
	font-family: TTNormsProRegular;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 24px;
}
.sessionTimerCount{
	font-family: HellixRegular;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
}
.sessionTimerModalAction{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
    justify-content: center;
    cursor: pointer;
}
#sessionTimerButton{
	width: 400px;
	border-radius: 4px !important;
	font-size: 18px !important;
	font-family: TTNormsProMedium !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	padding: 16px 20px!important;
	min-height: 56px !important;
}
.sessionTimerModalAction:hover{
	#sessionTimerButton{
		background: #79C8C3 !important;
	}
}
.sessionZIndexOverlayAdd{
	z-index: 99999 !important;
}
.sessionTimer{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px 56px;
    gap: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    border-radius: 8px;
    z-index: 100000 !important;
    position: fixed;
}
.continueBtnChange {
       background-image: url('../../img/icon_arrow.svg'), -moz-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#99d9d5, #99d9d5) !important;
  background-image: url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#99d9d5), to(#99d9d5));
	  background-position: right 20px center !important;
	   background-position: 92% 50% ;
	  background-color:#99d9d5;
    transition: 0.2s;
  background-repeat: no-repeat !important;
  padding-right: 60px !important;
  white-space: nowrap;
}
.continueBtnChange:hover {
   background-image:url('../../img/icon_arrow.svg'), -moz-linear-gradient(#79C8C3, #79C8C3) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#79C8C3, #79C8C3) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#79C8C3, #79C8C3) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#79C8C3, #79C8C3) !important;
  background-image:url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#79C8C3), to(#99d9d5));
	    background-position: right 15px center !important;
	     background-position: 96% 50% ;
	     background-color:#79C8C3;
}
.continueBtnChange:active{
   background-image:url('../../img/icon_arrow.svg'), -moz-linear-gradient(#5BB3AE, #5BB3AE) !important;
  background-image: url('../../img/icon_arrow.svg'), linear-gradient(#5BB3AE, #5BB3AE) !important;
  background-image: url('../../img/icon_arrow.svg'), -o-linear-gradient(#5BB3AE, #5BB3AE) !important;
  background-image: url('../../img/icon_arrow.svg'), -ms-linear-gradient(#5BB3AE, #5BB3AE) !important;
  background-image:url('../../img/icon_arrow.svg'), -webkit-gradient(linear, left top, left bottom, from(#5BB3AE), to(#99d9d5));
	    background-position: right 15px center !important;
	     background-position: 96% 50% ;
	     background-color:#5BB3AE;
}
#dailyTransferLimitModal{
    display: none;
    justify-content: center;
    box-sizing: border-box;
    position: absolute;
    border-radius: 8px;
    min-width: 992px;
    min-height: 736px !important;
}
#dailyTransferLimitModal>#leftdiv{
	height: 736px;
    border-radius: 8px 0px 0px 8px;
    min-width: 688px !important;
    background-color: rgb(255, 255, 255) !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#dailyTransferLimitModal>#rightdiv{
    width: 304px !important;
    height: 736px !important;
    background-color: rgb(244, 245, 246);
    border-radius: 0px 8px 8px 0px;
}
.scamModalHeading{
	min-height: 32px;
    font-weight: 600;
    font-family: 'HellixSemiBold';
    font-size: 20px;
    line-height: 32px;
    color: rgb(57, 64, 70);
}
.HelperList{
    font-family: 'TTNormsProRegular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #394046;
}
.leftdivList{
	padding-top: 8px;
    line-height: 24px !important;
    height: 24px !important;
}
.blueDot{
    margin: 8px;
}
.rightDivHeading{
	font-family: 'HellixSemiBold';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    padding: 24px 0px 16px 0px;
    border-radius: 0px 8px 8px 0px;
    color: rgb(57, 64, 70);
}
#limitChangeSubmit_Cancel{
	min-width: 57px !important;
    border-radius: 4px !important;
    min-height: 56px !important;
    font-size: 18px !important;
    font-family: TTNormsProMedium !important;
    font-style: normal !important;
    font-weight: 500 !important;
    color: #00384D !important;
    border: 1px solid #00384D !important;
    padding: 0px 16px !important;
}
#limitChangeSubmit_Continue{
    width: 141px;
    border-radius: 4px !important;
    height: 56px !important;
    font-size: 18px !important;
    font-family: TTNormsProMedium !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-align: left;
    padding: 16px 16px !important;
    color: #00384D !important;
    }
#limitChangeSubmit_Cancel:hover{
	background: rgba(101, 112, 123, 0.10);
}
#dailylimitChangeSubmitCloseCross{
    float: right;
    margin-bottom: 24px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image: url('../../img/Button-Special-Icon.svg');
    }
#dailylimitChangeSubmitCloseCross:hover{
    background-image: url('../../img/Button _ Special_Icon_hover.svg');
    }
#dailylimitChangeSubmitCloseCross:active{
    background-image: url('../../img/Button _ Special_Icon_pressed.svg');
    }
#limitChangeSubmit_Cancel:active{
	background-color: rgba(101, 112, 123, 0.2) !important;
	background-image:none !important;
}

@media (min-width:992px){
	#dailyTransferLimitModal{
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -35%);
	}
}
@media (max-width:992px){
	#dailyTransferLimitModal{
		top: 20% !important;
    	left: 15% !important;
	}
}
.addPayeeScamModal{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 24px 56px 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    border-radius: 8px;
    z-index: 9999 !important;
}
.addPayeeBulletsText{
	color: var(--Digital-Neutral-900, #394046);
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: 'TTNormsProRegular';
	font-size: 16px;
	font-style: normal;
	font-weight: 400; 
	line-height: 24px;
	padding-left: 8px;
}
.addPayeeScamBulletsContainer{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 500px;
	flex: none;
	order: 2;
	align-self: stretch;
	flex-grow: 0;
	padding-bottom: 8px;
}
.loanRepaymentType{
	padding: 16px 0px;
    line-height: 24px;
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 400;
}
.loanToolTip{
	position: relative;
}
.loanToolTip>img {
	cursor: default;
	display: inline-block;
}
.loanToolTipText {
  	background: #505962;
    color: #FFFFFF;
    text-align: left;
    border-radius: 4px;
    padding: 8px 8px;
    position: absolute;
    z-index: 1;
    width: 224px;
    right: -24px;
    font-family: TTNormsProRegular;
    letter-spacing: 0.1px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
    display: none;
}
.loanToolTip>img:hover + .loanToolTipText {
  	display: block;
}