*{outline: none;}
.custom-modal {width: 600px; margin: 15% auto;}
.custom-modal .modal-content {border-radius: 0;}
.custom-modal .tab-content {padding: 25px;}
.custom-modal .tab-content .form-group label {font-weight: normal; font-size: 16px;}
.custom-nav-tabs {border-bottom: transparent; background-color: #eaeaea;}
.custom-nav-tabs>li { width: 50%; min-height: 47px;}
.custom-nav-tabs>li>a {border: 1px solid transparent; border-radius: 0; color: #2e3233; min-height: 47px; text-align: center;}
.custom-nav-tabs>li>a:hover {border-color: transparent; border-bottom-width: 0; background-color: transparent;}
.custom-nav-tabs>li.active>a, .custom-nav-tabs>li.active>a:focus, .custom-nav-tabs>li.active>a:hover {color: #2e3233; cursor: default; background-color: #eaeaea; border: 1px solid #a7a7a7;    border-bottom: 2px solid #a7a7a7; border-right: transparent;    border-left: transparent; border-top: transparent;}  
.sl-form-control {border: 1px solid #d7d7d7; box-shadow: none; background-color: #ededed; height: 38px; line-height: 38px; display: block; width: 100%; padding: 0 12px; font-size: 14px;}
.sl-form-control:focus {border: 1px solid #b1b1b1; outline: none;}
.block {background-color: #f6f6f6; padding: 10px 10px 0 10px;}
.alert {padding: 10px;}  
.mt10 {margin-top: 10px;}  
.sl-error-msg {color: #c63834; font-size: 14px;}  
.sl-error-border {border: 1px solid #c63834;}  
.btn {min-width: 150px;}
a.forgot, a:hover.forgot, a:focus.forgot, a:active.forgot {color: #2e3233 !important;}  
.close {float: right; font-size: 24px; font-weight: 700; line-height: 24px; color: #252525; text-shadow: none; filter: alpha(opacity=100); opacity: 1; top: -10px; z-index: 9999;    position: absolute; right: -10px; background-color: #c6c6c6 !important; width: 25px; height: 25px; border-radius: 50%;}  
.close:focus, .close:hover {opacity: 1;}  
.form-group {margin-bottom: 15px;}  
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #2e3233;}  
input:-moz-placeholder, textarea:-moz-placeholder {color: #2e3233;}  
input::-moz-placeholder, textarea::-moz-placeholder {color: #2e3233;}  
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #2e3233;}  
.forgotpass{width: 500px; margin: 0 auto; padding: 20px 16px; background: #f7f7f7; border: 1px solid #c3c3c3; border-radius: 5px;}
.forgotpass input[type="text"], .forgotpass input[type="password"]{ background: #fff; font-size: 12px;}
span#litLoginId {color: #ffffff; font-size: 13px; letter-spacing: 0.5px; background: #3c3b3b; padding: 2px 15px 4px 15px; border-radius: 4px;}
@media screen and (max-width: 320px) {
.custom-modal {width: 300px; margin: 25px auto;}
}
@media screen and (max-width: 480px) {
.custom-modal {width: 300px; margin: 25px auto;}
    .forgotpass{width: 290px; margin: 0 auto; padding: 15px; background: #f7f7f7; border: 1px solid #c3c3c3; border-radius: 5px;}
}

/* --- Login tab bar --- */
.sl-login-tabs { display: flex; background: #f5f5f5; border-bottom: 2px solid #e0e0e0; }
.sl-tab-btn { flex: 1; padding: 13px 0; background: none; border: none; border-bottom: 3px solid transparent; font-size: 14px; font-weight: 600; color: #888; cursor: pointer; transition: color .15s, border-color .15s, background .15s; }
.sl-tab-btn.sl-tab-active { color: #EE7E3C; border-bottom-color: #EE7E3C; background: #fff; }
.sl-tab-btn:hover:not(.sl-tab-active) { color: #555; background: #ebebeb; }

/* --- OTP step indicator --- */
.sl-otp-steps { display: flex; align-items: center; margin-bottom: 15px; }
.sl-otp-step { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #bbb; white-space: nowrap; }
.sl-otp-step.sl-otp-step-active { color: #333; font-weight: 600; }
.sl-otp-step.sl-otp-step-done { color: #EE7E3C; }
.sl-step-dot { width: 22px; height: 22px; border-radius: 50%; background: #e0e0e0; color: #bbb; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sl-otp-step.sl-otp-step-active .sl-step-dot, .sl-otp-step.sl-otp-step-done .sl-step-dot { background: #EE7E3C; color: #fff; }
.sl-otp-step-sep { flex: 1; height: 1px; background: #e0e0e0; margin: 0 8px; min-width: 20px; }

/* --- Links row (New user / Forgot password) --- */
.sl-links-row { display: flex; justify-content: space-between; padding: 6px 0 4px; font-size: 13px; }
.sl-links-row a { color: #EE7E3C; text-decoration: none; }
.sl-links-row a:hover { text-decoration: underline; }

/* --- T&C footer strip --- */
.sl-dialog-footer { background: #f7f7f7; border-top: 1px solid #e8e8e8; padding: 10px 25px; text-align: center; font-size: 12px; color: #888; }
.sl-dialog-footer a { color: #EE7E3C; text-decoration: none; }
.sl-dialog-footer a:hover { text-decoration: underline; }