#kc-header-wrapper {
    color: transparent;
    position: relative;
    background: #84E59E;
    min-height: 2.8em;
    padding: 20px 10px;
}

@media (max-width: 767px) {
    #kc-header {
        padding-left: 0;
        padding-right: 0;
    }
}

.kc-logo-text {
    display: none;
}

#kc-header-wrapper::after {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 30px;
    width: 100%;
    max-width: 1400px;
    transform: translate(-50%, -50%);
    background: url(../img/logo_myhypo-app.svg) left center no-repeat;
    background-size: contain;
    margin-left: .55em
}

@media (max-width: 767px) {
    #kc-header-wrapper::after {
        background-position-x: center;
    }
}

a#kc-current-locale-link {
    display: flex;
    padding: 0;
}

#kc-locale ul {
    padding: 0;
}

#kc-locale ul li a:hover {
    /*background-color: red;*/
}

a#kc-current-locale-link::after {
    content: " ";
    width: 16px;
    height: 16px;
    display: inline-block;
    /* https://git.blivesta.com/flexicon/#modal-chevron-bottom */
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTYuMDAzIDE4LjYyNmw3LjA4MS03LjA4MUwyNSAxMy40NmwtOC45OTcgOC45OTgtOS4wMDMtOSAxLjkxNy0xLjkxNnoiLz48L3N2Zz4=');
    background-size: contain;
}

#kc-locale {
    position: fixed;
    top: 20px;
    right: 20px;
    width: auto;
}

@media (min-width: 768px) {
    #kc-header-wrapper::after {
    }
}

.pf-c-form-control {
    border: 1px solid #d1cdc9;
}
.pf-c-form-control:hover, .pf-c-form-control:focus {
    border: 1px solid var(--tkb-primary-color);
}

.pf-c-button.pf-m-primary:hover, .pf-c-button.pf-m-primary.pf-m-hover,
.pf-c-button.pf-m-primary:active, .pf-c-button.pf-m-primary.pf-m-active,
.pf-c-button.pf-m-primary:focus, .pf-c-button.pf-m-primary.pf-m-focus {
    background: #1B484B;
}

.pf-c-form-control[aria-invalid="true"] {
    border: 1px solid var(--tkb-error-color);
    background: none;
}

.pf-c-form-control:not(textarea) {
    padding-top: 0.5em;
    height: 3em;
    line-height: 3em;
}

.pf-c-form__label-text {
    margin-bottom: .5em;
}

body .pf-c-button.pf-m-primary {
    padding-top: .8em;
    padding-bottom: .8em;
}

.pf-c-button:disabled, .pf-c-button.pf-m-disabled {
    background: var(--tkb-primary-color);
    color: #fff;
    opacity: .5;
}

#uxInfo {
    display: none;
}
@media only screen and (max-width: 1019px) {
    #uxInfo {
        display: block;
    }
}