/*
 * Copyright 2023 Open Text
 */
@font-face {
    font-family: "OpenText Sans";
    font-style: normal;
    font-weight: 400;
    src: url("../../CMS/fonts/OpenTextSans_W_Rg.eot");
    src: url("../../CMS/fonts/OpenTextSans_W_Rg.woff2") format("woff2"), url("../../CMS/fonts/OpenTextSans_W_Rg.woff") format("woff");
}
@font-face {
    font-family: "OpenText Sans";
    font-style: normal;
    font-weight: 300;
    src: url("../../CMS/fonts/OpenTextSans_W_Lt.eot");
    src: url("../../CMS/fonts/OpenTextSans_W_Lt.woff2") format("woff2"), url("../../CMS/fonts/OpenTextSans_W_Lt.woff") format("woff");
}
@font-face {
    font-family: "OpenText Sans";
    font-style: normal;
    font-weight: 700;
    src: url("../../CMS/fonts/OpenTextSans_W_Bd.eot");
    src: url("../../CMS/fonts/OpenTextSans_W_Bd.woff2") format("woff2"), url("../../CMS/fonts/OpenTextSans_W_Bd.woff") format("woff");
}
.wrapper {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -80px; /* the bottom margin is the negative value of the footer section height */
}

@-moz-document url-prefix() {
    .wrapper-firefox {position: inherit;}
}

