.user-centre{
    display: block;
    margin: 1rem 0;
    padding: 0;
    transition: all .45s ease 0s;
}
.user-centre .nav-tabs{
    border-bottom: none;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
}
.user-centre .nav-tabs .nav-link{
    padding: .5rem 1rem;
    margin-right: .25rem;
    color: var(--color-dark);
    background-color: var(--color-lightgray);
    border: none;
    white-space: nowrap;
    transition: all .45s ease 0s;
}
.user-centre .nav-tabs .nav-link.active,
.user-centre .nav-tabs .nav-link:active,
.user-centre .nav-tabs .nav-link:focus,
.user-centre .nav-tabs .nav-link:hover{
    background-color: var(--color-white);
}
.user-centre-content{
    position: relative;
    display: block;
    padding: 1rem;
    background-color: var(--color-white);
    transition: all .35s ease 0s;
}
.user-centre-content #userAvatar{
    width: 70px;
    height: 70px;
    border: 2px solid var(--color-whitesmoke);
    margin-bottom: .5rem;
}
.user-centre-content #userUID{
    display: block;
    background-color: transparent;
    width: 100%;
    outline: none;
    border: none;
}
.user-centre table th, .user-centre table td{
    text-align: center;
}