.strengthify-wrapper {
position: relative;
}
.strengthify-wrapper > * {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
}
.strengthify-bg, .strengthify-container, .strengthify-separator {
height: 3px;
}
.strengthify-bg, .strengthify-container {
display: block;
position: absolute;
width: 100%;
}
.strengthify-bg {
background-color: #BBB;
}
.strengthify-separator {
display: inline-block;
position: absolute;
background-color: #FFF;
width: 1px;
z-index: 10;
}
.password-bad {
background-color: #C33;
}
.password-medium {
background-color: #F80;
}
.password-good {
background-color: #3C3;
}
div[data-strengthifyMessage] {
padding: 3px 8px;
}
.strengthify-tiles{
float: right;
}.nanda-registration .content__register {
margin: auto;
max-width: 630px;
padding: 100px 15px
}
.nanda-registration__suggestion{
background:#ff0;
line-height:1;
margin-top:6px;
padding:12px
}
.nanda-registration__newmail{
border-bottom:1px solid blue;
color:blue;
cursor:pointer
}
.nanda-registration__legal{
font-size:14px;
margin-top:20px
}
.nanda-registration__toggle{
color:#43c0ff;
cursor:pointer;
padding:0 0 0 24px;
position:relative;
-ms-user-select:none;
-webkit-user-select:none;
user-select:none
}
.nanda-registration__spinner{
animation:pulsate 1s ease-out;
animation-iteration-count:infinite;
border:3px solid #fff;
border-radius:30px;
height:30px;
left:50%;
margin:-15px 0 0 -15px;
opacity:0;
position:absolute;
top:50%;
width:30px
}
.nanda-registration__spinner.minor{
border-color:#fff
}
.nanda-registration__submit{
position:relative
}
.nanda-registration__notice{
background:#c33;
color:#fff;
display:none;
font-weight:bold;
margin-top:16px;
padding:16px 32px
}
.nanda-registration label{
display:inline-block;
font-weight:700;
margin:16px 0 4px
}
.nanda-registration label.error{
color:#43c0ff;
margin-top:6px
}
.nanda-registration input:not([type="checkbox"]){
background:rgba(255,255,255,0.9);
border-radius:4px;
box-sizing:border-box;
font-size:17px !important;
line-height:20px;
min-height:52px;
padding:0 16px !important;
width:100%
}
.nanda-registration input:not([type="checkbox"]):focus{
border-color:#43c0ff;
outline:0
}
.nanda-registration .line{
position:relative
}
.nanda-registration .line::before,.nanda-registration .line::after{
content:' ';
display:table
}
.nanda-registration .strengthify-wrapper{
margin-top:-3px
}
.nanda-registration .strengthify-bg,.nanda-registration .strengthify-container,.nanda-registration .strengthify-separator{
height:10px
}
@media screen and (min-width: 768px){
.nanda-registration__legal{
margin-left:200px;
position:absolute;
right:0;
top:0
}
}
.nanda-registration .line {
position: relative
}
.nanda-registration .line {
display: flex;
}
.nanda-registration .line .float--right {
margin-left: auto;
}
.nanda-registration .nanda-registration__toggle::before {
background-image: url(//www.urenoverzicht.nl/wp-content/plugins/nanda-registration/img/icon-eye.svg);
background-repeat: no-repeat;
background-size: 20px 20px;
content: '';
height: 20px;
left: 0;
position: absolute;
top: 2px;
width: 24px;
}
.nanda-registration .nanda-registration__toggle.nanda-registration--visible::before {
background-image: url(//www.urenoverzicht.nl/wp-content/plugins/nanda-registration/img/icon-eye-closed.svg);
}
.nanda-registration .strengthify-wrapper {
height: 10px;
}
.nanda-registration a {
border-bottom: 1px solid #2ecb91;
color: #2ecb91;
}
.nanda-registration a:hover {
border-color: #43c0ff;
color: #43c0ff;
}
.nanda-registration .nanda-registration__submit {
background: #64c895;
border: 1px solid #58b385;
border-radius: 6px;
box-shadow: 0 4px 8px 0 rgb(18 74 138 / .24);
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 700;
min-height: 66px;
padding: 18px 32px;
margin: 16px 0;
transition: box-shadow 200ms;
}
.nanda-registration .nanda-registration__submit:hover {
background: #64c895;
color: #fff;
border: 1px solid #499770 !important;
border-radius: 6px;
border: 1px solid transparent;
box-shadow: 0 7px 9px -4px rgb(0 0 0 / .2), 0 14px 21px 2px rgb(0 0 0 / .14), 0 5px 26px 4px rgb(0 0 0 / .12);
}
.nanda-registration .nanda-registration__legal {
margin-left: 20px;
right: auto;
left: 0;
max-width: 450px;
}
@media screen and (min-width: 768px) {
.nanda-registration .nanda-registration__legal {
margin-left: 200px;
}
}