.bottom-pause-msg {position: absolute;bottom: 0;width: 96%;left: 0;padding: 9px 10px 9px 34px;background: #f5f5f5;color: #155724;}
.info-ico {background: #155724;color: #fff;border-radius: 50%;display: inline-block;padding: 1px 8px 2px 8px;margin-right: 6px;text-align: center;position: relative;top: -9px;left: 8px;}
.info-msg {width: 53%;display: inline-block;text-align: left;padding-left: 15px;}
.contArea {position: relative;padding-bottom: 60px !important;}  
.submit.deactive {background: #ccc !important;border-color: #ccc;pointer-events: none;cursor: not-allowed;}
.error{display: block;color: rgb(255, 0, 0);font-size: 12px;}
#notification {position: fixed;top: 10px;width: 30%;z-index: 105;text-align: left;font-weight: normal;font-size: 14px;font-weight: 500;padding: 8px;right: 10px;line-height: 16px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 10%);}
#notification_msg{padding-right: 20px;}
#notification span.dismiss {cursor: pointer;background: url(/images/html5/layout/casemngrtpl/close_btn_mesg.png) no-repeat;color: #999;text-shadow: 1px 1px #fff;width: 15px;height: 15px;font-family: 'opensans_lgt', Arial, Helvetica, sans-serif;position: fixed absolute;position: absolute;right: 8px;top: 0px;transform: translate(0%, 50%);}
.otp_success{display: block; background-color:#eaf7d4; color:#2a363b; border-top:2px solid #8bc32e;}
.otp_error{display: block; background-color:#ffe2e2; color:#2a363b; border-top:2px solid #f45757;}
.resendCode-text {text-align: left;font-size: 12px;line-height: 20px;height: 10px; float: right;}
.btn-row input[type="button"]{border-radius:20px; background:#a5ce3a; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; display:inline-block; width:auto; padding:12px 50px; font-weight:600; text-transform:uppercase; border:0px; color:#ffffff; font-size:18px; -webkit-appearance:none; -moz-appearance:none; -0-appearance:none; -ms-appearance:none; cursor:pointer; }
.loginPageBiz2c .btn-row input[type="button"]{height:45px; border-radius:33.3px;background-color:#0e7d3f;line-height:45px;padding:0px 30px;text-align:center;font-family:Poppins;text-transform:none;font-size:23px;font-weight:bold;color:#fff;width:100%;}

.loginPageBiz2c .userBox .customTab-container .link-para {height: 25px;margin:0px;}
.loginPageBiz2c .userBox .loginForm .form-group {margin-bottom: 10px;}
.cardHeader {display: flex;gap: 20px;align-items: flex-start;}                       
.cardHeader a {display: inline-flex;}       
.cardHeader .backBtn svg{transition: 0.3s all;}
.cardHeader .backBtn svg:hover {fill: #0E7D3F;}
.cardHeader .backBtn svg:hover path {fill: #fff;}
.loginPageBiz2c .boxShadow .contArea .cardHeader  .subTitle {font-weight: 500;}  
.loginPageBiz2c .userBox .form-group.userName-input {margin-bottom: 48px;}
.socialAccountsContainer {margin-top: 48px;}
.socialAccountsContainer p {text-align: center;color: #747070;font-size: 16px;line-height: 24px;}
.socialMediaPlatforms {display: flex;align-items: center;justify-content: center;gap: 18px;margin-top: 20px;}
.socialMediaPlatforms li {transition: 0.3s all;}
.socialMediaPlatforms li:hover {transform: scale(1.15);}
.loginPageBiz2c .btn-row input[type="submit"]{font-size: 22px;}      
.loginPageBiz2c .btn-row input[type="submit"]:hover, .customTab li.active:hover{  opacity: 0.9;}
.customTab{margin-bottom: 18px;}
.customTab ul{display: flex;gap: 26px;}
.customTab li {flex-basis: 100%;}  
.customTab a {border: 1px solid #0E7D3F;border-radius: 4px;color: #0E7D3F;text-align: center;text-decoration: none;font-size: 16px;font-weight: 700;line-height: 24px;display: flex;justify-content: center;align-items: center;height: 47px;box-sizing: border-box;} 
.customTab li.active {background: #0E7D3F;border-radius: 4px;}
.customTab li.active a {color: #fff;}
.otpInputs-container {display: flex;justify-content: space-between;gap: 22px;margin-bottom:10px;}
.form-group.fropwswrap.otpVerification {margin-bottom: 30px;}
.otpInputs-container input {max-width: 43px;height: 43px;text-align: center;font-size: 18px;font-weight: 500;line-height: 27px;color: #000;border: 1px solid #000;border-radius: 4px;}   
.otpTimer {font-weight: 600;color: #0E7D3F;}
.customTab-container > div:not(:first-child) {display: none;}
@media screen and (max-width:480px){
    .customTab ul {gap: 14px;}
    .customTab a {padding: 2px 10px;line-height: 18px;}
    .otpInputs-container {gap: 12px;}   
    .otpInputs-container input {max-width: 32px;padding: 8px;height: 33px;font-size: 16px;}
    .loginPageBiz2c .boxShadow .contArea .cardHeader  .subTitle {line-height: 22px ;margin-top: 8px;}
    #notification {width: 90%;font-size: 12px;padding: 6px;}
} 
.link-para a {font-family: Poppins;font-size: 12px;font-weight: 500;line-height: 18px;text-align: left;}
.link-para a.grn {font-style: normal !important;color: #0E7D3F !important;text-decoration: underline;}
.link-para a:hover{text-decoration: none;}
.otp-timer {width: 25px !important;color: #228848;font-weight: 500;}
.login_container_footer{padding: 0 20px !important;}
.sign_in_otp{float: left;}
.forgot_pass{float: right;}
.link-para1{ text-align: center;}
.customTab-container{ height: 160px;}
.customTab-container .sign_in_otp_notification{height:40px;font-family: Poppins;font-size: 12px;font-weight: 400;line-height: 18px;text-align: left; color:#0E7D3F;}
.loader-otp{display:none; position:fixed; z-index:999999999999999;left:0px; top:0px; width:100%; text-align:center; background-color:white;height:100%; opacity:.5;}
.loginUserName{border:1px solid red !important;}
.read-only-bg-color{background: #cccccc3d !important;}
.error-message{ color: red; display: none;}
.display-block{
    display: block !important;
}