button#loginWithOtp, button#sl-send-otp, button#sl-login-otp {   cursor:pointer; } #sl-otp-login {   margin:20px 0; } #sl-otp-login input {   padding:8px; } #sl-otp-message {   margin-top:10px;   color:green;   text-align:center;   font-weight:600; } div#sl-otp-login {   display:flex;   flex-wrap:wrap;   flex-direction:column;   min-width:280px; } div#sl-otp-section {   display:flex;   flex-direction:column; } #sl-otp-login input {   width:100%;   max-width:unset;   background:#fff;   outline:1px solid #9fceff !important;   font-weight:500;   color:#000;   border-radius:4px;   margin-bottom:10px;   border:unset; } #sl-otp-login input:hover {   outline:1px solid #1e59bc !important; } #sl-otp-login input:active, #sl-otp-login input:focus, #sl-otp-login input:target, #sl-otp-login input:focus-visible, #sl-otp-login input:focus-within {   outline:2px solid #1e59bc !important; } button#sl-login-otp , button#sl-send-otp {   background:#2bbf63;   color:#fff;   border:0;   padding:10px;   height:35px;   border-radius:4px;   outline:1px solid #2bbf63 !important;   font-weight:500;   text-align:center;   display:flex;   justify-content:center;   align-items:center; } div#sl-otp-message-success {   text-align:center;   margin-top:10px;   font-weight:500;   color:#000; } div#sl-otp-message-error {   text-align:center;   font-weight:500; } *, *:before, *:after {   -webkit-box-sizing:border-box; box-sizing:border-box; } div#login-signup-div {   display:flex;   align-items:center;   gap:10px;   justify-content:center;   flex-wrap:wrap;   flex-direction:row; } div#login_icons p.option {   margin-bottom:15px;   margin-top:15px;   text-align:center;   position:relative; } div#login_icons .option {   display:flex;   justify-content:center;   margin-top:15px;   margin-bottom:15px;   align-content:center;   align-items:center;   gap:10px; } div#login_icons .option span.for-bd {   flex:1;   height:1px;   background-color:#b9b9b9;   border:none; }  div#login_icons .option p {   margin-bottom:0; } div#login_icons .social-icon-box {   display:flex;   align-items:center;   gap:10px;   justify-content:center; } button#loginWithOtp {   background:unset;   border:unset;   padding:0; } .social-icon-box svg {   width:50px;   height:50px; } .social-icon-box svg {   width:40px;   height:40px;   box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px !important;   border-radius:50%;   transition:0.3s;   display:flex;   align-content:center;   justify-content:center;   align-items:center;   padding:5px; } div#sl-otp-button-wrapper {   display:flex; } .social-icon-box svg:hover {   transform:translateY(-5px); } body #login-only-div div#sl-otp-form-wrapper #sl-otp-login input {   font-size:14px;   line-height:14px !important; } div#login-only-div .dots {   height:20px;   z-index:999;   position:relative; } div#login-only-div .dots {  width:50px;  height:13.4px;  background:radial-gradient(circle closest-side,#ffffff 90%,#0000) 0%  50%,  radial-gradient(circle closest-side,#ffffff 90%,#0000) 50% 50%,  radial-gradient(circle closest-side,#ffffff 90%,#0000) 100% 50%;  background-size:calc(100%/3) 100%;  background-repeat:no-repeat;  animation:dots-zcf63l 1s infinite linear; } @keyframes dots-zcf63l {  33% { background-size:calc(100%/3) 0% ,calc(100%/3) 100%,calc(100%/3) 100%;  }   50% { background-size:calc(100%/3) 100%,calc(100%/3) 0% ,calc(100%/3) 100%;  }   66% { background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%;  } } .login-action-login form#loginform {   display:flex;   flex-wrap:wrap;   justify-content:space-between; } .login-action-login form#loginform p:first-child {   order:1; } .login-action-login form#loginform .user-pass-wrap {   order:2; } .login-action-login form#loginform .forgetmenot {   order:3; } .login-action-login form#loginform .submit {   order:4; } .login-action-login form#loginform div#login_icons {   order:5;   width:100%;   margin-top:30px; } div#sl-error-page-form p {   text-align:center;   padding:10px;   font-size:16px;   font-weight:700; } div#sl-error-message-wrapper p#error-message {   text-align:center;   padding:10px;   font-size:16px;   font-weight:700;   color:red; } div#login-signup-div a:focus{   box-shadow:unset; }