.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
	font-size:16px;
}

.custom-sel-header {
    width: unset;
    margin-top: 16px;
	margin-left: 10px;
	margin-right: 10px;
	height: 30px;
	padding: 3px 30px 5px 5px;
}

.custom-select
{
	cursor: pointer;
}

.sidebar-nav #sidebarnav>li:hover>ul, .sidebar-nav #sidebarnav>li:hover>ul.collapse {
	left:0px;
	border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.sidebar-nav>ul>li:hover>a, .sidebar-nav>ul>li:hover>a i {
    color: #F89621;
}

.mailbox .div-message-center {
    max-height: 250px;
    overflow: auto;
    position: relative
}

.mailbox .div-message-center a {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.mailbox .div-message-center a:hover {
    background: #f2f4f8
}

.mailbox .div-message-center a div {
    white-space: normal
}

.mailbox .div-message-center a .user-img {
    width: 40px;
    position: relative;
    display: inline-block;
    margin: 0 10px 15px 0
}

.mailbox .div-message-center a .user-img img {
    width: 100%
}

.mailbox .div-message-center a .user-img .profile-status {
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    left: 30px;
    position: absolute;
    top: 1px;
    width: 10px
}

.mailbox .div-message-center a .user-img .online {
    background: #26c6da
}

.mailbox .div-message-center a .user-img .busy {
    background: #fc4b6c
}

.mailbox .div-message-center a .user-img .away {
    background: #ffb22b
}

.mailbox .div-message-center a .user-img .offline {
    background: #ffb22b
}

.mailbox .div-message-center a .mail-contnet {
    display: inline-block;
    width: 74%;
    vertical-align: middle
}

.mailbox .div-message-center a .mail-contnet h5 {
    margin: 5px 0px 0
}

.mailbox .div-message-center a .mail-contnet .mail-desc,
.mailbox .div-message-center a .mail-contnet .time {
    font-size: 12px;
    display: block;
    margin: 1px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #99abb4;
    white-space: nowrap
}

/* Responsive - Starts */

/* media query for screen width 375 */
@media only screen and (max-width:410px) and (min-width:375px)
{
    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
		font-size: 14px;
    }
    .custom-sel-header {
        margin-right: 5px;
    }
}

/* media query for screen width 360 */
@media only screen and (max-width:374px) and (min-width:360px)
{
    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
		font-size: 14px;
    }
    .custom-sel-header {		
		margin-left: 5px;
        margin-right: 5px;
    }
}

/* media query for screen width 320 */
@media only screen and (max-width:359px) and (min-width:320px)
{
    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
		font-size: 14px;
    }
    
    .custom-sel-header {		
		margin-left: 2px;
		margin-right: 2px;		
		padding: 3px 20px 5px 5px;
    }
    .topbar .top-navbar {
        padding-right: 5px;
    }
}

/* Responsive - Ends */