/*Verify your identity*/
.mob-verified-success-wrap { /*For server side message*/
	padding-top: 0.875rem; /*14px*/
	padding-bottom: 0.625rem; /*10px*/
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: rgba(0, 0, 0, 1);
}	

.verifyIdentity-subheading {
	font-weight: 600;
	font-size: 1rem;
	margin-bottom: 25px;
}

.receive-text-message-wrapper {
	margin-top: 0.875rem;
}

.verify-identity-input-wrap {
	margin-bottom: 1.5rem;
}

.add-link {
	margin-top: 0.6875rem; /* equal to 11px */
	font-size: 0.75rem;
    font-weight: 600;
    margin-left: 16px;
}

#sendCodeBtn {
	margin-top: 2rem;
	width : 381px;
}

.receive-text-message-input-wrap,.receive-call-input-wrap,.receive-email-input-wrap,.verify-identity-input-wrap
	{
	padding-right: 0;
}

.verify-identity-input-wrap input {
	width: 97%;
}

/* Changes for learn more and disclaimer modal--Start Here */
.learn-more-link{
	margin: auto !important;
	font-family: 'Open Sans';
	font-size: 14px !important;
	font-weight: 600 !important;
    	color: rgba(125, 63, 152, 1) !important;
	cursor: pointer;
}

.page-subheading-disclaimer.disclaimersubHeading{
	margin-top: -24px;
}

#learnMoreHeading,#TermsOfUseHeading{
	width: 100%;
    padding-bottom: 16px;
    outline: none;
    top: 24px;
    left: 24px;
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    text-align: left;
    padding-right: 0px;
}
#learnMoreHeader,#TermsOfUseHeader{
 margin-bottom: 15px;
    border-bottom: 2px solid rgba(234, 236, 237, 1);
}

#termsAndConditionText{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 310px;
	/* padding-top:12px; */
}

#disclaimerHeading{
	width: 100%;
    padding-bottom: 16px;
    outline: none;
    top: 24px;
    left: 24px;
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    text-align: left;
    padding-right: 0px;
}

.page-subheading-disclaimer.disclaimersubHeading{
	font-size:16px;
	padding-top: 42px;
	margin-left: 0px !important;
    font-family: 'Open Sans';
    color: rgba(0, 0, 0, 1);
    line-height: 24px;
    font-weight: 600;
}

.page-subheading-learn.learnMoreHeading{
    margin-left: 0px !important;
    height: 24px;
    width: 328px;
    font-family: 'Open Sans';
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    line-height: 24px;
    font-weight: 600;
}

.terms-conditions-text .page-subheading-learn.learnMoreHeading{
	font-size: 16px;
}

.disclaimerHeading{
	font-weight: 600;
	font-size: 0.875rem;
}

#modalSubmitButtonForTermsAndCondition{
	width: 11.5rem !important;
    float: right;
    margin-top: 32px;
}
/*ios specific*/
@supports (-webkit-overflow-scrolling: touch) {
  #modalSubmitButtonForTermsAndCondition{
	width: 13.5rem !important;
}
}
.learn-more-modal__body, .terms-conditions-text{
	overflow-y: scroll;
    overflow-x: hidden;
    height: 345px;
    margin-top: 24px;
}


.learn-more-link {
	height: 22px;
	width: 90px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: #7e3f98;
	text-align: left;
	/*margin: 1.25vw 42.5vw 0vw 42.43055556vw;*/
	cursor: pointer;
}
.learn-more-modal__body__content__description ,#termsAndConditionText{
    font-family: 'Open Sans';
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    text-align: left;
    line-height: 24px;
    padding-bottom: 12px;
}
@media only screen and (max-width: 420px) and (min-width: 320px)
{
	.learn-more-link {
		height: 22px;
		width: 90px;
		font-family: 'Open Sans';
		font-size: 14px;
		color: #7e3f98;
		text-align: left;
		margin: 4.0625vw 29.375vw 0vw 29.375vw;
	}
}

@media only screen and (min-width: 1025px) {
	.learn-more-link {
		height: 22px;
		width: 90px;
		font-family: 'Open Sans';
		font-size: 14px;
		color: #7e3f98;
		text-align: left;
/* 		margin: 1.953125vw 29.98046875vw 0vw 29.98046875vw; */
	}
	.verifyIdentity-subheading{
              width: 319px;
       }
	.modal-container.overlay-wrapper {
	height: 608px !important;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.learn-more-link {
		height: 22px;
		width: 90px;
		font-family: 'Open Sans';
		font-size: 14px;
		color: #7e3f98;
		text-align: left;
/* 		margin: 1.953125vw 29.98046875vw 0vw 29.98046875vw; */
       }
        /* n299509 */
       #modalSubmitButtonForTermsAndCondition{
				width: 13.5rem !important;
		}
}

@media only screen and (max-width: 768px) and (min-width: 631px)
{
	.learn-more-link {
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: 22px;
		width: 90px;
		font-family: 'Open Sans';
		font-size: 14px;
		color: #7e3f98;
		text-align: left;
		/* margin: 2.60416667vw 39.97395833vw 0vw 39.97395833vw; */
	}
}

@media only screen and (max-width: 630px) and (min-width: 421px){
.learn-more-link {
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: 22px;
		width: 90px;
		font-family: 'Open Sans';
		font-size: 14px;
		color: #7e3f98;
		text-align: left;
		/* margin: 2.60416667vw 39.97395833vw 0vw 39.97395833vw; */
	}
}
/* Changes for learn more and disclaimer modal -- End Here*/

/*Css changes for the PURPLE COLOURED RADIO BUTTONS, start here*/
.verifyIdentityRadio {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 16px;
	height: 16px;
	opacity: 0;
	cursor: pointer;
}

.duplicate-radio-verifyIdentity {
	position: absolute;
	margin-top: 14px;
	left: -5px;
}
/*Css changes for the PURPLE COLOURED RADIO BUTTONS, end here*/

/*Add a new mobile number*/
.AnsSecQuesPopUpPara {
	margin-left: 0px !important;
	margin-top: 25px !important;
}

.cancelNextBtnWrap-addMobileNo {
	margin-top: 1.5rem;
	border-top: 2px solid #cacbcc;
}

