@import url(../font/lpge/index.css);

:root { --font-family-regular: "Source Sans Pro regular", "Noto Sans"; --font-family-semibold: "Source Sans Pro Semibold", "Noto Sans"; --font-family-bold: "Source Sans Pro Bold", "Noto Sans"; --primary: #002d54; --primary-20: #F7FCF9; --primary-dark: #002d54; --gray-light-100: #E2E2E1; --body-color: var( --primary-dark); --input-border-color: var(--gray-light-100); --gray: #999; --error: #dc3545; }

body { background-color: var(--primary-20); font-family: var(--font-family-regular); color: var(--body-color); -webkit-font-smoothing: antialiased; }

.login-container { margin-top: 40px; }

.card { border-radius: 4px; background: #fff; box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1); padding: 48px; border: none; }

.body-card { padding-top: 24px; }

.title-card { color: var(--primary-dark); font-size: 32px; font-family: var(--font-family-semibold); padding-bottom: 0px; margin-bottom: 16px; border-bottom: 1px solid var(--input-border-color); }

.heading-h2 { font-family: var(--font-family-semibold); font-size: 26px; }

.form-group label { font-family: var(--font-family-regular); }

.form-control { border-radius: 0px; border: 1px solid var(--input-border-color); padding: 24px 16px; }

    .form-control.error { border: 1px solid var(--error); }


    .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 0.2rem #002d5432; }

.btn { padding: 12px 36px; font-family: var(--font-family-semibold); font-size: 16px; border-radius: 0px; }

.btn-primary { background-color: var(--primary); border-color: var(--primary); }

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:not(:disabled):not(.disabled):active { background-color: var(--primary-dark); border-color: var(--primary-dark); }

    .btn-primary.focus,
    .btn-primary:focus { background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem #002d5432; }

.text-link { text-decoration: underline; color: var(--primary); cursor: pointer; }

.nav-tabs { border: none; }

.nav.nav-tabs .nav-link { border: none; }

.nav.nav-tabs a.nav-link { color: var(--gray); }

.nav.nav-tabs .nav-link.active { font-family: var(--font-family-semibold); border-bottom: 2px solid var(--primary); padding-bottom: 2px; font-size: 18px; color: var(--body-color); }

.alert { border-radius: 0px; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08); border: none; }

.language img.flag { width: 24px; }

@media screen and (max-width: 768px) {
    .login-container { margin-top: 16px; }

    .navbar { justify-content: center; }

    .navbar-brand img { max-height: 40px; }

    .card { padding: 24px 36px; }

    .title-card { font-size: 24px; padding-bottom: 22px; }

    .heading-h2 { font-size: 22px; }

    .nav.nav-tabs .nav-link.active { font-size: 16px; }
}