/* SAS specific variables overriding Patternfly */
:root {
    --pf-global--primary-color--100: #CC0000;
    --pf-global--primary-color--dark-100: #b80000;
    --pf-global--primary-color--200: #a70101;
    --pf-c-form-control--BorderBottomColor: #CC0000;
    --pf-global--link--Color: #a70101;
    --pf-global--link--TextDecoration: #a70101;
    --pf-global--link--Color--hover: #a70101;
}

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

a {
    color: #CC0000;
    text-decoration: none;
}

.pf-c-form-control:hover, .pf-c-form-control:focus {
    border-bottom-color: #CC0000;
    border-bottom-color: var(--pf-global--primary-color--100);
    border-bottom-width: 2px;
    border-bottom-width: var(--pf-global--BorderWidth--md);
}

.pf-c-form-control[aria-invalid="true"] {
    border-bottom-color: #C9190B;
    border-bottom-color: var(--pf-global--danger-color--100);
    border-bottom-width: 2px;
    border-bottom-width: var(--pf-global--BorderWidth--md);
}

.pf-c-alert.pf-m-inline.pf-m-danger::before {
    background-color: #C9190B;
    background-color: var(--pf-global--danger-color--100);
}

.pf-c-alert.pf-m-danger .pf-c-alert__icon {
    color: #C9190B;
    color: var(--pf-global--danger-color--100);
}

.pf-c-alert.pf-m-danger .pf-c-alert__title {
    color: #A30000;
    color: var(--pf-global--danger-color--200);
}

.pf-c-button.pf-m-control:hover::after, .pf-c-button.pf-m-control.pf-m-hover::after {
    border-bottom-color: #a70101;
}

/* default - IE compatibility */
.pf-m-primary {
    color: #FFFFFF;
    background-color: #CC0000;
    background-color: var(--pf-global--primary-color--100);
}

/* default - IE compatibility */
.pf-m-primary:hover {
    background-color: #a70101;
    background-color: var(--pf-global--primary-color--200);
}

.login-pf a:hover {
    color: #a70101;
}

#kc-header-wrapper {
    background-image: url(../img/logo-swissas.svg);
    background-repeat: no-repeat;
    width: 225px;
    height: 46px;
    background-size: cover;
    margin: 0 auto;
    color: transparent;
}

.required {
    color: #A30000; /* default - IE compatibility */
    color: var(--pf-global--danger-color--200);
}

.card-pf {
    margin: 0 auto;
    box-shadow: var(--pf-global--BoxShadow--lg);
    padding: 0 20px;
    max-width: 500px;
    border-top: 4px solid;
    border-color: #CC0000; /* default - IE compatibility */
    border-color: var(--pf-global--primary-color--100);
}

.login-pf-page {
    padding-top: 5rem;
}

/* Social */
.kc-social-links {
    margin-top: 20px;
}

.kc-social-links > li {
    width: 100%;
}

.kc-social-provider-logo {
    font-size: 23px;
    width: 30px;
    height: 25px;
    float: left;
}

.kc-social-gray {
    color: #737679; /* default - IE compatibility */
    color: var(--pf-global--Color--200);
}

.kc-social-item {
    margin-bottom: 0.5rem; /* default - IE compatibility */
    margin-bottom: var(--pf-global--spacer--sm);
    font-size: 15px;
    text-align: center;
}

.kc-social-provider-name {
    position: relative;
    top: 3px;
}

.kc-social-icon-text {
    left: -15px;
}

.kc-social-grid {
    display:grid;
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    grid-column-end: span 6;
    --pf-l-grid__item--GridColumnEnd: span 6;
}

.kc-social-grid .kc-social-icon-text {
    left: -10px;
}

.kc-login-tooltip {
    position: relative;
    display: inline-block;
}

.kc-social-section {
    text-align: center;
}

.kc-social-section hr{
    margin-bottom: 10px
}

.kc-login-tooltip .kc-tooltip-text{
    top:-3px;
    left:160%;
    background-color: black;
    visibility: hidden;
    color: #fff;

    min-width:130px;
    text-align: center;
    border-radius: 2px;
    box-shadow:0 1px 8px rgba(0,0,0,0.6);
    padding: 5px;

    position: absolute;
    opacity:0;
    transition:opacity 0.5s;
}

#kc-form-options .checkbox {
    margin-top: 0;
    color: #72767b;
}