/*Answer security question page*/
.security-answer-radio-label {
	font-weight: normal;
	margin-left: 0.5rem;
}

.questionCount {
	margin-top: 2rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #5a6870;
	text-align: left;
	letter-spacing: 0.02em;
}

.securityQuestionTxt {
	font-size: 0.875rem;
	font-weight: 600;
	color: #000000;
	text-align: left;
	line-height: 24px;
	margin-top: 0.5rem;
	margin-bottom: 1.25rem;
}

/*Remember Browser page*/
.rememberBrowser-subheading {
	font-size: 0.875rem;
	height: 72px;
    width: 381px;
}

.rem-browser-checkBox-wrap {
	margin-top: 22px;
	border-bottom: 1px solid rgba(234, 236, 237, 1);
	height: inherit;
	/*It is important, so that the padding-bottom can be applied.*/
	padding-bottom: 2rem;
}

.marTopChkBox {
	margin-top: 4px;
	margin-bottom: 4px;
}

.rem-browser-text {
	line-height: 1.5rem;
}

#rememberBrowser {
	/*This selector will be placed in already existing selectors "#rememberUser, #agreeRadio" in skin 11.*/
	float: left;
	padding-left: 0rem;
	outline: none;
}

/*Confirm your identity*/
.code-expiry-warning-wrap {
	font-size: 14px; 
	line-height: 1.5rem; /* Equivalent to 24px */
	border-top: 1px solid rgba(234, 236, 237, 1);
	/* border-bottom: 1px solid rgba(234, 236, 237, 1); */
	padding-top: 1.7rem;
	/* padding-bottom: 1.7rem; */
	/* margin-bottom: 2rem; */
}

.getCodeWrap {
	/*written to override the bootstrap class col-lg-4 for IE browser*/
	text-align : right;
}

.securityCodeInputField{
	padding-left: 0;
}

.paddLtRtZero {
	padding-left: 0;
	padding-right: 0;
}

.expireText {
	margin-left: 0.5rem;
}

.expireTime {
	font-weight: 600;
	margin-left: 0.331875rem; /* Equivalent to 5.31px */
}

.securityCodeInputField {
	background-color: #ffffff;
	border: 0.063rem solid #cacbcc;
	border-radius: 0.25rem;
	height: 2.75rem;
	width: 2.5625rem;
	font-family: 'Open Sans';
	font-size: 0.875rem;
	color: #000000;
	text-align: left;
	line-height: 1.5rem;
	outline: none;
}

.getCodeTxt {
	font-weight: 600;
	color: rgba(125, 63, 152, 1);
	cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.codeBlocksContainer {
	text-align: center;
	margin-bottom: 2rem;
}

.codeBlocksContainer>div:nth-of-type(1) {
	text-align: left;
}

.codeBlocksContainer>div:nth-of-type(6) {
	text-align: right;
}

.codeBlocksContainer ::-webkit-input-placeholder {
	text-align: center;
}

.codeBlocksContainer ::-moz-placeholder {
	text-align: center;
}

.codeBlocksContainer :-ms-input-placeholder {
	text-align: center;
}

.codeBlocksContainer input {
	text-align: center !important;
	height: 60px !important; /*This height is for the Desktop view.*/
	width: 86% !important;
}

/*Verify your identity*/
.verifyIdentity-subheading {
	font-weight: 600;
	font-size: 0.875rem;
}

.receive-text-message-wrapper {
	margin-top: 0.875rem;
}

#verifyIdentityRadio {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 1rem;
	height: 1rem;
}

.verify-identity-input-wrap {
	margin-bottom: 1.5rem;
}

.add-link {
	display: inline-block;
	margin-top: 0.6875rem;
	cursor: pointer;
}

#sendCodeBtn {
	margin-top: 2rem;
}

/*Add a new mobile number*/
.AnsSecQuesPopUpPara {
	margin-left: 0px !important;
	margin-top: 25px !important;
}

.cancelNextBtnWrap-addMobileNo {
	margin-top: 2.25rem;
	border-top: 2px solid rgba(234, 236, 237, 1);
}

.modal-container.overlay-wrapper {
	/*this is to set the dimension and alignment of the overlay-popup.*/
	top: 219px;
	height: 587px;
	width: 434px;
	left : 0;
	right: 0;
	margin: auto;     
	
}

#scrollBarStyle::-webkit-scrollbar {
	width: 0.25rem;
}

#scrollBarStyle::-webkit-scrollbar-thumb {
	background-color: #5a6870;
	border-radius: 0.125rem;
}

.pop-up,.pop-up-depReg {
	position: absolute;
	top: 0rem;
	left: 0rem;
	right: 0rem;
	bottom: 0rem;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.page-bottom {
	/* padding-bottom: 24px; */
	/* border-top: 1px solid #cacbcc; */
	height: 96px;
	width: 354px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

#errorForMobile,#errMsgEmail,#errMsgEmail2 {
	font-size: 14px;
	color: red;
}

	#successForMobile{
		font-size: 14px;
    	color: green;
	}
	#personalinfo-mobileNumber ,#personalinfo-confirmMobileNumber{
	    width: 354px;
    	height: 44px;
	}
	
	#text-form{
		padding-top: 22px;
	
	}

/*Answer security question page*/
.questionCount {
	margin-top: 2rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #5a6870;
	text-align: left;
	letter-spacing: 0.02em;
}

.securityQuestionTxt {
	font-size: 0.875rem;
	font-weight: 600;
	color: #000000;
	text-align: left;
	line-height: 24px;
	margin-top: 0.5rem;
	margin-bottom: 1.25rem;
}

.modal-container {
	padding: 40px;
}

#changePhoneHeading,#changeEmailHeading,#changeSecurityQuesHeading,#changePasswordHeading
	{
	width: 100%;
	border-bottom: 2px solid rgba(234, 236, 237, 1);
	padding-bottom: 16px;
	outline: none;
	top: 24px;
	left: 24px;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	padding-right: 0px;
}
#emailModalHeader,#phoneModalHeader{
border-bottom: 2px solid rgba(234, 236, 237, 1);
    padding-bottom: 16px;
    }
    
 #emailModalHeader #changeEmailHeading ,#phoneModalHeader #changePhoneHeading{
 border-bottom: none!important;
 }
