html,body {
font-family: 'Inter';
}

body {
color: var(--jato-typography-text-color-primary);
background: var(--jato-signin-background);
background-image: url('ot.svg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: max(90vh, 750px);
margin: 0;
position: relative;
z-index: -20;
}
@media screen and (max-width: 1000px) {
body {
background-size: max(85vh, 750px);
}
}
@media screen and (max-width: 527px) {
body {
background-image: none;
}
}

body[data-embedded] {
background-image: none;
}

label {
font-size: 12px;
}

::-ms-reveal {
  display: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  font-family: 'Inter';
}


textarea:focus, input:focus{
outline: none;
}

input {
background-color: inherit;
}

input::placeholder {
color: var(--jato-typography-forms-text-color-placeholder-text);
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
-webkit-background-clip: text;
-webkit-text-fill-color: var(--jato-typography-text-color-primary);
box-shadow: inset 0 0 20px 20px var(--jato-background-elevation-level-1);
font-family: 'Inter';
}
input:-webkit-autofill::first-line {
font-family: 'Inter';
color: var(--jato-typography-text-color-primary);
}

a {
text-decoration: none;
}
a:link {
color: var(--jato-cta-links-text-color-neutral);
}
a:hover {
color: var(--jato-cta-links-text-color-hover);
}
a:active {
color: var(--jato-cta-links-text-color-active);
}

.wrapper {
position:absolute;
top: 0px;
min-width: calc(100%);
z-index: -20;

}


.form {
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
gap: 56px;
isolation: isolate;

width: 384px;

flex: none;
order: 0;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .form {
  width: 304px;
 }
}

.dropdown {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
isolation: isolate;
color: grey;
height: 24px;

flex: none;
order: 0;
flex-grow: 0;
}

.dropdown select {
border:0 none;
background-color: var(--jato-signin-background);
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 12px;
padding-left: 4px;
color: var(--jato-typography-text-color-primary);
}

.footer {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 16px 0px;
gap: 10px;

position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
min-height: fit-content;

z-index: -1;
}

.footer-frame {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 32px;

height: 24px;

flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}

@media screen and (max-width: 1000px) {
 .footer-frame {
  flex-direction: column;
  gap: 12px;
  padding-bottom: 24px;
 }

}

.footer-text {
width: 532px;
height: 16px;

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;

flex: none;
order: 0;
flex-grow: 0;
}
@media screen and (max-width: 527px) {
.footer-text {
width: auto;
height: 32px;
text-wrap: wrap;
text-align: center;
}
}

.footer-links {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
gap: 12px;

height: 24px;

flex: none;
order: 1;
flex-grow: 0;
}

.footer-link {
height: 16px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 16px;

color: var(--jato-cta-links-text-color-neutral);

flex: none;
order: 0;
flex-grow: 0;
z-index: 0;
}

.footer-bar {
width: 1px;
height: 12px;

background: #CCCCCC;
border-radius: 1px;

flex: none;
order: 0;
flex-grow: 0;
}


.signin-modal {
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;

position: absolute;

left: calc(50% - 480px/2);
top: 48px;
border-radius: 16px;
}
@media screen and (max-width: 1000px) {
.signin-modal {
left: calc(50% - 400px/2);
}
}
@media screen and (max-width: 527px) {
.signin-modal {
top: 0;
}

}

.signin-modal:after {
position: absolute;
content: "";
bottom: -72px;
height: 72px;
width: 1px;
}
@media screen and (max-width: 1000px) {
.signin-modal:after {
bottom: -108px;
height: 108px;
}
}
@media screen and (max-width: 527px) {
.signin-modal:after {
bottom: -72px;
height: 72px;
}
}

.signin-container {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 48px;

/*background: rgba(255, 255, 255, 0.75);*/
background: var(--jato-signin-modal-background);
backdrop-filter: blur(32px);
border-radius: 16px;


flex: none;
order: 0;
align-self: stretch;
flex-grow: 1;
}

@media screen and (max-width: 527px) {
.signin-container {
background: var(--jato-signin-background);
border: none;
border-radius: 0;
}
}
.signin-container[data-embedded] {
background: var(--jato-signin-background);
border: none;
border-radius: 0;
}

.signin-frame {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}

.logo {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
margin-bottom: 16px;

flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}

.inputs-and-buttons {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 56px;

flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
}

.ot-lockup {
width: 188.25px;

flex: none;
order: 0;
flex-grow: 0;
}

.product {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 384px;

flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .product {
  width: 304px;
 }
}

.opentext-logo {
color: var(--jato-typography-text-color-product-name);
background-image: url('opentextlogo.svg');
background-repeat: no-repeat;
height: 47.25px;
}

.primary-name {
white-space: nowrap;
width: 384px;

text-wrap: wrap;

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 34px;

letter-spacing: -0.02em;

color: var(--jato-typography-text-color-product-name);

flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .primary-name {
  width: 304px;
 }
}

.secondary-name {
white-space: nowrap;
width: 384px;
height: 24px;

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
letter-spacing: -0.02em;

color: #000000;

opacity: 0.65;

flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .secondary-name {
  width: 304px;
 }
}

.version-name {
white-space: nowrap;
width: 384px;
height: 24px;

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;

letter-spacing: -0.02em;

color: var(--jato-typography-text-color-product-name);

opacity: 0.5;

flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .version-name {
  width: 304px;
 }
}

.inputs-frame {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 12px;

width: 384px;

flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .inputs-frame {
  width: 304px;
 }
}

.inputs-field-frame {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 16px;

width: 384px;

flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .inputs-field-frame {
  width: 304px;
 }
}


.text-links {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px;
gap: 16px;

width: 384px;
height: 32px;

flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .text-links {
  width: 304px;
  flex-direction: column;
 }
}

.centered-links {
justify-content: center;
}

.checkbox-div {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;

border-radius: 6px;

flex: none;
order: 0;
flex-grow: 0;
z-index: 0;
}

.texty-checkbox {
text-wrap: wrap;
width: 100%;
}

.checkbox {

}

.checkbox-text {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
align-items: center;
}

.links-div {
display: flex;
flex-direction: row-reverse;
padding: 0px;
isolation: isolate;
align-items: center;

height: 16px;

flex: none;
order: 1;
flex-grow: 0;

gap: 12px;
}

.link {
height: 16px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 16px;

color: var(--jato-cta-links-text-color-neutral);

flex: none;
order: 0;
flex-grow: 0;
z-index: 0;

}

.text-input {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 384px;
height: 40px;

flex: none;
order: 0;
flex-grow: 0;
z-index: 1;
}
@media screen and (max-width: 1000px) {
 .text-input {
  width: 304px;
 }
}

.text-input-with-label {
height: 56px;
}
.text-input-with-reqs {
height: 76px;
}
.text-input-with-reqs-big {
height: 96px;
}

.text-input-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

width: 384px;
height: 40px;


flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .text-input-wrapper {
  width: 304px;
 }
}

