/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*Set font*/
@font-face{
	font-family:"FFMarkWebPro";
	font-style:normal;
	src:url(https://d1crf1jn3fqzqq.cloudfront.net/webfonts/FFMarkWebProRegular/font.woff2) format("woff2");
	}
	
@font-face{
	font-family:"FFMarkWebPro";
	font-style:bold;
	src:url(https://d1crf1jn3fqzqq.cloudfront.net/webfonts/FFMarkWebProBold/font.woff2) format("woff2");
	}
	
@font-face{
	font-family:"FFMarkWebPro";
	font-style:normal;
	src:url(https://d1crf1jn3fqzqq.cloudfront.net/webfonts/FFMarkWebProItalic/font.woff2) format("woff2");
	}
	
@font-face{
	font-family:"FFMarkWebPro";
	font-style:normal;
	src:url(https://d1crf1jn3fqzqq.cloudfront.net/webfonts/FFMarkWebProLight/font.woff2) format("woff2");
	}


@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

.fa-windows:before {
    content: "\f17a";
/*     margin-right: 10px; */
}

.fa-google:before {
    content: "\f1a0";
/*     margin-right: 10px; */
}


progress,sub,sup {
    vertical-align: baseline
}



body,h4 {
    margin: 0
}

*,::after,::before {
    box-sizing: border-box;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4
}

body {
    font-family: "FFMarkWebPro",malgun gothic,verdana,geneva,helvetica,arial,system-ui,sans-serif;
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

body,h4 {
    font-size: var(--text-md);

}

h4 {
    color: var(--text-normal);
}


button,select {
    text-transform: none
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: ButtonText dotted 1px
}

:-moz-ui-invalid {
    box-shadow: none
}

legend {
    padding: 0
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button;
    font: inherit
}

summary {
    display: list-item
}

:root {
    --bynd-horizon-blue-rgb: rgb(10,26,64);
    --bynd-mars-red-rgb: rgb(250,69,21);
    --bynd-aqua-rgb: rgb(37,202,210);
    --bynd-indigo-rgb: rgb(62,31,134);
    --bynd-sun-rgb: rgb(254,208,74);
    --bynd-rgb-gray-000: rgb(255,255,255);
    --bynd-rgb-gray-050: rgb(250,250,250);
    --bynd-rgb-gray-100: rgb(245,245,245);
    --bynd-rgb-gray-200: rgb(229,229,229);
    --bynd-rgb-gray-300: rgb(212,212,212);
    --bynd-rgb-gray-400: rgb(163,163,163);
    --bynd-rgb-gray-500: rgb(115,115,115);
    --bynd-rgb-gray-600: rgb(82,82,82);
    --bynd-rgb-gray-700: rgb(64,64,64);
    --bynd-rgb-gray-800: rgb(38,38,38);
    --bynd-rgb-gray-900: rgb(23,23,23);
    --bynd-rgb-gray-1000: 0,0,0;
    --bynd-gray-050: #fafafa;
    --bynd-gray-100: #f5f5f5;
    --bynd-gray-200: #e5e5e5;
    --bynd-gray-300: #d4d4d4;
    --bynd-gray-400: #a3a3a3;
    --bynd-gray-500: #737373;
    --bynd-gray-600: #525252;
    --bynd-gray-700: #404040;
    --bynd-gray-800: #262626;
    --bynd-gray-900: #171717;
    --bynd-white: #ffffff;
    --bynd-black: #000000;
    --bynd-dark-050: rgb(0 0 0 / 0.02);
    --bynd-dark-100: rgb(0 0 0 / 0.04);
    --bynd-dark-200: rgb(0 0 0 / 0.10);
    --bynd-dark-300: rgb(0 0 0 / 0.17);
    --bynd-dark-400: rgb(0 0 0 / 0.36);
    --bynd-dark-500: rgb(0 0 0 / 0.55);
    --bynd-dark-600: rgb(0 0 0 / 0.68);
    --bynd-dark-700: rgb(0 0 0 / 0.75);
    --bynd-dark-800: rgb(0 0 0 / 0.85);
    --bynd-dark-900: rgb(0 0 0 / 0.91);
    --bynd-light-050: rgb(255 255 255 / 0.98);
    --bynd-light-100: rgb(255 255 255 / 0.96);
    --bynd-light-200: rgb(255 255 255 / 0.90);
    --bynd-light-300: rgb(255 255 255 / 0.83);
    --bynd-light-400: rgb(255 255 255 / 0.8);
    --bynd-light-500: rgb(255 255 255 / 0.45);
    --bynd-light-600: rgb(255 255 255 / 0.32);
    --bynd-light-700: rgb(255 255 255 / 0.25);
    --bynd-light-800: rgb(255 255 255 / 0.15);
    --bynd-light-900: rgb(255 255 255 / 0.09);
    --shadow-01dp: 0 2px 1px -1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 1px 3px 0 rgba(0,0,0,0.12);
    --shadow-02dp: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
    --shadow-03dp: 0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12);
    --shadow-04dp: 0 2px 4px -1px rgba(0,0,0,0.2),0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12);
    --shadow-05dp: 0 3px 5px -1px rgba(0,0,0,0.2),0 5px 8px 0 rgba(0,0,0,0.14),0 1px 14px 0 rgba(0,0,0,0.12);
    --shadow-06dp: 0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);
    --shadow-07dp: 0 4px 5px -2px rgba(0,0,0,0.2),0 7px 10px 1px rgba(0,0,0,0.14),0 1px 16px 1px rgba(0,0,0,0.12);
    --shadow-08dp: 0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12);
    --shadow-09dp: 0 5px 6px -3px rgba(0,0,0,0.2),0 9px 12px 1px rgba(0,0,0,0.14),0 3px 16px 2px rgba(0,0,0,0.12);
    --shadow-10dp: 0 6px 6px -3px rgba(0,0,0,0.2),0 10px 14px 1px rgba(0,0,0,0.14),0 4px 18px 3px rgba(0,0,0,0.12);
    --shadow-11dp: 0 6px 7px -4px rgba(0,0,0,0.2),0 11px 15px 1px rgba(0,0,0,0.14),0 4px 20px 3px rgba(0,0,0,0.12);
    --shadow-12dp: 0 7px 8px -4px rgba(0,0,0,0.2),0 12px 17px 2px rgba(0,0,0,0.14),0 5px 22px 4px rgba(0,0,0,0.12);
    --shadow-13dp: 0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);
    --shadow-14dp: 0 7px 9px -4px rgba(0,0,0,0.2),0 14px 21px 2px rgba(0,0,0,0.14),0 5px 26px 4px rgba(0,0,0,0.12);
    --shadow-15dp: 0 8px 9px -5px rgba(0,0,0,0.2),0 15px 22px 2px rgba(0,0,0,0.14),0 6px 28px 5px rgba(0,0,0,0.12);
    --shadow-16dp: 0 8px 10px -5px rgba(0,0,0,0.2),0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12);
    --shadow-17dp: 0 9px 11px -5px rgba(0,0,0,0.2),0 17px 26px 2px rgba(0,0,0,0.14),0 6px 32px 5px rgba(0,0,0,0.12);
    --shadow-18dp: 0 8px 11px -5px rgba(0,0,0,0.2),0 18px 28px 2px rgba(0,0,0,0.14),0 7px 34px 6px rgba(0,0,0,0.12);
    --shadow-19dp: 0 9px 12px -6px rgba(0,0,0,0.2),0 19px 29px 2px rgba(0,0,0,0.14),0 7px 36px 6px rgba(0,0,0,0.12);
    --shadow-20dp: 0 10px 13px -6px rgba(0,0,0,0.2),0 20px 31px 3px rgba(0,0,0,0.14),0 8px 38px 7px rgba(0,0,0,0.12);
    --shadow-21dp: 0 10px 13px -6px rgba(0,0,0,0.2),0 21px 33px 3px rgba(0,0,0,0.14),0 8px 40px 7px rgba(0,0,0,0.12);
    --shadow-22dp: 0 10px 14px -6px rgba(0,0,0,0.2),0 22px 35px 3px rgba(0,0,0,0.14),0 8px 42px 7px rgba(0,0,0,0.12);
    --shadow-23dp: 0 11px 14px -7px rgba(0,0,0,0.2),0 23px 36px 3px rgba(0,0,0,0.14),0 9px 44px 8px rgba(0,0,0,0.12);
    --shadow-24dp: 0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12);
}

