/* .dual-login{padding:15px 0px 30px 0;} */

#userAuthErrorsDiv{
	border: 2px solid #f4e175;
	background: #fbf7aa;
	margin: 5px 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	padding: 10px;}
	
.dual-login #validateChallengeAnswer, .dual-login #generateUserOTP, .dual-login #submitOTP, .dual-login #generateOTP{ 
	display: inline-block;
    padding: 8px 15px;
    color: #fff;
    font: bold 11px/12px Arial,sans-serif;
    background: #26a3d4;
    background: -moz-linear-gradient(top,#26a3d4 0,#0080bc 50%,#0060a2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#26a3d4),color-stop(50%,#0080bc),color-stop(100%,#0060a2));
    background: -webkit-linear-gradient(top,#26a3d4 0,#0080bc 50%,#0060a2 100%);
    background: -o-linear-gradient(top,#26a3d4 0,#0080bc 50%,#0060a2 100%);
    background: -ms-linear-gradient(top,#26a3d4 0,#0080bc 50%,#0060a2 100%);
    background: linear-gradient(top bottom,#26a3d4 0,#0080bc 50%,#0060a2 100%);
    border: 1px solid #49acda;

	}



.ao-form-olbyes-divs#userVerifyOTPDiv label, .ao-form-olbyes-divs#userOTPDiv label{
   display: block;
   font: 12px /128% Arial, sans-serif;
   color: #000;
   width: 100%;
   padding: 0 6px;
   margin-bottom: 0 !important;
   -webkit-transition: top 0.333s ease, opacity 0.333s ease;
   transition: top 0.333s ease, opacity 0.333s ease;
   opacity: 1;}
   
.ao-form-olbyes-divs #onlineBankingChallengeAnswer, .ao-form-olbyes-divs #userEnteredOTP{    
	font: 14px /128% Arial, sans-serif;
    color: #333;
    width: 100%;
    padding-bottom: 10px;
    padding-right: 0px;
    padding-top: 0px;
    box-shadow: none;
    background-color: transparent;
    border-color: #999;
    border-width: 0 0 1px;
    border-style: solid;
    border-radius: 0;
    outline: 0;
    margin-bottom:10px;
    height: 41px;}
.ao-form-olbyes-divs#dualLoginUserIdPwdDiv{clear:both}
.OTPCancel{display:inline-block;width:100%;text-align:center;}
.cancel-bar{display:none}
#verifyMaskedOTPPhoneNumber{display: inline-block !important;margin: 5px 0px 5px 20px;}
   
@media screen and (min-width: 600px) {
	.dual-login{width:100%;margin:0 auto;}
	.cancel-bar{display:inline}
	.OTPCancel{display:inline;}
	.dual-login #validateChallengeAnswer, .dual-login #generateOTP{  
	float:left; 
	}
}

@media screen and (min-width: 980px) {
	.dual-login{width:100%;margin:0 auto;padding:15px 0px;}
	/*.ao-form-olbyes-divs#dualLoginUserIdPwdDiv, .ao-form-olbyes-divs#userChallengeDiv,.ao-form-olbyes-divs#userVerifyOTPDiv,.ao-form-olbyes-divs#userOTPDiv{width:50%}*/
	.dual-login-inputs{width:50%}
	.cancel-bar{display:inline}
	.OTPCancel{display:inline;}
	.dual-login #validateChallengeAnswer, .dual-login #generateOTP{  
	float:left;
	}
}

.btn-blue input[type=submit]{
	box-shadow: none;
	 border-radius: 4px;
	 font-family: "PNC Brand Medium";
	 color: #fff;
	 font-size: 16px;
	 text-decoration: none;
	 display: inline-block;
	 padding: 10px 20px;
	 letter-spacing: 0.03px;
	 text-align: center;
	 border: none;
	 cursor: pointer;
	 line-height: normal;
	 box-sizing: border-box;
	 background: #0069aa;
 }
 
 .btn-blue input[type=submit]:focus {
		 outline: 2px solid #0069aa;
		 outline-offset: 2px;
	 }
 
 .btn-blue input[type=submit]:focus {
		 outline: 2px solid #0069aa;
		 outline-offset: 2px;
	 }
 .btn-blue input[type=submit]:hover {
	 background: #1A3547;
	 outline: 2px solid #1A3547;
	 outline-offset: 2px;
 }
 
 .dualLoginUserId, .dualLoginPwd {
   margin: 12px 0;
 }
 
 .dualLoginUserId input[type=text], .dualLoginPwd input[type=password]{
   width: 100%;
   padding: 6px 10px;
   box-sizing: border-box;
   border-width: 0 0 1px;
   border-color: #484848;
 }
 
 .dualLoginUserId label, .dualLoginPwd label{
   font: "PNC Brand Medium" Arial, sans-serif;
   font-weight: 600;
 }
 
 .forgotPwd {
   margin: 10px 0;
 }

 .forgotPwd a:hover{
	color: #1A3547;
    text-decoration: underline;
  }

  .forgotPwd a{
	text-decoration: none;
    color: #0069AA;
  }
 
 #welcomeTextDiv {
   padding: 1em 0;
 }