.login-pf body {
    background-image: url('../img/bkgrnd.jpg');
    background-size: cover;
    height: 100%;
}

div.kc-logo-text {
    background-image: url('../img/selfnet.png');
}

.form-control:focus {
  border-color: #FF5A17;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 90, 23, 0.6);
}

#kc-header-wrapper {
    padding: 20px 10px 20px;
}

:root {
    --pf-v5-global--BackgroundColor--100: #FF5A17;
    --pf-v5-global--BackgroundColor--150: #f95d1f;
    --pf-v5-global--BackgroundColor--200: #f45f25;
    --pf-v5-global--BackgroundColor--light-100: #fff;
    --pf-v5-global--BackgroundColor--light-200: #fafafa;
    --pf-v5-global--BackgroundColor--light-300: #f0f0f0;
    --pf-v5-global--BackgroundColor--dark-100: #FF5A17;
    --pf-v5-global--BackgroundColor--dark-200: #f95d1f;
    --pf-v5-global--BackgroundColor--200: #f45f25;
    --pf-v5-global--BackgroundColor--dark-400: #f45f25;
    --pf-v5-global--BackgroundColor--dark-transparent-100: rgba(3, 3, 3, .62);
    --pf-v5-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, .32);
    --pf-v5-global--Color--100: #FF5A17;
    --pf-v5-global--Color--200: #dd693c;
    --pf-v5-global--Color--300: #ba785e;
    --pf-v5-global--Color--400: #988781;
    --pf-v5-global--Color--light-100: #fff;
    --pf-v5-global--Color--light-200: #f0f0f0;
    --pf-v5-global--Color--light-300: #d2d2d2;
    --pf-v5-global--Color--dark-100: #FF5A17;
    --pf-v5-global--Color--dark-200: #B88571;
    --pf-v5-global--active-color--100: #FF5A17;
    --pf-v5-global--active-color--200: #B88571;
    --pf-v5-global--active-color--300: #C2C5DA;
    --pf-v5-global--active-color--400: #C2C5DA;
    --pf-v5-global--disabled-color--100: #6a6e73;
    --pf-v5-global--disabled-color--200: #d2d2d2;
    --pf-v5-global--disabled-color--300: #f0f0f0;
    --pf-v5-global--primary-color--100: #FF5A17;
    --pf-v5-global--primary-color--200: #B88571;
    --pf-v5-global--primary-color--light-100: #C2C5DA;
    --pf-v5-global--primary-color--dark-100: #FF5A17;
    --pf-v5-global--secondary-color--100: #C2C5DA;
    --pf-v5-global--custom-color--100: #73c5c5;
    --pf-v5-global--custom-color--200: #009596;
    --pf-v5-global--custom-color--300: #003737;
    --pf-v5-global--success-color--100: #00AA07;
    --pf-v5-global--success-color--200: #007400;
    --pf-v5-global--info-color--100: #FF5A17;
    --pf-v5-global--info-color--200: #B88571;
    --pf-v5-global--warning-color--100: #FFB549;
    --pf-v5-global--warning-color--200: #795600;
    --pf-v5-global--danger-color--100: #CC1204;
    --pf-v5-global--danger-color--200: #CC1204;
    --pf-v5-global--danger-color--300: #CC1204;

    --pf-v5-global--link--Color: #FF5A17;
    --pf-v5-global--link--Color--hover: #B88571;
    --pf-v5-global--link--Color--light: #B88571;
    --pf-v5-global--link--Color--light--hover: #C2C5DA;
    --pf-v5-global--link--Color--dark: #FF5A17;
    --pf-v5-global--link--Color--dark--hover: #B88571;
    --pf-v5-global--link--Color--visited: #3A001E;
}

.pf-v5-c-button {
    --pf-v5-global--Color--100: #FFF;
    --pf-v5-global--Color--200: #B88571;
    --pf-v5-global--Color--300: #C2C5DA;
}

.footer {
    -webkit-font-smoothing: antialiased;
    align-items: center;
    background: #FF5A17;
    box-sizing: inherit;
    display: flex;
    height: 6%;
    justify-content: space-around;
    line-height: 1.5;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
}

.footer-link {
    color: white;
    font-size: 100%;
    font-weight: 400;
}