.header {
    margin: 1rem 0;
}

.login_area {
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
}

#back_to_admin_index {
    position: absolute;
    top: 5px;
    left: 5px;
}

/* Buttons */

.management_type_buttons {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.management_type_button {
    height: 2.2em;
    width: 30%;
    border-radius: 3px;
    margin: 10px;
    font-size: 1.3em;
}

.create_pair_button {
    display: flex;
    justify-content: center;
    margin: 120px 0 120px 0;
}

@media screen and (max-width: 992px) {
    .create_pair_button {
        margin: auto;
    }
}

#createPair {
    border-radius: 30px; 
}

/* Search membres area */

.search_member_form_area {
    align-items: center;
    padding-bottom: 20px;
}

.search_member_form {
    margin-left: 10px;
}

/* Member infos */
.tile_icon {
    margin-right: 15px;
    color: #00a573;
}

.member_info {
    font-weight: bold;
}

.member_status_text_container {
    margin: 1rem;
}

/* Attached members table */
.table_area {
    margin-top: 20px;
}

#table_top_area {
    display: flex;
    justify-content: space-between;
}

/* -- Tiles */

.tiles_container {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 992px) {
    .tiles_container {
        flex-direction: column;
    }
}

.tile {
    flex: 1 0 20%;
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 30px;
    margin: 1rem 1rem;
    padding: 1rem;
    box-shadow: 2px 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
}

.tile_content {
    height: 100%;
    flex-direction: column;
    text-align: center;
    font-size: 1.6rem;
}

.spinner {
   height:40px;
}

/* Modale */
.attached-members .member div {width: 50px; display: inline-block; margin: 1rem 0;}
.attached-members .member div.name {width: 100%; position: relative;}
.attached-members .member div.select_after_unattached_state {
    position: absolute;
    right:5rem;
    top:0;
    bottom:0;
    margin: 0;
    display:flex;
    justify-content: center ;
    align-items: center;
}

.attached-members .member .after_unattached_state {
    cursor: pointer;
}