/*start css for new QR code project */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
    .SmsInvalidOtpContainer{
        height: 824px;
         }
}
.selectContent{
    margin-left: 25px;
}
.selectinp{
    display: inline-flex;
    align-items: center;
    margin-right:10px;
}

.selectsubmitBtn{
    padding:11px;
    font-family:'HeeboRegular' !important;
}
.selectcancbtn{
    font-family:'HeeboRegular' !important;
    padding-top: 10px;
    padding-right: 15px;
}
.selected-Auth {
    font-family:'HeeboRegular' !important;
    margin-left: 22px;
}
.selectiontitle{
    font-family:'HeeboRegular' !important;
    font-weight: 400;
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 16px;
}
.selectiontitlecontent{
    font-family:'HeeboRegular' !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}
.selectauthBox.highlight{
    border-color: #73C3EB;
}
.selectauthBox:focus-within{
    border-color: black;
}
.selectauthBox{
    padding: 12px;
    background: #FFFFFF;
    width: 832px;
    border: 1px solid #D9DCE1;
    margin-top: 16px;
    border-radius: 8px;
    position: relative;
}
.selectauthBox:hover{
    padding: 12px;
    background: #FFFFFF;
    width: 832px;
    border: 1px solid #005587;
    margin-top: 16px;
    border-radius: 8px;
    position: relative;

}
.selectftr{
    display: inline-flex;
    margin: 32px 10px 64px 10px
}
input[type="radio"]{
    accent-color: #004c97;
}
.selectauth1{
    font-size: 16px;
    line-height: 24px;
    font-family:'HeeboRegular' !important;
    font-weight: 500px;
    margin-left: 5px;
    margin-top:7px;
}
.selectauth2{
    font-size: 16px;
    line-height: 24px;
    font-family:'HeeboRegular' !important;
    font-weight: 400px;
    margin:10px 10px 10px 25px;
}
.selectauth3{
    font-size: 16px;
    line-height: 24px;
    font-family:'HeeboRegular' !important;
    font-weight: 400px;
    margin:10px 10px 10px 0px;
}

.ShowOrHide{
    color: #001928 ;
    font-family:'DaxRegular' !important;
 }
 .otpctrl{
     font-size: 18px;
 }
 .SmsNoOtpErrorMsg {
    font-size: 14px;
    font-family:'DaxRegular' !important;
    margin-top: 10px;
    margin-bottom: 25px;
    color: #D40B13;
}

.otp-verify {
    margin-left: 22px;
}

.errorTwoFa{
    font-family:'HeeboRegular' !important;
    text-align: center;
    padding-top:148px;
    padding-bottom: 227px;
    background-color: #F5F5F5;
   }

   .errorTwofaHeader{
    font-family:'HeeboRegular' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 32px !important;
    line-height: 24px;
    text-align: center;
    color: #001928;
    margin-bottom: 32px;
}
.errorTwofSubheader{
    font-family:'HeeboRegular' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 24px !important;
    line-height: 24px;
    text-align: center;
    color: #001928;
    margin-bottom: 16px;
}

.errorTwofSubheader>a{
    text-decoration: underline;
}
   .errorTwoContact{
           font-family:'HeeboRegular' !important;
           font-style: normal;
           font-weight: 400;
           font-size: 16px !important;
           line-height: 24px;  
           text-align: center; 
           padding:0% 15%;
           color: #001928;
           margin-bottom: 40px;
   }
   .errorTwoContact>a{
       text-decoration: underline;
   }

 .SmsMnoContent {
    font-family: 'DaxRegular' !important;
    font-style: normal;
    font-weight: 400;
    padding-left: 260px;
    padding-right: 260px;
    font-size: 16px !important;
    line-height: 24px;
    text-align: center;
    color: #001928;
    margin-bottom: 40px;
	}
.SmsInvalidOtpContainer{
    font-family:'DaxRegular' !important;
    text-align: center;
    padding-top:148px;
    padding-bottom: 227px;
    background-color: #F5F5F5;
   }
   .SmsInvalidHeader{
       font-family:'DaxRegular' !important;
       font-style: normal;
       font-weight: 400;
       font-size: 32px !important;
       line-height: 24px;
       text-align: center;
       color: #001928;
       margin-bottom: 32px;
   }
   .SmsInvalidTagLine{
       font-family:'DaxRegular' !important;
       font-style: normal;
       font-weight: 400;
       font-size: 24px !important;
       line-height: 24px;
       text-align: center;
       color: #001928;
       margin-bottom: 16px;
   }
   .SmsInvalidContentNext{
           font-family:'DaxRegular' !important;
           font-style: normal;
           font-weight: 400;
            padding-left: 140px;
           padding-right: 140px; 
           font-size: 16px !important;
           line-height: 24px;  
           text-align: center; 
           color: #001928;
           margin-bottom: 40px;
   }
   .SmsInvalidContent{
    font-family:'DaxRegular' !important;
    font-style: normal;
    font-weight: 400;
     padding-left: 240px;
    padding-right: 240px; 
    font-size: 16px !important;
    line-height: 24px;  
    text-align: center; 
    color: #001928;
    margin-bottom: 40px;
   }
