@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Black.ttf') format('truetype'),
		format('truetype'), url('../fonts/Roboto-Bold.ttf') format('truetype'),
		url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
		url('../fonts/Roboto-Italic.ttf') format('truetype'),
		url('../fonts/Roboto-Light.ttf') format('truetype'),
		url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
		url('../fonts/Roboto-Medium.ttf') format('truetype'),
		url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
		url('../fonts/Roboto-Regular.ttf') format('truetype'),
		url('../fonts/Roboto-Thin.ttf') format('truetype'),
		url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
} 

.menubarLogoImage {
	background-color: #FBFBFB;
	/* background-color: transparent; */
	overflow: hidden;
	position: relative;
	float: left;
	/* padding: 10px 9px 16px 9px; */
	padding: 15px 20px 0px 10px;
	width: 225px;
	height: 40;
}

.CustomWrapper {
	/* width: 85.796875%; */ /*Surej for RWD*/
	width: 91.796875%;
	height: 100%; /*Surej newly modified 900px to percentage for RWD*/
	/* min-height: 1024px;  */
	/* max-width: fit-content; */
	/* max-width: 940px; */
	max-width: 100%;
	margin: 0 auto;
	clear: both;
	/*padding-right: 42px;
	padding-left: 42px;*/
	padding-right: 4.1015625%; /*Surej for RWD*/
	padding-left: 4.1015625%; /*Surej for RWD*/
	background-image: url(../images/yono/yono_background_image.png);
	background-color: #cccccc;
	height: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.CustomyonoWidth30percent {
	width: 33.33%;
	float: left;
}

.CustomyonoWidth30percent1 {
	width: 33.33%;
	float: left;
}

.CustomYonoVacation {
	width: 33.33%;
	float: left;
	background-image: url(../images/yono/yono_vacation.png);
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
	height: 202px;
}

.CustomYonoVacationField1 {
	color: #FFFFFF;
	line-height: normal;
	font-weight: bolder;
	padding-left: 60px;
}

.CustomYonoVacationField2 {
	color: #FFFFFF;
	line-height: normal;
	padding-left: 60px;
}

.CustomYonoDesire {
	width: 33.33%;
	float: left;
	background-image: url(../images/yono/yono_desire.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 202px;
}

.CustomYonoDesireField1 {
	color: #FFFFFF;
	line-height: normal;
	font-weight: bolder;
	padding-left: 60px;
}

.CustomYonoDesireField2 {
	color: #FFFFFF;
	line-height: normal;
	padding-left: 60px;
}

.CustomYonoDreams {
	width: 33.33%;
	float: left;
	background-image: url(../images/yono/yono_dreams.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 202px;
}

.CustomYonoDreamsField1 {
	color: #FFFFFF;
	line-height: normal;
	font-weight: bolder;
	padding-left: 60px;
}

.CustomYonoDreamsField2 {
	color: #FFFFFF;
	line-height: normal;
	padding-left: 60px;
}

.CustomYonoFormbtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 12px;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
	text-transform: uppercase;
    font-weight: bold;
    text-decoration-line: initial !important;
    margin-top: -14px !important; /*changed by pallabi for fund transfer button -33px */
    margin-left: 67px !important;
}

.navbar-text {
	display: inline-block;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.customYonoQuickLinkText {
	color: #000000;
	font-size: 11px;
	font-weight: bolder;
	background-color: white;
	padding-right: 20px;
	background-color: white;
	padding-bottom: 20px;
	padding-left: 23px;
	float: left;
	height: 60px;
	width: 126.5px;
}

.customYonoQuickLinkIcon {
	color: #B90000;
	font-size: 32.3px;
	background-color: white;
	padding-left: 46px;
	padding-top: 10px;
	max-width: 126px;
	display: inline;
}

.customYonoQuickLinks {
    background-color: #FFFFFF;
    border-radius: 3px;
    margin-left: 40px;
    width: 100px;
    float: left;
    height: auto;
    margin-right: 7px;
}
.customyonoQuickContainer {
	width: 100%;
	margin: auto;
}

.customYonoQuickLinkStyle {
    color: #000000;
    font-weight: bolder;
    background-color: white;
    text-decoration: none !important;
}

.customYonoQuickPayments {
	background-color: #FFFFFF;
	width: 65px;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-bottom: 25px;
	margin-left: 10px;
}

.customYonoQuickPaymentsIcon {
	color: #B90000;
	font-size: 35px;
	padding-left: 20px;
	width: 0px;
	float: left;
	background-color: #FFF;
	height: 40px;
}

/* .customYonoQuickPaymentsForText {
	background-color: #F3F3F3;
	width: auto;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-right: 70px;
	padding-bottom: 5px;
} */

/* .customYonoQuickPaymentsText {
	color: #000000;
	font-size: 16px;
	font-weight: bolder;
	float: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 10px;
} */

.customYonoQuickPaymentsLinkStyle {
	color: #000000;
	font-weight: bolder;
}

/* .customYonoQuickPaymentsArrowIcon {
	color: #0095DA;
	font-size: 35px;
	padding-left: 20px;
	width: 0px;
	float: left;
	background-color: #F3F3F3;
	height: 40px;
	text-decoration: none !important;
}
 */
.customYonoQuickPaymentsForArrow {
	background-color: #F3F3F3;
	width: auto;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-right: 30px;
	padding-bottom: 5px;
}

.customYonoAccountBox {
	background-color: #FFFFFF;
	border-radius: 3px;
	margin-left: 10px;
	width: auto;
	max-width: 500px;
	min-width: 292px;
	float: left;
	height: auto;
	/* min-height: 150px; */
	/* Required when complete Balance is going live */
	min-height: 75px;
	max-height: 500px;
}

.customYonoAccountBoxBoldText {
	color: #000000;
	font-size: 16px;
	font-weight: bolder;
	float: left;
	vertical-align: middle;
	padding-top: 20px;
	padding-left: 20px;
	display: inline;
	 border-bottom: 0px;
}

.customYonoAccountBoxNormalText {
	color: #6d6d6d;
	font-size: 12px;
	font-weight: normal;
	float: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-left: 31px;
	display: inline;
}

.customYonoAccountBoxBoldAmount {
    color: #000000;
    font-size: 18px;
    font-weight: bolder;
    float: left;
    vertical-align: middle;
    /* padding-top: 5px; */
    padding-bottom: 20px;
    padding-left: 20px;
    display: inline;
    margin-top: -8px;
}

.customYonoAccountBoxBoldAmountWithLargeFonts {
    color: #000000;
    font-size: 20px;
    font-weight: bolder;
    float: left;
    vertical-align: middle;
    /* padding-top: 5px; */
    padding-bottom: 20px;
    padding-left: 20px;
    display: inline;
    margin-top: -8px;
}

.customYonoAccountBoxIcon {
	color: #B90000;
	font-size: 21px;
	padding-left: 20px;
	float: right;
	background-color: #FFF;
	height: 22px;
	width: 70px;
	position: relative;
    bottom: 25px;
}

.customYonoAccountBoxBoldAcctTypeText {
	color: #000000;
	font-size: 12px;
	font-weight: bolder;
	float: left;
	vertical-align: middle;
	padding-top: 20px;
	padding-left: 20px;
	display: inline;
}

.customYonoAccountBoxTableStyle {
	width: 100%;
	clear: both;
	float: left;
	display: none;
}

.icon-ic-DASHAT:before {
	content: "\e91f";
}

/* added by Niveditha for Pre Prod icon view*/

.icon-ic-YODASH:before {
	content: "\e91f";
}
/* added by Niveditha for Pre Prod icon view*/
.icon-ic-RACTS:before {
	content: "\e931";
}

.icon-ic-RTXNS:before {
	content: "\e929";
}

.icon-ic-RGNS:before {
	content: "\e92e";
}

.icon-ic-MAIL:before {
	content: "\e923";
}

.customYonoMenuIcon {
	color: #B90000;
	font-size: 18px;
	line-height: 0.5 !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.customYonoMenuIcon:hover {
	color: #FFFFFF;
	background: linear-gradient(45deg, #281172, #673391); 
	-webkit-tap-highlight-color: transparent;
}

.customYonoQuickLinksFirstLink {
	margin-left: 10px !important;
}

.customYonoDashAccountStyle {
	text-decoration: none;
	padding-left: 22px;
	padding-right: 10px;
	vertical-align: middle;
	border: 0px;
	text-align: left;
	font-size: 0.75em;
	color: #0095DA;
	font-weight: bold;
}

.customYonoDashAccountStyleWithLargerFonts {
	text-decoration: none;
	padding-left: 22px;
	padding-right: 10px;
	vertical-align: middle;
	border: 0px;
	text-align: left;
	font-size: 0.95em;
	color: #0095DA;
	font-weight: bold;
}

.customYonoDashAmountStyle {
	text-decoration: none;
	padding-left: 60px;
	padding-right: 10px;
	vertical-align: middle;
	border: 0px;
	text-align: right !important;
	font-size: 0.75em;
	font-weight: bolder;
	color: #000;
	float: right !important;
	width: 200px;
	max-width: 200px;
}
/* Added by Niveditha for SpendAnalysis */
.CustomYonoRightTableContentsNewSA2 {

    color: #ce0000;
    font-weight: 600;
    font-size: 19px;
    text-align: right;
}
.customYonoLabelInputField {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #9e9e9e;
	border-radius: 0;
	outline: none;
	height: 3rem;
	width: 40%;
	font-size: 16px;
	margin: 0 0 8px 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: border .3s, -webkit-box-shadow .3s;
	transition: border .3s, -webkit-box-shadow .3s;
	transition: box-shadow .3s, border .3s;
	transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.customYonoMngBnfBackIcon {
	font-size: 25px;
	cursor: pointer;
	color: white;
}

.customYonoMngBnfBackIcon:hover{
    font-size: 25px;
    cursor: pointer;
    color: white;
	text-decoration-line: none;
}

.customYonoMngBnfLink {
	float: right;
	margin-right: 40px;
	font-size: 1em;
}

.customYonoLeftlistingpaneldiv {
    float: left;
    width: 40%;
    /* border-left: 1px solid #CCCCCC; */
    /* border-right: 1px solid #CCCCCC; */
    /* border-bottom: 1px solid #CCCCCC; */
    background-color: #F3F3F3;
    min-height: 400px;
    height: auto;
    max-height: 400px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    /* overflow: scroll; */
    overflow-y: scroll;
    overflow-x: hidden;
}
.customYonoMngBnfName {
	float: left;
	font-size: 12px;
	font-weight: Bold;
	color: #000;
	padding-left: 10px;
	width: 100%;
}

.customYonoMngBnfAccNo {
    float: left;
    font-size: 12px;
    color: #999999;
    padding-top: 0px;
    padding-left: 10px;
    height: 20px !important;
    width: 100%;
}

.customYonoMngBnfBank {
	float: left;
	font-size: 8px;
	color: #999999;
	padding-left: 10px;
	width: 100%;
}

.customYonoMngBnfBox {
    background-color: #F3F3F3;
    /*border-radius: 3px;*/
    /* margin-left: 10px; */
    width: 100%;
    margin-top: 10px;
    /* max-width: 500px; */
    float: left;
    height: 340px;
    border: 0px !important;
    overflow: scroll;
}

.customYonoMngBnfSelectorIcon {
	color: #0095DA;
	font-size: 21px;
	padding-left: 50px;
	float: right;
	height: 30px;
	width: 70px;
	padding-top: 20px;
}

.customYonoRightlistingpaneldiv {
    float: right;
    width: 60%;
    /* border-top: 1px; */
    /* border-left: 1px solid #CCCCCC; */
    /* border-right: 1px solid #CCCCCC; */
    /* border-bottom: 1px solid #CCCCCC; */
    /* background-color: #fff; */
    min-height: 400px;
    /* border-bottom-right-radius: 10px; */
    height: auto;
    max-height: 400px;
}
.customYonoMngBnfDetailsHeading {
	font-size: 20px;
	text-transform: none;
	padding-left: 30px;
	font-weight: bold;
}

.customYonoMngBnfDetailsSideHeading {
	text-transform: none;
	padding-left: 30px;
	font-size: 12px;
	color: #999999;
	padding-top: 5px;
}

.customYonoMngBnfDetailsSideHeadingValue {
    font-size: 13px;
    text-transform: none;
    padding-left: 30px;
    color: #000;
    padding-top: 3px;
    margin-left: 0px;
    font-weight: normal;
}
.customYonoMngBnfRightAlign {
	text-align: left !important;
	float: none !important;
	padding-right: 10px;
	min-width: 200px;
}

.customYonoMngBnfLeftAlign {
	float: left;
	text-align: left;
	min-width: 200px;
}

/* width 
::-webkit-scrollbar {
	width: 4px;
	height: 20px;
}

/* Track 
::-webkit-scrollbar-track {
	background: #f3f3f3;
	border-radius: 10px;
}

/* Handle 
::-webkit-scrollbar-thumb {
	background: #999999;
	border-radius: 10px;
} */ 

/* Added by Niveditha for scroll changes */

::-webkit-scrollbar {
width: 7px;
height: 20px;
}

/* Track */
::-webkit-scrollbar-track {
background: #f3f3f3;
border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
/*background: linear-gradient(45deg, #b90091, #281172);*/
background: linear-gradient(45deg, #ceb4e2, #da18b0c7);
border-radius: 10px;
}


/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #333333;
}

.customyonoMngBnfRowStyle {
    cursor: pointer;
    height: 70px !important;
	
	
	
	
}

.customyonoMngBnfRowStyle:hover {
	border-left: 10px solid #0095DA;
}





.customYonoFlagStyle1 {

}


.customYonoMngBnfDeleteBnfLink {
    margin-right: 40px;
    border-radius: 20px;
    width: auto;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    /* top: -17px !important; */
    padding-top: 12px;
    font-family: sans-serif;
    padding-right: 20px;
    /*margin-top: 150px !important;*/
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: bold;
    margin: 0;
    color: #B90000 !important;
    cursor: pointer;
    float: right;
    border: 1px solid #B90000;
    text-decoration-line: initial !important;
}

.customYonoSiaIcon {
	color: #ffffff;
	font-size: 30px;
	padding-left: 18px;
	padding-top: 5px;
	display: inline;
	float: right !important;
	background: linear-gradient(135deg, #281172, #0095DA);
	border-radius: 100%;
	width: 63px;
	height: 45px;
}

.customYonopageheadingcaps {
	font-size: 0.75em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #fff;
}

.customYonoDefaultLink {
	float: right;
	margin-right: 20px;
	font-size: 1em;
}

.CustomYonoApplyNowLinks {
	color: #FFFFFF;
	line-height: normal;
	font-weight: bolder;
	margin-left: 60px;
}

/* .customYonoTollFree {
    text-align: left;
    font-size: 10px;
    margin: 10px;
    line-height: 1rem;
    float: right;
    position: relative;
    right: 90px;
    padding-right: 15px;
    border-right: 1px solid lightgray;
	color: #999999;
	font-weight:bold;
	font-family: sans-serif;
} */

.customYonoTollFree {
    text-align: left;
    font-size: 10px;
    margin: 9px 18px;
    /*line-height: 1rem;*/
    float: right;
    /*position: relative;
    right: 90px;*/
    padding-right: 18px;
    border-right: 1px solid lightgray;
	color: #6b6b6b;
	font-weight:bold;
	font-family: sans-serif;
}

.customYonoTollFree > b {
    font-size: 14px;
	font-weight: bold;
	color:#333333;
	font-family: sans-serif;
}



/* Added by Sushmitha */
.CustomYonobeneficiarybtn {
	font-size: 15px;
	font-weight: bolder;
	color: #ffff !important;
	text-decoration: none;
	padding-right: 16px;
	padding-left: 16px;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0px solid #333333;
	border-top-color: rgb(51, 51, 51);
	border-top-style: solid;
	border-top-width: 0px;
	border-right-color: rgb(51, 51, 51);
	border-right-style: solid;
	border-right-width: 0px;
	border-bottom-color: rgb(51, 51, 51);
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-left-color: rgb(51, 51, 51);
	border-left-style: solid;
	border-left-width: 0px;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	border-radius: 25px;
	width: 200px;
	overflow: visible;
	float: left;
	height: 50px;
	cursor: pointer;
	line-height: 21px;
	text-decoration-color: #9E9E9E;
	position: relative;
	left: 20%;
	padding-top: 13px;
	margin-left: 400px;
}

.customYonoBackIcon {
	font-size: 35px;
}

.Benehead {
	font-size: 35px;
}

.CustompageLeftContainer {
	clear: both;
	margin: 0;
	/* padding: 8px 12px 0 0; */
	background-color: #ffffff;
	float: left;
	width: 1100px;
	background: linear-gradient(100deg, #9F1C5D, #281172);
}

.CustomYonowidth70percent_main_loginbg {
	float: left !important;
	/*width: 50%;*/
	width: auto;
	height: auto;
}

.CustomYonowidth30percent_main_loginbg {
	float: right !important;
	width: 50%;
	height: auto;
}

.CustomYonoWidth80percent_login {
	clear: right;
	background: white;
	border-radius: 0px;
	padding-left: 10px;
	overflow: hidden;
	height: 110%;
	/*margin-left: 75px;*/
	min-width: 381px;
	/* margin-top: -60px; */
	opacity: 1;
	overflow-y: auto;
	/* background-image: url(../images/virtual-keyboard.png); */
	background-repeat: no-repeat;
	background-position-x: 450px;
	background-size: 35% 30%;
	background-position-y: 60px;
	min-height: 700px;
	
	border-style: solid;
    border-color: #271070;
    margin-left: -94px;
}

.CustomYonoWidth20percent_login {
	clear: right;
	/*background: none;*/
	border-radius: 0px;
	padding-left: 10px;
	overflow: hidden;
	height: 110%;
	margin-left: 75px;
	min-width: 381px;
	/* margin-top: -60px; */
	opacity: 1;
	overflow-y: auto;
	/* background-image: url(../images/virtual-keyboard.png); */
	background-repeat: no-repeat;
	background-position-x: 450px;
	background-size: 35% 30%;
	background-position-y: 60px;
	overflow-y: hidden;
	min-height: 700px;
}

.loginPanelTextStyle_custom {
	font-size: 48px;
	font-weight: bold;
	color: #ffffff80;
	/* margin-left: -12px; */
}

.loginPanelTextStyle_cust {
	font-size: 20px;
	font-weight: bold;
	color: white;
	/* margin-left: -12px; */
}

.customYonoLoginLinks {
	background-color: #FFFFFF;
	border-radius: 5px;
	/* margin-left: 40px; */
	width: 220px;
	float: left;
	height: 185px;
	margin-top: 20px;
	/* margin-left: 27px; 
	padding-top: 31px;*/
	padding: 25px 18px 0px;
	/*max-width: 220px;
	min-width: 212px;*/
	text-align: center;
}

.customYonoLoginLinksRight {
	background-color: #FFFFFF;
	border-radius: 5px;
	margin-left: 24px;
	width: 220px;
	float: left;
	height: 185px;
	margin-top: 20px;
	/* margin-left: 27px;
	padding-top: 31px;*/
	padding: 25px 18px 0px;
	/*max-width: 220px;
	min-width: 212px;*/
	text-align: center;
}

.customYonoLoginLinkIcon {
	color: #9F1c5D;
	/*font-size: 103.3px;*/
	background-color: white;
	/* padding-left: 40px;
	padding-top: 10px;
	max-width: 126px; */
	display: block;
	/*max-width: 200px;*/
	/* padding-right: 0px; */
}

.customYonoLoginLinkStyle {
	color: #000000;
	font-weight: bolder;
	background-color: white;
}

.customYonoLoginLinkText {
	color: #000000;
	font-size: 11px;
	/* font-weight: bolder; */
	background-color: white;
	/* padding-right: 20px; */
	background-color: white;
	padding-bottom: 20px;
	padding-left: 6px;
	/* float: left; */
	height: 60px;
	width: 125px;
	text-align: center;
}

.customYonoLoginLinkTextRemit {
	color: #000000;
	font-size: 12px;
	font-weight: bolder;
	background-color: white;
	padding-right: 20px;
	background-color: white;
	padding-bottom: 20px;
	padding-left: 43px;
	/* float: left; */
	height: 60px;
	width: 125px;
}

.customYonoLoginLinkTextCash {
	color: #000000;
	font-size: 12px;
	font-weight: bolder;
	background-color: white;
	padding-right: 20px;
	background-color: white;
	padding-bottom: 20px;
	padding-left: 53px;
	/* float: left; */
	height: 60px;
	width: 125px;
}

.customYonoLoginLinkTextRemittance {
	color: #999999;
	font-size: 10px;
	font-weight: bolder;
	background-color: white;
	padding-right: 20px;
	background-color: white;
	/* padding-bottom: 20px; */
	padding-left: 6px;
	/* float: left; */
	height: 60px;
	width: 125px;
}

.customYonoLoginLinkTextTermDeposit {
	color: #000000;
	font-size: 12px;
	font-weight: bolder;
	background-color: white;
	padding-right: 20px;
	background-color: white;
	padding-bottom: 20px;
	padding-left: 34px;
	height: 60px;
	width: 125px;
}

.loginPanelHeaderTextStyle_custom {
	font-size: 30px !important;
	padding-left: 87px;
	width: 90.7%;
	padding-top: 15px;
	color: #652a84;
	font-weight: bold;
	margin-left: -11px !important;
}

.loginPanelHeaderTextStyle_custt {
	font-size: 20px !important;
	margin-left: 76px !important;
    /* margin-top: 87px; */
}

.customloginPanelAuthFormBtn {
    border-radius: 40px;
    width: 390px;
    vertical-align: middle;
    height: 50px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 60px;
    padding-bottom: 5px;
    padding-left: 52px;
    font-size: 12px;
    font-family: sans-serif !important;
    text-transform: capitalize;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    margin-left: 69px;
}
.customloginPanelAuthFormBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.custom_header {
	margin-top: 25px;
}

.custom_logo {
	background-image: url(../images/yono/yono_logo.png);
	background-repeat: no-repeat;
}

/*.customYonoTolleFreeIcon {
	color: #9F1C5D;
	font-size: 24px;
	background-color: #f3f3f3;
	height: 10px !important;
	width: 5px !important;
	border-radius: 100%;
	margin-left: 115px;
}*/
.customYonoTolleFreeIcon {
    color: #9F1C5D;
    font-size: 24px;
    background-color: #f3f3f3;
    width: 32px !important;
    border-radius: 100%;
    margin-left: 115px;
    display: block;
    padding-left: 4px;
}

.customloginPanelColumnDetailStyle11 {
	float: left;
	margin-right: 21px;
	text-align: right;
	width: 9% !important
}

.customloginPanelInputDetailsrow {
	float: left;
	margin: 2px 0;
	padding-bottom: 0;
	padding-top: 2px;
	width: 100%;
	margin-left: 70px !important;
}

/* Added by Sushmitha */
.CustomYonoPasswordStyle {
    font-size: .8em;
    vertical-align: middle;
    height: 24px !important;
    padding-left: 5px !important;
    border: 1px solid #333;
    max-width: 195px;
}

.customYonoImageScreenFontSize {
	font-size: 11px !important;
}

.customYonoImageScreenColorFont {
	color: #333333;
}

.customYonoHelpIcon {
	color: #B90000;
	font-size: 50px;
	margin-left: 140px;
	float: right;
	height: 42px;
}

.customYonoMngBnfRedBnfDeleteHeading {
	color: #B90000;
    font-size: 18px;
    padding-left: 88px;
    font-weight: bold;
    text-transform: none;
}
.customYonoMngBnfDeleteBnfInnerLinks1 {
    float: left;
    margin-right: -5px;
    margin-bottom: -32px;
}
.customYonoMngBnfDeleteBnfInnerLinks2 {
	float: right;
	margin-right: 15px;
	margin-bottom: -32px;
	margin-left: 30px;
}
.customYonoOtpQueryitalictext {
	font-size: 1em;
    font-family: sans-serif;
    color: #262A2C;
    text-decoration: none;
    float: left;
    width: 100%;
    padding-left: 12px;
    padding-top: 6px;
    font-weight: bolder;
}
/* .customYonoOtpQueryitalictext {
    font-size: 1em;
    font-family: sans-serif;
    color: #262A2C;
    text-decoration: none;
    float: left;
    width: 100%;
    padding-left: 250px;
    padding-top: -1px !important;
    font-weight: bolder;
    margin-top: -50px !important;
     margin-left: -12%; 
} */
/*.customYonoOtpSearchsimpletext_sideheading {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #404040;
	text-align: center;
}*/
.customYonoOtpSearchsimpletext_sideheading {
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    color: #404040;
    /* margin-left: 12px; */
    margin-top: -35px !important;
    margin-left: 0%;
    text-align: center;
}
.customYonoOtplabelColumn_nextgen_tran {
	margin: 0px;
	padding: 0 0 5px 2px;
	height: 31px;
	width: 10%;
	float: left;
	padding-right: 5px;
	padding-left: 3px;
	border-top-color: rgb(51, 51, 51);
	border-top-style: solid;
	border-top-width: 0px;
	border-right-color: rgb(51, 51, 51);
	border-right-style: solid;
	border-right-width: 0px;
	border-bottom-color: rgb(51, 51, 51);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: rgb(51, 51, 51);
	border-left-style: solid;
	border-left-width: 0px;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
}

.customYonoOtpgreybgtxtbox_nextgen {
	width: 100%;
	padding-top: 15px;
	letter-spacing: 60px;
	border: 0;
	background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0)
		0%);
	float: left;
	height: 23px !important;
	color: #262A2C !important;
	font-size: 0.69em !important;
	font-weight: normal;
	margin: 0px 0px 0px 0px !important;
	text-decoration: none;
	vertical-align: middle;
	background-position: bottom;
	background-size: 50px 1px;
	background-repeat: repeat-x;
	background-position-x: 35px;
	width: 300px !important;
	border-bottom: 0px solid #9e9e9e !important;
	border-bottom: 0px solid #fff !important;
	-webkit-box-shadow: 0 0px 0 0 #fff !important;
	box-shadow: 0 0px 0 0 #fff !important;
}

.CustomYonoWidgetOtpQuerytextboxmedium_search {
	font-weight: normal;
	text-decoration: none;
	color: #404040;
	margin-left: 12px;
}

.CustomYonoWidgetOtpLabelcolumnsearch {
	padding-left: 15px !important;
	letter-spacing: 44px;
	margin-right: -44px;
	border: 0 !important;
	background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0)
		0%);
	background-position: bottom;
	background-size: 50px 1px;
	background-repeat: repeat-x;
	background-position-x: 35px;
	width: 270px !important;
	max-width: 270px !important;
	border-bottom: 0px solid #fff !important;
	box-shadow: 0 0px 0 0 #fff !important;
}

.CustomYonoWidgetOtpSearchsimpletext {
	
}

.CustomYonoOtpLabelColumn {
	
}

.CustomYonoOtpGreybgtxtbox {
	background-position: bottom;
	background-size: 50px 1px;
	background-repeat: repeat-x;
	background-position-x: 35px;
	width: 270px !important;
	max-width: 270px !important;
	border-bottom: 0px solid #fff !important;
	box-shadow: 0 0px 0 0 #fff !important;
	margin-left: 80px !important;
}

.CustomYonoOtpSimpletext {
	
}

.customYonoOtpTimer {
	color: #B90000;
	font-size: 20px;
	background-color: white;
	padding-top: 5px;
	/*  margin-left: 120%; */
}

.customYonoMngBnfWidth79percent_navigationpanel {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: -4%;
	margin-left: -10%;
}

.customYonoTermsConditionsLinkStyle {
	font-size: 15px;
	color: #0095DA;
}

.customYonoWidgetCloseButton1 {
	border-radius: 40px;
	width: auto !important;
	vertical-align: middle;
	height: 32px;
	padding: 5px 60px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
	float: left !important;
	margin-left: 25%;
	margin-bottom: -20px;
	display: none;
}

/* .customYonoMngBnfConfirmationDetailsLeftListing {
    float: left;
    width: 50%;
    height: auto;
    max-height: 400px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #F3F3F3;
    min-height: 400px;
} */

.customYonoMngBnfConfirmationDetailsLeftListing {
    float: left;
    width: 45%;
    height: auto;
    max-height: 400px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #F3F3F3;
    min-height: 400px;
}

/* .customYonoMngBnfConfirmationDetailsRightListing {
    float: right;
    width: 50%;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #fff;
    min-height: 400px;
    height: auto;
    max-height: 400px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
} */

.customYonoMngBnfConfirmationDetailsRightListing {
    float: right;
    width: 55%;
    /* margin-left: 20px !important; */
    /*border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;*/
    background-color: #fff;
    min-height: 400px;
    height: auto;
    max-height: 400px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.customYonoMngBnfDeleteBnfInnerLinks3 {
	float: left;
	margin-right: 40px;
	margin-left: 30px;
	margin-top: 4%;
}

.customYonoMngBnfIcon {
	color: #B90000;
	font-size: 32.3px;
	background-color: white;
	padding-left: 46px;
	padding-top: 10px;
	max-width: 126px;
	display: inline;
}

/*Bill Payments Styles*/
.customYonoTextboxMediumStyle {
	background-color: white;
	border-color: #88a0c8 #88a0c8 #88a0c8;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	font-size: .8em;
	text-decoration: none;
	margin: 0;
	vertical-align: middle;
	float: left;
	height: 23px !important;
	padding-left: 5px;
	margin-left: 179px !important;
	max-width: 535px;
	margin-bottom: 0px !important;
	padding-top: 1px !important;
}

.customYonoHorizTextboxMediumStyle {
	background-color: white;
	border-color: #88a0c8 #88a0c8 #88a0c8;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	font-size: .8em;
	text-decoration: none;
	margin: 0;
	vertical-align: middle;
	float: left;
	height: 23px !important;
	padding-left: 5px;
	margin-left: 179px !important;
	max-width: 535px;
	margin-bottom: 0px !important;
	padding-top: 1px !important;
}

.customYonoHorizTextboxMediumStyle1 {
	background-color: white;
	border-color: #88a0c8 #88a0c8 #88a0c8;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	font-size: .8em;
	text-decoration: none;
	margin: 0;
	vertical-align: middle;
	float: left;
	height: 23px !important;
	padding-left: 5px;
	margin-left: 179px !important;
	max-width: 261px;
	margin-bottom: 0px !important;
	padding-top: 1px !important;
}

.customYonoHorizTextboxMediumStyle2 {
	background-color: white;
	border-color: #88a0c8 #88a0c8 #88a0c8;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	font-size: .8em;
	text-decoration: none;
	margin: 0;
	vertical-align: middle;
	float: left;
	height: 23px !important;
	padding-left: 5px;
	margin-left: 25px !important;
	max-width: 250px;
	margin-bottom: 0px !important;
	padding-top: 1px !important;
}

.customYonoTestText {
	background-color: white;
	border-bottom: 1px #999999 !important;
	border-style: solid !important;
	width: 40% !important;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
	float: left;
	height: 23px !important;
	padding-left: 5px border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

.custYonoSimpleTextStyle {
	font-size: 12px !important;
	text-decoration: none;
	/* padding-left: 181px !important; */
	/* font-weight: bold */
	padding-top: 10px !important;
}

.custYonoSimpleTextStyle1 {
	font-size: 12px !important;
	text-decoration: none;
	padding-left: 203px !important;
	/* font-weight: bold; */
	float: right !important;
	margin-right: 666px;
	margin-top: 9px !important;
}

.custYonoSimpleNameTextStyle {
	font-size: 12px !important;
	text-decoration: none;
	padding-left: 181px !important;
	/* font-weight: bold */
	padding-top: 29px !important;
}

.custYonoTickStyle {
	float: left;
	margin-left: -538px;
	margin-top: 62px;
	font-size: 12px !important;
	text-decoration: none;
}

.custYonoSimpleTextStyle2 {
	font-size: 12px !important;
	text-decoration: none;
	padding-left: 0px !important;
	/* font-weight: bold; */
	padding-top: 10px !important;
}

.stage3_listingpaneldiv1 {
	float: left;
	/*  margin-left: 72px !important; */
	width: 114%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: white !important;
	height: 430px !important;
	border-radius: 4px !important;
	margin-top: 20px;
}
/*Bill Payments Styles*/
.customYonoMngBnfAddBnfLeftListing {
    float: left;
    width: 50%;
    height: auto;
    max-height: 300px;
    background-color: #fff;
    min-height: 300px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.customYonoMngBnfAddBnfRightListing {
    float: right;
    width: 50%;
    background-color: #fff;
    min-height: 300px;
    height: auto;
    max-height: 300px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.customYonoMngBnfAddBnfLeftAlign {
	float: none;
	text-align: left;
	min-width: 200px;
	max-width: 200px;
	margin-left: 150px;
}

.customYonoMngBnfLeftTextBox {
	float: left;
	margin-left: 190px !important;
	height: 21px !important;
}

.customYonoMngBnfLeftTextHeading {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	width: 100%;
	float: left;
}

.customYonoMngBnfLeftTextHeadingForgotPwd {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 19px !important;
	width: 100%;
	float: left;
}





.customYonoMngBnfRightTextBox {
	float: left;
	margin-left: 40px !important;
	height: 21px !important;
}

.customYonoMngBnfRightTextHeading {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 40px !important;
	width: 100%;
	float: left;
}

.customYonoMngBnfLeftComboSmall {
	margin-top: 8px; /*Changed from 0px by Sonia Garg*/
	padding-top: 0px; /*Changed from 8px by Sonia Garg*/
	width: 97%;
	background-color: transparent;
	border: 0 none;
	color: #262A2C;
	font-size: 0.69em;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	margin-left: 190px !important;
}

.customYonoMngBnfRightComboSmall {
	margin-top: 8px; /*Changed from 0px by Sonia Garg*/
	padding-top: 0px; /*Changed from 8px by Sonia Garg*/
	width: 97%;
	background-color: transparent;
	border: 0 none;
	color: #262A2C;
	font-size: 0.69em;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	margin-left: 40px !important;
}

.customYonoMngBnfstage3_inputpanel_column {
	float: left;
	margin-right: 5px;
	margin-top: -10px;
	text-align: right;
	width: 45%;
	margin-left: 190px !important;
}

/* ADD BENEFICIARY MODAL STYLES*/
.customYonoSRadio+.customSYonoBnfRadiaImgSelectors {
	cursor: pointer;
}

.customYonoSRadio:checked+.customSYonoBnfRadiaImgSelectors {
	background: linear-gradient(45deg, #281172, #673391);
	color: #ffff;
}

.customYonoSRadio+.customSYonoBnfRadiaImgSelectorsNew {
	cursor: pointer;
}

.customYonoSRadio:checked+.customSYonoBnfRadiaImgSelectorsNew {
	background: linear-gradient(45deg, #281172, #673391);
	color: #ffff;
}

.customYonoSutext {
	color: Black;
	font-size: 13px;
	font-weight: bold;
position: relative;
}

.customYonoSutext1 {
	color: Black;
	font-size: 13px;
	font-weight: bolder;
}

.customSYonoBnfRadiaImgSelectors {
    min-height: 69px;
    width: 150px;
    border: 1px solid #999999;
    padding-left: 34%;    /* Changed by Pallabi 25% */
    padding-top: 24%;      /* Changed by Pallabi 16% */
    background-color: #fff;
    margin-left: 5px;
    border-radius: 3px;
}
.customSYonoBnfRadiaImgSelectorsNew {
    min-height: 69px;
    width: 150px;
    border: 1px solid #999999;
    padding-left: 32%;
    padding-top: 21%;
    background-color: #fff;
    margin-left: 5px;
    border-radius: 3px;
}

.customYonoSRadio {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
/* ADD BENEFICIARY MODAL STYLES*/
.customYonoMngBnfSortCodeLeftListing {
    float: left;
    width: 100%;   /* changed by pallabi 65% */
    height: 160px;   /* changed by pallabi auto */
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    /* border-bottom-right-radius: 5px; */
    /* border-top-right-radius: 5px; */
    max-height: 400px;
    background-color: #FFFFFF;
    /*min-height: 400px; */ /* commented by pallabi */
}

.customYonoMngBnfSortCodeRightListing {
    float: right;
    width: 100%;        /* changed by pallabi 35% */
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    /*min-height: 400px; */   /* commented by pallabi */
    height: auto;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    max-height: 400px;
	border-bottom-left-radius: 5px;   /* added by pallabi */
}

.customYonoMngBnfSortCodeBankName {
    float: right;   /* changed by pallabi left*/
    font-size: 13px;  /* changed by pallabi 12px*/
    font-weight: Bold;
    cursor: pointer !important;
    color: #000;
    margin-top: -30px !important;    /*changed by pallabi 11px */
    /*padding-left: 10px; */   /* commented by pallabi */
	/* aaded by pallabi start */
	padding-right: 37px;
	width: 40%;
	/*added by pallabi end */
}


.customYonoMngBnfAddBnfREGNextButton {
    margin-top: 10px !important;
    font-variant-caps: all-small-caps;
    width: 70px;
    padding-top: 5px;
    padding-left: 15px;
    /* margin-left: 0px; */
    font-size: large;
    font-family: sans-serif !important;
}

/* ******************CCC START ADDBNF New Styles*********************** */
.customYonoLeftlisting20PercentpaneldivFT {
    float: left;
    width: 24%;
    border-left: 1px solid #CCCCCC;
    background-color: #FFF;
    min-height: 350px;
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 5px;
}
.customYonoSutext12AddBnf {
    font-family: sans-serif;
    font-size: 17px;
    text-align: center;
    margin-top: -32px;
    margin-left: -10px;
}

.CustomYonoAddBnfstage3_inputpanel_paydetailsrow {

}

.customYonoMngBnfAddBnfLeftListingAddBnf {
    padding-top: 18px;
    float: left;
    width: 50%;
	height: 386px;
    max-height: 386px;
    background-color: #fff;
    min-height: 300px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.customYonoMngBnfAddBnfRightListingAddBnf {
    padding-top: 18px;
    float: right;
    width: 50%;
    background-color: #fff;
    min-height: 300px;
	height: 386px;
    max-height: 386px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.customYonoMngBnfAddBnfNextButtonAddBnf {
    /* margin-top: 9%; */
    font-variant-caps: all-small-caps;
    width: 94px;
    padding-top: 1px;
    padding-left: 21px;
    font-size: large;
    /* font-family: sans-serif !important; */
    position: relative;
    top: 92px;
    right: 61px;
    height: 44px;
}


/* ******************END ADDBNF New Styles*********************** */






.customYonoMngBnfSortCodeRoutingNo {
    float: left;
    font-size: 13px;   /* changed by pallabi 12x */
    color: #999999;
    padding-top: 17px;  /* changed by pallabi 5px */
    margin-bottom: 14px;  /* changed by pallabi 14px */
    padding-left: 78px;  /* changed by pallabi 10px */
    width: 80%;
	font-weight: Bold; /* added by pallabi */
}
.customYonoSelectOption{
	font-size: 12px !important;
}

.customYonoMngBnfAddress {
	float: left;
	font-size: 13px;  /* changed by pallabi 11px */
	color: #999999;
	padding-left: 350px;  /* changed by pallabi 10px */
	/* padding-top: 5px; */
	width: 50%;  /* changed by pallabi 100% */
	margin-top: -3%;  /* changed by pallabi -2% */

}

.customYonoMngBnfSortCodeTableBox {
    /* background-color: #F3F3F3; */
    border-radius: 3px;
    margin-left: 10px;
    width: 97%;
    /* max-width: 500px; */
    float: left;
    border: 0px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 171px; /* changed by pallabi 350px*/
}

.customYonoSearchIcon {
	font-size: 16px;
	color: #B90000;
	cursor: pointer;
}

.customYonoMngBnfColumnsearchIcon {
	float: left;
	margin-top: 5%;
	text-align: right;
	width: 36%;
}

.customYonoMngBnfColumnsearchIconIfsc {
	float: left;
	margin-top: 0%;
	text-align: left;
	width: 38%;
	margin-left: 3%;
}




.customYonoMngBnfRightTextBoxIfsc {
	float: left;
	margin-left: 190px !important;
	height: 15px !important;
	pointer-events: none;
	/*display: none;*/
}

.customYonoMngBnfRightTextHeadingIfsc {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	width: 100%;
	float: left;
	/*display: none;*/
}

.customYonoMngBnfComboBoxColumn {
	float: left;
	margin-right: 5px;
	margin-top: 7px;
	text-align: right;
	width: 45%;
	margin-left: 190px !important;
}

.customYonoSearchIconIfsc {
    font-size: 15px;
    color: #B90000;
    /*display: none;*/
    cursor: pointer;
	margin-left: 154px !important;
}

.customYonoMngBnfAddBnfNextButton {
    margin-top: 9%;
    font-variant-caps: all-small-caps;
    width: 70px;
    padding-top: 1px;
    padding-left: 17px;
    font-size: large;
    /* font-family: sans-serif !important; */
}

.customYonoMngBnfSearchBox {
	width: 70% !important;
	height: 15px !important;
	margin-left: 8% !important;
}

.customYonoMngBnfListColumnsearchIcon {
	float: right;
	text-align: left;
	width: 21%;
}

.customYonoMngBnfLinkInitiateRmt {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 5px;
    /*margin-top: 150px;*/
    padding-left: 20px;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: bold;
    /*margin-right: 190px;*/
    color: #0095DA !important;
    cursor: pointer;
    float: right;
    border: 1px solid #0095da;
    text-decoration-line: initial !important;
}
.customYonoMngBnfDeleteBnfLink {
    margin-right: 40px;
    border-radius: 20px;
    width: auto;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    /* top: -17px !important; */
    padding-top: 12px;
    font-family: sans-serif;
    padding-right: 20px;
    margin-top: 160px !important;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 12px;
    font-family: sans-serif !important;
    margin: 0;
    color: #B90000 !important;
    cursor: pointer;
    float: right;
    border: 1px solid #B90000;
    text-decoration-line: initial !important;
}
/* Second Radio Button */
.customSYonoBnfRadiaImgSelectors1 {
    min-height: 30px;
    /* width: 175px; */
    width: 180px;
    padding-left: 25%;
    padding-top: 25%;
    background-color: #fff;
    border-radius: 3px;
    position: realtive;
    padding-bottom: 8px;
}
.customYonoSvRadio {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.customYonoSvRadio+.customSYonoBnfRadiaImgSelectors1 {
	cursor: pointer;
}

.customYonoSvRadio:checked+.customSYonoBnfRadiaImgSelectors1 {
	background-color: #0095DA;
}

.customYonoSutext21 {
	color: Black;
	font-size: 13px;
	font-weight: bold;
	margin-top: -33px;
        position: relative;
}

.customYonoSutext12 {
	color: Black;
	font-size: 13px;
	font-weight: bolder;
	margin-top: -33px;
}

/* Second Radio Button */

/* Third Radio Button */
.customSYonoBnfRadiaImgSelectors2 {
	min-height: 30px;
    width: 100%;
    padding-left: 50px;
    padding-top: 50px;
    padding-right: 50px;
    background-color: #F3F3F3;
    margin-left: 20px;
    border-radius: 3px;
    position: realtive;
    padding-bottom: 1px;
    float: right;
    margin-left: 20px;
    margin-right: 53px;
	position: relative;
    left: 27px;
	margin-bottom:20px
}

.customYonoSvRadio2 {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.customYonoSvRadio2+.customSYonoBnfRadiaImgSelectors2 {
	cursor: pointer;
}

.customYonoSvRadio2:checked+.customSYonoBnfRadiaImgSelectors2 {

	color: white;
	background-color: #0095DA;
}

.customYonoSutext21 {
	color: Black;
	font-size: 13px;
	font-weight: bold;
	margin-top: -33px;
}

.customYonoSutext12 {
    color: Black;
    font-size: 13px;
    font-weight: bolder;
    margin-top: -32px;
    margin-left: -10px;
}

.customYonoMngBnfLeftRadioImageHeading {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	width: 100%;
	float: left;
}

.customYonoMngBnfRightRadioImageHeading {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 0px !important;
	width: 100%;
	float: left;
}

/* Third Radio Button */
.customYonoTollFreeNumber1 {
	font-size: 10px;
	font-weight: bold;
	float: left;
	/* margin-left: -23%; */
	line-height: 0rem;
	/* padding-bottom: 9px; */
	margin-top: 3%;
	text-align: right; 
}

.customYonoTollFreeNumber2 {
	 font-size: 13px;
    font-weight: bold;
    float: right;
    line-height: 0rem;
    /* margin-top: -3%; */
}

.customYonoLogoHeading {
	margin-top: 5%;
}

.customYonoLogoHeaderLeftAlign {
	float: left;
}

.customYonoLogoHeaderRightAlign {
	float: left;
	margin-left: 23%;
}

.customYonoLogoHeaderRightAlign1 {
    /* float: right;
   padding-right: 60.45;
    margin-right: 69px;*/
	    float: left;
    margin-left: 1%;
}

.customYonoLeftlisting20Percentpaneldiv {
	float: left;
	width: 20%;
	border-left: 1px solid #CCCCCC;
	background-color: #FFF;
	min-height: 350px;
	height: auto;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.customYonoRightlisting80Percentpaneldiv {
	    float: right;
    width: 80%;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #fff;
    min-height: 350px;
    /* height: auto; */
    overflow-y: scroll;
    max-height: 350px;
}

.customoYonoFndTrfMenuRow {
	height: 116.66px !important;
    padding-left: 25px;
    padding-top: 47px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
    background-color: #F3F3F3;
    margin-top: -12px;
    cursor: pointer;
}

.customyonoFndTrfTableRowStyle {
	
}

.customYonoFndTrfNickNameStyle {
	float: left;
	font-size: 14px;
	color: #000;
	padding-left: 23px;
	width: 100%;
	background-color: #fff !important;
	border: 0px solid #000 !important;
}

.customYonoFndTrfAccountStyle {
	float: left;
	font-size: 10px;
	color: #999999;
	/* padding-top: 5px; */
	padding-left: 23px;
	width: 40%;
}

.customYonoFndTrfbankNameStyle {
	float: left;
	font-size: 10px;
	color: #999999;	
	width: 94%;
    padding-bottom: 10px;
    border-bottom: 1px solid #999999;
    margin-left: 23px;    
}

.customYonoFndTrfCurrencyStyle {
	float: left;
	font-size: 14px;
	color: #999999;
	/* padding-top: 5px; */
	padding-left: 10px;
	width: 25%;
}

.customYonoFndTrfbuttonStyle {
	float: right;
    margin-right: 4%;
    margin-top: -2%;
    border: 1.5px solid #0095da;
    background: white;
    color: #0095da !important;
}

/* fund transfer */
.customradio {
	opacity: 1 !important;
	margin-left: -2% !important;
	pointer-events: auto !important;
}

.customYonofundLeftTextHeading {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	width: 100%;
	float: left;
	margin-top: 12px;
}

.customYonoFundText {
	width: 50%;
}

.CustomYonoFundFormbtn {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 32px;
	padding: 5px 60px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
	margin-left: 43%;
}

.customYonofundNextButton {
	margin-top: 13%;
}

.custYonoSimpleNameFundTextStyle {
	font-size: 12px !important;
	text-decoration: none;
	/*padding-left: 181px !important;*/
	/* font-weight: bold */
	padding-top: 29px !important;
}

.custYonoSimpleNameFundTextStyle1 {
	font-size: 12px !important;
	text-decoration: none;
	padding-left: 181px !important;
	/* font-weight: bold */
	padding-top: 29px !important;
}

.customYonoFndTrfPaymentRow {
	width: 100%;
}

.customYonoFndTrfPayment50percentColumn {
	width: 50%;
}

.customYonoFndTrfAmountColumn {
	float: left;
	margin-right: 5px;
	margin-top: 7px;
	text-align: right;
	width: 45%;
}

.customYonoFndTrfAmountField {
	float: left;
	width: 45%;
}

.customYonofundTransferfLeftListing {
	width: 50%;
	float: left;
	min-height: 400px;
}

.customYonofundTransferfRightListing {
	width: 50%;
	float: right;
	min-height: 400px;
}

.customYonoFndTrfRightListingFieldHeadingRow {
	float: left;
	margin: 2px 0;
	padding-bottom: 0px;
	padding-top: 2px;
	width: 100%;
	padding-top: 1px;
	padding-left: 5px;
}
.customYonoFndTrfRightListingFieldHeading {
	color: #999999;
	font-size: 12px;
	text-decoration: none;
	text-align: left !important;
	width: 100%;
	float: left;
}
.customYonoFndTrfRightListingFieldHeadingValue {

height: 24px;
    padding-left: 0px;
    width: 260px !important;

	
}
.customYonoFndTrfRightListingFieldHeadingValueForPaymentCycle{
	float: left;
    width: 76% !important;
    font-size: 12px !important;
    border-bottom: 1px solid #999999;
    text-align: left;
    padding-bottom: 5px;
}
.customYonoFndTrfLeftListingFieldHeadingRow {
	float: left;
	margin: 2px 0;
	padding-bottom: 0px;
	padding-top: 2% !important;
	width: 100%;
	margin-left: 10%;
}
/*.customYonoFndTrfLeftListingFieldHeading {
	color: #999999;
	font-size: 12px;
	text-decoration: none;
	text-align: left !important;
	width: 100%;
	float: left;
}*/
.customYonoFndTrfLeftListingFieldHeading {
    color: #999999;
    font-size: 15px;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    margin-top: 10px;
}
.customYonoFndTrfLeftListingFieldHeadingValue {
	float: left;
	width: 76% !important;
	height: 1rem !important;	
	font-size: 12px !important
}
.customYonoFndTrfCurrencyComboBoxStyle {
	width: 25px;
}
.customYonoFndTrfLeftListingAmountColumn {
	float: left;
    margin-right: 5px;
    text-align: left;
    width: 24%;
    font-size: 12px;
    margin-top: -25px;
    margin-left: -1px;
}
.customYonoFndTrfLeftListingAmountCurrencyColumn {
	float: left;
    margin-right: 5px;
    text-align: right;
     margin-top: -20px;

}
.customYonoFndTrfLeftListingFieldHeadingAmtValue {
	float: left;
    height: 24px !important;
        width: 244px !important;
}
.customYonoFndTrfLeftListingFieldDateHeadingValue1 {
	float: left;	
	height: 1rem !important;	
	font-size: 12px !important;
}
.customYonoFndTrfLeftListingFieldDateHeadingValue2 {
	float: left;
    height: 1rem !important;
    width: 42% !important;
    font-size: 12px !important;
}
.customYonoFndTrfNoteColumn {
	float: left;
	margin-top: 7px;
	width: 100%;
	margin-left: 10%;
}

/* For Otp */
.customYonoOtppasswordBox {
	height: 45px !important;
	width: 45px !important;
	font-size: 25px !important;
	text-align: center;
	border-bottom: 1px solid #000000 !important;
	border-left-style: none !important;
	border-right-style: none !important;
	border-top-style: none !important;
	margin-left: 10px !important;
}
.customYonoOtppasswordBox::-webkit-inner-spin-button,
	.customYonoOtppasswordBox::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.customYonoOtppasswordBox:focus {
	outline: -webkit-focus-ring-color auto 0px !important;
}

/*.customYonoOtpDiv {
	text-align: center; 
}*/
.customYonoOtpDiv {
    text-align: center;
	margin-top: -15px;
}
/* For Otp */
.customradiotxt {
	font-size: 12px;
	margin-left: 25px;
	width: 100%;
}
.customYonoFndTrfRadioButtonColumn {
	float: left;
	margin-right: 5px;
	margin-top: 7px;
	text-align: left;
	width: 100%;
}
.customYonofundTransferfBnfLeftListing {
	width: 30%;
	float: left;
	min-height: 450px;
	background-color: #F3F3F3;
	border-radius:5px;
}

.customYonoFndTrfLeftListingBnfFieldHeadingRow {
	float: left;
	width: 100%;
	margin-left: 10%;
}

.customYonoFndTrfLeftBnfListingFieldHeadingValue {
	float: left;
	width: 100%;
	text-align: left !important;
	font-size: 12px;
}

.customYonoFndTrfBnfListingFieldHeading {
	float: left;
	font-size: 11px;
}
.customYonoFndTrfBnfHeading {
	font-size: 14px;
	font-weight: bold;
	margin-left: 10%;
}
.customYonofundTransferf70percentRightListing {
	width: 70%;
	float: left !important;
	min-height: 450px;
	
}
.customYonoFndTrfLeftListing70percentFieldHeadingRow {
	float: left;
	margin: 2px 0;
	padding-bottom: 0px;
	padding-top: 2% !important;
	width: 100%;
	margin-left: 10%;
}
.customYonoFndTrfContinueButton {
	margin-top: 4%;
	margin-left: 15%;
	position:absolute !important;
}
.customYonoFndTrfSearchBox {
	width: 90% !important;
	height: 15px !important;
	margin-left: 2% !important;
}
.customYonoFndTrfColumnsearchIcon {
	float: right;
	text-align: left;
	width: 10%;
	margin-left: -4%;
}
.customYonoFndTrfBalanceStyle {
    color: #58B200;
    font-weight: bolder;
    float: left;
    padding-right: 5px;
    font-size: 8px;
}

/*transaction details confirmation styles */
/*.customYonoConfirmTxntListing {
	float: left;
	width: 100%;
	height: auto;
	max-height: 300px;
	background-color: #ffff;
	min-height: 300px;
	border-radius: 5px !important;
}*/
.customYonoConfirmTxntListing {
    float: left;
    width: 100%;
    height: auto;
    max-height: 300px;
    background-color: #ffff;
    min-height: 250px;
    border-radius: 5px !important;
}
.customYonoConfirmTxnRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
}
.customYonoConfirmTxncolumn {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	text-align: left;
	margin-left: 2%;
	width: 21%;
}

.customYonoConfirmTxt {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}

.customYonoConfirmTxnText {
	font-size: 13px;
	color: #999999;
}

.customYonoFundHeading {
	font-size: 60px;
	text-transform: none;
	color: #ffffff96 !important;
}

.customYonoConfirmTxnText2 {
	font-size: 16px;
	color: #000000;
	line-height: 2;
}

/*transaction details confirmation styles */



/* Exchange Rate modal styles*/
.customYonoInfoIcon {
    color: #0095DA;
    font-size: 15px;
    margin-left: -23px;
    float: left;
    cursor: pointer;
    /* padding-left: 10px; */
    height: 42px;
}
.customYonoInfoModalIcon {
    color: #0095DA;
    font-size: 50px;
    margin-left: 140px;
    float: right;
    height: 42px;  
	margin-bottom: 10%;
}
.customYonoExchangeText{
	font-size: 20px;
    text-transform: none;
    padding-left: 103px;
    color: #0095da;
    padding-top: 10px;
    font-weight: bold;
}
.customExchangeTxt{
	font-size: 15px;
	 color: #999999;
}
.CustomYonoExchangeModalText{
	color: #333333;
    line-height: normal;
    /* padding-left: 15px; */
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
	}
	.customYonoFundInnerLinks1{
	float: left;
    margin-right: 115px;
    margin-bottom: -32px;
	margin-top: 5%;
	}
	.customYonoAmtcreText{
	font-size: 20px;
    text-transform: none;
    padding-left: 67px;
    color: #0095da;
    padding-top: 10px;
    font-weight: bold;
}
.CustomYonoExchangeModalText1{
	color: #333333;
    line-height: normal;
    padding-left: 15px;
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
}
.CustomYonoExchangeModalText2{
	color: #333333;
    line-height: normal;
    padding-left: 10px;
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
}
.CustomYonoExchangeModalText3{
	color: #333333;
    line-height: normal;
    padding-left: 34px;
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
}
.CustomYonoExchangeModalText4{
	color: #333333;
    line-height: normal;
    padding-left: 49px;
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
}

/* Exchange Rate modal styles*/
/* Transaction Successful Modal Styles*/
.customYonoSuccessModalIcon {
    color: #58B200;
    font-size: 50px;
    margin-left: 140px;
    float: right;
    height: 42px;  
	margin-bottom: 10%;
}
.customYonoSuccessText{
	font-size: 23px;
    text-transform: none;
    padding-left: 51px;
    color: #58B200;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoSuccessModalText{
	color: #333333;
    line-height: normal;
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
    padding-left: 69px;
    font-weight: bold;
}
.customYonoSuccessModalText1{
	color: #333333;
    
    text-align: center !important;
    text-transform: none !important;
    font-size: 15px;
    padding-left: 42px;
   
}
.customYonoSuccessInnerLinks1{
	float: left;
    margin-right: 115px;
    margin-bottom: -32px;
	margin-top: 15%;
	}
	/* Transaction Successful Modal Styles*/
	/* Transaction Fail Modal Styles*/
	
	.customYonoTxnFailModalIcon{
	color: #B90000;
    font-size: 50px;
    margin-left: 140px;
    float: right;
    height: 42px;  
	margin-bottom: 10%;
	}
	.customYonoFailText{
	font-size: 23px;
    text-transform: none;
    padding-left: 72px;
    color: #B90000;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoFailModalText{
	color: #333333;
    line-height: normal;
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
    padding-left: 90px;
    font-weight: bold;
}
.customYonoFail1{
	color: #333333;
    
    text-align: center !important;
    text-transform: none !important;
    font-size: 15px;
    padding-left: 69px;
    line-height: normal;
}
.CustomYonoFormbtn1 {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 32px;
	padding: 5px 60px;
	padding-top: 8px;
	padding-right: 45px;
	padding-bottom: 5px;
	padding-left: 29px;
	font-size: 12px;
	font-family: sans-serif;
	font-weight: bold;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA) !important;
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
}

.CustomYonoFormbtn1:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.CustomYonoFormbtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoFailInnerLink{
	float: left;
    margin-right: 115px;
    margin-bottom: -32px;
	margin-top: 5%;
	}
	
	/* Transaction Fail Modal Styles*/
	
.ui-combobox-toggle:before {
    /* content: "\e902"; */
      font-size: 20px;
}

.customYonoFndTrfSecondContinueButton{
	margin-top: 4%;
    margin-left: 45%;
}

.customYonoFndTrfDateColumn{
	    float: left;
    margin-right: 5px;
    margin-top: 7px;
    text-align: right;
}


/*Schedule Payment Modal Styles */
.customYonoScheduleRow{
     float: left;
     margin: 2px 0;
     width: 100%;
     position: relative;
     top: 9px;
                border-bottom:1.5px solid #f3f3f3;
}
.customYonoScheduleText{
                font-size: 20px;
    text-transform: none;
    padding-left: 83px;
    color: #0095da;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoScheduleModalcolumn{
    
                float: left;
    /* margin-right: 5px; */
                margin-top:6px;
    text-align: left;
    margin-left: 6%;
    width: 44%;
                padding-bottom:10px;
}
.customYonoScheduleModalcolumnradio{
     float: left;
    /* margin-right: 5px; */
    margin-top:6px;
    text-align: right;
    margin-left: 0%;
    width: 44%;
                padding-bottom:10px;
}
.CustomYonoScheduleModalText{
    color: #333333;
    line-height: normal;
    padding-left: 15px; 
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
   }
                
   .customYonoScheduleLink{
    float: left;
    margin-right: 79px;
    margin-bottom: -32px;
    margin-top: 0%;
	padding-right: 29px !important;
    }
   .customYonoScheduleTxt{
    font-size:14px;
	
    }




/*Schedule Payment Modal Styles */
/* Meadia queries for fund transfer*/
@media only screen and (min-width:992px){
	
.customYonoLeftlisting20Percentpaneldiv {
	float: left;
	width: 20%;
	border-left: 1px solid #CCCCCC;
	background-color: #FFF;
	min-height: 350px;
	height: auto;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius:5px;
}
.customYonoRightlisting80Percentpaneldiv {
	    float: right;
    width: 80%;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #fff;
    min-height: 350px;
    /* height: auto; */
    overflow-y: scroll;
    max-height: 350px;
}
.customYonofundTransferfBnfLeftListing {
	width: 30%;
	float: left;
	min-height: 450px;
	background-color: #F3F3F3;
	border-radius:5px;
}
.customYonofundTransferf70percentRightListing {
	width: 70%;
	float: left !important;
	min-height: 450px;
	
}
}
/*Select beneficiary styles */
.customYonoFndTrfScheduledNickNameStyle{
	float: left;
    font-size: 14px;
    color: #000;
    padding-left: 23px;
    width: 80%;
    background-color: #fff !important;
    border: 0px solid #000 !important;
}

.customYonoFndTrfScheduledCurrencyStyle{
	float: left !important;  
	font-size: 14px;  
}
.customYonoFndTrfScheduledAmountStyle{
	      width: auto;
    float: left !important;
    text-align: left !important;
    font-size: 14px;
}
.customYonoFndTrfScheduledDateStyle{
	float: left;
    font-size: 10px;
    color: #999999;
    padding-left: 23px;
    width: 80%;
    background-color: #fff !important;
    border-bottom: 1px solid #999999;
}
.customYonoFndTrfScheduledFrequencyStyle{
	float: left !important;
    font-size: 10px;
    color: #999999;
    border-bottom: 1px solid #999999;
    width: 20%;
    margin-left: -72px;
    text-align: right;
}

/*Select beneficiary styles */

/* .customYonoRightArrow:hover:before{
	color: #0095DA;
    font-size: 20px;
    content: "\e904";
    float: right;
    text-align: right;
    margin-right: -5%;
} */


.customYonoRadioButtonbrdr {   
    background-color: #fff;    
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    cursor: pointer;
    padding-left: 15px;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    border-radius: 3px;
    margin-left: 25px;
}

.customYonoRadioButtontxt {
    font-size: 14px;
    font-weight: bold;
}
.customYonoRadioButton{

}
.customYonoMngBnfRadioButtonColumn{
	
}

.customYonoFndTrfRemittanceAmtValue{
	width: 20% !important;
    float: left;
    border: 1px solid #F3F3F3 !important;
    height: 2.3rem !important;
    padding-left: 5px !important;
	border-radius: 3px !important;
	font-weight: bold;
}

.customYonoFlagStyle_brdr{
	  /* border: 1px solid #F3F3F3; */
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    /* border-radius: 3px !important; */
    height: 2.3rem !important;
    padding-top: 10px;
    background: linear-gradient(135deg, #281172, #673391);
    text-align: left;
    /* border-top-right-radius: 3px !important; */
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}


.customYonoTxnCurrencyStyle2 {
    /* border: 1px solid #F3F3F3; */
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    /* border-radius: 3px !important; */
    height: 2.3rem !important;
    padding-top: 10px;
    /* background: linear-gradient(135deg, #281172, #673391); */
    text-align: left;
    margin-top: -16px !important;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    /* background: linear-gradient(135deg, #673391, #281172); */
    background: linear-gradient(135deg, #673391, #673391);
}
.customYonoTxnCurrencyStyle1{
	  /* border: 1px solid #F3F3F3; */
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    /* border-radius: 3px !important; */
    height: 2.3rem !important;
    padding-top: 10px;
    /* background: linear-gradient(135deg, #281172, #673391); */
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    /* background: linear-gradient(135deg, #673391, #281172); */
    background: linear-gradient(135deg, #673391, #673391);
}
.customYonoTransferArrowStyle1{
	
    float: left;
    padding-left: 10px;
    padding-top: 10px;   
    text-align: left;
    font-size: 14px;
	color: #67339175 !important;
   
	
}
.customYonoTransferArrowStyle2{
	float: left;
    padding-left: 10px;
    padding-top: 10px;   
    text-align: left;
    font-size: 14px;
	color: #281172b8 !important;
}
.customYonoTransferArrowStyle3{
	float: left;
    padding-left: 10px;
    padding-top: 10px;   
    text-align: left;
    font-size: 14px;
	color: #281172 !important;
}
.customYonoMngBnfRadioRow{
	float: left;
	

}

.customYonoMngBnfRadioRows{
	width: 100% !important;  
    margin-left: 5%;
	
}


/* Internet banking registration styles*/

.internet-main-panel {
    background-color: white;
    margin: 1% 6% 0;
    border-radius: 5px;
    padding: 0 15px;
    min-height: 800px;
   /*  height: auto; */
	
}
.customYonoInternetRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
	padding-top: 10px;
}
.customYonoInternetRow1{
	float: left;
	margin: 2px 0;
	width: 50% !important;
	position: relative;
	top: 9px;
	padding-top: 10px;
}
.customYonoInternetRow2{
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
	padding-top: 10px;
	margin-left:8%;
}
.customYonoInternetcolumn {
	float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 8%;
    width: 10%;
}
.customYonoInternetcolumnFirst{
	float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: -1%;
    width: 30%;
}
.customYonoInternetcolumnMiddle{
	float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 6% !important;
    width: 32% !important;
}
.customYonoInternetcolumnLast{
	float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 8% !important;
    width: 32% !important;
}
.customYonoInternetcolumnDOB{
	float: left;
   
    margin-top: 7px;
    text-align: left;
    margin-left: 7% !important;
    width: 32% !important;
}
.customparentTable{
	/* height: 1024px; */
	height:auto;
    background-color: #ffffff;
    background-image: url(../images/yono/yono_background_image.png);
    width: 100%;
}
.customYonoFirst{
    float: left important;
    margin-top: 8px;
    text-align: left;
    margin-left: 5% !important;
    width: 17% !important;
	}
.CustomYonoabsmiddlecalendar{
	    /* float: right; */
    vertical-align: middle;
    margin-bottom: -11px;
    padding-right: 2px;
    width: 27px;
    cursor: pointer;
    /* display: none; */
    /* margin-left: 19px; */
    border-bottom: 1px solid #999999;
}	
.CustomYonoDatetextbox{
	 font-size: 12px;
    color: #333333;
    text-decoration: none;
    width: 325px !important;
    /* margin: 16px 0px 9px 3px; */
    margin-top: 5px;
    vertical-align: middle;
    border: 0px;
    background-color: transparent;
    height: 1.8em !important;
}	
.Customquerytextleft {
    padding-right: 1px;
    padding-left: 1px;
    width: 18%;
    float: left;
    clear: left;
    text-align: right;
    padding-bottom: 1px;
    padding-top: 7px;
    font-weight: normal;
	
	
	}
	
	.Customquerytextright{
		 clear: right; 
    /* display: block; */
     overflow: hidden; 
    padding-bottom: 4px;
	}
	.Customtextleft{
	/* padding-right: 1px; */
    padding-left: -3px;
    width: 50% !important;
    float: right;
    /* clear: left; */
    text-align: left;
    padding-bottom: 1px;
    padding-top: 7px;
    font-weight: normal;
	
     
	}
	.Customcheckboxmargin{
	margin-right: 1.9%;
    margin-top: 3px;
    position: relative !important;
    opacity: 1 !important;
	}
	
	.customYonoRegTest{
		margin-top:-14px;
	}
	
    .customYonoImageScreenFontSize1{
    	font-size: 15px !important;
    }
	.customYonoNextButton{
		margin-top: 10% !important;
        margin-left: 33% !important;
        position: relative !important;
	}
	.CustomYonoFormbtn2{
		border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 45px;
    padding-bottom: 5px;
    padding-left: 36px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
	}
	.customyonowidth100percent-main-bg-Logo-Heading{
    width: 100%;
    background-color: #fff;
    height: auto;
    min-height: 60px;
}
.customYonoLogoInternetHeading{
    margin-top: 0%;
    height: 10px;
    width: 100%;
    background-color: #FFFF;
}
.customYonoLogoHeaderLeftAlign12{
	 float: left;
    margin-top: 20px;
    margin-left: 25px;
    width: 42%;
	}
	.customYonoLogoHeaderRightAlign12{
	 float: left;
    /* margin-left: 20%; */
    /* margin-right: 14%; */
    margin-top: 15px;
    width: 3%;
	}
	.customYonoLogoHeaderRight1{
	 float: left;
    /* margin-left: 10%; */
    /* padding-right: 7%; */
    margin-top: 1.3%;
    /* margin-right: 20px; */
    width: 8%;
    /* text-align: left !important;*/
	
	}
	.customYonoTollFreeNumber122{
	 font-size: 10px;
    font-weight: bold;
    float: left;
   margin-left: -23%; 
    line-height: 0rem;
    
	}
	.customYonoTollFreeNumber222{
    font-size: 10px;
    font-weight: bold;
    float: left;
    /* padding-left: 20px; */
    line-height: 0rem;
    margin-top: -3%;
}
/* .customYonoTolleFreeIcon12{
	color: #9F1C5D;
    font-size: 24px;
    background-color: #f3f3f3;
    height: 10px !important;
    width: 15px !important;
    border-radius: 100%;
    margin-left: 188px;

	} */

/* Internet banking registration styles*/

/*Internet Banking set password styles*/

.CustompageContainer1{
    clear: both;
    margin: 0;
    background-color: #ffffff;
    width: 100%;
    height: 580px;
    background-image: url(../images/yono/yono_background_image.png);
    overflow-y: scroll;
    float: left;
}
.internet-setpass-panel{
	background-color: white;
    margin: 1% 6% 0;
    border-radius: 5px;
    padding: 0 15px;
    min-height: 500px;
    /* height: auto; */
}

.internet-setpass-panel-leftContainer{
	background-color: #F3F3F3;
    /* margin: 1% 6% 0; */
    /* border-radius: 5px; */
    /* padding: 0 15px; */
    min-height: 500px;
    width: 35%;
    /* height: auto; */
    float: left;
    /* margin-left: 2%; */
    margin-top: 1%;
    margin-left: 6%;
    margin-bottom: 5%;
	border-radius:5px;
}

.internet-setpass-panel-rightContainer{
	background-color: white;
    /* margin: 1% 6% 0; */
    /* border-radius: 5px; */
    /* padding: 0 15px; */
    min-height: 500px;
    width: 53%;
    /* height: auto; */
    float: left;
    margin-top: 1%;
    margin-bottom: 5%;
    margin-right: 3%;
	border-radius:5px;
	margin-left:-1%;
}
.customYonoSetPassTxt {
	font-size: 22px;
	color: #000000;
	font-weight: bold;
}
.customYonoSetPassCol{
    margin-left: 5%;
}
.customYonoGuidelineTxt{
		font-size: 14px;
       /* font-style: italic; */
       color: #00000;
       text-decoration: none;
       float: left;
       margin-left: 5%;
}
.customYonoPassrow {
	float: left;
	margin-left:8%;
	width: 90%;
	position: relative;
	
}
.customYonoPasscolumn {
	float: left;
   
    margin-top: 7px;
    
    margin-left: 5%;
    width: 31%;
}
.Customquerytextboxmedium {
    background-color: #edf6fb;
    padding-top: 7px;
    border-color: #88A0C8 #88A0C8 #88A0C8;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    
    font-size: 11px;
    text-decoration: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    float: left;
    height: 24px;
    border: 1px solid #d3d3d3;
    
    
    min-width: 237px;
}
.Customquerytextboxmedium1 {
    background-color: #edf6fb;
    padding-top: 7px;
    border-color: #88A0C8 #88A0C8 #88A0C8;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    
    font-size: 11px;
    text-decoration: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    float: left;
    height: 24px;
    border: 1px solid #d3d3d3;
	border-bottom: 1.5px solid #0095da !important;
    
    
    min-width: 237px;
}
/* .Customquerytextboxmedium1:focus {
    border-bottom:#0095DA !important;
} */
.customYonoPasscolumnRight{
	float: left;
    margin-top: -9px;
    margin-left: 16%;
    width: 30%;
}
.customYonoPassText1{
	 color: #999999;
	 font-size: 13px;
	}
.customYonoConfirmPassText{
	 color: #999999;
	 font-size: 13px;
	}
.customYonoSetNextButton{
	margin-top: -2% !important;
    margin-left: 20% !important;
    
   
    position: absolute;
	}
.customYonotabColor{
	background-color: #0095DA !important;
	
}
.customYonotabColorText{
	color:#0095da !important;
}
.CustomYonoFormbtn3 {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    padding-top: 11px;
    padding-right: 43px;
    padding-bottom: 5px;
    padding-left: 38px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
@media screen and (min-width:992px){
	
	.customyonowidth100percent-main-bg-Logo-Heading{
    width: 100%;
    background-color: #fff;
    height: auto;
    min-height: 60px;
}
.customYonoLogoInternetHeading{
    margin-top: 0%;
    height: 10px;
    width: 100%;
    background-color: #FFFF;
}
.internet-setpass-panel-leftContainer{
	background-color: #F3F3F3;
    /* margin: 1% 6% 0; */
    /* border-radius: 5px; */
    /* padding: 0 15px; */
    min-height: 500px;
    width: 35%;
    /* height: auto; */
    float: left;
    /* margin-left: 2%; */
    margin-top: 1%;
    margin-left: 6%;
    margin-bottom: 5%;
	border-radius:5px;
}
.internet-setpass-panel-rightContainer{
	background-color: white;
    /* margin: 1% 6% 0; */
    /* border-radius: 5px; */
    /* padding: 0 15px; */
    min-height: 500px;
    width: 53%;
    /* height: auto; */
    float: left;
    margin-top: 1%;
    margin-bottom: 5%;
    margin-right: 3%;
	border-radius:5px;
	margin-left:-1%;
}

.internet-main-panel {
    background-color: white;
    margin: 1% 6% 0;
    border-radius: 5px;
    padding: 0 15px;
    min-height: 800px;
   /*  height: auto; */
	
}


}	

/*Internet Banking set password styles*/

.CustomYonoMngBnfCurrencyStyle {
    float: left;
    font-size: 10px;
    width: 100px;
    /* margin-left: 34px !important; */
    color: #999999;
} */


.customYonoRemittanceAmountRowStyle{
	float: left;
    margin-right: 5px;
    margin-top: 7px;
    text-align: right;
    width: 100%;
}
.customYonoFndTrfExchangeRateAmtValue {
    width: 20% !important;
    float: left;
    border: 1px solid #F3F3F3 !important;
    height: 2.3rem !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    padding-top: 7px;
    text-align: left;
	font-weight: bold;
}
.customYonoRemittanceAmountRowStyle{
	float: left;
    margin-right: 5px;
    margin-top: 7px;
    text-align: right;
    width: 100%;
}
.CustomYonoRemittanceExchangeRateRowStyle{
	float: left;
    margin-right: 5px;
    margin-top: 7px;
	border-right: 1px solid #F3F3F3;
}
.CustomYonoRemittanceRemittanceFeesRowStyle{
	float: left;
    margin-right: 5px;
    margin-top: 7px;
	
}
.customYonoExchangeRateValue{
	    float: left;
    font-size: 12px;
    color: #000;
    padding-top: 5px;
    padding-left: 10px;
    width: 100%;
}
.customYonoRemittanceBnfSelectedStyle{
	float: left;
   
    text-align: left !important;
    font-size: 12px;
}

.CustomYonoTextBoxNew{
	float: right;
    height: 10%;
    margin-left: 28%;
    color: #FFFFFF;    	
}
.CustomYonoHeaderWelcomeText{
	color: #F3F3F3;
    font-size: 1em;
    padding-right: 10px;
    position: relative;
    top: 25px;
    text-align: right;
    margin-top: 17%;   /* changed by Pallabi 1% */
    display: block;
	z-index: 1;       /*added by Pallabi*/
	right: 880px;   /*added by Pallabi */
}

/*For Yono*/
.width80percent_login {
	width: 85%;
	float: left;
	clear: right;
	background: white;
	border-radius: 0px;
	padding-left: 10px;
	overflow: hidden;
	height: 110%;
	margin-left: 75px;
	min-width: 381px;
	margin-top: -60px;
	opacity: 1;
	overflow-y: auto;
	background-image:url(../images/virtual-keyboard.png);
	background-repeat:no-repeat;
	background-position-x:450px;
	background-size:35% 30%;
	background-position-y:60px;
	
}

.width80percent_login_link {
	width: 85%;
	float: left;
	clear: right;
	border-radius: 0px;
	padding-left: 10px;
	overflow: hidden;
	height: 110%;
	margin-left: 75px;
	min-width: 381px;
	margin-top: -60px;
	opacity: 1;
	overflow-y: auto;
}
.loginPanelSimpleTextStyleCol2 {
	color: #a9c3d4;
	font-size: .7em;
	text-decoration: none;
	font-weight: bold;
	padding-left: 89px;
	display:inline-flex;
	width:200px;
}
.loginPanelSimpleTextStyleCol1 {
	color: #a9c3d4;
	font-size: .7em;
	text-decoration: none;
	font-weight: bold;
	padding-left: 89px;
	display:inline-flex;	
	width:200px;
}
.loginPanelHeaderTextStyle_cust {
    font-size: 16px;
    padding-left: 87px;
    width: 96.7%;
    margin-left: 100px;
    padding-top: 55px;
    font-family: sans-serif;
    padding-bottom: 12px;
    /* color: #652a84; */
    font-weight: bold;
}
/* Input Box New style--start*/
.CustloginPanelInputDetailsrow{
    position: relative;
    margin: 5px 0px;
}
.CustloginPanelInputDetailsrow span label{
    position: absolute;
    padding-left: 0px;
    top:15px;
    
}
.CustloginPanelSimpleTextStyle1
{
    margin-top:15px;
}
.CustloginPanelInputDetailsrow input:focus + label,.CustloginPanelInputDetailsrow input:not(:placeholder-shown) + label{
    opacity:1;
    transform: scale(.9) translateY(-100%) translateX(-10px);
    color:#eeeeee;
    font-size:18px;
}

.CustloginPanelInputDetailsrow span span input:focus{
     
    outline-color: white;
border-style:solid;
border-width:0px 0px 1px 0px;
}

.CustloginPanelInputDetailsrow{
    padding: 15px;
    margin:15px 0px;
}

.CustloginPanelInputDetailsrow span input{
    
    padding-left: 10px;
 	border-style:solid;
	border-width:0px 0px 1px 0px;
	margin-left:65px;
}

.CustloginPanelInputDetailsrow span label,.CustloginPanelInputDetailsrow span span input{
    transition: all 0.2s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    opacity:1;
outline-color: white;
font-size:19px;
width:35%
}
/*Input Box New style--End */

.CustloginPanelSimpleTextStyle {
	
	font-size: .69em;
	text-decoration: none;
	/* font-weight: bold */
}
.CustloginPanelTextboxMediumStyle {
	
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	
	font-size: .8em;
	text-decoration: none;
	margin: 0;
	vertical-align: middle;
	float: left;
	height: 24px;
	padding-left: 5px;
}



/*For Yono*/

.customYonoMyProfileIcon {
	color: #B90000;
	
}
.CustomYonoHeaderWelcomeTextIcon {
    color: #F3F3F3;
    position: absolute;
    top: 17px;  /*chnaged by Pallabi 2px */
    right: 91px; /*changed by Pallabi 25pc */
    text-align: right;
    margin-top: 1%;
    padding-left: 11px;
}
/*Celestine Entries */
.customFormRow {
    margin: 0px;
    padding-left: 0px;
    padding-right: 12px;
    padding-top: 30px;
    padding-bottom: 0px;
    margin-left: 250px;
    clear: both;
    background-color: transparent;
}
.customMCbutton {
    border-radius: 15px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px;
    font-size: 12px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* border: 0 solid #333; */
    /* float: left; */
    text-decoration-line: initial !important;
}

.customFormRowCentre {
    margin: 0px;
    padding-left: 0px;
    /* padding-right: 12px; */
    padding-top: 0px;
    padding-bottom: 25px;
    margin-left: 450px;
    clear: both;
    background-color: transparent;
}
.customContainerWOMarg {
    float: left;
    margin-bottom: 12px;
    width: 100%;
    /* border: 1px solid #CCCCCC; */
}
.custombuttonlong {
	margin-right: -30px;
    width: 700px;
}

.customclearbtn {
    margin-right: 20px;
}


#global{
	background: linear-gradient(45deg, #9F1C5D, #281172);
}

.customYonoSCRMargin20Section{
	float: left;
    margin-bottom: 12px;
    width: 100%;
    margin-left: 20%;
}

.customYonoSCRBoldText{
	font-weight: bolder;
    font-size: 14px;	
    padding-left: 4px;
}
.customYonoSCRFieldHeading {
	color: #999999;
    font-size: 0.6em;
    padding-left: 4px;
}
.customYonoSCRColumn{
	float: left;
    margin-right: 5px;
    margin-top: 7px;
    width: 100%;
    padding-bottom: 10px;
}
.customYonoSCRTextBox{
	width: 25% !important;
    height: 1.8rem !important;
    margin-left: 5px !important;
}
.customYonoSCRTextBox50Percent{
	width: 62% !important;
    height: 1.8rem !important;
    margin-left: 5px !important;
}
.customYonoSCRwidth40percent{
    width: 35%;
    float: left;    
    margin-bottom: 10px;
}
.customYonoSCRRadioTxt {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 12px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;    
    margin-right: 4%;
    margin-top: -2%;
    border: 1px solid #999999;
    background: white;
    color: #000 !important;
}
.customYonoSCRWidth100Row{
	width: 100%;
	height:auto !important;
	/* margin-left: 2%; */
}
.customYonoSCRRadioText{
	font-size: 0.8em;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #999999;
    padding: 10px;
    border-radius: 40px;
    color: #000;
    cursor: pointer;
}
.customYonoSCRRadioSelectedText{
	background: linear-gradient(45deg, #281172, #673391);
    color: #fff;	
}
.customYonoSCRRadioUnSelectedText{
	background: #fff;
    color: #000;	
}
.customYonoSCRRadioColumn1{    
    float: left;
    margin-bottom: 10px;   
}
.customYonoSCRRadioColumn2{    
    float: left;
    margin-bottom: 10px; 
    margin-left: 10%;
    width:55%;
}
.customYonoSCRNormalText{	
    font-size: 12px;	
    padding-left: 4px;
}
.customYonoSCRNoteColumn{
	float: left;
    margin-right: 5px;
    margin-top: 7px;    
    padding-bottom: 10px;
    width: 70%;
}
.CustomYonoSCRButtonStyle {
    margin-left: 25%;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 4px;
    font-size: 15px;
    margin-top: 2.5%;
}

.customYonoSCRConfirmation30PercentWidth {
    float: left;
    width: 35%;
    background-color: #F3F3F3;
    min-height: 400px;
    height: auto;
    border-right: 1px solid #999999;
}
.customYonoSCRConfirmation70PercentWidth{
	float: left;    
    width: 62%;    
    height: auto;   
    min-height: 400px;
}
.customYonoSCRMargin5PercentStyle{
	width:100%;
	margin-left:5%;
	
}
.customYonoSCRFieldHeadingValue {
	color: #000;
    font-size: 0.7em;
    padding-left: 4px;
}
.customYonoSCRWidth100BorderRow{
	width: 100%;
	height:auto !important;	
}
.customYonoSCRWidth30BorderColumn{
	float: left;
    width: 30%;        
    text-align: left;
    padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #F3F3F3;
}
.customYonoSCRWidthReasonBorderColumn{
	float: left;        
    text-align: left;
    padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #F3F3F3;
}
.customYonoSCRBoldHeadingText{
	font-weight: bold;
    font-size: 12px;	
    padding-left: 4px;
}
.customYonoSCRSingleChequeLeftColumn{
	float: left;
    width: 50%;        
    text-align: left;
    padding-bottom: 10px;
	
}
.customYonoSCRSingleCheque50Column{
	float: left;
    width: 47%;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #F3F3F3;
	
}
.customYonoSCRSingleChequeRightColumn{
	float: left;
    width: 50%;        
    text-align: left;
    padding-bottom: 10px;
	
}
.customYonoSCRMultipleChequeLeftColumn{
	float: left;
    width: 30%;        
    text-align: left;
    padding-bottom: 10px;
}
.customYonoSCRMultipleChequeMiddleColumn{
	float: left;
    width: 30%;        
    text-align: left;
    padding-bottom: 10px;
}
.customYonoSCRMultipleChequeLastColumn{
	float: left;
    width: 30%;        
    text-align: left;
    padding-bottom: 10px;
}
.customYonoSCRHeadingValue{
	font-size: 13px;    
    padding-left: 2%;
    padding-top: 21px;
	white-space: nowrap;
}
.customYonoSCRButtonRow{
	bottom: 0;
    position: absolute;
    margin-bottom: 8%;
    margin-left: 10%;
}
.CustomYonoSCRMinHeight250{
	min-height:250px;
}
.customYonoSCRButtonRow1{	
	       position: absolute;
    margin-bottom: 11%;
    margin-left: 25%;
}
.customYonoOtpFieldStyle{
	width:100%;	
	text-align: center;	
}
.customYonoOtpTimeStyle {
    color: #999999;
    font-size: 14px;
    background-color: white;
    vertical-align: super;
	  position: relative;
    top: 3px;
}
.container-large{
	width: 99% !important;
}
.groupletSection{
	    width: 100%;
}
.customYonoCHKMargin25PercentStyle{	
	margin-left:25%;	
}
.customYonoCHKPadding0Style{
	padding:0 !important;
}
.customYonoCHKButtonRow{
	bottom: 0;
    position: absolute;
    /* margin-bottom: 12%; */
    margin-left: 10%;
}
.error_highlight_right{
	padding:0 !important;
}
.CustomYonoSCRRadioButton{
	vertical-align: middle;
    margin-left: 5px;
    font-size: 0.813em;
    margin-right: 3px;
    pointer-events: auto !important;
}

.CustomYonoSCRRadioButton{

    z-index: 1;
    width: 106px;
    height: 42px;
    vertical-align: middle;
	top: 201px;
    margin-left: 5px;
	cursor: pointer;
    font-size: 0.813em;
    margin-right: 3px;
    pointer-events: auto !important;
}
   
/* ************Added by Chennai Team************** */
.customFormRow {
    margin: 0px;
    padding-left: 0px;
    padding-right: 12px;
    padding-top: 30px; 
    padding-bottom: 0px;
    margin-left: 250px;
    clear: both;
    background-color: transparent;
}

.customFormRowSetDate {
    margin: 0px;
    padding-left: 0px;
    padding-right: 12px;
    padding-bottom: 0px;
    margin-left: 0px;
    clear: both;
    background-color: transparent;
}

.cusformRowDate {
    margin: 0px;
    padding-left: 0px;
    padding-right: 12px;
    padding-bottom: 0px;
    margin-left: 280px;
    clear: both;
    background-color: transparent;
}


.customMCbutton {
    border-radius: 15px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px;
    font-size: 12px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* border: 0 solid #333; */
    /* float: left; */
    text-decoration-line: initial !important;
}

.customFormRowCentre {
    margin: 0px;
    padding-left: 0px;
    padding-bottom: 25px;
    clear: both;
    background-color: transparent;
    margin-left: 120px;
    padding-top: 25px;
}
.customContainerWOMarg {
    float: left;
    margin-bottom: 12px;
    width: 100%;
    /* border: 1px solid #CCCCCC; */
}
.custombuttonlong {
	margin-right: -30px;
    width: 700px;
}

.customclearbtn {
    margin-right: 20px;
}
.customcentrelmamt {
    margin: 0px;
    padding-left: 250px;
    /* padding-right: 700px; */
    padding-top: 8px;
    padding-bottom: 0px;
    clear: both;
    background-color: transparent;
}
.customMCHeadingValue {
    float: left;
    width: 20% !important;
    height: 1rem !important;
    font-size: 12px !important;
}
.customcontinuebtn {
    margin-right: 300px;
}
.customDateHeading {
    color: #999999;
    font-size: 0.6em;
    text-decoration: none;
    /* text-align: left !important; */
    width: 100%;
    float: left;
    margin-top: 15px;
}
/*.customEndDateAdded {
   color: #999999;
   font-size: 0.6em;
   text-decoration: none;
   text-align: left !important;
   width: 100%;
   float: left;
   margin-top: 20px;
}*/
.customEndDateAdded {
    color: #999999;
    font-size: 12px;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    margin-top: 10px;
}
.CustomPersFormbtn {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 32px;
	padding: 5px 60px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	margin-left: 80px;
	text-decoration-line: initial !important;
	margin-top: 55px;
    margin-left: 90px;
}

.CustomClearFormbtn {
	margin-right: 20px;
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 32px;
	padding: 5px 60px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
}

.customClearButton{
	margin-right: 20px;
}
.customPersonlizebtn{
	margin-top: 50px;
}
.customContHdRow{
	
	margin: 0px;
    padding-left: 0px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 0px;
    clear: both;
    background-color: transparent;
    margin-left: 100px;
}

.customContinueBtn{
border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 12px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    /* cursor: pointer; */
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
    margin-bottom: 10px;
    margin-top: 35px;
    margin-left: 28px;
}

.customTableRow {
    margin: 0px;
    padding-left: 0px;
    padding-right: 12px;
    padding-top: 30px;
    padding-bottom: 0px;
    clear: both;
    margin-bottom: 50px;
    background-color: transparent;
}

.customTblCont {
    float: left;
    font-size: 12px;
    color: #000000;
    padding-left: 15px;
    width: 100%;
    /* font-weight: bold; */
}

.customDateRight {
    padding-bottom: 10px;
    padding-left: 6px;
    clear: right;
    display: block;
    overflow: hidden;
    }
   
   
   
   

.cutomDateleft {
    padding-right: 1px;
    padding-left: 1px;
    width: 162px;
    float: left;
    clear: left;
    padding-bottom: 1px;
    padding-top: 20px;
    font-weight: normal;
}

.customfirstrow {
	margin-left: 175px;
    margin: 0px;
    padding-left: 175px;
    padding-right: 12px;
    padding-top: 30px;
    padding-bottom: 0px;
    clear: both;
    background-color: transparent;	
}

.customIconright {
    clear: right;
    display: block;
    overflow: hidden;
    width: 26px;
    border-top-width: 50px;
    margin-top: 30px;
    padding-top: 40px;
    padding-right: 20px;
    border-right-width: 500px;
    margin-right: 50px;
    padding-bottom: 50px;
    padding-left: 430px;
}
/* ************ END Of Added by Chennai Team************** */

/* ************Styles Added By Sreevidhya For Table Generation************ */
/*.customYonoBillTableHeader{
	text-align:center !important;
}*/
.customYonoBillTableHeader {
    text-align: center !important;
    width: 12%;
}

.customYonoBillPayAmount {
	float: left;
    font-size: 12px;
    color: #000000;
    padding-left: 10px;
    width: 100%;
    font-weight: bold;
}
.customYonoBillPayDate{
	float: left;
    font-size: 12px;
    color: #000000;
    padding-left: 10px;
    width: 100%;
}
/* ************ END Of Styles Added By Sreevidhya For Table Generation************ */

/* Added by Sridhar for Chennai Team Changes */

/*.customYonoLimitsDateTextBox_Calender{
	margin-bottom: 60px;
    width: 12px;
    cursor: pointer;
    padding: 0 !important;
}*/
.customYonoLimitsDateTextBox_Calender {
    margin-bottom: 20px !important;
    width: 20px;
    cursor: pointer;
    height: 20px;
    margin-left: 10px;
    margin-top: -1px;
    /* padding: 0 !important; */
}
/*.customYonoLimitsDateTextBox{
	    float: left;
    height: 1.3rem !important;
    font-size: 12px !important;
    width: 37.5% !important;
}*/
.customYonoLimitsDateTextBox {
    float: left;
    height: 15px !important;
    font-size: 12px !important;
    width: 39% !important;
}
/*.customYonoLimitsLookupbuttonStyle{
	    margin-right: 4%;
    margin-top: -2%;
    border: 1.5px solid #0095da;
    background: white;
    color: #0095da !important;
}*/
.customYonoLimitsLookupbuttonStyle {
    margin-right: 10% !important;
    margin-top: -5%;
    border: 1.5px solid #0095da;
    padding-top: 6px;
    font-family: sans-serif !important;
    background: white;
    color: #0095da !important;
}
.CustomYonoLimitsMargin25Percent{
	margin-left:40%;
}
/*.customYonoLimitsSubmitButton{
	margin-left: -20%;
    bottom: 0;
    position: absolute;
    margin-bottom: 18%;
}*/
.customYonoLimitsSubmitButton {
    margin-left: -55% !important;
    bottom: 0;
    position: absolute;
    margin-bottom: -1.5% !important;
}
/*.CustomYonoViewLimitsMargin25Percent{
	margin-left:30%;
	margin-right: 5%;
}*/
.CustomYonoViewLimitsMargin25Percent {
    margin-left: 30%;
    margin-right: 5%;
    margin-top: 5px;
}
.customYonoLimitsWidth30Percent{
	width:30%;
}
.customYonoLimitsWidth45Percent{
	width:45%;
}
/*.CustomYonoViewLimitsDateBox_row{
	margin-left: 1%;
}*/
.CustomYonoViewLimitsDateBox_row{
	margin-left: 5%;
}
/*.CustomYonoViewLimitsDateBox{
	width: 35% !important;
    font-size: 12px !important;
    height: 1.8rem !important;
}*/
.CustomYonoViewLimitsDateBox {
    width: 35% !important;
    font-size: 12px !important;
    height: 40px !important;
    padding-top: -7px !important;
}
/*.CustomYonoViewLimitsDateBox_Calender{
	margin-left: -15px;
}*/
.CustomYonoViewLimitsDateBox_Calender {
    margin-left: -20px;
    margin-top: 0px;
    height: 20px;
    /* margin-left: -15px; */
}
/*.customYonoLimitsSearchIcon{
	font-size: 20px;
    color: #B90000;
    cursor: pointer;
    margin-left: 5%;
    vertical-align: middle;
}*/
.customYonoLimitsSearchIcon {
    font-size: 25px;
    color: #B90000;
    cursor: pointer;
    position: absolute;
    margin-left: 33%;
    padding-top: -4px !important;
    margin-top: 60px !important;
    vertical-align: middle;
}
/*.customYonoLimitAmountValue{
	    float: left;
    width: 40% !important;
    height: 1.3rem !important;
    font-size: 12px !important;
}*/
.customYonoLimitAmountValue {
    float: left;
    width: 39% !important;
    height: 1.3rem !important;
    font-size: 12px !important;
}
/* Added by Sridhar for Chennai Team Changes */

.icon-ic-ServiceList-SBA:before{
	content: "\e91f";	
}
/* .icon-ic-ServiceList-ACS:before{
	content: "\e91f";	
} */


.icon-ic-ServiceList-DPA:before{
	content: "\e91f";	
}
.icon-ic-ServiceList-OPA:before{
	content: "\e92f";	
}
.icon-ic-ServiceList-MIS:before{
	content: "\e91f";	
}
.customYonoServiceRequestsBgNone{
	background-color: inherit;
	border:0 !important;
}
.CustomYonoServiceRequestPageLeftContainer{
	float: left;
    width: 99%;    
    border-radius: 5px !important;
}
.customYonoQuickPaymentsDivStyle{
	    padding-top: 2%;
    float: left;
}
.icon-ic-ServiceList-CHQ:before{
	content: "\e912";	
}
.icon-ic-ServiceListLink-CHK:before{
	content: "\e92f";
}

.icon-ic-ServiceListLink-ECS:before{
	content: "\e91a";
}
.icon-ic-ServiceListLink-SCR:before{
	content: "\e937";
}
.icon-ic-ServiceListLink-USC:before{
	content: "\e930";
}

/* **************** CPLCyberReceiptUX3 Confirmation Page**** */

.custompaneldiv {
	margin-top: 15px;
	border-radius : 5px;
    margin-right: 322px;
    width: 1013px;
    border-left: 1px solid #CCCCCC;
    background-color: #fff;
    overflow-y: scroll;
    padding-bottom: 25px;
}


.customtopSubSection{
	
   	background-color: #f9f9f9;
    padding-bottom: 50px;
    padding-left: 27px;
    padding-top: 27px;
    
}
.customBottomSubSection {
	padding-top: 10px;
	padding-left: 78px;
}

.customIconIntend {
	padding-left: 30px;
    padding-top: 30px;
}
.custom_donelogo {
	background-image: url(../images/New/icons-done.svg);
	background-repeat: no-repeat;
}

.cutomIconleft {
	width: 70px;
    padding-right: 1px;
    padding-left: 1px;
    float: left;
    clear: left;
    padding-bottom: 1px;
    font-weight: normal;
}

.customIconRight {
	padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 6px;
    clear: right;
    display: block;
    overflow: hidden;
}
.customDataFont {
/* 	padding-left: 7px; */
    width: 237px;
    float: left;
    font-size: 14px;
    color: #000;
    /* text-align: center; */
    padding-top: 7px;
    padding-bottom: 12px;
}
.customfirstLeft {
	height: 8px;
    width: 272px;
    padding-right: 1px;
    padding-left: 1px;
    float: left;
    clear: left;
    text-align: right;
    padding-bottom: 1px;
    padding-top: 7px;
    font-weight: normal;
}
.customHeadingRow {
	color: #999999;
    font-size: 0.6em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    margin-top: 8px;
}
/*.customZeroright {
	padding-top: 8px;
    color: #999999;
    font-size: 0.6em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
}*/
/* .customZeroright {
    padding-top: 8px;
    color: #999999;
    font-size: 15px;
	font-family: sans-serif;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
} */
.customZeroright {
    padding-top: 8px;
    color: #999999;
    font-size: 15px;
    font-family: sans-serif;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    margin-left: -2px;
}
/*.customFirstright {
	height: 20px;
    width: 625px;
    padding-left: 300px;
    color: #999999;
    font-size: 0.6em;
    text-decoration: none;
    text-align: left !important;
    float: left;
}*/
.customFirstright {
    height: 20px;
    width: 625px;
    padding-left: 300px;
    color: #999999;
	font-family: sans-serif;
    font-size: 15px;
    text-decoration: none;
    text-align: left !important;
    float: left;
}
/*.customSecondright {
    padding-left: 680px;
    color: #999999;
    font-size: 0.6em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
}*/
/* .customSecondright {
    padding-left: 680px;
    color: #999999;
    font-size: 15px;
	font-family: sans-serif;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
} */

.customSecondright {
    padding-left: 680px;
    color: #999999;
    font-size: 15px;
    font-family: sans-serif !important;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
}

.customFirstrightSecRow {
	height: 20px;
    width: 444px;
    padding-left: 65px;
    color: #999999;
    font-size: 0.6em;
    text-decoration: none;
    text-align: left !important;
    float: left;
}
.customSecondrightSecRow {
	padding-left: 700px;
    color: #999999;
    font-size: 0.6em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
}
.customtopmar {
	padding-top: 50px;
}
.customLimitDataFont {
/* 	padding-left: 7px; */
    width: 237px;
    float: left;
    font-size: 14px;
    color: #000;
    /* text-align: center; */
    padding-top: 22px;
    padding-bottom: 12px;
}
.customRefFont {
    padding-left: 7px;
    width: 237px;
    float: left;
    font-size: 14px;
    color: #000;
    /* text-align: center; */
    padding-top: 10px;
    padding-bottom: 12px;
}
.customSucMsg {
	font-weight: bold;
    padding-left: 7px;
/*  width: 237px; */
    float: left;
    font-size: 12px;
    color: #4CAF50 ;
    /* text-align: center; */
    padding-top: 10px;
    padding-bottom: 12px;
}

/* **************** END of  CPLCyberReceiptUX3 Confirmation Page**** */

/*Added by Sridhar in Mumbai*/
.customYonoMngBnfSearchCPSearchButton{
    bottom: 0;
    position: absolute;
    margin-left: 25%;
    margin-bottom: 2%;
}
 .customYonoMngBnfCheckbox {
    margin-top: 4px;
    z-index: 9999;
    margin-left: 4px;
    cursor: pointer;
}
[type="checkbox"].customYonoMngBnfCheckbox:checked + span:after {
    background-color: #0095DA !important;
    border: 2px solid #0095DA !important;

}
.customYonoMngBnfDeleteBnfSubmitButton {
    bottom: 0;
    position: absolute;
    margin-left: 5%;
    margin-bottom: -15px;
    margin-top: 40px !important;
}
.customYonoFndTrfContinueRemittanceButton {
    margin-bottom: -21px;
    margin-left: 44%;
    height: 42px;
    font-size: 15px;
    padding-top: 5px;
    width: 118px;
    position: absolute !important;
    bottom: 0;
}
.customYonoTransactionDateTextBox{
float: left;
    height: 1.3rem !important;
    font-size: 12px !important;
    width: 90% !important;
}

.customYonoTransactionDateTextBox_Calender {
    margin-bottom: 60px;
    width: 12px;
    cursor: pointer;
    padding: 0 !important;
}
.customYonoFndTrfLeftListingFieldHeadingValueForRemarks{
    float: left;
    width: 108% !important;
    height: 1rem !important;
    font-size: 12px !important;
}
.customYonoFndTrfLeftListingAmountColumnNotExistBnf{
    float: left;
    margin-right: 5px;
    text-align: right;
    width: 28%;
    font-size: 12px;
}
.customYonoTransactionNoteText{
	    font-size: .65em;
    text-decoration: none;
    word-wrap: break-word;
    font-weight: normal;
    margin-top: -23px;

}
.customYonoFndTrfNoteColumnNotExistBnf{
    float: left;
    margin-top: 7px;
    width: 100%;   
    text-align: right;
}
.customYonoOtpMobileNumberTextStyle{
	text-align: center;
}
.customYonoTransactionOtpStyle{
width: 100%;
}
.customYonoTransactionOtpStyle_authenticationStyle{
	    text-align: center;
    margin-left: -13%;
}
/*.customYonoLimitsleftLinkRowStyle{
	height: 175px !important;
    padding-left: 25px;
    padding-top: 47px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
    background-color: #F3F3F3;
    margin-top: -12px;
    cursor: pointer;
}*/
.customYonoLimitsleftLinkRowStyle {
    height: 175px !important;
    padding-left: 25px;
    padding-top: 70px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
    background-color: #F3F3F3;
    margin-top: -8px;
    cursor: pointer;
}
.customYonoLimitsConfirmationPageColumn{
    float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 2%;
    width: 30%;
    margin-right: 1%;
}
/*.customYonoLimitsConfirmationContinueButton{
    margin-left: 45%;
    bottom: 0;
    position: absolute;
    margin-bottom: 4%;
}*/
.customYonoLimitsConfirmationContinueButton {
    margin-left: 45%;
    bottom: 0;
    position: absolute;
    margin-bottom: -1.5%;
	right: 439px !important;
}
/*Added by Sridhar in Mumbai*/

/*Payment Details*/

.customYonoConfirmTxnSummaryRow {

    float: left;

    width: 100%;

    min-height: 120px;

    max-height: 200px;

    position: relative;

    background-color: #f3f3f3;

                border-top-left-radius:5px !important;

                border-top-right-radius:5px !important;

 

}

.customYonoConfirmTxntSummListing {
    padding-left: 40px;
    padding-top: 40px;
    float: left;
    width: 100%;
    height: auto;
    max-height: 300px;
    background-color: #ffff;
    min-height: 300px;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.customYonoConfirmTxnSummarycolumn1 {

    float: left;

    margin-right: 5px;

    margin-top: 10px;

    /* text-align: left; */

    margin-left: 1%;

    width: 10%;

}

.customYonoSummmarySuccessText{

                font-size: 15px;

    text-transform: none;

    padding-left: 51px;

    color: #58B200;

    padding-top: 10px;

    font-weight: bold;

}

.customYonoConfirmTxnSummarycolumn2 {

                float: left;

                /* margin-right: 5px; */

                margin-top: 7px;

                text-align: left;

                margin-left: 2%;

                width: 50%;

}

.customYonoConfirmTxnSummaryRow2 {

    float: left;

    margin: 2px 0;

    width: 100%;

    position: relative;

    top: 43px;

}

/*Payment Details*/



/*Added by Sridhar for Cheques and Error*/
.icon-ic-ServiceListLink-PED:before{
	content: "\e92c";
}
.icon-ic-ServiceList-PED:before{
	content: "\e92c";	
}

.customYonoECSTableColumnStyle{
	    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
}
.customYonoECSHeight400{
	height:400px;
	max-height:400px;
}
.customYonoECSHeight300{
	height:300px;
	max-height:300px;
}
.customYonoTableScrollable{
	overflow-y: scroll;
    overflow-x: hidden;
}
.customYonoColoredCircle{
	height: 5px;
    width: 5px;
    border-radius: 100%;    
    display: inline-block;
    vertical-align: middle;
}
.customYonoECSBgGreen{
	background-color: green;
}
.customYonoECSBgOrange{
	background-color: orange;
}
.customYonoECSBgRed{
	background-color: red;
}
.customYonoECSBgBlue{
	background-color: blue;
}
.customYonoECSWidth50Percent{
	width:50%;
}

/* Added by Sridhar for Modal View Errors ui */

.ui-dialog{
	border-radius: 8px;
}

#CustomYonoErrorDisplayId {
    border-top: 0px solid #d0d0d0;
	
}



.ui-dialog .ui-dialog-buttonpane button{
    text-align: center;
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 12px;
	font-weight: bold;
    /*font-family: Roboto-Light !important;*/
    margin: 0 !important;
    color: initial !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA) !important;;
    border: 0 solid #333;
    text-decoration-line: initial !important;
	color: #ffffff !important;
}
.ui-widget-content{
	
	border-top: 0px solid #d3d3d3 !important;
	font-size: 12px !important;
	margin-top: 5px !important;
        /* avijit for currency dropdown issue --start*/
        }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float: none !important;
    text-align: center;	
}
.customYonoErrorGreenIcon{
	font-size: 50px;
    color: #58B200;
    text-align: center;
    float: left;
    width: 100%;
}
.customYonoErrorOrangeIcon{
	font-size: 50px;
    color: #EB9D00;
    text-align: center;
    float: left;
    width: 100%;
}
.customYonoErrorRedIcon{
	font-size: 50px;
    color: #800080;
    text-align: center;
    float: left;
    width: 100%;
}

/* Changed by Niveditha */
.customYonoErrorGreenTittleText{
	font-size: 20px;
    color: white;
    text-align: center;
    float: left;
    width: 100%;
    font-weight: bolder;
}
/* Changed by Niveditha */
.customYonoErrorOrangeTittleText{
	font-size: 20px;
    color: #EB9D00;
    text-align: center;
    float: left;
    width: 100%;
    font-weight: bolder;
}
.customYonoErrorRedTittleText{
	font-size: 20px;
    color: #800080;
    text-align: center;
    float: left;
    width: 100%;
    font-weight: bolder;
}

.customYonoErrorMesgTextStyle {
    text-align: center;
    float: left;
    font-size: 14px;
    width: 100%;
}

[type=button]:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

/* Added by Sridhar for Modal View Errors ui */

/*Added by Sridhar for Service Request Styling*/

.pageLeftContainer{
	position: relative;
}

/* .customYonoBottomAbsoluteFixedButtonStyle{
	position: absolute;
    margin-bottom: -1.5%;
    bottom: 0;	
} */

.customYonoBottomAbsoluteFixedButtonStyle {
    position: absolute;
    margin-bottom: -22px;
    bottom: 0;
}

.customYonoTopAbsoluteFixedButtonStyle{
	position: absolute;
    
    top: 0;	
}
.CustomYonoCHKButtonStyle{
	margin-left: 25%;
}
.customYonoErrorTextSuccessStyle{
                font-size: 15px;
    text-transform: none;
    padding-left: 51px;
    color: #58B200;
    padding-top: 10px;
    font-weight: bold;
	    margin-top: 8px !important;
    position: absolute;
}
.customYonoErrorTextFailureStyle{
                font-size: 15px;
    text-transform: none;
    padding-left: 51px;
    color: #B90000;
    padding-top: 10px;
    font-weight: bold;
}

.customYonoServiceRequestListDivStyle{
	padding-top: 2%;
    float: left;
}

.customYonoServiceRequestListIconRowStyle{
	background-color: #FFFFFF;
    width: 65px;
    float: left;
    height: 118px; /*changed by pallabi value 80px */
    padding-top: 13px;
    max-height: 120px; /*changed by pallabi value 80px */
    padding-bottom: 25px;
    margin-left: 10px;
    vertical-align: middle;
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.customYonoServiceRequestListIconStyle{
color: #B90000;
    font-size: 35px;
    padding-left: 20px;
    width: 0px;
    float: left;
    background-color: #FFF;
    height: 40px;
    padding-top: 13px;
}
.customYonoServiceRequestListTextRowStyle {
    background-color: #F3F3F3;
    width: 208px;
    float: left;
    height: 118px; /*changed by pallabi value 80px */
    padding-top: 13px;
    max-height: 120px; /*changed by pallabi value 100px*/
    padding-right: 10px;
    padding-bottom: 5px;
    text-align: center;
}
.customYonoServiceRequestListTextStyle{
    color: #000000;
    font-size: 16px;
    font-weight: bolder;
    float: left;
    vertical-align: middle;
    padding-top: 19px;
    padding-left: 10px;
    text-align: center;
}
.customYonoServiceRequestListRightArrowRowStyle{
	background-color: #F3F3F3;
    width: auto;
    float: left;
    height: 118px;  /*changed by pallabi value 80px */
    padding-top: 13px;
    max-height: 120px; /*changed by pallabi value 80px */
    padding-right: 30px;
    padding-bottom: 5px;
	border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.customYonoServiceRequestListRightArrowStyle{
	color: #0095DA;
    font-size: 35px;
    padding-left: 20px;
    width: 0px;
    float: left;
    background-color: #F3F3F3;
    height: 40px;
    text-decoration: none !important;
    padding-top: 13px;
}
.headerouter_r{
	position: absolute;
}
.border-left-right{
	    border-left:none !important;
}
/* form{
	height: auto !important;
} */

/*Added by Sridhar for Service Request Styling*/
/*Added by Sridhar for Cheques and Error*/


/********** START: Service Request - personal details *************/

.customYonoPEDBackIcon {
    font-size: 25px;
    padding-left: 10px;
    cursor: pointer;
}
.customYonoPEDLanding {
	background-color: #FFFFFF;
	width: 60px;
	float: left;
	height: 85px;
	padding-top: 25px;
/* 	max-height: 65px; */
	padding-bottom: 25px;
	margin-left: 10px;
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.customYonoPEDLandingSRIcon {
	color: #B90000;
    font-size: 35px;
    padding-left: 14px;
    width: 0px;
    float: left;
    background-color: #FFF;
    height: 40px;
}
.customYonoPEDLandingText {
	background-color: #F3F3F3;
	width: 185px;
	float: left;
	height: 85px;
	padding-top: 13px;
/* 	max-height: 65px;
	padding-right: 50px; */
	padding-bottom: 5px;
}
.customYonoPEDLandingTextLine1 {
	color: #000000;
	font-size: 16px;
	font-weight: bolder;
	float: left;
	vertical-align: middle;
	padding: 10px 0px 10px 10px;
	width: 100%;
}
.customYonoPEDLandingTextLine2 {
    color: #999999;
    font-size: 14px;
    vertical-align: middle;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    font-family: sans-serif;
    white-space: nowrap;
    width: 195px !important;
    padding-left: 10px;
    width: 100%;
    float: left;
}
.customYonoPEDLandingIconArea {
	background-color: #F3F3F3;
    width: auto;
    float: left;
    height: 85px;
    padding-top: 30px;
/*     max-height: 65px; */
    padding-right: 30px;
    padding-bottom: 5px;
}
.customYonoPEDLandingIcon {
	color: #B90000;
    font-size: 25px;
    padding-left: 5px;
    width: 0px;
    float: left;
    background-color: #F3F3F3;
    height: 40px;
    cursor: pointer;
}
.customYonoPEDLandingIconAreaBorder {
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.customYonoPEDOtpCapture {
    background-color: #ffffff;
    text-align: center;
    height: 280px;
    border-radius: 5px;
}
.customYonoPEDOtpCaptureText {
	
}
.customYonoPEDOtpInput {
	height: 45px;
	width: 45px;
	font-size: 25px;
	text-align: center;
	border-bottom: 1px solid #999999 !important;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}

.customYonoPEDOtpInput::-webkit-inner-spin-button, 
.customYonoPEDOtpInput::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.customYonoPEDOtpInput:focus {
	outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoPEDDataCapture {
    background-color: #ffffff;
    text-align: center;
    height: 380px;
    border-radius: 5px;
}
.customYonoPEDEmailRow {
    width: 100%;
    height: 85px !important;
}
.customYonoPEDEmailcolumn {
/* 	float: left; */
	margin-top: 7px;
	width: 30%;
}
.customYonoPEDEmailText {
	color: #999999;
	font-size: 13px;
	padding-top: 15px;
}
.customYonoPEDEmailcolumn .labelColumn {
	float: none;
}
.customYonoPEDEmailTextBox {
    background-color: #edf6fb;
    padding-top: 7px;
    border-color: #88A0C8 #88A0C8 #88A0C8;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    font-size: 20px !important;
    text-decoration: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    float: left;
    height: 25px !important;
    border: 1px solid #d3d3d3;
    min-width: 237px;
    margin-left: 38% !important;
    width: 25% !important;
}
/* .customYonoPEDDataCaptureText {
	width: 50%;
    margin-left: 25%;
    margin-top: 2%;
} */
.customYonoPEDDataCaptureText {
    width: 100%;
    /* margin-left: 0px; */
    position: relative;
    font-family: sans-serif !important;
    margin-top: 50px;
}
.customYonoPEDRightAlign {
	text-align: left !important;
	float: none !important;
	padding-right: 10px;
	min-width: 200px;
}
.customYonoPEDTextHeading {
    color: grey;
    font-size: 15px;
    text-decoration: none;
    text-align: left !important;
    margin-left: 190px !important;
    width: 100%;
    float: left;
}
.customYonoPEDLeftTextBox {
    float: left;
    margin-left: 190px !important;
    height: 20px !important;
}
.ui-widget-overlay {
 height: 100% !important; 
 width: 100% !important;
 position: fixed !important;
}

.customYonoPEDMobOtpCaptureBtn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    position: absolute;
    top: 260px;
    margin-left: -55px;
    float: none;
    /* margin-top: -10px; */
}

.customYonoPEDEmailBtn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    margin-left: 45.6%;
    margin-top: 70px;
}
/* .customYonoPEDMobilecolumn1 {
	float: left;
	margin-top: 62px;
	width: 46%;
    padding-right: 8px;
} */
.customYonoPEDMobilecolumn1 {
    float: left;
    margin-top: 42px;
    width: 46%;
    /* color: black; */
    padding-right: 10px;
}

.customYonoPEDMobilecolumn2 {
	float: left;
	margin-top: 7px;
	width: 30%;
}
/* .customYonoPEDMobileTextBox {
	background-color: #edf6fb;
	padding-top: 7px;
	border-color: #88A0C8 #88A0C8 #88A0C8;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 11px;
	text-decoration: none;
	width: 100%;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	float: left;
	height: 24px;
	border: 1px solid #d3d3d3;
} */
.customYonoPEDMobileTextBox {
    vertical-align: middle;
    float: left;
    height: 25px !important;
}

.customYonoPEDMobilecolumn1 .customYonoPEDMobileTextBox {
	width: 12% !important;
    float: right;
}
.customYonoPEDMobilecolumn2 .customYonoPEDMobileTextBox {
    width: 70% !important;
}
.customYonoPEDMobilecolumn2 .customYonoPEDEmailText {
	float: left;
}
.customYonoPEDMobileBtn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    margin-left: 45.6%;
    margin-top: 155px;
    padding-top: 14px;
}
.customYonoPEDAddressDataCapture {
    background-color: #ffffff;
    height: 380px;
    border-radius: 5px;
}
/* .customYonoPEDLookupAddress {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 32px;
	padding: 5px 60px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	color: #0095DA !important;
	cursor: pointer;
	float: right;
	border: 1px solid #0095DA;
	text-decoration-line: initial !important;
} */
.customYonoPEDLookupAddress {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    position: relative;
    padding: 10px 66px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 12px;
    left: 80px;
    top: 15px;
	background: white;
    font-family: sans-serif !important;
    color: #0095DA !important;
    cursor: pointer;
    float: right;
    border: 1px solid #0095DA;
    text-decoration-line: initial !important;
}


.customYonoPEDAddressLeftListing {
	float: left;
	width: 50%;
	height: auto;
	max-height: 400px;
	background-color: #fff;
	min-height: 380px;
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.customYonoPEDAddressRightListing {
    float: right;
	margin-top: 16px;
    width: 50%;
    background-color: #fff;
    min-height: 400px;
    height: auto;
    max-height: 380px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.CustomYonoPEDAddressFormbtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 36px;
    padding: 10px 40px;
    font-size: 12px;
    font-family: Roboto-Light !important;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    margin-top: 42px;
    margin-left: -55px;
    text-decoration-line: initial !important;
}

.customYonoPEDOtpCapture .querytextleft {
	float: none;
}
.customYonoPEDOtpCapture .customYonoOtpQueryitalictext {
	display: none;
}
/* .customYonoPEDOtpCaptureBtn {
	padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    float: none;
    margin-top: 87px;
} */
.customYonoPEDOtpCaptureBtn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    position: absolute;
    top: 10px;
    margin-left: -55px;
    float: none;
    /* margin-top: -10px; */
}


.customYonoPEDOtpCapture .customYonoOtpSearchsimpletext_sideheading {
	font-size: 16px;
	margin-left: 0px;
}
.customYonoPEDOtpCapture .CustomYonoWidgetOtpQuerytextboxmedium_search {
	margin-left: 0px;
    display: inline-grid;
    text-align: center;
}
.customYonoPEDLandingMainContainer .pageLeftContainer {
	background: none;
}

/* .customYonoPEDAddressBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
} */

.customYonoPEDAddressBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    margin-left: 0px;
    position: relative !important;
    font-size: 12px;
    /* margin-top: 7px; */
    top: 20px !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}

.customYonoPEDAddressBtnContainer {
    background-color: #ffffff;
    height: 36px;
/*     padding: 0px !important; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.customYonoPEDAddressReceiptLeftTextHeading {
	color: #999999;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	width: 100%;
	float: left;
}
.customYonoPEDAddressReceiptRightTextHeading {
	color: #999999;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 40px !important;
	width: 100%;
	float: left;
}
/* .customYonoPEDAddressReceiptLeftTextBox {
	float: left;
	margin-left: 190px !important;
	height: 32px;
    border-bottom: 1px solid #999999;
    width: 100%;
    text-align: left;
    color: #999999;
} */
.customYonoPEDAddressReceiptLeftTextBox {
    float: left;
    margin-left: 190px !important;
    height: 20px;
    border-bottom: 1px solid #999999;
    width: 100%;
    text-align: left;
    color: #999999;
}

/* .customYonoPEDAddressReceiptRightTextBox {
	float: left;
	margin-left: 40px !important;
	height: 32px;
    border-bottom: 1px solid #999999;
    width: 100%;
    text-align: left;
    color: #999999;
} */
.customYonoPEDPNOtpCaptureBtn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    position: absolute;
    top: 10px;
    margin-left: -55px;
    float: none;
    /* margin-top: -10px; */
}
.customYonoPEDAddressReceiptRightTextBox {
    float: left;
    margin-left: 40px !important;
    height: 20px;
    border-bottom: 1px solid #999999;
    width: 100%;
    text-align: left;
    color: #999999;
}


.customYonoPEDAddressDropDownTextBox {
	margin-left: 190px;
}

/********** END: Service Request - personal details *************/


/***** SHAIL CSS FOR PERSNAL DETAILS*******/
.error_highlight_right{

       float: none;

}

/******** END **********/



/**** START:ADDED FOR SRIDHAR FOR CHECK RELATED SERVICES***/

.customYonoUSCSingleChequeNumberColumnStyle {
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
}

.customYonoUSCHeadingValue {
    font-size: 13px;
    padding-left: 4px;
    padding-top: 21px;
    white-space: nowrap;
    text-align: left;
}

.customYonoCHKFinalPageTxtColumn {
    float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 1%;
    width: 45%;

}

/**** END: ADDED FOR SRIDHAR FOR CHECK RELATED SERVICES***/


/* START ACCOUNT OPENING*/
/* ADDED FOR CASA BY VENU */

/* .CustomYonoAccOpnContainer {
    float: left;
    width: 99%;
    height: 600px;
    background-color: #FFFFFF;
    border-radius: 10px !important;
} */
/* .CustomYonoAccOpnContainer {
    float: left;
    width: 100%;
    height: 580px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    
} */
.CustomYonoAccOpnContainer {
    float: left;
    width: 100%;
    margin-top: -35px;
    height: 550px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
} 
/* .CustomYonoAccOpnContainer {
    float: left;
    width: 100%;
    margin-top: -30px;
    height: 550px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
} */

.CustomYonoAccOpnFormbtn {
    border-radius: 40px;
    width: 250px;
    position: absolute;
    top: 90.5%;
    font-weight: bold;
    vertical-align: middle;
    height: 45px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin: 0;
    margin-left: -150px;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoAccOpnContainer1 {
    background-color: #ffffff;
    text-align: center;
    height: 380px;
    border-radius: 5px;
    padding: 0px 135px;
}
.CustomYonoAccOpnContainer1 p, .customYonoISARequirement p {
	height: auto !important;
}
.CustomYonoAccOpnContainer2 {
    display: inline-flex;
    padding: -10px !important;
    margin-left: -145px !important;
    float: left !important;
}
.CustomYonoAccOpnContainer2 span {
    font-size: 15px;
    color: #333333;
    width: 250px !important;
    font-weight: bold;
}
.customYonoAccOpenFeaturesText {
	font-weight: bold;
}
.customYonoAccOpenRequirementText span {
    display: block;
}
.customYonoAccOpenRequirementText span:nth-child(3) {
    font-size: 24px;
    font-weight: bold;
    color: #281172;
}
.customYonoAccOpenFeaturesDivider {
    border-top: 2px solid #999999;
}
.customYonoAccOpenRequirement span:nth-child(2) {
    border-left: 2px solid #999999;
    border-right: 2px solid #999999;
}
.customYonoAccOpenRequirement {
    padding: 0px 160px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}
.customYonoAccOpenDCCheckbox {
    margin-top: -90px;
    /* position: relative !important; */
    /* opacity: 1 !important; */
    z-index: 9999;
    margin-left: 4px;
    cursor: pointer;
}
[type="checkbox"].customYonoAccOpenDCCheckbox:checked + span:after {
    background-color: #0095DA !important;
    border: 2px solid #0095DA !important;
}

.customYonoAccOpenCheckbox {
    margin-top: 5px;
    /* position: relative !important; */
    /* opacity: 1 !important; */
    z-index: 9999;
    margin-left: 4px;
    cursor: pointer;
}
[type="checkbox"].customYonoAccOpenCheckbox:checked + span:after {
    background-color: #0095DA !important;
    border: 2px solid #0095DA !important;
}




.customYonoAccOpenTermsAndConditions {
    width: 100%;
    text-align: center;
    box-shadow: 0px -25px 15px -10px #f3f3f3;
}
.customYonoAccOpenTermsAndConditions p {
	height: auto !important;
	margin-bottom: 5px;
}

/* .customYonoAccOpenTermsAndConditionsText {
	font-size: 12px !important;
    font-weight: bold;
} */
.customYonoAccOpenTermsAndConditionsText {
    font-size: 15px !important;
    font-weight: bold;
	font-family: sans-serif !important;
}
.customYonoAccOpenDisabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 45px;
    top: 45% !important;
    padding: 5px 45px;
    /* margin-left: -25px; */
    font-size: 15px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-top: 15px;
    padding-left: 20px;
    font-weight: bold;
    color: #999999;
    cursor: not-allowed !important;
    /* background: #f3f3f3; */
    background: #f3f3f3;
    border: 0px solid #333;
    float: left;
}

.customYonoAccOpeningBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 45px;
    padding: 5px 45px;
    /* margin-left: 40px; */
    font-size: 15px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-top: 15px;
    padding-left: 20px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}
.customYonoAccOpenStepsBorder {
    background-color: #999999;
    border-radius: 10px;
    height: 4px;
}
.customYonoAccOpenStepsText {
    font-weight: bold;
    font-size: 11px;
    color: #999999;
}
.customYonoAccOpenStepsBorderActive {
	background-color: #0095DA;
	border-radius: 10px;
    height: 4px;
}
.customYonoAccOpenStepsTextActive {
	color: #0095DA;
	font-weight: bold;
    font-size: 11px;
}
.customYonoAccOpenFeaturesText {
	font-weight: bold;
}

.customYonoAccOpenForm {
   /* overflow-y: scroll; */
    height: 300px;
    padding: 0px 90px;
}
/* .customYonoAccOpenInputTextHeading {
    color: #262a2c82;
    font-size: 20px;
    text-decoration: none;
    text-align: left;
    width: 90%;
    line-height: 1.2;
    height: 62% !important;
    font-weight: bold;
} */
.customYonoAccOpenInputTextHeading {
    color: #262a2c82;
    font-size: 16px;
    text-decoration: none;
    font-family: sans-serif !important;
    text-align: left;
    width: 100%;
    line-height: 1.2;
    height: 62% !important;
    font-weight: bold;
}
.customYonoAccOpenInputTextBox {
    float: left;
    height: 20px !important;
}
.customYonoAccOpenDtlsRow .customYonoAccOpenInputTextBox {
	width: 250px;
}
.customYonoAccOpenInterestPayout {
	  /* background-color: #F3F3F3; */
    height: 35px !important;
    border-radius: -4px;
}
.customYonoAccOpenCurrencyIcon {
	float: left;
	padding-right: 5px;
}

.AccOpen_DC_NameDrpdwn {
    float: right;
    margin-right: 20px;
    margin-top: -100px;
    text-align: right;
    width: 80%;
    padding-left: 210px;
}
.customYonoAccOpenBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    margin-left: 0px;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}
.AccOpenlabelcolumncombosmall {
	margin-top: 8px; 
	padding-top: 0px; 
	
	width: 907%;
	background-color: transparent;
	border: 0 none;
	color: #03a1f1;
	
	/* font-size: 0.813em;*/
	font-size: 0.69em;
	/*font-size: 13px;  Modified for widget enhancement next-gen*/
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}
.customYonoAccOpenPoundSymbolSuffix:after {
	content: "\00A3";
}
/* .CustomYonoAccOpenMoreDetContainer {
    float: left;
    width: 99%;
    height: auto;
    background-color: #FFFFFF;
    border-radius: 10px !important;
} */
/* .CustomYonoAccOpenMoreDetContainer {
    float: left;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    border-radius: 5px !important;
} */

.CustomYonoAccOpenMoreDetContainer {
    float: left;
    width: 100%;
    margin-top: -15px;
    /* height: 620px; */
    height: auto;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    /* border: 8px; */
}

.CustomYonoAccOpnDetailsContainer {
    float: left;
    width: 99%;
    height: 400px;
    background-color: #FFFFFF;
    border-radius: 10px !important;
    /* border: 8px; */
}

.AccOpen_stage3_inputpanel_column1{
    float: left;
    margin-right: 5px;
    margin-top: 7px;
    text-align: right;
    width: 45%;
}
.AccOpen_stage3_inputpanel_column2 {
    float: right;
    margin-right: 20px;
    margin-top: -55px;
    text-align: right;
    width: 65%;
    padding-left: 200px;
}
.customYonoAccOpenDC {
    font-size: -4px !important;
    font-weight: bold;
    width: 100px;
    /* top: 100%; */
    /* margin-top: 101px; */
    margin-left: 250px;
}
.customYonoAccOpenDCFeaturesText {
	font-size: 20px !important;
    font-weight: bold;
    width: 550px !important;
    /* top: 98%; */
    /*padding-left: -21px;*/
    /* word-break: unset; */
    float: left;
    margin-top: 0px;
   /* margin-left: -100px;*/
    margin-left: -150px;
   /* margin-right: 100px;*/
}

.customYonoAccOpenDCCheckboxText {
    font-size: 20px !important;
    font-weight: bold;
    margin-top: -95px;
}

.customYonoAccOpenMoreDetBtn {
  	border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 5px 34px;
/*     margin-left: 0px; */
/* 	margin-top: 40px; */
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}
.customYonoAccOpenMoreDetBtnContainer {
    padding: 0px !important;
    margin-left: 44%;
    margin-top: -25px;
}
.customYonoAccOpenMoreDetBtnAlign {
	top: 24px;
}
.customYonoAccSetupLoginBtnAlign {
	top: 5px;
}

/* .customYonoDCAccOpenBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 47px;
    padding: 0px 31px 4px;
    margin-left: 31px;
    font-size: 20px;
    font-variant: all-small-caps;
    margin-top: -75px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
} */

.customYonoDCAccOpenBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    height: 49px;
    padding: 2px 29px 7px;
    /* margin-left: 25px; */
    /* padding: 5px 45px; */
    margin-left: 25px;
    font-size: 20px;
    /* top: 99%; */
    font-variant: all-small-caps;
    margin-top: -75px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}

.customYonoAccOpenFeaturesSubDivider {
    border-top: 2px solid #999999;
    margin-top: -15px;
    width: 50%;
    float: left;
    margin-left: 320px;
}

.customYonoAccOpenMoreDetFeaturesText {
    font-weight: bold;
    float: left;
    margin-top: -25px;
    margin-right: 30px;
}
/* .CustomYonoDCAccOpnContainer {
    float: left;
    width: 99%;
    height: 460px;
    background-color: #FFFFFF;
    border-radius: 10px !important;
} */
/* .CustomYonoDCAccOpnContainer {
    float: left;
    width: 100%;
    height: 460px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
} */

.CustomYonoDCAccOpnContainer {
    float: left;
    width: 100%;
    margin-top: -15px;
    height: 460px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    /* border: 8px; */
}
.CustomYonoAccOpnOTPContainer {
    float: left;
    width: 99%;
    height: 430px;
    background-color: #FFFFFF;
    border-radius: 10px !important;
    /* border: 8px; */
}
.customYonoAccOpenOTPBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 5px 28px;
    margin-left: 473px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 70px;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}
.customYonoAccOpenOTPInputTextHeading {
    color: #000000;
    font-size: 20px;
	float: left;
    text-decoration: none;
    text-align: left;
    width: 100%;
    font-weight: bold;
}

.customYonoAccSetupAddIcon {
    color: #f3f3f3;
    font-size: 34px;
    background-color: #0095DA;
    padding-left: 4px;
    width: 35px;
    float: left;
    margin-top: -25px;
    margin-left: 25px;
    border-radius: 30px;
    padding-left: 0px;
    padding-right: 0px;
}



.customYonoAccSetupForm {
    /* overflow-y: scroll; */
    height: 260px;
    padding: 0px 90px;
}

.customYonoAccSetupForm2 {
    border-bottom-right-radius: 10px;
    /* overflow-y: scroll; */
    height: 175px;
    background-color: #f3f3f3;
    padding: 0px 10px;
    border-bottom-left-radius: 10px;
}

.customYonoAccSetupLoginBtn {

    border-radius: 40px;

    vertical-align: middle;

    height: 45px;

    padding: 10px 60px 10px 40px;

/*     margin-left: 530px; */

    font-size: 15px;

    font-weight: bold;

/*     margin-top: 20px; */

    color: #ffffff;

    cursor: pointer !important;

    background: linear-gradient(135deg, #281172, #0095DA);

    border: 0px solid #333;

    float: left;

}

/* .CustomYonoAccOpnSetUpContainer {
    float: left;
    width: 99%;
    height: 500px;
    background-color: #FFFFFF;
    border-radius: 10px !important;
} */
.CustomYonoAccOpnSetUpContainer {
    float: left;
    width: 100%;
    height: 500px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    /* border: 8px; */
}
.customYonoAccSetupInputTextHeading {
    color: #000000;
    font-size: 20px;
    float: left;
    width: 10%;
    margin-left: 25px;
    text-decoration: none;
    text-align: left;
    width: 100%;
    margin-top: 0px;
    font-weight: bold;
}
.customYonoAccSetupInputSubHeading {
    color: #000000;
    font-size: 20px;
    float: left;
    width: 10%;
    margin-left: 100px;
    text-decoration: none;
    text-align: left;
    width: 100%;
    margin-top: 0px;
    font-weight: bold;
}
.customYonoAccSetupInputSubHeading1 {
    color: #999999;
    font-size: 20px;
    float: left;
    width: 10%;
    margin-left: 100px;
    text-decoration: none;
    text-align: left;
    width: 100%;
    margin-top: 100px;
    font-weight: bold;
}
.customYonoAccSetupInputSubHeading2 {
    align-content: center;
    color: #999999;
    font-size: 20px;
    float: left;
    width: 10%;
    margin-left: -150px;
    text-decoration: none;
    text-align: center;
    width: 71%;
    margin-top: 100px;
    font-weight: bold;
}
.customYonoAccSetupInputSubHeading3 {
    align-content: center;
    color: #999999;
    font-size: 20px;
    /* float: right; */
    width: 10%;
    float: left;
    /* float: right; */
    margin-left: 850px;
    text-decoration: none;
    text-align: center;
    width: 71%;
    margin-top: 100px;
    font-weight: bold;
}
.AccOpenSetup_stage1_inputpanel_column1 {
    float: left;
    margin-right: 5px;
    margin-top: -115px;
    text-align: right;
    width: 45%;
}
/* start Yes/No toggle button*/
/*NATIONAL INSURANCE NUMBER*/
.AccOpnSwitchNIN {
    position: relative;
    height: 35px;
    width: 116px;
    margin-left: 600px;
     margin: 20px auto; 
    background: rgb(249, 247, 247);
    border-radius: 25px;
    /* -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.AccOpnSwitchNIN-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 57px;
    line-height: 35px;
    font-size: 14px;
    /* font-weight: bold; */
    /* color: rgba(255, 255, 255, 0.35); */
    text-align: center;
    /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); */
    cursor: pointer;
}
.AccOpnSwitchNIN-label:active {
  font-weight: bold;
}

.AccOpnSwitchNIN-label-off {
    padding-left: 2px;
    border-radius: 62px;
}

.AccOpnSwitchNIN-label-on {
  padding-right: 2px;
}


.AccOpnSwitchNIN-input {
  display: none;
}
.AccOpnSwitchNIN-input:checked + .AccOpnSwitchNIN-label {
    font-weight: bold;
    color: rgba(253, 250, 250, 0.89);
    text-shadow: 0 1px rgba(255, 255, 255, 0.25);
    /* -webkit-transition: 0.15s ease-out; */
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    /* transition: 0.15s ease-out; */
    /* -webkit-transition-property: color, text-shadow; */
    -moz-transition-property: color, text-shadow;
    -ms-transition-property: color, text-shadow;
    -o-transition-property: color, text-shadow;
    transition-property: color, text-shadow;
}
.AccOpnSwitchNIN-input:checked + .AccOpnSwitchNIN-label-on ~ .AccOpnSwitchNIN-selection {
  left: 60px;
  /* Note: left: 50%; doesn't transition in WebKit */
}

.AccOpnSwitchNIN-selection {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 4px;
    display: block;
    width: 50px;
    height: 30px;
    background: linear-gradient(135deg, #281172, #673391);
    border-radius: 15px;
    background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
    background-image: -ms-linear-gradient(top, #9dd993, #65bd63);
    background-image: -o-linear-gradient(top, #9dd993, #65bd63);
    background-image: linear-gradient(top, #9dd993, #65bd63);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
/*NATIONAL INSURANCE NUMBER END*/
/*TAX REDIDENT OF ANY OTHER COUNTRY*/
.AccOpnSwitchTRC {
    position: relative;
    height: 35px;
    width: 116px;
    margin-left: 600px;
     margin: 20px auto; 
    background: rgb(249, 247, 247);
    border-radius: 25px;
    /* -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.AccOpnSwitchTRC-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 55px;
    line-height: 33px;
    font-size: 15px;
    /* font-weight: bold; */
    /* color: rgba(255, 255, 255, 0.35); */
    text-align: center;
    /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); */
    cursor: pointer;
}
.AccOpnSwitchTRC-label:active {
  font-weight: bold;
}

.AccOpnSwitchTRC-label-off {
    padding-left: 2px;
    border-radius: 62px;
}

.AccOpnSwitchTRC-label-on {
  padding-right: 2px;
}


.AccOpnSwitchTRC-input {
  display: none;
}
.AccOpnSwitchTRC-input:checked + .AccOpnSwitchTRC-label {
    font-weight: bold;
    color: rgba(253, 250, 250, 0.89);
    text-shadow: 0 1px rgba(255, 255, 255, 0.25);
    /* -webkit-transition: 0.15s ease-out; */
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    /* transition: 0.15s ease-out; */
    /* -webkit-transition-property: color, text-shadow; */
    -moz-transition-property: color, text-shadow;
    -ms-transition-property: color, text-shadow;
    -o-transition-property: color, text-shadow;
    transition-property: color, text-shadow;
}
.AccOpnSwitchTRC-input:checked + .AccOpnSwitchTRC-label-on ~ .AccOpnSwitchTRC-selection {
  left: 60px;
  /* Note: left: 50%; doesn't transition in WebKit */
}

.AccOpnSwitchTRC-selection {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 4px;
    display: block;
    width: 50px;
    height: 30px;
    background: linear-gradient(135deg, #281172, #673391);
    border-radius: 15px;
    background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
    background-image: -ms-linear-gradient(top, #9dd993, #65bd63);
    background-image: -o-linear-gradient(top, #9dd993, #65bd63);
    background-image: linear-gradient(top, #9dd993, #65bd63);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
/*TAX REDIDENT OF ANY OTHER COUNTRY END*/

/*RECEIVE INTERNATIONAL PAYMENTS*/
.AccOpnSwitchRIP {
    position: relative;
    height: 35px;
    width: 115px;
    top: -13%;
    float: right;
    margin-left: 100px;
    margin-right: 150px;
    /* margin: 20px auto; */
    /* padding-left: 10px; */
/*     background: rgb(249, 247, 247); */
    border-radius: 25px;
    /* -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); */
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}


.AccOpnSwitchRIP-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 57px;
    line-height: 33px;
    font-size: 15px;
    /* font-weight: bold; */
    /* color: rgba(255, 255, 255, 0.35); */
    text-align: center;
    /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); */
    cursor: pointer;
}
.AccOpnSwitchRIP-label:active {
  font-weight: bold;
}

.AccOpnSwitchRIP-label-off {
    padding-left: 2px;
    border-radius: 62px;
}

.AccOpnSwitchRIP-label-on {
  padding-right: 2px;
}


.AccOpnSwitchRIP-input {
  display: none;
}
.AccOpnSwitchRIP-input:checked + .AccOpnSwitchRIP-label {
    font-weight: bold;
    color: rgba(253, 250, 250, 0.89);
    text-shadow: 0 1px rgba(255, 255, 255, 0.25);
    /* -webkit-transition: 0.15s ease-out; */
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    /* transition: 0.15s ease-out; */
    /* -webkit-transition-property: color, text-shadow; */
    -moz-transition-property: color, text-shadow;
    -ms-transition-property: color, text-shadow;
    -o-transition-property: color, text-shadow;
    transition-property: color, text-shadow;
}
.AccOpnSwitchRIP-input:checked + .AccOpnSwitchRIP-label-on ~ .AccOpnSwitchRIP-selection {
  left: 60px;
  /* Note: left: 50%; doesn't transition in WebKit */
}

.AccOpnSwitchRIP-selection {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 4px;
    display: block;
    width: 50px;
    height: 30px;
    background: linear-gradient(135deg, #281172, #673391);
    border-radius: 15px;
    background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
    background-image: -ms-linear-gradient(top, #9dd993, #65bd63);
    background-image: -o-linear-gradient(top, #9dd993, #65bd63);
    background-image: linear-gradient(top, #9dd993, #65bd63);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
/*RECEIVE INTERNATIONAL PAYMENTS END*/

/* endYes/No toggle button*/
.customYonoAccOpenInputReasonTextHeading {
    color: #262a2c82;
    font-size: 20px;
    text-decoration: none;
    text-align: left;
    margin-top: -25px;
    width: 100%;
    font-weight: bold;
}

.customYonoAOPOtpCapture {
    background-color: #ffffff;
    text-align: center;
    height: 280px;
    border-radius: 5px;
}
.customYonoAOPOtpCapture .querytextleft {
	float: none;
}
.customYonoAOPOtpCapture .customYonoOtpQueryitalictext {
	display: none;
}
.customYonoAOPOtpCaptureBtn {
	padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    float: none;
    margin-top: 65px;
}
.customYonoAOPOtpCapture .customYonoOtpSearchsimpletext_sideheading {
	font-size: 16px;
	margin-left: 0px;
}
.customYonoAOPOtpCapture .CustomYonoWidgetOtpQuerytextboxmedium_search {
	margin-left: 0px;
    display: inline-grid;
    text-align: center;
}

.AccOpeningoverlabel {
  border: 0 solid;
  color: #aaa;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-height: 2.2em;
}
/* line 80, ../../sass/_classes.scss */
.AccOpeningoverlabel span {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 88, ../../sass/_classes.scss */
.AccOpeningoverlabel span, .AccOpeningoverlabel input {
  text-align: left;
  font-size: 1em;
  line-height: 2em;
  padding: 0 0.5em;
  margin: 0;
  background: transparent;
  -webkit-appearance: none;
  border-width: 0;
  width: 100%;
  outline: 0;
}
 
::placeholder {
  color: #262a2c82;
  opacity: 1;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  margin-bottom: 100px;
}

.customYonoAOPAccountPurposeRemittanceHide {
       display: none;
}
.customYonoAOPAccountRIPHide {
       display: none;
}
.customYonoAOPAccountPurposeAmount {

    width: 150% !important;

    margin-left: 5%;

    position: relative;

    top: -8px;

}
.customYonoAOPRemittanceDtls {

    width: 50%;

    float: left;

}
/* ADDED FOR CASA BY VENU */
.customYonoAccSetupInputSubTextHeading {

    color: #000000;

    font-size: 14px;

    float: left;

    margin-left: 25px;

    text-decoration: none;

    text-align: left;

    width: 100%;

    margin-top: 15px;

    font-weight: bold;

}

.customYonoAccSetupReceiptDtlsHeadingText {

    color: #999999;

    font-size: 20px;

    text-decoration: none;

    text-align: left;

    font-weight: bold;

    line-height: 40px;

}

.customYonoAccSetupReceiptDtlsValuesText {

    color: #000000;

    font-size: 20px;

    text-decoration: none;

    text-align: left;

    font-weight: bold;

}



.customYonoAccSetupAddJointAccHolderText {

    font-size: 16px;

    margin-left: 25px;

}

.customYonoAccSetupAddJointAccHolderText:before {

    font-size: 20px;

    background: linear-gradient(135deg, #281172, #0095DA);

    border-radius: 50%;

    margin-right: 16px;

    color: #ffffff;

    padding: 4px;

}
.customYonoAccSetupAddJointAccHolderText a {

    color: #0095DA;

    font-weight: bold;

}

.customYonoMailsEmptyTrashButtonStyle1 {
   bottom: 0;
    position: absolute;
    z-index: 99999;
    width: 110px;
    right: 0%;
    vertical-align: middle;
    font-size: 15px;
    height: 45px;
    color: #B90000 !important;
    cursor: pointer !important;
    background-color: #ffffff;
    border: 0px solid #0095DA;
    float: left;
    top: 86.5%;
    font-family: sans-serif !important;
    font-weight: bold !important;
	margin-top: -40px;
}


	
/********** START: Service Request - Term Deposit and ISA *************/
.customYonoFDOBackIcon {
	font-size: 25px;
	padding-left: 5px;
	cursor: pointer;
}
.customYonoFDOHeading {
	font-size: 47px;
	text-transform: none;
	color: #ffffff91;
}
.customYonoFDOContainer {
    background-color: #ffffff;
    text-align: center;
    height: 380px;
    border-radius: 5px;
    padding: 0px 135px;
}
.customYonoFDOContainer p, .customYonoISARequirement p {
	height: auto !important;
}
.customYonoFDOFeaturesContainer {
    display: inline-flex;
    margin-left: -45px!important;
}

.customYonoFDOFeaturesText {
    font-weight: bold;
    width: 247px !important;
}
.customYonoFDOBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 5px 34px;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
	position: absolute;
	    margin-top: -20px;
}

.customYonoFDOBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoFDODisabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 5px 34px;
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif !important;
    color: #999999;
    cursor: not-allowed !important;
    background: #f3f3f3;
    border: 0px solid #f3f3f3;
    float: left;
}
.customYonoFDOFeaturesContainer span {
    font-size: 15px;
}
.customYonoFDOFeaturesDevider {
    border-top: 2px solid #999999;
    margin: 10px 0px;
}
.customYonoFDORequirement {
    padding: 0px 160px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}
.customYonoFDORequirementText span {
    display: block;
}
.customYonoFDORequirementText span:nth-child(3) {
    font-size: 24px;
    font-weight: bold;
    color: #281172;
}
.customYonoFDORequirement span:nth-child(2) {
    border-left: 2px solid #999999;
    border-right: 2px solid #999999;
}
.customYonoFDOCheckbox {
    margin-top: 4px;
    z-index: 9999;
    margin-left: 4px;
    cursor: pointer;
}
[type="checkbox"].customYonoFDOCheckbox:checked + span:after {
    background-color: #0095DA !important;
    border: 2px solid #0095DA !important;
}
.customYonoFDOTermsAndConditions {
    width: 100%;
    padding: 0px 135px;
    box-shadow: 0px -25px 15px -10px #f3f3f3;
}
.customYonoFDOTermsAndConditions p {
	height: 25px !important;
	margin-bottom: 5px;
}
.customYonoFDOTermsAndConditionsText {
	font-size: 12px !important;
    font-weight: bold;
}
.customYonoFDOTermsAndConditionsSecond {
    padding-left: 46px !important;
}
.customYonoFDOTermsAndConditionsText a {
    color: #0095DA;
}
.customYonoISARequirement {
	font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px !important;
}
.customYonoISALandingPage .pageLeftContainer {
    max-height: 618px;
    margin-bottom: 30px;
}
.customYonoFTDSteps {
    padding: 5px 0px !important;
}
.customYonoFTDStepsBorder {
    background-color: #999999;
    border-radius: 10px;
    height: 4px;
}
.customYonoFTDStepsText {
    font-weight: bold;
    font-size: 11px;
    color: #999999;
}
.customYonoFTDStepsBorderActive {
	background-color: #0095DA;
	border-radius: 10px;
    height: 4px;
}
.customYonoFTDStepsTextActive {
	color: #0095DA;
	font-weight: bold;
    font-size: 11px;
}
.customYonoFTDInputTextHeading {
    color: grey;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    width: 100%;
}
.customYonoFTDInputTextBox {
	float: left;
	height: 15px !important;
}
.customYonoFTDFormAccountDtlsRow {
	min-height: 60px;
}
.customYonoFTDFormCurrencyText {
	float: left;
    padding-right: 6px;
}
.customYonoFTDFormAccountDtlsRow .customYonoFTDInputTextBox {
	width: 90% !important;
}
.customYonoFTDForm {
    overflow-y: hidden;   /*changed by pallabi value scroll */
    height: 588px;   /*changed by pallabi value 330px */
    padding: 0 20%;
    margin-bottom: 20px;
	overflow-x: hidden;
}

.customYonoFTDInterestPayout {
	background-color: #F3F3F3;
	height: 35px !important;
    border-radius: 5px;
    font-size: 14px;
}
.customYonoFTDInterestTermsHdr {
    color: #999999;
    font-size: 12px;
    height: 35px !important;
    margin-bottom: 5px;
}
.customYonoFTDInterestTermsList {
    font-size: 14px;
    border: 1px solid #999999;
    height: 35px !important;
    margin-bottom: 10px;
    border-radius: 25px;
    cursor: pointer;
}
.customYonoFTDInterestPayoutActive {
	color: #ffffff;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #673391);
    border: 0px solid #333;
    border-radius: 5px;
}
.customYonoFTDInterestTermsDtls {
    height: 35px !important;
    margin: 10px;
    font-size: 12px;
    padding: 0px 120px;
}
.customYonoFTDInterestTermsDtlsVal {
    color: #0095DA;
}
.customYonoFTDInterestTermsListActive {
	color: #ffffff;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #673391);
    border: 0px solid #333;
}
.customYonoFTDSelectionText {
	font-size: 18px;
	font-weight: bold;
}
.customYonoFTDInstructionContainer {
	padding: 0px 230px;
}
.customYonoFTDInstructionText {
    font-size: 16px;
    height: 35px !important;
    margin-bottom: 10px;
}
.customYonoFTDInstructionIcon {
	font-size: 20px;
	background: -moz-linear-gradient(220deg, #281172 40%, #9F1C5D 80%);
	background: -webkit-linear-gradient(220deg, #281172 40%, #9F1C5D 80%);
	background: linear-gradient(220deg, #281172 40%, #9F1C5D 80%);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.customYonoFTDInstructionContainer .customYonoFTDInstructionText:nth-child(3) {
	height: 75px !important;
}
.customYonoFTDInstructionFundTimings {
    margin-left: 8%;
    float: left;
}
.customYonoFTDInstructionFundTimings span {
    display: inline-block;
    padding: 4px;
}
.customYonoFTDOtpRequestContainer {
	padding: 0px 230px;
}
.customYonoFTDOtpRequestContainer p {
    height: auto !important;
}
.customYonoFTDCyberReceiptContainer p {
	height: 35px !important;
}
.customYonoFTDCyberReceiptHeading {
	color: #999999;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
.customYonoFTDCyberReceiptVal {
	font-size: 16px;
}
.customYonoFTDReceiptDownload {
	font-size: 14px;
	font-weight: bold;
	color: #0095DA;
}
.customYonoFTDReceiptDownloadIcon {
    font-size: 18px;
    cursor: pointer;
    font-weight: bold !important;
}
.customYonoFTDReceiptDownloadText {
	font-size: 14px;
	font-weight: bold !important;
	cursor:pointer;
}
.customYonoFTDInterestPayoutTabs span {
    padding: 10px 0px !important;
    cursor: pointer;
}
.customYonoFDOBtnContainer {
	padding: 0px !important;
    margin-left: 44%;
    margin-top: -25px;
}
.customYonoFDOBtnAlign {
    left: -12px;
	top: 20px;
}
.customYonoISACyberReceiptContainer p {
	height: 35px !important;
}
.customYonoISAReceiptAutoRenewal {
	font-weight: bold;
}
.customYonoISAReceiptAutoRenewalHeading {
	font-size: 18px;
	color: #333333;
}
.customYonoISAReceiptAutoRenewalText {
	font-size: 12px;
	color: #333333;
}
.customYonoISAAltFlowQnAForm {
    height: auto;
    padding: 0 20%;
    margin-bottom: 20px;
}
.customYonoISAAltFlowQnAFormRow {
    height: 50px !important;
    line-height: normal;
}
.customYonoFDOLandingBtnAlign {
    top: 24px;
    margin-left: 36%;
}
.customYonoISALandingBtnAlign {
    top: 22px;
    margin-left: 37%;
}
.customYonoISAAltSortCodeSearchIcon {
    position: relative;
    top: -35px;
    color: #B90000;
}
.customYonoISAFlowRadioText{
	font-size: 16px;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #999999;
    padding: 10px;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    height: 180px;
}
.customYonoISAFlowRadioText:before {
	display: block;
	font-size: 60px;
	padding: 16px;
}
.customYonoISAFlowRadioSelected {
	background: linear-gradient(45deg, #281172, #673391);
    color: #fff;	
}
.customYonoISAAltAuthorizationContainer {
    padding: 0 15%;
    margin-bottom: 20px;
}
.customYonoISAAltAuthorizationContainer p {
	height: auto !important;
}
.customYonoISAAltAuthorizationRow {
	width: 100%;
}
.customYonoISAAltAuthorizationText {
    font-size: 12px !important;
    font-weight: bold;
    line-height: 18px;
    color: #333333;
}
.customYonoISAAltAuthorizationRow2 {
	margin-left: 40px;
}
.customYonoISAAltAuthCheckbox {
    margin-top: 4px;
    z-index: 9999;
    margin-left: 4px;
    cursor: pointer;
}
[type="checkbox"].customYonoISAAltAuthCheckbox:checked + span:after {
    background-color: #0095DA !important;
    border: 2px solid #0095DA !important;
}
.customYonoISAAltAuthorizationContainer [type="checkbox"]:not(:checked), 
.customYonoISAAltAuthorizationContainer [type="checkbox"]:checked {
    width: 18px;
    height: 18px;
    top: -2px;
    left: 10px;
}
.customYonoISAFeaturesDevider {
    border-top: 2px solid #999999;
    margin-left: 30%;
    width: 42%;
}
.customYonoFDOSchemeDtlsTableWrapper tr {
    display: flex;
}
.customYonoISASchemeDtlsTableWrapper tr {
    display: flex;
}
.customYonoFDORadioText {
	font-size: 0.8em;
    text-decoration: none;
    font-weight: normal;   
    padding: 10px;    
    color: #000;
    cursor: pointer;
    width: 100%;
    background-color: #F3F3F3;
    font-weight: bold;
	display: inline-grid;
}
.CustomYonoFDORadioButton {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 0.813em;
    margin-right: 3px;
    pointer-events: auto !important;
}
.customYonoFDORadioColumn {
    width: 33%;
    display: inline-block;
    top: -14px;
    position: relative;
}
.customYonoFDORadioSelectedText{
	background: linear-gradient(45deg, #281172, #673391);
    color: #fff;	
    border-radius: 5px;
}
.customYonoFDORadioUnSelectedText{
	background: #fff;
    color: #000;	
}
.CustomYonoFDOTableHeading{
	background-color: #fff;
    color: #999999;
    font-size: 0.8rem;
    font-weight: bold;
    width: 33.33%;
    text-align: center;
    padding: 10px 5px 2px;
}
.customYonoFDOHeaderRowStyle{
	border-bottom: none;
}
.customYonoFDOTableRowStyle{
	font-size: 16px;
	font-weight: bold;
    border: 1px #999999 solid;
    border-radius: 40px !important;
    padding: 10px 0px;
    margin-bottom: 2px;
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
}
.customYonoFDOTableColumnStyle {
    text-align: center;
}
.customYonoFDOTableRadioStyle {
  position: relative !important;
    z-index: 9999;
    opacity: 0 !important;
    pointer-events: auto !important;
    width: 0px;
    cursor: pointer;
}
.customYonoISAAltFlowQnAText {
    font-size: 18px;
    font-weight: bold;
}
.customYonoISAAltFlowQnASubText {
    font-size: 12px;
/*     font-weight: bold; */
    color: #999999;
}
.customYonoISAAltFlowQnARadioBtnBox {
    border: 1px solid #999999;
    border-radius: 30px;
    text-align: center;
    margin-left: 20px !important;
    width: 107px !important;
    padding: 1px !important;
}
.customYonoISAAltFlowQnARadioText {
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    padding: 6px 10px;
    margin-bottom: 0px;
    color: #999999;
    cursor: pointer;
    font-weight: bold;
    width: 50%;
}

.customYonoISAAltAccNumText {


}


.customYonoISAAltFlowQnARadioSelected {
    border: 2px solid #f3f3f3;
    border-radius: 30px;
    background: linear-gradient(120deg, #281172, #673391);
    color: #ffffff !important;
}
.customYonoISAAltFlowQnARadioBtnBoxDisable {
	opacity: 0.6;
	cursor: not-allowed;
}
.customYonoISARequirementConditions {
    padding: 0px 160px;
    font-size: 12px;
    font-weight: bold;
    width: 415px !important;
    color: #333333;
    margin-left: 160px !important;
    margin-bottom: 0px;
}
.customYonoISARequirementConditions span:nth-child(2) {
    border-left: 2px solid #999999;
    border-right: 2px solid #999999;
}
.customYonoISAInputSuffixText {
    font-size: 10px;
    float: left;
    text-align: left;
    /* font-weight: bold; */
    color: grey;
    width: 85%;
}
.customYonoISAQnASubAmountInputTextBox {
    float: left;
    height: 15px !important;
    width: 70% !important;
}
.CustomYonoISAAltFlowTableHeading{
	background-color: #fff;
    color: #999999;
    font-size: 0.8rem;
    font-weight: bold;
    width: 50%;
    text-align: center;
    padding: 10px 5px 2px;
}
.customYonoISAAltFlowForm {
    height: 330px;
    padding: 0 20%;
    margin-bottom: 20px;
}
.customYonoISAAltFlowDataCaptureForm {
    height: 400px;
    padding: 0 20%;
    margin-bottom: 20px;
    overflow-y: scroll;
}
.customYonoISAAltFlowDataCaptureForm .error_highlight_right {
	float: left;
	padding-top: 9px;
    padding-right: 2px;
}
.customYonoISAAltFlowDataCaptureFormRight .error_highlight_right {
	width: 66%;
    margin-right: 30%;
}
/* Added for ISA sort code */
.customYonoIsaSortCodeBr {
	Border-left: 8px solid #0095da;
}
.customYonoSortCodeRightArrow {
	color:#0085da;
}
.customYonoSortCodeRightArrow:before {
    float: right;
    font-size: 40px;
}

/********** END: Service Request - Term Deposit and ISA *************/

a:hover {
    text-decoration: none;
}
.customYonoMailsRightContainer{
    float: left !important;
    margin-top:5px !important;
}


.customYonoPEDOtpCaptureBtnEmail {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    float: none;
    font-size: 15px;
    margin-top: 98px;
}

/* .customYonoPEDOtpCaptureBtnMob {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    float: none;
    margin-top: 164px;
    margin-right: 428px;
} */

.customYonoPEDOtpCaptureBtnMob {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    top: 170px;
    float: none;
    position: relative;
    /* margin-top: 200px; */
    /* margin-right: -13px; */
}

/* SBI India Relationship Styles */
.customLinkIndiaHeading{
	font-size: 47px;
    text-transform: none;
    color: #ffffff91;
    font-weight: bold;
}
.customYonoLinkIndSection {
    background-color: white;
    margin: 1% 6% 17px;
    border-radius: 5px;
    padding: 0 15px;
    min-height: 458px;
    max-height: 600px;
    height: auto;
    width: 100%;
}
.customYonoLinkIndTermcolumn {
    float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: center;
    /* margin-left: 2%; */
    width: 100%;
}
.customYonoLinkIndIcon{
	font-size: 25px;
    margin-left: 6%;
    color: #ffff;
}

.customYonoLinkIndRow {
float: left;
    margin: 2px 0;
    width: 87%;
    min-height: 250px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    top: 32px;
    /* padding-left: 77px; */
    margin-left: 6%;
    /* margin-right: -14%; */
   box-shadow: inset 0px -25px 10px -8px #F3F3F3;
}
.CustomYonoLinkIndText1 {
    color: #716e79;
	font-weight:bold;
    line-height: normal;
    /* padding-left: 15px; */
    text-align: center !important;
    text-transform: none !important;
    font-size: 13px;
	
}
.CustomYonoLinkIndText2 {
    color: #716e79;
    font-weight: bold;
    line-height: 3;
    /* padding-left: 10px; */
    text-align: center !important;
    text-transform: none !important;
    font-size: 13px;
}
.CustomYonoLinkIndText3 {
    color: #716e79;
    font-weight: bold;
    line-height: normal;
    /* padding-left: 34px; */
    text-align: center !important;
    text-transform: none !important;
    font-size: 13px;
}
.CustomYonoLinkIndText4 {
    color: #716e79;
    font-weight: bold;
    line-height: 1.5;
    padding-left: 49px;
    text-align: center !important;
    text-transform: none !important;
    font-size: 13px;
}
.customYonoLinkIndRow2 {
   float: left;
    margin: 2px 0;
    width: 87%;
    position: relative;
    top: 8%;
    margin-left: 6%;
    
   
}
.customYonoLinkIndRow3 {
   float: left;
	margin-top:9%;
    width: 87%;
    position: relative;
    
    margin-left: 6%;
    
   
}
.customYonoLinkIndtermTxt{
	font-size: 14px !important;
   /* padding-left: 0px !important; */
    color: #716e79;
    font-weight: bold;
}
.CustomYonoLinkIndBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 50px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 52px;
    padding-bottom: 5px;
    padding-left: 50px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.CustomYonoLinkIndBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoLinkIndNextButton {
    margin-top: 4% !important;
    margin-left: 33% !important;
    position: relative !important;
    /* align-content: center; */
    text-transform: uppercase;
}
.customYonoLinkIndNote{
	color: #716e79;
    line-height: normal;
    /* padding-left: 15px; */
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
    font-weight: bold;
}
.customYonoLinkIndSize1 {
    font-size: 13px !important;
}
.customYonoLinkIndColorFont {
    color: #716e79;
    font-weight: bold;
}
.customYonoSBITCLinkStyle {
    font-size: 13px;
    color: #0095da !important;
    font-weight: bold;
}
.customYonoLinkIndCheckbox {
    margin-top: 4px;
/*     position: relative !important; */
/*     opacity: 1 !important;  */
    z-index: 9999;
    margin-left: 4px;
    cursor: pointer;
}
[type="checkbox"].customYonoLinkIndCheckbox:checked + span:after {
    background-color: #0095DA !important;
    border: 2px solid #0095DA !important;
} 
.customYonoLinkIndCongo{
	background-image: url(../images/yono/congratulations.png);
    background-repeat: no-repeat;
    
    position: relative;
    height: 100%;
    width: auto;
    display: block;
    margin-top: 13%;
	margin-left: 13%;
    /* padding: 42px; */
}
.customYonoLinkIndtext{
	font-size: 22px;
    text-transform: none;
    padding-left: 97px;
    color: #000;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoLinkIndtext1{
	color: #716e79;
   
    padding-left: 54px;
    
    text-transform: none !important;
    font-size: 16px;
}
.customYonoLinkIndiatext2{
	color: #999999;
    line-height: 1.5;
    padding-left: 112px;
    /* text-align: center !important; */
    text-transform: none !important;
    font-size: 16px;
}

.customYonoLinkIndRowModal{
	height:140px;
}
.customyonoLinkIndImgCol{
	font-size: 0.75em;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    /* float: left; */
    margin: 0px;
    color: #fff;
}
.CustomYonoLinkIndModalBtn{
	float: left !important;
    margin-right: 96px !important;
    margin-bottom: -22px !important;
}
.CustomYonoFormbtnLinkInd {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 13px;
    padding-right: 38px;
    padding-bottom: 5px;
    padding-left: 36px;
    font-size: 14px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.customYonoLinkIndCongoText{
	font-size: 21px;
    text-transform: none;
    padding-left: 82px;
    color: #58B200;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoLinkIndiatext3{
	color: #999999;
    line-height: 1.5;
    padding-left: 10px;
    /* text-align: center !important; */
    text-transform: none !important;
    font-size: 16px;
}
.customYonoSbiDelinkText1{
	color: #999999;
    padding-left: 0px;
    text-transform: none !important;
    font-size: 16px;
    line-height: 1.5;
}
.customYonoSbiDelinkText2{
	color: #999999;
    line-height: 1.5;
    padding-left: 1px;
    /* text-align: center !important; */
    text-transform: none !important;
    font-size: 16px;
}
.customYonoSbiLinkFailureTxt{
	font-size: 21px;
    text-transform: none;
    padding-left: 137px;
    color: #b90000;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoSbiLinkFailureTxt1 {
    color: #999999;
    padding-left: 35px;
    text-transform: none !important;
    font-size: 16px;
    line-height: 1.5;
}
.customYonoSbiLinkFailureTxt2 {
    color: #999999;
    line-height: 1.5;
    padding-left: 85px;
    /* text-align: center !important; */
    text-transform: none !important;
    font-size: 16px;
}
.customYonoSbiOtpAttemptFailure1{
	color: #999999;
    padding-left: 21px;
    text-transform: none !important;
    font-size: 16px;
    line-height: 1.5;
}
.customYonoSbiOtpAttemptFailure2{
	color: #999999;
    line-height: 1.5;
    padding-left: 55px;
   
    text-transform: none !important;
    font-size: 16px;
}
.customYonoSbiOtpAttemptFailure3{
	color: #999999;
    line-height: 1.5;
    padding-left: 70px;
    /* text-align: center !important; */
    text-transform: none !important;
    font-size: 16px;
}
.customYonoLinkIndFailMsgTxt{
	color: #999999;
    line-height: 1.5;
    /* padding-left: 0px; */
    text-transform: none !important;
    font-size: 16px;
    margin-left: -5px;
}
.customYonoLinkIndSryIcon{
	color: #EB9D00;
    font-size: 50px;
    margin-left: 140px;
    float: right;
    height: 42px;
    margin-bottom: 10%;
}
.customYonoLinkIndSryHeadTxt {
    font-size: 21px;
    text-transform: none;
    padding-left: 137px;
    color: #eB9D00;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoLinkIndSryTxt1 {
    color: #999999;
    padding-left: 104px;
    text-transform: none !important;
    font-size: 16px;
    line-height: 1.5;
}
.customYonoLinkIndActionTxt2{
    color: #999999;
    line-height: 1.5;
    padding-left: 73px;
    text-transform: none !important;
    font-size: 16px;
}
.customYonoLinkIndActionHeadTxt {
    font-size: 21px;
    text-transform: none;
    padding-left: 89px;
    color: #eB9D00;
    padding-top: 10px;
    font-weight: bold;
}
.CustomYonoLinkIndModalYesBtn {
    float: left !important;
    /* margin-right: 96px !important; */
    margin-bottom: -22px !important;
    border: 1px solid #0095da !important;
    color: #0095da !important;
    background-color: #fff !important;
    /* margin-left: 2%; */
}
.CustomYonoFormbtnLinkIndActionY {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 13px;
    padding-right: 50px;
    padding-bottom: 5px;
    padding-left: 43px;
    font-size: 14px;
    font-family: Roboto-Light !important;
    margin: 0;
    /* color: #ffffff !important; */
    cursor: pointer;
    /* background: linear-gradient(135deg, #281172, #0095DA); */
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.CustomYonoLinkIndActionNoBtn {
    float: left !important;
    margin-right: 11px !important;
    margin-bottom: -22px !important;
    margin-left: 15px !important;
}
.CustomYonoFormbtnLinkIndActionN {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 13px;
    padding-right: 50px;
    padding-bottom: 5px;
    padding-left: 43px;
    font-size: 14px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important; 
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA); 
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.customYonoLinkIndSettingsSection {
   
    margin: 1% 6% 0;
    border-radius: 5px;
    padding: 0 15px;
    min-height: 485px;
	max-height:600px;
	height:auto;
	width: 100%;
  
	
}
.customYonoLinkSettTxt{
	font-size: 26px;
   
    font-weight: bold;
    color: #ffffff91;
}
.customYonoSettingsCol{
	float: left;
    margin-top: 7px;
    width: 100%;
	margin-left:-4%;
}
.customYonoLinkSettingsForText {
    background-color: #F3F3F3;
    width: 30%;
    float: left;
    height: 90px;
    padding-top: 16px;
    max-height: 100px;
    padding-right: 70px;
    padding-bottom: 5px;
    margin-left: -12%;
}
.customYonoLinkSettingsArrow {
    background-color: #F3F3F3;
    width: auto;
    float: left;
    height: 90px;
    padding-top: 27px;
    max-height: 100px;
    padding-right: 30px;
    padding-bottom: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.customYonoSettingsText1 {
    color: #000000;
    font-size: 19px;
    font-weight: bolder;
    float: left;
    line-height: 1.5;
    padding-left: 25px;
}
.customYonoLinkSettingsForText1 {
    background-color: #F3F3F3;
    width: 30%;
    float: left;
    height: 90px;
    padding-top: 27px;
    max-height: 100px;
    padding-right: 70px;
    padding-bottom: 5px;
    margin-left: 3%;
}
.customYonoSettingsText2 {
    color: #000000;
    font-size: 19px;
    font-weight: bolder;
    float: left;
    line-height: 1.5;
    padding-left: 25px;
}
.customYonoSettingsArrowIcon {
	color: #0095DA;
    font-size: 35px;
    padding-left: 20px;
    width: 0px;
    float: left;
    background-color: #F3F3F3;
    height: 40px;
    text-decoration: none !important;
}
.customYonoLinkIndSettingsIcon {
    font-size: 25px;
    margin-left: 3%;
    color: #ffff;
}
.customYonoConfirmSettingsRow {
	float: left;
    margin: 2px 0;
    width: 87%;
    position: relative;
    top: 25%;
    margin-left: -1%;
	
}
.customYonoLinkSettingsRow2 {
   float: left;
    margin: 2px 0;
    width: 87%;
    position: relative;
    top: 15%;
    margin-left: 6%;
    
   
}
.customYonoLinkCIFSection {
    background-color: #f3f3f3;
    margin: 1% 6% 0;
    min-height: 1421px;
    max-height: auto;
    height: auto;
    width: 100%;
}
.customYonoLinkCIFRow {
    text-align: center;
    float: left;
    margin: 25px 0;
    width: 87%;
    position: relative;
    top: -4%;
    }
.customYonoLinkCIFHeadTxt {
    color: #999999;
    /* line-height: normal; */
    /* padding-left: 15px; */
    text-align: center !important;
    text-transform: none !important;
    font-size: 18px;
    font-weight: bold;
}
.customYonoLinkCIFSec2 {
    height: 167px;
    width: auto;
    margin: 0% 6% 0;
    min-height: 120px;
    max-height: 182px;
    padding: 0 15px;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.customYonoLinkCIFSec2ROw {
    height: 167px;
    width: auto;
    margin: 0% 6% 0;
    min-height: 120px;
    max-height: 182px;
    margin-left: 0px;
    margin-right: 0px;
}
.customYonoLinkCIFSec2ROw2{
	float: left;
    margin-top: 4%;
    width: 87%;
    position: relative;
    margin-left: 6%;
}
.customYonoLinkCIFSEC2Txt{
	color: #000;
    line-height: normal;
    /* padding-left: 15px; */
    text-align: center !important;
    text-transform: none !important;
    font-size: 15px;
    
}
.customYonoLinkCIFSEC2Txt1{
	color: #000;
    line-height: normal;
    /* padding-left: 15px; */
    text-align: center !important;
    text-transform: none !important;
    font-size: 16px;
    font-weight: bold;
}
.customYonoLinkCIFSec2ROw3{
	
    width: 100%;
    position: relative;
    top: 25px;
  
    margin-left: 8%;
   
}

/* SBI India Relationship Styles */
/* SBI India Relationship UserID and Password Page styles */
.customYonoLinkUserIDSection {
    background-color: white;
    margin: 1% 6% 0;
    border-radius: 5px;
    padding: 0 15px;
    min-height: 350px;
    /* height: auto; */
}
.customYonoUserIDCol {
    float: left important;
    margin-top: 8px;
    text-align: left;
    margin-left: 35% !important;
    width: 25% !important;
}
.customYonoLinkSbiPasscolumn {
    float: left;
    margin-left: 36%;
    width: 25%;
    margin-top: 48px;

}
.CustomYonoLinkSbiUserIDText {
    color: #999999;
    /* font-weight: bold; */
    line-height: normal;
    padding-left: 15px;
    text-align: center !important;
    text-transform: none !important;
    font-size: 16px;
}
.CustomYonoLinkSbiUserIDText2 {
    color: #999999;
    line-height: normal;
    padding-left: 10px;
    text-align: center !important;
    text-transform: none !important;
    font-size: 16px;
}
.CustomYonoLinkIndUSERIDBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 50px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 52px;
    padding-bottom: 5px;
    padding-left: 50px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #999999 !important;
    cursor: pointer;
   /*background: linear-gradient(135deg, #281172, #0095DA); */
    border: 1px  solid #999;
    float: left;
    text-decoration-line: initial !important;
}
.CustomYonoLinkIndBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoLinkIndUserIDNextButton {
    margin-top: 82.1;
    top: 191px;
    margin-top: 2% !important;
    margin-left: 42% !important;
    position: relative !important;
    /* align-content: center; */
    text-transform: uppercase;
}

.customYonoSbiLandingBtnAlign {
    top: 24px;
    margin-left: 33%;
}

/* SBI India Relationship UserID and Password Page styles */

/* .customYonoSelectedSchemeTermDtlsCont {
    width: auto;
    height: auto;
    margin: 10px 10px 0px 10px;
    padding: 0px 100px;
    font-size: 12px;
    color: #333333;
    display: none;
} */

.customYonoSelectedSchemeTermDtlsCont {
	text-align: center;
    width: auto;
    height: auto;
    margin: 10px 10px 0px 10px;
    padding: 0px 85px;
    font-size: 12px;
    color: black;
    display: none;
}
.customYonoSelectedSchemeTermDtlsValue {
    color: #0095DA;
    font-weight: bold;
}
.loginSbiMargin{
margin-right: -188px;
}
#footerMain{
    background-color: #F9F9F9;
    border-top: 1px solid #7d7d7d;
    padding: 0 0;
    float: left;
    width: 100%;
    /* margin-left: 1% !important; */
    /* margin-top: 10px; */
    /* text-align: center; */
}
#footer1MvM {
    background-color: #f9f9f9;
    /* border-top: 1px solid #7d7d7d; */
    padding: 0;
    float: left;
    width: 100%;
    text-align: center;
	position: relative;
    top: 47px;
}

#footer1 {
    background-color: #f9f9f905;
    /* border-top: 1px solid #7d7d7d; */
    padding: 0;
    float: left;
    margin-left: -10px;
    width: 100%;
    text-align: center;
    position: relative;
    top: 80px;
}

#footer2 {
    background-color: #f9f9f9;
    /* border-top: 1px solid #7d7d7d; */
    padding: 0;
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    top: 319px;
}
.userPass {
    /* width: auto; */
    width: 100%;
    max-width: 100%;
}
.SbiUserValiBtn {
    margin-top: 42px;
    margin-left: 45%;
}

.congatulationSc {
    position: relative;
    left: 30%;
    top: auto;
    width: 40%;
    height: 46%;
    background-color: white;
    border-radius: 5px;
    margin-top: 12%;
    margin-bottom: 10%;
}
.CustomYonoLinkIndCnf {
    float: left !important;
    margin-right: 114px !important;
    margin-bottom: -22px !important;
}


/* Calendar Styles*/
.calendars {
    font-family: OpenSans, Arial, Helvetica, sans-serif !important;
    /* border: 1px solid #999; */
    font-size: 90% !important;
}

.calendars-nav, .calendars-ctrl {
    float: left;
    width: 99%;
    background-color: #9f1c5d !important;
    color: #fff !important;
    font-size: 90%;
    /* font-weight: bold; */
}
.calendars-month {
    float: left;
    width: 99% !important;
    border: none !important;
    text-align: center;
}
.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
    height: 1.7em;
   
    color: #fff !important;
  
    background-color: #9f1c5d !important;
 
}
.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
    height: 2.7em !important;
    color: #fff !important;
    background-color: #9f1c5d !important;
    border:none !important;
    display:flex !important;
  
}
.calendars-month td .calendars-selected {
    background-color: #0095da !important;
    color: #fff !important;
}
.calendars-nav, .calendars-ctrl {
    float: left;
    width: 99%;
    background-color: #9f1c5d !important;
    color: #fff !important;
    font-size: 90%;
    /* font-weight: bold; */
}


.calendars-month th, .calendars-month th a {
    background-color: #9f1c5d !important;
    color: #fff !important;
}

.calendars-month th {
    border: 1px solid #fff !important;
    width: 14%;
}
.calendars {
    font-family: OpenSans, Arial, Helvetica, sans-serif;
    border: none !important; 
	margin-left:-180px;
    font-size: 90%;
}

.calendars a {
    color: #fff !important;
    text-decoration: none;
}
.calendars-month a {
    display: block;
    width: 100%;
    padding: 0.125em 0em;
    background-color: #fff;
    color: #0278ba !important;
    text-decoration: none;
}


/* Calendar Styles*/

/* Added for Accounnts */
.customYonoAccountBoxTaghelper {
	display: block;
    border-bottom: 1px solid #f3f3f3;
    float: left;
    width: 91%;
    font-size: 0.9em;
    height: 140px !important;
   /* box-shadow: inset 0px -8px 10px -8px #F3F3F3; */
   box-shadow: inset 0px -15px 10px -8px #F3F3F3;
}
.customYonoAccountBoxTaghelper:hover {
    border-left: 8px solid #0095da !important;
}
.customAccbalancesummary {
   float: left;
    /* margin-right: 10px; */
    line-height: 23px;
    margin-top: 10%;
    position: relative;
    margin-left: -30%;
}
.customAccbalancesummary span {
    font-size: 13px;
    display: block;
    text-align: left;
    color: #999999;
}

.customAccbalancesummary label {
    font-size: 20px;
    display: block;
    text-align: left;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
}

.customAccSummary {
    text-indent: 5px;
    float: left;
    position: relative;
    font-size: 14px;
    color: #7d7d7d;
    margin-left: 0px;
    margin-top: 7%;
}

.customAccSummary label {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
.OPRWrapper{
	border-left:none !important;
	height:100%;
   /* background-color: #F4FAED;*/
    float: left;
    width: 98.36%; /*jayant changed from 98% on 19NOV*/
    height:100%;
}
.LONWrapper{
	border-left:none !important;
	height:100%;
  /*  background-color: #FDF2EA;*/
    float: left;
    width: 98.36%; /*jayant changed from 98% on 19NOV*/
}
.customYonoRightAccountsArrow:hover:before {
    color: #0095DA;
    font-size: 43px;
    content: "\e93e";
    float: right;
    text-align: right;
    /*margin-right: -63%;*/
	margin-right:-49%;
    /* margin-top: 0%; */
    padding-top: -7px;
    /* bottom: 15px; */
    top: 11px
	}
.CustomYonoDatetextboxFilter1 {
    font-size: 12px;
    color: #333333;
    text-decoration: none;
    width: 270px !important;
    /* margin: 16px 0px 9px 3px; */
    margin-top: 5px;
    vertical-align: middle;
    border: 0px;
    background-color: transparent;
    height: 24px;
}
.customYonoAccountColFirst {
    float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 1% !important;
    width: 42% !important;
}
.customYonoAccountColMiddle {
    float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 12% !important;
    width: 42% !important;
}
.customYonoAccountsHeadRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
	padding-top: 10px;
}
.customYonoAccountsHeadcolumn1 {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	text-align: left;
	margin-left: 2%;
	/*width: 21%; */
}
.customYonoAccountsHeadcolumn2 {
    float: right;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 12% !important;
    width: 5% !important;
}
.customYonoAccCloseIcon{
	font-size: 25px;
    color: #9f1c5d;
    cursor: pointer;
}
.customYonoAccountFilterByStyle {
	
	color: #999999;
    margin-left: 5px;
}

.customYonoAccRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
	padding-top: 10px;
}
.customYonoAccColDropdown{
	float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 30% !important;
    width: 32% !important;
}
.customYonoAccRow1 {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
	padding-top: 10px;
}
.customYonoAccRow2 {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
	padding-top: 10px;
}
.customYonoAccRow3 {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
	padding-top: 10px;
}
.customYonoAcccolDate1 {
    float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 1% !important;
    width: 26% !important;
}
.customYonoAcccolDate2 {
    float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 6% !important;
    width: 26% !important;
}
.customYonoAccTxnBtncol {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	text-align: left;
	margin-left: 2%;
	width: 10%;
}
.CustomYonoAccTxnBtn{
	border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 36px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 28px;
    padding-bottom: 5px;
    padding-left: 26px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #999999 !important;
    cursor: pointer;
    background-color: #ffff;
    border: 1px solid #999999;
    float: left;
    text-decoration-line: initial !important;
	}
	.CustomYonoAccTxnBtn:hover {
    background: linear-gradient(135deg, #281172, #673391);
    color: #ffff !important;
    border: none;
}
.customYonoAccLasttenBtn{
	margin-top: 10% !important;
    margin-left: -16% !important;
    position: relative !important;
	}
.customYonoAccLasttwentyBtn{
	margin-top: 10% !important;
    margin-left: 60% !important;
    position: relative !important;
}
.customYonoAccLastthirtyBtn{
	margin-top: 10% !important;
    margin-left: 138% !important;
    position: relative !important;
}
.customYonoAccLastfourtyBtn{
	margin-top: 10% !important;
    margin-left: 216% !important;
    position: relative !important;
}
.customYonoAccLastfiftyBtn{
	margin-top: 10% !important;
    margin-left: 301% !important;
    position: relative !important;
}
.customYonoAccDateRow {
	float: left;
	/* margin: 2px 0; */
	width: 100%;
	position: relative;
	top: 9px;
	padding-top: 10px;

}
.customYonoAccDate{
	float: left;
    text-align: left;
   /* margin-left: 2% !important; */
    width: 50% !important;
}
.customYonoAccDate1{
	float: left;   
    text-align: left;
    /*margin-left: 6% !important;*/
    width: 50% !important;
}
.customYonoAccResetFilterCol{
    float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 42%;
    width: 23%;
}
.customYonoResetFilterLinkStyle {
    font-size: 14px;
    color: #0095da !important;
}
.customYonoResetFilterLinkStyle:hover {
    text-decoration: none !important;
    color: #0095da !important;
}
.customYonoApplyButton {
    margin-top: 3% !important;
    margin-left: 12% !important;
    position: relative !important;
}
.CustomYonoAccountsDatetextbox {
    font-size: 12px;
    color: #333333;
    text-decoration: none;
    width: 213px !important;
    /* margin: 16px 0px 9px 3px; */
    margin-top: 5px;
    vertical-align: middle;
    border: 0px;
    background-color: transparent;
    height: 24px;
}
.CustomYonoAccountsDateBox_row{
	margin-left: 1%;
}
.CustomYonoAccountsDateBox{
	width: 90% !important;
    font-size: 14px !important;
    height: 1.8rem !important;
    color: #999999 !important;
}
.CustomYonoAccountsDateBox_Calender{
	margin-left: -15px;
	filter: invert(15%) sepia(71%) saturate(3614%) hue-rotate(314deg) brightness(90%) contrast(90%);
	cursor: pointer;
}
.CustomYonoAccApplyFormBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 13px;
    padding-right: 33px;
    padding-bottom: 5px;
    padding-left: 31px;
    font-size: 14px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoAccountsApplyLinkBtn {
    float: left !important;
    margin-right: 167px !important;
    margin-bottom: -12px !important;
    margin-left: 11px !important;
}
.DEPWrapper {
    border-left: none !important;
    height: 100%;
   
    float: left;
    width: 98.36%;
}
.CustomYonoHW_tabletextwithpadding {
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 2px;
    border-bottom: #fff 1px solid;
}
.CustomYonoAcctablesearchsimpletext {
   color: #000;
    font-size: 15px;
    text-decoration: none;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
    margin-top: -7px !important;
}
.CustomYonoAccTAblebluelink {
   
 
    word-break: keep-all;
    display: inline-block;
    margin-top: 8px;
    font-size: 15px !important;
    color: #000 !important;
    float: left;
    height: 30px;
}


.CustomYonoAccTAblebluelink:hover {
    text-decoration: none !important;
    color: #0095da !important;
}

.customYonoAccountsRightlistingpaneldiv {
    /* float: right; */
    width: 104%;
    /* border-left: 1px solid #CCCCCC; */
    /* border-right: 1px solid #CCCCCC; */
    /* border-bottom: 1px solid #CCCCCC; */
    background-color: #fff;
    min-height: 437px;
    height: auto;
    max-height: 500px;
    /* overflow: hidden!important; */
    overflow-x: hidden;
    /* overflow: scroll; */
    overflow-y: scroll;
    margin-left: -2.5%;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
} 
.customYonoAccountsRightlistingpaneldiv1 {
    /* float: right; */
    width: 116%;
    /* border-left: 1px solid #CCCCCC; */
    /* border-right: 1px solid #CCCCCC; */
    /* border-bottom: 1px solid #CCCCCC; */
    background-color: #fff;
    min-height: 437px;
    height: auto;
    max-height: 500px;
    /* overflow: hidden!important; */
    overflow-x: hidden;
    /* overflow: scroll; */
    overflow-y: scroll;
    margin-left: -4.5%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.customYonoAccountsLeftlistingpaneldiv {
    float: left;
    width: 100%;
    margin-left: 0%;
    /* border-left: 1px solid #CCCCCC; */
    /* border-right: 1px solid #CCCCCC; */
    /* border-bottom: 1px solid #CCCCCC; */
    /* background-color: #F3F3F3; */
    min-height: 437px;
    height: auto;
    max-height: 300px;
    /* overflow: scroll; */
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    /* margin-top: -2%; */
}
.CustomYonohwgreentxt {
    color: #000;
    font-weight: bolder;
    font-size: 15px;
 /* text-align: right;
  float: left !important; */
   
}
.CustomYonoAcctablesearchsimpletext1 {
   color: #000;
    font-size: 10px;
    text-decoration: none;
    float: right;
    padding-top: 12px;
   /* padding-right: -8px; */
    margin-left: -5px;
    margin-right: 40%;
}
.CustomYonoAcctablesearchsimpletext2 {
    color: #000;
    font-size: 15px;
    text-decoration: none;
    float: right;
    padding-top: 8px;
    padding-right: 17px;
    margin-right: -56%;
    font-weight: bold;
}
.customYonoAccTabletdwidth {
	text-align: initial !important; 
    width: 60% !important;
    font-size: 20px !important;
    color: #000000 !important;
    font-weight: bold;
}

.customYonoAccountsRightArrowLinkStyle {
	font-size: 25px;
	cursor: pointer;
	color:#0095da !important;
}
.customYonoAccSavingsHeading {
	font-size: 47px;
	text-transform: none;
	color: #ffffff91;
}
.customYonoSavingsHeadRow {
    width: 100%;
    margin-top: -6%;
    position: absolute;
}

.customYonoCompositeFieldColumnStyle {
    width: 49%;
}
.customYonoAccSavBackIcon {
	font-size: 25px;
	cursor: pointer;
	color:#fff;
}

	.customYonoSavingsAccHeadingRow {
    float: left;
    width: 100%;
    margin-left: 10%;
    margin-top: 9%;
}

.customYonoSavHeadTxt {
    font-size: 13px;

    margin-left: 4%;
    color: #999999;
 
}
.customYonoSavAccnameTxt {
	 color: #000;
    font-size: 16px;
    text-decoration: none;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
    margin-left: 14px;
}
.customYonoSavAccHypen {
	color: #000;
    /* font-size: 0.813em; */
    font-size: 0.89em;
    text-decoration: none;
    float: left;
    padding-top: 6px;
    padding-right: 5px;
}
.customYonoSavAccnumberTxt {
	color: #000;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
    float: left;
    padding-top: 8px;
    padding-right: 6px;
    padding-left: 4px;
}
.customYonoAccSavDetailHeadingRow {
	float: left;
	width: 100%;
	margin-left: 10%;
}
.customYonoSavAccdetailCol{
	float: left;
    margin-right: 5px;
    margin-top: 7px;
	text-align: right;
}
.customYonoAccSavDetailHeadingRow1 {
    float: left;
    width: 100%;
    margin-left: 10%;
    margin-top: 10%;
}

.customSYonoAccSavSelectors1 {
    min-height: 16px;
    /* height: 22px !important; */
    width: 245px;
    padding-left: -11%;
    padding-top: 14%;
    text-align: center !important;
    background-color: #f3f3f3;
    margin-left: 10%;
    border-radius: 3px;
    position: realtive;
    padding-bottom: 8px;
    margin-top: 5%;
}
.customYonoSvRadio+.customSYonoAccSavSelectors1 {
	cursor: pointer;
}

.customYonoSvRadio:checked+.customSYonoAccSavSelectors1 {
	background-color: #0095DA;
}
.customYonoAccSavTabbtWidth1Row{
	width: 100%;
	height:auto !important;
	padding-top: 25px;
	
}
.customYonoSavAccTabBtnCol1 {
    float: left;
    margin-bottom: 10px;
    width: 45%;
    margin-left: 5%;
    padding-right: 0px !important;
}
.customYonoSavAccTabBtnCol2 {
      float: left;
    margin-bottom: 10px;
    margin-left: -5px;
    width: 48%;
    padding-left: 0px !important;
}
.customYonoSavTabBtnRadioText1 {
    font-size: 0.8em;
    text-decoration: none;
    font-weight: normal;
   /* border: 1px solid #f3f3f3; */
    padding: 10px;
   /* border-radius: 5px; */
    color: #000;
    cursor: pointer;
    padding-right: 130px;
    padding-left: 130px;
	background-color:#f3f3f3;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.customYonoSavTabBtnRadioText2 {
    font-size: 0.8em;
    text-decoration: none;
    font-weight: normal;
   /* border: 1px solid #f3f3f3; */
    padding: 10px;
    /*border-radius: 5px; */
    color: #000;
    cursor: pointer;
    padding-right: 130px;
    padding-left: 130px;
	background-color:#f3f3f3;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.customYonoSavTabBtnRadioText1:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoSavTabBtnRadioText2:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoAccSavOnClickBtn {
    color: #ffff;
    background-color: #0095da;
    border-radius: 5px;
}
.customYonoAccRightArrowIcon {
    margin-left: 8px !important;
    margin-top: 1px !important;
}
.customYonoAccSavSumRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
	margin-left:3%;
}

.customYonoAccSavSumolumn {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	text-align: left;
	margin-left: 2%;
	width: 48%;
}
.customYonoAccSavSumText {
	font-size: 13px;
	color: #999999;
	line-height: 3;
}
.customYonoAccSavSumText2 {
	font-size: 15px;
	color: #000000;
	
}
.customYonoAccSavSumRow1 {
    float: left;
    margin: 2px 0;
    width: 100%;
    position: relative;
    /* top: 51px; */
    margin-top: 70px;
    margin-left:3%;
}
.customYonoAccSavStatRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 3px;
	
}
.customYonoAccSavStatColumn {
	float: left;
    /* margin-right: 5px; */
    margin-top: 2%;
    text-align: left;
    margin-left: 1%;
    width: 42%;
    }
.customYonoAccSavStatColumn2{
	float: right;
    /* margin-right: 30px; */
    margin-top: 2%;
    text-align: right;
    margin-left: 0%;
    width: 30%;
    padding-right: 30px;
}
.customYonoAccSavStatSearchBox {
	/*width: 82% !important; */
    height: 20px !important;
    margin-left: 8% !important;
}
.customYonoAccSavStatListsearchIcon {
	 /* float: right; */
    /* text-align: left; */
    width: 14%;
    /* margin-left: 10px; */
    /* float: left; */
}
.customYonoAccSavStatSearchIcon {
	 font-size: 15px;
    color: #B90000;
    cursor: pointer;
    float: right;
    width: 0%;
    margin-right: -4%;
    margin-top: -9%;
}
.customYonoAccSavStatfilterIcon {
	font-size: 20px;
    cursor: pointer;
    color: #fff;
    padding-top: 12px;
    text-align: center;
    padding-left: 11px;
    display: inline;    
    background: linear-gradient(135deg, #281172, #0095DA);
    border-radius: 100%;
    width: 50px;
    height: 45px;
    padding-bottom: 8px;
    float: right;
    margin-top: 5%;
    margin-right: -5%;
}
.customYonoAccountsFilterColumn {
	width: 100%;
    position: relative;
   /*  margin-left: 99%; */
}

.customYonoAccSavStatDownloadIcon {
	font-size: 25px;
	cursor: pointer;
	color:#9f1c5d;
	padding-right: 14px;
}
.customYonoAccSavStatMailIcon {
	font-size: 25px;
	cursor: pointer;
	color:#9f1c5d;
	padding-right: 14px;
}
.customYonoAccountsTableStyle {
    width: 100%;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    border-bottom: #F3F3F3 2px solid !important;
}
.customYonoAccountsRowOneStyle {
	text-decoration: none;
    background-color: #fff;
    height: 25px;
    border: #ffffff 1px solid !important;
    color: #000000;
}
.customYonoAccountsRowTwoStyle {
	text-decoration: none;
    background-color: #fff;
    height: 25px;
    border: #ffffff 1px solid !important;
    color: #000000;
}
.customYonoAccountsPageHeading {
	font-size: 2em;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    float: left;
    margin: 0px;
    color: #fff;
}
.pageheadingcapsUX4{
	font-size: 2em !important;
    color: #ffffff9c;
    font-weight: bolder;
}

.customYonoAccountsRight70PercentSection {
    width: 68%;
    background-color: #ffffff;    
    overflow-y: scroll;
    overflow-x: hidden;
}

.customYonoAccountsLeft30PercentSection {
   width: 30%;
    /* background-color: #F3F3F3; */
    margin-left: 0% !important;
    box-shadow: inset -25px 0px 25px -10px #F3F3F3;
}

.customYonoAccountsCommonSection {
	min-height: 400px;
    max-height: 400px;
    margin-left: 2%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    margin-bottom: 5px;
}
.customYonoAccountsSideBarDisplayStyle{
	

	
}


.customYonoAccMyBalRow {
	width: 100%;
    height: auto !important;
    /* padding-top: 25px; */
	
}
.customYonoAccMyBalCol1 {
    float: left;
    width: 100%;
    height: 129px;
    
   /* margin-top: 0%; */
}
.customYonoAccMyBalCol {
    float: left;
    width: 100%;
    height: 129px;
    
    /* margin-top: -4%; */
}

.customYonoBalanceAccBox {
	display: block;
    border-bottom: 1px solid #99999914;
    float: left;
    padding-top: 26px;
    padding-left: 23px;
    width: 100%;
    font-size: 0.9em;
    height: 130px;
   
}
.customYonoBalanceAccBox1{
	display: block;
    float: left;
    padding-top: 26px;
    padding-left: 23px;
    width: 100%;
    font-size: 0.9em;
    height: 145px;
}
.customYonoBalTxt {
	font-size: 16px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}
.customYonoBalTxt1 {
    font-size: 11px;
    color: #999999;
    font-weight: normal;
    line-height: 2;
}


.customYonoArrowRightIcon {
	
    font-weight:bold !important;
	border-left: 8px solid #0095da;
	background-color: #fff;
}
.customYonoArrowRightIcon:before {
	font-size: 33px;
	float:right;
	color: #0095da !important;
	margin-top: 23px;
}

.customYonoEmptyStyle{
	
}
.customYonoSavingsCommonSection {
    min-height: 450px;
    max-height: 450px;
    margin-left: 0%;
    float: left;
    /* margin-bottom: 5px;
    margin-top: 5%; */
}
.customYonoSavingsLeftContainer {
    width: 30%;
    background-color: #F3F3F3; 
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
   
}
.customYonoSavingsRightContainer {
    width: 68%;
    background-color: #ffffff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    
}
.customYonoTotBalTxt {
    color: #000;
    font-size: 16px;
    float: left;
    padding-top: 9px;
    margin-left: 14px;
    font-weight: bolder;
}
.customYonoAccSummaryTabBtnRow {
	
	height: 35px !important;
    border-radius: 5px;
    font-size: 14px;
	margin-top: 6px;
}
.customYonoAccTabRadioSelectedText {
	background-color: #0095da !important;
    color: #fff;	
    border-radius: 5px;
}
.customYonoAccSavStatRow1 {
    float: left;
    width: 96%;
    position: relative;
    margin-top: 60px;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 200px;
    max-height: 287px;
    margin-left: 3%;
}
.customYonoAccStatDateTxt {
    color: #000;
    font-size: 14px;
   
   /* float: left; */
    padding-top: 8px;
    padding-right: 5px;
	margin-left: 1%;
}

.customYonoAccStatRemarkTxt {
    color: #999999;
    font-size: 13px;
    float: left;
    padding-top: 8px;
    border-bottom: 1px solid #f3f3f3;
    width: 140%;
    padding-bottom: 10px;
    margin-left: 1%;
}

.customYonoAccRadioTabColumn {
   width: 46%;
    display: inline-block;
    top: -14px;
    position: relative;
}
.customYonoAccTabRadioBtnText {
	font-size: 0.8em;
    text-decoration: none;
    font-weight: normal;   
    padding: 10px;    
    color: #000;
    cursor: pointer;
    width: 100%;
    background-color: #F3F3F3 !important;
    font-weight: bold;
	border-radius:5px;
	
	}
.customYonoAccountsRightArrowIcon {
	font-size: 25px;
	cursor: pointer;
	color:#0095da;
}
.customYonoAccountsFilterRadioButtonStyle{
	float: left;
    margin-bottom: 10px;
    margin-left: 5%;
    width: 14%;
    margin-top: 10px;
}
.CustomYonoAccountsRadioButton{
	vertical-align: middle;
    margin-left: 5px;
    font-size: 0.813em;
    margin-right: 3px;
    pointer-events: auto !important;
}
.CustomYonoAccountsRadioText {
   font-size: 0.8em;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;    
    border-radius: 40px;
    color: #999999;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.customYonoAccountsResetFiltersStyle {
	color: #0095DA;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}
.customYonoAccountsFilterRadioButtonStyle input[type="radio"]:checked+.CustomYonoAccountsRadioText {
 background: linear-gradient(45deg, #281172, #673391);
	color: #ffff;
}
.customYonoAccountsCreditAmountStyle {
    color: #58B200;
    margin-right: 30px;
    font-size: 18px;
    font-weight: bold;
}
.customYonoAccountsDebitAmountStyle {
    color: #B90000;
    margin-right: 30px;
    font-size: 18px;
    font-weight: bold;
}

.customYonoAccountsRightArrowIcon:hover {
	    text-decoration: none !important;
	    color:#0095da !important;
}
.customYonoAccBackIcon:hover {
    color: #fff;
    text-decoration: none !important;
}
.customYonoAccBackIcon {
    font-size: 25px;
    cursor: pointer;
    color: #fff;
}


.widget-large .widget-content {
    min-height: 500px !important;
    overflow-y: visible !important;/*170421 scrollissue*/
	
	height: 570px;
}




/* Needs to be commented at above */
.customYonoMngBnfHeading{
	font-size: 42px;
    text-transform: none;
    color: #ffffff57;
    font-family: sans-serif !important;
    font-weight: Bold;
	position: relative;
    top: -4px;
}
.customYonoMngBnfHeading1{
	font-size: 53px;
    text-transform: none;
    color: #ffffff57;
    font-family: sans-serif !important;
    font-weight: Bold;
}
/* Needs to be commented at above */

/* Please do changes for div,p,span,h1,h2,h3,h4,h5,h6,table,td,th,tr,thead,tbody,ul,li,ol,textarea,input,a,option,select    input, textarea, keygen, select, button  body styles in new_style_HW.css */

/* Added for Accounnts */



/*Added for PAM and QNA*/
.CustomYonoPAMpageLeftContainer{
    clear: both;
    margin: 0;
    padding: 8px 12px 0 0;
    background-color: #ffffff;
    background: linear-gradient(45deg, #9F1C5D, #281172);
    margin-left: 5%;
    margin-right: 5%;
}

.CustomYonoAuthQNApageLeftContainer{
     clear: both;
    margin: 0;
    padding: 8px 12px 0 0;
    background-color: #ffffff;
    background: linear-gradient(45deg, #9F1C5D, #281172);
    margin-left: 5%;
    margin-right: 5%;
	height:500px;
}

.CustomYonoPamImageSection{
    background: #ffffff;
    width: 99%;
    margin-top: 1%;
    margin-bottom: 1%;
	border-radius: 10px;
}

.customYonoPAMStaticTextStyle {
    font-weight: bold;
    text-align: center;
    width: 100%;
    float: left;
    font-size: 20px;
}
.CustomYonoPAMTableRowStyle{
    background-color: #fff;
    float: left;
    margin: 3%;
	border-bottom: none;
}
.CustomYonoPAMNextButtonRowStyle{
    position: absolute;    
    margin-left: 40%;

}
.CustomYonoPAMNextButtonStyle{
    bottom: 0;
    position: relative;
    margin-top: -20.5%;
	font-weight: bold;
}

.CustomYonoPAMRadioButtonRadioStyle {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
/*24022021 Bhakti commented for prelogin radio button change*/
/*.CustomYonoPAMRadioButton_Imagediv {
	width: 130%;
    border: 1px solid #999999;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 15%;
}*/

.CustomYonoPAMRadioButton_Imagediv
{
    width: 2px;
    border: 1px solid #999999;
    background-color: #ffffff;
    border-radius: 10px;
    /* padding: 7%; */
    margin-right: 257px;
    height: 20px;
    margin-bottom: 180px;
    padding-left: 7%;
}



.CustomYonoPAMRadioButton_Imagediv  > img
{
    padding-left: 10px;
}

.CustomYonoPAMRadioButtonRadioStyle+.CustomYonoPAMRadioButton_Imagediv {
	cursor: pointer;
}

.CustomYonoPAMRadioButtonRadioStyle:checked+.CustomYonoPAMRadioButton_Imagediv {
	background: linear-gradient(45deg, #281172, #673391);
	color: #ffff;
}
.CustomYonoQnaSection{ 
	background: #ffffff;
    width: 99%;
    margin-top: 1%;
    margin-bottom: 1%;
    border-radius: 10px;
}
.CustomYonoQNATableRowOneStyle{
    background-color: #fff;
    float: left;
    width: 45%;
    margin-left: 3%;
    margin-top: 2%;
    margin-right: 1%;
    border-bottom: none;    
    margin-bottom: 2%;
}

/*
.CustomYonoQNATableRowTwoStyle{
    background-color: #fff;
    float: left;
    width: 45%;
    margin-left: 3%;
    margin-top: 2%;
    margin-right: 1%;
    border-bottom: none;    
    margin-bottom: 2%;
   <%-- text-align: -webkit-center; --%>
}
*/

.CustomYonoQNATableRowTwoStyle {
    background-color: #fff;
    float: left;
    width: 45%;
    margin-left: 4%;
    margin-top: 2%;
    margin-right: 1%;
    border-bottom: none;
    margin-bottom: -8%;
}


.CustomYonoQNATableRowTwoStyleNaree{
    background-color: #fff;
    float: left;
    width: 45%;
    margin-left: 3%;
    margin-top: 2%;
    margin-right: 1%;
    border-bottom: none;    
    margin-bottom: 2%;
    text-align: -webkit-center;
}






.CustomYonoQNAQuestionStyle{
    color: #999999;    
    float: left;
    width: 100%;
	font-size: 15px;
}
.CustomYonoQNAAnswerStyle{	
	font-size: 14px !important;
	width: 120% !important;
}
.labelColumn{
	background: none !important;
}

.CustomYonoQNANextButtonStyle {
    bottom: 0;
    position: relative;
    margin-top: -35.5%;
    font-family: sans-serif !important;
    font-weight: bold;
}

.tableoverflowwrapper {
    overflow-x: hidden;
    /* width: 445px; */
    overflow-y: hidden;
    width: 100%;
    border: none !important;
}

.CustomYonoQNAInfoTextStyle{
width: 100%;
    text-align: center !important;
    float: left;
	padding-top: 12px;
}
.customYonoQNAStaticTextStyle{
    font-weight: bold;
    text-align: center;
    font-size: 19px;
    font-family: sans-serif;
    margin-right: 778px;
}
.customYonoQNAInfoIcon{
    color: #0095DA;
    font-size: 33px;
    vertical-align: sub;
}
.CustomYonoQNAInfoNextButtonRowStyle{
    position: absolute;
    margin-left: 36%;
}
.CustomYonoQNAInfoNextButtonStyle{
	font-weight: bold;
	position: relative;
}
.customYonoQNAInfoTextColumn{
	float: left;    
    text-align: center;    
    width: 100%;
}
.customYonoQNAInfoHeadRow{
    float: left;   
    width: 100%;
	margin-top: 9%;
}
.CustomYonoQnaInfoSection{
    background: #ffffff;
    width: 99%;
    margin-top: 1%;
    margin-bottom: 1%;
    border-radius: 10px;
}
.customYonoQNAInfoModalIcon{
    color: #58B200;
    font-size: 50px;
    margin-left: 100px;
}
/* .CustomYonoResendOtpButtonStyle {
	font-weight: bold;
	font-size: 13px;
    background-color: inherit;
    border: none;
    font-size: 14px;
    font-family: sans-serif !important;
    color: dodgerblue;
    cursor: pointer !important;
    padding: 5px;
} */

.CustomYonoResendOtpButtonStyle {
    background-color: inherit;
    border: none;
    font-size: 14px;
    /* height: 31px; */
    font-weight: bold;
    font-family: sans-serif !important;
	color: #0095DA;
    cursor: pointer !important;
    padding: 5px;
	background-color: white !important;
}

.CustomYonoResendOtpButtonRowStyle{


}
/*Added for PAM and QNA*/

/*Added for TD Issue*/
.CustomYonoFDOButtonNewStyle {
    margin: 0px 0px -20px 25% !important;
    width: 90px;
    height: 45px;
    font-size: 15px;
	left: 328px;
}
.CustomYonoFDOButtonOldStyle {
    margin: 0px 0px -21px 12%;
    width: 90px;
    height: 45px;
    font-size: 15px;
}
.customYonoSortCodeNextButton{
	float: left;    
    margin-left: 40%;
    margin-top: 4%;

}
.customYonoSortCodeSearchButton{
	bottom: 0;
    position: absolute;
    margin-left: 25%;
    margin-bottom: -1.5%;
}

/*Added for TD Issue*/

/* @media screen and (max-width:600px) {	
body {
	 zoom: 0.8;
}	

}

@media screen and (min-width : 601px) and (max-width:1299px) {	
body {
	 zoom: 1;
}
}

@media screen and (min-width : 1300px) {	
body {
	    zoom: 1.38;
}
} */






/*MvM SIA CHATBOT CSS STRT*/



.customYonoSiaChatBotIcon {
    color: #ffffff;
    font-size: 30px;
    padding-left: 15px;
    padding-top: 15px;
    display: inline;
    float: left !important;
    background: linear-gradient(135deg, #9F1C5D, #281172);
    border-radius: 10px !important;
    width: 600px;
    margin-left: -21px;
    height: 65px;
    margin-top: -10px;
}

/* .customYonoSiaChatBotSendIcon {
    color: #2d1172;
    font-size: 42px;
    padding-left: 5px;
    padding-top: 0px;
    width: -7%;
    display: inline;
    float: right !important;
    background: linear-gradient(135deg, #9F1C5D, #281172);
    background: linear-gradient(135deg, #111472, #00b2da);
    border-radius: .5%;
    width: 567px;
    margin-top: 55px;
    height: 55px;
} */

.customYonoSiaChatBotSendIcon {
    color: #2d1172;
    font-size: 45px;
    padding-left: 5px;
    padding-top: 0px;
    width: -7%;
    display: inline;
    float: right !important;
    /* background: linear-gradient(135deg, #9F1C5D, #281172); */
    /* background: linear-gradient(135deg, #111472, #00b2da); */
    /* border-radius: .5%; */
    width: 50px;
    /* margin-left: 19px; */
    margin-top: 48px;
    height: 50px;
}
/* CHAT BUBBLE CSS */

.SIAchat {
    width: 400px;
    /* display: none; */
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}


.SIAbubble {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    font-weight: bold;
    font-family: none;
    width: 500px;
    color: black;
    padding: 30px 20px;
    position: relative;
    vertical-align: top;
}

.SIAyoububble {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    /* display: inline-block; */
    font-weight: bold;
    font-family: none;
    width: fit-content;
    color: black;
    padding: 15px 25px;
    position: relative;
    vertical-align: top;
}

.SIAbubble::before {
    background-color: #ffffff;
    content: "\00a0";
    display: block;
   /*  height: 16px; */
   
   height: fit-content;
    position: absolute;
    top: 3px;
    transform: rotate( 29deg ) skew( -35deg );
    -moz-transform: rotate( 29deg ) skew( -35deg );
    -ms-transform: rotate( 29deg ) skew( -35deg );
    -o-transform: rotate( 29deg ) skew( -35deg );
    -webkit-transform: rotate( 29deg ) skew( -35deg );
    width: 20px;
}
.SIAyoububble::before {
    background-color: #ffffff;
    content: "\00a0";
    display: block;
    /*  height: 16px; */
   
   height: fit-content;
    position: absolute;
    top: 3px;
    transform: rotate( 29deg ) skew( -35deg );
    -moz-transform: rotate( 29deg ) skew( -35deg );
    -ms-transform: rotate( 29deg ) skew( -35deg );
    -o-transform: rotate( 29deg ) skew( -35deg );
    -webkit-transform: rotate( 29deg ) skew( -35deg );
    width: 20px;
}


.SIAme {
    float: left;
    margin: 10px -114px 5px 20px;
}

.SIABtnme {
    float: left;
    margin: -35px -112px 5px 15px;
}

.SIABtnme::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -10px;
}

.SIAme::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -10px;
}
.SIAyou {
    float: right;
    margin: 5px 12px 5px -200px;
    top: 103% !important;
  
}


.SIAyou::before {
    box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
    right: -9px;    
}

.CustomYonoSIAChatBotAccountBtn {
    border-radius: 40px;
    width: 110px;
    position: absolute;
    top: 35%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 26px;
    padding-bottom: 6px;
    padding-left: 20px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: 0px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoSIAChatBotDepositsBtn {
    border-radius: 40px;
    width: 110px;
    position: absolute;
    top: 35%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 26px;
    padding-bottom: 6px;
    padding-left: 25px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: 130px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoSIAChatBotBlockCardBtn {
    border-radius: 40px;
    width: 110px;
    position: absolute;
    top: 35%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 20px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: 260px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoSIAChatBotBillPaymentBtn {
    border-radius: 40px;
    width: 130px;
    position: absolute;
    top: 65%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 19px;
    padding-bottom: 6px;
    padding-left: 20px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: 0px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}


.CustomYonoSIAChatBotRemitMnyBtn {
    border-radius: 40px;
    width: 120px;
    position: absolute;
    top: 65%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 6px;
    padding-left: 15px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: 150px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoSIAChatBotFundTnsfrBtn {
    border-radius: 40px;
    width: 115px;
    position: absolute;
    top: 65%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 9px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: 295px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoSIAChatBotMABtn {
    border-radius: 15px;
    width: 125px;
    position: absolute;
    top: 45%;
    font-weight: bold;
    vertical-align: middle;
    height: 30px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: 100px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}

.customYonoSIAFormMiniBtn {
    font-size: 35px;
    cursor: pointer;
    top: 91%;
    /* font-weight: bold; */
    float: left;
    /* width: 15% !important; */
    color: #ffffff;
    /* padding-right: 58px; */
    padding-bottom: 0px;
    margin-right: 0px;
    margin-left: -100px;
    margin-top: -10px;
}

/* .customYonoSIAFormMiniBtn {
    font-size: 35px;
    cursor: pointer;
    top: 91%;
    font-weight: bold;
    float: left;
    width: 15% !important;
    color: #ffffff;
    padding-right: 67px;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-left: -130px;
    margin-top: -10px;
} */

.customYonoSIAFormCloseBtn {
    font-size: 35px;
    cursor: pointer;
    top: 88%;
    /* font-weight: bold; */
    float: left;
   /* width: 22% !important; */
    color: #ffffff;
    padding-right: 67px;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-left: -50px;
    margin-top: -25px;
}



.CustomYonoSIAChatBotMeFont {
    /* font-size: 0.75em; */
    /* font-weight: normal; */
    /* text-transform: uppercase; */
    text-decoration: none;
    padding: 15px 0px 0px 0px;
    float: left;
    top: 92% !important;
    margin: 0px;
    margin-top: -35px;
    color: #000000;
    font-family: inherit;
    font-size: medium;
    font-weight: bold;
}

.CustomYonoSIAChatBotYouFont {
    /* font-size: 0.75em; */
    /* font-weight: normal; */
    /* text-transform: uppercase; */
    text-decoration: none;
    padding: 0px 10px 0px 0px;
    float: left;
    top: 97% !important;
    margin: 0px;
    /* margin-top: -25px; */
    color: #000000;
    font-family: inherit;
    font-size: larger;
    font-weight: bold;
}



/* .SIAChatBotTextArea {
    border: none !important;
    width: 325% !important;
    margin-top: 55px !important;
    margin-left: 15px;
    padding-left: 5px;
    padding-top: 15px;
    font-size: larger !important;
    overflow-y: hidden;
    font-weight: bold;
    padding-bottom: 10px;
}
 */
 
 
.SIAChatBotTextArea {
    border: none !important;
    width: 340% !important;
    margin-top: 50px !important;
    /* margin-left: 15px; */
    /* padding-left: 5px; */
    /* padding-top: 15px; */
    font-size: larger !important;
    /* overflow-y: hidden; */
    font-weight: bold;
    /* padding-bottom: 10px; */
}

.CustomYonoSIAChatBotMyAccountBtn {
    border-radius: 15px;
    width: 120px;
    position: absolute;
    top: 50%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: 100px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoSIAChatBotContainer {
    float: left;
    width: 50%;
    height: 460px;
    background-color: #FFFFFF;
    border-radius: 10px !important;
    /* border: 8px; */
}

/* .CustomYonoSIAContainer {
    float: left;
    background-color: #F3F3F3;
    width: 105%;
    margin-left: -15px;
    margin-top: -35px;
}
 */


.SIAMyDepositme {
    float: left;
    margin: 20px 20px 30px 5px;
}

.SIABMCme {
    float: left;
    margin: 15px 32px 30px 5px;
}

.customYonoASKSiaChatIcon {
    color: #ffffff;
    font-size: 50px;
    padding-left: 15px;
    padding-top: 10px;
    display: inline;
    position: fixed;
    right: 40px;
    bottom: 25px;
    float: right !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border-radius: 100%;
    width: 80px;
    height: 75px;
    cursor: pointer;
}


.CustomYonoSIAChatBotBMCBtn {
    border-radius: 15px;
    width: 140px;
    position: absolute;
    top: 50%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 7px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: -335px;
    margin-top: 5px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    z-index: 99999;
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}


.CustomYonoSIAChatBotRMBtn {
    border-radius: 40px;
    width: 100px;
    position: absolute;
    top: 54%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 6px;
    padding-left: 15px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 6px;
    margin-left: -250px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}


.CustomYonoSIAChatBotFTBtn {
    border-radius: 40px;
    width: 150px;
    position: absolute;
    top: 55%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 14px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: -220px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoSIAChatBotBPBtn {
    border-radius: 40px;
    width: 150px;
    position: absolute;
    top: 55%;
    font-weight: bold;
    vertical-align: middle;
    height: 35px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 19px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 14px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: -250px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoSIAChatBotMDBtn {
    border-radius: 15px;
    width: 120px;
    position: absolute;
    top: 44%;
    font-weight: bold;
    vertical-align: middle;
    height: 30px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
    font-size: 14px;
    font-family: Roboto-Light !important;
    margin-right: 10px;
    margin-left: 130px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}



.valueBubble {
    padding: 10px !important;
    margin-top: 80px;
}

.customYonoSIAMeAccountHide {
       display: none;
}

.customYonoSIAChatTypeHide {
       display: none;
}




.SIAChatBotTyping {
    color: black;
    margin-left: 10px;
    float: left;
    margin-top: 40px;
    /* padding-top: 10px; */
    font-size: 15px;
    font-weight: bold;
}



/* .CustomYonoSIATextAreaContainer {
    float: left;
    width: 100%;
    height: 100px;
    margin-top: -35px;
} */

/* .CustomYonoSIAChatBotMABtn {
    border-radius: 15px;
    width: 121px;
    position: absolute;
    top: 45%;
    font-weight: bold;
    vertical-align: middle;
    height: 30px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 11px;
    margin-left: 100px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}
 */
#customYonoSiaChatWidget {
    height: auto !important;
    width: 600px !important;
    top: 160px !important;
    left: 700px !important;
    position: fixed !important;
    display: block !important;
    border-radius: 10px !important;
}

/* MvM SIACHAT BOT CSS END */


/* Celestine Spend_Analysis*/

.customYonoBillPayBoxSA {
	width: 108%;
}
/*
.CustomYonoRightTableHeadingPadSA {
	padding-top: 16px;;
	
}
*/
.CustomYonoRightTableHeadingPadSA {
    padding-top: 16px;
    /* padding-left: 25px; */
    padding-right: 23px;
    width: 365px;
    overflow-x: hidden;
    height: 346px;
    overflow-y: scroll;
    /* min-height: 15px !important; */
}


.CustomYonoRightTableHeadingFontSA {
    font-weight: bold;
    padding-left: 17px;
    float: left;
    font-size: 20px;
    padding-top: 10px;
}
.customYonoleftrowstylSA{
		padding-left: 428px;
	    float: left;
}

.customYonoChartrow {
	padding-right: 0px;
	width: 0px;
	margin: 0px;
	clear: both;
}

.customYonoChartclass {
	height: 43px;
	width: 0px;
}

.CustomYonoRightdivisionSpendAnalysis {
	float: left;
	width: 333px;
	border-left: 0.001em solid #CCCCCC;
	height: 350px;
}

.CustomYonopageLeftContainerSpendAnalysis {
	float: left;
	width: 971px;
	border-left: 0.001em solid #CCCCCC;
	/* margin-top: 12px; */
	border-radius: 8px;
	background-color: #FFFFFF;
}

.CustomYonoerrorformrow {
    padding-top: 50px;
}

.CustomYonoerrormessage {
	color: #999;
    font-weight: bold;
    padding-left: 45px;
    text-align: center;
    float: left;
    line-height: 19px;
}

.CustomYonoRightTableContentsSA {
	color: #ce0000;
	font-weight: 600;
	font-size: 15px;
	float: right;
}

.CustomYonoRightTableContentsPercSA {
	font-size: 11px;
	float: left;
	color: #626262;
}

.CustomYonoRightTableContentsSAcat {
	font-weight: 600;
	font-size: 15px;
	float: left;
}

.CustomYonoTableContentSA {
	height: 70px;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 6px;
	vertical-align: middle;
	border: 0px;
	text-align: left;
	font-size: 1em;
}

.CustomYonoRightTablelinkSA {
	color: #00095da !important;
	font-weight: 600;
	font-size: 13px;
	float: right;

}

.CustomYonoBalanceSA {
	padding-top: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #59b200;
	width: 113px;
	float: left;
}

.CustomYonoBalanceSA {
	padding-top: 7px;
	font-size: 20px;
	font-weight: bold;
	color: #59b200;
	width: 605px;
	float: left;
}

.CustomYonoAvailBalSA {
	padding-top: 14px;
	color: #6e6e6e;
	font-size: 0.7em;
	width: 200px;
	float: left;
}

.CustomYonoAvailInqurySA {
	height: 8px;
	width: 176px;
	padding-left: 357px;
	float: left;
	text-align: left;
	padding-top: 7px;
}

.CustomYonoTotSpendsSA {
	padding-top: 11px;
    font-size: 38px;
    font-weight: bold;
    color: green;
    width: 112px;
    float: left;
    color: #ce0000;
}

.CustomYonoPeriodSA {
	height: 14px;
	width: 356px;
	padding-left: 356px;
	float: left;
	text-align: left;
}

.CustomYonoPeriodlableSA {
	padding-top: 0px;
	color: #6e6e6e;
	font-size: 0.7em;
	width: 85px;
	float: left;
	margin-top: 11px;
}

.CustomYonoAvailTOTspenSA {
	padding-top: 4px;
	color: #6e6e6e;
	font-size: 0.7em;
	width: 100px;
	float: left;
}

.CustomYonoRightdivisionCatSpendAnalysisTS {
	float: right;
	width: 579px;
	border-left: 0.001em solid #CCCCCC;
	height: 348px;
	overflow-x: hidden;
	    top: -345px;
    position: relative;
}

.CustomYonoLeftdivisionGraph {
	margin-top: 25px;
	float: left;
	border-left: 1px solid #CCCCCC;
	min-height: 350px;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius: 5px;
}

.CustomYonoViewDetailsLinks {
	/* margin-left: 455px; */
	margin-top: 55px;
	color: #FFFFFF;
	line-height: normal;
	font-weight: bold;
	/* margin-left: 60px; */
}

.CustomYonosecrowSA {
	height: 8px;
	padding-left: 356px;
	float: left;
	text-align: left;
	padding-top: 65px;
}

.CustomYonoButtonrowTS {
	width: 386px;
	height: 500px;
	margin: 0px;
	padding-left: 19px;
	padding-right: 9px;
	padding-top: 18px;
	padding-bottom: 50px;
	clear: both;
	background-color: transparent;
}

.CustomYonoDisabledButtonTS {
	border-radius: 5px;
	height: 32px;
	padding: 5px 60px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 5px;
	font-size: 15px;
	margin: 0;
	cursor: pointer;
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
}

.CustomYonoRowButtonTS {
	border-radius: 5px;
	height: 32px;
	padding: 5px 60px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 5px;
	font-size: 17px;
	font-family: Roboto-Light !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: dodgerblue;
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
}

.CustomYonoRightTableContentsSAcatTScAT {
	/* font-weight: 600; */
	font-size: 17px;
	float: left;
	width: 33px;
	position: relative;
    top: -3px;
}

.CustomYonoRightTableContentsCategoryRow {
	width: 270px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-decoration: none;
	padding-left: 85px;
	padding-right: 6px;
	vertical-align: middle;
	border: 0px;
}

.CustomYonoLeftdivisionTS {
	/* padding-top: 40px; */
	float: left;
	border-left: 1px solid #CCCCCC;
	background-color: #f2f2f2;
	min-height: 350px;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 5px;
}

.CustomYonoRightTableContentsSAcataAmount {
	font-weight: 600;
	font-size: 17px;
	float: left;
}

.customoYonoFndTrfMenuRowTS {
	/* height: 116.66px !important; */
	padding-left: 25px;
	padding-top: 47px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	width: 100%;
	background-color: #F3F3F3;
	margin-top: -12px;
	cursor: pointer;
	border-bottom: 1px solid white;
}



.CustomYonoRightTableHeadingFontTS {
	font-weight: bold;
	padding-left: 42px;
	float: left;
	font-size: 20px;
	padding-top: 9px;
	padding-bottom: 16px;
}

.CustomYonoRightTableContentsCategoryRowTS {
	width: 270px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-decoration: none;
	padding-left: 38px;
	padding-right: 6px;
	vertical-align: middle;
	border: 0px;
}

.CustomYonoRightTableContentsRowTS {
	width: 106px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
	border: 0px;
	color: black;
	font-size: 15px;
	font-weight: bold;
}

.CustomYonoRightContentTS {
	/* font-weight: 600; */
	font-size: 16px;
	float: left;
}

.CustomYonoRightContentAmountTS {
	padding-top: 25px;
	padding-bottom: 25px;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
	border: 0px;
}

.pageLeftContainerSpendAnalysisTS {
	margin-top: 12px;
	border-radius: 8px;
	float: left;
	width: 1065px;
	background-color: #FFFFFF;
}

.CustomYonoLeftTableContentsCategoryRowTS {
	width: 52px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-decoration: none;
	padding-left: 71px;
	padding-right: 6px;
	vertical-align: middle;
	border: 0px;
}

.CustomYonoleftTableContentsRowTS {
	width: 71px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
	border: 0px;
	color: black;
	font-size: 17px;
	font-weight: bold;
}

.CustomYonoleftTableRowSAC {
	/* margin: 0px; */
	/* padding-left: 0px; */
	padding-right: 25px;
	padding-top: 4px;
	/* padding-bottom: 0px; */
	margin-left: 20px;
	/* clear: both; */
	background-color: transparent;
}

.CustomYonoRightdivisionCatSpendAnalysisSAC {
	float: left;
	width: 465px;
	border-left: 0.001em solid #CCCCCC;
	height: 365px;
	overflow-x: hidden;
}

.customyonoMngBnfRowStyleTS {
	border-bottom: 1px solid #ffffff;
}

.customyonoMngBnfRowStyleTS:hover {
	border-left: 15px solid #0095DA;
}

.CustomYonoFormbtnSA {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 32px;
	padding: 5px 60px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 11px;
	font-family: sans-serif !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
}

.CustomYonolableleftSP {
	/* float: left !important; */
	padding-left: 303px;
	padding-top: 4px;
	float: left;
}

.CustomYonolablerightSP {
    position: relative;
    left: -16px;
    top: 2px;

}

.CustomYonolableleftfontSP {
    padding-right: 22px;
	color: white;
	font-weight: bolder;
	right: 30px;
    position: relative;
}

.CustomYonodropfontSP {
	color: red;
	font-size: 10px;
}

.CustomYonoAvailInqurySACAT {
    height: 8px;
    width: 176px;
    padding-left: 225px;
    float: left;
    text-align: left;
    padding-top: 7px;
}

.CustomYonoRightTableContentsSAcate {
	
    /* color: #ce0000; */
    font-weight: 600;
    font-size: 15px;
/*     float: right; */
    padding-right: 22px;
}

.CustomYonoDropDown {
	background-color:transparent !important;
	font-size: 18px !important;
	font-family: OpenSans, Arial, Helvetica, sans-serif;
	color:white;border-bottom: transparent !important;
	height: 28px !important;
	width: 59px !important;
}
/* Celestine Spend_Analysis*/

.CustomYonolablerightAccSP {
    float: right !important;
    padding-left: 101px;
    padding-top: 17px;
    float: left;
}

.CustomYonoRowButton {
	border-radius: 5px;
	height: 32px;
	padding: 5px 60px;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 5px;
	font-size: 17px;
	font-family: sans-serif !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
    background: #0095da;
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
}

.CustomYonoDisabledButton {
	background-color: white!important;
	border-radius: 5px;
	height: 32px;
	padding: 5px 60px;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 5px;
	font-size: 17px;
	font-family: sans-serif !important;
	margin: 0;
	cursor: pointer;
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
}
.CustomYonoDisabledButtonSA {
	background-color: #f3f3f3!important;
	border-radius: 5px;
	height: 32px;
	padding: 5px 60px;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 5px;
	font-size: 17px;
	font-family: sans-serif !important;
	margin: 0;
	cursor: pointer;
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
}

.CustomYonoLeftdivision {
	float: left;
	border-left: 1px solid #CCCCCC;
	background-color: #f3f3f3;
	min-height: 350px;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius: 5px;
}

.CustomYonoRightTableHeadingFont {
	font-weight: bold;
	padding-left: 17px;
	float: left;
	font-size: 20px;
}

.CustomYonoRightTableHeadingPad {
	padding-top: 12px;
	/*  padding-left: 25px; */
}



.CustomYonoButtonrow {
	width: 597px;
	/*   height: 578px; */
	margin: 0px;
	padding-left: 12px;
	padding-right: 9px;
	padding-top: 12px;
	padding-bottom: 0px;
	margin-bottom: 44px;
	clear: both;
	background-color: transparent;
}

.CustomYonoRightTableContentsRow {
	padding-top: 25px;
	padding-bottom: 25px;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
	border: 0px;
}

.CustomYonotopPadding {
	margin-top: 25px;
	margin-bottom: 25px;
}


/*********************** START: India Remittance **********************************/

.customYonoRMTBackIcon {
	font-size: 25px;
	padding-left: 5px;
	cursor: pointer;
}
.CustomRMTInfoIcon {
	font-size: 25px;
	padding-left: 5px;
	cursor: pointer;
}




.customYonoRMTHeading {
	font-size: 40px;
    text-transform: none;
    color: #ffffff60;
    font-family: sans-serif;
    font-weight: bold;
}
.customYonoRemittanceMenuCard {
	height: auto !important;
}
.customYonoRemittanceMenuCardIcon {
	background-color: #ffffff;
    height: 90px;
    font-size: 35px;
    color: #9F1C5D;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	cursor: pointer;
}
.customYonoRemittanceMenuCardContent {
	background-color: #f3f3f3;
    height: 90px;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
.customYonoRemittanceMenuCardArrowIcon {
    font-size: 35px;
    color: #0095DA;
    cursor: pointer;
    text-decoration: none !important;
}
.customYonoRMTRecentTransactionHeading {
    height: auto !important;
    margin: 10px 0px;
}
.customYonoRMTRecentTransactionHeadingText {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    left: 15px;
}
.customYonoRemittanceOutlineBtn {
    border-radius: 30px;
    border: 1.5px solid #0095DA;
    color: #0095DA;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    position: relative;
    right: -45px;
    text-decoration: none !important;
}
/*.customYonoRMTSetRateAlertTopContainer {
    background-color: #f3f3f3;
    height: auto;
}*/
.customYonoRMTSetRateAlertTopContainerRow {
    height: 70px !important;
    width: 100%;
    line-height: 30px;
}
.customYonoRMTExchangeRateAlertAmount {
	width: 6% !important;
    height: 1.3rem !important;
    padding-left: 5px !important;
    text-align: left;
}
.customYonoRMTRateAlertHeading {
    font-size: 16px;
    font-weight: bold;
}
.customYonoRMTSetRateAlertBottomContainer {
    height: auto;
    padding: 0 3%;
}
.customYonoRMTRateAlertDivider {
    border-top: 1px solid #999999;
    width: 45% !important;
	margin-bottom: 30px;
}
.customYonoRMTRateAlertCheckboxBtnLabel {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;
    padding: 12px 35px;
    border-radius: 40px;
    color: #999999;
    cursor: pointer;
    margin-right: 4%;
}
.customYonoRMTRateAlertFooterHeading {
    font-size: 14px;
    font-weight: bold;
}
.customYonoRMTRateAlertFooterText {
    font-size: 12px;
    color: #333333;
	height:60px;
}
.customYonoRMTRateAlertFooterExchangeRate {
    font-weight: bold;
}
.customYonoRMTCurrentExchangeRateContainer > .ui-combobox {
	float: none !important;
}
.customYonoRMTCurrentExchangeRateContainer > .ui-combobox > input {
	background-color: #f3f3f3 !important;
}
.customYonoRMTSavStatRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 3px;
}
.customYonoRMTSavStatColumn {
	float: left;
    margin-top: 2%;
    text-align: left;
    margin-left: 1%;
    width: 42%;
    }
.customYonoRMTSavStatColumn2{
	float: right;
    margin-top: 2%;
    text-align: right;
    margin-left: 0%;
    width: 30%;
    padding-right: 30px;
}
.customYonoRMTSavStatSearchBox {
    height: 22px !important;
    margin-left: 8% !important;
}
.customYonoRMTSavStatSearchIcon {
	font-size: 18px;
    color: #B90000;
    cursor: pointer;
    float: right;
    width: 0%;
    position: relative;
    bottom: 30px;
    left: 12px;
}
.customYonoRMTSavStatfilterIcon {
	font-size: 25px;
	cursor: pointer;
	color:#9f1c5d;
	padding-right: 14px;
}
.customYonoRMTSavStatDownloadIcon {
	font-size: 25px;
	cursor: pointer;
	color:#9f1c5d;
	padding-right: 14px;
}
.CustomYonoRMTPastTranTableHeading {
    background-color: #fff;
    color: #333333;
    font-size: 0.8rem;
    font-weight: bold;
    width: 25%;
    text-align: left !important;
    padding: 10px 0px 10px 60px;
}
.CustomYonoRMTPastTranTableCol {
    width: 25%;
    text-align: left !important;
    padding: 8px 0px 8px 60px;
    font-size: 12px;
}
.customYonoRMTSetRateAlertCheckboxContainer input[type=checkbox]:checked+.customYonoRMTRateAlertCheckboxBtnLabel {
    background: linear-gradient(100deg, #281172, #673391);
    border: 1px solid #999999 !important;
    color: #ffffff !important;
}

.customYonoRMTRateAlertCheckboxBtnLabel:focus {
    color: #999999 !important;
}

.RMTINRFlag {
	
    width: 26px;
    height: 17px;
}

.customYonoRMTRateAlertRadioBtnSelected {
    background: linear-gradient(100deg, #281172, #673391);
    border: 1px solid #999999 !important;
    color: #ffffff !important;
}
.CustomYonoRMTPastTranTableRow{
	
	border-bottom: 1px solid #999999;
	
}

.customYonoRMTColorGreen{
	color: green;
}
.customYonoRMTColorOrange{
	color: orange;
}
.customYonoRMTColorRed{
	color: red;
}
.customYonoRMTColorBlue{
	color: blue;
}
.CustomYonoRmtSection {
    background-color: #fff;
    padding-top: 1%;
    border-radius: 8px;
    padding-bottom: 1%;
    margin: 1%;
}
.CustomYonoRMTPastTransactionsSection{
	background-color: #fff;
    padding-top: 1%;
    border-radius: 8px;
    padding-bottom: 1%;
    margin: 1%;
    height: 400px; 
	overflow-x: hidden;
    overflow-y: scroll;
}
.CustomYonoRMTPastTranTableCol1 {
    width: 20%;
    text-align: left !important;
    padding: 8px 0px 8px 60px;
    font-size: 12px;
}
.CustomYonoRMTPastTranTableHeading1 {
    background-color: #fff;
    color: #333333;
    font-size: 0.8rem;
    font-weight: bold;
    width: 20%;
    text-align: left !important;
    padding: 10px 0px 10px 60px;
}
::placeholder {
    font-size: 12px;
    font-weight: normal;
    font-family: sans-serif;
    color: #999999;
}
.customYonoAccSavStatSearchBox1{
	height: 20px !important;
    margin-left: 19% !important;
}
.customYonoAccSavStatSearchIcon1 {
    font-size: 15px;
    color: #B90000;
    cursor: pointer;
    float: right;
    margin-top: -7%;
    margin-right: -20%;
}
.CustomYonoRMTFirstMenuCard{
	margin-left: -1% !important;
}
.CustomYonoRMTLastMenuCard{
	margin-left: -1% !important;
}
.CustomYonoRMTLandingPageLeftContainer {
    float: left;
    width: 98%;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    margin-left: 1%;
}

/*********************** END: India Remittance **********************************/




/***************** Last 5 Days Activity ************/
.customActlightboldtxt {
    font-weight: 550;
    padding-left: 13px;
    color: #262a2c;
    font-size: 1.5em;
    text-decoration: none;
    font-family: 'Arial';
}

.customqueryActright {
	padding-left: 6px;
	clear: right;
	overflow: hidden;
	padding-bottom: 4px;
}

.customActBtnright {
	margin-left: 10px;
}

.HW_textwithpadding1 {
	vertical-align: middle;
	font-size: 1.25em;
	padding-left: 17%;
	padding-bottom: 50;
	padding-top: -3%;
}

.CustomYonoActFormbtn1 {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 33px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 25px;
    font-size: 15px;
    /* margin-right: 10px; */
    font-family: Roboto-Light !important;
    /* margin: 0; */
    color: black;
    /* color: #000000 !important; */
    cursor: pointer;
    /* background: linear-gradient(135deg, #281172, #7600DA); */
    border: 1px solid #bdbcbc;
    float: left;
    background-color: white;
    text-decoration-line: initial !important;
    position: relative !important;
}

.CustomYonoActFormbtnColor {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 33px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 25px;
    font-size: 15px;
    /* margin-right: 10px; */
    font-family: Roboto-Light !important;
    cursor: pointer;
    /* background: linear-gradient(135deg, #281172, #7600DA); */
    border: 1px solid #bdbcbc;
    float: left;
    color: white;
    background: linear-gradient(45deg, #281172, #673391);
    color: #fff;
    text-decoration-line: initial !important;
    position: relative !important;
    color: #ffffff;
}

.formrow1 {
   /* margin: 0px; */
    margin-left: 50;
    /* padding-left: 0px; */
    /* padding-right: 12px; */
    padding-top: 8px;
    /* padding-bottom: 0px; */
    clear: both;
    margin-left: 16%;
    margin-top: 3%;
    /* margin-bottom: 1%; */
    background-color: transparent;
    /* width: 100%; */
}
.formrowbtn2 {
	 margin-left: 50;
    /* padding-left: 0px; */
    /* padding-right: 12px; */
    padding-top: 8px;
    /* padding-bottom: 0px; */
    clear: both;
    margin-left: 12%;
    margin-top: -1%;
    /* margin-bottom: 1%; */
    background-color: transparent;
    /* width: 100%; */
}

.formrow2 {
    /* margin: 0px; */
    margin-left: 50;
    padding-left: 0px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 0px;
    clear: both;
    margin-left: 16%;
    /* margin-top: 3%; */
    margin-bottom: 1%;
    background-color: transparent;
}

.CustomYonoActFormbtncolor {
	/* border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
    font-size: 15px;
	font-family: Roboto-Light !important;
    cursor: pointer;
    border: 1px solid #cac4c4;
    float: left; */
	background-color: linear-gradient(135deg, #281172, #7600DA);
	color: #ffffff;
	text-decoration-line: initial !important;
}

/***************** Last 5 Days Activity ************/
/************ Transaction Limit Enquiry ************/
.headingleft {
	font-weight: 550;
	padding-left: 13px;
	color: #262a2c;
	font-size: 1.1em;
	margin-left: 20px;
	width: 6%;
	text-decoration: none;
	font-family: 'Arial';
}

.date_heading {
	width: 100%;
	font-size: 0.69em;
	margin-left: 14%;
	color: #404040;
	margin-top: 0%;
	/* margin-top: -20%; */
	word-wrap: break-word;
}

.stage3_searchpanelrow1 {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 18px;
	margin-bottom: 5px;
	margin-top: 2px;
}

.customYonoLeftlisting25Percentpaneldiv {
	float: left;
	width: 25%;
	border-left: 1px solid #CCCCCC;
	background-color: #FFF;
	min-height: 350px;
	height: auto;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius: 5px;
}

.datetextbox1 {
	/* font-size: 12px; */
	/* color: #333333; */
	/* text-decoration: none; */
	width: 100px;
	margin-left: 36px;
	margin-top: -59px;
	margin-bottom: 41px;
	px:; */:;
	vertical-align: middle;
	/* border: 0px; */
	background-color: transparent;
	height: 24px;
}

.customYonoRightlisting75Percentpaneldiv {
	float: right;
	width: 75%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #fff;
	min-height: 350px;
	/* height: auto; */
	overflow-y: scroll;
	max-height: 350px;
}

.widgetPaginationFooterNextGenBorderTop {
	width: 100%;
	padding-bottom: 5%;
	background-color: white;
	border-top: 1px solid #CCCCCC;
	float: left;
	/* height: 60%; */
}

.CustomYonoAccountsRadioButton {
	vertical-align: middle;
	margin-left: 5px;
	font-size: 0.813em;
	margin-right: 3px;
	pointer-events: auto !important;
}

.CustomYonoAccountsRadioText {
	font-size: 0.8em;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #999999;
	padding: 10px;
	border-radius: 40px;
	color: #000;
	cursor: pointer;
}

.customYonoAccountsFilterRadioButtonStyle input[type="radio"]:checked+.CustomYonoAccountsRadioText
	{
	background: linear-gradient(45deg, #281172, #673391);
	color: #ffff;
}

.customYonoFDORadioUnSelectedText {
	background: #fff;
	color: #000;
}

.customYonoFDORadioText {
	font-size: 0.8em;
	text-decoration: none;
	font-weight: normal;
	padding: 10px;
	color: #000;
	cursor: pointer;
	width: 100%;
	background-color: #F3F3F3;
	font-weight: bold;
}
.CustoYonoTransactionLimitDetailsWrapper{
	overflow-y: scroll;
    height: 300px;
}


/******** Limit Details *********/
.stage3_previewconfirm_label_column_debit_heading_limits {
	float: left;
	word-wrap: break-word;
	margin-top: 4%;
	margin-left: 11.5%;
	color: grey;
	font-size: 14px;
}

.stage3_previewconfirm_label_column_debit_heading_value_limits {
	float: left;
	/* padding-right: 5px; */
	/* word-wrap: break-word; */
	/* margin-right: -15%; */
	margin-top: 6.5%;
	margin-left: -20.45%;
	/* padding-bottom: 11%; */
	color: black;
	font-size: 17px;
	/* text-align: left !important; */
}

.stage3_previewconfirm_label_column_debit_heading_right_limits {
	word-wrap: break-word;
	margin-right: 7%;
	font-size: 14px;
	margin-left: 58%;
	height: auto;
	margin-top: -2%;
	float: left;
	color: grey;
	font-size: 14px;
}

.stage3_previewconfirm_label_column_debit_heading_value_right_limits {
	float: left;
	padding-right: 5px;
	word-wrap: break-word;
	margin-top: 0.5%;
	/* margin-right: 20%; */
	margin-left: 58%;
	color: black;
	font-size: 17px;
	text-align: left !important;
}

.stage3_previewconfirm_label_column_debit_heading_limits_left {
	float: left;
	word-wrap: break-word;
	margin-top: 11.25%;
	margin-left: -20.5%;
	color: grey;
	font-size: 14px;
}

.stage3_previewconfirm_label_column_debit_heading_value_limits_left {
	float: left;
	padding-right: 5px;
	word-wrap: break-word;
	/* margin-right: -15%; */
	margin-top: 13.25%;
	margin-left: -20.5%;
	/* margin-bottom: 5%; */
	color: black;
	font-size: 17px;
	text-align: left !important;
}

.stage3_previewconfirm_label_column_debit_heading_right_limits_1 {
	word-wrap: break-word;
	margin-right: 7%;
	font-size: 14px;
	margin-left: 58%;
	height: auto;
	margin-top: 5%;
	float: left;
	color: grey;
	font-size: 14px;
}

.stage3_previewconfirm_label_column_debit_heading_value_right_limits_1 {
	float: left;
	padding-right: 5px;
	word-wrap: break-word;
	margin-top: 0.5%;
	/* margin-right: 20%; */
	margin-left: 57.85%;
	color: black;
	font-size: 17px;
	text-align: left !important;
}

.stage3_previewconfirm_label_column_debit_heading_value_limits_left1 {
	float: left;
	padding-right: 5px;
	word-wrap: break-word;
	/* margin-right: -15%; */
	margin-top: 6.6%;
	margin-left: -27%;
	/* margin-bottom: 5%; */
	color: black;
	font-size: 17px;
	text-align: left !important;
}

.stage3_previewconfirm_label_column_debit_heading_value_limits_left2 {
	float: left;
	/* padding-right: 5px; */
	/* word-wrap: break-word; */
	/* margin-right: -15%; */
	margin-top: 6.5%;
	margin-left: -28.5%;
	/* margin-bottom: 5%; */
	color: black;
	font-size: 17px;
	text-align: left !important;
}

.stage3_previewconfirm_label_column_debit_heading_value_limits_left3 {
	float: left;
	/* padding-right: 5px; */
	/* word-wrap: break-word; */
	/* margin-right: -15%; */
	margin-top: 6.5%;
	margin-left: -28.5%;
	/* margin-bottom: 5%; */
	color: black;
	font-size: 17px;
	text-align: left !important;
}

.stage3_previewconfirm_label_column_debit_heading_value_limits_left4 {
	float: left;
	padding-right: 5px;
	word-wrap: break-word;
	/* margin-right: -15%; */
	margin-top: 6.6%;
	margin-left: -26.75%;
	/* margin-bottom: 5%; */
	color: black;
	font-size: 17px;
	text-align: left !important;
}

.stage3_previewconfirm_label_column_debit_heading_limits_left_date1 {
	float: left;
	word-wrap: break-word;
	margin-top: 6%;
	margin-left: -50%;
	color: grey;
	font-size: 14px;
}

.stage3_previewconfirm_label_column_debit_heading_value_limits_left_date1
	{
	float: left;
	padding-right: 5px;
	word-wrap: break-word;
	/* margin-right: -15%; */
	margin-top: 8.5%;
	margin-left: -50%;
	/* margin-bottom: 5%; */
	color: black;
	font-size: 17px;
	text-align: left !important;
}

.stage3_previewconfirm_label_column_debit_heading_right_limits_1_date2 {
	word-wrap: break-word;
	margin-right: 7%;
	font-size: 14px;
	margin-left: 58%;
	height: auto;
	margin-top: 4%;
	float: left;
	color: grey;
	font-size: 14px;
}

.stage3_previewconfirm_label_column_debit_heading_value_right_limits_1_date2
	{
	float: left;
	padding-right: 5px;
	word-wrap: break-word;
	/* margin-right: 20%; */
	margin-left: 58%;
	color: black;
	font-size: 17px;
	text-align: left !important;
}

.stage3_listingdetails_transaction {
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	width: 75%;
	/* border-top: 1px solid #E0E1E2; */
	/* border-left: 1px solid #E0E1E2; */
	/* border-right: 1px solid #E0E1E2; */
	/* border-bottom: 1px solid #E0E1E2; */
}

.customYonoFndTrfBnfHeading_transaction {
	font-size: 15px;
	/* font-weight: bold; */
	/* width: 10%; */
	margin-left: -2%;
}

.tableoverflowwrapperhw {
	overflow-y: hidden;
	/* overflow-x: auto; */
	/* width: 100%; */
	border: 1px solid #CCCCCC;
	/* float: left; */
	margin-top: 10px;
	/* margin-bottom: -1px; */
	/* margin-left: -1px; */
	/* margin-top: auto; */
}

.tableoverflowwrapperhw {
	overflow-y: hidden;
	overflow-x: auto;
	width: 100%;
	border: 0px solid #ffff;
	float: left;
	/* margin-top: 10px; */
	margin-bottom: -1px;
	margin-left: 12px;
	margin-top: auto;
}

.HW_head_outerdiv {
	/* background-color: #f2f2f2; */
	height: 16px;
	margin-top: 0px;
	padding-left: 0px;
	text-align: center;
}

.paddingbottom27 {
	margin-top: 12px;
	margin-left: 2%;
}

.HW_tabletextwithpadding {
	vertical-align: middle;
	/* font-size: 0.75em; */
	padding-left: 6px;
	padding-right: 2px;
	/* background: url(../images/backgrounds/separator1.gif) repeat-y scroll 99% 0 transparent; */
	font-weight: normal;
}

.transactionTableStyle {
	width: 65%;
}

.listwhiterow1 {
	text-decoration: none;
	height: 25px;
	border: #ffff 0px solid;
	color: #000000;
	background-color: #ffffff;
}

.HW_textwithpadding {
	vertical-align: middle;
	font-size: 1.3em;
	padding-left: 6px;
}

/******** Limit Details *********/

/******** My Activities Styles *********/

.customYonoMyActivCommonSection {
	 min-height: 450px;
    max-height: 450px;
    margin-left: 0%;
    float: left;
    /* margin-bottom: 5px;
    margin-top: 5%; */
}
.customYonoMyActivLeftContainer {
	 width: 30%;
    background-color: #ffffff; 
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.customYonoMyActivRightContainer {
	width: 100%;
    background-color: #ffffff;
   /*  border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; */
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius:5px;
}
.customoYonoMyActivBtnRow {
	height: 116.66px !important;
    padding-left: 25px;
    padding-top: 50px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
    background-color: #F3F3F3;
    margin-top: 0px;
    cursor: pointer;
}
.customyonoMyActivBrStyle {
	
}

.customyonoMyActivBrStyle:hover {
	border-left: 10px solid #0095DA;
}
.CustomYonoTxnLimitHeadingRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	margin-top:3%;
}
.CustomYonoTxnLimitHeadingCol {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	text-align: left;
	margin-left: 30%;
	width: 40%;
}
.customYonoLimitTxt {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.CustomYonoTxnLimitHeadingDateRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	margin-top:5%;
}
.customYonoMyActivetColDate {
    float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 30% !important;
    width: 42% !important;
}
.customYonoMyActiveDateTxt {
		margin-top:-45px;
	}
	
.CustomYonoTxnLimitHeadingBtnRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	margin-top:6%;
}
.customYonoMyActivetColBTn1 {
    float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 27% !important;
    width: 17% !important;
}
.customYonoMyActivetColBTn2 {
    float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 7% !important;
    width: 42% !important;
}
.customYonoMyActivClearBtn {
	border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 38px;
    padding: 5px 60px;
    padding-top: 4px;
    padding-right: 33px;
    padding-bottom: 5px;
    padding-left: 29px;
    font-size: 14px;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.CustomYonoMyActivClearLinkBtn {
    float: left !important;
    margin-right: 167px !important;
    margin-bottom: -12px !important;
    margin-left: 11px !important;
}

.customYonoMyActivClearBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.CustomYonoTxnLimitHeadingTableRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	margin-top:8%;
}

.customYonoLimitDetailModalRow1 {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	margin-top:1%;
}
.customYonoLimitDetailModalcol1 {
    float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 11%;
    width: 36%;
}
.customYonoLimitDetalModalText {
	font-size: 15px;
    color: #999999;
    line-height: 2;
}

.CustomYonoLimitDetailModalHeadingCol {
    float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 11%;
    width: 40%;
}
.CustomYonoTxnDetailModalLinkBtn {
    float: left !important;
    margin-right: 350px !important;
    margin-bottom: -12px !important;
    margin-left: 18px !important;
}
.CustomYonoTxnDetailModalFormBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 13px;
    padding-right: 33px;
    padding-bottom: 5px;
    padding-left: 31px;
    font-size: 14px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}

/******** My Activities Styles *********/
/*Profile Page Popup Style Changes added by Sruthi */
#sessionExpiryTime { /*RWD newly modified for header profile*/
	float: left;
	font-weight: normal;
	line-height: 5;
	margin-left: -86px; /*Surej RWD Newly fixed for CDG defects*/
}

.CustomYonoFormbtnpp {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 5px;
    padding-left: 18px;
    font-size: 12px;
    font-family: Roboto-Light !important;
    /* margin: 0; */
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    margin-left: 26px;
    margin-bottom: 5px;
    text-decoration-line: initial !important;
}

.CustomYonoFormbtnSession {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 32px;
	padding: 5px 60px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	/* margin: 0; */
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	/* float: left; */
	margin-left: 20px;
	margin-bottom: 5px;
	text-decoration-line: initial !important;
}

.dropBxContentpp {
	border-bottom: 1px solid #CED0CF;
	height: 160px;
	/* min-height: 109px; */
	margin: 5px 0px 10px 0px;
}

.myProfilePulldown p.sessionTimeoutText_vpp {
	border-bottom: 1px solid #CED0CF;
	padding-left: 15px;
	/* padding-right: 0px; */
	width: 100%;
}

.headertext_lastlogpp {
	color: #000000;
	/*changes done by shreya for new ebux-3 header*/
	float: left;
	font-size: 0.69em;
	margin-top: 2px;
	/*margin-left: 5px;*/ /*Surej RWD newly modified for CDG*/
}

.lastlogtext_greenpp {
	color: #1b3d95;
	float: left;
	font-size: 0.69em;
	margin-top: 2px;
	/* margin-bottom: 7px; */
	/* margin-left: 5px; */
	font-weight: normal
}

.imgaeWithNamepp {
	margin: 0 0 25px;
	padding-left: 15px;
}

.headertext_lastlogtimepp {
	color: #000000;
	float: left;
	font-size: 0.69em;
	margin-top: 2px;
	margin-bottom: 10px;
	padding-right: 71.65px;
}

/*Profile Page Popup Style Changes added by Sruthi*/


<!--Added on 24 feb-->

/********** START: Custom YONO changes for Security Settings ***************/

.customYonoSecSettings:after {
	content: "";
	display: table;
	clear: both;
}
.customYonoSecSettingsCard {
	background-color: #ffffff;
	width: 30%;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
	height: 80px;
    float: left;
    padding: 0px 20px;
}
.customYonoSecSettingsCardTextBox {
	color: #333333;
    width: 80%;
    float: left;
    height: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    font-weight: bold;
}
.customYonoSecSettingsCardArrowBox {
    width: auto;
    float: right;
    height: 65px;
    padding-top: 22px;
    max-height: 65px;
    padding-right: 30px;
    padding-bottom: 5px;
}
.customYonoSecSettingsCardArrowIcon {
    color: #0095DA;
    font-size: 35px;
    padding-left: 20px;
    width: 0px;
    float: left;
    background-color: #ffffff;
    height: 40px;
}
.customYonoSecSettingsBackIcon {
	font-size: 25px;
	padding-left: 5px;
	cursor: pointer;
}
.customYonoSecSettingsHeading {
	 font-size: 46px;
    text-transform: none;
    color: #ffffff75;
    font-weight: 700;
}
.customYonoSecSettingsCardArrowIcon:hover {
    text-decoration: none !important;
    color: #0095da !important;
}
.customYonoSecuritySettSection {
    width: 100%;
    margin-top: -43px;
}

/********** END: Custom YONO changes for Security Settings ***************/

/* ****************PasswordChangeUX3 Transaction start by aravind**************** */

.customYonoLPHeading {
       color: #999999;
       font-size: 0.8em;
       text-decoration: none;
       text-align: left !important;
       width: 100%;
       float: left;
       padding-top: 10px;
}

.customLPSection {
	
    height: 378px;
    padding-bottom: 1rem;
    padding-top: 45px;
    padding-left: 230px;
}

.customLPSectionPassword {
	 height: 378px;
    padding-bottom: 1rem;
    padding-top: 42px;
}

.customLPSection1 {
    padding-top: 45px;
    padding-left: 230px;
}
.customLPSection2 {
    padding-top: 95px;
    padding-left: 230px;
}

.customLPlightboldtxt {
    
    padding-left: 4px;
    color: #000;
    font-size: 1.1em;
    text-decoration: none;
    
}

.customPLHdRowset{
    padding-bottom: 30px;
	width: 334px;
  
}

.customYonoLProwset {	
	margin: 2px 0;
	padding-bottom: 0px;
    padding-top: 10px;	
    padding-left: 100px;
    width: 800px;
}

.customYonoLPcurCol {
	float: left;
	margin-right: 5px;
	margin-top: 7px;
	text-align: right;
	width: 50%; 
}

.customYonoLPquerytextbox {
	
       background-color: #edf6fb;
       padding-top: 7px;
       border-color: #88A0C8 #88A0C8 #88A0C8;
       border-style: solid;
       font-size: 11px; 
       text-decoration: none;
       width: 255px !important; 
       margin: 0px 0px 0px 0px;
       vertical-align: middle;
       float: left;
       height: 27px !important;
       border: 1px solid #d3d3d3;
       background-color: rgb(251,251,251);
}

.customYonoNewpcurCol {
	float: left;
	margin-right: 5px;
	margin-top: 13px;
	/*text-align: right;*/
	width: 50%; 
	/* padding-top: 20px; */
}


.customYonoPassRowBt {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: -1%;
}


.customYonoPassbtndebit {
	margin-left: 35%;
	margin-top: 2%;
}





.customYonoPassConfirmFieldHeading {
       color: #0095da;
       font-size: 0.8em;
       text-decoration: none;
       text-align: left !important;
       width: 100%;
       float: left;
}
.CustomYonoChangeLoginPassBtn {
	 border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 41px;
    padding: 5px 60px;
    padding-top: 4px;
    padding-right: 35px;
    padding-bottom: 5px;
    padding-left: 35px;
    font-size: 12px;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.CustomYonoChangeLoginPassBtnLink {
	float: left;
    margin-right: 15px;
    margin-bottom: -20px;
}

/* ****************PasswordChangeUX3 end by aravind**************** */




/* **************** SecuritySettingsUX3 start by aravind**************** */

.customYonoSecBox {
       background-color: #FFFFFF;
       border-radius: 3px;
       margin-left: 10px;
       width: auto;
       max-width: 500px;
       min-width: 292px;
       float: left;
       height: auto;
       margin-top: 30px;
       min-height: 75px;
       max-height: 500px;
}


.customYonoSecBoxBoldText {
       color: #000000;
       font-size: 16px;
       font-weight: bolder;
       float: left;
       vertical-align: middle;
       padding-top: 28px;
       padding-left: 20px;
       display: inline;
}



.customYonoQuickSecArrowIcon {
	
       color: #0095DA;
       font-size: 35px;
       padding-left: 50px;
       width: 0px;
       float: left;
       padding-top: 3px;
       height: 40px;
}


.customYonoQuickSecTranArrowIcon {
	
       color: #0095DA;
       font-size: 35px;
       padding-left: 5px;
       width: 0px;
       float: left;
       padding-top: 3px;
       height: 40px;
}


.customYonoQuickSecActArrowIcon {
	
       color: #0095DA;
       font-size: 35px;
       padding-left: 135px;
       width: 0px;
       float: left;
       padding-top: 3px;
       height: 40px;
}



/* **************** SecuritySettingsUX3 end by aravind**************** */
/*RM Appointment Styles */
.customYonoRMAppSec {
    min-height: 400px;
    max-height: 450px;
    margin-left: 0%;
/*     float: left; */
    background-color: #ffffff;
	border-radius:5px;
    width: 100%;
}
.customYonoRMAppRow {
    float: left;
    margin: 2px 0;
    width: 100%;
    position: relative;
    top: 9px;
    /* margin-top: 3%; */
}
.customYonoRMAppcolumn {
    float: left;
    /* margin-right: 5px; */
    margin-top: 30px;
    text-align: left;
    margin-left: 18%;
    /* width: 21%; */
}
.customYonoRMAppTxt {
    font-size: 20px;
    color: #000000;
   
}
.customYonoRMAppDatecolumn {
	    float: left;
    /* margin-right: 5px; */
    margin-top: 4px;
    text-align: left;
    margin-left: 348px;
    width: 25%;
}
.customYonoRMAppTimecolumn {
	 float: left;
    /* margin-right: 5px; */
    margin-top: 60px;
    text-align: left;
    margin-left: -257px;
    width: 22%;
}

.customYonoRMAppDatecolumnNar {
	    float: left;
    /* margin-right: 5px; */
    margin-top: -18px;
    text-align: left;
    margin-left: 183px;
    width: 25%;
}

.customYonoRMAppTimecolumnNar {
	 float: left;
    /* margin-right: 5px; */
    margin-top: 67px;
    text-align: left;
    margin-left: 349px;
    width: 22%;
}

.customYonoRMAppMincolumn {
    float: left;
    margin-top: 60px;
    margin-left: -10%;
}
.customYonoRMAppRow1 {
    float: left;
    width: 100%;
    position: relative;
    top: 65px;
}
.customYonoRMAppRow2 {
    float: left;
    width: 100%;
    position: relative;
    top: 115px;
}
.customYonoRMAppBookBtnRow {
/*     float: left; */
    width: 100%;
    top: 210px;
    position: relative;
}
.customYonoRMAppDurationcolumn {
	 float: left;
    /* margin-right: 5px; */
    margin-top: 60px;
    text-align: left;
    margin-left: 34%;
    width: 25%;
}
.customYonoRMAppDropdownStyle {
	font-size: 0.7em;
    font-family: sans-serif;
    height: 24px;
    padding-left: 0px;
    width: 227px !important;
}
.customYonoRMAppCyberBtn {
	border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    /* padding: 5px 45px; */
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    padding-top: 5px;
    padding-left: 27px;
    padding-right: 45px;
    padding-bottom: 5px;
}
.customYonoRMAppCyberBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
/* .customYonoRMAppConfirmDetailstListing {
	float: left;
	width: 100%;
	height: auto;
	max-height: 500px;
	background-color: #ffff;
	min-height: 400px;
	border-radius: 5px !important;
} */
.customYonoRMAppConfirmDetailstListing {
	padding: 0% 18%;
}
/* .customYonoRMAppConfirmDetailstListing p {
	height: auto !important;
} */
/* .customYonoRMAppConfirmRow {
	float: left;
	width: 100%;
	height: auto !important;
} */
.customYonoRMAppConfirmRow {
	float: left;
	width: 100%;
	height: auto !important;
}

.customYonoRMAppConfirmcolumn {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	text-align: left;
	margin-left: 2%;
	width: 40%;
}
.customYonoRMAppConfirmcolumn2 {
	 float: left;
    /* margin-right: 5px; */
    margin-top: 7px;
    text-align: left;
    margin-left: 2%;
    width: auto;
}
.customYonoRMAppConfirmcolumn3 {
	float: left;
    /* margin-right: 5px; */
    margin-top: 23px;
    text-align: left;
    margin-left: -9%;
    width: 9%;
/*     position: relative; */
/*     top: -1px; */
/*     left: -60px; */
}
.customYonRMAppText {
	font-size: 14px;
    color: #999999;
}
.customYonoRMAppConfirmRow1 {
    float: left;
    margin: 2px 0;
    width: 100%;
    position: relative;
    /* top: 9px; */
    margin-top: 5%;
}

.customYonoFDOBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

/*RM Appointment Styles */
/* **************** RMADataCaptureUX3 RM Appointment Page**** */


.lightboldtxt {
       font-weight: 500;
    padding-left: 4px;
    color: #262a2c;
    font-size: 1.1em;
    text-decoration: none;
    font-family: 'Arial';
}



.CustomRmSmFormbtn {
	
    margin-left: 450px;
    margin-top: 52px;
    border-radius: 40px;
    vertical-align: middle;
    font-size: 11px;
    font-family: sans-serif !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
    height: 38px;
    padding-top: 11px;
    padding-bottom: 15px;
    padding-right: 84px;
    padding-left: 28px;
    width: 100px;
}
.CustomRmSmFormbtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.customRmSection {
	height: 480px;
    padding-left: 200px;
    padding-top: 50px;
    /* padding-bottom: 1rem; */
    float: left;
}

.customRmHdRowset{
    padding-bottom: 30px;
  
}

.customfirstLeft {
	height: 8px;
    width: 272px;
    padding-right: 1px;
    padding-left: 2px;
    float: left;
    clear: left;
    text-align: right;
    padding-bottom: 1px;
    padding-top: 7px;
    font-weight: normal;
}

.customRMZeroright {
	padding-top: 8px;
    color: #999999;
    font-size: 11px;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
}

.customRmFirstright {
	height: 20px;
    width: 625px;
    padding-left: 300px;
    color: #999999;
    font-size: 11px;
    text-decoration: none;
    text-align: left !important;
    float: left;
}

.customdateRmtextright {
	height: 20px;
    color: #999999;
    text-decoration: none;
    text-align: left !important;
    float: left;
    padding-left: 198px;
    padding-top: 21px;
}
.customdateRmtextSecright {
	padding-top: 21px;
	padding-left: 6px;
	clear: right;
	display: block;
	overflow: hidden;
	padding-bottom: 4px;
}
.customtopRmMar {
	padding-bottom: 22px;
	padding-top: 70px;
}
.queryRmdateright {
/*      padding-left: 150px; */
    clear: right;
/*     display: block; */
    overflow: hidden;
    padding-bottom: 4px;
       
}
.customInpSub{
  /*  margin-top: 25px; */
    border: none;
    background: none;
    outline: none;
    width: 250%;
    float: left;
    font-size: inherit;
    border-bottom: 1px solid #999999;
	overflow: hidden;
	
}
.customRmColon {
	width: 139px;
    height: 65px;
    padding-left: 129px;
    padding-top: 43px;
	clear: right;
	display: block;
	overflow: hidden;
	padding-bottom: 4px;
}
.customYonoRMAppDurationcolumn .ui-combobox {
	display: inline !important;
	margin-right: 0px !important;
}
.customYonoRMAppDurationcolumn .ui-combobox > input {
	width: 256px !important;
    height: 30px !important;
    color: #000 !important;
    font-size: 14px !important;
    font-family: sans-serif !important;
}
.customYonoRMAppTimecolumn .ui-combobox > input {
	width: 135px !important;
    height: 30px !important;
    color: #000 !important;
    font-size: 14px !important;
    font-family: sans-serif !important;
}
.customYonoRMAppMincolumn .ui-combobox > input {
	width: 135px !important;
    height: 30px !important;
    color: #000 !important;
    font-size: 14px !important;
    font-family: sans-serif !important;
}


.customYonoRMAppConfirmTxt {
    font-size: 16px;
    color: #000000;
    line-height: 2;
    overflow-wrap: break-word;
}
/* styles for Calendar */
.CustomYonoRMADateBox{
	width: 95% !important;
    font-size: 14px !important;
    height: 25px !important;
    color: #000 !important;
    font-family: sans-serif !important;
}
.CustomYonoRMADateBox_Calender{
	margin-left: -15px;
	filter: invert(15%) sepia(71%) saturate(3614%) hue-rotate(314deg) brightness(90%) contrast(90%);
	cursor: pointer;
	
       
}
.customYonoRMBackIcon {
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    top: -2px;
    position: relative;
	text-decoration: none !important;
}
/* **************** END of  RMADataCaptureUX3 RM Appointment Page**** */
/* **************** Start of  Update Channel Login ID Page**** */
.customYonoUpdateLoginListing {
	float: left;
	width: 100%;
	height: auto;
	max-height: 350px;
	background-color: #ffff;
	min-height: 300px;
	border-radius: 5px !important;
}

.customYonoUpdateLoginRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 30px;
}

.customYonoUpdateLogincolumn {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	text-align: left;
	margin-left: 2%;
	width: 30%;
}
.customYonoUpdateLoginRow1 {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 30px;
}
.customYonoUpdateLoginTxt {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}
.customYonoUpdateLogincolumn1 {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	text-align: left;
	margin-left: 2%;
	width: 40%;
}
.customYonoUpdateLoginTableRow {
	width: 96%;
    float: left;
    position: relative;
    margin-top: 70px;
    margin-left: 2%;
}
.customYonoTableHeader {
    vertical-align: middle;
    font-size: 13px;
    padding-left: 6px;
    padding-right: 2px;
    background-color: #fff;
    font-weight: bold;
    color: #000;
}

.customYonoUpdateLoginsimpletext {
    color: #000;
    /* font-size: 0.813em; */
    font-size: 12px;
    text-decoration: none;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
/* **************** End of  Update Channel Login ID Page**** */

/********** START: Custom YONO changes for My Profile ***************/
/******** My Profile Styles *********/
.customYonoSecHeading {
    padding-top: 30px;
    clear: right;
    display: block;
    overflow: hidden;
}
.customYonoSecSectionZeroright {
    padding-top: 45px;
    color: #999999;
    font-size: 0.7em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
}
.customYonosearchsimpletextbold {
    color: #262a2c;
    font-family: sans-serif !important;
    /* font-size: 0.813em; */
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    padding-top: 51px;
    padding-right: 5px;
}
.customYonoSecSectionZerorightsecrow {
	padding-top: 53px;
    color: #999999;
    font-size: 0.7em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
}

.customYonoformrowprofile {
    margin: 0px;
    padding-top: 17px;
}
.customYonoProficpicEdit {
    margin-left: 199px;
    margin-bottom: 35px;
    padding-bottom: 10px;
}
.customPUSection {
       
    height: 350px;
    padding-bottom: 1rem;
    padding-top: 45px;
    padding-left: 330px;
}
.customPU25percent_mleft {
       width: 25%;
       float: left;
       padding-top: 50px;
}
.customPU75percent_mleft {
       width: 75%;
       float: left;
       padding-top: 50px;
}
.customYonoUPbtndebit {
	margin-left: 25%;   /*changed by pallabi for profile photo submit button 45% */
	margin-top: 0%;    /*changed by pallabi for profile photo submit button 2% */
	position: fixed; /* added by pallabi for profile photi submit button */
}
/******** My Profile Styles *********/
/******** My Profile Styles Updated *********/
.customYonoPersboldtxt {
       font-weight: bold;
       padding-left: 0px;
       color: #262a2c;
       font-size: 1.1em;
       text-decoration: none;
       font-family: 'Arial';
	   /*added by pallabi for personal settings start */
       margin-top: -8px;
    	margin-left: 10px;
    /* added by pallabi for personal settings end */
}
.custompersSection {
       height: 565px;
       padding-left: 100px;
       padding-top: 50px;
       padding-bottom: 1rem;
}
.customYonowidth75percent_mleft {
       width: 300px;
       height: 8px;
       margin-left: 400px;
       float: left;
}
.customYonoPersformrow {
       margin: 0px;
       padding-left: 3px;
       padding-right: 12px;
       padding-top: 30px;
       padding-bottom: 0px;
       clear: both;
       background-color: transparent;
}
.customYonoPersbold2 {
       color: #262a2c;
       font-family: OpenSans-Semibold;
       /*Changed by Neha Gosain*/
       /* font-size: 0.813em;*/
       font-size: 0.69em; /*Added by Parashar Dutta*/
       text-decoration: none;
       float: left;
       padding-top: 8px;
       padding-right: 5px;
       /** Added by Naval */
       /**margin-top: 2px;*/
}
.customYonoPersbold3 {
       color: #262a2c;
       font-family: OpenSans-Semibold;
       /*Changed by Neha Gosain*/
       /* font-size: 0.813em;*/
       font-size: 11px; /*Added by Parashar Dutta*/
       text-decoration: none;
       float: left;
       padding-top: 20px;
       padding-right: 5px;
       /** Added by Naval */
       /**margin-top: 2px;*/
}
.customYonoNamformrow {
       margin: 0px;
       padding-left: 4px;
       padding-right: 12px;
       padding-top: 8px;
       padding-bottom: 0px;
       clear: both;
       background-color: transparent;
}
.customYonoDatFirstright {
       height: 20px;
       width: 625px;
       padding-left: 295px;
       color: #999999;
       font-size: 0.7em;
       text-decoration: none;
       text-align: left !important;
       float: left;
}
.customYonoConboldtxt {
       font-weight: bold;
       padding-left: 0px;
       color: #262a2c;
       font-size: 1.1em;
       text-decoration: none;
       font-family: 'Arial';
}
.customYonoMailformrow {
       margin: 0px;
       padding-left: 5px;
       padding-right: 12px;
       padding-top: 40px;
       padding-bottom: 0px;
       clear: both;
       background-color: transparent;
}
.customYonoSecformrow {
       margin: 0px;
       padding-left: 5px;
       padding-right: 12px;
       padding-top: 20px;
       padding-bottom: 0px;
       clear: both;
       background-color: transparent;
}
.customYonoSecformrowx {
       margin: 0px;
       padding-left: 5px;
       padding-right: 12px;
       padding-top: 20px;
       padding-bottom: 0px;
       clear: both;
       background-color: transparent;
}
.customYonoZeroright {
      /* padding-top: 8px; commented by pallabi for personal settings */
       color: #999999;
       font-size: 0.7em;
       text-decoration: none;
       text-align: left !important;
       width: 100%;
       float: left;
		line-height: 1px;
}
.customYonoqueryPhright {
       padding-left: 35px;
       padding-top: 5px;
       clear: right;
       display: block;
       overflow: hidden;
       padding-bottom: 4px;
}
.customYonoMyProfileLeft45PercentSection {
       float: left;
       width: 100%;  /* changed by pallabi for personal settings 45% */
       /* border-left: 1px solid #CCCCCC; */
       /* background-color: #FFFFFF; */
       /*min-height: 400px; commented by pallabi for personal settings */
       height: auto;
}
.customYonoMyProfileLeft30PercentSection {
      float: left;
       width: 101%;   /* changed by pallabi for personal settings 30% */
       /* border-left: 1px solid #CCCCCC; */
       /* background-color: #FFFFFF; */
       /*min-height: 400px;  commented by pallabi for personal settings */
       height: 168px;  /* changed by pallabi for personal settings auto */
	   margin-top: -44px; /* added by pallabi for personal settings */
}
.customYonoMyProfileLeft30PercentSection1 {
       margin-left: 2%;
      /* width: 30%; */
       /* border-left: 1px solid #CCCCCC; */
       /* background-color: #FFFFFF; */
       min-height: 4px;
       height: auto;
}

.customYonoMyProfileLeft30PercentSection2 {
       margin-left: 2%;
     /* width: 30%; */
       /* border-left: 1px solid #CCCCCC; */
       /* background-color: #FFFFFF; */
       min-height: 100px;
       height: auto;
}
.customYonoMyProfileLeft25PercentSection {
       float: left;
       width: 25%;
       /* border-left: 1px solid #CCCCCC; */
      /*  background-color: #FFFFFF; */
       min-height: 400px;
       height: auto;
}
.customYonoMyProfileImage {
       border-radius: 50%;
}
.customYonoMyProfilePicRow {
       height: auto !important;
       margin-left: 28%;
       margin-right: 250px;
       margin-top: 10px;  /* changed by pallabi for personal settings 105px */
	   background-color: lightgrey; /* added by pallabi for personal settings */
}
.customYonoMyProfileEditIcon {
       font-size: 22px;
       text-decoration: none !important;
       /*background-color: #0095DA; commented by pallabi for personal settings */
       color: #ffffff !important;
       border-radius: 50%;
       position: relative;
	   top: -57px;   /* changed by pallabi for personal settings -18px */
	   padding: 30px 43px 29px 33px; /* changed by pallabi for personal settings 5px */
	   left: 235px; /* added by pallabi for personal settings */
}
.customYonoMyProfileNameRow {
       margin-top: -14px;   /* changed by pallabi for personal settings commented */
       width: 100%;
       float: left;
}
.customYonoMyProfile20pxRowGap {
       margin-top: 2px; /* changed by pallabi for personal settings 20px */
}
.customYonoSecHeading {
       padding-top: 30px;
       clear: right;
       display: block;
       overflow: hidden;
}
.customYonoSecSectionZeroright {
       padding-top: 45px;
       color: #999999;
       font-size: 0.7em;
       text-decoration: none;
       text-align: left !important;
       width: 100%;
       float: left;
}


.customYonoSecSectionZerorightsecrow {
       padding-top: 53px;
       color: #999999;
       font-size: 0.7em;
       text-decoration: none;
       text-align: left !important;
       width: 100%;
       float: left;
}
.customYonosearchsimpletextboldsecrow {
    color: #262a2c;
    font-weight: bold;
    font-family: sans-serif !important;
    /* font-size: 0.813em; */
    font-size: 13px;
    text-decoration: none;
    float: left;
    padding-top: 58px;
    padding-right: 5px;
}
.customYonoformrowprofile {
       margin: 0px;
       padding-top: 17px;
}

.customPUSection {
       height: 350px;
       padding-bottom: 1rem;
       padding-top: 45px;
       padding-left: 330px;
}
.customPU25percent_mleft {
       width: 25%;
       float: left;
       padding-top: 50px;
}
.customPU75percent_mleft {
       width: 75%;
       float: left;
       padding-top: 50px;
}
/*.customYonoUPbtndebit {
       margin-left: 45%;
       margin-top: 2%;
}*/
.customYonoMyProfilePicRow .myprofile_imageCol img {
    border-radius: 100px;
    height: 89px;  /* changed by pallabi for personal settings 170px */
    width: 89px;   /* changed by pallabi for personal settings 170px */
	/* added by pallabi for personal settings start */
	margin-left: 427px;
	margin-top: 10px;
	margin-bottom: 10px;
	/* added by pallabi for personal settings end */
}
.myprofile_uploadImage .myprofile_imageCol img {
    border-radius: 100px;
    height: 100px;
    width: 100px;
    position: relative;
    top: -5px;
    left: -40px;
}
.myprofile_uploadImage .Custommyprofile_imageCol img {
    border-radius: 100px;
    height: 160px;
    width: 160px;
    position: relative;
    top: -100px;
    left: 30px;
}
.customYonoMyProfilePicUploadLabel {
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 12px;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    height: 30px;
}
.customYonoMyProfilePicUploadLabelFileName {
	font-size: 12px;
    color: #999999;
    margin-left: 10px;
}
.customPUSection .myprofilehome_filerow {
	float: none !important;
}

/******** My Profile Styles Updated *********/
/********** END: Custom YONO changes for My Profile ***************/




/* For One View */
.customYonoInd {
    width: 80%;
}
/* .tableColSep{
	border-bottom: #fff 1px solid;
    text-align: right;
    color: #0095da;
}
 */
.tableheader_nosort span {
    color: #b9bec0;
   /* padding-left: 1px;*/
	padding-left: 11px;
    font-size: 14px;
    padding-top: 1px;
}

.customYonoAccountsDebitAmountCurrencyStyle{  
	color: #B90000;   
    font-size: 18px;
    font-weight: bold;
}
.customYonoAccountsCurrencyCreditAmountStyle {
    color: #58B200;   
    font-size: 18px;
    font-weight: bold;
}
.customYonoSbiIndName {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    float: left;
    padding-top: 2px;
    padding-right: 5px;
    text-align: left;
}
.customYonoOneViewRadioText {
	font-size: 13px;
    float: left;
    padding-top: 2px;
    padding-right: 5px;
    text-align: left;
    font-family: sans-serif;
    margin-left: 12px;
}
/* For One View */

/*Profile Page Popup Style Changes added by Sruthi */
#sessionExpiryTime { /*RWD newly modified for header profile*/
	float: left;
	font-weight: normal;
	line-height: 5;
	margin-left: -86px; /*Surej RWD Newly fixed for CDG defects*/
}



.CustomYonoFormbtnSession {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 32px;
	padding: 5px 60px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	/* margin: 0; */
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	/* float: left; */
	margin-left: 20px;
	margin-bottom: 5px;
	text-decoration-line: initial !important;
}

.dropBxContentpp {
	border-bottom: 1px solid #CED0CF;
	height: 160px;
	/* min-height: 109px; */
	margin: 5px 0px 10px 0px;
}

.myProfilePulldown p.sessionTimeoutText_vpp {
	border-bottom: 1px solid #CED0CF;
	padding-left: 15px;
	/* padding-right: 0px; */
	width: 100%;
}

.headertext_lastlogpp {
	color: #000000;
	/*changes done by shreya for new ebux-3 header*/
	float: left;
	font-size: 0.69em;
	margin-top: 2px;
	/*margin-left: 5px;*/ /*Surej RWD newly modified for CDG*/
}

.lastlogtext_greenpp {
	color: #1b3d95;
	float: left;
	font-size: 0.69em;
	margin-top: 2px;
	/* margin-bottom: 7px; */
	/* margin-left: 5px; */
	font-weight: normal
}

.imgaeWithNamepp {
	margin: 0 0 25px;
	padding-left: 15px;
}

.headertext_lastlogtimepp {
	color: #000000;
	float: left;
	font-size: 0.69em;
	margin-top: 2px;
	margin-bottom: 10px;
	padding-right: 71.65px;
}

/*Profile Page Popup Style Changes added by Sruthi*/



/* Accounts styles For More Actions */
.CustomYonoLienType {
	vertical-align: middle;
    font-size: 13px;
    padding-left: 6px;
    padding-right: 2px;
   /*  background: url(../images/backgrounds/separator1.gif) repeat-y scroll 99% 0 transparent; */
    background-color: #fff;
    font-weight: bold;
}
.CustomYonoExpDate {
	font-size:13px;
	 vertical-align: middle;
    padding-left: 2px;
    /* background: url(../images/backgrounds/separator1.gif) repeat-y scroll 99% 0 transparent; */
    font-weight: bold;
    background-color: #fff;
   
}
.CustomYonoLienDate {
	ertical-align: middle;
    padding-left: 2px;
   /*  background: url(../images/backgrounds/separator1.gif) repeat-y scroll 99% 0 transparent; */
   font-weight: bold;
    background-color: #fff;
    font-size: 13px;
    
}
.customYonoAmountCol {
	text-align: right !important;
    float: none !important;
    padding-right: 10px;
    background-color: #fff;
	font-size: 13px;
    font-weight: bold;
}
.customYonoremarks {
	 vertical-align: middle;
    font-size: 13px;
    padding-left: 6px;
    padding-right: 2px;
    /* background: url(../images/backgrounds/separator1.gif) repeat-y scroll 99% 0 transparent; */
    font-weight: bold;
    background-color: #fff;
}
.CustomYonoLienButton {
        border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 9px;
    padding-right: 26px;
    padding-bottom: 5px;
    padding-left: 27px;
    font-size: 14px;
    font-family: sans-serif !important;
    /* margin: 0; */
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
    margin-left: 41%;
    margin-top: 1%;
	margin-bottom: -29px;
}
.customYonoLienRemarkTxt {
	color: #000;
    font-size: 12px;
    float: left;
    padding-right: 5px;
    text-align: right;
    padding-top: 28px;
}
.customYonoLiensimpletext {
    color: #000;
    /* font-size: 0.813em; */
    font-size: 12px;
    text-decoration: none;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.CustomYonoamounttxt {
	 color: #000;
    font-size: 12px;
}

/*.customYonotableWrapperStyle {
	 overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    border: none !important; 
    float: left;
     margin-top: 10px;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-top: auto;
} */
.tableoverflowwrapperhw {
	overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    border: none !important;
    float: left;
    /* margin-top: 10px; */
    margin-bottom: -1px;
    margin-left: -1px;
    margin-top: auto;
}
.customYonoNomineeBtn {
	border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 26px;
    padding-bottom: 5px;
    padding-left: 26px;
    font-size: 14px;
    font-family: Roboto-Light !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    /* float: left; */
    text-decoration-line: initial !important;
    margin-left: 40%;
    margin-top: 7%;
    margin-bottom: -70px;
}

.customYonoNominee {
    vertical-align: middle;
    font-size: 13px;
    padding-left: 6px;
    padding-right: 2px;
    /* background: url(../images/backgrounds/separator1.gif) repeat-y scroll 99% 0 transparent; */
    font-weight: bold;
    background-color: #fff;
}
.customYonoNomineeRelationship {
    vertical-align: middle;
    padding-left: 2px;
    /* background: url(../images/backgrounds/separator1.gif) repeat-y scroll 99% 0 transparent; */
    font-weight: bold;
    font-size: 13px;
    background-color: #fff;
}
.customYonoNomineeGuard {
    vertical-align: middle;
    padding-left: 2px;
    font-weight: bold;
    font-size: 13px;
    background-color: #fff;
}
.customYonoNomineesimpletext {
    color: #000;
    /* font-size: 0.813em; */
    font-size: 12px;
    text-decoration: none;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.CustomYonoAccNumberTextLink {
	color: #0095da;
    font-size: 15px;
    text-decoration: none;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.CustomYonoAccNumberTextLink:hover {
    color: #0095da !important;
    text-decoration: none !important;
}
.customYonoMoreActionRtArrow {
    font-size: 25px;
    color: #0095da !important;
}
.CustomYonoHW_tabletextwithpadding1 {
    border-bottom: #fff 1px solid;
    text-align: right;
    color: #0095da;
}
/* Accounts styles For More Actions */


/********** START: Custom YONO changes for Security Settings ***************/

.customYonoSecSettings:after {
	content: "";
	display: table;
	clear: both;
}
.customYonoSecSettingsCard {
	background-color: #ffffff;
	width: 30%;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
	height: 80px;
    float: left;
    padding: 0px 20px;
}
.customYonoSecSettingsCardTextBox {
	color: #333333;
    width: 80%;
    float: left;
    height: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    font-weight: bold;
}
.customYonoSecSettingsCardArrowBox {
    width: auto;
    float: right;
    height: 65px;
    padding-top: 22px;
    max-height: 65px;
    padding-right: 30px;
    padding-bottom: 5px;
}
.customYonoSecSettingsCardArrowIcon {
    color: #0095DA;
    font-size: 35px;
    padding-left: 20px;
    width: 0px;
    float: left;
    background-color: #ffffff;
    height: 40px;
}
.customYonoSecSettingsBackIcon {
	font-size: 25px;
	padding-left: 5px;
	cursor: pointer;
}
.customYonoSecSettingsHeading {
	 font-size: 46px;
    text-transform: none;
    color: #ffffff75;
    font-weight: 700;
    padding-left:10px;
}
.customYonoSecSettingsCardArrowIcon:hover {
    text-decoration: none !important;
    color: #0095da !important;
}
.customYonoSecuritySettSection {
    width: 100%;
    margin-top: -43px;
}



/********** END: Custom YONO changes for Security Settings ***************/


    

/********** START: Custom YONO changes for Q&A Reset Security Settings ***************/

.CustomYonopageLeftContainerQAR{
	position: inherit !important;
    background-color: white;
    overflow-y: scroll;
    height: 345px;

}

.CustomYonoFormbtnQAR {
    font-weight: bold;
    margin-left: 460px;
    margin-top: 138px;
    border-radius: 40px;
    vertical-align: middle;
    font-size: 11px;
    font-family: sans-serif !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    /* float: left; */
    text-decoration-line: initial !important;
    height: 38px;
    padding-top: 12px;
    padding-bottom: 15px;
    padding-right: 71px;
    padding-left: 33px;
    width: 100px;
}

.CustomYonoRightTableHeadingFontQAR {
    font-weight: bold;
    padding-left: 39px;
    float: left;
    font-size: 20px;
}

.CustomYonoAnswersQAR {
    padding-top: 25px;
    padding-right: 81px;
}
.CustomYonoLeftHeadQAR {
    font-size: 19px;
    line-height: 24px;
}
.CustomYonoLeftTableHeadingFontQAR {
    font-weight: bold;
    padding-left: 272px;
    float: left;
    font-size: 20px;
}

.customYonoleftdivQAR {
    background-color: #F3F3F3 ! important;
    float: left;
    width: 20%;
    border-left: 1px solid #CCCCCC;
    background-color: #FFF;
    min-height: 350px;
    height: auto;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 5px;
}
/* .customYonoleftdivChangeQAR {
    background-color: #F3F3F3 ! important;
    float: left;
    width: 20%;
    border-left: 1px solid #CCCCCC;
    background-color: #FFF;
    min-height: 700px;
    height: auto;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 5px;
} */

.customYonoleftdivChangeQAR {
    background-color: #F3F3F3 ! important;
    float: left;
    width: 20%;
    border-left: 1px solid #CCCCCC;
    background-color: #FFF;
    min-height: 345px;
    height: auto;
    border-radius: 5px;
    position: absolute;
}

.customYonoLimitsleftRowStyleQAR {
    height: 174px !important;
    padding-left: 20px;
    padding-top: 67px;
    padding-right: 28px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
    background-color: #F3F3F3;
    margin-top: -12px;
    cursor: pointer;
}	

.CustomYonoViewLimitsQAR {
    margin-left: 279px;
    margin-right: 5%;
    margin-top: 40px;
}

/********** END: Custom YONO changes for Q&A Reset Security Settings ***************/







.Mailbrd_grayselected { 
width:365px;
background:url('../images/selected_hover_topyellow.png') repeat-x scroll 0 0 transparent;
float:left;height:24px;
}
/*added height by kunal_sonje since white space apperars when font size is 14px*/
.Mailbrd_grayselected1 { 
width:365px;background:url('../images/selected_hover_bottomyellow.png') repeat-x scroll 0 0 transparent;
float:left;
margin-top:-1px;
border-bottom:1px solid #CFE6F4;
height:31px;
}/*added height by kunal_sonje */
#Mailbrd_gray1 {
float:left;
height:22px;
width:365px;
}
.Mailbrd_gray1{ 
width:365px;
background:url('../images/selected_hover_bottom.png') repeat-x scroll 0 0 transparent;
height: 31px;
/**height:15px;*/
float:left;
margin-top:-2px;
border-bottom:1px solid #CFE6F4;
}
#Mailbrd_gray {
 float:left;
 width:365px;
 }
.Mailbrd_gray {
width:365px;
background:url('../images/selected_hover_top.png') repeat-x scroll 0 0 transparent;
float:left;
}

/********** START: Issue Fixing by Celestine ***************/
/* .customYonoPEDEmailTextBoxAlt {
    background-color: #edf6fb;
    padding-top: 7px;
    border-color: #88A0C8 #88A0C8 #88A0C8;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    font-size: 19px !important;
    text-decoration: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    float: left;
     height: 33px !important; 
    border: 1px solid #d3d3d3;
    min-width: 237px;
    margin-left: 388px !important;
    width: 25% !important;
    margin-top: 45px !important;
} */
.customYonoPEDEmailTextBoxAlt {
    font-size: 19px !important;
    text-decoration: none;
    vertical-align: middle;
    float: left;
    height: 33px !important;
    min-width: 237px;
    font-family: sans-serif !important;
    margin-left: 388px !important;
    width: 25% !important;
    margin-top: 45px !important;
}
.customYonoPEDLandingHideTextLine {
    color: #999999;
    font-size: 14px;
    vertical-align: middle;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    font-family: sans-serif;
    white-space: nowrap;
    width: 195px !important;
    padding-left: 5px;
    width: 100%;
    float: left;
}

/* .customYonoPEDDataCaptureTextAlt {
	margin-top: 2%;
	width: 381px;
    margin-left: 313px;
} */
.customYonoPEDDataCaptureTextAlt {
    margin-top: 2%;
    /* font-weight: bolder; */
    width: 385px;
    font-family: sans-serif;
    margin-left: 330px;
}
.customYonoPEDUpdateEmailOtpCaptureBtn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    position: absolute;
    top: 10px;
    margin-left: -55px;
    float: none;
    /* margin-top: -10px; */
}
.customYonoPEDOtpCaptureBtnEmailAlt {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    float: none;
    font-size: 15px;
    margin-top: 78px;
}
.customYonoOtprowalt {
    padding-top: 34px;
}
/* .customYonoPEDOtpCaptureBtnAlt {
	padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    float: none;
    margin-top: 25px;
} */
.customYonoPEDOtpCaptureBtnAlt {
    padding-left: 45px;
    padding-right: 45px;
    top: 35px;
    height: 42px;
    position: relative;
    float: none;
    margin-top: 25px;
}
.customYonobuttonOTPUEA{
	margin-top: 45px;
	
}
/********** END: Issue Fixing by Celestine ***************/

/********** START: Custom YONO changes For Security Settings ***************/
.customYonoSecSettingsMainHeading {
	 font-size: 46px;
    text-transform: none;
    color: #ffffff55;
    font-weight: 700;
    padding-left:10px;
    font-family: sans-serif;
}

.customYonoSecSettingsSideHeading{
	font-size: 25px;
    color: #ffffff55;
    font-weight: bold;
    padding-left: 10px;
    font-family: sans-serif;
}
.customYonoSecuritySettingsSection {
    width: 100%;    
    float: left;
}
.customYonoSecuritySettingsCardforSBIIndiaRelation {
    background-color: #ffffff;
    width: 30%;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    height: 80px !important;
    float: left;
    padding: 0px 20px;
}
/********** END: Custom YONO changes For Security Settings ***************/

/********** START: Custom YONO changes for Preferences ***************/
.customYonoPreferencesBackIcon {
	font-size: 25px;
	padding-left: 5px;
	cursor: pointer;
}
.customYonoPreferencesHeading {
	font-size: 47px;
	text-transform: none;
	color: #ffffff91;
}
.customYonoPreferencesContainer {
	padding: 1% 18%;
	height: 390px;
}
.customYonoPreferencesContainer p {
	height: auto !important;
}
.customYonoPreferencesSubHeading {
	font-size: 18px;
	font-weight: bold;
}
.customYonoPreferencesTextHeading {
	color: #999999;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
}
.customYonoSetPreferencesRow .customYonoPreferencesTextHeading {
	margin-left: 5px;
}
.customYonoSetPreferencesRow .queryitalictext {
	color: #999999;
}
.customYonoSetPreferencesRow .customYonoPreferencesInputField {
	font-size: 14px !important;
	height: 24px !important;
	width: 220px !important;
	margin-left: 5px !important;
}
.customYonoSetPreferencesRow .ui-combobox > input {
	width: 220px !important;
	font-size: 14px !important;
}
.customYonoOTPPreferenceWrapper {
    background-color: #ffffff;
    width: 100%;
    margin-top: 10px;
    padding: 0% 18%;
    border-radius: 5px;
    clear: both;
}
.customYonoOTPPreferenceWrapper p {
	height: 70px !important;
}
.customYonoOTPPreferenceWrapper .querytextleftquickpaywidget {
	width: 30% !important;
}
.customYonoOTPPreferenceBtnContainer {
	padding: 0px !important;
    margin-left: 44%;
    margin-top: -22px;
}
.customYonoOTPPreferenceChoiceWrapper {
    margin-top: 10px;
    padding: 0% 18%;
    clear: both;
}
.customYonoOTPPreferenceChoiceWrapper p {
	height: auto !important;
}
.customYonoPreferencesBtnContainer {
	padding: 0px !important;
    margin-left: 44%;
    margin-top: -25px;
}
.customYonoPreferencesBtnAlign {
	top: 20px;
}
.customYonoPreferencesBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
	margin-top: -20px; /* RR */
    position: absolute;
	left: 442px;
}
.customYonoPreferencesBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoOTPPreferenceRadioButtonStyle {
    margin-bottom: 10px;
    margin-top: 10px;
}
.CustomYonoOTPPreferenceRadioButton {
	vertical-align: middle;
    margin-left: 5px;
    font-size: 0.813em;
    margin-right: 3px;
    pointer-events: auto !important;
}
.CustomYonoOTPPreferenceRadioText {
   font-size: 0.8em;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #999999;    
    border-radius: 40px;
    color: #999999;
    cursor: pointer;
    padding: 15px 30px;
}
.customYonoOTPPreferenceRadioButtonStyle input[type="radio"]:checked+.CustomYonoOTPPreferenceRadioText {
 	background: linear-gradient(45deg, #281172, #673391);
	color: #ffff;
}
.customYonoUpdateAccntPreferenceContainer {
    padding: 1% 12%;
}
.customYonoUpdateAccntPreferenceTableContainer {
	padding: 1% 12%;
	overflow-y: scroll;
    height: 350px;
}
.customYonoUpdateAccntPreferenceContainer p {
	height: auto !important;
}
.customYonoUpdateAccntPreferenceTableHeaderText {
    background-color: #fff;
    color: #333333;
    font-size: 0.8rem;
    font-weight: bold;
/*     width: 20%; */
    text-align: left;
    padding: 15px 5px;
}
.customYonoUpdateAccntPreferenceTableColText {
    width: 20%;
    text-align: left;
    padding: 10px 5px;
    font-size: 12px;
}
.customYonoUpdateAccntPreferenceOutlineBtn {
    border-radius: 30px;
    border: 1px solid #0095DA;
    color: #0095DA;
    padding: 4px 20px;
    font-size: 12px;
    cursor: pointer;
}
.customYonoUpdateBtnIconStyle {
    background-color: #0095da;
	color: #ffffff;
    border-radius: 50px;
    padding: 4px;
    cursor: pointer;
	padding-right: 1px;
    padding-left: 1px;
}
.customYonoUpdateBtnCloseIcon {
    font-size: 14px;
    position: relative;
    left: 0px;
    top: 1px;
}
.customYonoUpdateBtnArrowRightIcon {
    font-size: 16px;
    position: relative;
    left: 0px;
    top: 2px;
}
.customYonoUpdateAccntPreferenceInfoIcon {
	font-size: 20px;
    color: #9F1C5D;
    left: 10px;
}
.customYonoUpdateAccntPrefMultiRecordOkBtn > .customYonoPreferencesBtn {
	height: 25px;
    padding: 5px 30px;
    max-width: 100px;
	margin-top: 42px; /* RR */
    /* margin-right: -168px; */
    position: absolute;
}
.customYonoUpdateAccntPreferenceMultiRecordTableWrapper .customYonoUpdateAccntPreferenceTableColText {
	padding: 0px 5px !important;
}
.customYonoUpdateAccntPreferenceMultiRecordTableWrapper 
	.customYonoUpdateAccntPreferenceTableColText .labelColumn {
	width: auto !important;
}
.customYonoUpdateAccntPreferenceMultiRecordTableWrapper .customYonoUpdateAccntPreferenceTableHeaderText {
	width: 20%;
}
.customYonoUpdateAccntPreferenceMultiRecordTableWrapper 
	.customYonoUpdateAccntPreferenceTableColText > input[type=checkbox] {
	position: relative !important;
	opacity: 1 !important;
}
.customYonoUpdateAccntPreferenceMultiRecordTableWrapper 
	.customYonoUpdateAccntPreferenceTableColText input[type=text] {
	height: 2rem;
    font-size: 14px;
}
.customYonoFavouriteAccntsPrefContainer {
    padding: 1% 12%;
}
.customYonoFavouriteAccntsPrefContainer p {
	height: auto !important;
}
.customYonoPreferencesInfoTextValues {
    color: #999999;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}
.customYonoFavouriteAccntsPrefBtnContainer {
    padding: 0px !important;
    margin-left: 44%;
    top: 35px;
}
.customYonoManageAccntGroupPrefBtnAlign {
    top: 20px;
    position: relative;
}
.customYonoManageAccntGroupCreateGroupBtnAlign {
	position: relative;
	left: -15px;
}
.customYonoMoreActionRtArrow {
    font-size: 25px;
    color: #0095da !important;
}
/********** END: Custom YONO changes for Preferences ***************/

/********** START: Custom YONO changes for My Requests ***************/
.customYonoMyReqSec {
    min-height: 400px;
    max-height: 480px;
    width: 100%;
    overflow-y: scroll;
    padding: 0% 5%;
    margin: 3% 0% 4%;
}
.customYonoMyReqRow {
	float: left;
	width: 100%;
	height: auto !important;
}
.customYonoMyReqcolumn {
	float: left;
    text-align: left;
    margin-left: 3%;
    width: 30%;
}
.customYonoMyReqcolumn .ui-combobox {
	display: inline !important;
	margin-left: 0px !important;
}
.customYonoMyReqcolumn .ui-combobox > input {
	width: 250px !important;
    height: 30px !important;
    color: #000 !important;
    font-size: 14px !important;
    font-family: sans-serif !important;
}
.customYonoMyReqRefIDcolumn {
    float: left !important;
    margin-top: 8px !important;
    text-align: left;
    margin-left: 2% !important;
    width: 27% !important;
}
.CustomYonoMyReqDateBox {
	width: 86% !important;
    font-size: 14px !important;
    height: 25px !important;
    color: #000 !important;
    font-family: sans-serif !important;
}
.CustomYonoMyReqDateBox_Calender {
	filter: invert(15%) sepia(71%) saturate(3614%) hue-rotate(314deg) brightness(90%) contrast(90%);
	cursor: pointer;
	position: relative;
	left: -20px;
}
.customYonoMyReqTableRow1 {
	float: left;
    width: 100%;
    padding: 0px 12px;
    position: relative;
}
.customYonoMyReqTableCaptionStyle {
    font-size: 0.813em;
    font-weight: bold;
    color: #404040;
    text-decoration: none;
    margin-left: 5px;
    height: 30px;
}
.customYonoMyReqModalContainer {
	padding-top: 0px !important;
}
.customYonoMyReqModalRow {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.customYonoMyReqModalcolumn {
	 float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 22%;
    width: 35%;
}
.customYonoMyReqModalcolumn2 {
	 float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 2%;
    width: auto;
}
.customYonoMyReqModalcolumn3 {
	float: left;
    margin-top: 23px;
    text-align: left;
    margin-left: -9%;
    width: 9%;
}
.customYonoMyReqSubTxt {
    font-size: 16px;
    color: #000000;
    line-height: 2;
    overflow-wrap: break-word;
}
.customYonoMyReqModalHeaderTxt {
    color: #000;
    font-size: 20px;
    text-decoration: none;
	font-weight: bold;
}
.customYonoMyReqModalBtnLink {
    margin-left: -320%;
    margin-top: 3%;
    margin-bottom: -33px;
}
.customYonoMyReqModalBtn {
   border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    font-family: sans-serif !important;
}
.customYonoMyReqModalBackBtnTableRow {
	display: flex;
}
.CustomYonoMyReqModalHistoryTxtHeader {
	vertical-align: middle;
    font-size: 13px;
    padding-left: 6px;
    padding-right: 2px;
    background-color: #fff;
    font-weight: bold;
}
.customYonoMyReqModaltabletxt {
    color: #000;
    font-size: 12px;
    text-decoration: none;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.customYonoMyReqHistTableContainer {
	float: left;
    width: 100%;
}
.customYonoMyReqCancelReModalBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    font-family: sans-serif !important;
}
.customYonoMyReqCancelReModalBtnLink {
    margin-top: 3%;
    margin-bottom: -33px;
    margin-right: 255px;
}
.customYonoMyReqModalAuthSec {
	padding:0% 20%;
}
.customYonoMyReqRMAHistTable h3 {
    border:none !important;
}
.customYonoMyReqModalContainer h3 {
    border: none !important;
    text-align: center;
}
.customYonoMyReqBackIcon {
	font-size:25px;
	cursor:pointer;
	color: #fff;
}
.customYonoMyReqBackIcon:hover {
	text-decoration:none !important;
	color: #fff !important;
}
.customYonoMyReqHeadingText {
	font-size: 45px;
    text-transform: none;    
    padding-left: 10px;
    color: #ffffff75;
    font-weight: bold;
    font-family: sans-serif !important;
}
.customYonoMyReqModalBackBtnTableContainer {
	padding: 0px !important;
    margin-top: -25px;
}
.customMyReqModalBackBtnAlign {
	top: 40px;
	text-align: center;
}
.CustomYonoMyReqTableTxtHearder {
	vertical-align: middle;
    font-size: 12px;
    padding-right: 2px;
    background-color: #fff;
    font-weight: bold;
}
.customYonoMyreqInputText {
    margin-top: -14px;
    font-size: 13px !important;
}
.customYonoMyReqSearchBtn {
	border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
}
.customYonoMyReqSearchBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoMyReqFDOModalContainer {
	padding-top: 0px !important;
}
.customYonoMyReqFDOModalContainer h3 {
    border: none !important;
    text-align: center;
}
.customYonoMyReqFDOModalHeaderTxt {
    color: #000;
    font-size: 20px;
    text-decoration: none;
	font-weight: bold;
}
.customYonoMyReqFDOModalRow {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.customYonoMyReqFDOModalcolumn {
	float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 22%;
    width: 35%;
}
.customYonoMyReqFDOModalcolumn2 {
	float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 2%;
    width: 35%;
}
.customYonoMyReqFDOModalAuthSec {
	padding:0% 20%;
}
.customYonoMyReqSTPCHQModalContainer {
    padding-top: 0px !important;
}
.customYonoMyReqSTPCHQModalContainer h3 {
    border: none !important;
    text-align: center;
}
.customYonoMyReqSTPCHQModalHeaderTxt {
    color: #000;
    font-size: 20px;
    text-decoration: none;
	font-weight: bold;
}
.customYonoMyReqSTPCHQModalRow {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.customYonoMyReqSTPCHQModalcolumn {
	float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 22%;
    width: 35%;
}
.customYonoMyReqSTPCHQModalcolumn2 {
	float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 2%;
    width: 35%;
}
/****** start: Added by Sourav ********/
.customYonoMyReqRMAHistTable .tableoverflowwrapperhw {
	border: none !important;
    margin-left: 0px !important;
}
.customYonoMyReqHistoryModalBtnContainer {
    padding: 0px !important;
    margin-left: 40%;
    margin-top: -25px;
}
.customYonoMyReqHistoryModalBtnAlign {
    top: 25px;
}
.customYonoMyReqHistoryModalBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    padding: 13px 45px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}
.customYonoMyReqCHKDetailsModalContainer {
    padding-top: 0px !important;
}
.customYonoMyReqCHKDetailsModalContainer h3 {
    border: none !important;
    text-align: center;
}
.customYonoMyReqCHKDetailsModalRow {
    margin: 5px 0px;
    float: left;
    width: 100%;
}
.customYonoMyReqCHKDetailsModalcolumn {
    float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 22%;
    width: 35%;
}
.customYonoMyReqCHKDetailsModalcolumn2 {
    float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 2%;
    width: 35%;
}
.customYonoMyReqTableWrapper .HW_textwithpadding {
	font-size: 18px !important;
}
/****** end: Added by Sourav ********/
.customYonoMyReqRSIModalContainer {
    padding-top: 0px !important;
}
.customYonoMyReqRSIModalContainer h3 {
    border: none !important;
    text-align: center;
}
.customYonoMyReqRSIModalHeaderTxt {
    color: #000;
    font-size: 20px;
    text-decoration: none;
	font-weight: bold;
}
.customYonoMyReqModalText {
	font-size: 12px;
	color: #999999;
}
.customYonoMyReqModalText2 {
	font-size: 15px;
    color: #000000;
    line-height: 25px;
}
.customYonoMyReqRSIRow {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.customYonoMyReqRSIcolumn {
	 float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 22%;
    width: 35%;
}
.customYonoMyReqRSIcolumn2 {
	 float: left;
    margin-top: 7px;
    text-align: left;
    margin-left: 2%;
    width: 35%;
}
.customMyReqPerDetModalBackBtnAlign {
    top: 94px;
    text-align: center;
}
.customYonoMyReqPerDetAddrTxt {
    font-size: 15px;
    color: #000000;
    line-height: 25px;
    overflow-wrap: break-word;
    text-transform: lowercase;
}
.customYonoMyReqISAModalBackBtnAlign {
    top: 94px;
    text-align: center;
}
/********** END: Custom YONO changes for My Requests ***************/

/********** START: For SIA CHAT **********************/
.CustomYonoSIAbubble {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    font-weight: 600;
    font-family: sans-serif;
    color: black;
    position: relative;
    font-size: 12px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 5px;
    padding-bottom: 2px;
    max-width: 91%;
}
.CustomYonoSIAyoububble {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    font-weight: bold;
    font-family: none;
    width: fit-content;
    color: black;
    padding: 15px 25px;
    position: relative;
    vertical-align: top;
}
.CustomYonoSIAyoububble::before {
    background-color: #ffffff;
    content: "\00a0";
    display: block;
	height: fit-content;
    position: absolute;
    top: 3px;
    transform: rotate( 29deg ) skew( -35deg );
    -moz-transform: rotate( 29deg ) skew( -35deg );
    -ms-transform: rotate( 29deg ) skew( -35deg );
    -o-transform: rotate( 29deg ) skew( -35deg );
    -webkit-transform: rotate( 29deg ) skew( -35deg );
    width: 20px;
}
.CustomYonoSIAsia {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5%;
}
.CustomYonoSIAsia::before {
    left: -16px;
    top: 0px;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #fff;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
}
.CustomYonoSIABtnme {
    float: left;
    margin: -35px -112px 5px 15px;
}
.CustomYonoSIABtnme::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px;
}
.CustomYonoSIAUser {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5%;
}
.CustomYonoSIAUser::before {
   	right: -16px;
    top: 0px;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid #fff;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
}
.CustomYonoSIAChatUMessageDiv{
	width: 99%;
    float: right;
}
.CustomYonoSIAChatSMessageDiv {
    width: 99%;
    float: left;
}
.CustomYonoSIAChatUMessageTimeSpan{
	color: #999999;
    font-weight: normal;
    font-size: 8px;
    text-align: right;
    float: left;
    width: 100%;
}
.CustomYonoSIAChatSMessageTimeSpan{
	color: #999999;
    font-weight: normal;
    font-size: 8px;
    text-align: right;
    float: left;
    width: 100%;
}
.CustomYonoSIAChatUMessageSpan{
	max-width: 300px !important;
    float: left;
}
.CustomYonoSIAChatSMessageSpan{	
	width: 99%;
    float: left;
    margin-bottom: 15px;
}
.CustomYonoSIATextBox{
	border: none !important;
    width: 160% !important;
    font-family: sans-serif !important;
    font-size: 14px !important;
}
.CustomYonoSIAHeaderStyle {
    width: 109.5%;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background: linear-gradient(135deg, #9F1C5D, #281172);
    float: left;
    display: inline;
    position: relative;
    margin-left: -5%;
    margin-top: -3.5%;
    height: 60px;
}
.CustomYonoSIAChatIcon {
    color: #ffffff;
    font-size: 24px;
    float: left;
    margin-top: 3%;
    margin-left: 2%;
    width: 5%;
}
.CustomYonoSIAChatIconText {
    color: #ffffff;
    font-size: 18px;
    float: left;
    margin-top: 5%;
    font-family: sans-serif !important;
    font-weight: bold;
    width: 80%;
    margin-left: 1%;
}
.CustomYonoSIAMinimizeButton {
    float: left;
    width: 6%;
    margin-top: 4%;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
}
.CustomYonoSIACloseButton {
    float: left;
    width: 6%;
    margin-top: 4%;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
}
.CustomYonoSIAContainer {
    float: left;
    background-color: #F3F3F3;
    width: 108%;
    margin-left: -4%;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.CustomYonoSIAChatSendIcon {
    font-size: 24px;
    color: #2d1172;
    cursor: pointer;
    margin-top: 3%;
    float: right;
}
.CustomYonoSIATextAreaContainer {
    float: left;
    width: 100%;
    height: 50px;
}
.CustomYonoSIADashboardHeaderStyle{
	width: 109%;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background: linear-gradient(135deg, #9F1C5D, #281172);
    float: left;
    display: inline;
    position: relative;
    margin-left: -4.5%;
    margin-top: -3.5%;
    height: 60px;
}
.CustomYonoSIADashboardTextBox{
	border: none !important;
    width: 340% !important;
    font-family: sans-serif !important;
    font-size: 14px !important;
    float: left;
}
#CustomYonoSIAChatWidgetDashboard {
    top: 95% !important;
    left: 54% !important;
    border-radius: 10px !important;
}/***modify this class******/
#CustomYonoSIAChatWidgetLogin {
	top: 304px  !important;     /*Changed by Pallabi for toll free modal open */
    left: 932px !important;    /*Changed by Pallabi for toll free modal open */
    border-radius: 10px !important;
}
#CustomYonoSIAChatFeedBackDashboard {
  /*   height: 250px !important;
    width: 380px !important; */
}
.CustomYonoSIAChatIconLogin{
	color: #ffffff;
    font-size: 32px;
    padding-left: 12px;
    padding-top: 8px;
    float: right !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border-radius: 100%;
    width: 56px;        /* changed by Pallabi for close icon in login page */
    height: 55px;        /* changed by Pallabi for close icon in login page */
    cursor: pointer;
    margin-right: -28px;   /* changed by Pallabi for close icon in login page */
	/* Added by pallabi for close icon in login page start */
	position: absolute;
	right: 86px;   /*changed by Pallabi for close icon in login page */
	top: 406px !important;
	/* Added by pallabi for close icon in login page end */
}
.CustomYonoSIAChatCount {
    font-size: 12px;
    color: #ffffff;
    background: red;
    border-radius: 100%;
    font-family: sans-serif;
    padding-left: 5px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 5px;
    float: right;
    margin-right: -62px;
}
.CustomYonoSIAFeedBackThankyouTextStyle{
	text-align: center;
    width: 100%;
    float: left;
    padding: 2px;
    font-family: sans-serif;
    font-size: 16px;
    color: #9F1C5D;
}
.CustomYonoSIAFeedBackTextStyle{
	    float: left;
    width: 100%;
    text-align: center;
    font-size: 13px;
    line-height: 5px;
    font-family: sans-serif;
}
.CustomYonoSIAFeedBackThumsColStyle {
    float: left;
    width: auto;
    margin-left: 20%;
}
.customYonoSIAChatRadioText {
    text-decoration: none;
    border: 1px solid #0095DA;
    padding: 5px;
    border-radius: 40px;
    color: #0095DA;
    cursor: pointer;
    margin-right: 2%;
    width: 25%;
    text-align: -webkit-center;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.customYonoSIAChatRadioText:hover {
    color: #fff;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 1px solid #fff;
}
.customYonoThumbsUpURLStyle {
    background: url("../images/yono/chat_feed_up.svg") no-repeat scroll left 0;
    float: left;
    width: 40px;
    height: 40px;
}
.customYonoThumbsDownURLStyle {
    background: url("../images/yono/chat_feed_down.svg") no-repeat scroll left 0;
    float: left;
    width: 40px;
    height: 40px;
}
.CustomYonoSIADisablePage{
	pointer-events: none;
}
/********* END: For SIA CHAT ***********************************/

/******** START: New ATM Card Temp Changes *************/
.customYonoRNDDataCaptureForm {
    /*height: 400px;*/
    padding: 0 20%;
    margin-bottom: 20px;
    overflow-y: scroll;
}
.customYonoRNDDataCaptureForm p {
	height: auto !important;
}
.customYonoRNDCustomerDtlsHeading {
    font-size: 14px;
    font-weight: bold;
}
.customYonoRNDTextHeading {
    color: grey;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    width: 100%;
}
/******** END: New ATM Card Temp Changes *************/

/********* START: Personalize Limits ********************/
.customYonoViewLimitsBtn {
    top: 21px !important;
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 35px !important;
    padding: 10px 15px;
    margin-left: 45%;
    font-size: 15px;
    /* padding-top: 10px !important; */
    margin-top: 65px;
    font-family: sans-serif !important;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    /* margin-bottom: 17px; */
    /* padding-top: 31px; */
    /* padding-bottom: 26px; */
}
.CustomYonoViewLimitsDateBox1 {
    width: 35% !important;
    font-size: 12px !important;
    height: 40px !important;
    padding-top: -7px !important;
}
.CustomYonoViewLimitsDateBox2 {
    width: 35% !important;
    font-size: 12px !important;
    height: 40px !important;
    padding-top: -7px !important;
}
.customYonoLimitsSubmitContinueButton {
    margin-left: -20%;
    bottom: 0;
    position: absolute;
    margin-bottom: -1.5% !important;
}
.customYonoBillPayBox {
    width: 115% !important;
    margin-left: -75px;
    top: 100% !important;
    height: 155px !important;
    margin-top: 70px !important;
    overflow-y: scroll;
    padding-top: -48px !important;
}
.ETT {
    margin-left: -100px !important;
    float: left;
    width: 145% !important;
}
.ATT {
    margin-left: -100px !important;
    float: left;
    width: 220% !important;
}
.CustomYonoViewLimitsPERUX3 {
	width: 36.4%;
    float: left;
    padding-right: 5px;
    word-wrap: break-word;
    margin-right: 5px;
    text-align: right;
}
.CustomYonoVPTransTypSimpleTxt {
    color: grey;
    font-size: 15px;
    /* margin-top: 12px !important; */
    /* padding-top: 14px !important; */
}
.CustomYonoVPStatusSimpleTxt {
    color: grey;
    font-size: 15px;
    margin-top: 7px !important;
    margin-left: 0px !important;
    padding-top: 14px !important;
}
.CustomYonoVPChannelTypSimpleTxt {
    color: grey;
    font-size: 15px;
    margin-top: 7px !important;
    margin-left: 3px !important;
    padding-top: 14px !important;
}
.customYonoViewLimitsLastBtn {
    /* top: -83px !important; */
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 35px !important;
    padding: 10px 45px;
    margin-left: 15%;
    font-size: 15px;
    /* padding-top: 10px !important; */
    margin-top: -16px;
    font-family: sans-serif !important;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    /* margin-bottom: 17px; */
    /* padding-top: 31px; */
    /* padding-bottom: 26px; */
}
.CustomYonoCTLimits {
    margin-left: 160px;
}
.CustomYonoVLStrtDateStyle {
    width: 100%;
    margin-top: 5px;
}
.CustomYonoVLEndDateStyle {
    margin-left: 305px;
    margin-top: -25px;
}
.customYonoLimitsDateTextBox1 {
    float: left;
    height: 15px !important;
    margin-top: 65px !important;
    font-size: 12px !important;
    width: 39% !important;
    margin-left: 45px !important;
}
.customYonoLimitsDateTextBox2 {
    float: left;
    height: 15px !important;
    margin-top: -33px !important;
    font-size: 12px !important;
    width: 39% !important;
    margin-left: 0px !important;
}
.customYonoLimitsDateTextBox1_Calender {
    margin-bottom: 20px !important;
    width: 20px;
    cursor: pointer;
    height: 20px;
    margin-left: -20px;
    margin-top: 63px;
    /* padding: 0 !important; */
}
.customYonoLimitsDateTextBox2_Calender {
    margin-bottom: 20px !important;
    width: 20px;
    cursor: pointer;
    height: 20px;
    margin-left: -325px;
    margin-top: 65px;
    /* padding: 0 !important; */
}
.CustomYonoVPStatusHeading {
    margin-right: 0px !important;
    margin-left: 0px;
    /* left: -515px; */
    width: 60%;
    position: relative;
}
.CustomYonoEffTransTypTxt {
    font-size: 15px;
}
/********* END: Personalize Limits ********************/

/*************MAILS CSS ADDED BY VENU 06052020**********/
/* ADDED BY VENU FOR MAIL CENTER */

/* Added by Venu for MailCenter*/
.composemessageSubjecttxt{
    line-height: 21px;
    margin-top: 11px;
    color: black;
    font-size: 17px;
    width: 96px;
}
.customYonoEmptyMailsMessageText {
    margin-top: 15px;
    color: #f31414;
    font-size: 16px;
    font-weight: bold;
    margin-left: 80px;
    width: 100% !important;
    text-align: center;
}
.tabbar_composeMail{
/*	background: url("../images/tab_bar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); *//*Aashish*/
    float: left;
    height: 44px;
    margin-bottom: 0;
    margin-top: -30px;
    width: 100%;
}
.ComposeMailTextArea {
    font: 0.69em Times New Roman,Times,serif;
    background: url(../images/composetextarea_gradient1.png) repeat-x scroll 0 0 transparent;
    border: medium none;
    font-size: 150%;
    /* font-weight: 600; */
    padding: 30px;
    outline: medium none;
    resize: none;
    width: 1000px;
    height: 320px;
    margin-top: 0px;
    margin-left: -3px;
}
/* .ComposeMailTextBody {
    background: url(../images/composetextarea_gradient1.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    clear: both;
    float: left;
    background-color: #0000000a;
    font: 0.69em Arial,Helvetica,sans-serif;
    height: 365px;
    margin-left: -19px;
    margin-top: 40px;
    padding-left: 0px;
    border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    width: 100%;
} */

/* 
.CustomYonoCancelMailFormbtn {
    border-radius: 40px;
    width: 130px;
    position: absolute;
	top: 578px;
    font-weight: bold;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin-right: 15px;
    margin-left: -200px;
    color: #0095DA !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
} */
.CustomYonoMailaddattachment {
    float: left;
    width: 75%;
    vertical-align: top;
    margin-left: 23px;
    margin-top: 27px;
    word-wrap: break-word;
}

.CustomYonolistgreyrowtxtleftline{
    background-color: white;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 6px;
    vertical-align: middle;
    border: 0px;
    text-align: left;
    font-size: 1em;
}


.CustomYonoHW_tableheadingnobrdr{
	background-color: white;
    vertical-align: middle;
    padding-left: 2px;
    font-weight: normal;
}
	
/* .CustomYonosendMailFormbtn {
    border-radius: 40px;
    width: 130px;
    position: absolute;
    top: 581px;
    font-weight: bold;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin: 0;
    margin-left: -130px;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
} */

.composemessageMailtxtarea{
	/*background: url("../images/composetextarea_gradient1.png") repeat-x scroll 0 0 transparent;*/
	/*border: 1px solid #CCCCCC;*/
	clear: both;
	float: left;
	font: 0.69em Arial,Helvetica,sans-serif;
	height: 2500px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	/*width: 721px;*/
	width:98%;
	}

.Composemailcontainerbackground {
    /* border-left: 0px solid; */
    /* border-right: 1px solid; */
    /* border-bottom: 1px solid; */
    border-radius: 15px;
    /* border-top: 1px solid; */
    width: 99.8%;
    /* height: auto; */
    height: 500px;
    float: left;
    margin-bottom: 50px;
    background: white;
}

.composeToRO
{
    line-height: 21px;
	margin-top: 0px;
	color: black;
	font-size:0.69em;
}
.composeMailToRO
{
    line-height: 21px;
    margin-top: 0px;
    color: black;
    font-size: 17px;
    padding-left: 53px;
    width: 99px;
}


.customyonoMailRowStyle {
    height: 75px;
    margin-top: 5px;
    padding: 10px 2px 10px 8px !important;
    text-align: left;
    display: inline-block;
    transition: all 0.3s;
    width: 435px !important;
    float: left;
    cursor: pointer;
    /* margin-left: 0px; */
    /* margin-right: -113px; */
    /* box-shadow: 0 10px 20px -8px rgba(125, 122, 122, 0.34); */
    padding-right: 0px;
    position: relative;
}

.customyonoMailRowStyle:hover {
	border-left: 10px solid #0095DA;
/* color: red; */
}

.customyonoMailRowStyle:after {
  content: '\203A';
  font-weight: bold;
  font-size: 40px;
  color: #51aaf7;
  position: absolute;
  opacity: 0;  
  top: 5px;
  right: -20px;
  transition: 0.5s;
}

.customyonoMailRowStyle:hover:after {
  opacity: 1;
  right: 10px;
}

.customyonoMailRowStyle:active{
  background-color: #979797;
}

/* .customYonoMailBox {
    background-color: #F3F3F3;
    border-radius: 3px;
    margin-left: 10px;
    width: 445px;
    float: left;
    height: 300px;
    border: 0px !important;
    overflow-x: hidden !important;
    overflow-y: scroll;
} */

.CustomYonoMails_TO_FROM {

}




.yonoMailSubjectHighlight {
    color: black;
    font-size: 20px;
    font-weight: 20px;
    padding-left: 30px;
}

/* .composeMail_input {
    border: 1px solid #908c8c !important;
    background: none;
    outline: none;
    height: 34px !important;
    margin-top: -10% !important;
    padding-left: 15px !important;
    font-size: 200% !important;
    margin-left: -1% !important;
    width: 281px !important;
    float: left;
    border-radius: 10px !important;
    font-size: inherit;
	font-size: 17px !important;
} */



.CMailmessages_activebtn{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: white;
	/*border-color: #DDDDDD #DDDDDD -moz-use-text-color;*/
	border-top-color:#DDDDDD; 
	border-left-color:#DDDDDD; 
	border-right-color:#DDDDDD;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	color: #333333 !important;
	float: left;
	font-size: 0.98em;
	height: 40px;
	margin-top: 5px;
	width: 165px;
}


.CMailmessages_dactivebtn{
	background-color: rgb(45, 65, 100);
	border-color: #DDDDDD #DDDDDD -moz-use-text-color;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 1px medium;
    color: white;
    cursor: pointer;
    float: left;
    font-size: 0.98em;
    height: 40px;
    line-height: 30px;
    margin-top: 8px;
    padding: 0 15px 0 10px;
    text-indent: 10px;
    margin: 4px 0px 0px;
    font-size:xx-large;
}


.composemailsavespan{
	float:left;
	margin-left:0px;
	padding-right:0px;
	}
.composeCMailsavespan{
	float:left;
	margin-left:550px;
	padding-right:0px;
	}

.Mailcomposesubject {
    padding-left: -1px;
    float: left;
    width: 300px;
    height: 32px;
    font-size: 0.69em;
    border: 0px solid #d3d3d300;
    margin-left: 30px;
    padding-top: 15px;
    background-color: #ffffff00;
    border-radius: 3px;
}

.CustomYonoTrashFormbtn {
    width: 150px;
    position: absolute;
    top: 88%;
    font-weight: bold;
    vertical-align: middle;
    height: 45px;
    left: 7%;
    font-size: 14px;
    font-family: sans-serif !important;
    color: #B90000 !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: #ffffff00;
    border: 0px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}




.CustomYonoTrashFormbtn111 {
    /* border-radius: 42px; */
    width: 140px;
    position: absolute;
    top: 84%;
    font-weight: bold;
    vertical-align: middle;
    height: 45px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 4px;
    padding-left: 0px;
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 117px;
    margin-left: -480px;
    color: #da0000b8 !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: #ffffff00;
    border: 0px solid #0095DA;
    float: left;
    text-decoration-line: initial !important;
}
	
	
.CustomYonoSpamFormbtn {
    /* border-radius: 42px; */
    width: 140px;
    position: absolute;
    top: 84%;
    font-weight: bold;
    vertical-align: middle;
    height: 45px;
    padding: 5px;
    padding-top: 8px;
    padding-right: 11px;
    /* padding-bottom: 3px; */
    /* padding-left: 145px; */
    font-size: 15px;
    font-family: Roboto-Light !important;
    margin-right: 0px;
    margin-left: -430px;
    color: #1ab2ff !important;
    cursor: pointer;
    background: linear-gradient(135deg,#ffffff);
    background-color: #ffffff00;
    border: 0px solid #0095DA;
    /* float: left; */
    text-decoration-line: initial !important;
}

.customYonotrashIcon {
    color: #B90000;
    font-size: 25px;
    position: absolute;
    top: 90%;
    left: 6%;
    padding-bottom: 34px;
    float: left;
    height: 0px;
}

.customYonoSpamIcon {
    color: #23a5ccbd;
    font-size: 26px;
    padding-left: 222px;
    position: absolute;
    /* top: 56%; */
    /* border: 100px; */
    top: 86%;
    padding-bottom: 0px;
    /* width: 0px; */
    float: left;
    background-color: #fff0;
    height: 0px;
}

/* 
.customYonoMailIcon {
    color: #9f1d5d;
    font-size: 40px;
    padding-left: 2px;
    text-decoration: none !important;
} */

/* .yonoMailBody {
     color: #999999 ;
    font-size: 13px;
	text-decoration: none !important;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 160px;
    height: 1.2em;
    white-space: nowrap;
	padding-left: 18px;
} */

.customYonoTrash {
	background-color: #FFFFFF;
	width: 65px;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-bottom: 25px;
	margin-left: 10px;
}
	

.centerMailcontainer{
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	margin-top:15px;
	border-radius: 20px;
	width:99.9%;
	height:auto;
	float:left;
	padding-top:5px;
	margin-bottom:15px;
	background: white;
	} 
	
.customYonoEmptytrashIcon {
    color: #B90000;
    font-size: 25px;
    position: absolute;
    top: 90%;
    left: 48%;
    padding-bottom: 34px;
    float: left;
    height: 0px;
}

.leftcontainerMail {
    float: left;
    width: 169%;    /* changed this width from 100% to 163% */
    margin-top: 5px;
}
.rightcontainerMail{
	float:left;
	width: 185%;
	margin-left:0px;
	margin-top: -15px;
	}


.Mailinbox_wrapper {
    float: left;
    height: auto;
    margin: auto;
    margin-left: -4px;
    margin-top: 10px;
    width: 182%;
    background-color: #F9FCFD;
	}


.Mailicon_logo {
    float: left;
    margin-left: 25px;
    padding-right: 0px;
    margin-top: 35px;
    width: 27px;
}



.accordianmenu1 {
    float: left;
    width: 100%;
   /* border-left: 1px solid #E0E2E3;*/
    margin-bottom: 15px;
    margin-right: -60px;
    margin-left: 11px;
    background: #ffffff00;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}   
   
.accordianmenu1 .headerbaropen_index1 {
    font-weight: normal;
    color: #000000;
    cursor: pointer;
    background: #0290d4;
    border-bottom: 1px solid #EAEBEB;
    border-top: 1px solid #EAEBEB;
    border-right: 0px solid #EAEBEB;
	border-left: 0px;
     /* padding: 20px 0px 15px 0px;*/
	 /*padding:20px 60px 20px 60px;*/
    float: left;
    /*width: 30%;*/
    border-radius: 5px;
}
.accordianmenu1 .headerbar1 {
    font-weight: bold;
	font-size: 0.69em;
    color: #0290d4;
    background:#fff;
    border-bottom:1px solid #EAEBEB;
    border-top:1px solid #EAEBEB;
    border-right:0px solid #EAEBEB;
    /* padding: 20px 0px 15px 0px;*/
	 /*padding:20px 60px 20px 60px;*/
    float: left;
    /*width: 30%;*/
    border-radius: 5px;
	border-left: 0px solid;
}

.right_Mail_panel {
    width: 130%;
    background: #ffffff;
    float: left;
    vertical-align: baseline;
    border-right: 0px solid #CFE6F4;
    border-left: 0px solid #CFE6F4;
    border-bottom: 0px solid #CFE6F4;
    margin-left: -30.5%;
    margin-top: -13.5%;
    height: 501px !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.CustomYonoMailremovelinkstyle {

	margin-left: 14px;
    margin-top: 35px;
    border: none;
    text-decoration: none;
    background: transparent;
    color: #0278BA;
    font-size: 0.69em;
    float: left !important;
    padding-left: 6px;
    background: white !important;
    padding-right: 6px;
    padding-bottom: 5px;
}

.CustomYonoMailatchfiles{
	float: left;
    margin-bottom: -77px;
    width: 103%;
    border: 0px solid #CCCCCC;
}

.CustomYonoLeftmarAttach{

	margin-left: 145px;
	

}
.CustomYonoAttachpage{
    height: 304px;
    padding-bottom: 1rem;
    padding-top: 57px;
    padding-left: 373px;
}


.CustomYonoMailcomposemessagetxt {
    line-height: 21px;
    margin-top: 26px;
    font-size: 0.69em;
}
	
.customYonoMailHeadingValue {
	font-size: 13.5px;
	text-transform: none;
	padding-left: 30px;
	color: #000;
	padding-top: 3px;
}
.customYonoMailToFromHeading {
    text-transform: none;
    padding-left: 30px;
    font-weight: normal;
    font-size: 12px;
    color: #999999;
    padding-top: 5px;
}
.customYonoMailToHeading {
    text-transform: none;
    padding-left: 30px;
    font-weight: normal;
    font-size: 12px;
    color: #999999;
    padding-top: 5px;
	position: relative;
    top: 75px;
}
.customYonoMailFromHeading {
    text-transform: none;
    padding-left: 30px;
    font-weight: normal;
    font-size: 12px;
    color: #999999;
    padding-top: 5px;
	position: relative;
    top: 52px;
    left: -328px;
}

.Mailrightpanel_textbold {
    font-weight: 900;
    word-wrap: break-word;
    float: left;
   /* font: 1.69em Arial, Helvetica, sans-serif;*/
    margin-right: 50px;
    margin-left: 30px;
    color: #000000;
    line-height: 55px;
    font-size: 25px;
    padding-right: 5px;
    width: 279px;
}

.right_midtextmailBody {
    overflow-y: auto;
    overflow-x: hidden;
    width: 550px;
    float: left;
    margin-top: 9px;
    height: 440px !important;
}


.MidTextMailView {
   /* width: 550px; */
    width: 98%;
    word-wrap: break-word;
    float: left;
    text-align: left;
    margin-top: 113px;
    overflow-y: scroll !important;
    line-height: 20px;
    padding-left: 30px;
    padding-right: 10px;
   height: 205px;
    /* font-weight: bold !important; */
    text-transform: none;
    padding-left: 30px;
    padding-bottom: 15px;
    color: #231f20fa;
    font: 14px Arial Verdana,sans-serif;
}


.right_midtext {
    width: 95%;
    word-wrap: break-word;
    float: left;
    text-align: left;
    margin-top: 15px;
    line-height: 21px;
    padding-left: 30px;
    font-size: 25px;
    font-weight: 900;
    text-transform: none;
    padding-left: 30px;
    padding-bottom: 15px;
    color: #262A2C;
    /* font: 0.69em Arial,Helvetica,sans-serif; */
}

.customYonoMailsideHeading1 {
    text-transform: none;
    padding-left: 30px;
    font-size: 24px;
    font-family: sans-serif;
    white-space: nowrap;
    color: #000000;
   /* margin-left: -335px; */
    margin-left: -330px;
    padding-top: 5px;
	font-weight: bold;
}

.customYonoMailsideHeading {
	text-transform: none;
	padding-left: 30px;
	font-weight:normal;
	font-size: 12px;
	color: #999999;
	padding-top: 5px;
	font-family: sans-serif;
	position: relative;
    top: 32px;
    left: -332px;
}

/* .customYonoMailToFromViewUPIcon {
    color: #0095DA;
    font-weight: bold !important;
    font-size: 20px !important;
    margin-left: 2px;
    transition: all 0.3s;
    position: absolute;
    margin-top: 0px !important;
    margin-right: 10px;
} */


.leftgrouplet{
	float:left;
	width: 55% !important;
	margin-top:0px;
	margin-left: -1px;}

/* .LeftContainerMailRowStyle {
    float: left;
    width: 458px;
    margin-left: 5px;
    margin-top: -2px;
} */


/* .yonoMailSubject {
    color: #231f20 !important;
    font-size: 17px;
    padding-left: 18px;
    padding-bottom: 35px;
    white-space: nowrap;
    background: #f3f3f30a !important;
    font-family: sans-serif;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 275px;
    text-decoration: none !important;
} */


.customyonoMailRowRead{
	width:100%;
	background:rgb(244,250,238);
	text-align: left;
	padding-right: 62px;
	float:left;
	margin-top: 6%;
	border-bottom:1px solid #CFE6F4;
	height: 90px;
	}


.customYonoMailSubject {
	float: left;
	font-size: 12px;
	font-weight: Bold;
	color: #000;
	padding-left: 10px;
	width: 100%;
}


.right_panel_Mail_wrapper {
    width: 130%;
    background: #ffffff;
    float: left;
    vertical-align: baseline;
    border-right: 0px solid #CFE6F4;
    border-left: 0px solid #CFE6F4;
    border-bottom: 0px solid #CFE6F4;
    border-top: 0px;
    margin-left: -30%;
    margin-top: -12%;
    height: 498px !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.composeCMailsendspan{
	float:left;
	margin-left:670px;
	padding-right:0px;
	}
	
.pageLeftMailContainer {
    float: left;
    width: 99%;
    height: 426px;   /*changed by pallabi 440px */
    background-color: #FFFFFF;
    border-radius: 10px !important;
	margin-top: 24px; /*added by pallabi */
}


.composeMailToRow {
    float: left;
    text-align: left;
    margin-right: 38px;
    width: 83px;
    padding: 2px;
    font-size: xx-large;
    clear: both;

}



.CustomYonoMailFormbtn {
  font-weight: bold;
    border-radius: 40px;
    width: 146px;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 3px;
    padding-right: 22px;
    padding-bottom: 6px;
    padding-left: 20px;
    margin-top: -20px !important;
    font-size: 12px;
    font-family: sans-serif !important;
    margin: 0px;
    margin-right: -25px;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #111472, #00b2da);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}


.customYonoMailHomeHeading {
    font-size: 45px;
    text-transform: none;
    /* color: #ffffff91; */
    color: #ffffff57;
    margin-left: -15px;
    font-family: sans-serif;
    font-weight: bold;
}
.customyonoMailRowHighlightStyle {
    height: 75px;
    margin-top: 5px;
    padding: 10px 2px 10px 8px !important;
    text-align: left;
    display: inline-block;
    transition: all 0.3s;
    width: 435px !important;
    float: left;
    cursor: pointer;
    background-color: lightgray;
    /* margin-left: 0px; */
    /* margin-right: -113px; */
    /* box-shadow: 0 10px 20px -8px rgba(125, 122, 122, 0.34); */
    padding-right: 0px;
    position: relative;
}


.customYonoMailHeading {
    font-size: 45px;
    text-transform: none;
    /* color: #ffffff91; */
    color: #ffffff57;
    margin-left: -15px;
    font-family: sans-serif;
    font-weight: bold;
}
.customYonoLeftMaillistingpaneldiv {
    float: left;
    width: 45%;  /*changed by pallabi 30% */
    margin: 2px;
    border-left: 0px solid #CCCCCC;
    background-color: #F3F3F3;
    min-height: 400px;
    height: 99%;
    max-height: 507px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}


.customYonoSubject {
	float: left;
	font-size: 12px;
	font-weight: Bold;
	color: #000;
	padding-left: 10px;
	width: 100%;
}
.customYonocontent {
	float: left;
	font-size: 8px;
	color: #999999;
	padding-top: 5px;
	padding-left: 10px;
	width: 100%;
}

.customYonoMail {
	float: left;
	font-size: 8px;
	color: #999999;
	padding-left: 10px;
	width: 100%;
}
.customYonoRightMaillistingpaneldiv {
	float: right;
	width: 60%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	/* border-bottom: 1px solid #CCCCCC; */
	background-color: #fff;
	min-height: 300px;
	height: auto;
	max-height: 300px;
}
.customYonoMailDetailsSideHeadingValue {
font-size: 11px;
    text-transform: none;
    padding-left: 5px;
    color: #000;
    font-weight: bold;
    padding-top: 3px;
	position: absolute;
}
.customYonoMailDetailsSideHeadingValueTo {
font-size: 11px;
    text-transform: none;
    padding-left: 5px;
    color: #000;
    font-weight: bold;
    padding-top: 3px;
	position: relative;
    top: 75px;
	
}
.customYonoMailDetailsSideHeadingValueFrom {
font-size: 11px;
    text-transform: none;
    padding-left: 5px;
    color: #000;
    font-weight: bold;
    padding-top: 3px;
	position: relative;
	top: 52px;
	left: -333px;
}
.customSYonoMailImgSelectors1 {
	min-height: 20px;
	width: 150px;
	padding-left: 25%;
	padding-top: 25%;
	background-color: #fff;
	margin-left: -5px;
	border-radius: 5px;
	position: realtive;
	padding-bottom: 0px;
}

.customYonoLeftlistingpaneldivMail {
	float: left;
	width: 100%;
	border-left: 1px solid #CCCCCC;
	/* border-right: 1px solid #CCCCCC; */
	/*  border-bottom: 1px solid #CCCCCC; */
	background-color: #F3F3F3;
	border-radius: 20px;
	min-height: 300px;
	height: auto;
	max-height: 500px;
	/*  overflow: scroll; */
	overflow-y: scroll;
	overflow-x: hidden;
}

.trash_button1 {
    /* background: url(../images/empty_btn.png) no-repeat scroll 0 0 transparent; */
    float: left;
    border: 0px !important;
    cursor: pointer;
    font-weight: bold;
    padding-right: -1px;
    height: 25px;
    margin-right: 0px;
    background: #fff;
    vertical-align: top;
    width: 100px;
    border-bottom: 1px solid #EAEBEB;
    border-top: 1px solid #EAEBEB;
    border-right: 0px solid #EAEBEB;
    border-radius: 5px;
}

.EmptyMailSubjecttext {
    line-height: 21px;
    margin-top: 25px;
    color: black;
    margin-left: 180px;
    font-size: 21px;
    font-weight: bold;
    width: 100% !important;
}


.mailView {
  width: 100%;
  padding: 50px 0;
  text-align: center;
  background-color: lightblue;
  margin-top: 20px;
}



/* Added by Venu for MailCenter */



/* Added by venu for mails row selection After UAT TEST issues */

.brd_grayselectedMail {
    width: 114%;  /*changed by pallabi 150% */
    /*background: rgba(152, 154, 145, 0.3);*/
    float: left;
    height: 75px;
    border-left: 10px solid #0095DA;  /* uncommented by pallabi */
    cursor: pointer;
    transition: all 0.3s;
}

.brd_grayselectedMail:hover {
	border-left: 10px solid #0095DA;
}

.brd_grayselectedMail:after {
  content: '\203A';
  font-weight: bold;
  font-size: 40px;
  color: #51aaf7;
  position: absolute;
  opacity: 0;  
  top: 70px;
  right: -20px;
  transition: 0.5s;
}

.brd_grayselectedMail:hover:after {
  opacity: 0;
  right: 15px;
}

.brd_grayselectedMail:active{
  background-color: #979797;
}

.brd_grayselectedMail1 {
    width: 100%;
    float: left;
    margin-top: -1px;
    border-bottom: 1px solid #CFE6F4;
    height: 75px;
    cursor: pointer;
    transition: all 0.3s;
}

.brd_grayselectedMail1:hover {
	border-left: 10px solid #0095DA;
}

.brd_grayselectedMail1:after {
  content: '\203A';
  font-weight: bold;
  font-size: 40px;
  color: #51aaf7;
  position: absolute;
  opacity: 0;  
  top: 70px;
  right: -20px;
  transition: 0.5s;
}

.brd_grayselectedMail1:hover:after {
  opacity: 0;
  right: 15px;
}

.brd_grayselectedMail1:active{
  background-color: #979797;
}

.brd_grayMail {
    width: 150%;
    background: #fff repeat-x scroll 0 0 transparent;
    float: left;
    height: 75px;
    cursor: pointer;
    transition: all 0.3s;
}
.brd_grayMail:hover {
	border-left: 10px solid #0095DA;
}

.brd_grayMail:after {
  content: '\203A';
  font-weight: bold;
  font-size: 40px;
  color: #51aaf7;
  position: absolute;
  opacity: 0;  
  top: 70px;
  right: -20px;
  transition: 0.5s;
}

.brd_grayMail:hover:after {
  opacity: 0;
  right: 15px;
}

.brd_grayMail:active{
  background-color: #979797;
}

.brd_grayMail1 {
    width: 100%;
    background: #fff repeat-x scroll 0 0 transparent;
    height: 75px;
    float: left;
    margin-top: -2px;
    border-bottom: 1px solid #d6d6d6;
    cursor: pointer;
    transition: all 0.3s;
}
.brd_grayMail1:hover {
	border-left: 10px solid #0095DA;
}

.brd_grayMail1:after {
  content: '\203A';
  font-weight: bold;
  font-size: 40px;
  color: #51aaf7;
  position: absolute;
  opacity: 0;  
  top: 70px;
  right: -20px;
  transition: 0.5s;
}

.brd_grayMail1:hover:after {
  opacity: 0;
  right: 15px;
}

.brd_grayMail1:active{
  background-color: #979797;
}


/* .customYonoMailIcon {
    color: #9f1d5d;
    font-size: 60px;
    position: relative;
    top: 5px !important;
    padding-left: 5px;
    text-decoration: none !important;
} */

/* .customYonoMailIcon {
    color: #B90000;
    font-size: 60px;
    position: relative;
    top: -6px !important;
    padding-left: 5px;
    text-decoration: none !important;
} */

/* .yonoMailSubject {
    color: #231f20 !important;
    font-size: 15px;
    padding-left: 18px;
    padding-bottom: 40px;
    white-space: nowrap;
    font-weight: bolder;
    background: #f3f3f30a !important;
    font-family: sans-serif !important;
    width: 100px;
    position: relative;
    top: 10px;
    padding-top: 15px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 275px;
    text-decoration: none !important;
} */
.yonoMailSubject {
    color: #231f20 !important;
    /*font-size: 15px;*/
    font-size: 18px;
    padding-left: 83px;
    padding-bottom: 40px;
    white-space: nowrap;
    font-weight: bolder;
    background: #f3f3f30a !important;
    font-family: sans-serif !important;
    width: 100px;
    position: relative;
    /*top: 15px;*/
	top: 7px;
    left: -62px;
    padding-top: 13px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 156px;
    text-decoration: none !important;
    z-index: 1;
}

.yonoMailBody {
    padding-right: -29px !important;
    color: #999999;
    font-size: 12px;
    vertical-align: middle;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    font-family: sans-serif !important;
    white-space: nowrap;
    width: 350px !important;
    padding-left: 18px;
    padding-top: 10px;
    width: 100%;
    float: left;
}


.LeftContainerMailRowStyle {
    float: left;
  /* width: 458px;*/
   width: 100%;
    margin-left: -10px;
    margin-top: 20px;
}

/* .customYonoMailBox {
    background-color: #F3F3F3;
    border-radius: 3px;
    margin-left: 10px;
    width: 460px;
    float: left;
    height: 300px;
    border: 0px !important;
    overflow-x: hidden !important;
    overflow-y: scroll;
} */
.customYonoMailBox {
    /*background-color: #F3F3F3;
    border-radius: 3px;
    margin-left: 10px;*/
    /*width: 465px;*/
    width: 462px;  /*changed by pallabi 718px */
    float: left;
    /*height: 300px;*/
	height: 70%;  /*changed by pallabi 100% */
    border: 0px !important;
    overflow-x: hidden !important;
    overflow-y: scroll;
    position: absolute;
   /*  left: 310px; */  /* commented by pallabi */
    top: 58px; /*changed by pallabi 0px */
    padding: 0 20px;
}
.customYonoMailBox tr {
	padding-top: 7px;
}

.customYonoMailToFromViewDownIcon {
    color: #0095DA;
    font-weight: bold !important;
    font-size: 25px !important;
    margin-left: 2px;
    /* transition: all 0.3s; */
     position: relative;
    top: 11px !important;
    right: -102px;
}

.customYonoMailToFromViewUPIcon {
    color: #0095DA;
    font-weight: bold !important;
    font-size: 25px !important;
    margin-left: 2px;
    /* transition: all 0.3s; */
    position: relative;
    top: 11px !important;
    right: -102px;
}

.customYonoMailsEmptyTrashButtonStyle1 {
   bottom: 0;
    position: absolute;
    z-index: 99999;
    width: 110px;
    right: 0%;
    vertical-align: middle;
    font-size: 15px;
    height: 45px;
    color: #B90000 !important;
    cursor: pointer !important;
    background-color: #ffffff;
    border: 0px solid #0095DA;
    float: left;
    top: 86.5%;
    font-family: sans-serif !important;
    font-weight: bold !important;
	margin-top:-40%;
}



.customYonoMailRightArrow {
    color: #0095DA;
    font-size: 20px;
    content: "\e904";
    float: right;
    position: relative;
    /* right: -110px; */
    top: 25px;
    text-align: right;
    margin-right: 220px !important;
}



.CustomYonoCANCELMailFormbtn {
    border-radius: 40px;
    width: 130px;
    top: -30px;
    font-weight: bold;
    height: 40px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin-right: 15px;
    margin-left: -200px;
    position: relative;
    color: #0095DA !important;
    cursor: pointer !important;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    /* float: left; */
    text-decoration-line: initial !important;
}


.CustomYonoSENDMailFormbtn {
    border-radius: 40px;
    width: 130px;
    top: -85px;
    font-weight: bold;
    height: 40px;
    padding-top: 5px;
    padding-right: 20px;
    position: relative;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin-left: -130px;
    color: #ffffff !important;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
}


.ComposeMailTextBody {
    background: url(../images/composetextarea_gradient1.png) repeat-x scroll 0 0 transparent;
    /* border: 1px solid #CCCCCC; */
    clear: both;
    float: left;
    background-color: #0000000a;
    font: 0.69em Arial,Helvetica,sans-serif;
    height: 330px;
    margin-left: -20px;
    margin-top: 40px;
    padding-left: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
}

.composeMail_input {
    border: 1px solid #908c8c !important;
    background: none;
    outline: none;
    height: 34px !important;
    margin-top: -10% !important;
    padding-left: 15px !important;
    font-size: 200% !important;
    margin-left: -1% !important;
    width: 350px !important;
    float: left;
    border-radius: 10px !important;
    font-size: inherit;
    font-size: 17px !important;
}


/* END OF MAIL CENTER STYLING */

/* START OF PATCH Custom_jsp.zip from Sridhar by Celestine */
.customYonoMngBnfSelectedDisplayTypeStyle {

    border-left: 10px solid #0095DA;

}

.customYonoRightArrow:hover{
    color: #0095DA;
    font-size: 20px;
    content: "\e904";
    text-align: center;
    margin-right: -5%;
    padding-right: 71px;
    width: 228px;
    padding-top: 51px;
}

.customYonoSARightArrow:hover{
    color: #0095DA;
    font-size: 20px;
    content: "\e904";

}


.customYonoServiceRequestsSCR {

    background-color: #FFFFFF;

    width: 75px;

    float: left;

    height: 100px;

    padding-top: 13px;

    max-height: 100px;

    padding-bottom: 25px;

    margin-left: 10px;

                border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}

.customYonoServiceRequestsSCRIcon {

                color: #B90000;

                font-size: 35px;

                padding-left: 20px;

                width: 0px;

                float: left;

                background-color: #FFF;

                height: 40px;

                padding-top: 20px;

}

.customYonoServiceRequestsSCRText {

                    color: #000000;

    font-size: 24px;

    font-weight: bolder;

    float: left;

    vertical-align: middle;

    padding-left: 40px;

    padding-top: 30px;

    font-family: sans-serif;

    text-align: left;

                   

}

.customYonoServiceRequestsSCRForText {

                background-color: #F3F3F3;

                width: 35%;

                float: left;

                height: 100px;

                padding-top: 13px;

                max-height: 100px;

                padding-right: 70px;

                padding-bottom: 5px;

}

.customYonoServiceRequestsSCRForArrow {

    background-color: #F3F3F3;

    width: auto;

    float: left;

    height: 100px;

    padding-top: 13px;

    max-height: 100px;

    padding-right: 30px;

    padding-bottom: 5px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}
.customYonoServiceRequestsSCRArrowIcon {

                color: #0095DA;

                font-size: 35px;

                padding-left: 20px;

                width: 0px;

                float: left;

                background-color: #F3F3F3;

                height: 40px;

                text-decoration: none !important;

                padding-top: 20px;

}
/* END OF PATCH Custom_jsp.zip from Sridhar by Celestine */

/* CASA STYLES */
.CustomYonoCASApoundSymbol {
    font-size: 15px !important;
    margin-left: -50px;
    margin-top: 2px;
    top: -2px;
    color: #000000 !important;
    position: relative;
}

.CustomYonoCASARate {
    margin-top: -25px;
    font-size: 30px;
    color: #281172;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: 10px;
}

.CustomYonoCASAageNo {
    margin-top: 5px;
    font-size: 30px !important;
    color: #281172;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: -2px;
}

.CustomYonoCASAresideIn {
    margin-top: 8px;
    font-size: 30px !important;
    color: #281172;
    font-family: sans-serif;
    font-weight: bold;
    margin-left: -2px;
}

.customYonoCASAFeaturesSubDivider {
    border-top: 2px solid #999999;
	margin-top: -36px;
    width: 40%;
    float: left;
    margin-left: 310px;
}

.customYonoCASAFeaturesText {
    font-weight: bold !important;
    padding-left: 0px !important;
    font-size: 15px !important;
    margin-top: 5px;
    font-family: sans-serif !important;
    margin-left: 10px !important;
}

.customYonoCASAFeaturesTextNeedTo {
    font-weight: bold !important;
    padding-left: 0px !important;
    font-size: 18px !important;
    position: relative;
    top: -10px;
    margin-top: -3px !important;
    font-family: sans-serif !important;
    margin-left: -10px !important;
}

.CustomYonoCASAContainer2 {
    display: inline-flex;
    margin-left: -135px !important;
    float: left !important;
}

.CustomYonoCASAContainer2 span {
    font-size: 15px;
    color: #333333;
    width: 250px !important;
    font-weight: bold;
}
/* .customYonoCASATermsAndConditionsText1 {
    font-size: 12px !important;
    font-weight: bold;
    margin-left: -155px;
} */
.customYonoCASATermsAndConditionsText1 {
    font-size: 15px !important;
    font-weight: bold;
    font-family: sans-serif !important;
    margin-left: -260px;
}
.customYonoCASATermsAndConditionsText2 {
	font-size: 15px !important;
    font-weight: bold;
}
.customYonoCASATermsAndConditionsText3 {
	font-size: 12px !important;
    font-weight: bold;
}
.customYonoCASATermsAndConditionsText4 {
	font-size: 15px !important;
    font-weight: bold;
}
.customYonoCASARequirement span:nth-child(2) {
    border-left: 2px solid #999999;
    border-right: 2px solid #999999;
}
.customYonoCASARequirement {
    padding: 0px 160px;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: grey;
}
.CustomYonoCASAContainer1 {
    background-color: #ffffff;
    text-align: center;
    height: 380px;
    border-radius: 10px;
    padding: 0px 135px;
}
.CustomYonoCASAContainer1 p, .customYonoISARequirement p {
	height: auto !important;
}
/* .customYonoCASADisabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 45px;
    padding: 5px 45px;
    font-size: 15px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-top: -15px;
    padding-left: 20px;
    font-weight: bold;
    cursor: not-allowed !important;
    background: #f3f3f3;
    border: 0px solid #333;
    float: left;
} */
.customYonoCASADisabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 45px;
    padding: 5px 45px;
    font-size: 15px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
	margin: -18px 0px 0px -39px;
	position: relative;
    padding-left: 20px;
    font-weight: bold;
    cursor: not-allowed !important;
    background: #f3f3f3;
    border: 0px solid #333;
    float: left;
} 

/* .customYonoCASADisabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 45px;
    padding: 5px 45px;
    font-size: 15px;
    padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-top: 3px;
    position: relative;
    font-family: sans-serif !important;
    color: #000000 !important;
    padding-left: 20px;
    font-weight: bold;
    cursor: not-allowed !important;
    background: #f3f3f3;
    border: 1px solid #333;
    float: left;
} */


/* .customYonoCASAEnabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 45px;
    padding: 5px 45px;
    font-size: 15px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin-top: -15px;
    padding-left: 20px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
} */
.customYonoCASAEnabledBtn {
    color: white !important;
    border-radius: 40px;
    vertical-align: middle;
    height: 45px;
    padding: 5px 45px;
    font-size: 15px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
    margin: -18px 0px 0px -39px;
    position: relative;
    padding-left: 20px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}
.customYonoCASAOtpCapture {
    background-color: #ffffff;
    text-align: center;
    height: 151px;
    border-radius: 5px;
}
.customYonoCASAOtpCapture .querytextleft {
	float: none;
}
.customYonoCASAOtpCapture .customYonoOtpQueryitalictext {
	display: none;
}
.customYonoCASAOtpCaptureBtn {
	padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    float: none;
    margin-top: 65px;
}
.customYonoCASAOtpCapture .customYonoOtpSearchsimpletext_sideheading {
	font-size: 16px;
	margin-left: 0px;
}
.customYonoCASAOtpCapture .CustomYonoWidgetOtpQuerytextboxmedium_search {
	margin-left: 0px;
    display: inline-grid;
    text-align: center;
}
/* .CustomYonoCASAOTPContainer {
    float: left;
    width: 99%;
    height: 300px;
    background-color: #FFFFFF;
    border-radius: 10px !important;
} */
/* .CustomYonoCASAOTPContainer {
    float: left;
    width: 100%;
    height: 300px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
} */
.CustomYonoCASAOTPContainer {
    float: left;
    width: 100%;
    margin-top: -15px;
    height: 300px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    /* border: 8px; */
}

/* .CustomYonoCASASetUpContainer {
    float: left;
    width: 99%;
    height: 480px;
    background-color: #FFFFFF;
    border-radius: 10px !important;
} */
/* .CustomYonoCASASetUpContainer {
    float: left;
    width: 100%;
    height: 480px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
} */

.CustomYonoCASASetUpContainer {
    float: left;
    width: 100%;
    height: 480px;
    margin-top: -15px;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    /* border: 8px; */
}

/* .customYonoCASASetupInputTextHeading {
    color: #000000;
    font-size: 20px;
    float: left;
    width: 10%;
    margin-left: 25px;
    text-decoration: none;
    text-align: left;
    width: 100%;
    font-family: sans-serif !important;
    margin-top: 0px;
    font-weight: bold;
} */
.customYonoCASASetupInputTextHeading {
    /* color: #000000; */
    font-size: 20px;
    float: left;
    width: 10%;
    margin-left: 25px;
    text-decoration: none;
    text-align: left;
    width: 100%;
    font-family: sans-serif !important;
    margin-top: 0px;
    font-weight: bold;
}
.customYonoCASASetupInputSubTextHeading {
    color: #000000;
    font-size: 14px;
    float: left;
    font-family: sans-serif !important;
    margin-left: 25px;
    text-decoration: none;
    text-align: left;
    width: 455px;
    margin-top: 15px;
    /* font-weight: bold; */
}
.customYonoCASASetupAddJointAccHolderText {
    font-size: 16px;
    margin-left: 25px;

}
.customYonoCASASetupAddJointAccHolderText:before {
    font-size: 20px;
    background: linear-gradient(135deg, #281172, #0095DA);
    border-radius: 50%;
    margin-right: 16px;
    color: #ffffff;
    padding: 4px;

}
.customYonoCASASetupAddJointAccHolderText a {
    color: #0095DA;
    font-weight: bold;
    font-family: sans-serif !important;
}
.customYonoCASASetupReceiptDtlsHeadingText {
    color: #999999;
    font-size: 13px;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    margin-left: 50px;
    font-family: sans-serif !important;
    line-height: 40px;
}
.customYonoCASASetupReceiptDtlsValuesText {
    font-size: 20px;
    text-decoration: none;
    text-align: left;
    margin-left: 50px;
    /* font-weight: bold; */
    font-family: sans-serif !important;
}
.customYonoCASASetupLoginBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 40px;
    padding: 10px 60px 10px 40px;
    /* margin-left: 530px; */
    font-size: 15px;
    font-weight: bold;
    /* margin-top: 20px; */
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}
.customYonoCASADCFeaturesText {
    font-size: 20px !important;
    font-weight: bold;
    width: 560px !important;
    /* top: 98%; */
    /* word-break: unset; */
    float: left;
    margin-top: 0px;
    /* margin-left: -100px; */
    margin-left: -150px;
    /* margin-right: 100px; */
}
/* END CASA STYLES */

.ui-widget-overlay {
    z-index: 999 !important;
    background: #000 !important;
    opacity: .50 !important;
}

/********** START: added by Sourav for UAT issue fixes *************/
/********** START: added by Sourav for UAT issue fixes *************/
.customYonoHeaderProfileArrowDownIcon {
    color: #000000;
    font-size: 20px;
    cursor: pointer;
}
.customYonoLoginWrapper {
    clear: both;
    margin: 0;
    background-color: #ffffff;
    width: 1100px;
    display: flex;
    margin: auto;
    position: relative;
}
.customYonoLoginSubWrapper {
    width: 50%;
    height: auto;
}
.customYonoLoginSubWrapperBackground {
/*     background: linear-gradient(100deg, #9F1C5D, #281172); */
	background-image: url(../images/yono/yono_background_image.png);
    background-size: cover;
    background-repeat: no-repeat;
}
/*.customYonoLoginSubWrapperSection {
    clear: right;
    border-radius: 0px;
    padding: 10px;
    overflow: hidden;
    height: 100%;
    min-width: 381px;
    opacity: 1;
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-position-x: 450px;
    background-size: 35% 30%;
    background-position-y: 60px;
    min-height: 700px;
}*/


.customYonoLoginSubWrapperSection {
    clear: right;
    border-radius: 0px;
    padding: 10px;
    overflow: hidden;
    height: 100%;
    min-width: 480px;
    opacity: 1;
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-position-x: 450px;
    background-size: 35% 30%;
    background-position-y: 60px;
    min-height: 700px;
}
.customYonoLoginFooter {
    background-color: #f9f9f905;
    padding: 0;
    width: 100%;
    text-align: center;
    position: relative;
    top: 45px;
    left: 40px;
}
.customYonoLoginFooterLegalInfo {
	border: none !important;
}
/* form[name="AuthenticationFG"] {
	background: #c0c0c0;
} */
.customYonoLoginSubWrapperHeading {
    font-size: 55px;
    color: #ffffff80;
    font-weight: bold;
}
.customYonoLoginSubWrapperSubHeading {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}
.customYonoLoginSubWrapperTollFree {
	float: left;
    margin-left: 16%;
}
.customYonoLoginSubWrapperTollFreeIcon {
    color: #9F1C5D;
    font-size: 24px;
    background-color: #f3f3f3;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    margin-left: 115px;
    display: block;
    padding-left: 4px;
    position: relative;
    top: -4px;
}
.customYonoLoginSubWrapperTollFreeIcon:before {
	position: relative;
    top: 4px;
}
.customYonoLoginSubWrapperTollFreeNumber2 {
	 font-size: 14px;
    font-weight: bold;
    float: right;
    line-height: 0rem;
}
.customYonoLoginSubWrapperCards {
    background-color: #ffffff;
    border-radius: 5px;
    width: 225px;
    float: left;
    height: 180px;
    margin-top: 20px;
    margin-right: 25px;
    padding-top: 25px;
    box-shadow: 0px 5px 10px -5px #333333;

}
.customYonoLoginSubWrapperCardsIcon {
    background-color: #ffffff;
    text-align: center;
}
.customYonoLoginSubWrapperCardsIcon1 {
    background-color: #ffffff;
    text-align: right;
}
.customYonoLoginSubWrapperCardsIcon:before {
	display: block;
    font-size: 90px;
    color: #9F1c5D;
}
.customYonoLoginSubWrapperCardsText {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}
.customYonoLoginSubWrapperCardsSubText {
    color: #999999;
    font-size: 11px;
    display: inline-block;
    text-align: center;
}
.customYonoLoginSubWrapperHeadingRight {
	font-size: 25px;
    padding-top: 15px;
    color: #000000;
    font-weight: bold;
    position: relative;
    left: 70px;
}
.customYonoLoginSubWrapperHeadingRightSubHeading {
	font-size: 18px;
    color: #000000;
    position: relative;
    left: 70px;
}
/*.customYonoLoginSubWrapperAuthFormBtn {
    border-radius: 40px;
    width: 390px;
    vertical-align: middle;
    height: 50px;
    padding: 5px 60px;
    font-size: 12px;
    font-family: sans-serif !important;
    text-transform: capitalize;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    margin-left: 70px;
    font-weight: bold;
}*/

.customYonoLoginSubWrapperAuthFormBtn {
    border-radius: 40px;
    width: 390px;
    vertical-align: middle;
    height: 50px;
    padding: 5px 60px;
    font-size: 12px;
    font-family: sans-serif !important;
    text-transform: capitalize;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    margin-left: 74px;
    font-weight: bold;
}
.customYonoLoginSubWrapperNeedHelpHeading {
    font-size: 16px;
    color: #000000;
    padding-left: 87px;
    width: 96.7%;
    margin-left: 100px;
    font-family: sans-serif;
    padding-bottom: 12px;
}
.customYonoLoginSubWrapperNeedHelpRow {
	padding: 0px 70px;
}
.customYonoLoginSubWrapperNeedHelpText {
    color: #a9c3d4;
    font-size: .7em;
    text-decoration: none;
}
.customYonoFDOHeading {
    font-size: 32px !important;
    text-transform: none;
    color: #ffffff91;
    font-weight: bold;
}
.customYonoISARequirementText {
	color: grey;
}
.customYonoISARequirementText span {
    display: block;
}
.customYonoISARequirementText span:nth-child(3) {
    font-size: 30px;
    font-weight: bold;
    color: #281172;
}
.customYonoISARequirementGBPSymbol:before {
    color: #333333;
    content: "\00a3";
    vertical-align: super;
    font-size: 16px;
}
.customYonoSutextWhite {
	color: #ffffff !important;
}
.customYonoMngBnfAddBnfNextSbmtButton {
    width: auto;
    position: relative;
    top: 64px;
    left: -45px;
    padding: 8px 30px;
    font-size: 14px;
}
.customYonoMngBnfAddBnfRdoBtnSlctTab {
    height: auto;
    width: 325px;
    padding-top: 50px;
    margin-left: -20px;
    background-color: #F3F3F3;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}
.customYonoSvRadio2:checked+.customYonoMngBnfAddBnfRdoBtnSlctTab {
	background-color: #0095DA;
}
.customYonoSvRadio2:checked+.customYonoMngBnfAddBnfRdoBtnSlctTab > .customYonoSutext12 {
	color: #ffffff;
}
.customYonoUKCounterpartyBtnRowStyle {
	margin-top: 16%;
}
.customYonoMngBnfAddBnfAuthConfrmDtlsTab .customYonoOtpQueryitalictext {
	font-size: 20px;
	float: none;
	padding-left: 30px;
}
.customYonoMngBnfAddBnfAuthConfrmDtlsTab .customYonoOtpMobileNumberTextStyle {
	text-align: left;
	padding-left: 30px;
}
.customYonoMngBnfAddBnfAuthConfrmDtlsTab .customYonoMngBnfAddBnfAuthConfrmDtlsTabTermsRow {
	text-align: left;
	padding-left: 125px;
	margin-top: 0px !important;
}
.customYonoMngBnfAddBnfAuthConfrmDtlsTab .customYonoOtpDiv {
	margin-top: 0px;
	padding: 30px 0px;
}
.customYonoMngBnfAddBnfAuthConfrmDtlsTab .customYonoMngBnfAddBnfAuthConfrmDtlsTabBtn {
	position: relative;
    top: 125px;
    left: -70px;
}
.customYonoMngBnfAddBnfAuthConfrmDtlsTab .customYonoMNGBNFReqTransactionOtpStyle {
	height: 188px;
}
.customYonoMngBnfAddBnfAuthConfrmCheckbox {
	width: 18px;
    height: 18px;
	z-index: 999;
	cursor: pointer;
}
[type="checkbox"].customYonoMngBnfAddBnfAuthConfrmCheckbox:checked + span:after {
    background-color: #0095DA !important;
    border: 2px solid #0095DA !important;
}
.customYonoAddBnfDisabledSbmtBtn {
    color: #999999 !important;
    cursor: not-allowed !important;
    background: #f3f3f3 !important;
    border: 0px solid #f3f3f3 !important;
}
.CustomYonoAddBnfSbmtBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 45px;
    padding-top: 15px !important;
    padding: 10px 30px;
    top: -25px;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff;
    margin-top: -5px;
    margin-left: 75px;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.customYonoFndTrfLeftWrapper .customoYonoFndTrfMenuRow {
/* 	padding-right: 30px; */
}
.customYonoFndTrfRightWrapper {
	padding: 1% 1% 4% 2%;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.customYonoFndTrfSearchBoxWrapper input::placeholder {
	font-size: 16px;
	color: #999999;
}
.customYonoFndTrfTransactionsTableWrapper tr {
	border-bottom: none;
}
.customYonoFndTrfSearchBoxWrapper .customYonoFndTrfSearchInputBox {
    width: 92% !important;
    height: 15px !important;;
    margin-left: 23px !important;;
    padding-left: 4px !important;;
    padding-bottom: 4px !important;;
}
.customYonoFndTrfSearchIconCont {
    position: relative;
    left: -20px;
}
.customYonoFndTrfSearchIcon {
    font-size: 16px;
    color: #B90000;
    cursor: pointer;
}
.customYonoRMTPrpseOfTrfDropDownWrapper .ui-combobox > input {
	padding-right: 24px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/* .customYonoRMTCustomFlagStyle_brdr {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 2.3rem !important;
    width: 90px;
    padding-top: 10px;
    background: linear-gradient(135deg, #281172, #673391);
    text-align: left;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 3;
} */
.customYonoRMTCustomFlagStyle_brdr {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px !important;
    width: 100px;
    padding-top: 12px;
    background: linear-gradient(135deg, #281172, #673391);
    text-align: left;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 3;
}
.customYonoRMTTxnCurrencyStyle1 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 2.3rem !important;
    padding-top: 10px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 150px;
}
.customYonoRMTTxnCurrencyStyle2 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 2.3rem !important;
    padding-top: 10px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
	position: absolute;
    right: 30px;
}
.customYonoFndTrfAltContinueButton {
    position: absolute !important;
    bottom: -22px;
    margin-left: 18%;
    padding: 0px 25px 0px 26px;
    height: 45px;
    right: 474px;
}
.customYonoFndTrfSchedulePmntPopupBtnWrapper {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    margin-top: 12px;
    margin-bottom: -4%;
    margin-left: -5%;
}
.customYonoFndTrfSchedulePmntPopupInfoModalIcon:before {
    color: #0095DA;
    font-size: 50px;
}
.customYonoFndTrfSchedulePmntPopupInfoModalHeading {
    font-size: 20px;
    text-transform: none;
    color: #0095da;
    font-weight: bold;
}
.customYonoFndTrfBnfHeadingWrapper .customYonoFndTrfBnfHeading {
	font-size: 16px;
}
.customYonoFndTrfNoteColNotExistBnf {
    float: left;
    margin-top: 7px;
    width: 100%;
}
.customYonoFndTrfNoteColRow {
    float: left;
    margin: 2px 0;
    padding-bottom: 2%;
    padding-top: 2% !important;
    width: 100%;
    margin-left: 40%;
    height: auto !important;
}
.customYonoFndTrfLeftListingFieldHeading {
	font-size: 12px !important;
}
.customYonoFndTrfLeftListingWrapper p {
	height: auto !important;
}
.customYonoDashboardRowWrapper {
	position: relative;
}
.customYonoAccountBoxAvailableBalanceWrapper {
    /* position: absolute; */
    z-index: 99;
    margin-right: 22px;
}
.customYonoAccountBoxDepositsWrapper {
	/*position: absolute; */
    z-index: 99;
    /* left: 31%; */
    margin-right: 22px;
}
.customYonoAccountBoxBorrowingsWrapper {
	/*position: absolute; */
    z-index: 99;
    /* left: 62%;*/
}
input[type="submit"]:focus {
    outline: none;
}
.customYonoFndTrfLeftListingWrapper .customYonoFndTrfDateColumn {
	height: 58px;
}
.customYonoFndTrfAvlbleBalanceText {
    color: #0095DA;
    font-weight: bold;
    float: left;
    padding-right: 2px;
    font-size: 10px;
}
.customYonoFndTrfRateAndAmountDtlsText {
    float: left;
    font-size: 13px;
    color: #999999;
    height: 20px;
}
.customYonoFndTrfCnfrmTxnDtlsWrapper {
    height: auto;
    padding: 15px 70px;
}
.customYonoFndTrfCnfrmTxnDtlsWrapper p {
    height: max-content !important;
}
.customYonoFndTrfCnfrmTxnDtlsWrapperHeadingCol {
	height: 30px;
}
.customYonoFndTrfCnfrmTxnDtlsSubWrapperCol {
	height: 105px;
    line-height: 30px;
}

.customYonoFndTrfCnfrmTxnDtlsSubWrapperColWithLessHeight {
	height: 80px;
    line-height: 30px;
}
.customYonoAuthImgPhraseBodyWrapper .parentTable {
	margin: 0px;
}
.customYonoAuthImgPhraseBodyWrapper .customYonoLoginFooter {
	left: 0px;
	top: 120px;
}
.customYonoLoginSubWrapperLogoHeading {
    margin-top: 2%;
    height: 50px;
}
.customYonoSIAChatLoginWrapper .CustomYonoSIAChatIconLogin {
	padding: 14px !important;
	width: 60px !important;
    height: 60px !important;
	position: relative;
    left: -35px;
    top: 6px;
    box-shadow: 0px 4px 10px grey;
}
.customYonoSIAChatLoginWrapper .CustomYonoSIAChatCount {
	margin-right: 0px !important;
	padding: 3px 7px !important;
    position: relative;
    left: 25px;
    width: 22px;
    height: 22px;
}
.customYonoFndTrfPmntCycleRadioBtnTxt {
    font-size: 16px;
    text-decoration: none;
    font-weight: normal;
    color: #333333 !important;
    cursor: pointer;
    padding: 0px 10px;
    margin: 0px 15px 0px 0px;
}
.yonoMaterializeRadioBtn:not(:checked) + label, 
.yonoMaterializeRadioBtn:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    /* font-size: 1rem; */
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.yonoMaterializeRadioBtn + label:before, 
.yonoMaterializeRadioBtn + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
}
.yonoMaterializeRadioBtn:not(:checked) + label:before, 
.yonoMaterializeRadioBtn:not(:checked) + label:after {
    border: 2px solid #999999;
}
.yonoMaterializeRadioBtn:checked + label:after, 
.yonoMaterializeRadioBtn.with-gap:checked + label:before, 
.yonoMaterializeRadioBtn.with-gap:checked + label:after {
    border: 2px solid #0095DA;
}
.yonoMaterializeRadioBtn:checked + label:after, 
.yonoMaterializeRadioBtn.with-gap:checked + label:after {
    background-color: #0095DA;
}
.yonoMaterializeRadioBtn:not(:checked) + label:after {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.yonoMaterializeRadioBtn.with-gap:checked+label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.yonoMaterializeRadioBtn:not(:checked) + label:before, 
.yonoMaterializeRadioBtn:not(:checked) + label:after, 
.yonoMaterializeRadioBtn:checked + label:before, 
.yonoMaterializeRadioBtn:checked + label:after, 
.yonoMaterializeRadioBtn.with-gap:checked + label:before, 
.yonoMaterializeRadioBtn.with-gap:checked + label:after {
    border-radius: 50%;
}
.customYonoFndTrfPayToAccntCont {
	margin-top: -10px;
}
.customYonoFndTrfExistingBnfTxnFieldHeadingRow {
	float: left;
    margin: 2px 0;
    padding-bottom: 0px;
    width: 100%;
    margin-left: 10%;
}
.customYonoFndTrfExchangeRateInfoIcon {
    color: #0095DA;
    font-size: 15px;
    float: left;
    cursor: pointer;
    /*height: 42px;*/
    position: relative;
    top: -6px;
	font-weight: bold !important;
}
.customYonoFndTrfLeftListingWrapper .ui-combobox > input, 
.customYonofundTransferfRightListing .ui-combobox > input {
	font-size: 16px !important;
	padding-right: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.customYonoFndTrfLeftListingWrapper .customYonoFndTrfLeftListingFieldHeadingRow input {
	font-size: 16px !important;
}
.customYonoFndTrfPaymentCycleValue {
	float: left;
    width: 100%;
    font-size: 16px;
    border-bottom: 1px solid #999999;
    text-align: left;
    padding-bottom: 5px;
}
.customYonoFndTrfLeftListingAmountCurrencyColumn .ui-combobox {
    margin-left: 0px !important;
}
.customYonoFndTrfRateAndAmountDtlsCont {
    width: 80%;
    text-align: left;
    float: left;
}
.customYonoFndTrfRateAndAmountDtlsValue {
    color: #999999;
    font-weight: normal;
    text-decoration: none;
    padding: 0px 5px 0px 0px;
    font-size: 12px;
}
.customYonoRMTContinueTxnBtnWrapper {
    float: left;
    margin: 35px 0px 0px;
    width: 100%;
    position: static;
    bottom: 0;
}
.customYonoFndTrfLeftListingWrapper, 
.customYonofundTransferfRightListing,
.customYonofundTransferfBnfLeftListing {
	height: auto !important;
    min-height: 350px !important;
}
.customYonoRemittanceAmountRowStyle {
	position: relative;
}
/* .customYonoRMTExchangeRateCustomFlagStyle_brdr {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 2.3rem !important;
    width: 90px;
    padding-top: 10px;
    background: linear-gradient(135deg, #281172, #673391);
    text-align: left;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: -16px;
} */
/*  BHAKTI COMMENTED FOR MNG BNF REMIT
.customYonoRMTExchangeRateCustomFlagStyle_brdr_bkp {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 45px !important;
    width: 100px;
    left: 223px;
    position: relative;*/
    /* margin-left: 342px; */
   /* padding-top: 12px;
    background: linear-gradient(135deg, #281172, #673391);
    text-align: left;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: -45px;
}*/


.CustomYonoRemittanceExchangeRateRowStyle {
    width: 35%;
    margin-left: 18%;
    margin-bottom: 5%;
    border-right: 1px solid #d3d3d3 !important;
}
.CustomYonoRemittanceRemittanceFeesRowStyle {
    margin-bottom: 5%;
	margin-left: 5px;
    padding: 0px 0px 0px 6px;
}
.CustomYonoRemittanceExchangeRateRowStyle > .customYonoMngBnfAccNo, 
 .CustomYonoRemittanceRemittanceFeesRowStyle > .customYonoMngBnfAccNo{
	width: auto !important;
}
.CustomYonoRemittanceExchangeRateRowStyle .customYonoExchangeRateValue, 
.CustomYonoRemittanceRemittanceFeesRowStyle .customYonoExchangeRateValue {
	font-size: 16px;
}
.customYonoFndTrfScheduleModalSubHeading {
	font-size: 12px;
}
.customYonoScheduleModalRadioBtnCont {
    margin-top: 6px;
    margin-left: 0%;
    width: 100%;
    padding-bottom: 10px;
}
.customYonoFndTrfSchedulePmntPopupModalText {
    font-size: 12px !important;
    text-decoration: none;
    font-weight: normal;
    color: #333333 !important;
    cursor: pointer;
    padding: 0px 10px !important;
    width: 100%;
}
.customYonoScheduleModalRadioBtnCont .yonoMaterializeRadioBtn + label:before, 
.customYonoScheduleModalRadioBtnCont .yonoMaterializeRadioBtn + label:after {
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
}
.customYonoISAFlowRadioBtnLabel {
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #999999;
    padding: 5px;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    height: 175px;
    font-family: sans-serif;
    font-weight: bold;
}
.customYonoISAFlowRadioBtnLabel:before {
    display: block;
    font-size: 60px;
    padding: 16px;
	margin-bottom: 8%;
    font-family: 'yono-webportal-phase2-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.customYonoISAFlowFundAccntRadioBtnIcon:before {
	content: "\e91d";
}
.customYonoISAFlowCashTransferRadioBtnIcon:before {
	content: "\e90e";
}
.customYonoISAFlowRadioSelected {
    color: #fff !important;
}
.customYonoISALandingBtnAlignWrapper .customYonoISALandingBtnAlign {
	margin-left: 31%;
}
.customYonoISAFlowSelectionHeading {
	font-size: 18px;
}
/* .customYonoExISAFixedCashAccntDtls .ui-combobox > input {
	font-size: 16px !important;
	padding-right: 5px;
} */
.customYonoExISAFixedCashAccntDtls .ui-combobox > input {
	color: black;
} 
.customYonoExISATermsAndConditionsText {
	font-size: 13px !important;
	font-weight: bold;
}
.customYonoExISACurrentInvstAmntCurrencyText {
    float: left;
	/*padding-right: 6px;*/
    position: relative;
    left: 10px;
    bottom: -4px;
}
.customYonoExISACurrentInvestmentAmount .customYonoFTDInputTextBox {
    padding: 4px 0px 4px 16px !important;
}
.customYonoFndTrfPmntDtlsWrapper .customYonoConfirmTxnRow {
	height: auto !important;
}
.CustomYonoHeaderWelcomeTextIcon {
    /*right: 32px !important;
    top: -4px;*/
}
.customYonoMyProfileIcon {
    font-size: 20px;
}
.customYonoHeaderProfileArrowDownIcon {
    font-size: 24px !important;
    position: absolute;
    top: -36px; /*changed by pallabi -20px */
    right: -825px;  /*chnaged by pallabi 0 */
}
 .customYonoRMTAvlbleBalanceText {
    color: #0095DA;
    font-weight: bold;
    float: left;
    padding-right: 2px;
    font-size: 10px;
}
.customYonoRemittanceAmountRowStyle .customYonoFndTrfRemittanceAmtValue, .customYonoFndTrfExchangeRateAmtValue {
	border: 1px solid #d3d3d3 !important;
}
.customYonoExchangeRateInfoModalIcon:before {
	color: #0095DA;
    font-size: 50px;
}
.customYonoReqAmntCreditInfoModalIcon:before {
	color: #0095DA;
    font-size: 50px;
}
.customYonoExchangeRateInfoModalText {
    color: #333333;
    line-height: normal;
    text-transform: none;
    font-size: 14px;
}
.customYonoExISACurrentInvestmentAmount > .error_highlight_right {
	display: inline-block;
    width: 100%;
    text-align: left;
}


.customYonoFishEyeViewCloseIcon {
    content: url(../images/yono/eye_closed.svg);
    width: 25px;
    margin-right: -27px;
    position: relative;
    top: -4px;
}



.icon-ic-ServiceList-CHK:before{
	content: "\e92f";
}
.icon-ic-ServiceList-ECS:before{
	content: "\e91a";
}
.icon-ic-ServiceList-SCR:before{
	content: "\e937";
}
.icon-ic-ServiceList-USC:before{
	content: "\e930";
}
.customYonoAuthScreenWrapper .ui-dialog.ui-widget.ui-widget-content.ui-corner-all,
.customYonoAuthImgPhraseBodyWrapper .ui-dialog.ui-widget.ui-widget-content.ui-corner-all, 
.customYonoRiskQNAAuthScreenWrapper .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
	z-index: 2000;
    overflow: visible;
}
.customYonoAuthScreenWrapper .ui-helper-clearfix, 
.customYonoAuthImgPhraseBodyWrapper .ui-helper-clearfix, 
.customYonoRiskQNAAuthScreenWrapper .ui-helper-clearfix {
    height: 0px;
}

.customYonoMngBillerRedBnfDeleteHeading {
    color: #B90000;
    font-size: 18px;
    padding-left: 114px;
    font-weight: bold;
    text-transform: none;
}
.customYonoMngBillerDeletePopupRow {
	margin-bottom: 0px !important;
}
.customYonoMngBillerDeleteSubHeading {
    font-size: 14px;
    text-transform: none;
    padding-left: 30px;
    color: #000;
    padding-top: 3px;
    margin-left: 0px;
    font-weight: normal;
}
.customYonoMngBillerDeletePopupRow .customYonoMngBnfDetailsSideHeading {
    display: block;
}
.customYonoMngBillerDeleteSubHeadingValue {
    font-size: 16px;
    text-transform: none;
    padding-left: 30px;
    color: #000;
    /* padding-top: 12px; */
    margin-left: 0px;
    font-weight: normal;
    display: block;
    margin-top: -8px;
}
.customYonoBranchSortCodeSearchButton {
    border-radius: 30px;
    border: 1px solid #0095DA;
    color: #0095DA;
    padding: 10px 20px;
    font-size: 11px;
    font-weight: bold;
    background-color: #ffffff;
    cursor: pointer;
    text-decoration: none !important;
    text-transform: uppercase;
	/*bottom: -18px;*/  /*commented by pallabi*/
    position: absolute;
    left: 875px;  /* changed by pallabi 275px */
	top:46px; /* added by pallabi*/
}
.customYonoSortCodeSelectedNextButton {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 10px 28px;
    font-size: 11px;
    font-weight: bold;
    font-family: sans-serif !important;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
	text-decoration: none !important;
    position: relative;
    top: -15px;  /* changed by pallabi 15px*/
}
.cusomYonoBranchSortCodeSearchWrapper {
	padding: 5% 8%;
}
.cusomYonoBranchSortCodeSearchSubWrapper {
	width: 75%;
}
/*.cusomYonoBranchSortCodeSearchSubWrapper .labelColumn {
	float: none;
    width: 100%;
    padding: 0px;
}*/
.cusomYonoBranchSortCodeSearchTextHeading {
    color: #999999;
    font-size: 16px;
    text-decoration: none;
    text-align: left;
    position: absolute;
    margin-bottom: 0px;
    left: 11px;
    top: 56px;
	cursor: text;
}
.cusomYonoBranchSortCodeSearchText {
    height: 20px !important;
    padding-bottom: 2px !important;
}
.cusomYonoBranchSortCodeSearchText:focus + label {
    display: none;
}
.customYonoBranchSortCodeSearchScreenWrapper .pageLeftContainer {
	margin-bottom: 10%;
}
.customYonoAddBillerSection .error_highlight_right {
	position: relative;
    bottom: 65px;
}
.customYonoFndTrfExistingBnfTxnFieldHeadingRow .error_highlight_right {
    float: left !important;
}
.customYonoMngBnfListRow {
    cursor: pointer;
    height: 80px;
    border-bottom: 1px solid #ffffff;
    position: relative;
    padding-left: 12px;
    border-left: 8px solid #F3F3F3;
}
.customYonoMngBnfListSelectedRow {
    border-left: 8px solid #0095DA;
}
.customYonoMngBnfListSelectedRow:after {
    content: "\e904";
    font-family: 'yono-webportal-phase2-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0095da;
    font-size: 30px;
    position: absolute;
    right: 12px;
}
.customYonoMngBnfAddNewBnfBtnLink {
	float: right;
    margin-right: 12px;
    font-size: 1em;
}
.customYonoBillPaymentDownloadWrapper {
	/* float: left; */
    /* margin-top: 2%; */
    text-align: left;
    /* margin-left: -4% !important; */
    width: auto;
    color: #9F1C5D;
}
.customYonoBillerDate img, .customYonoBillerDate1 img {
    content: url(../images/yono/ic-calendar.svg);
    width: 18px;
    height: 19px;
    cursor: pointer;
    outline: none;
    filter: invert(15%) sepia(71%) saturate(3614%) hue-rotate(314deg) brightness(90%) contrast(90%);
	position: relative;
    left: -25px;
}
.customYonoMngBnfAddConfirmationWrapper {
	width: 100%;
    height: auto;
    max-height: 400px;
    min-height: 400px;
	margin: 5px 0px;
    padding: 20px 80px;
}
.customYonoMngBnfAddConfirmationSubWrapper {
	height: auto !important;
}
.customYonoMngBnfAddConfirmationHeading {
	font-size: 20px;
    text-transform: none;
    padding-left: 30px;
    font-weight: bold;
}
.customYonoMngBnfAddConfirmationValue {
	font-size: 15px;
    text-transform: none;
    padding-left: 30px;
    color: #000;
    padding-top: 3px;
    margin-left: 0px;
    font-weight: normal;
}
.customYonoMngBnfAddConfirmationBtnWrapper {
    position: absolute;
    bottom: 5px;
    width: 100%;
	text-align: center;
}
.customYonoMngBnfAddConfirmationBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 12px 35px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
}
.customYonoMngBillerRowAccNo::before {
    content: "A/C no: ";
}
.nbs-flexisel-container {
    position: relative;
    max-width: 85%;
}
.customYonoBillPmntsCnfrmTxnDtlsWrapper {
    height: 236px !important;
    padding: 15px 70px;
    background: #f3f3f3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.customYonoBillPmntConfirmContinueButton {
    margin-top: 3%;
    position: relative;
    margin-left: 43.5%;
    top: 36px;
}
.customYonoTermsConditionsLinkStyle:active {
	color: #0095da !important;
	background: none;
}
.customYonoHeaderRightProfile {
	float: right;
    height: 10%;
    /* margin-left: 28%; */
    color: #FFFFFF;
}
.customYonoHeaderRightProfileWrapper {
	height: 50px;
    display: flex;
    position: relative;
}
.customYonoTollFreeNumber {
	font-size: 15px;
    color: #333333;
}
.customYonoDashboardAccountBoxTable table {
	width: 100%;
    clear: both;
    float: left;
	background: #ffffff;
	position: relative;
    top: -12px;
    border-radius: 3px;
    padding-top: 15px;
    box-shadow: 0px -25px 16px -10px #f3f3f3;
}
.customYonoDashboardAccountBoxTableRow {
    text-decoration: none;
    height: 25px;
    border: none;
    color: #000000;
    width: 227px;
    display: block;
}
.customYonoDashboardAccountBoxTableCol {
	width: 0%;
}
.customYonoDashboardAccountBoxTableRowAmount {
    text-decoration: none;
    vertical-align: middle;
    border: 0px;
    text-align: right !important;
    font-size: 0.75em;
    font-weight: bold;
    color: #000;
}

.customYonoDashboardAccountBoxTableRowAmountWithLargerFonts {
    text-decoration: none;
    vertical-align: middle;
    border: 0px;
    text-align: right !important;
    font-size: 0.95em;
    font-weight: bold;
    color: #000;
}
.customYonoAccountBoxIcon:before {
    cursor: pointer;
}
.customYonoAccountBoxBoldAmount:first-letter {
    vertical-align: top;
    font-size: 18px;
}
.customYonoMngBnfLeftListingPanel {
    float: left;
    width: 40%;
    background-color: #F3F3F3;
    min-height: 400px;
    height: auto;
    max-height: 400px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
	overflow: hidden;
}
.customYonoMngBillerListBox {
	background-color: #F3F3F3;
    /*border-radius: 3px;*/
    width: 100%;
    margin-top: 10px;
    float: left;
    height: 345px;
    border: 0px !important;
    overflow: scroll;
}
.customYonoMngBillerRowNickName {
    float: left;
    font-size: 12px;
    color: #999999;
    padding-left: 10px;
    width: 100%;
    font-weight: normal;
}
.customYonoMngBnfListRadioBtnTxt {
    color: #333333;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    margin-top: -35px;
    margin-left: -42px;
    text-align: center;
}
.customYonoHeaderWelcomeRow {
	min-width: 80px;
    width: auto;
	margin-top: 7px;
}
.customYonoMngBnfAddBnfLeftListing .error_highlight_right {
    margin-left: 190px;
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 13px;
    padding-bottom: 6px !important;
}
.customYonoMngBnfAddBnfRightListing .error_highlight_right {
    margin-left: 40px;
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 13px;
    padding-bottom: 6px !important;
}
.customYonoCounterPartyRegistrationWrapper .customYonoMngBnfAddBnfLeftListing, 
.customYonoCounterPartyRegistrationWrapper .customYonoMngBnfAddBnfRightListing {
    height: auto;
    min-height: 400px;
    max-height: 450px;
}
.customYonoFormGeneralBtnWrapper {
    width: 100%;
    text-align: center;
    position: absolute;
	bottom: 2px;
}
.customYonoFormGeneralBtn {
    border-radius: 40px;
    width: auto;
    height: 47px;
    vertical-align: middle;
    padding: 12px 28px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
	margin-top: -46px !important;
}
.customYonoConfirmTxnSummaryBtnWrapper {
    width: 100%;
    text-align: center;
    position: relative;
    bottom: 25px;
}
.customYonoTermsConditionsLinkStyle:hover {
	color: #0095DA;
	text-decoration: none;
}
.customYonoMngBnfListDetailsSideHeadingValue {
	font-size: 16px;
    text-transform: none;
    padding-left: 30px;
    color: #000;
    padding-top: 3px;
    margin-left: 0px;
    font-weight: normal;
    width: 250px;
    float: left;
}
.customYonoMngBnfConfirmDetailsSideHeadingValue {
    font-size: 16px;
    text-transform: none;
    padding-left: 30px;
    color: #000;
    padding-top: 3px;
    margin-left: 0px;
    font-weight: normal;
}
.customYonoMngBnfListRowHeading {
	float: left;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    padding-left: 10px;
    width: 100%;
    text-transform: capitalize;
}
.customYonoMngBnfAddIntBnfComboBoxColumn {
	float: left;
    margin-right: 5px;
    margin-top: -5px;
    text-align: right;
    width: 45%;
    margin-left: 190px !important;
}
.customYonoMngBnfDeleteBnfLinkLeftAlign {
	position: absolute;
    bottom: 30px;
    padding-left: 30px;
}
.customYonoMngBnfLinkInitiateRmtRightAlign {
	position: absolute;
    bottom: 30px;
    right: 190px;
}
.CustomYonoMngBnfIntBenfCurrencyStyle {
    float: left;
    font-size: 14px;
    width: 100%;
    margin-left: 109px !important;
    color: #000000;
}
.customYonoMngBnfIntBenfFlagStyle {
    margin-left: 117px;
}
.customYonoSortCodeDisabledNextBtn {
    color: #d3d3d3 !important;
    cursor: not-allowed !important;
    background: #ffffff !important;
    border: 0px solid #f3f3f3 !important;
}
.customYonoMngBnfAddIntBnfCountryCol {
    float: left;
    text-align: left;
    width: 45%;
    margin-left: 190px;
    padding: 2px;
    border-bottom: 1px solid #9e9e9e;
}

.customYonoMngBnfAddIntBnfCountryColNr {
    float: left;
    text-align: left;
    width: 45%;
    margin-left: 47px;
    padding: 2px;
    border-bottom: 1px solid #9e9e9e;
}

.customYonoMngBnfAddIntBnfCountryColImg {
    width: 30px;
    height: 18px;
}
.customYonoMngBnfAddIntBnfCountryColText {
    padding: 0px 8px;
    font-size: 16px;
}

.customYonoMngBnfAddIntBnfCountryColTextNare {
    padding: 0px 8px;
	margin-top: 86px;
    font-size: 16px;
}


.customYonoMngBnfRightTextHeadingIfscNcol {
	color: #262a2c;
	font-size: 0.em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 0px !important;
	width: 100%;
	float: left;
	/*display: none;*/
}


.customYonoMngBnfLeftTextBoxN {
	float: left;
	margin-left: -325px !important;
	height: 15px !important;
}

.customYonoMngBnfLeftTextHeadingNm {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: -325px !important;
	width: 100%;
	float: left;
}


.customYonoMngBnfRightTextBoxN {
	float: left;
	margin-left: 40px !important;
	height: 21px !important;
}

.customYonoMngBnfRightTextHeadingNm {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 40px !important;
	width: 100%;
	float: left;
}








/********* START: added by Narendra for For manage beneficiary *************/
.customYonoMngBnfAddBnfPopupAddBtn {
	float: right;
    margin-right: -5px;    /* Changed by Pallabi 4px */
    margin-bottom: -32px;
    margin-left: 40px;
}
.customYonoMngBnfAddBnfPopupHeading {
    font-size: 16px;
    text-transform: none;
    color: #000;
    padding-top: 3px;
    margin-left: 10px;
    font-weight: normal;
}

.customUSYonoMngBnfScrollPartResize{
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
	background-color: white;
	
}

.customYonoMngBnfLeftTextHeadingNar {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	width: 100%;
	float: left;
}

.customYonoMngBnfLeftTextHeadingNline {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	margin-top:-26px;
	width: 100%;
	float: left;
}

.customYonoMngBnfLeftTextHeadingNaren {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	width: 100%;
	float: left;
}

.customYonoMngBnfAddIntBnfRightTextBoxNaar {
    float: right;
    margin-left: 40px !important;
    height: 20px !important;
}









.customYonoMngBnfColumnsearchIconIfscState {
	float: left;
	margin-top: 5%;
	text-align: left;
	width: 38%;
	margin-left: 3%;
}

.customYonoMngBnfRightTextHeadingIfscNare {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 192px !important;
	width: 100%;
	float: left;
	/*display: none;*/
}

.customYonoMngBnfRightTextHeadingIfscNarNa {
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 400px !important;
	margin-top: -37px;
	width: 100%;
	float: left;
	/*display: none;*/
}



.regnetbnk-setpass-panel-leftContainer
{

background-color: #F3F3F3;
    min-height: 430px;
	height: auto;
    width: 35%;
    float: left;
    margin-left: 4%;
	padding-left: 15px;
    padding-right: 2px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


.regnetbnk-setpass-panel-rightContainer {
    background-color: white;
    min-height: 430px;
	height: auto;
    width: 57%;
    float: left;
    margin-right: 4%;
	padding-right: 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	position: relative;
}

.customYonoRegNetbankingTabsBenInt1 {
    display: flex;
    width: 602px;
    margin-left: -2px;
}
.customYonoPasscolumnRightRegInt {
    float: left;
    margin-top: -10px;
    margin-left: 16%;
    width: 30%;
}
.customYonoForgotPasswdSetPassBtnWrapperRegInt {
    position: absolute;
    bottom: -36px;
    margin-left: 17%;
}


.customYonoRegNetbankingGuidelineTxtReg {
    font-size: 14px;
    /* font-style: italic; */
    color: #000000 !important;
    text-decoration: none;
    float: left;
    font-family: sans-serif;
    margin-left: 5%; /*Changed by Pallabi for forgot set password guidelines */
    margin-top: 1px; /*Changed by Pallabi for forgot set password guidelines */

}


.customYonoPassrowRegInt {
    float: left;
    margin-left: 8%;
    margin-top: 25px;
    width: 90%;
    position: relative;
}
.customYonoForgotPasswdSetPassBtnWrappernewPasswordRow{
    position: absolute;
    margin-left: 21%;
	Padding-top: 178Px
}


.customYonoForgotPasswdSetPassBtnWrappernew{
   position: absolute;
    padding-top: 171px;
    margin-left: 36%;
}

.customYonoForgotPasswdBtnWrapper {
    position: absolute;
    bottom: -22px;
    width: 97%;
    text-align: center;
}

.customQueTwo{
    padding-top: 21px;
    position: absolute;
    margin-left: -190px;
}
.customQueThree{
    padding-top: 42px;
    position: absolute;
    margin-left: -190px;
}
.customQueFour{
    padding-top: 66px;
    position: absolute;
    margin-left: -190px;
}
.customQueFive{
    padding-top: 90px;
    position: absolute;
    margin-left: -190px;
}

.customQueSix{
    padding-top: 114px;
    position: absolute;
    margin-left: -190px;	
}
.customQueSeven{
    padding-top: 138px;
    position: absolute;
    margin-left: -190px;	
}

<%......Narendra...%>





/********* START: added by Narendra for For manage beneficiary *************/

/********* END: added by Sourav for UAT issue fixes *************/
/********* END: added by Sourav for UAT issue fixes *************/


.customYonoMngBnfSearchBox_new{
	    width: 80% !important;
    height: 27px !important;
    margin-left: 6% !important;
}

::placeholder {
    font-size: 16px;
    font-weight: normal;
    font-family: sans-serif !important;
    color: #999999 ;	
    
}

/***** START: added by Celestine for WFH PAtch issue fixes *************/
.CustomYonoSCRButtonStyleChqs {
    font-family: sans-serif ! important;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 4px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 2.5%;
}


.customYonoTopAbsoluteFixedButtonStyleChqs {
    position: relative;
    top: 54px;
}

.CustomYonoFormbtnChqs {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.customYonoSCRBoldTextChq {
    font-weight: bolder;
    font-size: 18px;
    padding-left: 4px;
}
.customYonoleftContainerChq {
    padding-left: 12px;
    padding-top: 20px;
}
.customYonoSCRColumnChq {
    float: left;
    margin-right: 5px;
    margin-top: 7px;
    width: 100%;
    padding-bottom: 10px;
    line-height: 20px;
}
.customYonoSCRColumnChqlab {
    font-size: 22px;
    float: left;
    margin-top: 7px;
    width: 100%;
}
.customYonoCHKMargin25PercentStyleChq {
    margin-left: 125px;
}
/* .ui-widget-overlay {
    opacity: 0.5 !important;
    position: fixed !important;
	background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important;
} */

/***** END: added by Celestine for WFH PAtch issue fixes *************/

/********** START: added by MvM for UAT issue fixes *************/

.customYonoISAOtpRequestSection {
    padding: 0px 230px;
    /* margin-top: 45px; */
}


.customYonoISAInputText {
    float: left;
    height: 20px !important;
    margin-left: 15px !important;
    margin-top: -18px !important;
}

.customYonoISAFormCurrencyText {
    float: left;
    margin-top: 4px;
    padding-right: 6px;
}

.customYonoISAAltFlowQnAFormStyle {
    height: auto;
    padding: 0 20%;
    font-family: sans-serif !important;
    margin-left: -70px;
    margin-bottom: 20px;
    width: 115% !important;
}

/* .customYonoISAQnASubAmountInputTextBoxStyle {
    float: left;
    height: 20px !important;
    width: 70% !important;
    margin-left: 0px !important;
}
 */
 
 .customYonoISAQnASubAmountInputTextBoxStyle {
    float: left;
    height: 20px !important;
    width: 70% !important;
    margin-left: 0px !important;
    padding-left: 16px !important;
}
.customYonoISAAltFlowQnATextStyle {
    font-size: 18px;
    font-family: sans-serif !important;
    /* font-weight: bold; */
}

.customYonoISAInputTextHeadingStyle {
    color: grey;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    width: 100%;
}

.customYonoISAAltAccNumTextStyle {
    font-size: 20px !important;
    margin-top: -10px !important;
    height: 30px !important;
    margin-left: -12px !important;
    width: 300px !important;
}

.customYonoISAAltSortCodeTextStyle {
    /* height: 20px !important; */
    font-size: 20px !important;
    margin-top: -10px !important;
    height: 30px !important;
    margin-left: -12px !important;
    width: 190px !important;
}

.customYonoISAAltSortCodeSearchIconStyle {
    position: relative;
    top: -32px;
    /* margin-left: 9px !important; */
    right: -15px;
    padding-left: -6px !important;
    font-weight: bold !important;
    font-size: 20px;
    /* color: #B90000; */
}

.customYonoISAAltAuthorizationTextStyle {
    font-size: 12px !important;
    font-weight: bold;
    line-height: 18px;
    margin-top: 0px;
    white-space: nowrap;
    /* width: 964px !important; */
    font-family: sans-serif !important;
    color: grey;
}

.customYonoISAAltAuthorizationContainer {
    padding: 0 15% !important;
    margin-left: -55px !important;
    margin-bottom: 20px !important;
}

.customYonoISAAuthTermsAndConditionsTextStyle {
    font-size: 14px !important;
    font-weight: bold;
    color: grey;
    margin-left: -120px;
    font-family: sans-serif !important;
}


.customYonoISAAltAuthCheckboxStyle {
    margin-top: 20px;
    z-index: 9999;
    margin-left: 4px;
    cursor: pointer;
}


.customYonoISAReceiptSetUPHeadingStyle {
    font-size: 18px;
    color: #333333;
    font-family: sans-serif !important;
}

.customYonoISAReceiptSetUPTextStyle {
    font-size: 12px;
    color: #333333;
    font-family: sans-serif !important;
}


.customYonoISAAltFinishButton {
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 5px 34px;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}

.customYonoISAReceiptAutoRenewalHeadingStyle {
    font-size: 18px;
    font-family: sans-serif !important;
    color: #333333;
}

.customYonoISAReceiptAutoRenewalTextStyle {
    font-size: 12px;
    color: #333333;
    font-family: sans-serif !important;
}


.customYonoISACyberReceiptAccNoSortNoStyle {
    color: grey;
    font-size: 14px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-family: sans-serif !important;
    display: block;
}

.customYonoISACyberReceiptSection {
    background-color: #F3F3F3;
    height: 135px !important;
    top: 13px;
    position: relative;
}

.customYonoISACyberReceiptAccNoSortNoVals {
    font-size: 18px;
    top: 10px !important;
    position: relative;
}

.customYonoISAFinishBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 5px 34px;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
}

.customYonoISAOtpRequestSection .customYonoOtpQueryitalictext {
	display: none;
}


.customYonoISASelectionTextStyle {
    font-weight: bold;
    font-size: 20px;
}

.customYonoISADataCaptureSelectionText {
    font-size: 18px;
    font-weight: bold;
    font-family: sans-serif !important;
}

.customYonoISADCInputTextHeading {
    color: grey;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
}

/* .customYonoISADCInputSuffixText {
    font-size: 10px;
    font-weight: bold;
    float: left;
    text-align: left;
    font-family: sans-serif !important;
    color: grey;
} */
.CustomISApersentSymbolDetails {
    /* margin-left: -85px; */
    position: absolute;
    left: 525px;
}

.CustomISAPoundSymbolDetails {
    /* margin-left: -26px; */
    position: absolute;
    right: 340px;
}


/* .customYonoISADCInputSuffixText {
    font-size: 10px;
    float: left;
    text-align: left;
    font-weight: bold;
    font-family: sans-serif !important;
    color: grey;
    width: 85%;
} */

.customYonoISADCInputSuffixText {
    font-size: 10px;
    float: left;
    text-align: left;
    font-weight: bold;
    font-family: sans-serif !important;
    color: grey;
    margin-left: 10px;
    width: 85%;
}


.customYonoISADataCaptureFormStyle {
    height: auto;
    padding: 0 20%;
    margin-bottom: 20px;
    overflow-y: scroll;
}

.customYonoTopAbsoluteFixedButtonStyleChqbr {
    position: relative;
    top: -9px;
}
/********* END: added by MvM for UAT issue fixes *************/


.customYonoMngBnfDeleteBnfInnerLinks3fx {
    position: relative;
    top: -1px;
    left: 74px;
}

.CustomYonoAddBnfSbmtBtnfx {
    border-radius: 40px;
    width: 100px;
    vertical-align: middle;
    height: 38px;
    padding: 7px 22px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.customYonoQuickLinkText_new {
    cursor: pointer;
}
.customYonoQuickPaymentsArrowIcon {
    cursor: pointer;
}
.CustomYonoMngBnfSelectedColorStyle{
	color: #fff;
}
.CustomYonoMngBnfUnSelectedColorStyle{
	color: #000;
}.customYonoAccountBoxBoldText{
	    border-bottom: 0px;
}
.customYonoMngBnfSearchBox_new{
	    width: 80% !important;
    height: 27px !important;
    margin-left: 6% !important;
}
.customYonoMngBnfListColumnsearchIcon_new {
    float: left;
    text-align: right;
    width: 100%;
}
/************* START: Dashboard page new styles *************/
.customYonoDashboardRow {
	width:100%;
	margin-top:62px;
}
.customYonoDashRowQuick {
	width:100%;
	margin-top:220px;
}
.customYonoDashRowFundTr {
	width:100%;
	margin-top:60px;
}
.customYonoDashVacationRow {
	margin-top:120px;
}
.customYonoDashSiaRow {
    margin-top: 235px;
}
.customYonoQuickLinkStyle_new {
    color: #000000;
    font-weight: 600;
    background-color: white;
    text-decoration: none !important;
	display: block;
    height: 60px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.customYonoQuickLinkIcon_new {
    color: #9F1C5D;
    font-size: 32.3px;
    background-color: white;
    padding-left: 46px;
    padding-top: 10px;
    max-width: 126px;
    display: inline;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.customYonoDashQuickLinksRow {
    margin-top: 146px;
}
.customYonoQuickLinkText_new {
    color: #000000;
    font-size: 11px;
    font-weight: 600;
    background-color: white;
    padding-right: 20px;
    background-color: white;
    padding-bottom: 20px;
	padding-left: 18px;
    text-align: center;
    float: left;
    height: 60px;
    width: 127px;
    padding-top: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.customYonoDashboardHeadingTxt {
    font-size: 42px;
    text-transform: none;
    color: #ffffff57;
    font-family: sans-serif !important;
    font-weight: Bold;
    margin-left: 5px;
}
.customYonoAccountBox_new {
    background-color: #FFFFFF;
    border-radius: 3px;
    margin-left: 5px;
    width: 315px;
    /* max-width: 500px; */
    /* min-width: 305px; */
    float: left;
    height: 120px;
    /* min-height: 150px; */
    min-height: 75px;
    max-height: 500px;
}
.customYonoQuickPayments_new {
    background-color: #FFFFFF;
    width: 75px;
    float: left;
    height: 65px;
    padding-top: 13px;
    max-height: 65px;
    padding-bottom: 25px;
    margin-left: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
}
/* .CustomYonoVacation_new {
    width: 33.33%;
    float: left;
    background-image: url(../images/yono/yono_vacation.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    height: 202px;
    border-top: .5px solid #fff;
    border-bottom: 0.5px solid #fff;
} */

.CustomYonoVacation_new {
    width: 33.33%;
    float: left;
    background-image: url(../images/yono/Money_Transfers.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    height: 202px;
	border: 0.5px solid #fff;
}

/* .CustomYonoDreams_new {
    width: 33.33%;
    float: left;
    background-image: url(../images/yono/yono_dreams.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 202px;
    border: 0.5px solid #fff;
} */

.CustomYonoDreams_new {
    width: 33.33%;
    float: left;
    background-image: url(../images/yono/Studyabroad.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 202px;
    border-top: 0.5px solid #fff;
    border-bottom: 0.5px solid #fff;
}


/* .CustomYonoDesire_new {
    width: 33.33%;
    float: left;
    background-image: url(../images/yono/yono_desire.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 202px;
    border-top: 0.5px solid #fff;
    border-bottom: 0.5px solid #fff;
} */

.CustomYonoDesire_new {
    width: 33.33%;
    float: left;
    background-image: url(../images/yono/PB_Account_Super_Saving.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 202px;
    border: 0.5px solid #fff;
}
.customYonoQuickPaymentsForArrow_new {
    background-color: #F3F3F3;
    width: auto;
    float: left;
    height: 65px;
    padding-top: 13px;
    max-height: 65px;
    padding-right: 30px;
    padding-bottom: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	margin-right: 16px;
}
.CustomYonoApplyNowLinks_new { 
    color: #FFFFFF;
    line-height: normal;
    font-weight: 600;
    margin-left: 60px;
}
/***#footer {
    background-color: #F9F9F9 !important;
    border-top: 1px solid #7d7d7d !important;
    padding: 0 0;
    float: left !important;
    width: 110%;
    text-align: center !important;    
    margin-left: -55px !important;
    margin-bottom: -20px !important;
}***/
#footer {
    background-color: #F9F9F9 !important;
    border-top: 1px solid #7d7d7d !important;
    padding: 0 0;
    float: left !important;
    width: 110%;
    text-align: left !important;
    margin-top: 30px;
    margin-left: -5%;
	font-weight: 100;
}
.footer_firstLine {
	margin-left: 3%;
}
/********** END: Dashboard page new styles ************/

/********** START: VENU new styles from Mail Applied by Celestine  ************/
/* ADDED BY VENU: SBI LOGINCSREEN TEXT FLOATING */

input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
  top: 8px;
  bottom: 10px;
  left: 18px;
  font-size: 13px;
  opacity: 1;
}

.inputText {
  font-size: 15px;
  width: 200px;
  height: 35px;
}

/* .floating-label {
  position: absolute;
  pointer-events: none;
  left: 18px;
  top: 18px;
  transition: 0.2s ease all;
} */
.floating-label {
    position: absolute !important;
    pointer-events: none;
    left: 12px !important;
    top: 4px !important;
    transition: 0.2s ease all !important;
}
/********** END: VENU new styles from Mail Applied by Celestine  ************/

/*****START: MvM CSS FOR FUND TRANSFER******/

.customYonoConfirmFundTransferTxnText {
    font-size: 13px;
    color: #999999;
    font-family: sans-serif !important;
}

.customYonoConfirmFundTransferValueText {
    font-size: 16px;
    color: #000000;
    line-height: normal;
    font-family: sans-serif !important;
}

.customYonoConfirmFundTransferTxntListing {
    float: left;
    width: 100%;
    padding-left: 60px;
    /* left: 10px; */
    padding-top: 14px;
    /* position: relative; */
    height: auto;
    max-height: 300px;
    background-color: #ffff;
    min-height: 250px;
    border-radius: 5px !important;
}

.customYonoFndTrfConfirmContinueButton {
margin-top: 5%;
    position: relative;
    margin-left: -24%;
    top: 24px;
    padding: 0px 27px 0px 29px;
    height: 44px;
}

.greybgtxtbox_nextgen {
    /* padding-top: 5px !important; */
    float: left;
    height: 30px !important;
    border: 1px solid #d3d3d3 !important;
    color: #262A2C !important;
    font-size: 35px !important;
    /* line-height: 0.69em; */
    font-weight: normal;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none;
    vertical-align: middle;
    background-color: rgb(251,251,251) !important;
    width: 100% !important;
}

.customYonoFundTransactionOtpStyle {
    width: 100%;
    /* top: 44px; */
    margin-top: 70px;
    /* left: 192px; */
    /* position: relative; */
}

.customYonoFundTransferConfirmTxt {
    font-size: 20px;
    color: #000000;
    font-family: sans-serif;
    font-weight: bold;
}

.customYonoOtpQueryitalictext {
    text-align: center;
/*    position: relative !important; */
    left: 185px !important;
}

.CustomYonoFundTransferwidth79percent {
    float: left;
    width: 100%;
    position: relative;
    left: 20px;
}

.customYonoFundTransferTransCurrencyStyle {
    float: left;
    font-size: 14px;
    color: #999999;
    font-family: sans-serif;
    /* padding-top: 5px; */
    padding-left: 35px;
    width: 25%;
}

.customYonoFundTransferbuttonStyle {
    float: right;
    margin-right: 4%;
    padding-top: 13px;
    font-weight: bold;
    position: relative;
    height: 45px;
    font-family: sans-serif !important;
    margin-top: -2%;
    border: 1px solid #0095da;
    background: white;
    color: #0095da !important;
}

.customYonoFundTransferBankNameStyle {
    float: left;
    font-size: 10px;
    margin-top: -13px;
    font-family: sans-serif;
    color: #999999;
    width: 94%;
    padding-bottom: 10px;
    border-bottom: 1px solid #999999;
    margin-left: 23px;
}

.customYonoFundTransferAccNumStyle {
    float: left;
    font-size: 10px;
    color: #999999;
    font-family: sans-serif;
    line-height: -38px !important;
    /* padding-top: 5px; */
    height: 4px !important;
    padding-left: 23px;
    width: 40%;
}

.customYonoFundTransferNickNameStyle {
    float: left;
    font-size: 14px;
    color: #000;
    font-family: sans-serif;
    margin-top: 5px !important;
    padding-left: 23px;
    width: 100%;
    background-color: #fff !important;
    border: 0px solid #000 !important;
}

.customYonoFundTransferLeftlisting25Percentpaneldiv {
    float: left;
    width: 25%;
    /* border-left: 1px solid #CCCCCC; */
    background-color: #FFF;
    min-height: 350px;
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: hidden;
    /* border-radius: 5px; */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.customYonoFundTransferRightlisting75Percentpaneldiv {
    float: right;
    width: 75%;
    margin-top: 10px;
    /*border-left: 1px solid #CCCCCC;*/
    border-right: 1px solid #CCCCCC;
    background-color: #fff;
    min-height: 340px;
    /* height: auto; */
    overflow-y: scroll;
	overflow-x: hidden;
    max-height: 340px;
}

.customYonoFundTransferMenuRowStyle {
     /* height: 116px !important; */
	height: 88px !important;
	padding-left: 25px;
    padding-top: 30px;
    padding-right: 65px;
    font-weight: bold;
    padding-bottom: 30px;
    text-align: left;
    width: 100%;
    background-color: #F3F3F3;
    /* margin-top: -12px; */
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    border-bottom: 2px solid #ffffff;
}

/*****END: MvM CSS FOR FUND TRANSFER******/

/*****Start: MvM CSS FOR CASA REopen Isuues15-May-2020******/
.customYonoCASAUATFeaturesText1 {
    font-weight: bold !important;
    padding-left: 23px !important;
    font-size: 15px !important;
    margin-top: 5px;
    font-family: sans-serif !important;
    margin-left: 10px !important;
}

.customYonoCASAUATFeaturesText2 {
    font-weight: bold !important;
    padding-left: 5px !important;
    font-size: 15px !important;
    margin-top: 5px;
    font-family: sans-serif !important;
    margin-left: 10px !important;
}

.customYonoCASAAccOpenInputTextHeading {
    color: #262a2c82;
    font-size: 16px;
    margin-left: 60px;
    text-decoration: none;
    font-family: sans-serif !important;
    text-align: left;
    width: 100%;
    line-height: 1.2;
    height: 62% !important;
    font-weight: bold;
}
.customYonoCASAAccOpenInputTextBox {
    float: left;
    height: 20px !important;
    margin-left: 30px !important;
}

.customYonoCASAAOPAccountPurposeAmount {
    width: 150% !important;
    margin-left: 5%;
    position: relative;
    top: 0px;
}




.customYonoAOPCASADCFeaturesText {
    font-size: 20px !important;
    font-weight: bold;
    width: 560px !important;
    /* top: 98%; */
    font-family: sans-serif;
    /* word-break: unset; */
    float: left;
    margin-top: 0px;
    /* margin-left: -100px; */
    margin-left: -150px;
    /* margin-right: 100px; */
}

.customYonoCASAAccOpenDCCheckboxText {
    font-size: 20px !important;
    font-weight: bold;
    font-family: sans-serif;
    margin-top: -95px;
}
/*****End: MvM CSS FOR CASA REopen Isuues15-May-2020******/
.CustomYonoUPLOADandREMOVEMailFormbtn {
    border-radius: 40px;
    width: auto;
    position: relative;
    vertical-align: middle;
    height: 41px;
    padding: 5px 60px;
    /* padding-top: 5px; */
    top: 17px;
    padding-right: 35px;
    padding-bottom: 5px;
    font-weight: bold;
    padding-left: 40px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    /* float: left; */
    /* text-decoration-line: initial !important; */
}

.customYonoCOMPOSEmailContainerbackground {
    /* border-left: 0px solid; */
    /* border-right: 1px solid; */
    /* border-bottom: 1px solid; */
    border-radius: 5px;
    /* border-top: 1px solid; */
    width: 100%;
    /* height: auto; */
    height: 436px;
    float: left;
    margin-bottom: 50px;
    background: white;
}

/* .customYonoCOMPOSEMailTextBody {
    background: url(../images/composetextarea_gradient1.png) repeat-x scroll 0 0 transparent;
    clear: both;
    float: left;
    background-color: #0000000a;
    font: 0.69em Arial,Helvetica,sans-serif;
    height: 330px;
    margin-left: -20px;
    margin-top: 40px;
    padding-left: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%;
} */
.customYonoCOMPOSEMailTextBody {
    background: url(../images/composetextarea_gradient1.png) repeat-x scroll 0 0 transparent;
    /* border: 1px solid #CCCCCC; */
    clear: both;
    float: left;
    background-color: #0000000a;
    font: 0.69em Arial,Helvetica,sans-serif;
    height: 300px;
    margin-left: -20px;
    margin-top: 40px;
    padding-left: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%;
}

.customYonoPEDOtpCaptureBtnButton1 {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 5px;
    height: 40px;
    position: absolute;
    top: 260px;
    margin-left: -55px;
    float: none;
    font-weight: bold;
    margin-top: 0px;
}


.CustomYonoPreLoginquerytextright_stage3 {
    clear: right;
    display: block;
    /* margin-right: 5px !important; */
    overflow: hidden;
    padding-bottom: 2px;
     left: -405px; /*uncommented by pallabi 2px */
    right: 108px;
    top: 61px; /*changed by pallabi -15px */
    position: relative;
    padding-left: 2px;
    padding-top: 2px;
}

.CustomYonoPreLoginFirstStyle {
    margin-top: -10px;
}

.CustomYonoPreLoginforgot-password-btn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    top: 50px;
    position: relative;
    margin-left: 44.6%;
}

.CustomYonoPreLoginforgot-password-userid-container {
    text-align: center;
    font-size: 17px;
    top: 20px;
    position: relative;
    color: black;
    margin-top: 3%;
    font-family: sans-serif !important;
    padding-bottom: 15px;
}
<%------NARENDRA-----%>
.CustomYonoPreLoginforgot-password-userid-container-new {
    text-align: center;
    font-size: 17px;
    top: 20px;
    position: relative;
    color: black;
    margin-top: 3%;
    font-family: sans-serif !important;
    padding-bottom: 15px;
}

.CustomYonoPreLoginforgot-password-userid-container-new-line {
           
    margin-left: 0.3%;    
}

.CustomYonoPreLoginforgot-password-userid-container-new {
    text-align: center;
    font-size: 17px;
    top: 20px;
    position: relative;
    color: black;
    margin-top: 3%;
    font-family: sans-serif !important;
    padding-bottom: 15px;
}

.CustomYonoMailremove1linkstyle {

	margin-left: 14px;
    margin-top: 30px;
    border: none;
    text-decoration: none;
    background: transparent;
    color: #0278BA;
    font-size: 0.69em;
    float: left !important;
    padding-left: 6px;
    /* padding-top: 23px; */
    padding-right: 6px;
    padding-bottom: 5px;
}



.customYonoSelectallOpt {
    cursor: pointer;
    position: absolute;
    top: 110px;
    z-index: 100;
    width: 25px;
}



/* .cleditorMain iframe {
    border: none;
    margin: 0;
    height: 270px !important;
    padding: 0;
} */
.cleditorMain iframe {
    border: none;
    margin: 0;
    height: 270px !important;
    padding: 0;
}

/* .cleditorMain {
    border: none !important;
    padding: 0px 1px 1px;
    height: 300px !important;
    background-color: #F3F3F3 !important;
    overflow-y: scroll;
} */

.cleditorMain {
    border: 0px solid #F3F3F3 !important;
    padding: 0px 1px 1px !important;
    height: 300px !important;
    background-color: #F3F3F3 !important;
    /* overflow: overlay; */
    overflow-y: scroll;
}

.customMailbodyStyle {
    /* font-family: sans-sarif; */
    white-space: nowrap;
    display: flow-root;
    -webkit-box-orient: horizontal !important;
    -webkit-line-clamp: 1 !important;
    /* display: inline-block; */
    /* padding-left: 20px !important; */
    line-height: 50px;
    text-align: left !important;
    width: 100%;
    /* margin: -86px; */
    padding-left: 20px;
    overflow: hidden;
    vertical-align: middle;
    /* -webkit-line-clamp: 3; */
    /* -webkit-box-orient: vertical; */
    text-overflow: ellipsis;
    width: 320px !important;
    word-break: normal;
    max-height: 50px;
    position: relative;
}

.Mailsrightpanel_text {
    /* position: absolute; */
    float: left;
    position: relative;
    font-family: sans-serif !important;
    font-size: 12px;
    top: 95px;
    color: #262A2C;
    font-weight: bold !important;
    left: 30px;
    line-height: 19px;
    padding-right: 5px;
    font-weight: normal;
    width: 65px;
}

.Mailslink_attach {
    /* position: sticky; */
    font-size: 20px;
    color: #0278BA;
    left: 45px;
    font-family: sans-serif !important;
   /*  top: 126px; */
   top:94px;
    position: relative;
    margin-left: 2px !important;
    /* word-wrap: break-word; */
    /* width: 70%; */
    margin-right: 15px;
}
.txtfield_fl {
    font-size: 0.7em;
    text-decoration: none;
    margin: 1px 2px 1px 0px;
    vertical-align: middle;
    OUTLINE: none;
}

.customYonoMailsBackIcon {
    font-size: 30px;
    position: relative;
    top: -7px;
    cursor: pointer;
    text-decoration: none !important;
    color: #ffffffc4;
}
.CustomYonoCOMPOSEMailDisabledSendBtn {
    border-radius: 40px;
    width: 130px;
    top: -70px;
    font-weight: bold;
    height: 40px;
    padding-top: 5px;
    padding-right: 20px;
    position: relative;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin-left: -130px;
    color: #000000 !important;
    cursor: not-allowed !important;
    background: #F3F3F3;
    border: 1 solid #333;
    text-decoration-line: initial !important;
}
.CustomYonoCOMPOSEMailEnabledSendBtn {
    border-radius: 40px;
    width: 130px;
    position: relative;
    top: -69px;
    font-weight: bold;
    vertical-align: middle;
    height: 40px;
    padding: 3px 57px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin: 0;
    margin-left: -130px;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoAuthQNApageLeftContainer1 {
    clear: both;
    margin: 0;
    padding: 67px 36px 0px 36px;
    background-color: #ffffff;
    background: linear-gradient(45deg, #9F1C5D, #281172);
    margin-left: 5%;
    margin-right: 5%;
    height: 868px;
}
.CustomYonoQnaSection1 {
    background: #ffffff;
    width: 99%;
    margin-top: 1%;
    margin-bottom: 1%;
    border-radius: 10px;
    padding: 18px 0px 54px 56px;
}
.CustomYonoFormbtnauth {
    border-radius: 40px;
    width: 92px;
    vertical-align: middle;
    height: 37px;
    padding: 5px 60px;
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 12px;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}
.CustomYonoQNANextButtonStyle1 {
    bottom: -5px;
    position: relative;
    /* margin-left: -48px; */
    /* margin-right: -10px; */
    /* left: -11px; */
    right: 97px;
    margin-top: 30px;
    font-family: sans-serif !important;
    font-weight: bold;
}
#main{
   padding-bottom: 0 !important;
}

/************ADDED BY VENU FOR PERSONILIZE LIMITS ISSUES FOR UAT**************/


.customYonoPersonilizeLimitsEndDateTextBox_Calender {
    margin-bottom: 20px !important;
    width: 20px;
    cursor: pointer;
    height: 20px;
    margin-left: 545px;
    margin-top: -38px;
    /* padding: 0 !important; */
}

.customYonoPersonilizeLimitsStartDateTextBox_Calender {
    margin-bottom: 20px !important;
    width: 20px;
    cursor: pointer;
    height: 20px;
    margin-left: -20px;
    margin-top: 63px;
    /* padding: 0 !important; */
}

.customYonoPersonilizeLimitsStartDateTextBox {
    float: left;
    height: 15px !important;
    margin-top: 65px !important;
    font-size: 12px !important;
    width: 39% !important;
    margin-left: -260px !important;
}

.customYonoPersonilizeLimitsEndDateTextBox {
    float: left;
    height: 15px !important;
    margin-top: -25px !important;
    font-size: 12px !important;
    width: 39% !important;
    margin-left: 305px !important;
}


.customYonoPersonilizeLimitsSearchIcon {
    font-size: 25px;
    color: #B90000;
    cursor: pointer;
    top: -45px;
    left: 215px;
    position: relative;
    margin-left: 56%;
    padding-top: -4px !important;
    /* margin-top: 51px !important; */
    vertical-align: middle;
}

.error_highlight {
    /* font-size: 0.8em; */
    font-size: 0.69em;
    color: #ff0000;
    top: -20px !important;
    position: relative !important;
    /* margin-top: 4px; */
    text-decoration: none;
    margin-left: 305px !important;
}


.customYonoPersonilizeLimitAmountValue {
    float: left;
    width: 40% !important;
   /*  top: 50px;
    left: -245px; */
    position: relative;
    height: 1.3rem !important;
    font-size: 12px !important;
}


.customYonoPersonilizeLimitsStrtnEndDatesHeading {
    color: #999999;
    font-size: 12px;
    line-height: 25px;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    margin-top: 10px;
}


.CustomYonoViewPersonilizeLimitStrtDate {
    width: 100%;
    /* margin-top: 0px !important; */
    top: 60px;
    color: grey;
    font-size: 12px;
    position: relative;
	left: -262px;
}


.CustomYonoViewPersonilizeLimitEndDate {
    margin-left: 245px;
    /* margin-top: -23px; */
    font-size: 12px;
    position: relative;
    color: grey;
    top: 60px;
	left: -262px;
}

.customYonoPersonilizeLimitReqConfirmAuthText {
    font-size: 16px;
    color: black;
    font-weight: bold;
    margin-left: 460px;
    font-family: sans-serif !important;
}

.customYonoPersonalizeLimitsReqConfirmListSection {
    float: left;
    margin-left: 100px;
    width: 100%;
    height: 200px !important;
    /* max-height: 300px; */
    /* background-color: #ffff; */
    margin-top: 15px;
    /* min-height: 250px; */
    border-radius: 5px !important;
}

/* .customYonoPersonalizeLimitsSetUPFinalCloseBtn {
    top: -18px !important;
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 35px !important;
    padding: 10px 45px;
    font-size: 15px;
    font-family: sans-serif !important;
    color: #ffffff !important;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    text-decoration: none !important;
} */
.customYonoPersonalizeLimitsSetUPFinalCloseBtn {
    top: -18px !important;
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 35px !important;
    padding: 10px 35px;
    margin-left: 45px;
    font-size: 15px;
    font-family: sans-serif !important;
    color: #ffffff !important;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    text-decoration: none !important;
}


/************END PERSONILIZE ISSUE FOR UAT*************/
.customYonoFDOTermsAndConditionsFirst1 {
    padding-left: 76px;
}
 
.customYonologinPanelInputDetailsrow1 {
    float: left;
    margin: 10px 0;
    padding-bottom: 0;
    padding-top: 2px;
    width: 95%;
} 

.customYonoMngBnfHeadingbhanewforTOD {
    font-size: 33px;
    text-transform: none;
    color: #ffffff57;
    font-family: sans-serif !important;
    font-weight: Bold;
}

.CustomYonoSIAErrorMessageStyle {
    font-size: 12px;
    text-align: center;
    width: 100%;
    float: left;
    padding-bottom: 20px;   
    font-family: sans-serif;
}

.customYonoRMAppAuthTxt {
    /* margin-top: 16px !important; */
    position: relative;
    top: 20px;
}
.customYonoRMAppAuthTxt .customYonoOtpQueryitalictext {
	display: none;
}

.customYonoAOPCASARequirementText {
    /* font-size: 15px; */
    line-height: 0px;
    font-family: sans-serif !important;
    color: #999999;
    padding: 8px 0px 0px 0px;
}

.customYonoPEDEmailTextStyle {
    font-size: 19px !important;
    text-decoration: none;
    vertical-align: middle;
    float: left;
    height: 33px !important;
    min-width: 237px;
    font-family: sans-serif !important;
    margin-left: 370px !important;
    width: 30% !important;
    margin-top: 45px !important;
}
.CustomRMauthTxtStyle {
    font-size: 16px;
    top: 10px !important;
    position: relative;
    font-weight: bold;
    /* margin-top: 24px !important; */
    font-family: sans-serif;
    margin-left: 270px;
}

.CustomYonoMoneyTrnfrIcon {
    /* position: relative; */
    /* top: 15px; */
    margin-top: 15px;
}

/* .customYonoISAFlowRadioBtn {
    z-index: 1;
    pointer-events: auto !important;
    width: 162px;
    left: 12px;
    height: 179px;
    bottom: 6px;
} */
.customYonoISAFlowRadioBtn {
    z-index: 1;
    pointer-events: auto !important;
    /* width: 162px; */
    /* left: 12px; */
    /* height: 179px; */
    /* bottom: 6px; */
}

/* .CustomYonolablerightSP, .ui-combobox, .ui-combobox-toggle > a {
	color: dodgerblue !important;
	font-weight: bold !important;
	
} */

.customYonoMNGBNFReqTransactionOtpStyle {
    width: 100% !important;
    margin-top: 40px;
}

.customYonoMNGBNFReqTransactionOtpStyle .customYonoOtpQueryitalictext {
	display: none;
}

.customYonoMNGBNFOtpReqConfirmAuthText {
    font-size: 20px;
    color: black;
    font-weight: bold;
    top: 20px;
    position: relative;
    /* margin-top: 15px !important; */
    margin-left: 25px;
    font-family: sans-serif !important;
}

.customYonoMANAGEBNFDetailsHeading {
    font-size: 20px;
    text-transform: none;
    /* margin-top: 33px; */
    top: 10px;
    position: relative;
    font-family: sans-serif !important;
    padding-left: 30px;
    font-weight: bold;
}
.customYonoPEDOtpCaptureBtns {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    position: absolute;
    top: 258px;
    margin-left: -55px;
    float: none;
}

/* .customYonoISAASaveDCInputTextHeading {
    color: grey;
    font-size: 11px;
    float: left;
    margin-left: 0px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
} */
.customYonoISAASaveDCInputTextHeading {
    color: grey;
    font-size: 11px;
    float: left;
    margin-left: 0px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
}


/* .customYonoISAIvestAmtDCInputTextHeading {
    color: grey;
    font-size: 11px;
    float: left;
    margin-left: 5px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
} */

/* .customYonoISAIvestAmtDCInputTextHeading {
    color: grey;
    font-size: 11px;
    float: left;
    margin-left: 5px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
} */

.customYonoISAIvestAmtDCInputTextHeading {
    color: grey;
    font-size: 11px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
}

.customYonoISAIvestAmtDCInputTextHeadinginterest {
    color: grey;
    font-size: 11px;
    float: left;
    margin-left: 1px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
}


/* .CustomRMTSendReceiveStyle {
    font-size: 11px;
    font-family: sans-serif;
    color: grey;    
    left: -415px;
    position: relative;
} */
.CustomRMTSendReceiveStyle {
    font-size: 11px;
    font-family: sans-serif;
    color: grey;
    left: 368px;
    position: absolute;
}

.CustomRMTnewSendReceiveStyle {
    font-size: 11px;
    font-family: sans-serif;
    color: grey;
    left: 368px;
    position: absolute;
}
/* .CustomRMTReceiveSendStyle {
    font-size: 11px;
    color: grey;
    line-break: none !important; 
    top: -15px;
    white-space: nowrap;
    left: -100px;
    font-family: sans-serif;
    position: relative;
} */

.CustomRMTReceiveSendStyle {
    font-size: 11px;
    color: grey;
    line-break: none !important;
    top: 0px;
    white-space: nowrap;
    left: -100px;
    font-family: sans-serif;
    position: relative;
}

.customYonoRMTTxnCurrencyCodeStyle1 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 2.3rem !important;
    padding-top: 15px;
    text-align: left;
    color: #fdfdfd;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 566px;
	/*355px*/
	
}

.customYonoRMTTxnCurrencyCodeStyle2 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 2.3rem !important;
    /* padding-top: 1px; */
    text-align: left;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    top: 231px;
    position: absolute;
    right: 297px;
}


.customYonoFTRMTAmtValue {
    width: 20% !important;
    float: left;
    border: 1px solid #F3F3F3 !important;
    height: 27px !important;
    padding-top: 17px !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
    font-weight: bold;
}


.customYonoFTExchRateAmtValue {
    width: 20% !important;
    float: left;
    border: 1px solid #F3F3F3 !important;
    height: 45px !important;
    padding-left: 5px !important;
    padding-left: 5px !important;
    margin-top: -17px;
    border-radius: 3px !important;
    padding-top: 20px;
    text-align: left;
    font-weight: bold;
}

.customYonoRMTAmountRowStyle {
    float: left;
    margin-right: 1px;
    margin-top: 7px;
    left: 60px;
    text-align: right;
    width: 100%;
}

.customYonoRMTTransferArrowStyle1 {
    float: left;
    padding-left: 10px;
    padding-top: 13px;
    text-align: left;
    font-size: 20px;
    color: #67339175 !important;
}

.customYonoRMTTransferArrowStyle2 {
    float: left;
    padding-left: 10px;
    padding-top: 13px;
    text-align: left;
    font-size: 20px;
    color: #281172b8 !important;
}

.customYonoRMTTransferArrowStyle3 {
    float: left;
    padding-left: 10px;
    padding-top: 13px;
    text-align: left;
    font-size: 20px;
    color: #281172 !important;
}
.customYonoPEDMobileTextBox_brdr .ui-combobox > input {
    width: 60px !important;
    width: 102px !important;
    color: black;
}

.customYonoPEDMobileTextBoxX {
    position: relative;
    top: 20px;
    right: 57px;
    width: 198px !important;
}

.customYonoPEDMobileTextBox_brdr .ui-combobox .ui-combobox-toggle  {
    top: 11px !important;
}
.customYonoTolleFreeIcon12 {
    right: 826px;
    color: #9F1C5D;
    font-size: 24px;
    background-color: #f3f3f3;
    border-radius: 100%;

}


.customYonoForgotPasswordWrapper {
    clear: both;
    background-image: url(../images/yono/yono_background_image.png);
    margin: 0;
    background-color: #ffffff;
    width: 1100px;
    display: flex;
    margin: auto;
    position: relative;
}


.customYonoLoginSubWrapperFP {
    clear: both;
    background-image: url(../images/yono/yono_background_image.png);
    margin: 0;
    background-color: #ffffff;
    width: 1100px;
    display: flex;
    margin: auto;
    position: relative;
    min-height: 700px;
}




.customyonopreloginHeader {
    background-color: #fff;
    min-height: 60px;
    margin: 0;
    width: 1100px;
    margin: auto;
}

.customYonoPreLoginLogoHeading {
    margin-top: 0%;
    padding-top: 18px;
    padding-left: 32px;
}

.customYonoPreLoginSubWrapperTollFree {
    float: left;
    margin-left: 52%;
}

.customNavigationheader {
    padding-top: 53px;
    padding-left: 25px;
}

.customYonopreloginBackIcon {
    font-size: 25px;
    cursor: pointer;
    color: white;
}

.CustomYonoPreloginContainer {
    height: 409px;
    border-radius: 7px;
    background-color: #FFFFFF;
    margin: 60px 85px 59px 63px;
}

.customYonoMailsEmptyTrashButtonStyle2 {
    border-left-width: 0px;
    border-right-width: 0px;
}


/* .customYonoMailIcon {
    color: #B90000;
    font-size: 60px;
    position: relative;
    top: -6px !important;
    padding-left: 5px;
    text-decoration: none !important;
} */

/*.customYonoMailIcon {
    color: #B90000;
    font-size: 60px;
    position: relative;
    top: 9px !important;
    padding-left: 5px;
    text-decoration: none !important;
    float: left !important;
}*/
.customYonoMailIcon {
    color: #B90000;
    /*font-size: 50px;*/
    font-size: 45px;
    position: relative;
    top: 9px !important;
    padding-left: 0px;
    margin-left: -5px;
    text-decoration: none !important;
    float: left !important;
	display: none; /*added by pallabi to remove mail icons */
}


.customYonoMailBox table tbody td {
    /* border-bottom: 1px solid #E0E1E2; */
    border-bottom: 0px;
    float: left;
}


.cleditorGroup:nth-child(2) {
  display: none;
}
.cleditorGroup:nth-child(3) {
  display: none;
}
.cleditorGroup:nth-child(4) {
  display: none;
}
.cleditorGroup:nth-child(6) {
  display: none;
}
.cleditorGroup:nth-child(7) {
  display: none;
}




.customYonopastemssgfade {
    left: 224px;
    position: relative;
    bottom: 23p;
    top: 30px;
	opacity: 0;
	animation: 1s;
}
.customYonopastemssgviss {
    left: 224px;
    position: relative;
    bottom: 23p;
    top: 30px;
	opacity: 1;
	animation: 1s;
}



.customYonoPrelogTextActive {
    color: #0095DA;
    font-weight: bold;
    font-size: 11px;
    border-top: 3px solid #0095DA;
    z-index: 2;
    display: block;
    width: 304px;
    text-align: center;
    margin: 9px 2px 2px 9px;
}
.customYonoPrelogTextInActive {
    color: #999999;
    font-weight: bold;
    font-size: 11px;
    border-top: 3px solid #999999;
    display: block;
    width: 304px;
    text-align: center;
    margin: 9px 2px 2px 9px;
}
.customyonoRowtabBttn {
    display: flex;
}

form[name="LoginAltFlowFG"] {
	background: #c0c0c0;
}

.CustomYonoPreLogincaptcha {
    right: 11px;
    left: 3;
    position: relative;
}

.CustomYonoPreLoginFPRHeading {
    text-align: center;
    font-size: 17px;
    top: 10px;
    position: relative;
    color: black;
    margin-top: 3%;
    font-family: sans-serif !important;
    padding-bottom: 15px;
}


.customYonoPreLoginForgotPasswordOtpBox {
    height: 45px !important;
    width: 45px !important;
    font-size: 25px !important;
    text-align: center;
    border-bottom: 1px solid #999999;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
}

input[type="submit"][disabled] {
	background-color: #f3f3f3 ;
}

.customYonoLoginSubWrapperSection1 {
    position: absolute;
    left: 64px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1;
    background: #eee9e9;
    top: 114px;
    width: 319px;
    /* border: 2px solid; */
    padding: 82px 30px 198px 24px;
}

.customYonoLoginSubWrapperSection12 {
    position: relative;
    right: 701px;
    top: 151px;
    width: 574px;
}

.customYonoSetPassTxtf {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

/*********** START: Bill Payments Styles *********************/
.container-xtrasmall{
	display: none;
}
.customYonoBillPayText {
	color: #000000;
	font-size: 16px;
	font-weight: bolder;
	float: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 49px;
}
.customSYonoBillPayImgSelectors1 {
	min-height: 16px;
	/* height: 22px !important; */
	width: 377px;
	padding-left: -11%;
	padding-top: 9%;
	text-align: center !important;
	background-color: #f3f3f3;
	margin-left: 48%;
	border-radius: 3px;
	position: realtive;
	padding-bottom: 8px;
}
.customSYonoBillPayImgSelectors2 {
	min-height: 16px;
	/* height: 22px !important; */
	width: 377px;
	padding-left: -11%;
	padding-top: 9%;
	text-align: center !important;
	background-color: #f3f3f3;
	margin-left: 3%;
	border-radius: 3px;
	position: realtive;
	padding-bottom: 8px;
}
.customYonoSvRadio {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.customYonoSvRadio+.customSYonoBillPayImgSelectors1 {
	cursor: pointer;
}
.customYonoSvRadio:checked+.customSYonoBillPayImgSelectors1 {
	background-color: #0095DA;
}
.customYonoSvRadio+.customSYonoBillPayImgSelectors2 {
	cursor: pointer;
}
.customYonoSvRadio:checked+.customSYonoBillPayImgSelectors2 {
	background-color: #0095DA;
}
/*.customYonoSutext21 {
	color: Black;
	font-size: 13px;
	font-weight: bold;
	margin-top: -33px;
} */
.customYonoBillPayTxt12 {
	color: Black;
	font-size: 13px;
	font-weight: bolder;
	margin-top: -21px;
}
/* BillPay Radio Button */
.customYonoBillPayLinkView {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 42px;
	padding: 5px 60px;
	padding-top: 12px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 27px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin-right: 4%;
	color: #0095DA !important;
	cursor: pointer;
	float: right;
	border: 1px solid #0095DA;
	text-decoration-line: initial !important;
	background-color: #ffff;
}
.customYonoBillPayLinkView:focus {
	outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoBillTableHeader {
	text-align: center !important;
}
.customYonoBillName {
	float: left;
	font-size: 12px;
	font-weight: Bold;
	color: #000;
	padding-left: 10px;
	width: 100%;
}
.customYonoBillTdText {
	float: left;
	font-size: 12px;
	/* font-weight: Bold; */
	color: #000;
	padding-left: 54px;
	width: 100%;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 12px;
}

.customYonoBillPayRecentPmntTableDet .customYonoBillTdText {
    float: left;
    font-size: 12px;
    /* font-weight: Bold; */
    color: #000;
    padding-left: 123px;
    width: 100%;
    text-align: left;
    padding-top: 13px;
    padding-bottom: 12px;
}

.customYonoBillPayBox {
	border-radius: 3px;
	margin-left: 10px;
	width: 100%;
	float: left;
	height: auto;
	border: 0px !important;
}
.customYonoBillPayAmount {
	float: left;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	width: 100%;
	font-weight: bold;
}
.customYonoBillPayDate {
	float: left;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	width: 100%;
}
.customYonoBillPaySection {
	background-color: #ffffff;
    border-radius: 5px;
    min-height: 400px;
    height: auto;
    margin: 0px 5px;
	padding: 10px 0px;
    /*overflow-x: hidden;
    overflow-y: scroll;*/
}
.customYonoBillPayments {
	background-color: #FFFFFF;
	width: 65px;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-bottom: 25px;
	margin-left: 1%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.customYonoBillPayments1 {
	background-color: #FFFFFF;
	width: 65px;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-bottom: 25px;
	margin-left: 3%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.customYonoBillPayments2 {
	background-color: #FFFFFF;
	width: 65px;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-bottom: 25px;
	margin-left: 3%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.customYonoBillPaymentsForArrow {
	background-color: #F3F3F3;
	width: auto;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-right: 30px;
	padding-bottom: 5px;
	cursor: pointer;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.customYonoBillPayName {
	float: left;
	font-size: 16px;
	font-weight: Bold;
	color: #000;
	padding-left: 21px;
	width: 100%;
	padding-top: 29px;
}
.customYonoBillPayBank {
	float: left;
	font-size: 12px;
	color: #999999;
	padding-left: 21px;
	width: 100%;
	padding-bottom: 28px;
	/* border-bottom: 1px solid #ffff !important; */
}
.customYonoMngBillerBox {
	background-color: #F3F3F3;
	border-radius: 3px;
	margin-left: 0px;
	width: 100%;
	/* max-width: 500px; */
	float: left;
	height: auto;
	border: 0px !important;
}

/*Manage Biller Styles*/
.customYonoLeftBillPaylisting {
	float: left;
	width: 40%;
	/*border-left: 1px solid #CCCCCC;*/
	/* border-right: 1px solid #CCCCCC; */
	/*  border-bottom: 1px solid #CCCCCC; */
	background-color: #F3F3F3;
	min-height: 300px;
	height: auto;
	max-height: 300px;
	/*  overflow: scroll; */
	overflow-y: scroll;
	overflow-x: hidden;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.customYonoRightBillPaylisting {
	float: right;
	width: 63%;
	/*border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;*/
	/* border-bottom: 1px solid #CCCCCC; */
	background-color: #fff;
	min-height: 300px;
	height: auto;
	max-height: 300px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.customYonoBillPayHeading {
	font-size: 24px;
	text-transform: none;
	padding-left: 30px;
	font-weight: bold;
}
.customYonoPayBillBtn {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 42px;
	padding: 5px 60px;
	padding-top: 8px;
	padding-right: 45px;
	padding-bottom: 5px;
	padding-left: 44px;
	font-size: 12px;
	font-family: sans-serif !important;
	margin-right: 136px;
	color: #0095daeb !important;
	cursor: pointer;
	float: right;
	border: 1.5px solid #0095DA;
	text-transform: uppercase;
	text-decoration-line: initial !important;
	margin-top: 51px;
	font-weight: 700;
	background-color: #ffff;
}
.customYonoPayBillBtn:focus {
	outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoBillPayRow {
	float: left;
	margin: 2px 0;
	width: 80%;
	position: relative;
	top: 9px;
}
.customYonoBillPayColumn {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	text-align: left;
	margin-left: 2%;
	width: 21%;
}
.customYonoBillPayTxtVal {
	font-size: 16px;
	color: #000000;
	line-height: 2;
}
.customYonoPayBillRightAlign {
	text-align: left !important;
	/* float: none !important; */
	float: left;
	padding-right: 10px;
	min-width: 200px;
}
/*.customYonoPayBillDeleteLink {
	margin-right: 40px;
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 42px;
	padding: 5px 60px;
	padding-top: 11px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 39px;
	font-size: 12px;
	font-family: sans-serif !important;
	margin: 0;
	color: #B90000 !important;
	cursor: pointer;
	float: right;
	border: 1.5px solid #B90000;
	text-decoration-line: initial !important;
	margin-top: 50px;
	font-weight: 700;
}*/
.customYonoPayBillDeleteLink {
    margin-right: 40px;
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 14px 35px;
    font-size: 12px;
    margin: 0;
    color: #B90000;
    cursor: pointer;
    border: 1px solid #B90000;
    text-decoration-line: initial !important;
    font-weight: bold;
}
/*.customYonoBillPayBox {
	background-color: #F3F3F3;
	border-radius: 3px;
	margin-left: 10px;
	width: 100%;
	
	float: left;
	height: auto;
	border-bottom: 2px solid #fffff !important;
	
} */
.customoYonoBillPayMenuRow {
	height: 116.66px !important;
	padding-left: 25px;
	padding-top: 47px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	width: 100%;
	background-color: #F3F3F3;
	margin-top: -12px;
	cursor: pointer;
	border-bottom: 2px solid #ffff;
}
.customYonoViewALLRow {
	/*float: left;
	margin: 2px 0;*/
	width: 100%;
	position: relative;
	/*top: 9px;
	padding-top: 10px; */
}
/* .customYonoBillerDate {
	float: left;
	margin-top: -2%;
	text-align: left;
	margin-left: 18% !important;
	width: 32% !important;
} */

.customYonoBillerDate {
	float: left;
	margin-top: -2%;
	text-align: left;
	margin-left: 18% !important;
	width: 30% !important;
}

/* .customYonoBillerDate1 {
	float: left;
	margin-top: -2%;
	text-align: left;
	width: 32% !important;
} */

.customYonoBillerDate1 {
	float: left;
	margin-top: -2%;
	text-align: left;
	/*margin-left: 6% !important;*/
	width: 30% !important;
}

.customYonoDownload {
	float: left;
	margin-top: 2%;
	text-align: left;
	margin-left: -4% !important;
	width: 7% !important;
	color: #9F1C5D;
}
/* .CustomYonoBillerDatetextbox {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	width: 248px !important;
	margin-top: 5px;
	vertical-align: middle;
	border: 0px;
	background-color: transparent;
	height: 24px;
} */
/* .CustomYonoBillerDatetextbox {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	width: 260px !important;
	margin-top: 5px;
	vertical-align: middle;
	border: 0px;
	background-color: transparent;
	height: 24px;
} */
.CustomYonoBillerDatetextbox {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	width: 260px !important;
	margin-top: 5px;
	vertical-align: middle;
	border: 0px;
	background-color: transparent;
	height: 24px;
}

.customYonoQuickPaymentsArrowIcon:hover {
	text-decoration: none !important;
}
.customYonoBillerColumnsearchIcon {
	float: right;
	text-align: left;
	width: 21%;
	margin-left: -7%;
}
.customYonoBillerRegSearchBox {
	width: 64% !important;
	height: 15px !important;
	margin-left: 18% !important;
	padding-bottom: 5px !important;
}
.Customcheckboxmargin {
	margin-right: 1.9%;
	margin-top: 3px;
	position: relative !important;
	opacity: 1 !important;
}
.customYonoMngBillerHeading {
	font-size: 45px;
	text-transform: none;
	color: #ffffff60;
	font-weight: bold;
}
.customYonoBillerDefaultLink {
	float: right;
	margin-right: 8px;
}
/*.CustomYonoBillerbtn {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 40px;
	padding: 5px 60px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
	float: right;
	margin-right: 8px;
}*/
.CustomYonoBillerbtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 12px 24px;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
    text-decoration-line: initial !important;
    -webkit-font-smoothing: antialiased;
}
.customYonoMngBillerLeftdiv {
	float: left;
	width: 37%;
	border-left: 1px solid #CCCCCC;
	/* border-right: 1px solid #CCCCCC; */
	/*  border-bottom: 1px solid #CCCCCC; */
	background-color: #F3F3F3;
	min-height: 400px;
	height: auto;
	max-height: 400px;
	/*  overflow: scroll; */
	overflow-y: scroll;
	overflow-x: hidden;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.customYonoMngBillerValue {
	font-size: 16px;
	text-transform: capitalize;
	/*padding-left: 30px;*/
	color: #000;
	padding-top: 3px;
	font-weight: 100;
}
.customYonoMngBillerrtHeading {
	text-transform: none;
	/*padding-left: 30px;*/
	font-size: 12px;
	color: #999999;
	padding-top: 5px;
	font-family: sans-serif;
	font-weight: 100;
}
.customYonoMngBillerSearchBox {
	width: 82% !important;
	height: 15px !important;
	margin-left: 8% !important;
}
.customYonoMngBillerListsearchIcon {
	/* float: right; */
	/* text-align: left; */
	width: 14%;
	/* margin-left: 10px; */
	/* float: left; */
}
.customYonoMngBillSearchIcon {
	font-size: 15px;
	color: #B90000;
	cursor: pointer;
	/* float: right; */
}
.customYonoMngBillRowStyle {
	border-bottom: 1px solid #fff !important;
}
.customYonoMngBillDetailsHeading {
	font-size: 21px;
	text-transform: none;
	padding-left: 30px;
	font-weight: bold;
}
.customYonoDirectDebitbtn {
    /* margin-right: 40px; */
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 42px;
    padding: 14px 35px;
    /* padding-top: 12px; */
    /* padding-right: 20px; */
    /* padding-bottom: 5px; */
    /* padding-left: 20px; */
    font-size: 12px;
    font-family: sans-serif !important;
    /* margin: 0; */
    color: #B90000 !important;
    cursor: pointer;
    /* float: right; */
    border: 1px solid #B90000;
    text-decoration-line: initial !important;
    /* margin-top: 70%; */
    font-weight: bold;
}
.customYonoDDLeftAlign {
	float: left;
	text-align: left;
	min-width: 173px;
}
.customYonoDDNote {
	text-transform: none;
	padding-left: 0px;
	font-size: 13px;
	color: #999999;
	padding-top: 5px;
}
.CustomYonoDDModalText1 {
	color: #333333;
	line-height: normal;
	padding-left: 26px;
	/* text-align: center !important; */
	text-transform: none !important;
	font-size: 12px;
}
.CustomYonoDDModalText2 {
	color: #333333;
	line-height: normal;
	padding-left: 25px;
	/* text-align: center !important; */
	text-transform: none !important;
	font-size: 12px;
}
.CustomYonoDDModalText3 {
	color: #333333;
	line-height: normal;
	padding-left: 25px;
	/* text-align: center !important; */
	text-transform: none !important;
	font-size: 12px;
}
.CustomYonoDDModalText4 {
	color: #333333;
	line-height: normal;
	padding-left: 25px;
	/* text-align: center !important; */
	text-transform: none !important;
	font-size: 12px;
}
.CustomYonoDDModalbtn {
	border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 12px 35px;
    font-size: 12px;
    margin: 0;
    background-color: #ffffff;
    cursor: pointer;
    text-decoration-line: initial !important;
    border: 1px solid #0095DA;
    color: #0095DA;
    font-weight: bold;
}
.customYonoMngDDModalLink {
	float: left;
	margin-right: 35px;
	margin-bottom: -20px;
	text-transform: uppercase;
}
.CustomYonoDDModalbtn2 {
	border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 12px 35px;
    font-size: 12px;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
    font-weight: bold;
}
.customYonoMngDDModalLink2 {
	float: right;
	margin-right: 10px;
	margin-bottom: -20px;
	margin-left: 15px;
	text-transform: uppercase;
}
.customYonoBillerHelpIcon {
	color: #B90000;
	font-size: 50px;
	margin-left: 205%;
	/* float: right; */
	height: 42px;
}
.customYonoMngDeleteBillerModalLink {
	float: left !important;
	margin-right: 15px !important;
	margin-bottom: -20px !important;
	background-color: #ffff !important;
	text-transform: uppercase;
}
.CustomYonoDeleteBillerModalbtn {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 42px;
	padding: 5px 60px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
	border: 1px solid #0095DA;
	color: #0095DA !important;
	margin-top: -4%;
	font-weight: bold;
}
.customYonoMngDeleteBillerModalLink2 {
	float: right !important;
	margin-right: 28px !important;
	margin-bottom: -32px !important;
	margin-left: 15px !important;
	text-transform: uppercase;
}
.CustomYonoDeleteBillerModalbtn2 {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 42px;
	padding: 5px 60px;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
	margin-top: -4%;
	font-weight: bold;
}
.customYonoMngBillerHeaderValue {
	font-size: 23px;
	text-transform: none;
	padding-left: 30px;
	color: #000;
	padding-top: 3px;
	font-weight: bold;
}
.customYonoAddBillerSection {
	background-color: #ffffff;
    margin: 5px;
    width: auto;
    border-radius: 5px;
    padding: 0 15px;
    min-height: 460px;
    /* max-height: 500px; */
    height: auto;
}
.customYonoAddBillerBackIcon {
	font-size: 25px;
	margin-left: 6%;
	color: #ffff;
}
.customYonoAddBillerHeading {
	font-size: 45px;
	text-transform: none;
	color: #ffffff91;
	font-weight: bolder;
	margin-left: 0%;
}
.customAddBillerRow {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	top: 9px;
	padding-top: 10px;
}
.customAddBillerRow1 {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	/* padding-top: 10px; */
	margin-top: 8%;
}
.customAddBillerRow2 {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	/* padding-top: 10px; */
	margin-top: 6%;
}
.customAddBillerRow3 {
	float: left;
	margin: 2px 0;
	width: 100%;
	position: relative;
	/* padding-top: 10px; */
	margin-top: 9%;
}
.customYonoAddBillerColumn {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	/* text-align: right; */
	width: 65%;
	margin-left: 19%;
}
.customYonoAddBillerText {
	margin-top: -10%;
	font-size: 12px !important;
}
.customYonoAddBillerAccNum {
	float: left;
	/* margin-right: 5px; */
	margin-top: 7px;
	/*text-align: left; */
	margin-left: 18% !important;
	width: 32% !important;
}
.customYonoConfirmAccNum {
	float: left;
	margin-top: 7px;
	text-align: left;
	margin-left: 3% !important;
	width: 32% !important;
}
.customYonoAddBillerAccText {
	margin-top: -6%;
	font-size: 12px !important;
}
/*.customYonoAddBillerColumnsearchIcon {
	float: left;
	margin-top: 4%;
}*/
.customYonoAddBillerColumnsearchIcon {
    float: left;
    /* margin-top: 4%; */
    position: relative;
    left: -32px;
    top: 32px;
}
.customYonoPaymentReferenceCol {
	float: left;
	margin-top: 7px;
	text-align: left;
	margin-left: 1% !important;
	width: 32% !important;
}
.customYonoAddBillerCap {
	font-size: 13px;
	color: #999999;
}
.customYonoAddBillerNextButton {
	margin-top: 8% !important;
	text-transform: uppercase;
	margin-left: 42% !important;
}
/*.CustomYonoFormbtnAddBiller {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 42px;
	padding: 5px 60px;
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 5px;
	padding-left: 35px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin: 0;
	color: #ffffff !important;
	cursor: pointer;
	background: linear-gradient(135deg, #281172, #0095DA);
	border: 0 solid #333;
	float: left;
	text-decoration-line: initial !important;
}*/
.CustomYonoFormbtnAddBiller {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    text-transform: uppercase;
    text-decoration-line: initial !important;
}
.CustomYonoFormbtnAddBiller:focus {
	outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoDeleteOTPSection {
	background-color: #ffff;
	margin: 2% 6% 0;
	width: 90%;
	border-radius: 5px;
	padding: 0 15px;
	min-height: 400px;
	max-height: 400px;
	height: auto;
}
.customYonoDeleteOTPHeading {
	color: #262a2c;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	width: 100%;
	float: left;
	padding-bottom: 13px;
	font-size: 14px;
	font-weight: bold;
}
.customYonoDeleteOTPCol {
	padding-right: 1px;
	padding-left: 1px;
	width: 35%;
	float: left;
	clear: left;
	text-align: right;
	padding-bottom: 1px;
	padding-top: 7px;
	font-weight: normal;
	margin-left: -18%;
}
.customYonoAddBillerSubmitButton {
	margin-top: 7% !important;
	text-transform: uppercase;
	margin-left: 42% !important;
	margin-bottom: -2%;
}
.customYonoDeleteBillerModalTxt {
	color: #B90000;
	font-size: 16px;
	padding-left: 133px;
	font-weight: bolder;
	text-transform: none !important;
}
/*.customYonoSRDirectBillerSection {
	background-color: #ffff;
	margin: 1% 6% 0;
	width: 76%;
	border-radius: 5px;
	padding: 0 15px;
	min-height: 400px;
	max-height: 400px;
	height: auto;
}*/
.customYonoSRDirectBillerSection {
    background-color: #ffff;
    margin: 10px;
    width: auto;
    border-radius: 5px;
    padding: 10px 50px;
    min-height: 400px;
    max-height: 400px;
    height: auto;
}
/*Manage Biller Styles*/

/*Bill Payments Styles */
.customYonoBillPayText {
	color: #000000;
	font-size: 16px;
	font-weight: bolder;
	float: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 49px;
}
/* BillPay Radio Button */
.customSYonoBillPayImgSelectors1 {
	min-height: 16px;
	/* height: 22px !important; */
	width: 377px;
	padding-left: -11%;
	padding-top: 9%;
	text-align: center !important;
	background-color: #f3f3f3;
	margin-left: 48%;
	border-radius: 3px;
	position: realtive;
	padding-bottom: 8px;
}
.customSYonoBillPayImgSelectors2 {
	min-height: 16px;
	/* height: 22px !important; */
	width: 377px;
	padding-left: -11%;
	padding-top: 9%;
	text-align: center !important;
	background-color: #f3f3f3;
	margin-left: 3%;
	border-radius: 3px;
	position: realtive;
	padding-bottom: 8px;
}
.customYonoSvRadio {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.customYonoSvRadio+.customSYonoBillPayImgSelectors1 {
	cursor: pointer;
}
.customYonoSvRadio:checked+.customSYonoBillPayImgSelectors1 {
	background-color: #0095DA;
}
.customYonoSvRadio+.customSYonoBillPayImgSelectors2 {
	cursor: pointer;
}
.customYonoSvRadio:checked+.customSYonoBillPayImgSelectors2 {
	background-color: #0095DA;
}
/*.customYonoSutext21 {
	color: Black;
	font-size: 13px;
	font-weight: bold;
	margin-top: -33px;
} */
.customYonoBillPayTxt12 {
	color: Black;
	font-size: 13px;
	font-weight: bolder;
	margin-top: -21px;
}

/* BillPay Radio Button */
.customYonoBillPayLinkView {
	border-radius: 40px;
	width: auto;
	vertical-align: middle;
	height: 42px;
	padding: 5px 60px;
	padding-top: 12px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 27px;
	font-size: 12px;
	font-family: Roboto-Light !important;
	margin-right: 4%;
	color: #0095DA !important;
	cursor: pointer;
	float: right;
	border: 1px solid #0095DA;
	text-decoration-line: initial !important;
	background-color: #ffff;
}
.customYonoBillPayLinkView:focus {
	outline: -webkit-focus-ring-color auto 0px !important;
}

.customYonoBillTableHeader {
	text-align: center !important;
}

.customYonoBillName {
	float: left;
	font-size: 12px;
	font-weight: Bold;
	color: #000;
	padding-left: 10px;
	width: 100%;
}



.customYonoBillPayBox {
	border-radius: 3px;
	margin-left: 10px;
	width: 100%;
	float: left;
	height: auto;
	border: 0px !important;
}

.customYonoBillPayAmount {
	float: left;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	width: 100%;
	font-weight: bold;
}

.customYonoBillPayDate {
	float: left;
	font-size: 12px;
	color: #000000;
	padding-left: 10px;
	width: 100%;
}
/*.customYonoBillPaySection {
	background-color: white;
	border-radius: 5px;
	min-height: 400px;
	height: auto;
	width: 95%;
	margin-left: 1%;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
}*/
.customYonoBillPayments {
	background-color: #FFFFFF;
	width: 65px;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-bottom: 25px;
	margin-left: 1%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.customYonoBillPayments1 {
	background-color: #FFFFFF;
	width: 65px;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-bottom: 25px;
	margin-left: 3%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.customYonoBillPayments2 {
	background-color: #FFFFFF;
	width: 65px;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-bottom: 25px;
	margin-left: 3%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.customYonoBillPaymentsForArrow {
	background-color: #F3F3F3;
	width: auto;
	float: left;
	height: 65px;
	padding-top: 13px;
	max-height: 65px;
	padding-right: 30px;
	padding-bottom: 5px;
	cursor: pointer;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.customYonoBillPayName {
	float: left;
	font-size: 16px;
	font-weight: Bold;
	color: #000;
	padding-left: 21px;
	width: 100%;
	padding-top: 29px;
}

.customYonoBillPayBank {
	float: left;
	font-size: 12px;
	color: #999999;
	padding-left: 21px;
	width: 100%;
	padding-bottom: 28px;
	/* border-bottom: 1px solid #ffff !important; */
}

.customYonoMngBillerBox {
	background-color: #F3F3F3;
	border-radius: 3px;
	margin-left: 0px;
	width: 100%;
	/* max-width: 500px; */
	float: left;
	height: auto;
	border: 0px !important;
}

.customYonoPayBillerAccount {
	float: right;
	text-align: left;
	width: 61%;
	margin-top: -8%;
	margin-left: 9% !important;
}

.customBillRecentPayments {
	position: relative;
	right: 68px;
	top: 12px;
}
.billerPosition {
	position: relative;
	top: 34px;
}
.billerPositionNow {
	position: relative;
	top: 98px;
}

.customYonoBILLRadioTabColumn {
	width: 32%;
	display: inline-block;
	top: -14px;
	position: relative;
}

.customYonoMngBillerHeaderValueNew {
	font-size: 22px !important;
	text-transform: capitalize;
	padding-left: 30px;
	color: #000;
	padding-top: 3px;
	font-weight: bold;
}
.customYonoMngBillerLeftAlign {
    float: left;
    text-align: left;
    width: 223px;
	padding-left: 30px;
}
/*.customYonoPayBillNewBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 42px;
    padding: 5px 60px;
    padding-top: 11px;
    padding-right: 45px;
    padding-bottom: 5px;
    padding-left: 44px;
    font-size: 12px;
    font-family: sans-serif !important;
    margin-right: 190px;
    color: #0095daeb !important;
    cursor: pointer;
    float: right;
    border: 1.5px solid #0095DA;
    text-transform: uppercase;
    text-decoration-line: initial !important;
    margin-top: 51px;
    background-color: #ffff;
    font-weight:700;
}*/
.customYonoPayBillNewBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 14px 45px;
    font-size: 12px;
    color: #0095DA !important;
    cursor: pointer;
    border: 1px solid #0095DA;
    text-decoration-line: initial !important;
    font-weight: bold;
}
.customYonoMngBillerTableTxt {
    float: left;
    font-size: 14px;
    font-weight: 100;
    color: #000;
    padding-left: 10px;
    width: 100%;
    padding-top: 10px;
}
.customYonoMngBillerTableAccNoTxt {
    float: left;
    font-size: 10px;
    color: #999999;
    padding-top: 5px;
    padding-left: 10px;
    width: 100%;
    font-weight: 100;
}
.customYonoMngBillerBankTxt {
    float: left;
    font-size: 10px;
    color: #999999;
    padding-left: 10px;
    width: 100%;
    font-weight: 100;
    padding-bottom: 20px;
}
.customYonoMngBillerBr {
	border-bottom: 0.5px solid #fff;
}

.customYonoBillPaymentLandingWrapper .pageLeftContainer {
    margin-left: 1%;
    width: 98%;
}
.customYonoBillPayLandingSelectedList {
    background-color: #0095da !important;
    color: #ffffff !important;
    border-radius: 5px;
}
.customYonoBillPayDirectDbtSearchCont .customYonoMngBnfSearchBox::placeholder {
	font-size: 16px;
	color: #999999;
}
.customYonoBillPayDirectDbtSearchCont .customYonoMngBnfSearchBox {
    width: 85% !important;
    height: 15px !important;
    margin-left: 8% !important;
    padding-bottom: 4px !important;
}
.customYonoMngBillerBtnCont {
	position: absolute;
	bottom: 50px;
	margin-left: 30px;
}
.customYonoAddBillerBtnWrapper {
	text-align: center;
    /* float: left; */
    width: 100%;
    position: absolute;
    /* margin: 7% 0 2%; */
    bottom: 5px;
}
.customYonoBillPayPmntConfrmCheckboxCol {
	margin-top: 65px;
    margin-left: 9%;
	position: absolute;
    top: 300px;
    left: 0px;
}
.customYonoBillPayRecentPmntTabCont {
	height: 35px !important;
    border-radius: 5px;
    font-size: 14px;
    margin: 10px 0 0;
	text-align: center;
}
.customYonoMngBillerRowHeading {
    float: left;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    padding-left: 10px;
    width: 100%;
    text-transform: capitalize;
}
.customYonoMngBillerRowAccNo {
    float: left;
    font-size: 10px;
    color: #999999;
    padding-top: 0px;
    padding-left: 10px;
    /*height: 20px !important;*/
    width: 100%;
    font-weight: normal;
}
.customYonoMngBillerRowBankName {
    float: left;
    font-size: 10px;
    color: #999999;
    padding-left: 10px;
    width: 100%;
    font-weight: normal;
}
.customYonoBillPayRecentPmntTableWrapper {
	position: relative;
    top: 50px;
}
.customYonoBillPayRecentPmntTable {
    height: 250px;
    overflow-y: scroll;
    width: 100%;
    padding: 0% 7%;
}
.customYonoBillPayRecentPmntTable table tr {
    border-bottom: none;
}
.customYonoBillPayTransactionDtlsWrapper {
    margin: 5px;
    min-height: 400px;
    padding: 10px 40px;
    width: auto;
    background-color: #ffffff;
}
.customYonoBillPayTranDtlsConfirmTxnCol {
    float: left;
    margin-top: 7px;
    text-align: left;
    width: 33.33%;
}
.customYonoBillPayViewAllTableCol {
	width: 25%;
}
.customYonoCNDOtpCapture {
    height: auto;
    min-height: 350px;
}
.customYonoDeleteDirectDebitRemarksText {
	float: left !important;
    width: 50% !important;
    margin-left: 190px !important;
}
.customYonoBillPayRecentPmntViewDetailBtn {
    float: left;
    font-weight: bold;
    position: relative;
    font-family: sans-serif !important;
    border: 1px solid #0095da;
    border-radius: 30px;
    background: white;
    color: #0095da !important;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none !important;
}
.customYonoMngBnfDetailsSideHeading {
	font-weight: normal;
}
.customYonoMngBnfDeletePopupBtnWrapper {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	margin-top: 5px;
	/*margin-bottom: -4%;
	margin-left: -10%;*/
}
.customYonoMngBnfDeletePopupCancelBtn {
    float: left;
    position: absolute;
    bottom: -22px;
    left: 50px;
    border-radius: 30px;
    border: 1px solid #0095DA;
    color: #0095DA;
    padding: 10px 20px;
    font-size: 11px;
    font-weight: bold;
    background-color: #ffffff;
	cursor: pointer;
    text-decoration: none !important;
    text-transform: uppercase;
}
.customYonoMngBnfDeletePopupConfrmBtn {
    float: right;
    position: absolute;
    right: 50px;
    bottom: -22px;
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 10px 20px;
    font-size: 11px;
	font-weight: bold;
    font-family: sans-serif !important;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    text-transform: uppercase;
    text-decoration-line: initial !important;
}
.customYonoBillPayViewAllSearchBox {
    float: right;
    text-align: left;
    margin-left: -2%;
    position: absolute;
}
/*********** END: Bill Payments Styles *********************/


.CustomYonoChqDisabledSendBtn {
    border-radius: 40px;
    width: 130px;
    top: -10px;
    font-weight: bold;
    height: 40px;
    padding-top: 5px;
    padding-right: 20px;
    position: relative;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin-left: -38px;
    color: #000000 !important;
    cursor: not-allowed !important;
    background: #F3F3F3;
    border: 1 solid #333;
    text-decoration-line: initial !important;
	pointer-events: none;
    cursor: not-allowed !important;
}


.CustomYonoChqEnabledSendBtn {
    border-radius: 40px;
    width: 130px;
    position: relative;
    top: -10px;
    font-weight: bold;
    vertical-align: middle;
    height: 40px;
    padding: 3px 57px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 19px;
    font-size: 15px;
    font-family: sans-serif !important;
    margin: 0;
    margin-left: -38px;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}

/* .CustomYonoRightTableContentsRowClickTS {
    white-space: nowrap;
    width: 105px;
    display: block;
    height: 2px;
    padding-top: 3px;
    padding-bottom: 25px;
    text-decoration: none;
    padding-left: 174px;
    padding-right: 63px;
    vertical-align: middle;
    border: 0px;
    color: black !important;
    font-size: 15px;
    text-decoration: unset !important;
    font-weight: bold;
    position: relative;
    z-index: 1;
    right: 56px;
	background: transparent !important;
	cursor: pointer !important;
} */

.customYonoIASADisabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    padding: 9px 45px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    color: #999999;
    cursor: not-allowed !important;
    border: 0px solid #f3f3f3;
    float: left;
    background-color: #f3f3f3 !important;
    margin-top: 3px;
}

.customYonoRightArrowhover {
    color: #0095DA;
    font-size: 20px;
    content: "\e904";
    text-align: center;
    margin-right: -5%;
    padding-right: 71px;
    width: 228px;
    padding-top: 51px;
    border-left: 10px solid #0095DA;
}


.customYonoCPLclick {
    padding: 44px 51px 78px 42px;
    cursor: pointer;
    display: inline-block;
    margin: -41px 2px 2px -27px;
}

.customYonoVPLBillPayBox {
    margin: 0px 0px 0px -8px;
}

.customYonoVPLBillPayBox  > .tableoverflowwrapper, .customYonoBillTdText {
	margin: 0px 0px 0px -27px;
}

.customYonoPLReqConfirmTxtHead {
    font-weight: bold;
    font-size: 17px;
}

.customYonoPLReqConfirmTxnText {
    font-size: 13px;
    color: #999999!important;
    line-height: 28px;
}

.customYonoPLReqConfirmTxnTextValue {
    font-size: 18px;
}


/* personilize limits css */
.customYonoPLReqConfirmTxt {
    font-size: 20px;
    /* color: #000000; */
    font-family: sans-serif !important;
    font-weight: bold;
}

.customYonoPLReqConfirmTxnText {
    font-size: 13px;
    color: #999999;
    font-family: sans-serif !important;
}
.customYonoPLReqConfirmTxntListing {
    float: left;
    margin-left: 100px;
    width: 100%;
    height: auto;
    max-height: 300px;
    /* background-color: #ffff; */
    margin-top: 15px;
    min-height: 250px;
    border-radius: 5px !important;
}

.customYonoPLReqConfirmTxnTextValue {
    font-size: 16px;
    font-family: sans-serif !important;
    color: #000000;
    line-height: 1;
}

.customYonoPLSetUPSubSection1Style {
    background-color: #f9f9f9;
    padding-bottom: 50px;
    border-radius: 5px;
    padding-left: 40px;
    padding-top: 30px;
}

.customYonoPLSetUPRefNoStyle {
    color: #999999;
    font-size: 18px;
    text-decoration: none;
    line-height: 5px;
    font-family: sans-serif !important;
    text-align: left !important;
    width: 100%;
    float: left;
    /* margin-top: 10px; */
}

.customYonoPLSetUPSection1Style {
    margin-top: 15px;
    border-radius: 5px;
    margin-right: 322px;
    width: 100%;
    border-left: 1px solid #CCCCCC;
    background-color: #fff;
    /* overflow-y: scroll; */
    height: 400px;
    padding-bottom: 25px;
}

.customYonoPLSetUPRefFontStyle {
    padding-left: 7px;
    width: 237px;
    float: left;
    font-family: sans-serif;
    font-size: 18px;
    color: #000;
    /* text-align: center; */
    padding-top: 20px;
    padding-bottom: 12px;
}

.customYonoPLSetUPMarginStyle {
    padding-top: 35px;
}

.customYonoPLSetUPSuccessGreenStyle {
    font-weight: bold;
    padding-left: 75px;
    /* width: 237px; */
    font-family: sans-serif !important;
    float: left;
    font-size: 15px;
    color: #4CAF50;
    /* text-align: center; */
    padding-top: 0px;
    padding-bottom: 12px;
}


.customYonoPLSetUPSubSection2Style {
    padding-top: 0px;
    padding-left: 60px;
}



.customYonoPLSetUPFinalCloseBtn {
    top: -18px !important;
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 35px !important;
    padding: 10px 45px;
    /* margin-left: -80%; */
    font-size: 15px;
    /* left: 11px; */
    /* padding-top: 10px !important; */
    /* margin-top: -20px; */
    font-family: sans-serif !important;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    /* margin-bottom: 17px; */
    /* padding-top: 31px; */
    /* padding-bottom: 26px; */
}

.customYonoPLReqTransactionOtpStyle{
width: 100% !important;
}

.customYonoPLReqTransactionOtpStyle .customYonoOtpQueryitalictext {
	display: block;
}

.CustomYonoViewLimitsMargin25PercentChan {

    max-height: 311px;
	padding: 0px 18px 0px 78px;
    overflow-y: scroll;
	margin-top: 26px;
}

.customYonoPEDAddressLeftListing .error_highlight_right {
    margin-left: 191px;
}

.CustomYonoLeftdivisionSA {
    float: left;
    border-left: 1px solid #CCCCCC;
    /* background-color: #f3f3f3; */
    min-height: 350px;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 5px;
}

.customYonoPEDAddressLeftListing .stage3_inputpanel_column{
    float: left;
    margin-right: 5px;
    margin-top: 7px;
    text-align: right;
    width: 50%;
}

.customYonoaddressLeftTextBox {
    float: left;
    margin-left: 190px !important;
    height: 22px !important;
    width: 235px !important;
}

.customYonoPostalLeftTextHeading {
    color: #262a2c;
    font-size: 0.8em;
    text-decoration: none;
    text-align: left !important;
    margin-left: 190px !important;
    width: 100%;
    float: left;
    /* margin-top: 0px; */
    /* padding-top: 12px; */
    top: 12px;
    position: relative;
}
.CustomYonoSectionPadding {
    padding: 3rem 0rem 2rem 0rem;
}

.icon-ic-ServiceList-AOP:before {
      content: "\e92c";
}.icon-ic-ServiceList-FDO:before {
     content: "\e931";
}
.icon-ic-ServiceList-ISA:before {
      content: "\e90d";
}
.icon-ic-ServiceList-RMA:before {
      content: "\e925";
}
.icon-ic-ServiceList-BDC:before {
      content: "\e937";
}
.icon-ic-ServiceList-RND:before {
      content: "\e92f";
}

.customYonoConfirmHeadTxnRow {
    float: left;
    position: relative;
    top: 15px;
}
.customYonoConfirmTxnRow {
    position: relative;
    top: -29px;
    left: 30px;
}
.customyonoHeadreqDet {
    margin: 0px 0px 0px 19px;
}

.customYonoPersonalizeLimitsReqConfirmListSectioned {
    float: left;
    margin-left: 80px;
    width: 100%;
    height: 200px !important;
    /* max-height: 300px; */
    /* background-color: #ffff; */
    margin-top: 15px;
    padding-top: 51px;
    /* min-height: 250px; */
    border-radius: 5px !important;
}

.customyonofinalalligment {
    margin: -25px 0px 0px 0px;
}

.customYonoISAQnASubAmountInputCurrencyText {
    padding-right: 6px;
    position: absolute;
    left: 12px;
    bottom: 10px;
}

.customYonoISAAltFlowQnAFormRow .error_highlight_right 
{
	float: none;
    display: inherit;
}


.customYonoMngBnfAddBnfAuthConfrmDtlsTabBtn .customYonoMngBnfDeleteBnfInnerLinks3fx {
    position: relative;
    top: -57px;
    left: 74px;
}

.customYonoAOPNINPurposeHide {
       display: inline;
}

.customYonoAOPNINpurposeTextHeading {
    color: #262a2c82;
    font-size: 16px;
    margin-top: -25px;
    text-decoration: none;
    font-family: sans-serif !important;
    text-align: left;
    width: 100%;
    line-height: 35px;
    height: 10% !important;
    font-weight: bold;
}

.customYonoAccOpenInterestPayout  .error_highlight_right {
    float: none;
/*     margin-left: 60px; */
}

.CustomYonoSelectedMenuIdStyle {
    color: #FFFFFF !important;   
    background: linear-gradient(45deg, #281172, #673391);
	
}

.CustomYonoRightTableContentsSA1 {

    color: #ce0000;
    font-weight: 600;
    font-size: 15px;
    text-align: right;
}

.CustomYonoRightTableContentsSA2 {

    color: #ce0000;
    font-weight: 600;
    font-size: 27px;
    text-align: right;
}

.CustomYonoRightTableContentsRowClickTS {
    white-space: nowrap;
    width: 105px;
    display: block;
    height: 2px;
    padding-top: 26px;
    padding-bottom: 25px;
    text-decoration: none;
    padding-left: 174px;
    padding-right: 63px;
    vertical-align: middle;
    border: 0px;
    /* float: right !important; */
    color: black !important;
    font-size: 15px;
    text-decoration: unset !important;
    font-weight: bold;
    position: relative;
    z-index: 1;
    right: 56px;
    background: transparent !important;
    cursor: pointer !important;
}

.CustomYonoSAlink {
    font-weight: bold !important;s
    text-decoration-line: none !important;
    font-size: 17px;
    color: black !important;
    font-weight: normal;
    display: inline-block;
    width: 376px;
    height: 75px;
    padding: 27px 2px 2px 214px;
    /* text-align: right; */
    right: 221px;
    bottom: 28px;
    position: relative;
}

/* .icon-ic-arrow-rightSA:hover:before{
    content: "\e904";
    color: dodgerblue;
    position: relative;
    left: 113px;
} */

.icon-ic-arrow-rightSA:hover:before{
    content: "\e904";
    color: dodgerblue;
    position: relative;
    left: 140px;
    float: right;
}

.CustomYonoRightTableContentsRowClickTS:hover {
    white-space: nowrap;
    width: 105px;
    display: block;
    height: 2px;
    padding-top: 26px;
    padding-bottom: 25px;
    text-decoration: none;
    padding-left: 148px;
    /* padding-right: 63px; */
    vertical-align: middle;
    border: 0px;
    /* float: right !important; */
    color: black !important;
    font-size: 15px;
    text-decoration: unset !important;
    font-weight: bold;
    position: relative;
    z-index: 1;
    right: 56px;
    background: transparent !important;
    cursor: pointer !important;
}

.customyonoSARowStyleTSselected {
    border-left: 15px solid #0095DA;
}

.customyonoSARowStyleTSselected .icon-ic-arrow-rightSA:before {
    content: "\e904";
    color: dodgerblue;
    position: relative;
    left: 113px;
    float: right;

}


.customyonoSARowStyleTSselected .CustomYonoRightTableContentsRowClickTS:hover {
    white-space: nowrap;
    width: 105px;
    text-decoration: none;
    vertical-align: middle;
    border: 0px;
    color: black !important;

    font-size: 15px;
    text-decoration: unset !important;
    font-weight: bold;
    position: relative;
    z-index: 1;
    right: 29px;
    background: transparent !important;


    cursor: pointer !important;
}
.mailcontainer .error_highlight{
	font-size: 17px;
    margin-left: 0px !important;
    top: 4px !important;
    left: 54px !important;
}

.customYonoQuickPaymentsText {
    color: #000000;
    font-size: 16px;
    font-weight: bolder;
    /* margin-left: -5px; */
    padding-bottom: 25px;
    padding-right: 85px;
    float: left;
    cursor: pointer;
    vertical-align: middle;
    padding-top: 25px;
    padding-left: 10px;
}


.customYonoQuickPaymentsForText {
    background-color: #F3F3F3;
    width: auto;
    float: left;
    height: 65px;
    /* padding-top: 13px; */
    max-height: 65px;
    padding-right: 10px;
    padding-left: -43px;
    /* padding-bottom: 5px; */
}

.customYonoQuickPaymentsArrowIcon {
    /* color: #0095DA; */
	color:black;
    font-size: 35px;
    /* padding-left: 40px; */
    width: 0px;
    margin-top: 2px;
    float: left;
    background-color: #F3F3F3;
    height: 40px;
    text-decoration: none !important;
}

.customYonoConfirmTxnSummaryRow .customYonoConfirmTxnRow {
    position: relative;
    top: 8px;
    left: 30px;
}

.customYonoFndTrfPmntDtlsWrapper .customYonoConfirmTxnRow
{
	    position: relative;
	    top: 0px;
	    left: 30px;
}

.customYonoConfirmTxnRow .customYonoConfirmTxncolumn {
    top: 7px;
    position: relative;
}

.CustomYonoRightTablelinkSA a {
    color: #0095da !important;
}

.CustomYonoRightTableContentsSAcat2 {
    font-weight: normal;
    font-size: 15px;
    float: left;
}


/* ADDED NEW CSS BY VENU FOR BILLPAYMENTS AND CASA in CustomDirectDebitTxnListViewAll*/

.customYonoDCAccOpenDisableBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 49px;
    padding: 2px 29px 7px;
    margin-left: 25px;
    font-size: 20px;
    /* top: 99%; */
    font-variant: all-small-caps;
    margin-top: -76px;
    font-weight: bold;
    color: #000000 !important;
    cursor: not-allowed !important;
    /* background: linear-gradient(135deg, #281172, #0095DA); */
    /* border: 1px solid #333; */
    float: left;
}


.customYonoAOPQnARadioBtnBox {
    border: 1px solid #999999;
    border-radius: 30px;
    text-align: center;
    margin-top: -32px;
    margin-left: 590px !important;
    padding: 1px !important;
	width: 107px !important;
}


.CustomYonoBillerDatetextbox_Calender {
    /* margin-top: 15px; */
    /* margin-left: 5px; */
}

.customYonoBillPayDwnloadIcon {
    font-size: 28px;
    cursor: pointer;
    /* top: 5px; */
    /* left: -15px; */
    position: relative;
    /* margin-top: 18px !important; */
}

.customYonoBillPaymentsSearchIcon {
    font-size: 18px;
    color: #B90000;
    cursor: pointer;
}

.customYonotrigntsecerror .error_highlight_right {
    float: none;
    margin-left: 60px;
}

.customYonoAccOpenInterestPayout .ui-combobox > input {

       padding-right: 24px !important;

       white-space: nowrap;

       text-overflow: ellipsis;

       overflow: hidden;

}

.customYonoCASATermsAndConditionsText2 a {
    color: #0095DA;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.customYonoCASATermsAndConditionsText4 a {
    color: #0095DA;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.customYonoAccOpenTermsAndConditionsText a {
    color: #0095DA;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.customYonoExISATermsAndConditionsText  a {
    color: #0095DA;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}


.customYonoExistingTDReceiptDownloadText{
	cursor: pointer;
}

.customYonoIsaButtonsize {
    margin: 0px 0px 0px 20px;
    width: 85px;
    padding: 1px 4px 0px 3px;
}

.customYonoIsaButtonsize1 {
    margin: 0px 0px -21px 145px !important;
    width: 85px;
    padding: 1px 4px 0px 3px;
}


.customYonoIsaButtonsize3 {
	margin: 0px 0px -6px 21px;
    width: 85px;
    padding: 1px 4px 0px 3px;
}

.customYonoFDOBtn1 {
    width: 20px;
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 7px 61px 5px 28px;
    font-size: 12px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    margin: 2px 0px 0px 29px;
}
.customYonoIsaButtonsize4 {
    margin: 3px 0px 0px 20px;
    width: 85px;
    padding: 1px 4px 0px 3px;
}


a.bluelink_footer_ux3:hover {
    color: #3282cb;
    text-decoration: underline;
   cursor:pointer;

}


/*** added for dashboard uat issues ***/
.mega-menu ul li > a {
		margin-left: -5px;
    width: 115px;
}
.mega-menu ul li > .dc-mega::after {
    content: '';
    height: 70%;
    width: 1px;
    background-color: #d3d3d3;
    position: absolute;
    right: -1px;
    top: 5px;
}
a.bluelink_footer_ux3:hover, a.bluelink_footer_ux3_no_border:hover {
    color: #3282cb;
    text-decoration: underline;
   cursor:pointer;
}
.customYonoQuickLinkText_new:hover, .customYonoQuickLinkText_new > a:hover {
    color: #0095DA;
}
/*** added for dashboard uat issues ***/


.CustomYonoPamFImageSection {
    background: #ffffff;
    width: 85%;
    border-radius: 5px;
    margin-top: 23px;
    margin-left: 6%;
    margin-bottom: 1%;
    padding: 0px 0px 0px 70px;
    max-height: 494px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.customYonoMngFBnfHeading{
	font-size: 42px;
    text-transform: none;
    color: #ffffff57;
    font-family: sans-serif !important;
    font-weight: Bold;
    margin: 139px;
	}
	
.customYonoPAMFStaticTextStyle {
    font-weight: bold;
    text-align: center;
    width: 73%;
    line-height: 1.8;
    float: left;
    font-size: 21px;
    margin: -34px 100px;
}

.customYonoPhrasepadd {
    position: relative;
    top: 32px;
}

.CustomYonoPAMFNextButtonStyle {
    bottom: 342px;
    right: 136px;
    position: relative;
    /* margin-top: -465.5%; */
    font-weight: bold;
}

.CustomYonoFFormbtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 49px;
    padding: 0px 0px;
    padding-top: 8px;
    padding-right: 29px;
    padding-bottom: 8px;
    padding-left: 31px;
    font-size: 12px;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoQNAFNextButtonStyle {
    bottom: 25px;
    right: 138px;
    position: relative;
    margin-top: -22.5%;
    font-family: sans-serif !important;
    font-weight: bold;
}

.CustomYonoFQnaSection1 {
    background: #ffffff;
    width: 77%;
    margin-top: 1%;
    margin-left: 145px;
    margin-bottom: 1%;
    border-radius: 10px;
    padding: 0px 0px 0px 78px;
}

.CustomYonoPAMFFNextButtonStyle {
    bottom: 40px;
    right: 250px;
    position: relative;
    /* margin-top: -465.5%; */
    font-weight: bold;
}


.CustomYonoQNAInfoFTextStyle {
    margin: 11px 0px 23px;
    width: 100%;
    text-align: center !important;
    float: left;
}

/* NEW CSS FOR BILL PAYMENTS TABS */

.customYonoBillpayTabIconStyle {
    text-decoration: none !important;
    color: #9F1C5D;
    background: none !important;
    cursor: pointer;
}

.customYonoBillpayTabIconStyle:hover {
  color: #9F1C5D;
}

.customYonoBillpayTABTxtStyle {
    text-decoration: none !important;
    color: black;
    padding: 33px 12px!important;
   
}
.customYonoBillpayTABTxtStyle:active {
    background: none;
    color: #000000;
}
.customYonoBillpayTABTxtStyle:hover {
  color: black;
}

/* NEW CSS FOR INDIA REMITANCE TABS */

.customYonoIndRMTTabIconStyle {
    text-decoration: none !important;
    color: #9F1C5D;
    background: none !important;
    cursor: pointer;
}

.customYonoIndRMTTabIconStyle:hover {
  color: #9F1C5D;
}

.customYonoIndRMTTABTxtStyle {
    text-decoration: none !important;
    color: black;
    padding: 33px 12px!important;
   
}
.customYonoIndRMTTABTxtStyle:active {
    background: none;
    color: #000000;
}
.customYonoIndRMTTABTxtStyle:hover {
  color: black;
}

.customYonoServiceRequestsSCRIconStyle {
    color: #B90000;
    font-size: 35px;
    padding-left: 20px;
    width: 0px;
    float: left;
    background-color: #FFF;
    height: 40px;
    padding-top: 20px;
    text-decoration: none !important;
}

.customYonoServiceRequestsSCRIconStyle:hover{
  color: #B90000;
}

.customYonoServiceRequestsSCRIconStyle:active {
    background: none;
}

.customYonoServiceRequestsSCRArrowIcon:active{
    background: none;
}

.customYonoRemittanceMenuCardArrowIcon:active{
    background: none;
}

.customYonoServiceRequestListRightArrowStyle:active{
    background: none;
}

.customYonoSecSettingsCardArrowIcon:active{
    background: none;
}

.customYonoServiceRequestsSCRTextStyle {
    color: #000000;
    font-size: 24px;
    padding: 42px 84px !important;
    font-weight: bolder;
    margin-top: -10px;
    width: 360px !important;
    float: left;
    vertical-align: middle;
    padding-left: 25px !important;
    padding-top: 40px !important;
    text-decoration: none !important;
    font-family: sans-serif;
    text-align: left;
}

.customYonoServiceRequestsSCRTextStyle:hover {
  color: black;
}

.customYonoServiceRequestsSCRTextStyle:active {
    background: none;
    color: #000000;
}

.customYonoMngBnfBankNameAlign {
    float: left;
    text-align: left;
    width: 223px;
    padding-left: 30px;
}

.ERROR_ROW_BG .customYonoISAQnASubAmountInputCurrencyText {
    padding-right: 6px;
    position: absolute;
    left: 12px;
    bottom: 50px;
}
.customYonoCursorPointer{
	cursor: pointer;
}


.CustomYonoQnaFInfoSection {
    background: #ffffff;
/*     width: 99%; */
    margin-top: 1%;
    margin-bottom: 1%;
    border-radius: 10px;
    height: 137px;
}

.CustomYonoFQnaSection22 {
    background: #ffffff;
    width: 84%;
    margin-top: 1%;
    margin-left: 145px;
    margin-bottom: 1%;
    border-radius: 10px;
    padding: 0px 0px 0px 78px;
}

<%--
.CustomYonoPAMFFNextButtonStyle {
    bottom: 40px;
    right: 192px;
    position: relative;
    /* margin-top: -465.5%; */
    font-weight: bold;
}
 
---%>
.CustomYonoPAMFFNextButtonStyle {
    bottom: 40px;
    right: 250px;
    position: relative;
    /* margin-top: -465.5%; */
    font-weight: bold;
}




.CustomYonoPAMFFFNextButtonStyle {
    bottom: 23px;
    right: 158px;
    position: relative;
    /* margin-top: -465.5%; */
    font-weight: bold;
}

.customYonoQNAInfoModalIconnote {
    color: #58B200;
    font-size: 50px;
    margin-left: 100px;
    top: 12px;
    position: relative;
}


.CustomYonoSAlink:hover {
    font-weight: bold !important;
    text-decoration-line: none !important;
    font-size: 17px;
    color: black !important;
    font-weight: normal;
    display: inline-block;
    width: 376px;
    height: 75px;
    padding: 27px 2px 2px 214px;
    /* text-align: right; */
    right: 198px;
    bottom: 28px;
    position: relative;
}

.customyonoSARowStyleTSselected .CustomYonoSAlink {
    font-weight: bold !important;
    text-decoration-line: none !important;
    font-size: 17px;
    color: black !important;
    font-weight: normal;
    display: inline-block;
    width: 376px;
    height: 75px;
    padding: 27px 2px 2px 214px;
    /* text-align: right; */
    right: 221px;
    bottom: 28px;
    position: relative;
}

.customyonopaddingsa {
    padding: 0px 17px 2px 25px;
}


/*********CHEQUE RELATED SERVICES:START CSS STYLE ADDED BY VENU 1072020***********/





/* CHEQUE RELATED SERVICES */



.customYonoRCBHeadingStyle {
    color: #000000;
    font-size: 16px;
    padding-left: 4px;
    font-family: sans-serif;
    /* padding-left: 266px; */
    width: 335px;
    line-height: 18px;
    position: absolute;
    margin-top: -10px !important;
    margin-left: -2px;
}



.customYonoRCB30PercentWidth {
    float: left;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    width: 35%;
    background-color: #F3F3F3;
    min-height: 400px;
    height: auto;
    border-right: 1px solid #999999;
}

.customYonoRCBAddressValue {
    color: #000;
    font-size: 14px;
    padding-left: 4px;
    font-family: sans-serif;
    position: absolute;
    margin-top: 50px !important;
    margin-left: 35px;
}


.customYonoRCBAddressHeading {
    font-weight: bolder;
    font-size: 18px;
    margin-left: 35px;
    position: absolute;
    margin-top: 20px !important;
    font-family: sans-serif;
    padding-left: 4px;
}



.customYonoRCBDrpDownColumn {
    float: left;
    margin-right: 5px;
    margin-top: 40px;
    width: 100%;
    padding-bottom: 10px;
}



.customYonoRCBDrpdwnTxtHeading {
    color: #999999;
    font-size: 12px;
    font-family: sans-serif;
    /* padding-left: 4px; */
}

.customYonoRCBCheckBoxTxt {
    color: #000000;
    font-size: 15px !important;
	font-family: sans-serif;
}


.CustomYonoRCBConditionCheckAlign {
    /* margin-top: 61px !important; */
    position: relative;
    top: 20px;
}



.CustomYonoRCB1stPageSubmitButtonStyle {
    margin-left: -150px;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 4px;
    height: 40px;
    /* font-weight: bold; */
    font-family: sans-serif !important;
    width: 110px;
    font-size: 17px;
    margin-top: -10px;
}

.customYonoRCBDrpDownColumn .ui-combobox > input {
	padding-right: 24px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}





.customYonoRCB2ndpageheading {
    font-weight: bolder;
    font-size: 18px;
    font-family: sans-serif;
    position: absolute;
    margin-top: 20px;
    padding-left: 4px;
}




.customYonoRCBNoOfLeavesvalue {
    font-size: 13px;
    padding-left: 2%;
    margin-left: 30px;
    padding-top: 21px;
    white-space: nowrap;
}


.customYonoRCBReasonBorderColumn {
    float: left;
    text-align: left;
    padding-bottom: 10px;
    width: 45%;
    top: 35px;
    position: relative;
    padding-top: 10px;
    border-bottom: 1px solid #F3F3F3;
}


.customYonoRCBReasonborderheadingTxt {
    float: left;
    width: 45%;
    text-align: left;
    top: 35px;
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #F3F3F3;
}


.CustomYonoRCBButtonStyleChqs {
    font-family: sans-serif !important;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 10px;
    font-size: 15px !important;
    /* font-weight: bold; */
    margin-top: 5px;
}


.customYonoRCB2ndPageAddressValue {
    color: #000;
    font-size: 14px;
    padding-left: 4px;
    font-family: sans-serif;
    position: absolute;
    margin-top: 40px !important;
    margin-left: 35px;
}




.CustomYonoRCBOtpButtonStyle {
    margin-left: 0px;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 2px;
    height: 40px;
    /* font-weight: bold; */
    font-family: sans-serif !important;
    width: 110px;
    font-size: 17px;
    margin-top: -7px;
}




.customYonoRCBSetUpReqConfirmTxt {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    font-family: sans-serif !important;
    /* margin-top: 11px !important; */
}


.customYonoRCBSetUpHeadingText {
    font-size: 14px;
    color: #999999;
    font-family: sans-serif;
}


.customYonoRCBSetUpHeadingTextValue {
    font-size: 16px;
    color: #000000;
    font-family: sans-serif;
    line-height: 20px;
}


.customYonoSCCheckFontSize {
    font-size: 14px !important;
    font-family: sans-serif;
}



.customYonoSCRightSubHeadings {
    font-weight: bold;
    font-size: 12px;
    position: relative;
    top: 50px;
    padding-left: 40px;
}

.customYonoSCRightSubHeadingsValue {
    font-size: 13px;
    padding-left: 2%;
    padding-top: 10px;
    /* top: 4px; */
    margin-left: 50px;
    /* position: relative; */
    white-space: nowrap;
}

.customYonoSCRightSubHeadingsValue2 {
    font-size: 13px;
    padding-left: 2%;
    margin-left: 65px;
    padding-top: 21px;
    white-space: nowrap;
}

/* STOP CHEQUE CSS STYLES */
.customYonoSCHeadingsText {
    font-weight: bolder;
    font-size: 18px;
    /* margin-top: 7px !important; */
    position: relative;
    top: -20px;
    padding-left: 4px;
    /* padding-top: 41px !important; */
    font-family: sans-serif;
}

.customYonoSCFieldHeadingtxtStyle {
    color: #999999;
    font-size: 14px;
    font-family: sans-serif !important;
    padding-left: 3px;
}


/* NEW CSS STOP CHEQUE */

.customYonoSCRHeadingBoldText {
    font-weight: bolder;
    font-size: 16px;
    padding-left: -3px;
}



.customYonoSCRFieldSubHeadingText {
    color: #999999;
    font-size: 12px;
    padding-left: 0px;
}


.customYonoSCRTextBoxFromToStyle {
    width: 62% !important;
    height: 1.8rem !important;
    margin-left: 0px !important;
}

/* REVOKE STOP CHEQUE STYLES */

.customYonoRSCHeadingTextStyle {
    font-weight: bolder;
    font-size: 16px;
    padding-left: 0px;
    font-family: sans-serif !important;
}



.CustomYonoSCRDataCaptureButtonStyle {
    width: 90px;
    margin-left: 25% !important;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 4px;
    height: 45px;
    font-size: 18px;
    margin-top: 10px !important;
}


.customYonoRSCFieldSubHeadingText {
    color: #999999;
    font-size: 12px;
    padding-left: 0px;
    font-family: sans-serif !important;
}

.customYonoRSCTextBoxFromToStyle {
    width: 62% !important;
    height: 1.8rem !important;
    margin-left: 0px !important;
}


.CustomYonoRSCDataCaptureButtonStyle {
    width: 90px;
    margin-left: 25% !important;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 4px;
    height: 45px;
    font-size: 18px;
    margin-top: 10px !important;
}


.customYonoRSCLeftContainer {
    float: left;
    width: 35%;
    background-color: #F3F3F3;
    min-height: 400px;
    height: auto;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 1px solid #999999;
}



.customYonoRSCLeftContainerHeading {
    font-weight: bolder;
    font-size: 20px;
    padding-left: 20px;
    font-family: sans-serif !important;
}



.customYonoRSCLeftContainerColumn {
    float: left;
    margin-right: 17px !important;
    margin-top: 25px;
    width: 100%;
    left: 25px;
    position: relative;
    padding-bottom: 10px;
}

.customYonoRSCLeftContainerFieldSubHeading {
    color: #999999;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: sans-serif;
    padding-left: 4px;
}


.customYonoRSCLeftContainerFieldSubHeadingValue {
    color: #000000;
    font-size: 14px;
    font-family: sans-serif;
    padding-left: 4px;
}

.customYonoRSCLeftContainerSubHeadings {
    float: left;
    width: 47%;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 25px;
    border-bottom: 1px solid #F3F3F3;
}


.customYonoRSCRightContainerSubheadings {
    font-weight: bold;
    font-size: 14px;
    font-family: sans-serif;
    padding-left: 20px;
}


.customYonoRSCRightContainerSubheadingsValue {
    font-size: 13px;
    padding-left: 80px;
    /* margin-top: 10px; */
    padding-top: 20px;
    white-space: nowrap;
}


.customYonoRSCRightContainerToTextHeading {
    font-weight: bold;
    font-size: 14px;
    font-family: sans-serif;
    padding-left: 100px;
}


.customYonoRSCRightContainerToTextHeadingValue {
    font-size: 13px;
    padding-left: 155px;
    /* margin-top: 10px; */
    padding-top: 20px;
    white-space: nowrap;
}


.customYonoRSCRightContainerSingleChequetValue {
    font-size: 13px;
    padding-left: 65px;
    /* margin-top: 10px; */
    padding-top: 20px;
    white-space: nowrap;
}

.CustomYonoRSCOTPButtonStyle {
    margin-left: 25% !important;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 4px;
    height: 45px;
    width: 90px;
    font-size: 15px;
    margin-top: -15px !important;
}

.customYonoRSCOtpFieldStyle {
    width: 100%;
    margin-top: 35px;
    text-align: center;
}

.customYonoRSCOtpFieldStyle .customYonoOtpQueryitalictext {
    display: none;
}


.customYonoSCRightContainerReasonSubheadings {
    font-weight: bold;
    font-size: 14px;
    font-family: sans-serif;
    padding-left: 30px;
}


.customYonoSCRightContainerSingleChequetValue {
    font-size: 13px;
    padding-left: 89px;
    /* margin-top: 10px; */
    padding-top: 20px;
    white-space: nowrap;
}

.customYonoSCRightContainerSingleChequetReasonValue {
    font-size: 13px;
    padding-left: 30px;
    /* margin-top: 10px; */
    padding-top: 20px;
    white-space: nowrap;
}


.customYonoSCRRightContainerSingleChequeHeadingValue {
    font-size: 13px;
    padding-left: 65px;
    padding-top: 21px;
    white-space: nowrap;
}

.customYonoSCRRightContainerSingleChequeReasonHeadingValue {
    font-weight: bold;
    font-size: 14px;
    font-family: sans-serif;
    padding-left: 65px;
}

.customYonoSCSingleChequeTextBox {
    width: 25% !important;
    height: 1.8rem !important;
    margin-left: 0px !important;
}


.customYonoECSMainHeadingsBoldText {
    font-weight: bolder;
    font-size: 18px;
    padding-left: 0px;
    font-family: sans-serif;
}

.customYonoECSSubHeadingsBoldText {
    color: #999999;
    font-size: 12px;
    font-family: sans-serif;
    padding-left: 0px;
}

.customYonoECSSubHeadingsSingleChqTextBox {
    width: 25% !important;
    height: 1.8rem !important;
    margin-left: 0px !important;
}

.customYonoECSSubHeadingsMultipleChqTextBox {
    width: 62% !important;
    height: 1.8rem !important;
    margin-left: 0px !important;
}

.CustomYonoECSdataCaptureButtonStyle {
    margin-left: 25%;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 4px;
    font-size: 20px;
    height: 45px;
    width: 90px;
    margin-top: 0px;
}


.CustomYonoEngChqStatusRightContainerValues {
    width: 94%;
}

.customYonoSCHeadingsColomnStyle {
    float: left;
    width: 47%;
    text-align: left;
    top: 35px;
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #F3F3F3;
}

.CustomYonoSCOTPBtnStyle {
    margin-left: 25%;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 4px;
    font-size: 15px;
    height: 45px;
    width: 90px;
    margin-top: -15px;
}


.customYonoSCRadioMultipleChqbuttonTextStyle {
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #999999;
    padding: 15px 30px;
    /* width: 100px; */
    border-radius: 40px;
   /*  color: #000; */
    cursor: pointer;
}



.customYonoSCRadioSingleChqTextStyle {
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
    border: 1px solid #999999;
    padding: 15px 40px;
    /* width: 100px; */
    border-radius: 40px;
    /* color: #000; */
    cursor: pointer;
}

.customYonoSCRadioColumnStyle {
    float: left;
    margin-bottom: 10px;
    margin-left: 5%;
    width: 55%;
}


.customYonoRSCRRadioColumnStyle {
    float: left;
    margin-bottom: 10px;
    margin-left: 5%;
    width: 55%;
}

.customYonoSCRColumn .ui-combobox > input {
    padding-right: 24px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*********CHEQUE RELATED SERVICES:END CSS STYLE ADDED BY VENU 1072020***********/

.CustomYonoRCB1stPageSubmitEnableButtonStyle {
    margin-left: -150px;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 0px;
    height: 40px;
    border-radius: 40px;
    /* font-weight: bold; */
    font-family: sans-serif !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    width: 110px;
    color: white !important;
    font-size: 17px;
    margin-top: -10px;
    border: none !important;
}

.CustomYonoRCB1stPageSubmitDisableButtonStyle {
    margin-left: -150px;
    position: absolute;
    font-variant: all-small-caps;
    padding-top: 0px;
    height: 40px;
    border-radius: 40px;
    /* font-weight: bold; */
    font-family: sans-serif !important;
    width: 110px;
    font-size: 17px;
    color: #000000!important;
    cursor: not-allowed !important;
    margin-top: -10px;
}

.customYonoSCRColumn1 {
    float: left;
    margin-right: 9px;
    margin-top: 5px;
    width: 100%;
    margin-bottom: 29px;
    padding-bottom: 4px;
}

.customYonoMngBnfAddIntBnfRightTextBox {
    float: left;
    margin-left: 40px !important;
    height: 20px !important;
}


/* ADDED CSS FOR EXISTING TD START BY VENU */


.CustomYonoExistingTdButtonNewStyle {
    margin: 0px 0px -20px 25% !important;
    width: 90px;
    height: 45px;
    font-size: 15px;
}

.CustomYonoExistingTdButtonOldStyle{
	margin: 0px 0px -21px 25%;
    width: 90px;
    height: 45px;
    font-size: 15px;
}

.CustomYonoExistingTdDCBtn {
    margin: 0px 0px -21px 25%;
    width: 90px;
    margin-top: 0px;
    left: 85px;
    top: 20px;
    position: relative;
    height: 45px;
    font-size: 15px;
}

.customYonoExistingTDHeading {
    font-size: 45px;
    text-transform: none;
    /* color: #ffffff91; */
    color: #ffffff57;
    margin-left: -5px;
    font-family: sans-serif;
    margin-top: -7px !important;
    font-weight: bold;
}

.customYonoExistingTDBackIcon {
    font-size: 30px;
    position: relative;
    top: -7px;
    cursor: pointer;
    text-decoration: none !important;
    color: #ffffffc4;
}

.customYonoExistingTDFeaturesText1 {
    font-weight: bold;
    width: 247px !important;
    font-family: sans-serif !important;
}


.customYonoExistingTDContainer {
    background-color: #ffffff;
    text-align: center;
    height: 265px;
    border-radius: 5px;
    padding: 0px 143px;
}


.customYonoExistingTDFeaturesContainer {
    /* display: inline-flex; */
    margin-left: -45px!important;
}

.customYonoExistingTDFeaturesText2 {
    font-weight: bold;
    /* width: 100px !important; */
    position: relative;
    left: 25px;
    line-height: 20px;
    top: -17px;
    /* margin-top: -7px !important; */
    font-family: sans-serif;
    width: 20px !important;
}

.customYonoExistingTDFeaturesText3 {
    font-weight: bold;
    /* width: 100px !important; */
    position: relative;
    left: 25px;
    top: -17px;
    line-height: 20px;
    /* margin-top: -7px !important; */
    font-family: sans-serif;
    width: 20px !important;
}


.customYonoExistingTDFeaturesDevider {
    border-top: 2px solid #999999;
    margin: 0px -35px;
    top: -10px;
    /* margin-top: 3px !important; */
    position: relative;
    width: 110%;
}

.customYonoExistingTDDisabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    color: #999999;
    cursor: not-allowed !important;
    background: #f3f3f3;
    position: relative;
    top: -5px;
    border: 0px solid #f3f3f3;
    float: left;
    margin: 2px 0px 0px 5px;
}

.customYonoExistingTDEnabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 42px;
    position: relative;
    top: -14px;
    padding: 5px 45px;
    font-size: 12px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    margin: 2px 0px 0px 5px;
}

.customYonoExistingTDTermsAndConditions {
    width: 100%;
    padding: 0px 135px;
    margin-top: -20px;
    box-shadow: 0px -25px 15px -10px #f3f3f3;
}


.customYonoExistingTDTermsAndConditions p {
	height: 25px !important;
	margin-bottom: 5px;
}

.customYonoExistingTDTermsAndConditionsText {
    line-height: 30px !important;
    font-size: 12px !important;
    font-weight: bold;
    font-family: sans-serif;
}

.customYonoExistingTDInputTextBox {
    float: left;
    height: 25px !important;
    padding-left: 15px !important;
}

.customYonoExISACurrentInvestmentAmount .customYonoExistingTDInputTextBox {
    padding: 4px 0px 4px 16px !important;
}

.customYonoFTDFormAccountDtlsRow .customYonoExistingTDInputTextBox {
	width: 76% !important;
}


.customYonoExistingTDRadioText {
    font-size: 0.8em;
    text-decoration: none;
    font-weight: normal;
    padding: 10px;
    /* color: #000; */
    cursor: pointer;
    width: 100%;
    background-color: #F3F3F3;
    font-weight: bold;
}

.customYonoExistingTDSelectionText {
    font-size: 18px;
    font-weight: bold;
    font-family: sans-serif !important;
}

.CustomExistingTDpersentSymbolDetails {
    /* margin-left: -85px; */
    /* position: absolute; */
    /* left: 234px; */
    margin-left: -85px;
    /* color: black; */
}


.CustomExistingTDPoundSymbolDetails {
    /* margin-left: -26px; */
    position: relative;
    right: -75px;
    /* margin-left: -10px; */
}

.CustomYonoExistingTDFormbtn {
    border-radius: 40px;
    width: 100px;
    vertical-align: middle;
    height: 40px;
    position: absolute;
    left: 460px;
    top: 400px;
    padding: 5px 60px;
    padding-top: 5px;
    padding-right: 22px;
    padding-bottom: 5px;
    /* font-weight: bold; */
    padding-left: 20px;
    /* margin-left: 45px !important; */
    font-size: 15px;
    /* margin-top: -7px !important; */
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoExistingTDFormbtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}


.customYonoExistingTDInstructionContainer {
    padding: 0px 230px;
    margin-top: 13px;
}

.customYonoExistingTDInstructionContainer .customYonoFTDInstructionText:nth-child(3) {
	height: 75px !important;
}


.customYonoExistingTDInstructionsText {
    font-family: sans-serif !important;
    font-size: 16px;
}

.customYonoExistingTDInstructionIcon2 {
    font-size: 20px;
    margin-top: -17px;
    background: -moz-linear-gradient(220deg, #281172 40%, #9F1C5D 80%);
    background: -webkit-linear-gradient(220deg, #281172 40%, #9F1C5D 80%);
    background: linear-gradient(220deg, #281172 40%, #9F1C5D 80%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.customYonoExistingTDInstructionIcon3 {
    font-size: 20px;
    margin-top: -20px;
    background: -moz-linear-gradient(220deg, #281172 40%, #9F1C5D 80%);
    background: -webkit-linear-gradient(220deg, #281172 40%, #9F1C5D 80%);
    background: linear-gradient(220deg, #281172 40%, #9F1C5D 80%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.customYonoFTDOtpRequestContainer .customYonoOtpQueryitalictext {
	display: none;
}

.customYonoExistingTDReceiptDownloadText {
    font-size: 14px;
    font-weight: bold !important;
    font-family: sans-serif !important;
    cursor: pointer;
}

.customYonoExistingTDCyberReceiptHeading {
    color: #999999;
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif !important;
    display: block;
}

.customYonoExistingTDDCyberReceiptVal {
    font-size: 16px;
    font-family: sans-serif !important;
    /* margin-top: -5px !important; */
    top: -10px;
    position: relative;
    color: black;
}

/* ADDED CSS FOR EXISTING TD END BY VENU */

.customYonoExISAFixedCashAccntDtls .ui-combobox > input {
	padding-right: 24px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


.customYonoMyProfileNameRow .searchsimpletextbold2 {
	font-weight: bold !important;
    color: #262a2c;
    font-family: sans-serif !important;
    /* font-size: 0.813em; */
    font-size: 11px;
    text-decoration: none;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}

.CustomYonoChngePassformrow {
    width: 185% !important;
    margin: 0px;
    padding-left: 0px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 0px;
    clear: both;
    background-color: transparent;
}

.textboxPasswordChangeHw  .error_highlight_right {
    float: left;
/*     margin-left: 60px; */
}

.customYonochngpassbutton {
    margin-left: 44%;
    margin-top: 2%;
}

.customYonoSearchMBIcon {
    font-size: 16px;
    color: #B90000;
    cursor: pointer;
    top: -32px;
    right: 54px;
    position: relative;
}
.customYonoUpdateLoginIdBackIcon {
	font-size: 28px !important;
    color: white;

    padding: 20px 12px 13px -2px;
    position: relative;
    top: -4px;
}
}

.customYonoUpdateLoginIdBackIcon:hover {
    font-size: 27px !important;
    color: white;
	text-decoration: none !important;
}

.customYonoMyActivRightContainers {
    width: 100%;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 5px;
    padding: 4px 148px 2px 125px;
}

.CustomYonoMActformrow1 {
    /* margin: 0px; */
    margin-left: 50;
    /* padding-left: 0px; */
    /* padding-right: 12px; */
    padding-top: 8px;
    /* padding-bottom: 0px; */
    clear: both;
    margin-left: 27%;
    margin-top: 3%;
    /* margin-bottom: 1%; */
    background-color: transparent;
    width: 100%;
}


.customYonoRNDCustomerDtlsHeadingf {
    font-size: 14px;
    font-weight: bold;
    padding: 21px;
}
.customYonoRNDDataCaptureFormf {
    /* height: 400px; */
    padding: 0px 16%;
    margin-bottom: 20px;
    overflow-y: scroll;
}


.stage3_inputpanel_column_debit .ui-combobox > input {
	padding-right: 24px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


.customxyx
{
width: 100px !important;

}




.customYonoFndTrfLeftListingFieldHeadingValue_brdr  > input {
	padding-right: 24px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
    width: 81% !important;
}

.customYonoRNDDataCaptureFormff {
    margin-bottom: 20px;
    overflow-y: scroll;
    margin: 0px 0px 20px 385px;
}

/********** forgot password customization **************/
.CustompageContainer {
	clear: both;
	margin: 0;
    background-color: #ffffff;
    width: 100%;
    height: 580px;
    background-image: url(../images/yono/yono_background_image.png);
    overflow-y: scroll;
}
.customyonowidth100percent-main-bg {
	width: auto;
    height: auto;
    padding: 0% 6% 0 6%;
}
.forgot-password-text-heading {
	font-size:60px;
	color:#ffffff80;
}
.forgot-password-back-icon {
	color: white;
    font-size: 45px;
    float: left;
    margin-top: 24px;
    width: 60px;
}
.forgot-password-main-panel {
    background-color: white;
    margin: 1% 6% 0;
    border-radius: 5px;
    padding: 0 15px;
    height: 375px;
}
.forgot-password-container-border, .forgot-password-text-container {
    display: flex;
}
.forgot-password-container-border div {
    width: 100%;
    background-color: #999999;
    height: 4px;
    border-radius: 10px;
    margin: 4px;
}
.forgot-password-text-container div {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #999999;
    font-weight: bold;
    font-size: 11px;
}
.forgot-password-userid-container {
	text-align: center;
    font-size: 20px;
    margin-top: 5%;
    padding-bottom: 15px;
}
.materialize-userid-box {
    text-align: center;
/*     margin-bottom: 100px; */
}
.forgot-password-btn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    margin-left: 44.6%;
}
.forgot-password-otp-container {
	text-align: center;
	font-size: 16px;
    margin-top: 8%;
}
.forgot-password-otp-input {
	text-align: center;
}
.customYonoForgotPasswordOtpBox {
	height: 45px !important;
	width: 45px !important;
	font-size: 25px !important;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #999999;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}
.customYonoForgotPasswordOtpBox::-webkit-inner-spin-button, 
.customYonoForgotPasswordOtpBox::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.customYonoForgotPasswordOtpBox:focus {
	outline: -webkit-focus-ring-color auto 0px !important;
}
.loginPanleBluelinkStyle {
    color: #0095DA !important;
    /* text-decoration: none; */
    font-size: 12px !important;
    text-decoration: none;
    /* float: right; */
    white-space: nowrap;
    /* width: 23px; */
    color: #0095DA;
    font-family: sans-serif;
}
.loginPanleBluelinkStyle1 {
    color: #0095DA !important; 
     text-decoration: none;
	 font-size: 14px !important;
	font-weight:bold;
    white-space: nowrap;
    width: 154px !important;
    font-family: sans-serif;
	float: left;
}

.resend-otp-text {
    color: #0095da;
    font-size: .8em;
    text-decoration: none;
    font-weight: bold;
    display: inline-flex;
    border: none;
    background-color: #ffffff;
    cursor: pointer;
}
.resend-otp-link {
    text-align: center;
    padding: 8px 0px 84px;
}
.current-tab-highlight {
    background-color: #0095DA !important;
}
/* .set-password-container {
	text-align: center;
    font-size: 20px;
    margin-top: 52px;
}
.materialize-setPassword-input {
    margin-bottom: 70px;
} */
.forgot-password-otp-timer {
    text-align: center;
    font-size: 16px;
    color: #999999;
    padding: 40px 0px 25px;
}
.border-step1 div:first-child, .border-step2 div:first-child, .border-step2 div:nth-child(2) {
	background-color: #0095DA !important;
}
.text-step1 div:first-child, .text-step2 div:first-child, .text-step2 div:nth-child(2) {
	color: #0095DA !important;
}
.forgot-password-container-border.border-step3 div {
	background-color: #0095DA;
}
.forgot-password-text-container.text-step3 div {
	color: #0095DA;
}
.otp-timer-icon:before {
    vertical-align: text-top;
    font-size: 18px;
    color: #9F1C5D;
}
/************* End: forgot password customization ***********/
/************* forgot password modal ************/
.customYonoSuccessModalIcon {
    color: #58B200;
    font-size: 50px;
    margin-left: 140px;
    float: right;
    height: 42px;  
	margin-bottom: 10%;
}
.customYonoSuccessText{
	font-size: 23px;
    text-transform: none;
    padding-left: 51px;
    color: #58B200;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoSuccessModalText{
	color: #333333;
    line-height: normal;
    text-align: center !important;
    text-transform: none !important;
    font-size: 14px;
    padding-left: 69px;
    font-weight: bold;
}
.customYonoSuccessModalText1{
	color: #333333;
    text-align: center !important;
    text-transform: none !important;
    font-size: 15px;
    padding-left: 42px;
}
.customYonoSuccessInnerLinks1{
	float: left;
    margin-right: 115px;
    margin-bottom: -32px;
	margin-top: 15%;
}
.customYonoFrgtPwdFirstNameRow{
	margin-top: 8px !important;
	text-align: left;    
	width: 22% !important;
}
.customYonoFrgtPwdTitleRow{
	float: left;
	margin-right: 5px;
	margin-top: 7px;
	text-align: left;
	margin-left: 9%;
	width: 8%;
}
.customYonoFrgtPwdGenderColumn{
	float: left;    
	margin-top: 7px;
	text-align: left;
	margin-left: 9% !important;
	width: 32% !important;
}
/************* forgot password modal **************/
/****** start: styles for landing pages *******/
.customYonoPreLoginServicesWrapper {
	clear: both;   
    width: 1100px;
    margin: auto;
    position: relative;
    overflow: hidden;
    height: auto;
    background: linear-gradient(
100deg
, #9F1C5D, #281172);
}
.customYonoPreLoginServicesWrapper .customYonoParentTable {
    height: auto;
    background-color: #ffffff;
    background-image: url(../images/yono/yono_background_image.png);
    width: 100%;
    margin: 0px;
}
.customYonoPreLoginServicesWrapper #footer {
	width: 100%;
	margin-left: 0px;
}
.customYonoPreLoginBackIcon {
    color: #ffffff;
    font-size: 25px;
    float: left;
    margin-top: 20px;
    width: 45px;
	cursor: pointer;
}
.customYonoPreLoginHeading {
    font-size: 49px;
    font-weight: bold;
    font-family: sans-serif;
	 /*color: #ffffff57;BY VKT*/
	color: #ffffff;
}
.customYonoPreLoginServicesWrapper .forgot-password-main-panel {
    background-color: white;
    margin: 0% 4%;
    border-radius: 5px;
    padding: 1px 15px;
    height: auto;
    min-height: 400px;
	position: relative;
}
.CustomYonoPreloginPageContainer {
	min-height: 650px;
    clear: both;
    margin: 0;
    /*background-color: #ffffff;*/
    width: 100%;
    height: auto;
    /*background-image: url(../images/yono/yono_background_image.png);
    background-size: 100% 100%;
    background-position-x: 50%;
    background-position-y: 50%;*/
}
.customYonoForgotPasswdHeadingWrapper {
	width: auto;
    height: auto;
    padding: 0% 4%;
}
.customYonoForgotPasswdBtnWrapper {
	position: absolute;
    bottom: -22px;
    width: 97%;
    text-align: center;
}
.forgot-setpass-panel-leftContainer {
    background-color: #F3F3F3;   
	height: 272px;
    width: 87%;
    float: left;
    margin-left: 6%;
	 margin-top: -346px;
	padding-left: 22px;
    padding-right: 2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.forgot-setpass-panel-rightContainer {
    background-color: white;   
	height: 193px;
    width: 87%;
    float: left;
    margin-right: 4%;
	margin-left: 6%;
	padding-right: 15px;
    border-top-right-radius: 7px;
	border-top-left-radius: 7px;
    border-bottom-right-radius: 0px;
	position: relative;
}
.forgot-setpass-panel-rightContainerPassword {
    background-color: #F3F3F3;
    width: 90%;
    margin-right: -4%;
    margin-left: 8%;
    padding-right: 15px;  
   border-radius: 5px !important;
}
.CustomPageLeftContainerPassword {
    float: left;
    width: 48%;
    background-color: #FFFFFF;
    border-radius: 5px !important;
}
.customYonoPreLoginHeaderTollFreeWrapper {
    float: right;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    margin: 14px 18px;
    padding-right: 18px;
    color: #6b6b6b;
    font-family: sans-serif;
}
.customYonoPreLoginHeaderTollFreeNumber {
    font-size: 15px;
    color: #333333;
}
.customYonoPreLoginHeaderTollFreeIconWrapper {
    position: absolute;
    right: 135px;
    top: 15px;
}
.customYonoPreLoginHeaderTollFreeIcon {
    color: #9F1C5D;
    font-size: 24px;
    background-color: #f3f3f3;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: block;
    padding-left: 4px;
}
.customYonoPreLoginHeaderTollFreeIcon:before {
	position: relative;
    top: 4px;
}
.customYonoPreLoginRegIntBankingWrapper .CustomYonoPreloginPageContainer {
	min-height: 820px;
}
.customYonoRegIntBankingWrapper {
    background-color: #ffffff;
    margin: 0% 4%;
    border-radius: 5px;
    padding: 0 10px;
    min-height: 650px;
    height: auto;
    position: relative;
}
.forgot-setpass-panel-leftContainer .customYonoGuidelineTxt {
	font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}
.forgot-setpass-panel-rightContainer .customYonoPasscolumn {
	margin-top: 0px;
	width:31%
}
.forgot-setpass-panel-rightContainer .customYonoPasscolumnRight {
	margin-top: 0px;
}
.forgot-setpass-panel-rightContainer .ui-combobox > input {
    font-size: 16px !important;
}
.forgot-setpass-panel-rightContainer .Customquerytextboxmedium, 
.forgot-setpass-panel-rightContainer .Customquerytextboxmedium1 {
    height: 24px !important;
    font-weight: bold !important;
}
.customYonoForgotPasswdSetPassBtnWrapper {
	position: absolute;
    bottom: 113px;
    margin-left: 38%;
}
.customYonoForgotQnAListWrapper{
	background-color: white;
    margin: 0% 4%;
    border-radius: 5px;
    padding: 0 15px;
    height: auto;
    min-height: 400px;
    max-height: 400px;
    position: relative;
}
.customYonoForgotQnATableWrapper{
	height: auto;
    min-height: 300px;
    max-height: 300px;
	padding: 0% 10%;
    overflow: hidden;
    overflow-y: scroll;
}
.customYonoForgotQnATableWrapper .CustomYonoQNAQuestionStyle {
    color: #000000;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}
.customYonoForgotQnATableWrapper .CustomYonoQNAAnswerStyle {
    font-size: 15px !important;
    height: 25px !important;
    margin-top: 8px !important;
	width: 100% !important;
	border-bottom: 1px solid #999999 !important;
}
.customYonoForgotQnATableWrapper .labelColumn {
    margin: 0px;
    padding: 0;
    height: 30px;
    width: 100%;
    float: left;
}
.customYonoForgotQnATableRowWrapper {
    background-color: #fff;
    float: left;
    width: 45%;
    margin-left: 3%;
    margin-top: 2%;
    margin-right: 1%;
    border-bottom: none;
    margin-bottom: 2%;
    text-align: left;
}
.customYonoForgotQnATableWrapper table td {
	display: block;
    width: 80%;
}


/* Landing pages styles by Venu */
.customYonoQnAButtonStyle {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    margin-top: 10px;
    margin-left: 44.6%;
}
.customYonoFrgtPwdOtpButtonStyle {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    margin-top: 10px;
    margin-left: 44.6%;
}
.customYonoPreLoginTollNoStyle {
    float: left;
    margin-left: 45%;
    /* padding-right: 7%; */
    margin-top: 1.3%;
    /* margin-right: 20px; */
    width: 8%;
    /* text-align: left !important; */
}
/* .customYonoPreLoginTolleFreeIcon {
    right: 826px;
    color: #9F1C5D;
    margin-left: 500px;
    font-size: 24px;
    background-color: #f3f3f3;
    border-radius: 100%;
} */
.customYonoPreLoginTolleFreeIcon {
    color: #9F1C5D;
    font-size: 24px;
    background-color: #f3f3f3;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    margin-left: 511px;
    display: block;
    padding-left: 4px;
    position: relative;
    top: -4px;
}
.customYonoPreLoginTollFreeTxt {
    font-size: 10px;
    font-weight: bold;
    float: left;
    color: #6b6464;
    margin-left: -60%;
    line-height: 0rem;
}
.customYonoPreLoginTollFreeNumberTxt {
    font-size: 16px;
    font-weight: initial;
    float: left;
    color: #000000;
    /* padding-left: 20px; */
    margin-left: -60px;
    line-height: 5px;
    margin-top: -3%;
}

.customYonoParentTable {
    /* height: 1024px; */
    height: auto;
    background-color: #ffffff;
    margin-bottom: -30px !important;
    /* background-image: url(../images/yono/yono_background_image.png); */
    width: 100%;
    /* background-position-y: 50%; */
    /* background-position-x: 124%; */
}
.CustomYonoRegNetBankingTxtStyle {
    padding-top: 20px !important;
    /* line-height: 32px !important; */
    height: 25px !important;
}
.customYonoRegNetBankFirstNameRow {
    margin-top: 8px !important;
    text-align: left;
    width: 22% !important;
}
.customYonoRegNetBankMiddleNameRow {
    margin-top: 8px !important;
    text-align: left;
    margin-left: 50px !important;
    width: 22% !important;
}
.CustomYonoRegNetBankingTxt {
    font-size: 15px;
}
.CustomYonoRegNetBankingDateTxtbox {
    font-size: 12px;
    color: #333333;
    text-decoration: none;
    width: 220px !important;
    /* margin: 16px 0px 9px 3px; */
    margin-top: 8px !important;
    margin-left: -10px !important;
    vertical-align: middle;
    border: 0px;
    background-color: transparent;
    height: 1.8em !important;
}
.CustomYonoRegNetBankingDateTxtbox_Calender  {
    margin-left: -17px;
    /* font-size: 13px !important; */
}
.CustomYonoRegNetBankingDateTxt {
    font-size: 15px;
    margin-left: -10px;
}
.CustomYonoRegNetBankingVerificationTxt {
    padding-top: 0px !important;
    /* line-height: 32px !important; */
    /* width: 10px !important; */
    height: 15px !important;
	margin-top: 9px !important;
}
.CustomYonoRegIntBankingCapcheImageStyle {
    clear: right;
    /* display: block; */
    top: 20px;
    position: relative;
    overflow: hidden;
    padding-bottom: 0px;
}
.RegIntBankingsection {
    padding-top: 0rem;
    padding-bottom: 1rem;
}
.CustomYonoRegIntBankingContainer {
    float: left;
    width: 90%;
    margin-top: 5px;
    /* height: 620px; */
    margin-left: 75px;
    height: auto;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    /* border: 8px; */
}
.CustomYonoRegNetBankingTitleTxtStyle {
    padding-top: 0px !important;
    /* line-height: 32px !important; */
    font-size: 15px;
    margin-left: 5px;
    height: 15px !important;
}
.CustomYonoRegNetbankingContainer {
    float: left;
    width: 90%;
    margin-top: 0px;
    /* height: 620px; */
    margin-left: 80px;
    height: auto;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    /* border: 8px; */
}
.CustomYonoRegIntBankingpanel {
    background-color: white;
    margin: 1% 6% 0;
    border-radius: 5px;
    padding: 0 15px;
    min-height: 675px;
    /* height: auto; */
}
.customYonoRegIntBankingNextButton {
    margin-top: 29px !important;
    margin-left: 37% !important;
    position: relative !important;
}
.customYonoRegNetbankingTabs, .forgot-password-text-container {
    display: flex;
}
.customYonoRegNetbankingTabs div {
    width: 100%;
    background-color: #999999;
    height: 4px;
    border-radius: 10px;
    margin: 4px;
}
.customYonoRegNetbankingTabs.border-step3 div {
	background-color: #0095DA;
}
.customYonoRegNetbankingTabs {
    display: flex;
    width: 325px;
    margin-left: 0px;
}
.customYonoRegNetbankingTabs2, .forgot-password-text-container {
    display: flex;
}
.customYonoRegNetbankingTabs2 div {
    width: 100%;
    background-color: #999999;
    height: 4px;
    border-radius: 10px;
    margin: 4px;
}
.customYonoRegNetbankingTabs2.border-step3 div {
	background-color: #0095DA;
}
.customYonoRegNetbankingTabs2 {
    display: flex;
    width: 602px;
    margin-left: -2px;
}
.customYonoRegNetBankingTabsTxt {
    color: #0095da !important;
    font-size: 12px !important;
    margin-left: -35px;
}
.customYonoRegNetbankingHeadings {
    font-size: 22px;
    color: #000000;
    font-family: sans-serif;
    font-weight: bold;
}
.customYonoRegNetbankingGuidelineTxt {
    font-size: 14px;
    /* font-style: italic; */
    color: #000000 !important;
    text-decoration: none;
    float: left;
    font-family: sans-serif;
    margin-left: 5%;
}
.CustomRegNetbankingNewPasswordTxtBox {
    background-color: #edf6fb;
    padding-top: 7px;
    border-color: #88A0C8 #88A0C8 #88A0C8;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    font-size: 11px;
    text-decoration: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    float: left;
    height: 24px !important;
    border: 1px solid #d3d3d3;
    min-width: 237px;
}
.CustomRegNetbankingConfirmPasswordTxtBox {
    background-color: #edf6fb;
    padding-top: 7px;
    border-color: #88A0C8 #88A0C8 #88A0C8;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    font-size: 11px;
    text-decoration: none;
    width: 100%;
    margin: 0px 0px 0px 30px !important;
    vertical-align: middle;
    float: left;
    height: 24px !important;
    border: 1px solid #d3d3d3;
    border-bottom: 1.5px solid #0095da !important;
    min-width: 237px;
}
.customYonoRegNetBankingTxt1 {
    color: #999999;
    font-size: 13px;
    font-family: sans-serif;
}
.customYonoRegNetBankingTxt2 {
    color: #0095DA;
    font-size: 13px;
    margin-top: -16px;
    font-family: sans-serif;
    margin-left: 30px;
}
.CustomYonoRegNetBankingSetPwdRightContainer {
    background-color: white;
    /* margin: 1% 6% 0; */
    /* border-radius: 5px; */
    /* padding: 0 15px; */
    min-height: 460px;
    width: 53%;
    /* height: auto; */
    float: left;
    margin-top: 1%;
    margin-bottom: 5%;
    margin-right: 3%;
    border-radius: 5px;
    margin-left: -1%;
}
.CustomYonoRegNetBankingSetPwdLeftContainer {
    background-color: #F3F3F3;
    /* margin: 1% 6% 0; */
    /* border-radius: 5px; */
    /* padding: 0 15px; */
    min-height: 460px;
    width: 35%;
    /* height: auto; */
    float: left;
    /* margin-left: 2%; */
    margin-top: 1%;
    margin-left: 6%;
    margin-bottom: 5%;
    border-radius: 5px;
}
.CustomYonoRegNetBankingSetPwdSubmitBtn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    top: 50px;
    position: relative;
    margin-left: 45px;
}
.customYonoRegNetBankingSetupBtnWrapper {
    position: absolute;
    bottom: -35px;
    width: 97%;
    left: 25px;
    top: 575px;
    text-align: center;
}



.customYonoForgotPasswdfinalSetupBtnWrapper {
    position: absolute;
    bottom: 0px;
    width: 97%;
    left: 450px;
    text-align: center;
}


.customYonoPreLoginHomeLinkBackIcon {
    color: white;
    font-size: 25px;
    float: left;
    /* background-color: snow; */
    margin-top: 20px;
    text-decoration-line: none !important;
    width: 40px;
}

.customYonoPreLoginHomeLinkBackIcon:active {
    background: none;
}
.customYonoPreLoginHomeLinkBackIcon:hover {
    color: white;
}

.customYonoFrgtPwdFinalFormBtn {
    border-radius: 40px;
    width: auto;
    float: left;
    vertical-align: middle;
    padding: 12px 42px;
    font-size: 12px;
    margin-left: -400px !important;
    margin-bottom: -35px !important;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
}

a#captionGoToLogin {
    color: white;
    text-decoration-line: none;
}

.customYonoRegNetBnkFinalFormBtn {
    border-radius: 40px;
    width: auto;
    float: left;
    vertical-align: middle;
    padding: 12px 42px;
    font-size: 12px;
    margin-left: -45px !important;
    margin-bottom: 0px !important;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
}
/* Landing pages styles by Venu */

/******* end: styles for landing pages *********/

.forgot-setpass-panel-rightContainer .Customquerytextboxmedium {
	border-bottom: 1px solid #999999 !important;
}
.customYonoFormGeneralDisabledBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 12px 42px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #999999;
    cursor: not-allowed !important;
    background: #f3f3f3;
    border: 0px solid #f3f3f3;
}

.customYonoRNDDataCaptureFieldCol {
	float: left;
	width: 100%;
}
.customYonoRNDDataCaptureFieldCol .error_highlight_right {
	display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}



.customYonoFlexiISANTBAltCongratstxt {
    font-size: 20px !important;
    font-weight: bold;
    top: 110px;
    left: 341px;
	color: #58B200;
    position: relative;
    font-family: sans-serif;
}

.customYonoFlexiISANTBAltCongratstxtNar {
    font-size: 20px !important;
    font-weight: bold;
    top: 110px;
    left: 365px;
	color: #58B200;
    position: relative;
    font-family: sans-serif;
}

.customYonoFlexiISANTBAltCongratsText1 {
    margin-left: -50px;
    line-height: 45px;
    position: relative;
    top: 30px;
    left: 15px;
    color: grey;
    /* margin-top: 10px !important; */
    font-size: 16px;
    font-family: sans-serif;
}

.customYonoFlexiISANTBAltCongratsText2 {
    margin-left: -38px;
    line-height: 5px;
    color: grey;
    left: 40px;
    top: 30px;
    font-size: 16px;
    position: relative;
    font-family: sans-serif;
}

.customYonoFlexiISANTBAltCongratsImage {
    position: relative;
    /* right: 21px; */
    top: 81px;
    align-items: center !important;
    left: 355px;
	color: #58B200;
}

.customYonoFlexiISANTBAltCongratsImageCongo {
    position: relative;
    /* right: 21px; */
    top: 81px;
    align-items: center !important;
    left: 462px;
	color: #58B200;
}


.customYonoFlexiISANTBAltCongratsImageNa {
    position: relative;
    /* right: 21px; */
    top: 81px;
    align-items: center !important;
    left: 263px;
	color: #58B200;
}

.customYonoFlexiISANTBAltCongratsImageCongoNa {
    position: relative;
    /* right: 21px; */
    top: 81px;
    align-items: center !important;
    left: 415px;
	color: #58B200;
}

.customYonoPreLoginFinalCongratsFormBtn {
    border-radius: 40px;
    width: auto;
    float: left;
    vertical-align: middle;
    padding: 12px 42px;
    font-size: 12px;
    margin-left: -45px !important;
    margin-bottom: -20px !important;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
}

.customYonoRMANewReqSubjectCol {
    float: left;
    margin-top: 60px;
    text-align: left;
    margin-left: 34%;
    width: 60%;
}
.customYonoRMANewReqSubjectColText {
    border: none;
    background: none;
    outline: none;
    width: 43%;
    float: left;
    font-size: inherit;
    border-bottom: 1px solid #999999;
    overflow: hidden;
}

.CustomYonoFormbtnpp1 {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 22px;
    padding-bottom: 5px;
    padding-left: 22px;
    font-size: 12px;
    font-family: Roboto-Light !important;
    /* margin: 0; */
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: right;
    margin-right: 19px;  /*changed by pallabi 17px original value */
    margin-bottom: 5px;
    text-decoration-line: initial !important;
}

.CustomYonoFormbtnpp11 {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 32px;
    padding-bottom: 5px;
    padding-left: 34px;
    font-size: 12px;
    font-family: Roboto-Light !important;
    /* margin: 0; */
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: right;
    margin-right: 29px;
    margin-bottom: 5px;
    text-decoration-line: initial !important;
}

.CustomYonoFormbtnpps {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 8px 19px !important; /*changed by paalabi 5px 32px 18Nov21 */
    padding-top: 8px;
    padding-right: 149px;
    padding-bottom: 5px;
    padding-left: 19px; /*changed by pallabi orignal value 20px */
    font-size: 12px;
    font-family: Roboto-Light !important;
    /* margin: 0; */
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: right;
    margin-right: 27px;
    margin-bottom: 5px;
    text-decoration-line: initial !important;
	/* added by pallabi start */
	display: inline-block;
    text-align: center !important;
	/*added by pallabi end */
}

.customYonoFormGeneralBtn21 {
    border-radius: 40px;
    width: auto;
    height: 47px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 27px 0px 30px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
    margin-top: -5px;
}


.customYonoFormGenerallandBtn21 {
    border-radius: 40px;
    width: auto;
    height: 47px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 27px 0px 30px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
    margin-top: -23px;
}

.CustomYonoFTPayANewBenfFormbtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 45px;
    /* margin-left: 12px !important; */
    padding: 5px 60px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 12px;
    font-family: sans-serif !important;
    margin: -15px -25px;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA) !important;
    border: 0 solid #333;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration-line: initial !important;
}
.customYonoFTSchedulePopUpCloseLink {
    float: left !important;
    margin-right: 120px !important;
    margin-bottom: -32px !important;
    margin-top: 0% !important;
    padding-right: 29px !important;
}
.customYonoFTSchedulePopUpNextLink {
    float: left;
    margin-right: 125px !important;
    position: absolute;
    left: 140px;
    margin-bottom: -32px;
    margin-top: 0%;
    padding-right: 29px !important;
}
.customYonoFTSchedulePopUpCloseFormBtn {
    border-radius: 40px;
    width: 95px;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    padding-top: 12px;
    font-weight: bold !important;
    padding-right: 45px;
    padding-bottom: 12px;
    padding-left: 22px;
    font-size: 12px;
    /* font-family: Roboto-Light !important; */
    margin: 0;
    background: white;
    font-family: sans-serif !important;
    color: #000000 !important;
    cursor: pointer;
    /* background: linear-gradient(135deg, #281172, #0095DA); */
    border: 1px solid #D3D3D3;
    float: left;
    text-decoration-line: initial !important;
}
.customYonoFTSchedulePopUpCloseFormBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoFTSchedulePopUpNextFormBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 40px;
    padding: 5px 60px;
    padding-top: 12px;
    padding-right: 45px;
    padding-bottom: 12px;
    padding-left: 29px;
    font-size: 12px;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA) !important;
    border: 0 solid #333;
    font-weight: bold !important;
    float: left;
    text-decoration-line: initial !important;
}
.customYonoFTSchedulePopUpNextFormBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoFTInitiatepaymentLeftListingWrapper p {
	height: auto !important;
}
.customYonoFTInitiatepaymentLeftListingWrapper .customYonoFndTrfDateColumn {
	height: 58px;
}
.customYonoFTInitiatepaymentLeftListingWrapper, .customYonofundTransferfRightListing, .customYonoFTinitiatePaymentBnfLeftListing {
    height: 100% !important;
    min-height: 350px !important;
}
.customYonoFTInitiatepaymentLeftListingWrapper .customYonoFndTrfLeftListingFieldHeadingRow input {
	font-size: 16px !important;
        margin-left: -331px;
}
.customYonoFTInitiatepaymentLeftListingWrapper .ui-combobox > input, 
.customYonoFTinitiatePaymentBnfLeftListing .ui-combobox > input {
	font-size: 16px !important;
	padding-right: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
/*comented by avijit for currency dropdown issue --start*/
        width: 277px !important;
/*comented by avijit for currency dropdown issue --end*/
}
/*.customYonoFTinitiatePaymentBnfLeftListing {
    width: 24%;
    float: left;
    overflow-y: hidden !important;
    min-height: 450px;
    overflow-x: hidden;
    background-color: #F3F3F3;
    border-radius: 5px;
}*/


.customYonoFTinitiatePaymentBnfLeftListing {
    width: 27%;
    float: left;
    overflow-y: hidden !important;
    min-height: 450px;
    overflow-x: hidden;
    background-color: #F3F3F3;
    border-radius: 5px;
}


.customYonoFTInitiatePayTransactionDateTextBox{
    float: left;
    height: 1.3rem !important;
    font-size: 12px !important;
    width: 90% !important;
}
.customYonoFTInitiatePayTransactionDateTextBox_Calender {
    margin-bottom: 60px;
    width: 15px;
    cursor: pointer;
    left: -20px;
    position: relative;
    padding: 0 !important;
}
.CustomYonoFTInitiatePayNoOfCyclesColumn {
    float: left;
    margin-right: 5px;
    margin-top: 12px;
    text-align: right;
    width: 45%;
}
.customYonoScheduleLastRow {
    float: left;
    margin: 2px 0;
    width: 100%;
    position: relative;
    top: 9px;
    /*border-bottom: 1.5px solid #f3f3f3;*/
}
.customYonoFundTransferMenuRowStyle:last-child {
	border-bottom: none;
}

.customYonoFndTrfLeftListingFieldHeading1 {
    text-align: left;
    margin: 22px 0px 0px 0px;

}


.customYonoFndTrfLeftListingFieldHeading1 .error_highlight {
    /* font-size: 0.8em; */
    font-size: 0.69em;
    color: #ff0000;
    top: 0px !important;
    position: relative !important;
    /* margin-top: 4px; */
    text-decoration: none;
    margin-left: 0px !important;
	
}



.customYonoFndTrfLeftListingFieldHeading1 {
    text-align: left;
    margin: 29px 0px 0px 0px;
}


.customYonoFndTrfRateAndAmountDtlsRow {
	height: 18px !important;
}
.customYonoConfirmTxnSummaryBtnWrapper .nextGen_HwButton {
	max-width: none;
}




.customYonoFndTrfLeftListingFieldHeadingRow .stage3_inputpanel_column{
	float: initial;
    margin-right: 5px;
    margin-top: 7px;
    text-align: left;
    width: 45%;
}

.customYonoFndTrfNoOfCyclesColumn {
	float: left;
    margin-right: 5px;
    margin-top: 7px;
    margin-left: 10px;
    text-align: right;
    width: 45%;
}
.customYonoFndTrfNoOfCyclesColumn .customYonoFndTrfLeftListingFieldHeading {
	padding-bottom: 5px;
}
.customYonoFndTrfNoOfCyclesColumn .error_highlight_right{
	float: left !important;
    width: 100%;
	font-size: 12px;
    text-align: left;
    margin-top: 10px;
	margin-bottom: 12px;
}

.customYonoFndTrfPaymentReferenceColumn {
	float: left;
    margin-right: 5px;
    margin-top: 7px;
    text-align: right;
    width: 45%;
}
.customYonoFndTrfPaymentReferenceColumn .error_highlight_right{
	float: left !important;
    width: 100%;
	font-size: 12px;
    text-align: left;
    margin-top: 10px;
	margin-bottom: 10px;
}

.customYonoRMBackIcon:hover {
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    top: -2px;
    position: relative;
    text-decoration: none !important;
}
.customYonoRMBackIcon:focus {
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    top: -2px;
    position: relative;
    text-decoration: none !important;
}

.customYonoFundInnerLinks112 {
    float: left;
    margin-right: 115px;
    margin-bottom: -32px;
    margin-top: 14%;
}

.CustomYonoFormLogoutbtn {
    position: relative;
    top: 460px;
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    /* padding: 0px 75px; */
    padding-top: 8px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-left: 14px;
    font-size: 12px;
    font-family: Roboto-Light !important;
    /* margin: 0; */
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: right;
    margin-right: 29px;
    margin-bottom: 5px;
    text-decoration-line: initial !important;
}

.customYonoErrorGreenIcon .CustomYonoBillTransactionRefernceStyle {
	    padding-left: 30px;
}

.customYonoFndTrfTransactionsTableWrapperVS .listrowwrapper {
	    line-height: 36px;

}

.customYonoFndTrfScheduledCurrencyStyle:after {
    content: ' ';
    margin-left: 5px;
}


.customYonoFndTrfPayToAccntCont .error_highlight_right {
    float: left !important;
    font-size: -12px !important;
	margin-top: -10px;
    margin-bottom: 0.5rem;
}
.customYonoFndTrfPayFromAccountDropdown {
	float: left;
    margin-right: 5px;
    margin-top: 7px;
    text-align: right;
    width: 45%;
}
.customYonoFndTrfPayFromAccountDropdown .error_highlight_right {
	float: left !important;
    font-size: 12px !important;
    margin-bottom: 0.5rem;
}
.customYonoFndTrfPayToAccntCont .customYonoFndTrfLeftListingFieldHeading {
	margin-top: -14px !important;
}
.customYonoFndTrfPayAmountEntryBox {
	float: left;
    margin-right: 5px;
    margin-top: 7px;
    text-align: right;
    width: 45%;
}
.customYonoFndTrfPayAmountEntryBox .error_highlight_right {
	float: left !important;
    font-size: 12px !important;
    margin-bottom: 0.5rem;
}

.customYonoFndTrfLeftListingAmountCurrencyColumn > .renderTextBoxAsLabel {
    margin-left: 0px;
    font-family: sans-serif;
    font-size: 16px;
}

.CustomYonoBillTransactionRefernceStyle {
    margin-left: 29px;
}


.redbgwithwidth {
	background-color: white !important;
    width: 99%/*next-gen; */;
}

.redbg {
	background-color: white !important;
    font-size: 12px;
    font-weight: normal;
    color: #4d4d4d;
    text-decoration: none;
    text-align: center;
    height: auto;
    position: relative;
    top: -15px;
    word-wrap: break-word;
    width: 99%;
}

.customYonoBillPayTransactionDtlsWrapperDet {
    margin: 5px;
    min-height: 400px;
    padding: 72px 40px;
    width: auto;
    background-color: #ffffff;
}

.customYonoBillPayRecentPmntTableDet {
    height: 250px;
    overflow-y: scroll;
    width: 100%;
    /* padding: 0% 12%; */
    padding: 0px 0px 0px 105px;
}

.customYonoMngDDListSelectedRow {
    border-left: 8px solid #0095DA;
}

.customYonoMngDDListSelectedRow:after {
    content: "\e904";
    font-family: 'yono-webportal-phase2-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0095da;
    font-size: 30px;
    position: relative;
    top: 26px;
}

.customYonoDeleteDirectDebitRemarksRow .error_highlight_right {
    padding: 0px 0px 0px 190px !important;
}

.customYonoFormDDDBtn {
    position: relative;
    top: 17px;
    border-radius: 40px;
    width: auto;
    height: 49px;
    vertical-align: middle;
    padding: 12px 28px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
}

.customYonoRMTTxnCurrencyCodeStyle21 {
    float: left;
    padding-left: 336px;
    padding-right: 10px;
    height: 2.3rem !important;
    padding-top: 14px;
    text-align: left;
    color: #fdfdfd;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 355px;
}

.customYonoPastTransactionIcon {
    font-size: 16px;
    color: #B90000;
    cursor: pointer;
    top: -27px;
    right: -479px;
    position: relative;
}

/********* Added for account overview - by Sourav*********/
.customYonoAccOverviewArrowRightIcon {
    font-weight: bold !important;
    border-left: 8px solid #0095da;
    background-color: #fff;
}
.customYonoAccOverviewArrowRightIcon:before {
	content: "\e93e";
    font-size: 45px;
    float: right;
    color: #0095da !important;
    margin-top: 23px;
	font-family: 'yono-webportal-phase2-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/********* Added for account overview - by Sourav*********/

.customYonoSvRadio:not(:checked)+.customSYonoBnfRadiaImgSelectors1 {
    background-color: #ffffff;
}
.customYonoSvRadio:checked+.customSYonoBnfRadiaImgSelectors1 > .customYonoMngBnfListRadioBtnTxt {
    color: #ffffff;
}


/*************ADDED BY VENU FOR ACCOVER VIEW START***************/

.customYonoACCOVRVIEWTabRadioSelectedText {
    background-color: #0095da !important;
    color: #fff;
    border-radius: 5px;
    color: white !important;
	display: inline-grid;
}

.customYonoACCOVRVIEWSavingsLeftContainer {
    width: 35%;
    background-color: #F3F3F3;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


.customYonoACCOVRVIEWSavingsRightContainer {
    width: 63%;
    background-color: #ffffff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 18px;
}

.customYonoACCOVRVIEWAccSavStatRow1 {
    float: left;
    /* margin: 2px 0; */
    width: 95%;
    position: relative;
    margin-top: 60px;
    overflow-x: hidden;
    overflow-y: scroll;
    min-height: 200px;
    max-height: 240px;
    margin-left: 3%;
}

.customYonoACCOVRVIEWAccSavStatFilterIcon {
    font-size: 24px;
    cursor: pointer;
    /*left: -170px;*/
    top: 20px;
    /*position: absolute;*/
    color: #9f1c5d;
    padding-right: 14px;
}

.customYonoAccColDropdown .ui-combobox > input {
    font-size: 15px !important;
    color: black !important;
    width: 200px !important;
}

.CustomYonoACCOVRVIEWFilterApplyFormBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 13px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA) !important;
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
}

.CustomYonoACCOVRVIEWFilterApplyLinkBtn {
    float: left !important;
    margin-right: 180px !important;
    margin-bottom: -12px !important;
    margin-left: 10px !important;
}

.CustomYonoACCOVRVIEWFilterTransactionRadioText {
    font-size: 0.8em;
    text-decoration: none;
    font-weight: normal;
    width: 100px;
    margin-left: -12px;
    border: 1px solid #999999;
    padding: 10px;
    padding-left: 30px !important;
    border-radius: 40px;
    color: #000;
    cursor: pointer;
}

.customYonoACCOVRVIEWFilterApplyFormDisabledBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 43px;
    padding: 5px 60px;
    padding-top: 13px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #999999;
    cursor: not-allowed !important;;
    background: #f3f3f3;
    border: 0px solid #f3f3f3;
    float: left;
    text-decoration-line: initial !important;
	pointer-events: none !important;
}

.customYonoFndTrfDateColumn .error_highlight_right {
    float: left !important;
    width: 100%;
    font-size: 12px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 8px;
}
.customYonoRMTPastTranTableWrapper .CustomYonoRMTPastTranTableRow {
    border-bottom: 0px solid #99999942 !important;
}

.CustomYonoRMTLandingPageLeftContainerScroll{
	float: left;
    width: 98%;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    margin-left: 1%;
    height: 403px;
    overflow-y: scroll;
}

.CustomYonoRMTPastTransactionsSectionNonScroll{
	background-color: #fff;
    padding-top: 1%;
    border-radius: 8px;
    padding-bottom: 1%;
    margin: 1%;
    height: 400px;
}

.CustomYonoLeinsimpletext {
    font-size: 18px;
}


.CustomYonoremarkstxt {
    font-size: 13px;
    position: relative;
    top: 12px;
}

.CustomTableStyle {
    /* width: 928px; */
    padding: 10px 40px 6px 18px;
}


.CustomYonoTermDepButtonNewStyle {
    margin: 0px 0px -20px 13% !important;
    width: 90px;
    height: 45px;
    font-size: 15px;
    left: 328px;
}


.customYonoLinkIndTermCondcolumn{
	float: left;
    margin-right: 5px;
    margin-top: 52px;
    text-align: center;
    margin-left: -5%;
    width: 100%;
}

.pageLeftContainerAO {
    float: left;
    width: 98%;
    background-color: #FFFFFF;
    border-radius: 5px !important;
}


.customYonoMngBnfAddRdoBtnSlctCont1 {
    padding: 7px 0px 0px 22px;
}

.customYonoOneViewTextStyle {
    font-size: 19px !important;
    text-decoration: none;
    vertical-align: middle;
    float: left;
    height: 33px !important;
    min-width: 237px;
    font-family: sans-serif !important;
    margin-left: 318px !important;
    width: 30% !important;
    margin-top: 45px !important;
}

.customYonoOneViewPEDOtpCaptureBtn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    position: absolute;
    top: 259px;
    margin-left: -55px;
    float: none;
    /* margin-top: -10px; */
}

.customYonoLinkCIFSEC2TxtNoteContent { 
    color: #000;
    line-height: normal;
    padding-left: 50px;
    text-align: center !important;
    text-transform: none !important;
    font-size: 15px;
    position: absolute;
    top: 1425px;
    left: 150px;
}

.customYonoLinkCIFSEC2Txt1Note {
    color: #000;
    line-height: normal;
    /* padding-left: 15px; */ 
    text-align: center !important;
    text-transform: none !important;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 1425px !important;
    left: 155px;
}

.customYonoLinkIndRow3Checkbox {
    float: left;
    margin-top: 9%;
    width: 99%;
    position: relative;
    margin-left: 0%;
}

.customYonoFDOLandingBtnAlignAdded {
    top: 1px;
    margin-left: 32%;
}

.customYonoLinkIndCongoAdded {
    background-image: url(../images/yono/congratulations.png);
    background-repeat: no-repeat;
    /* position: relative; */
    /* height: 100%; */
    width: auto;
    display: block;
    margin-top: 31%;
    margin-left: 21%;
    height: 133px;
    padding: 36px;
    position: relative;
    top: -101px;
}


.customYonoLinkIndtextAdded {
    font-size: 22px;
    text-transform: none;
    padding-left: 113px;
    color: #000;
    padding-top: 10px;
    font-weight: bold;
}

.customYonoLinkIndtext1Added {
    color: #999999;
    padding-left: 70px;
    text-transform: none !important;
    font-size: 16px;
}


.customYonoLinkIndiatext2Added {
    color: #999999;
    line-height: 1.5;
    padding-left: 137px;
    /* text-align: center !important; */
    text-transform: none !important;
    font-size: 16px;
}

.customYonoLinkIndRowModalCol {
    font-size: 0.75em;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    float: left;
    margin: 30px 0px 5px;
    color: #fff;
    display: block;
    width: 100%;
}
.customYonoLinkIndRowModalIcon {
    color: #58B200;
    height: 42px;
}
.customYonoLinkIndRowModalIcon:before {
	content: "\e938";
	font-family: 'yono-webportal-phase2-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	font-size: 55px;
	display: block;
}
.customYonoLinkIndTextAddedCol {
	text-align: center;
    height: 35px;
}
.customYonoDeLinkSBIIndiaTextAddedYelow {
    font-size: 22px;
    text-transform: none;
    color: #ec9d26;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoDeLinkSBIIndiaTextAddedGreen {
    font-size: 22px;
    text-transform: none;
    color: #58B200;
    padding-top: 10px;
    font-weight: bold;
}
.customYonoDeLinkSBIIndiaConfirmText {
    color: #999999;
    line-height: 1.5;
    text-transform: none !important;
    font-size: 16px;
}
.customYonoDeLinkSBIIndiaOKBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    position: relative;
    top: 6px;
    text-decoration-line: initial !important;
}

.customYonoLinkIndRowModalHelpIcon {
    color: #ec9d26;
    height: 42px;
}

.customYonoLinkIndRowModalHelpIcon:before {
    content: "\e91e";
    /* background: red; */
    font-family: 'yono-webportal-phase2-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 55px;
    display: block;
}

.customYonoDeLinkSBIIndiaNOBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 16px 35px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    position: relative;
    top: 12px;
    left: 11px;
    text-decoration-line: initial !important;
}

.customYonoDeLinkSBIIndiaYESBtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    padding: 14px 35px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    color: dodgerblue !important;
    cursor: pointer;
    background: white;
    border: 1.4px solid dodgerblue;
    position: relative;
    top: 12px;
    left: -18px;
    text-decoration-line: initial !important;
}

.customYonoBillPayRecentPmntTableLeft {
    height: 250px;
    overflow-y: scroll;
    width: 100%;
    padding: 0% 7% 0px 100px;
}

.customYonoAccOvrBalanceFont .hwblacktxt {
    color: #000 !important;
    font-weight: bolder !important;
    font-size: 15px !important;
}

.customYonoAccountsTableStyle .listgreyrowtxtleftline {
/*position: relative;*/
    width: 6%;
}
.customYonoAccountsTableStyle .hasPulldownMenu {
    position: relative !important;
    margin-top: -5px !important;
}

.customYonoAccountsTableStyle .hasPulldownMenu .menuChoices {
right: 2.5% !important;
}

.customYonoAccountsCommonSection .customYonoAccountsTableStyle {
    overflow: visible !important;
}
.customYonoAccHomePage{
    padding: 0px 0px 78px 0px;
}

.bluelink_outputField {
    color: #131212;
    display: inline-block;
    font-size: 0.69em;
    padding-top: 0px;
    text-decoration: none;
    width: 10%; /*changed by pallabi 78% original value */
	margin-left: 226px; /*added by pallabi amount alignment */
}



.CustomYonoRMTInquireTempOverdraftNonScroll {
    background-color: #fff;
    padding-top: 1%;
    border-radius: 8px;
    padding-bottom: 1%;
    margin: 22px 0px 0px 60px;
    height: 400px;
    overflow-y: scroll;
}

.CustomYonoMyReqTempDateBox_Calender {
    filter: invert(15%) sepia(71%) saturate(3614%) hue-rotate(314deg) brightness(90%) contrast(90%);
    cursor: pointer;
    position: relative;
    left: -24px;
    float: none;
    vertical-align: unset;
    margin-bottom: 0px;
    width: 18px;
} 

.CustomYonoMyReqTempDateBox {
	width: 86% !important;
    font-size: 14px !important;
    height: 25px !important;
    color: #000 !important;
    font-family: sans-serif !important;
}

.customYonoTempDraftHeadingTextStyle {
    font-weight: bolder;
    font-size: 16px;
    padding-left: 27px;
    font-family: sans-serif !important;
}

.customYonotempdraftColumn {
    float: left;
    margin-right: 5px;
    margin-top: 7px;
    width: 100%;
    padding-bottom: 20px;
}

.customYonoTempMyReqTableCaptionStyle {
    font-size: 16px;
    font-weight: bold;
    color: #404040;
    text-decoration: none;
    margin-left: -10px;
    height: 30px;
}


.customYonoRNDDataCaptureFormBCD {
    margin-bottom: 20px;
    overflow-y: scroll;
    margin: 47px 0px 82px 376px;
}

.customYonoATMBlockTopGreyContainer {
    background-color: #f3f3f3;
    height: auto;
    padding: 0px 159px 0px 206px;
	margin-top: -11px;
}

.customYonoATMCardDetBlockHeading {
    font-size: 13px;
    font-weight: bold;
}


.customYonoATMBlockBottomWhiteContainer {
    height: auto;
    padding: 0px 159px 0px 206px;
}
.customYonoCardDetcolumn {
    float: left;
    margin-top: 21px;
    text-align: left;
    width: 40%;
    line-height: 6px;
    margin-bottom: -11px;
}
.customYonoBlcDebDetTxnText {
    font-size: 13px;
    color: #999999;
    font-weight: bold;
}

.customYonoblckCardDetRow {
    float: left;
    width: 186.1%;
    height: auto !important;
}

.customYonoblckCardtopbarstyle {
    margin: -10px 0px 0px 0px;
}

.customYonoBlDbtStepsTextActive {
    color: #0095DA;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    bottom: 7px;
}

.customYonoBlDbtStepsText {
    font-weight: bold;
    font-size: 11px;
    color: #999999;
    position: relative;
    bottom: 7px;
}

.customYonoBlockATMRightListing {
	width: 43%;
	float: right;
}

.customYonoBlockATMRightListing .ui-combobox > input {
	font-size: 16px !important;
	padding-right: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.customYonoBlockATMLeftListing {
	width: 50%;
	float: left;
}

.customYonoBlockATMLeftListingWrapper p {
	height: auto !important;
}
.customYonoBlockATMLeftListingWrapper .customYonoFndTrfDateColumn {
	height: 58px;
}
.customYonoBlockATMLeftListingWrapper, .customYonofundTransferfRightListing, .customYonoFTinitiatePaymentBnfLeftListing {
    height: 100% !important;
}
.customYonoBlockATMLeftListingWrapper .customYonoFndTrfLeftListingFieldHeadingRow input {
	font-size: 16px !important;
}
.customYonoBlockATMLeftListingWrapper .ui-combobox > input, 
.customYonoFTinitiatePaymentBnfLeftListing .ui-combobox > input {
	font-size: 16px !important;
	padding-right: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.customYonoATMBlockBottomAuthWhiteContainer {
    height: auto;
    padding: 0px 0px 0px 3px;
}

.CustomYonoEditDataBLCKATMFormbtn {
    border-radius: 40px;
    width: 130px;
    font-weight: bold;
    height: 46px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 14px;
    font-family: sans-serif !important;
    color: #0095DA !important;
    cursor: pointer !important;
    background: linear-gradient(135deg,#ffffff);
    background-color: white;
    border: 1px solid #0095DA;
    text-decoration-line: initial !important;
    left: -219px;
    position: relative;
    bottom: -23px;
}

.CustomYonoSubmitBLCKATMFormbtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 5px 34px;
    font-size: 14px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0px solid #333;
    float: left;
    position: relative;
    left: 5px;
    top: -1px;
}

.customYonoManageATMCaptureBtn {
    padding-left: 28px;
    padding-right: 29px;
    height: 42px;
    position: absolute;
    top: 260px;
    margin-left: -55px;
    float: none;
}

.customYonoMangeCardFDOBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 5px 34px;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
    top: 21px;
    position: relative;
}

.CustomYonoPasswordPosition {
    padding-left: 15px;
    padding-top: 2px;
}

.customYonoFDOinterestFeaturesText {
    font-weight: bold;
    width: 247px !important;
    line-height: 24px;
}

.customYonoFDOmoneyoutFeaturesText {
	font-weight: bold;
    width: 224px !important;
    line-height: 20px;
}

.customYonoFDOFeaturestaxText {
    font-weight: bold;
    width: 247px !important;
    line-height: 23px;
    padding: 2px 31px 0px 31px !important;
}

.customyonoFLAlandimages {
    margin-left: 38px;
}

.customYonoNINHeadTextStyle{
	width: 30% !important;

}


.customYonoNINBoxstyle{
    margin-top: 64px;
}

.customYonoFLAContainer {
    align-items: center;
    background-color: #ffffff;
    text-align: center;
    height: 250px;
    border-radius: 5px;
    padding: 111px 0px 0px 375px;
    margin-top: 23px;
}

.customYonoFLAASaveDCInputTextHeading {
    color: grey;
    font-size: 11px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
}


.customYonoExFLAFixedCashAccntDtls .ui-combobox > input {
    padding-right: 24px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
}



.customYonoFLAAASaveDCInputTextHeading {
    color: grey;
    font-size: 11px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 12px;
}

.customYonoFLAAAmmountOutPutBox {
    color: #2a1272;
    font-size: 11px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    margin-top: 6px;
}

.customYonoFLAAAmmountOutPutBox1 {
    color: #2a1272;
    font-size: 11px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    margin-top: 6px;
}


.customYonoFLAAAmmountOutPutBox2 {
    color: #2a1272;
    font-size: 11px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    margin-top: 6px;
}


.customYonoFLAASaveDCInputBoldTextHeading {
    color: black;
    font-size: 11px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    font-weight: bold;
    text-align: center;
    margin-top: 21px;
}

.customYonoFLAASaveDCInputBoldTextHeading1 {
    color: black;
    font-size: 11px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 11px;
}

.customYonoFLAASmallAmmountOutPutBox {
    color: #2a1272;
    font-size: 11px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
	text-align: center;
}


.customYonoFLAGContainer {
    align-items: center;
    background-color: #ffffff;
    text-align: center;
    height: 250px;
    float: center !important;
    border-radius: 5px;
    padding: 0px 29px 0px 0px;
    /* margin-top: 23px; */
}

.customYonoFLAFormAccountDtlsRow {
    min-height: 60px;
    line-height: 30px;
}

.customyonoVioletTick {
    width: 28px;
    height: 25px;
    margin-left: 225px;
    margin-top: 21px;
}

.customYonoFLAPOLContainer {
    align-items: center;
    background-color: #ffffff;
    text-align: center;
    height: 250px;
    float: center !important;
    border-radius: 5px;
    padding: 0px 96px 0px 287px;
    margin-top: 33px;
}
.customYonoFLALeftContainer {
    float: left;
    width: 22%;
    height: 253px;
}

.customYonoFLAConfirmation70PercentWidth {
    float: left;
    width: 47%;
    height: auto;
    min-height: 400px;
    padding: 31px 0px 0px 0px;
}
.customYonoFLAPOLConfirmation70PercentWidth {
    float: left;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 34%;
    text-align: left;
	height: 324px;
    padding: 30px 0px 209px 0px;
}

.customYonoFLAPOLSaveDCInputBoldTextHeading1 {
    color: black;
    font-size: 16px;
    float: left;
    margin-left: 45px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    font-weight: unset;
    text-align: left;
	line-height: 22px;
}
.customYonoFLAPOLSaveDCInputBoldTextHeading2 {
    color: black;
    font-size: 16px;
    float: left;
    margin-left: 45px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 144%;
    font-weight: unset;
    text-align: left;
	margin-top: 47px;
	line-height: 22px;
}
.customYonoFLAPOLSaveDCInputBoldTextHeading3 {
    color: black;
    font-size: 16px;
    float: left;
    margin-left: 45px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 105%;
    font-weight: unset;
    text-align: left;
	margin-top: 33px;
	line-height: 22px;
}
.customYonoFLAPOLSaveDCInputBoldTextHeading4 {
    color: black;
    font-size: 16px;
    float: left;
    margin-left: 45px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    font-weight: unset;
    text-align: left;
	width: 75%;
	line-height: 22px;
}
.customYonoFLAPOLSaveDCInputBoldTextHeading5 {
    color: black;
    font-size: 16px;
    float: left;
    margin-left: 45px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;

    font-weight: unset;
    text-align: left;
	width: 134%;
	margin-top: 25px;
    line-height: 22px;
}

.customYonoFLAColumn{
	float: left;
    margin-right: 5px;
    margin-top: 7px;
    width: 100%;
    padding-bottom: 10px;
}
.customYonoFLAColumn2{
	float: left;
    margin-right: 5px;
    margin-top: 13px;
    width: 100%;
    padding-bottom: 10px;
}
.customYonoFLAColumn3{
	float: left;
    margin-right: 5px;
    margin-top: 1px;
    width: 100%;
    padding-bottom: 10px;
}
.customYonoFLAColumn4 {
    float: left;
    margin-right: 5px;
    margin-top: 35px;
    width: 100%;
    padding-bottom: 10px;
}
.customyonoFLAlandimages1 {
    margin-left: 38px;
    height: 152px;
    width: 188px;
}


.customYonoFLAAltFlowQnAFormStyle {
    height: 254px;
    margin-top: 62px;
    padding: 2px 20%;
    font-family: sans-serif !important;
    margin-left: -70px;
    margin-bottom: 20px;
    width: 114% !important;
    /* line-height: 257px; */
}

.customyonoFLAFrow{
    float: left !important;
}

.customyonoFLASrow {
    /* float: left; */
    /* margin: 23px 23px 23px 3px; */
    position: relative;
    top: 111px;
    left: 190px;
}

.customyonoFLASC {
position: relative !important;
    top: 42px !important;
    right: 245px !important;
}

.widget-content .widget-content .listingcol .empty-widget  {
	overflow-y: unset !important;
}
.customYonoFLACongTextHeading {
    color: black;
    font-size: 16px;
    float: left;
    margin-left: 10px !important;
    text-decoration: none;
    text-align: left;
    font-family: sans-serif !important;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
}


.customyonoFLAcongImage {
    margin-left: 422px;
    width: 196px;
}


.CustomYonoCPasswordStyle {
   
    font-size: .8em;
    vertical-align: middle;
    height: 24px;
    padding-left: 8px !important;
    border: 1px solid #333;
    max-width: 195px;
}
.customyonoFLAlandimages1 {
    margin-left: 38px;
    height: 152px;
    width: 188px;
}



.CustomOTPPrefstage3_inputpanel_paydetailsrow {
    float: left;
    margin: 5px 0;
    padding-bottom: 0px;
    padding-top: 35px !important;
    width: 100%;
    /* padding-top: 1px !important; */
}

.CustomOTPPrefabsmiddle {
    vertical-align: middle;
    margin-left: 5px;
    opacity: 1 !important;
    font-size: 0.813em;
    position: relative !important;
    margin-right: 3px;
}

.widget-body .simpletext {
    font-size: 0.69em;
    text-decoration: none;
    word-wrap: break-word;
    font-weight: normal;
}
.CustomOTPPrefsimpletext {
    color: #000000;
    /* font-size: 0.813em; */
    font-size: 14px !important;
    text-decoration: none !important;
    /* padding-top: 15px; */
}

.CustomOTPPrefstage3_inputpanel_leftcontainer {
    float: left;
    margin-bottom: 12px;
    width: 100%;
    /* border: 1px solid #CCCCCC; */
}

.CustomOTPPrefCheckBoxTXT {
	font-family: arial; font-size: 12px; font-style: italic; color: #505050; text-decoration: none; float: left;
}

.CustomOTPPrefsimpletextCheckbox {
    color: #000000;
    /* font-size: 0.813em; */
    font-size: 14px !important;
    text-decoration: none !important;
    padding-top: 0px;
    width: 100p;
    /* height: 17px !important; */
    /* line-height: 12px; */
    position: relative !important;
    left: -64px;
    top: 86px;
}
.CustomOTPPrefquerytextleftcheckbox {
    position: relative;
    left: 86px;
    top: 57px;
}

.CustomOTPPrefformbtn {
    /* font-size: 0.75em; */
    font-size: 0.69em;
    font-weight: normal;
    color: #404040;
    display: inline !important;
    text-decoration: none;
    /* padding-left: 3px; */
    padding-right: 10px;
    padding-left: 10px;
    /* margin: 0px 0px 0px 10px; */
    background: url(../images/backgrounds/buttonStyle02_new.gif) #1ab2ff no-repeat 100% 0px;
    border: 0px solid #333333;
    width: auto;
    vertical-align: middle;
    overflow: visible;
    float: left;
    height: 30px;
    cursor: pointer;
    line-height: 21px;
}


.CustomOTPPrefEnableBtn {
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    top: 217px;
    left: 455px;
    padding: 5px 34px;
    display: inline !important;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
}


.customYonoCASADisabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 45px;
    padding: 5px 45px;
    font-size: 15px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
	margin: -18px 0px 0px -39px;
	position: relative;
    padding-left: 20px;
    font-weight: bold;
    cursor: not-allowed !important;
    background: #f3f3f3;
    border: 0px solid #333;
    float: left;
} 
/******************************************************************************************************-->*/

.CustomOTPPrefSimpletxtHeading {
    color: #000000;
    font-size: 18px !important;
    text-decoration: none !important;
    padding: 14px -5px 0px 0px !important;
    font-weight: bold;
    text-align: center;
    position: relative;
    left: 438px;
}

.CustomOTPPrefstage3_inputpanel_paydetailsrow {
    float: left;
    margin: 5px 0;
    padding-bottom: 0px;
    padding-top: 35px !important;
    width: 100%;
    /* padding-top: 1px !important; */
}

.CustomOTPPrefabsmiddle {
    vertical-align: middle;
    margin-left: 5px;
    opacity: 1 !important;
    font-size: 0.813em;
    position: relative !important;
    margin-right: 3px;
}

.widget-body .simpletext {
    font-size: 0.69em;
    text-decoration: none;
    word-wrap: break-word;
    font-weight: normal;
}
.CustomOTPPrefsimpletext {
    color: #000000;
    /* font-size: 0.813em; */
    font-size: 14px !important;
    text-decoration: none !important;
    /* padding-top: 15px; */
}

.CustomOTPPrefstage3_inputpanel_leftcontainer {
    float: left;
    margin-bottom: 12px;
    width: 100%;
    /* border: 1px solid #CCCCCC; */
}

.CustomOTPPrefCheckBoxTXT {
	font-family: arial; font-size: 12px; font-style: italic; color: #505050; text-decoration: none; float: left;
}


.CustomOTPPrefformbtn {
    /* font-size: 0.75em; */
    font-size: 0.69em;
    font-weight: normal;
    color: #404040;
    display: inline !important;
    text-decoration: none;
    /* padding-left: 3px; */
    padding-right: 10px;
    padding-left: 10px;
    /* margin: 0px 0px 0px 10px; */
    background: url(../images/backgrounds/buttonStyle02_new.gif) #1ab2ff no-repeat 100% 0px;
    border: 0px solid #333333;
    width: auto;
    vertical-align: middle;
    overflow: visible;
    float: left;
    height: 30px;
    cursor: pointer;
    line-height: 21px;
}




.CustomOTPPrefDisableBtn {
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    top: 215px;
    left: 457px;
    padding: 5px 34px;
    display: inline !important;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    cursor: pointer !important;
    background: #f3f3f3;
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
    cursor: not-allowed !important;
}

.customYonoCASADisabledBtn {
    border-radius: 40px;
    vertical-align: middle;
    height: 45px;
    padding: 5px 45px;
    font-size: 15px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
	margin: -18px 0px 0px -39px;
	position: relative;
    padding-left: 20px;
    font-weight: bold;
    cursor: not-allowed !important;
    background: #f3f3f3;
    border: 0px solid #333;
    float: left;
} 
.CustomOTPPrefRadioText {
    font-size: 0.8em;
    text-decoration: none;
    font-weight: normal;
    padding: 10px;
    /* color: #000; */
    cursor: pointer;
    width: 84%;
    background-color: #F3F3F3;
    font-weight: bold;
	border-radius: 10px;
}

.CustomOTPPrefRadioColumn {
    width: 21%;
    display: inline-block;
    top: 73px !important;
    left: -74px;
    position: relative;
}


.CustomOTPPrefPayout {
    /* background-color: #F3F3F3; */
    height: 35px !important;
    border-radius: 5px;
    font-size: 14px;
}


.CustomYonoPasswordPosition {
    margin-left: -88px;
}

.customYonoFLAAltSortCodeTextStyle {
    /* height: 20px !important; */
    font-size: 20px !important;
    margin-top: -10px !important;
    height: 30px !important;
    margin-left: -6px !important;
    width: 299px !important;
}

.customYonoFLAAltSortCodeSearchIconStyle {
    position: relative;
    top: -32px;
    /* margin-left: 9px !important; */
    right: -113px;
    padding-left: -6px !important;
    font-weight: bold !important;
    font-size: 20px;
    /* color: #B90000; */
}


.customYonoOTPModeOpenCheckbox {
    margin-top: 82px;
    /* position: relative !important; */
    /* opacity: 1 !important; */
    z-index: 9999;
    margin-left: -69px;
    cursor: pointer;
    width: 28px;
    height: 28px;
}
.CustomOTPPrefEnableOTPBtn {
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    top: 48px;
    left: 417px;
    padding: 5px 34px;
    display: inline !important;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
}
.CustomPaddingOTPscreen {
    padding: 23px;
}
.CustomyonoSusccsesposcol {
    color: #58B200;
    font-size: 59px;
    position: relative;
    top: 23px;
    left: 167px;
}
.CustomYonoOTPSuccess_text {
    color: #58B200;
    top: 52px;
    position: relative;
}

.CustomOTPOkOTPBtn {
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    top: 218px;
    left: 345px;
    padding: 16px 31px;
    display: inline !important;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
}

.CustomOTPPrefEnableOTPBtn2 {
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    top: 204px;
    right: 306px;
    padding: 5px 39px;
    display: inline !important;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
}

.CustomOTPPrefEnableOTPBtn1 {
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    top: 205px;
    right: 367px;
    padding: 5px 34px;
    display: inline !important;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #0095da;
    cursor: pointer !important;
    background: white;
    /* margin-top: 11px !important; */
    border: 2px solid #0095da;
    float: left;
}

.CustomYonoEmailOTPTexttagHelper .labelColumn {
    background: none !important;
    top: 59px;
    left: -18px;
    position: relative;
}

.CustomYonoEmaillableotp {
    font-size: 17px;
    position: relative;
    top: 65px;
    left: -34px;
}

.CustomOTPPrefEnableOTPBtnAlt2 {
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    top: 136px;
    left: 541px;
    padding: 5px 39px;
    display: inline !important;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
}
.CustomOTPPrefEnableOTPBtnAlt1 {
    position: relative;
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    top: 182px;
    right: 447px;
    padding: 5px 34px;
    display: inline !important;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #0095da;
    cursor: pointer !important;
    background: white;
    /* margin-top: 11px !important; */
    border: 2px solid #0095da;
    float: left;
}

.CustomYonoEmailOTPTexttagAltHelper .type_EmailId {
    top: 48px;
    position: relative;
}

.CustomYonoEmailOTPTexttagAltHelper2 .type_EmailId {
    top: 71px;
    position: relative;
}

.CustomYonoOTPsimpletextnewEmail {
    top: 63px;
    position: relative;
    font-size: 13px;
    right: 37px;
}
.CustomYonoOTPsimpletextnewEmail2 {
    top: 84px;
    position: relative;
    font-size: 13px;
    right: 37px;
}
.CustomYonoEmaillableOTPsimpletext {
    font-size: 13px;
    position: relative;
    top: 9px;
    right: 51px;
}

.customYonoOtpSearchsimpletext_sideheadingalt {
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    color: #404040;
    /* margin-left: 12px; */
    margin-top: -35px !important;
    margin-left: 0%;
    text-align: center;
}

.Customyonowidth100percent {
    width: 101% !important;
}

.CustomYonoFormbtnOTP {
  border-radius: 40px;
    width: auto;
    left: 142px;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 31px;
    padding-bottom: 5px;
    padding-left: 28px;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: bold;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA) !important;
    border: 0 solid #333;
    float: left;
    text-decoration-line: initial !important;
    position: relative;
}
.CustomyonoAtmPininputstyle {
    width: 232px !important;
    /* align-content: center; */
    left: 407px;
    position: relative;
    top: -16px;
}
.CustomyonoAtmPininputlabstyle {
    left: 405px;
    position: relative;
}
.customYonoFLAAltCyberReceiptContainer {
    height: 251px;
}

.customYonoFlexiFLAAltNTBAltCongratsImage {
    position: relative;
    /* right: 21px; */
    top: 9px;
    align-items: center !important;
    left: 398px;
    width: 201px;
}
.customYonoFlexiFLAAltNTBAltCongratstxt {
    font-size: 20px !important;
    font-weight: bold;
    top: 29px;
    left: 423px;
    position: relative;
    font-family: sans-serif;
}
.customYonoFlexiFLAAltNTBAltCongratsText1 {
    margin-left: -70px;
    line-height: 45px;
    position: relative;
    top: -39px;
    left: 72px;
    color: grey;
    /* margin-top: 10px !important; */
    font-size: 16px;
    font-family: sans-serif;
}
.customYonoFlexiFLAAltNTBAltCongratsText21 {
    margin-left: -70px;
    line-height: 45px;
    position: relative;
    top: -55px;
    left: -46px;
    color: grey;
    /* margin-top: 10px !important; */
    font-size: 16px;
    font-family: sans-serif;
}

.icon-ic-ServiceList-FLA:before {
      content: "\e90d";
}

.CustomYonoSectionATMPadding {
    padding: 3rem 0rem 0rem 0rem;
}

/* .customYonoPEATMDMobOtpCaptureBtn {
    padding-left: 45px;
    padding-right: 45px;
    height: 42px;
    position: absolute;
    top: 260px;
    margin-left: -80px;
    float: none;
     margin-top: -10px; 
} */

/* .icon-ic-ServiceList-AGP:before {
    content: "\e930";
} */

.customYonoPEATMDMobOtpCaptureBtn{
    padding-left: 29px;
    padding-right: 45px;
    height: 42px;
    position: absolute;
    top: 268px;
    margin-left: -80px;
    float: none;
    left: 373px;
}

.customYonoFLACyberReceiptAccNoStyle {
    color: grey;
    font-size: 14px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-family: sans-serif !important;
    display: block;
    left: 123px;
}

.customYonoFLACyberReceiptAccNoVals {
    font-size: 18px;
    top: 10px !important;
    position: relative;
    left: 123px;
}

.customYonoFLACyberReceiptAccNoSortNoStyle {
    color: grey;
    font-size: 14px;
    position: relative;
    top: 20px;
    font-weight: bold;
    font-family: sans-serif !important;
    display: block;
    left: 179px;
}
.customYonoFLACyberReceiptAccNoSortNoVals {
    font-size: 18px;
    top: 10px !important;
    position: relative;
    left: 179px;
}

.customYonoFLAAccOpenMoreDetFeaturesText {
    font-weight: bold;
    float: left;
    margin-top: -25px;
    margin-right: 30px;
    font-size: 17px;
    color: black;
}
.customYonoFLATermsAndConditionsText{
	font-size: 13px !important;
    font-weight: bold;
}
.CustomFlaOtpconsent {
    top: -16px;
    position: relative;
}



.CustomyonoFLAleftIntent {
    left: -34px;
    position: absolute;
    top: 61px;
    height: 43px;
    margin-top: 8px;
}

.CustomyonoFLAlconsnt {
    position: relative;
    top: 27px;
    left: 3px;
}
.customYonoIFLAAltAuthorizationContainer{
    color: #666666;	
	
}
.Customyonoflasecconstcheck {
    position: relative !important;
    top: 48px !important;
    left: 0px !important;
    height: 23px !important;
    width: 23px !important;
}


.CustomyonoFLAfirstfirconst {
    margin-left: -5px;
    line-height: 21px;
}

.customyonosecFLAconscheck {
    top: 29px !important;
}


.customYonoFLAAltasdAuthCheckbox {
    margin-top: 0px;
    z-index: 9999;
    margin-left: 4px;
    cursor: pointer;
}
.CutomyonoAGPPositionOKButton {
    position: relative;
    top: 16px;
}


.customYonoConfirmTxnTextFLAAccountname {
	font-size: 16px;
	color: #000000;
	line-height: 2;
	float: left;
}
.customYonoConfirmTxnTextFLACurrency {
	font-size: 16px;
	color: #000000;
	line-height: 2;
	float: left;
	margin-top: -12px;
}
.customYonoConfirmTxnTextFLAAccountNumber {
	font-size: 16px;
	color: #000000;
	line-height: 2;
	float: left;
	margin-top: -3px;
}

.customYonoFndFLARightListingFieldHeadingRowDebit .ui-combobox-input {
    width: 217px !important;
    top: -8px;
    position: relative;
    height: 34px;
	font-weight: bold !important;
}


.customyonomakedropdownBold .ui-combobox-input {
	font-weight: bold !important;
}


.CustomyonoTextboldBDC{
font-weight: bold;
}



/*Added by Avijit for Accounts : View Closed Account */

.customviewclosedlink

{
        padding-right: 565px;
    font-weight: 600;
    font-size: 18px;

}


/*Bhakti added for pre login page*/

.customtollcalltxt
 {
    position: absolute;
    text-align: right;
    padding-top: 0px;
}


.customtollcallno
 {
    position: absolute;
    text-align: right;
    
}

.customtoll{
position: relative;
}


.customYonotxt {
    color: #000000;
    font-size: 16px;
    /*font-weight: bolder;*/
    /* float: left; */
    vertical-align: middle;
    padding-top: 3px;
    padding-left: 20px;
    display: inline;
    border-bottom: 0px;
}


.customYonotxttollcall {
    color: #000000;
    font-size: 16px;
    /*font-weight: bolder;*/
    /* float: left; */
    vertical-align: middle;
    padding-top: 3px;
   /* padding-left: 20px;*/
    display: inline;
    border-bottom: 0px;
}


.customYonotxtmail {
    color: #000000;
    font-size: 16px;
    /*font-weight: bolder;*/
    /* float: left; */
    vertical-align: middle;
    padding-top: 3px;
    padding-left: 20px;
    display: inline;
    border-bottom: 0px;
}
.customdisply
 {
    padding-left: 70px;
    display: block;
}
.customdisplymail
 {
    padding-left: 70px;
    display: block;
}
.CustomYonotollfreeIconLogin{
	color: #ffffff;
    font-size: 32px;
    padding-left: 12px;
    padding-top: 8px;
    float: right !important;
    /*background: linear-gradient(135deg, #281172, #0095DA);*/
    border-radius: 100%;
    width: 55px;
    height: 50px;
    cursor: pointer;
    margin-right: 20px;
}
.customYonoLoginWrapper .CustomYonotollfreeIconLogin {
    padding: 0px !important;
    width: 51px !important;
    height: 51px !important;
    position: relative;
    left: -35px;
    top: 4px;
    box-shadow: 0px 4px 10px grey;
}
.customtext
{
    text-transform: none;
}

.custompaddng {
    vertical-align: inherit;
    padding-right: -14px;
    padding-left: 58px;
}

/*Bhakti added end */


/*Bhakti added for remittance start */


.CustomYonoRMTContainer1 {
    background-color: #ffffff;
    text-align: center;
    height: 440px;
    border-radius: 10px;
    padding: 0px 135px;
}


.CustomYonoRMTLANDContainer1 {
    background-color: #ffffff;
    text-align: center;
    height: 471%;
    border-radius: 10px;
    padding: 0px 135px;
	margin-top: 15px;
}
.CustomYonoCASAContainer1 p, .customYonoISARequirement p {
	height: auto !important;
}



.customYonoRMTceading {
    font-size: 42px;
    text-transform: none;
    color: #ffffff57;
    font-family: sans-serif !important;
    /* font-weight: Bold; */
}

/*for image position 25012021*/



/* 
.customImageposition {
    position: absolute;
    padding-left: 107px;
}
 */

.customYonoNormalText{	
    font-size: 12px;	
    padding-left: 250px;
}


.customRMTheadingbhforicon{
    position: absolute;
    padding-top: 29px;
}


.customRMTheadingbh {
    position: absolute;
    padding-top: 32px;
    padding-left: 8px;
}
/*Bhakti added for remittance*/



/*Narendra  28jan2021 for manage bene statecode*/

.customYonoMngBnfRightTextHeadingStateCode{
	color: #262a2c;
	font-size: 0.8em;
	text-decoration: none;
	text-align: left !important;
	margin-left: 190px !important;
	width: 100%;
	float: left;
}

.customYonoMngBnfRightTextBoxStateCode{
	float: left;
	margin-left: 191px !important;
	height: 21px !important;
	pointer-events: none;
}
.customYonoSearchIconStateCode{
	font-size: 15px;
	color: #B90000;
	margin-left: 154px !important;
	cursor: pointer;
}


/*Narendra  28jan2021 for manage bene statecode  end*/




/*29JAN2021  bhakti addes for manage bene*/
.customUSYonoRemittanceFromMngBnfAmountRowStyleUS{
	float: left;
    /* margin-right: -400px; */
    margin-top: 60px;
    text-align: right;
    width: 100%;
	margin-left: -4%;
}
.customUSYonoRMTMNGBnfTxnCurrencyNameStyle1{
	float: left;
    /*padding-left: 236px; */
    padding-right: 10px;
    height: 2.3rem !important;
    padding-top: 14px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    /*left: 284px; */
	right: 46%;
}
.customYonoRemittanceAmountRowStyleUS{
	float: left;
    /*margin-right:-400px;*/
    margin-top: 7px;
    text-align: right;
    width: 100%;

}
.customUSYonoRMTTxnCurrencyNameStyle1{
    float: left;
    padding-left: 20px;
    padding-right: 10px;
    height: 2.3rem !important;
    padding-top: 14px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 334px;
}



/* Amount Entered Name Field start */
.CustomRMTSendReceiveStylenw {
    font-size: 11px;
    font-family: sans-serif;
    color: grey;
    /* left: -310px; */
    /* margin-left: -385px; */
    margin-top: 34px;
    margin-left: 32px;
    position: absolute;
}

.CustomRMTReceiveSendStylenw {
    font-size: 11px;
    color: grey;
    line-break: none !important;
    top: 0px;
    white-space: nowrap;
    left: -151px;
    font-family: sans-serif;
    position: relative;
}
/* Amount Entered Name Field End */

.customYonoMNGFTRMTAmtValue {
    width: 16% !important;
    float: left;
    /*border: 1px solid #F3F3F3 !important;
    height: 27px !important;
    padding-top: 17px !important; */ /*commented by pallabi for 22890 */
    padding-left: 0px !important;
    border-radius: 3px !important;
    font-weight: bold;
    margin-left: 27px !important;
}



.customYonoMNGFTExchRateAmtValue {
    width: 16% !important;
    float: left;
    border: 1px solid #F3F3F3 !important;
    height: 45px !important;
    padding-left: 5px !important;
    padding-left: 5px !important;
    margin-top: -5px;
    border-radius: 3px !important;
    padding-top: 20px;
    text-align: left;
    font-weight: bold;
}



.customYonoFndTrfExchangeRateConvertedAmtValue {
   width: 15% !important;
    float: left;
    border: 1px solid #c4bbbb !important;
    height: 40px !important;
    padding-left: 6px !important;
    padding-top: 18px !important;
    border-radius: 3px !important;
    padding-top: 7px;
    text-align: left;
    /* margin-top: -15px !important; */
    height: 43px !important;
}



.CustomRMTReceiveSendStyle1 {
    font-size: 11px;
    color: grey;
    line-break: none !important;
    top: 3px;
    white-space: nowrap;
    left: -248px;
    font-family: sans-serif;
    position: relative;
}



.customYonoRMTExchangeRateCustomFlagStyle_brdr {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 42px !important;
    width: 90px;
    padding-top: 14px;
    background: linear-gradient(135deg, #281172, #673391);
    text-align: left;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: 1px;
}
.customYonoRMTExchangeRateCustomFlagStyle_brdr1 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 42px !important;
    width: 90px;
    padding-top: 14px;
    background: linear-gradient(135deg, #281172, #673391);
    text-align: left;
    border-top-right-radius: -3px;
    border-bottom-right-radius: 3px;
    margin-top: 0px;
}


.customUSYonoRMTTxnCurrencyNameStyle21 {
    float: right;
    padding-left: 7px;
    padding-right: -8px;
    height: 2.3rem !important;
    padding-top: 14px;
    text-align: right;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: -174px;
    margin-right: 330px;
}

.customUSYonoRMTTxnCurrencyNameStyle2{
    float: left;
    padding-left: 3px;
    padding-right: 10px;
    height: 2.3rem !important;
    padding-top: 14px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    right: -9px;
    margin-right: 277px;

}


/*  bhakti addes for manage bene end*/



/*for initiate rmt text  30012021  RMT landing page --- start */

.customRMTLandingfontstyle {
    font-family: sans-serif;
    font-weight: normal;
}

.custombhrmtwidth {
    width: 510px;
    margin-left: auto;
    left: auto;
    right: auto;
}

.customYonoRMTHeadingbhnew {
    font-size: 40px;
    text-transform: none;
    color: #ffffff60;
    font-family: sans-serif;
    /* font-weight: bold; */
}

.custompaddingrmt
{
    padding-left: 27px;
}

.sectionbhnew {
    padding-top: 4rem;
    padding-bottom: 1rem;
}

/*for initiate rmt text  30012021  RMT landing page start   --- end */

 
/*Bhakti added for RATE ALERT 30012021  start*/
 
 



.customYonoRATEHeadingbhnew {
    font-size: 40px;
    text-transform: none;
    color: #ffffff60;
    font-family: sans-serif;
    /* font-weight: bold; */
}

.custompaddingrmtRATE
{
    padding-left: 27px;
}

.sectionbhnewratealrt {
    padding-top: 4rem;
    padding-bottom: 0rem;
}


/* .customYonoRMTSetRateAlertTopContainer {
    background-color: #f3f3f3;
    height: 53px;
	
} */

/* Added by Niveditha for ATM Services */

.customYonoRMTSetRateAlertTopContainer {
    background-color: #f3f3f3;
    height: 70px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.customYonoSuccessInnerRatebutton {
    float: left;
    margin-right: 115px;
    margin-bottom: -37px;
    margin-top: 0%;
}

.customYonoOWNFTinitiatePaymentBnfLeftListing {
    width: 24%;
    float: left;
    overflow-y: hidden !important;
    min-height: 450px;
    overflow-x: hidden;
    background-color: #efd7d700;
    border-radius: 5px;
}
.customYonoFormGeneralBtncustom {
    border-radius: 40px;
    width: 11%;
    height: 39px;
    vertical-align: middle;
    padding: 12px 28px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(
110deg
, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
}

.customYonoImageScreenColorFontcustom {
    color: #333333;
    margin-top: -39px;
    margin-left: -634px;
}

.customYonoTermsConditionsLinkStylecustom {
    font-size: 15px;
    color: #0095DA;
    /* margin-right: 222px; */
    margin-left: 635px;
}
.customYonoFndTrfNoteColumncustom {
    float: left;
    margin-top: -56px;
    width: 100%;
    margin-left: 63%;
}

.customYonoFndTrfLeftListingAmountColumncustom {
        float: left;
    margin-right: 5px;
    text-align: left;
    width: 24%;
    font-size: 12px;
    margin-top: -33px;
    margin-left: -2px;
}

.customYonoFndTrfRateAndAmountDtlsContcustom {
    width: 78%;
    text-align: left;
    float: left;
    margin-left: 397px;
    margin-top: -34px;
}

.customYonoFndTrfRateAndAmountDtlsContcustomAmount {
    width: 80%;
    text-align: left;
    float: left;
    margin-left: 398px;
    margin-top: -15px;
}


/*Naren added for Manage Ben 30012021  start*/

.customYonoMngBnfComboBoxColumnCountry {
    float: left;
    margin-right: 5px;
    margin-top: -3px;
    text-align: right;
    width: 45%;
    margin-left: 190px !important; /*Changed By Pallabi for country dropdown international beneficiary: 42px */

}


.customYonoMngBnfLeftTextHeadingCountry {
    color: #262a2c;
    font-size: 0.8em;
    text-decoration: none;
    text-align: left !important;
    margin-left: 188px !important; /*Changed by Pallabi for country dropdown international beneficiary: 42px */
    width: 100%;
    float: left;
}

.customYonoMngBnfColumnsearchIconSort {
    float: left;
    margin-top: 1%;
    text-align: right;
    width: 36%;
}


/*Naren added for Manage Ben 30012021  end*/

/*Bhakti added for RATE ALERT 30012021  end*/

.customYonoFndTrfLeftListingAmountCurrencyOWNColumn{
    margin-left: 0px;
    font-family: sans-serif;
    font-size: 13px;
    margin-top: -20px;
	
	}

.CustomAmountAllignment{
    padding-left: 0px !important;
    margin-left: 71px !important;
    height: 21px !important;
    width: 202px !important;	
	}

.CustomUKPAmntAllignment{
  /*padding-left: 40px !important;*/

   padding-left: 0px !important;
    float: left;
    height: 20px !important;
    width: 210px !important;
    margin-left: 62px !important;
    	
	}
	
	.customremarkallignment{
    margin-left: 288px !important;	
	}
	.customremark{
    margin-left: 289px !important;	
	}
	.CustomAmount{
    margin-left: 296px;
	
	}

.customcontinueactiv{
    margin-right: 416px !important;	
	}
.xyz span.redstar{ 
   display:none;	
	}


	
	/*Mails - abhishek*/
.mailOptionsContainer{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 250px;
	margin-top: 40px;
}
.mailOptionsContainer button:nth-child(-n+3){
	width: 70%;
	height: 45px;
	border-radius: 25px;
	border: 1px solid #0095DA;
}
.leftGroupletMails {
	width: 100% !important;
}
#ParentDiv_MailsHomeCorp_STATIC_MailListNew{
	width: 100%;
}

.mailViewContainer{
	width: 100% !important;
}

.mailViewHeadings{
	border-bottom: 1px solid lightgray;
	margin-top: 18px;
}

.mailViewDeleteIcon{
	position: absolute;
	top: 9%;
	left: 92%;
}

.mailViewDeleteIcon .trashIconSize{
	font-size: 38px;
}

.customSelectedFolderStyle{
	/*font-weight: bold;
    color: white;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 50px 9px 45px;
    display: inline-block;
    width: 100%;
    border-radius: 25px;*/
    background-color: #0095DA;
}

/*
.customSelectedFolderStyle:after{
	 content: url('../../common/yono/css/fonts/ic-arrow-right.svg');
	 background-image: url('../../common/yono/css/fonts/ic-arrow-right.svg'); 
	content: ">";
	position: absolute;
    left: 90%;
    font-size: 25px;
    color: #0095da;
	pointer-events: none;
}
*/
.customSelectedFolderStyle:after {
    content: "\e904";
    font-family: 'yono-webportal-phase2-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0095da;
    font-size: 30px;
    position: absolute;
    right: 12px;
    pointer-events: none;
}

.customUnselectedFolderStyle{
  background-color: white;
}


.customComposeMailbtn{
	width: 200px !important;
}
.customBackIconMails{
	position: absolute;
	top: -64px;
	left: 0;
	font-size: 25px;
	color: #fff;
	cursor: pointer;
}

.customBackIconReplyMail{
	position: absolute;
	top: -64px;
}

.customMailReplySubject{
	font-size: 30px;
	font-weight: bold;
	height: 100% !important;
}

.customMailReplyToWrapper{
	font-size: 18px;
	height: 100%;
	padding-left: 10px;
}

/* .customMailReplyToWrapper > span:first-child {
	font-weight: bold;
}

.customMailReplyToWrapper > span:nth-child(2) {
	color: #999999;
	padding-left: 5px;
} */

.customMailReplyHeaderWrapper{
	background: none;
	border-top: none;
	width: 100%;
	border-bottom: 1px solid lightgray;
	margin-left: 0px;
	margin-right: 0px;
	height: 219px;
}

.customMailReplyTextArea textarea{
	background: none;
}

.customMailReplyTextArea textarea:focus {
	outline: none;
}

.customSendReplybtnMargin{
	margin-left: 44%;
}

.customAttachIcon{
	position: absolute;
    top: 7%;
    left: 88%;
    background-color: #ececec;
    width: 55px;
    height: 55px;
    padding: 13px;
    border-radius: 26px;
}

.customMailViewSubject{
	position: absolute;
	top: 7%;
	left: 32%;
}

.customReplyMailbtn{
	width: 20px;
	height: 20px;
}

.customMailViewToField{
	color: black;
}

.customMailViewBorder{
	margin-top: -20px;
	padding-bottom: 40px;
	border-bottom: 1px solid lightgray;
}

.customReplyMailBody{
	width: 117%;
}

.customReplyMailBody .mailsinputtextarea-span{
	width: 100% !important;
}

.customReplyMailBody .cleditorMain{
	background-color: white !important;
	height: 280px !important;
}

.customReplyMailBody .cleditorMain > div:first-child{
	display: none;
}

.customReplyMailSubjectWrapper{
	position: absolute;
	top: 10px;
	left: 20px;
}

.customReplyMailSubject{
	font-size: 21px;
	margin-top: 10px;
	margin-left: 1px;
	font-weight: bold;
}

.customMailReplyToLabel{
	position: absolute;
	top: 60px;
	left: 22px;
	font-size: 22px;
}
.customMailReplyToLabel > span{
	font-weight: bold !important;
}

.customMailReplyToField{
	position: absolute;
	top: 53px;
	left: 48px;
	font-size: 20px;
}
.customMailReplyToField > span{
	color: darkgray;
	font-weight: bold;
}

.customMailReplySendbtn{
	position: absolute;
	top: 425px;
	left: 45%;
}

.customMailReplyAttachbtn{
	position: absolute;
	top: 30px;
	left: 80%;
}

.customMailReplyRemovebtn{
	position: absolute;
	top: 30px;
	left: 88%;
}

.customMailReplyAttachmentList{
	margin-top: -46px;
	margin-left: 10px;
}

.customMailReplyAttachmentList a{
	border: 1px solid blue;
	border-radius: 12px;
	padding: 7px;
	width: 150px;
	font-size: 14px !important;
	padding-left: 0px;
}
.customMailReplyAttachmentList > span:first-child{
	text-align: center;
}

.customMailReplyAttachmentbtnList{
	margin-top: 9px;
}

.customMailViewReplybtn{
	position:absolute;
	top: 10%;
	left: 85%;
}

.customMailViewReplybtn > input{
	width: 50px;
	margin-left: 22px;
}

.customMailViewRestorebtn{
	position:absolute;
	top: 10%;
	left: 65%;
}

.customMailViewTrashIconWidth{
	width: 30px;
}

.customMailViewReplyIcon{
	position:absolute;
	top: 10%;
	left: 88%;
}

.customMailAttachWrapper span.queryitalictext{
	display: none;
}

.customMailAttachWrapper > div {
	margin-bottom: 15px;
}

.customMailAttachmentListRemovebtn{
	margin-top: -23px;
}


.customComposeMailbtn{
width: 200px !important;
}


/* Styles for kebab menu on trash mails */

.customKebab {
  cursor: pointer;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 16px;
  position: absolute;
  top: 35px;
  left: 94%;
}
.customKebab figure {
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background: #00bcd4;
    margin: 3px 0;
  }

.customKebabMiddle {
  transition: all 0.25s cubic-bezier(.72,1.2,.71,.72);
  transform: scale(1);
  position: relative;
  box-shadow: 0 0.1px 0.1px 0 rgba(0, 0, 0, 0.16), 0 0.1px 0.3px 0 rgba(0, 0, 0, 0.12);
  -webkit-filter: blur(.1px);
  filter: blur(.1px);
}

.customKebabMiddle.active {
  transform: scale(4.5);
  transition: all 0.25s cubic-bezier(.32,2.04,.85,.54);;
  box-shadow: 0 0.1px 0.1px 0 rgba(0, 0, 0, 0.16), 0 0.1px 0.3px 0 rgba(0, 0, 0, 0.12);
}

.customKebabCross {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  margin-top: -1px;
  color: white;
  transition: all 0.2s cubic-bezier(.72,1.2,.71,.72);
  font-size: 22px;
  user-select: none;
}

.customKebabCross.active {
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.15s cubic-bezier(.32,2.04,.85,.54);;
}

.customKebabDropdown {
    position: absolute;
    right: 40px;
    top: 0;
    width: 220px;
    height: 100px;
    background-color: white;
    transition: all 0.25s ease-out;
    transform: scale(0);
    transform-origin: 100% 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}

.customKebabDropdown li {
      display: block;
      width: 100%;
}
.customKebabDropdown a {
        width: 100%;
        padding: 1em 18px;
        display: inline-block;
        white-space: pre;
        box-sizing: border-box;
}

.customKebabDropdown.active {
  transform: scale(1);
  transition: all 0.25s cubic-bezier(.5,1.8,.9,.8);
}

.customKebabMenuDeleteOption{
	position: absolute;
	top: 0;
	left: 0;
}

.customKebabMenuRestoreOption{
	position: absolute;
	top: 50%;
	left: 0;
}

.customKebabMenubtn{
	width: 220px;
	height: 50px;
	color: black !important;
	font-size: 17px;
	text-align: left;
	padding: 0px 20px;
}

.customTrashIconMailList{
	font-size: 35px;
    position: absolute;
    color: #B90000;
    left: 90%;
    margin-top: 12px;
}

.customToAccountDropdown input.customToMailID_comboText{
	pointer-events: none;
}

.customMailListTable {
	height: 400px !important;
}

.customMailListTable table tbody td {
	max-width: 530px;
	overflow: hidden;
}

.customMailViewTitle{
	position: absolute;
    top: -60px;
    left: 37px;
}
.customCMailsendspan{
	position: absolute;
	top: 90%;
	left: 55%;
	margin-left: unset;
}

.customCMailTextBody .cleditorMain{
	height: 365px !important;
}

.customCMailTextBody .cleditorMain textarea{
    color: #F3F3F3;
    display: inherit !important;
}

.customCMailTextBody .cleditorMain iframe{
    position: absolute;
    left: 30px;
	width: 94% !important;
	top: 256px;
}

.customCMailToAccountDropdown #customToMailID_comboText {
	width: 310px !important;
}

.displaynone{
	display: none;
}
.displayinherit{
	display: inherit;
}
.top{
          float: left;
    margin-right: 5px;
    margin-top: 6px;
    text-align: right;
    width: 45%;
    	}
.customamntmargin{
margin-top: -12px;
}
.remarkallignment
{
margin-top: -10px;
}
.custompaytoaccountcolumn span.redstar
{
display: none;
}

.Congratulations
{
margin-left: 61px;
}

/*Mails end*/

/*Fund Transfer Avijit*/

.customYonoRMTFndTrfLeftListingFieldHeading {
    color: #999999;
    font-size: 11px;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    margin-top: 2px;
}

.customYonoRMTAMTFndTrfLeftBnfListingFieldHeadingValue {
    float: left;
    width: 100%;
    text-align: left !important;
    font-size: 12px;
    padding-top: -10px;
}

.customYonoRMTAMTFndTrfBnfListingFieldHeading {
    float: left;
    font-size: 11px;
    padding-top: 72px;
}


.customYonoRMTCURFndTrfBnfListingFieldHeading {
    float: left;
    font-size: 11px;
    padding-top: 51px;
}

.customYonoRMTCURFndTrfLeftBnfListingFieldHeadingValue {
    float: left;
    width: 100%;
    text-align: left !important;
    font-size: 12px;
    padding-top: -9px;
}

.customYonoRMTPYNGTOFndTrfBnfListingFieldHeading {
    float: left;
    font-size: 11px;
    padding-top: 30px;
}

.customYonoRMTRemittanceBnfSelectedStyle

 {
    float: left;
    text-align: left !important;
    font-size: 12px;
    padding-top: 15px;
}
.customYonoFndTrfnicknamermtLeftBnfListingFieldHeadingValue {
    float: left;
    width: 100%;
    text-align: left !important;
    font-size: 12px;
    /*padding-top: 15px;*/
}
.FEE{
 position: absolute;
    top: 206px;
    left: 350px;
}

.chargesamnt
{
position: absolute;
    top: 252px;
    /* left: 396px; */
	right : 112px;
}

.customYonoConfirmFundTransferTxnText {
    font-size: 13px;
    color: #000;
    font-family: sans-serif !important;
	}
	
.customMUError_Row_Span{
    float: left;
    background-color: PINK;
    width: 97.3%;
    margin-top: -58px;
    margin-left: 258px;
}	
	
/*Fund Transfer END Avijit*/

/*RM Appointment start Narendra*/


.CustomYonoRMADateBoxnewnar {
    width: 99% !important;
    font-size: 14px !important;
    height: 25px !important;
    color: #000 !important;
    pointer-events: none;
    font-family: sans-serif !important;
}
.CustomYonoRMADateBoxnewnar_Calender {
    margin-left: 240px;
    margin-top: -32px;
    filter: invert(15%) sepia(71%) saturate(3614%) hue-rotate(314deg) brightness(90%) contrast(90%);
    cursor: pointer;
}

/*RM Appointment start Narendra*/

.hideline .listrowwrapper
{
border-top: 12px solid white !important;
}
/*Fund Transfer OTP AviJITCHNG*/

.customYonoImageScreenColorFonttop {
    color: #333333;
    margin-top: 268px;
    /* margin-right: 8px; */
    margin-left: 317px;
}

.customYonoTermsConditionsLinkStyletop {
    font-size: 15px;
    color: #0095DA;
    margin-left: -302px;
}

/*Added by pallabi for bill payments confirm start  31032021*/
.CustomYonoFormbtnConfirmBiller {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 42px;
    padding: 5px 45px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    text-transform: uppercase;
    text-decoration-line: initial !important;
    
}

input#CounterPartyCRUDFG\.CUST_NAME {
    height: 35px;
}

input#CounterPartyCRUDFG\.CUST_NICK_NAME {
    height: 35px;
}

.customYonoMngBillerRedCustDeleteHeading {
    color: #B90000;
    font-size: 18px;
    padding-left: 58px;
    font-weight: bold;
    text-transform: none;
}

.customYonoCustBillerDeleteSubHeading {
    font-size: 14px;
    text-transform: none;
    padding-left: 30px;
    color: #000;
    padding-top: 3px;
    margin-left: 0px;
    font-weight: normal;
}

.customYonoCustomerInitiatePaymentLeftListingPanel {
	/*float: left; */
    width: 100%;
    background-color: #F3F3F3;
    min-height: 116px;
    height: auto;
    max-height: 131px;
    /* border-bottom-left-radius: 10px; */
    border-top-left-radius: 10px;
/*     overflow: hidden; */
    border-top-right-radius: 10px;
    /* border-bottom-right-radius: 10px*/
}

.customYonoCustomerInitiatePaymentLeftListingPanelBKP07042021
{
    width: 27%;
    float: left;
    overflow-y: hidden !important;
    min-height: 450px;
    overflow-x: hidden;
    background-color: #F3F3F3;
    border-radius: 5px;
}

}
.customYonoCustomerInitiatePaymentLeftAlign {
	float: left;
    text-align: left;
    min-width: 305px;
}

.customYonoCustomerDetailRightlistingpaneldiv {
    float: right;
    width: 60%;
    /* border-top: 1px; */
    /* border-left: 1px solid #CCCCCC; */
    /* border-right: 1px solid #CCCCCC; */
    /* border-bottom: 1px solid #CCCCCC; */
    /* background-color: #fff; */
    min-height: 400px;
    /* border-bottom-right-radius: 10px; */
    height: auto;
    max-height: 400px;
}

.customYonoInitiatePaymentf70percentRightListing {
	width: 70%;
	float: left !important;
	min-height: 450px;
	
}

.customYonoInitiatePaymentLeftListingBnfFieldHeadingRow {
	float: left;
	width: 64%;
	margin-left: 10%;
	margin-top: -4%;
}

.customYonoInitiatePaymentLeftListingFieldHeadingAmtValue {
	float: left;
    height: 0px !important;
}

.customYonoInitiatePaymentLeftListingFieldHeadingValue {
	float: left;
    width: 6% !important;
    height: 0rem !important;
    font-size: 12px !important;
    margin-left: 10% !important;
}

.customYonoInitiatePaymentRemarksLeftListingFieldHeadingValue {
	float: left;
    width: 14% !important;
    height: 0rem !important;
    font-size: 12px !important;
	 margin-top: 20px !important;
}

.customYonoBillRadioListingPanel {
	margin-top: 1%;
    /* display: flex; */
    margin-right: 23%;
    margin-left: -4%;
    padding-left: 26%;
    width: 83%;
}

/* .customYonoBillPaymentf70percentRightListing { */
/* 	width: 70%; */
/* 	float: left !important; */
/* 	min-height: 450px; */
	
/* } */
.customYonoFTBillInitiatepaymentLeftListingWrapper, .customYonofundTransferfRightListing, .customYonoFTinitiatePaymentBnfLeftListing {
    height: 100% !important;
    min-height: 337px !important;
}

.customBillPaymentAmountTextArea {
	width: 117% !important;
}

.customYonoBillInitiatePaymentReferenceColumn {
	float: left;
    margin-right: 5px;
    margin-top: 7px;
    text-align: right;
    width: 195px;
}
.customYonoBillInitiatePaymentReferenceColumn .error_highlight_right{
	float: left !important;
    width: 100%;
	font-size: 12px;
    text-align: left;
    margin-top: 10px;
	margin-bottom: 10px;
}
.nextButtonBillInitiatePayment{
	left: 26%;
	}
/*Added by pallabi for bill payments confirm end  31032021*/

/*Added by Niveditha for Remittance stand 01042021*/
.customYonoFndTrfExchangeRateConvertedAmtValueBold{
    width: 15% !important;
    float: left;
    border: 1px solid #c4bbbb !important;
    height: 40px !important;
    padding-left: 6px !important;
    padding-top: 18px !important;
    border-radius: 3px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    padding-top: 7px;
    text-align: left;
    height: 43px !important;
    font-weight: bold;
}
.customYonoMngBnfDetailsSideHeadingMovedown
{
position: absolute;
padding-top: 19px;
}
.customYonoMngBnfListDetailsSideHeadingValueMovedown
{
padding-top: 22px;
}
/*Added by Niveditha for Remittance end 01042021*/
/*Added by Pallabi for Bill Payments start 07042021*/
.customYonoBillPaymentLeftListingAmountColumn {
	float: left;
    margin-right: 5px;
    text-align: right;
    width: 24%;
    font-size: 12px;
    margin-left: -1px;
}

.customBillPaymentRemarksTextArea {
	width: 146% !important;
}
/*Added by Pallabi for Bill Payments end 07042021*/

.customYonoFDOBtnBill {
    border-radius: 40px;
    vertical-align: middle;
    height: 46px;
    padding: 5px 34px;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
}



/*Bhakti Added For Remittance Static Page 100421*/
.customfontrmt
{
    color: gray;
	max-width: 75%;
    margin: 0 auto;
    line-height: inherit;
}


.customnewbackicon
{
position: relative;
    top: 22px;

}


.customnewbackiconpast
{
position: relative;
    top: -2px;

}

 

/*  Remittance carousel - start */

 


.customRMTCarousel {

  width: 100%;

  height: 450px;

  border-radius: 3px;

  overflow: hidden;

  position: relative;

  /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); */

}

 
.customRMTCarousel {

  width: 100%;

  height: 450px;

  border-radius: 3px;

  overflow: hidden;

  position: relative;

  /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); */

}

 

.customRMTCarousel &:hover .controls {

    opacity: 1;

}

 

 

.customRMTCarousel .customRMTControls {

    opacity: 0;

    /* display: flex; */

    display: none;  /* added to hide arrow buttons */

    position: absolute;

    top: 50%;

    left: 0;

    justify-content: space-between;

    width: 100%;

    z-index: 99999;

    transition: all ease 0.5s;

}

.customRMTControls .contrl {

      margin: 0 5px;

      display: flex;

      align-items: center;

      justify-content: center;

      height: 40px;

      width: 40px;

      border-radius: 50%;

      background-color: rgba(255, 255, 255, 0.7);

      opacity: .5;

      transition: ease .3s;

      cursor: pointer;

}

.contrl &:hover {

        opacity: 1;

      }

 

 

.customRMTCarousel .customSlides {

      position: absolute;

      top: 50%;

      left: 0;

      transform: translateY(-50%);

      display: flex;

      width: 100%;

      transition: 1s ease-in-out all;

}

.customSlides .customEachSlideRMT {

        min-width: 100%;

        min-height: 250px;

        height: auto;

}

 

.customEachSlideRMT > img {

       margin-left: 20%;

       transform: translateX(-50%);

       min-width: 200px;

       height: 200px;

       margin-bottom: 4px;

       object-fit: contain;

}

.customEachSlideRMT > p {

       text-align: center;

       font-weight: 600;

}

 

.customCarouselRadiobtn{

       border: 1px solid darkgray;

       width: 15px;

       height: 15px;

       border-radius: 8px;

}


 

/* Remittance carousel - end */


/*Remittance Landign page css start*/

.customRMTLandingfontstyleIRMT
{
color: black;

}
.customRMTLandingfontstyleIRMT a:focus
{
text-decoration:none !important;
}

.customYonoRemittanceMenuCardArrowIconnew
{
    font-size: 35px;
    color: #0095DA;
    cursor: pointer;
    text-decoration: none !important;
	    margin-left: 153px;
}



/*Remittance landing page css end*/
/*Rate Alert start*/
.customrowtop
  {
      margin-top: 21%
  }
  .customtopnote
  {
  top: 40px;
  }
  .customYonoRMTRateAlersuccesstFooterHeading 
   {
    font-size: 10px;
    font-weight: bold;
    color: #0008;
}
  
  .customYonoRMTRATEfinalSetupBtnWrapper {
   
    position: absolute;
    bottom: 0px;
    width: 64%;
    left: 128px;
    text-align: center;
    /* padding-top: 8px; */
    top: 215px;
}

  
.customrmtratebhnew
  {
    position: absolute;
	padding-top: 200px;

    padding-left: 329px;
}




.customYonoRMTRATEImageCongoNa {
    position: relative;
    /* right: 21px; */
    top: 81px;
    align-items: center !important;
    left: 109px;
    color: #58B200;
}


.customYonoFRMTRATEcongratstxtNar {
    font-size: 20px !important;
    font-weight: bold;
    top: 110px;
    left: 40px;
    color: #0000;
    position: relative;
    font-family: sans-serif;
}

.customrmtratebh {
    position: absolute;
    padding-top: 0px;
    padding-left: 0px;
	margin-top: 31px;
}

.CustomYonoRMTRATEFormbtn {
    border-radius: 40px;
    width: auto;
    vertical-align: middle;
    height: 32px;
    padding: 5px 60px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 12px;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(135deg, #281172, #0095DA);
    border: 0 solid #333;
    float: left;
	text-transform: uppercase;
    font-weight: bold;
    text-decoration-line: initial !important;
}



.customYonoRMTRATESuccessText {
    font-size: 18px;
    text-transform: none;
    padding-left: 15px;
    color: #58B200;
    padding-top: 3px;
    /* font-weight: bold; */
}


.customYonoSRMTRATEuccessModalIcon {
    color: #58B200;
    font-size: 50px;
    margin-left: 101px;
    float: right;
    height: 42px;
    margin-bottom: 10%;
}

.customYonoRMTRATEFDOBtn {
    border-radius: 51px;
    vertical-align: middle;
    height: 36px;
    padding: 10px 34px;
    font-size: 15px;
    font-family: sans-serif !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer !important;
    background: linear-gradient(135deg, #281172, #0095DA);
    /* margin-top: 11px !important; */
    border: 0px solid #333;
    float: left;
	margin-top:-6px;
}

.customYonoRMTRATEFDOBtn:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.customYonoRMTRATEFDOBtnContainer {
	padding: 0px !important;
    margin-left: 44%;
    margin-top: -25px;
}

.RMT-Rate-main-panel {
        background-color: white;
    margin: 1% 6% 0;
    border-radius: 5px;
    padding: 0 15px;
    height: 187px;
	width: 309px;
    border-top: 0px;
    min-height: 201.967px;
    height: auto;
}


/*Rate Alert End*/

.customYonoFormGeneralBtnNew {
    border-radius: 40px;
    width: auto;
    height: 39px;
    vertical-align: middle;
    padding: 12px 28px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif !important;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
    background: linear-gradient(110deg, #281172, #0095DA);
    border: 0 solid #333;
    text-decoration-line: initial !important;
}
.custommmarginRMTok
{

    margin-left: 473px;
	position: absolute;
}
/*Bhakti Added For Remittance Static Page 100421*/

/*Niveditha Added For New ATM Card Activation 12042021 START*/
 .customYonoATMBlockTopGreyContainerNew{
    background-color: #f3f3f3;
    height: auto;
    padding: 0px 159px 0px 206px;
    margin-top: -11px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; 
  }
  .customYonoCardDetcolumnNew {
    float: left;
    margin-top: 21px;
    text-align: left;
    width: 23%;
    line-height: 6px;
    margin-bottom: -11px;
}

.customYonoConfirmTxnText2New {
    font-size: 14px;
    color: #000000;
    line-height: 2;
}

.customYonoRMAppConfirmTxtNew {
    font-size: 14px;
    color: #000000;
    line-height: 2;
    overflow-wrap: break-word;
}
/*Niveditha Added For New ATM Card Activation 12042021 END*/

/*Added by Avi for Checkbox stop chq  */
.customYonoImageScreenColorFont1{
    color: #333333;
    margin-top: 24%;
}

.customYonoFDOStopCheckbox {
    margin-top: 159px;
    z-index: 9999;
    margin-left: 1px;
    cursor: pointer;
}
/*Added by Avi for Checkbox stop chq  end*/

/*Added by Nagarjuna for Closed Accounts  end*/
.customYonoAccountsRight100PercentSectionClosedAcct {
    width: 98%;
    background-color: #ffffff;    
    overflow-y: scroll;
    overflow-x: hidden;
}	
	
/*Added by Nagarjuna for Closed Accounts  end*/

.customdropdown input{
    width: 43px !important;

}

/*Avi for currency change start*/
.customYonoFTInitiatepaymentLeftListingWrapperCUR p {
	height: auto !important;
}
.customYonoFTInitiatepaymentLeftListingWrapperCUR .customYonoFndTrfDateColumn {
	height: 58px;
}
.customYonoFTInitiatepaymentLeftListingWrapperCUR, .customYonofundTransferfRightListing, .customYonoFTinitiatePaymentBnfLeftListingCUR {
    height: 100% !important;
    min-height: 350px !important;
}
.customYonoFTInitiatepaymentLeftListingWrapperCUR .customYonoFndTrfLeftListingFieldHeadingRow input {
	font-size: 16px !important;
        margin-left: -331px;
}
.customYonoFTInitiatepaymentLeftListingWrapperCUR .ui-combobox > input, 
.customYonoFTinitiatePaymentBnfLeftListingCUR .ui-combobox > input {
	font-size: 16px !important;
	padding-right: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
/*comented by avijit for currency dropdown issue --start*/
       width: 294px !important;  /* changed by pallabi 277px */
/*comented by avijit for currency dropdown issue --end*/
}
/*avi currency change end*/


/* Added by abhishek for bankers cheque request ui change start */

.customBankersChequeRequestInput{
	width: 390px !important;
	height: 24px !important;
	border-bottom: 1px solid lightgray !important;
}

.customBankersChequeRequestInputSmall{
	width: 130px !important;
	height: 2rem !important;
	border-bottom: 1px solid lightgray !important;
	float: left;
}

.customBankersChequeRequestDropdown input{
	width: 390px !important;
	border-bottom: 1px solid lightgray !important;
}

.customPurposeDropdown input{
	margin-left: -6px !important;
}

.customBCRAmountInput {
	height: 24px !important;
	width: 260px !important;
	border-bottom: 1px solid lightgray !important;
}

.customBCRmarginleft{
	margin-left: -7px;
}

.customBCRmarginright{
	margin-right: -22px;
        padding-top: 5px;
}

.customBCRAddressHeader{
	border-top: 0;
	margin-left: 10px;
}

.customBCRRemarksRow{
	margin-bottom: 15px !important;
}

.customBCRborderbottom input{
	border-bottom: 1px solid lightgray !important;
	font-size: 1em !important;
}

.customBCRSearchIcon{
	position: absolute;
	left: 23%;
}

.customBCRAdressConfirmationField{
	margin-right: 5px;
	font-size: 19px;
}

.customBCRAddressConfirmationWrapper{
	height: 60px;
    padding-bottom: 0px !important;
    width: 500px !important;
    position: absolute;
    top: 147px;
    left: 410px;
}

.customBCRAddressConfirmationWrapper h3{
	border-top: 0;
}

.customBCRSuccessAddressConfirmationWrapper{
	height: 60px;
    padding-bottom: 0px !important;
    width: 500px !important;
    position: absolute;
    top: 217px;
    left: 63px;
}

.customBCRSuccessAddressConfirmationWrapper h3{
	border-top: 0;
}

.customBCRAdressMarginleft{
	margin-left: 15px;
}

.customSubmitBCR{
margin-right: 492px;
}

.customaddressallignmentBCRDetails{
 padding-left: 11px;
}

/* Added by abhishek for bankers cheque request ui change end */
/* Added by Abhishek for TD ui change start */
/* lead creation carousel - start */

.customCarousel {
  width: 100%;
  height: 450px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); */
}
 
.customCarousel &:hover .controls {
    opacity: 1;
}

  
.customCarousel .customControls {
    opacity: 0;
    /* display: flex; */
    display: none;  /* added to hide arrow buttons */
    position: absolute;
    top: 50%;
    left: 0;
    justify-content: space-between;
    width: 100%;
    z-index: 99999;
    transition: all ease 0.5s;
}
.customControls .contrl {
      margin: 0 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.7);
      opacity: .5;
      transition: ease .3s;
      cursor: pointer;
}
.contrl &:hover {
        opacity: 1;
      }

  
.customCarousel .customSlides {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      display: flex;
      width: 100%;
      transition: 1s ease-in-out all;
}
.customSlides .customEachSlide {
        min-width: 100%;
        min-height: 250px;
        height: auto;
}

.customEachSlide > img {
	margin-left: 50%;
	transform: translateX(-50%);
	min-width: 200px;
	height: 200px;
	margin-bottom: 50px;
	object-fit: contain;
}
.customEachSlide > p {
	text-align: center;
	font-weight: 600;
}

.customCarouselRadiobtn{
	border: 1px solid darkgray;
	width: 15px;
	height: 15px;
	border-radius: 8px;
}

.customLeadCreationNextbtn{
	bottom: -34px !important;
	left: 45% !important;
	margin-left: 0 !important;
}

.customSlides .customTDCarouselEachSlide {
        min-width: 100%;
        min-height: 250px;
        height: auto;
}

.customTDCarouselEachSlide > img {
	min-width: 200px;
	height: 200px;
	margin-bottom: 50px;
	object-fit: contain;
}
.customTDCarouselEachSlide > p {
	text-align: center;
	font-weight: 600;
}

/* lead creation carousel - end */

.customTDcarouselNextbtn{
	margin-top: -40px;
	margin-left: 55px;
}

.customTDKeyPointsNextbtn {
	margin-top: -40px;
	margin-left: 45px;
}

.customTDFormFieldMargin{
	margin-left: 50px;
}

.customTDFormLabelwidth100{
	width: 100%;
}

.custombcriconallignment{
position: absolute;
    left: -16px;
}

.customtextallignment{
    width: 240px !important;
    height: 30px !important;
    margin-left: 17px !important;
}

.customYonoSCRNormalTextBCR{
font-size: 10px;
    padding-left: 4px;
}

.customtextallignmen{
    position: absolute;
    left: 7px;
}
.customallignmentinterest{
 margin-left: 1px !important;
}

.customclosedacctlinkallignment{
    left: 317px;
    top: 362px;
}

.customTDbuttonallignmentDEP{
position: absolute;
    top: 360px;
}

.customviewclosedlinkDEP {
    font-weight: 600;
    font-size: 18px;
    /* margin-right: 300px; */
}

.customclosedaccountlinkallignmentDEP{	
	position: absolute;
    left: 683px;
    top: 373px;
}
/* Added by Abhishek for TD ui change end */

/* Added by Pallabi for Login and Dashboard start */
.customtollcalltxt2{

    padding-top: 32px;
	position: absolute;
    padding-left: 35px;
}

.customYonoNumber{
	padding-left: 49px;
}

.customtollcalltxt3 {
    position: absolute;
    right: 256px;
    padding-top: 51px;
}

.customYonoNumber1{
	padding-left: 99px;
}

.customtollcalltxt4 {
    position: absolute;
    padding-top: 4px;
    padding-left: 84px;
}

.customYonoNumber2{
	padding-left: 99px;
}

/* Added by Pallabi for Login and Dashboard end */
.listgreyrow {
	/*Changes for UI-Audit remarks */
	text-decoration: none;
	background-color: #fff;/*next-gen*/
	height: 25px;
	/*border: #e0e1e2 0px solid;*/
	color: #000000;
	/*border-top: 1px solid #dcdcdc !important;/// HATAO*/
}

.updateprfbutton{
margin-right: 455px;
}

/* Added by Pallabi for manage beneficiary start*/
.addButton{
margin-top: 0px !important;
}
.customYonoMngBnfInternational {
margin-top: 85px;
}

.customYonoMngBnf {
margin-top: -38px !important;
}

/* .customMngBnfInternational {
margin-top: 78px;
} */

.customMngBnfInternationalConfirmAcct {
margin-top: -268px;
}

.countryText {
margin-left: 310px;
text-decoration-line: underline;
text-decoration-style: solid;
text-underline-position: under;
}

.customText {
margin-left: 42px;
}

.customWidth {
width: 35% !important;
}
.customMVBRANCH {
margin-left: 57%;
margin-top: 0%;
}
.customMVBRANCH_text {
margin-left: 307% !important;
margin-top: -16% !important;
}
.customMVBANK {
margin-left: 26%;
margin-top: 0px;
}

.customMVBANK_text {
margin-left: 30% !important;
margin-top: 0% !important;
}
/* Added by Pallabi for manage beneficiary end*/
.customYonoLimitsSubmitContinueButtonHIT {
    margin-left: -20%;
    bottom: 0;
    left: 382px;
    position: absolute;
    margin-bottom: -1.5% !important;
}

/* added by pallabi for Personal Settings start*/
.customProfilePhoto {
	margin: 0px !important;
}

.customYonoZerorightMiddle {
	color: #999999;
    font-size: 0.7em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    line-height: 1px;
	margin-left: 240px;
    margin-top: -13px;
}

.customYonoZerorightLast {
	color: #999999;
    font-size: 0.7em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    line-height: 1px;
	margin-left: 397px;
    margin-top: -36px;
}

.customLastName {
	margin-left: 400px;
    margin-top: -39px;
}

.customYonoZerorightDateOfBirth {
	color: #999999;
    font-size: 0.7em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    line-height: 1px;
	margin-left: 542px;
    margin-top: -60px;
}

.customDOB {
	margin-left: 542px;
    margin-top: -64px;
}

.customYonoZerorightPassportNumber {
	color: #999999;
    font-size: 0.7em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    line-height: 1px;
	margin-left: 11px; /* changed by pallabi for my profile 240px */
    margin-top: -77px;
}
.customYonoZerorightFirstName {
    margin-top: 10px;
    margin-left: 10px;
    /*        padding-top: 8px; */  /*commented by pallabi */
       color: #999999;
       font-size: 0.7em;
       text-decoration: none;
       text-align: left !important;
       width: 100%;
       float: left;
		line-height: 1px;
}

.customYonoSecSectionZerorightMailId {
	padding-top: 45px;
    color: #999999;
    font-size: 0.7em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    margin-left: 10px;
    margin-top: -95px;  /* changed by pallabi for personal settings -31px */
}

.customEmailID {
	margin-left: 10px;
    margin-top: -131px; /*changed by pallabi for my profile -83px */
	width: 293%; /* added by pallabi for my profile */
}

.customPhoneNumberText {
	margin-left: 324px; /*changed by pallabi for my profile 240px */
    margin-top: -121px; /*changed by pallabi for my profile -74px */
}

.customPhoneNumberV {
	margin-left: 240px;
    margin-top: -118px;
}

.customMailingAddressText {
	margin-left: 620px; /* changed by pallabi for my profile 500px */
	margin-top: -141px;  /*changed by pallabi for my profile -97px */
}

.customYonoZerorightNationality {
	color: #999999;
    font-size: 0.7em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    line-height: 1px;
	margin-left: 684px;
    margin-top: -83px;
}

.customNationality {
	margin-left: 684px;
    margin-top: -86px;
}

.customYonoZerorightNationalId {
	color: #999999;
    font-size: 0.7em;
    text-decoration: none;
    text-align: left !important;
    width: 100%;
    float: left;
    line-height: 1px;
	margin-left: 10px;
    margin-top: -55px;
}

.customNationalID {
	margin-left: 10px;
    margin-top: -71px;
}

.customFirstName {
	margin-top: 8px;
}

.customMailingAddress {
	margin-left: 619px; /*changed by pallabi for my profile 500px */
	margin-top: -186px; /* changed by pallabi for my profile -137px */
	width: 77%; /* added by pallabi for my profile */
}

.customPassportNumber {
	margin-top: -69px;
    margin-left: 240px;
}
/* added by pallabi for Personal Settings end*/

/* Added by Niveditha for background color change on 27072021 */

form[name="AuthenticationFG"] {
background: linear-gradient(
45deg
, #9F1C5D, #281172);
}

 form{
	height: auto !important;
	background: linear-gradient( 
45deg
 , #9F1C5D, #281172);
} 

/* Added by Niveditha for background color change on 27072021 */

.mega-menu ul li .sub-container {
		top: 70px !important; /*Surej newly modified as per CDG input for new prod logo*/
	}
/*added by Niveditha for Logout button Start*/

.customYonoCancelBtnLogout {
	padding-bottom: 25px!important;
    font-family: Roboto!important;
    margin-left: 69%;
    margin-top: 2%;
}

.customYonoLogoutBtnLogout {
	padding-bottom: 25px!important;
    padding-top: 4px!important;
    font-family: Roboto!important;
}

.customYonoBorderLogout {
	width: 93%;
    margin-left: 14px!important;
}

.customYonoGoToLoginBtn {
    float: right;
    padding-bottom: 0px!important;
    padding-top: 11px;
    margin-bottom: 10px!importanat;
    margin-top: -9px!important;
    margin-right: 10px;
}

/*added by Niveditha for Logout button end*/

/*added by Vishal for Logout button Start*/

/*added by pallabi for mails start*/
.custom_messageType {
	margin-top: 305px;
}
.custom_compose {
	margin-left: -25%;
	margin-top: 0px !important;
}

.customYonoMailcompBackIcon:hover {
    color: #fff;
    text-decoration: none !important;
}
.customYonoMailcompBackIcon {
    font-size: 25px;
    position: relative;
    top: -2px;
    cursor: pointer;
    text-decoration: none !important;
    color: #fff;
}

.customformbtn {
 /* font-size: 0.75em; */
    font-size: 11px;
    font-weight: normal;
    color: white;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
    /* padding-left: 10px; */
    margin: 0px 0px 0px 10px;
    background: linear-gradient(135deg, #111472, #00b2da);
    border: 0px solid #333333;
    width: 64px;
    vertical-align: middle;
    overflow: visible;
    float: left;
    height: 30px;
    cursor: pointer;
    line-height: 21px;
    text-shadow: 0 0 black;
    margin-left: -2px;
    font-weight: bolder;
    border-radius: 31px;
	margin-top:38px;
}
.input-field.col.s4.offset-s4.CustomYonoPreLoginFirstStyle.customverification {
	left: -294px;
top: 58px;
}

.CustomYonoPreLoginQnaquerytextright_stage3 {
    clear: right;
    display: block;
    /* margin-right: 5px !important; */
    overflow: hidden;
    padding-bottom: 2px;
     /* left: -421px; */ /*uncommented by pallabi 2px */
    right: 108px;
    top: -15px; /*changed by pallabi -15px */
    position: relative;
    padding-left: 2px;
    padding-top: 2px;
}
/*added by pallabi for mails end */

/* added by pallabi for additional grey line in available balance start */
.customYonoDashboardAccountBoxTable table tr {
    border-bottom: none;
}

/* added by pallabi for additional grey line in available balance end */
.customBenFirstName {
    width: 22% !important;
    height: 1rem !important;
    font-size: 12px !important;
    margin-left: 1px !important;
    margin-top: 11px !important;
}
.customPassportNumber {
    margin-top: -78px;
    margin-left: 10px;
}
/*added by pallabi for login page scroll start */
.customYonoLoginFooteralignment1login {
    background-color: #f9f9f905;
    padding: 0;
    width: 210%;
    /* text-align: center; */
    position: relative;
    top: 140px!important;
    left: 151px;
}
.customYonoLoginSubWrapperSectionLead {
    clear: right;
    border-radius: 0px;
    padding: 10px;
    overflow: hidden;
    height: 100%;
    min-width: 478px!important;
    opacity: 1;
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-position-x: 450px;
    background-size: 35% 30%;
    background-position-y: 60px;
    min-height: 625px!important;
}
.customYonoLoginSubWrapperSection {
    clear: right;
    border-radius: 0px;
    padding: 10px;
    overflow: hidden;
    height: 100%;
    min-width: 480px;
    opacity: 1;
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-position-x: 450px;
    background-size: 35% 30%;
    background-position-y: 60px;
    min-height: 625px!important;
	}
/*added by pallabi for login page scroll end */

/*added by pallabi start */
.mega-menu {

	padding: 0 !important;  /*Surej for RWD mega menu*/ /*changed by pallabi 0 25px */
	margin: 0 !important;  /* changed by pallabi 0 auto */
	
}

 .logoffLink, a.logoffLink:hover, a.logoffLink:visited {  

	/* margin-left: 850px !important;   added by pallabi*/
   /* margin-top: -38px;              added by pallabi*/
	
	 margin-left: 928px !important;  
    margin-top: -28px;              
	background-size: contain;
} 

.headertext_name  {
	
	color: #ffffff;
	}

a#PageConfigurationMaster_YODASHW__1\:yono_quicklink_C1_01 {
    display: block;
    position: relative;
    width: 127px;
    left: -20px;
    top: -35px;
    height: 43px;
}


/* added by pallabi end */


@font-face {
  font-family: 'yono-webportal-phase2-icons';
  src:  url('fonts/yono-webportal-phase2-icons.eot?jko2d7');
  src:  url('fonts/yono-webportal-phase2-icons.eot?jko2d7#iefix') format('embedded-opentype'),
    url('fonts/yono-webportal-phase2-icons.ttf?jko2d7') format('truetype'),
    url('fonts/yono-webportal-phase2-icons.woff?jko2d7') format('woff'),
    url('fonts/yono-webportal-phase2-icons.svg?jko2d7#yono-webportal-phase2-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}


[class^="icon-"], [class*=" icon-"],[class*="ui-combobox-toggle"],[class*="customYonoRightArrow"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'yono-webportal-phase2-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ic-arrow-solid-up:before {
  content: "\e93c";

}
.icon-ic-arrow-solid-left:before {
  content: "\e93d";
}
.icon-ic-arrow-solid-right:before {
  content: "\e93e";
}
.icon-ic-view:before {
  content: "\e900";
}
.icon-ic-add:before {
  content: "\e901";
}
.icon-ic-arrow-down:before {
  content: "\e902";
}
.icon-ic-arrow-left:before {
  content: "\e903";
}
.icon-ic-arrow-right:before {
  content: "\e904";
}
.icon-ic-arrow-solid-down:before {
  content: "\e905";
}
.icon-ic-arrow-up:before {
  content: "\e906";
}
.icon-ic-ask-sia:before {
  content: "\e907";
}
.icon-ic-back:before {
  content: "\e908";
}
.icon-ic-bank-transfer:before {
  content: "\e909";
}
.icon-ic-block-card:before {
  content: "\e90a";
}
.icon-ic-bullets-1:before {
  content: "\e90b";
}
.icon-ic-calendar:before {
  content: "\e90c";
}
.icon-ic-cash-isa:before {
  content: "\e90d";
}
.icon-ic-cash-transfer:before {
  content: "\e90e";
}
.icon-ic-change-inb-password:before {
  content: "\e90f";
}
.icon-ic-checkbox-checked:before {
  content: "\e910";
}
.icon-ic-checkbox-unchecked:before {
  content: "\e911";
}
.icon-ic-cheque:before {
  content: "\e912";
}
.icon-ic-close:before {
  content: "\e913";
}
.icon-ic-collapse:before {
  content: "\e914";
}
.icon-ic-contact:before {
  content: "\e915";
}
.icon-ic-delete:before {
  content: "\e916";
}
.icon-ic-download:before {
  content: "\e917";
}
.icon-ic-driving-license:before {
  content: "\e918";
}
.icon-ic-edit:before {
  content: "\e919";
}
.icon-ic-enquire-cheque:before {
  content: "\e91a";
}
.icon-ic-expand:before {
  content: "\e91b";
}
.icon-ic-filter:before {
  content: "\e91c";
}
.icon-ic-fund-account:before {
  content: "\e91d";
}
.icon-ic-help:before {
  content: "\e91e";
}
.icon-ic-home:before {
  content: "\e91f";
}
.icon-ic-info:before {
  content: "\e920";
}
.icon-ic-initiate-remitance:before {
  content: "\e921";
}
.icon-ic-instant-account:before {
  content: "\e922";
}
.icon-ic-mail:before {
  content: "\e923";
}
.icon-ic-mailing-address:before {
  content: "\e924";
}
.icon-ic-manage-benficiery:before {
  content: "\e925";
}
.icon-ic-manage-direct-debit:before {
  content: "\e926";
}
.icon-ic-minimize:before {
  content: "\e927";
}
.icon-ic-passport:before {
  content: "\e928";
}
.icon-ic-pay:before {
  content: "\e929";
}
.icon-ic-phone-number:before {
  content: "\e92a";
}
.icon-ic-pound:before {
  content: "\e92b";
}
.icon-ic-profile:before {
  content: "\e92c";
}
.icon-ic-rate-alert:before {
  content: "\e92d";
}
.icon-ic-request:before {
  content: "\e92e";
}
.icon-ic-request-cheque:before {
  content: "\e92f";
}
.icon-ic-revoke-cheque:before {
  content: "\e930";
}
.icon-ic-save:before {
  content: "\e931";
}
.icon-ic-search:before {
  content: "\e932";
}
.icon-ic-send:before {
  content: "\e933";
}
.icon-ic-spam:before {
  content: "\e934";
}
.icon-ic-spend-analysis:before {
  content: "\e935";
}
.icon-ic-status-dot:before {
  content: "\e936";
}
.icon-ic-stop-cheque:before {
  content: "\e937";
}
.icon-ic-success:before {
  content: "\e938";
}
.icon-ic-timer:before {
  content: "\e939";
}
.icon-ic-transfer-arrow:before {
  content: "\e93a";
}
.icon-ic-uk-debit:before {
  content: "\e93b";
}
.icon-ic-done:before { 
	content: url('fonts/ic-done.svg');
}