/*start css for new QR code project */
/*add in index.html <link href="../../StepUpWeb/js/modules/stepup/styles/pass-code.css" rel="stylesheet"></link> */
.alink:focus{
    /* outline: 5px auto -webkit-focus-ring-color !important; 
     outline-offset: 6px !important;
     color: #23527c !important; */
    outline: 1px auto -webkit-focus-ring-color !important;
    outline-offset: 3px !important;  
    text-decoration: none;      
  }
body.modal-open {
    overflow: visible;
}
.color-contrass-fix{
    color:  #005587 !important;
}

.display-inline{
    display: inline-flex;
}

.middleTitle {
    margin-left: 39px !important;    
    margin-top: 30px !important;
}

.passcodeContainer{
    padding: 15px;
    background: #fff;
    margin: 25px 20px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 21px 5px #cccccca6;
    box-shadow: 5px 5px 21px 5px #cccccca6;
    width: 57%;
}

.bio-form-ctrl{
    margin-left: 20px !important;
}


.leftLineListWindows{
    margin: 0px 0px 0px 0px !important;
}
/* Updated for 6001 */
.leftLineListWindows:focus-visible{
    margin: 2px 0px 0px 0px !important;
}

.stepboxsectionItem{
    /* border-right: 1px solid #73C3EB;
    background: #fff;
    border-left: 5px solid #0066A2;
    border-bottom: 1px solid #73C3EB;
    border-top: 1px solid #73C3EB; */
    box-shadow: 6px 4px 10px 0px rgb(195 195 195 / 15%);
    padding: 15px 20px;
    position: relative;

    box-sizing: border-box;
  /* height: 68px;
  width: 440px; */
  border: 1px solid #E6E6E6;
  background-color: #FBFBFB;
}
.stepboxsectionItemActive{
    border-right: 1px solid #73C3EB;
    background: #fff;
    border-left: 5px solid #0066A2;
    border-bottom: 1px solid #73C3EB;
    border-top: 1px solid #73C3EB;
    box-shadow: 6px 4px 10px 0px rgb(195 195 195 / 15%);
    padding: 15px 20px;
    position: relative;
}
.downloadMsg{
    
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}
.successBmopasscode{
    color: #414141;
    font-family: Dax;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    margin-top: 20px !important;

}
.installSoftTitle{
    color: #414141;
  /* font-family: "Dax Pro"; */
  font-size: 14px;
  /* font-weight: bold; */
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 15px;
  font-family: 'DaxMedium';

}
/* #InstallSoftware{
    height: 270px;
    width: 220px;
} */


/*my css*/

.createPin{
  color: #414141;
  font-family: "DaxRegular";
  font-size: 20px;
  letter-spacing: 0;
  line-height: 22px;
  padding-bottom:16px;
}
.createsixdigitpin p{
color: #414141;
  /* font-family: "DaxPro"; */
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}
.setup-passcode-header{
    padding: 40px 0px 20px 0px !important;
}
.createsixdigitpin {
    padding: 0px 0 35px 0;
}
.download .bubble{
    float: left;
    margin-right: 15px !important;
}

.stepboxsectionItemActive{
    padding: 15px 15px !important;
}
.doesntworksecction{
    padding: 10px 0;
    font-family: 'DaxRegular';
}
.leftLineListWindowsAuth {
    padding: 15px 25px 15px 0 !important;
    margin: 0 !important;
}
.customtopmargin{
    margin-top: 30px;
    position: relative;
}
.otp-mac-download-button{
    margin: 0px !important;
}
.buttontext{
    color:#fff !important;
}
.otp-mac-download-button, .otp-register-download-button{
    background: #0079c1 !important;
    border: 2px solid #0079c1 !important;
}
/* .otp-mac-download-button, .otp-register-download-button{
    width: 150px !important;
    height: 40px !important;
} */
.otp-mac-download-button, .otp-register-download-button{
    width: auto !important;
    height: auto !important;
    padding: 8px 26px 8px 34px;
    display: inline-flex;
    position: relative;
}

