:root {
    --pf-global--primary-color--100: #0090d4;
    --mn-primary: #008FD6;
    --mn-secondary: #F08A00;
    --mn-warning: #D91329;
    --mn-success: #82C452;
    --mn-primary-blue-l1: #CCE9FF;
    --mn-primary-blue-l2: #5EB7FB;
    --mn-primary-blue-d1: #0665AD;
    --mn-primary-blue-d2: #0B4D7C;
    --mn-cold-gray: #F7FAFD;
    --mn-gray: #CCDBE6;
    --mn-dark-gray: #7F8E9B;
    --mn-black-60: #00000099;
    --mn-black-85: #000000d9;
}

@font-face {
    font-family: 'MyriadPro-Bold-italic';
    src: url("https://use.typekit.net/af/2e2357/00000000000000000001709f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/2e2357/00000000000000000001709f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/2e2357/00000000000000000001709f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-weight: 700
}

a {
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
}

.mnet-footer {
    width: 860px;
    margin: auto;
    padding-top: 20px;
    display: flex;
}

.mnet-footer a {
    margin-left: 20px;
}

/* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
   This clashes with the "keycloak-bg.png' background defined on the body below.
   Therefore the Patternfly background must be set to none. */
.login-pf {
    background: none;
}

.login-pf body {
    background: #F7FAFD;
}

/* M-net changes */
/* Header */
#kc-header {
    margin-bottom: 40px;
}

#kc-header .kc-logo {
    display: flex;
    align-items: center;
    justify-content: left;
}

#kc-header .kc-logo .mn-logo-lg {
    display: block;
}

#kc-header .kc-logo .mn-logo-sm {
    display: none;
}

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

/* Main (Card) */
.card-pf {
    width: 100%;
    margin: 0 0 40px 0 !important;
    padding: 64px 137px !important;
    border-radius: 16px;
    border: 1px solid var(--mn-gray);
    background: #FFF;
    box-shadow: unset;
}

.card-pf .login-pf-header {
    margin-bottom: 32px;
}

.card-pf .login-pf-header h2 {
    color: var(--mn-black-85);
    font-family: "myriad-pro", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.4px;
    margin: 0;
    text-align: left;
}

.login-pf-page .login-pf-signup {
    margin: 0;
}

.card-pf .form-group {
    margin-bottom: 32px;
    margin-left: 0;
    margin-right: 0;
}

.card-pf .form-group::before,
.card-pf .form-group::after {
    display: none;
}

.card-pf .form-group .pf-c-form__label-text:not(:last-child) {
    padding-bottom: 8px;
}

.card-pf .form-group:last-child {
    margin-bottom: 0;
}

.card-pf .form-group .pf-c-form__label {
    color: var(--mn-black-85);
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.56px;
}

.card-pf .form-group .pf-c-form-control {
    border-radius: 4px;
    border: 1px solid var(--mn-black-60);
    display: flex;
    height: 48px;
    padding: 12px 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    font-family: Arial, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
}

.card-pf .form-group .pf-c-form-control:focus {
    outline: 2px solid var(--mn-primary-blue-d1);
    outline-offset: -1px;
}

.card-pf .form-group.login-pf-settings #kc-form-buttons {
    margin-bottom: 0;
}

.card-pf .form-group.login-pf-settings .kc-form-link {
    display: inline-flex;
}

.card-pf .form-group.login-pf-settings .kc-form-link:hover a {
    text-decoration: underline;
    color: #0B4D7C;
}

.card-pf .form-group.login-pf-settings .kc-form-link:hover .kc-arrow-left {
    transform: translateX(-4px);
}
.card-pf .form-group.login-pf-settings .kc-form-link:hover .kc-arrow-left svg path {
    fill: #0B4D7C;
}