button#next-button,#modalSubmitButtonForPhone {
	float: right;
}

#cancel-button,#next-button,#resetButtonForKBA,#modalSubmitButtonForPhone
	{
	width: 27%;
	display: inline-block;
	margin-top: 32px;
	background-color: #ffffff;
	border: 1px solid #7d3f98;
	color: #7d3f98;
}

.change-Password-buttons {
	border-top: 2px solid #cacbcc;
}

.modal-container  .page-subheading {
	margin-left: 30px;
	margin-top: -21px;
}

.modal-container {
	padding: 40px;
}

.modal-container  .close-btn {
	margin: 0;
}

.info-icon img {
	margin-top: 26px;
}

.success-icon img {
	margin-top: 26px;
}

#cancel-button: hover,#cancel-button: focus,#modalCancelButtonForPhone: hover,#modalCancelButtonForPhone: focus
	{
	text-decoration: none;
	cursor: pointer;
	background-color: #7d3f98;
	color: #ffffff;
}

#cancel-button,#next-button,#modalCancelButtonForPhone,#modalSubmitButtonForPhone,#cancelButtonEmail,#modalSubmitButtonForEmail,#modalSubmitButtonForKBA,#ContinueButtonForKBA
,#resetTermsAndCondition,#learnMoreCloseBtn,#TermsOfUse_regCloseBtn{
	width: 93px;
	display: inline-block;
	margin-top: 32px;
	background-color: #ffffff;
	border: 1px solid #7d3f98;
	color: #7d3f98;
}

#next-button,#modalSubmitButtonForPhone,#modalSubmitButtonForEmail,#modalSubmitButtonForKBA{
	width: 80px;
}


#changePasswordHeading,#changeSecurityQuesHeading {
	border-bottom: 2px solid rgba(234, 236, 237, 1);
	padding-bottom: 16px;
	outline: none;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	left: 543px;
	height: 42px;
}

.modal-container .page-subheading {
	margin-left: 30px;
	margin-top: -24px;
	height: 24px;
	width: 328px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

#LastParagraph {
	margin-left: 0px;
	left: 543px;
	height: 72px;
	width: 354px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
	padding-top: 12px;
}

#modalSubmitButtonForEmail,#ContinueButtonForKBA,#modalSubmitButtonForKBA
	{
	float: right;
}

#successForMobile,#successForEmail {
	font-size: 14px;
	color: green;
}

.modal-container.overlay-wrapper.kba {
	top: 219px;
    /*left: 36.4%;*/
    height: auto !important;
    width: 434px;
}

#kbaPageHeading {
	width: 354px;
	height: 48px;
	margin-bottom: 32px;
}

.warningTextWrap{
	float:left;
}

/*Change security Question, changes start here*/
.change-Password-buttons {
	margin-top: 2.5rem;
	/*grey underline, to locate it away from Answer Input field*/
}

.successTextWrap-changeQuesAns span {
	display: inline-block;
	vertical-align: top;
	margin-top: 9px;
}

.successTextWrap-changeQuesAns p {
	display: inline-block;
	width: 95%;
}

.cancelNextBtnWrap-securityQues {
	border-top: 2px solid rgba(234, 236, 237, 1);
}

/*Change security Question, changes end here*/
.challenge-msg {
	width: 315px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	line-height: 24px;
	float: right;
	padding: 16px;
}

.challenge-area {
	margin-top: 24px;
	height: 128px;
	border: solid  rgba(255, 193, 7, 1) 1px;
	border-radius: 4px;
	width: 354px;
}

.Question_No {
	margin-top: 24px;
	height: 17px;
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight: 600;
	color: rgba(90, 104, 112, 1);
	text-align: left;
	letter-spacing: 0.02em;
}

.Questions {
	margin-top: 8px;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

.Choices {
	margin-top: 16px;
	margin-bottom: 32px;
}

.kbaAnswer {
	height: 24px;
	width: 85px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
	padding-left: 5px;
}

.optionCellRadioButton {
	opacity: 0;
}

button#modalSubmitButtonForKBA[disabled],#ContinueButtonForKBA[disabled],#modalSubmitButtonForPhone[disabled],#modalSubmitButtonForEmail[disabled] {
	background-color: #ffffff;
	color: #7e3f98;
	border: 1px solid #7d3f98;
}

button#modalSubmitButtonForKBA,#ContinueButtonForKBA,#modalSubmitButtonForPhone,#modalSubmitButtonForEmail{
	background-color: rgba(125, 63, 152, 1);
	color: #ffffff;
	border: 1px solid #7e3f98;
}

input[type="radio"].optionCellRadioButton[disabled] { 
	cursor: default; 
}

.getCodeTxt[disabled] {
    color: #d3d3d3;
    cursor: default;
}

/* CSS changes for KBA success/Error Page -- Starts here*/

#singInSection{
	padding-left:0px;
}

#authenticationError {
	height: auto;
	width: 381px;
	margin-top: 32px !important;
}

#welcome-text-return-to-signIn {
	width: 312px;
	font-family: 'Open Sans';
	font-size: 24px;
	font-weight: bold;
	color: rgba(0, 0, 0, 1);
	text-align: left;
}

#errMsg1 {
	height: 24px;
	width: 310px;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

#errMsg2 {
	left: 180px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

#returnToSignInBtn {
	height: 44px;
	width: 381px;
}

#errorPageLockMsg {
	width: 349px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
	margin-top: 32px;
}
#confirmIdentityNextBtn{
	width: 100%;
    outline: none;
    height: 44px;
    border-radius: 4px;
}

.kbaRadioInput{
	margin: 0rem 0rem -0.25rem;
}

.changeDelivery{
	margin-bottom:1.5rem;
}
    #otpErrorImg{
    padding-top: 4px;
    margin-left: 16px;
    }
    #heightForDiv{
    	height:45px;
    }
/* CSS changes for KBA success/Error Page -- Ends here*/

/* ======================================================================================================================= */
/* Media Queries start here */

