/* Minification failed. Returning unminified contents.
(15,22): run-time error CSS1039: Token not allowed after unary operator: '-Background-Color-row-green'
 */
/************************************/
/***      LOGIN SETTINGS           ***/
/************************************/

body {
    min-width: auto;
}

.green-background {
    display: flex;
    padding: 15px 20px;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    background: var(--Background-Color-row-green, #E4FFE6);
}

.login-page-card-center {
    margin: 70px auto;
    width: 450px;
}

.sfe-button .full-width,
.sfe-link {
    min-width: 100%;
}

.sfe-spread-content {
    align-items: center;
}

.page-content .sfe-form .field .sfe-button.big {
    height: auto;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}

.margin-bottom-16 {
    margin-bottom: 16px;
}

.validation-summary-valid ul {
    display: none;
}

.login-news-title {
    max-width: 380px;
    flex: auto;
}

@media (max-width:430px) {
    /* login section and news section  */
    #login-page-center {
        margin: 20px 10px;
        width: auto;
    }
    /* login section  */
    .sfe-page {
        margin-bottom: 20px;
    }
        /* login section header */
        .sfe-page .page-header {
            padding: 8px 15px;
        }
        /* login section content */
        .sfe-page .page-content {
            padding: 15px;
        }
    /* news section each contents */
    .sfe-spread-content {
        align-items: baseline;
        column-gap: 3px;
    }
    /* news section news title*/
    .sfe-autocut {
        white-space: normal;
    }

    /* news section news title*/
    .login-news-title {
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5; /* Show contents up to 5 lines and add ellipses if it's longer */
    }

    #app-notifications {
        margin: 0 10px;
        width: auto;
        top: 6%;
        right: auto;
    }

    /* Staging flag */
    body.staging:before {
        left: 0;
    }
}
