/*

Theme: 2013.06
Version: 1.0
Author: Hyper, atelier multidisciplinaire de création et de design.
Author URI: http://www.h-y-p-e-r.com

Copyright Hyper, All rights reserved
This file cannot be used, copied, reproduced, altered or transmitted
by any means without proper written authorization from Hyper.

*/

@import url("../../../../public/stylesheets/reset.css");
@import url("../../../../public/stylesheets/grid.css");
/*@import url("../../../../public/stylesheets/structure.css");*/
@import url("../../../../public/stylesheets/base.css");


/* basic css */
html {}
body { /*position: relative;*/ background-color: #3c3c3c; color: black; /*top: 0; bottom :0;*/ }

a { color: #666; }
a:link, a:visited { color: #666; }
hr { background-color: #FFF; }


a.button.special {
	display: inline-block;
	line-height: 30px;
	font-size: 15px;

	background-color: #fcfcfc;
	color: #666;

	border: 0;
	border-left: 1px solid #d7dadc;
	border-top: 1px solid #d7dadc;

	margin: 0;
	padding: 14px 9px;

	font: inherit;
	/*width: calc(100% - 19px);*/

	-webkit-appearance: none;
	cursor: pointer;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

label {
	color: #3c3c3d;
}

input[type=text], input[type=password] { }
input[type=button], input[type=submit], input[type=reset] {
	line-height: 30px;
	font-size: 15px;
}
	input[type=submit].highlight { background-color: #3498db; }
	input[type=submit].highlight:hover { background-color: #5dade2; }



#container { position: relative; }

/* header */
header {
	position: relative;

	background-color: #fff;

	height: 55px;

	margin: 0px;
	padding: 0px;
	border: 0px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
	header #app-name {
		position: absolute;
		top: 0px;
		left: 18px;
		line-height: 55px;
		font-size: 18px;
		color: rgba(255, 255, 255, 0.4);
		font-weight: bold;
		text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
	}
		header #app-name span { }

	header #app-users {
		position: absolute;
		top: 0;
		right: 55px;

		/*width: 245px;*/
		height: 55px;

		/*background: #80c3ef;*/
		/* background: rgba(255, 255, 255, 0.2); */

		/* cursor: pointer; */
	}

		header #app-users-waiting {
			position: relative;
			float: left;
			/*width: 245px;*/
			height: 55px;

			cursor: pointer;

			border-left: 1px solid rgba(0, 0, 0, 0.4);
			border-right: 1px solid rgba(0, 0, 0, 0.4);
		}
			header #app-users-waiting .app-users {
				position: relative;
				float: left;
				width: 55px;
				height: 55px;
				background-color: #FFF;
				background-repeat: no-repeat;
				background-position: center center;

				cursor: pointer;

				opacity: 0.6;
			}
				header #app-users-waiting .app-users:hover {
					opacity: 1;
				}

		header #app-users-current {
			position: relative;
			float: left;
			/*width: 245px;*/
			height: 55px;

			/*background: #80c3ef;*/
			background: rgba(255, 255, 255, 0.2);

			cursor: pointer;
		}

			header #app-users #app-users-current .image { background-color: #FFF; width: 55px; height: 55px; display: inline-block; }
			header #app-users #app-users-current .name {
				/*width: 190px; */
				height: 55px;

				margin: 0;
				padding: 0px 18px 0px 18px;
				line-height: 55px;

				display: inline-block;
				vertical-align: top;

				white-space: nowrap;
				/*text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);*/
			}
			header #app-users #app-users-current .menu {
				position: absolute;
				top: 56px;
				/* left: 0; */
				right: 0;

				min-width: 213px;

				border: 0;
				border-bottom: 1px solid #ccc;
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;

				background: #f8f8f8;
				color: #666;

				display: none;
				z-index: 999999;

				/*-webkit-box-shadow: inset 0 20px 30px -20px rgba(0, 0, 0, 0.8);
				-moz-box-shadow: inset 0 20px 30px -20px rgba(0, 0, 0, 0.8);
				box-shadow: inset 0 20px 30px -20px rgba(0, 0, 0, 0.8);*/

				-webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
				   -moz-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
					    box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
			}
				header #app-users #app-users-current:hover .menu { display: block; }
				header #app-users #app-users-current .menu ul li {
					padding: 5px 9px;

					border: 0;
					border-top: 1px solid #dcdcdc;
					border-bottom: 1px solid #fff;

					float: none;

					line-height: 30px;
					text-transform: capitalize;

					-webkit-box-shadow: inset 0 10px 30px -20px rgba(0, 0, 0, 0.1);
					   -moz-box-shadow: inset 0 10px 30px -20px rgba(0, 0, 0, 0.1);
					        box-shadow: inset 0 10px 30px -20px rgba(0, 0, 0, 0.1);
				}
					header #app-users #app-users-current .menu ul li:first-child { border-top: 0; }
					header #app-users #app-users-current .menu ul li:last-child { border-bottom: 0; }
					header #app-users #app-users-current .menu ul li:hover { background-color: rgba(255, 255, 255, 0.5);}
					header #app-users #app-users-current .menu ul li.inactive { background-color: rgba(255, 255, 255, 0.6); cursor: default; line-height: normal; padding: 10px 9px; }
						header #app-users #app-users-current .menu ul li.inactive span.email { text-transform: lowercase; }
					header #app-users #app-users-current .menu ul li a { display: block; height: 100%; }

	header #app-logout {
		position: absolute;
		top: 0;
		right: 0;

		line-height: 55px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;

		width: 55px;
		height: 55px;

		cursor: pointer;
	}
		header #app-logout:hover {
			background-color: rgba(0, 0, 0, 0.2);
			/*color: rgba(0, 0, 0, 0.5);*/
		}


	/* HEADER SWITCH USER */

	header #app-users #app-users-current li.app-users-switch {
		padding: 0 0 0 0 !important;

		border: 0 !important;
		/* border-top: 1px solid #dcdcdc !important; */
		/* border-bottom: 1px solid #fff !important; */

		line-height: 55px !important;
	}
		header #app-users #app-users-current li.app-users-switch .app-users {
			height: 55px;

			border-top: 1px solid #dcdcdc !important;

			background-color: rgba(255, 255, 255, 0.5);

			cursor: pointer;
		}
			header #app-users #app-users-current li.app-users-switch .app-users:hover {
				background-color: rgba(255, 255, 255, 0.6);
			}
			header #app-users #app-users-current li.app-users-switch .app-users .image { background-color: #FFF; width: 55px; height: 55px; display: inline-block; }
			header #app-users #app-users-current li.app-users-switch .app-users .name {
				/* min-width: 147px; */
				width: 140px;
				height: 55px;

				text-align: left;

				margin: 0;
				padding: 0px 0 0px 8px;
				line-height: 55px;

				display: inline-block;

				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}