.sameline{
    white-space: nowrap;
}
.SmsOtpcard{
    width:475px;  
}
.smsotptitlecontent{
    width:96%;
}
.sms-verification-code {
    font-size: 16px;
    line-height: 18px;
    font-family:'DaxRegular' !important;
    margin: 15px 0;
}
.verification-codeSectionsms input{   
    height: 50px;
    width: 35px;
    /* border-color: bisque; */
    margin-right: 4px;
    border-radius: 5px;
    border: 1px solid #646C76;
}
.smsotp-needNewcodeSection span{
    margin-left: 0;
    margin-right: 0;
}
.smsotp-needNewcodeSection span{
    display: block;
    font-size: 16px;
    line-height: 18px;
}
.smsotp-needNewcodeSection {
    padding: 30px 15px;
    clear: both;
}
.SmsErrorMsg {
    font-size: 14px;
    font-family:'DaxRegular' !important;
    margin-top: 10px;
    margin-bottom: 1px;
    color: #D40B13;
}
.welcSubtitle{
    font-size: 17px;
    font-weight: 600;
    font-family:'DaxRegular' !important;
    padding-top: 15px;
}
li::marker{
    font-size: 22px;
}
.verifNote {
    font-size: 16px;
    line-height: 18px;
    font-family: 'DaxRegular';
    margin-top: 5px;
}
.tab-cont.row{

    margin: 10px 0 50px 0;
}
.welcSubcont{
    font-size: 16px;
    font-family:'DaxRegular' !important;
    padding-top:10px;

}
.notePoints{
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family:'DaxRegular' !important;
}
.agreebox{
 padding-bottom: 40px;
}
.pointsinnote{
padding-bottom: 15px;
}
.cancbtn{
    padding-top: 10px;
    padding-right: 15px;
}
.cancelVeficicationBtn{
    padding:15px 25px;
    font-family:'DaxRegular' !important;
}

.CancelToLogin{
    padding:15px 25px;
    font-family:'HeeboRegular' !important;
}
.chooseBtn{
    background: transparent;
    border:0px;
    color:#0079C1;
    font-size: 16px;
    font-weight: 600;
    font-family:'DaxRegular' !important;
    margin-right: 20px;
    line-height: 20px;
    padding: 15px 0;
}
.submitBtn{
    padding:11px;
    font-family:'DaxRegular' !important;
}

.verifycode-noerr{
    font-size: 16px;
    line-height: 18px;
    font-family: 'DaxRegular';
    margin-top: 50px;
}

.radio-item{
    position:relative;
    padding:0 6px;
    margin: 10px 0 0;
}
.radio-item input[type='radio'] {
    display: none;
}
.radio-item label:before{
    content: " ";
    display: inline-block;
    position: relative;
    top: 4px;
    margin:0 8px 0 0;
    width:18px;
    height:18px;
    border-radius: 11px;
    border: 2px solid #80808080;
    background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after{
    border-radius: 11px;
    height: 10px;
    width:10px;
    position:absolute;
    top:8px;
    left:15px;
    content:" ";
    display:block;
    background:#004c97;
}


.popupchanges{
    height:170px;
    width:52%;
    margin-top:10%;
    margin-left:25%;
   }
   .resent_code_message{
    width: 100%;
    font-size: 14px;
    background:#e5f1e5;
    border-radius: 5px;
    padding: 15px 50px;
    color: #007d00;
    text-align: center;
    margin-top: 40px;
   }
   .selection-container{
    border-bottom: 1px solid #E6E6E6;
    background-color: #fff;
   }
   .selectverification{
    height:15px;
    width:15px;
    margin:0px;
    padding-right: 5px;
   }
   .welcome-title-sms {
    margin-top: 40px;
   }
   .errorImgsectionsms {
    position: initial;
    right: 110px;
    top: 75px;
    width: 15px;
    height: 15px;
}
   .error-smsmessage{
    font-size: 12px;
    color: #D40B13;
   }
   .errorbanner{
    text-align: center;
    padding-top: 10px;
    font-family:'DaxRegular' !important;
    color: #D40B13;
    background-color: #FCF6F8;
    height: 40px;
    font-size:14px ;
    line-height: 24px;
    letter-spacing: normal;
    }
   .errorImgsection1{
    position: initial;
    right: 110px;
    top: 75px;
    width: 20px;
    height: 20px;
    }
    .checkbox-label{
        vertical-align: middle;
        padding-left: 10px;
    }
    .headline-5{
        font-size: 16px;
        color: #414141;
        font-weight: normal;
        
    }

.mainWelcomeSection, .custom_Margin{
    
    font-family: 'DaxRegular';
    color: #414141;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;

}

#a-bold{
  font-family: 'DaxBold';
}

