/*******************************************************************************************************************************
' Form Name      : PasswordReset.css 
' Author         : Alamelu
' Created Date   : 1st Nov 2018
' Purpose        : [ITSR197198]  Digital POEMS Password Reset Form
' Project/Module : Poems Password Reset
'*******************************************************************************************************************************
' Version 		Date 		    Modified By 	Remarks 
'*******************************************************************************************************************************


'*******************************************************************************************************************************/
 
  @media screen and (min-width: 768px)
        {
            .row-eq-height
            {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
            }
            .sm-left
            {
                float: left;
            }
            .sm-right
            {
                float: right;
            }
            .step + .step
            {
                border-left: 1px solid #ddd;
            }
            btn.otp
            {
                width: 90%;
            }
        }
        @media screen and (max-width: 768px)
        {
            .step + .step
            {
                border-top: 1px solid #ddd;
            }
            btn.otp
            {
                width: 70%;
            }
        }
        
        body
        {
            background-color: #e8e9ea !important;
        }
        h1
        {
            font-weight: 700;
            font-size: 40px;
        }
        h2
        {
            font-weight: 300;
            font-size: 36px;
            color: #003366;
        }
        h3
        {
            font-weight: 300;
            font-size: 24px;
            color: #003366;
        }
        .padding-wrapper-10-15
        {
            padding: 10px 15px;
        }
        .padding-wrapper-0-15
        {
            padding: 0px 15px;
        }
        #sf2
        {
            display: none;
        }
        div.step
        {
            padding: 10px 15px;
        }
        
        .stepview
        {
            border: 1px solid #ddd;
        }
        div.steptext
        {
            min-height: 30px;
            text-align: right;
            padding-left: 15px;
            font-size: 18px;
            color: #6A85A3;
        }
        .open1 .glyphicon
        {
            font-size: large;
            vertical-align: -5%;
        }
        .m-top
        {
            margin-top: 20px;
        }
        .bg-white
        {
            background-color: white;
        }
        
        .bg-gray
        {
            background-color:#D0D3D4;
        }
        *
        {
            font-family: "Roboto" , Helvetica, sans-serif;
        }
        .count, .steptext
        {
            display: inline-block;
        }
        .count
        {
            background-color: #f99428;
            padding: 10px 15px;
            color: white;
        }
        .active
        {
            background-color: #003366;
        }
        .active .steptext
        {
            color: white !important;
        }
        .greybar
        {
            background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 0%,rgba(244,244,244,1) 51%,rgba(242,242,242,1) 100%);
            border: 1px solid #ddd;
            padding: 5px 10px;
            color: dimgray;
        }
        .boldblue
        {
            color: #003366;
        }
        h3.question
        {
            margin-top: 0;
            margin-bottom: 15px;
        }
   /*     input, button
        {
            border-radius: 0 !important;
        } */
        
        .btn-orange
        {
            background-color: #f99428;
            color: white;
        }
        .btn-orange:hover
        {
            background-color: #E68A27;
            color: white;
        }
         .btn-blue
        {
            background-color: #003366;
            color: white;
        }
        a:hover
        {
            text-decoration: none;
        }
        
     .btnrefresh
        {
            background: url(../CSS/Images/ReloadNormal.jpg);
            background-repeat: no-repeat;
            background-image: url(../CSS/Images/ReloadNormal.jpg);
            width: 28px;
            height: 22px;
            border: none;
        } 
		
        #pwd_strength_wrap
        {
            border: 1px solid #D5CEC8;
            display: none;
            float: left;
            padding: 10px;
            position: relative;
            width: 280px;
            background-color: White;
        }
        #pwd_strength_wrap:before, #pwd_strength_wrap:after
        {
            content: ' ';
            height: 0;
            position: absolute;
            width: 0;
            border: 10px solid transparent; /* arrow size */
        }
        #pwd_strength_wrap:before
        {
            border-bottom: 9px solid rgba(0, 0, 0, 0);
            border-right: 9px solid rgba(0, 0, 0, 0.1);
            border-top: 9px solid rgba(0, 0, 0, 0);
            content: "";
            display: inline-block;
            left: -18px;
            position: absolute;
            top: 9px;
        }
        #pwd_strength_wrap:after
        {
            border-bottom: 8px solid rgba(0, 0, 0, 0);
            border-right: 8px solid #fff;
            border-top: 8px solid rgba(0, 0, 0, 0);
            content: "";
            display: inline-block;
            left: -16px;
            position: absolute;
            top: 10px;
        }
        #pswd_info ul
        {
            list-style-type: none;
            margin: 5px 0 0;
            padding: 0;
        }
        #pswd_info ul li
        {
            background: url(../CSS/Images/correct_red.png) no-repeat left 2px;
            padding: 0 0 0 20px;
        }
        #pswd_info ul li.pwdGuideValid
        {
            background: url("../CSS/Images/correct_green.png") no-repeat left 2px;
            color: green;
        }
        
   .pwdGuideInvalid
   {
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
    font-size: medium;
    color : red;
   }

 .pwdGuideValid
   {
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
    font-size: medium;
    color : green;
   }

 .btnNext 
 {
    padding: 10px;		
	width:120px;
	background: #F99428;
	color: #fff;
	border: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 6px;	
	cursor: pointer;
}

