body,
 html {
   height: 100%;
   margin: 0;
   padding: 0;
   font-family: 'Roboto', sans-serif;
 }

 .grecaptcha-badge {
   visibility: hidden;
 }

 .grecaptcha-info {
   opacity: 0.5;
   text-align: center;
   font-size: 0.65em;
   max-width: 280px;
   margin: 10px auto 0;
   position: relative;
   bottom: -10px;
 }

 .dvv-form {
   height: 100%;
   background-size: 100% 100%;
   background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
   /* background-image: radial-gradient(49% 81% at 45% 47%, #fdbaaf 0%, #073AFF00 100%), radial-gradient(113% 91% at 17% -2%, #F1FFE4FF 1%, #FF000000 99%), radial-gradient(142% 91% at 83% 7%, #FF2183FF 1%, #FF000000 99%), radial-gradient(142% 91% at -6% 74%, #5E86FFFF 1%, #FF000000 99%), radial-gradient(142% 91% at 111% 84%, #D944EFFF 0%, #f6f4cb 100%);*/
   background-color: #f2eaeb;
 }

 .dvv-form .container {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   flex-direction: column;
 }

 .dvv-form .dvv-login-logo-wrap {
   width: 100%;
   margin: 10px 0;
   text-align: center;
 }

 .dvv-form img.dvv-login-logo {
   height: 50px;
   max-width: 100%;
   filter: invert(1);
 }

 .form-container {
   width: 100%;
   padding: 0 15px;
 }

 .form-container .notice-wrapper,
 .form-container .error-wrapper {
   margin-bottom: 1rem !important;
 }

 .form-container .notice-wrapper,
 .form-container .error-wrapper,
 .form-container .form-wrapper {
   background-color: #fff;
   border-radius: 24px;
   padding: 2rem;
   max-width: 500px;
   margin: 0 auto;
   box-shadow: 0 2px 10px #00000011;
 }

 .form-container .error-wrapper,
 .form-container .notice-wrapper {
   background-color: rgb(45, 21, 22);
   color: #FFFFFF;
   text-align: center;
   padding: 1rem 2rem;
 }

 #dvv_login form input {
   transition: all .2s;
 }

 #dvv-login-form input[type="email"],
 #dvv-login-form input[type="text"],
 #dvv-login-form input[type="password"] {
   isplay: block;
   width: 100%;
   height: 45px;
   padding: 0 20px;
   font-size: 1rem;
   font-weight: 400;
   line-height: 45px;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 16px;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }

 #dvv-login-form input[type="text"]:focus,
 #dvv-login-form input[type="password"]:focus {
   color: #495057;
   background-color: #fff;
   border-color: #a9bcee;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
 }

 #dvv-login-form .login-submit {
   display: flex;
   justify-content: flex-end;
 }

 .form-wrapper .before-form {
   text-align: center;
 }

 .form-image {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 2rem;
 }

 .form-image img {
   max-width: 150px;
 }

 #gLoginButton,
 #dvv-login-form .login-button-wrap,
 #dvv-login-form .back-button-wrap {
   display: inline-block;
   background: white;
   color: #333;
   border-radius: 16px;
   border: thin solid #ccc;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
   white-space: nowrap;
 }

 #dvv-login-form .login-button-wrap {
   background: #5e55ff;
   border-color: #5e55ff;
   color: #fff;
 }

 #gLoginButton a.g-login,
 #dvv-login-form .login-button-wrap button.button-login,
 #dvv-login-form .back-button-wrap a.button-back {
   text-decoration: none;
   color: inherit;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 45px;
   background: none;
   outline: none;
   border: none;
   cursor: pointer;
 }

 #gLoginButton a.g-login span.buttonText,
 #dvv-login-form .login-button-wrap button.button-login span.button-text,
 #dvv-login-form .back-button-wrap a.button-back span.button-text {
   display: flex;
   align-items: center;
   justify-content: center;
   padding-right: 22px;
   font-size: 14px;
   font-weight: bold;
 }

 #gLoginButton a.g-login span.icon,
 #dvv-login-form .login-button-wrap button.button-login span.icon,
 #dvv-login-form .back-button-wrap a.button-back span.icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 42px;
   height: 34px;
 }

 #gLoginButton a.g-login span.icon {
   background: url('glogin.png') transparent 70% 50% no-repeat;
 }

 .dvv-login-form-footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: 1rem;
 }

 @media(max-width:422px) {
   .dvv-login-form-footer {
     flex-direction: column-reverse;
     margin-top: 0;
   }

   #dvv-login-form input[type="submit"] {
     margin: 1rem 0;
   }
 }

 .dvv-login-form-middle {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
 }

 .dvv-login-form-middle div,
 .dvv-login-form-middle label {
   margin: 0.5rem 0;
 }

 .dvv-login-form-lost-password a {
   color: inherit;
 }