.customMargin{
    margin: 40px 0;

}
.welcome-to-biometric{
    margin-bottom: 25px;
}
.smsverification{
    margin-top: 32;
    margin-left: 55px;
    margin-right: 45px;
}
.welcome-to-smstitle{
    font-size: 24px;
    color: #414141;
    line-height: 28px;
    font-weight: bold;
    letter-spacing: normal;
    font-family: 'DaxRegular';
    padding: 30px 0 20px 0 ;
}
.welcome-to-biometric h2 {
    font-size: 26px;
    color: #414141;
    line-height: 28px;
    letter-spacing: normal;
    font-family: 'DaxRegular'
}
.bottomDetailsection{
    padding: 0 0 30px 0 ;
  }
  .cancleBtn{
    background: transparent;
    border: 0px;
    color: #0079c1;
    font-size: 14px;
    font-weight: 600;
    margin-right: 20px;
    line-height: 18px;
    letter-spacing: 0.25px;
    text-transform: uppercase !important;
  }
  .customColor{
    font-size: 15px;
      font-weight: 600;
      padding: 10px 25px;
      text-transform: uppercase;
  }
  .bootomButtons {
    margin: 10px 10px 60px 10px
  }
  .welcome-inner-title {
    margin: 40px 0;
}
.welcome-inner-title h4{
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: normal;
    font-family: 'DaxRegular';
}
p.innersectionsecLine{
    padding-top: 10px;
}
.SureProcessection ul{
    padding: 20px 45px;
}
.SureProcessection ul li{
    padding:10px 0;
}
.mainRegisterSection{
    padding: 40px 0 20px 0;
  }
  .mainWelcomeSection.mainRegisterSection {
    margin: 45px 0 10px 0;
    padding: 5px 80px;
}
#Confirmphonenumber , #Installapp, #Pairphone, #Scanbiometricfeatures, #PairphoneMobile{
    padding: 0px 70px;
}
#Confirmphonenumber p, #Confirmphonenumber ul li, #Installapp p, #Installapp ul li , #PairphoneMobile p, #PairphoneMobile ul li{
    font-size: 14px;
    line-height: 21px;
    letter-spacing: normal;
    display: inline-flex;
}
ul.stepboxsectionUl li{
    list-style: none;
    padding: 15px 20px;
    position: relative;
    border-left: 5px solid #fbfbfb;
    white-space: normal !important;
    
}
#Scanbiometricfeatures ul.stepboxsectionUl li, #Pairphone ul.stepboxsectionUl li, #PairphoneMobile ul.stepboxsectionUl li{
    display: inline-flex !important;
}
span.mainParentLiclass{
    display: inline-block;
    vertical-align: middle;
   
    padding-left: 20px;
}
.mainnumberParent {
    position: relative;
}
.stepboxsection {
    /* padding: 0 20px; */
    background: #FBFBFB;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: normal;
    /* width: 465px; */
    border-bottom-left-radius: 5px;
   
    border-bottom-right-radius: 5px;
}

