/*------------------------------------*/
/*------------- HEADER ---------------*/
/*------------------------------------*/
header{
	box-shadow: 0 0 1px 0 #D2DEED;
	padding: 0 1.2rem;
    width: 100%;
    background: $white;
    position: relative;
    .logo{
	    margin-left: 0.3rem;
    	margin-top: 0.7rem;
    	font-size: 1.6rem;
    	&:hover{
    		text-decoration: none;
    	}
    }

	.menu-nav{
   		margin-left: 1.2rem;
    	margin-top: 0.95rem;
		a.menu-btn{
    		font-size: 0.75rem;
    	}
	}
	.user-info{
	    padding: 0.5rem 1rem;
	    margin-left: 0.8rem;
	    border: 1px solid $light_gray;
	    border-top: none;
	    border-bottom: none;
		h4{
		    vertical-align: text-bottom; 	
		}
		.user-avatar{
		    margin-left: 0.4rem;
		}
	}
	.notification{
    	font-size: 1.55rem;
		position: relative;
	    margin-top: -0.3rem;
	    background: transparent;
		&.new-notice:after{
			content: '';
	        width: 10px;
			height: 10px;
		    background: #FF9902;
		    position: absolute;
		    border-radius: 50%;
		    border: 2px solid #fff;
		    top: 3px;
		    right: -1px;
		    display: block;
		}
	}
}
@media (max-width: 767px){
	.header{
	    padding-bottom: 1rem;
	    .logo{
	    	margin-left: 0;
	    }
	}

}
/*------------------------------------*/
/*------------- /HEADER --------------*/
/*------------------------------------*/
/**/