/*nav > ul.navigation { background: #f5f5f5; }
	nav > ul > li { padding: 0px 18px 0px 18px; line-height: 55px; }
		nav > ul > li.separator {
			margin: 0px 0px 0px 0px;
			height: 54px;
			border-left: 1px solid #FFF;
			border-right: 1px solid #dfdfdf;
		}
			nav > ul > li > ul {
				background: #0F0;

				z-index: 99999;
				display: none;
			}
				nav > ul > li:hover > ul { display: block; }*/



section {
	position: relative;
	padding: 20px 20px;
	height: 100%;
}


/* footer */

footer {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;

	padding: 0 0 10px 0;
	text-align: center;

	z-index: 0;

	display:none;
}





/* THEME COLOR */
.themes-color-bg { background-color: #3498db !important; color: #fff !important; }
.themes-color-bg-hover:hover { background-color: #3498db !important; color: #fff !important; }
.themes-color-text { color: #3498db !important; }

/*.themes-color-bg { background-color: #66C !important; color: #fff !important; }
.themes-color-text { color: #FFF !important; }*/










/* gradient */

.gradient-right {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 95%, rgba(0,0,0,0.05) 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(95%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05)));

background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.05) 100%);

background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.05) 100%);

background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.05) 100%);

background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.05) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=1 );



}

.gradient-top {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;

background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 100%)!important;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(15%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)))!important;

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%)!important;

background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%)!important;

background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%)!important;

background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 100%)!important;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 )!important;


}