.stepboxsection ul li::after {
    content: '';
    border-bottom: 1px solid #E6E6E6;
    width: 100%;
    display: block;
    /* margin: 0 auto; */
    min-width: 468px !important;
    position: absolute;
    left: -5px !important;
    bottom: 0;

}
.verification-codeSectionqr {
    padding: 15px 15px 25px 15px;
    background: #fff;
    margin: 25px 40px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 21px 5px #cccccca6;
    box-shadow: 5px 5px 21px 5px #cccccca6;
    position: relative;
}
.verification-codeSectionsms {
    padding: 25px 15px 15px 15px;
    background: #fff;
    margin-top: 20px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 21px 5px #cccccca6;
    box-shadow: 5px 5px 21px 5px #cccccca6;
    position: relative;
}
.verification-codeSectionqr input{
   
    height: 50px;
    width: 35px;
    /* border-color: bisque; */
    border-radius: 5px;
    border: 1px solid #c4c4c4;
}
.verification-code {
    font-size: 14px;
    line-height: 18px;
    font-family: 'DaxMedium';
    margin: 15px 0;
}
.note-verification-c{
    margin: 15px 0;
    font-size: 14px;
    line-height: 16px;
}
#Confirmphonenumber .welcome-inner-title , #Installapp .welcome-inner-title{
    margin: 30px 0;
    padding: 0 15px;
} 
#Pairphone .welcome-inner-title , #Scanbiometricfeatures .welcome-inner-title, #PairphoneMobile .welcome-inner-title{
    margin: 30px 0 0 0;
    padding: 0 15px;
}
/* #Confirmphonenumber .col-xs-12.col-sm-6.col-md-6,
 #Installapp .col-xs-12.col-sm-6.col-md-5, 
 #Pairphone .col-xs-12.col-sm-6.col-md-5,
 #Scanbiometricfeatures .col-xs-12.col-sm-6.col-md-5,
 #PairphoneMobile .col-xs-12.col-sm-6.col-md-5{
    padding: 0;
} */
#Installapp .stepboxsection,
#Pairphone .stepboxsection,
#Scanbiometricfeatures .stepboxsection{
    width: 450px;
}
.needNewcodeSection span{
    display: block;
    font-size: 14px;
    line-height: 18px;
}
.needNewcodeSection {
    padding: 30px 15px;
    clear: both;
}
span.need-a-new-code {
    font-family: 'DaxMedium';
    line-height: 22px;
}
.resend-text-message a{
   
    line-height: 22px;
}

span.if-you-changed-your{
    padding: 30px 0;
}
.resend-text-message a, .if-you-changed-your a{
    color: #0066A2;
}
.custom_number{
    padding-right: 10px;
}

.needNewcodeSection span{
    margin-left: 0;
    margin-right: 0;
}
.secLineInfo{
    padding:30px 0 10px 0;
}
.mobileImg1 img{
    /* width: 223px; */
    width: 174px;
    margin: 0 auto;
    /* height: 408px; */
    padding: 12px 0;
}
#Installapp .stepboxsection ul li::after,
#Pairphone .stepboxsection ul li::after,
#Scanbiometricfeatures .stepboxsection ul li::after {
    min-width: 468px  !important;
}
/* .mobileImg1{
    margin-bottom: 60%;
} */

#Pairphone ul li .custom_number::after,
#Scanbiometricfeatures ul li .custom_number::after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 15.5px;
    background-color: transparent;
    border: 1px solid #ccc;
    position: absolute;
    left: -5px;
    top: -2px;
}
#Pairphone ul li.active .custom_number::after,
#Scanbiometricfeatures ul li.active .custom_number::after  {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 15.5px;
    background-color: #0079c1;
    /* border: 1px solid #ccc; */
    position: absolute;
    left: 14px;
    top: 0;
    z-index: -1;
}
#Pairphone ul li.active .custom_number::after,
#Scanbiometricfeatures ul li.active .custom_number::after {
    left: -6px;
}
#Pairphone ul li.active .custom_number::before,
#Scanbiometricfeatures ul li.active .custom_number::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #0066A2;
    position: absolute;
    left: -10px;
    top: -4px;
}
.stepboxsection li.active{
    border-right: 1px solid #73C3EB;
    background: #fff;
    border-left: 5px solid #0066A2;
    z-index: 0 !important;
    border-bottom: 1px solid #73C3EB;
    border-top: 1px solid #73C3EB;
    box-shadow: 6px 4px 10px 0px rgb(195 195 195 / 15%);
    width: 100%;
}
#Pairphone .needNewcodeSection, #Scanbiometricfeatures .needNewcodeSection{
    padding: 0px 20px 0 60px;
  
}
span.onceScannedsection{
    padding: 10px 75px 10px 0px;
    line-height: 22px;
}
.qrcodeimg{
    padding: 10px 50px;
}
#Pairphone p, #Scanbiometricfeatures p{
    font-size: 14px;
    line-height: 21px;
}
span.clicknoSteps{
    font-size: 14px;
    line-height: 18px;
}

#Pairphone ul li.active::before, #Scanbiometricfeatures ul li.active::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 1px solid #73C3EB;
    border-left: 1px solid #73C3EB;
    top: 20px;
    right: -7px;
    background: white;
    transform: rotate(135deg);
}
/* #Pairphoneslider, #Pairphoneslider img,
#Scanbiometricfeaturesslider, #Scanbiometricfeaturesslider img
{
    width: 202px;
    height: 408px;
   
} */
#Scanbiometricfeaturesslider{
    margin-bottom: 100px;
}
#Scanbiometricfeatures .bootomButtons {
    margin: 50px 10px 60px 10px;
}
.welcomepadding{
    padding-right: 25px !important;
}
 
