:root {
    --updox-blue: #00aeef;
    --updox-blue-dark: #007fad;
    --updox-blue-darker: #005a7a;
    --updox-red: #cc0000;
    --updox-orange: #f89420;
    --updox-gray-light: #f4f6f8;
    --updox-gray-dark: #aeb7bf;
    --updox-gray-darker: #6d777e;
    --updox-gray-darkest: #58585a;
    --updox-black: #222222;

    --updox-blue-glow: 0 2px 6px rgba(0, 174, 239, .25);
    --updox-blue-darker-glow: 0 0 5px var(--updox-blue-darker);
    --updox-red-glow: 0 2px 6px rgba(204, 0, 0, .25);
    --updox-orange-faded: rgba(248, 148, 32, .05);
    --updox-red-faded: rgba(204, 0, 0, .05);
}

* {
    font-family: "Open Sans", sans-serif !important;
    color: var(--updox-black);
}

.login-pf body {
    background: none;
    background-color: #fff !important;
    background-size: cover;
    height: 100%;
}

i.fa-brands {
    font-style: normal;
    font-family:'Font Awesome 6 Brands' !important;
}

a, #pwdreset a {
    font-weight: var(--pf-global--link--FontWeight);
    color: var(--pf-global--link--Color);
    text-decoration: var(--pf-global--link--TextDecoration);
}

div.kc-logo-text {
    background-image: url(../img/updox.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 64px;
    width: 170px;
    margin: 0 auto;
}

.login-pf-page-header {
    margin-bottom: 0 !important;
}

[id^="social"] {
    display: inline-block;
    color: #58585a;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #58585a;
    -webkit-border-radius: 106px;
    -moz-border-radius: 106px;
    border-radius: 106px;
    padding: 8px 11px 7px 11px;
    margin: 2px;
}

[id^="social"]:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.social-login-header {
    text-align: center;
}