/* login.css */
body {
  /*
  background-image: url('../img/background.png');
  background-size: cover;
  */
  background: #c2e0ff;
}

#kc-header {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-color: #5d33f5;
  width: 30%;
  background-image: url(https://www.esicm.org/wp-content/uploads/2024/11/news-logo.jpg);
  /* height: 100%; */
  /* position: absolute; */
  /* width: 100%; */
  /* margin: 0; */
  /* flex: .5; */
  /* margin-left: auto; */
  /* height: 100%; */
  display: flex;
  align-items: center;
  flex: .5;
  /* min-height: 100% !important; */
  justify-content: end;
  margin-top: 0px;
  /* margin-left: auto; */
  flex-direction: column;
}

.pf-v5-c-login__container {
  display: flex;
  flex-direction: row;
  height: 100%;
}

@media (max-width:1200px) {
  #kc-header {
    flex: .75%;
    width: 100%;
    padding: 2rem;
  }

  .pf-v5-c-login__container {
    flex-direction: column;
  }

  #kc-header-wrapper {
    visibility: hidden;
  }

  .pf-v5-c-login__main {
    width: 100%;
  }
}

@media screen and (min-width: 1800px) {
  #kc-header {
    flex: .5;
  }
}

@media screen and (min-width: 1380px) and (max-width:1800px) {
  #kc-header {
    flex: .75;
  }
}

@media screen and (min-width: 1200px) and (max-width:1380px) {
  #kc-header {
    flex: 1;
  }
}