.stepboxsection ul li:last-child::after{
    border-bottom: 0px solid #E6E6E6;
}
.stepboxsectionLi.active .custom_number {

    color: #fff;
}
/* #Confirmphonenumber li{
    white-space: nowrap;
} */
.qrscanicon_font::before{ 
    content:url('../../style/img/Icon-QR.svg'); 
    padding: 5px 2px 5px 0;
    width: 15px;
    height: 15px;
    display:none;
 }
 .qrscanicon_font {
    padding: 0px !important;
    background: transparent !important;
    font-size: 13px !important;
    border: 0px solid #cccccc47 !important;
    border-radius: 0px !important;
    -webkit-box-shadow:none !important;
    box-shadow: none !important;
}
#PairphoneMobile .welcome-inner-title p{
    margin-bottom: 20px;
}
  /*End css for new QR code project */

  .successSection{
    height: 100%;
    text-align: center;
  }
  .successSection h1{
    line-height: 48px;
    margin: 20px 0;
  }

  .successSection h4 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  #sucess-container{
    background: #F5F6F7;
  }
  .successInnersection {
    padding: 2%;
}
  .successSection p{
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 30px;
  }
  .qrContainer{
    padding: 23px;
    background: #fff;
    margin: 25px 61px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 21px 5px #cccccca6;
    box-shadow: 5px 5px 21px 5px #cccccca6;
    width: 55%;
}

/* css for the confirmaation code	 */
input.inputErrror{
    border: 1px solid #D40B13 !important;
}
.errorImgsection1{
    position: initial;
    right: 110px;
    top: 75px;
    width: 20px;
    height: 20px;
}
 
.registration-box-error-qr{
    width: 100%;
    background: #FCF6F8;
    border-radius: 5px;
    padding: 15px 50px;
    margin-top: 40px;
}
.mainErrormsg {
    padding-top: 4px;
    /* padding-left: 341px; */
    color: #D40B13;
    font-size: 14px;
    font-family: 'DaxRegular';
    text-align:center;
}

.QrCodeerrormain .errorImgsection2 {
    position: absolute;
    right: 198px;
    top: 22px;
    width: 20px;
    height: 20px;
}

.QrCodeerrormain {
    /* text-align: left; */
    padding: 20px 63px;
    color: #D40B13;
    position: relative;
}
span.verificationErrorMsg, .ErrorMsg span {
  
    white-space: normal;
}
.ErrorMsg {
    margin-top: 10px;
    color: #D40B13;
}
#Confirmphonenumber .stepboxsection .need-a-new-code{
    padding-left: 45px;
}
/* #Installapp .col-xs-12.col-sm-6.col-md-6,
#Installapp .col-xs-12.col-sm-6.col-md-3, 
.cancleBtn,
#Pairphone .col-xs-12.col-sm-6.col-md-3,
 #Pairphone .col-xs-12.col-sm-6.col-md-6,
 #Scanbiometricfeatures .col-xs-12.col-sm-6.col-md-3,
 #Scanbiometricfeatures .col-xs-12.col-sm-6.col-md-6,
 #PairphoneMobile .col-xs-12.col-sm-6.col-md-3,
 #PairphoneMobile .col-xs-12.col-sm-6.col-md-6{
    padding: 0 !important;
} */
/*Cancle pop css*/

#cancleSetupModal .cancelHeader, #cancleSetupModalafterstep4 .cancelHeader{

	background: transparent;
    box-shadow: none;
    border-bottom: 0;
    padding: 30px 20px 10px 20px;
	
}

#cancleSetupModal .cancelPopUp-notify, #cancleSetupModalafterstep4 .cancelPopUp-notify{
	position: inherit;
    top: 0;
    left: 0;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
    padding: 25px 15px;

}

#cancleSetupModal .modal-Popup .modal-content .otp-modal-footer, #cancleSetupModalafterstep4 .modal-Popup .modal-content .otp-modal-footer{
    text-align: right;
    background: transparent;
    box-shadow: none;
    border-top: none;
    padding: 20px;
    margin-bottom: 25px;
}
#cancleSetupModal .leaveButton, #cancleSetupModalafterstep4 .leaveButton{
    padding: 10px;
    border: none;
}
#cancleSetupModal .cancelHeader .headline-2, #cancleSetupModalafterstep4 .cancelHeader .headline-2{
    font-weight: 800;
    padding: 5px 0 20px 15px;
}

