@media (max-width: 1100px) {
  .inside-wrapper {
    width: 100%;
    border-radius: 20px;
  }
  #image {
    display: none;
  }
}

.login * {
  margin: unset !important;
  padding: unset !important;
}

#nav>a,
#backtoblog>a {
  color: #de046a !important;
}

.prikr_login_wrapper {
  height: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  background: #0C0207 !important;
}

.inside-wrapper {
  height: 80% !important;
  display: flex !important;
  flex-direction: row !important; 
  justify-content: center !important;
  align-items: center !important;
  box-shadow: 0 18px 24px rgba(0, 0, 0, 0.09) !important;
  width: 60%;
}

.login {
  overflow: hidden !important;
}

.language-switcher {
  position: absolute;
  left: 0;
  bottom: 0;
}

.login::before {
  content: 'WordPress beheer door Prikr';
  color: #fff;
  opacity: 0.8;
  top: 24px;
  left: 24px;
  font-size: 12px;
  position: absolute;
}

.logo {
  background: no-repeat center/contain url('https://prikr.space/images/logo-white.svg') !important;
  width: 130px !important;
  height: 61px !important;
  margin-bottom: 30px !important;
  margin-top: 50px !important;
}

.welcome-back-message {
  font-size: 28px !important;
  font-weight: bold !important;

}

#login {
  margin: 0px !important;
  padding: 0 !important;
  background: #121212 !important;
  color: #fff;
  display: flex !important;
  flex-direction: column !important;
  height: 60%;
}

#loginform {
  border: 0 !important;
  box-shadow: unset !important;
}

#image {
  display: flex;
  background: rgb(255 255 255 / 20%) !important;
  width: 50% !important;
  height: 100% !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  overflow: hidden !important;
}

h1 {
  display: none !important;
}

.login-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
}


.login form .input,
.login input[type=password],
.login input[type=text] {
  padding: 12px !important;
  font-size: 16px !important;
  border-width: 1px !important;
  border-color: #CCCCCC !important;
  background-color: #FFFFFF !important;
  color: #000000 !important;
  border-style: solid !important;
  border-radius: 4px !important;
  box-shadow: -50px 0px 0px rgba(66, 66, 66, .0) !important;
  text-shadow: -50px 0px 0px rgba(66, 66, 66, .0) !important;
  margin-bottom: 0 !important;
}

.login label {
  font-weight: bolder !important;
  font-size: 13px !important;
}

.forgetmenot label {
  font-weight: normal !important;
}

.forgetmenot,
.submit {
  margin-top: 16px !important;
}

#login form p.submit {
  width: 100% !important;
  float: left !important;
}

.button.button-primary.button-large {
  width: 100% !important;
  padding: 6px 16px !important;
  font-size: 11pt !important;
  background: #de046a !important;
  border: 1px solid #ab0855 !important;
  transition: .3s ease !important;
  box-shadow: none !important;
}

.user-pass-wrap {
  margin-top: 8px !important;
}

.button.button-primary.button-large:hover,
.button.button-primary.button-large:focus {
  background: #ab0855 !important;
  border: 1px solid #de046a !important;
  transition: .3s ease !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.login #login_error {
  margin-top: auto !important;
}

.inside-image {
  background: no-repeat center/cover url('https://prikr.space/images/bg.png');
  height: 100%;
  width: 100%;
  opacity: 0.4;
}

#login {
  margin: 0px !important;
  padding: 0 !important;
  background: #121212 !important;
  color: #fff;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 50% !important;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  justify-content: center !important;
  align-items: center !important;
}

#loginform {
  border: 0 !important;
  box-shadow: unset !important;
  padding: 0 18% !important;
  margin-bottom: auto !important;

}

form#itsec-2fa-on-board {
  padding: 32px !important;
  margin: 32px !important;
}

.itsec-screen__content {
  margin-bottom: 32px !important;
}

button.button.button-primary.itsec-screen__actions--continue {
  padding: 5px 18px !important;
  background-color: #de046a;
  border-color: #de046a;
}

.itsec-provider {
  margin: 16px 0 !important;
  display: flex;
  flex-direction: column;
}

button.button.button-large.itsec-totp__device-switcher-button--ios {}

.itsec-totp__device-switcher button[aria-pressed="true"].button-large.button-primary {
  background: green !important;
  border: 0 !important;
  display: inline-block;
  width: 30% !important;
  padding: 7px 12px !important;
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.itsec-totp__device-switcher button[aria-pressed="false"].button-large {
  width: 30%;
  padding: 6px 16px !important;
}

.itsec-totp__device-switcher {
  margin: 16px 0 !important;
}

a.itsec-pwls-login__link {
  height: 52px;
  line-height: 3.1;
}

.itsec-pwls-login-fallback {
  position: relative !important;
  display: inline-block;
  bottom: 0 !important;
  top: 20px !important;
  width: 100%;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.login form#loginform {
  overflow-y: visible;
  min-height: 520px;
  padding-top: 50px !important;
  display: block;
  background: #121212 !important;
  color: #fff;
}

.login .message {
  color: #121212;
  padding: 12px 30px !important;
  margin-top: 16px !important;
}

.login .admin-email__actions, .login .admin-email__details {
  color: #fff;
  background: #121212;
  border: 0 !important;
}

form.admin-email-confirm-form {
  border: 0 !important;
  padding: 16px !important;
  background: #121212;
}

.login form {
  background: #121212 !important;
  padding: 16px !important;
}

a.itsec-pwls-login__link {
  background: #df0069;
}

.itsec-pwls-login-fallback__or span {
  background: #121212;
  padding: 4px 38px;
  width: 50px;
  display: block;
  margin: 0 auto !important;
}

p.itsec-pwls-login-fallback__link-wrap.itsec-pwls-login-fallback__link-wrap--type-wp {
  margin-top: 25px !important;
  display: block;
}

img.itsec-pwls-login__logo.lazy.loaded {
  margin: 0 auto !important;
  margin-bottom: 40px !important;
}

.privacy-policy-page-link {
  display: block;
  margin-bottom: 24px !important;
}


input#itsec_magic_link_username {
  width: 100% !important;
  margin: 12px 0 !important;
}

.itsec-pwls-login__fields {
  width: 100%;
}

.itsec-pwls-login__fields label {
  width: 100% !important;
}

button.itsec-pwls-login__submit {
  background: #df0069;
  padding: 24px 12px !important;
}

form#itsec-2fa {
  border: 0 !important;
  padding: 48px 74px !important;
}

.itsec-backup-methods {
  margin-top: 3rem !important;
  border-top: 1px solid #343434 !important;
  padding-top: 24px !important;
}

div {}

#itsec-2fa div:first-of-type {
  padding-top: 24px !important;
  border-top: 1px solid #343434 !important;
  margin-top: 24px !important;
  display: block !important;
}

#itsec-2fa div:first-of-type button {margin-top: 15px !important;padding: 3px 18px !important;/* border-top: 1px solid #343434 !important; */}

#itsec-2fa .submit #submit {
  padding: 4px 12px !important;
  background: #df0069;
  border: 1px solid #df0069;
  margin-bottom: 32px !important;
}

form#itsec-passwordless-login {
    border: 0 !important;
}

p.itsec-pwls-login-fallback__link-wrap {
    margin-top: 24px !important;
}

form {}

.login-action-itsec-passwordless-login form {
    border: 0 !important;
}

button.itsec-login-interstitial-confirm-async-action {
    margin: 12px 0 !important;
    padding: 1px 18px !important;
    height: 44px !important;
}