:root {
  --mdc-theme-primary: #0277BD;
  --cas-theme-primary: #fff;
  --cas-theme-primary-light: #fff;
}

@font-face {
  font-family: gs;
  src: url(../../global/fonts/NotoSans-Regular.ttf);
}

body {
  font-family: "gs" !important;
  background-color: #282B62 !important;
}

div#content {
  box-shadow: none;
}

#serviceui.service_logo {
  background: inherit;
  border-radius: inherit;
}

#sidebar {
  display: none;
}

.gs-background {
  background: url(../../global/images/background-genospace.png) no-repeat round;
  position: fixed;
  bottom: calc(-100vw/2);
  transform: rotate(90deg);
  height: 100vw;
  width: 100vw;
}

.gs-screen-large {
  margin-top: 40px;
  max-width: 360px;
}

.gs-customer-logo {
  background: url(../../global/images/logo-genospace-white.png) no-repeat center/100%;
  margin: auto;
  height: 100px;
  width: 340px;
}

.login-section {
  flex: 1 1 auto;
  border: none;
  color: #fff;
  padding: 0;
}

#loginProviders h3 {
  display: none;
}

.login-provider-item {
  line-height: 0%;
  text-align: center;
}

/* Bannner Modifications */
.banner {
  padding: 0.75rem 1.25rem;
  margin: 20px 0px;
}

.banner-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.banner-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.banner a {
  color: #153e50;
}

#content.banner {
  margin-top: 40px!important;
}

#content > .mdc-card {
  margin-top: 40px!important;
  width: 100%;
}

#content > .mdc-card a {
  color: var(--mdc-theme-primary);
}

/* ------------------------- */

.mdc-button {
  width: 100%;
  text-transform: none;
  border-radius: 0px;
  padding: 20px;
}


.mdc-button:disabled {
  background-color: var(--mdc-theme-primary);
}

.mdc-button--raised:not(:disabled) {
  background-color: var(--mdc-theme-primary);
  border-radius: 0px;
  margin: 0px;
}

/* Form elements */
.gs-mdc-input-group {
  display: flex;
}

.gs-text-field-label {
  display: block;
  padding-bottom: 5px;
}

.gs-text-field__input {
  width: 100%;
  padding: 6px 6px;
  font-size: 14px;
  line-height: 30px;
  color: #555;
  border: 1px solid var(--mdc-theme-primary);
  border-radius: 2px;
}

.gs-text-field__input:focus-visible {
  outline: var(--mdc-theme-primary) solid 1px;
}

.gs-text-align-center {
  text-align: center;
}

button.reveal-password.mdc-button {
  top: 23px;
  height: 46px;
  width: inherit;
  padding: 0px;
}

#pmlinks {
  float: right;
  padding-bottom: 1.5rem;
}

.gs-request-access-btn-section {
  padding-top: 20px;
}

.gs-request-action-btn {
  color: #333333 !important;
  background-color: #fff !important;
}
/* ------------------------- */

/* Horizontal line separator */
.gs-separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
  padding: 1.5rem 0rem;
}

.gs-separator::before,
.gs-separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #fff;
}

.gs-separator:not(:empty)::before {
  margin-right: .25em;
}

.gs-separator:not(:empty)::after {
  margin-left: .25em;
}
/* ------------------------- */

/* Google reCAPTCHA */
.g-recaptcha {
  transform: scale(1.12);
  transform-origin: 0;
  display: inline-block;
  margin-bottom: 20px;
}
/* ------------------------- */

/* Responsive sytles */
@media only screen and (min-width: 1224px) {

  .gs-screen-large {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: unset;
  }

  .gs-background {
    bottom: unset;
    transform: rotate(180deg);
    height: 100vh;
    width: 50vh;
  }
  
}
/* ------------------------- */