/* New design for login, forgot and password reterival */

.newDesign .static {background:url(https://static.idriveonlinebackup.com/include/images/part_out_bg.jpg) top center #225667;  }
.newDesign h1 a {background: url(https://static.idriveonlinebackup.com/include/images/idrive_white_logo.png) no-repeat 0 0 transparent;}
.ptr.newDesign .wrapper nav li a {color: #fffffd !important;}
.ptr.newDesign .wrapper nav li a:hover {color: #f7e308 !important;}
.newDesign .brand_img{display: none;}
.newDesign .login_cont {margin: 40px 0px 60px 0px;background-color: transparent;border-radius: unset;box-shadow: none;clear: both;color: #565a59;overflow: initial;padding: 0px;width: 100%;float: left;}
.newDesign .login_details {float: none;padding: 30px 30px;width: 450px;margin: 0px auto;background: #fff;box-shadow: 0px 1px 10px 1px #3f6452;}
.newDesign .login_details .input{width: 100%;box-sizing: border-box;border: 1px solid #dadada;border-radius: 0px;box-shadow: none;}
.newDesign .float_lt {float: left;width: 100%;}
.newDesign .error_msg_cont {margin: 0 0 0px;min-height: 0px;}
.newDesign .login_details form {padding: 20px 0px 0px;margin: 0;}
.newDesign .login_btn {    -webkit-appearance: none;
    border-radius: 2px;
    width: 100%;
    background: #2b80c3;
    border: 1px solid #2b80c3;
    box-shadow: NONE;
    height: 40px;
    font-size: 16px;}
.newDesign .login_btn:hover {background: #3895de;
    border: 1px solid #3895de;
    box-shadow: none;}
.newDesign .remem_box a {color: #298eac;}
.newDesign footer {min-height: 0px !important;}
.inner.newDesign footer{padding: 15px 0 15px;margin: 0px 0px 0px;}
.newDesign .forgotParatxt{font-size: 14px;font-weight: bold;}
.newDesign .forgotPartText{width: 100%;text-align: justify;}
.newDesign .error_msg, .newDesign .succ_msg{width: auto;margin: 0px 0px 20px;padding: 10px 20px;}
.newDesign .login_head span{font-size: 20px;font-weight: 500;line-height: 25px;text-align: center;
    width: 100%;}
.newDesign .resellerSignup{text-align: center;font-size: 16px;margin: 20px 0px 0px;cursor: pointer;color: #298eac;width: 100%;display: block;}
.newDesign .login_head{width: 100%;}
.newDesign .remem_box{width: auto;}
.newDesign .remem_box a:hover{color:#333333;}
.newDesign .resellerSignup:hover{color:#333333;}
.newDesign .chkbox{width: 16px;height: 16px;margin: 1px 5px 0px 5px;float: left;}
.newDesign label.resell-rememMe {display: inline-block;margin: 0px 0px 0px 0px;}

.pass_ret.newDesign .container{width: auto;}
.pass_ret.newDesign .edu_body form {margin: 0px auto;border-radius: 5px;width: 400px;padding: 30px;
    overflow: hidden;background: #dbe4e1;box-shadow: 0px 1px 10px 1px #3f6452;border-radius: 0px;}
.pass_ret.newDesign .main_head {margin: 0px;padding-bottom: 20px;background: none;overflow: hidden;color:inherit;}
.pass_ret.newDesign .main_head span:first-child{padding-left: 0px;text-align: center;width: 100%;}
.pass_ret.newDesign .edu_body .content{width: 100%;}
.pass_ret.newDesign .edu_body p{margin: 0px 0px 5px 0px;}
.pass_ret.newDesign .forgotpass_cont{padding: 0px;margin: 20px 0px 0px 0px;}
.pass_ret.newDesign .input {width: 100%;box-sizing: border-box;border: 1px solid #a8a8a8;border-radius: 0px;}
.pass_ret.newDesign .forgotpass_cont div, 
.forgotpass_cont p{line-height: 15px;}
.pass_ret.newDesign .forgotpass_cont .input{margin-left: 0px;padding-left: 5px;width: 100%;}
.pass_ret.newDesign .forgotpass_cont li{float: left;margin: 0px 0px 20px;}
.pass_ret.newDesign .submit_btn{background: #4b8435;border: 1px solid #4b8435;box-shadow: 0px 1px 5px 0px #b8beba;width: 100%;font-size: 16px;margin: 10px 0px 0px;height: 40px;-webkit-appearance: none;}
.pass_ret.newDesign .submit_btn:hover{ background: #358f68;border: 1px solid #358f68;box-shadow: 0px 1px 5px 0px #b8beba;
}
.pass_ret.newDesign .edu_body form{margin: 0px auto 105px;color: #565a59;}
.pass_ret.newDesign nav{margin-bottom: 80px;}
.newDesign #forgotPass #forgot_succ {width: 100% !important;box-sizing: border-box;margin: 0px 0 10px;font-size:12px;}

.multiple.newDesign .select_style{width: 100%;border: 1px solid #dadada;border-radius: 0px;height: 40px;background: #fff;}
.newDesign .topheader .idlogo{color: #fff;background: url(https://static.idriveonlinebackup.com/include/images/resller-idrive-icon.png) no-repeat 0 7px transparent;padding: 5px 10px 0 25px;}  
.newDesign .topheader .home{color: #fff;background: url(https://static.idriveonlinebackup.com/include/images/reseller-home-icon.png) no-repeat 0 7px transparent;}
.newDesign header .wrapper ul li a:hover {color: #cde9ff;}
.newDesign header .wrapper ul li a.login:hover{color: #447daa;}
.newDesign #forgotPass .error_main {margin: 0 0 auto;}
.newDesign .headermenu ul{padding: 0px !important;}
.nptr.newDesign .pad-incre-header .headermenu ul{padding: 10px 0 0 0px !important;}
.nptr.newDesign.lang-selection  header.pad-incre-header .wrapper .login.pad-login{padding-top: 19px !important;background: url(https://static.idriveonlinebackup.com/include/images/user_arrow_right.png) no-repeat scroll right 22px #FFFFFF;width: 85px;}
.lang-selection.multiple  header.pad-incre-header{height:55px !important;}
.support_captcha .red_new{font-size: 12px;}
.nptr .topheader .login{background: url(https://static.idriveonlinebackup.com/include/images/user_arrow_right.png) no-repeat scroll 50px 9px #FFFFFF;}
.lang-selection header.pad-incre-header .wrapper .login.pad-login {background-position: 66px 25px;width: 95px;}
.newDesign .success_main .succ_msg{width: 100%;margin-bottom: 20px;box-sizing: border-box;}
.nptr.newDesign footer{height: auto;line-height: 35px;}
.newDesign footer .links a{color: #82868f;}
.newDesign footer p{font-size: 11px;margin: 5px 0;text-align: center;width: 100%;color: #82868f;float: none;}
.pass_ret .forgotpass_cont div, .forgotpass_cont p{line-height: }
.newDesign .partner_succ_msg{display: block;background-color: #f9f7e9;border: 1px solid #eae9da;width: 95%;color: #3f3d3e;padding: 10px;font-size: 12px;}

/* new styles*/
.ptr.newDesign .wrapper.signup_wrapper nav li a{
    color: #333 !important;
}
.ptr.newDesign .wrapper.signup_wrapper nav li a:hover{
    color: #1374AB !important;
}
.inner nav li{
    margin: 20px 50px 0 20px;
}
.inner nav ul{
    margin: 15px 0;
}
.newDesign .login_cont{
    margin-top: 0;
    margin-bottom: 80px;
}
.ptr.newDesign .wrapper.signup_wrapper nav li a span{
    display: none;
}
.inner h1.logo{
    background: url(https://static.idriveonlinebackup.com/include/images/idrive_logo.png) no-repeat 0 0;
    width: 129px;
}
body.inner, .newDesign.partnerUI .static, .newDesign h1 a{
    background: none!important;
}
.newDesign.partnerUI .static{
    background-color: #fafafa!important;
}
.newDesign .login_details{
    box-shadow:0 1px 4px 0 rgba(99,114,130,.5)!important;
    margin-top:20px;
}
.ptr .wrapper nav li a{
    font-size: 16px;
    font-weight: 600;
}

/* reset */
.ptr.pass_ret.newDesign .wrapper nav li a {
    color:#333 !important;
    font-weight:normal;
}
.ptr.pass_ret.newDesign .wrapper nav li a:hover {
    color:#1374ab!important;
    font-weight:normal;
}
.ptr.pass_ret.newDesign .wrapper nav li a span {
 display:none;
}
.pass_ret.newDesign.partnerUI .edu_body form {
    background:#fff !important;
    box-shadow:0 1px 4px 0 rgba(99,114,130,.5)!important;
}
.pass_ret.newDesign.partnerUI nav {
     margin-bottom:30px !important;
}

@media only screen and (max-width : 1180px) {
    .ptr.newDesign .headermenu ul li{padding: 5px 15px 5px 0px;}
    .ptr.newDesign .topheader{width: auto;}
    header .wrapper .morelinks{background: url(https://static.idriveonlinebackup.com/include/images/dropmenu_image.png) no-repeat 28px 3px !important;width: 55px;}
}
@media only screen and (max-width : 1024px) {
    .ptr.newDesign .headermenu ul li{padding: 5px 11px 5px 0px;}
    .ptr.newDesign .topheader{width: 34%;}
    header, footer{min-width: unset !important;width: 100% !important;}
    .wrapper{width: 100% !important;}
    .nptr.newDesign  header{min-width: unset !important;}
    .nptr.newDesign .topheader{margin: 0px 0px 0px 0px;}
    header .wrapper .morelinks{background: url(https://static.idriveonlinebackup.com/include/images/dropmenu_image.png) no-repeat 28px 3px !important;width: 55px;}
    /* .ptr.newDesign .topheader li.partnerSupport {padding: 10px 0px 10px 0px;} */
}
@media only screen and (max-width : 980px) {
    .ptr.newDesign .headermenu{display: none;}
    .ptr.newDesign .topheader{width: auto;}
    .newDesign nav li a span{display: none;}
    .nptr nav{margin-left: 20px;}
    .newDesign .linksWrapper{display: none;}
    .newDesign footer{height: auto;}
    .nptr.newDesign .divider{height: auto;padding: 0px;width: 100%;}
    .nptr.newDesign .divider .media{margin: 10px auto 10px;float: right;}
    .nptr.newDesign footer {padding: 0px 0 0px;position: fixed;bottom: 0px;}
    .nptr .footerLinks{margin: 0px;    width: 100%;box-sizing: border-box;}
    .nptr .divider p{float: left;font-size: 12px;margin: 20px 0px;width: auto;}
    .ptr.nptr.newDesign .wrapper nav li:nth-child(2) a{    margin-left: 0px;}
    .ptr.nptr{overflow-x: hidden;}
    html {-webkit-text-size-adjust: 100%;}
    .nptr nav{margin-bottom: 20px;}
    .newDesign .links{display: none;}
    
}
@media only screen and (max-width : 640px) {
    .inner footer{margin: 0px 0px 0px 0px;}
    .nptr.newDesign .topheader{margin: 0px 0px 0px 0px;}
    .newDesign .forgotPartText{text-align: left;}
    .nptr.newDesign footer {padding: 0px 0 0px;bottom: 0px;}
    .newDesign .chkbox{margin: 0px 5px 0px 5px;}
    .newDesign .login_cont{margin-top: 0px;}
    .newDesign nav li{margin-right: 0px;}
    .newdesign .login_cont {min-width: auto;width: 100%;margin: 0px auto 40px;padding: 0 20px;box-sizing: border-box;}
    .newDesign .login_details{max-width: 450px; width: 100%;box-sizing: border-box;}
}
@media only screen and (max-width : 480px) {
    .newDesign .inner_logo .logo a{margin:0;}
    .newDesign .links{display: none;}
    .pass_ret.newDesign .edu_body form{width: auto;min-width: unset;}
    .newDesign .login_head span{font-size: 18px;}
}
@media only screen and (max-width : 380px) {
    .newDesign .login_details,
    .newDesign .edu_body form{padding: 30px 15px !important;}
    .newDesign .innerContainer{margin:0;}
}
@media only screen and (min-height : 800px) {
    body.newDesign{background: url(https://static.idriveonlinebackup.com/include/images/bg_reseller.jpg) top center #619685;}
    footer.loginFooter{position: fixed;bottom: 0px;}
}

/* Feb 17 2021 */
.newDesign .error_msg,.newDesign .succ_msg,
.newDesign .partner_succ_msg {padding: 20px 15px 20px 70px!important;position: relative;min-height: 60px; box-sizing: border-box;font-size: 14px;}
.newDesign .partner_succ_msg {font-size: 14px !important; box-sizing: border-box !important;}
.newDesign .error_msg p, .newDesign .succ_msg p{font-size: 14px; line-height: 22px;margin:0;}
.newDesign .error_msg::before {content: '';position: absolute;width: 41px;height: 34px;background: url(https://static.idriveonlinebackup.com/include/images/notify-error-icon.png) no-repeat;top: 12px;left: 15px;}
.newDesign .succ_msg::before,.newDesign .partner_succ_msg::before{content: '';position: absolute;width: 35px;height: 35px;background: url(https://static.idriveonlinebackup.com/include/images/notify-success-icon.png) no-repeat;top: 12px;left: 15px;}
.newDesign .partner_succ_msg::before{top: 23px;}
.newDesign .topheader{width: 30%;}   
.newDesign .headermenu ul li{padding-right: 24px;}
.newDesign .succ_msg{background-color: #f9f7e9;border: 1px solid #eae9da;}
.newDesign .static {background: #fafafa;}
.ptr.newDesign .wrapper nav li a {color: #333 !important;}
.ptr.newDesign .wrapper nav li a:hover {color: #1374AB !important;}
.newDesign nav{float: none;margin: 0;}
.newDesign .wrapper nav li a{font-weight: normal;}
.newDesign .wrapper nav li a span{display: none;}
.support_captcha.newDesign header{ background: #0071bc;}
body.ptr.newDesign{background: #fafafa!important;}

@media only screen and (min-width : 980px) and (max-width: 1024px){
    .ptr.newDesign .topheader{width: 30%!important;}
    .ptr.newDesign.multiple .topheader li.partnerSupport{padding: 10px 10px 10px 0;}
    .ptr.newDesign.multiple .topheader li{margin: 0;}
}
@media only screen and (max-width : 980px) { 
    .newDesign .static header{padding-top: 0px !important;}
    .newDesign .static header.pad-incre-header{padding-top: 10px !important;}
    .newDesign footer {padding: 0 !important;position: fixed;bottom: 0px;}
    .support_captcha.newDesign header{padding-top: 0 !important;}
    .support_captcha.newDesign header.pad-incre-header{padding-top: 10px !important;}
}
@media only screen and (max-width : 480px) {
    .newDesign .login_cont{margin: 0px 0px 20px 0px;padding: 0 15px;box-sizing: border-box;}
    .newDesign .error_msg,.newDesign .succ_msg{height: auto;}
    .newDesign nav ul li{margin-left: 11px;}
    .newDesign nav ul li.inner_logo{margin-left: 15px;}
    .newDesign .container.edu_body{margin: 0 15px;}
}
@media only screen and (max-width : 360px) {
    .newDesign .inner_logo{width:100%;}
    .newDesign .error_msg, .newDesign .succ_msg{font-size: 12px;}
    .newDesign nav ul li{margin-left: 20px !important;}
    .newDesign .login_cont{padding: 0 20px;}
    .newDesign .container.edu_body{margin: 0 20px;}
    .reCapchanew{transform: scale(0.8);margin-left: -25px;}
}
@media only screen and (max-height : 750px) {
    .newDesign.ptr footer{position: static;}   
}
@media only screen and (min-height : 670px) {
    .newDesign.ptr.multiple footer{position: fixed;bottom: 0;}   
}





/*for HP login page related */

.partnerloginHP.inner h1.logo {
      background: url(https://static.idriveonlinebackup.com/source/images/hp_idr_logo.svg) no-repeat;
    width: 290px;
    height: 60px;
    /* background-size: contain; */
    float: none;
    margin: 0px auto;
}
.partnerloginHP .login_cont{background:#fafafa;}
.partnerloginHP .newDesign nav {
    float: left;
    margin: 0;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #f5f5f5;
}

.partnerloginHP .newDesign .login_details {
    box-shadow: 0 1px 4px 0 rgba(99,114,130,.5)!important;
    margin-top: 50px;
    margin-bottom: -10px;
}
.partnerloginHP .login_cont {
    background: #f7f7f7 !IMPORTANT;
    margin-bottom: 0px !IMPORTANT;
    padding-bottom: 70px !IMPORTANT;
}
.partnerloginHP .inner_logo {
    margin-top: 0 !important;
    width: 50%;
    margin: 0px auto !important;
    max-width: 980px;
    float: none;
    margin-left: 25% !important;
    margin-right: 25% !important;
}
.partnerloginHP h1 .logo{cursor:default;}
.partnerloginHP .inner_logo a{cursor:default;}
.partnerloginHP .wrapper.signup_wrapper{width:auto !Important;}

.partnerloginHP .pad-incre-header, .partnerloginHP header{display:none;}



@media screen and (max-width: 480px){
.partnerloginHP.inner h1.logo {
    background-size: contain !IMPORTANT;
    width: 250px;
    margin-left: -10%;
}
}

.partnerloginHP .inner_logo + li , .partnerloginHP .inner_logo + li  + li , .partnerloginHP .inner_logo + li  + li  + li{display:none;}

.id-login-opt-block {display: flex;margin: 15px 0 25px;}
.id-login-opt-block label{display: flex;margin-right: 20px;align-items: center;}
.id-login-opt-block label:hover{cursor: pointer;}
.id-login-opt-block label:last-child{margin-right: 0;}
.id-login-opt-block label input{margin-right: 8px;}
.id-login-opt-block label input:hover{cursor: pointer;}
.id-login-opt-block label span{font-size: 16px;line-height: 18px;color: #565a59}