#ViewProfileContainer .nav-tabs .nav-item.show .nav-link,
#ViewProfileContainer .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid #326e9a;
}

#ViewProfileContainer .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

#profileTabsContent {
    padding-top: 20px;
}

.btn-group-sm > .btn, .btn-sm {
    padding: .07rem .5rem;
    font-size: 14px;
    line-height: 1.5;
    border-radius: .175rem;
}

.modal-lg {
    max-width: 800px;
}

.required {
    box-shadow: 3px 0px 0px #e68c8c inset;
}

label.alert {
    position: inherit;
    width: auto;
    padding: 5px 10px;
    border: 1px solid #e66161;
}

label.valid {
    display: none;
}

.alert.form-alert {
    position: absolute;
    padding: 5px 10px;
    top: 0;
    right: 0;
}

.invalid {
    background-color: #fff0c5;
}

.invalid:focus {
    background-color: #fff0c5 !important;
}

#UserProfileImg {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}