/*create pin start*/
.custom_bg{
    padding: 25px;
      background: #fff;
      margin: 25px 0;
      border-radius: 5px;
      -webkit-box-shadow: 5px 5px 21px 5px #cccccca6;
      box-shadow: 5px 5px 21px 5px #cccccca6;
  }
  .bio-form-ctrl{
    width: 100% !important;
    margin-left: 0 !important;
  }
  .createPin{
    color: #414141;
    font-family: "DaxRegular";
    font-size: 20px;
    letter-spacing: 0;
    line-height: 22px;
    padding-bottom:16px;
  }
  .createsixdigitpin p{
    color: #414141;
    /* font-family: "DaxPro"; */
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    font-family: 'DaxRegular'; 
  }
  .newPasscodePin{
    color: #414141;
      font-family: "DaxRegular";
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 20px;
      padding-bottom:20px;
    }
    .display-box {
        margin-left: 25px !important;
    }
    .nopading{
        padding: 0 !important;
    }
    .otp-submit-pin-footer, .align-action-buttons{
        justify-content: left !important;
    }
    .forgottodownload{
        padding: 35px 0;
    }
    .downloadekeyfile{
        width: 180px !important;
    }
    .bottomMargin{
        margin-bottom: 10%;
        padding-left: 25px;
    }
    .customleftpadding{
    padding-left: 40px;
    }
    .passcodeEnter{
        margin: 35px;
    }
    .bootomButtons{
        display: inline-flex;
        margin: 10px 10px 20px 10px !important;
    }
    
    .customwidth{
        width: 348px !important;
    }
    .mainOptSection{
        margin: 5% 0 !important;
    }
    /*error message secttion css*/
    .registration-box-error{
        width: 100% !important;
    }
    input.customInputError, input.customInputError3, input.customInputError2{
        border: 1px solid #D40B13 !important;
    }
/* .customInputError::before {
    content: url('../img/error-icon.svg');
} */

.errorImgsection{
    display: none;
    position: absolute;
    
    right: 20px;
    top: 15px;
}
.customdiv{
    position: relative;
    margin-bottom: 11px !important;
}
.custom_bg .registration-box-error {
    width: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
    color: #D40C13 !important;
}

.custom_bg .registration-box-error .inner-line{
    width: 100% !important;
    text-align: left !important;
    font-family: 'DaxRegular' !important;
    font-size: 14px !important;
}
.registration-box-error .inner-line{
    font-size: 14px !important;
    color: #D40C13 !important;
   
}

.customtopmargin .left.carousel-control img{
    position: absolute;
    bottom: 175px;
    left: -6px;
}
.customtopmargin .right.carousel-control img{
    position: absolute;
    bottom: 175px;
    right: -6px;
}
/* .customtopmargin .glyphicon.glyphicon-chevron-left{
    left: -20px;
    font-weight: normal;
    border-radius: 50%;
    border: 1px solid #a09d9d;
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 5px 5px 21px 5px #ffffffa6;
}
.customtopmargin .glyphicon-chevron-left:before {
    content: "\e079";
    font-weight: normal;
    font-size: 25px;
    top: 6px;
    color: #0079c1;
    position: absolute;
    left: 6px;
} */
/* .customtopmargin span.glyphicon.glyphicon-chevron-right{
    right: -22px;
    font-weight: normal;
    border-radius: 50%;
    border: 1px solid #a09d9d;
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 5px 5px 21px 5px #ffffffa6;
} */

/* .customtopmargin .glyphicon.glyphicon-chevron-right:before {
    content: "\e080";
    font-weight: normal;
    font-size: 25px;
    top: 6px;
    color: #0079c1;
    position: absolute;
    left: 6px;
} */

.stepboxsectionItem.active::before{
content: "";
    width: 12px !important;
    height: 12px !important;
    border-top: 1px solid #73C3EB !important;
    border-left: 1px solid #73C3EB !important;
    top: 20px !important;
    right: -7px !important;
    background: white !important;
    -webkit-transform: rotate(
135deg
) !important;
    transform: rotate(
135deg
) !important;
    position: absolute !important;
}
.bubble.otp-bubble{
    color: #0066A2 !important;
}
.stepboxsectionItem.active .bubble.otp-bubble{
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-size: 14px;
    background: #0079c1;
    color: #fff !important;
}
.stepboxsectionItem.active .bubble.otp-bubble::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #0066A2;
    position: absolute;
    left: 18px;
    top: 13px;
}
.stepboxsectionItem.active .bubble.otp-bubble::after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 15.5px;
    background-color: #0079c1;
    position: absolute;
    left: -6px;
    top: 0px;
    z-index: -1;
}

