@import 'constants';


#WRAPPER > #HEADER{
	// Icone du site
	& > .icon{
		display: block;
		position: absolute;
			top: 0;
			left: 0;
			width: $menu-side-width;
			height: calc( #{$menu-side-width} - 1px );

		background-color: darken($theme-color, 10);
		background-image: url('/src/static/iconv3.svg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 50% 50%;

		cursor: pointer;

		transition: all .3s;

	}

	/* Animation de chargement qudnd chargement ajax */
	&.loading > .icon{
		background-image: url('/src/static/loaderv2.svg');
		background-size: 70% 70%;
	}


	// Icone de notification
	& > .logout-icon{
		display: block;
		position: absolute;
			top: 0;
			left: calc( 100% - #{$menu-side-width} );
			width: $menu-side-width;
			height: $menu-side-width;


		background: transparent url('/src/static/logout@e0e7ed.svg') center center no-repeat;
		background-size: 40%;

		cursor: pointer;

		&:hover{
			background-image: url('/src/static/logout@ffffff.svg');
		}
	}

}