.hicon {
	background-image: url(images/iconset.png);
	background-repeat: no-repeat;
	background-position: center;
}

	/* USER */
	.hicon.user.small {
		background-position: 0px 0px;
	}
	.hicon.user.small:hover {
		background-position: 0px 0px;
	}
		.hicon.user {
			background-position: -100px 0px;
		}
		.hicon.user:hover {
			background-position: -200px 0px;
		}
			.hicon.user.big {
				background-position: -300px 0px;
			}
			.hicon.user.big:hover {
				background-position: -300px 0px;
			}

				/* FLASH - 59px specific */
				.hicon.user.c59px {
					background-position: -27px -19px;
				}
				.hicon.user.c59px:hover {
					background-position: -27px -19px;
				}

				.hicon.user.c84px {
					background-position: -88px -18px;
				}
				.hicon.user.c84px:hover {
					background-position: -88px -18px;
				}

	/* FILE */
	.hicon.file {
		background-position: 0px -200px;
	}
	.hicon.file:hover {
		background-position: -100px -200px;
	}
		.hicon.file.gray {
			background-position: -100px -200px;
		}
		.hicon.file.gray:hover {
			background-position: 0px -200px;
		}

			.hicon.file.c59px {
				background-position: -127px -220px;
			}
			.hicon.file.c59px:hover {
				background-position: -127px -220px;
			}


	/* CHECK */
	.hicon.check.circled {
		background-position: 0px -400px;
	}
	.hicon.check.circled:hover {
		background-position: -100px -400px;
	}
		.hicon.check.circled.green {
			background-position: -100px -400px;
		}
		.hicon.check.circled.white {
			background-position: -200px -400px;
		}

	/* CANCEL */
	.hicon.cancel.circled {
		background-position: 0px -500px;
	}
	.hicon.cancel.circled:hover {
		background-position: -100px -500px;
	}
		.hicon.cancel.circled.c59px {
			background-position: -100px -500px;
		}
		.hicon.cancel.circled.c59px {
			background-position: -200px -500px;
		}

	/* ADD */
	.hicon.add {
		background-position: 0px -600px;
	}
	.hicon.add:hover {
		background-position: -100px -600px;
	}
		/* ADD - 59px specific */
		.hicon.add.c59px {
			background-position: -20px -620px;
		}
		.hicon.add.c59px:hover {
			background-position: -20px -620px;
		}
		/* ADD - 55px specific */
		.hicon.add.c55px {
			background-position: -23px -622px;
		}
		.hicon.add.c55px:hover {
			background-position: -23px -622px;
		}
		/* ADD - 27px specific */
		.hicon.add.c27px {
			background-position: -36px -636px;
		}
		.hicon.add.c27px:hover {
			background-position: -36px -636px;
		}

	/* REMOVE */
	.hicon.remove {
		background-position: 0px -700px;
	}
	.hicon.remove:hover {
		background-position: -100px -700px;
	}
		/* REMOVE - 59px specific */
		.hicon.remove.c59px {
			background-position: -20px -720px;
		}
		.hicon.remove.c59px:hover {
			background-position: -20px -720px;
		}
		/* REMOVE - 55px specific */
		.hicon.remove.c55px {
			background-position: -23px -722px;
		}
		.hicon.remove.c55px:hover {
			background-position: -23px -722px;
		}
		/* REMOVE - 27px specific */
		.hicon.remove.c27px {
			background-position: -36px -736px;
		}
		.hicon.remove.c27px:hover {
			background-position: -36px -736px;
		}

	/* MARKER */
	.hicon.marker {
		background-position: 0px -800px;
	}
	.hicon.marker:hover {
		background-position: -100px -800px;
	}

	/* PHONE */
	.hicon.phone {
		background-position: 0px -900px;
	}
	.hicon.phone:hover {
		background-position: -100px -900px;
	}

	/* MAIL */
	.hicon.mail {
		background-position: 0px -1000px;
	}
	.hicon.mail:hover {
		background-position: -100px -1000px;
	}

	/* FIND */
	.hicon.find {
		background-position: 0px -1100px;
	}
	.hicon.find:hover {
		background-position: -100px -1100px;
	}
	/* FIND - 59px specific */
		.hicon.find.c59px {
			background-position: -20px -1120px;
		}
		.hicon.find.c59px:hover {
			background-position: -20px -1120px;
		}
		/* ADD - 55px specific */
		.hicon.find.c55px {
			background-position: -23px -1122px;
		}
		.hicon.find.c55px:hover {
			background-position: -23px -1122px;
		}
		/* ADD - 27px specific */
		.hicon.find.c27px {
			background-position: -36px -1136px;
		}
		.hicon.find.c27px:hover {
			background-position: -36px -1136px;
		}

	/* FLASH */
	.hicon.flash {
		background-position: 0px -1200px;
	}
	.hicon.flash:hover {
		background-position: 0px -1200px;
	}
		/* FLASH - 59px specific */
		.hicon.flash.c59px {
			background-position: -30px -1220px;
		}
		.hicon.flash.c59px:hover {
			background-position: -30px -1220px;
		}

	/* GEAR */
	.hicon.gear {
		background-position: 0px -1300px;
	}
	.hicon.gear:hover {
		background-position: 0px -1300px;
	}
		/* GEAR - 84px specific */
		.hicon.gear.c84px {
			background-position: 12px -1318px;
		}
		.hicon.gear.c84px:hover {
			background-position: 12px -1318px;
		}

	/* LIST */
	.hicon.list {
		background-position: 0px -1400px;
	}
	.hicon.list:hover {
		background-position: 0px -1400px;
	}
		/* LIST - 84px specific */
		.hicon.list.c84px {
			background-position: 12px -1418px;
		}
		.hicon.list.c84px:hover {
			background-position: 12px -1418px;
		}

	/* LIST */
	.hicon.list-basic {
		background-position: 0px -1600px;
	}
	.hicon.list-basic:hover {
		background-position: 0px -1600px;
	}
		/* LIST - 84px specific */
		.hicon.list-basic.c84px {
			background-position: 12px -1618px;
		}
		.hicon.list-basic.c84px:hover {
			background-position: 12px -1618px;
		}


	/* LIST */
	.hicon.list-hybrid {
		background-position: 0px -1700px;
	}
	.hicon.list-hybrid:hover {
		background-position: 0px -1700px;
	}
		/* LIST - 84px specific */
		.hicon.list-hybrid.c84px {
			background-position: 12px -1718px;
		}
		.hicon.list-hybrid.c84px:hover {
			background-position: 12px -1718px;
		}

	/* LIST */
	.hicon.list-thumbnail {
		background-position: 0px -1800px;
	}
	.hicon.list-thumbnail:hover {
		background-position: 0px -1800px;
	}
		/* LIST - 84px specific */
		.hicon.list-thumbnail.c84px {
			background-position: 12px -1818px;
		}
		.hicon.list-thumbnail.c84px:hover {
			background-position: 12px -1818px;
		}

	/* LIST */
	.hicon.discount {
		background-position: 0px -1900px;
	}
	.hicon.discount:hover {
		background-position: 0px -1900px;
	}
		/* LIST - 84px specific */
		.hicon.discount.c84px {
			background-position: 12px -1918px;
		}
		.hicon.discount.c84px:hover {
			background-position: 12px -1918px;
		}


	/* CIRCLE */
	.hicon.circle {
		background-position: 0px -2600px;
	}
	.hicon.circle:hover {
		background-position: 0px -2600px;
	}


	/* logout */

	.hicon.logout.c55px {
		background-position: -122px -2222px;
	}

		.hicon.logout.c55px:hover {
			background-position: -122px -2222px;
		}


	/* reduce */

	.hicon.reduce, .hicon.reduce.left {
		background-position: -41px -2739px;
	}

		.hicon.reduce:hover, .hicon.reduce.left:hover {
			background-position: -141px -2739px;
		}

	.hicon.reduce.right {
		background-position: -41px -2839px;
	}

		.hicon.reduce.right:hover {
			background-position: -141px -2839px;
		}



	.hicon.exclamation.circled.yellow {
		background-position: -141px -2939px;
	}


	.hicon.favorites {
		background-position: 12px -3216px;
	}