.customtopmargin .carousel-control.left, .customtopmargin .carousel-control.right{
    background-image: none !important;
}
.nopadding{
    margin-bottom: 0 !important;
}

.set-up-later{
    color: #414141;
    font-family: 'DaxRegular';
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
}

.righralignmentsection{
    text-align: right;
    padding: 20px;
}
.righralignmentsection button{
   
background: transparent;
border: none;
/* text-transform: uppercase; */
color: #0066A2;
font-family: 'DaxRegular';
font-size: 14px;
font-weight: bold;
letter-spacing: 1px !important;
line-height: 18px;
margin-right: 30px;
}

.righralignmentsection a button{
   background: #0079C1;
    color: #fff;
    font-family: 'DaxMedium';
    font-size: 14px;
    font-weight: bold;
    
    line-height: 18px;
    padding: 16px 40px;
    /* text-transform: uppercase; */
    }
    #softwareNeeded p{
   
        padding: 30px 0 10px 0;
        color: #414141;
        font-family: 'DaxLight';
        font-size: 15px;
       
        line-height: 14px;
        }
        #ForgotImportSoftware p {
            padding: 20px 0 10px 0;
            color: #414141;
            font-family: 'DaxLight';
            font-size: 15px;
            line-height: 20px;
        }
         #close{
            color: #0066A2 !important;
            opacity: 1 !important;
            font-size: 40px !important;
            font-weight: normal !important;
            margin-top: -5px;
        }
        #softwareNeeded .modal-body{
        
            padding: 15px 25px 5px 25px;
        }
        #ForgotImportSoftware .modal-body {
            padding: 5px 25px 5px 25px;
        }
/*software popup*/

#softwareNeeded .modal-header,  #ForgotImportSoftware .modal-header{
    border-bottom: 0px solid #e5e5e5;
}
#softwareNeeded .modal-dialog {
   
    /* height: calc(70.2% - 200px); */
    height: auto;
    margin: 180px auto;
   
}
#softwareNeeded .modal-dialog .modal-content{
    height: 231px !important;
}
#softwareNeeded .modal-footer, #ForgotImportSoftware .modal-footer{
    background: transparent;
    border-top: 0px solid #e5e5e5;
}
#ForgotImportSoftware .modal-dialog{
    position: relative;
}
/* #ForgotImportSoftware .modal-content{
    position: absolute;
    left: -30.4%;
    width: 80%;
    top: -23%;
    border: 0px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);

} */
/* a.popCustomover :target ~ #ForgotImportSoftware .modal-content {
  display: block;
} */
/* a.popCustomover :target > #ForgotImportSoftware .modal-content{
    display: block;
} */
#ForgotImportSoftware .modal-content {
    position: absolute;
    /* left: -30.4%; */
    width: 100%;
    min-width: 565px;
    /* min-width: 520px; */
    z-index: 1;
    bottom:185px;
    border: 0px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    display: none;
}


#ForgotImportSoftware .modal-dialog {
   
    height: calc(95% - 200px);
    margin: 180px auto;
   
}
#ForgotImportSoftware .confirmButton{
    margin: 20px 0px;
    padding: 8px 20px 8px 30px;
   
}
#ForgotImportSoftware .confirmButton .buttontext{
   
    margin: 0;
   
}
.stepboxsectionItem.active{
    border-right: 1px solid #73C3EB;
    background: #fff;
    border-left: 5px solid #0066A2;
    border-bottom: 1px solid #73C3EB;
    border-top: 1px solid #73C3EB;
    box-shadow: 6px 4px 10px 0px rgb(195 195 195 / 15%);
    padding: 15px 20px;
    position: relative;
}
.customBottomPadding{
    padding-bottom: 20px ;

}
.importkeyImgerrorsection{
    display: inline-flex;
    background: transparent !important;
    padding-left: 60px;
}
.importkeyImgerrorsection .customBottomPadding{
    text-align: left !important;

}
.importkeyImgerrorsection img{
    margin-right: 10px;
}
.accountInputSection{
    position: relative;
}
/* .accountInputSection .ng-dirty{
    border: 1px solid #D40B13 !important;

} */
.cancel-link{
    color: #0066A2;
        font-family: 'DaxMedium';
        font-size: 14px;
        line-height: 18px;
        /* text-transform: uppercase; */
        letter-spacing: 0.8px;
    }
    