.card-pf .form-group.login-pf-settings .kc-form-link .kc-arrow-left{
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.card-pf .form-group .pf-c-input-group {
    position: relative;
    display: inline-block;
    width: 100%;
}

.card-pf .form-group .pf-c-input-group .pf-c-button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect width='1778' height='1796' transform='translate(-1040 -999)' fill='none'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.764349 10.8044C2.21355 9.26132 6.21549 5 12 5C17.7845 5 21.7864 9.26132 23.2356 10.8044L23.2705 10.8416L22.0373 12L23.2705 10.8416C23.8763 11.4864 23.8763 12.5136 23.2705 13.1584L23.2356 13.1956C21.7864 14.7387 17.7845 19 12 19C6.21549 19 2.21355 14.7387 0.764349 13.1956C0.752556 13.183 0.740932 13.1706 0.729477 13.1584C0.123703 12.5136 0.123703 11.4864 0.729477 10.8416L1.56476 11.6262L0.729477 10.8416C0.740932 10.8294 0.752556 10.817 0.764349 10.8044ZM2.38595 12C3.95509 13.6573 7.33839 17 12 17C16.6616 17 20.0449 13.6573 21.614 12C20.0449 10.3427 16.6616 7 12 7C7.33839 7 3.95509 10.3427 2.38595 12Z' fill='black'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.card-pf .form-group .pf-c-input-group .pf-c-button.shown-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' fill='none'/%3E%3Crect width='1778' height='1796' transform='translate(-1104 -999)' fill='none'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58577 19.5857C2.19524 19.9763 2.19524 20.6094 2.58577 21C2.97629 21.3905 3.60946 21.3905 3.99998 21L7.06182 17.9381C8.51249 18.572 10.1667 19 12 19C17.7845 19 21.7864 14.7387 23.2356 13.1956L23.2705 13.1584C23.8763 12.5136 23.8763 11.4864 23.2705 10.8416L23.2356 10.8044C22.3932 9.90736 20.688 8.09166 18.2714 6.72856L21 3.99995C21.3905 3.60943 21.3905 2.97626 21 2.58574C20.6095 2.19522 19.9763 2.19522 19.5858 2.58574L2.58577 19.5857ZM16.7953 8.20464L15.2841 9.71583C15.7354 10.3634 16 11.1508 16 12C16 14.2091 14.2091 16 12 16C11.1508 16 10.3634 15.7354 9.71583 15.2841L8.60075 16.3992C9.63915 16.7693 10.7755 17 12 17C16.6616 17 20.0449 13.6573 21.614 12C20.6505 10.9823 19.0029 9.32912 16.7953 8.20464ZM13.8232 11.1767L11.1767 13.8232C11.4278 13.9368 11.7065 14 12 14C13.1046 14 14 13.1046 14 12C14 11.7065 13.9368 11.4278 13.8232 11.1767Z' fill='black'/%3E%3Cpath d='M12.168 8.00347C12.1123 8.00116 12.0563 8 12 8C9.79086 8 8 9.79086 8 12C8 12.0563 8.00116 12.1123 8.00347 12.168L12.168 8.00347Z' fill='black'/%3E%3Cpath d='M12 7C12.3779 7 12.7474 7.02197 13.1083 7.06323L14.8276 5.3439C13.9406 5.12654 12.9968 5 12 5C6.21549 5 2.21355 9.26132 0.764349 10.8044L0.729477 10.8416C0.123703 11.4864 0.123703 12.5136 0.729477 13.1584L0.764349 13.1956C1.39098 13.8628 2.49489 15.0383 4.01383 16.1577L5.44654 14.725C4.10838 13.775 3.07318 12.7259 2.38595 12C3.95509 10.3427 7.33839 7 12 7Z' fill='black'/%3E%3C/svg%3E");
}

.card-pf .form-group .pf-c-input-group .pf-c-form-control {
    width: 100%;
    padding-right: 56px;
    box-sizing: border-box;
}

.pf-c-input-group .pf-c-button {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
}

.pf-c-input-group .pf-c-button:after {
    content: unset;
}

.pf-c-button:focus-visible {
    border-radius: 2px;
    outline: 2px solid var(--mn-primary-blue-d1);
    outline-offset: 3px;
    text-decoration: none;
}

.card-pf .form-group.login-pf-settings {
    align-items: center;
}

.card-pf .form-group.login-pf-settings label {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mn-black-85);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.28px;
}

.card-pf .form-group.login-pf-settings label input {
    height: 24px;
    width: 24px;
    position: relative !important;
    margin-right: 16px;
    appearance: none;
}

.card-pf .form-group.login-pf-settings label input:focus {
    outline: unset;
}