#cancleSetupModal .confirmButton, #cancleSetupModalafterstep4 .confirmButton{
    padding: 15px 30px;
}
/* slider css */
.tab-content.row{

    margin: 10px 0 130px 0;
}
.carousel-control.left, .carousel-control.right{
    background-image: none !important;
}
#InstallSoftware1 .carousel-inner .item{
    width: 215px;
    margin: 0 auto;
}
#InstallSoftware1 .left .glyphicon-chevron-left:before {
    top: -14px;
    color: #0079c1;
    position: absolute;
    left: -10px;
    content: url(../../../CommonWeb/theme/img/carousa-prev.svg) !important;
    width: 54px;
    height: 54px;
}

#InstallSoftware1 .right .glyphicon-chevron-right:before {
    top: -10px;
    color: #0079c1;
    position: absolute;
    right: -10px;
    content: url(../../../CommonWeb/theme/img/carousa-next.svg) !important;
    width: 54px;
    height: 54px;
}
.carousel-indicators li {
    border: 1px solid #0079c1;
}
.carousel-indicators .active {
    background-color: #0079c1;
}
#InstallSoftware1 .carousel-indicators {
    bottom: -50px;
}
span.zoomimgsection {
    font-size: 14px;
    right: 0 !important;
    left: 0 !important;
    text-align: center !important;
}
/*css for image clicked popover*/
.expandImg{
    position: absolute;
    top: -70px;
    height: 650px;
    width: 1000px;
    margin: 60px;
    height: 715px;
    background: #fff;
    
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
   
}
#close {
    color: #0066A2 !important;
    opacity: 1 !important;
    font-size: 40px !important;
    font-weight: normal !important;
    margin-top: -5px;
}
.expandImgInnersection .modal-header {
    border-bottom: 0px solid #e5e5e5;
}
.expandImg .stepboxsectionItem.active {
    display: block;
    border-right: none;
    background: transparent;
    border-left: none;
    border-bottom: none;
    border-top: none;
    box-shadow: none;
    margin-bottom: 30px !important;
}
.expandImg .stepboxsection{
    width: 100%;
    background: transparent;
    border: 0px solid #E6E6E6;
}

.expandImg ul li.active .custom_number::before, .expandImg1 ul li.active .custom_number::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #0066A2;
    position: absolute;
    left: 25px;
    top: 10px;
}
.expandImg ul li .custom_number::after, .expandImg1 ul li .custom_number::after {
   content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 15.5px;
    background-color: transparent;
    border: 1px solid #ccc;
    position: absolute;
    background-color: #0079c1;
    left: 27px;
    top: 12px;
    z-index: -1;
}
.expandImg .stepboxsectionLi.active{
    display: block;
    border-right: none;
    background: transparent;
    border-left: none;
    border-bottom: none;
    border-top: none;
    box-shadow: none;
    margin-bottom: 30px !important;
}

.expandImg ul.stepboxsectionUl li{
    padding: 15px 35px;
}
.expandImgTitle {
    padding: 0px 20px 20px 20px;
    font-family: 'DaxMedium';
}
.expandImg .stepboxsectionLi{
    display: none;
}
.mobileImg1 {
    background-image: url(../../../CommonWeb/theme/img/mobile-frame.png);
    /* height: 522px;
    width: 255px; */
    height: 408px;
    width: 202px;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%;
    z-index: 0;
    margin: 0 auto;
}
#InstallSoftware1{
    background-image: url(../../../CommonWeb/theme/img/mobile-frame.png);
    /* height: 502px;
    width: 249px; */
    height: 408px;
    width: 202px;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%;
    z-index: 0;
    padding: 15px 0;
    margin: 0 auto;
}
#InstallSoftware1 img{
    margin: 0px auto;
    width: 100%;
    max-width: 212px;
    padding: 0px 25px 0 14px;
}
.expandImg .stepboxsection li{
    display: none;
}
.expandImg .stepboxsection li.active{
    display: inline-flex;
    border-right: none;
    background: transparent;
    border-left: none;
    border-bottom: none;
    border-top: none;
    box-shadow: none;
    margin-bottom: 30px !important;
}
.expandImg .stepboxsection ul li::after{
    border-bottom: 0px solid #E6E6E6;
}
.expandImg .stepboxsection {
    width: 100%;
    background: transparent;
    border: 0px solid #E6E6E6;
}
#expandImg2  ul li.active .custom_number::before, #expandImg3 ul li.active .custom_number::before{
    left: -12px;
    top: -4px;
}
#expandImg2 ul li .custom_number::after, #expandImg3 ul li .custom_number::after{
    left: -9px;
    top: -2px;
    z-index: -1;
}
#expandImg1 .custom_number, #expandImg0 .custom_number{
    padding-right: 25px;
}
#cancleSetupModal .overlayChanges .custom-dialog ,#cancleSetupModalafterstep4 .overlayChanges .custom-dialog {
    height: auto;
}

