/*
  // @IDMS_SONARSCAN_STOP@
*/

@font-face {
    font-family: "ArialRoundedMTforSE-Regular_Latin";
    font-style: normal;
    font-weight: 400;
    src: local("ArialRoundedMTforSE-Regular_Latin"), local("ArialRoundedMTforSE-Regular_Latin"),
        url("../fonts/ArialRoundedMTforSE-Regular_Latin.woff") format("woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
        U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html,
body {
    width: 100%;
    height: 100%;
    background-color: #FAFAFA;
    font-family: "ArialRoundedMTforSE-Regular_Latin";
    padding: 0px;
    margin: 0px auto;
    overflow: auto;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
}
::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background: #E6E6E6;
    border-radius: 2px;
}
.logoApp {
    margin:-2% 2% 0 0;
    width: 45px;
    height: 45px;
}

.clipsalImg img {
    width: 185px;
    height: 60px;
    background-color: #ffffff;
}
.registration-content{
font-size: 16px;
}

.label-content ul{
    padding-inline-start:3%;
}

.consumerClass {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #333333;
    margin-bottom: 10px;
}

.Consumermarg {
    margin-left: 15px;
}
.capsLockText {
    font-size: 14px;
    font-style: normal;
    color: #626469;
    line-height: 30px;
}
.capsLockLeft{
    text-align: left;
}
.radioClass {
    position: relative;
    top: 2px;
    right: 5px;
    margin-left: 5px;
    height: auto !important;
    display: inline-block;
}

.radioClass1 {
    position: relative;
    top: 2px;
    right: 5px;
    margin-left: 15px;
    height: auto !important;
    display: inline-block;
}

.fontFamily {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
    text-align: left;
}

.margTop20{
margin-top: 15% !important;
}
.margLft20 {
    margin-left: 20px;
}
.paddingBtm10{
padding-bottom: 10px;
}
.margbottom30{
    margin-bottom:30px;
}
.paddingLeftSelectClass{
    padding-left: .5rem;
}
.padding16{
    padding: 0px 16px;
}
.warningColor{
    color: #B10043;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.row {
    margin-right: auto;
    margin-left: auto;
}
.buttonColorWhite .btn{
    color: #ffffff;
}
.buttonColorWhite .btn:hover{
    color:#ffffff;
}

.parent {
    display: flex;
    font-family: arial, sans-serif;
    flex-direction: column-reverse;
}

.item {
    width: auto;
    min-height: 300px;
    padding: 2em;
    color: #ffffff;
    background: #eeeeee;
}

.borderWidth {
    width: 484px;
    border: 1px solid #E6E6E6;
    background-color: #ffffff;
    padding:32px;
    margin: 14px auto 5% auto;
    padding-top: 0px;
    padding-bottom: 0px;
   
}
.showCancelButton .mg-25 {
    margin-top:20px
}
.margTop30{
    margin-top: 30px;
}

.margTop_5{
 margin-top: -5%;
}
.btnHeightWidth input {
  width:100%;
  margin: 0 auto;
}



/* complete autosearch */
.custom-autocomplete {
    position: absolute;
    z-index: 9999;
    width: 100%;
    margin-top: 0px;
    background: #ffffff;
    box-shadow: 1px 4px 11px -6px black;
    -webkit-box-shadow: 1px 4px 11px -6px black;
    -moz-box-shadow: 1px 4px 11px -6px black;
    max-height: 190px;
    overflow: auto;
}

.custom-autocomplete>ul {
    margin: 0px;
    margin-top: 1px;
    padding: 0px
}

.custom-autocomplete>ul li {
    list-style: none;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
    cursor: pointer;
    word-break: break-all;
    color: #626469;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-size: 14px;
}

.address-hint {
    font-style: italic;
    font-size: 12px;
    width: 100%;
    color: #9a9a9a;
    display: block;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}
.header-border {
    background-color: #FAFAFA !important;
}

.legal_Notice1 {
    width: 100%;
}

.padd-lft {
    padding-right: 0px;
    top: -8px;
    text-align: left;
    padding-left: 0px;
}
.has-search .form-control:focus{
    box-shadow: none;
}
.clipsalImg {
    padding: 0;
    background-color: #ffffff;
    width: 185px;
}

.rbr-me {
    font-size: 16px;
    color: #626469;
    padding-left: 23px !important;
    margin-bottom: 0px;
    min-width: 175px;
    max-width: 200px;
    line-height: 25px;
}
.custom-autocomplete1{
    position: absolute;
    z-index: 9999;
    width: 100%;
    margin-top: 0px;
    background: #ffffff;
    /* box-shadow: 1px 4px 11px -6px rgb(11, 0, 0);
    -webkit-box-shadow: 1px 4px 11px -6px rgb(12, 1, 1);
    -moz-box-shadow: 1px 4px 11px -6px rgb(7, 6, 6); */
    max-height: 190px;
    overflow: auto;
    min-width: 87%;
    max-width: 41.66%;
}

.custom-autocomplete1>ul {
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    margin-right:2px;
}

.custom-autocomplete1>ul li {
    list-style: none;
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
    cursor: pointer;
    word-break: break-all;
    color: #626469;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-size: 14px;
}
 .addMessageText {
     text-align: left;
     margin: 0px 0px 10px;
     font-size: 16px;
     text-align: center;
     width: 100%;
 }

.mfa-content1 {
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}

.emailSugClass {
    text-align: left;
    max-height: 220px;
}

.diasbled-hyperlink {
    cursor: default !important;
    pointer-events: none;
    color: #525357 !important;
}
.warning-msg {
    background-color:#FF7F00;
    height: 60px;
    text-align: left;
    color: #fff;
    padding: 20px 28px;
    z-index: 999;
    position: absolute;
    width: 100%;
}
.paddlftrgt{
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.continueText {
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: block;
    align-items:flex-start;
    text-align: left;
    color: #333333
}

.fontFamily  .forgotLink {
    color:#0075A3;
    font-size: 16px;
    font-weight: normal;
}
.reg_spam_text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.reg_spam_link{
  color: #0075A3 !important;
  font-size: 14px;;
}
.fontFamily .forgotLink:hover {
   text-decoration: underline;
}
/* tooltip css */

.tooltip1 {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    transition: all .5s;
}

.tooltip1 img {
    margin-top: -5px;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

/* TaxId tooltip */
.taxIdtooltip .tooltip1 .tooltiptext::before{
    left: 0;

}
.taxIdtooltip .tooltip1 .tooltiptext::after {
    left: 0;

}

.content_ul ul li{
    word-wrap: break-word;
    margin-left: 10px;
}
.pwdErrorMsg{
top:8px !important;
}
  .no-bullets {
      list-style-type: none;
      padding-left: 0px;
      padding-right: 0px;
      margin-bottom: 5px;
      word-break: break-word;
      word-spacing: normal;
      letter-spacing: normal;
      line-break: anywhere;
  }

  .tooltip-listorder {
      margin-bottom: 5px;
      list-style-type: disc;
      margin-left: 7px;
      padding-right: 0px;
      width: auto;

  }

/* TAXID Tooltip Ends */
.tooltip1 .tooltiptext::before {
    content: '';
    border-width: 5px;
    border-style: solid;
    position: absolute;
    bottom: 100%;
    left: 33%;
    border: 10px solid transparent;
    border-bottom-color: #E6E7E7;


}
.tooltip1 .tooltiptext1::before {
    content: '';
    border-width: 5px;
    border-style: solid;
    position: absolute;
    bottom: 100%;
    left: 33%;
    border: 10px solid transparent;
    border-bottom-color: #E6E7E7;


}

.tooltip1 .tooltiptext::after {
    content: '';
    border-width: 5px;
    border-style: solid;
    position: absolute;
    bottom: 100%;
    left: 33%;
    border: 9px solid transparent;
    border-bottom-color: #ffffff;

}
.tooltip1 .tooltiptext1::after {
    content: '';
    border-width: 5px;
    border-style: solid;
    position: absolute;
    bottom: 100%;
    left: 33%;
    border: 9px solid transparent;
    border-bottom-color: white;

}
.tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 325px;
    background-color: #ffffff;
    color: #626269;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 33%;
    margin-left: -155px;
    border: 1px solid #E7E6E6;
    font-style: normal;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-size: 14px;
    box-shadow: rgba(51, 51, 51, 0.15) 0px 0px 5px 5px;

}
/* tootip Taxid */
.taxIdtooltip .tooltip1 .tooltiptext{
        margin-left: 0;
        width:420px;
        /* position: relative; */
}
.taxIdtooltip .tooltip-icon{
        top: 1px;
        /* margin-left: 5px */
}
.content_ul{
    /* position: relative; */
    top: 0px;

}
.taxIdtooltip .tooltip1{
    position: inherit;
    left: 0;
}
.tooltip1 .tooltiptext {
    visibility: hidden;
    width: 409px;
    background-color: #ffffff;
    color: #626269;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 25px;
    left: 0;
    margin-left: -134px;
    border: 1px solid #E7E6E6;
    font-style: normal;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-size: 14px;
    box-shadow: rgba(51, 51, 51, 0.15) 0px 0px 5px 5px;

}

/* Hover Background icon */
.tooltip1:hover .tooltiptext {
    visibility: visible;
    font-size: 14px;
    color: #626469;
    border: 1px solid #e7e6e6;
    background-color: #ffffff;
    text-align: left;
}

.tooltip1:hover .tooltiptext1 {
    visibility: visible;
    font-size: 14px;
    color: #626469;
    border: 1px solid #e7e6e6;
    background-color: #ffffff;
    text-align: left;
}


.tooltip-icon {
    position: absolute;
    margin-left: 0px;
    top: -14px;
    background-image: url(../image/Remembe-me-icon.svg);
    background-position: 1px 0px;
    height: 16px;
    width: 16px;
    display: inline-block;
    background-repeat: no-repeat;

}
.tooltip-icon-profile{
     position: absolute;
     margin-left: 0px;
     top: -13px;
     background-image: url(../image/information_circle-grey.svg);
     background-position: 1px 0px;
     height: 16px;
     width: 16px;
     display: inline-block;
     background-repeat: no-repeat;
}

.mobile_notshow {
    display: block;
}

.mobile_show {
    display: none;
}
legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 5px;
    border-bottom: none;
}

.legendLabel {
    color: #3dcd58;
    padding-bottom: 10px;
    font-size: 15px;
    margin-left: 15px;
    padding-bottom: 20px;
}

.brand-desktop {
    margin-top: 15px;
}

.last {
    background: #222;
    color: #fff;
}

.border_align {
    border-left: 1.5px solid #E6E7E7;
}

.inner-addon .pwd-icon {
    position: absolute;
    padding: 5px 20px 15px 10px;
    right: 0px;
    margin-right: 5px;
    top: 10px;
    background-image: url(../image/sprite_self.png);
    background-position: -40px -210px;
    cursor: pointer;
}

.inner-addon .pwd-icon-hide {
    position: absolute;
    padding: 5px 20px 15px 10px;
    right: 0px;
    margin-right: 5px;
    /* top: 26px; */
    background-image: url(../image/sprite_self.png);
    background-position: -40px -226px;
    cursor: pointer;
}
.pwdIconPageLoad{
    top:5px;
}
.pwdIconPositionIfLabelAvailable {
    top: 30px !important;
}

.eye-icons .pwd-icon {
    position: absolute;
    padding: 5px 20px 15px 10px;
    right: 55px;
    margin-right: 5px;
    top: 10px;
    background-image: url(../image/sprite_self.png);
    background-position: -40px -210px;
}

.eye-icons .pwd-icon-hide {
    position: absolute;
    padding: 5px 20px 15px 10px;
    right: 55px;
    margin-right: 5px;
    /* top: 30px; */
    background-image: url(../image/sprite_self.png);
    background-position: -40px -226px;
    cursor: pointer;
}

input.green-btn {
    width: 100%;
    background-color: #008A16;
    color: #fff;
    border-style: none;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
}

.no-title-show {
    display: none;
}

.green-text {
    color: #3dcd58;
    font-size: 24px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: 700;
}

.show-label {
    display: block !important;
}
.mgrWidth{
    width: 355px;
    margin: 0px auto 10% auto;
}

.loginCreateAccountBtn {
    border: 1px solid  #008A16;
    width: 70%;
    background-color: #fafafa;
    color:  #008A16;
    line-height: 50px;
    text-align: center;
    font: 18px;
    outline: none;
    height: 50px;
    margin-left: 9%;
}

.signin-up.index.login .form-group .form-control {
    height: 35px;
}

.right-addon .glyphicon {
    right: 0px;
}

.inner-addon .fa {
    position: absolute;
    padding: 10px;
}

.red {
    border: solid 1px red;
}

.showError {
    display: block;
}

.hideError {
    display: none;
}

.checkboxerror {
    color: red;
}

.privacylinkColor:hover {
    color:  #0075A3!important;
    text-decoration: underline !important;
    cursor: pointer;
}

.nav-pills>li:hover {
    color:  #008A16;
    text-decoration: underline !important;
} 
.privacy-tabhd1 .nav-pills>li:hover {
     color:  #008A16!important;
     text-decoration: none !important;
}

footer .nav-pills>li:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}
/* enable absolute positioning */

.inner-addon {
    position: relative;
}

.fa {
    color: red;
    font-size: 14px !important;
}

.position-btn .fa-angle-right {
    float:right;
    font-size:30px !important;
    color:#626469;
    width: 8.55px;
    height: 15px;
    margin-top: 10px;
}

.inner-addon .fa-search{
     position: absolute;
     top: 0;
}

.bothfa .inner-addon .fa {
     position: absolute;
     padding: 14px;
     top:auto;
}

.margTop15{
    margin-top: 15px;
}

/* align glyph */

.left-addon .fa {
    left: 0px;
}

.right-addon .fa {
    right: 0px;
}
.right-addon .fa-search {
    left:0;
}


/* add padding  */

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

.newError {
    color:#DC0A0A !important;
    font-size: 14x;
    margin-left: 14px;
}

.floated-label {
    transition: .2s ease;
    position: absolute;
    top: -22px;
}

.floated-label-new {
    transition: .2s ease;
    margin-bottom: 0px;
}

/* .float-labels {
     display: none;
     transition: .2s ease;
     position: absolute;
     top: -16px;
 } */

.floated-labels {
    display: block !important;
    transition: .2s ease;
    position: absolute;
    top: -22px;
}

.custom-control-inline {
    display: inline-block;
    padding-left: 18px;
}

.consent .custom-control-inline {
    display: inline-flex;
}

.custom-control-label {
    margin: 10px;
    padding-left: 0px !important;
}

.bg-effect .privacy-link {
    margin-top: 10px;
}

.privacy-link,
.privacy-link:hover,
.privacy-link:visited,
.privacy-link:active {
    color:  #008A16;
    padding-bottom: 5px;
    display: inline-block;
}

#resendLink :hover {

    font-family: 'ArialRoundedMTforSE-Regular_Latin', sans-serif !important;
    text-decoration: underline;
}

#resendOTPRow {
    font-weight: 300;
    font-family: 'ArialRoundedMTforSE-Regular_Latin', sans-serif !important;
}

#timer {
    font-weight: 300;
    font-family: 'ArialRoundedMTforSE-Regular_Latin', sans-serif !important;
    font-weight: bold;
}
#timerEmail{
 font-weight: 300;
 font-family: 'ArialRoundedMTforSE-Regular_Latin',sans-serif !important;
 font-weight: bold;
}

#timerMobile{
font-weight: 300;
font-family: 'ArialRoundedMTforSE-Regular_Latin', sans-serif !important;
font-weight: bold;
}

input[type=number].input-number–noSpinners {
    -moz-appearance: textfield;
}

input[type=number].input-number–noSpinners::-webkit-inner-spin-button,
input[type=number].input-number–noSpinners::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.redText {
    color: red;
}

.greenText {
    color: green;
}
.content-header .fa-exclamation-triangle{
    color:#B10043;
    width: 22.5px;
    height: 22.5px;
}
.content-header{
    margin-top: 24px;
}


.form-row {
    margin-left: 0px !important;
}

.fa {
    color: red;
}

.glyph-eye,
.glyph-eye-confirm {
    cursor: pointer;
    pointer-events: all;
    top:8px;
}

.glyph-eye-current{
   cursor: pointer;
    pointer-events: all;
    top: 8px;
}
.form-control:focus {
    box-shadow: 0 0 0 0.12rem rgb(13 110 253 / 25%);
    border-color: #1772ED !important;
}

.show-label {
    display: block !important;
    margin-top:5px !important;
}

.right-addon input {
    padding-right: 30px;
}

.container-box {
    padding: 0px;

}

.marg-1 {
    background-color: #ffffff;
    
}

.marg-20 {
    margin-top: 24px;
}

