h1 {
    margin-bottom: 21px;
    line-height: 40px;
}

#api {
  position: relative;
}

.login-unified, .login-forcepwreset, .forgotpw-accountdiscovery, .forgotpw-accountdiscovery-confirmemail, .forgotpw-accountdiscovery-confirmpostalcode, .password-change, .login-tos{
  margin-bottom: 4rem;	
}

#api .intro {
  display: none;
}

#api .verificationInfoText {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

#api input {
  display: block;
  width: 100%;
  padding: 1rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out;
  outline: 0;
  height: 3rem;
}

#api input:active,
#api input:focus {
  border-color: #e20613;
}

#api .attrEntry {
  text-align: left;
}

#api label {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}

::placeholder {
  color: #adb5bd;
  opacity: 1;
}
/**/
/*#api #forgotPassword {*/
/*  position: absolute;*/
/*  bottom: -1.5rem;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/
/*  font-size: 1rem;*/
/*  line-height: 1.5rem;*/
/*  font-weight: 700;*/
/*  width: 100%;*/
/*  text-align: center;*/
/*}*/

#api .entry {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1rem + 2px);
}

#api .entry > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: calc(1rem - 2px);
}

#api .buttons {
  display: grid;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1.5rem;
}

#api .buttons button,
#tenantPrefixButton, #SCSigninExchange, #SCSigninExchangeShowSingleProvider, #restfulErrorButton, .password-to-initial-success #cancel, .password-change-success #cancel, .selfasserted-errors #cancel{
  display: inline-block;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  color: #fff;
  background-color: #e20613;
  border-color: #e20613;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 3rem;
}

#api button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

#api button:disabled {
  background-color: #ced4da;
  border-color: #ced4da;
  color: #ced4da;
  cursor: not-allowed;
  pointer-events: all;
}

#api .working {
  display: none;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  margin-right: auto;
  vertical-align: -0.125em;
  color: #e20613;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}

#api .error {
  color: #e20613;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

#api .error.itemLevel {
  display: none;
}

#api .error.itemLevel.show {
  display: block;
}

#api .error.itemLevel > p {
  margin-bottom: 0.5rem;
}

#impersonateNotFound {
    margin-bottom: 1rem !important;
    margin-top: 1rem;
}

#api .error.pageLevel:not([aria-hidden="true"]), #impersonateNotFound:not([aria-hidden="true"]) {
  border: 1px solid #ced4da;
  border-left-width: 12px;
  border-left-color: #e20613;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 2.5rem;
  display: flex !important;
  align-items: flex-start;
}

#api .error.pageLevel::before, #impersonateNotFound::before {
  display: block;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDAuNUM0Ljc1MjczIDAuNSAwLjUgNC43NTI3MyAwLjUgMTBDMC41IDE1LjI0NzMgNC43NTI3MyAxOS41IDEwIDE5LjVDMTUuMjQ3MyAxOS41IDE5LjUgMTUuMjQ3MyAxOS41IDEwQzE5LjUgNC43NTI3MyAxNS4yNDczIDAuNSAxMCAwLjVaTTEwIDE3LjcxODhDNS43NDM1NSAxNy43MTg4IDIuMjgxMjUgMTQuMjU2MSAyLjI4MTI1IDEwQzIuMjgxMjUgNS43NDM5MyA1Ljc0MzU1IDIuMjgxMjUgMTAgMi4yODEyNUMxNC4yNTY0IDIuMjgxMjUgMTcuNzE4OCA1Ljc0MzkzIDE3LjcxODggMTBDMTcuNzE4OCAxNC4yNTYxIDE0LjI1NjQgMTcuNzE4OCAxMCAxNy43MTg4Wk0xMCAxMS43ODEyQzEwLjQ5MTcgMTEuNzgxMiAxMC44OTA2IDExLjM4MjMgMTAuODkwNiAxMC44OTA2VjYuMTQwNjJDMTAuODkwNiA1LjY1MDc4IDEwLjQ5MzYgNS4yNSAxMCA1LjI1QzkuNTA2NDQgNS4yNSA5LjEwOTM4IDUuNjUwNzggOS4xMDkzOCA2LjE0MDYyVjEwLjg5MDZDOS4xMDkzOCAxMS4zODQyIDkuNTEwMTYgMTEuNzgxMiAxMCAxMS43ODEyWk0xMCAxMy4wMDk2QzkuMzU1NzggMTMuMDA5NiA4LjgzMzI4IDEzLjUzMjEgOC44MzMyOCAxNC4xNzYzQzguODM0NzcgMTQuODIwNSA5LjM1NDMgMTUuMzQzOCAxMCAxNS4zNDM4QzEwLjY0NTcgMTUuMzQzOCAxMS4xNjY3IDE0LjgyMTIgMTEuMTY2NyAxNC4xNzdDMTEuMTY1MiAxMy41MzI4IDEwLjY0NTcgMTMuMDA5NiAxMCAxMy4wMDk2WiIgZmlsbD0iI0UyMDYxMyIvPgo8L3N2Zz4K);
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-right: 1rem;
  flex: 0 0 20px;
}