.card-pf .form-group.login-pf-settings label input:focus-visible {
    border-radius: 2px;
    outline: 2px solid var(--mn-primary-blue-d1);
    outline-offset: 3px;
    text-decoration: none;
}

.form-group.login-pf-settings .unchecked input {
    border: 1px solid var(--mn-black-60);
    border-radius: 4px;
    cursor: pointer;
}

.form-group.login-pf-settings .checked input {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiByeD0iNCIgZmlsbD0iIzAwOEZENiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2LjI1NTYgOC4zNjg2OUMxNi42Mjk1IDguNzA5OTQgMTYuNjU2MSA5LjI4OTczIDE2LjMxNDggOS42NjM3TDExLjI5NjEgMTUuMTYzN0MxMS4xMzIxIDE1LjM0MzQgMTAuOTAzMyAxNS40NTA2IDEwLjY2MDIgMTUuNDYxNkMxMC40MTcyIDE1LjQ3MjUgMTAuMTc5NyAxNS4zODY0IDEwLjAwMDIgMTUuMjIyMUw3LjY4NTU2IDEzLjEwNDJDNy4zMTIwNiAxMi43NjI0IDcuMjg2MzMgMTIuMTgyNiA3LjYyODA5IDExLjgwOTFDNy45Njk4NCAxMS40MzU2IDguNTQ5NjcgMTEuNDA5OSA4LjkyMzE3IDExLjc1MTZMMTAuNTYwNiAxMy4yNDk5TDE0Ljk2MDYgOC40Mjc5NEMxNS4zMDE4IDguMDUzOTggMTUuODgxNiA4LjAyNzQ1IDE2LjI1NTYgOC4zNjg2OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}

.form-group.login-pf-settings .checked input:hover {
    cursor: pointer;
}

.card-pf .form-group.login-pf-settings #kc-form-buttons .pf-c-button {
    border-radius: 46px;
    border: 1px solid  #008FD6;
    background:  #008FD6;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    padding: 12px 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.32px;
    color: white;
}

.card-pf .form-group.login-pf-settings #kc-form-buttons .pf-c-button:hover {
    background-color: var(--mn-primary-blue-d1);
    border-color: var(--mn-primary-blue-d1);
    color: white;
    transform: scale(1.1);
}

.card-pf .form-group.login-pf-settings #kc-form-buttons .pf-c-button:focus-visible {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px var(--mn-primary-blue-d1);
    outline: 0;
    border-color: var(--mn-primary-blue-d1);
    background: #008FD6;
}

.checkbox, .radio {
    margin-top: 0;
    margin-bottom: 0;
}

input[type=checkbox], input[type=radio] {
    margin: 0;
    line-height: normal;
}

/* Container for the error message */
.error-message-login {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    background-color: #fff;
    color: #495057;
    font-family: Arial, sans-serif;
    border-radius: 8px;
    border: 1px solid #D91329;
    margin-bottom: 32px;
}

.error-content {
    padding-left: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

.error-content p {
    margin:0;
}


/* Paragraph style */
.error-content p {
    margin-top: 8px;
    font-weight: 400;
    color: var(--mn-black-60);
}

#input-error {
    color: #D91329;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: block;
    padding-top: 8px;
}