body {
    --bynd-rgb-primary: var(
    --bynd-horizon-blue-rgb);
    --bynd-rgb-secondary: var(
    --bynd-mars-red-rgb);
    --bynd-primary: rgb(var(
    --bynd-rgb-primary));
    --bynd-secondary: rgb(var(
    --bynd-rgb-secondary));
    --bynd-rgb-success: 34,197,94;
    --bynd-rgb-info: 59,130,246;
    --bynd-rgb-warning: 245,158,11;
    --bynd-rgb-danger: 239,68,68;
    --bynd-text-color-success: var(
    --text-light-strong);
    --bynd-text-color-info: var(
    --text-light-strong);
    --bynd-text-color-warning: var(
    --text-light-strong);
    --bynd-text-color-danger: var(
    --text-light-strong);
    --bynd-login-background: #0A1A40;
    --bynd-font-sans-serif:
    "FFMarkWebPro",malgun gothic,verdana,geneva,helvetica,arial,system-ui,sans-serif;
    --text-xl: 19px;
    --text-lg: 20px;
    --text-base: 16px;
    --text-md: 14px;
    --text-sm: 12px;
    --text-xs: 10px;
    --font-bold: 700;
    --font-semibold: 600;
    --font-medium: 500;
    --font-normal: 400;
    --text-strong: var(
    --bynd-black);
    --text-normal: #0A1A40;
    --text-subtle: rgba(var(
    --bynd-rgb-gray-1000), 0.60);
    --text-dim: rgba(var(
    --bynd-rgb-gray-1000), 0.38);
    --text-light-strong: var(
    --bynd-white);
    --text-light: rgba(var(
    --bynd-rgb-gray-000), 0.87);
    --text-light-subtle: rgba(var(
    --bynd-rgb-gray-000), 0.60);
    --text-light-dim: rgba(var(
    --bynd-rgb-gray-000), 0.38);
    --input-border: 1px solid var(--bynd-gray-300);
    --input-focused-border-color: var(--bynd-aqua-rgb);
    --input-text-color: var(
    --text-normal);
    --input-font-size: var(
    --text-sm);
    --input-font-weight: var(
    --font-normal);
    --input-border-radius: 5px;
    --input-height: 32px;
    --input-width: 100%;
    --input-background-light: var(
    --bynd-light-400);
    --input-background-dark: var(
    --bynd-dark-050);
    --input-background: var(
    --input-background-light);
    --input-mandatory-flag-color: rgb(var(
    --bynd-rgb-danger));
    --bynd-link-text-color: #FA4515;
    --bynd-link-text-decoration: none;
    --bynd-link-hover-text-color: #25CAD2;
    --bynd-link-hover-text-decoration: underline;
    --bynd-button-gap-internal: 0.25rem;
    --bynd-button-transition: all ease-in-out 150ms;
    --bynd-button-shadow: var(
    --shadow-02dp);
    --bynd-button-border-width: 2px;
    --bynd-button-border-color: #FA4515;
    --bynd-button-border-radius: 0;
    --bynd-button-min-width: 5rem;
    --bynd-button-height: 32px;
    --bynd-button-padding-horizontal: 1rem;
    --bynd-button-background: #FA4515;
    --bynd-button-font-size: var(
    --text-md);
    --bynd-button-font-weight: var(
    --font-semibold);
    --bynd-button-text-color: #ffffff;
    --bynd-button-text-decoration: none;
    --bynd-button-text-transform: capitalize;
    --bynd-button-hover-shadow: var(
    --shadow-04dp);
    --bynd-button-hover-border-width: var(
    --bynd-button-border-width);
    --bynd-button-hover-border-color: #25CAD2;
    --bynd-button-hover-border-radius: var(
    --bynd-button-border-radius);
    --bynd-button-hover-background: #25CAD2;
    --bynd-button-hover-font-size: var(
    --bynd-button-font-size);
    --bynd-button-hover-font-weight: var(
    --bynd-button-font-weight);
    --bynd-button-hover-text-color: var(
    --bynd-button-text-color);
    --bynd-button-hover-text-decoration: var(
    --bynd-button-text-decoration);
    --bynd-button-active-shadow: var(
    --shadow-02dp);
    --bynd-button-active-border-width: var(
    --bynd-button-border-width);
    --bynd-button-active-border-color: var(
    --bynd-button-border-color);
    --bynd-button-active-border-radius: var(
    --bynd-button-border-radius);
    --bynd-button-active-background: var(
    --bynd-button-background);
    --bynd-button-active-font-size: var(
    --bynd-button-font-size);
    --bynd-button-active-font-weight: var(
    --bynd-button-font-weight);
    --bynd-button-active-text-color: var(
    --bynd-button-text-color);
    --bynd-button-active-text-decoration: var(
    --bynd-button-text-decoration);
    --bynd-button-disabled-shadow: none;
    --bynd-button-disabled-opacity: 0.4;
    overflow: visible;
    cursor: default;
    font-family: var(--bynd-font-sans-serif);
    color: var(--text-normal);
    background: var(--bynd-login-background);
    background-size: cover
}