@media only screen and (min-width: 320px) and (max-width: 480px) {
	/*Mobile Device*/
	
	/*N299509*/
	#preferenceSection{
		width:100%;
	}
	#OTPPageSection{
		width:100%;
	}
		
	.codeWrap input {
		padding-left: 0; /*aligns the input character in the centre of <input>*/
		height: 54px !important;
	}
	.getCodeTxt {
		padding-left: 2.0625rem;
	}
	.verify-identity-input-wrap input {
		width: 88.5% !important;
	}
	#sendCodeBtn {
	width : 100%;
	}
	
	
	#ReturnToSignIn {
    padding-left: 0;
    padding-right: 0;
       }

	#errMsg1,#authenticationError {
    width: auto;
	}

	#errorPageLockMsg{
    margin-bottom: 65px;
	}
	
	#returnToSignInBtn{
	    width: 100%;
	}	
	#page-subheading-email{
	width: 68%;
	}
	#welcome-text-return-to-signIn{
		width:100% !important;
	}
	#singInSection #errorPageLockMsg{
		width:288px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*IPad Device*/
	.codeWrap input {
		padding-left: 0; /*aligns the input character in the centre of <input>*/
		height: 59px !important;
	}
	.verify-identity-input-wrap input {
		width: 94%;
	}
	#page-subheading-email{
	
	width: 68%;
} 
}

@media only screen and (min-device-width : 768px) and (max-device-width: 1024px) { 
	/*IPad Device*/
	.codeWrap input {
		padding-left: 0; /*aligns the input character in the centre of <input>*/
		height: 3.4375rem;
	}
	.getCodeTxt {
		text-align: right;
	}
	.verify-identity-input-wrap input {
		width: 94%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px){ 
	
		
	 #shim-wrapper{
		display:none;
	} 
	
	.getCodeWrap {
	/*written to override the bootstrap class col-lg-4 for IE browser*/
		text-align: left;
		margin-top: 8px;
	}

	.modal-container.overlay-wrapper{
		top:0px !important;
		left:0px !important;
		/* height: 157%; */
		width: auto !important;
	}
	.modal-container {
    padding: 24px;
	}
	#changePhoneHeading{
	outline:none;
	top: 24px;
	left: 24px;
	height: 48px; 
	width: 102%;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	border-bottom: 1px solid #cacbcc;
	
	}
	#changePasswordHeading{
	/* outline:none; */
	/* top: 24px; */
	/* left: 24px; */
	height: 48px;
	width: 100%;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	border-bottom: 1px solid #cacbcc;
	/* margin-bottom: 24px; */
	}
	#close
	#closeIcon{
    	padding-top: 24px;
    	padding-right: 16px;
	}
	#kbaPageHeading{
		top: 98px;
		left: 24px;
		height: 72px;
		width: 89%;
		font-family: 'Open Sans';
		font-size: 14px;
		color: rgba(0, 0, 0, 1);
		text-align: left;
		line-height: 24px;
	}
	#sub-heading{
		top: 106px;
		left: 24px;
		height: 73px;
		width: 277px;
	}
	.modal-container  .page-subheading {
        margin-left: 30px;
	    margin-top: -24px;
	    height: 73px;
	    width: 79%;
	    font-family: 'Open Sans';
	    font-size: 14px;
	    color: rgba(0, 0, 0, 1);
	    text-align: left;
	    line-height: 24px;
	}
	
	.close-btn {
    margin-top: 24px;
	}
	.page-bottom{
	padding-bottom: 24px;
	padding-top:24px;
	/* border-top: 1px solid #cacbcc; */
    height: 120px;
    width: 100%;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
	}
	#LastParagraph{
		margin-left: 0px;
	    left: 543px;
	    height: 72px;
	    width: 290px;
	    font-family: 'Open Sans';
	    font-size: 14px;
	    color: rgba(0, 0, 0, 1);
	    text-align: left;
	    line-height: 24px;
	}
	
	#personalinfo-mobileNumber ,#personalinfo-confirmMobileNumber{
	    width: 100%;
    	height: 44px;
	}
	
	.cancelNextBtnWrap-addMobileNo{
	margin-top: 32px;
	border-top: 1px solid #cacbcc;
	}
	
	#cancel-button, #next-button, #modalCancelButtonForPhone, #modalSubmitButtonForPhone, #cancelButtonEmail, #nextButtonEmail{
	width:27%;
	display:inline-block;
	margin-top: 34px;
}
#next-button,#modalSubmitButtonForPhone,#modalSubmitButtonForEmail{
	width: 24%;
}
.cancelNextBtnWrap-securityques{
	margin-top: 79px;
	border-top: 1px solid #cacbcc;
	}
.question_no{
		top: 202px;
		left: 24px;
		height: 17px;
		width: 100%;
		font-family: 'Open Sans';
		font-size: 12px;
		font-weight: 600;
		color: rgba(90, 104, 112, 1);
		text-align: left;
		letter-spacing: 0.02em;	
	}
	#KBAQuestion{
		margin-right:auto;
		margin-top:8px;
	}
	.choices{
		margin-top:16px;
		height:auto;
	}
	#resetButtonForKBA{
		margin-top:32px;
		margin-left:6px;
		
	}
	#modalSubmitButtonForKBA{
		margin-top:32px;
		margin-right:24px;

	}
	#closeIdCardKBA{
		top: 24px;
    		left: 281px;
    		height: 16px;
    		width: 15px;
	}
	.challenge-msg {
		width: 76%;
		top: 138px;
		left: 75px;
		height: 120px;
		font-family: 'Open Sans';
		font-size: 14px;
		color: rgba(0, 0, 0, 1);
		text-align: left;
		line-height: 24px;
		margin-right:25px;

	}

	.challenge-area {
		height: 152px;
		width: 96%;
		top: 122px;
		left: 24px;
		
		
	}
}
@media only screen and (min-width: 400px) and (max-width: 599px){
	.challenge-msg {
		width: 76%;
		top: 138px;
		left: 75px;
		height: 120px;
		font-family: 'Open Sans';
		font-size: 14px;
		color: rgba(0, 0, 0, 1);
		text-align: left;
		line-height: 24px;
		margin-right:25px;

	}

	.challenge-area {
		height: 152px;
		width: 87%;
		top: 122px;
		left: 24px;
		
		
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px){
	.modal-container.overlay-wrapper.kba{
		top: 252px;
		height: auto !important;
		width: 434px;
		}
	.question_no{
   		top: 438px;
   		left: 207px;
   		height: 17px;
   		width: 100%;
   		font-family: 'Open Sans';
   		font-size: 12px;
   		font-weight: 600;
   		color: rgba(90, 104, 112, 1);
   		text-align: left;
   		letter-spacing: 0.02em;
   }
      #verifyIdentityHeading{
      	 margin-top: 0px;
      }
      .modal-container.overlay-wrapper {
		    top: 219px;
		    left: 167px;
		    height: 587px;
		    width: 434px;
		}
	.page-subheading {
   		width: 23.813rem;}
}

