/* ---------------------------- */

div.signed-in {
    display: inline-flex;
    background-color: green;
    padding: 8px;
    margin: 8px 8px 8px 0;
}

div.not-signed-in {
    display: inline-flex;
    background-color: red;
    padding: 8px;
    margin: 8px 8px 8px 0;
}

    div.signed-in text, div.not-signed-in text {
        color: white;
    }

    div.signed-in a:link, div.not-signed-in a:link {
        color: white;
        text-decoration: none;
    }

    div.signed-in a:visited, div.not-signed-in a:visited {
        color: white;
        text-decoration: none;
    }

    div.signed-in a:hover, div.not-signed-in a:hover {
        color: lightyellow;
        text-decoration: none;
    }

div.signed-in button.link {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: inherit;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

    div.signed-in button.link:link {
        color: white;
        text-decoration: none;
    }

    div.signed-in button.link:visited {
        color: white;
        text-decoration: none;
    }

    div.signed-in button.link:hover {
        color: lightyellow;
        text-decoration: none;
    }

/*
div.anonymous {
    color: #ffffff;
    padding: 3px;
    border: #c61005 solid 1px;
    background-color: #fa726b;
}

div.logged-in {
    color: #ffffff;
    padding: 3px;
    border: #00990b solid 1px;
    background-color: #00cc13;
}

    div.anonymous a:link, div.logged-in a:link {
        color: rgb(255,228,99);
    }

    div.anonymous a:visited, div.logged-in a:visited {
        color: rgb(255,228,99);
    }

    div.anonymous a:active, div.logged-in a:active {
        color: rgb(255,228,99);
    }

    div.anonymous a:hover, div.logged-in a:hover {
        color: rgb(255,228,99);
    }

div.anonymous input, div.anonymous td {
}

div.anonymous .error {
    color: white;
}





div.logged-in, div.anonymous {
    display: inline;
}

table.password-recovery, table.change-password {
    margin-left: -6px;
}

table.role {
    margin-left: -4px;
}

    table.password-recovery td, table.change-password td, table.role td {
        padding: 2px;
        text-align: left;
    }

table.password-recovery input[type=submit],
table.change-password input[type=submit] {
    text-align: right;
}

*/


/* ---------------------------- */

div.login {
    display: inline-flex;
    margin: 8px 8px 8px 0;
}

div.external-login {
}

/* ---------------------------- */

div.manage {

}

/* ---------------------------- */

div.register {
}

/* ---------------------------- */

div.change-password {
}

/* ---------------------------- */

div.add-phone-number {
}

/* ---------------------------- */

div.recovery-codes {
}