#api .error.pageLevel > p, #impersonateNotFound > p {
  max-width: calc(100% - 2rem - 20px);
  flex: 0 0 auto;
  margin-bottom: 0;
  font-weight: 700;
}

#attributeList ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(1.25rem * -1);
  text-align: left;
}

#attributeList ul li {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 1.25rem;
}

#attributeList ul li:first-child {
  margin-top: 0rem;
}

#attributeList .helpLink {
  display: none;
  color: #e20613;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

#attributeList #email_intro {
  display: none !important;
}

#attributeList
  #customEmailVerificationControl_success_message:not([aria-hidden="true"]) {
  margin-bottom: 1rem;
  display: block !important;
}

#api {
  padding-bottom: 1rem;
}

#api > .buttons {
    display: none;
}

#api .buttons {
  gap: 1rem;
}

#api .buttons input {
  margin-top: -1rem;
  margin-bottom: 1rem;
}

#api:not(.password-to-initial-success, .password-change-success, .selfasserted-errors, .forgotpw-accountdiscovery, .forgotpw-accountdiscovery-confirmemail, .forgotpw-accountdiscovery-confirmpostalcode, .login-forcepwreset) .buttons button#cancel {
    padding: 0;
    background-color: transparent;
    color: #e20613;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    border: 0;
    border-radius: 0;
    position: absolute;
    bottom: -1.5rem;
    right: 0;
}

#api
  .buttons
  button#customEmailVerificationControl_but_send_new_code:not(
    [aria-hidden="true"]
  ) {
  position: absolute;
  bottom: 1rem;
  text-align: left;
  max-width: 50%;
  display: block !important;
  padding: 0;
  background-color: transparent;
  color: #e20613;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  border: 0;
  border-radius: 0;
}

#api .buttons button#customEmailVerificationControl_but_change_claims {
  display: none !important;
}

#simplemodal-overlay,
#simplemodal-container {
  display: none !important;
}

#displayActions {
  text-align: center;
  margin-top: -2rem;
  z-index: 100;
  position: relative;
}

#tenantPrefixButton, #SCSigninExchange, #SCSigninExchangeShowSingleProvider, #restfulErrorButton, .password-to-initial-success #cancel, .password-change-success #cancel, .selfasserted-errors #cancel {
  margin-bottom: 1rem;
  width: 100%
}

#api ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#api li {
  text-align: center;
}

#login_description {
  margin-bottom: 2rem;
}

#get-access{

}

#language-picker {
    float: right;
}

#displayMessage_label {
	display: none;
}

.login-unified .heading, .login-sc .heading , .forgotpw-accountdiscovery .heading, .forgotpw-accountdiscovery-confirmemail .heading, .forgotpw-accountdiscovery-confirmpostalcode .heading, .no-heading .heading, .no-displaymessage #displayMessage, .forgotpw-accountdiscovery-confirmpostalcode #displayMessage{
	display: none;
}

.login-sc div[role=form] {
	margin-top: -1rem;
}

.translateable-de:lang(de),
.translateable-en:lang(en),
.translateable-cs:lang(cs),
.translateable-da:lang(da),
.translateable-es:lang(es),
.translateable-fr:lang(fr),
.translateable-hu:lang(hu),
.translateable-it:lang(it),
.translateable-nl:lang(nl),
.translateable-nb:lang(nb),
.translateable-pl:lang(pl),
.translateable-ro:lang(ro),
.translateable-sv:lang(sv),
.translateable-sk:lang(sk){
    display: inherit !important;
}

.translateable {
    display: none;
}

.country-at,
.country-ch,
.country-cz,
.country-de,
.country-dk,
.country-es,
.country-fr,
.country-hu,
.country-it,
.country-nl,
.country-no,
.country-pl,
.country-ro,
.country-se,
.country-sk{
    height: 0;
    padding: 0;
    overflow: hidden;
}

#api.forgotpw-accountdiscovery .buttons {
    margin-top: 0 !important;
}

.forgotpw-accountdiscovery-confirmemail button#continue[aria-disabled="true"] {
    display: none !important;
}

.forgotpw-accountdiscovery-confirmemail button#emailVerificationControl_but_change_claims {
    display: none !important;
}

