.sub-title {
    font-weight: 500 !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.unseen-count {
    background: #dd0000 !important;
    color: #FFFFFF;
    border-radius: 50px;
    font-size: 14px;
    padding: 9px 5px;
    width: auto;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 7px;
    font-weight: bold;
}

.dropdown .border-left {
    border: none !important;
}

.navbar-nav {
    display: flex!important;
}

.announcement-container {
    width: 100%;
    height: auto;
    background: #03af18 !important;
    display: flex;
    padding: 8px 0;
    gap: 10px;
    align-items: center;
}

.announcement-container .title {
    color: #FFFFFF;
    font-size: 18px;
}

.announcement-container .description {
    color: #f3f3f3;
    font-size: 16px;
}

@media only screen and (max-width: 402px){
    .user-name {
        display: none;
    }
}

@media only screen and (max-width: 575px){
    .guest-navbar {
        display: flex !important;
        flex-direction: initial !important;
        gap: 15px;
    }
}