.panel_lk_recall {
color:#333;
display: inline-block;
line-height: 1.5; margin: 0 auto;
max-width: 320px;
width: 100%;
}
.panel_lk_recall.pageform {
display: block;
}
.panel_lk_recall.floatform{
display:none;
left: 50%;
margin-left: -160px;
position: absolute;
z-index: 9999;
}
.panel_lk_recall.floatform .close-popup {
display: none;
}
div.panel_lk_recall a:not(.close-popup) {
border: none; box-shadow: none; text-decoration: none;
}
div.panel_lk_recall .form-tab-rcl a {
color: #aaa;
display: block;
padding: 8px 0;
}
.panel_lk_recall .form-tab-rcl {
background: #fff;
border-radius: 2px;
box-shadow: 0 0 1px 1px #bebebe;
display: none;
font: 16px/26px Verdana,Tahoma,sans-serif;
margin: 20px auto;
overflow: hidden;
width: 320px;
}
.panel_lk_recall.floatform .form-tab-rcl {
box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.5);
}
.panel_lk_recall .form_head {
display: inline-block;
overflow: hidden;
width: 100%;
}
.panel_lk_recall .form-tab-rcl .form_head a {
border-bottom: 1px solid #ccc;
text-align:center;
}
.panel_lk_recall .form_reg,
.panel_lk_recall .form_auth {
background: #e6e7e8;
color: #666;
display: block;
float: left;
text-align: center;
width: 50%;
}
.panel_lk_recall .form_active {
background-color: #fff;
padding: 8px 0;
}
.panel_lk_recall .form-tab-rcl a.link-tab-rcl:hover {
color: #555;
}
.panel_lk_recall .form-block-rcl {
line-height: 1.4;
margin: 0 17px 15px;
position: relative;
} .panel_lk_recall .rcl-field-input select,
.panel_lk_recall .form-tab-rcl  textarea,
.panel_lk_recall .form-tab-rcl input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
background: #F2F2F2;
border: 1px solid rgba(0, 0, 0, 0.03);
border-radius: 0;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05) inset;
box-sizing: border-box;
color: #303030;
display: block;
font-family: Verdana,Tahoma,sans-serif;
font-size: 15px;
font-weight: 300;
height: auto;
line-height: normal;
margin: 5px auto;
max-width: none;
outline: none;
text-transform: none;
width: 100%;
-webkit-box-shadow: 0 0 0px 1000px #F2F2F2 inset !important; }
.panel_lk_recall .form-tab-rcl input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
background-color: #EBEBEB;
outline: none;
}
.panel_lk_recall .form-tab-rcl textarea,
.panel_lk_recall .form-tab-rcl input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
-webkit-box-shadow: 0 0 0px 1000px #F2F2F2 inset !important; }  #register-form-rcl .form_extend input[type="text"],
#register-form-rcl .form_extend input[type="email"],
#register-form-rcl .form_extend input[type="url"],
#register-form-rcl .form_extend input[type="tel"],
#register-form-rcl .form_extend input[type="file"],
#register-form-rcl .form_extend input[type="time"],
#register-form-rcl .form_extend input[type="number"] {
padding: 10px 8px;
}
#remember-form-rcl .default-field input[type="text"],
#login-form-rcl .default-field input[type="text"],
#login-form-rcl .default-field input[type="password"],
#register-form-rcl .default-field input[type="text"],
#register-form-rcl .default-field input[type="password"],
#register-form-rcl .default-field input[type="email"] {
padding: 10px 12px 10px 32px;
}
#register-form-rcl .form-block-rcl textarea {
padding: 3px 5px;
}
#register-form-rcl .form_extend .rcl-field-input select {
overflow: hidden;
padding: 6px 3px;
}
#register-form-rcl .form-block-rcl .type-file-input {
font-size: 10px;
}
#register-form-rcl .form-block-rcl .dynamic-value input {
float: left;
}
.panel_lk_recall .rcl-radio-box,
.panel_lk_recall .rcl-checkbox-box {
display: block;
}
.panel_lk_recall form-tab-rcl .block-label {
font-weight: normal;
text-align:left;
} .panel_lk_recall .form-tab-rcl input[type="submit"] {
border: none;
font-size: 16px;
margin: 0;
max-width: none;
outline: none;
padding: 10px;
text-transform: uppercase;
width: 100%;
}
.form-block-rcl.default-field .fa {
color: #538a9a;
left: 12px;
opacity: 0.4;
position: absolute;
top: 12px;
width: auto;
}
.panel_lk_recall input[type="text"]:focus + .fa,
.panel_lk_recall input[type="email"]:focus + .fa,
.panel_lk_recall input[type="password"]:focus + .fa {
opacity: 1;
}
.panel_lk_recall .form-block-rcl .required {
color: rgb(229, 57, 53);
font: bold 15px/1 Verdana,arial;
padding: 0;
position: absolute;
right: 12px;
top: 15px;
}
.form-tab-rcl .form-block-rcl a.link-remember-rcl {
float: right;
font-size: 12px;
margin: 3px 0;
}
.form-block-rcl.form_extend .form-block-rcl {
margin: 0 0 15px;
}
.panel_lk_recall .form-block-rcl label .required {
position: inherit;
}
.form_rmmbr a {
background: #e6e7e8;
float: left;
text-align: center;
width: 50%;
}
.form_auth,
.form_head.form_rmmbr a:first-child {
border-right: 1px solid #ccc;
box-sizing: border-box;
}
.form-tab-rcl .form-title {
display: block;
font-size: 20px;
margin: 0 0 7px;
text-align: center;
}
.form-block-rcl #passwordStrength {
max-width: 290px;
padding: 8px;
width: 150px;
}
.form-block-rcl #passwordStrength.strength2 {
width: 55%;
}
.form-block-rcl #passwordStrength.strength3 {
width: 60%;
}
.form-block-rcl #passwordStrength.strength4 {
width: 80%;
}
.form-block-rcl #passwordStrength.strength5 {
width: 100%;
}
.form-block-rcl #notice-chek-password{
margin-top: 10px;
}
.form-block-rcl .rcl-field-notice {
font-size: 13px;
}
.panel_lk_recall .form-block-rcl label a {
color: rgb(76, 140, 189);
display: inline;
}
.panel_lk_recall span.login-error a:hover,
.panel_lk_recall .form-block-rcl label a:hover {
color: #000;
text-decoration: underline;
}
.panel_lk_recall span.error a {
color: rgb(76, 140, 189);
font-size: 14px;
}
.panel_lk_recall .form-tab-rcl .login-error {
background: rgb(255, 207, 207);
}
.panel_lk_recall .form-tab-rcl .login-message {
background: #bfffbd;
}
.panel_lk_recall .form-tab-rcl .login-error,
.panel_lk_recall .form-tab-rcl .login-message {
display: block;
font-size: 12px;
margin: 5px 0;
padding: 8px 5px;
text-align: center;
} .widget .panel_lk_recall .form-tab-rcl {
margin: 3px auto;
width: 99%;
}
.panel_lk_recall .rcl-widget-buttons .rcl-widget-button {
margin: 0 0 4px;
overflow: hidden;
padding: 0;
}
.panel_lk_recall .rcl-widget-buttons .recall-button {
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 1;
padding: 8px;
}
.panel_lk_recall .rcl-widget-buttons a.recall-button:hover {
color: #fff;
}
.panel_lk_recall .buttons a .fa,
.panel_lk_recall .buttons a span {
vertical-align: middle;
}
.panel_lk_recall .username{
margin: 0 0 5px;
}
.panel_lk_recall .author-avatar{
margin:0 5px 0 0;
float: left;
position: relative;
width: 67px; }
.panel_lk_recall .author-avatar a {
display: inline-block;
height: auto;
width: 100%;
}
.panel_lk_recall .author-avatar a img {
border-radius: 0;
float: left;
height: auto;
margin: 0;
max-width: 100%;
width: 100%;
}  #registerform .form-block-rcl{
margin-bottom: 15px;
position: relative;
}
#registerform .form-block-rcl label{
display:block;
margin-bottom:5px;
}
#registerform .form-block-rcl .required{
position: absolute;
left: -15px;
top: 5px;
color:red;
font-size: 20px;
}
#registerform .rcl-checkbox-box,
#registerform .rcl-radio-box{
display: block;
padding: 3px 0 3px 20px;
}
#registerform .rcl-checkbox-box label,
#registerform .rcl-radio-box label{
display:inline-block;
}
#registerform .form-block-rcl textarea,
#registerform .form-block-rcl select,
#registerform .form-block-rcl input:not([type="checkbox"]):not([type="radio"]){
padding: 10px;
width: 100%;
}
#registerform .form-block-rcl input[type="checkbox"],
#registerform .form-block-rcl input[type="radio"]{
}
#registerform .form-block-rcl .login-error,
#registerform .form-block-rcl .login-message {
display: block;
font-size: 12px;
margin: 5px 0;
padding: 8px 5px;
text-align: center;
}
#registerform .form-block-rcl .login-error {
background: rgb(255, 207, 207);
}
#registerform .form-block-rcl .login-message {
background: #bfffbd;
}