/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
:root {
    --White: #ffffff;
    --Neutrals-Black-10: #dcdcdd;
    --Neutrals-Black-40: #939396;
    --Neutrals-Black-80: #313237;
    --Blues-Blue-160: #12295b;
    --invendorBlue: #2c67e4;
}

@font-face {
    font-family: 'NotoSans';
    src: url('NotoSans-VariableFont_wdth,wght.ttf');
}

html {
    font-size: 16px;
}

body {
    font-family: 'NotoSans', 'sans-serif';
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100dvw;
    height: 100dvh;
    background: linear-gradient(180deg, var(--Blues-Blue-160, #12295b) 56%, var(--invendorBlue, #2c67e4) 100%);
}

.wrapper-container {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
}

.title {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem; /* 133.333% */
}

a {
    color: var(--invendorBlue, #2c67e4);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.75rem; /* 100% */
}

.subtitle {
    color: var(--Neutrals-Black-80, #313237);
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5rem; /* 141.176% */
}

.btn-primary {
    display: flex;
    width: 8rem;
    height: 2.5rem;
    padding: 0.875rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.625rem;
    background: var(--invendorBlue, #2c67e4);
    color: var(--White, #fff);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 142.857% */
}

.btn-primary:hover {
    background-color: #2c66e4c1;
    border-color: #2c66e4c1;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #555555;
    border-color: #555555;
}
.gap-1 {
    gap: 1rem;
}
.gap-1-5 {
    gap: 1.5rem;
}
.gap-2-5 {
    gap: 2.5rem;
}
.gap-2-75 {
    gap: 2.75rem;
}
.flex-dir-columns {
    flex-direction: column;
}
.login-card {
    display: flex;
    width: 440px;
    min-width: 400px;
    margin: auto;
    padding: 44px;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
    border-radius: 24px;
    background-color: white;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}
label {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 0.75rem;
    color: var(--Neutrals-Black-40, #939396);
    margin-bottom: 0;
}

.inv-form-control {
    display: flex;
    line-height: 2.5rem;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 0.5rem;
    border: 1px solid var(--Neutrals-Black-10, #dcdcdd);
    background: var(--White, #fff);
    padding: 0 1rem;
}
.form-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.25rem;
    align-self: stretch;
    margin-bottom: 0;
}
.header-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-self: stretch;
    align-content: flex-start;
}
.text-group {
    display: flex;
    flex-direction: column;
    align-self: stretch;
}
.error-msg {
    font-size: 0.75rem;
}