div.layout{
  display: flex;
  flex-direction: row;
  width: 100%;
}

div.layout-column-slider{
  max-width: 600px;
  width: 40%;
  max-height: 100vh;
}

div.layout-column-outlet {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
  justify-content: center;
  height: 100vh;
}

.layout-column-slider-splide{
  max-height: 100vh;
  min-width: 300px;
}

.page-login{
  max-width: 350px;
}

.form-control.show-password {
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(/assets/icons/iconEyeOff.svg);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.hide-password {
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(/assets/icons/iconEyeOn.svg);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}