@media only screen and (min-width: 320px) and (max-width: 599px){
	
	#navbarHeader {
    	width: 100%;}
    #navbarFooter{
    	width: 100%;
    	}
}
@media only screen and (min-width: 1025px) and (max-width: 1200px){
	
	#navbarHeader {
    	width: 110%;}
    #navbarFooter{
    	width: 110%;
    	}
    /*Changes addeed by N299509*/
    #preferencePageForm {
    	width:381px;
    }
}
/* Media Queries ends here */
/* IE - 299509*/
@media all and (-ms-high-contrast:none)
     {
     	#preferencePageForm {
    		width:382px;
    		}
     }
 
@-moz-document url-prefix() {
     	#preferencePageForm {
    		width:382px;
    		}
	input[required] {
   	 		box-shadow: none;
		}
     }
  /*   
 @supports (-ms-ime-align:auto) {
  #preferencePageForm {
    		width:382px;
    		} 
}*/
/*safari*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
    #preferencePageForm {
              width:382px;
              } 
}}

     
/*Verify your identity*/



.receive-text-message-wrapper {
	margin-top: 0.875rem;
}

.verify-identity-input-wrap {
	margin-bottom: 1.5rem;
}

.add-link {
	margin-top: 0.6875rem; /* equal to 11px */
	font-size: 0.75rem;
    font-weight: 600;
    margin-left: 16px;
}

#sendCodeBtn {
	margin-top: 2rem;
	width : 381px;
}

.receive-text-message-input-wrap,.receive-call-input-wrap,.receive-email-input-wrap,.verify-identity-input-wrap
	{
	padding-right: 0;
}

.verify-identity-input-wrap input {
	width: 97%;
}

/*Css changes for the PURPLE COLOURED RADIO BUTTONS, start here*/
.verifyIdentityRadio {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 16px;
	height: 16px;
	opacity: 0;
	cursor: pointer;
}

.duplicate-radio-verifyIdentity {
	position: absolute;
	margin-top: 14px;
	left: -5px;
}
/*Css changes for the PURPLE COLOURED RADIO BUTTONS, end here*/

/*Add a new mobile number*/
.AnsSecQuesPopUpPara {
	margin-left: 0px !important;
	margin-top: 25px !important;
}

.cancelNextBtnWrap-addMobileNo {
	margin-top: 1.5rem;
	border-top: 2px solid #cacbcc;
}

/*Answer security question page*/
.security-answer-radio-label {
	font-weight: normal;
	margin-left: 0.5rem;
}

.questionCount {
	margin-top: 2rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #5a6870;
	text-align: left;
	letter-spacing: 0.02em;
}

.securityQuestionTxt {
	font-size: 0.875rem;
	font-weight: 600;
	color: #000000;
	text-align: left;
	line-height: 24px;
	margin-top: 0.5rem;
	margin-bottom: 1.25rem;
}

/*Remember Browser page*/
.rememberBrowser-subheading {
	font-size: 0.875rem;
	height: 72px;
    width: auto;
}

.rem-browser-checkBox-wrap {
	margin-top: 22px;
	border-bottom: 1px solid rgba(234, 236, 237, 1);
	height: inherit;
	/*It is important, so that the padding-bottom can be applied.*/
	padding-bottom: 2rem;
}

.marTopChkBox {
	margin-top: 4px;
	margin-bottom: 4px;
}

.rem-browser-text {
	line-height: 1.5rem;
	margin-left: 16px;
    	font-weight: 100;
}

#rememberBrowser {
	/*This selector will be placed in already existing selectors "#rememberUser, #agreeRadio" in skin 11.*/
	float: left;
	padding-left: 0rem;
	outline: none;
}

/*Confirm your identity*/
.code-expiry-warning-wrap {
	font-size: 14px; 
	line-height: 1.5rem; /* Equivalent to 24px */
	border-top: 1px solid rgba(234, 236, 237, 1);
	/* border-bottom: 1px solid rgba(234, 236, 237, 1); */
	padding-top: 1.7rem;
	/* padding-bottom: 1.7rem; */
	/* margin-bottom: 2rem; */
}

.getCodeWrap {
	/*written to override the bootstrap class col-lg-4 for IE browser*/
	text-align : right;
}

.securityCodeInputField{
	padding-left: 0;
}

.paddLtRtZero {
	padding-left: 0;
	padding-right: 0;
}

.expireText {
	margin-left: 0.5rem;
}

.expireTime {
	font-weight: 600;
	margin-left: 0.331875rem; /* Equivalent to 5.31px */
}

.securityCodeInputField {
	background-color: #ffffff;
	border: 0.063rem solid #cacbcc;
	border-radius: 0.25rem;
	height: 2.75rem;
	width: 2.5625rem;
	font-family: 'Open Sans';
	font-size: 0.875rem;
	color: #000000;
	text-align: left;
	line-height: 1.5rem;
	outline: none;
}

.getCodeTxt {
	font-weight: 600;
	color: rgba(125, 63, 152, 1);
	cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.codeBlocksContainer {
	text-align: center;
	margin-bottom: 2rem;
}

.codeBlocksContainer>div:nth-of-type(1) {
	text-align: left;
}

.codeBlocksContainer>div:nth-of-type(6) {
	text-align: right;
}

.codeBlocksContainer ::-webkit-input-placeholder {
	text-align: center;
}

.codeBlocksContainer ::-moz-placeholder {
	text-align: center;
}

.codeBlocksContainer :-ms-input-placeholder {
	text-align: center;
}

.codeBlocksContainer input {
	text-align: center !important;
	height: 60px !important; /*This height is for the Desktop view.*/
	width: 86% !important;
}

/*Verify your identity*/
.verifyIdentity-subheading {
	font-weight: 600;
	font-size: 0.875rem;
}

.receive-text-message-wrapper {
	margin-top: 0.875rem;
}

#verifyIdentityRadio {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 1rem;
	height: 1rem;
}

