.login-icon {
    padding-bottom: 70px;
}

h2 {
    color: #212224
}

.login-wrapper {

    /*background-image: url('path/to/your/image.jpg'); Nahraďte cestou k vášmu obrázku */
    background-size: cover; /* Prispôsobí veľkosť obrázka tak, aby vyplnil celý element */
    background-position: center; /* Vycentruje obrázok */
    background-repeat: no-repeat; /* Zabezpečí, že sa obrázok nebude opakovať */
  /*background-color: #627888;*/
/*
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(9, 9, 121, 1) 35%,
    rgba(0, 212, 255, 1) 100%
  );
*/
}
.login-card {
  background-color: white;
  max-width: 500px;
  height: 600px;
  border-radius: 30px;
}

.login-icon {
  display: flex;
  justify-content: center; /* Vycentruje horizontálne */
  align-items: center; /* Vycentruje vertikálne */
}

.login-icon img {
  width: 70%; /* Zmenší na polovicu šírky */
  height: auto; /* Zachová pomer strán */
}

.form-group {
    padding: 10px 0;
}

#selectInstallation {
    min-width: 400px;
}


.btn-primary {
    --bs-btn-color: #fff; /* Farba textu zostáva biela pre kontrast */
    --bs-btn-bg: #415868; /* Základná farba pozadia */
    --bs-btn-border-color: #415868; /* Farba okraja */
    --bs-btn-hover-color: #fff; /* Farba textu pri hover zostáva biela */
    --bs-btn-hover-bg: #354956; /* Trochu tmavší odtieň pri hover */
    --bs-btn-hover-border-color: #354956; /* Okraj pri hover */
    --bs-btn-active-color: #fff; /* Farba textu pri aktívnom stave */
    --bs-btn-active-bg: #2e3e49; /* Ešte tmavší odtieň pri aktívnom stave */
    --bs-btn-active-border-color: #2e3e49; /* Farba okraja pri aktívnom stave */
}