a {
    color: var(--bynd-link-text-color);
    text-decoration: var(--bynd-link-text-decoration);
}

a:active,a:hover {
    color: var(--bynd-link-hover-text-color);
    text-decoration: var(--bynd-link-hover-text-decoration);
}

a#social-microsoft:hover {
    color: white;
    text-decoration: none;
}

a#social-google:hover {
    color: white;
    text-decoration: none;
}

a.inverse {
    text-decoration: underline
}

a:focus {
    outline: dotted thin;
}



#kc-header {
  padding: 0;
}





input[type=password],input[type=text] {
    display: inline-block;
    padding: 0 .75rem;
    height: var(--input-height);
    width: var(--input-width); 
    max-width: 100%;
    border: var(--input-border);
    border-radius: var(--input-border-radius);
    color: var(--bynd-gray-600);
    font-size: var(--input-font-size);
    font-weight: var(--input-font-weight);
    margin-right: 3px;
    overflow: auto;
    text-overflow: ellipsis;
    background: var(--input-background);
}

input[type=password]:focus,input[type=text]:focus {
    outline: 0;
    border-color: var(--input-focused-border-color);
}

.r6btn,a {
    cursor: pointer;
    font-size: var(--text-md);
}

.r6btn,button.r6btn {
    min-width: var(--bynd-button-min-width)
}