.border_box {
    border: 1px solid #E6E6E6;
}
.returnToLoginArrow {
    padding: 5px 20px 0px 15px;
    margin-right: 5px;
    background-image: url(../image/se_arrow2_left_0087CD.svg);
    background-position: -6px 5px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.border_class {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    gap: 20px;
    width: 484px;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    font-size: 14px;
}

.showDiscScreen {
    margin-top: 10%;
}
.border_boxLeft {
    border:1.5px solid #e6e7e7;
     border-left: 0px;
}

.label-content {
     width: 100%;
     font-family: 'ArialRoundedMTforSE-Regular_Latin';
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     color: #626469;
     text-align: left;
     padding: 0% 4% 0% 0%;
     margin: 1% 0% 0% 0%;
    
}

.appLogo img {
    height: 50px;
}

.clearfix {
    color: #626269;
    font-size: 16px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    justify-content: center;

}


.app-description {
    padding-top: 8%;
}

.green_head {
    color: #333333;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
   
}
    .nologoClass {
   padding-left: 0;
  }
   .nologoContent {
   padding-left: 0;
}
.green_head-reg  {
    text-align: center;
    font-size: 30px;
    padding-left: 0px;
    color: #333333;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
    font-style: normal;
    font-weight: 700;
}

.padd0{
  padding: 0;
}

.verifyheader {
    color: #333333;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    font-size: 30px;
    padding-left: 0px;
    display: block;
    padding-top: 0px;
}


.help_width img {
    width: 100%;
    border: 1px solid #E6E7E7;
    background-color: #ffffff;
    padding: 4%;

}

.ipadWidth .change-password-row {
    width: 440px;
}


/* APC and clipsal showed */
.external_header {
    width: 1180px;
    margin: auto;
    display: block !important;
    background-color: #fff;
}

.external_brand {
    background-color: #ffffff;
}

.green_apc img {
    width: 215px;
    height: 45px;

}

.green_apc {
    height: 50px;
    margin: auto;
    padding: 0px;
    background-color: #3dcd58;
    width: 1180px;
}

/*Added for BS4 upgradation Customer support - Start*/
.contact_container {
    justify-content: center;
    display: flex;
    padding: 0px;
}
.contact_btn_container {
    display: flex;
    justify-content: center;
    
}

/*Added for BS4 upgradation Customer support - End*/

.privacy-tabhd1 .nav-pills>li.active>a,
.privacy-tabhd1 .nav-pills>li.active>a:focus,
.privacy-tabhd1 .nav-pills>li.active>a:hover {
    color: #3dcd58;
    background-color: transparent;
    text-decoration: none;
    font-weight: normal;
    padding-right: 10px;
}
.confirm-txt {
    text-align: center;
    margin: 0;
    padding: 9%;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #ffffff !important;
    background: none !important;
}
.privacy-link,
.privacy-link:hover,
.privacy-link:visited,
.privacy-link:active {
    color: #333333;
    padding-bottom: 5px;
    display: inline-block;
}

.setPasswordLink {
    background: none !important;
    border: 0 !important;
    color:  #008A16 !important;
    font-size: 12px !important;
    margin-top: -2px !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: normal !important;
}

.footer-social {
    display: block;
    margin: 0 auto;
    padding-inline-start: 0px;
    margin-right: 0px;
    margin-top: 0px;
    text-align: left;
}

.footer-social li {
    display: inline-block;
    margin-left: 0px;
    padding-right: 5px;
}

.footer-social a {
    display: block;
    text-indent: -9999px;
    background-image: url(../image/Social-icons-color.svg);
    background-repeat: no-repeat;
    cursor: pointer;
}

.footer-container a {
    cursor: pointer;
}

.footer-social .icon-facebook {
    height: 35px;
    width: 35px;
    background-position: -61px -6px;
}

.footer-social .icon-apple {
    height: 35px;
    width: 35px;
    background-position: 0px 1px;
}

.footer-social .icon-linkedin-reg {
    height: 35px;
    width: 35px;
    background-position: -107px 0px;
}

.footer-social .icon-Schnider-reg {
    height: 35px;
    width: 35px;
    background-position: -160px 0px;
}

.footer-social .icon-twitter {
    height: 35px;
    width: 35px;
    background-position: -6px -52px;
}

.footer-social .icon-gplus {
    height: 35px;
    width: 35px;
    background-position: -61px -52px;
}

.footer-social .icon-vk {
    height: 35px;
    width: 35px;
    background-position: -6px -97px;
}

.footer-social .icon-ok {
    height: 35px;
    width: 35px;
    background-position: -61px -97px;
}

.footer-social .icon-voltinum {
    height: 35px;
    width: 35px;
    background-position: -171px -52px;
}

.footer-social .icon-rexel {
    height: 35px;
    width: 35px;
    background-position: -116px -52px;
}

.footer-social .icon-linkedin {
    height: 35px;
    width: 35px;
    background-position: -116px -6px;
}

.color_btn a {
    color:  #008A16 !important;
}

.top-image-container {
    padding: 0px;
}

.loginBannerHeading {
    position: absolute;
    top: 50px;
    left: 6%;
    font-size: 45px;
}

.loginBannerHeading2 {
    position: absolute;
    top: 50px;
    left: 6%;
    font-size: 18px;
}

.loginArea {
    background-color: #ffffff;
    border: 1.5px solid #e6e7e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
}

.content-btwn {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #E6E7E7;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

.content-btwn span {
    background: #ffffff;
    padding: 0 10px;
}

.pad-10 {
     padding: 32px;
     background-color: #ffffff;
}
.emailAddress-label {
    font-size: 14px;
}

.left-panel-button,
.left-panel-button:hover {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

/* LT Browser Fixes */
@media (min-width: 768px) and (orientation : portrait){
    .login-header {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
}

.background_banner1 {
    width: auto !important;
    bottom: 30% !important;
    margin: 0 15% !important;
  }
 .label-content {
     display: none;
 }
 .app-description .green_head {
     font-size: 22px !important;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     width:100%;
 }
 .app-description {
     text-align: center;
     width: 100%;
     position: relative;
     z-index: 999999;
 }
 .app-description img {
        width: 100%;
     object-fit: contain;
 }
 /* .email_Enter {
    padding-top: 15% !important;
 } */
 .footer-note ul {
     display: grid;
 }
 .footer-logo {
     max-width: 100% !important;
     width: 100% ;
     padding-left: 0 !important;
     text-align: left;
 }
  
  .loginDetail {
      padding: 10% 0 2% 1% !important;
  }
  
  .nologoClass{
    padding-left: 0% !important;
  }

}
/* End Of LT Browser */

.benefits-se-key {
    background-image: url(../image/Benefits-SE-sprite.svg);
    width: 50px;
    height: 55px;
    position: absolute;
    background-position: 0px 0px;
    left: 0px;
    top: 0px;
}

.benefits-se-note {
    background-image: url(../image/Benefits-SE-sprite.svg);
    width: 50px;
    height: 55px;
    position: absolute;
    background-position: 0px -80px;
    left: 0px;
    top: 0px;
}

.benefits-se-profile {
    background-image: url(../image/Benefits-SE-sprite.svg);
    width: 50px;
    height: 55px;
    position: absolute;
    background-position: 0px -160px;
    left: 0px;
    top: 0px;
}

input.btn {
    color: #ffffff !important;
    background: #008A16;
    font-size: 16px;
    float: none;
    border: 0px;
    font-weight: normal;
    width: 100%;
    margin: 0 auto;
    border-radius: 0px;
}
input.btn:hover{
    background-color: #0FB542;
}

.btn.disabled, .btn:disabled:hover, fieldset:disabled .btn {
    pointer-events: auto;
    background-color: #008A16 !important;
}
.margBtm10 {
    margin-bottom: 10px
}

.pull-padd {
    color: #0075A3;
    font-size: 16px;
    outline: none;
}

.pull-padd:hover {
    text-decoration: underline !important;
    cursor: pointer;
    outline: none;
}
.linkShow {
    color: #0075A3;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
}

.linkShow:hover {
    text-decoration: underline !important;
    cursor: pointer;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
}
.txt-left {
    text-align: left;
}


.txt-left1 {
    text-align: left;
    margin-left: -13px;
}

.m-top22 {
    margin-top: 22px !important;
}

.email_box {
    padding-top: 10px;
    display: block;
    text-align: center;
}

.adjust-width {
    width: 70%;
    margin: auto;
}

.email_Enter {
    font-size: 22px;
    color: #333333;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
    font-weight: 700;
    padding-bottom: 0px;
    padding: 24px 32px;
    line-height: 30px;
}

.fontFamily {
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #333333;
}

.borderRadius {
    border-radius: 0;
}

.padd_cls {
    display: block;
    text-align: center;
}

.legal_Notice {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    color: #626469;
    font-size: 14px;
    padding-top:0px;
    line-height: 20px;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
}
	.email_input {
	    font-size: 16px !important;
	}

.email_input,
.email_input:hover,
.email_input:focus {
    width: 100%;
    height: 40px;
    border: 1px solid #cfcfd1;
    color: #626469 !important;
    padding: 10px;
    outline: none;
    font-size: 16px;
}

.email_button,
.email_button:hover,
.email_button:focus {
    background-color:#008A16;
    color: #ffffff;
    width: 100%;
    height: 40px;
    border: none;
    font-size: 16px;
    outline: none;
}
.email_button:hover{
    background-color: #0FB542;
}

.email_button1,
.email_button1:hover,
.email_button1:focus {
    background-color: #ffffff;
    color:  #000;
    width: 100%;
    height: 40px;
    border: none;
    font-size: 16px;
    border: 1px solid  #626469;
    font-family: 'ArialRoundedMTforSE-Regular_Latin'
}

.privacy_notice {
    color:  #0075A3 !important;
    font-size: 12px;
    font-weight: normal;
}
.marg-100 a{
    font-size: 16px;
}

.floatClass a{
    font-size: 16px;
}
.paddingTop13 .fa-search{
    padding-top:13px;
}
.privacy_notice :hover {
    color:  #0075A3;
    text-decoration: underline !important;
}

.need-hlp {
    color: #0075A3;

}

.need-hlp :hover {
    color: #0075A3;
    text-decoration: underline !important;
}

.need_help {
    color: #0075A3;
    font-size: 16px;
    font-weight: bold;
}

.forgotLink {
   color: #333333;
   font-size: 14px;
   font-weight: normal !important;
   margin-left: 10px;
}

.bg-effect  .forgotLink{
        color: #ffffff;
        font-size: 14px;
        font-weight: normal !important;
        margin-left: 10px;
}

.forgotLink a {
    color: #0075A3 !important;
    font-size: 16px;
    outline: none;
}
.forgotLink a:hover{
    text-decoration: underline;
    outline: none;
}
.footer-note {
    width: 100%;
    margin: auto;
    padding: 0;
}

.footer-note>div {
    color: #626469;
    font-size: 12px;
}

.privacy_policy_footer {
    padding: 0px;
    display: inline-block;
}

.container-fluid {
    width: auto;
    /* padding: 0px; */
    box-shadow: none;
}

.column1 {
    background-size: cover;
    background-position: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.column2 {
    background-color: #fff;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible;
}

.footer-align {
    height: 100px;
}


.bg-effect {
    background-color: #333333;
    padding-top: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 16px;

}
.privacy_policy_footer ul {
 padding-inline-start: 0;
}

.padding56 {
    padding-left: 56px;
    padding-right: 56px;
}

.grey-bg-effect {
    background-color: #eaeaea;
    padding-top: 0px !important;
}

.nav-pills>li {
    text-align: left;
    padding: 0px;
    width: auto;
    float: left;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 20px;
    font-size: 16px;
    cursor: pointer;
    color: #ffffff;
    list-style: none;
}


.nav-pills li.active a,
.nav-pills li.active a:hover:focus,
.nav-pills li.active a:hover,
.nav-pills li.active a:focus,
.nav-pills li.active a:active:focus {
    border-bottom: 4px solid #3dcd58;
    border-radius: 0;
    background: 0;
    text-decoration: none;
}

.nav-pills li,
.nav-pills a {
    text-decoration: none;
}

.privacy_policy_footer .nav-pills li.active a,
.privacy_policy_footer .nav-pills li.active a:hover:focus,
.privacy_policy_footer .nav-pills li.active a:hover,
.privacy_policy_footer .nav-pills li.active a:focus,
.privacy_policy_footer .nav-pills li.active a:active:focus,
.privacy_policy_footer .nav-pills>li>a {
    border-bottom: 0px;
    font-size: 14px;
    color: #ffffff !important;
    background: 0;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
}

.footer-logo {
   color:#ffffff;
   text-align:right;
   padding: 0;
}

.tab-container {
    padding-top: 0px;
}

.signup {
    padding: 0px;
    width: 100%;
}

.main_header {
    padding: 15px;
    height: 75px;
    width: 1180px;
    margin: auto;
    padding-left: 0px;
}

.footer-logo img {
    height: 50px;
}
/* 
.mid_section {
    margin: auto;
    width: 1180px;
    padding-top: 15px;
} */

.social-continue {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    display: inline;
}

.footer-social .icon-Schnider {
    height: 35px;
    width: 35px;
    background-position: -171px -6px;
}

.footer-social .icon-facebook {
    height: 35px;
    width: 35px;
    background-position: -61px -6px;
}

.footer-social .icon-apple {
    height: 35px;
    width: 35px;
    background-position: -6px -6px;
}


.footer-social a {
    display: block;
    text-indent: -9999px;
    background-image: url(../image/Social-icons-color.svg);
    background-repeat: no-repeat;
    cursor: pointer;
}

.top_banner {
    height: 200px;
    width: 100%;
}

.main_bg {
    width: 100%;
}

.main_header img {
    width: 215px;
    height: 45px;
}

.login-header {
    justify-content: center;
    margin: auto;
    /* height: 75px; */
    background-color: #3dcd58;

}


.tab-container div {
    font-size: 13px;
    color: #626469;
    padding-left: 0;
}

.tab-container-reg div {
    font-size: 14px;
    color: #ffffff;
    padding-left: 0;
    margin-top: 0px;
    margin-left: 0;
    margin-right: 0;
}

.noshow_header {
    display: none;
}

.show_others {
    display: block;
}

.show-button {
    display: none;
}

.no_changepwd {
    display: none !important;
}

.show_onMobile {
    display: none !important;
}

.userprofile-container {
    margin-left: 174px;
    margin-right: 174px;
    margin-top: 44px;
}

.hide-destop-view {
    display: none;
}

.show-appname {
    display: none;
}

.mobile-view-banner {
    display: none;
}

.marg-btm-20 {
    margin-bottom: 10px;
}

.marg-bottm-20 {
    margin-bottom: 20px;
}

.form-group.marg-btm-10 {
    margin-bottom: 10px;
}

.mobile-only-show {
    display: none;
}

.background_banner {
background-repeat: no-repeat;
    background-size: 100% 250px;
}
.loginDetail{
 padding: 23% 0 0% 1%;
}
.loginForm{
padding: 10% 0 2% 0;
}

.container.details.row{
    margin-right: auto !important;
    margin-left:auto !important;
    padding:0;
}

.background_banner1 {
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;
    gap: 20px;
    position: relative;
    width: 100%;
    height: auto;
    left: 0px;
  /*  top: -23%;*/
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    padding-top: 0px;
    min-height: 100%;
    max-height: auto;
}



.padd8 {
    padding-top: 8px;
}

.padd16 {
    padding-top: 8px;
}

.registerChangePasswordRow .orContinue{
    padding-top: 20px;

}

.orContinue {
    width: 100%;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 0px;
    display: block;
    align-items:flex-start;
    text-align: left;
    color: #333333;
    flex: none;
    order: 0;
    flex-grow: 0;
}
.showDiscScreen .footer-social{
    margin-top:4%;
}

.idms-dismiss1 {
    background: transparent url(../image/sprite.png) no-repeat;
    background-position: 0 -24px;
    padding: 0px 16px;
    cursor: pointer;
}
.form-group.detail-txt p a {
    color:  #0075A3;
}

.btn-container .btn-link {
    color:  #0075A3;
}


/* Mobile view css */
@media screen and (max-width: 400px) and (min-width: 200px) {
    .txtAlignLft {
        text-align: center !important;
    }

    .txtAlignRgt {
        text-align: center !important;
    }
    .mfa-box .mfa-title {
        display: none;
    }

    .mfa-onoff-container {
        padding: 20px;
        margin: 0px;
    }

    .mfa-on-off-screen {
        text-align: center;
    }

    .mfa-button {
        height: 50px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        cursor: pointer;
        width: 100%;
    }

    .mfa-flex {
        display: block;
        text-align: center;
        padding: 0px;
    }

    .mfa-on-off-screen {
        margin-bottom: 50px;
    }

    .mfa-flex-item+.mfa-flex-item {
        margin-top: 10px;
        margin-left: 0px;
    }

    .register-page {
        width: auto !important;
    }

    .background_banner {
        height: auto !important;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .desktop-only {
        display: none;
    }

    .mobile-view-only {
        display: block !important;
    }

    .text-colr {
        color: #fff !important;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: 200;
    }

    .email_box {
        padding-top: 0px;
        display: block;
        text-align: center;
    }

    .inner-addon .pwd-icon {
        position: absolute;
        padding: 5px 31px 15px 10px;
        right: 0px;
        margin-right: 5px;
        top: 11px;
        background-image: url(../image/sprite_self.png);
        background-position: -40px -210px;
        cursor: pointer;
    }

    .inner-addon .pwd-icon-hide {
        position: absolute;
        padding: 5px 31px 15px 10px;
        right: 0px;
        margin-right: 5px;
        top: 8px;
        background-image: url(../image/sprite_self.png);
        background-position: -40px -226px;
        cursor: pointer;
    }

    .error-align {
        color:#DC0A0A !important;
        font-size: 14px;
        text-align: left;
        margin-left: 13% !important;
    }



    .marg-lft-verify {
        width: 80%;
        text-align: center;
    }
    .mobile-hde {
        display: none;
    }
    .app-name {
        font-size: 20px;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: bold;
        color: #333333;
        margin-top: 20px;
    }

    .marg-top-20 {
        margin-top: 20px;
    }

    .show-appname {
        display: block !important;
    }

    .mobile-view-banner {
        display: block;
    }

    .hide-destop-view {
        display: block;
    }

    .border_box {
        border: 0px solid #fff;

    }

    .change-password-row {
        width: 100%;
    }

    .marg_10 {
        margin-bottom: -20px;
    }

    .tab-content {
        margin-left: 5%;
        margin-right: 5%;
        width: auto;
    }

    .no-mobile-display {
        display: none;
    }

    .privacy_policy_footer ul {
        display: flex;
        justify-content: left;
    }

}

@media screen and (max-width: 480px) and (min-width: 200px) {
    .tooltip-icon {
        position: absolute;
        margin-left: 7px;
        top: 2px;
        background-image: url(../image/information_circle-white.svg);
        background-position: 1px 0px;
        height: 16px;
        width: 16px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .mobile-checkbox {
        margin-bottom: 5px;
        display: inline-block !important;
    }

    .text-font1 {
        color: #fff;
        display: flex;
        margin-left: 5px;
    }

    .rbr-me .fa {
        color: #ffffff;
        font-style: italic;
        padding-top: 5px;
        padding-left: 5px;
    }
    .show-discscreen {
        padding-bottom: 10px;
    }

    .register-page {
        width: auto !important;
    }

    .mainBgContianer1 {
        background-position: top left;
    }

    .mainBgContianer1 {
        background-position: top left;
        min-height: 75vh !important;
    }

    .desktop-only {
        display: none;
    }

    .mobileCode-label {
        margin-left: -60% !important;
    }

    .mobile-view-only {
        display: block !important;
    }

    .text-colr {
        color: #fff;
    }

    .email_box {
        padding-top: 0px;
        display: block;
        text-align: center;
    }

    .inner-addon .pwd-icon-hide {
        position: absolute;
        padding: 5px 31px 15px 10px;
        right: 0px;
        margin-right: 5px;
        top: 8px;
        background-image: url(../image/sprite_self.png);
        background-position: -40px -226px;
        cursor: pointer;
    }

    .inner-addon .pwd-icon {
        position: absolute;
        padding: 5px 31px 15px 10px;
        right: 0px;
        margin-right: 5px;
        top: 11px;
        background-image: url(../image/sprite_self.png);
        background-position: -40px -210px;
        cursor: pointer;
    }

    .hide-destop-view {
        display: block !important;
    }

    .no-mobile-display {
        display: none;
    }
    .marg-top-20 {
        margin-top: 30px;
    }

    .adjust-width {
        width: 77%;
    }

    .row-marg {
        margin-left: 0px !important;
    }

    .no_changepwd {
        display: none !important;
    }

    .marg-10 {
        width: 100% !important;
    }

    .verify-code {
        margin-left: 0px !important;
    }

    .marg-0 {
        padding-left: 0px !important;
    }

    .verify-box {
        width: auto;
        display: flex;
    }
     .verify-box1{
         width:100% !important;
         padding-left: 0px !important;
         padding-right: 0px !important;
     }
     .modal-dialog{
         width: 100% !important;
         margin-top:40px !important;
     }
     .colorHeading {
         font-size: 24px ;
     }

    .reg-msg1 {
        width: auto;
        margin-left: auto;
    }

    .change-password-row .col-md-12 {
        padding-top: 12px;
    }

    .change-password-row  .green_head-reg {
        font-size: 22px;
        text-align: center;
        margin-top: 0px;
        padding: 24px 16px;
    }

    .center-arrow {
        text-align: center;
    }

    .show_others {
        display: none;
    }

    .email_box {
        padding-top: 0px;
        display: block;
        text-align: center;
    }

    .show-button {
        display: block;
    }

    .no-buttonshow {
        display: none;
    }

    .margin-5 {
        margin-top: 5%;
    }

    .show_button {
        display: block;
    }


    .hide_tag {
        display: none;
    }

    .footer_align {
        text-align: center;
    }

    .noshow_header {
        display: inline-block;
    }

    .main_header {
        width: 100%;
        height: 50px;
        background-color: #008A16;
        padding-left: 5px;
        padding-top: 10px;
        padding-bottom: 20px;
        border-bottom: 4px solid #009530;
    }

   .email_Enter {
       padding-bottom: 10px;
       font-size: 22px;
       font-family: 'ArialRoundedMTforSE-Regular_Latin';
       font-weight: bold;
       color: #333333;
       text-align: center;
       padding: 0 !important;
   }

    .email_input,
    .email_input:hover,
    .email_input:focus {
        width: 100%;
        height: 40px;
        border: 1px solid #E6E7E7;
        color: #626469 !important;
        
    }

    .email_button,
    .email_button:hover,
    .email_button:focus {
        background-color:  #008A16;
        color: #fff;
        width: 100%;
        height: 40px;
        border: none;
        font-size: 18px;
        outline: none;
    }


    .loginArea {
        background-color: #ffffff;
        border: 1px solid #e7e7e7;
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-top: 10px;
        /* width: 294px; */
        -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
        -moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
        box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
    }


    .loginBannerHeading {
        left: 20%;
        font-size: 25px;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: 700;
    }

    .loginBannerHeading2 {
        left: 17px;
        font-size: 17px;
        /* padding-top: 10px; */
    }

    .text-alig {
        text-align: center;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: bold;
        font-size: 25px;
    }


    .box_area {
        padding-top: 5%;
    }


    .loginCreateAccountBtn {
        border: 1px solid  #008A16;
        background-color: #fafafa;
        color:  #008A16;
        line-height: inherit;
        text-align: center;
        outline: none;
        height: auto;
        width: 90%;
        margin-top: 7%;
        padding-top: 3%;
        font-size: 18px;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: normal;
        left: 100%;
        padding-bottom: 3%;
    }

    .noshow_benefits {
        display: inline-block;
    }

    .center_align {
        left: 40%;
        margin-top: 0px;
    }

    .pad_btm {
        padding-bottom: 15%;
    }

    .bg-effect {
        height: auto;
    }
    
    footer {
        color: #fff;
        font-size: 12px;
        clear: both;
        display: block;
        width: 100%;
        bottom: 0px;
        background-color: #eaeaea;
        background-position: 0 0;
        background-attachment: scroll;
        background-position: 0% 0%;
        bottom: 0pt;
        left: 0pt;

    }

    .privacy_policy_footer {
        display: block;
    }

    .nav-pills>li {
        padding: 6px;

    }

    .footer-note ul {
        display: grid;
        justify-content: left;
    }

    .tab-container {
        padding: 0px;
    }

    .nav-tabs.nav-justified>li {
        float: left;
    }

    .tab-container .content_block {
        font-size: 12px;
        text-align: center;
        padding: 4px;
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        position: relative !important;
        width: 100%;
        /* padding-right: 0px !important; */
        /* padding-left: 15px !important; */
    }
    .txtAlignLft{
        text-align: center !important;
    }
       .txtAlignRgt {
           text-align: center !important;
       }

    .mainBgContianer {
        background-position: top left;
        min-height: 100vh;
    }


    .xs-login-error span {
        margin-top: 9px;
    }

    .auto-scroll-reset {
        overflow-y: auto;
        height: 264px;
    }

    .userlogin-pg {
        min-height: 100vh !important;
    }

    .xs-htfix {
        min-height: 600px !important;
    }

    .paloader {
        left: 65% !important;
    }

    .two-col-layout .signin-up {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    #paloader,
    #paloader2 {
        left: 64% !important;
    }

    .loginwith a {
        font-size: 18px;
    }

    .loginwith .fa-inverse img {
        height: 20px;
        width: 19px;
        margin-top: -4px;
    }

    input.green-btn,
    input.active-btn,
    input.btn {
        width: 100%;
        margin: auto;
    }

    .two-col-layout .signup-btn {
        width: auto !important;
        margin: auto;
    }

    #userprofileTab .nav.nav-pills {
        padding-left: 46px;
    }

    .mainBgContianer {
        background-position: top left;
        min-height: 100vh;
    }

    .tab-content {
        width: 330px;
    }

    .user-btn-box {
        margin-top: 40px;
        margin-left: 0;
        display: inline !important;
    }
}

@media screen and (max-width: 980px) and (min-width: 200px) {
    footer .bg-effect {
        position: absolute;
        bottom: 0px;
        height: auto;
    }
.orContinue {
    padding-top: 0px;
}

    /* .border_box {
        border: 0px;
    } */


    .social-bottom {
        padding-left: 0px;
        display: block;
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .no-bg-1col .head-nav-title .idms-arrow-left {
        display: inline;
    }


    .loginControllLink a {
        font-size: 12px;
    }

    .login-note1,
    .loginControllLink {
        text-align: center;
        font-size: 12px;
    }

}

@media screen and (max-width: 979px) {

    footer {
        color: #fff;
        font-size: 12px;
        clear: both;
        display: block;
        width: 100%;
        bottom: 0px;
        background-color: #eaeaea;
        background-position: 0 0;
        background-attachment: scroll;
        background-position: 0% 0%;
        bottom: 0pt;
        left: 0pt;

    }

    .xs-login-error {
        display: block;
    }

    .paloader {
        left: 59%;
    }


    .userprofile-container,
    .signup-infopage {
        margin-left: auto;
        margin-right: auto;
        margin-top: 44px;
        width: 620px;
    }

    .container-fluid {
        width: 100%;
        padding: 0px;
        box-shadow: none;
    }

    .showCancelButton {
        display: none;
    }

    .showCancelLink {
        display: block;
        padding-left: 10px;
        color:  #0075A3;

    }
    .tab-content .company-class {
        padding-bottom: 25% !important;
    }
    
    .padd-lr-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

}

/* TIPI appl UI Issue */
@media only screen and (max-width: 991.5px){
.app-description{
    padding-top: 12%;
}
.loginForm {
    padding: 0% 0 2% 0;
}

}
    

/*tablets Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .mainBgContianer1 {
        min-height: auto !important;
    }
    .boxWidth{
        width: 100% !important;
    }

    .padd0 {
        margin:0;
    }
  .green_head-reg {
    padding: 32px;
    padding-bottom: 20px;
  }
  /* TaxId tooltip */
  .taxIdtooltip .tooltip1 .tooltiptext{
    width: 420;
  }
    /* Tooltip UI new */
    .tooltip1 .tooltiptext {
        width:445px;
        padding-bottom: 15px;
    }
    .tooltip1 .tooltiptext::before {
      left:30%;
   }
    .tooltip1 .tooltiptext::after {
    left:30%;
}

/* Taxid tooltip */
.taxIdtooltip .tooltip1 .tooltiptext::before{
    left:0;
}
.taxIdtooltip.tooltip1 .tooltiptext::after {
    left: 0;
}
    .verifyheader {
        padding-top: 5% !important;
        padding-bottom: 2%;
    }
     .inner-addon .fa-times-circle-o {
         position: absolute;
         padding: 14px;
         padding-top: 2% !important;
         top: 0;
     }
    .loginDetail {
         padding: 10% 0 0% 0 !important;
    }

    .loginForm {
      padding: 15% 0 2% 0 !important;
    }
    .logoApp {
     margin-top:0 !important;
    }
    .app-description img {
     width: 100%;
    object-fit: contain;
    }
    .login-header{
     width: 100% !important;
     padding:0 !important;
     margin:0 !important;
    }

    .nologoClass {
      padding-left: 0 !important;
      padding-top:5%;
    }
    
        .background_banner {
            background-repeat: no-repeat;
            background-size: 100% 295px;
        }
    
    footer.positionabs {
        position: absolute;
    }
    .custom-autocomplete1 {
        max-width: 67.77% !important;
        min-width: 89% !important;
    }

      .contactPage .change-password-row {
          margin: 0px auto 30% auto !important;
      }

      .margMobile {
          margin-top: 10px !important;
      }

      .ipadmarg {
          margin-left: 3%;
      }

    .concurrentLogin .border_class {
        width: 484px;
    }
      .border_class {
          width: 100%;

      }
    /* .email_Enter{
        padding-top:11% !important;
    } */
      .ipadWidth .head-nav-title {
          padding-top: 15%;
      }

      .ipadWidth .change-password-row {
          width: 484px;
          padding-top: 20px;
      }

       .clipsalImg {
           background-color: #ffffff !important;
           padding:0;
           margin:0;
       }
       

        .showDiscScreen {
            margin-top: 5% !important;
        }

        
    .clipsalImg {
        background-color: #ffffff;
    }

    .showDiscScreen {
        margin-top: 5% !important;
    }


    /* 2FA help guide css */

    hr {
        width: 96% !important;
        margin-left: 0;
        border-top: 1px solid #E6E7E7;
    }

    .guideBox {
        padding-top: 5%;
    }

    .helpGuideMargin {
        padding-left: 5%;
        padding-right: 5%;
    }


    .text-font1 {
        display: flex;
        padding-left: 15px;
        padding-top: 5px;
    }
    .form-group .ipad-padd-0 {
         display: flex;
         padding-left: 0px;
         padding-top: 5px;
    }
.footer-ipad-logo img {
    position: relative;
    top: -40px;
    height: 50px;
}
    .rbr-me {
        font-size: 14px;
        color: #626469;
        padding-left: 30px !important;
        margin-bottom: 0px;
        padding-top: 3px;
    }

    .mobile-checkbox {
        margin-bottom: 5px;
        display: inline-block !important;
    }

    .tooltip-icon {
        position: relative !important;
        top: -22px;
        margin-right: 3px;
        background-image: url(../image/Remembe-me-icon.svg);
        background-position: 1px 0px;
        height: 16px;
        width: 16px;
        display: inline-block;
        background-repeat: no-repeat;
    }
   /* taxId tooltip */
   .taxIdtooltip .tooltip1{
    float: none;
    position: relative;
    top: 24px;
    padding-left: 0;
   }
   .taxIdtooltip .tooltip-icon {
    position: relative;
    top: 1px;
   }
    .tooltip1 {
        padding-left: 15px;
        margin-right: 7%;
        text-align: right;
        float: right;
        position: static !important;
    }
    .tooltip-icon-profile {
        position: absolute;
        margin-left: 0px !important;
        top: 0px !important;    
    }
    .tooltip1 .tooltiptext1 {
        margin-left:-230px !important;
    }
    .tooltip1 .tooltiptext1::before{
        left: 69% !important;
    }
    .tooltip1 .tooltiptext1::after {
         left: 69% !important;
    }

    .showCancelButton {
        display: block !important;
    }

    .showCancelLink {
        display: none;
        padding-left: 10px;
        color:  #0075A3;

    }

    .mfa-onoff-container {
        padding: 20px !important;
        margin: 0px !important;
    }

    .border-class {
        border: 1px solid #E6E7E7;
        float: none !important;
        top: 10px !important;
        background-color: #ffffff;

    }

    .desktop-padding {
        padding-left: 0px !important;
    }

    .change-password-guide {
        margin: 14px auto 26% auto !important;

    }

    .help_width img {
        width: 100% !important;
        padding-left: 0% !important;

    }

    .mfa-on-off-screen input[type="button"] {
        float: none !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mfa-on-off-screen {
        text-align: center;
    }
    .userEmaildesc-hover .mfa-on-off-screen .padleft-0 {
         text-align: left;
         padding-left: 10px !important;
     }
     .mar10Ipad{
         margin-left:-10px;
     }
     .switch {
         top:-25px !important;
     }
     .position-btn .swichTop {
         top: 10px !important;
     }

    .mfa-button {
        height: 50px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        width: 100%;
    }

    .mfa-flex {
        display: block;
        text-align: center;
        padding: 0px;
    }

    .mfa-on-off-screen {
        margin-bottom: 50px;
    }

    .mfa-flex-item+.mfa-flex-item {
        margin-top: 0px;
        margin-left: 0px;
    }

    .footer-logo {
        padding-bottom: 0px;
        padding-top: 10px;
        text-align: left !important;
        max-width: 100% !important;
        padding-left: 0px;
    }

    .imgPosition {
        margin-left: 0% !important;
        background-color: #FAFAFA;
        
    }
    .top-image-container div img {
        position: relative !important;
        left: 0% !important;
        height: auto !important;
        background-color: #ffffff;
    }

    .show-discscreen {
        padding-top: 3%;
    }

    .widthRecovery {
        width: 100% !important;
    }

    .show-discscreen {
        padding-top: 40px;
    }
   .widthRecovery {
       width: 100% !important;
   }
    .border_box {
        border: 1px solid #E6E6E6;
    }
    
 .border_boxLeft {
     border: 0;
     width:100%;

 }
    .border_align {
        border: 0;
        width: auto;
    }

    .main_header {
        padding: 16px;
        height: 75px;
        width: 100%;
        min-width: 400px;
    }

   

    .password-input .adjust-width {
        width: 64%;
    }

    .mid_section {
        padding-top: 10px;
        width: 100%;
        margin: auto;
        background-color: #ffffff;
    }

    .bg-effect {
        height: auto;
    }
  
        .background_banner1 {
            width: auto !important;
            bottom: 17% !important;
        }

    .positionRelative {
        position: relative;
    }
    .positionRelative {
        position: relative;
    }
    .footer-login {
        height: auto;
        bottom: 0;
    }

    .footer-logo img {
        height: 50px;

    }

    .footer-note ul {
       display:grid;
    padding-left:0px;

}
    .session-page-footer .footer-note ul {
        justify-content: revert !important;
    }

    .loginBannerHeading {
        font-size: 30px;
        top: 45%;
    }

    .loginBannerHeading2 {
        margin-top: 2%;
        font-size: 20px
    }

    .loginArea {
        background-color: #ffffff;
        border: 1px solid #e7e7e7;
        width: 730px;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
        -moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
        box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
    }

    .email_input,
    .email_input:hover,
    .email_input:focus {
        width: 100%;
        height: 40px;
        border: 1px solid #9FA0A4;
        color: #626469 !important;
        padding: 10px;
        font: 14px;
        outline: none;
    }

    .email_button,
    .email_button:hover,
    .email_button:focus {
        background-color:  #008A16;
        color: #fff;
        width: 100%;
        height: 50px;
        border: none;
        font-size: 18px;
        outline: none;
    }

    .legal_Notice {
        width: 100%;
        font-size: 12px;
        padding-bottom: 20px;
        margin-top: 0;
        margin-left: 0px;
    }

    .signup {
        padding: 0px;
    }

    .loginCreateAccountBtn {
        border: 1px solid  #008A16;
        background-color: #fafafa;
        color:  #008A16;
        line-height: 18px;
        text-align: center;
        outline: none;
        height: 50px;
        width: 80%;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-size: 18px;
        margin-top: 0px;
        padding-top: 2%;
    }

    .show_others {
        display: block !important;
    }

    .show_mobile {
        display: none;
    }

    .footer_align {
        text-align: center;
    }

    .content_block {
        text-align: center;
        justify-content: center;
    }

    .footer-note {
        width: 100%;
        margin: auto;
        padding-left: 16px;
    }


    .mobile-view-only {
        display: block !important;
    }

    .desktop-only {
        display: none;
    }
     .label-content {
         display: none;
     }
    .app-description {
        z-index: 999999;
        display: block;
        position: absolute;
        text-align: center;
        width:100%;
        padding-top:0% !important;
        margin: 0% 0 0 0;
    }
   
    .app-description .green_head{
        font-size: 30px !important;
        display: inline-flex;
        justify-content: center;
        align-items: center;
       
    }
    .padd-lft{
        top: 0 !important;
    }
    .padd8 {
        padding-top: 16px !important;
    }
    .padd16 .footer-social{
        margin-bottom: 24px;
    }
    .password-input .email_Enter{
        margin-top: 10%;
    }
        .padd_cls {
            padding-top:10px;
        }
     .app-name1 {
         display: block !important;
         font-size: 30px;
         font-family: 'ArialRoundedMTforSE-Regular_Latin';
         font-weight: bold;
         color: #333333;
     }

    /* .background_banner1 {
        height: auto !important;
        width: 550px !important;
        left: 90px !important;
        top: -205px !important;
        background: #FFFFFF;
        border: 1px solid #E6E6E6;
        padding-top: 0px;
    } */

    .col .positionAbs {
        left: 17% !important;
        top: 354px !important;
    }

    .registerHereBox {
        width: 505px !important;
    }
    .background_color1 {
        margin-inline-end: 0 !important;
        margin-inline-start: 0 !important;
        border: 0 !important;
        margin-top: 0px !important;
    }

    .deletefirstscreen {
        margin-top: 20px;
    }

    .background_color {
        margin-inline-end: 0 !important;
        margin-inline-start: 0 !important;
    }

    .nav-center {
        justify-content: center;
    }

    .no-bg-1col .delete-nav-title {
        margin-top: 0px !important
    }

    .errorBlock-Account {
        margin-top: 0px !important;
    }
    /* MFA Demo Screen CSS potrait */
    .offset-md-2 {
        margin-left: 0;
    }
     .mfaConsent2 {
         right: 5% !important;
     }
       .mfaConsent2 {
           right: 5% !important;
       }

       .mfa-onoff-container .mfa-on-off-screen {
           padding: 0px !important;
           border: 1px solid #dcdcdc;
           margin-bottom: 20px !important;
       }

       .mfa-on-off-screen-2FA .mfa-desc {
           font-size: 16px !important;

       }

       .userEmail .mfa-on-off-screen input[type="button"] {
           margin-bottom: 30px;
           float: right !important;
       }

       .userEmail .position-btn {
           position: absolute !important;
           display: block;
       }

       .mfa-desc-email {
           margin: 0 !important
       }

       .userEmail .mfa-on-off-screen {
           text-align: left !important;
           padding: 10px !important;

       }

       .userAuthdesc .mfa-on-off-screen {
           text-align: left !important;
           padding: 10px !important;
           border-left: 0px;
           border-right: 0px;
           border-bottom: 0px;
       }

       .userAuthdesc-text .mfa-on-off-screen {
           text-align: left !important;
           padding: 10px !important;

       }

       .mfa-desc-email {
           font-size: 16px !important
       }

       .emailVerifyCode {
           width: 280px;
           height: 40px;
           top: 40px;
           font-size: 16px;
           line-height: 20px;
           color: #626469;
           margin: 8px 0px;
       }

       .marg-8 {
           margin: 8px 0px;
           width: 280px;
           height: 80px;
           top: 52px;
           line-height: 20px;
           font-size: 14px;
           color: #626469;
           left: calc(50% - 280px/2);
       }

       .mfa-on-off-screen-phone .position-btn input[type="button"] {
           float: right;
           margin-right: 0px;
       }

       .userAuthdesc .mfa-on-off-screen input[type="button"] {
           float: right !important;
           margin-top: 0 !important;
       }

       .userAuthdesc-text .mfa-on-off-screen input[type="button"] {
           float: right !important;

       }

       .userAuthdesc .position-btn {
           position: absolute !important;
           display: block;
       }

       .userAuthdesc-text .position-btn {
           position: absolute !important;
           display: block;
       }

       .useRecoverdesc .mfa-on-off-screen input[type="button"] {
           float: right !important;

       }

       .useRecoverdesc .position-btn {
           position: absolute !important;
           display: block;
       }

       .useRecoverdesc .mfa-on-off-screen {
           text-align: left !important;
           padding: 10px !important;
           border: 1px solid #dcdcdc;
       }

       .mobile-pad {
           padding-left: 0 !important;
       }
       .checkBtn {
           margin: 10px 20px !important;
       }

       .useSMSBtn {
           margin: 20px 0px;
       }
        .mfaConsent2 {
            right: 5% !important;
        }

        .mfa-onoff-container .mfa-on-off-screen {
            padding: 0px;
            border: 1px solid #dcdcdc;
            margin-bottom: 20px !important;
        }

        .mfa-on-off-screen-2FA .mfa-desc {
            font-size: 16px !important;

        }

        .userEmaildesc .mfa-on-off-screen input[type="button"] {
            margin-top: 0px !important;
            margin-bottom: 30px;
            float: right !important;
        }

        .userEmaildesc .position-btn {
            position: absolute !important;
            display: block;
            padding-right: 20px;
        }

        .mfa-desc-email {
            margin: 0 !important
        }

        .userEmaildesc .mfa-on-off-screen {
            text-align: left !important;
            padding: 10px !important;
            border-left: 0;
        }

        .userAuthdesc .mfa-on-off-screen {
            text-align: left !important;
            padding: 10px !important;
            border-left: 0px;
            border-right: 0px;
            border-bottom: 0px;

        }

        .mfa-desc-email {
            font-size: 16px !important
        }

        .emailVerifyCode {
            width: 280px;
            height: 40px;
            top: 40px;
            font-size: 14px;
            line-height: 20px;
            color: #626469;
            margin: 8px 0px;
        }

        .marg-8 {
            margin: 8px 0px;
            width: 280px;
            height: 80px;
            top: 52px;
            line-height: 20px;
            font-size: 14px;
            color: #626469;
            left: calc(50% - 280px/2);
        }

        .mfa-on-off-screen-phone .position-btn input[type="button"] {
            float: right;
            margin-top: 0 !important;
            margin-right: 10px;
        }

        .userAuthdesc .mfa-on-off-screen input[type="button"] {
            float: right !important;
            margin-top: 0% !important;
        }

        .userAuthdesc .position-btn {
            position: absolute !important;
            display: block;
        }

        .useRecoverdesc .mfa-on-off-screen input[type="button"] {
            float: right !important;

        }

        .useRecoverdesc .position-btn {
            position: absolute !important;
            display: block;
            padding-right: 20px;
        }

        .useRecoverdesc .mfa-on-off-screen {
            text-align: left !important;
            padding: 10px !important;
            border: 1px solid #dcdcdc;
        }

        .mobile-pad {
            padding-left: 0 !important;
        }
}


/*tablets Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    /* Tooltip UI New */
.tooltip1 .tooltiptext {
        width: 342px;
    }
  

    .tooltip1 .tooltiptext::before {
        left: 39%;
    }

    .tooltip1 .tooltiptext::after {
        left: 39%;
    }
    /* Taxid Tooltip */
    .taxIdtooltip .tooltip1 .tooltiptext::before{
            left: 0;
    }
   .taxIdtooltip .tooltip1 .tooltiptext::after {
            left: 0;
   }
    .text-font1 {
        display: inline-block;
    }

    .margMobile {
        margin-top: 10px;
    }

    footer.login-footer {
        position: fixed !important;
        bottom: 0%;
        width: 100%;
    }

    .app-description {
        display: block !important;
    }

    .mobile-checkbox {
        display: inline-block !important;
    }

    .tooltip-icon {
        position: absolute;
        margin-left: 3px;
        background-position: 1px 0px;
        height: 16px;
        width: 16px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .rbr-me {
        font-size: 14px;
        color: #626469;
        padding-left: 23px !important;
        margin-bottom: 0px;
        padding-top: 3px;
    }

    .tooltip1 {
        padding-left: 5px;
    }

    .app-description {
        display: none;
    }

    .bg-effect {
        width: 100%;
        height: auto !important;
        bottom: 0px;
        clear: both;
        display: inline-block;
    }

    .footer-note {
        width: 100%;
        margin: auto;
    }

    .privacy_policy_footer {
        padding: 10px;
        display: inline-block;
        padding-left: 15px;
    }

    .adjust-width {
        width: 77%;
        margin: auto;
    }


    .mid_section {
        width: 100% !important;
    }

    .main_header {
        padding: 15px;
        height: 75px;
        width: 1180px;
        margin: auto;

    }
    .background_color1 {
        margin-inline-end: 0 !important;
        margin-inline-start: 0 !important;
        border: 0 !important;
    }

    .background_color {
        margin-inline-end: 0 !important;
        margin-inline-start: 0 !important;
    }

    .no-bg-1col .delete-nav-title {
        margin-top: 0px !important
    }
     /* MFA DEMO Screen landscape */
      .position-btn {
          position: absolute;

      }

      .post-abs {
          position: absolute;
          padding-right: 40px;
          padding-top: 10px;
      }

      .marg-8 {
          width: 310px;
      }

      .useEmailBtn1 {
          margin: 0px 30px !important;
      }

      .useAppBtn {
          margin: 0px 30px !important;
      }

      .checkBtn {
          margin: 0px 40px !important;
      }

      .useSMSBtn {
          margin: 10px 0px !important;

      }
       .position-btn {
           position: absolute;

       }

       .post-abs {
           position: absolute;
           padding-right: 40px;
           padding-top: 10px;
       }

       .marg-8 {
           width: 310px;
       }
      
}

/* ipad pro protarait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    
    .row_flex .flex-lg-row {
        flex-direction: column-reverse !important;
        padding-left: 25%;
    }
        .background_banner1 {
            height: auto !important;
            width: 550px !important;
            left: -100% !important;
            bottom: 7% !important;
        }
        .loginDetail {
           padding: 10% 0 0% 21% !important;
        }
        .footer-logo {
            display: contents;
        }
       
        .app-description {
            margin-top: 1%;
        }

/* 
    .tooltip-icon {
        position: absolute;
        margin-left: 3px;
        background-position: 1px 0px;
        height: 16px;
        width: 16px;
        display: inline-block;
        background-repeat: no-repeat;
    } */

    .adjust-width {
        width: auto;
    }

    .no-mobile-display {
        display: none;

    }

    #pswdplcytxt.text-color-ipad {
        width: 460px !important;
    }

    .loginArea {
        background-color: #ffffff;
        border: 1.5px solid #e6e7e7;
        padding-bottom: 20px;
        width: 900px;
        -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
        -moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
        box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.2);
        margin-left: 9%;
    }

    .email_button,
    .email_button:hover,
    .email_button:focus {
        background-color:  #008A16;
        color: #fff;
        width: 460px;
        height: 50px;
        border: none;
        font-size: 18px;
        outline: none;
    }

    .email_input,
    .email_input:hover,
    .email_input:focus {
        width: 460px;
        height: 40px;
        border: 1px solid #9FA0A4;
        color: #626469 !important;
        padding: 10px;
        font: 14px;
        outline: none;
    }

    .padd_20 {
        margin-left: 0px;
        margin-top: 20px;
    }

    .footer_align {
        text-align: center;
        margin-top: 30px;
    }

    footer.bg-effect {
        width: 100%;
        /* height: 209px; */
        bottom: 0;
        position: absolute !important;

    }

    .footer-social {
        display:block;
        justify-content: left;
        margin: auto;
    }

    .show_mobile {
        display: none;
    }

    .show_others {
        display: block !important;
    }

    .border_align {
        border-left: none;
    }
}

/* ipad-pro landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


    .footer-social li {
        display: inline-block;
        margin-left: -1px;
    }

    .show_mobile {
        display: none;
    }

}

/* For Surface Duo potrait */
@media only screen and (min-device-width: 540px) and (max-device-width: 720px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .bg-effect {
        height: auto;
        padding-top: 10%;
    }

    .app-name {
        font-size: 16px;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: bold;
        color: #ffff;
        margin-top: 20px;
    }

    .social-continue {
        color: #fff;
        font-size: 16px;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: bold;

    }

    .marg-btm-10 {
        padding-bottom: 30px;
    }

    .show_mobile {
        display: none;
    }

    .footer-note ul {
        display: flex !important;
        justify-content: center;
    }

    .footer-logo img {
        height: 50px;
        width: 100%;

    }

    .marg-5 {
        margin-top: 5%;
    }

    .mrg-10 {
        margin-left: 10%;
    }

    .loginCreateAccountBtn {
        border: 1px solid  #008A16;
        background-color: #fafafa;
        color:  #ffffff;
        line-height: 50px;
        text-align: center;
        font: 18px;
        outline: none;
        width: 80%;
        margin-left: 10%;
    }

    .footer-logo {
        text-align: center;
        padding-top: 20px;
    }

    .content_block {
        text-align: center;
    }

    .footer-social {
        padding-top: 20px;
        padding-left: 56px;
        margin: 0 auto;
        display: table;
        padding-bottom: 30px;
    }

    .password-input .adjust-width {
        width: 70%;
    }

}

/* Help Page NEW UI css */
.m-bottom110 input {
    height: 40px;
    font-size: 16px;
    color:#333333;
}


.green_header {
    background-color: #3dcd58;
    padding: 16px;
    height: 90px;
    width: 100%;
    height: 90px;
    border-bottom: 4px solid #009530;
}

/* LOADER */
.paloader {
    position: fixed;
    left: 54%;
    top: 50%;
    z-index: 1001;
    margin: -75px 0 0 -75px;
}

#paoverlay123 {
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 0.66);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
}

/* loader end */
.error {
    color:#DC0A0A !important;
    font-size: 14px;
    margin-left: 14px;
    display: block;
}
.optin-error{
    color:#DC0A0A !important;
    font-size: 14px;
    display: flex;
    width: 100%;
    margin: auto;
}

.error-align {
    color:#DC0A0A !important;
    font-size: 14px;
    text-align: left;
    margin-left: 13%;
}
.errorMfalign {
    color:#DC0A0A !important;
    font-size: 14px;
    text-align: left;
    margin-left: 15%;
}
.errorMfalign-phone{
    color: #DC0A0A !important;
    font-size: 14px;
    text-align: left;
    margin-left: 15%;
}

.error-align-nomargin {
    color:#DC0A0A !important;
    font-size: 14px;
    text-align: left;
    width: 100%;
}

.errorHide {
    display: none;
}

.custom_help_background {
    background-color: #fafafa !important;
}

.change-password-row {
    margin: 14px auto 10% auto;
    width: 355px;
}

.session-page .change-password-row{
    margin: 14px auto 0% auto;
     width: 484px;
}
.session-page-change .change-password-row{
    margin: 14px auto 0% auto;
    width: 484px;
}
.delete-page-change .change-password-row{
    margin: 14px auto 2% auto;
        width: 630px;
}
.registerChangePasswordRow .change-password-row{
       margin: 14px auto 5% auto;
        width: 484px;
        height:auto;

}
.contactMargin .change-password-row{
    margin: 14px auto 4% auto;
    width: 484px;
}

.help_container .change-password-row{
     margin: 0px auto 4% auto;
     width: 484px;
}
	.contactPage .change-password-row {
	    margin: 0px auto 10% auto;
	    width: 400px;
	}

.change-password-guide {
    margin: 14px auto 10% auto;
    width: 355px;
}

.change-password-row .col-md-12 {
    padding: 0px;
}
.change-password-row .col-md-12 .mfa-container {
    padding: 20px 40px;
    border: 1px solid #E7E6E6;
}

.change-password-row .detail-txt .green_head-reg {
    font-size: 30px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: normal;
    /* white-space: nowrap; */
    width: 101%;

}

.head-nav-title a,
.head-nav-title a:focus,
.head-nav-title a:hover {
    color:  #0075A3;
    font-weight: 400;
    font-size: 16px;
}

.btn_next {
    background-color: #008A16 !important;
    color: #fff !important;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    border-style: none;
}

.btn_next:hover {
    color: #fff;
    background-color:#0FB542!important;
}

.btn_next.active,
.btn_next:active {
    background-color: #006B01 !important;
}

.btn_next.focus,
.btn_next:focus,
.btn_next:hover {
    color: #fff;
}

.btn_next.active.focus,
.btn_next.active:focus,
.btn_next.focus,
.btn_next:active.focus,
.btn_next:active:focus,
.btn_next:focus {
    outline: 0px !important;
    outline-offset: 0px !important;
}

.btn-container .m-bottom110 {
    padding-left: 0px;
    padding-right: 0px;
}

.btn-container {
    text-align: center;
}

.btn-container a {
    margin-top: 16px;
    display: inline-block;
    outline: none;
}

.checkbox-inline span {
    margin-left: 7px;
}

footer.non-schneider a {
    color: #ffffff !important;
}

.checkbox label {
    padding-left: 10px;
}

.checkbox input[type="checkbox"] {
    margin-left: 1px;
    float: left;
    position: absolute;
    top: -12px;
    outline: none;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    opacity: 1;
    top: 3px;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: relative;
    cursor: pointer;
}

.checkbox {
    margin-bottom: 5px;
    display: block;
}

[type="checkbox"]:not(:checked):before,
[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    left: 0px;
    margin-top: 0px;
    width: 18px;
    height: 18px;
    border: 2px solid #cfcfd1;
    background: #fff;
    border-radius: 0px;
}

[type="checkbox"]:focus:before {
    border: 1px solid  #008A16 !important;
}

[type="checkbox"]:hover:before {
    border: 1px solid  #008A16 !important;
}

[type="checkbox"]:not(:checked):after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:not(:checked):after,
[type="checkbox"]:checked:after {
    content: "\e013";
    font-size: 83%;
    font-family: "FontAwesome";
    position: absolute;
    left: 3px;
    top: 0px;
    color: #3dcd58;
    line-height: 19px;
    outline: none;
}

.float-labels {
    display: none;
    transition: 0.2s ease;
    margin-bottom: 0px;
    /* position: absolute;
    top:-20px; */
}


.custom_help .form-group {
    margin-bottom: 20px;
    display: block;
    clear: both;
    position: relative;
}

.custom_help {
    background: #fff;
    box-sizing: border-box;
}

.custom_help .head-nav-title {
    color: #333333;
    text-align: center;
    padding-bottom: 10px;
}

.custom_help .head-nav-title h1 {
    margin: 0px;
    font-size: 32px;
    font-weight: 400;
}

.idms-arrow-left {
    background: transparent url(../image/sprite.png) no-repeat;
    background-position: 0 4px;
    padding: 0px 16px;
    cursor: pointer;
}

.right-addon input {
    padding-right: 30px;
}

.red {
    border: solid 1px red;
}

.detail-txt {
    padding-left: 0px;
    padding-right: 0px;
}

.short-msg1 {
    display: block;
    clear: both;
    font-size: 10px;
    padding-top: 6px;
}

.captchaPanel {
    margin: 0 auto;
    float: none;
    text-align: center;
    padding: 0;
}
/* .g-recaptcha {
        transform: scale(1.4, 0.9);
        transform-origin: 0 0;
    
} */


.stylelabel-mandatory {
    margin-right: -14px;
    margin-top: -26px;
    margin-bottom: 0px !important;
    font-size: 18px;
    float: right;
    color: #ff1b1b;
    font-weight: normal;
}

.btn-container .btn-xs {
    height: 40px;
}

.privacy-tooltip1 {
    display: block;
    clear: both;
    font-size: 11px;
    padding-top: 4px;
}

.reg-msg1 {
    width: 484px;
    height: auto;

}

.concurr-msg1 {
    width: 100%;
    padding-bottom: 25px;
    padding-left: 0px;
    text-align: left;
    margin: 0 auto;
}
.button-IE  input.primary-btn {
    width: 304px !important;
    height: 50px;
    border-radius: 0px;
    font-size: 16px;
}

.mg-25-btn {
    margin: 0 auto;
}

.inner-addon {
    position: relative;
}

.form-control-feedback {
    position: absolute;
    /*margin-top: -39px;
    right: 0; */
    float: right;
}

.form-control-feedback {
    height: auto;
}

p {
    margin: 0px;
}

.form-group-password {
    margin-top: 20px;
}

.no-bg-1col .head-nav-title h1 {
    display: inline-block;
}

.form-control-feedback-rtol {
    position: absolute;
    /*margin-top: -39px;
    right: 0; */
    float: left;
}

.form-control-feedback-rtol {
    height: auto;
}
.eye-icons .progressbar{
    width: 60px;
    height: 6px;
    background-color: #9fa0a4;
    border-radius: 4px;
    top: 8px;
    right: 0;
}
.progressbar {
    width: 60px;
    height: 6px;
    background-color: #9fa0a4;
    border-radius: 4px;
    top: -10px;
    right: 0;
}


.progressbar-top {
    width: 60px;
    height: 6px;
    background-color: #9fa0a4;
    border-radius: 4px;
    top: -10px;
    right: 0;
}

.text-font {
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}
.text-font-size {
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    min-height: 100px;
    max-height: auto;
    height: auto;
    line-height: normal;
    height: auto;
}

.help-sub-section-btn {
    text-align: left;
    font-size: 14px;
    
}


.state1 {
    width: 15px;
    height: 6px;
    background-color: #dc0a0a;
    border-radius: 4px 0 0 4px;
}

.state2 {
    width: 30px;
    height: 6px;
    background-color: #e65353;
    border-radius: 4px 0 0 4px;
}

.state3 {
    width: 45px;
    height: 6px;
    background-color: #fe9600;
    border-radius: 4px 0 0 4px;
}

.state4 {
    width: 60px;
    height: 6px;
    background-color: #3dcd58;
    border-radius: 4px 4px 4px 4px;
}

#pswdplcytxt.text-color-ipad {
    display: inline-block;
    z-index: 9;
    background: rgb(255, 255, 255);
    color: #5a5a5a;
    position: relative;
    border: 1px solid gray;
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 0px;
    width: 100%;
}

