/* Hier werden die Eigenschaften aus der login.css-Datei aus dem Keycloak-Theme erweitert oder angepasst. */

/* Variablen */
:root {
    --iqtig-gruen: rgb(0, 96, 100);
}

/* Username */
input[type=text]:focus {
    outline: none;
    border: 1px solid var(--iqtig-gruen);
    box-shadow: 0 0 10px var(--iqtig-gruen);
}

/* Password */
input[type=password]:focus {
    outline: none;
    border: 1px solid var(--iqtig-gruen);
    box-shadow: 0 0 10px var(--iqtig-gruen);
}

/* Passwort anzeigen Button */
button:focus {
    outline: none;
    border: 1px solid var(--iqtig-gruen);
    box-shadow: 0 0 10px var(--iqtig-gruen);
}

/* Submit Button */
input[type=submit] {
    background-color: var(--iqtig-gruen) !important;
}
input[type=submit]:hover {
    box-shadow: 0 0 10px var(--iqtig-gruen);
}
input[type=submit]:focus {
    outline: none;
    border: 1px solid var(--iqtig-gruen);
    box-shadow: 0 0 10px var(--iqtig-gruen);
}

/* Anpassungen bzgl. login-keycloak.copy.css */

.login-pf body {
    background: url("../img/iqtig-bg.jpg") no-repeat center center fixed;
    background-size: cover;
    height: 100%;
}

.login-pf-page .card-pf {
    padding: 20px 40px 5px 40px;
}

.login-pf a {
    font-weight: bold;
    color: var(--iqtig-gruen);
}

.login-pf a:hover {
    font-weight: bold;
    color: var(--iqtig-gruen);
}

h1#kc-page-title {
    margin-top: 10px;
    font-weight: bold;
}

div.kc-logo-text {
    background-image: url(../img/iqtig-logo.svg);
    background-repeat: no-repeat;
    height: 138px;
    width: 250px;
    margin: 0 auto;
}

.card-pf {
    border-color: var(--iqtig-gruen);
}

.spacing-top-30 {
    margin-top: 30px;
}

.spacing-top-40 {
    margin-top: 40px;
}

hr {
    border-top: 1px solid var(--pf-global--palette--black-400);
}

/* beim "Passwort neu setzen"-Dialog soll Checkbox "Von anderen Geräten abmelden" versteckt werden (verwirrt nur)*/
.checkbox:has(#logout-sessions) {
    display: none;
}