html {
min-height: 100%;
background: #fff;
}
.rd_sk {
font-family: Roboto;
color: #1f2026;
text-align: left;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
}
.rd_sk .social-button-wrapper {
margin-top: 30px;
display: flex;
justify-content: space-between;
flex-flow: wrap;
}
.rd_sk .btn-google {
display: flex;
flex-grow: 1;
width: 196px;
max-width: 196px;
font-family: 'Roboto';
background-color: #fff;
color: rgba(0,0,0,0.54);
font-weight: bold;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 1px 0 rgba(0, 0, 0, 0.12);
border-radius: 2px;
border: none;
margin: 0 0 20px 0;
}
.rd_sk .btn-google img {
width: 18px;
height: 18px;
}
.rd_sk .btn-facebook {
margin: 0;
}
.rd_sk hr {
margin: 0;
}
.rd_sk .btn-google span {
margin-left: 18px;
line-height: 18px;
font-size: 14px;
margin-top: 2px;
}
.rd_sk .btn-google:active,
.rd_sk .btn-google:active:focus {
color: rgba(0,0,0,0.54);
background-color: #eee;
}
.rd_sk #content_sk_404 {
text-align: center;
width: 100%;
padding-bottom: 4em;
}
.rd_sk .button-centered-wrap {
width: 300px;
margin: 0 auto;
}
.rd_sk img.img404 {
max-width: 400px;
padding: 60px 0 50px;
width: auto;
}
.rd_sk input#infotextTerms,
.rd_sk input#licenseTerms {
display: none;
}
.rd_sk .error span {
position: static;
display: none;
}
.rd_sk .error strong {
position: static;
}
.rd_sk #passwordStrength {
position: absolute;
left: 310px;
top: 20px;
}
.rd_sk span.checkmark {
display: inline-block;
height: 18px;
width: 18px;
border: 1px solid #c1cbda;
position: relative;
top: 6px;
margin-right: 16px;
cursor: pointer;
}
/* .rd_sk input[type=checkbox]:checked + label .checkmark {
background-color: #43a047;
} */
.rd_sk .msgPlainTop,
.rd_sk .msgPlainBottom {
display: none;
}
.rd_sk .msgPlainContent {
border: none;
background: none;
padding: 0;
font-size: 16px;
text-align: left;
}
.rd_sk .msgPlainText {
background: none;
padding: 0;
}
.rd_sk .msgError .msgPlainContent p strong {
color: #f44336;
}
.rd_sk .msgError .msgPlainContent p {
margin-bottom: 4px;
}
.rd_sk#content .msgPlainWrap {
margin-bottom: 0.4em;
width: 100%;
}
.rd_sk .msgPlainText p {
margin-bottom: 0;
}
.rd_sk .msgPlainContent .msgDescription {
margin-left: 0;
font-size: 12px;
padding-bottom: 8px;
}
.rd_sk .msgPlainContent .msgDescription li {
background: none;
padding: 0;
font-weight: normal;
color: #1d1d2f;
line-height: 2.17;
}
.rd_sk .msgPlainContent .msgDescription li a {
color: #004687;
}
.rd_sk_left_header {
font-family: Roboto;
font-size: 30px;
font-weight: 300;
line-height: 1.73;
color: #b9bbc5;
max-width: 400px;
text-align: left;
max-width: 389px;
padding: 20px;
}
#content_rcol {
width: 550px;
flex-shrink: 0;
border-left: 1px solid #d6dce2;
padding: 0 70px;
}
#content_lcol {
flex-grow: 1;
padding-left: 0;
padding-top: 20px;
}
body {
background-color: #f7f9fb;
}
#content {
max-width: 1200px;
margin: 0 auto;
display: flex;
padding: 30px 0;
}
hr {
display: block;
border: none;
height: 1px;
background-color: #d6dce2;
}
.rd_sk .button-submit:hover .button-outer {
border-color: #f29800;
}
.rd_sk .button-wrap:hover .button-outer {
border-color: #f29800;
}
.rd_sk .ulSelectArrow {
right: 0;
top: 6px;
width: 4px;
height: 6px;
margin: 3px 0;
border-right: 1px solid #c6e5fc;
padding: 5px 13px;
background-size: 7px 10px;
cursor: pointer;
}
.rd_sk .form-label {
font-family: Roboto;
font-size: 12px;
color: #1f2026;
float: none;
padding: 0;
line-height: 14px;
text-align: left;
display: block;
}
.rd_sk .domain {
font-weight: bold;
font-size: 14px;
color: #1f2026;
padding-left: 10px;
line-height: 45px;
}
.rd_sk .email span.domain {
color: #1f2026;
}
.rd_sk .note {
color: #1d1d2f;
line-height: 2.17;
font-size: 12px;
margin-bottom: 0px;
}
.rd_sk .noAccountLink {
line-height: 2.17;
font-size: 12px;
margin: 0 0 14px 0;
}
.rd_sk .password {
width: 335px;
margin-bottom: 0px;
font-size: 12px;
}
.rd_sk p.error {
font-size: 12px;
line-height: 14px;
}
.rd_sk .password .error {
text-align: left;
}
.rd_sk .formRow {
margin-bottom: 0px;
}
.rd_sk h1 {
font-size: 16px;
font-weight: bold;
color: #1f2026;
margin-bottom: 30px;
}
.rd_sk.recovery h1 {
margin-bottom: 8px;
}
.rd_sk .password .passwordLink {
margin: 0px;
text-decoration: none;
}
.rd_sk .password .passwordLink a {
text-decoration: none;
margin-right: 35px;
}
.rd_sk a {
color: #004687;
}
.rd_sk .button-login-wrap {
float: left;
width: 300px;
height: 40px;
}
.rd_sk .button-submit {
margin-bottom: 30px;
margin-top: 30px;
box-shadow: 0 2px 8px 0 rgba(255, 195, 95, 0.3);
}
.rd_sk .button-outer {
border-color: #f29800;
float: left;
overflow: hidden;
border: none;
border-radius: 0px;
width: 300px;
height: 40px;
}
.rd_sk .button-inner {
float: left;
padding: 0px;
cursor: pointer;
background: #f29800;
}
.rd_sk .button-submit:hover .button-inner {
background: #f29800;
}
.rd_sk .button-wrap:hover .button-inner {
background: #f29800;
}
.rd_sk .button-submit:hover .button-content {
color: #fff;
text-shadow: none;
}
.rd_sk .button-content {
font-family: Roboto;
width: 300px;
height: 40px;
padding: 12px 0px;
display: inline-block;
text-align: center;
text-shadow: none;
text-decoration: none;
background: transparent;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #fff;
}
.rd_sk .already_have_button {
text-decoration: none;
font-weight: bold;
}
.rd_sk #chosenEmailLink {
text-decoration: none;
color: #f29800;
width: 140px;
height: 40px;
padding: 0px;
display: block;
text-align: center;
text-decoration: none;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: bold;
line-height: 2.7em;
}
.rd_sk hr {
display: block;
border-style: none;
height: 1px;
background: #d6dce2; }
.rd_sk input, select { color: #000; }
.rd_sk input[type="text"] {
outline: none;
border: solid 1px #c6e5fc;
background-color: #ffffff;
background-image: none;
width: 280px;
padding: 0px 10px;
height: 32px;
margin: 6px 0 12px 0;
-webkit-appearance: none;
-webkit-border-radius:0px;
border-radius: 0px;
}
.rd_sk input[type="password"] {
outline: none;
border: solid 1px #c6e5fc;
background-color: #ffffff;
background-image: none;
width: 280px;
padding: 0px 10px;
height: 32px;
margin: 6px 0 12px 0;
-webkit-appearance: none;
border-radius: 0px;
-webkit-border-radius:0px;
}
.rd_sk select {
background-image: none;
border: solid 1px #c6e5fc;
background-color: #ffffff; }
.rd_sk input[type="checkbox"] { border: none; }
.rd_sk .noLeftColumn {
margin-left: 0px;
}
.rd_sk .formNote {
display: none;
}
.rd_sk #freeButton {
float: right;
margin-top: 5px;
}
.rd_sk #freeButton .button-v3 .button-inner {
padding: 0px !important;
}
.rd_sk #freeButton .button-v3 .button-content {
font-size: 12px !important;
}
.rd_sk #freeButton input {
font-family: 'Roboto';
color: #fff;
margin-top: 0px;
}
.rd_sk #freeButton input:hover {
text-decoration: none;
}
.rd_sk #freeButton .button-inner {
background: #f29800;
border: 0px;
padding: 0px;
float: right;
}
.rd_sk #freeButton .button-outer {
width: 128px;
height: 32px;
}
.rd_sk #freeButton .button-content {
width: 128px;
height: 32px;
padding: 8px 0px;
}
.rd_sk #freeButton.registration .button-content {
width: 115px;
}
.rd_sk .emailInput {
display: inline;
}
.rd_sk .mt-30px {
margin-top: 30px;
}
.rd_sk label.with-checkbox {
display: flex;
line-height: 22px;
align-items: baseline;
}
.rd_sk .email span.chosenEmail {
margin-right: 8px;
}
.rd_sk label.with-checkbox .checkmark {
flex-shrink: 0;
}
.rd_sk .button-submit.button-v2 {
margin-top: 0px;
}
.rd_sk .button-v2 .button-inner {
padding: 0px !important;
}
.rd_sk .button-v2 .button-content {
font-size: 14px!important;
padding: 0px;
}
.rd_sk .separate {
margin-bottom: 2.2em;
}
.rd_sk .input-wrapper {
border: 1px solid #c6e5fc;
border-top-color: #c6e5fc;
background: #fff;
padding: 0;
float: left;
width: 300px;
}
.rd_sk .input-wrapper input[type="text"] {
border: none;
background-color: #ffffff;
background-image: none;
width: 162px;
padding: 0px 10px;
height: 32px;
margin: 0;
}
.rd_sk #phonePrefixWrap .ulSelectFirst {
border: none;
border-right: none;
}
.rd_sk .ulSelectFirst {
border: none;
background: #fff;
}
.rd_sk .licence p {
font-size: 14px;
line-height: 2.14;
color: #1d1d2f;
margin-top: 40px;
}
.rd_sk #step3 .licence p {
margin-top: 0px;
}
.rd_sk .passwordInput {
border: solid 1px #c6e5fc;
background-color: #ffffff;
background-image: none;
width: 300px;
padding: 0px;
height: 32px;
margin: 6px 0 12px 0;
float: left;
display: inline-block;
}
.rd_sk .passwordInput input {
border: none;
background-color: #ffffff;
background-image: none;
width: 240px;
padding: 0px 10px;
height: 32px;
margin: 0px;
float: left;
}
.rd_sk .passwordInput .passwdEye {
float: right;
width: 20px;
display: block;
height: 2.7em;
margin-right: 10px;
cursor: pointer;
}
.rd_sk #phoneError {
float: left;
padding: 10px 0;
display: block;
}
.rd_sk #phoneNumberText {
line-height: 33px;
}
.rd_sk #resendCodeButtonlabel {
display: block;
margin-top: 6px;
float: left;
margin-left: 12px;
}
.rd_sk .reg-phone-errorbox {
margin-top: 0px;
}
.rd_sk .message-with-only-icon {
float: left;
margin-top: 6px;
margin-left: 10px;
position: initial;
left: 0px;
top: 0px;
}
.rd_sk .link-button {
padding: 13px 32px;
}
.rd_sk .chosenEmailWrap {
display: block;
height: 40px;
}
/* pobox.sk only updates */
#pobox-sk .footer_help_link,
#pobox-sk #header-right a,
#pobox-sk .rd_sk .link-button, .resend-link,
#pobox-sk .rd_sk #chosenEmailLink,
#pobox-sk .rd_sk a {
color: #cc2024;
}
#pobox-sk .rd_sk .btn-google span {
color: rgba(0,0,0,0.54);
}
#pobox-sk .rd_sk .button-inner,
#pobox-sk .rd_sk .button-submit:hover .button-inner,
#pobox-sk .rd_sk .button-wrap:hover .button-inner,
#pobox-sk .rd_sk #freeButton .button-inner {
background: #cc2024;
}
#pobox-sk #content_sk_404 .button-content {
color: #ffffff;
}
.rd_sk .button-submit {
box-shadow: 0 2px 8px 0 rgba(204, 32, 36, 0.3);
}
@media only screen and (max-width: 1024px) {
.rd_sk_left_header {
padding: 20px 52px;
}
}
@media only screen and (max-width: 768px) {
#content_lcol {
display: none;
}
.rd_sk .error strong {
padding-left: 0px;
}
.rd_sk #passwordStrength {
position: relative;
left: 0px;
top: -6px;
margin-bottom: 16px;
display: none !important;
}
.rd_sk #passwordStrength .msgBubbleWrap {
width: 100%;
}
.rd_sk #passwordStrength .msgPointer {
display: none;
}
}
@media only screen and (max-width: 480px) {
.rd_sk .g-recaptcha > div {
margin: 0 auto;
}
.rd_sk .password {
width: 335px;
}
.rd_sk .link-button {
padding: 0;
}
#content_rcol {
margin: auto;
width: 100%;
border: none;
padding: 0px;
max-width: 335px;
}
.rd_sk input[type="text"] {
width: 315px;
}
.rd_sk .input-wrapper {
width: 335px;
}
.rd_sk .input-wrapper input[type="text"] {
width: 197px;
}
.rd_sk input[type="password"] {
width: 315px;
}
.rd_sk .passwordInput input {
width: 240px;
}
.rd_sk .button-login-wrap {
width: 335px;
height: 50px;
}
.rd_sk .button-outer {
width: 335px;
height: 50px;
padding: 0;
}
.rd_sk .button-content {
width: 335px;
height: 50px;
}
.rd_sk #chosenEmailLink {
float: left;
}
.rd_sk .emailInput {
border: solid 1px #c6e5fc;
background-color: #ffffff;
background-image: none;
width: 333px;
padding: 0px;
height: 32px;
margin: 6px 0 12px 0;
display: block;
}
.rd_sk .emailInput input {
border: none;
background-color: #ffffff;
background-image: none;
width: 197px;
padding: 0px 10px;
height: 32px;
margin: 0px;
float: none;
}
.rd_sk #freeButton {
margin-top: 0px;
}
.rd_sk .domain {
float: none;
line-height: 15px;
margin-top: 9px;
position: relative;
}
.rd_sk .domain {
border-left: 1px solid #c6e5fc;
}
.rd_sk .register.domain {
padding: 0 14px;
width: 84px;
}
.wide_only {
display: none;
}
.rd_sk div.btn-facebook {
margin: 0 auto;
background: none;
}
.rd_sk a.btn-google {
width: 228px;
max-width: 228px;
margin: 0 auto 7px;
position: relative;
left: -4px
}
.noAccountLink a {
font-size: 12px;
}
.rd_sk #resendCodeButtonlabel.resend-link {
margin-left: 0px;
line-height: 40px;
}
.rd_sk .password .passwordLink a {
margin-right: 0px;
}
}
DR.KR LITE SHELL COPYRIGHT 2016