#pswdplcytxt.text-color-ipad span {
    color: #3dcd57;
}

#pswdplcytxt ul {
    margin: 0;
    padding: 7px 7px 0 18px;
    font-size: 12px;
    list-style: none;
}

#pswdplcytxt ul li {
    text-indent: -0.7em;
    margin-bottom: 9px;
}

#pswdplcytxt ul li::before {
    content: "\2022";
    color: #3dcd57;
    margin-right: 4px;
}

.btn-container .btn-xs {
    height: 40px;
}


.inner-addon {
    position: relative;
}

span.desc-txt {
    cursor: auto;
    padding-left: 23px;
    padding-top: 10px;
    font-size: 14px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    color: #626469;
    line-height: 20px;
    float: left;

}

.desc-txt1 {
    cursor: auto;
    padding-left: 23px;
    padding-top: 5px;
    font-size: 14px;
    line-height: 17px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    color: #626469;
    padding-bottom: 10px;
    white-space: normal;
}

.desc-russia {
    cursor: auto;
    padding-left: 23px;
    font-size: 12px;
    line-height: 17px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
}

.bottom-margin {
    margin-bottom: 27px;
}

.custom_help {
    background: #fafafa !important;
     padding-bottom: 100px;
}

.custom_help .head-nav-title {
    font-weight: bold;
}
.custom_help_box h3 {
    margin-top: 0px;
    font-size:18px;
    font-weight:600;
    text-align: left;

}

