input::placeholder {
    color: lightgray !important;
    position: relative;
    top: 10px;
}

.navbar {
    max-height: 150px;
}



@media only screen and (max-width: 768px) {

    .navbar {
        max-height: 500px;
    }
}

.position-relative.d-inline-block {
    position: relative;
    display: inline-block;
}

#message-count-badge {
    font-size: 0.75em;
    position: absolute;
    top: -0.25em;
    right: -0.5em;
    transform: translate(50%, -50%);
}

.unread-shadow {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    font-weight: bold;
}