header{
	position: absolute;
	top: 0;
	height: var(--header-height);
	display: flex;
	justify-content: space-between;
	align-items: center;
	left: var(--sidebar);
	width: calc( 100vw - var(--sidebar) );
	padding: 0 19px;
}

header > div{
	display: flex;
	flex-direction: row;
}

header *{
	font-size: 19px;
}

header button{
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 50%;
	height: 36px;
	width: 36px;
	background: var(--second-color);
	margin-left: 7px;
}

.welcome i, .h_warning i, .h_success i{
	color: var(--first-color);
}

header button:hover{
	background: var(--third-color);
	color: var(--first-color);
}

header button:hover i{
	color: var(--first-color);
}

.welcome, .h_warning ,.h_success{
	padding: 7px 10px;
	font-size: 13px;
	font-family: renault;
	border-radius: 20px;
	margin: auto 0;
	color: var(--first-color);
}

header div:first-child i{
	margin-right: 5px;
}

.welcome{
	background: rgba(0,0,0,0.7);
}

.h_warning{
	background: rgb(255,0,0,0.7);
}

.h_success{
	background: rgb(0,210,0,0.7);
}

header > div > p{
	height: 28px;
	border-radius: 20px;
	padding: 0 13px;
	background: var(--second-color);
	color: white;
	text-align: center;
	font-family: renault;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto 2px;
}