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

.wpdotnet-container .btn {
    color: #fff;
}

@media (min-width: 767px) {
    /* Styles for screens bigger than 768px */
    .wpdotnet-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .wpdotnet-form {
        width: 50%;
        min-width: 500px;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #dadce0;
    }

    .wpdotnet-container img {
        max-width: 300px;
        height: auto;
    }
}

@media (max-width: 767px) {
    /* Styles for screens narrower than 768px */
    .wpdotnet-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        height: 100vh; /* Add this line to make sure the container takes up the full viewport height */
    }

    .wpdotnet-form {
        width: 100%; /* Adjust the width as needed */
        max-width: 400px; /* Set a max-width if necessary */
        margin: auto; /* Add margin:auto to center horizontally */
    }

    .wpdotnet-container img {
        max-width: 80%;
        height: auto;
    }
}

/*Hide default password icon reveal for Microsoft Edge*/
::-ms-reveal {
    display: none;
}