html,
body {
    width: 100%;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f0f4f9 !important;

    font-family:
        Inter,
        Roboto,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;
}

body.task-login {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#layout {
    width: 100% !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#layout-content {
    width: 100% !important;
    max-width: 450px !important;

    padding: 48px !important;

    background: white !important;

    border: 1px solid #dadce0 !important;
    border-radius: 28px !important;

    box-shadow: none !important;

    margin: 0 auto !important;

    float: none !important;
}

/* logo */
.task-login #logo {
	max-height: 200px !important;
}

#logo {
    width: 300px !important;
    height: 160px !important;

    display: block !important;

    margin: 0 auto 32px auto !important;
}

/* esconde elementos antigos */

h1.voice,
#login-footer,
.input-group-prepend,
.input-group-text {
    display: none !important;
}

/* formulário */

#login-form {
	top: 0 !important;
}

#login-form table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 16px;
	top: 0 !important;
}

#login-form tbody,
#login-form tr,
#login-form td,
#login-form td.input {
    width: 100% !important;
}

#login-form tr {
    display: block !important;
    margin-bottom: 16px !important;
}

#login-form td {
    display: block !important;
}

#login-form td.title {
    display: none !important;
}

#login-form td.input {
    width: 100% !important;
}

#login-form .input-group {
    width: 100% !important;
}

/* inputs */

#login-form input[type=text],
#login-form input[type=password],
#simple_captcha_input {
    width: 100% !important;
    height: 56px !important;

    border: 1px solid #dadce0 !important;
    border-radius: 12px !important;

    background: white !important;

    padding: 0 16px !important;

    font-size: 15px !important;
    color: #202124 !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}

#login-form input[type=text]:focus,
#login-form input[type=password]:focus,
#simple_captcha_input:focus {
    border: 2px solid #1a73e8 !important;
    outline: none !important;
}

#login-form input::placeholder {
    color: #5f6368 !important;
}

/* botão */

.formbuttons {
    margin-top: 24px !important;
}

.button.mainaction,
button.mainaction,
.btn-primary {
    width: 100% !important;

    height: 48px !important;

    border-radius: 999px !important;

    border: none !important;

    background: #1a73e8 !important;
    color: white !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    box-shadow: none !important;
}

.button.mainaction:hover {
    background: #1765cc !important;
}

.task-login #logo {
	top: 0 !important;
}

@media (max-width: 600px) {
    #layout-content {
        margin: 16px !important;
        padding: 32px !important;
    }
}