.verify-identity-input-wrap {
	margin-bottom: 1.5rem;
}

.add-link {
	display: inline-block;
	margin-top: 0.6875rem;
	cursor: pointer;
}

#sendCodeBtn {
	margin-top: 2rem;
}

/*Add a new mobile number*/
.AnsSecQuesPopUpPara {
	margin-left: 0px !important;
	margin-top: 25px !important;
}

.cancelNextBtnWrap-addMobileNo {
	margin-top: 2.25rem;
	border-top: 2px solid rgba(234, 236, 237, 1);
}

.modal-container.overlay-wrapper {
	/*this is to set the dimension and alignment of the overlay-popup.*/
	top: 219px;
	height: 587px;
	width: 434px;
	left : 0;
	right: 0;
	margin: auto;     
	
}

#scrollBarStyle::-webkit-scrollbar {
	width: 0.25rem;
}

#scrollBarStyle::-webkit-scrollbar-thumb {
	background-color: #5a6870;
	border-radius: 0.125rem;
}

.pop-up,.pop-up-depReg {
	position: absolute;
	top: 0rem;
	left: 0rem;
	right: 0rem;
	bottom: 0rem;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.page-bottom {
	/* padding-bottom: 24px; */
	/* border-top: 1px solid #cacbcc; */
	height: 96px;
	width: 354px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

#errorForMobile,#errMsgEmail,#errMsgEmail2 {
	font-size: 14px;
	color: red;
}

	#successForMobile{
		font-size: 14px;
    	color: green;
	}
	#personalinfo-mobileNumber ,#personalinfo-confirmMobileNumber{
	    width: 354px;
    	height: 44px;
	}
	
	#text-form{
		padding-top: 22px;
	
	}

/*Answer security question page*/
.questionCount {
	margin-top: 2rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: #5a6870;
	text-align: left;
	letter-spacing: 0.02em;
}

.securityQuestionTxt {
	font-size: 0.875rem;
	font-weight: 600;
	color: #000000;
	text-align: left;
	line-height: 24px;
	margin-top: 0.5rem;
	margin-bottom: 1.25rem;
}

.modal-container {
	padding: 40px;
}

#changePhoneHeading,#changeEmailHeading,#changeSecurityQuesHeading,#changePasswordHeading
	{
	width: 100%;
	border-bottom: 2px solid rgba(234, 236, 237, 1);
	padding-bottom: 16px;
	outline: none;
	top: 24px;
	left: 24px;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	padding-right: 0px;
}

button#next-button,#modalSubmitButtonForPhone {
	float: right;
}

#cancel-button,#next-button,#resetButtonForKBA,#modalSubmitButtonForPhone
	{
	width: 27%;
	display: inline-block;
	margin-top: 32px;
	background-color: #ffffff;
	border: 1px solid #7d3f98;
	color: #7d3f98;
}

.change-Password-buttons {
	border-top: 2px solid #cacbcc;
}

.modal-container  .page-subheading {
	margin-left: 30px;
	margin-top: -21px;
}
.modal-container  .page-subheading-learn {
	margin-left: 30px;
	}

.modal-container {
	padding: 40px;
}

.modal-container  .close-btn {
	margin: 0;
}

.info-icon img {
	margin-top: 26px;
}

.success-icon img {
	margin-top: 26px;
}

#cancel-button: hover,#cancel-button: focus,#modalCancelButtonForPhone: hover,#modalCancelButtonForPhone: focus
	{
	text-decoration: none;
	cursor: pointer;
	background-color: #7d3f98;
	color: #ffffff;
}

#cancel-button,#next-button,#modalCancelButtonForPhone,#modalSubmitButtonForPhone,#cancelButtonEmail,#modalSubmitButtonForEmail,#modalSubmitButtonForKBA,#ContinueButtonForKBA
	{
	width: 93px;
	display: inline-block;
	margin-top: 32px;
	background-color: #ffffff;
	border: 1px solid #7d3f98;
	color: #7d3f98;
}

#next-button,#modalSubmitButtonForPhone,#modalSubmitButtonForEmail,#modalSubmitButtonForKBA{
	width: 80px;
}


#changePasswordHeading,#changeSecurityQuesHeading {
	border-bottom: 2px solid rgba(234, 236, 237, 1);
	padding-bottom: 16px;
	outline: none;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	left: 543px;
	height: 42px;
}

.modal-container .page-subheading {
	margin-left: 30px;
	margin-top: -24px;
	height: 24px;
	width: 328px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

#LastParagraph {
	margin-left: 0px;
	left: 543px;
	height: 72px;
	width: 354px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
	padding-top: 12px;
}

#modalSubmitButtonForEmail,#ContinueButtonForKBA,#modalSubmitButtonForKBA
	{
	float: right;
}

#successForMobile,#successForEmail {
	font-size: 14px;
	color: green;
}

.modal-container.overlay-wrapper.kba {
	top: 219px;
    /*left: 36.4%;*/
    height: auto !important;
    width: 434px;
}

#kbaPageHeading {
	width: 354px;
	height: 48px;
	margin-bottom: 32px;
}

.warningTextWrap{
	float:left;
}

/*Change security Question, changes start here*/
.change-Password-buttons {
	margin-top: 2.5rem;
	/*grey underline, to locate it away from Answer Input field*/
}

.successTextWrap-changeQuesAns span {
	display: inline-block;
	vertical-align: top;
	margin-top: 9px;
}

.successTextWrap-changeQuesAns p {
	display: inline-block;
	width: 95%;
}

.cancelNextBtnWrap-securityQues {
	border-top: 2px solid rgba(234, 236, 237, 1);
}

/*Change security Question, changes end here*/
.challenge-msg {
	width: 315px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	line-height: 24px;
	float: right;
	padding: 16px;
}

