body
{
	font-family: sans-serif;
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	height: 100vh;
	background: #f2f2f4;
}

*:focus
{
	outline: none;
	outline-style: none;
}

.overlay-background
{
	height: 100vh;
}

.main-background
{
	min-height: 100%; height: 100%;
	min-width: 100%; width: 100%;
	z-index: 0;
	position: relative;
}

input { outline-style: none; }
input[type=text],
input[type=password]
{
	font-size: 16px;
	border: solid 0px;
	background: #fff;
	color: #222;
	height: 24px;
	padding: 0px 6px;
	border-radius: 24px;
	box-shadow: none;
	border-color: transparent;
	margin: auto 0px;
	width: inherit;
}
input[type=text]::-webkit-input-placeholder
{
	color: #666;
}
::placeholder
{
	color: #666;
	opacity: 0.7;
}
select
{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: solid 0px transparent;
	border-radius: 24px;
	box-shadow: none;
	color: #222;
	cursor: inherit;
	font-family: inherit;
	font-size: inherit;
	width: inherit;
	height: 24px;
	line-height: 24px;
	margin: auto 0px;
	padding: 0px 20px 0px 3px;
	background: url('../img/arrow-select.svg') no-repeat;
	background-position: center right 6px;
	background-color: #fff;
	text-overflow: ellipsis;
}

.checkbox
{
	height: 23px;
}
.checkbox span
{
	line-height: 23px;
	top: 0px;
	position: absolute;
}

.Wt-loading
{
	border: 6px solid #0b0a0963;
	border-top: 6px solid #3da2c6cc;
	border-radius: 50%;
	background-color: #00000000 !important;
	width: 40px;
	height: 40px;
	animation: spin 2s linear infinite;
	position: absolute;
	right: 14px !important;
	top: 36px !important;
	font-size: 0px !important;
}

.noselect
{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.logo
{
	width: 115px;
	height: 80px;
	position: fixed;
	bottom: 2px;
	/*right: 5px;*/
	z-index: 2;
}
.logo_lmi
{
	display: block;
	width: 155px;
	height: 45px;
	background: url('/img/logo_lmi.png');
	background-size: 128px 60px;
	background-repeat: no-repeat;
}

.linkedin
{
	display: block;
	width: 35px;
	height: 35px;
	background: url('/img/linkedin.svg');
	background-size: cover;
}
.instagram
{
	display: block;
	width: 35px;
	height: 35px;
	background: url('/img/instagram.svg');
	background-size: cover;
}
.facebook
{
	display: block;
	width: 35px;
	height: 35px;
	background: url('/img/fb.svg');
	background-size: cover;
}
.reseau
{
	display: flex;
	position: relative;
	width: 90px;
	margin: auto;
	margin-left: 18px;
}
.button
{
	padding: 8px 30px;
	font-size: 22px;
	border-radius: 30px;
	background-color: #000;
	color: #f0f0f0;
	text-align: center;
	transition: background-color 0.3s;
	cursor: pointer;
	margin-top: 37px;
	width: 308px;
	display: block;
	font-weight: bold;
}
.button:hover
{
	background-color: #897f84 !important;
}

.close
{
	position: absolute;
	top: 4px;
	right: 4px;
	background: url('../img/close.svg') center center no-repeat;
	width: 24px;
	height: 24px;
	z-index: 6;
	cursor: pointer;
}
.wpanel_title
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #706e6b;
	font-size: 16px;
	font-weight: bold;
	width: calc(100% - 8px);
	height: 32px;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 32px;
	overflow: hidden;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	z-index: 1;
	color: #fff;
}

/****    widget_fuzzy    ****/

.widget_fuzzy
{
	position: relative;
}

.widget_fuzzy .edit
{
}

.widget_fuzzy .suggestions
{
	/* min-width: calc(100% + 8px); */
	min-width: 280px;
	max-width: 200%;
	background: #e3cfa8;;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	/* position: absolute; */
	position: fixed;
	max-height: 280px; /* 28px * 10 */
}