.r6btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--bynd-button-gap-internal);
    transition: var(--bynd-button-transition);
    box-shadow: none;
    border: solid;
    border-width: var(--bynd-button-border-width);
    border-color: var(--bynd-button-border-color);
    border-radius: var(--bynd-button-border-radius);
    height: var(--bynd-button-height);
    min-height: var(--bynd-button-height);
    padding: 0 var(--bynd-button-padding-horizontal);
    background: var(--bynd-button-background);
    font-size: var(--bynd-button-font-size);
    font-weight: var(--bynd-button-font-weight);
    color: var(--bynd-button-text-color);
    text-decoration: var(--bynd-button-text-decoration);
    overflow: visible;
    outline: 0;
    text-align: center;
    text-transform: var(--bynd-button-text-transform);
    white-space: nowrap
}

.r6btn:hover {
    box-shadow: var(--bynd-button-active-shadow);
    border-width: var(--bynd-button-hover-border-width);
    border-color: var(--bynd-button-hover-border-color);
    border-radius: var(--bynd-button-hover-border-radius);
    background: var(--bynd-button-hover-background);
    font-size: var(--bynd-button-hover-font-size);
    font-weight: var(--bynd-button-hover-font-weight);
    color: var(--bynd-button-hover-text-color);
    text-decoration: var(--bynd-button-hover-text-decoration)
}