.flex-column {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.login-wrapper {
    padding-top: 166px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.login-wrapper table {
    border-collapse: separate;
    border-spacing: 12px;
}
.login-container {
    text-align: center;
    margin: 0 auto;
}
.branding {
    margin-bottom: 32px;
}
.ot-brand {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    height: 64px;
    background: transparent;
    color: #333333;
    line-height: 24px;
}
.ot-brand__logo {
    height: 24px;
}
.ot-brand__logo span {
    border-left: solid;
    font-size: 40px;
    vertical-align: middle;
    padding-left: 20px;
    margin-left: 20px;
    font-family: "OpenText Sans", sans-serif;
}

span.product_name{
    border-left: solid;
    color: #FFFFFF;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 40px;
    margin-top: -8px;
    vertical-align: top;
    padding-left: 16px;
    margin-left: 8px;

}

span.cloud_edition{
    color: #FFF;
    font-family: "Open Sans", sans-serif;;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    border-left: none;
    padding-left: 0px;
    margin-left: 16px;
    position: relative;
    top: 1px;
}

.ot-brand__logo img {
    vertical-align: middle;
    height: 48px;
    width: 234px;
}
.ot-brand--is-large .ot-brand__logo {
    height: 48px;
    -webkit-margin-before: 6px;
    margin-block-start: 6px;
}
.ot-brand--is-dark .ot-brand__logo:focus-visible {
    box-shadow: inset 0 0 0 1px white, inset 0 0 0 2px #2e3d98;
    outline: none;
}
.ot-brand--is-dark {
    color: white;
}
.login-form-wrapper {
    margin-bottom: 20px;
}
.login_fields {
    margin-top : 12px;
    text-align: center;
}
.login_mid_right {
    width: 100%;
}
.login_button_field {
    text-align: center;
}
.remember_cb {
    text-align: center;
}
.form-group {
    max-width: 395px;
    margin: 0 auto 20px;
}
.form-group input {
    font-size: 1.2em;
}
.form-control{
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px 3px 0 0;
    height: 32px;
    width: 320px;
    border-bottom: 1px solid #94BBEA;
    border-top: none; border-right: none; border-left: none;
    box-shadow: none;
    font-size: 14px;
    color: #fff;
    padding-left: .5em
}
.form-control:focus{
    outline: none;
    border-bottom: 2px solid #FFFFFF;
}
.form-control::placeholder
{
    font-size: 14px;
    color: #94BBEA;
    font-style:normal;
    font-family: "OpenText Sans", sans-serif;
}
.customer_field {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../../CMS/images/ot_login/caret_down16_li.svg");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    border-bottom: none;
    pointer-events: none;
    border-radius: 3px 3px 0 0;
    height: 32px;
    width: 320px;
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: none;
    font-size: 14px;
    padding-left: 0.5em;
    color: #FFFFFF;
    font-family: "OpenText Sans", sans-serif;
    letter-spacing: 0;
    line-height: 20px;
    outline: none;
}
.customer_field:focus {
    border-bottom: 2px solid #FFFFFF;
}
.customer_field option {
    width: 320px;
    padding: 5px 0;
    font-size: 14px;
    color: #000000;
    font-family: "OpenText Sans", sans-serif;
}
.login-field-label {
    text-align: start;
    width: 57px;
    color: #FFFFFF;
    font-family: "OpenText Sans", sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
}
.login_fields {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.login_fields label {
    height: 20px;
    width: 320px;
    color: #FFFFFF;
    font-family: "OpenText Sans", sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: start;
}
.login-field-child-elem {
    width: 320px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.submit-btn {
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 0.475rem 2.25rem;
    border-radius: 20px;
    font-size: 18px;
    color: #232e72;
    margin-top: 20px;
    opacity: 1;
    cursor: pointer;
    text-decoration: none;
    font-family: "OpenText Sans", sans-serif;
}
.submit-btn:hover{
    background: #232e72;
    border: 1px solid #ffffff;
    font-size: 18px;
    color: #ffffff;
}

.submit-btn-disabled{
    padding: 0.475rem 2.25rem;
    border-radius: 20px;
    margin-top: 20px;
    opacity: 1;
    text-decoration: none;
    font-family: "OpenText Sans", sans-serif;
    background: none;
    border: 1px solid #5864AD;
    font-size: 18px;
    color: #5864AD;
    cursor: default;
    pointer-events: none;
}
.copyright {
    width: 100%;
    padding-bottom: 32px;
    position: absolute;
    bottom: 0;
    font-size: 11px;
    color: #A0A4BC;
    line-height: 24px;
    text-align: center;
    opacity: 1;
    font-family: "OpenText Sans", sans-serif;
    margin-left: 0;
    left:0;
    right:-8px;
}
#licenseAboutToExpireBox {
    display: contents !important;
}
.license-block {
    width: 100%;
    text-align: center;
    margin-top: 32px;
}
.license-block span {
    color: #FFFFFF;
    font-family: "OpenText Sans", sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}
.non-compliant {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.non-compliant span {
    color: #FFFFFF;
    font-family: "OpenText Sans", sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}
.wording-filed{
    color: #FFFFFF;
    font-family: "OpenText Sans", sans-serif;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}
.login-container hr {
    width: 80%;
}
hr {
    opacity: 0.25;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    height: 0;
    box-sizing: content-box;
}
.login-error {
    background-image: url('../../CMS/images/ot_login/login_error.svg');
    background-repeat: no-repeat;
    background-position: 20px 30px;
    background-size: 18px 18px;
    font-size: 1.25em;
    display: table;
    max-width: 90%;
    min-height: 50px;
    margin: 0 auto;
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}
.login-error p{
    white-space: nowrap;
    width: max-content;
    padding-left: 32px;
    vertical-align: middle;
    display: table-cell;
    color: #FFFFFF;
    font-family: "OpenText Sans", sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-palette: normal;
    font-size: 14px;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
}
.error-message-h {
    font-weight: 500;
    margin-top: 30px;
}
#loader img {
    width: 32px;
    height: 32px;
}
.install-jre-wrapper {
    display: flex;
    justify-content: center;
}
.install-jre-wording{
    color: #FFFFFF;
    font-family: "OpenText Sans", sans-serif;
    letter-spacing: 0;
    height: 264px;
    width: 600px;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}
.install-jre-note-wording{
    color: #FFFFFF;
    font-family: "OpenText Sans", sans-serif;
    letter-spacing: 0;
    height: 264px;
    width: 600px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
.install-jre-link {
    color: #FFFFFF;
    text-decoration: none;
}
.install-jre-link:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.install-jre-link:active {
    color: #BAC9CE;
    text-decoration: none;
}

body {
    background: linear-gradient(47.69929105744521deg, rgba(9, 14, 44, 1) 20%, rgba(9, 14, 44, 1) 20%, rgba(18, 44, 105, 1) 71%, rgba(7, 141, 179, 1) 100%, rgba(7, 141, 179, 1) 100%) no-repeat top center fixed;
}
input {
    font-family: "OpenText Sans", sans-serif; }

div.bottomBox {
    background-position: left bottom;
    padding-bottom: 32px;
    padding-left: 32px;
    min-height:100%;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
}

div.landing_page_title {
    padding-right: 369px;
    padding-left: 32px;
    padding-bottom: 32px;
    color: #333;
    font-size: 46px;
    font-family: "OpenText Sans", sans-serif;
    font-weight: 300;
    line-height: 35px;
    font-style: normal;
}

.landing_page_brand__logo img {
    height: 48px;
    width: 234px;
}
.landing_page_brand__logo .product_name{
    border-left: solid;
    color: #333;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 40px;
    margin-top: -8px;
    vertical-align: top;
    padding-left: 16px;
    margin-left: 8px;
}