.btnCancel 
{
      padding: 10px;		
	width:120px;
	background: none;
	color: #003366;
	border: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

 .btnPrintNow {
display:inline-block;
padding:0.5em 1.0em;
margin:0 0.1em 0.1em 0;
text-decoration:none;
font-family:'Roboto', sans-serif;
font-weight:bold;
font-size:medium;
color: white;
border-radius:5px;
background-color:#F99428;
text-align:center;
position:relative;
width:150px;
height:40px;
}


.btnBlue {
display:inline-block;
padding:0.1em 1.0em;
margin:0 0.1em 0.1em 0;
text-decoration:none;
font-family:'Roboto', sans-serif;
font-weight:normal;
font-size:small;
color: white;
background-color:#0094da;
text-align:center;
position:relative;
border-radius:5px;
width:115px;
height:25px;
}

.divCreatePwdMain
{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color : #000000;
    border:0px none;
    width:80%;
    height:auto;
}

.divGeneral
{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color : #000000;
    border:0px none;
    width:80%;
}

.divResetBySelect 
{
font-family: 'Roboto', sans-serif;
	font-size: 12pt;
	font-style: normal;
	color: #fff;
  	float: left;
  	border: none;
  	outline: none;
  	cursor: pointer;
  	padding: 10px 24px;	
	text-align: center;
  	transition: 0.3s;	
	background-color: #003366;
	width:130px;
	border-top:1px solid #003366;
	border-bottom:0px none;
	border-left:1px solid #003366;
	border-right:1px solid #003366;
}

.divResetByUnSelect 
{
    font-family: 'Roboto', sans-serif;
	font-size: 12pt;
	font-style: normal;
	color: #003366;
  	float: left;
  	border: none;
  	outline: none;
  	cursor: pointer;
  	padding: 10px 24px;	
	text-align: center;
  	transition: 0.3s;	
	background:transparent;
	width:130px;
	border-top:1px solid #003366;
	border-bottom:0px none;
	border-left:1px solid #003366;
	border-right:1px solid #003366;
}

  .divAcctSelect 
  {
    padding: 10px;
	margin: 10px 6px;
	text-align: center;
	background: #003366;
	color: #fff;
	border: 1px solid #003366;
	display: inline-block;
	text-decoration: none;
	border-radius: 6px;
	cursor: pointer;
	font-weight: bold;
	font-style: normal;
	width:150px;
}

 .divAcctUnSelect {
    padding: 10px;
	margin: 10px 6px;
	text-align: center;
	background: none;
	color: #003366;
	border: 1px solid #003366;
	display: inline-block;
	text-decoration: none;
	border-radius: 6px;
	cursor: pointer;
	font-weight: bold;
	font-style: normal;
	width:150px;
}

.divLabelField
{
    padding: 10px 22px;
	margin: 10px 6px;
	text-align:inherit;
	background: none;
	color: black;
	border:none;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	font-weight: 500;
	font-style: normal;
	width:inherit;
	font-size: large;
}

.divAltContainer {
    margin: 30px auto 20px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
}

/* Left part */
.divAltLeft {
  /*  float: left;
    padding: 50px;
    width:50%; 
    border:0px none; */
    float: left;
	color: #003366;
	width: 340px; 
	height: auto; 
	margin: auto; 
	padding: 0 60px; 
}

.lblAltWords
{
      font-size: 14px; font-style: normal; font-weight: 400; color: #003366; 
}

/* Right part */
.divAltRight {
    float: right;
	color: #003366;
	font-weight: 400;
	width: 340px; height: auto; margin: auto; padding: 0 60px; 
}

.divCreatePwdContainer {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border:0px none;
    width:100%;
}

.divNoRecAltContainer
{
    font-family: 'Roboto', sans-serif;
    color : #000000;
    width:30%;
    height:100px;
    text-align:center;
}

.lblAcctTitleField
{
   font-family:'Roboto', sans-serif;
	font-weight:bold;
	font-size:medium; 
	color: #003366;
}

.lbl
{
   font-family:'Roboto', sans-serif;
	font-weight:500;
	font-size:large; 
}

.lblField
{
   font-family:'Roboto', sans-serif;
	font-weight:bold;
	font-size:medium;  
}

.lblGuideTitle
{
   font-family:'Roboto', sans-serif;
	font-weight:normal;
	font-size:medium;  
	color:#003366;
}

.lblMainHeader
{
   font-family:'Roboto', sans-serif;
	font-weight:bold;
	font-size:x-large; 
	color:#003366;
}

.lblSubHeader
{
   font-family:'Roboto', sans-serif;
	font-weight:bold;
	font-size:x-large;  
	color:#003366;
}

.lblSecQuest
{
  font-family:'Roboto', sans-serif;
  font-weight:normal;
  font-size:large;  
}

.lblOTP
{
   font-family:'Roboto', sans-serif;
	font-weight:normal;
	font-size:small;
	color:#003366;  
}

.lblOTPmini
{
   font-family:'Roboto', sans-serif;
	font-weight:normal;
	font-size:small;
	color:#003366; 
}

.secQuestrow
{
    height:60px;
    vertical-align:top;
}

.imgPost
{
    width: 60px; 
    height: 70px; 
  /*  padding-right: 20px; 
    margin-right: 20px; 
    border-right: 1px solid #333; */
   /* float: left;*/
    cursor:pointer;
}

.imgPhillip
{
    width: 70px; height: 70px; 
   /*  padding-right: 20px; 
    margin-right: 20px; 
   border-right: 1px solid #333; */
   /* float: left;*/
}

.imgCaptcha
{
    height:60px;
    width:260px;
}

.clear {
	clear: both;
}

.txtBox {
	border: 1px solid #003366;
	display: inline-block;
	text-decoration: none;
	border-radius: 6px;
	font-weight: bold;
	font-style: normal;
	width:inherit;
}

.lblFooter
{
   font-family:'Roboto', sans-serif;
	font-weight:normal;
	font-size:medium;
	color:#808080; 
}

.lblTitle
{
    font-size:large; font-weight:500;
}

.lblJointAcct
{
     font-family:'Roboto', sans-serif;
	font-weight:normal;
	font-size:medium;
	color:#808080; 
}