@font-face {
    font-family: 'Inter';
    src: url("/fonts/Inter-VariableFont_slnt,wght.ttf");
}

.newsletter {
    background-image: url('/images/newsletter.svg') !important;

}

.video {
    background-image: url('/images/video.svg') !important;

}

.release-notes-container {
    width: 436px;
    height: 171.38px;
    background-color: #ffffff;
    margin: 10px auto;
    font-style: normal;
    font-weight: 500;
    font-size: 13.1038px;
    line-height: 29px;
    letter-spacing: 0.595628px;
    color: #212121;
}

.release-notes-container-item {
    padding: 18px 0 0 26.21px;
}

.release-notes-container-item a {
    vertical-align: text-bottom;
    color: #285AE6;
}

.container {
    padding-top: calc(50vh - 320px);
}

.container.login-section {
    width: 485px;
    margin: 0 auto;
}

.container.login-section label {
    display: inline-block;
    margin-bottom: 8px;
}

.content-section {
    background-color: #e5e5e5;
}

.content-section-banner {
    width: 436px;
    display: block;
    margin: 0 auto;
}

.dsf-login-text {
    height: 40px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0.5px;
    color: #212121;
    padding-top: 27px;
}

.dsf-login-text-title{
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 32px;
}

body .login-inputtext-label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #212121;
}

body .login-inputtext {
    font-size: 14px;
    border: 1px solid #808B95;
    border-radius: 4px;
    height: 40px;
    margin-top: 8px;
}

.login-inputtext-container {
    margin-top: 22px;
}

body .login-inputtext.ui-state-focus {
    border: 1px solid #808B95;
}

.ui-fluid .ui-inputtext.login-inputtext {
    width: 100%;
}

body .login-rememberme-checkbox {
    width: 100%;
    margin: 27px 0 27px 0;
}

body .button-container {
    margin-top: 27px;
}

.ui-fluid .ui-button.signin-button {
    width: 200px;
    height: 48px;
    background: #285AE6;
    border-radius: 8px;
}

.ui-fluid .ui-button.signinwithsso-button {
    box-sizing: border-box;
    width: 200px;
    height: 48px;
    border: 1px solid #285AE6;
    border-radius: 8px;
    background-color: #ffffff;
    margin-left: 18px;
}

body .ui-button.signinwithsso-button .ui-button-text {
    color: #285AE6;
}

.forgot-your-password-text {
    width: 157px;
    height: 32px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0.25px;
    color: #285AE6;
    margin-top: 16px;
}

.copyrights-block {
    position: fixed;
    bottom: 0px;
    font-family: "MetricWeb-Regular", Tahoma;
    line-height: 29px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: transparent;
}

.copyrights-block a {
    color: inherit;
    text-decoration: underline;
}

.copyrights-ibm{
    width: 90%;
}

.copyrights-block .copyrights-inline {
    display: inline;
}