.biouserClass.authenticationBox{
    background: transparent !important;
}
.biouser-authinfo, .biouser-authinfosecond{
    text-align: left !important;
    color: #414141 !important;
    margin: 15px 0;
}
.biouserClass.authenticationBox .inner-box{
    margin: 0 !important;
    
}
.bottom-registration-details{
    text-align: center;
    font-family: 'DaxRegular';
    margin: 20px 20px 10px 20px;
}
.device-iphonesection{
    background-image: url(../../../CommonWeb/theme/img/Mask.svg);
    height: 220px;
    width: 220px;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%;
    z-index: 0;
    padding: 20px 0;
    margin: 20px auto !important;
}
.registration-rsalink .cancel-link{
    border: 2px solid #0079C1;
    border-radius: 32px;
    padding: 6px 15px;
}
.registion-otheroption {
    margin: 30px 10px;
}
.registration-rsalink{
    margin-bottom: 4% !important;
}
.biouserClass .bio-inner-box {
    background-color: #fff !important;
}
/* .stepboxsection ul li:last-child:after{
    border-bottom: 0px solid #E6E6E6 !important;
} */

.stepboxsection li.stepboxsectionLiborderbottom::after{
    border-bottom: 0px solid #E6E6E6 !important;
}
#InstallSoftware1 .carousel-control{
    opacity: 1;
}
#InstallSoftware1 .carousel-control:hover, #InstallSoftware1 .carousel-control:focus{
    opacity: .8;
}
.zoomimgsectionqr{
    right: 60px !important;
}
 .section-biometricqr #welcome-to-biometricqrtitle{
    font-family: 'DaxRegular' !important;
    font-size: 26px !important;
    color: #414141 !important;
    line-height: 28px !important;
    letter-spacing: normal !important; 
}
.cancelPopUp-notifyqr{
    line-height: 30px !important;
}
.cancelPopUp-footerqr a{
    text-transform: uppercase;
}
.onceScannedsectionqr{
    padding: 10px 75px 25px 0px !important;
}
.clicknoStepsqr{
    padding-bottom: 6px;

}
.pairmobilelink span.onceScannedsection{
    padding: 11px 50px 30px 0px;
}

.pairmobilelink span.clicknoSteps{
    line-height: 25px;
}
.container-fluidSuccess{
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #f5f6f7;
    text-align: center;
    top: 21%;
    padding: 100px;
}
#Pairphone .right-hide .right .glyphicon-chevron-right:before, #expandImg2 .right-hide .right .glyphicon-chevron-right:before{
    display:none;
   }
   
   #Pairphone .left-hide .left .glyphicon-chevron-left:before, #expandImg2 .left-hide .left .glyphicon-chevron-left:before {
    display:none;
   }

   #Scanbiometricfeatures .right-hide .right .glyphicon-chevron-right:before, #expandImg3 .right-hide .right .glyphicon-chevron-right:before{
    display:none;
   }
   
   #Scanbiometricfeatures .left-hide .left .glyphicon-chevron-left:before, #expandImg3 .left-hide .left .glyphicon-chevron-left:before{
    display:none;
   }

   #InstallSoftware1 .right .glyphicon-chevron-right:hover:before, 
   #InstallSoftware1 .right .glyphicon-chevron-right:focus:before,
   #InstallSoftware1 .right .glyphicon-chevron-right:visited:before{
    /* opacity: 0.5; */
    content: url(../../../CommonWeb/theme/img/carousa-next-hover.svg) !important;
   }
   #InstallSoftware1 .left .glyphicon-chevron-left:hover:before,
   #InstallSoftware1 .left .glyphicon-chevron-left:focus:before,
   #InstallSoftware1 .left .glyphicon-chevron-left:visited:before{
    /* opacity: 0.5; */
    content: url(../../../CommonWeb/theme/img/carousa-prev-hover.svg) !important;
   }
  .Custommargin{
      margin-left: 5px;
  }
  .orLabel{
    color: #414141;
    letter-spacing: 0;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
}
/* .successhelplink{
    margin-left: 5px;
} */
.successSection1 .welcome-to-biometric {
    margin-bottom: 10px;
    margin-top: 12px;
}
.successSection1 .welcome-to-biometric h1{

    font-size: 36px;
    line-height: 48px;
    color: #414141;

}

