body.path-user .user-form-page .content-header .layout-container {
  text-align: center;
}

body.path-user .user-form-page__user-form {
  order: 1;
}

img.social-auth.auth-icon {
  width: 10% !important;
}

body.gin-login .user-form-page {
  background-color: #ffffff;
  color: #ffffff;
}

body.gin-login .user-form-page p {
  color: var(--gin-color-text-light);
}

/* Captcha start*/

body.gin-login .user-form-page fieldset.captcha legend {
  margin: 0px 15px 0px 15px;
  padding: 0px 5px 0px 5px;
}
body.gin-login .user-form-page fieldset.captcha .captcha__element {
  margin: 15px;
}

body.gin-login .user-form-page .captcha__description.description {
  color: var(--gin-color-text-light);
  margin: 15px;
}
/* Captcha end*/

body.gin-login .user-form-page__page-title {
  font-size: 24px;
}

body.gin-login .button--primary,
body.gin-login .button--primary:hover {
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  border-radius: 100px;
  box-shadow: none;
}

body.gin-login .button,
body.gin-login .button:hover {
  border: 2px solid #000000 !important;
  color: #000000;
  border-radius: 100px;
  background-color: #ffffff;
  box-shadow: none;
}

body.gin-login .form-item__label {
  font-size: 16px;
  font-weight: 700;
}

body.gin-login .forgot-password-link {
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  color: #000000;
}

body.gin-login .user-form-page__user-form img {
  max-height: 100px !important;
}

body.gin-login .user-form-page__page-title {
  margin-top: 0;
}
body.gin-login .user-form-page .content-header a {
  display: block;
}
.page-wrapper *:focus,
.ui-dialog *:focus,
.dropbutton .dropbutton__item > *:focus,
.dropbutton .dropbutton__item > *:focus:hover,
.dropbutton__items > .dropbutton__item:first-of-type > *:focus,
.dropbutton__items
  > .dropbutton__item:first-of-type
  ~ .dropbutton__item
  > *:focus,
.dropbutton__items
  > .dropbutton__item:first-of-type
  ~ .dropbutton__item
  > *:focus:hover,
.form-boolean:focus:active,
.form-boolean:focus:hover,
.cke.cke_chrome.cke_focus,
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,
.form-element:focus,
.form-element:hover:focus,
.form-element.error:hover:focus,
.form-actions .action-link:focus,
.paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,
.layout-paragraphs-field
  .layout-paragraphs-actions
  input.layout-paragraphs-edit:focus,
.layout-paragraphs-field
  .layout-paragraphs-actions
  input.layout-paragraphs-remove:focus,
.ck .ck.ck-button:active,
.ck .ck.ck-button:focus,
.ck .ck.ck-button:active:focus,
.toolbar-box .toolbar-handle:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 20%), 0 0 0 2px rgb(0 0 0 / 60%) !important;
}