.base-input {
box-sizing: border-box;

display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 4px;

width: 384px;
height: 40px;

background: var(--jato-background-elevation-level-1);
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: var(--jato-input-border-container-neutral);
border-radius: 6px 6px 0px 0px;

flex: none;
order: 0;
align-self: stretch;
flex-grow: 1;
}
@media screen and (max-width: 1000px) {
 .base-input {
  width: 304px;
 }
}

.base-input[data-readonly] {
background: var(--jato-background-elevation-level-2-disabled);
border-color: var(--jato-input-border-container-disabled);
}

.base-input-error {
background: var(--jato-background-error-neutral);
border-color: var(--jato-input-border-container-error-neutral);
}

.base-input-input {
box-sizing: border-box;

display: flex;
flex-direction: row;
align-items: flex-start;
padding: 8px;
gap: 4px;

width: 384px;
height: 40px;

border-bottom: 1px solid #707275;
border-radius: 6px 6px 0px 0px;

flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .base-input-input {
  width: 304px;
 }
}

.base-input-input:focus-within {
border-bottom: 2px solid var(--jato-cta-links-text-color-neutral);
border-radius: 6px 6px 0px 0px;
}

.base-input-input[data-readonly]:focus-within {
border-bottom: 2px solid var(--jato-input-border-container-disabled);
}

.base-input-input-error {
border-bottom: 1px solid var(--jato-input-border-focus-error-neutral)
}

.base-input-input-text {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 3px 0px;

height: 24px;


flex: none;
order: 0;
flex-grow: 1;
}

.base-input-input-text-text {
border: none;
height: 18px;

font-family: 'Inter';
font-style: normal;
font-weight: 350;
font-size: 13px;
line-height: 18px;

color: var(--jato-typography-text-color-primary);
font-variation-settings: 'slnt' 0;

flex: none;
order: 0;
flex-grow: 1;

}

.base-input-input-icon {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 8px;

width: 24px;
height: 24px;

flex: none;
order: 1;
flex-grow: 0;
}

