html {
    font-size: 0.9em;
}

.well h4 {
    margin-top: 0;
}

.wellLabel {
    padding-bottom: 4px;
    font-size: 80%;
    color: gray;
    font-weight: bold;
}

.wellLabel .btn {
    vertical-align: text-bottom;
}

.paragraphLabel {
    font-size: 70%;
    opacity: 0.8;
    font-weight: bold;
}

.glyphicons-edit {
}

.well {
    /*padding: 8px;*/
}

.bioText {
    max-height: 70px;
    /*margin-bottom: 0;*/
}

.links {
    font-size: 80%;
}

.socialSites img {
    height: 20px;
}

.accessList {
    padding: 0;
    margin: 0;
}

.accessList li {
    list-style: none;
    padding: 2px 6px;
    margin: 0 0 3px 0;
    background-color: white;
    border-radius: 3px;
    font-size: 80%;
    /*border: 1px solid #E3E3E3;*/
    /*font-weight: bold;*/
}

.accessList li:last-of-type {
    margin: 0;
}

.noBottomMargin {
    margin-bottom: 0;
}

.glyphiconsIndicator {
    font-size: 42px;
}

#photo {
    position: relative;
    margin-top: -128px;
    padding-left: 20px;
}

#photo .wellLabel {
    width: 128px;
}

#photo .wellLabel a {
    color: #eee;
    text-shadow: 1px 1px 2px #000;
}

.profilePhoto {
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 6px black;
    height: 128px;
    width: 128px;
}

.imageWarning {
    border: solid 3px #eeac55;
}

.breakWord {
    overflow-wrap: break-word;
}

.mediumContainer {
    max-width: 800px;
}

.notificationTable {
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
}

.notificationTable .notificationText {
    font-size: 110%;
    font-weight: bold;
}

.notificationTable td {
    padding: 0 10px;
}

.smallLink a:link {
    opacity: 0.8;
    font-size: 80%;
}

.well hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top-color: #afafaf;
}

.edit4 {
    color: #afafaf;
    font-weight: normal;
    margin-left: 4px;
}
.edit4:hover,
.hist:hover {
    text-decoration: none;
}

.pageTitle {
    margin-top: 0;
}

#unsubscribes .edit4 {
    display: none;
}

#toolsGroup {
    margin-top: -55px;
    padding-right: 5px;
}

#toolsGroup > span {
    display: inline-block;
    margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
    #toolsGroup {
        margin-top: -98px;
    }
}

@media screen and (max-width: 380px) {
    #toolsGroup {
        margin-top: 20px;
    }
}

span.label span {
    vertical-align: middle;
}

/* ListBox and loading - should be separate eventually */
/* ListBox expansion */
.accessList li:nth-child(n + 5) {
    display: none;
}
.accessList.expanded li:nth-child(n + 5) {
    display: block;
}

/* Component loading indicator */
.loading {
    background-image: url("/assets/img/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100px !important;
}

#advancedTools.loading,
#disableUser.loading,
#alerts.loading {
    min-height: 0 !important;
}

#disableUser {
    margin-right: 0.5rem;
}

.label.labelLight {
    background-color: white;
    color: inherit;
    /*border: 1px solid #E3E3E3;*/
}

.certTable {
    width: 100%;
}

.history .authorName,
.history .dateCreated {
    color: #a0a0a0;
    font-size: 0.8em;
}

.history .row {
    border-bottom: 1px solid #eee;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

.history .row:last-child {
    border-bottom: none;
}

.dropContainer img {
    height: auto !important;
    max-width: 200px;
    width: auto !important;
}

#profileHeader {
    height: 18rem;
}

#profileHeader .background {
    background-position: center;
    background-size: cover;
    border-radius: 0.25rem;
    height: 18rem;
    margin-bottom: 2rem;
}

#profileHeader .edit4 {
    color: #eee;
    display: inline-block;
    padding: 0.5rem 1rem;
    text-shadow: 1px 1px 2px #000;
}

#reviewStats .rating {
    max-width: 15rem;
}

.modal-header {
    display: block;
}

.box {
    margin-bottom: 2rem;
}

#alerts {
    margin-top: 1rem;
}

.pointer label.list-group-item {
    cursor: pointer;
}

label.list-group-item {
    color: #343a40;
}

.settingIcon {
    height: 1rem;
    width: 1rem;
}

.dd-container,
.dd-container div,
.dd-container li {
    width: auto !important;
}

.dd-container ul {
    width: 100% !important;
}

a.dd-selected {
    padding: 0.25rem 2rem 0.25rem 1rem;
}

.dd-container li a {
    padding: 0.25rem 1rem;
}

.dd-container label {
    line-height: normal !important;
    cursor: pointer;
}

.dd-container img {
    height: 1.5rem;
    position: relative;
    top: 1px;
    width: 1.5rem;
}

.dd-selected label,
.dd-container label {
    margin-bottom: 0 !important;
}

.dd-desc {
    color: #606060 !important;
}