.challenge-area {
	margin-top: 24px;
	height: 128px;
	border: solid  rgba(255, 193, 7, 1) 1px;
	border-radius: 4px;
	width: 354px;
}

.Question_No {
	margin-top: 24px;
	height: 17px;
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight: 600;
	color: rgba(90, 104, 112, 1);
	text-align: left;
	letter-spacing: 0.02em;
}

.Questions {
	margin-top: 8px;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

.Choices {
	margin-top: 16px;
	margin-bottom: 32px;
}

.kbaAnswer {
	height: 24px;
	width: 85px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
	padding-left: 5px;
}

.optionCellRadioButton {
	opacity: 0;
}

button#modalSubmitButtonForKBA[disabled],#ContinueButtonForKBA[disabled],#modalSubmitButtonForPhone[disabled],#modalSubmitButtonForEmail[disabled] {
	background-color: #ffffff;
	color: #7e3f98;
	border: 1px solid #7d3f98;
}

button#modalSubmitButtonForKBA,#ContinueButtonForKBA,#modalSubmitButtonForPhone,#modalSubmitButtonForEmail{
	background-color: rgba(125, 63, 152, 1);
	color: #ffffff;
	border: 1px solid #7e3f98;
}

input[type="radio"].optionCellRadioButton[disabled] { 
	cursor: default; 
}

.getCodeTxt[disabled] {
    color: #d3d3d3;
    cursor: default;
}

/* CSS changes for KBA success/Error Page -- Starts here*/

#singInSection{
	padding-left:0px;
}

#authenticationError {
	height: auto;
	width: 381px;
	margin-top: 32px !important;
}

#welcome-text-return-to-signIn {
	width: 312px;
	font-family: 'Open Sans';
	font-size: 24px;
	font-weight: bold;
	color: rgba(0, 0, 0, 1);
	text-align: left;
}

#errMsg1 {
	height: 24px;
	width: 310px;
	font-family: 'Open Sans';
	font-size: 14px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

#errMsg2 {
	left: 180px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
}

#returnToSignInBtn {
	height: 44px;
	width: 381px;
}

#errorPageLockMsg {
	width: 349px;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
	margin-top: 32px;
}
#confirmIdentityNextBtn{
	width: 100%;
    outline: none;
    height: 44px;
    border-radius: 4px;
}

.kbaRadioInput{
	margin: 0rem 0rem -0.25rem;
}

.changeDelivery{
	margin-bottom:1.5rem;
}
    #otpErrorImg{
    padding-top: 4px;
    margin-left: 16px;
    }
    #heightForDiv{
    	height:45px;
    }
/* CSS changes for KBA success/Error Page -- Ends here*/

/* ======================================================================================================================= */
/* Media Queries start here */
@media only screen and (min-width: 320px) and (max-width: 640px){ 
	
	 #shim-wrapper{
		display:none;
	} 
	.modal-container.overlay-wrapper{
		top:0px !important; 
		left:0px !important;
		height: 102% !important;
    		width: 100%;
	}
	
	#closeIdCard{
		    
    	padding-top: 0px;
    	padding-right: 0px;
	}
	#sub-heading{
		top: 106px;
		left: 24px;
		height: 73px;
		width: 277px;
	}
	
	#singInSection{
	padding-left:15px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 640px){ 
	.changeCellModal .formInputStart {
    margin-top: 0rem! important;
	}
	.modal-container.overlay-wrapper{
	top: 219px!important;
    height: 630px!important;
    width: 434px!important;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	/*Mobile Device*/
		
	.codeWrap input {
		padding-left: 0; /*aligns the input character in the centre of <input>*/
		height: 54px !important;
	}
	.getCodeTxt {
		padding-left: 2.0625rem;
	}
	.verify-identity-input-wrap input {
		width: 88.5% !important;
	}
	#sendCodeBtn {
	width : 100%;
	}
	
	
	#ReturnToSignIn {
    padding-left: 0;
    padding-right: 0;
       }

	#errMsg1,#authenticationError {
    width: auto;
	}

	#errorPageLockMsg{
    margin-bottom: 65px;
	}
	
	#returnToSignInBtn{
	    width: 100%;
	}	
	#page-subheading-email{
	
	width: 68%;
} 
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*IPad Device*/
	.codeWrap input {
		padding-left: 0; /*aligns the input character in the centre of <input>*/
		height: 59px !important;
	}
	.verify-identity-input-wrap input {
		width: 94%;
	}
	#page-subheading-email{
	
	width: 68%;
} 
}