.pf-c-form-control[aria-invalid="true"] {
    border: 1px solid #D91329 !important; ;
    background-color: rgba(217, 19, 41, 0.05);
    color: #D91329;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM3NzJfMTAxNDk5KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS45OTk5MiAyLjUwMDA0QzUuODU3NzggMi41MDAwNCAyLjQ5OTkyIDUuODU3OSAyLjQ5OTkyIDEwQzIuNDk5OTIgMTQuMTQyMiA1Ljg1Nzc4IDE3LjUgOS45OTk5MiAxNy41QzE0LjE0MjEgMTcuNSAxNy40OTk5IDE0LjE0MjIgMTcuNDk5OSAxMEMxNy40OTk5IDUuODU3OSAxNC4xNDIxIDIuNTAwMDQgOS45OTk5MiAyLjUwMDA0Wk0wLjgzMzI1MiAxMEMwLjgzMzI1MiA0LjkzNzQzIDQuOTM3MzEgMC44MzMzNzQgOS45OTk5MiAwLjgzMzM3NEMxNS4wNjI1IDAuODMzMzc0IDE5LjE2NjYgNC45Mzc0MyAxOS4xNjY2IDEwQzE5LjE2NjYgMTUuMDYyNiAxNS4wNjI1IDE5LjE2NjcgOS45OTk5MiAxOS4xNjY3QzQuOTM3MzEgMTkuMTY2NyAwLjgzMzI1MiAxNS4wNjI2IDAuODMzMjUyIDEwWk0xMC4wMDgzIDEwLjgzMzNDOS41NDgxIDEwLjgzMzMgOS4xNzUwMSAxMC40NjAyIDkuMTc1MDEgMTBWNi42NjY2N0M5LjE3NTAxIDYuMjA2NDMgOS41NDgxIDUuODMzMzMgMTAuMDA4MyA1LjgzMzMzQzEwLjQ2ODYgNS44MzMzMyAxMC44NDE3IDYuMjA2NDMgMTAuODQxNyA2LjY2NjY3VjEwQzEwLjg0MTcgMTAuNDYwMiAxMC40Njg2IDEwLjgzMzMgMTAuMDA4MyAxMC44MzMzWk0xMC4wMDgzIDE0LjE2NjdDMTAuNDY4NiAxNC4xNjY3IDEwLjg0MTcgMTMuNzkzNiAxMC44NDE3IDEzLjMzMzNDMTAuODQxNyAxMi44NzMxIDEwLjQ2ODYgMTIuNSAxMC4wMDgzIDEyLjVIMTBDOS41Mzk3NyAxMi41IDkuMTY2NjcgMTIuODczMSA5LjE2NjY3IDEzLjMzMzNDOS4xNjY2NyAxMy43OTM2IDkuNTM5NzcgMTQuMTY2NyAxMCAxNC4xNjY3SDEwLjAwODNaIiBmaWxsPSIjRDkxMzI5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc3Ml8xMDE0OTkiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) !important;
    background-size: 20px 20px;
    background-position: calc(100% - 16px) center;
}

.pf-c-form-control[aria-invalid="true"]:focus {
    outline: unset !important;
}

input[aria-invalid="true"] + .pf-c-button {
    margin-right: 38px;
}

#kc-passwd-update-form .login-pf-settings {
    flex-direction: column;
    align-items: baseline;
    gap: 32px;
}


#kc-passwd-update-form .login-pf-settings .checkbox {
    display: flex;
    gap: 12px;
}

.tooltip {
    opacity: 1 !important;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 8px 16px -4px rgba(20, 33, 57, 0.08), 0px 0px 6px -2px rgba(20, 33, 57, 0.05);
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: unset !important;
    width: max-content;
}

.info-icon:hover {
    cursor: pointer;
}

.tooltip-header {
    font-family: "myriad-pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    letter-spacing: 0.36px;
    color: var(--mn-black-85);
}

.tooltip-content {
    color: var(--mn-black-60);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 150%;
}

#arrow {
    transform: rotate(45deg) !important;
    left: 49% !important;
    bottom: -4px;
    background-color: white !important;
}

