@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700); html { box-sizing: border-box; } *, *:before, *:after { box-sizing: border-box; } a img { border: none; outline: none; } img { border: none; outline: none; } html, body { margin: 0px; width: 100%; height: 100%; } section { display: inline-block; } body { font-family: 'Open Sans', verdana, tahoma; font-size: 1em; line-height: 24px; color: #666666; background: #ffffff; margin: 0px auto 0px auto; letter-spacing: 0.3px; font-style: normal } h2 { margin: 0px; font-size: 2em; font-weight: normal; color: #666666; } h3 { font-size: 1.375em; line-height: 70px; border-bottom: 1px solid #e5e5e5; color: #323434; margin: 0px; padding: 0px; font-weight: normal; width: 100%; } header, footer, nav, aside, article, section, menu { display: block; } .left { float: left; } .right { float: right; } .clear { clear: both; } .wrapper, .static-wrapper { margin: 0px auto; width: 1260px;padding: 0px 20px;} .wrapper_main { margin: 0px auto 0px auto; } .container { width: 100%; max-width: 1260px; margin: 0px auto; } .container:before, .container:after, .row:before, .row:after { content: ""; display: table } .container:after, .row:after { clear: both } a {color: #3d95b6;text-decoration: none;} a:hover {color: #666666;} .signup .btn{width: auto;} .btn{ width: 100%;padding: 10px 0px;font-size: 16px;border-radius: 2px;border: 1px solid #ccc;color: #fff;cursor: pointer;-webkit-appearance: none;} .btnGreen{background-color: #1896c6;border: 1px solid #1896c6;} .btnGreen:hover{box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);background-color: #2cb0e2;border: 1px solid #2cb0e2;} .btnlightGreen {background-color: #1896c6;border: 1px solid #1896c6;} .btnlightGreen:hover{background-color: #2cb0e2;border: 1px solid #2cb0e2;} .btnLoader {height: 40px;background: #1896c6;text-transform: inherit;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; border-radius: 2px;margin-top: 20px;letter-spacing: 0.04em;width: 100% !important;color: #fff !important;border: none !important;background-image: url(https://static.remotepc.com/source/images/submit_loader.gif); background-repeat: no-repeat;background-position: center;text-indent: -3000px;} .loader {display: none;position: fixed;z-index: 99999;background-image: url(https://static.remotepc.com/source/images/full-loader.gif);background-color: #000000; opacity: 0.8;background-repeat: no-repeat;background-position: center;left: 0;bottom: 0;right: 0;top: 0;} .banner-laptop{background: url(https://static.remotepc.com/webconsole/images/rpc_bg_city.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .banner-laptop .header{background: transparent;} /* header related css starts */ .header {top: 0;left: 0;width: 100%;padding: 0;z-index: 10000;height: 80px;background: transparent;} header .wrapper {overflow: inherit;height: 100%;} .header-inner {height: 100%;padding-bottom: 0px;width: 100%;-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;} .logo {float: left;width: 135px;margin:0px;} /* .logo a {margin: 13px 0 0;padding: 0px;float: left;background: url(../../source/images/main_logo_index_new.svg) no-repeat !important; */ /* background-size: cover;height: 60px !important;width: 126px;text-indent: -3500px;overflow: hidden;} */ .logo a {float: left;background: url(https://static.remotepc.com/webconsole/images/rpc-curve-logo.svg) no-repeat !important;margin: 12px 0 0 0px;background-size: contain;height: 69px !important; width: 156px;text-indent: -3500px;overflow: hidden;} .nav_menu {float: right;width: calc(100% - 180px);} .menu {float: left;font-size: 1em;padding-top: 4px;width: 100%;height: 100%;} .menu .main {width: auto;float: left;color: #fff;text-decoration: none;height: 100%;margin: 0;padding: 0px 0px 0px 30px;} .menu .main li {margin: 0px 0px 0 0px;height: 100%;display: inline-block;padding: 0;} .menu .main li a { height: 100%; display: inline-block; padding: 20px 15px; letter-spacing: 0; } .menu ul li a {color: #fff;text-decoration: none;font-size: 1em;} .menu .main li a:hover {color: #fbff44;} .menu .secondary {padding: 8px 0 0;height: 100%;float: right;margin: 0px;text-decoration: none;list-style-type: none;} .menu .secondary li {height: 100%;} .menu .secondary li a {text-align: center;display: inline-block;vertical-align: middle;min-width: 100px;color: #fff;overflow: hidden;line-height: initial;padding: 8px;} .secondary li a.toplogin {padding-right: 18px;margin: 0 auto;border: 2px solid rgba(255, 255, 255,0.5);background: url(https://static.remotepc.com/source/images/rc-login-static-arrow-icon.png)no-repeat 72px 11px;cursor: pointer;} .secondary li a.toplogin:hover {border: 2px solid #77EAC1;} .secondary li a.myaccount_box {padding-right: 18px;margin: 0 auto;border: 2px solid rgba(255, 255, 255,0.5);cursor: pointer;} .secondary li a.myaccount_box:hover {border: 2px solid #77EAC1;} .myaccount_wrap {display: none;} .login_wrap{display: none;} .wrap_menu {display: none;} .header-line {display: none;} .signup .signup_wrap{display: none;} .signup_wrap, .login_wrap, .myaccount_wrap{display: inline-block;} /*top nav Menu css*/ .new-header-con{padding: 4px 0px 0px;background: #0071bc;color: #fff;margin-top: -10px;font-size: 14px;height: 50px;} .new-header-con-act{background-color: #2A2828;opacity: 0.9;border-bottom: 1px solid #3e3e3e;} .new-header-con ul li{float:left;text-decoration: none; display: -webkit-box;} .new-header-con ul li:first-child{margin-left: -30px;} .new-header-con a {color:#fff;} .new-header-con a:hover {color:#f8ed81} .new-header-con ul{text-decoration: none;list-style-type: none;} .new-header-con li{margin-right:20px;text-decoration: none;} .logo a { margin: 17px 0 0;} .active {background-color: #2c2c2c;opacity: 0.9;} .menu .secondary { padding: 0px 0px 0px 0px !important} .banner-laptop .header{height: 120px !important;} .menu .main li a { padding: 10px 15px 0px;} .header-line{top: -40px !important;} .new-header-con-act {background-color: #2A2828;opacity: 0.9;border-bottom: 1px solid #3e3e3e;} .menu ul .mobile-menu{display:none !important} .legal_bg h1{margin: 41px 0 0 !important; padding: 14px 0 0 !important;} .new-hd-rt li{padding-top: 8px;margin-right:0px;} .new-hd-rt li a{background:#ccc;padding: 19px 29px;margin: 0px;color: #000;border-right: 1px solid #aaa;} .new-hd-rt li a:hover{color:#f8ed81;} .new-hd-rt{margin-top:6px;} .secondary{position: relative;} .topsignup {color: #fff;background: transparent;border: 0px !important;font-size: 15px !important; margin-right: 0px !important;} .topsignup:hover{color:#f8ed81 !important;} .toplogin{color: #000 !important;background: #fff url(https://static.remotepc.com/webconsole/images/blue-arrow-right.png) no-repeat 68px 14px !important;border: 0px !important;padding: 0px 18px 0px 6px !important;font-size: 15px !important;height: 40px;line-height: 40px !important;} .enterprise .toplogin{padding: 12px 18px 10px 6px !important;} .business-price .toplogin{padding: 13px 18px 9px 6px !important;} .business .toplogin{background: #fff url(https://static.remotepc.com/source/images/new-menu-icon.png) no-repeat 68px 12px !important;} .terms-page .toplogin{padding: 10px 18px 9px 6px !important;} .header-inner{position: relative;box-shadow: none !important;} .secondary{position: absolute;right: 0px;top: -40px;} @-moz-document url-prefix() { .terms-page .toplogin{padding: 9px 18px 9px 6px !important;} } .toplogin:hover{background: #bde5ff url(https://static.remotepc.com/webconsole/images/blue-arrow-right.png) no-repeat 68px 14px !important;} .toplogin:hover{border:0px !important;} .myaccount_box{background: #fff;color: #000 !important;border: 0px !important;font-size: 14px !important;padding: 10px !important} .business .myaccount_box{padding: 12px !important} .myaccount_box:hover{border:0px !important;} .menu .main li a{font-size: 16px; padding: 20px 15px;} .partner-terms .legal_bg h1{border-top:0px !important;} /* Footer related css starts */ .footerMain { background: #30363a; float: left; width: 100%; padding: 0px; margin: 0px 0px 0 0; } ul.footer_ul { float: left; width: 24%; margin: 0px; padding: 0px; text-align: left; box-sizing: border-box; min-width: 220px; min-height: 250px; } ul.footer_ul.support_list { width: 27%; } ul.footer_ul li { float: left; list-style-type: none; width: 100%; margin: 5px 0px 5px 0px; } ul.footer_ul li a { color: #d0d1d1; text-decoration: none; padding: 0px 0 0px 0px; line-height: 20px; font-size: 14px; } ul.footer_ul.first-ul li { padding-left: 28px; } ul.footer_ul.first-ul li:first-child { padding-left: 0px; } ul.footer_ul li .supNum a { font-size: 24px; } ul.footer_ul li .supHrs a { font-size: 14px; } ul.footer_ul li a:hover { color: #77EAC1; text-decoration: none; } ul.footer_ul li.supportImg a { background: url(https://static.remotepc.com/source/images/support-remote-pc.png) no-repeat 0; padding: 0px; margin: 0px 0 0 26px; height: 128px; width: 265px } footer h4 { color: #fff; min-width: 220px; width: 24%; font-size: 1em; font-weight: normal; text-align: left; line-height: 24px } footer ul { width: 24%; min-width: 220px; min-height: 250px; } footer a { width: 90%;text-decoration: none; } footer .footerMain ul.footer_ul li a.logo { text-indent: -10000px; background: url(https://static.remotepc.com/source/images/footer-header.png) no-repeat 0 0px; height: 38px; width: 122px; margin: 20px 0 10px 0; } footer .footerMain .text{ color: #fff; font-size: 18px; font-weight: normal; text-align: left; line-height: 24px; margin: 35px 5px 5px 0px; padding: 5px 0 0 0 } footer .footerMain .socialIcons .text { color: #fff; font-size: 18px; font-weight: normal; text-align: center; line-height: 24px; padding: 30px 0px 20px 0px; width: 100%; margin: 0px; } .footer-lastul { float: left; height: auto; display: inline-block; } footer .copyright { width: 100%; padding: 0px 0 0px 0px; float: left; margin: 0px auto 0px; text-align: center; border-top: none !important; } footer .copyright p { font-size: 12px; margin-top: 10px; padding-top: 0px; color: #82868f; text-align: center; } footer .copyright p sup { font-size: 14px; } footer.static-footer { background: url(https://static.remotepc.com/source/images/static_footer_bg.png) repeat-x 0px 0px; display: table; } .supNum { display: inline-block; padding: 15px 0 0; } .supNum p { color: #d0d1d1; font-size: 24px; line-height: 24px; text-decoration: none; margin: 0 0 0 0px; } .supNum a { color: #d0d1d1; font-size: 24px; line-height: 24px; text-decoration: none; margin: 0 0 0 0px; } .supHrs p { color: #d0d1d1; font-size: 12px; font-weight: normal; text-align: left; line-height: 24px; margin: 0 0 0 0px; text-decoration: none; } .flast-support a:hover .supNum p { color: #fbff44;} .flast-support a:hover .supHrs p { color: #fbff44;} .socialIcons{display: none;} .static-footer{display: none !important;} footer {float: left;background: #31363a;height: auto;width: 100%;margin-top: 0px;} footer p.center {color: #82868f;text-align: center;margin-top: 10px;font-size: 12px;margin-bottom: 0px;} .footerMain h4.text a {color: #fff !important;font-size: 18px !important;margin-bottom: 10px;} .footerMain h4.text a:hover{color: #fbff44 !important;} footer .footerMain .text:hover{color: #fbff44;} .features-footer{margin-top: 7px} /* Error message related css starts */ .msgError {padding: 2px 18px;font-size: 12px;background-color: #fde4ea;border: 1px solid #edc4cc;width: 100%;margin: 25px auto 0px auto;display: none;color: #3f3d3e;font-size: 12px;} /* .msgSuccess {color: #3F3D3E;padding: 8px 18px;font-size: 12px;background-color: #E3FFB6;border: 1px solid #BEDB90;width: 100%;margin: 20px auto 15px auto;display: none;float:left;} */ .msgSuccess {color: #333300;padding: 8px 18px;font-size: 14px;background-color: #ffffb8;border: 1px solid #cc9933;width: 100%;margin: 20px auto 15px;display: none;float: left;} .err_msg {color: #e84242;font-size: 12px;float: left;width: auto;letter-spacing: 0.5px;} /* form field related css start */ .row{float: left;width: 100%;margin: 10px 0px 15px 0px;} label{float: left;width: 100%;font-size: 14px;color: #868686} .cardlabel {background: url(https://static.remotepc.com/source/images/allcards.png) no-repeat center right;position: relative;} .nonecard {background: url(https://static.remotepc.com/source/images/nocard.png) no-repeat right 9px;} .visa { background: url(https://static.remotepc.com/source/images/visa.png) no-repeat right 9px;} .mastercard { background: url(https://static.remotepc.com/source/images/master.png) no-repeat right 10px;} .amex { background: url(https://static.remotepc.com/source/images/amex.png) no-repeat right 9px;} .discover { background: url(https://static.remotepc.com/source/images/discover.png) no-repeat right 9px;} .flt_lt{float: left;width: 40%;margin: 0px 7% 0px 0px;position: relative;} .error_msg {color: #e84242;font-size: 12px;float: left;width: 100%;letter-spacing: 0.5px;line-height: 18px;margin: 5px 0px 0px;display: none;background: url(https://static.remotepc.com/source/images/errmark.png) no-repeat 0px 3px;padding: 0px 0px 0px 17px;} .input{border: 1px solid #A5A1A1;width: 100%;color: #000;font-size: 16px;height: 42px;padding: 0px 0px 0px 5px;border-radius: 2px;} .input-radio-custom {padding: 0;margin: 0;height: 20px;width: 20px;float: left;position: absolute;left: 0px;opacity: 0;} .input-radio-custom + label {cursor: pointer;background: url(https://static.remotepc.com/webconsole/images/rpc_bg_custom_radio.png) no-repeat 0px -40px !important;height: 24px !important;width: 23px !important;display: inline-block;position: absolute;left: 13px !important;top: 28px !important;} .free-plans.planSelect .plan-pricing .input-radio-custom+label {left: 110px !important;top: -1px !important;} .input-radio-custom:checked + label {background-position: 0px -1px !important;width: 25px;} select{border: 1px solid #A5A1A1;width: 100%;color: #000;background: #fff;font-size: 14px;height: 42px;padding: 0px 0px 0px 5px;border-radius: 2px;} #cvv {width: 55px;} .cvv{float: left;width: 70px;} .expiry{float: left;width: 150px;} .expiry select{width: 55px;float: left;margin: 0px 10px 0px 0px;} textarea {resize: none;width: 98%;border: 1px solid #A5A1A1;height: 120px;padding: 5px;float: left;border-radius: 2px;} .formBox p{font-size: 14px;margin: 0px;color: #4c4c4c;} input:required {box-shadow:none;} .stay-signed input[type=checkbox] { position: absolute; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .stay-signed input[type=checkbox][disabled] { cursor: not-allowed; } .stay-signed input[type=checkbox][disabled] + label { cursor: not-allowed; } .stay-signed input[type=checkbox][disabled] + label:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .stay-signed input[type=checkbox]:focus + label:before { /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); */ border:1px solid #1896c6; } .stay-signed input[type=checkbox]:checked:focus + label:after{ border:1px solid #1896c6; } .stay-signed input[type=checkbox]:checked + label:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .stay-signed .no-borderradius input[type=checkbox] { background: transparent; position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .stay-signed input[type=checkbox] + label { position: relative; cursor: pointer; padding-left: 28px; } .stay-signed .no-borderradius input[type=checkbox] + label { padding: 0; } .stay-signed input[type=checkbox] + label:before { position: absolute; left: 0; top: -1px; content: ''; background: #fff; width: 20px; height: 20px; display: block; border: 1px solid #b7b7b7; } .stay-signed .no-borderradius input[type=checkbox] + label:before { display: none; } .stay-signed input[type=checkbox] + label:after { content: '✓'; position: absolute; top: -1px; left: 0; width: 20px; height: 20px; line-height: 18px; text-align: center; color: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background-color: #1896c6;border:1px solid #1896c6; } .stay-signed .no-borderradius input[type=checkbox] + label:after { display: none; } .free-plans .plan-pricing .offer-price {padding-left: 100px;} .forgotText{font-size: 12px;float: left;width: 100%;line-height: 18px;margin: 10px auto 0px;letter-spacing: initial;} .content {margin: 0px auto;width: 100%;} .static{float:left;width: 100%;margin: 0px 0px 0px 0px;} .forgotText{margin-bottom:-10px;letter-spacing:normal;} form[name="passwordReset"] .row:nth-child(3){margin-top: 39px;} .resetpwdBody .msgSuccess{margin-bottom: 0px;} /* signup page related css starts */ .sign_bg {background: #d5e3d3 url(https://static.remotepc.com/webconsole/images/signup_blue_bg.jpg) no-repeat center top;height: 530px !important;width: 100%;text-align: center;position: absolute; top: 0px;z-index: -1;} .signup-formBox {color: #000;width: 100%;margin: 0px auto 0px auto;overflow: hidden;padding: 0px 0px 10px 0px;background: none;} .signup-form {width: 100%;padding: 0px 0px 0px 0px;float: left;} .plan-type{padding: 0px 0px 10px 0px;width: 100%;float: left;} .tbl-price-plan {width: 100%;float: left;} .custom-plan-sec {float: left;width: 100%;text-align: right;color: #fff;margin: 8px 0px 0px 0px;} .custom-plan-txt {padding: 0px 25px 0px 0px;background: url(https://static.remotepc.com/webconsole/images/signup-arrow-black.png) no-repeat center right;cursor: pointer;margin: 0px 1px 0px 0px;color: #000000;} .custom-plan-txt:hover {color:#204e73;} .tbl-price-plan a {width: 200px;color: #171717;} .plan-col {height: 310px;line-height: 20px;width: 25% !important;cursor: default;margin: 0px 2% 0px 0px;text-align: center;background-color: #fff;position: relative;border: 1px solid #d9d9d9;float: left;} .plan-col span{text-align: center;} .plan-name {float: left;width: 100%;margin: 0px;padding: 11px 0px 11px 0px;border-bottom: 1px solid #d9d9d9;background: #f0f0f0;cursor: pointer;} .plan-comuters {padding: 8px 0px 0px 0px;height: 65px;float: left;width: 100%;font-size: 14px;background: #f0f0f0;cursor: pointer;} .plan-pricing {float: left;width: 100%;padding: 20px 0px 20px;cursor:default;} .free-plan .plan-pricing{padding: 42px 0px 20px;} .free-plan .comp-range-text{padding-top: 16px;} .offer-price {margin-top: 10px;} .offer-price span {display: inline;padding: 0px;} .plan-name-txt {font-size: 18px;position: relative;color: #3170b7;padding-left: 25px;} .access-comp-txt {margin-top: 10px;} .offer-price-txt {font-size: 30px;color: #3170b7;} .normal-price-txt {font-size: 16px;text-decoration: line-through;color: #333;} .year-range-txt {font-size: 14px;color: #858585;} .comp-range-text {color: #c47206;font-weight: bold;width: 100%;float: left;margin: 0px 0px 0px 0px;} .comp-nos{font-size: 14px;padding: 0px 10px;float: left;width: 100%;} .morePlanTxt {float: left;width: 100%;height: 45px;position: absolute;box-sizing: initial;line-height: 46px;bottom: 0px;background-color: #f0f0f0;font-size: 14px; font-weight: bold;left: 0px;} .morePlanTxt:hover {color: #c47206;} .morePlanButton{background: #fff;border: 1px solid #b7b7b7;border-radius: 20px;cursor: pointer;margin: 0px 0px 0px 5px;outline: none;color: #7c7c7c;line-height: normal;} .morePlanButton:hover{background: #dedede;color:#3e3e3e;} .freeTrialTxt {font-size: 16px;margin: 10px 0px 0px 0px;float: left;width: 100%;} .tbl-price-plan a:last-child .plan-col{margin: 0px 0px 0px 0px;} .plan-col-active{border: 1px solid #7dab62;} .plan-col-active .plan-name, .plan-col-active .plan-comuters{background: #325a90;cursor: pointer;} .plan-col-active .plan-name .plan-name-txt{color: #fff;} .plan-col-active .plan-name{border-bottom: 1px solid #6399d7;cursor:pointer;} .plan-col-active .plan-comuters .access-comp-txt{color: #fff;} .plan-col-active .plan-comuters .free-opt-txt{color: #fff;} .plan-col-active .plan-pricing{background: url(https://static.remotepc.com/webconsole/images/plan-active-arrow.png) no-repeat center top;background-color:white;} a.planSelect:hover .plan-col{border: 1px solid #97bd7d; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 8px 0px;} a.planSelect:hover .plan-col.plan-col-active{border: 1px solid #97bd7d;box-shadow: none;} .plan-col:hover .plan-name, .plan-col:hover .plan-comuters {background: #e8f2ff;} .signup-formBox h3{color: #fff;width: 98%;border: none;margin: 0px;font-size: 18px;height: 50px;line-height: 40px;position:relative;} .signup-formBox h3::before {position: absolute;width: 175px;height: 42px;content: '';background: url(https://static.remotepc.com/webconsole/images/rpc_50_strip.png) no-repeat;left: 205px;top:0px} .regularform {width: 85%;margin: 10px 0px 0px 20px;} .subhead {color: #383838;font-size: 18px;margin: 5px 0px 5px;padding-bottom: 0px;width: 100%;float: left;} .subhead span {border-bottom: 1px dashed #dedede;width: 100%;float: left;padding-bottom: 5px;} .phone_note {margin: 0px 0px 0px;padding: 0px;color: #6d6d6d;font-size: 12px;float: left;width: 100%;} .terms {margin: 0px 0px 20px 20px;float: left;} label[for="terms_check"]{width: initial;float: none;} .signup-offer-note {font-size: 12px;margin: 0px 0px 0px 20px;float: left;width: 100%;color: #6d6d6d;} .signup-offer-note b{font-weight: normal;} .signup-offer-note p{margin: 0px;} .red_color {color: #ce4444;font-size: 12px;font-weight: bold;} .Enterprise-plan .plan-col:before {visibility:hidden;content: '';position: absolute;background: url(https://static.remotepc.com/source/images/pricing-new-vertical.png) no-repeat;width: 33px;height: 37px;top: -1px;right: 10px;} .cvv_help {background-color: #fff;border-radius: 25px;color: #5187ad;font-size: 13px;font-weight: bold;padding: 0 5px;cursor: pointer;border: 1px solid #8fbfe6;margin: 0px 0px 0px 8px;} #signupRow{margin-left: 20px;} #signupRow label{display: none;} #pass_strength {margin: 0;float: right;position: absolute;} #pass_strength.red {background: url(https://static.remotepc.com/webconsole/images/password_strength.png) no-repeat;text-indent: 0px;width: 58px;height: 22px;position: absolute;top: 0px;right: 0px;} #pass_strength.brown {background: url(https://static.remotepc.com/webconsole/images/password_strength.png) no-repeat;text-indent: 0px;width: 58px;height: 22px;position: absolute;top: 0px;right: 0px;background-position:0px -40px;} #pass_strength.green {background: url(https://static.remotepc.com/webconsole/images/password_strength.png) no-repeat;text-indent: 0px;width: 58px;height: 22px;position: absolute;top: 0px;right: 0px;background-position:0px -82px;} .strength_text, .strength_text {display: none;} .terms p{margin: 0px;} .rpc-hide{display: none;} .plan-col-active:hover .plan-name, .plan-col-active:hover .plan-comuters{background: #325a90;} .customform h4{margin: 0px;font-weight: normal;} .customform {float: left;width: 80%;margin: 10px 0px 0px 20px;} .customform .subhead p{margin: 0px;font-size: 14px;border-bottom: 1px dashed #dedede;padding-bottom: 5px;} .customform textarea{width: 85%;} .customRadioRow label{width: initial;margin: 0px 5px 0px 0px;float: none;} .customRadioRow{margin: 0px;} .tooltip_body { background-color: #eff5f8; border: 1px solid #d8e2e2; border-radius: 5px; display: none; float: left; padding: 5px 10px; position: absolute; width: 300px; z-index: 9999; font-size: 12px !important; text-align: justify; line-height: 20px; z-index: 999999} .tooltip_body span { background: url("https://static.remotepc.com/source/images/arrow.png") no-repeat scroll 0 0 transparent; float: left; height: 7px; left: 8px; position: absolute; top: 28px; width: 13px; } input#terms_check {margin-left: 0px;} .signupWrap .btn{width: initial; padding: 10px 20px;position: relative;} .topsignup{background: url(https://static.remotepc.com/webconsole/images/signup-user-icon.png) no-repeat 0 12px;} .topsignup:hover{background:url(https://static.remotepc.com/webconsole/images/signup-user-icon.png) no-repeat 0 -20px !important} .signupWrap .static{position: relative;} .signup .g-recaptcha{float: left;margin: 0px 0px 0px 20px;} .signup #captcha_err{margin-left: 20px;} #cardNo::-ms-clear {display: none;} .free-plans .plan-pricing{padding: 45px 0px 20px;} .promo-sec{float: left;width: 100%;margin: 15px 0px 15px;} .promo-sec .subhead{width: 50%;} .promo-sec input{width: 150px;} .planoffer{display: none;} .offer-price {margin-top: 2px;box-sizing: border-box;text-align: left;padding: 0px 0px 0px 50px;margin: 0px !important;} .plan-pricing .offer-price-txt {margin: 0px !important;} .free-plans .plan-pricing .offer-price-txt {font-size: 24px;padding-left: 45px !important;} .signup .main-wrapper .logo a {background: url(https://static.remotepc.com/webconsole/images/rpc-curve-logo.svg) no-repeat !important;} /* signup page related css ends */ /* Login, forgot, reterival related css starts */ .loginWrap {background: none;width: 100%;} .loginWrap .static {width: 100%;height: 100%;} .loginWrap .static .wrapper{width: 100%;padding: 0px;} .loginBlock {width: 480px;margin: 0px auto 60px;display: block;overflow: hidden;background: rgba(255, 255, 255, 0.95);} .loginWrap .input {border: 1px solid #b7b7b7;height: 40px;} .loginWrap .btn{font-size: 18px;padding: 9px 0px;} .loginWrap .row{margin: 24px 0px 0px 0px;} .loginWrap label{font-size: 16px;} .forgotPassword{float: right;font-size: 14px;color: #0071bc;} .stay-signed{float: left;width: 150px;} .offerBlock {margin-top: 20px;float: left;} .txtCenter {margin-top:25px;width:100%;text-align: center} .createacc-link{font-size: 16px;color: #0071bc;text-align: center;} .loginWrap .subTitleform{font-weight: bold;margin: 20px 0px 0px 0px;} .loginWrap .signup-offer-note {float: left;float: left;margin: 60px 0px 20px 0px;border-top: 1px solid #cacaca;width: 90%;} .leftBlock .signup-offer-note p {padding-left: 0px;width: 100%;font-size: 12px;} .loginWrap .signup-offer-note span {float: none;display: inline-block;font-size: 12px;padding-left: 0px;} .rightBlock {float: left;width: 34%;padding: 0px 4%;position: relative;} .loginWrap .formBox {background: none; padding: 0px 35px; width: 100%;margin: 0px 0px 35px;float: left;} .muluserTxt {margin-bottom: 0px;margin-top:20px;font-size: 14px;color: #b73838 !important;line-height: 22px;float: left;} .form {width: 100%;padding: 0px;float: left;} .subTitleform {margin-bottom: 0px;font-size: 14px;color: #868686;} .stay-signed label{width: initial;float: none;} .linkbox {color: #000;width: 510px;margin: 0px auto 65px auto;overflow: hidden;padding: 0px 0px 0px 0px;} .linkbox p {width: 72%;padding: 5px 0px;margin: 5px 0px;border-bottom: #ecf4f6 1px solid;line-height: 30px;} .linkbox p a { color: #57b8a4; text-decoration: none; } .linkbox p a:hover { color: #4e4e4e; text-decoration: none; } .loginWrap h3{line-height: 60px;color: #353537;border-bottom: 1px solid #d0d1d1;height:60px;padding: 0px 40px;text-align: center;} .loginBody .msgSuccess{margin-bottom:-5px;} .offerTop, .offerTops {display: none;} .loginWrap div#catpcha-block {margin-top: 25px;} .stay-signed input[type="checkbox"]{margin-left: 0px;} .loginWrap .formBox .btnGreen{margin-top: 10px;} .radio-row{float: left;width: 140px;margin: 5px 0px 5px 0px;} .radio-container {display: block;position: relative;padding-left: 22px;cursor: pointer;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; color: #4e4e4e;} .radio-container input {position: absolute;opacity: 0;cursor: pointer;} .radio-container .checkmark {position: absolute;top: 4px;left: 0;height: 16px;width: 16px;background-color: #fff;border-radius: 50%;border: 1px solid #888888;} /* .radio-container:hover input ~ .checkmark {background-color: #ebfff9;} */ .radio-container input:checked ~ .checkmark {background-color: #fff; border: 1px solid #0071bc;} .radio-container input:checked ~ .checkmark + span{color: #0071bc;font-weight: bold;} .radio-container .checkmark:after {content: "";position: absolute;display: none;} .radio-container input:checked ~ .checkmark:after {display: block;} .radio-container .checkmark:after {top: 3px;left:3px;width: 8px;height: 8px;border-radius: 50%;background: #0071bc;} .idWrap.loginWrap .formBox {margin: 0px 0px 0px;} /*popup related css starts */ .master_wrapper {height: 100%;left: 0;margin: 0;padding: 0;position: fixed;top: 0;width: 100%;z-index: 99999;font-size: 12px;} .shadow_container {background: #000;height: 100%;left: 0;opacity: 0.7;position: absolute;top: 0;width: 100%;-webkit-opacity: 0.7;} .popup_wrapper { height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: none; border: 0px; padding: 0px; } .first_pos_container { display: table; height: 100%; margin: 0 auto; overflow: hidden; width: 750px; } .popup_wrapper .sec_pos_container { display: table-cell; vertical-align: middle; } .popup_wrapper .popup_container { background: #f7f7f7; position: relative; overflow: hidden } .popup_container .popup_header { position: relative; background-color: #56c0e9; margin-bottom: 10px; width: 100%; height: 50px; } .popup_container h2 { letter-spacing: 0.5px; margin: 10px 0px 10px 0px; font-size: 20px !important; color: #fff; padding: 0px 0px 0px 15px; } .popup_close_btn { position: absolute; right: 10px; top: 10px; display: block; background: url(https://static.remotepc.com/source/images/popup_close_btn.png) no-repeat; width: 16px; height: 16px; cursor: pointer; } .popup_container .popup_content { margin: 0; padding: 0; width: 100%; padding-bottom: 10px } .deactivate_box { display: block; padding: 0px; width: 95%; margin: 0 auto; } .deactivate_box p { width: 100%; padding: 0px; margin: 0px; line-height: 20px; font-size: 14px; margin-bottom: 10px; color: #6d6d6d; } .deactivate_box p.err_msg { color: #FF0000 } .deactivate_box table { margin: 0px 0px 0px 2px; padding: 0px 0px 0px 2px; } .popup_container.popup_deactivate.main_acc_cancel.popLeft { left: 0px !important } #proRatedAmtPopup .popup_header{ height: auto;} #proRatedAmtPopup .popup_header .deactivate_title{height: 50px;line-height: 50px;margin: 0px; background: #e8e9eb; color: #383838; border-bottom: 1px solid #c1c1c1;} #proRatedAmtPopup .popup_container{ border-radius: 10px;} #proRatedAmtPopup .btn-green{ width: 120px !important;} #proRatedAmtPopup .popup_close_btn{background: url(https://static.remotepc.com/webconsole/images/icons_rpc.png) no-repeat #b3b3b5 4px -1759px; border-radius: 50px;} #proRatedAmtPopup .popup_close_btn:hover{background-color:#21a47a;} #proRatedAmtPopup .btn{padding: 10px 20px;} .cntWrap{margin: 25px;} .cntWrap p{font-size: 14px;} .cntWrap .normalPrice{text-decoration: line-through;} .cntWrap .offPrice{font-size: 22px;color: #3170b7;} .cntWrap .disPercen{font-weight: bold;font-size: 16px;} .cntWrap p.cntNote{width: 100%;clear: both;margin: 15px 0px;float: left;color: #989da1;font-size: 12px;} .cntWrap .cntContinue {margin: 30px 0px 10px; outline: none;background-color: #56ca92;width: 150px;cursor: pointer;border: 0px;font-size: 18px;height: 40px;color: #ffffff;display: block;padding: 3px 15px;text-align: center;float: left; border-radius: 3px;} .cntWrap .cntContinue:hover{background-color: #1fb6bf;} /* Subuser register related css starts */ .userregWrap .inviteHeader{background: url(https://static.remotepc.com/webconsole/images/user-invite-icon-blue.png) no-repeat #f3f2de 40px 15px;width:100%;height: 80px;} .userregWrap .inviteHeader span{font-weight:bold;} .userregWrap .inviteHeader p{padding-left: 100px;margin: 0px;line-height: 80px;} .userregWrap .content{background: #fff;} .userregWrap .form{padding: 0px 40px 50px;width: 80%;} .userregWrap .terms{margin: 10px 0px 20px;width: 80%;} .userregWrap .btn{padding: 10px 20px;} .userregWrap .static{margin: 20px 0px 0px 0px;} .userregWrap .rpc-captcha{float: left;width: 100%;margin: 0px 0px 20px 0px;} .userregWrap .g-recaptcha{margin: 0px;} .userregWrap .subhead{margin-bottom: 10px;} .userregWrap #captcha_err{margin-left: 0px;} .userregWrap label[for="terms_check"] {font-size: 12px;} /*More plan popup related css starts*/ .morePlanTxt {float: left;width: 100%;height: 35px;position: absolute;box-sizing: initial;line-height: 36px;bottom: 0px;background-color: #f0f0f0;font-size: 14px;font-weight: bold;left: 0px;} .morePlanTxt:hover{color: #c47206;} .moreplanPopup {width: 575px;} #moreplanPopup .shadow_container{opacity: 0.8;-webkit-opacity: 0.8;} .moreplanPopup .popup_container{border:1px solid #464c42;} .moreplanPopup .popup-close-btn {position: absolute;right: 10px;top: 10px;display: block;background: url(https://static.remotepc.com/webconsole/images/moreplan_close.png) no-repeat 0 0;width: 16px;height: 16px;cursor: pointer;} .moreplanPopup .popup-close-btn:hover{background-position: 0 -34px;} .moreplanPopup .popup-header {position: relative;background-color: #fff;width: 100%;padding: 15px 20px 15px 20px;box-sizing: border-box;float: left;border-bottom: 2px solid #98c7bd;} .moreplanPopup .popup-header h2{margin: 0px 0px 5px 0px;float: left;width: 100%;font-size: 20px;color: #000;padding: 0px;} .moreplanPopup .popup-header p{margin: 0;float: left;width: 100%;font-size: 14px;color: #000;} .moreplanPopup .popup-content {position: relative;background-color: #fff;width: 100%;padding: 15px 20px;box-sizing: border-box;float: left;} .moreplanPopup .plan-table{float: left;width: 100%;box-sizing: border-box;color: #000;} .moreplanPopup .plan-row{float: left;width: 100%;box-sizing: border-box;margin: 0px 0px 15px 0px;} .moreplanPopup .plan-row:last-child{margin-bottom: 0px;} .moreplanPopup .computer-count{float: left;width: 145px;box-sizing: border-box;position: relative;} .moreplanPopup .computer-count::before {position: absolute;content: '';width: 5px;height: 10px;background: url(https://static.remotepc.com/webconsole/images/moreplan_arrow.png) no-repeat;right: 0px;top:9px;} .moreplanPopup .comp-count-txt{float: left;font-size: 16px;} .moreplanPopup .price-range{float: left;width: 60%;box-sizing: border-box;} .moreplanPopup .price-default-value{float: left;font-size: 18px;text-decoration: line-through;margin: 0px 0px 0px 13px;} .moreplanPopup .price-offer-value{float: left;font-size: 18px;font-weight: bold;margin: 0px 0px 0px 5px;} .moreplanPopup .price-year-range{float: left;font-size: 16px;margin: 0px 0px 0px 5px;} /* offer related css start */ .signup .offer {display: none;} h3.offer50 {background: url(https://static.remotepc.com/source/images/offer50.png) no-repeat right;} h3.offer75 {background: url(https://static.remotepc.com/source/images/rpc-75.png) no-repeat right;} h3.offer80 {background: url(https://static.remotepc.com/source/images/rpc-80.png) no-repeat right;} h3.offer90 {background: url(https://static.remotepc.com/promo/images/signup-get-90.png) no-repeat left center; width: 430px;text-indent: -3000px;} h3.offer25 {background: url(https://static.remotepc.com/webconsole/images/25-off-lto.png) no-repeat right center;} .offer90 {float: left;background: url(https://static.remotepc.com/webconsole/images/login_90_offer.png) no-repeat;width: 210px;height: 60px;margin: 0px 0px 0px 20px;} .offer50 {float: left;background: url(https://static.remotepc.com/webconsole/images/login_50_offer.png) no-repeat;width: 210px;height: 60px;margin: 0px 0px 0px 20px;} .pcmagBlock{background: url(https://static.remotepc.com/promo/images/pcmag-signup.png) no-repeat;width: 170px;height: 80px;position: absolute;right: 15%;top: -53px;} .Enterprise-plan .icon-plus{background: #0071bc;width: 15px;height: 15px;border-radius: 50%;display: inline-block;line-height: 15px;color: #fff;font-size: 17px;} .Enterprise-plan.plan-col-active .icon-plus{color: #325a90;background: #ffffff;} @media screen and (min-width:1550px) { .pcmagBlock{background: url(https://static.remotepc.com/promo/images/pcmag-signup.png) no-repeat;width: 170px;height: 80px;position: absolute;right: 25%;top: -53px;}} /* 25% offer */ h3.offer25 {background: url(https://static.remotepc.com/webconsole/images/25-off-lto.png) no-repeat right center;} .supportTxthide {display:none !important;} ul.primary {margin: 0px;} .captcha_row {float: left;} /*cancel acc related css starts*/ .cancel-acc{background: #fff;} .cancel-acc .logo {float: none;width: 130px;margin: 0px auto;} /*.cancel-acc .logo a{background: url(https://static.remotepc.com/webconsole/images/remotepc-logo-black.png) !important;width: 172px;}*/ .cancel-acc .logo a{background: url(https://static.remotepc.com/source/images/remote-inlogo.png) !important;width: 130px;height: 52px !important;} .cancel-acc footer{position: fixed;bottom: 0px;} .cancel-acc .new-header-con{display: none;} .cancel-acc .nav_menu{display: none !important;} .cancel-acc .loginBlock{box-shadow: -1px 1px 12px 2px;} .cancel-acc .footer_ul, .cancel-acc .footer-lastul{display: none;} .cancel-acc .cancel-txt-bold{font-size: 18px;font-weight: bold;margin: 20px 0px 0px 0px} .cancel-acc .cancel-txt{font-size: 16px;margin: 5px 0px 0px 0px} .cancel-acc .success-cancel-acc{width: 900px;margin: 30px auto 20px;padding: 100px 20px 20px 20px;display: none;background-color: #f9f7e9;border: 1px solid #eae9da;text-align: center;color: #3f3d3e;position: relative;} .cancel-acc .success-cancel-acc::before{position: absolute;width: 72px;height: 72px;content: '';background: url(https://static.remotepc.com/webconsole/images/cancel_tick.png);left: 50%;margin-left: -36px;top:25px;} .cancel-acc-popup .popup_container .popup_header{margin-bottom: 0px} .cancel-acc-popup .first_pos_container{width: 550px;} .cancel-acc-popup p{float: left;width: 100%;margin: 0px 0px 10px 0px;font-size: 14px;} .cancel-acc-popup .btnGreen{} .cancel-acc-popup .popup-content-sec{float: left;width: 100%;padding: 20px;box-sizing: border-box;} .cancel-acc-popup .btnWrap {float: left;width: 100%;margin: 20px 0px 0px 0px;} .cancel-acc-popup .btnGreen {float: right;padding: 8px 20px;color: #fff;text-transform: capitalize;border-radius: 2px;font-size: 16px;cursor: pointer;} .cancel-acc-popup .btnRed {float: right;padding: 8px 20px;color: #fff;text-transform: capitalize;border-radius: 2px;font-size: 16px;cursor: pointer;background: #fff;color:#d60303;border:1px solid #d60303;margin-left: 10px;} .cancel-acc-popup .btnRed:hover{background: #efdfdf} #cancelUserOnReqPopup .popup_header{ height: auto;} #cancelUserOnReqPopup .popup_header .deactivate_title{height: 50px;line-height: 50px;margin: 0px; background: #e8e9eb; color: #383838; border-bottom: 1px solid #c1c1c1;} #cancelUserOnReqPopup .popup_container{border-radius: 10px;} #cancelUserOnReqPopup .popup_close_btn{background: url(https://static.remotepc.com/webconsole/images/icons_rpc.png) no-repeat #b3b3b5 4px -1759px; border-radius: 50px;} #cancelUserOnReqPopup .popup_close_btn:hover{background-color:#21a47a;} /*Helpdesk related css starts*/ .help-desk {background: url(https://static.remotepc.com/source/images/help_desk_bg.jpg) no-repeat center center fixed;} .help-desk .logo a{width: 175px;height: 48px !important;background: url(https://static.remotepc.com/helpdesk/source/images/helpdesk-logo-white-new.svg) no-repeat 0px 0px !important;margin: 17px 0px 0px 0px;} .help-desk a.feature_back {background: url(https://static.remotepc.com/source/images/rc-resel-icons-blue.png) no-repeat 0px -1251px;padding-left: 20px;} .helpdesk-subuser .logo a{width: 175px;height: 48px !important;background: url(https://static.remotepc.com/source/images/helpdesk_logo.png) no-repeat 0px 0px !important;margin: 17px 0px 0px 0px;} .helpdesk-subuser .userregWrap .form{width: 90%;} .help-desk .userregWrap .terms{width: 100%;} .help-desk .content {margin: 0 auto 10px;width: 80%;float: left;} .help-desk .userregWrap .form {width: 100%;} .help-desk .userregWrap .inviteHeader {background: url(https://static.remotepc.com/webconsole/images/user-invite-icon-helpdesk.png) no-repeat #f3f2de 40px 15px;width: 100%;height: 80px;} .help-desk ul.footer_ul{min-height: 180px;} .help-desk .new-header-con ul{margin: 15px 0px 0px 30px;padding: 0px;} /* reactivation confirmation form styles */ .help-desk .reactivate.banner-blank {background: url(https://static.remotepc.com/source/images/help_desk_bg.jpg) no-repeat center center fixed !important;} .help-desk .reactivate.banner-blank .reActForm .btn {width:155px;background-color: #23a279;border: 1px solid #23a279;} @media screen and (min-height:950px){ .help-desk footer{position: fixed;bottom: 0px;} } @media screen and (min-height:800px){ .help-desk-subuser footer {position: absolute;bottom: 0px;} } /* Ipad pro Portrait */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { footer{position: absolute;left: 0;bottom: 0;right:0;height: auto;} } /* signup */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { .signup footer{position: static;margin-top: 30px !important;} } @media screen and (min-width:1500px){ .loginWrap .leftBlock{width: 55%;} .loginWrap .lbWrap{width: 685px;} .loginWrap .rightBlock{width: 400px;padding: 0px 0px 0px 30px;} } @media screen and (max-width: 1280px) { .wrapper {margin: 0px auto;width: 100%;padding: 0px 20px;} .loginWrap .wrapper{padding: 0px} .userregWrap .form {padding: 0px 40px 50px;width: 95%;} } @media screen and (max-width: 1180px) { .morePlanButton{display: none;} } @media screen and (max-width: 980px) { .wrap_menu {position: relative;display: block;overflow: hidden;border: 0px solid red;width: 150px;height: 72px;float: right;margin-right: -20px;} .nav-toggle { border: 1px solid transparent; margin: 0px; cursor: pointer; width: 100%; height: 100%; background: #014f82; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; padding-left: 50px; color: #fff; line-height:60px; font-size: 20px; text-transform: uppercase; } .nav-toggle span { display: block; position: absolute; top: 50%; left: 10px; width: 30px; height: 3px; margin-top: 0px; background-color: #fff; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .nav-toggle span:before, .nav-toggle span:after { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background: #fff; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .close .nav-toggle span:before, .close .nav-toggle span:after { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nav-toggle span:before { -webkit-transform: translateY(-300%); -ms-transform: translateY(-300%); transform: translateY(-300%); } .nav-toggle span:after { -webkit-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%); } .nav-toggle:hover { background: #0071bb; } .nav-toggle:hover span:before { -webkit-transform: translateY(-230%); -ms-transform: translateY(-230%); transform: translateY(-230%); } .nav-toggle:hover span:after { -webkit-transform: translateY(230%); -ms-transform: translateY(230%); transform: translateY(230%); } /* Navigation menu */ .body_tap_menu .menu .secondary li.myaccount_wrap a { text-align: left; } .logo a { background-size: contain !important;max-width: 115px !important;margin-top: 15px; } .header { background-color: #0071bb; } .first_hdr_con { padding: 40px 0px 40px 0px; font-size: 80%; } .wrapper { padding: 0px 20px; } .inner_wrapper { position: relative; display: inline-block; } .close { background-color: #014f82; } .close .nav-toggle { background: #014f82; } .header { position: relative; padding-top: 0px; overflow: hidden; height: 60px; } .menu_show ~ .main-wrapper header .header { position: fixed; } /*.menuFixHead {position:fixed;width:100%;}*/ .tap_menu .first_hdr_con { margin-top: 0px; } .menu_show + .nav_menu { display: none; } nav .secondary .toplogin { float: left; } .menu .secondary .topsignup:after { content: ' '; background: url(https://static.remotepc.com/source/images/menu_arrow.png) no-repeat right center; position: absolute; height: 14px; width: 12px; background-size: contain; margin-top: 3px; margin-left: 5px; } .new_price_tbl_con { margin-top: 15px; } .static-wrapper { width: 100%; max-width: 100%; padding: 0px 20px; } .menu .main li a:hover { color: #fff; } .nav-toggle span { display: block; position: absolute; top: 50%; left: 10px; width: 30px; height: 3px; margin-top: 0px; background-color: #fff; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .nav-toggle span:before, .nav-toggle span:after { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background: #fff; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .close .nav-toggle span:before, .close .nav-toggle span:after { -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } .nav-toggle span:before { -webkit-transform: translateY(-300%); -ms-transform: translateY(-300%); transform: translateY(-300%); } .nav-toggle span:after { -webkit-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%); } .nav-toggle:hover { background: #014f82; } .nav-toggle:hover span:before { -webkit-transform: translateY(-230%); -ms-transform: translateY(-230%); transform: translateY(-230%); } .nav-toggle:hover span:after { -webkit-transform: translateY(230%); -ms-transform: translateY(230%); transform: translateY(230%); } .menu .secondary .topsignup, .menu .secondary .toplogin, .menu .secondary .topsignup:hover, .menu .secondary .toplogin:hover, .menu .secondary .topsignup:active, .menu .secondary .toplogin:active { position: relative; text-align: left; background: transparent; border: none; box-shadow: none; min-width: inherit; } .menu .secondary .topsignup:hover { color: #fff; background-color: #d04a4a; } .menu .secondary .toplogin:hover { color: #fff; background-image: none !important; } .body_tap_menu .menu.mobile_menu ul { padding-left: 0px; margin-top: 0px; } .body_tap_menu .menu ul { display: block; width: 100%; } .body_tap_menu .menu .main { padding-top: 0px; height: auto; } .charges_body .header { opacity: initial !important; } .body_tap_menu .menu ul li:last-child { border-bottom-width: 0px; } .body_tap_menu .menu .secondary { margin: 0px 0 0px; width: 100%; max-width: 100%; height: auto; } .body_tap_menu .menu .secondary li { height: auto; } .body_tap_menu .menu .secondary li:first-child { border-top: 0px solid #596A74; margin-bottom: 0px; } .body_tap_menu .menu.mobile_menu ul { margin-top: 0px; padding-top: 0px; } .body_tap_menu .menu li { width: 100%; padding: 0px; border: 0px solid #596A74; border-bottom-width: 0px; margin: 0px; height: auto; } .body_tap_menu .menu ul li:hover { background-color: #585858; } .body_tap_menu .menu ul li a { font-size: 22px; padding: 20px 25px; float: none; display: inline-block; width: 100%; box-sizing: border-box; font-weight: normal; } .body_tap_menu .menu.mobile_menu.menu_show { padding: 0px; visibility: visible; overflow-y: auto; -webkit-backface-visibility: hidden; transition: transform .4s 0s, visibility 0s .4s; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; -webkit-transform: translateX(-380px); -moz-transform: translateX(-380px); -ms-transform: translateX(-380px); -o-transform: translateX(-380px); transform: translateX(-380px); } .body_tap_menu .menu.mobile_menu { padding: 0px; margin-left: 0; z-index: 99999; width: 100%; float: right; position: fixed; top: 60px; left: 100%; height: 100%; background-color: #2A2828; visibility: visible; overflow-y: auto; -webkit-backface-visibility: hidden; transition: transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .body_tap_menu .menu ul li a {padding: 6px 25px 6px;font-size: 14px !important;} .static{margin-top: 0px;} .signup .signupWrap .static {margin-top: 0px;padding-bottom: 20px;} .signup .static.tap_menu{margin-top: 60px !important;} .static.tap_menu{margin-top: 60px !important;} .new-header-con, .header-line{display:none !important;} .wrap_menu{height:auto;} .menu_show .myaccount_box{text-align:left !important;} .body_tap_menu .menu ul li a{padding: 4px 25px !important;} .header{height:60px !important;} .toplogin{background:transparent !important;color:#fff !important;line-height: initial !important;height: initial;} .myaccount_box{background:#21A279 !important; color:#fff !important;} .menu ul .mobile-menu {display: block !important;float: left;} .toplogin:hover {background-color: #585858 !important;color:#fff;} .signup .menu_show ~ .main-wrapper header .header {position: fixed;} .signup.body_tap_menu .menu.mobile_menu{top:60px;} .secondary {position: static;left: 0px;margin-top: 0 !important;} .signupWrap .static {position: relative;min-height: 100%;padding-bottom: 175px;overflow: hidden;} .signup .g-recaptcha {float: left;margin: 0px 0px 20px 20px;} .signup-formBox h3::before {display: none;} .signup .morePlanButton{position: absolute;top: 13px;right: 4px;padding: 1px;} .signup .offer-price{padding-left: 40px;} .signup .plan-pricing .normal-price-txt{margin-left: 40px;} .signup .offer-price span{font-size:12px;} .signup .free-plans .plan-pricing .offer-price-txt {font-size: 24px !important;padding-left: 0px !important;} .signup .free-plans .plan-pricing .offer-price {padding-left: 80px;} .signup .free-plans.planSelect .plan-pricing .input-radio-custom+label {top: -1px!important;} .signup .free-plans.planSelect .plan-pricing .input-radio-custom+label {left: 52px !important;} /* footer related css starts */ .footerMain ul { display: none; } .footer-support-txt { text-align: right; color: #fff; padding: 35px 15px 0px 0px; display: block; } .footer-support-txt p { float: none; font-size: 20px; padding: 0; margin: 0; } .footer-support-txt span { font-size: 12px; color: #6b6f78; } .copyright { margin-top: 25px; } footer .copyright p { font-size: 12px; margin: 0; padding: 10px 0 10px; color: #82868f; text-align: center; } footer .copyright { background: #454C50; } .wrapper, .static-wrapper { width: 100%; } .footerMain .wrapper { padding: 0; } .flast-support { float: left; padding-bottom: 10px; } .footerMain .wrapper ul:last-child { display: block; } footer .footerMain .text { margin: 5px 5px 10px 3px; font-size: 21px; line-height: normal; } .supNum { padding: 0px 0 0; } footer .socialIcons { float: right; padding-top: 30px; } .footer-lastul { float: left; width: 100%; padding-left: 20px; } footer .socialIcons li:last-child a { margin-right: 0px; } .faq-more { padding-bottom: 30px; } .flast-support {display: table;float: none;margin: 0 auto;text-align: center;} footer .footerMain .text {text-align: center !important;margin: 5px 5px 5px 3px !Important;} .banner-laptop .header {background: #0071bc;height: 60px !important;} .main-wrapper{position: relative;min-height: 100%;padding-bottom: 148px;overflow: hidden;} footer{position: absolute;left: 0;bottom: 0;right:0;height: auto;} /* main form section related styles */ .loginBlock {margin:30px auto 60px} .supportTxthide {display:block !important;} /* Helpdesk related css starts */ .help-desk .logo a, .helpdesk-subuser .logo a{max-width: 175px !important;float: left;margin-top: 7px !important;} .help-desk #submit-signup{margin-bottom: 40px; width: auto;} .help-desk a.feature_back {background: url(https://static.remotepc.com/source/images/rc-resel-icons-blue.png) no-repeat 5px -1245px;padding-left: 20px;} /* .help-desk footer{position:static} */ .trustBlock { background: #fffddf !important; width: 100% !IMPORTANT; font-size: 13px !important; padding: 10px !IMPORTANT; position: relative !IMPORTANT; top: 0px !IMPORTANT; left: 0px !IMPORTANT; margin-top: 0px; } .closeIcon{ top: 2px !important; right: 3px !important; } } @media screen and (min-width: 768px) and (max-width: 1024px){ .plan-name{height: 90px;} .plan-col {height:330px !important;} .sign_bg {height: 550px !important;background: url(https://static.remotepc.com/webconsole/images/signup_blue_bg.jpg) no-repeat center right;} } @media screen and (min-width: 748px) and (max-width: 980px){ .plan-name-txt{font-size: 14px;} .comp-nos{line-height: 18px;font-size: 12px;} .Enterprise-plan .plan-col:before {right: -1px;} .offer-price-txt{font-size: 26px;} .comp-range-text{font-size: 14px;} .leftBlock{background-image: none;width: 50%} .leftBlock h2{line-height: 25px;font-size: 20px;margin: 30px 0px 15px;} .rightBlock{width: 50%;} .lbWrap{width: 90%;} .leftBlock p{font-size: 14px;} .loginWrap .offer90, .loginWrap .offer50{margin-top: 15px;} .loginWrap .signup-offer-note{margin: 30px 0px 0px 0px;} .sign_bg{background: #274152 !important;height: 510px;} /* .custom-plan-txt{color: #fff;background: url(https://static.remotepc.com/webconsole/images/signup-arrow-white.png) no-repeat center right;} */ .plan-comuters {padding: 3px 0px 0px 0px;} footer .copyright{padding: 0px;margin: 0px;background: #454C50;} footer .copyright p{padding: 5px 0 5px;} .flast-support{padding: 0px;text-align: center;margin: 20px auto;} .supNum a{font-size: 24px;line-height: 24px;} footer .footerMain .text {margin: 0px auto 7px;font-size: 22px;line-height: normal;} .input-radio-custom + label{top: 0px;} .userregWrap .form {padding: 0px 20px 50px;width: 100%;} .userregWrap .g-recaptcha {margin: 0px;} .userregWrap .flt_lt {float: left;width: 100%;margin: 0px 0px 15px 0px;} .userregWrap .row {margin: 0px 0px 0px 0px;} .userregWrap .flt_lt input{width: 350px;} .userregWrap #pass_strength.red {left: 290px;right: initial;} .userregWrap #pass_strength.brown {left: 290px;right: initial;} .userregWrap #pass_strength.green {left: 290px;right: initial;} #signupOffer{margin-top: 60px;} .pcmagBlock { background: url(https://static.remotepc.com/promo/images/pcmag-signup.png) no-repeat; width: 170px; height: 80px; position: absolute; right: 73px; top: 16px; } .custom-plan-txt{color: #fff;background: url(https://static.remotepc.com/webconsole/images/signup-arrow-white.png) no-repeat center right;} .sign_bg {height: 620px !important;background: url(https://static.remotepc.com/webconsole/images/signup-arrow-white.png) no-repeat center right;} } @media screen and (max-width: 767px){ .pcmagBlock{display:none;} .plan-col{width: 100%;margin: 0px auto 10px;float: left;height: auto;} .tbl-price-plan a:last-child .plan-col {margin: 0px auto 10px;} .plan-comuters{height: initial;padding: 10px 0px;} h3.offer90{background: none;} h3.offer25{background: none;} .custom-plan-sec{color: #000;text-align: left;} .signup-formBox{margin-top: 0px;} .leftBlock{display: none;} .rightBlock{width: 100%} .loginWrap .wrapper{padding: 0px 20px;} .loginWrap .row{width: 100%;} .stay-signed{width: auto;} .linkbox{margin: 0px;} .linkbox p{width: 100%} .regularform{width: 100%;margin: 0px auto;} .sign_bg{background: #274152;} .terms, .signup-offer-note, #signupRow {margin: 0px 0px 10px 0px;} .loginBlock{margin: 30px auto;} .signup .g-recaptcha {float: left;margin: 20px 0px 0px 0px;} .signup .offer {display: block;} /* .signup .offer .offer90 {background: url(https://static.remotepc.com/source/images/offer-head980-90.png) center center no-repeat; */ /* width: 100%;height: 100px;display: block;margin: 0px;} */ .signup .offer .offer90 {background: url(https://static.remotepc.com/source/images/offer-head980-90-new.png) center center no-repeat; width: 100%;height: 100px;display: block;margin: 0px;} .signup .offer .offer25 {background: url(https://static.remotepc.com/source/images/offer-head980-25.png) center center no-repeat; width: 100%;height: 100px;display: block;margin: 0px;} .customform{margin-left: 0px;} .customform textarea{margin-bottom: 0px;width: 100%;} .custom-plan-txt{background: url(https://static.remotepc.com/webconsole/images/custom-plan-arrow.png) no-repeat center right;} .custom-plan-txt {color: #1ca3bb;} .custom-plan-txt:hover {color: #19879a;} .signup #captcha_err {margin-left: 0px;} #submitQueryAws{margin: 20px 0px 0px 0px;} .free-plans .plan-pricing{padding: 20px 0px 20px;} #submit-signup{margin: 20px 0px 0px 0px;} .plan-pricing{padding: 20px 0px 45px;} .userregWrap .flt_lt {float: left;width: 47%;margin: 0px 3% 0px 0px;} .userregWrap .flt_lt {float: left;width: 100%;margin: 0px 0px 15px 0px;} .userregWrap .row {margin: 0px 0px 0px 0px;} .userregWrap .flt_lt input{width: 290px;} .userregWrap #pass_strength.red {left: 230px;right: initial;} .userregWrap #pass_strength.brown {left: 230px;right: initial;} .userregWrap #pass_strength.green {left: 230px;right: initial;} label.billcard + label[for="cvv"] .cvv_help{display:none;} .help-desk .userregWrap .inviteHeader p{line-height: 24px;padding-top: 20px;} .signup .plan-name-txt {font-size: 18px;} .signup .free-plans .plan-pricing {padding: 60px 0px 0px;} .signup .free-plans .plan-pricing .offer-price{padding: 40px 0px 0px 0px;width: 130px;float: none !important;margin: 0px auto !important;} .signup .free-plans .plan-pricing .offer-price-txt{padding: 0px 0px 0px 10px;} .signup .free-plans .plan-pricing input[type=radio]{width: auto !important;} .signup .free-plans.planSelect .plan-pricing .input-radio-custom+label{left: 0px !important;margin-right: 10px;} .signup .plan-pricing {padding: 20px 0px 20px 10px !important;} .signup .plan-pricing input[type=radio]{position: static;width: auto !important;height: 20px !important;} .signup .plan-pricing .input-radio-custom+label{position: static;} .signup .normal-price-txt{float: left;width: auto !important;padding: 0px !important;margin: 3px 0px 0px 10px !important;font-size: 14px;} .signup .plan-pricing .offer-price{float: left;padding: 1px 0px 0px 10px;font-size: 14px;} .signup .offer-price span{font-size: 18px !important;padding: 0px 0px 0px 5px;} .signup .offer-price .year-range-txt{font-size: 14px !important;} .signup .free-plans+a .plan-pricing .input-radio-custom, .signup .Team-plan .plan-pricing .input-radio-custom, .signup .Enterprise-plan .plan-pricing .input-radio-custom{height: 20px!important;} .signup .custom-plan-txt{color: #000;} .signup .morePlanButton{position: static;} } @media screen and (max-width: 762px){ .signup .input-radio-custom + label{background: url(https://static.remotepc.com/webconsole/images/rpc_bg_custom_radio.png) no-repeat 0px -40px !important;} .signup .input-radio-custom:checked+label {background: url(https://static.remotepc.com/webconsole/images/rpc_bg_custom_radio.png) no-repeat 0 -1px!important;} } @media screen and (max-width: 640px){ .regularform{width: 100%;} .flt_lt{width: 100%;margin: 0px 0px 10px 0px;} .signupWrap .row{margin: 0px;} .subhead span{margin-bottom:15px;} .custom-plan-txt{font-size: 16px;} .signup-offer-note{margin-top: 10px;} .body_tap_menu .menu.mobile_menu.menu_show {-webkit-transform: translateX(-330px);-moz-transform: translateX(-330px);-ms-transform: translateX(-330px);-o-transform: translateX(-330px); transform: translateX(-330px);} .nav-toggle { padding-left: 35px; } .nav-toggle span { width: 20px; } .nav-toggle { font-size: 16px; } .nav-toggle span { height: 2px; } .wrap_menu { width: 110px; } .loginBlock{width: 100%;margin: 0px;} .loginWrap .formBox{padding: 0px 20px;margin: 15px 0px 28px;} .help-desk{background:none !Important;} .rpchdSignup.help-desk{ background: url(https://static.remotepc.com/source/images/help_desk_bg.jpg) no-repeat center center fixed !Important;} .banner-laptop {background: #fefefe;} .createacc-link{margin: 15px 0px 20px;} .promo-sec .subhead{width: 100%;} .moreplanPopup {width: 90%;} .moreplanPopup .computer-count{width: 135px;} .moreplanPopup .price-default-value{font-size: 16px;} .moreplanPopup .price-offer-value{font-size: 16px;} .moreplanPopup .price-year-range{font-size: 14px;} .userregWrap .flt_lt {float: left;width: 100%;margin: 0px 0px 15px 0px;} .userregWrap .row {margin: 0px 0px 0px 0px;} .userregWrap .terms {width: 100%;} .userregWrap .form{padding: 0px 20px 50px;} .userregWrap .inviteHeader p{line-height: 20px;padding-top: 15px;padding-right: 15px;font-size: 14px;} .userregWrap .flt_lt input {width: 100%;} .userregWrap #pass_strength.red {left: initial;right: 0px;} .userregWrap #pass_strength.brown {left: initial;right: 0px;} .userregWrap #pass_strength.green {left: initial;right: 0px;} .help-desk .content{width: 100%;} .help-desk .userregWrap .inviteHeader p{line-height: 20px;padding-top: 15px;} .signup .free-plans .plan-pricing .offer-price {padding: 40px 0px 0px 0px;} } @media screen and (max-width: 480px){ .moreplanPopup {width: 90%;} .moreplanPopup .computer-count{width: 100%;} .moreplanPopup .price-range{width: 100%;} .moreplanPopup .price-default-value{font-size: 18px;margin:0px;} .moreplanPopup .price-offer-value{font-size: 18px;} .moreplanPopup .price-year-range{font-size: 16px;} .moreplanPopup .plan-row{margin: 0px 0px 15px 0px;} .moreplanPopup .computer-count::before{display: none;} .customform{width: 100%;} .help-desk .msgError{margin-top:40px !Important;} .signup .plan-pricing .normal-price-txt {margin-left: 10px!important;} .signup .Team-plan .plan-pricing .normal-price-txt {margin-left: 5px!important;} .signup .footDiv .freeTrialTxt{font-size: 18px !important;} } @media screen and (max-width: 420px){ /* .signup .offer .offer90 {background: url(https://static.remotepc.com/source/images/offer-head320-90.png) center center no-repeat !important;width: 100%;height: 65px; */ /* display: block;} */ .signup .offer .offer90 {background: url(https://static.remotepc.com/source/images/offer-head320-90-new.png) center center no-repeat !important;width: 100%;height: 65px; display: block;} .signup .offer .offer25 {background: url(https://static.remotepc.com/source/images/offer-head320-25.png) center center no-repeat !important;width: 100%;height: 65px; display: block;} .signup .menu_show ~ .main-wrapper header .header {position: fixed;} .signup.body_tap_menu .menu.mobile_menu{top:60px;} .body_tap_menu .menu.mobile_menu.menu_show {-webkit-transform: translateX(-282px);-moz-transform: translateX(-282px);-ms-transform: translateX(-282px);-o-transform: translateX(-282px); transform: translateX(-282px);} .userregWrap .rpc-captcha {transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0;-webkit-transform-origin: 0 0;} } /* @media screen and (min-height: 780px){ footer {position: fixed;bottom: 0px;} } */ /* ie related styles */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .topsignup {background-position:0px 14px !important} .toplogin {background: #fff url(https://static.remotepc.com/source/images/new-menu-icon.png) no-repeat 68px 13px !important} .topsignup:hover {background: url(https://static.remotepc.com/webconsole/images/signup-user-icon.png) no-repeat 0 -18px !important;} } .topsignup {background-position:0px 14px\9 !important} /*.toplogin {padding:7px 18px 9px 6px\9 !important}*/ /* firefox related styles */ /*.win_firefox .toplogin {padding:9px 18px 9px 6px !important}*/ @media screen and (max-device-width: 767px){ body{ -webkit-text-size-adjust: none; } } .footer-logo{ color: #fff !important; font-size: 18px !important; margin-bottom: 10px; margin-top: 36px; float: left; margin-left: 26px;} /* idrive Ad related styles */ .idWrap .idAd {background: url(https://static.remotepc.com/webconsole/images/idAd/idrive_main_5times1.jpg) no-repeat center center;border: 0px;height: 433px;width: 490px;position: static;left: 10%;margin-right: 9px;float:left;} .idWrap .idAd + .loginBlock {margin-left: 0px;/* min-height: 506px; */} .idWrap .idAd a {float: left;width: 100%;height: 100%;} .idWrap.loginWrap .static .wrapper {position: relative;width:980px !important;} .idWrap.loginWrap {float:left;margin:0px 0px 15px 0px;} @media screen and (max-width: 1280px){ .idWrap div.idAd + .loginBlock {width: 435px;} .idWrap.loginWrap .static div.wrapper {width:100% !important;max-width: 943px;} } @media screen and (max-width: 1023px){ .idWrap.loginWrap .static div.wrapper {width:100% !important;} .idWrap div.idAd {position: static;float: none;margin:20px auto 10px auto;background: url(https://static.remotepc.com/webconsole/images/idAd/idrive_980_new_5times1.png) no-repeat center center;height:220px;width:470px;} .idWrap div.idAd + .loginBlock {width: 470px;margin:0px auto 60px !important} } @media screen and (max-width: 640px){ .idWrap div.idAd {position: static;float: none;margin:0px auto 10px auto;background: url(https://static.remotepc.com/webconsole/images/idAd/idrive_640_nw.png) no-repeat center center;height:161px;width:100%;border-bottom:1px solid #e2cd68;} .idWrap div.idAd + .loginBlock {width:100% !important;} } /* for new credit card plugin */ .row.StripeElement{ margin: 0px; border: 1px solid #a5a1a1; height: 42px; width: 87%; line-height: 30px; padding-top: 11px; padding-left: 10px; border-radius: 2px; margin-top: 20px; margin-bottom: 10px;} .row.StripeElement.StripeElement--empty.StripeElement--focus{border:2px solid #a8c8fd;border-radius:2px ;} label.billcard { margin-top: 10px; margin-bottom: -18px} @media screen and (max-width: 980px){.row.StripeElement{width:87%};} @media screen and (max-width: 640px){.row.StripeElement{width:100%}} label.billcard + label[for="cvv"]{position:relative;} label.billcard + label[for="cvv"] .cvv_help {background-color: #fff;border-radius: 50%;color: #5187ad;font-size: 13px;font-weight: bold;padding: 0 5px;cursor: pointer;border: 1px solid #8fbfe6;margin: 0px 0px 0px 8px;position: absolute;left: 235px;top: -4px;width: 20px;padding: 4px 3px 3px 6px;height: 20px;line-height: 11px;} /*reactivation related */ .reactivate h3{color:#bf3f3f;font-weight:bold;} .reactivate .msgError.react b{display: block;float: left;font-size: 14px;height: 140px;padding: 15px; text-align: center;} .reactivate .msgError.react{font-size: 14px;width: 100%;float: left;margin-bottom: 10px;text-align: center;padding: 10px; color: #333;text-indent:10px; background: #fffddf; border: 1px solid #e4e3d5;margin-top:20px;} .reactivate .loginWrap .btn{ background: #c03f3f; border: 1px solid;} .reactivate .loginWrap .btn:hover{ background:#9c3b3b} .reactivate .loginWrap .btnLoader {cursor:default;height: 40px;background: #c03f3f;text-transform: inherit;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; border-radius: 2px;margin-top: 20px;letter-spacing: 0.04em;width: 100% !important;color: #fff !important;border: none !important;background-image: url(https://static.remotepc.com/source/images/submit_loader.gif); background-repeat: no-repeat;background-position: center;text-indent: -3000px;} .click{width: 70px; height: 10px; display: block; background: #21a47a; color: white; border-radius: 3px; text-align: center; margin-bottom: 9px; height: 20px; font-size: 12px; line-height: 19px;} .click:hover{color:#fff;} .reactivate .loginWrap .btnLoader:hover {height: 40px;background: #c03f3f;text-transform: inherit;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; border-radius: 2px;margin-top: 20px;letter-spacing: 0.04em;width: 100% !important;color: #fff !important;border: none !important;background-image: url(https://static.remotepc.com/source/images/submit_loader.gif); background-repeat: no-repeat;background-position: center;text-indent: -3000px;} .reactivate .msgError{float:left; margin-top: 0px;} #loginError{padding: 10px 18px;background-color: #ffe8e8;border: 1px solid #d1a38c;width: 100%;margin: 25px auto 0px auto; display: none;color: #663333;font-size: 14px;} #loginError a:hover{color:#333;} .termbox h3{line-height: 14px;font-size: 15px;border: none;margin-bottom: 15px;float: left;font-weight: bold;} .termbox ol {padding-left: 16px;margin: 25px 0px;font-size: 12px;} #choosenPlan {text-decoration: none;font-weight: bold;} #discountPercent{font-weight: normal;} .termbox ol li{font-size:14px;} #proRatedAmtPopup .cntWrap p.cntNote{color:#333;} .cntWrap p{font-size:16px;} #proRatedAmtPopup .cntWrap .offPrice{font-weight:bold;} .termbox ol li{line-height:28px;} #proRatedAmtPopup .first_pos_container {width: 650px;} /* signup page california law */ .policyBlock{float: left;margin-left: 20px;margin-bottom: 25px;display: none;} .policyBlock .subhead{margin-left:0px;margin-bottom:-11px;padding-bottom: 10px;border: none;margin-top:10px;color:#333;} .policyBlock .termbox {max-height: 100px;overflow: scroll;float: left;width: 74%;border: 1px solid #93B6CA;padding: 0px 15px;margin:0px 0px 10px;overflow-x: hidden;margin-left:0px;margin-top: 10px;margin-bottom: 0px;background: #fff;margin-right:-2px;} .help-desk .policyBlock .termbox{width:99%;} .help-desk .policyBlock{margin-left: 0px;} .policyBlock .termbox ol { padding: 0px; padding-left: 10px; margin: 0px;} .policyBlock .termbox li {list-style: decimal;font-size: 13px;line-height: 22px;margin: 10px 0px;} .policyBlock + .terms{ width: 89%; line-height: 23px;} .policyBlock .termbox::-webkit-scrollbar {width: 5px;} .policyBlock .termbox::-webkit-scrollbar-button {background: #fff} .policyBlock .termbox::-webkit-scrollbar-track-piece {background: #fff;} .policyBlock .termbox::-webkit-scrollbar-thumb {background: #ccc;} @media screen and (max-width:768px){ .policyBlock{float: left;margin-left:0px;margin-bottom: 25px;}} @media screen and (max-width:480px){ .policyBlock .termbox{padding:0px 15px 0px 5px;width:77%;} .policyBlock .termbox{padding-left: 13px} .policyBlock .termbox ol{padding-left: 5px !Important;} .policyBlock .termbox{width:100% !Important} .policyBlock .termbox li{font-size:12px !important;} .help-desk.body_tap_menu .loginWrap h3{font-size: 18px;padding: 0px} } .policyBlock .termbox li a{color:#2878a6;} .policyBlock .termbox li a:hover{color:#666;} /* new footer changes for signup page */ .footerMain.footerNew h4.text a{margin-top: 0px;} .footerNew .copyright{border-top: 1px solid #262b2e !important; margin-top: 30px;} .footer_links_section {float: left;width: calc(100% - 350px);margin-right: 120px;} .footerMain.footerNew ul.footer_ul:last-child li h4.text {margin-top: 0px;} footer .footerMain.footerNew .footer_links_section ul.footer_ul {width: 25%;min-width: 180px;} footer .footerMain.footerNew ul.footer_ul{min-height:180px;} footer .footerMain.footerNew ul.footer_ul:last-child li h4.text a {white-space: nowrap;} footer .footerMain.footerNew .footer_links_section ul.footer_ul:nth-child(4), footer .footerMain.footerNew .footer_links_section ul.footer_ul:last-child {margin-left: -25px;} @media only screen and (min-width:1024px) and (max-width:1100px){ .footerMain.footerNew .footer_links_section {float: left;width: calc(100% - 260px);margin-right: 30px;} footer .footerMain.footerNew .footer_links_section ul.footer_ul:last-child a {white-space: nowrap;}} /* new reactivation forms */ .banner-blank .reActmsgError { padding: 10px 18px; font-size: 12px; background-color: #fde4ea; border: 1px solid #edc4cc; width: 100%; margin: 25px auto 0px auto; color: #333; font-size: 13px; float: left; } .banner-blank .reActmsgError a { color:#0088b2; cursor: pointer; } .banner-blank .reActmsgError a:hover { color:#666666; } .banner-blank .reActallUser { float:left; width:100%; margin:10px 0px 0px 0px; } .banner-blank .reActallUser input[type=checkbox] { position: absolute; outline: none; filter: alpha(opacity=0); opacity: 0 } .banner-blank .reActallUser input[type=checkbox][disabled] { cursor: not-allowed; } .banner-blank .reActallUser input[type=checkbox][disabled]+label { cursor: not-allowed; } .banner-blank .reActallUser input[type=checkbox][disabled]+label:before { filter: alpha(opacity=50); opacity: .5; } .banner-blank .reActallUser input[type=checkbox]:focus+label:before { border: 1px solid #035f48; } .banner-blank .reActallUser input[type=checkbox]:checked:focus+label:after { border: 1px solid #035f48; } .banner-blank .reActallUser input[type=checkbox]:checked+label:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .banner-blank .reActallUser .no-borderradius input[type=checkbox] { background: 0 0; position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .banner-blank .reActallUser input[type=checkbox]+label { position: relative; cursor: pointer; padding-left: 28px; } .banner-blank .reActallUser .no-borderradius input[type=checkbox]+label { padding: 0 } .banner-blank .reActallUser input[type=checkbox]+label:before { position: absolute; left: 0; top: 2px; content: ''; background: #fff; width: 20px; height: 20px; display: block; border: 1px solid #b7b7b7 } .banner-blank .reActallUser .no-borderradius input[type=checkbox]+label:before { display: none } .banner-blank .reActallUser input[type=checkbox]+label:after { content: '✓'; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; line-height: 18px; text-align: center; color: #fff; filter: alpha(opacity=0); opacity: 0; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; background-color: #17d8a9; border: 1px solid #17d8a9; } .banner-blank .reActallUser .no-borderradius input[type=checkbox]+label:after { display: none; } .banner-blank .reActBtn { float: left; padding: 0px 10px 2px 10px; background: #8bbe49; color: #fff !important; margin: 10px 0px 0px 0px; border:1px solid #78a63b; } .banner-blank .reActBtn:hover { background:#9bce59; } .banner-blank .reActForm { margin:0px auto; width:750px; background:#fff; padding:40px; overflow: hidden; margin-bottom: 30px; margin-top: -30px; } .banner-blank .reActtitle { float:left; width: 100%; font-size: 18px; margin:0px 0px 15px 0px; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .banner-blank .loginWrap .row{margin:23px 0px 0px;} .banner-blank .reactivationFormN { background:none; } .banner-blank #emailVal{font-weight:600;word-wrap: break-word} .banner-blank .reactivationFormN .reActForm .btn { float:left; padding:10px 20px 10px 20px; width:155px !Important; } .banner-blank .rpc-captcha { float: left; width:100%; margin:20px 0px 30px 0px; } .banner-blank .reactivate .loginWrap .btn{ background-color: #23a279; border: 1px solid #23a279; } .banner-blank .reactivate .loginWrap .btn:hover{box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2); background-color: #2bb98b;} .banner-blank .reActSuccMsg { background-color:#eef9d3; padding:20px 20px 20px 20px; border:1px solid #d3d892; margin: 0px 0px 20px 0px; float: left; position: relative; display: none; } .banner-blank .reActSuccMsg p:first-child { margin-bottom:10px; } .banner-blank .reActSuccMsg p { padding:0px; margin:0px; width: 90%; } .banner-blank .sign_bg{height:750px;max-height:900px;background:#0a353f url(https://static.remotepc.com/webconsole/images/react_bg.jpg) no-repeat center top} .banner-blank label[for="others"]{margin-top:-6px;} .banner-blank{background:none !important;} .banner-blank .reActForm .flt_lt + .flt_lt{margin-right:0px;} .banner-blank .reActForm .flt_lt{width:45%;} @media screen and (max-width:980px){ .banner-blank .reActForm .flt_lt {width: 100%;} .banner-blank .loginWrap .row { margin: 16px 0px 0px 0px;} .banner-blank .reActForm{width:auto;} .banner-blank {background: none !important;}} input[disabled="disabled"]{background:#ebebe4;} /* trusted css */ .closeIcon{ position: absolute; font-size: 18px; top: 2px; right: 3px; font-family: monospace; cursor: pointer; padding: 0px 5px; color: #666; background: url(https://static.remotepc.com/source/images/popup_close_btn_icon.png) no-repeat; text-indent: -3000px; height: 18px; width: 18px; border-radius: 50%;} .trustBlock{ background: #fffddf; background: #ffffb8; width: 50%; font-size: 13px; padding: 10px; position: absolute; top: 0px; left: 25%; border: 1px solid #cc9933; color: #333300;} .trustBlock a{color: #005f9e;} /* updating signup offer 50% off */ .offerNew .plan-col{width: 20%;margin-right: -1px;/* border: none; */} .offerNew .comp-nos{padding:0px 7px;font-size:13px;} .offerNew .planoffer{float: left;width: 18.5% !important;background: #d64b4b;height: 310px;position: relative;} .offerNew .planoffer div p:first-child{background: url(https://static.remotepc.com/webconsole/images/signup_50.png) no-repeat center center;float: left;width: 240px;height: 125px;} .offerNew .planoffer div p:nth-child(2){ color: #fff; float: left; margin-left: 20px; margin-right: 20px; text-align: center; margin-top: 0px; padding-top: 20px; border-top: 1px solid #ccc; } .offerNew .planoffer span{ background: #d64b4b; width: 20px; height: 20px; float: left; position: absolute; top: 150px; transform: rotate(45deg); left: -4px; } .offerNew .footDiv{float: left;width: 100%;/* margin-top: 27px; *//* padding: 0px 15px; */} .offerNew .footDiv .freeTrialTxt{width:auto;font-size: 15px;color: #c47206;float: left;text-align: left;margin-left: 18px;} .offerNew .footDiv .morePlanTxt{width:auto;float: right;position: static;font-size: 13px !important;font-weight: normal;text-align: right;line-height: 30px;width: 57px;padding-right: 10px;height: 30px;margin-top: 8px;} .offerNew .offer-price{position:relative;} .offerNew .plan-pricing{position:relative;border-bottom:1px dashed #ccc;padding-top: 13px;padding-bottom: 15px;} .offerNew .plan-pricing .normal-price-txt{text-align:left;/* float: left; */display: block;margin: 0px 50px;} .offerNew .plan-pricing .input-radio-custom+label { cursor: default; background: url(https://static.remotepc.com/webconsole/images/rpc_bg_custom_radio.png) no-repeat 0 -42px !important; height: 20px; width: 20px; display: inline-block; position: absolute; left: 13px; top: 28px; } .offerNew .plan-pricing .offer-price-txt{font-size:24px;} .offerNew .normal-price-txt{font-size:14px;} .offerNew .plan-pricing + .plan-pricing{border-bottom:0px;padding-bottom: 7px;} .offerNew .plan-pricing + .plan-pricing .offer-price-txt{font-size: 16px;margin-left: 10px;} .offerNew .plan-pricing .offer-price{ margin-top: 2px; margin-left: -10px; } .offerNew .free-plans.planSelect .plan-pricing .input-radio-custom+label{ left: 66px; top: 2px;} .offerNew .free-plans .plan-pricing{border:none;} .offerNew .comp-range-text{ padding-bottom: 8px; padding-top: 6px; font-weight: normal; font-size: 14px; } .offerNew .plan-name{ padding-bottom: 0px; } .offerNew .pcmagBlock{right:7%} .offerNew .Team-plan .offer-price-txt , .Enterprise-plan .offer-price-txt{margin-left:24px;} .offerNew .plan-name-txt{padding-left:0px;} .offerNew h3.offer90{ background: none; width: 430px; text-indent: 0px; font-size: 22px; margin-bottom: 5px; } .offerNew .input-radio-custom:checked+label { background-position: 0 -1px !important; width: 25px; } .offerNew .free-plans + a .plan-pricing .input-radio-custom , .Team-plan .plan-pricing .input-radio-custom, .Enterprise-plan .plan-pricing .input-radio-custom { left: 13px; z-index: 101; top: 28px;} .offerNew .free-plans + a .plan-pricing .input-radio-custom:checked+label, .Team-plan .plan-pricing .input-radio-custom:checked+label, .Enterprise-plan .plan-pricing .input-radio-custom:checked+label{ background: url(https://static.remotepc.com/webconsole/images/rpc_bg_custom_radio.png) no-repeat 0 -1px !important;} .offerNew .moreplanPopup .price-range { float: left; width: auto; box-sizing: border-box; margin-right: 20px; min-width: 250px;} .offerNew .moreplanPopup { width: 765px; } .offerNew .moreplanPopup .plan-row{ margin: 0 0 20px;} .offerNew .plan-col-active .plan-pricing + .plan-pricing{background:none;} .offerNew .plan-col-active .comp-range-text{color:#fff} .offerNew a.planSelect:hover .plan-col { box-shadow:none; border: 1px solid #d4d4d4; */ } .offerNew .sign_bg{height: 520px;} .offerNew .plan-pricing input[type="radio"]{width: 190px !Important; height: 30px !Important;} .offerNew .new-header-con ul { text-decoration: none; list-style-type: none; float: left; width: 100%; padding-left: 30px; } .offerNew .logo a{background:url(https://static.remotepc.com/source/images/main_logo_index_new.svg) no-repeat -10px -5px!important} @media screen and (min-width:981px) and (max-width:1180px){ .offerNew .access-comp-txt{font-size:12px;} .offerNew .comp-nos{font-size:12px;padding-bottom: 8px;} .offerNew .plan-comuters{height:70px;} .offerNew .planoffer div p:nth-child(2){font-size:13px;} .offerNew .free-plans.planSelect .plan-pricing .input-radio-custom+label{left: 58px;} .offerNew .free-plans .plan-pricing .offer-price-txt{margin-left: 0px;} .offerNew .plan-pricing .offer-price-txt{font-size: 20px;margin-left: 7px;} .offerNew .plan-pricing + .plan-pricing .offer-price-txt{ margin-left: 33px; } .offerNew .plan-pricing + .plan-pricing .normal-price-txt{ margin-left: 37px; } .offerNew .plan-pricing input[type="radio"]{width: 92% !important;} .offerNew .plan-pricing .normal-price-txt{ margin-left: 34px; } .offerNew .Team-plan .plan-pricing .normal-price-txt{margin-left: 39px;} .offerNew .Team-plan .plan-pricing .offer-price .offer-price-txt{ margin-left: 35px; } .offerNew .Team-plan .plan-pricing + .plan-pricing .offer-price-txt{margin-left: 23px;} .offerNew .Enterprise-plan .plan-pricing .normal-price-txt{margin-left: 39px;} .offerNew .Enterprise-plan .plan-pricing .offer-price .offer-price-txt{ margin-left: 34px; } .offerNew .Enterprise-plan .plan-pricing + .plan-pricing .offer-price-txt{margin-left: 22px;} .offerNew .footDiv .freeTrialTxt{width: 90%;margin: 0px auto;float: none;} .offerNew .footDiv .morePlanTxt{float: left; width: 100%; padding-right: 0px; text-align: center;} .offerNew .plan-col{height: 344px;} .offerNew a.planSelect:hover .plan-col{border:1px solid #d4d4d4} .offerNew a.planSelect:hover .plan-col.plan-col-active{border:1px solid #d4d4d4} .offerNew .planoffer{height: 344px;} .offerNew .footDiv{margin-top: 12px;} .offerNew .planoffer div p:first-child{background: url(https://static.remotepc.com/webconsole/images/signup_50_small.png) no-repeat center center;width: 100%;} .offerNew .plan-pricing .input-radio-custom+label{background: url(https://static.remotepc.com/webconsole/images/rpc_custom_tickradio2.png) no-repeat 0 -160px;} .offerNew .free-plans .plan-pricing .input-radio-custom+label{background: url(https://static.remotepc.com/webconsole/images/rpc_custom_tickradio2.png) no-repeat 0 -160px;} .offerNew .input-radio-custom:checked+label{background: url(https://static.remotepc.com/webconsole/images/rpc_custom_tickradio2.png) no-repeat 0 -122px !important;} .offerNew .sign_bg{height: 550px;} } .trialError{display: block;font-size:17px;padding-left: 60px !Important; background-image: url(https://static.remotepc.com/webconsole/images/plan_warning.png);background-position: 14px 18px;background-repeat: no-repeat; float: left;} .trialError#upgradeLoginError{background-color: #fde4ea; border: 1px solid #edc4cc; padding: 10px 18px; margin-top: 15px; margin-bottom: -5px;} .trialError p{font-size: 17px;font-weight: bold;color: #af4e4e;} .trialError span { width: 100% !important;float: left;font-size: 13px;} /*mergd signup page inline styles here */ .signup .row .CardField.CardField--ltr{position: absolute; left: -28px;} .signup .row iframe { height: 45px !important; position: relative; } .signup .row input.InputElement{ border: 1px solid #A5A1A1; padding: 10px 10px; float: left; height: auto; width: 414px; margin-left: 0px; position: absolute; } .signup .grecaptcha-badge {display: none;} /* pay pal payment related styles */ .payment-details {float: left;width: 100%;margin: 15px 0px 15px 0px;} .payment-details > div {cursor:pointer;} .payment-details .pay-card {float: left;margin: 0px 50px 0px 0px;} .payment-details .pay-paypal {float: left;} .payment-details .pp-card-details {float: left;width:auto;cursor:pointer;padding:0px 0px 0px 10px;} .payment-details input[type="radio"] {float:left;margin:6px 0px 0px 0px;cursor:pointer;} .payment-details .pp-card-details span {text-indent:-3500px;display:inline-block;} .payment-details .pp-visa {background:url(https://static.remotepc.com/webconsole/images/pp_visa.png) no-repeat;width: 37px;} .payment-details .pp-master {background:url(https://static.remotepc.com/webconsole/images/pp_master.png) no-repeat;width: 37px;} .payment-details .pp-amex {background:url(https://static.remotepc.com/webconsole/images/pp-amex.png) no-repeat;width: 37px;} .payment-details .pp-discover {background:url(https://static.remotepc.com/webconsole/images/pp_discover.png) no-repeat;width: 37px;} .payment-details .pp-pal {background:url(https://static.remotepc.com/webconsole/images/pp_paypal.png) 0px 7px no-repeat;width: 41px;} .payment-details .pp-pal.gray{background:url(https://static.remotepc.com/webconsole/images/pp_paypal_gray.png) 0px 7px no-repeat;width: 41px;} .pp-cc-details {float:left;width:100%;} .paypal-details {float:left;width:100%;} .pp-upgrade-st .paypal-details {margin:22px 0px 0px 0px;} .pp-upgrade-st .payment-details {margin:15px 0px 30px 0px;} .pp-upgrade-st .pp-card-details span {height:23px;} #sd2Active {display:none;} .input.focusInput {border: 1px solid #54b3ff;} /* adding login footer changes */ footer .footerMain{background:#30363a;float:left;width:100%;padding:0;margin:0} footer .footerMain ul.footer_ul{float:left;width:21%;margin:0;padding:0;text-align:left;box-sizing:border-box;min-width:220px;min-height:250px} footer .footerMain ul.footer_ul.support_list{width:27%}footer .footerMain ul.footer_ul li{float:left;list-style-type:none;width:100%;margin:5px 0} footer .footerMain ul.footer_ul li a{color:#d0d1d1;text-decoration:none;padding:0;float:left;line-height:20px;font-size:14px}footer .footerMain ul.footer_ul.first-ul li{padding-left:28px} footer .footerMain ul.footer_ul.first-ul li:first-child{padding-left:0} footer .footerMain ul.footer_ul li .supNum a{font-size:24px}footer .footerMain ul.footer_ul li .supHrs a{font-size:14px} footer .footerMain ul.footer_ul li a:hover{color: #fbff44 !important;text-decoration:none} footer .footerMain ul.footer_ul li.supportImg a{background:url(https://static.remotepc.com/source/images/support-remote-pc.png) no-repeat 0;padding:0;margin:0 0 0 26px;height:128px;width:265px} footer h4{color:#fff;min-width:220px;width:24%;font-size:1em;font-weight:400;text-align:left;line-height:24px}footer ul{width:24%;min-width:220px;min-height:250px} footer a{width:90%} footer .footerMain ul.footer_ul li a.logo{text-indent:-10000px;background:url(https://static.remotepc.com/source/images/logo-new.png) no-repeat 0 0;height:28px;width:157px;margin:20px 0 10px} footer .footerMain .text{color:#fff;font-size:18px;font-weight:400;text-align:left;line-height:24px;margin:35px 5px 5px 0;padding:5px 0 0}.footer-lastul{float:right;height:auto;display:inline-block} footer .copyright{width:100%;padding:0;float:left;margin:0px auto 0;text-align:center;border-top:0px solid #262b2e !Important;} footer .copyright p{font-size:12px;margin-top:10px;padding-top:0;color:#82868f;text-align:center} .signup footer .copyright{border-top:0px solid #262b2e!Important;} .mobile_menu_opt{display:none;} .signup .plan-pricing input[type=radio]{width: 100% !important;left: 0 !important;top:0;} /*.plan-pricing .normal-price-txt{margin: 0 !important;padding: 0 50px;}*/ @media screen and (max-width: 762px){ .signup .footDiv { margin-top: 22px!IMPORTANT; } } @media screen and (max-width: 480px){ .signup .footDiv { margin-top: 22px!IMPORTANT; } } .help-desk .idWrap.loginWrap .formBox{padding-bottom: 34px;} .header.active {background: none;}