button.confirmOtp, button.confirm{
    color: #FFFFFF;
    font-family: 'DaxMedium';
    font-size: 14px;
    letter-spacing: 0.85px;
    line-height: 18px;
    text-align: center;
    /* text-transform: uppercase; */
}
.buttontext{
    
    margin-right: 0 !important;
    /* text-transform: uppercase; */
}
.otp-register-download-button-container1{
    text-align: center;
}
.carousel-indicators .active{
    background-color: #0079c1;
}
.carousel-indicators li{
    border: 1px solid #0079c1;
}
#myModal .cancelHeader{
    background-color: #ffffff;
    box-shadow: none;
}
#myModal .modal-header{
    border-bottom: 0px solid #e5e5e5;
}
#myModal .modal-Popup .modal-content .otp-modal-footer{
    border-top: 0px solid #c4c4c4 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    padding: 0px 20px;
    text-align: right !important;
}
.doownloadimg{

    position: absolute;
    left: 10px;
}
.buttontext {
font-family: 'DaxMedium' !important;
}
#InstallSoftware{
    background-image: url(../img/desktop-frame-big.svg);
    height: 360px;
    width: 653px;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%;
    z-index: 0;

  
}
#InstallSoftware .item img{
    width: 613px;
    margin: 0 auto;
    padding: 10px;
}
#InstallSoftware .carousel-indicators {
    bottom: -50px;
}
#InstallSoftware .carousel-control{
    text-shadow: 0 0px 0px rgb(0 0 0 / 10%);
    opacity: 1;
}
/* Button css */
button.confirmOtp{
    height: 50px;
  width: 144px;
  padding: 0;
}
.customwidth button.confirmOtp, .otp-import-key-form1 button.confirm, button.confirm {

  width: auto;
  padding: 0;
  height: 50px;
}
button.completedsetupbnt{
    /* width: 170px; */
    width: auto;
    padding: 12px 30px;
    height: 50px;
    margin-left: 20px;

}
.successSection {   
    background-color: #f5f6f7;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 139px;
}

.successContinue{
    color: #FFFFFF;
    font-family: 'DaxMedium';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.25px;
    line-height: 18px;
    text-align: center;
    box-sizing: border-box;
    height: 50px;
    width: 217px;
    border: 2px solid #0079C1;
    border-radius: 32px;
    background-color: #0079C1;
}
.howtosection{
    /* color: #0066A2; */
font-family: 'DaxMedium';
}
.successTagLine{
    color: #414141;
    font-family: 'DaxRegular';
font-size: 22px !important;
letter-spacing: 0;
line-height: 30px;
text-align: center;
margin-bottom: 40px !important;
}
.successheader{
color: #414141;
    font-family: 'DaxRegular';
    font-size: 35px !important;
    letter-spacing: 0;
    line-height: 48px;
    text-align: center;
    padding: 20px;
    margin-bottom: 5px !important;
}
.successImgDiv{
    padding: 35px 0 0 0;
}
.mainsuccesssection{
    padding: 5% 10%;
}
#ForgotImportSoftware .modal-content:after {

    content: '';
    position: absolute;
    bottom: -8px;
    left: 6%;
   
    width: 12px !important;
    height: 12px !important;
    border-left: 2px solid #dcddde !important;
    border-bottom: 2px solid #dcddde !important;
    background: #fff;
    border-left: solid 13px #19171700;
    -webkit-transform: rotate( 
315deg
 ) !important;
    transform: rotate( 
315deg
 ) !important;
   
}
.otp-progress-bar-width {
    width: 18% !important;
}
.cancelHeader .headline-2{
    position: absolute;
    padding: 20px 0 20px 15px;
    color: #414141;
    font-family: 'DaxCompProMedium';
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
}
.cancelPopUp-notify{
  
    left: 0px !important;
    top: 30% !important;
    font-size: 14px;
    text-align: left !important;
    color: #414141;
    letter-spacing: 0;
    line-height: 26px;
    padding: 5px 28px;
}
/* .canclePopup-notify-span{
    line-height: 45px;
} */
.overlayChanges .custom-dialog{
    height: 264px;
}
.leaveButton {
    color: #0066A2;
    font-family: 'DaxRegular';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.25px;
    line-height: 18px;
    border: none !important;
    text-align: right !important;
    padding: 0 !important;
    /* text-transform: uppercase; */
    margin-right: 20px !important;
}
.cancelPopUp-footer .confirmButton{
    width: auto;
    height: 50px;
    padding: 5px 25px;
    /* text-transform: uppercase; */
}
.cancelPopUp-footer .leaveButton:hover {
    background-color: transparent !important;
    color: #0079C1 !important;

}

