.popup-video-box{position:fixed;z-index:6;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8)}
.parentcontainer{display:none}
.parentcontainer.active{display:block !important}
.dishtvform1{z-index:7;position:fixed;right:0;top:0;margin:0 auto;padding-top:20px;width:35%;background-color:white;height:100vh;display:flex;flex-direction:column;padding:40px 50px;max-width:623px;justify-content:space-between}
.dishtvform1 .dishtv-form-upper-container>span{display:flex;justify-content:space-between;align-items:center;padding-top:16px}
.dishtvform1>span>h2{color:#333;font-size:32px;font-weight:600}
.dishtvform1 .login-dish-text .login-dish-sub-text{font-size:16px;font-weight:400;color:#111;margin-top:16px}
.login-heading{color:#333;margin-bottom:15px;font-size:16px;font-style:normal;font-weight:400;line-height:140.625%;letter-spacing:.32px}
input[type="number"]{width:90%;padding:10px;margin:8px 0;box-sizing:border-box;outline:0;border:0;opacity:.6;border-bottom:1px solid #ccc}
.submit{width:90%;margin-top:30px;padding:10px;width:320px;height:50px;border:0;background-color:#f04c23;border-radius:5px;margin-bottom:30px;color:white;cursor:pointer;text-align:center;filter:drop-shadow(0 4px 12px rgba(56,56,56,0.2))}
.submit:hover{background-color:#f04c23}
.or-text{text-align:center;margin:10px 0 20px;color:#828282;font-size:14px;position:relative;padding:0 20px}
.or-text::before{content:"--------------------------------";display:inline;position:absolute;color:#828282;opacity:.5;left:0}
.or-text::after{content:"-------------------------------";display:inline;position:absolute;color:#828282;opacity:.5;right:0}
.social-login{display:flex;justify-content:space-between;padding-bottom:20px;gap:14px;flex-direction:column}
.editmode .dishtvform1{display:none !important}
.social-login button{padding:8px;border:0;border-radius:4px;cursor:pointer;width:100%;height:50px;flex:1;stroke-width:1px;stroke:#e3e3e3;filter:drop-shadow(0 2px 12px rgba(56,56,56,0.15));display:flex;justify-content:center;align-items:center;gap:12px}
.social-login button p{font-size:18px;font-weight:600;color:#111}
.google-login{background-color:white;background-image:url("clientlib/css/search.svg");background-position:center;background-repeat:no-repeat}
.facebook-login{background-color:white;background-image:url("clientlib/css/facebook.svg");background-position:center;background-repeat:no-repeat}
.twitter-login{background-color:white;background-image:url("clientlib/css/facebook.svg");background-position:center;background-repeat:no-repeat}
.after-otp{display:none}
.vcno{margin-top:10px;color:#4f4f4f;font-size:14px;font-style:normal;font-weight:400;line-height:normal}
#vc_no{font-weight:700}
.after-otp{margin:0 auto;text-align:left;margin-top:40px}
.otp-input,.otp-input-new{display:inline-block;width:40px;height:40px;font-size:20px;text-align:center;margin:0 5px;border:0;border-bottom:1px solid #4f4f4f;outline:0}
.otp-input:focus,.otp-input-new:focus{border-color:#4caf50}
.pre-verify-num{color:#828282;display:block;margin-top:10px;margin-bottom:10px;font-size:14px;font-style:normal;width:100%;font-weight:400;line-height:140.625%;letter-spacing:.28px}
.resend-btn{display:block;color:white;font-size:13px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.65px;text-transform:uppercase;border:0;padding:5px;border-radius:5px;display:flex;background:#f04c23;white-space:nowrap;cursor:pointer;margin-top:20px}
.resend-btn #timer{padding-right:5px;height:100%;width:100%;display:block;color:#4f4f4f}
.resend-btn[disabled]{background-color:white;color:#c4c4c4;cursor:not-allowed}
.submit-btn{width:100%;margin-top:20px;padding:10px;font-weight:600;height:50px;border:0;background-color:#f04c23;border-radius:5px;margin-bottom:10px;opacity:.5;color:white;cursor:pointer;text-align:center;filter:drop-shadow(0 4px 12px rgba(56,56,56,0.2))}
.submit-btn.filled{background-color:#f04c23;opacity:1}
.submit-btn.filled[disabled]{background-color:#ccc;cursor:not-allowed}
#login-dishtv-password-otp{opacity:.5}
#login-dishtv-password-otp.filled{background-color:#f04c23;opacity:1}
#login-dishtv-password-otp.filled[disabled]{background-color:#ccc;cursor:not-allowed}
.dishtvform1 .before-otp{margin-top:35px}
.dishtvform1>.img{width:100%}
.dishtvform1>.img .footer-image{width:100%;border-radius:12px}
.before-otp{display:flex;flex-direction:column}
.before-otp #userid{background:transparent;border:0;border-bottom:1px solid #c4c4c4;padding-bottom:12px;padding-top:12px}
.before-otp #userid::placeholder{color:#bdbdbd;font-size:14px;font-style:normal;font-weight:400}
.before-otp #getOtp{background:#f04c23;padding:17px;border-radius:6px;border:0;margin:30px 0;color:#fff;font-size:14px;font-style:normal;font-weight:600;cursor:pointer}
.dishtvform1 .close-login-container{cursor:pointer}
@media screen and (max-width:769px){.dishtvform1{width:100% !important;border:0;top:0;padding:30px}
.dishtvform1>.img>.footer-image{border-bottom-left-radius:0}
.resend-btn{margin-top:26px}
.submit-btn{margin-top:26px}
#otp-wrapper-parent .resend-btn{margin:0}
.pre-verify-num{margin-top:16px;margin-bottom:16px}
.otp-input,.otp-input-new{width:30px;height:30px;font-size:16px}
.dishtvform1 .login-dish-text .login-dish-sub-text{margin-top:25px}
}
.newloginflow{.social-login{flex-direction:row;@media screen and (max-width:650px){flex-direction:column;button{margin:0}
}
}
.edit-vc-container{display:flex;gap:10px;p{font-size:18px;color:#4F4F4F;span{font-weight:700}
}
img{width:12px;object-fit:contain;cursor:pointer}
}
.before-otp{gap:20px}
.before-otp #getOtp{margin:0}
.social-login p{color:#828282}
#resend-btn{width:auto !important}
.social-login button{background:#fff;border-radius:35px !important}
input{background:transparent;border:0;border-bottom:1px solid #c4c4c4;padding-bottom:12px;padding-top:12px}
input::placeholder{color:#bdbdbd;font-size:14px;font-style:normal;font-weight:400}
.login-btn-container-main{display:flex;gap:16px;justify-content:space-between;@media screen and (max-width:650px){flex-direction:column}
}
.login-dishtv-password{background:#f04c23;padding:17px;border-radius:6px;border:0;color:#fff;font-size:14px;font-style:normal;font-weight:600;cursor:pointer}
.get-otp-btn{background:#4f4f4f !important;padding:17px;border-radius:6px;border:0;color:#fff;font-size:14px;font-style:normal;font-weight:600;cursor:pointer}
p{font-size:14px !important;font-weight:400;color:#828282}
.input-detail-container{display:flex;flex-direction:column;margin-top:35px;gap:5px}
.set-new-password{gap:20px}
.input-with-password-conntainer{display:flex;align-items:center;width:100%;position:relative;>input{width:100%}
>img{position:absolute;width:15px;object-fit:contain;right:10px;cursor:pointer}
}
button{width:100% !important}
.forgot-password-btn{color:#828282;font-size:12px;font-weight:500;text-align:center;cursor:pointer;margin-top:-10px;text-align:end}
.forgot-password-flow{gap:20px !important}
.return-to-login{color:#f04c23;font-size:13px;font-weight:500;text-align:center;cursor:pointer;text-align:center}
.temporary-password-text span{color:#000}
.temporary-password-text{margin-bottom:22px}
.resend-temporary-no span{font-size:14px;font-weight:500;color:#f04c23;cursor:pointer}
.resend-temporary-no{margin-bottom:20px}
.password-update-success{align-items:center;gap:20px;img{width:104px;object-fit:contain}
p{width:50%;text-align:center;@media screen and (max-width:650px){width:80%}
}
button{margin:0}
}
}
.input-with-password-conntainer input[type="password"] ~ img{opacity:.5}
.password-strength{margin-top:6px;font-size:12px;font-weight:500;display:flex;width:100%}
.password-strength.weak{color:#d93025}
.password-strength.moderate{color:#f9ab00}
.password-strength.strong{color:#188038}
.input-with-criteria{flex-direction:column}
.input-with-criteria img{height:45px}
.password-criteria{margin-top:6px;width:100%;display:flex;gap:13px;flex-wrap:wrap}
.password-criteria .rule{font-size:10px;color:rgba(255,0,0,0.5);display:flex;align-items:center;gap:6px;transition:color .3s ease}
.password-criteria .rule.valid{color:#1aa34a}
.password-criteria .rule .icon{font-size:12px}