/* css for account related templates */
@import url("app.7599af32b002.css");

:root{
    --samax-primary-color: #5BD0B3;
    --samax-secondary-color: #F9F8F5;
    --samax-tertiary-color: #1C1D20;
}

body {
    font-family: "IBM Plex Sans", sans-serif;
    color: var(--samax-tertiary-color);
}

.samax-bg-primary {
    background-color: var(--samax-primary-color);
}

.samax-bg-secondary {
    background-color: var(--samax-secondary-color);
}

.samax-bg-tertiary {
    background-color: var(--samax-tertiary-color);
}

.samax-text-primary {
    color: var(--samax-primary-color);
}

.samax-text-secondary {
    color: var(--samax-secondary-color);
}

.samax-text-tertiary {
    color: var(--samax-tertiary-color);
}

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

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

.samax-btn-tertiary {
    background-color: var(--samax-tertiary-color);
    color: var(--samax-secondary-color);
    border-color: var(--samax-tertiary-color);
}

.samax-btn-tertiary:hover {
    background-color: var(--samax-tertiary-color);
    color: var(--samax-secondary-color);
    border-color: var(--samax-tertiary-color);
}

.auth-bg-cover {
    background-image: url('/static/images/backgrounds/auth-bg.jpg');
    background-size: cover;
    background-position: center;
}
.auth-bg-cover>.bg-overlay {
    background-image: url();
}

.auth-logo{
    background-image: url('/static/images/logos/logo-black-simple.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}

.title {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    margin-bottom: 1%;
}

label {
    font-size: 12px;
    font-weight: 500;
}

#id_password_helptext {
    margin-top: 3%;
}

.sub-heading {
    font-size: 1rem;
    font-weight: 500;
}

#id_password_helptext > a {
    color:black;
    text-decoration: underline;
}

.samax-primary-hyperlink {
    color: var(--samax-primary-color);
    text-decoration: underline;
}

label[for="id_password2"] {
    display: none;
}

#id_password1_helptext ul {
    padding-left: 1rem;
}

.password-view-icon {
    color: #4D4D4D;
    padding: 8px;
    font-size: 1rem;
}