html, body {
    height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

.input {
    /*width: 300px;*/
}

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

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

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

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

@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;
}