.suremember-login-container-popup {
background: #000000b3;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99999999;
display: none;
max-width: unset !important;
}
.suremembers-open-login-popup {
margin-left: 20px;
text-decoration: none !important;
}
.suremember-login-container-popup.active {
display: flex;
justify-content: center;
align-items: center;
}
.suremember-login-wrapper {
display: flex;
width: 380px;
height: max-content;
max-width: 80%;
max-height: 80%;
align-items: center;
justify-content: center;
padding: 24px;
box-shadow: 0 3px 6px rgb( 0 0 0 / 30% );
overflow: auto;
position: relative;
background-color: #fff;
}
.suremember-login-form-container {
width: 100%;
}
.suremember-user-login-form {
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.suremember-login-container-popup .suremember-login-heading {
font-size: 30px;
font-weight: 600;
color: #1d2327;
text-align: center;
margin-bottom: 16px;
}
.suremember-user-login-form label {
font-family: inherit;
line-height: 16px;
color: #1d2327;
}
.suremember-user-login-form input[type="text"],
.suremember-user-login-form input[type="password"] {
font-family: inherit;
width: 100%;
border-radius: 3px;
min-height: 40px;
}
.suremember-login-wp-pwd {
position: relative;
}
.suremember-login-wp-pwd input {
padding-right: 37px;
}
.suremember-login-wp-pwd .suremembers-hide-if-no-js {
position: absolute !important;
top: 0;
right: 0;
color: #959595;
cursor: pointer;
padding: 5px 9px;
height: 100%;
background: transparent;
}
.suremember-login-container-popup .suremember-user-form-submit {
padding: 0.75em;
font-weight: 500;
border-radius: 3px;
width: 100%;
}
.suremember-login-container-popup .suremember-user-form-submit.submit-loading {
pointer-events: none;
position: relative;
opacity: 0.6;
}
.suremember-login-container-popup .suremember-user-form-submit.submit-loading::before {
content: "";
width: 24px;
height: 24px;
border: 4px solid #000;
border-top-color: #fff;
transform: translate( -50%, -50% );
position: absolute;
top: 50%;
left: 50%;
animation: submitloading 1s forwards infinite linear;
border-radius: 50%;
}
.suremember-login-container-popup .remember-me-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 12px;
}
.suremember-login-container-popup .remember-me {
display: flex;
font-size: 12px;
align-items: center;
grid-gap: 5px;
cursor: pointer;
}
.suremember-login-container-popup .remember-me input {
border-radius: 3px;
}
.suremember-login-container-popup .field-error {
border-left: 4px solid #ef4444;
padding: 5px 12px;
margin-bottom: 20px;
background-color: #fee2e2;
box-shadow: 0 1px 1px 0 rgb( 0 0 0 / 10% );
display: block;
color: #ef4444;
line-height: 1.4;
}
.suremember-login-container-popup span.field-error::before {
content: "\f348";
font-family: dashicons;
margin-right: 4px;
color: #ef4444;
display: inline-block;
transform: translateY( 2px );
}
.suremember-login-wrapper-close {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.suremembers-button {
text-decoration: none !important;
}
@keyframes submitloading {
0% {
transform: translate( -50%, -50% ) rotate( 0deg );
}
100% {
transform: translate( -50%, -50% ) rotate( 360deg );
}
}.suremembers-main-container {
width: 100%;
}
.suremembers-container-div {
margin: 3em 0;
padding: 3em;
background-color: #fff;
width: 100%;
text-align: center;
}
.suremembers-unauthorized-container {
margin-top: 1em;
}
.suremembers-logout-button {
cursor: pointer;
margin-left: 20px;
text-decoration: none !important;
}