@import 'hr-core-consts';

.login-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  margin: 0;
  overflow: visible;
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 0;
  grid-template-columns: repeat(1, minmax(0, auto));
  grid-template-rows: auto repeat(1, minmax(0, 1fr));
  grid-template-areas:
    "login-header"
    "login-body"
}

.login-body {
  grid-area: login-body;
}


.login-header {
  grid-area: login-header;
  color: $hrColor-DarkBlue;
  font-size: 30px;
  text-align: center;
  margin: 0;
}

.box {
  margin: 2px;
  padding: 50px;
  width: auto;
  border-radius: $hrBorder-radius-big;
  max-width: 330px;
}


.sub-box {
  display: flex;
  justify-content: center;
  width: auto;
}

.mat-stroked-button.mat-accent {
  color: white;
  background: $hrColor-DarkBlue;
}