.buttons-frame {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: center;
padding: 0px;
gap: 12px;

width: 384px;
height: 48px;

flex: none;
align-self: stretch;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .buttons-frame {
  width: 304px;
 }
}

.providers-frame {
width: 384px;
}
@media screen and (max-width: 1000px) {
 .providers-frame {
  width: 304px;
 }
}

.button {
width: 384px;
height: 48px;
gap: 6px;
border-radius: 6px;
border: 2px;

font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;

align-items: center;

border: none;
background: linear-gradient(143.99deg, #1A6AFF 7.96%, #0836D6 100%);
color: var(--jato-cta-content-color-primary, #FFFFFF);

flex: none;
order: 0;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .button {
  width: 304px;
 }
}


.button:disabled {
color: var(--jato-color-navy-2570);
border: 2px solid var(--jato-color-navy-5140);
background: none;
}

.button:hover:enabled {
color: var(--jato-cta-content-color-primary);
background: linear-gradient(143.99deg, #004AF0 7.96%, #00087D 100%);
}

.button:active:enabled {
color: var(--jato-cta-content-color-primary);
background: #0029BF;

}

.sign-in-with {
text-align: center;
font-weight: 500;
font-size: 14px;
}

.authproviders {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px;
isolation: isolate;
color: grey;
height: 48px;
margin-top: 25px;

flex: none;
order: 0;
flex-grow: 0;
}

.authproviders select {
border-style: solid;
border-color: var(--jato-cta-links-text-color-neutral);
border-radius: 6px 6px 6px 6px;
height: 32px;
width: 275px;

background-color: inherit;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
padding-left: 4px;
color: var(--jato-cta-links-text-color-neutral);
}

.authproviders select:hover:enabled {
background: var(--jato-cta-background-secondary-hover);
color: var(--jato-cta-links-text-color-hover);
border-color: var(--jato-cta-links-text-color-hover);
}

.authproviders select:active:enabled{
background: var(--jato-cta-background-secondary-active);
color: var(--jato-cta-links-text-color-active);
border-color: var(--jato-cta-links-text-color-active);
}

.authproviders select option {
color: var(--jato-typography-text-color-primary);
background-color: var(--jato-background-elevation-level-1);
}

.generic-select {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
isolation: isolate;
height: 48px;

flex: none;
order: 0;
flex-grow: 0;
}

.generic-select-with-label {
height: 60px;
}

.generic-select select {
border-style: solid;
border-color: var(--jato-input-border-container-neutral);
border-bottom: 1px solid #707275;
border-radius: 6px 6px 0px 0px;
height: 40px;
width: 384px;

background-color: var(--jato-background-elevation-level-1);
font-family: 'Inter';
font-style: normal;
font-size: 13px;
padding-left: 4px;
color: var(--jato-typography-text-color-primary);
}
@media screen and (max-width: 1000px) {
.generic-select select {
width: 304px;
}
}

.generic-select select option {
color: var(--jato-color-charcoal-0125);
color: var(--jato-typography-text-color-secondary);
}

.tenant-info {
text-align: center;
width: 384px;
}
.tenant-info p {
line-height: 8px;
}
@media screen and (max-width: 1000px) {
 .tenant-info {
  width: 304px;
 }
}


.unmask {
  pointer-events: auto;
  font-size:0;
  border: 0;
}
.unmask-icon {
  background-image: url('@jato/svgs/icons/action/visibility.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  width: 32px;
  height: 32px;
  align-self: center;
}

.unmask-icon:focus, .unmask-icon:active {
  background-image: url('@jato/svgs/icons/action/visibility-off.svg');
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-self: center;
}


.instruction-text {
width: 384px;

font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 20px;

text-align: center;
letter-spacing: -0.02em;

margin-bottom: 18px;

color: var(--jato-typography-text-color-primary);

flex: none;
order: 0;
flex-grow: 1;
}
@media screen and (max-width: 1000px) {
 .instruction-text {
  width: 304px;
 }
}

.message-box {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 0px 12px 0px;
isolation: isolate;

width: 384px;

flex: none;
order: 0;
flex-grow: 0;
}
@media screen and (max-width: 1000px) {
 .message-box {
  width: 304px;
 }
}

.first-msg-box {
margin-top: 48px;
}

.message-box-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px;
gap: 24px;
isolation: isolate;

border-width: 1px 1px 2px 1px;
border-style: solid;
border-radius: 4px;
box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);

flex: none;
order: 1;
flex-grow: 1;
z-index: 1;
}

.info-box-container {
border-color: var(--jato-messages-inline-border-information);
background: var(--jato-messages-inline-background-information);
}

.warning-box-container {
border-color: var(--jato-messages-inline-border-warning);
background: var(--jato-messages-inline-background-warning);
}

.error-box-container {
border-color: var(--jato-messages-inline-border-error);
background: var(--jato-messages-inline-background-error);
}

.success-box-container {
border-color: var(--jato-messages-inline-border-success);
background: var(--jato-messages-inline-background-success);
}

.message-icon-and-text {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 3px 0px;
gap: 8px;

width: 370px;

font-size: 13px;
font-weight: 600;

flex: none;
order: 0;
flex-grow: 1;
z-index: 0;
}
@media screen and (max-width: 1000px) {
 .message-icon-and-text {
  width: 290px;
 }
}

.warn-icon {
background-image: url('warn.svg');
background-repeat: no-repeat;
width: 16px;
min-width: 16px;
height: 16px;
}
.error-icon {
background-image: url('error.svg');
background-repeat: no-repeat;
width: 16px;
min-width: 16px;
height: 16px;
}
.info-icon {
background-image: url('info.svg');
background-repeat: no-repeat;
width: 16px;
min-width: 16px;
height: 16px;
}
.success-icon {
background-image: url('success.svg');
background-repeat: no-repeat;
width: 16px;
min-width: 16px;
height: 16px;
}

.error-field {

}

.other-authprovider-btn {
width: auto;
height: 32px;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
background: none;
color: var(--jato-cta-links-text-color-neutral);
border: 1px solid;
font-size: 14px;
font-weight: 400;
border-color: var(--jato-cta-links-text-color-neutral);
}

.other-authprovider-btn img {
vertical-align: bottom;
margin-right: 5px;
}

.other-authprovider-btn:hover:enabled {
background: var(--jato-cta-background-secondary-hover);
color: var(--jato-cta-links-text-color-hover);
border-color: var(--jato-cta-links-text-color-hover);
}

.other-authprovider-btn:active:enabled{
background: var(--jato-cta-background-secondary-active);
color: var(--jato-cta-links-text-color-active);
border-color: var(--jato-cta-links-text-color-active);
}

.password-strenth {
}
.password-strength span {
  font-size: 70%;
  opacity: 0.5;
  padding-right: 10px;
  margin-right: 5px;
  background-image: url("Symbol-Waiting.svg");
  background-repeat: no-repeat;
  background-position: center right;
  width: 3px; }
.password-strength span.valid {
  opacity: 1;
  background-image: url("Symbol-Check.svg");
  background-repeat: no-repeat;
  background-position: center right;
}

.ellipsis {
  font-size: 300%;
  line-height: normal;
  display: inline-block;
}

.ellipsis:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(90,end) 900ms infinite;
  animation: ellipsis steps(90,end) 900ms infinite;
  content: "\2026";
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1em;
  }
}

