body{
    background-color: white;
    font-family: Poppins, Times, serif;
    color: black;
    font-size: 0.7rem;
    line-height: 1rem;
}

#lastName{
    margin-left: 5%;
}
.lastName{
    margin-left: 5%;
}

.niveau-robustesse-text {
    padding-left: 15px;
}

.niveau-robustesse {
    width: 90%;
    padding-left: 15px;
}


.atlas-form-container {
    .pf-c-input-group{
        background-color: var(--atlas-lightgrey-background);
    }
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    font-size: 15px;

    .atlas-button-container {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        justify-items: center;
        gap: var(--global-element-margin-right);
        padding-top: var(--global-padding-vertical);
        margin-bottom: var(--global-padding-horizontal);
    }

    .atlas-checkbox-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        gap: 15px;
        color: var(--dark-blue1);
        padding-left: 25%;

        input, label {
            width: unset;
            margin: 0 0 0 !important;
        }
    }
}

.atlas-form-mandatory-container {
    flex: 0 1 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    font-size: 16px;
    margin-bottom: 15px;
    color: #f44336;
}


.atlas-formgroup-container {
    display: flex;
    flex-direction: row;
    gap: var(--global-margin-horizontal-small);

    .atlas-form-category-title {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        background-color: var(--atlas-lightgrey-background);
        border-radius: 8px;
        align-content: center;
        justify-content: center;
        font-weight: bold;
    }

    .atlas-form-category {
        flex: 3;
        background-color: var(--atlas-lightgrey-background);
        border-radius: 8px;

        display: flex;
        flex-wrap: wrap;
        gap: var(--global-margin-horizontal-small);

        padding: var(--global-padding-vertical) var(--global-padding-horizontal);

        .atlas-form-row-30 {
            flex: 1 0 32%;
        }

    }

    .atlas-form-input-container {
        width: 98%;
    }

    .atlas-form-row-50 {
        width: 98%;
        display: flex;
        flex-wrap: wrap;

        .atlas-form-input-container {
            width: 48%;
        }
    }
}

input{
    width: 80%;
    max-width: 500px;
}

.atlas-main-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0;
    font-family: Poppins, Times, serif;
    width: 100%;
}

.atlas-header-container {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--global-margin-horizontal-small);
    justify-content: space-between;
    background-color: rgba(30, 34, 170);
    color: var(--white);
    padding: var(--global-padding-vertical) var(--global-padding-horizontal);

    a:hover {
        text-decoration: none;
    }

    .atlas-header-logo-container {
        flex: 2;
        display: flex;
        align-items: center;

        .atlas-header-logo {
            height: 60px;
            margin-right: var(--global-element-margin-right);
        }

        .atlas-header-logo-title {
            font-size: 1rem;
            font-weight: bold;
            margin: 0;
            color: var(--white);
        }
    }
}