.alert-error + #kc-passwd-update-form .pf-c-form-control {
    border: 1px solid #D91329 !important; ;
    background-color: rgba(217, 19, 41, 0.05);
    color: #D91329;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM3NzJfMTAxNDk5KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS45OTk5MiAyLjUwMDA0QzUuODU3NzggMi41MDAwNCAyLjQ5OTkyIDUuODU3OSAyLjQ5OTkyIDEwQzIuNDk5OTIgMTQuMTQyMiA1Ljg1Nzc4IDE3LjUgOS45OTk5MiAxNy41QzE0LjE0MjEgMTcuNSAxNy40OTk5IDE0LjE0MjIgMTcuNDk5OSAxMEMxNy40OTk5IDUuODU3OSAxNC4xNDIxIDIuNTAwMDQgOS45OTk5MiAyLjUwMDA0Wk0wLjgzMzI1MiAxMEMwLjgzMzI1MiA0LjkzNzQzIDQuOTM3MzEgMC44MzMzNzQgOS45OTk5MiAwLjgzMzM3NEMxNS4wNjI1IDAuODMzMzc0IDE5LjE2NjYgNC45Mzc0MyAxOS4xNjY2IDEwQzE5LjE2NjYgMTUuMDYyNiAxNS4wNjI1IDE5LjE2NjcgOS45OTk5MiAxOS4xNjY3QzQuOTM3MzEgMTkuMTY2NyAwLjgzMzI1MiAxNS4wNjI2IDAuODMzMjUyIDEwWk0xMC4wMDgzIDEwLjgzMzNDOS41NDgxIDEwLjgzMzMgOS4xNzUwMSAxMC40NjAyIDkuMTc1MDEgMTBWNi42NjY2N0M5LjE3NTAxIDYuMjA2NDMgOS41NDgxIDUuODMzMzMgMTAuMDA4MyA1LjgzMzMzQzEwLjQ2ODYgNS44MzMzMyAxMC44NDE3IDYuMjA2NDMgMTAuODQxNyA2LjY2NjY3VjEwQzEwLjg0MTcgMTAuNDYwMiAxMC40Njg2IDEwLjgzMzMgMTAuMDA4MyAxMC44MzMzWk0xMC4wMDgzIDE0LjE2NjdDMTAuNDY4NiAxNC4xNjY3IDEwLjg0MTcgMTMuNzkzNiAxMC44NDE3IDEzLjMzMzNDMTAuODQxNyAxMi44NzMxIDEwLjQ2ODYgMTIuNSAxMC4wMDgzIDEyLjVIMTBDOS41Mzk3NyAxMi41IDkuMTY2NjcgMTIuODczMSA5LjE2NjY3IDEzLjMzMzNDOS4xNjY2NyAxMy43OTM2IDkuNTM5NzcgMTQuMTY2NyAxMCAxNC4xNjY3SDEwLjAwODNaIiBmaWxsPSIjRDkxMzI5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc3Ml8xMDE0OTkiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) !important;
    background-size: 20px 20px;
    background-position: calc(100% - 16px) center;
}

.alert-error + #kc-passwd-update-form .pf-c-form-control:focus {
    outline: unset !important;
}

.alert-error + #kc-passwd-update-form .pf-c-button {
    margin-right: 38px;
}

