.header {
	display: flex;
    height: 56px;
    position: relative;
    background-color: #fff;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
	.page-brand {
	    width: 220px;
	    display: inline-flex;
	    align-items: center;
		padding: 0 15px;
		font-weight: 500;
		font-size: 20px;
		transition: all .2s ease-in-out;
		overflow: hidden;
		.brand {display: inline-flex;}
		.brand-mini {display:none}
	}
	.navbar-toolbar {
		align-items: center;
		& > li {
	        & > a {
	        	display: flex;
	        	align-items: center;
	            padding: 15px;
	            color: #6d7c85;
	        }
	        .notify-signal {
		        height: 6px;
			    width: 6px;
			    position: absolute;
			    top: -3px;
			    right: -3px;
			    background: #18C5A9;
			    border-radius: 50%;
			    &::before {
			        display: none;
		            content: '';
		            position: absolute;
				    top: -10px;
				    right: -10px;
				    height: 25px;
				    width: 25px;
				    z-index: 10;
				    border: 5px solid #18C5A9;
				    border-radius: 50%;
				    -webkit-animation: heartbit 1s ease-out;
			        animation-iteration-count: infinite;
			    }
	        }
	        &.active {
	            .notify-signal::before {display: block}
	        }
		}
		.dropdown-notification {
		    a.dropdown-toggle {
			    .notify-signal {
			        background: #f75a5f;
			        &::before {border-color: #f75a5f}
			    }
		    }
		}
	}
	.navbar-search {
		padding: 0 15px;
		.search-icon {
			position: absolute;
		    top: 0;
		    height: 100%;
		    width: 40px;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    color: #6d7c85;
		}
		.form-control {
			border: 0;
			padding: .65rem 1.25rem .65rem 40px;
		    border-radius: 200px!important;
		    background-color: #f4f5f9;
		    border-color: #f4f5f9;
		    font-size: 13px;
		}
	}
	.sidebar-toggler {
		font-size: 18px;
	}
	.dropdown-user {
	    padding-right: 10px;
	    a.dropdown-toggle {
	    	padding: 0 15px;
		    img {
		        width: 30px;
		        border-radius: 50%;
		        margin-right: 10px;
		    }
	    }
	    & > .dropdown-menu .dropdown-item {
	        color: #6d7c85;
	        i {
	            margin-right: 10px;
	        }
	    }
	}
	.dropdown-inbox, .dropdown-notification {
	    font-size: 15px;
	}
	.dropdown-inbox img {width:40px; height:40px}
}

.dropdown-menu-media {
	width: 280px;
    .dropdown-menu-header {
        padding: 12px 15px;
        font-size: 13px;
        border-bottom: 1px solid #ddd;
    }
}





.envelope-badge {
	position: absolute;
    right: 6px;
    top: 5px;
    height: 16px;
    min-width: 16px;
    line-height: 16px;
    border-radius: 10px;
    padding: 0;
}






@media screen and (max-width: 580px) {
	.header .search-toggler span, .dropdown-user > a > span { display:none }
	.dropdown-user > a > img { margin-left:0 !important }
}