body {
    font-family: var(--slh-default-font-family, "Open Sans");
}

/* Hide password reveal button in MS Edge */
::-ms-reveal {
  display: none;
}

.slh-kc-login-container {
    flex-direction: column;
}

.slh-kc-custom-panel {
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 591px) {
    .slh-kc-login-content-wrapper {
        max-width: calc(100% - 32px);
        width: calc(100% - 32px);
    }
}
@media (min-width: 592px) {
    .slh-kc-login-content-wrapper {
        max-width: 560px;
        width: 560px;
    }
}
@media (min-width: 992px) {
    .slh-kc-login-content-wrapper {
        max-width: 784px;
        width: 784px;
    }
    .slh-kc-login-container {
        flex-direction: row;
    }
    .slh-kc-custom-panel {
        max-width: 318px;
    }
}

#slh-kc-locale-dropdown:not(.slh-dropdown) {
    background: inherit;
    border: none;
}

#kc-social-providers hr {
    display: none;
}
#kc-social-providers a {
    background-image: url("../img/ico_arrow_open_right.svg");
    background-position: right 8px center;
    background-repeat: no-repeat;
}

a.slh-cta-link.slh-back-link:hover {
    text-decoration: none !important;
}

.slh-password-container {
  position: relative;
}
.slh-password-container input[type="password"],
.slh-password-container input[type="text"] {
  box-sizing: border-box;
}
.slh-password-container .slh-eye-icon {
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 16px;
  fill: #62779F;
  z-index: 1;
}

/* login / register form action buttons */
#kc-form-buttons {
    display: flex;
    flex-wrap: wrap;
}
#kc-form-buttons > .slh-button {
    width: fit-content;
    margin-top: 16px;
}
#kc-form-buttons > .slh-button ~ .slh-button {
    margin-left: 10px;
}
@media (max-width: 360px) {
    #kc-form-buttons {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    #kc-form-buttons > .slh-button ~ .slh-button {
        margin-left: 0px;
    }
}

.slh-kc-select-auth-list-item {
    cursor: pointer;
    text-align: left;
    border: none;
    padding: 0;
    background: transparent;
}
.slh-kc-select-auth-list-item:nth-last-of-type(1) {
    border-bottom: none;
    padding-bottom: 0;
}
.slh-kc-select-auth-list-item-arrow {
    background-image: url("../img/ico_arrow_open_right.svg");
    background-size: cover;
    width: 24px;
    height: 24px;
}