html, body {
    height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', system-ui, -apple-system, sans-serif;
}

body {
    min-height: 100vh;
    height: 100%;
}

.loginblock {
    background-color: #fdfdfd !important;
    border: 1px solid #cecece !important;
}

.container {
    min-height: 100vh;
    height: 100%;
}

.label-save {
    font-size: 14px;
}

a.gdpr-document-link {
  text-decoration: none;
}

.document-link-container  {
  background-color: #eff4fd;
  padding: 8px 16px;
  border-radius: 6px;
}

.gdpr-document-title {
  color: #007BFF;
  font-size: 18px;
  font-weight: 500;
}

.gdpr-document-subtitle {
  font-size: 14px;
}

.gdpr-back {
    margin-bottom: 12px;
}

.gdpr-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #6c757d;
    text-decoration: none;
}

.gdpr-back-link:hover {
    color: var(--bs-primary);
    text-decoration: none;
}

@media (max-height: 599px) {
    loginblock {
        margin-bottom: 15%
    }
}

@media (min-height: 600px) {
    .loginblock {
        margin-bottom: 25%
    }
}

.icon-container {
    position: absolute;
    right: 0px;
    width: 30px;
    height: 100%;
}

.icon-container:hover {
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

.icon-itself {
    display: none;
    position: absolute;
    right: 0px;
    width: 30px;
    height: 100%;
}

.icon-itself:hover #BtnEdit {
    fill: #007BFF;
}
/* Style for custom validation */
.is-invalid {
    border-color: #dc3545 !important; /* Red border for invalid input */
}

.invalid-feedback {
    display: block; /* Show error message */
}

.was-validated .is-invalid + .invalid-feedback {
    display: block; /* Show error message if input is invalid and form was validated */
}

.errorSummary {
    font-size: 14px;
}

.image-container {
    max-width: 350px; /* Set the maximum width of the container */
    height: auto; /* Automatically adjust height to maintain aspect ratio */
    overflow: hidden; /* Hide any overflow */
}

.image-container img {
    width: 100%; /* Ensure the image fills the container width */
    height: auto; /* Automatically adjust height to maintain aspect ratio */
    display: block; /* Ensure proper rendering */
}

.tooltip-inner {
    background: rgb(13,110,253) !important;
    color: white !important;
}

.tooltip .arrow::after {
    border-bottom-color: rgb(13,110,253) !important;
}

.tooltip.show {
    opacity:1!important;
}
.img-logo {
    max-width: 370px;
    max-height: 140px;
}