.custom_help_box {
    background-color: #ffffff;
    padding: 32px;
    height: auto;
    width:auto;
    margin: 20px;
    text-align: center;
    color: #333333;
    border: 1px solid #E6E6E6;
    max-width: auto;
    margin-left: 0px;
}

.custom_help_box .btn {
       border-radius: 2px;
       margin:0 auto;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        width: 100%;
        height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px 16px;
        gap: 8px;

}

.custom_help .form-control {
    border-radius: 0;
}

.custom_help .head-nav-title h1 {
    display: inline-block;
}

.custom_help_box div:first-child {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 15px;
}

.help_description {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
}

/* window view */
@media screen and (min-width: 1200px) {
    .custom_help .green_header {
        display: none;
    }

    .help_container {
        width: 100%;
        padding: 0px;
    }
    .section-box {
        margin: 0% 15% 0% 15%;
        width: 100%;
    }

    .signin-up.index.login {
        width: 330px;
        margin: auto;
    }

    .signup-infopage {
        width: 805px;
    }

    /* .mainBgContianer1 {
        min-height: 100vh;
        background-size: 100%;
    }
     .mainBgContianer{
         min-height: 100vh;
         background-size: 100%;
     } */
    .footer-align {
        position: absolute;
        bottom: 0;
        height: 100px;
    }
}
/* EDGE Browser */
 /* Microsoft EdgeV13&14 CSS styles go here */

    @supports (-ms-ime-align: auto) {
     footer.bg-effect {
         height: auto;
         position: absolute;
         bottom: 0;
         width: 100%;
     }
}


