.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: var(--Matterix);
    color: white!important;
}


/*** Register ***/
.register-container{
    font-family: monospace;
    margin: auto 2rem;
}


.register-col, .login-col{
    border-radius: 1rem;
    box-shadow: 1px 1px 5px 1px gray;
    padding: 1rem;
}

.group-inputs {
    display: inline-block;
    width: 100%;

}

@media (min-width: 576px) {
    .group-inputs {
        display: inline-block;
        width: 49%;

    }
}



.validation-line {
    display: block;
}


/*** Login ***/
.login-validation{
    margin-top: 0.5rem;
}

.login-container{
    margin: auto 2rem;
}

.logo-container{
    font-family: monospace;
}

/*** Upload Picture ***/
#upload-picture-btn{
    margin: 0.5rem 0;
    
}

#choose-picture-btn, #delete-picture-btn{

    margin: 0.5rem 0.3rem;
}

#file-name{
    width: 50%;
    /*word-wrap: break-word;*/
    overflow-wrap: break-word;
}

/*** File Modal ***/
#shared-modal-content{
    padding: 1rem;
}

#modal-content{
    padding: 1rem;
    overflow-x: auto;
    white-space: normal;
}
.modal-header{
    display: block;
    text-align: left;
}

.close:active, .close:focus{
    outline: none;
}

.modal-footer{
    text-align: center;
    display: block;
}

/* Disable wheels for zip code */
.zipCode::-webkit-inner-spin-button,
.zipCode::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/*** Privacy and Notifications ***/


.privacy-notifications-col{
    margin: 0 1.5rem;
}

.privacy-table tr td, .notification-table tr td{
    padding: 1rem;
    
}