.skey {
 margin-top: 40px;
 display: flex;
 flex-direction: column;
 align-items: center;
 width: 384px;
}
@media screen and (max-width: 1000px) {
 .skey {
  width: 304px;
 }
}
.skeydiv {
 font-weight: 400;
 font-size: 22px;
 text-align: center;
}

.logoutiframe {
 visibility:hidden;
 width:0;
 height:0;
 border:0;
}

.hidden {
 display: none;
}

.form-control {
width: 100%;
overflow-wrap: anywhere;
}
@media screen and (max-width: 1000px) {
 .form-control {
  width: 304px;
 }
}

@media (prefers-color-scheme: dark) {
.globe {
 filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(103%);
}
.opentext-logo {
 background-image: url('opentextlogo-dark.svg');
}
}
[data-theme="light"] {
.globe {
 filter: invert(16%) sepia(5%) saturate(238%) hue-rotate(169deg) brightness(94%) contrast(88%);
}
.opentext-logo {
 background-image: url('opentextlogo.svg');
}
}
[data-theme="dark"] {
.globe {
 filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(103%);
}
.opentext-logo {
 background-image: url('opentextlogo-dark.svg');
}
}
.disclaimer {
margin-top: 40px;
font-size: 12px;
}

.orbar {
display:flex;
flex-direction: row;
}

.orbar hr {
 width: 100%;
 border-top: 1px solid var(--jato-input-border-container-neutral);
 border-left: 0;
 border-right: 0;
 border-bottom: 0;
 align-items: center;
}
.orbar span {
 margin-left: 6px;
 margin-right: 6px;
}