@media screen and (min-width: 979px) and (max-width: 3000px) {
    footer.bg-effect {
        height: auto;
        position: relative;
        bottom: 0;
        width: 100%;
    }
     footer.positionabs {
         position: absolute;
     }
   
    .session-page-footer{
        position: absolute !important;
        bottom: 0;
        width: 100%;
    }

    footer.bg-effect-login {
        height: 100px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .signin-up.index.login {
        width: 345px;
    }

    .pwd-txt-pg {
        margin-bottom: 25px;
    }

    .custom_help_box {
       background-color: #ffffff;
        padding: 32px;
        height: auto;
        margin: 20px;
        text-align: center;
        color: #333333;
        border: 1px solid #E6E6E6;
        max-width: auto;
        display: inline-grid;
        align-content: stretch;
        flex-wrap: wrap;
  }
 
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .custom_help_box {
        background-color: #ffffff;
        padding: 30px !important;
        height: auto;
        margin-bottom: 20px !important;
        color: #626469;
        border: 1px solid #E6E6E6;
    }

    .custom_help_box .green_header {
        display: block !important;
    }

    .help_container {
        padding: 30px;
    }

    
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .help_container {
        margin: 0px 30px;
    }

    .custom_help_box {
        background-color: #ffffff;
        padding: 20px;
        height: 230px;
        margin: 20px;
        color: #626469;
        border: 1px solid #E6E6E6;
    }

    .help_container {
        padding: 30px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .custom_help .head-nav-title a {
        font-size: 20px;
    }

    .custom_help_box {
        background-color: #ffffff;
        padding: 30px !important;
        height: 275px;
        margin-bottom: 20px !important;
        color: #333333;
        border: 1px solid #E6E6E6;
        min-width: 44%;
    }

    .help_container {
        padding: 30px;
    }

    .custom_help_box .green_header {
        display: block !important;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  
    .hidden-lg {
        display: none !important;
    }

    .hidden-xs {
        display: block !important;
    }

    .custom_help_box {
        background-color: #ffffff;
        height: auto;
        margin: 20px;
        color: #626469;
        border: 1px solid #E6E6E6;
        min-width:44%;
    }

    .help_container {
        padding: 30px;
    }

    .signin-up.index.login {
        width: 100%;
        margin: auto;
    }
}

@media screen and (max-width: 979px) {
    .mainBgContianer {
        margin: 0 auto;
        overflow: auto;
        padding: 0px;
        background-color:#ffffff;
    }
    .session-page-footer {
        position: absolute;
    }

}


@media screen and (min-width: 200px) and (max-width: 767px) {
    .mobileRevoke{
        position: absolute !important;
        top: 12%;
        right: 5%;
        margin-top:5px !important ;
    }
        .registerChangePasswordRow .change-password-row {
            width: 100%;
    
        }
    .delete-page-change .change-password-row {
            margin: 14px auto 5% auto;
            width: 100%;
        }
    .session-page .change-password-row{
        width: 100%;
    }
    .margTop15 {
    margin-top: 0px;
  }
    .drpdownMobile .dropbtn{
        height:50px;
    }
    .session-page-change .change-password-row {
            width: auto;
            padding-left: 10px;
            padding-right: 10px;
            padding-top:15px
    }
    .mobileHeader .change-password-row{
        margin-top:0;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: auto;
    }
    .padding56 {
     padding-left: 0px;
     padding-right: 0px;
  }
    .twoFactorAuthScreen .nextbtn .btnWidth{
        width:77% !important;
    }
    .twofaContentStart-first {
        border: 0 !important;
    }
   .contactMargin .change-password-row {
    width: 100%;
   
  }
  .contactMargin .change-password-row .col-md-12 {
        padding-left: 5px;
        padding-right: 5px;
  }
  .textAlignLeft{
    text-align: left !important;
    margin-left: 2px;
  }
  .margLftMobile10{
    margin-left:10px;
  }
    .paddLftRight0 {
        padding-left: 15px !important;
         padding-right: 15px !important;
    }
    .help-sub-section-btn{
        position: static;
        bottom: 0;
    }
    .show-label {
         display: block !important;
         margin-top: 0px !important;
    }
       .subtitle-cls {
        margin-bottom: 20px !important;
        text-align: center;
        font-size: 22px !important;
        font-weight: 700;
        padding: 0px 16px;
        margin-top:-5%;
}
    .borderWidth {
        width:auto;
        border: 0;
        padding:0;
        margin-top:-5%;
    }
    .container-fluid {
        background-color: #ffffff !important;
    }
  
    .mfa-container-padding {
        border: 0 !important;
        padding: 0 !important;
    
    }
    .backgroundColor{
        background-color: #FAFAFA;
    }
    .legal_Notice {
        padding-bottom: 5px
    }
        .loginForm {
        padding: 0 !important
        }
        .loginDetail {
        padding: 0 !important
        }

        .logoApp {
        margin-right: 0px;
        margin-top: 0 !important;
        }
    .padd_cls {
        padding-top: 10px;
    }
    .top-image-container div img {
        position: relative !important;
        height: 30px !important;
        width: 153px !important;
        background-color: #ffffff;

    }
    .nologoClass{
        padding-top:16px;
    }
    .captchaCheckbox {
      margin-top:20px
    }
    .ipadWidth .head-nav-title {
        padding-top: 20%;
    }
    .margMobile {
        margin-left: 5%;
        margin-top: 0 !important
    }
   .inner-addon .fa-times-circle-o {
       padding-top: 10% !important;
    
   }
   .icon .inner-addon .fa-times-circle-o{
    padding-top:4% !important;
   }
    .main_bg {
        background: #ffffff !important;
    }

    .contactPage .change-password-row {
        width: auto !important;
        margin: auto !important
    }
     .margTopleft {
         margin-left: 3%;
     }

     .clipsalImg img {
         position: relative;
         background-color: #ffffff;
         height: 30px !important;
         width: 153px !important;

     }
      .clipsalImg {
          background-color: #FAFAFA;
          left: 0% !important;

      }

      .ipadWidth .change-password-row {
          width: auto !important;
          margin-bottom: 10%;
      }

      .border_class {
          border: 0 !important;
          width: auto !important;
          padding: 0 !important;
          background-color: #ffffff;
      }

      .login-header1 {
          background-color: #ffffff !important;
      }

      .tooltip1 img {
          margin-top: 0px !important;
      }

      .padd8 {
          padding-top: 8px !important;
      }
      .padd8 label {
          padding-top: 8px;
      }

      .imgPosition img {
          width: 154px !important;
          height: 50px !important;
      }
           .padd0 {
            background-color: #FAFAFA;

           }
      .green_head-reg {
          font-size: 22px;
          padding: 24px 16px;
          width: 100%;
          text-align: center;
          margin: 0;
          font-weight: 700;
          padding-bottom: 20px;
      }
     
      .marg-20{
         margin-top: 0 !important;
        }
        
      .register-page {
          width: auto !important;
      }


      .verifyheader {
          font-size: 22px !important;
      }

      .imgPosition {
          background-color: #FAFAFA;
      }
      .padd8 label{
       padding-top: 8px;
       }
 
  .imgPosition img {
    width: 154px !important;
    height: 50px !important;
  }
 
  .register-page {
    width: auto !important;
  }
 
 
  .verifyheader {
    font-size: 22px !important;
  }
  .imgPosition{
    background-color: #FAFAFA;
  }
  .padd8 label{
  padding-top: 8px;
 }
 
  .imgPosition img {
    width: 154px !important;
    height: 50px !important;
  }
 
  .pad-10 {
    padding: 0px !important;
  }
  
  .register-page {
    width: auto !important;
  }

  .verifyheader {
    font-size: 22px !important;
    margin-top:5%;
  }
  .imgPosition{
    background-color: #FAFAFA;
  }
    .register-page1 {
        width:auto !important;
        
    }
       
    .password-input .orContinue{
    padding-top: 10px;
  }
    .orContinue {
        padding-top: 0px;
    }
    .padd16 {
        padding-top: 10px !important;
    }
          .legal_Notice1 {
              width: 100%;
              margin: 0 auto;
              text-align: left;
              color: #626469;
              font-size: 12px;
              position: absolute;
              top: 540px;
              line-height: 16px;
              font-family: 'ArialRoundedMTforSE-Regular_Latin';
              left: 20px;
          }

          .showDiscScreen {
              margin-top: 5% !important;
          }

           .email_button,
           .email_button:hover,
           .email_button:focus {
               margin-top: 16px;
           }

           .password-input {
               padding-top: 0px;
           }

           .email_button1,
           .email_button1:hover,
           .email_button1:focus {
               margin-top: 15px;
               width: 100% !important;
           }

           .app-name1 {
               display: none;
           }

           .bg-effect {
               padding-top: 0px !important;
           }
            .textWidth {
                text-align: left;
                font-size: 14px;
                padding-top:0px;
                padding-left: 0 !important;
            }

            .background_banner1 {
                border: 0 !important;
                background: 0 !important;
                width: 100% !important;
                 padding:0px !important;
            }

             .form-group.marg-btm-10 {
                 margin-top: 5px;
             }

             .green_head {
                 font-size: 30px !important;
                

             }
             .app-description .logoApp {
                   text-align: center;
                    display: inline-flex;
                    justify-content: center;
                    width: 100%;
                    object-fit: contain;

              }
               .app-description {
                   padding-top: 24px !important;
                   text-align: center;
               }

               .label-content {
                   display: none;
               }
                .mobileDisplay {
                    display: none;
                }

            .imgPosition {
                background-color: #FAFAFA;
            }

div#navbarCollapse.navbar-collapse.collapsing {
    height: 100% !important;
    width: 100%;
    position: fixed;
    z-index: 999;
}
    .mobileHeader{
        margin-top: 0px;
    }
    /* Tax Id tooltip */
    .taxIdtooltip .tooltip1{
        float: none;
    }
    .tooltip1 {
        top: 0px;
        position: relative;
        display: inline !important;
        border-radius: 5px;
        font-size: 14px;
        transition: all .5s;
        float: right;
        right: 0px;
    }
   .tooltip1 .tooltiptext1 {
    margin-left: -150px !important;
    width: auto !important;
    max-width: 400px;
   }
    .tooltip1 .tooltiptext1::after {
        left: 90% !important;
    }
    .tooltip1 .tooltiptext1::before{
         left: 90% !important;
    }

    .tooltip1 .tooltiptext1{
        left: -60% !important;
    }

    .no-bg-1col .head-nav-title .margHeader{
        margin-top:5%;
        color:#333333;
        text-align: left;
    }
    .no-bg-1col .postionHeader {
        color: #333333;
        z-index: 99999;
        width: 100%;
        top: 0px;
        text-align: center;
        display: block;
        padding-bottom: 20px;
    }
    .change-password-row .paddTop {
      padding-top: 0px;
}
   .marginRow{
    margin:25px;
   }
    .paddTopHeader{
        padding-top: 25%;
    }
    .mgrWidth{
        margin:20px !important;
        width:auto !important;
    }
    .margLeft{
        margin-left: -20px;
    }
    .lableTop .stylelabel {
        margin-top: 5px !important;
        color: #333333;
        margin-left: 0;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }
    .mobileLabel{
        padding-top:5px;
    }
    /* 2FA Help Guide */
    
.custom-autocomplete1 {
    min-width: 100% !important;
}
    .helpGuideMargin {
        padding-left: 5%;
        padding-right: 5%;
    }


    hr {
        border-top: 1px solid #E6E7E7;
        
    }

    .pwd-footer{
        position: absolute;
    }
       .background_color {
           margin-inline-end: 0px !important;
           margin-inline-start: 0px !important;
           margin-left: 0%;
           margin-right: 0%;
           margin-top: 0%;
           margin-bottom: 0%;

       }
        .email_buttonWidth {
            width: 106% !important;
        }

       .background-header .head-nav-title .background_color {
           padding-left: 0px;
           padding-right: 0px;
           height: 60px;
           padding-top: 15px;
       }

       .xs-bg-change .no-bg-1col .head-nav-title .background_color {
           margin-top: 0px;
       }

       .nav-pills>li {
           text-align: left;
           padding: 6px !important;
           width: auto;
           float: left;
           padding-bottom: 0px;
           padding-top: 0px;
       }
       .marg-top-5 {
           padding-left: 0 !important;
           padding-top: 0% !important;
           padding-right: 0 !important;
       }

       .background_color1 {
           border: 0 !important;
           color: rgb(111, 109, 109);
           margin-inline-end: 0% !important;
           margin-inline-start: 0% !important;
       }

       .checkbox-align {
           padding-left: 30px;
       }
       .checkbox-align2 {
        padding-left: 0px;
       }

       .checkbox-align .checkbox {
           top: 17px;
           right: 18px;
       }
       .checkbox-align2 .checkbox {
        top: 17px;
        right: 18px;
    }
       .textAlignRgt {
           text-align: center !important;
       }

       .textAlignLft {
           text-align: center !important;
       }
       .textRightAlign {
           text-align: center !important;
           margin-left: 0px !important;
       }
       .errorMfalign-phone {
           color:#DC0A0A !important;
           font-size: 14px;
           text-align: left;
           margin-left: 8% !important;
       }
    .twoFactorAuthScreen .errorMfalign-phone{
           color: #DC0A0A !important;
            font-size: 14px;
            text-align: left;
            margin-left: 12% !important;
    }
     /* Table for mobile view */

     .tableWidth tr {
         margin:  0 10px 2rem 10px;
         padding: 5% 0% 10px 0%;
     }

     .tableWidth,
      th,
     .bordertrClass td {
         text-align: left !important;
         height: auto !important;
     }

     .bordertrClass td {
         /* Behave  like a "row" */
         border: none;
         position: relative;
         padding-left: 5%;

     }

     .noDisplay {
         display: none;
     }

     .bordertrClass td:before {
         /* Now like a table header */
         position: relative;
         /* Top/left values mimic padding */
         top: 10;
         left: 0px;
         width: 45%;
         padding-right: 10px;
         white-space: nowrap;
         text-align: left;
         display: block;

     }

     .bordertrClass {
         border: 1px solid #dcdcdc;
     }

     .bordertrClass td:nth-of-type(1):before {
         content: "Login Time";
         font-weight: 700;
     }

     .bordertrClass td:nth-of-type(2):before {
         content: "Platform";
         font-weight: 700;
     }

     .bordertrClass td:nth-of-type(3):before {
         content: "Source IP";
         font-weight: 700;
     }


     .bordertrClass td:nth-of-type(4):before {
         content: "Session Status";
         font-weight: 700;
     }
    .mobile-visible{
        visibility:hidden;
    }
    .greyColorInput-search {
        padding:10px !important;
    }
  .row-width {
      width: 70% !important;
  }
  .row-width1 {
    width: 73% !important;
  }
 
  .dropdown-toggle-btn {
      width: 30% !important;

  }

  .help_container .change-password-row {
      margin: 0px auto 10% auto;
      width: 100% !important;
      padding:10px;
  }

   
    .display-cls {
        display:block !important;
    }
    .tab-content .profile-class {
        padding-bottom: 30% !important;
    }

    .tab-content .address-class {
        padding-bottom: 30% !important;
    }

    .tab-content .company-class {
        padding-bottom: 30% !important;
    }

    /* Account Delete Request */
    .no-bg-1col .delete-nav-title {
        color: #b40000;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        margin-top: 0px !important;
    }

    .marg-tp-20 {
        margin-top: 20px !important;
        margin-left: 5px;
    }

    .nav-center {
        padding-left: 10px;
        justify-content: center;
    }

    .background_color1 {
        background-color: #ffffff;
        margin-inline-end: 0px !important;
        margin-inline-start: 0px !important;
        border: 0 !important;
        margin-top: -10px;
        height: 300px;

    }

    .background_color {
        margin-inline-end: 0px !important;
        margin-inline-start: 0px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;

    }

    .concurr-msg1 {
        padding-left: 5% !important;
        padding-right: 5% !important;
        width:100% !important;
    }

    .background_color_confirmation-login .fa {
        color: #f1f7f2 !important;
        font-size: 18px !important;
        right: 10px;
        top: 5px
    }

    .checkbox-align .checkbox {
        top: 40px;
        left: -20px;
    }
    .checkbox-align2 .checkbox {
        top: 40px;
        left: -20px;
    }

    .font_height {
        font-size: 21px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
    }

    .errorBlock-Account {
        margin-top: 0px !important;
    }

    .padd-left-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .user-btn-box1 {
        display: inline-block !important;
    }

    .button_space {
        margin-left: 0px !important;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .marg-15 {
        margin-left: 0px !important;
        margin-top: 20px;
    }

    input.green-btn,
    input.active-btn,
    input.btn-width {
        width: 100% ;
        margin: auto;
    }

    .content-header {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }

    .background_color_danger {
        margin-inline-end: 0 !important;
        margin-inline-start: 0 !important;
        background-color: #fbe2d6;
        color: #b40000;
        margin-top: 0px !important;
        font-weight: 500;
    }

    .font_height .background_color_danger {
        line-height: normal;
        padding-left: 0px;
        border-radius: 2px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: 600;
    }

    .marg_30 {
        margin-left: 2% !important;
    }

    .marg_40 .form-group {
        margin-left: 12% !important;
        margin-right: 12% !important;
    }

    .padd-lft {
        top: 5px;
    }

    .tooltip1 .tooltiptext {
        visibility: hidden;
        width: 333px;
        background-color: #ffffff;
        color: #626269;
        text-align: center;
        border-radius: 4px;
        padding: 10px;
        position: absolute;
        z-index: 1;
        left: 0%;
        margin-left: -140px;
        border: 1px solid #E7E6E6;
        font-style: normal;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-size: 14px;
        box-shadow: rgba(51, 51, 51, 0.15) 0px 0px 5px 5px;
        margin-top: 5px;

    }

    .tooltip1 .tooltiptext::before {
        content: '';
        border-width: 5px;
        border-style: solid;
        position: absolute;
        bottom: 100%;
        left: 42%;
        border: 10px solid transparent;
        border-bottom-color: #E6E7E7;
    }

    .tooltip1 .tooltiptext::after {
        content: '';
        border-width: 5px;
        border-style: solid;
        position: absolute;
        bottom: 100%;
        left: 42%;
        border: 9px solid transparent;
        border-bottom-color: white;
    }
    /* TaxiD tooltip Mobile */
    .taxIdtooltip .tooltip-icon {
        margin-left: 0px;
        top: 2px;
        position: relative;
    }
        .taxIdtooltip .tooltip1 .tooltiptext {
            width: 100%;
            margin-top:0px;
        }

    .tooltip-icon {
        position: absolute;
        margin-left: 7px;
        top: 5px;
        background-image: url(../image/Remembe-me-icon.svg);
        background-position: 1px 0px;
        height: 16px;
        width: 16px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .mobile-checkbox {
        margin-bottom: 5px;
        display: inline-block !important;
    }

    .text-font1 {
        color: #fff;
        display: flex;
        margin-left: 5px;
    }

    .desc-txt1 {
        white-space: normal;
    }

    .mfa-flex {
        display: block !important;
        justify-content: center;
    }

    .mfa-flex-item+.mfa-flex-item {
        margin-left: 0px !important;
    }

    .mfa-on-off-screen {
        padding: 20px 30px;
        border: 1px solid #acacac;
        margin-bottom: 50px !important;
    }
/* 
    .marg-100 {
        margin-right: 0px !important;
        display: block;
        margin-bottom: 15px;
    } */

    .font-color {
        color: #ffffff !important;
        font-weight: 700;
    }

    .help_width img {
        width: 100% !important;
        padding-left: 0% !important;

    }

    .border-class {
        border: 1px solid #E6E7E7;
        float: none !important;
        position: relative;
        top: 10px !important;
    }

    .desktop-padding {
        padding-left: 0px !important;
    }

    .two-factor-content {
        white-space: normal !important;
        margin-left: 0 !important;
    }

    .guide-width {
        width: 87% !important;
        margin: auto;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-size: 14px;
        font-weight: normal;
        padding-left: 0px !important;
    }

    .marg-inline-start {
        margin-inline-start: 0px !important;
    }

    .marg-auto {
        display: contents;
    }

    .space-white {
        white-space: normal !important;
    }

    .mg-left {
        margin-left: 20px;
    }

    .marg-left {
        margin-left: 0 !important;
    }

    .marg-bottm-20 {
        margin-bottom: 10px !important;
    }

    .mfa-links {
        padding: 0px 0px !important;
        text-align: center;
        display: block !important;
        margin-top: 10px;
    }

    .links-mrg {
        margin-left: 0px !important;
    }

    .no-bg-1col .head-nav-title h1 {
        display: inline-block !important;
    }

    .change-password-guide {
        padding: 0px 25px;
    }

    .textarea1 {
        resize: none;
    }

    .mobile_notshow {
        display: none;
    }

    .mobile_show {
        display: block;
    }

    /* .password-input {
        margin-bottom: 10%;
        margin-top: 25%;
    } */

    .mfa-on-off-screen input[type="button"] {
        margin-top: 20px;
        justify-content: center;
        margin-bottom: 30px;
        float: none !important;
    }

    .mfa-onoff-container {
        padding: 50px;
        margin: auto !important;
    }
    .chooseAnother .mfa-onoff-container {
        padding : 20px !important;
        margin: auto !important;
    }

    .mfa-flex {
        display: block;
        text-align: center;
        padding: 0px;
    }

    .mfa-on-off-screen {
        margin-bottom: 50px;
    }

    .mfa-flex-item+.mfa-flex-item {
        margin-top: 20px;
        margin-left: 0px;
    }

    .mfa-button {
        height: 50px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        width: 100%;
    }

    .mfa-button:disabled {
        opacity: 0.65;
        cursor: not-allowed;
    }

    .green_apc {
        padding-bottom: 20px;
        padding-left: 10px;
        padding-top: 10px;
    }

    .login-header {
        height: auto !important;
        width: 100%;
    }

    .register-page {
        width: auto !important;
        margin: 0px 15px !important;
    }

    .forgotLink {
        font-weight: bold;
        color: #0075A3;
        font-size: 16px;
    }

    .green_apc img {
        width: 146px;
        height: 30px;
    }

    .mfa-content {
        padding-bottom: 20px;
    }

    .mfa_email_Enter {
        margin-top: 20px;
    }

    .footer-note {
        width: 100%;

    }

    .mid_section {
        width: auto;
        margin: auto;
    }

    .main_header img {
        width: 146px;
        height: 30px;
    }

    /* .marg-20 {
       margin-top: 30px !important;
    } */
    .brand-desktop {
        margin-top: 0px;
    }

    .form-row {
        margin-left: 0px !important;
        flex-wrap: nowrap !important;
    }

    .border_align {
        border-left: none;
    }

    .mainBgContianer1 {
        background-position: top left;
    }

    .mainBgContianer1 {
        background-position: top left;
        min-height: 94vh !important;
    }

    .text-font-bold {
        color: #333333 !important;
        font-weight: 700;
        text-decoration: none !important;
        padding-bottom: 30px;
        padding-top: 30px;
    }


    .external_header {
        /* height: 45px !important; */
        border: 1px solid #E7E6E6;
        display: block !important;
        background-color: #fff;
    }

    .background_banner {
      background-image: none !important;
    }

    .signUpPanel .column1 {
        width: 100%;
    }

    .marg-lft-verify {
        width: 80%;
        text-align: center;
    }

    .appLogo {
        display: none;
    }

    .mobile-error {
        background-color: red;
        color: #fff;
        white-space: normal;
        word-break: break-all;
    }

    .pad-10 {
        padding-right: 0px !important;
        padding-left: 0px !important;
        background-color: none !important;
    }

    .footer-logo {
            padding-top: 0px;
            padding-bottom: 10px;
            padding-left:15px;
            padding-right: 15px;

    }
    .privacy_policy_footer .nav{
        margin-bottom: 10px;
    }


    .desktop-only {
        display: none;
    }

    .mobile-view-only {
        display: block !important;
    }


    .text-colr {
        color: #fff;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: 200;
    }

    .email_box {
        padding-top: 0px;
        display: block;
        text-align: center;
    }

    .text-width {
        width: 100% !important;
    }

    .inner-addon .pwd-icon {
        position: absolute;
        padding: 5px 29px 15px 10px;
        right: 0px;
        margin-right: 5px;
        top: 11px;
        background-image: url(../image/sprite_self.png);
        background-position: -40px -210px;
        cursor: pointer;
    }

    .inner-addon .pwd-icon-hide {
        position: absolute;
        padding: 5px 29px 15px 10px;
        right: 0px;
        margin-right: 5px;
        top: 8px;
        background-image: url(../image/sprite_self.png);
        background-position: -40px -226px;
        cursor: pointer;
    }
    .pwdIconPositionIfLabelAvailable {
    top: 30px !important;

    }

    .hide-destop-view {
        display: block;
    }

    .no-mobile-display {
        display: none;
    }

    .error-alignt {
        color:#DC0A0A !important;
        font-size: 14px;
        text-align: left;
        /* margin-left: 13% !important; */
    }

    /* .mid_section {
        margin-left: -4%;
        margin-right: -4%;
        padding-top: 0%;
        margin-top: 0%;
        background-color: #ffffff;
        min-height: 111vh;
    } */

    .border_box {
        border: 0;
    }
  .border_boxLeft {
      border: 0;
      
  }
    .adjust-width {
        width: 77%;
    }

    .showCancelButton {
        display: none !important;
    }

    .padd-20 {
        padding-bottom: 20px;
    }

    .mobile-width {
        width: 190px !important;
    }

    .main_header {
        width: 100%;
        height: 50px;
        background-color: #3dcd58;
        padding-left: 5px;
        padding-top: 10px;
        padding-bottom: 20px;
        border-bottom: 0px solid #009530;
    }

    .showCancelLink {
        display: block !important;
        padding-left: 10px;
        color:  #0075A3;
    }

    .marginLeft {
        margin-left: 10px !important;
    }

    .underline1 {
        text-decoration: underline !important;
        font-size: 14px;
        color:  #0075A3;
    }

    .custom_help {
        margin: 0 auto;
        min-height: auto;
        box-shadow: none;
        padding: 0px;
    }

    .custom_help .green_header {
        display: none;
    }

    .custom_help .head-nav-title {
        z-index: 99999;
        width: 100%;
        top: 0px;
        height: 56px;
        text-align: left;
        padding-left: 20px;
        display: block;
        padding-top: 0px !important;
    }

    .custom_help .head-nav-title h1 {
        font-size: 20px;
        padding-top: 15px;
        margin: 0px;
        display: inline-block;
    }

    .custom_help .head-nav-title {
        color: #fff;
        z-index: 999;
        width: 100%;
        top: 0;
        text-align: center;
        display: block;
    }

    .change-password-row {
        margin: 20px;
        width: auto;
        padding: 0px;
    }

    .custom_help .container {
        width: auto;
        padding: 20px;
    }

    .custom_help_box .btn {
       border-radius: 2px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        width: 100%;
        height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0px 16px;
        gap: 8px;
    
    }

    .custom_help_box {
        background-color: #ffffff;
        padding: 20px 15px;
        height: auto;
        margin: 20px !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        color: #626469;
        border: 1px solid #E6E6E6;
    }

    .no-bg-1col .head-nav-title h1 {
        font-size: 20px !important;
        display: inline-block;
        margin-left: 0px !important;
    }

    .xs-login-error i {
        margin-top: 0px;
    }

    .xs-login-error span {
        margin-top: 2px;
    }

    .xs-login-error {
        padding: 11px 28px;
    }

    .reg-msg1 {
        width: auto;
    }

    .layout-height .head-nav-title {
        background: #3dcd58;
        color: #fff;
        position: fixed;
        z-index: 9;
        width: 100%;
        top: -55px;
        height: 56px;
        text-align: left;
        padding-left: 20px;
        display: block;
    }

    #UserRegistrationWorkCtrl .head-nav-title {
        background: #3dcd58;
        text-align: left;
        padding-right: 30px;
        padding-top: 0px;
        color: #fff;
    }

    #concurrentLogin .head-nav-title {
        background: #3dcd58;
        text-align: center !important;
        padding-right: 30px;
        padding-top: 0px;
        color: #fff;
    }

    .mfa-container1 {
        padding: 100px 40px !important;
        border: 0px !important;
    }

    .mfa-container {
        padding: 30px 40px !important;
        border: 0px !important;
        background-color: #ffffff;
    }

    .mfa-box {
        width: auto !important;
        margin: 0px;
    }

    .mfa-box .mfa-title {
        display: none;
    }

  
    .no-bg-1col .head-nav-title,
    .two-col-layout .head-nav-title,
    .userlogin-pg .head-nav-title {
        color: #333333;
        z-index: 99999;
        width: 100%;
        top: 0px;
        text-align: center;
        display: block;
        padding-top: 0px !important;
    }


    .no-bg-1col .head-nav-title h1,
    .two-col-layout .head-nav-title h1,
    .userlogin-pg h1 {
        font-size: 20px;
        padding-top: 20px;
        margin: 0px;
        display: inline-block;
    }

    .no-bg-1col .head-nav-title h1,
    .two-col-layout .head-nav-title h1,
    .userlogin-pg h1 .title {
        font-size: 20px;
        padding-top: 15px;
        margin: 0px;
        display: inline-block;
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: auto;
        margin-left: auto;
    }

    .footer-note ul {
        display: grid;
        justify-content: left;
        padding-bottom: 20px;
    }
    .privacy_policy_footer ul {
    padding-inline-start: 3% !important;
}

    .footer-note .marg-40 ul {
        display: flex;
        justify-content: center;
        margin-top: -8px;
        margin-bottom: -67px;
    }


    .footer_align {
        text-align: center;
    }

    .detail-txt.sm-padding-fix {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mobile-field {
        width: 76%;
    }

    .country-code1 {
        width: 20%;
    }

    .mobileCode-label {
        margin-left: -60% !important;
    }

    #userprofileTab .nav.nav-pills {
        height: 100%;
        background: #3dcd58;
        position: fixed;
        width: 101%;
        overflow-x: hidden;
        padding-left: 37px;
        top: 48;
        z-index: 999;
        left: 14px;
        -webkit-box-shadow: 0px 6px 13px -5px #c2c2c2;
        -moz-box-shadow: 0px 6px 13px -5px #c2c2c2;
        box-shadow: 0px 6px 13px -5px #c2c2c2
    }

    .userprofile-container {
        margin-left: 0px;
        margin-right: 0px;
    }

    .userprofile-container {
        width: auto;
    }

    #myprofiletab .column-1,
    #mycompanytab .column-1,
    #myaddresstab .column-1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #myprofiletab .column-2,
    #mycompanytab .column-2,
    #myaddresstab .column-2 {
        padding-right: 0;
        padding-left: 0;
    }

    .userprofile-container,
    .signup-infopage {
        margin-left: 24px;
        margin-right: 24px;
        margin-top: -10px;
    }

    .userprofile-main {
        padding-top: 0px;
    }

    .no-bg-1col {
        min-height: auto;
        box-shadow: none;
    }

    .mainBgContianer,
    .no-bg-1col {
        margin: 0 auto;
    }


    .tab-content {
        margin-top: -25px;
        margin-left: auto;
        margin-right: auto;
        width: 330px;
    }

    .userprofile-main .head-nav-title h1 {
        float: left;
    }

    .userprofile-main .head-nav-title a {
        margin-top: 25px;
        margin-right: 16px;
        float: right;
        color: #fff;
        display: inline-block !important;
    }

    #myprofiletab .column-1,
    #mycompanytab .column-1,
    #myaddresstab .column-1 {
        padding-left: 0px;
    }

    #myprofiletab .column-2,
    #mycompanytab .column-2,
    #myaddresstab .column-2 {
        padding-right: 0px;
    }

    #mycompanytab .checkbox.conditions {
        margin-top: 0px;
    }

    .userprofile-container {
        width: auto;
    }

    .userprofile-container {
        margin-left: 0px;
        margin-right: 0px;
        min-height: 87vh;
    }

    .userprofile-main {
        padding-top: 0px;
    }

    #userprofileTab .nav.nav-pills {
        height: 100%;
        background: #3dcd58;
        position: fixed;
        width: 100%;
        overflow-x: hidden;
        padding-left: 37px;
        top: 50px;
        z-index: 999;
        left: 0px;
        -webkit-box-shadow: 0px 6px 13px -5px #c2c2c2;
        -moz-box-shadow: 0px 6px 13px -5px #c2c2c2;
        box-shadow: 0px 6px 13px -5px #c2c2c2
    }

    .nav-pills a {
        color: #fff;
    }

    .nav-pills li.active a,
    .nav-pills li.active a:hover:focus,
    .nav-pills li.active a:hover,
    .nav-pills li.active a:focus,
    .nav-pills li.active a:active:focus {
        color: #fff;
        border-bottom: 2px solid #fff;
    }

    .app-name {
        font-size: 16px;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: bold;
        color: #ffff;

    }

    .social-continue {
        color: #fff;
        font-size: 16px;
        font-family:'ArialRoundedMTforSE-Regular_Latin';
        font-weight: bold;

    }
    .session-page-footer {
        position: absolute !important;
        justify-content: center;
        display: flex;
        height: auto;
        padding-top: 15px;
    }

    .session-page-footer .footer-logo {
        padding-bottom: 20px;
        justify-content: center;
        display: flex;
    }
    .session-page-footer .copyright-note {
        text-align: center;
        justify-content: center;
        height: 45px;
    }
    .session-page .btn-container a {
        margin-top: 0px;
        display: inline-block;
    }
    .forgot-pwd .change-password-row {
        padding: 0px 5px;
    }

    /* MFA screen 767px*/
    .widthRecovery {
        width: 100% !important;
    }
    .email-verification-code2{
        width:100% !important;
        display: block;
        padding-left: 12% !important;
    }
    .emailLabel{
        padding-left: 12% !important;
    }
    .emailVerifyCode2 {
        width: 298px !important;
    }
     .radio-ScanQR {
         width: 200px;
         height: 50px;
     }
    .labelHeadBoth {
        top:-16px !important;
    }
    .emailradio {
       margin-left: 13% !important; 
    }
    .emailradio-phone {
    margin-left: 13% !important;
    }

    .paddingClass {
        padding-left: 0px !important;
    }

    .printClass {
        padding-right: 0px !important;
       
    }
    .mfa-box-width {
        width: 100% !important;
    }
    .mfabox {
        width: 350px !important;
    }

    .mfaboxScan {
        width: 100% !important;
        padding: 2%;
        margin-top: 0px;
        padding-top: 10px;
    }

    .title-mfa {
        width: 100%;
        height: 75px;
        left: 0px;
        top: 0px;
        font-family: ArialRoundedMTforSE-Regular_Latin;
        font-style: normal;
        font-weight: bold;
        font-size: 25px;
        line-height: 35px;
    }

    .mfaConsent2 {
        right: 0 !important;
    }


    .marg-8 {
        width: 304px !important;
        margin: 8px 0px;
    }

    .scanQRcode {
        width: 250px;
    }

    .scan-barcode {
        top: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
        margin-bottom: 20px;
    }

    .phone-verification-code {
        width: 315px !important;
    }

    .twofaboth {
        width: 339px !important;
    }
    .mfabox {
         width: 350px !important;
     }
     .title-mfa {
         width: 100%;
         height: 75px;
         left: 0px;
         top: 0px;
         font-family: ArialRoundedMTforSE-Regular_Latin;
         font-style: normal;
         font-weight: bold;
         font-size: 25px;
         line-height: 35px;
     }

     .mfaConsent2 {
         right: 0 !important;
     }

     .marg-8 {
         width: 304px !important;
         margin: 8px 0px;
     }

     .scanQRcode {
         width: 250px;
     }
     .scan-barcode {
         padding-left: 0px;
         flex: none;
         order: 0;
         flex-grow: 0;
         margin: 0 auto;
         position: relative !important;
         right: 5px !important;
     }
     .scanQRWidth {
         height: 145px;
         border: 1px solid #E6E7E7;
         position: relative !important;
         top: 15%;
         width: 150px !important;
         left: 25% !important;
     }
     .scanQRWidth-profile {
         height: 100px;
         border: 1px solid #E6E7E7;
         position: relative !important;
         width: 50%!important; 
         left: 25%;
         right:0% !important;
         top:0px !important;
         display: block;
     }
    
     .phone-verification-code {
         width: 315px !important;
     }

    
      .mfabox {
          width: 350px !important;
      }

      .title-mfa {
          width: 100%;
          height: 75px;
          left: 0px;
          top: 0px;
          font-family: ArialRoundedMTforSE-Regular_Latin;
          font-style: normal;
          font-weight: bold;
          font-size: 25px;
          line-height: 35px;

      }

      .twoFAOff .mfa-onoff-container {
          padding: 20px;
          font-size: 16px;
          margin: 0px 8px;
          color: #333333;
      }

      .title-font {
          font-size: 25px;
          padding-bottom: 10px;
          padding-top: 0px;
      }
      .userEmaildesc-hover .mfa-on-off-screen {
          text-align: left;
          padding-left:10px !important;
      }
      .userEmaildesc-hover .position-btn {
          position: absolute !important;
          top:10%;
      }

      .mfa-onoff-container .mfa-on-off-screen {
          padding: 0px;
          border: 1px solid #dcdcdc;
          margin-bottom: 20px !important;
      }

      .mfa-on-off-screen-2FA .mfa-desc {
          font-size: 16px !important;

      }

      .userEmail .mfa-on-off-screen input[type="button"] {
          margin-top: 0px !important;
          margin-bottom: 30px;
          float: right !important;
      }

      .userEmail .position-btn {
          position: absolute !important;
          display: block;

      }

      .mfa-desc-email {
          margin: 0 !important
      }

      .userEmail .mfa-on-off-screen {
          text-align: left !important;
          padding: 10px !important;

      }

      .userAuthdesc .mfa-on-off-screen {
          text-align: left !important;
          padding: 10px !important;
          border-left: 0px;
          border-right: 0px;
          border-bottom: 0px;
      }

      .userAuthdesc-text .mfa-on-off-screen {
          border: 1px solid #dcdcdc;
          padding: 10px !important;
      }

      .userAuthdesc-text .mfa-desc-auth {
          text-align: left !important;
      }

      .mfa-desc-email {
          font-size: 16px !important
      }


      .marg-8 {
          margin: 8px 0px;
          width: 280px;
          height: 80px;
          top: 52px;
          line-height: 20px;
          font-size: 14px;
          color: #626469;
          left: calc(50% - 280px/2);
      }

      .mfa-on-off-screen-phone .position-btn input[type="button"] {
          float: right;
          margin-right: 10px;
      }

      .userAuthdesc .mfa-on-off-screen input[type="button"] {
          float: right !important;
          margin-top: 0% !important;
      }

      .userAuthdesc-text .mfa-on-off-screen input[type="button"] {
          float: right !important;
          margin-top: 0 !important;
      }

      .userAuthdesc .position-btn {
          position: absolute !important;
          display: block;
      }

      .userAuthdesc-text .position-btn {
          position: absolute !important;
          display: block;
      }

      .useRecoverdesc .mfa-on-off-screen input[type="button"] {
          float: right !important;
          margin-top: 0px;
          margin-right: 15px;
      }

      .useRecoverdesc .position-btn {
          position: absolute !important;
          display: block;
      }

      .useRecoverdesc .mfa-on-off-screen {
          text-align: left !important;
          padding: 10px !important;

      }

      .mobile-pad {
          padding-left: 0px;
      }

      .mfa-descp {
          padding: 0 !important;
          font-size: 16px !important;
      }

     
       .mfabox {
           width: 350px !important;
       }

       .mfa-box-width-recov {
           width: 100% !important;
       }

       .border-class-recov {
           width: 100% !important;
           border: 0 !important;
       }

       .border-btm {
           width: 100% !important;

       }

       .code-remain {
           margin-left: -15px !important;
           font-size: 12px !important;
           white-space: nowrap;
           padding-left:0px;
           width:35% !important;

       }

       .getNewCode {
           margin: 0 !important;
           display: flex;

       }

       .getNewCode .fa-refresh {
           left: 9.78% !important;
           right: 5%;
       }

       .getNewcode-width {
           height: 32px;
           top: 0px;
           padding: 3px 10px 10px 22px !important;
           font-size:12px !important;
       }

       .table-width {
           width: 100% !important;
           padding-inline-start: 0px;
           padding-inline-end: 0px;
           height: auto !important;
       }

       .second-code {
           padding-inline-start: 0px;
           padding-inline-end: 0px
       }

       .copybtn input {
           width: 100% !important;
       }
       .mfa-container-recoverey {
           padding: 20px 40px !important;
           border: 0px !important;
       }

       .mfa-recov .mfa-container1 {
           padding: 20px 20px !important;
           border: 0px !important;
       }
         .mfabox {
             width: 350px !important;
         }

        

         .title-mfa {
             width: 100%;
             height: 75px;
             left: 0px;
             top: 0px;
             font-family: ArialRoundedMTforSE-Regular_Latin;
             font-style: normal;
             font-weight: bold;
             font-size: 25px;
             line-height: 35px;

         }

         .twoFAOff .mfa-onoff-container {
             padding: 20px;
             font-size: 16px;
             margin: 0px 8px;
             color: #333333;
             text-align: center;
         }

         .title-font {
             font-size: 25px;
             padding-bottom: 10px;
             padding-top: 0px;
         }
         .mfa-on-off-screen-2FA .mfa-desc {
             font-size: 14px !important;

         }

         .userEmaildesc .mfa-on-off-screen input[type="button"] {
             margin-top: 0px !important;
             margin-bottom: 30px;
             float: right !important;
         }

         .userEmaildesc .position-btn {
             position: absolute !important;
             display: block;
             left:5px;
         }

         .mfa-desc-email {
             margin: 0 !important
         }

         .userEmaildesc .mfa-on-off-screen {
             text-align: left !important;
             padding: 10px !important;
             border-left: 0;
         }

         .userAuthdesc .mfa-on-off-screen {
             text-align: left !important;
             padding: 10px !important;
             border-left: 0px;
             border-right: 0px;
             border-bottom: 0px;

         }

         .mfa-desc-email {
             font-size: 16px !important
         }

         .marg-8 {
             margin: 8px 0px;
             width: 280px;
             height: 80px;
             top: 52px;
             line-height: 20px;
             font-size: 14px;
             color: #626469;
             left: calc(50% - 280px/2);
         }

         .mfa-on-off-screen-phone .position-btn input[type="button"] {
             float: right;
             margin-top: 0 !important;
             margin-right: 10px;
         }

         .userAuthdesc .mfa-on-off-screen input[type="button"] {
             float: right !important;
             margin-top: 0% !important;
         }

         .userAuthdesc .position-btn {
             position: absolute !important;
             display: block;
             left:5px;
         }

         .useRecoverdesc .mfa-on-off-screen input[type="button"] {
             float: right !important;
             margin-top: 0% !important;
         }

         .useRecoverdesc .position-btn {
             position: absolute !important;
             display: block;
             left:5px;
         }

         .useRecoverdesc .mfa-on-off-screen {
             text-align: left !important;
             padding: 10px !important;

         }
         .margAuto-20 {
             margin: 0 !important;
             display:block
         }

         .mobile-pad {
             padding-left: 0px;
         }
          .mfa-on-off-screen-phone {
              padding-left: 0px !important;
          }

         .mfa-descp {
             padding: 0 !important;
         }

       
          .mfabox {
              width: 350px !important;
          }
           .mfabox {
               width: 350px !important;
           }


           .title-mfa {
               width: 100%;
               height: 75px;
               left: 0px;
               top: 0px;
               font-family: ArialRoundedMTforSE-Regular_Latin;
               font-style: normal;
               font-weight: bold;
               font-size: 25px;
               line-height: 35px;

           }

           .mfaConsent2 {
               right: 0 !important;
               width:100% !important;
           }

           .emailradio-phone {
               font-size: 16px !important;
           }

           .marg-8 {
               width: 264px !important;
               font-size:16px;
           }
           .twofaEmailEnter{
               width:325px !important;
           }

           .email-verification-code{
               width:330px !important;
                font-size:16px;
           }

           .scanQRcode {
               width: 250px;
           }

           .scan-barcode {
               top: 0px;
               flex: none;
               order: 0;
               flex-grow: 0;
               margin-bottom: 20px;
           }

           .phone-verification-code {
               width: 315px !important;
           }

           .scanEnter {
               font-family: ArialRoundedMTforSE-Regular_Latin;
               font-style: normal;
               font-weight: normal;
               font-size: 16px;
               line-height: 25px;
               /* display: flex; */
               align-items: center;
               text-align: center;
               color: #626469;
               word-break: break-all;
               white-space:nowrap
           }

           .twofaboth {
               width: 339px !important;
           }
           /* Session History 767px */
        
           .no-bg-1col .head-nav-title .sessionHistory {
               padding-top: 20px;
               font-size: 18px !important;
           }
           .borderBottomContent{
               border: 0 !important;
           }

           .borderBottomClass {
               width: 100% !important;
               margin: 0 auto !important;

           }

           .boxWidth {
               width: 100% !important;
           }

           .btnWidthDelete {
               width: 100px !important;
               padding: 5px;
               margin-top: 20px;
               margin-left: 0px !important;
           }

           .margLeft20 {
               margin-left: 15px !important;
           }

           .displayFlexClass {
               display: flex;
               text-align: center;
               justify-content: center;
               padding-bottom: 20px;
           }
}
/* mozila firefox only */
@-moz-document url-prefix() {
   .ovalShape {
        width: 16px;
        height: 16px;
        top: 0px;
        background: #3DCD58;
        flex: none;
        flex-grow: 0;
        order: 1;
        flex-grow: 0;
        margin: 0px 10px !important;
        border-radius: 50%;
        display: inline-block;
    }
}

