body {
    --pf-global--FontFamily--sans-serif: "Open Sans", Helvetica, Arial, sans-serif;
    --pf-global--link--Color: #788c13;
    --pf-global--primary-color--100: #008b93;
    --pf-global--primary-color--200: #016d73;
    --pf-c-button--m-primary--Color: #788c13;
}

.pf-c-form-control:hover, .pf-c-form-control:focus {
    --pf-global--primary-color--100: #008b93;
}

.login-pf body {
    /*background: #008B93 none;*/
    background: #f4f4f4 none;
}

.login-pf-page {
    padding-top: 0;
}

.login-pf-page .login-pf-page-header {
    border-bottom: 13px solid #788c13;
}

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

.card-pf {
    box-shadow: 0.33px 2px 12px rgba(0, 0, 0, 0.3);
    border-radius: 9px;
}

#kc-header {
    color: #008b93;
}

#kc-header-wrapper {
    text-transform: none;
    letter-spacing: normal;
    padding: 22px 10px 20px;
    background-color: #ffffff;
}

.header-with-logo {
    background: transparent url(../img/aconium-logo-text.svg) 20px 8px no-repeat;
    height: 74px;
    background-size: auto 54px;
}

.aconium-title {
    text-align: center;
}

#kc-login-footer-links {
    text-align: center;
    margin: 0;
}

#kc-login-footer-links li {
    display: inline-block;
    padding: 0 5px;
}

#kc-footer {
    margin-top: 36px;
}

@media (max-width: 767px) {

    #kc-locale {
        position: relative;
        width: unset;
        right: 0;
    }

    #kc-header {
        padding-left: unset;
        padding-right: unset;
    }

    #kc-header-wrapper {
        color: rgb(0,139,147);
        text-align: center;
    }
}

@media (max-width: 469px) {
    #kc-header-wrapper {
        color: transparent;
    }
}