.widget_fuzzy .suggestions .line.line
{
	position: relative;
	border: solid 0px;
	width: 100%;
	height: 22px;
	line-height: 22px;
	padding: 3px 12px;
	cursor: pointer;
	display: block;
	font-size: 15px;
}

.widget_fuzzy .suggestions .line:hover,
.widget_fuzzy .suggestions .selected
{
	color: #f0f0f0;
	/*background: #383838;*/
	background: #b0b0b0;
}

.widget_fuzzy .suggestions .match
{
	/* color: #fff; */
	font-weight: bold;
}

.widget_fuzzy_multi .suggestions .line.line
{
	display: flex;
}
.widget_fuzzy_multi .checkbox
{
	height: 18px;
	margin-right: 8px;
}
.widget_fuzzy_multi .text.text
{
	display: block;
}

/****		Calendar    ****/

.Wt-cal {
	padding: 0px;
}

.Wt-cal table {
	border-left: 1px solid #706e6b;
	font: normal 14px/20px sans-serif;
	text-align: center;
	background-color: #ddd;
	border-collapse: separate;
}

.Wt-cal table td {
	text-align: center;
	color: #333;
}

.Wt-cal table.d1 {
	width: 155px;
}

.Wt-cal table.d1 td {
	width: 20px;
}

.Wt-cal table.d3 {
	width: 260px;
}

.Wt-cal table.d3 td {
	width: 30px;
}

.Wt-cal table.dlong {
	width: 490px;
}

.Wt-cal table.dlong td {
	width: 70px;
}

.Wt-cal th.caption {
	margin: 0;
	padding: 0;
	border: 0;
	background: #706e6b;;
	color: #fff;
	font: bold 13px sans-serif;
	text-align: center;
}

.Wt-cal-navbutton {
	background: transparent;
	cursor: pointer; cursor: hand;
	font: bold 20px sans-serif;
	vertical-align: middle;
	display: block;
}

.Wt-cal caption select {
	cursor: pointer; cursor: hand;
	font: 12px sans-serif;
	margin: 2px 0px;
	vertical-align: middle;
}

.Wt-cal-year {
	vertical-align: middle;
}

.Wt-cal-year span {
	padding: 1px 2px;
}

.Wt-cal-year span:hover {
	color: #6880A0;
	background-color: #F0F0F0;
}

.Wt-cal th {
	font: bold 12px/22px sans-serif;
	color: #fff;
	background: #706e6b;
	border-right: 1px solid #706e6b;
	border-bottom: 1px solid #706e6b;
	border-top: 1px solid #706e6b;
	cursor: default;
}

.Wt-cal td {
	border-right: 1px solid #706e6b;
	border-bottom: 1px solid #706e6b;
	text-align: center;
	cursor: hand;
}

.Wt-cal-oom {
	color: #CCCCCC;
}

.Wt-cal-oor {
	color: #CCCCCC;
}

.Wt-cal-sel {
	background-color: #D13737;
	color: #FFF;
	font-weight: bold;
}
.Wt-cal-now {
	color: #E9E9E9;
	font-weight: bold;
	background: #B9B9B9;
}

/***** message dialog *****/

.Wt-loading
{
	border: 6px solid #0b0a0963;
	border-top: 6px solid #3da2c6cc;
	border-radius: 50%;
	background-color: #00000000 !important;
	width: 40px;
	height: 40px;
	animation: spin 2s linear infinite;
	position: absolute;
	right: 14px !important;
	top: 62px !important;
	font-size: 0px !important;
}
.Wt-dialog
{
	background-color: #fff !important;
	padding: 1px !important;
}
.Wt-dialog .titlebar
{
	background: #000;
	color: #fff;
	padding: 2px 6px 3px;
	font-family: sans-serif;
}
.Wt-dialog .Wt-msgbox-icon
{
	color: #ff8d1e;
	font-size: 40px !important;
}
.Wt-dialog .Wt-msgbox-text
{
	font-size: 20px;
	line-height: 40px;
	margin-left: 16px;
	color: #333;
}
.Wt-btn {
	border: solid 0px;
	font-size: 25px;
	color: #fff;
	background:  #000;
}
.Wt-btn:hover {
	border: solid 1px #2f2d2e;
	font-size: 25px;
	background:  #2f2d2e;
}
.Wt-btn-default
{
	font-weight: bold;
	color: #fff;
	border: 0px outset #37E !important;
}