.fixedFooter {
    z-index: 1 !important;
}
.stepboxsection{
    width: 100% !important;
}
.welcomeInnertitle p{
    padding-bottom: 8px;
}
.welcome-to-biometric h2{
    font-family: 'DaxMedium' !important;
}
.welcomeInnertitle h4{
    font-family: 'DaxMedium' !important;
}
.successContentSection {
    /* padding: 2%; */
    padding-bottom: 1%;
}
/* .stepboxsection .otp-list-content{
    display: table-cell;
} */

.displaytableContents{
    display: table-cell;
}
.optauthfootersection{
    margin-top: 50px;
}
.enterPinfooter .registration-registernormal{
    margin-right: 20px;
}
.customwidth button.confirmOtp{
    margin: 0px;
}
span.zoomimgsection {
    position: absolute;
    right: 35px;
    top: -30px;
    font-family: 'DaxRegular';
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}

@-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }
    to {
      -webkit-transform: scale(1.2, 1.2);
    }
  }
  
  @keyframes zoom {
    from {
      transform: scale(1, 1);
    }
    to {
      transform: scale(1.2, 1.2);
    }
  }
  
  #imgId1.zoomeffect, #imgId2.zoomeffect, #imgId3.zoomeffect, #imgId4.zoomeffect{
    -webkit-animation: zoom 10s;
    animation: zoom 10s;
  }
  p.noPaddingBottom{
      padding-bottom: 0;
  }
  .leftLineListWindowsAuth{
    font-family: 'DaxRegular';
}
.customtopmargin #InstallSoftware .left .glyphicon-chevron-left:before{
    /* font-weight: normal;
    font-size: 40px; */
    bottom: 284px;
    color: #0079c1;
    position: absolute;
    left: 15px;
    content: url(../img/carousa-prev-hover.svg) !important;
    width: 54px;
    height: 54px;
  }
  .customtopmargin #InstallSoftware .right .glyphicon-chevron-right:before{
    /* font-weight : normal;
    font-size: 40px; */
    top: 0;
    color: #0079c1;
    position: absolute;
    right: -10px;
    content: url(../img/carousa-next-hover.svg) !important;
    width: 54px;
    height: 54px;
  }
  /* .customtopmargin #InstallSoftware .left.carousel-control, 
  .customtopmargin #InstallSoftware .right.carousel-control{
      position: relative;
  } */

  .customtopmargin #InstallSoftware .left.carousel-control{
      position: relative;
  }
  #expandImg{
    position: absolute;
    top: 335px;
    height: 650px;
    width: 1000px;
    margin: 60px;
    height: 650px;
    background: #fff;
    
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
   
}
#expandImgInnersection{
    padding: 20px;
   
}
#expandImg #InstallSoftware{
	margin: 0 auto;
    height: 420px;
    width: 770px;
	
}

#expandImg #InstallSoftware .item img{
	margin: auto;
    width: 715px;
    padding: 12px;
}
	#expandImg .carousel-control.left, #expandImg .carousel-control.right {
    background-image: none !important;
}
.expandImgInnersection .modal-header{
    border-bottom: 0px solid #e5e5e5;
}

