/*new login css*/
.Login-Content{background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);height: auto;}
.LeftSide{background: #FFFFFF;/*box-shadow: 0px 0px 10px rgb(0 0 0 / 15);*/}
.row > [class*="col-"].LeftSide,.row > [class*="col-"].RightSide{height: 100vh;color: #FFFFFF;display: table;padding: 0px;}
.row > [class*="col-"].RightSide{background: linear-gradient(174.67deg, #9152C3 0%, #594AAA 100%);box-shadow: 1px 0px 16px rgba(0, 0, 0, 0.36);border-radius: 0px;}
.row > [class*="col-"].RightSide .DivPad{padding: 0px 80px;}
.RightSide .FooterText{width:100%;font-weight: 400;font-size: 12px;display: block;color: #F2F2F2;position: absolute;bottom: 14px;}
.RightSide .Right-InnerCard,.LeftSide .Left-InnerCard{display: table-cell;vertical-align: middle;}
.RightSide h5{color: #fff;margin: 0px 0px 8px 0;padding-top: 10px;}
.RightSide .ButtonLink{color: #fff;display: block;font-weight: 500;font-size: 14px;}
.ButtonLinkHead{display: inline-block;vertical-align: middle;text-align: right;float: right;padding-top: 3px;}
.RightSide .LoginLabel{font-family: 'Roboto Slab';font-weight: 500;font-size: 22px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);margin-bottom: 8px;color:#fff;}
.RightSide .FormInner label{font-weight: 700;font-size: 11px;display: block;margin-bottom: 6px;text-transform:capitalize;color:#fff;}
.RightSide .FormInner input{width: 100%;height: 42px;padding: 10px;background: #FFFFFF;border-radius: 4px;line-height: 20px;}
.RightSide .DownloadApp label{display: block;color: #F7F7F7;font-weight: 400;font-size: 12px;}
.RightSide .DownloadApp{padding: 10px 0;margin: 16px 0px;}
.RightSide .DownloadApp img{display: inline-block;}
.RightSide .DownloadApp a:hover img{box-shadow: 1px 0px 10px rgb(102, 102, 102);}
.RightSide .ButtonLink:hover{text-decoration: underline;}
.Left-InnerCard p{font-weight: 500;font-size: 14px;color: #353535;margin-bottom: 30px;padding: 0px 120px;}
.Left-InnerCard h2{font-size: 22px;font-weight: 500;padding: 10px 10px;}
#page-container.fade{opacity: 1;padding: 0px;}
.Right-InnerCard .LogoImg{margin-left: -6px;}
.FooterSection{width: 100%;position: absolute;bottom: 14px;}
.FooterSection ul li{display: inline-block;}
.FooterSection ul li a{font-weight: 700;margin-right: 16px;border-bottom: 3px solid #fff;color: #808080;font-size: 12px;font-weight: 700;}
.FooterSection ul li a:hover {text-decoration: none;border-bottom: 2px solid #461F87;color: #461F87;}
.FooterSection ul li:last-child a:last-child{margin-right: 0px;}
.DownloadApp .LineHorizontal{border-top: 1px solid #E3E3E3;opacity: 0.4;display: block;padding-top: 12px;}
.mt-5{margin-top: -5px;}
.PasswordSection {position: relative;}
.PasswordSection i {cursor: pointer;
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 9;
    display: none;
}
.PasswordSection .PasswordIcon i {
    display: inline-block;
    cursor: pointer;
}
    .PasswordSection .parsley-error ~ i {
        bottom:30px;
    }
        .icon-Eye-Icon-active:before {
    color: #461F87;
}
/*.FormError label {
    color: #DA0E3F;
}*/
.FormError input{border: 1px solid #DA0E3F !important;/*background: #ffdedd!important;*/color: #DA0E3F;}
.FormError.PasswordSection i{display: block;}
.MandatoryText{display: block;color: #DA0E3F;margin-top: 2px;}
.BackLink{display: block;color: #fff;margin-top: 20px;}
.BackLink:hover,.BackLink:focus{color: #fff;text-decoration: underline;}
.FormInner.m-t-20, .ErrorMain .m-t-20 {
    margin-top: 15px !important;
}
.FormInner .icon-HoverEdit{text-align: right;position: absolute;right: 0px;top: -6px;cursor: pointer;}
.FormInner .icon-HoverEdit:hover{text-decoration: none;}
.FormInner .icon-HoverEdit:before{color: #C7C7C7;}
.FormInner .icon-HoverEdit:hover:before{color: #fff;}
.new-btn{background: transparent;border-color: #fff;color: #fff;}
.Info-Section ul {
    padding: 0px 0px 0px 0px;
    line-height: 16px;
    font-size: 12px;
}
.pswd_info {
  list-style: none;
  margin: 5px 0px;
  padding: 0;
}
.pswd_info .valid,.pswd_info .invalid{padding-left: 20px;}
.pswd_info .invalid {
  background:url("../images/invalid.png") no-repeat 0 50%;
  color:#ec3f41;
   background-size: 12px; 
}
.pswd_info .valid{
  background:url("../images/valid.png") no-repeat 0 50%;
  color:#3a7d34;
   background-size: 12px; 
}
#password-strength-status {
  font-size:11px;opacity: 0.8;
  padding: 2px 10px;text-align: center;color: #fff;
  border-radius: 5px;position: absolute;
    display: inline-block;
    width: auto;
    top: 35px;
    right: 35px;}
.NewForm .Info-Section{width: 100%;}
.veryweak-password {
  background-color: #fc7e99;
}
.weak-password {
  background-color: #f79a67;
}
.medium-password {
  background-color: #fbc034;
}
.average-password {
  background-color: #7bbbfa;  
}
.strong-password {
  background-color: #5de094;
}
/*new login css end*/
@media (min-width: 768px) and (max-width: 1199px){
.Left-InnerCard .col-md-8{display: none;}
.Left-InnerCard .col-md-4{width: 100%;}
.Login-Content .LeftSide,.Login-Content .RightSide {width: 50%;}
.LoginWizard{padding-top: 26px;}
.DivPad::after{display: none;}
.FooterSection{width: 80%;right: 30px;}
}
@media (min-width: 768px) and (max-width: 1024px){
.Left-InnerCard p{padding: 0px 20px;}
.FooterSection ul li a{margin-right: 8px;}
.LeftSide .Left-InnerCard{padding: 0px !important;}
.RightSide .DownloadApp{margin: 30px 0px;}
.RightSide h5{margin: 20px 0px 8px 0;padding-top: 0px;}
.row > [class*="col-"].RightSide .DivPad{padding: 0px 20px;}
}
#password{
    padding-right:35px;
}
.new-btn {
    background: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
    box-shadow:none;
}
    .new-btn:hover, .new-btn:focus {
        background: #461F87 !important;
        border: 2px solid #461F87 !important;
        color: #fff!important;
    }
.ButtonLinkHead a, .ButtonLinkHead a:focus {
    color: #fff;
    padding:5px;
}
.ButtonLinkHead a:hover{
    text-decoration:underline;
    color:#fff;
}