/****   widget_banner_login    ****/

.widget_banner_login
{
	width: 100%;
	height: 100px;
	position: relative;
	background: #ffffffe3;
	color: #000;
	font-size: 30px;
	text-align: center;
	display: flex;
	align-items: center;
	font-size: 55px;
}
.widget_banner_login .logo_bdn
{
	background-image: url("/img/logo_bdn.png");
	background-repeat: no-repeat;
	width: 285px;
	background-size: auto 80px;
	background-position: center;
}

.widget_banner_login .title_header
{
	width: calc(100vw - 285px - 170px);
	font-weight: bold;
	line-height: 100px;
}

.widget_banner_login .date
{
	font-size: 25px;
	text-align: center;
	width: 170px;
}
.widget_banner_login .header
{
	display: flex;
	line-height: 100px;
	height: 100px;
}

/****   widget_banner    ****/

.widget_banner
{
	width: 100%;
	height: 100px;
	position: relative;
	background: #fff;
	color: #000;
	font-size: 30px;
	text-align: center;
	display: flex;
	align-items: center;
	font-size: 55px;
}
.widget_banner .logo_bdn
{
	background-image: url("/img/logo_bdn.png");
	background-repeat: no-repeat;
	width: 285px;
	background-size: auto 80px;
	background-position: center;
}

@media (min-width: 801px)
{
	.widget_banner .title_header
	{
		width: calc(100vw - 285px - 230px);
		font-weight: bold;
		line-height: 100px;
		overflow: hidden;
		white-space: nowrap;
	}
}