/* Edge UI Issue */
 /* input::-ms-reveal,
 input::-ms-clear {
     display: none;
 } */

 ::-ms-reveal {
     display: none;
 }

/* ie IE-11 fix for sprites*/
@media screen and (min-width:0\0) {
    .ovalShape {
        margin:-2px 10px !important;
    }
    .breakWordClass{
      width: 100%;
      display: inline-block;
    }
  
    .emailVerifyCode2{
        display: inline-block;
    }
    .greyColorInput-search {
        padding: 5px !important;
    }
    
    footer.login-footer{
        position:relative !important;
    }

    
    .background_color {
        margin-left: 26%;
        margin-right: 26%;
        border-radius: 4px;
    }

    .background_color1 {
        background-color: #ffffff;
        margin-left: 26%;
        margin-right: 26%;
        border: 2px solid #E6E7E7;
        margin-top: -10px;
        height: auto;
    }

    .background_color_danger {
        margin-left: 7%;
        margin-right: 7%;
        background-color: #fbe2d6;
        color: #e12e2e;
        margin-top: 30px;
        font-weight: 500;
    }

    .row-ie {
        display: -ms-flexbox;
        -ms-flex-direction: column;
        min-height: 48vh;
    }

    input::-ms-clear,
    input::-ms-reveal {
        display: none;
    }

    .inner-addon .pwd-icon-hide {
        padding: 7px 17px 14px 20px;
    }

    .inner-addon .pwd-icon {
        padding: 7px 6px 14px 20px;
        right: 10px;
    }

    .footer-social a {
        background-size: 198px 170px;
    }

    .footer-social .icon-rexel {
        background-position: -104px -44px;
    }


    .footer-social .icon-ok {
        background-position: -54px -90px;
    }

    .footer-social .icon-Schnider {
        background-position: -152px -1px;
    }

    .footer-social .icon-facebook {
        background-position: -54px -1px;
    }

    .footer-social .icon-gplus {
        background-position: -54px -45px;
    }

    .footer-social .icon-voltinum {
        background-position: -152px -46px;
    }

    .footer-social .icon-twitter {
        background-position: -3px -45px;
    }

    .footer-social .icon-linkedin {
        background-position: -104px -3px;
    }

    .footer-social .icon-vk {
        background-position: -3px -90px;
    }
}

/* User Registration work and home css */
.grey-btn {
    display:block;

}

.register-page {
    width: 484px;
}

.register-page .form-group .label{
    color: #333333;
    font-family: 'ArialRoundedMTforSE-Regular_Latin';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
}

.registerChangePasswordRow .form-group{
    margin-bottom: 16px;
    display: block;
    clear: both;
    position: relative;
}


.overflow-scroll {
    overflow: auto !important;
}

.txt-fix {
    font-weight: 600;
    font-size: 16px;
    padding-left: 27%;
}

/* .detail-txt {
    padding-left: 0px;
    padding-right: 0px;
} */

.no-bg-1col .form-group {
    margin-bottom: 20px;
    display: block;
    clear: both;
    position: relative;
}

.no-bg-1col .form-group .linkGap {
    margin-bottom: 0px;
    display: block;
    clear: both;
    position: relative;
}

.floatClass{
    float:right;
}

.paddRight0 {
 padding-right: 0px !important;
 
}

.no-bg-1col {
    box-sizing: border-box;
}

.no-bg-1col .head-nav-title-pyc {
    color: #fff;
    text-align: center;
    background: #333333;
}

.no-bg-1col .head-nav-title h1 {
    /* margin-left: 50px; */
    font-size: 30px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: bold;
}



.mainBgContianer {
    margin: 0px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 50%;
    min-height: 100vh;
    position: relative;
    padding: 0px;
    /* overflow: hidden; */
}

.mainBgContianer1 {
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 50%;
    position: relative;
    padding: 0px;
    max-height: 100%;
    min-height: 90vh;
    height: auto;
}

.no-bg-1col .head-nav-title {
    color: #333333;
    text-align: center;
    font-size: 30px;
}
   .margHeader {
      color: #333333;
      font-size: 16px;
      margin-bottom: 5px;
  }

/* .float-labels {
     display: block;
     transition: .2s ease;
     position: absolute;
     top: -22px;
     font-size: 12px;
     font-weight: normal;
     color: #626469
 }   */

.floated-labels {
    display: block !important;
    transition: .2s ease;
    position: absolute;
    top: -22px;
}

.greyColorInput {
    color: #626469;
    font-style: normal;
    border: 1px solid #9FA0A4 !important;
    font-size: 16px;
    outline: none;
    border-radius: 0px !important;
    webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
}
.greyColorInput-search{
    color: #626469;
    font-style: normal;
    border: 1px solid #9FA0A4 !important;
    font-size: 16px;
    outline: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    padding:19px;
    width:100%;
}
.row-width {
    width:70%;
}
.row-width .fa-exclamation-circle{
    right:0;
     right:0;
     position: absolute;
     padding-top: 4% !important;
     top:0;

}
.row-width .fa-times-circle-o{
     right:0;
     position: absolute;
     padding-top: 4% !important;
     top:0; 
}
.dropdown-toggle-btn {
    border:1px solid #9FA0A4;
    height:40px;
    border-radius:0 !important;
    margin-right:0px;
    background-color:#fff;
    width:30%;
}

.dropdown-toggle-btn-change {
     border:1px solid #9FA0A4;
     height:40px;
     border-radius:2px;
     margin-right:0px;
     background-color:#fff;
     width:30%;
     background-image: none;
     padding:6px 12px;
}

.dropdown-toggle::after {
    margin-bottom:-1px;
    margin-left:0px;
}
.changeISDCenter .dropdown-toggle::after {
  margin-left:0.255em;
}
.changeISDCenter{
    text-align: center;
}

.mfagreyColorInput {
    font-style: normal;
    border: 1.5px solid  #008A16 !important;
    font-size: 14px;
    outline: none;
    border-radius: 0px !important;
    webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
}

.bg-effect .privacy-link {
    margin-top: 10px;
}

.privacy-link,
.privacy-link:hover,
.privacy-link:visited,
.privacy-link:active {
    /* color: #fff; */
    padding-bottom: 5px;
    display: inline-block;
}

#paoverlay123 {
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 0.66);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
}

.social-text {
    font-size: 14px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: 600;
}

.marg-20 {
    margin-bottom: 20px;
}

.privacylinkColor {
    white-space: normal;
    text-align: left;
    padding: 0px;
    font-size: 14px;
    margin-top: -2px;
    color:  #0075A3;
    border: 0px;
    background: none;
}

input.primary-btn {
    height: 40px;
    border-radius: 0px;
    font-size: 16px;
}

input.green-btn,
input.active-btn,
input.btn {
    width: 100%;
    margin: auto;
}

.register-btn-width {
    width: 100% !important;
}

.m-bottom110 select {
    height: 40px;
    font-size: 16px;
}

.stylelabel {
    font-size: 14px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: 400;
    padding-bottom: 0px;
}

.underline {
    font-size: 16px;
    cursor: pointer;
    color:  #0075A3;
    outline: none;
}

.red {
    border: solid 1px red !important;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: transparent !important;
}

.privacy_policy_footer .nav-pills li.active a:hover {
    color: #ffffff !important;
}

.edit-icon {
    position: absolute;
    padding: 10px 5px 10px 5px;
    font-size: 14px;
    right: 0;
    margin-right: 5px;
    top: 0px;
    cursor: pointer;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    color: #3dcd58;
    font-style: normal;
    font-weight: bold;
    background: transparent;
}

/* social */
.social-bottom {
    margin-bottom: 20px !important;
    margin-top: 10px;
    text-align: center;
    padding-inline-start: 0px;
    margin-right: 40px;
    margin-left: 40px;
    display: block;
}

.register-page .btn-container {
    margin-top: 20px;
}

.register-page .inner-addon .fa {
    right: 0;
}

.register-page .inner-addon .fa-search{
    left:0;
    padding-top: 13px;
}

.register-page .error {
    display: block;
    margin-left: 0;
    width: 100%;
    text-align: left;
}

#contextType {
    text-align: left;
    clear: both;
    display: block;
}

#contextType label {
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px;
}

.change-password-row.register-page .form-control-feedback {
    margin-top: 0;
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 0px;
}

.signin-up.index.login .float-label,
.signin-up.index.login .float-labels,
.signin-up.index.login .floated-label {
    position: absolute;
    top: -16px;
}

.signin-up.index.login .form-group {
    position: relative;
}

.inner-addon .share-icon {
    position: absolute;
    padding: 7px 20px 15px 17px;
    right: 0px;
    top: 5px;
    background-image: url(../image/Social-media-sprite.svg);
    background-position: 0px -58px;
    cursor: pointer;
    display: none;
}

.form-group {
    margin-bottom: 10px;
}

.form-group .stylelabel {
    margin-top: 0px;
    font-size: 14px;
    color: #333;
    margin-left: 0;
    font-style: normal;
    font-weight: 400;
}

.signin-up.index.login .form-group .form-control {
    height: 35px;
}

.signin-up.index.login .active-btn {
    margin-top: 4px;
    width: 100% !important;
}

.signin-up.index.login .error {
    color:#DC0A0A !important;
    font-size: 14px;
    margin-left: 14px;
    display: block;
    position: relative;
    left: -108%;
    text-align: right;
    top: -24px;
    height: 0px;
    font-weight: 600;
}

.uniqueID-txt {
    color: #3dcd58;
    text-align: center;
    font-size: 16px;
}

.xs-login-error {
    background: #d0021c;
    height: 60px;
    text-align: left;
    color: #fff;
    padding: 20px 28px;
    z-index: 999;
    position: absolute;
    width: 100%;
}

.xs-login-error i {
    float: left;
    width: auto;
    margin-top: 0px;
}

.xs-login-error span {
    float: left;
    width: 87%;
    text-align: left;
    margin-top: 2px;
}

.err-icon1 {
    padding: 3px 7px 0px 14px;
    margin-right: 5px;
    background-image: url(../image/Social-media-sprite.svg);
    background-position: -48px -90px;
}

.detail-txt.sm-padding-fix {
    padding-left: 15px;
    padding-right: 15px;
}

.login-note1 {
    font-size: 12px;
}

.mobile-field {
    width: 74%;
    margin-left: 3.5%;
    display: inline-block;
}

.country-code1 {
    float: left;
    height: 34px;
    width: 22%;
    color: #626469;
    font-style: normal;
    border: 1px solid #9fa0a4;
    font-size: 14px;
    outline: none;
}

input.login-btn {
    height: 40px;
    width: 100%;
    border-radius: 0px;
    font-size: 18px;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;

}

form-horizontal .checkbox {
    padding-top: 0px;
}

.emailOptinClass {
    padding: 10px;
}

.subtitle-cls {
    margin-bottom: 24px;
    padding-top: 1px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

/* checbox css */


[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    opacity: 1;
    height: 50px !important;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: relative;
    cursor: pointer;
}

[type="checkbox"]:not(:checked):before,
[type="checkbox"]:checked:before {
    content: '';
    position: absolute;
    left: -1px;
    margin-top: 16px;
    width: 18px;
    height: 18px;
    border: 1px solid #aaa;
    background: #fff;
    border-radius: 3px;
}

#rusiaOptIn {
    width: 0px;
}

.russiatxt {
    margin-left: 6%;
}

.mobileCodeClass {
    padding-left: 0px;
    font-size: 16px;
}
.mobileISDCodeClass {
    font-size:16px;
    text-align: left;
    padding-right:0px;
    padding: .375rem .75rem;
    color: #333333;
}
.div-disabled {
    pointer-events: none;
    opacity: 1;
    background: #e9ecef;
    border: 1px solid #9FA0A4 !important;
    color: rgb(84, 84, 84);
}
.mobileCode-label {
    margin-left: -70% !important;
}

.mobileHeader-label {
    margin-left: -30%;
}

[type="checkbox"]:focus:before {
    border: 1px solid  #008A16 !important;
}

[type="checkbox"]:hover:before {
    border: 1px solid  #008A16!important;
}

[type="checkbox"]:not(:checked):after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:not(:checked):after,
[type="checkbox"]:checked:after {
    content: "\f00c";
    position: absolute;
    left: 0px;
    top: 16px;
    font-size: 100%;
    font-family: FontAwesome;
    color: #3dcd58;
    line-height: 19px;
    outline: none;
}

/* Nav css */
div#navbarCollapse.navbar-collapse.collapse.show {
    height: 100% !important;
    width: 100%;
    position: fixed;
    z-index: 999;
}

.navbar-custom {
    background: #3dcd58;
}

.user-btn-box {
    margin-left: auto;
    /* padding: 0; */
}

.user-btn-box .col-xs-12 {
    margin-bottom: 10px;
}

.tab_cont {
    margin-top: 44px;
}

.add-phone-number {
    font-size: 12px;
    margin-left: 14px;
}

.user-btn-box {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 0;
    display: flex;
}

/* .mobile-width-input{
    width: 250px !important;
} */
.width-select {
    width: 139px;
    /* margin-right: 34px; */
}

.multiSelectPicklistTable {
    width: 100%;
}

.multiSelectPicklistCell img {
    cursor: pointer;
    border: 0px;
    box-shadow: none;
    width: 17px;
    height: 17px;
    padding: 0px;
    margin: 0 11px;
}

.multiSelectPicklistTable td {
    width: 47%;
}

.multiSelectPicklistTable select {
    width: 100%;
}

.multiSelectPicklistCell {
    width: 5% !important;
}

#pswdplcytxt.text-color-ipad {
    display: inline-block;
    z-index: 9999;
    background: rgb(255, 255, 255);
    color: #5A5A5A;
    position: relative;
    border: 1px solid gray;
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 0px;
    width: 100%;
}

#pswdplcytxt.text-color-ipad span {
    color: #3dcd57;
}

#pswdplcytxt ul {
    margin: 0;
    padding: 7px 7px 0 7px;
    font-size: 12px;
    list-style: none
}

#pswdplcytxt ul li {
    text-indent: -.7em;
    margin-bottom: 9px;
}

#pswdplcytxt ul li::before {
    content: "\2022";
    color: #3dcd57;
    margin-right: 4px;
}

.signin-up.index.login .error {
    color:#DC0A0A !important;
    font-size: 14px;
    margin-left: 14px;
    display: block;
    position: relative;
    left: -108%;
    text-align: right;
    top: -24px;
    height: 0px;
    font-weight: 600
}

input.btn.green-btn {
    width: 100%;
}

.two-col-layout .signup-btn {
    width: 100% !important;
}

.two-col-layout .signup-btn.reset-btn {
    width: auto !important;
}

.email-form-field {
    width: 300px;
    margin: auto;
}

.work-email-fix {
    width: 400px;
    margin: auto;
    margin-top: 20px;
}

.multiSelectPicklistRow select {
    width: 100% !important;
    overflow-x: auto;
}

.checkboxsuccess .btn-link,
.checkboxclass .btn-link {
    white-space: normal;
    text-align: left;
    padding: 0px;
    font-size: 12px;
    margin-top: -2px;
    color: #219BFD;
    border: 0px;
}

.sign-up-success .btn-link {
    padding: 0px;
    font-size: 14px;
    border: 0px;
    margin-top: -2px;
    text-decoration: underline;
    color: #219BFD;
}

.sign-up-success .btn-link:hover {
    text-decoration: none;
}

.signUpPanel .column1 {
    padding-left: 0px;
}

a.side-gap.underline {
    cursor: pointer;
}

.icon-position {
    z-index: 999999;
    top: -45px;
    padding: 11px 0px 0px 0px;
    right: 20px;
    position: absolute;
    border-color: transparent !important;
}

/* Verification Code screen */

.verify-box {
    margin: auto;
    padding: 2% 10% 2% 10%
}
 .verify-box1{
      padding-top: 10px;
      margin-top: 10px;
      margin: auto;
      padding-top: 10px;
      padding-left: 24px;
      padding-right: 24px;
      padding-bottom: 15px;
 }

.verify-code {
    text-align: center;
    margin-left: 10%;
    width: 100%;
    height: auto;
}

.verify-code input {
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    border-bottom: 2px solid #333;
    width: 40px;
    text-align: center;
    padding: 5px;
    margin-left: 10px;
    box-shadow: none;
    color: rgb(111, 109, 109);
    font-size: 15px;
    display: inline-block;
}

.verify-title h1 {
    margin-left: 0px;
    color: #3dcd58;
    text-align: center;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-size: 30px;
}

.marg-10 {
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: normal;
    font-size: 12px;
    width: 100%;
}

.marg-0 {
    margin-top: 5%;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 5%;

}

.passcode-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.otpinputclass {
    padding: 10px;
    border-top: none;
    border-left: 0;
    border-right: 0;
    background: transparent;
    width: 40px;
    outline: none;
    border-bottom-color: #9FA0A4;
    border-bottom-width: 1px;
    color:#333333;
    font-size: 16px;
}

.blue-link {
    font-size: 12px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: 600;
    color:  #0075A3;
    text-decoration: underline;
}

.blue-link1 {
    color: #0075A3;
    text-decoration: underline;
}

.redText {
    color: red;
}

.greenText {
    color: #3dcd58;
}

/* MFA Screen desktop */
.mfa-heading {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}


.font-color {
    color:  #008A16;
}

.mfa_email_Enter {
    font-size: 18px;
    color: #3dcd58;
    font-family: "ArialRoundedMTforSE-Regular_Latin";
    font-weight: 700;
    padding-bottom: 10px;
}

#wrapper {
    display: flex;
}

.left {
    flex: 0 0 60%;

}

.right {
    flex: 1;
}

.mfa-content {
    width: 277px;
    margin: auto;
    text-align: center;
    color: #626469;
    font-size: 16px;
}

.two-factor-content {
    margin: auto;
    text-align: center;
    color: #626469;
    font-size: 16px;
}

.email_input-mfa,
.email_input-mfa:hover,
.email_input-mfa:focus {
    width: 100%;
    height: 50px;
    border: 1px solid #cfcfd1;
    color:  #008A16;
    outline: none;
}

.mfa-green-title {
    font-size: 36px;
    color: #3dcd57;
    font-size: 16px;
    text-align: center;
    padding-top: 50px;
}

.mfa_email_Enter {
    font-size: 36px;
    color: #3dcd58;
    font-family: "ArialRoundedMTforSE-Regular_Latin";
    font-weight: 500;
    padding-bottom: 10px;
    width: 60%;
    margin: auto;
}

.mfa_email_Enter1 {
    font-size: 18px;
    color: #3dcd58;
    font-family: "ArialRoundedMTforSE-Regular_Latin";
    font-weight: 700;
    padding-bottom: 10px;
    width: 100%;
    margin: auto;
}

.btn_disable {
    color:  #008A16;
    background-color: #fff;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    border-color:  #008A16;
    border-width: 1px;
    width: 100%;
    height: 40px;
}



.hver-btn {
    width: 100%;
    height: 40px;
    border-width: 1px;
    color:  #333333;
    background : none;
}
.hver-btn:hover {
    text-decoration: underline;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1){
    footer .loginEdge{
        position: absolute;
        top: 50px;
        width: 100%;
    }
}

@media (min-height: 720px) {
    footer.login-footer {
        position: absolute;
        bottom: 0%;
        width: 100%;
    }

    footer.login-footer1 {
        position: absolute;
        bottom: 0px !important;
        width: 100%;
    }
}

/* MFA Screen code desktop */

.mfa-box {
    margin: 14px auto 2% auto;
    width: 435px;
}

.mfa-container {
    padding: 20px 40px;
    border: 1px solid #E7E6E6;
    background-color: #ffffff;
}

