li.active {
    background-color: #d4d5d6;
}

li.active a {
    color: #222 !important;
    font-size: 13px;
    text-transform: uppercase !important;
    font-weight: bold;

}

.img-circle {
    border-radius: 98%;
    width: 130px;
    height: 130px;
}

img#memberImagepreview {
    height: 300px !important;
    width: 300px !important;
}

#memberPicModal {
    position: relative;
    top: 10px;
    left: 200px;
}

#memberPicModal, #memberPicModal .modal-body {
    width: 350px !important;

}

#memberImage {
    display: block;
    margin: auto;
    border-radius: 50%;
    border: 7px solid #dedede;
    width: 145px;
    height: 145px;
}

.modal-footer {
    position: relative;
    top: -60px;
    height: 40px;

}

.headerColor {
    background-color: #31AEE4 !important;
    color: #fff !important;

}

.ndp-header {
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #1C94C4;
}

form#editForm {
    margin-top: 140px !important;
}

img#gallery-section-document {
    padding-bottom: 20px;
    padding-top: 20px;
    border-color: #fff;
    box-sizing: border-box;
    height: 180px;
    width: 100%;
}

.panel-default > .ok {
    background-color: #31aee4;
    color: #fff;
}