.bmo-form-label {
    left: 10px;
    position: absolute;
    top: 14px;
    width: auto;
    font-size: 14px;
    color: #414141;
    letter-spacing: 0;
    -webkit-transition: .2s;
    transition: .2s all;
    font-weight: 500;
    font-family: DaxRegular;
    cursor: initial;
    line-height: 16px;
    pointer-events: none;
}
 
 /* .bmo-form-input:valid + label{
      top: 5px;
      color: #585858;
      font-size: 12px;
      font-weight: 500;
      line-height: 14px;
      padding-left: 2px;
  } */
  
  /* .bmo-form-input:focus + label{
    top: 5px;
    color: #585858;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding-left: 2px;
} */
.bmo-form-input:valid ~ label, .bmo-form-textarea:valid ~ label, .bmo-form-input:focus ~ label, .bmo-form-textarea:focus ~ label {
    top: 5px;
    color: #585858;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding-left: 2px;
}
/*.customInputError:focus + label{
    top: 5px;
    color: #585858;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding-left: 2px;
}
  
  .customInputError:valid + label{
    top: 5px;
    color: #585858;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding-left: 2px;
} */
.custom_bg .login-input .form-ctrl{
 
    height: 50px !important;
     font-size: 14px;
     color: #585858;
     width: 100%;
     color: #414141;
     border: 1px solid #c4c4c4;
     background-color: #fff;
     border-radius: 5px;
     padding: 20px 10px 0px 10px!important;
 }

 .register-passcode-button .btn-primary, .register-skip-button .btn-secondary{
    padding: 5px 20px 5px 20px !important;
    }

    .register-passcode-button .btn-primary:hover, .register-skip-button .btn-secondary:hover{
        text-decoration: none;
        }
    
    .register-passcode-button .btn-primary:focus, .register-skip-button .btn-secondary:focus{
        outline: 0px auto -webkit-focus-ring-color;
        text-decoration: none;
    }

        #expandImg .stepboxsectionItem{
            display: none;
    
        }
    #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;

    }
    .expandImgInnersection {
        padding: 15px;
    }
    .expandImgInnersection .stepboxsection{
        background: transparent !important;
        border: none !important;
    }
    .expandImgInnersection .stepboxsectionItem.active::before{
        border-top: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    }
    .expandImgInnersection #InstallSoftware .right .glyphicon-chevron-right:before {
        top: 0;
        color: #0079c1;
        position: absolute;
        right: -39px;
        content: url(../img/carousa-next-hover.svg) !important;
        width: 54px;
        height: 54px;
    }
    
    .expandImgInnersection #InstallSoftware .left .glyphicon-chevron-left:before {
        top: 0;
        color: #0079c1;
        position: absolute;
        left: -40px;
        content: url(../img/carousa-prev-hover.svg) !important;
        width: 54px;
        height: 54px;
    }
    .expandImgInnersection #InstallSoftware .carousel-indicators {
        bottom: -60px;
    }
    .expandImgTitle {
        padding: 0px 20px 20px 20px;
        font-family: 'DaxMedium';
    }
    /* .left-hide .left .glyphicon-chevron-left:before{
        pointer-events: none;
        opacity: 0.5;
    } */

    .right-hide .disableImg2:before {
    top: 175px;
    color: #0079c1;
    position: absolute;
    right: -8px;
    content: url(../img/carousa-next-hover.svg) !important;
    width: 54px;
    height: 54px;
    }
    
    .left-hide .disableImg1:before {
    top: 175px;
    color: #0079c1;
    position: absolute;
    left: -10px;
    content: url(../img/carousa-prev-hover.svg) !important;
    width: 54px;
    height: 54px;
    }

    .customtopmargin .right-hide .right{
         /* pointer-events: none; */
    display: none;
    }

    .customtopmargin .left-hide .left{
        
    /* pointer-events: none; */
    display: none;
    }
    .expandImgInnersection .right-hide .right, .expandImgInnersection .left-hide .left{
        pointer-events: none;
		display: none;
    }

    .rsamainSection .otp-alternativeText{
        text-align: left;
        }
        
       .rsamainSection {
              clear: both;
             
            }