@media only screen and (min-device-width : 768px) and (max-device-width: 1024px) { 
	/*IPad Device*/
	.codeWrap input {
		padding-left: 0; /*aligns the input character in the centre of <input>*/
		height: 3.4375rem;
	}
	.getCodeTxt {
		text-align: right;
	}
	.verify-identity-input-wrap input {
		width: 94%;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px){ 
	
		
	 #shim-wrapper{
		display:none;
	} 
	#loginpagenew #errMsg1
	{
	width:260px!important;
	}
	.getCodeWrap {
	/*written to override the bootstrap class col-lg-4 for IE browser*/
		text-align: left;
		margin-top: 8px;
	}

	.modal-container.overlay-wrapper{
		top:0px !important;
		left:0px !important;
		 height: 630px !important;
		width: auto !important;
	}
	.modal-container {
    padding: 24px;
	}
	#changePhoneHeading{
	outline:none;
	top: 24px;
	left: 24px;
	height: 48px; 
	width: 102%;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	border-bottom: 1px solid #cacbcc;
	
	}
	#changePasswordHeading{
	/* outline:none; */
	/* top: 24px; */
	/* left: 24px; */
	height: 48px;
	width: 100%;
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	border-bottom: 1px solid #cacbcc;
	/* margin-bottom: 24px; */
	}
	#close
	#closeIcon{
    	padding-top: 24px;
    	padding-right: 16px;
	}
	#kbaPageHeading{
		top: 98px;
		left: 24px;
		height: 72px;
		width: 89%;
		font-family: 'Open Sans';
		font-size: 14px;
		color: rgba(0, 0, 0, 1);
		text-align: left;
		line-height: 24px;
	}
	#sub-heading{
		top: 106px;
		left: 24px;
		height: 73px;
		width: 277px;
	}
	.modal-container  .page-subheading {
        margin-left: 30px;
	    margin-top: -24px;
	    height: 73px;
	    width: 79%;
	    font-family: 'Open Sans';
	    font-size: 14px;
	    color: rgba(0, 0, 0, 1);
	    text-align: left;
	    line-height: 24px;
	}
	
	.close-btn {
    margin-top: 24px;
	}
	.page-bottom{
	padding-bottom: 24px;
	padding-top:24px;
	/* border-top: 1px solid #cacbcc; */
    height: 120px;
    width: 100%;
	font-family: 'Open Sans';
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: 24px;
	}
	#LastParagraph{
		margin-left: 0px;
	    left: 543px;
	    height: 72px;
	    width: 290px;
	    font-family: 'Open Sans';
	    font-size: 14px;
	    color: rgba(0, 0, 0, 1);
	    text-align: left;
	    line-height: 24px;
	}
	
	#personalinfo-mobileNumber ,#personalinfo-confirmMobileNumber{
	    width: 100%;
    	height: 44px;
	}
	
	.cancelNextBtnWrap-addMobileNo{
	margin-top: 32px;
	border-top: 1px solid #cacbcc;
	}
	
	#cancel-button, #next-button, #modalCancelButtonForPhone, #modalSubmitButtonForPhone, #cancelButtonEmail, #nextButtonEmail{
	width:27%;
	display:inline-block;
	margin-top: 34px;
}
#next-button,#modalSubmitButtonForPhone,#modalSubmitButtonForEmail{
	width: 24%;
}
.cancelNextBtnWrap-securityques{
	margin-top: 79px;
	border-top: 1px solid #cacbcc;
	}
.question_no{
		top: 202px;
		left: 24px;
		height: 17px;
		width: 100%;
		font-family: 'Open Sans';
		font-size: 12px;
		font-weight: 600;
		color: rgba(90, 104, 112, 1);
		text-align: left;
		letter-spacing: 0.02em;	
	}
	#KBAQuestion{
		margin-right:auto;
		margin-top:8px;
	}
	.choices{
		margin-top:16px;
		height:auto;
	}
	#resetButtonForKBA{
		margin-top:32px;
		margin-left:6px;
		
	}
	#modalSubmitButtonForKBA{
		margin-top:32px;
		margin-right:24px;

	}
	#closeIdCardKBA{
		top: 24px;
    		left: 281px;
    		height: 16px;
    		width: 15px;
	}
	.challenge-msg {
		width: 76%;
		top: 138px;
		left: 75px;
		height: 120px;
		font-family: 'Open Sans';
		font-size: 14px;
		color: rgba(0, 0, 0, 1);
		text-align: left;
		line-height: 24px;
		margin-right:25px;

	}

	.challenge-area {
		height: 165px;
		width: 96%;
		top: 122px;
		left: 24px;
		
		
	}
}
@media only screen and (min-width: 400px) and (max-width: 599px){
	.challenge-msg {
		width: 76%;
		top: 138px;
		left: 75px;
		height: 120px;
		font-family: 'Open Sans';
		font-size: 14px;
		color: rgba(0, 0, 0, 1);
		text-align: left;
		line-height: 24px;
		margin-right:25px;

	}

	.challenge-area {
		height: 152px;
		width: 87%;
		top: 122px;
		left: 24px;
		
		
	}
}
@media only screen and (min-width: 600px) and (max-width: 768px){
/*Changes addeed by N299509*/
    #preferencePageForm {
    	width:381px;
    }
}
@media only screen and (min-width: 461px) and (max-width: 599px){
/*Changes addeed by N299509*/
    #preferencePageForm {
    	width:288px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px){
	.modal-container.overlay-wrapper.kba{
		top: 252px;
		/* left: 1.4%; */
		height: auto !important;
		width: 434px;
		}
	.modal-container.overlay-wrapper{
		top: 252px;
		/* left: 1.4%; */
		height: auto;
		width: 434px;
		}
	.question_no{
   		top: 438px;
   		left: 207px;
   		height: 17px;
   		width: 100%;
   		font-family: 'Open Sans';
   		font-size: 12px;
   		font-weight: 600;
   		color: rgba(90, 104, 112, 1);
   		text-align: left;
   		letter-spacing: 0.02em;
   }
      #verifyIdentityHeading{
      	 margin-top: 0px;
      }
	.page-subheading {
   		width: 23.813rem;}
}

@media only screen and (min-width: 320px) and (max-width: 599px){
	
	.preference-page-dropdown{
	width:81.5% !important;
	float:left;
	}
	
	#navbarHeader {
    	width: 100%;}
    #navbarFooter{
    	width: 100%;
    	}  
}
@media only screen and (min-width: 1025px) and (max-width: 1200px){
	
	#navbarHeader {
    	width: 110%;}
    #navbarFooter{
    	width: 110%;
    	}
}
@media only screen and (min-width: 481px) and (max-width: 1024px){
#preferencePageForm ,#OTPPageForm,#OptInOptOutPageform,#singInSectionForm{
       width:381px;
       margin:auto;
}
#singInSection{
   	padding-left: 193px;
    padding-right: 192px;
    margin-top: 68px;
	}
}
/* Media Queries ends here */
/*style to keep dropdown and add link in same line for preference page*/
.preference-page-dropdown{
	width:87%;
	float:left;
}
/* Changes by Tamanpreet */
#receive-text-menu::-webkit-scrollbar-track,#receive-call-menu::-webkit-scrollbar-track,#receive-email-menu::-webkit-scrollbar-track{
	background-color: none !important;
}
#receive-text-menu::-webkit-scrollbar,#receive-call-menu::-webkit-scrollbar,#receive-email-menu::-webkit-scrollbar{
	width: 0.25rem !important;
}
#receive-text-menu::-webkit-scrollbar-thumb,#receive-call-menu::-webkit-scrollbar-thumb,#receive-email-menu::-webkit-scrollbar-thumb{
	background-color: #5a6870 !important;
    border-radius: 0.125rem !important;
}
#loginpagenew #errMsg1
{
	width:381px;
}
hr{
	clear:both;
}