/**
  File to add new css or to override login.css from paret theme
 */
body {
    color: var(--color-text);
}

.login-pf body {
    background: var(--color-main1);
    background: linear-gradient(150deg,  var(--color-main1) 30%,  var(--color-main2) 100%);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.login-pf-page .card-pf {
    width: 500px;
    max-width: 90%;
    margin: auto;
    border-radius: 10px;
    background: rgba(255,255,255,0.8);
    padding: 16px;
    box-shadow: none;
}

.login-pf-page .login-pf-header {
    margin: 0px;
}

#kc-content-wrapper {
    padding: 10px;
    margin: 0px;
}

h1#kc-page-title-content {
    align-items: center;
    height: 40px;
}

.pf-c-form__label-text {
    font-weight: 600;
    font-size: var(--font-medium);
    color: var(--color-main1);
}

button.eye-icon {
    color: var(--color-main1);
}

.pf-c-form-control {
    border-radius: 3px;
    border: 0;
    background: rgba(255,255,255,0.5);
    border-bottom: 2px solid transparent;
}

.pf-c-form-control:hover, .pf-c-form-control:focus, .pf-c-form-control:focus-within {
    border-bottom: 2px solid var(--color-main1);
}

.pf-c-form-control input::placeholder {
    color:var(--color-text);
}

.pf-c-form-control input {
    color:var(--color-text);
}

.pf-c-form-control > .validation-element_required:before {
    color: var(--color-text);
}

.pf-label_icon {
    font-size: var(--font15);
    color:var(--color-text);
}

.pf-c-button.pf-m-primary {
    font-weight: bold;
    background-color: var(--color-white);
    color: var(--color-main1) !important;
    border-radius: 3px !important;
}

#kc-form-options .checkbox {
    margin-top: 0;
    color: var(--color-text);
}

a {
    color: var(--color-main2);
    text-decoration: underline;
}

a:focus, a:hover {
    color: var(--color-white);
    text-decoration: underline;
}