.mfa-container-title {
    color: #626469;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 20px;
}

.mfa-container ul {
    padding-left: 15px;
}

/* .mfa-container ul div {
    /* margin-left: -8px; 
} */
.mfa-on-off-screen {
    padding: 20px 30px;
    border: 1px solid #acacac;
    margin-bottom: 100px;
}

.mfa-on-off-screen .mfa-desc {
    line-height: normal;
    vertical-align: -webkit-baseline-middle;
    font-weight: bold;
}

.mfa-on-off-screen .mfa-error {
    display: block;
    color: red;
    font-size: 13px;
}

.mfa-flex {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.mfa-flex-item+.mfa-flex-item {
    margin-left: 25px;
}

.mfa-button {
    border: none;
    height: 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    width: 150px;
}

.mfa-button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.mfa-primary-button {
    background-color:  #008A16;
    color: white;
}

.mfa-secondary-button {
    color: #0075A3;
}

.mfa-on-off-screen input[type="button"] {
    float: right;
    margin-top:5px;
}

.mfa-onoff-container {
    padding-top: 20px;
    margin: 0px 100px;
}
.chooseAnother .mfa-onoff-container{
     padding-top: 20px;
     margin: 0px 100px;
}

.mfa-barcode {
    width: 134px;
    height: 134px;
    margin: 20px auto;
    /* border: 1px solid #acacac; */
}

.mfa-barcode img {
    width: 134px;
    height: 134px;
    border: 1px solid #acacac;
}

.mfa-container input[type=text] {
    height: 40px;
    border: 1px solid #9Fa0A4;
    color: #333333;
    font-size: 14px;
}
.mfa-container-padding{
     padding: 32px;
     border: 1px solid #E6E6E6;
     background-color: #ffffff;
}

.mfa-container input[type=button] {
    height: 50px;
    border: 1px solid #9Fa0A4;
    background-color:  #008A16;
    color: #fff;
    font-size: 16px;
}

.mfa-input {
    padding: 10px 0px;
}

.mfa-links {
    padding: 20px 0px;
    text-align: center;
    display: inline;
}

.marg-auto {
    margin: 0 auto;

}

.links-mrg {
    margin-left: 50px;
}

.space-white {
    white-space: nowrap;
}

.mfa-box .mfa-title {
    margin: 50px 0px;
    font-size: 35px;
    text-align: center;
    color: #3dCd58
}

.mfa-links-cancel {
    text-align: center;
    display: inline-block;
}

.boldClass {
    font-weight: 700;
    font-size: 20px;
}

/* 2MFA Guide CSS */


/* Modify the background color */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #3dcd58;
    color: #fff !important;
}

/* Modify brand and text color */
.nav-tabs>li.nav-item>a {
    color: #626269 !important;
}

.border-class {
    border: 1px solid #E6E7E7;
    float: right;
    position: relative;
    background-color: #ffffff;
}

.container-padding {
    padding-left: 10%;
    padding-right: 10%;
}

.desktop-padding {
    padding-left: 12%;
}

.marg-rght {
    margin-left: 10px;
    margin-right: 10px;
}

.marg-40-guide {
    margin-top: 40px !important;
}

.marg-10-perc {
    margin-top: 10% !important;
}

.font-class {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.font-class18{
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
}
.txtAlignLft{
    text-align: left;
}
.txtAlignRgt{
    text-align: right;
}

.guide-width {
    margin: 15px auto;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-size: 16px;
    font-weight: normal;

}

.help_width-large img {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 20%;
    padding-right: 20%;
    border: 1px solid #E6E7E7;
}

.marg-left {
    margin-left: 45px;
    color: #4778d9;
}

.marg-20-guide {
    margin-top: 0;
}

.padd-20-guide {
    padding-top: 20px;
}

.marg-inline-start {
    margin-inline-start: 30%;
}

.green-color {
    color: #3dcd58;

}

.marg-15 {
    margin-left: 15px;
}

.reg-button-padd-20 {
    padding-top: 20px;
}

/* Account deletion request screen */
.no-bg-1col .delete-nav-title {
    color: #b40000;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px;
    font-weight: 600;
}

.errorBlock-Account {
    margin-top: 20px;
}

.background_color-login {
    background-color: #eaeaea;
    border-radius: 4px;
    padding-top: 1%;
    padding-bottom: 1%;
    color: rgb(53, 48, 48);
    font-weight: 600;
}

.background_color {
    margin-inline-end: 26%;
    margin-inline-start: 26%;
    border-radius: 4px;
    padding-bottom: 1%;
}

.background_color1 {
    margin-inline-end: 26%;
    margin-inline-start: 26%;
    border: 1px solid #E6E6E6;
    margin-top: 0px;
    height: auto;
    background-color: #ffffff;
}

.showCancelButton {
    display: block;
}

.showCancelLink {
    display: none;
}

.user-btn-box1 {
    margin-left: 0px;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}

.marg_30 {
    margin-left: 12%;
    margin-right: 12%;
}

.marg_40 .form-group {
    margin-left: 15%;
    margin-right: 15%;
}

.button_space {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.marg-tp-20 {
    margin-top: 10px;
}

.display-content{
    display: flex;
    margin-left: 7%;
    margin-top: 10px;
}
.marg-top-10 {
    margin-top: 10px;
}
.margLeftAlign{
    margin-left: 7%;
}

.mainBgContainer-position {
    margin: 0px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 50%;
    min-height: 100vh;
    position: relative;
    padding: 0px;
    overflow: hidden;
}

.background_color_danger {
    margin-inline-end: 7%;
    margin-inline-start: 7%;
    background-color: #fbe2d6;
    color: #b40000;
    margin-top: 30px;
    font-weight: 500;
}

.font_height .background_color_danger {
    line-height: normal;
    padding-left: 30px;
    border-radius: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: 500;
}

.background_color_danger .fa {
    color: #b40000 !important;
}

.padd-let-10 {
    padding-left: 10px
}

.confirm-color {
    color: #333;
    font-weight: 400;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    padding-left: 25px;
    font-weight: 700;
}

.button-center {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.two-btn-delete {
    width: 200px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    background-color:  #008A16 !important;
    color: #ffffff !important;
}

span .desc-txt-consent {
    font-size: 12px;
    padding-left: 23px;
    color: rgb(59, 58, 58);
    width: auto;
    overflow: auto;
    height: auto;
    display: inline-block;

}

.user-btn-box1 {
    margin-left: 0px;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}

.showCancelButton {
    display: block;
}

.marg-15 {
    margin-left: 15px;
}

.button-center {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.btn-block-width {
    padding: 10px 20px 10px 20px;
    width: 150px;
    font-size: 16px;
    font-weight: 700;
    background-color:  #008A16;
}

.delete-button input.primary-btn {
    border: 0px;
    width: 100% !important;
    color: #fff;
    background-color: #a9dcf3;
}

.button-enable-disable {
    border: 0px;
    width: 100% !important;
    color: #fff;
    background-color: #a9dcf3;
}

.button-disable .btn_next {
    border: 0px;
    width: 100% !important;
    color: #fff;
    background-color: #a9dcf3;
}

.button-disable {
    border: 0px;
    color: #fff;
    background-color: #a9dcf3;
}

.background_color_confirmation {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
    background-color: #f7f6f5;
    color: #333;
    margin-top: 0px !important;
    font-weight: 500;
}

.background_color_confirmation-login {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
    color: #333;
    margin-top: 20px;
    font-weight: 500;
}

.font_height .background_color_confirmation {
    line-height: normal;
    padding-left: 0px;
    border-radius: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-family:'ArialRoundedMTforSE-Regular_Latin';
    font-weight: 500;
    padding-right: 30px;
    padding-left: 30px;
}

.background_color_confirmation-login .fa {
    color: #3dcd57;
    font-size: 18px !important;
    right: 10px;
    top: 5px
}


.background_color_confirmation .glyphicon {
    color: #3dcd57;
    font-size: 18px;
    right: 10px;
    top: 5px
}

.padd-lft-10 {
    padding-left: 3%;
}

.checkbox-top .checkbox {
    top: 125px !important;
}

.mfaCancelButton{
    text-align: center;
    margin-top: 15px;
}
.mfaCancelButton:hover {
   color:#9FA0A4;
}

/* Change email Bootstrap 4 */
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 10px;
}
input.green-btn, input.green-btn:hover, input.green-btn:active:hover {
    background: #008A16;
    color: #fff;
    background-position: 0;
    border-color: transparent;
    border-bottom-color: transparent;
    border: 0px;
    font-size: 16px;
}
input.btn.green-btn {
    width: 100%;
    height: 40px;
}
.btn-container a {
    color:  #0075A3 !important;
    font-size: 16px;
    outline:none;
}
.btn-container a:focus, .btn-container a:hover {
    color:  #0075A3;
    text-decoration: underline !important;
    font-size: 16px;
}

a:focus, a:hover {
    color:  #0075A3;
}

.resend-otp {
    padding-bottom: 25px !important;
    text-align: center;
    display:contents;
}

.btn-align-center {
    display: flex !important;
    justify-content: center;
}


/* Profile Page bootstrap4 changes */
.navbar {
    padding: 30px;
    padding-left: 15px;
}

.collapse .nav-pills>li {
    font-size: 18px;
}

.collapse .nav-pills>li:hover {
    color: #333333 !important;
    text-decoration: none !important;
}

.display-cls {
    display: flex;
}
.borderBtmSolid {
    border-top: 1px solid #dcdcdc;
    padding-top: 5px;
}

.textRightAlign {
    text-align: right;
    margin-left: 0px;
}

.textAlignRgt {
    text-align: right;
}

.textAlignLft {
    text-align: left;
}

.navbar-light .navbar-toggler {
    border-color:rgba(0,0,0,0);
}
.tab-content .profile-class {
    padding-bottom:10%;
}
.tab-content .address-class{
      padding-bottom:10%;
}

.tab-content .company-class{
     padding-bottom:10%;
}
.navbar-position {
    z-index: 999999;
    top: -70px;
    padding: 11px 0px 0px 0px;
    right:20px;
    position: absolute;
}


.edit-icon-pencil {
    position: absolute;
    padding: 11px 7px 11px 11px;
    right: 0;
    margin-right: 12px;
    top: 11px;
    background-image: url(../image/Sprite_eye_pencil_icons.png);
    background-position: -3px -47px;
    cursor: pointer;
}

/* Dual Identifier  */
.has-search .form-control {
    padding-left: 2.375rem;
    margin-top:-10px;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    /* line-height: 0.375rem; */
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
 .dropdown.dropdown-scroll .dropdown-menu {
     max-height: 200px;
     width: 100%;
     overflow: auto;
     margin-top: 0px;
     font-size:14px;
     border:1.5px solid #E6E6E6;
     background-clip: border-box;
 }

 .search-control {
     padding: 5px 10px;
 }

.listItem {
   margin-left:10%;
   cursor:pointer;
   /* color: #626469; */
}

.dropdown-menu-borderRadius {
    border-radius: 0 !important;
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: none;
    border-radius: 0px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}


 a {
    color:#0075A3;
    outline: none;
 }

 .font16 a {
    color:#0075A3;
    outline: none;
 }
 .font16 a:hover {
    text-decoration: underline !important;
 }

 /* MFA new screen css chages */

 .AppNameDisplay {
     color: #ffffff;
     padding: 8px;
     font-size: 25px;
     border: none;
 }

 .mfaContent {
     padding: 5%;
 }

 .mfabox {
     width: 450px !important;
 }

 .mfa-links-help {
     padding: 10px 0px;
 }

 .mfa-box-width {
     margin: 14px auto 10% auto;
     width: 390px;
 }


 .mfaConsent1 {
     color: #3dcd58;
     margin-bottom: 12px;
     padding-left: 0;
     font-size: 28px;
 }


 .create-an-account {
     height: 40px;
     width: 288px;
     color: #FFFFFF;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-size: 18px;
     font-weight: bold;
     letter-spacing: 0;
     line-height: 24px;
     text-align: center;
     border: none;
 }

 .btnMargin {
     padding-left: 15%;
     padding-right: 15%;
 }

 #enableBtn {
     margin-bottom: 10px;
     background-color:  #008A16;
     color: #ffffff;
     width: 200px !important;
 }

 #disableBtn {
     margin-bottom: 10px;
     background-color:  #008A16;
     color: #ffffff;
     width: 200px !important;
 }

 .twofabtnchild {
     width: 200px !important;
     margin-bottom: 20px;
 }
 .mfabox {
     width: 450px !important;
 }

 .mfaConsent1 {
     color: #3dcd58;
     margin-bottom: 12px;
     padding-left: 0;
     /* font-weight: bold; */
     font-size: 28px;
 }

 .head-scan-title .idms-arrow-left {
     background-position: 0 0px;
     padding: 0px 16px;
     cursor: pointer;
 }

 .mfaConsent2 {
     color: #626469;
     margin-bottom: 15px;
     width: 600px;
     text-align: center;
     right: 0;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
 }

 .twofactor-content {
     padding-bottom: 10px;
     text-align: center;
     border-bottom: 1.5px solid #E6E7E7;
     width: 100%;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: 700;
     font-size: 18px;
     color: #333333;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 15px 0px;
 }

  .twofactorContentpadd {
      padding-top: 10px;
      padding-bottom: 15px;
      text-align: center;
      border-bottom: 1px solid #E6E7E7;
      width: 100%;
      top: 0px;
      font-family: ArialRoundedMTforSE-Regular_Latin;
      font-style: normal;
      font-weight: 700;
      font-size: 18px;
      line-height: 25px;
      color: #333333;
      flex: none;
      order: 0;
      flex-grow: 0;
      margin: 0px 0px;
  }

 .emailradio {
     text-align: left;
     margin-left: 15%;
     padding-bottom: 10px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
     line-height: 5px;
     color: #626469;
 }

 .marginFieldSetTop {
     overflow: hidden;
     width: 100%;
 }

 .twofaInput {
     width: 70%;
     padding-bottom: 0px;
     color: #626469;
     font-style: normal;
     border: 1px solid #E6E7E7;
     font-size: 16px;
     outline: none;
     border-radius: 0px !important;
     webkit-box-shadow: none;
     box-shadow: none;
     height: 40px;
 }

 .title-mfa {
     position: static;
     width: 100%;
     height: 44px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 37px;
     line-height: 45px;
     text-align: center;
     color: #3DCD58;
     flex: none;
     order: 0;
     flex-grow: 0;
 }

 .borderBottom {
     flex: none;
     order: 8;
     flex-grow: 0;
     margin: 16px 0px;
 }

 .mfaboxScan {
     width: 580px;
     padding: 0px;
     margin: 0 auto;
     padding-top: 10px;
 }

 .marg-btm-20 {
     margin-bottom: 15px;
     margin-top: 15px;
 }

 .labelHead {
     margin-right: 7px;
     width: 20px;
     height: 20px;
     top: 4px;
     position: relative;
 }

 .labelHeadBoth {
     margin-right: 7px;
     width: 20px;
     height: 20px;
     top: 3px;
     position: relative;
 }

 .borderBottomClass {
     border-bottom: 1.5px solid #E6E7E7;
     margin-top: 5px;
     
 }

 .twofaboth {
     width: 370px;
     left: calc(50% - 339px/2);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
     margin: 10px 0px;
     padding-left: 15%;
     text-align: left;
     margin-bottom:10px;
 }

 .marg-8 {
     margin: 8px 0px;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
     width: 339px;
 }

 .phone-verification-code {
     padding-left: 15%;
     text-align: left;
     width: 370px;
 }

 .emailVerifyCode {
     padding-left: 0px;
     position: static;
     width: 339px;
     height: 125px;
     left: calc(50% - 339px/2);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
     margin: 8px 0px;
 }

 .create-an-account {
     height: 40px;
     width: 288px;
     color: #FFFFFF;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-size: 18px;
     font-weight: bold;
     letter-spacing: 0;
     line-height: 24px;
     text-align: center;
     border: none;
 }

 .btnMargin {
     padding-left: 15%;
     padding-right: 15%;
 }

 #enableBtn {
     margin-bottom: 10px;
     background-color:  #008A16;
     color: white;
     width: 200px !important;
 }

 #disableBtn {
     margin-bottom: 10px;
     background-color:  #008A16;
     color: white;
     width: 200px !important;
 }

 .twofabtnchild {
     width: 200px !important;
     margin-bottom: 20px;
 }

 .twofaContentStart {
     background-color: #ffffff;
 }
 .twofaContentStart-first{
      background-color: #ffffff;
      border:1px solid #E6E6E6;
 }
 div.userEmaildesc:hover,
 div.mfa-box-click:hover,
 div.userEmaildesc:hover {
     border: 1px solid #E7E6E6;
     box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.297443);
     cursor: pointer;
     border-left:2px solid #3dcd57;
 }

 .useRecoverdesc .hoverRecoverey:hover{
      border:1px solid #E7E6E6;
      box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.297443);
      cursor: pointer;
      border-left:2px solid #3dcd57;
 }