.successSection1 .innerWelcomeSection h4{
    font-size: 20px;
    line-height: 22px;
    color: #414141;
}
.successSection1 .innerWelcomeSection {
    padding-bottom: 10px;

}
.successSection1 .innerWelcomeSection p{
    padding-top: 7px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: normal;
}
a.successhelplink{
    padding-left: 5px;
}
#customCprogressBbar .otp-progress-bar-width .bs-wizard-stepnum{
    padding: 0;
}
#cancleSetupModal .overlayChanges, #cancleSetupModalafterstep4 .overlayChanges{
    top: 30%;
    left: 22%
}
#cancleSetupModal .confirmButton, #cancleSetupModalafterstep4 .confirmButton,#cancleSetupModal .leaveButton, #cancleSetupModalafterstep4 .leaveButton{
    text-transform: uppercase;
    }
.mainWelcomeSection .bottomDetailsection a{
    font-size: 16px;
 }
 a.left.carousel-control{
    width: 54px;
    height: 54px;
    position: absolute;
    left: -22px;
    top: 165px;
 }
 a.right.carousel-control{
    width: 54px;
    height: 54px;
    position: absolute;
    right: -22px;
    top: 165px;
 }
 #InstallSoftware1 a.carousel-control:focus{
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; 
    
    }
    .confirmButtonDisabled{
        border: 2px solid gray !important;
        color: #FFFFFF;
        font-size: 14px;
        letter-spacing: 0.25px;
        text-align: center;
        box-sizing: border-box;
        background-color: gray;
        text-decoration: none;
        padding: 8px;
        cursor: not-allowed;
    }
    .confirmButtonDisabled:hover{
        border: 2px solid gray !important;
        color: #FFFFFF;
        font-size: 14px;
        letter-spacing: 0.25px;
        text-align: center;
        box-sizing: border-box;
        background-color: gray;
        text-decoration: none;
        padding: 8px;
        cursor: not-allowed;
    }
    .deeplinkNote{
    display: block;
    width: 100%;
    padding: 5px 24px;
    }
    #PairphoneMobile ul li#deepLinkli{
        display: block !important;
    }
@media screen and (max-width: 1280px) {
    #cancleSetupModal .overlayChanges {
      left:13%;
    }
    #cancleSetupModalafterstep4 .overlayChanges {
        left:13%;
      }
      .QrCodeerrormain .errorImgsection2{
          right:100px;
      }
      .expandImg{
        width: 800px;
      }
      .stepboxsection ul li::after{
        min-width: 368px !important;
    }
    #Installapp .stepboxsection ul li::after, #Pairphone .stepboxsection ul li::after, #Scanbiometricfeatures .stepboxsection ul li::after {
        min-width: 368px !important;
    }
    .container-fluidSuccess{
        top: 13%;
    }
  }
  @media only screen and (max-width: 800px) {
    #cancleSetupModal .overlayChanges, #cancleSetupModalafterstep4 .overlayChanges{
    left: 8%;
    width:640px;
    }
    }

    .welcome-inner-subtitle{
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: normal;
    font-family: 'DaxRegular';
    }
    .authentication-subtitle{
        font-size: 16px;
        line-height: 22px;
        padding-left: 5px; 
        letter-spacing: normal;
        font-family: 'DaxRegular';
        }
    .authentication-content{
            padding-bottom: 25px;
            padding-left: 30px; 
            line-height: 22px;
            font-size: 16px;
            font-family: 'DaxRegular';
            letter-spacing: normal;
            }
    .screen-reader-only{
        position: absolute;
        width: 1px;
        clip: rect(0 0 0 0);
        overflow: hidden;
        white-space: nowrap;
    }
/*Added for Accesiblity-6064*/ 
.paddingforFocus{
    padding: 5px;
}
.verification-codeSectionqr input:focus-visible,.verification-codeSectionqr input:focus {
    border-color: #005587;
}
.cancel-link:focus-visible,.resend-text-message a:focus-visible,.if-you-changed-your a:focus-visible{
    outline: thin solid;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset: 3px;
}
/* @media only screen and (min-device-width: 1005px) and (max-device-width: 1279px) and (orientation:landscape) {
    .errorImgsection1{
        right: 15px;
    }
    .stepboxsection ul li::after{
        min-width: 368px !important;
    }
    #Installapp .stepboxsection ul li::after, #Pairphone .stepboxsection ul li::after, #Scanbiometricfeatures .stepboxsection ul li::after {
        min-width: 368px !important;
    }
  } */