/*
|----------------------------------------------------
| Fichier css pour les pages de création de compte
|----------------------------------------------------
*/

/*----------------------------------*
 | General settings (ui)           |
 *----------------------------------*/
.ui-input-row-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.ui-input-row-container select:nth-child(1) {
    width: 40%;
}

.ui-input-row-container select:nth-child(3) {
    width: 60%;
}

.ui-next-button {
    align-self: flex-end;
    margin-top: 40px;
}


/*----------------------------------*
 | Main container section           |
 *----------------------------------*/
.main-section-container {
    padding: 15px 30px;
}

#main-section-content-bottom {
    animation-name: translateYAnim;
    animation-duration: 400ms;
    animation-delay: 0;
    animation-timing-function: ease;
}

#main-section-content-bottom-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}

#main-section-content-top-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 65px 0 20px 0;
    border-top: 1px solid var(--light-grey);
    border-bottom: 1px solid var(--light-grey);
    padding: 10px 0;
}