.r6btn:active {
    box-shadow: var(--bynd-button-active-shadow);
    border-width: var(--bynd-button-active-border-width);
    border-color: var(--bynd-button-active-border-color);
    border-radius: var(--bynd-button-active-border-radius);
    background: var(--bynd-button-active-background);
    font-size: var(--bynd-button-active-font-size);
    font-weight: var(--bynd-button-active-font-weight);
    color: var(--bynd-button-active-text-color);
    text-decoration: var(--bynd-button-active-text-decoration)
}

.r6btn.is-disabled,.r6btn.is-disabled:active,.r6btn.is-disabled:hover {
    cursor: default;
    opacity: var(--bynd-button-disabled-opacity);
    box-shadow: var(--bynd-button-disabled-shadow)
}

#kc-container,#kc-container-wrapper,#kc-content,body,html {
    height: 100%
}




.card-pf {
	background-color: var(--bynd-gray-100);
    box-shadow: var(--shadow-04dp);
    border: none;
	padding: 25px;
    display: flex;
    justify-content: center;
    flex-direction: column;   
    align-items: center;
    max-width: 350px;
    margin: 0 auto;
    border-radius: 5px;
}

.login-pf-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
}

.login-pf-page > .card-pf {
    width: min(100%, 350px);  /* use whatever max width you want */
}

/* Ensure content area and its direct children span full card width */
#kc-content,
#kc-content-wrapper {
    width: 100%;
    max-width: 100%;
}

#kc-content > * {
    width: 100%;
}

/* Common inner containers */
#kc-form,
#kc-form-wrapper,
#kc-registration-container,
#kc-registration,
#kc-registration-choice,
#kc-social-providers {
    width: 100%;
}

/* Social list should also expand */
.kc-social-links {
    width: 100%;
}

/* Login options: Remember me + Forgot password */
#kc-form-options label {
    font-size: var(--text-sm);
}

#kc-form-options a {
    font-size: var(--text-sm);
}


#kc-registration-choice {
	display: none
}

form,form>div {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    gap: 0rem;
    margin-top: 0.8rem;
}

.r6-page-logo {
    display: block
}



#kc-form-login label[for="username"] {
	visibility: hidden;
}


/* label[for="username"] { */
/*   display: none; */
/* } */

#kc-form-login label[for="password"] {
  display: none;
}
#kc-form-login label[for="password-confirm"] {
  display: none;
}

#kc-form-login label[for="firstName"] {
  display: none;
}
#kc-form-login label[for="lastName"] {
  display: none;
}
#kc-form-login label[for="email"] {
  display: none;
}




.r6-login-welcome {
    display: block;
    color: var(--text-normal);
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    text-align: center;
    margin-top: 1rem;
}

.r6login input {
    --input-background: var(
    --input-background-light);
    --input-border: none;
    --input-height: 2.5rem;
    --bynd-button-min-width: var(
    --input-width);
    --bynd-button-border-color: transparent;
    --bynd-button-background: var(
    --bynd-secondary);
    --bynd-button-text-color: var(
    --bynd-white);
    --bynd-button-hover-border-color: transparent;
    --bynd-button-hover-background: #25CAD2;
    --bynd-button-hover-text-color: var(
    --bynd-white);
    --bynd-button-active-border-color: transparent;
    --bynd-button-active-background: var(
    --bynd-secondary);
    --bynd-button-active-text-color: var(
    --bynd-white)
}

