body {
    text-align: center;
    /* padding-top: 100px; */
    /*background: url('http://localhost/alpha/wp-content/plugins/oneplace/images/onepalece_login_page_bg.png');*/
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w100 {
    width: 100%;
}

img {
    max-width: 300px!important;
}

form {
    width: 100%;
    max-width: 300px;
    margin: auto;
}

form p {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

form p.login-remember {
    flex-wrap: nowrap!important;
}

form p label,
form p input:not([type="checkbox"]) {
    width: 100%;
}

form p input:not([type="checkbox"]) {
    height: 40px;
}

form p input:not([type="checkbox"]):focus-visible {
    outline: none!important;
    border-color: #b71c1c!important;
}

a[target="_blank"] {
    color: #b71c1c!important;
}

#wp-submit {
    background: #b71c1c!important;
    border-color: #b71c1c!important;
    color: #FFFFFF!important;
}

.logo {
    max-width: 300px;
    margin: auto;
}

.logo img {
    padding-bottom: 0;
}

@media screen and (max-width: 992px) {
    a[target="_blank"] {
        font-size: 40px!important;
    }
    body {
        padding-top: 0;
        /* background: url('/wp-content/plugins/oneplace/images/onepalece login page.jpg');*/
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .logo {
        width: 100%;
        max-width: unset!important;
        margin: auto;
    }
    .logo img {
        min-width: 500px;
    }
    img {
        max-width: 500px!important;
    }
    form {
        width: 100%;
        max-width: 100%!important;
        margin: 50px 10% 100px 10%!important;
    }
    form p {
        margin-bottom: 40px;
    }
    form p input:not([type="checkbox"]) {
        height: 100px;
        padding-left: 10px;
    }
    form p input:not([type="checkbox"]):not([type="submit"]) {
        border: none;
        outline: 2px solid #b71c1c;
    }
    form input[type="checkbox"] {
        height: 30px;
        width: 30px;
    }
    form label {
        font-size: 40px!important;
    }
    form input,
    form input::placeholder {
        font-size: 30px!important;
    }
    form label {
        margin-bottom: 10px
    }
    input:-webkit-autofill::first-line {
        font-size: 2rem;
    }
    /*
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        font-size: 30px!important;
    }
    */
}