.widthRecovery{
    width:966px;
}
 .nextbtn {
     padding-top: 15px;
     padding-bottom: 10px;
 }

 .linkColor {
     color: #0075A3;
     font-size: 14px;
 }

 .setupScanCode {
     text-align: left;
     margin-left: 15%;
     position: static;
     width: 339px;
     height: 75px;
     left: calc(50% - 339px/2);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
 }

 .scanQRcode {
     font-size: 16px;
     font-weight: normal;
     text-align: left;
 }

 .scan-barcode-profile {
     /* width: 100px; */
     /* height: 100px; */
     border: 1px solid #E6E7E7;
     display: inline-block;
     /* padding-left: 16px; */
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 0px 51px;
 }

 .qr-code {
     border-style: none;
     width: 92px;
 }

 .totp-profile-setup {
     padding-left: 0;
     position: static;
     width: 370px;
     /* height: 125px; */
     left: calc(50% - 339px/2);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 10px;
     color: #626469;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
     margin: 8px 0;
 }

 .scan-barcode {
     padding-left: 0px;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 0 auto; 
     position: relative;
     right:22%;
 }

 .scanQRWidth {
     height: 145px;
     border: 1px solid #E6E7E7;
     position: absolute;
     right: 15%;
     top: 15%;
     width: 180px;
 }
  .scanQRWidth-profile {
       height: 145px;
       border: 1px solid #E6E7E7;
       position: absolute;
       right: 15%;
       top: 31%;
       width: 180px;
  }

 .bothEmail {
     font-size: 14px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
     color: #333333;
     flex: none;
     order: 1;
     align-self: stretch;
     flex-grow: 0;

 }
 .mfa-on-off-screen-width {
     width: 100%;
     height: 100%;
     border: 1px solid #dcdcdc;
     padding-left: 0px !important;
     padding-right: 0px !important;
     border-top:1px;
 }
 .noBorder{
     width: 100%;
     height: 100%;
     padding-left: 0px !important;
     padding-right: 0px !important;
    margin-top: 20px;
 }


 .mfa-on-off-screen .mfa-on-off-screen-2FA {
     padding: 10px 5px;
 }

 .mfa-on-off-screen-container {
     padding: 20px 30px;
     border: 1px solid #dcdcdc;
     margin-bottom: 100px;
     margin-bottom: 40px;
 }

 .container-screen {
     padding: 20px 30px;
 }

 .mfabox {
     width: 450px !important;
 }

 .mfaConsent1 {
     color: #3dcd58;
     margin-bottom: 12px;
     padding-left: 0;
     /* font-weight: bold; */
     font-size: 28px;
 }

 .head-scan-title .idms-arrow-left {
     background-position: 0 0px;
     padding: 0px 16px;
     cursor: pointer;
 }

 .mfaConsent2 {
     color: #5A5A5A;
     text-align: center;
     margin-bottom: 15px;
 }

 .phone-verification-code {
     padding-left: 15%;
     text-align: left;
 }

 .emailVerifyCode {
     padding-left: 0px;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex-grow: 0;

 }

 .mfa-descp {
     font-weight: bold;
     font-size: 18px;
     line-height: 25px;
     padding: 15px 20px;
     color: #333333;

 }

 .twoFAHeading {
     padding-top: 15px;
     padding-bottom: 15px;
     width: 100%;
 }

 .email2FA {
     margin-left: 3%;
 }

 .userEmaildesc .mfa-on-off-screen {
     padding: 15px 30px;
     border-left-color: #3dcd58;
     border-left-width: 4px;
     border-right: 0;
 }

 .useEmailBtn {
     width: 95px;
     height: 32px;
     margin-top: 0px;
     justify-content: center;
     align-items: center;
     padding: 6px 16px;
     left: 0px;
     top: 0px;
     background: #FFFFFF;
     border: 1px solid #333333;
     box-sizing: border-box;
     border-radius: 2px;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: 0px 10px;
 }

 .useSMSBtn {
     width: 90px;
     height: 32px;
     justify-content: center;
     align-items: center;
     padding: 6px 16px;
     background: #FFFFFF;
     border: 1px solid #333333;
     box-sizing: border-box;
     border-radius: 2px;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 0px 20px;
 }

 .useAppBtn {
     width: 84px;
     height: 32px;
     left: 0px;
     top: 0px;
     background: #FFFFFF;
     border: 1px solid #333333;
     box-sizing: border-box;
     border-radius: 2px;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: 0px 10px;
 }

 .checkBtn {
     width: 111px;
     height: 32px;
     left: 0px;
     top: 0px;
     background: #FFFFFF;
     border: 1px solid #333333;
     box-sizing: border-box;
     border-radius: 2px;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: 0px 10px;
 }

 .mfa-on-off-screen-phone input[type="button"] {
     float: right;
 }

 .mfa-on-off-screen-2FA .mfa-desc {
     width: 273px;
     height: 25px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 22px;
     line-height: 25px;
     color: #333333;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 0px 20px;
 }

 .mfa-on-off-screen-phone .mfa-desc {
     line-height: normal;
     vertical-align: -webkit-baseline-middle;
     font-weight: bold;
     position: static;
     width: 273px;
     height: 25px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
     line-height: 25px;
     color: #333333;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 0px 20px;
 }

 .mfa-on-off-screen-Auth {
     padding: 15px 30px;
     border-left: 0;
     border-right: 0;
     border-bottom: 1px solid #dcdcdc;
 }

 .mfa-on-off-screen-key {
     height: 100%
 }

 .margBtm-15 {
     margin-bottom: 15px;
 }

 .twofactor-profile {
     text-align: left;
 }

 .userAuthdesc .mfa-on-off-screen {
     border-left: 0;
     border-right: 0;
     border-bottom: 0;
 }

 .mrg-top-20 {
     margin-top: 20px;
 }

 .mfaTurnOff {
     background-color:  #008A16;
     color: #fff !important;
     font-family:'ArialRoundedMTforSE-Regular_Latin';
     border-style: none;
     width: 88px;
     height: 40px;
 }

 .display-class {
     display: none;
 }

 .display-block {
     display: block;
 }

 .title-mfa {
     position: static;
     width: 100%;
     height: 44px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 37px;
     line-height: 45px;
     text-align: center;
     color: #3DCD58;
     flex: none;
     order: 0;
     flex-grow: 0;
     padding-top: 20px;
     margin-bottom: 20px;
 }

 .mfa-desc-email {
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     flex-grow: 0;

 }

 .ovalShape {
     width: 16px;
     height: 16px;
     top: 0px;
     background: #3DCD58;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: -8px 0px;
     border-radius: 50%;
     display: inline-block;
 }

 .padleft-0 {
     padding-left: 0 !important;

 }

 .marg-4 {
     font-size: 16px;
     margin: 4px 0px;

 }


 .mfabox {
     width: 450px !important;
 }

 .mfa-links-help {
     padding: 10px 0px;
 }

 .mfa-box-width-recov {
     margin: 0 auto;
     width: 610px;
     height: 100px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     text-align: center;
     color: #626469;
     flex: none;
     order: 1;
     flex-grow: 0;
 }

 .mfa-recov .head-nav-title {
     color: #3dcd58;
     text-align: center;
     padding-left: 20px;
     padding-right: 30px;
     padding-top: 0px;
 }

 .marg-top-20 {
     margin-top: 20px;
 }

 .exclamation-class {
     height: 25px;
     left: calc(50% - 280px/2 + 64px);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 25px;
     color: #FF7F00;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: 4px 4px;
 }

 .exclamation-class .fa {
     width: 20.25px;
     height: 18.3px;
     color: #FF7F00;
     font-size: 20px !important;
 }

 .border-class-recov {
     width: 100%;
     height: 240px;
     left: 1.77px;
     top: 0px;
     border: 1px solid #E6E7E7;
     box-sizing: border-box;
     margin-top: 0px;
 }

 .border-btm {
     width: 100%;
     left: 0px;
     top: 62px;
     border-bottom: 1px solid #E6E7E7;
     padding: 10px;
     margin-bottom: 20px;
     display: flex;
     /* justify-content: center; */

 }

 .code-remain {
     width: 50%;
     padding-top:5px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
     line-height: 22px;
     color: #626469;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin-left: 0px;
 }

 .getNewCode {
     flex-direction: row;
     justify-content: center;
     align-items: center;
     position: static;
     margin: 0px;
   
 }

 .getNewCode .fa-refresh {
     position: relative;
     left: 11.78%;
     right: 5%;
     bottom: 3.94%;
     color: #333333;

 }

 .getNewcode-width {
     /* width: 158px; */
     height: 32px;
     left: 217px;
     top: 0px;
     padding: 0px 30px;
     background: #FFFFFF;
     border: 1px solid #333333;
     box-sizing: border-box;
     border-radius: 2px;
     flex: none;
     order: 2;
     flex-grow: 0;
     font-family:'ArialRoundedMTforSE-Regular_Latin';
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     align-items: center;
 }

 .table-width {
     position: static;
     width: 100%;
     height: auto;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin-top: 20px;

 }

 .paddingClass{
     padding-right:0px;
     text-align:left;
     padding-top:10px;
     padding-left:130px;
 }
 .printClass{
     padding-right:130px;
 }

 .second-code {
     width: 135px;
     height: 125px;
     left: 0;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: 0px 60px;
     display: inline-block;
     list-style: none;
 }

 .copybtn {
     justify-content: center;
     align-items: center;
     position: static;
     width: 100%;
     height: 35px;
     left: 0px;
     top: 0px;
     border-radius: 2px;
     flex: none;
     order: 0;
     /* margin: 10px 0px; */
 }

 .copybtn input {
     width: 350px;
     height: 40px;
     border-radius: 2px !important;
 }

 .mfaConsent1 {
     color: #3dcd58;
     margin-bottom: 12px;
     padding-left: 0;
     /* font-weight: bold; */
     font-size: 28px;
 }

 .mfaConsent2 {
     color: #5A5A5A;
     text-align: center;
 }

 .create-an-account {
     height: 40px;
     width: 288px;
     color: #FFFFFF;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-size: 18px;
     font-weight: bold;
     letter-spacing: 0;
     line-height: 24px;
     text-align: center;
     border: none;
     /*background-color:  #008A16;*/
 }

 .btnMargin {
     padding-left: 15%;
     padding-right: 15%;
 }

 #enableBtn {
     margin-bottom: 10px;
     background-color:#008A16;
     color: white;
     width: 200px !important;
 }

 #disableBtn {
     margin-bottom: 10px;
     background-color:#008A16;
     color: white;
     width: 200px !important;
 }

 .twofabtnchild {
     width: 200px !important;
     margin-bottom: 20px;
 }
 .mfa-on-off-screen-auth-width {
     width: 100%;
     height: 100%;
     padding-left: 0px !important;
     padding-right: 0px !important;
 }

 .mfa-onoff-container .mfa-on-off-screen {
     padding: 20px 30px;
     border: 1px solid #dcdcdc;
     margin-bottom: 0px !important;
     background-color: #ffffff;
 }
 .userEmaildesc-hover .mfa-on-off-screen{
     border-bottom: 1px;
 }
 .twoFactorAuthScreen {
     margin:20px 0px;
 }

 .emailLabel {
         padding-left: 15%;
         text-align: left;
         font-family: ArialRoundedMTforSE-Regular_Latin;
         font-style: bold;
         font-weight: 700;
         font-size: 22px;
         line-height: 25px;
         color: #626469;
 }

 .userEmaildesc .mfa-on-off-screen {
     padding: 20px 30px;
     border: 1px solid #dcdcdc;
     margin-bottom: 0px !important;
     border-left:1px;
     border-right:1px;
     border-bottom: 1px;
 }
 .useRecoverdesc .mfa-on-off-screen{
     padding: 20px 30px;
     border: 1px solid #dcdcdc;
     margin-bottom: 0px !important;
 }

 .mfa-on-off-screen .mfa-on-off-screen-2FA {
     padding: 10px 5px;
 }

 .mfa-on-off-screen-container {
     padding: 20px 30px;
     border: 1px solid #dcdcdc;
     margin-bottom: 100px;
     margin-bottom: 40px;
 }

 .container-screen {
     padding: 20px 30px;
 }

 .mfabox {
     width: 450px !important;
 }

 .mfaConsent1 {
     color: #3dcd58;
     margin-bottom: 12px;
     padding-left: 0;
     /* font-weight: bold; */
     font-size: 28px;
 }

 .head-scan-title .idms-arrow-left {
     background-position: 0 0px;
     padding: 0px 16px;
     cursor: pointer;
 }

 .phone-verification-code {
     padding-left: 15%;
     text-align: left;
 }

 .verify-message-desc {
     padding-left: 0px;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex-grow: 0;

 }

 .mfa-descp {
     font-weight: bold;
     font-size: 18px;
     line-height: 25px;
     padding: 15px 20px;
     color: #333333;

 }
 .twoFAHeading-backup {
     border-left: 0px !important;
     border-right: 0px !important;
     padding-top: 15px;
     padding-bottom: 15px;
     width: 100%;
     border: 1px solid #dcdcdc;
     padding-left: 15px;

 }


 .email2FA {
     margin-left: 3%;
 }

 .userEmail .mfa-on-off-screen {
     padding: 20px 30px;

 }

 .useEmailBtn1 {
     width: 95px;
     height: 32px;
     margin-top: 0px;
     justify-content: center;
     align-items: center;
     padding: 6px 16px;
     left: 0px;
     top: 0px;
     background: #FFFFFF;
     border: 1px solid #333333;
     box-sizing: border-box;
     border-radius: 2px;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: 0px;
 }

 .useSMSBtn {
     width: 90px;
     height: 32px;
     justify-content: center;
     align-items: center;
     padding: 6px 16px;
     background: #FFFFFF;
     border: 1px solid #333333;
     box-sizing: border-box;
     border-radius: 2px;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 10px 20px;
 }

 .useAppBtn {
     width: 84px;
     height: 32px;
     left: 0px;
     top: 0px;
     background: #FFFFFF;
     border: 1px solid #333333;
     box-sizing: border-box;
     border-radius: 2px;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: 0px;
 }

 .checkBtn {
     height: 32px;
     left: 0px;
     top: 0px;
     background: #FFFFFF;
     border: 1px solid #333333;
     box-sizing: border-box;
     border-radius: 2px;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: 0px;
 }

 .mfa-on-off-screen-phone input[type="button"] {
     float: right;
 }

 .mfa-on-off-screen-2FA .mfa-desc {
     width: 273px;
     height: 25px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 22px;
     line-height: 25px;
     color: #333333;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 0px
 }

 .mfa-on-off-screen-phone {
     border: 1px solid #dcdcdc;
     border-top: 0px;
     border-left:1px;
     border-right:1px;
     padding:20px 30px;
     padding-left:15px;

 }

 .mfa-on-off-screen-phone .mfa-desc {
     line-height: normal;
     vertical-align: -webkit-baseline-middle;
     font-weight: bold;
     position: static;
     width: 273px;
     height: 25px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
     line-height: 25px;
     color: #333333;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 0px 20px;
 }

 .mfa-on-off-screen-Auth {
     padding: 15px 30px;
     border-left: 0;
     border-right: 0;
     border-bottom: 1px solid #dcdcdc;
 }

 .mfa-on-off-screen-key {
     height: 100%
 }

 .margBtm-15 {
     margin: 20px 0px;
 }

 .twofactor-profile {
     text-align: left;
 }

 .userAuthdesc .mfa-on-off-screen {
     padding-bottom: 0%;
     border: 1px solid #dcdcdc;
 }

 .userAuthdesc-text .mfa-on-off-screen {
     padding-bottom: 0%;
     border: 1px solid #dcdcdc;
 }


 .mrg-top-20 {
     margin-top: 20px;
 }

 .mfaTurnOff {
     background-color:#008A16;
     color: #fff !important;
     font-family:'ArialRoundedMTforSE-Regular_Latin';
     border-style: none;
     width: 88px;
     height: 40px;
 }

 .mfaTurnOff:hover {
   background-color:#0FB542;
 }

 .display-class {
     display: none;
 }

 .display-block {
     display: block;
 }

 .title-mfa {
     position: static;
     width: 100%;
     height: 44px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 37px;
     line-height: 45px;
     text-align: center;
     color: #3DCD58;
     flex: none;
     order: 0;
     flex-grow: 0;
     padding-top: 20px;
     margin-bottom: 20px;
 }

 .mfa-desc-auth {
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     flex-grow: 0;
     margin: 8px 0px;

 }

 .mfa-desc-email {
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     flex-grow: 0;
 }

 .ovalShape {
     width: 16px;
     height: 16px;
     top: 0px;
     background: #3DCD58;
     flex: none;
     order: 1;
     flex-grow: 0;
     margin: -7px 10px;
     border-radius: 50%;
     display: inline-block;
 }

 .padleft-0 {
     padding-left: 0 !important;
     padding-right: 0 !important;
 }

 .marg-4 {
     font-size: 16px;
     margin: 4px 0px;

 }

 .mfabox {
     width: 450px !important;
 }

 .mfaConsent1 {
     color: #3dcd58;
     margin-bottom: 12px;
     padding-left: 0;
     /* font-weight: bold; */
     font-size: 28px;
 }

 .head-scan-title .idms-arrow-left {
     background-position: 0 0px;
     padding: 0px 16px;
     cursor: pointer;
 }

 .title-mfa {
     position: static;
     width: 100%;
     height: 44px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 37px;
     line-height: 45px;
     text-align: center;
     color: #3DCD58;
     flex: none;
     order: 0;
     flex-grow: 0;
 }

 .borderBottom {
     flex: none;
     order: 8;
     flex-grow: 0;
     margin: 16px 0px;
 }


 .borderClass {
  border-bottom: 1px solid #E6E7E7;
 }

 .email-verification-code {
     padding-left: 15%;
     text-align: left;
     width: 390px;
     height: 50px;
     left: calc(50% - 339px/2);
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
 }

 .email-verification-code2 {
     padding-left: 15%;
     text-align: left;
     width: 370px;
     height: 50px;
     left: calc(50% - 339px/2);
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 1px;
     line-height: 25px;
     color: #626469;
 }

 .phone-verification-code {
     padding-left: 15%;
     text-align: left;
     width: 370px;
 }



 .create-an-account {
     height: 40px;
     width: 288px;
     color: #FFFFFF;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-size: 18px;
     font-weight: bold;
     letter-spacing: 0;
     line-height: 24px;
     text-align: center;
     border: none;
     /*background-color:  #008A16;*/
 }

 .btnMargin {
     padding-left: 15%;
     padding-right: 15%;
 }

 #enableBtn {
     margin-bottom: 10px;
     background-color:#008A16;
     color: #ffffff;
     width: 200px !important;
 }

 #disableBtn {
     margin-bottom: 10px;
     background-color:#008A16;
     color:#ffffff;
     width: 200px !important;
 }

 .twofabtnchild {
     width: 200px !important;
     margin-bottom: 20px;
 }



 .setupScanCode {
     text-align: left;
     margin-left: 15%;
     position: static;
     width: 339px;
     height: 75px;
     left: calc(50% - 339px/2);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
 }

 .scanQRcode {
     font-size: 16px;
     font-weight: normal;
     text-align: left;
 }

 .twoFactorAuthScreen .nextbtn .btnWidth {
     width: 70%;
     height: 40px;
     margin: 16px 0 !important;
 }
 .twoFactorAuthScreen .nextbtn{
     padding:0px;

 }

 .mfabox {
     width: 450px !important;
 }

 .mfaConsent1 {
     color: #333333;
     margin-bottom: 12px;
     padding-left: 0;
     font-size: 28px;
 }

 .overflowAuto {
     overflow: auto;
 }

 .head-scan-title .idms-arrow-left {
     background-position: 0 0px;
     padding: 0px 16px;
     cursor: pointer;
 }

 .emailradio-phone {
     text-align: left;
     margin-left: 15%;
     padding-top: 15px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
     color: #626469;
    
 }
 .adjust-width .dropdown-scroll {
    margin-bottom: 10px;
 }
 .nextbtn input{
    width:70% !important;
    margin: 0 auto;
 }


 .title-mfa {
     position: static;
     width: 100%;
     height: 44px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 37px;
     line-height: 45px;
     text-align: center;
     color: #3DCD58;
     flex: none;
     order: 0;
     flex-grow: 0;
 }

 .borderBottom {
     flex: none;
     order: 8;
     flex-grow: 0;
     margin: 16px 0px;
 }

 .twofaEmailEnter {
     position: static;
     width: 370px;
     left: calc(50% - 339px/2);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
     margin: 8px 0px;
     padding-left: 15%;
     text-align: left;
 }

 .phone-verification-code {
     padding-left: 15%;
     text-align: left;
     width: 370px;
 }

 .create-an-account {
     height: 40px;
     width: 288px;
     color: #FFFFFF;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-size: 18px;
     font-weight: bold;
     letter-spacing: 0;
     line-height: 24px;
     text-align: center;
     border: none;
     /*background-color:  #008A16;*/
 }

 .btnMargin {
     padding-left: 15%;
     padding-right: 15%;
 }

 #enableBtn {
     margin-bottom: 10px;
     background-color:#008A16;
     color: #ffffff;
     width: 200px !important;
 }

 #disableBtn {
     margin-bottom: 10px;
     background-color:#008A16;
     color: #ffffff;
     width: 200px !important;
 }

 .twofabtnchild {
     width: 200px !important;
     margin-bottom: 20px;
 }


 .setupScanCode {
     text-align: left;
     margin-left: 15%;
     position: static;
     width: 339px;
     height: 75px;
     left: calc(50% - 339px/2);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
 }

 .scanQRcode {
     font-size: 16px;
     font-weight: normal;
     text-align: left;
 }


 .mfabox {
     width: 450px !important;
 }

 .mfaConsent1 {
     color: #3dcd58;
     margin-bottom: 12px;
     padding-left: 0;
     /* font-weight: bold; */
     font-size: 28px;
 }

 .head-scan-title .idms-arrow-left {
     background-position: 0 0px;
     padding: 0px 16px;
     cursor: pointer;
 }



 .title-mfa {
     position: static;
     width: 100%;
     height: 44px;
     left: 0px;
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: normal;
     font-size: 37px;
     line-height: 45px;
     text-align: center;
     color: #3DCD58;
     flex: none;
     order: 0;
     flex-grow: 0;
 }

 .borderBottom {
     flex: none;
     order: 8;
     flex-grow: 0;
     margin: 16px 0px;
 }

 .phone-verification-code {
     padding-left: 15%;
     text-align: left;
     width: 370px;
 }

 .emailVerifyCode2 {
     padding-left: 0px;
     position: static;
     width: 375px;
     height: 125px;
     left: calc(50% - 339px/2);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
     margin: 0px;
 }

 .create-an-account {
     height: 40px;
     width: 288px;
     color: #FFFFFF;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-size: 18px;
     font-weight: bold;
     letter-spacing: 0;
     line-height: 24px;
     text-align: center;
     border: none;
     /*background-color:  #008A16;*/
 }

 .btnMargin {
     padding-left: 15%;
     padding-right: 15%;
 }

 #enableBtn {
     margin-bottom: 10px;
     background-color:  #008A16;
     color: white;
     width: 200px !important;
 }

 #disableBtn {
     margin-bottom: 10px;
     background-color:  #008A16;
     color: white;
     width: 200px !important;
 }

 .twofabtnchild {
     width: 200px !important;
     margin-bottom: 20px;
 }



 .setupScanCode {
     text-align: left;
     margin-left: 15%;
     position: static;
     width: 339px;
     height: 75px;
     left: calc(50% - 339px/2);
     top: 0px;
     font-family: ArialRoundedMTforSE-Regular_Latin;
     font-style: normal;
     font-weight: bold;
     font-size: 16px;
     line-height: 25px;
     color: #626469;
     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 0;
 }

 .scanQRcode {
     font-size: 16px;
     font-weight: normal;
     text-align: left;
 }
.margAuto-20{
    margin:0 20px;
}
.breakWordClass{
    word-wrap: break-word;
    font-weight: bold;
   
}
.paddLftRight0{
    padding-left:0;
    padding-right: 0;
}
/* Switch CSS */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    top:25px;
}
.switch input {
    opacity: 0 !important;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #3DCD58;
}

input:focus+.slider {
    box-shadow: 0 0 1px #3DCD58;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Session History UI */

.boxWidth {
    margin: 0 auto;
    width: 1180px;
    height: auto;
}

table,
th,
.bordertrClass td {
    height: 50px;
    border-collapse: collapse;
    text-align: center;
}

.btnWidthDelete {
    width: 100px;
    padding: 5px;
    margin-top: 20px;
    margin-left: -15px;
}

.borderBottomContent {
    border: 1px solid #E6E6E6;
    margin-left: 0px;
    background-color: #ffffff;
}

.floatclassRight {
    text-align: center;
    justify-content: center;
    padding-top: 10px;

}

.bordertrClass {
    border-bottom: 1px solid #dcdcdc;
}

.contentWidth {
    padding-bottom: 20px;

}

.paddingClassSession {
    padding-top: 10px;
    text-align: center;
    justify-self: center;
    margin-bottom: 15px;
}

/* The Modal (background) */
html,
body .modal {
    overflow: hidden;
    position: fixed;
}

.modal {
    display: inline-block;
    position: fixed;
    z-index: 1;
    padding-top: 0px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);

}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
}

/* The Close Button */
.close {
    float: right;
    font-size: 30px;
    font-weight: bold;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:hover,
.close:focus {
    color: rgb(15, 0, 0);
    text-decoration: none;
    cursor: pointer;
}

.modal-dialog {
    width: 600px;
    margin: 30px auto;
}

.modal-header .close {
    margin-top: -36px;
    margin-right: -30px;
}
.modal-header{
    display: inline-block;
    border-bottom: 0;
}
.colorHeading{
    color:#3dcd58;
}
/* setpassword upgrade */
.background_color_pwd {
    text-align: center;
    background-color: #eaeaea;
    margin-inline-end: 26%;
    margin-inline-start: 26%;
    border-radius: 4px;
    font-size: 24px;
    color: rgb(53, 48, 48);
    font-weight: 600;
    padding-top: 1%;
    padding-bottom: 1%;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.checkbox-align {
    margin-right: 10px;
    margin-left: 10px;
}
.checkbox-align2 {
    margin-right: 10px;
    margin-left: 10px;
 }


 .checkbox-align .checkbox {
     top: 42px;
     right: 20px;
 }

 .checkbox-align1 .checkbox {
     top: 15px;
     right: 15px !important;
 }

 .checkbox-align2 .checkbox {
    top: 0px;
    right: 20px;
}

 .marg-top-5 {
     padding-left: 10%;
     padding-top: 0%;
     padding-right: 10%;
 }

 .marg-top-10 {
     padding-top: 0% !important;
     padding-right: 0 !important;
 }

.background-header .head-nav-title {
    padding-top:50px;
}
 span .desc-txt-consent {
     text-align: left;
     font-size: 14px;
     padding-left: 10px;
     color: rgb(59, 58, 58);
     width: auto;
     overflow: auto;
     height: auto;
     display: inline-block;

 }

 /*  2FA help Guide CSS */
 hr {
     width: 94%;
     margin-left: 0;
     border-top: 1px solid #E6E7E7;
 }
ol {
    counter-reset: item;
}

ol > li {
    display: block;
}

ol > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

 .helpGuideMargin {
     padding-left: 5%;
     padding-right: 5%;
 }

 .helpGuideContentMargin {
     padding-left: 7%;
 }

 .guideBox {
     padding-top: 2%;
 }
 .arrowClass .fa {
     color: #333333 !important;
 }

 .fa-angle-up:before {
     font-size: 20px;
     font-weight: bold;
 }

 .fa-angle-down:before {
     font-size: 20px;
     font-weight: bold;
 }
 .container-fluid {
     width: auto;
     box-shadow: none;
     max-width: 100%;
     /* background-color: #FAFAFA; */

 }

 .main_bg {
     position: relative;
     width: 100%;
     height: auto;
     background: #FAFAFA;
     margin: 0 auto;
 }

 .main_header img {
     width: 215px;
     height: 45px;
 }

 .login-header {
     margin: 0 auto;
     background-color:#FAFAFA;
     width: 100%;
     padding:0;
     height:58px
 }

 .login-header1 {
     margin: 0 auto;
     background-color:#FAFAFA;
     width: 100%;
 }

 .verifivationCode {
     text-align: left;
     font-size: 18px;
     padding-left: 0px;
     line-height: 30px;
     color: #333333 !important;
 }

 .margAuto {
     margin: auto;
     padding-top: 10px;
 }

 .font16 {
     font-size: 16px;
     color: #333333;
 }

 .font16bold {
     font-size: 16px;
     color: #333333;
     font-weight: 700;
 }

 .font30 {
     font-size: 30px;
     font-style: normal;
     font-weight: 700;
     font-size: 30px;
     line-height: 40px;
     color: #333333;
 }

 .font18 {
     font-size: 18px !important;
     color: #333333;
 }

 .padding-10 {
     padding-top: 20px;
 }

 .padding10 {
     padding-top: 10px;
 }

 .address-hint {
     font-size: 14px !important;
     line-height: 20px;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     color: #626469;
 }

 .mid_section {
     width: 100%;
     margin: auto;
     padding-top: 0px;
     height: auto;
     overflow: hidden;
     background-color: #ffffff;
    
 }

 /* .imgPosition {
     position: relative;
     left: 5rem;
     right: 0;
 } */

 .imgPosition img {
     width: 185px;
     height: 60px;
 }

 .top-image-container img {
     width: 100%;
     height: 250px;
 }

 .top-image-container div img {
     position: absolute;
     height: 50px;
     width: 183px;
     background-color: #ffffff;
 }
 ul li,
 ol li {
     margin-left: 0px;
     padding-left: 0;
 }

 .textWidth {
     width: 100%;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     font-family: 'ArialRoundedMTforSE-Regular_Latin';
     
 }

 .textPosition {
     /* position: absolute;
  bottom: 40px;
  left: 2%; */
     width: 100%;
     height: auto;
     font-style: normal;
     font-weight: 700;
     font-size: 16px;
     line-height: 22px;
     display: block;
     align-items: center;
     color: #333333;
     font-family: 'ArialRoundedMTforSE-Regular_Latin'
     ;
 }

 .registerHereBox {
     box-sizing: border-box;
     align-items: flex-start;
     padding: 0px;
     gap: 20px;
     width: 100%;
     height: auto;
     background: #FFFFFF;

 }

 .labelPostion {
     float: left;
     font-size: 14px;
     color: #333333;
     font-family: 'ArialRoundedMTforSE-Regular_Latin';
     font-style: normal;
     font-weight: 400;
 }

 .col .positionAbs {
     position: absolute;
     top: 267px;
     left: 4%;
 }

 .buttonInput {
     width: 100%;
     height: 40px;
     border: 1px solid #008A16;
     background: none;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 19px;
     margin-top: 5px;
 }

/*
  // @IDMS_SONARSCAN_START@
*/