header #min-menu {
	display:none;
}

header #min-menu nav {
	display:none;
}


@media all and (max-height: 800px) {


	header #app-users {
		right: 110px;
	}

	header #app-logout {
		right: 55px;
	}

	header #min-menu {
		position: absolute;
		top: 0;
		right: 0;

		display:block;

		line-height: 55px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;

		width: 55px;
		height: 55px;

		cursor: pointer;
		background-image: url(images/iconset.png);
		background-position: -122px -1423px;
		/*padding-left:50px;*/
	}

	header #min-menu:hover {
		background-color: rgba(0, 0, 0, 0.2);
	}


	nav {
		/*position:absolute;*/
		display:none!important;
	}

	header #min-menu nav {
		display:none!important;
	}

	header #min-menu.enable {
		background-color: rgba(0, 0, 0, 0.2);
	}

	header #min-menu.enable nav {
		display:block!important;
		position:absolute;
		top:55px;
		right:0px;
		z-index:99999;
		/*width:332px;*/

		border: 0;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;

		background: #f8f8f8;

		z-index: 99999;

		cursor: auto;

		-webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
		   -moz-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);
				box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.8);


		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height: 55px;
		color: rgb(102, 102, 102);

	}

}

@media all and (max-width: 750px) {

	#container {
		padding-top: 110px;
	}

	header {
		height: 110px;
		position: fixed;
		top: 0;
		width: 100%;
		left: 0;
		right: 0;
		z-index: 9999;
	}

	header #app-name {
		text-align: center;
		width: 100%;
		left: 0;
		right: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	header #app-users {
		top: 55px;
		right: 0;
		left: 0;

/* 		width: calc(100% - 110px); */
	}

	header #app-users #app-users-current {
		width: calc(100% - 110px)!important;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	header #app-users #app-users-current .name {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;

		width: calc(100% - 110px)!important;
	}

	header #app-logout {
		top: 55px;
	}

	header #min-menu {
		top: 55px;
	}

}