/* Footer */
.kc-footer {
    font-family: Arial, sans-serif;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.kc-footer .kc-footer-cp-label {
    color: var(--mn-black-85);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.28px;
}

.kc-footer a {
    margin-right: 25px;
}

.kc-footer a:last-child {
    margin-right: 0;
}

/* General changes */
/* Elements */
a {
    color: var(--mn-primary-blue-d1);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.28px;
    text-decoration: none;
}

a:hover {
    color: #0B4D7C;
    text-decoration: underline;
}

a:focus {
    outline: unset;
    text-decoration: none;
}

a:focus-visible {
    border-radius: 2px;
    outline: 2px solid var(--mn-primary-blue-d1);
    outline-offset: 3px;
    text-decoration: none;
}

a:has(span.link-text):focus,
a:has(span.link-text):focus-visible {
    outline: unset;
    text-decoration: none;
}

a:has(span.link-text):focus-visible span {
    border-radius: 2px;
    outline: 2px solid var(--mn-primary-blue-d1);
    outline-offset: 3px;
}

.alert-warning {
    padding: 16px;
    background-color: #fff;
    color: #495057;
    font-family: Arial, sans-serif;
    margin-bottom: 32px;
    border-radius: 8px;
    border: 1px solid #FDAB5F;
}

.alert-error {
    padding: 16px;
    background-color: #fff;
    color: #495057;
    font-family: Arial, sans-serif;
    margin-bottom: 32px;
    border-radius: 8px;
    border: 1px solid #D91329;
}

.pf-c-alert__icon {
    margin-right: 12px;
}

.pf-c-alert__content {
    display: flex;
    flex-direction: column;
}

.alert-success {
    padding: 16px;
    background-color: #fff;
    color: #495057;
    font-family: Arial, sans-serif;
    margin-bottom: 32px;
    border-radius: 8px;
    border: 1px solid #82C452;
}

.pf-c-alert-header {
    color: var(--mn-black-85);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
    margin-bottom: 8px;
}

.pf-c-alert__title {
    color: var(--mn-black-60);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}

input[type="submit"] {
    transition: all 0.15s ease-in-out;
}

/* Hide default password show button for Microsoft Edge */
input[type="password"]::-ms-reveal {
    display: none;
}


/* Layout */
.login-pf-page {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
}

.select-auth-box-icon{
    display: flex;
    flex: 0 0 2em;
    justify-content: center;
    margin-right: 1rem;
    margin-left: 3rem;
}

.select-auth-box-parent{
    /*border-top: 1px solid var(--pf-global--palette--black-200);*/
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
    background: white;
    border-radius: 10px;
}

.select-auth-box-parent:hover{
    background-color: #f7f8f8;
}

.select-auth-container {
    padding-bottom: 0px !important;
    row-gap: 1rem;
}

.select-auth-box-headline {
    font-size: var(--pf-global--FontSize--md);
    color: var(--pf-global--primary-color--100);
    font-weight: bold;
}

.select-auth-box-desc {
    font-size: var(--pf-global--FontSize--sm);
}

.select-auth-box-paragraph {
    text-align: center;
    font-size: var(--pf-global--FontSize--md);
    margin-bottom: 5px;
}
.login-pf-page .kc-general-content-wrapper {
    max-width: 860px;
    width: 100%;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 992px) {
    .login-pf-page .kc-general-content-wrapper {
        padding: 0 24px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .login-pf body {
        background: #fff;
    }

    .login-pf-page {
        align-items: start;
        justify-content: start;
        padding: 0 !important;
    }

    #arrow {
        left: 95% !important;
    }


    .tooltip {
        transform: translate3d(0px, -32.6667px, 0px) !important;
        width: unset;
    }

    .login-pf-page .kc-general-content-wrapper {
        height: 100%;
    }

    .card-pf .login-pf-header h1,
    .card-pf .login-pf-header h2 {
        font-size: 28px;
        line-height: 135%;
    }

    .card-pf .login-pf-header {
        margin-bottom: 24px;
    }

    .card-pf .form-group .pf-c-form__label {
        line-height: 150%;
        letter-spacing: 0.28px;
        text-align: left !important;
    }

    .card-pf .form-group {
        margin-bottom: 24px;
    }

    .card-pf .form-group:first-child {
        margin-bottom: 32px;
    }

    .card-pf .form-group.login-pf-settings {
        flex-direction: column;
        align-items: baseline;
        gap: 16px;
    }

    .card-pf .form-group.login-pf-settings #kc-form-buttons .pf-c-button:hover {
        transform: unset;
    }

    #kc-form-buttons {
        width: 100%;
    }

    #kc-header {
        padding: 22px 16px;
        background-color: #fff;
        margin: 0 !important;
    }

    #kc-header .kc-logo .mn-logo-lg {
        display: none;
    }

    #kc-header .kc-logo .mn-logo-sm {
        display: block;
    }

    .card-pf {
        border: unset;
        border-radius: 0;
        margin: 0 !important;
        padding: 40px 16px !important;
        min-height: calc(100vh - 317px);
    }

    .kc-footer {
        height: 100%;
        background-color: var(--mn-cold-gray);
        padding: 40px 16px !important;
        display: block;
    }

    .kc-footer .kc-footer-cp-label {
        text-align: center;
        margin-bottom: 32px;
    }

    .kc-footer .kc-footer-cp-label span {
        display: block;
    }

    .kc-footer .kc-footer-links {
        display: flex;
        flex-direction: column;
    }

    .kc-footer a {
        margin-right: 0;
        margin-bottom: 16px;
        text-align: center;
    }

    .kc-footer a:last-child {
        margin-bottom: 0;
    }
}

/* Loading overlay styles */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-overlay-content {
    text-align: center;
    color: var(--mn-primary, #008FD6);
}

.loading-spinner-large {
    margin-bottom: 16px;
}

.loading-spinner-large svg {
    color: var(--mn-primary, #008FD6);
    animation: spin 1s linear infinite;
}

.loading-overlay p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--mn-primary, #008FD6);
}

/* Blur effect for page content when loading */
body.loading-active > *:not(.loading-overlay) {
    filter: blur(2px);
    pointer-events: none;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}