@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

html, body, #root {
    height: 100%;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.login-wrapper {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-wrapper {
	background-color: #303030;
}

@media (min-width: 576px) {
  .login-card {
	min-width: 400px;
	max-width: 400px;
	margin: auto;
	border-radius: 8px;
  }
}

/* sm alatt: teljesen szélre nyúljon */
@media (max-width: 575.98px) {
  .login-card {
	border-radius: 0;
	height: 100%;
	width: 100%;
  }
}

.logo-circle {
  width: 80px;
  height: 80px;
  border: 5px solid #2ba6b3;
  background-color: #d0d0d0;
  border-radius: 50%;
  top: -40px;
  z-index: 10;
}

.btn-main {
    background-color: #17818c;
    color: white;
    transition: background-color 0.3s ease;
}

.btn-main:hover {
    background-color: #107680;
    color: white;
}

.text-main {
    color: #2ba6b3;
}

.form-label-text {
    color: #d8d8d8;
}

.dashed-line {
    border-top: 1px dashed var(--bs-secondary);
    height: 0;
}