#kc-external-login-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

#toggle-arrow {
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,%3Csvg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%235e5e5e" d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"%3E%3C/path%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
    transform: rotate(90deg);
}

#toggle-arrow.rotated {
    transform: rotate(-90deg);
}

#kc-form-login {
    overflow: hidden;
    transition: max-height 0.3s ease;
}

#kc-form-login.collapsed {
    max-height: 0 !important;
}
#social-saml:hover, #social-saml-int:hover {
    color: #ffffff !important;
}
ul.kc-social-links li:nth-child(n+2) {
    display: none;
}
.btn-group-lg>.btn, .btn-lg {
   font-size: 16px !important;
}
#kc-content-wrapper {
    display: flex;
    flex-direction: column;
}

#kc-social-providers {
    order: 1;
}

#kc-form {
    order: 2;
}
.login-pf a{
   color: #DA2128;
}
.login-pf a:hover{
   color: #a80f14;
}
.pf-c-form-control:hover{
   --pf-c-form-control--BorderBottomColor: #a80f14;
}
.pf-c-button.pf-m-primary{
   background-color: #DA2128;
}
.pf-c-button.pf-m-primary:hover{
   background-color: #a80f14;
}
.card-pf {
   border-color: #DA2128;
}