@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.gin--dark-mode [data-gin-accent=custom].gin-login,
body.gin-login {
  --colorGinLayerBackground: #000;
  --gin-color-title: #004F91;
  /* --gin-color-text: #131313; */
  --gin-color-text: #004F91;

  /* --gin-color-text-light: rgba(255,255,255,0.8); */
  --gin-color-text-light: rgba(19, 19, 19, 0.76);

  --gin-color-primary-rgb: 0, 79, 145;


  --gin-color-primary: rgb(var(--gin-color-primary-rgb));
  --gin-color-primary-light: rgba(var(--gin-color-primary-rgb), .15);
  --gin-bg-app: rgb(var(--gin-bg-app-rgb));
  --gin-bg-item-hover: rgba(var(--gin-color-primary-rgb), .1);
  --gin-color-primary-light-hover: rgba(var(--gin-color-primary-rgb), .2);
  --gin-color-primary-light-active: rgba(var(--gin-color-primary-rgb), .3);
  --gin-shadow-primary-light: rgba(var(--gin-color-primary-rgb), .45);
  --gin-color-primary-hover: #0D85E9;
  /* --gin-color-primary-active: #F325A8; */
  --gin-border-color-form-element: #D6D6D6;
  /* --gin-color-focus: rgba(var(--gin-color-primary-rgb), .6); */
  --gin-color-focus: var(--gin-color-primary);

  --gin-border-m: 8px;
  --button-border-radius-size: 40px;

  --space-l: 1rem;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* body.gin-login .user-form-page {
  background: rgb(255, 255, 255);
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(238, 235, 235, 1) 100%);
  background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(238, 235, 235, 1) 100%);
} */


body.gin-login .user-form-page__page-title {
  margin: 20px 0 0 0 !important;
  font-size: 2.8rem;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-weight: 700;
  text-transform: uppercase;
  color: #004F91;
}
body.gin-login .help {
  color: #7C93A7;
}


body.gin-login .user-form-page__user-form {
  align-content: center;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.90);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

body.gin-login .user-form-page__wallpaper {
  z-index: 0;
  background-color: #163B6C;
}

body.gin-login .user-form-page__user-form img {
  /* max-height: 104px; */
  max-height: 217px;
}

body.gin-login .layout-container.title-bar {
  display: flex;
  gap: 15px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

body.gin-login .toolbar-logo {
  flex-shrink: 0;
  position: relative;
}
/* body.gin-login .toolbar-logo:before {
  content: '';
  background: url('bird_fic.svg');
  position: absolute;
  top: -15px;
  left: 0;
  width: 101px;
  height: 98px;
  display: block;
  transform: translate(0, -100%);
} */

body.gin-login .form-element {
  background-color: #FFF;
}

body.gin-login .form-element:hover {
  border-color: var(--gin-color-primary);
  -webkit-box-shadow: inset 0 0 0 1px var(--gin-color-primary);
  -moz-box-shadow: inset 0 0 0 1px var(--gin-color-primary);
  box-shadow: inset 0 0 0 1px var(--gin-color-primary);
}

body.gin-login .page-wrapper *:focus,
body.gin-login .ui-dialog *:focus,
body.gin-login .dropbutton .dropbutton__item>*:focus,
body.gin-login .dropbutton .dropbutton__item>*:focus:hover,
body.gin-login .dropbutton__items>.dropbutton__item:first-of-type>*:focus,
body.gin-login .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus,
body.gin-login .dropbutton__items>.dropbutton__item:first-of-type~.dropbutton__item>*:focus:hover,
body.gin-login .form-boolean:focus:active,
body.gin-login .form-boolean:focus:hover,
body.gin-login .cke.cke_chrome.cke_focus,
body.gin-login .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus,
body.gin-login .form-element:focus,
body.gin-login .form-element:hover:focus,
body.gin-login .form-element.error:hover:focus,
body.gin-login .form-actions .action-link:focus,
body.gin-login .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag,
body.gin-login .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,
body.gin-login .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus,
body.gin-login .ck .ck.ck-button:active,
body.gin-login .ck .ck.ck-button:focus,
body.gin-login .ck .ck.ck-button:active:focus,
body.gin-login .toolbar-box .toolbar-handle:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body.gin-login .button,
body.gin-login .button:not(:focus),
body.gin-login .form-actions .button,
body.gin-login .action-link--icon-trash.action-link {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 1.1rem;
  border: 0 !important;
  border-radius: var(--button-border-radius-size);
}

body.gin-login .button.button--primary {
  width: 100%;
  padding: 1.25rem 1rem;
  margin-right: 0;
  margin-bottom: 0;
  /* border-radius: 40px; */
  text-transform: uppercase;
}
body.gin-login .button.button--secondary {
  -webkit-box-shadow: inset 0 0 0 1px #707070;
  -moz-box-shadow: inset 0 0 0 1px #707070;
  box-shadow: inset 0 0 0 1px #707070;
  text-transform: uppercase;
}

.page-wrapper #edit-submit.form-submit:focus,
#edit-submit.form-submit:focus,
body.gin-login .button.button--primary:focus,
body.gin-login .button.button--secondary:focus {
  -webkit-box-shadow: inset 2px 2px 7px 2px var(--gin-color-focus), 0.1em .05em .5em var(--gin-color-primary-light);
  -moz-box-shadow: inset 2px 2px 7px 2px var(--gin-color-focus), 0.1em .05em .5em var(--gin-color-primary-light);
  box-shadow: inset 2px 2px 7px 2px var(--gin-color-focus), 0.1em .05em .5em var(--gin-color-primary-light);
}

body.gin-login .user-login-form .form-actions {
  margin-top: 30px;
}

body.gin-login .user-form-page .form-element {
  padding: 0.938rem;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
body.gin-login .user-form-page .forgot-password-link {
  color: var(--gin-color-text);
  text-decoration: none;
}
body.gin-login .user-form-page .forgot-password-link:hover,
body.gin-login .user-form-page .forgot-password-link:focus {
  color: var(--gin-color-primary);
}

body.gin-login .form-item__label {
  color: var(--gin-color-text);
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 1rem;
}

.is-horizontal .tabs--secondary {
  flex-wrap: wrap;
  justify-content: flex-end;
}