.forgotpw-accountdiscovery-confirmemail .buttons {
    margin-top: 1rem !important;
}

.forgotpw-accountdiscovery-confirmemail .verificationSuccessText{
	margin-bottom: 2.5rem;
}

#content-row{
	min-height: calc(100vh - 60px) !important;
	--bs-gutter-x: 0;
}

#footer-row{
	height: 60px; 
	--bs-gutter-x: 0;
}

#footer-row .col{
	font-size: 16px;
}

#footer-row a{
	color: #777;
	font-size: 16px;
    font-weight: 400;
}

#footer-row a:hover{
	color: #e20613;
}

#footer-row > .col > div{
	max-width: 542px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}

#get-access-mobile{
    margin-top: -3.3rem;
    margin-bottom: 2.8rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    gap: 5px;
    flex-wrap: nowrap;
}

li.Readonly.RedirectUri_li {
    display: none;
}

.togglePassword {
	font-size: 20px;
    color: #ADB5BD;
    float: right;
    margin-right: 12px;
    cursor: pointer;
    width: 30px;
    text-align: center;
}

input[type="password"], .toggleablePassword {
	margin-bottom: -34px;
	padding-right: 42px!important;
}

input[type="password"]:not(:placeholder-shown) {
    letter-spacing: 0.2em;
}

.pwToggleClearFloat{
	clear:both;
	margin-bottom: 30px;
}

#accepttosonuse{
	max-width: 452px;
}

@media (min-width: 576px) {
    #accepttosonuse {
        margin-bottom: 2.5rem !important;
    }
}

.btn-langselect {
    --bs-btn-color: #ADB5BD;
    --bs-btn-bg: #FFFFFF;
    --bs-btn-border-color: #CED4DA;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-btn-border-radius: 8px;
    min-width: 150px;
	padding-left: 15px;
    padding-right: 15px;
    height: 40px;
    text-align: left;
}

.btn-langselect > i:last-child {
    margin-left: 12px;
}

.btn-langselect > i:first-child {
    margin-right: 12px;
}

.lang-option{
	color: #ADB5BD;
    padding-top: 8px;
    padding-bottom: 8px;
}

.lang-option.selected-language {
	color: #212529;
}

.selected-language::after {
    content: "\f00c";
    font-weight: 400;
    float: right;
    color: #E20613;
    font-family: "Font Awesome 6 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    padding: var(--bs-dropdown-item-padding-y) 0;
    padding-left: 12px;
}

.btn.btn-langselect:hover {
    color: #ADB5BD;
    background-color: #FFFFFF;
    border-color: #CED4DA;
}

.btn.btn-langselect.show {
    border: 1px solid #E20613;
    box-shadow: 0px 0px 0px 4px #86B6FE, 0px 1px 2px 0px #1018280D;
    background-color: #FFFFFF;
    color: #ADB5BD;
}

.btn.btn-langselect.show:hover {
    border: 1px solid #E20613;
    box-shadow: 0px 0px 0px 4px #86B6FE, 0px 1px 2px 0px #1018280D;
    background-color: #FFFFFF;
    color: #ADB5BD;
}

.btn-langselect > i{
	padding: 0.25rem 0;
}

.dropdown-menu {
	--bs-dropdown-min-width: 150px !important;
    --bs-dropdown-padding-x: 5px !important;
    --bs-dropdown-padding-y: 6.5px !important;
    --bs-dropdown-border-color: #DEE2E6 !important;
    margin-top: 2px !important;
    box-shadow: 0px 4px 6px -2px #10182808, 0px 12px 16px -4px #10182814;
}

.dropdown-item {
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #212529 !important;
    background-color: #F8F9FA;
}

.dropdown-menu:hover .dropdown-item:not(:hover) {
	color: #ADB5BD;
}

.dropdown-menu > li {
	text-align: left;
}

.flag{
	padding: 0.2rem 0;
	margin-right: 12px;
}

.flag-de::before{
	content: url('../images/flags/de.svg');
}

.flag-en::before{
	content: url('../images/flags/en.svg');
}

.flag-cs::before{
	content: url('../images/flags/cs.svg');
}

.flag-da::before{
	content: url('../images/flags/da.svg');
}

.flag-es::before{
	content: url('../images/flags/es.svg');
}

.flag-fr::before{
	content: url('../images/flags/fr.svg');
}

.flag-hu::before{
	content: url('../images/flags/hu.svg');
}

.flag-it::before{
	content: url('../images/flags/it.svg');
}

.flag-nl::before{
	content: url('../images/flags/nl.svg');
}

.flag-nb::before{
	content: url('../images/flags/nb.svg');
}

.flag-pl::before{
	content: url('../images/flags/pl.svg');
}