input::placeholder {
	font-weight: bold;
    opacity: 0.5;
/*     color: black; */
/*     color: var(--input-text-color) */
/* 	color: var(--text-dim) */
}


.r6-forgot-pwd {
    --bynd-link-text-color: var(
    --text-light);
    --bynd-link-hover-text-color: #25CAD2;
}


.alert {
    margin-top: 3rem
}

.alert-success .kc-feedback-text {
    background-color: #86c35f
}

.alert-warning .kc-feedback-text {
    background-color: #dbbd28
}

.kc-feedback-text {
    color: #ef4444;    
    display: block;
    font-size: smaller;
    padding-top: .2rem;    
}



/* Social */
.kc-social-links {
    margin-top: 20px;
}



.kc-social-links li {
    width: 100%;
}

.kc-social-provider-logo {
    font-size: 23px;
    width: 30px;
    height: 25px;
    float: left;
}


.kc-social-icon-text:hover {
    color: white;
}

.pf-c-button::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-c-button--after--BorderWidth) solid;
  border-color: var(--pf-c-button--after--BorderColor);
  border-radius: var(--pf-c-button--after--BorderRadius);
}


.pf-c-button.pf-m-block {
  display: block;
}


.pf-c-button.pf-m-control {
    border: solid var(--pf-global--BorderWidth--sm);
    border-color: rgba(230, 230, 230, 0.5);
}


.pf-c-login__main-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: var(--pf-c-login__main-footer-links--PaddingTop) var(--pf-c-login__main-footer-links--PaddingRight) var(--pf-c-login__main-footer-links--PaddingBottom) var(--pf-c-login__main-footer-links--PaddingLeft);
    gap: 1rem; /* Add gap between items */
}

.kc-social-gray {
    color: white;
}

.kc-social-item {
	margin-bottom: 8px;   
	padding: 5px;
    font-size: 15px;
    text-align: center;
    background: var(--bynd-mars-red-rgb);
}

.kc-social-item:hover {
    background-color: #25CAD2;
    text-decoration: none;
}

.kc-social-provider-name {
  position: relative;
  top: 3px;
}


#kc-registration {
  text-align: center;
}



.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: var(--text-subtle);
    margin: 2rem 0rem;
}
.hr-sect:before,
.hr-sect:after {
    content: "";
    flex-grow: 1;
    background: var(--text-subtle);	
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}

#kc-register-form label[for="firstName"] { display: none; }
#kc-register-form label[for="lastName"] { display: none; }
#kc-register-form label[for="email"] { display: none; }
#kc-register-form label[for="username"] { font-size: var(--text-sm); display: block; margin-bottom: 8px; color: var(--text-subtle)}
#kc-register-form label[for="password"], #kc-register-form label[for="password-confirm"] { display: none; }



/* Responsive: scale the auth card on smaller screens */
@media (max-width: 480px) {
  .card-pf {
    width: 92vw;
    max-width: none;
    padding: 16px;
    border-radius: 6px;
  }
  #kc-header { padding: 32px 12px 12px; }
}
@media (min-width: 481px) and (max-width: 768px) {
  .card-pf {
    max-width: 420px;
    padding: 22px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .card-pf {
    max-width: 480px;
    padding: 24px;
  }
}
.kc-instructions {
    margin-top: 0.75rem;
    color: var(--bynd-gray-500, #737373);
    font-size: 0.875rem;
}

.kc-reset-back {
    margin-top: 1.5rem;

}

.kc-reset-back a {
    color: inherit;
    text-decoration: none;
}

.kc-reset-back a:hover,
.kc-reset-back a:focus {
    text-decoration: underline;
}


.alert-warning.pf-m-warning,
.alert-error.pf-m-danger {
    margin-top: 0.75rem;
    color: var(--bynd-gray-500, #737373);
    font-size: 0.875rem;
}

.checkbox {
    margin-bottom: 0.75rem;
}