/* Mobile */
@media (max-device-width: 800px)
{
	.widget_banner .title_header
	{
		width: auto !important;
		max-width: 100% !important;

		font-size: 22px !important;
		line-height: 100px !important;

		white-space: normal !important;
		overflow: visible !important;
	}
}
.widget_banner .name
{
	font-size: 18px;
	text-align: center;
	width: 230px;
	display: block;
	line-height: 30px;
	max-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.widget_banner .date
{
	font-size: 25px;
	text-align: center;
	width: 230px;
	display: block;
	line-height: 50px;
}
.widget_banner .header
{
	display: flex;
	line-height: 100px;
	height: 100px;
}
.widget_banner .bloque
{
	background-repeat: no-repeat;
	background-position: 10px;
	border-radius: 45px;
	cursor: pointer;
	background-image: url('../img/warning_red.svg');
	font-size: 29px;
	background-size: 80px;
	width: 445px;
	height: 100px;
	position: absolute;
	margin-left: 119px;
	padding-left: 24px;
}
/************widget_login***************/

.widget_login
{
	height: 100%;
}
.widget_login .content_login
{
	position: relative;
	height: calc(100vh - 100px);
	/*background: url('/img/fond.jpg') bottom right no-repeat;*/
	display: flex;
}
.widget_login .bloc
{
	margin: auto;
	width: 500px;
	height: fit-content;
	background-color: #ffffffe8;
	border-radius: 8px;
	padding: 10px;
}
.widget_login .header
{
	display: flex;
}
.widget_login .message
{
	color: #fe0404;
	width: fit-content;
	display: block;
	font-size: 15px;
	margin: auto;
}
.widget_login .langues
{
	position: absolute;
	right: 15px;
	display: flex;
	top: 10px;
}
.widget_login .reset
{
	color: #000;
	margin: auto;
	width: fit-content;
	display: block;
	font-size: 15px;
	margin-top: 15px;
	cursor: pointer;
}
.widget_login .reset:hover
{
	color: #2f2d2e;;
}

.widget_login .error
{
	color :red;
	cursor: auto;
}
.widget_login .valid
{
	color :green;
	cursor: auto;
}
.widget_login .icon
{
	width: 40px;
	height: 30px;
	display: block;
	background-size: 35px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.widget_login .icon:hover
{
	transform: scale(1.1);
}
.widget_login .fr
{
	background-image: url('/img/fr.svg');
}
.widget_login .en
{
	background-image: url('/img/en.svg');
}
.widget_login .es
{
	background-image: url('/img/es.svg');
}
.widget_login .back
{
	background-image: url('/img/back.svg');
	margin-left: -60px;
	height: 35px;
}
.widget_login .center
{
	width: 360px;
	height: 100%;
	margin: auto;
	padding: 12px;
}
.widget_login .title
{
	color: #000;
	font-size: 30px;
	width: 100%;
	text-align: center;
	font-weight: inherit;
	margin-bottom: 10px;
}
.widget_login .text
{
	color: #000;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.widget_login .cable_right
{
	display: block;
	width: 400px;
	height: 124px;
	background-image: url('/img/red_right_cable.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0px;
	right: 0px;
}
.widget_login .boutique
{
	display: block;
	width: 400px;
	height: 50px;
	background-image: url('/img/boutique.svg');
	background-repeat: no-repeat;
	position: absolute;
	color: #000;
	background-size: 45px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 20px;
	font-size: 28px;
	padding-left: 50px;
	line-height: 41px;
	text-decoration: underline;
}
.widget_login .boutique:hover
{
	background-image: url('/img/boutique-hover.svg');
	color: #2f2d2e;
}
.widget_login .cable_left
{
	display: block;
	width: 230px;
	height: 218px;
	background-image: url('/img/red_left_cable.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
/*
.widget_login .title
{
	position: absolute;
	top: 80px;
	width: 100%;
	text-align: center;
	font-size: 42px;
	color: #e0e0e0;
	padding: 50px 0px;
	background: #22222290;
}
*/

input[type=password].widget_login_input,
input[type=text].widget_login_input
{
	text-align: center;
	width: 350px;
	margin-bottom: 10px;
	font-size: 22px;
	height: 37px;
	border: solid 2px #333;
}

.widget_login_failed
{
	transition: 0.8s;
	opacity: 0 !important;
}

.widget_login_reset
{
	transition: 0.8s !important;
}

/************widget_home***************/

.widget_home
{
	height: 100%;
	position: relative;
	/*background-image: url('/img/fond_accueil.jpeg');*/
	background-size: cover;
	/*background-color: #ffffffe3;*/
	background-color: #e8dcdc91;
}
.widget_home .home
{
	display: flex;
	height: calc(100% - 100px);
	background-color: #ffffff91;
}
.widget_home .content
{
	width: calc(100vw - 230px);
	height: calc(100vh - 120px);
	margin: 10px;
}
/************widget_menu***************/

.widget_menu
{
	margin-top: 10px;
	margin-left: 10px;
	width: 210px;
	background-color: #fff;
	padding: 6px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 8px;
	height: fit-content;
	padding-bottom: 0px;
}
.widget_menu .disconnect
{
	width: 150px;
	height: 32px;
	line-height: 32px;
	padding: 4px;
	padding-left: 4px;
	display: flex;
	background-color: #000;
	border-radius: 8px;
	transition: background-color 0.3s;
	cursor: pointer;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
	background-image: url('/img/disconnect2.svg');
	margin-top: 30px;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 45px;
}
.disconnect:hover
{
	background-color: #897f84;
}

/****    wmenu_button    ****/

.wmenu_button
{
	width: calc(100% - 8px);
	height: 32px;
	line-height: 32px;
	padding: 4px;
	display: flex;
	background: #000;
	border-radius: 8px;
	transition: background-color 0.3s;
	cursor: pointer;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
}
.wmenu_button:hover
{
	background: #897f84;;
}

.wmenu_button .selection_mark
{
	width: 6px;
	background-color: #706e6b;
	height: 100%;
	border-radius: 6px;
	margin-right: 2px;
}
.wmenu_button .selected
{
	background-color: #fff;
	border-bottom: none;
	color: #333;
}
.wmenu_button .position_icon
{
	height: 32px;
	min-width: 32px;
	display: flex;
}
.wmenu_button .icon
{
	width: 25px;
	height: 25px;
	max-width: 35px;
	max-height: 35px;
	margin: auto;
}

.wmenu_button .text
{
	width: 160px;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
}
.wmenu_button .text_selected
{
	color: #fff;
}

.wmenu_button .number
{
	width: 60px;
	background: #fff;
	text-align: center;
	border-radius: 20px;
	height: 28px;
	margin-top: 2px;
	line-height: 28px;
	color: #333;
}
/************wmenu***************/

.wmenu
{
	height: 480px;
	width: 720px;
	position: relative;
	top: 10%;
	margin: auto;
	background: #ffffffe8;
	border-radius: 8px;
	padding: 10px;
}
.wmenu .line
{
	width: 100%;
	display: flex;
	height: 170px;
}
.wmenu .button_menu
{
	width: 200px;
	height: 80px;
	background-size: 45px;
	display: block;
	color: #000;
	cursor: pointer;
	background-repeat: no-repeat;
	padding: 50px;
	background-position-x: center;
	text-align: center;
	margin-top: 12px;
	font-size: 15px;
}
.wmenu .button_menu:hover
{
	color: #2f2d2e;
}
.wmenu .monitoring
{
	background-image: url('/img/search.svg');
}
.wmenu .monitoring:hover
{
	background-image: url('/img/search-hover.svg');
}
.wmenu .info
{
	background-image: url('/img/info.svg');
}
.wmenu .info:hover
{
	background-image: url('/img/info-hover.svg');
}
.wmenu .messages
{
	background-image: url('/img/messages.svg');
}
.wmenu .messages:hover
{
	background-image: url('/img/messages-hover.svg');
}
.wmenu .doc
{
	background-image: url('/img/doc.svg');
}
.wmenu .doc:hover
{
	background-image: url('/img/doc-hover.svg');
}
.wmenu .article
{
	background-image: url('/img/article.svg');
}
.wmenu .article:hover
{
	background-image: url('/img/article-hover.svg');
}
.wmenu .color
{
	background-image: url('/img/color.svg');
}
.wmenu .color:hover
{
	background-image: url('/img/color-hover.svg');
}
.wmenu .visibilite
{
	background-image: url('/img/visibilite.svg');
}
.wmenu .visibilite:hover
{
	background-image: url('/img/visibilite-hover.svg');
}
.wmenu .liste_retour
{
	background-image: url('/img/liste_retour.svg');
}
.wmenu .liste_retour:hover
{
	background-image: url('/img/liste_retour-hover.svg');
}
.wmenu .verif_cmd
{
	background-image: url('/img/verif_cmd.svg');
}
.wmenu .verif_cmd:hover
{
	background-image: url('/img/verif_cmd-hover.svg');
}
.wmenu .parametre
{
	background-image: url('/img/parametre.svg');
}
.wmenu .parametre:hover
{
	background-image: url('/img/parametre-hover.svg');
}
.wmenu .paiement
{
	background-image: url('/img/paiement.svg');
}
.wmenu .paiement:hover
{
	background-image: url('/img/paiement-hover.svg');
}
.wmenu .article_onglet
{
	background-image: url('/img/article_onglet.svg');
}
.wmenu .article_onglet:hover
{
	background-image: url('/img/article_onglet-hover.svg');
}
.wmenu .echeancier
{
	background-image: url('/img/calendar.svg');
	background-size: 55px;
}
.wmenu .echeancier:hover
{
	background-image: url('/img/calendar-hover.svg');
}
.wmenu .where
{
	background-image: url('/img/where.svg');
}
.wmenu .where:hover
{
	background-image: url('/img/where-hover.svg');
}
.wmenu .stock
{
	background-image: url('/img/stock.svg');
	margin-left: -30px;
}
.wmenu .stock:hover
{
	background-image: url('/img/stock-hover.svg');
}
.wmenu .communication
{
	background-image: url('/img/communication.svg');
}
.wmenu .communication:hover
{
	background-image: url('/img/communication-hover.svg');
}


/*******attachment***/


/****    widget_attachment    ****/

.widget_attachment
{
	height: 108px;
	overflow-y: auto;
	/*padding-left: */
}
.widget_attachment_line
{
	display: flex;
	white-space: nowrap;
	overflow-x: hidden;
	margin-bottom: 2px;
	position: relative;
}
.widget_attachment_line .icon
{
	height: 25px;
	width: 25px;
}
.widget_attachment_line .attach_delete
{
	height: 20px;
	width: 20px;
	position: absolute;
	top: 3px;
	right: 3px;
	background: url('../img/delete.svg') center center no-repeat;
	cursor: pointer;
}
.widget_attachment_line a.filename
{
	font-size: 14px;
	margin-top: 3px;
	line-height: 22px;
	margin-left: 4px;
	text-decoration: none;
	color: #7d7d7d;
}
.widget_attachment_line a.filename:hover
{
	color: #000;
}

/****    widget_preview   ****/

.widget_preview
{
	width: calc(100vw - 200px - 800px - 75px);
	height: 738px;
	border-radius: 12px;
	color: #333;
	font-size: 14px;
	background: #fff;
	overflow-y: auto;
	overflow-x: auto;
	padding: 5px;
}

/****    widget_tab    ****/

.widget_tab
{
	width: calc(100vw - 250px);
	height: calc(100vh - 170px);
	background: #fff0;
	margin-top: 6px;
}

.widget_tab .tab-header
{
	display: flex;
	padding-right: 10px;
	width: calc(100% - 20px - 10px);
/*	background-color: #000;*/
	height: 24px;
}

.widget_tab .tabs-plus
{
	display: flex;
	width: calc(100% - 120px);
}

.widget_tab .quick_dossier
{
	width: 120px;
	margin-top: -10px;
	text-align: center;
	background: #484848;
	color: #e0e0e0;
}
.widget_tab .quick_dossier::placeholder
{
	color: #999;
}

.widget_tab .tabs
{
	display: flex;
	max-width: calc(100% - 32px);
}

.widget_tab .content
{
	width: 100%;
	height: calc(100% - 15px);
	margin: 0px;
}

.widget_tab .item
{
	position: relative;
	color: #f0f0f0;
	height: 18px;
	line-height: 19px;
	cursor: pointer;
	padding: 3px 4px;
	width: 170px;
	min-width: 65px;
	background-color: #000;
	margin-right: 8px;
	text-align: center;
	flex-shrink: 1;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-top: -2px;
	border-bottom: solid 2px #fff;
	transition: background-color 0.3s, color 0.3s;
}
.widget_tab .item:hover
{
	background-color: #2f2d2e;
	color: #fff;
}

.widget_tab .selected
{
	color: #fff;
	border-bottom: solid 2px #000;
	background-color: #706e6b;
}

.widget_tab .notification
{
	background: url('../img/menu/notification.svg') center center no-repeat;
	width: 13px;
	height: 13px;
	position: absolute;
	top: -6px;
	left: 6px;
}

.widget_tab .item .title
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.widget_tab .item .close
{
	background: url('../img/menu/close.svg') center center no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 4px;
	right: 3px;
	display: none;
}

.widget_tab .item:hover .close
{
	display: block;
}

.widget_tab .tab-header .plus
{
	width: 22px;
	min-width: 22px;
	background: url('../img/plus.svg') center center no-repeat;
	background-size: 22px 22px;
	height: 22px;
	cursor: pointer;
	margin-right: 8px;
	padding-left: 0px;
	flex-shrink: 1;
}