/**
 * Analytics
 *
 * SPDX-FileCopyrightText: 2019-2022 Marcel Scherello
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */

form fieldset {
    display: flex !important;
    flex-direction: column;
}

#password {
    margin-right: 0 !important;
    height: 45px;
    box-sizing: border-box;
    flex: 1 1 auto;
    width: 100% !important;
    min-width: 0; /* FF hack for to override default value */

    /* The padding needs to be set here instead of for "input[type="password"]"
     * elements to prevent being overriden by a more specific rule in the
     * server. */
    padding-right: 44px;
}

input[type="password"]:focus + .icon-confirm:not(:disabled) {
    opacity: .6;
}

input[type="password"] + .icon-confirm {
    position: absolute;
    right: 15px;

    /* Needed to honour the height set below for "input[type='submit']" by
     * overriding a rule set in the server. */
    height: 45px;

    border: none;
    /* Needed to override an important rule set in the server. */
    background-color: transparent !important;

    opacity: .3;
}

input[type="password"] + .icon-confirm:hover:not(:disabled),
input[type="password"] + .icon-confirm:focus:not(:disabled),
input[type="password"] + .icon-confirm:active:not(:disabled) {
    opacity: 1;
}

input[type='submit'] {
    width: 45px;
    height: 45px;
    margin-left: 0 !important;
}

fieldset > p {
    display: inline-flex;
}