.flag-ro::before{
	content: url('../images/flags/ro.svg');
}

.flag-sv::before{
	content: url('../images/flags/sv.svg');
}

.flag-sk::before{
	content: url('../images/flags/sk.svg');
}

.btn-langselect.disabled {
	color: #ADB5BD;
    pointer-events: none;
    background-color: #FFFFFF;
    border: none;
    text-align: right;
    padding-right: 0;
}

.btn-langselect.disabled > i:last-child{
	display: none;
}

.btn-langselect.disabled > i:first-child{
	margin-right: 0px !important;
	float: none !important;
}

.forgotpw-accountdiscovery > #attributeVerification > #attributeList {
    margin-bottom: 1rem;
}

.forgotpw-accountdiscovery  > #attributeVerification > .buttons > #cancel, .forgotpw-accountdiscovery-confirmpostalcode > #attributeVerification > .buttons > #cancel, .forgotpw-accountdiscovery-confirmemail > #attributeVerification > .buttons > #cancel, #api.forgotpw-accountdiscovery-confirmemail #emailVerificationControl .buttons #emailVerificationControl_but_send_new_code, #api.login-forcepwreset > #attributeVerification > .buttons > #cancel{
	padding: 0;
    background-color: transparent;
    color: #e20613;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    border: 0;
}

.forgotpw-accountdiscovery-description{
	margin-bottom: 2.5rem;
}

a.portal-link > img{
	margin-bottom: 41px !important;
}

#api.forgotpw-accountdiscovery-confirmemail #emailVerificationControl .buttons #emailVerificationControl_but_send_new_code {
	position: absolute;
    bottom: -2rem;
}

#api.forgotpw-accountdiscovery-confirmemail:has(li.VerificationCode[aria-hidden="false"]) > #attributeVerification > .buttons > #cancel {
	position: absolute;
    right: 0;
}

#api .PasswordRequirement {
	margin-top: 8px !important;
}

#api .PasswordRequirement > .PasswordRequirementGrid {
    display: grid;
    column-gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#api .PasswordRequirement > .PasswordRequirementGrid > .pwbar {
    height: 4px;
    background-color: #E9ECEF;
    border-radius: 8px;
}

.pwbar.pwgreen {
	background-color: #05944F !important;
}

.pwbar.pwyellow {
	background-color: #FFCB2F !important;
}

.pwbar.pwred {
	background-color: #E20613 !important;
}

.pwweakness.pwgreen, #newPassword_label.pwgreen {
	color: #05944F !important;
}

.pwweakness.pwyellow, #newPassword_label.pwyellow {
	color: #FFCB2F !important;
}

.pwweakness.pwred, #newPassword_label.pwred {
	color: #E20613 !important;
}

#api .PasswordRequirement > .PasswordRequirementsListWrapper > ul.PasswordRequirementsList > li{
    text-align: left;
    margin-top: 0.625rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

#api .PasswordRequirement > .PasswordRequirementsListWrapper > ul.PasswordRequirementsList > li > i{
    margin-right: 0.5rem;
}

#api .PasswordRequirement > .PasswordRequirementsListWrapper > ul.PasswordRequirementsList > li > i.fa-circle{
    color: #ADB5BD;
}

#api .PasswordRequirement > .PasswordRequirementsListWrapper > ul.PasswordRequirementsList > li > i.fa-circle-check{
    color: #05944F
}

#api .PasswordRequirement > .PasswordRequirementsListWrapper > ul.PasswordRequirementsList > li:is(#pwtext3, #pwtext4, #pwtext5, #pwtext6) i {
	margin-left: 2rem;
}

#api .PasswordRequirement > .PasswordRequirementsListWrapper > ul.PasswordRequirementsList > li:is(#pwtext7) {
	padding-left: 3.25rem;
	letter-spacing: 0.5rem;
}

.pwCharRequirementNotMatchedNotNeeded{
	color: #ADB5BD;
}

.pwweakness {
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-top: 0.5rem;
}

.newPassword_error, .reenterPassword_error {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #E20613;
}

.newPassword_error{
    margin-top: -0.625rem;
    margin-bottom: 1rem;	
}

.reenterPassword_error {
    margin-top: -0.75rem;
    margin-bottom: -0.375rem;
}

:is(a, button, input, textarea, summary) {
    --outline-size: max(2px, 0.08em);
    --outline-style: solid;
    --outline-color: rgb(12, 222, 245);
}

:is(a, button, input, textarea, summary):focus {
    outline:
      var(--outline-size)
      var(--outline-style)
      var(--outline-color);
    outline-offset: var(--outline-size);
}

.screenreader-labels{
	display:none;
}