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

*: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;
	background: #fff;
	color: #222;
	height: 24px;
	padding: 0px 6px;
	border-radius: 24px;
	box-shadow: none;
	border-color: transparent;
	margin: auto 0px;
	width: inherit;
	border: solid 1px var(--color-border-panel-button);
	line-height: 24px !important;
}
input[type=text]::-webkit-input-placeholder
{
	color: #666;
}
input[type=text]:disabled
{
	background-image: url('../img/lock.svg');
	background-position: center left 5px;
	background-repeat: no-repeat;
	background-color: #ddd;
	text-indent: 16px;
	opacity: 1;
}
input[type=text]:read-only
{
	background-image: url('../img/lock.svg');
	background-position: center left 5px;
	background-repeat: no-repeat;
	background-color: #ddd;
	text-indent: 16px;
	opacity: 1;
}
::placeholder
{
	color: #666;
	opacity: 0.7;
}
select
{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: solid 1px var(--color-border-panel-button);
	border-radius: 24px;
	box-shadow: none;
	color: #222;
	cursor: inherit;
	font-family: inherit;
	/* font-size: inherit; */
	width: inherit;
	height: 24px;
	line-height: 20px !important;
	font-size: 16px;
	margin: auto 0px;
	/* padding: 0px 20px 0px 3px; */
	background: var(--icon-select) no-repeat;
	background-position: center right 6px;
	background-color: #fff;
	text-overflow: ellipsis;
	text-indent: 2px;
}
select option:checked { background: #c0c0c0; }

textarea
{
	resize: none;
	color: #222;
	padding: 1px;
	border: solid 1px var(--color-border-panel-button);
	padding: 4px;
	background-color: #fff;
}

.checkbox
{
	height: 23px;
	margin-top: auto;
	margin-bottom: auto;
}
.checkbox span
{
	line-height: 23px;
	top: 0px;
	position: absolute;
}
.calendar
{
	background: url('../img/calendar.svg') no-repeat !important;
	background-position: center right 6px !important;
	background-color: #fff !important;
	font-family: monospace !important;
	width: 130px !important;
}

.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;
}
.Wt-dialog
{
	background-color: var(--background) !important;
	padding: 1px !important;
}
.Wt-dialog .titlebar
{
	background: var(--background-panel);
	color: #ff8d1e;
	color: var(--icon-text-flash-dark);
	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: #333;
	background: var(--button-hover) !important;
}
.Wt-btn:hover {
	border: solid 1px #ead8d8;
	font-size: 25px;
}
.Wt-btn-default
{
	font-weight: bold;
	color: #ff8d1e;
	border: 0px outset #37E !important;
}

/****    Wt-tree    ****/

.Wt-tree
{
	font-family: sans-serif;
	font-size: inherit;
	cursor: pointer;
	white-space: nowrap;
}
.Wt-tree .Wt-label
{
	padding: 0px 2px;
	line-height: 150%;
	font-size: inherit;

}
.Wt-tree .Wt-label:hover
{
	color: var(--icon-text-flash-dark);
}

.Wt-tree .Wt-selected
{
	background-color: var(--background);
	color: var(--icon-text-flash-dark);
}
.Wt-tree .Wt-item
{
	padding-top: 2px;
}

@font-face
{
	font-family: 'Hack';
	src: url('font/hack-regular-subset.woff2?sha=3114f1256') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'lmi';
	src: url('font/lmi.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

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

/* used by preview, outlook workaround */
p
{
	margin: 0px;
}

/****		Calendar    ****/

.Wt-cal { padding: 0px; }
.Wt-cal table {
	border-left: 1px solid #555;
	font: normal 14px/20px sans-serif, verdana, Arial, Helvetica;
	text-align: center;
	background-color: #ddd;
	border-collapse: separate;
}
.Wt-cal table td { text-align: center; }
.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: #555;
	color: #fff;
	font: bold 13px sans-serif, verdana, Arial, Helvetica;
	text-align: center;
}

.Wt-cal-navbutton {
	background: transparent;
	cursor: pointer; cursor: hand;
	font: bold 20px sans-serif, verdana, Arial, Helvetica;
	vertical-align: middle;
	display: block;
}
.Wt-cal caption select {
	cursor: pointer; cursor: hand;
	font: 12px sans-serif, verdana, Arial, Helvetica;
	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, verdana, Arial, Helvetica;
	color: var(--calendar-header-color);
	background: #555;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	cursor: default;
}

.Wt-cal td {
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	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;
}

.close
{
	position: absolute;
	top: 4px;
	right: 4px;
	background: var(--icon-panel-close) center center no-repeat;
	width: 24px;
	height: 24px;
	z-index: 6;
	cursor: pointer;
}
.wpanel_title
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: var(--background-panel);;
	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: var(--icon-text-flash-dark);;
}

.red
{
	background: url('../img/red.svg') center center no-repeat;
	background-size: 15px;
	background-position: center left;
	text-indent: 16px;
}
.green
{
	background: url('../img/green.svg') center center no-repeat;
	background-size: 15px;
	background-position: center left;
	text-indent: 16px;
}

/****    home    ****/

.widget_home .layout_mails_preview
{
	position: absolute;
	top: 30px;
	left: 260px;
	width: calc(100% - 270px);
	max-height: calc(100vh - 20px);
	overflow-x: auto;
	height: 100%;
}
.widget_home .logo
{
	position: absolute;
	bottom: 0px;
	left: 40px;
	width: 180px;
	height: 140px;
	background: url('../img/teampost.png') no-repeat;
	background-size: 175px;
	cursor: pointer;
}

.widget_home .line
{
	position: relative;
	display: flex;
	width: 100%;
	line-height: 34px;
	font-size: 14px;
	font-weight: bold;
}

.widget_home .panel_close
{
	position: absolute;
	top: 4px;
	right: 4px;
	background: var(--icon-panel-close) center center no-repeat;
	background-size: 24px;
	width: 24px;
	height: 24px;
	z-index: 6;
	cursor: pointer;
}

/****    resize handle for layout    ****/

.Wt-hrh2
{
	border-radius: 4px;
	height: 4px !important;
	background: #888;
}
.Wt-hrh2:hover { background: #999; }
.Wt-hsh2, .Wt-vsh2 { background-color: var(--icon-text-flash-dark); }

.widget_bandeau_position
{
	position: absolute;
	top: 10px;
	left: 10px;
}

/****    widget_mails    ****/

.widget_mails
{
	/*color: var(--background);*/
	color: #333;
	background: var(--menu-bandeau-background);
}

.widget_mails::-webkit-scrollbar
{
	width: 14px;
}
.no-results
{
	/*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1'><text x='0' y='40' fill='%23dddddd' font-size='40' font-family='sans-serif'>AUCUN RESULTAT</text></svg>") !important;*/

	/*background: url('../img/cmam.png') no-repeat !important;*/
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.mails_icon_header
{
	width: 22px;
	height: 22px;
}
.mails_header_mail { background: var(--icon-header-mail) center center no-repeat; }
.mails_header_process { background: var(--icon-header-process) center center no-repeat; }
.mails_header_pj { background: var(--icon-header-attachment) center center no-repeat; }
.mails_header_conversation { background: var(--icon-header-conversation) center center no-repeat; }
.mails_header_priorite { background: var(--icon-header-priorite) center center no-repeat; }
.mails_header_note { background: var(--icon-header-note) center center no-repeat; }
/* overhide to hide arrow sort */
.mails_header_process .Wt-tv-sh-none,
.mails_header_process .Wt-tv-sh-up,
.mails_header_process .Wt-tv-sh-down,
.mails_header_pj .Wt-tv-sh-none,
.mails_header_pj .Wt-tv-sh-up,
.mails_header_pj .Wt-tv-sh-down,
.mails_header_conversation .Wt-tv-sh-none,
.mails_header_conversation .Wt-tv-sh-up,
.mails_header_conversation .Wt-tv-sh-down,
.mails_header_priorite .Wt-tv-sh-none,
.mails_header_priorite .Wt-tv-sh-up,
.mails_header_priorite .Wt-tv-sh-down,
.mails_header_note .Wt-tv-sh-none,
.mails_header_note .Wt-tv-sh-up,
.mails_header_note .Wt-tv-sh-down
{
	background: none !important;
}

.mails_icon
{
	min-width: 22px;
	min-height: 22px;
}
.mails_icon_read_0 { background: var(--icon-mail-read-0) center center no-repeat; }
.mails_icon_read_1 { background: var(--icon-mail-read-1) center center no-repeat; }
.mails_icon_process_0 { /*background: var(--icon-mail-process-0) center center no-repeat;*/ }
.mails_icon_en_cours_1 { background: var(--icon-en-cours-1) center center no-repeat; }
.mails_icon_process_1 { background: var(--icon-mail-process-1) center center no-repeat; }
.mails_icon_attach_0 { /*background: var(--icon-attach-0) center center no-repeat;*/ }
.mails_icon_attach_1 { background: var(--icon-attach-1) center center no-repeat; }
.mails_icon_conversation_0 { }
.mails_icon_conversation_1
{
	cursor: pointer;
	background: var(--icon-conversation) center center no-repeat;
}
.mails_icon_warning_red { background: url('../img/warning-red.svg') center center no-repeat; }
.mails_icon_warning_orange { background: url('../img/warning-orange.svg') center center no-repeat; }
.mails_icon_warning_blue { background: url('../img/alarm.svg') center center no-repeat; }

.mails_line_process
{
	background: var(--icon-mail-process) left center no-repeat;
	padding-left: 20px !important;
}
.mails_line_done
{
	background: var(--icon-mail-done) left center no-repeat;
	padding-left: 20px !important;
}

.mails_note
{
	background: var(--icon-mail-note) center center no-repeat;
	cursor: pointer;
}
.mails_butoir_ok { color: var(--butoir-text-ok); }
.mails_butoir_warning { color: var(--butoir-text-warning); }
.mails_line_changed
{
	padding-left: 20px !important;
}
.widget_mails .Wt-label
{
	font-family: sans-serif !important;
	font-size: 12px !important;
}

/****    wmenu_button    ****/

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

.wmenu_button .selection_mark
{
	width: 6px;
	min-width: 6px;
	background-color: var(--background-mark);
	height: 100%;
	border-radius: 6px;
	margin-right: 2px;
}

.wmenu_button .selected
{
	background-color: var(--button-menu-select-mark);
}
.wmenu_button .selected-button
{
	color: var(--menu-bandeau-selected-text);
}
.wmenu_button .position_icon
{
	height: 32px;
	min-width: 32px;
	display: flex;
}
.wmenu_button .icon
{
	width: auto;
	height: auto;
	max-width: 32px;
	max-height: 32px;
	margin: auto;
}

.wmenu_button .text
{
	width: 161px;
	padding-left: 5px;
	font-weight: bold;
}

.wmenu_button .number
{
	width: 60px;
	background: var(--icon-text-flash-light);
	text-align: center;
	border-radius: 20px;
	height: 28px;
	margin: 2px 1px 0px 0px;
	line-height: 28px;
	color: #ffffff;
	font-weight: bold;
}

/****    widget_colonne    ****/

.widget_colonne
{
	width: 1200px;
	height: 445px;
	min-width: min(800px, 80vw);
	background: var(--background);
	padding: 10px;
	position: relative;
	overflow: hidden;
	z-index: 5;
	border: solid 1px var(--color-border-panel-button);
	border-radius: 15px;
}

.widget_colonne_show
{
	position: absolute;
	top: 50px;
	transition: left 0.3s;
	left: calc(50vw - (1200px / 2));
}

.widget_colonne_hide
{
	position: absolute;
	left: calc(-100vw - 1200px);
	top: 50px;
	transition: left 0.3s;
}

.widget_colonne .main
{
	width: calc(100% - 100px);
	height: calc(100% - 40px);
	margin: auto;
	margin-top: 40px;
}

.widget_colonne .main .line .label
{
	width: 340px;
	min-width: 340px;
	max-width: 340px;
}

.widget_colonne .date_mail
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: var(--background-panel);
	font-size: 13px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	width: calc(100% - 0px);
}

.widget_colonne .title
{
	position: absolute;
	color: var(--icon-text-flash-dark)	;
	padding-left: 10px;
}


.widget_colonne .container
{
	display: flex;
	height: 300px;
	margin: auto;
	margin-top: 10px;
	position: relative;
}

.widget_colonne .container select
{
	width: 450px;
	height: 100%;
	font-size: 20px;
	background: #fff; /* overwrite arrow image */
	border-radius: 16px;
}

.widget_colonne .assign-arrows
{
	width: 80px;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-left: 20px;
	margin-right: 20px;
}

.widget_colonne .arrow-right
{
	background: var(--icon-arrow-right) center center no-repeat;
	cursor: pointer;
	height: 36px;
	width: 36px;
	display: inline-block;
	margin: auto;
	margin-bottom: 8px;
}
.widget_colonne .arrow-left
{
	background: var(--icon-arrow-left) center center no-repeat;
	cursor: pointer;
	height: 36px;
	width: 36px;
	display: inline-block;
	margin: auto;
	margin-top: 8px;
}

.widget_colonne .order-arrows
{
	width: 60px;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-left: 20px;
}

.widget_colonne .arrow-up
{
	background: var(--icon-arrow-up) center center no-repeat;
	cursor: pointer;
	height: 36px;
	width: 36px;
	display: inline-block;
	margin: auto;
	margin-bottom: 8px;
}
.widget_colonne .arrow-down
{
	background: var(--icon-arrow-down) center center no-repeat;
	cursor: pointer;
	height: 36px;
	width: 36px;
	display: inline-block;
	margin: auto;
	margin-top: 8px;
}

/****    widget_bandeau    ****/

.widget_bandeau
{
	width: 240px;
	height: 760px;
	color: #e0e0e0;
	background: var(--menu-bandeau-background);
	font-size: 14px;
	font-weight: bold;
	border-radius: 18px;
	overflow: hidden;
	z-index: 6;
	position: relative;
	color: #222;
	font-size: 14px;
	font-weight: inherit;
}


.widget_bandeau_compose
{
	background: var(--icon-bandeau-send-mail) center left 16px no-repeat;
	background-color: var(--button-menu);
}
.widget_bandeau_compose .icon
{
	display: none;
}

.widget_bandeau_admin_full
{
	position: absolute;
	bottom: 0px;
	left: 62px;
	width: calc(100% - 66px - 50px);
}

.widget_bandeau_admin
{
	position: absolute;
	bottom: 0px;
	left: 60px;
	/*width: calc(100% - 28px - 50px);*/
	width: 100px;
}
.widget_bandeau_graph
{
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: 38px;
	height: 38px;
	background: url('/img/bandeau-graph.svg') center center no-repeat;
	cursor: pointer;
	transition: 0.6s;
}
.widget_bandeau_graph:hover
{
	background-color: var(--button-menu-hover);
	border-radius: 6px;
}

.widget_bandeau_trash
{
	position: absolute;
	bottom: 12px;
	right: 6px;
	width: 32px;
	height: 32px;
	background: var(--icon-trash) center center no-repeat;
	cursor: pointer;
}
.widget_bandeau_mass_edit
{
	position: absolute;
	bottom: 48px;
	width: calc(100% - 28px);
}
.widget_bandeau_liste
{
	background: var(--menu-bandeau-header-background);
	width: calc(100% - 20px);
	padding: 8px 10px;
}
.widget_bandeau_liste select
{
	width: 100%;
	border: solid 0px !important;
}

.widget_bandeau_buttons
{
	padding: 10px;
}

/****    widget_preview    ****/

.widget_preview
{
	width: 100%;
	height: 670px;
	background: #fff;
	padding: 0;
	margin: 0;
}

.widget_preview .body_container
{
	width: 100%;
	height: calc(100% - 356px);
	overflow-y: auto;
	overflow-x: auto;
}

.widget_preview .body_preview
{
	padding: 10px;
	font-size: 14px;
	color: #333;
}
/****    widget_tab    ****/

.widget_tab
{
	/* 100vw - menu - padding left - padding menu-tab - padding right */
	width: calc(100vw - 240px - 10px - 10px - 10px);
	height: calc(100vh - 10px - 10px);
	position: absolute;
	top: 10px;
	left: calc(10px + 240px + 10px);
	background: var(--background-widget-tab);
}

.widget_tab .tab-header
{
	display: flex;
	width: 100%;
	background: var(--background);
}

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

.widget_tab .buttons
{
	width: 66;
	height: 22px;
	display: flex;
	margin-right: 5px;
	background: var(--background);
}
.widget_tab .buttons .button
{
	width: 22px;
	height: 22px;
	cursor: pointer;
	margin-right: 5px;
	background-size: 22px !important;
}
.widget_tab .buttons .button:hover { transform: scale(1.2); }

.widget_tab .buttons .profil { background: var(--icon-profil) center center no-repeat; }
.widget_tab .buttons .settings { background: var(--icon-settings) center center no-repeat; }
.widget_tab .buttons .quit { background: var(--icon-quit) center center no-repeat; }

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

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

.widget_tab .item
{
	position: relative;
	color: #333;
	height: 18px;
	line-height: 19px;
	cursor: pointer;
	padding: 3px 4px;
	width: 150px;
	min-width: 65px;
	background-color: var(--tab-background);
	margin-right: 8px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex-shrink: 1;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: solid 2px var(--tab-undeline);
	transition: background-color 0.3s, color 0.3s;
}

.widget_tab .item:hover
{
	background-color: var(--tab-background-hover);
	color: var(--tab-color-hover);
}

.widget_tab .selected
{
	background-color: var(--tab-background-selected);
	color: var(--tab-color-selected);
	border-bottom: solid 2px var(--tab-selected-undeline);
}

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

.widget_tab .item .close
{
	background: var(--icon-tab) center center no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	right: 3px;
	display: none;
}

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

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

/****    generic    ****/

.header_title
{
	display: flex;
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	font-weight: bold;
	background: var(--mail-header-title-background);
}

/****    widget_attachment    ****/

.widget_attachment
{
	height: 108px;
	overflow: hidden;
	overflow-y: auto;
}
.widget_attachment_line
{
	display: flex;
	white-space: nowrap;
	margin-bottom: 2px;
	position: relative;
}
.widget_attachment_line .icon
{
	height: 25px;
	width: 25px;
}
.widget_attachment_line .filename
{
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 50px);
}
.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: #333;
}
.widget_attachment_line a.filename:hover
{
	color: var(--icon-text-flash-dark);
}

/****    widget_search    ****/

.widget_search
{
	color: #333;
	background: var(--background-panel);
	width: calc(100vw - 270px);
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.widget_search_show
{
	position: absolute;
	top: 10px;
	left: calc(240px + 10px + 10px);
	transition: height 0.30s;
	height: calc(100vh - 10px - 10px);
}

.widget_search_hide
{
	position: absolute;
	/* top: -100vh; */
	top: 10px;
	left: calc(240px + 10px + 10px);
	transition: height 0.30s;
	height: 0px;
}

.widget_search .panel
{
	padding: 5px 10px;
	padding-top: 100px;
}

.widget_search .panel_close
{
	top: 10px;
	right: 10px;
	background: var(--icon-panel-close) center center no-repeat;
}

.widget_search .title
{
	position: absolute;
	top: 0px;
	right: 0px;
	color: var(--icon-text-flash-dark);
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
}
.widget_search .magic
{
	height: 30px;
	max-height: 30px;
	width: calc(100% - 206px);
	margin-left: 200px;
	margin-bottom: 40px;
}
.widget_search .cc
{
	width: calc( 100% -500px);
}

.widget_search .user
{
	position: absolute;
	left: 190px;
	width: 258px;
}

.widget_search .options
{
	margin-top: 10px;
	display: flex;
	height: 100%;
	position: relative;
}
.widget_search .block-left
{
	width: 500px;
	min-width: 440px;
}
.widget_search .block-left .tags { width: 100%; }
.widget_search .block-center
{
	width: 400px;
	min-width: 380px;
	font-size: 18px;
}
.widget_search .block-center .label { width: 160px; }
.widget_search .block-center .select { width: 240px; }
.widget_search .block-right
{
	position: relative;
	width: calc(100% - 400px - 800px);
	min-width: 360px;
}
.widget_search .block-export
{
	position: relative;
	width: 100px;
	min-width: 360px;
}
.widget_search .block-right .label { margin-left: 80px; width: 160px; min-width: 150px; }
.widget_search .block-right .select { width: 142px; }

.widget_search .hover
{
	cursor: pointer;
}
.widget_search .button
{
	position: absolute;
	width: 32px;
	height: 32px;
	padding: 10px 60px 10px 60px;;
	border-radius: 8px;
	color: var(--color-text-button);
	text-align: left;
	font-size: 22px;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.4s;
	line-height: 34px;
	font-weight: bold;
	border: solid 2px var(--color-border-panel-button);
}
.widget_search .button:hover { background-color: var(--button-hover); }
.widget_search .go
{
	background: var(--icon-search-mail) center left 12px no-repeat;
	background-color: var(--button);
	top: 300px;
	left: calc(100% / 2 - 30px);
}
.widget_search .eraser
{
	background: var(--icon-eraser) center left 12px no-repeat;
	background-color: var(--button);
	top: 300px;
	left: calc(100% / 2 - 152px - 90px);
}
.widget_search .export_xlsx
{
	background: var(--icon-search-xlsx) center left 12px no-repeat;
	background-color: var(--button);
	padding: 10px 65px 12px 51px;
	margin-top: 20px;
}
.widget_search input[type ="text"]
{
	margin-right: 25px;
}

/****    widget_fuzzy    ****/

.widget_fuzzy
{
	position: relative;
}

.widget_fuzzy .edit
{
}

.widget_fuzzy .suggestions
{
	min-width: 280px;
	max-width: 200%;
	background: #2a2a2a;
	color: #f0f0f0;
	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: 19px;
	padding: 3px 12px;
	cursor: pointer;
	display: block;
	font-size: 15px;
}

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

.widget_fuzzy .suggestions .match
{
	color: var(--fuzzy-match-color);
}

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

/****    widget_fuzzy_delete    ****/

.widget_fuzzy_delete .suggestions .line:hover .remove ,
.widget_fuzzy_delete .suggestions .selected:hover .remove
{
	color: #f0f0f0;
	/*background: #383838;*/
	display: block;
}

.widget_fuzzy_delete .remove
{
	display: none;
	height: 24px;
	width: 24px;
	background: url('../img/delete_fuzzy.svg') no-repeat;
	position: absolute;
	margin: 2px;
	top: 0px;
	right: 30px;
}
.widget_fuzzy_delete .remove:hover
{
	display: block;
}
.widget_fuzzy_delete .text.text
{
	display: block;
}


/****    widget_tags    ****/

.widget_tags_position
{
	position: absolute;
	top: 5px;
	left: 10px;
	width: calc(100% - 350px);
	height: 80px;
	/* background: #777; */
	min-width: 160px;
	overflow-y: auto;
	overflow-x: hidden;
}

.div_wtags
{
	display: flex;
	flex-wrap: wrap;
}

.wtag
{
	background-color: var(--button);
	border-radius: 14px;
	padding: 3px 20px 3px 8px;
	margin: 3px 3px 0px 0px;
	min-width: 20px;
	font-size: 13px;
	overflow: hidden;
	transition: background-color 0.4s, width 0.1s;
	position: relative;
}
.wtag:hover { background-color: #3f3f3f; }

.wtag .close
{
	position: absolute;
	top: 4px;
	right: 3px;
	background: var(--icon-panel-close) center center no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	z-index: 6;
	cursor: pointer;
}

.widget_tags_icon
{
	color: #e0e0e0 !important;
	background-image: var(--icon-tags-1) !important;
	background-position: center left 3px !important;
	background-repeat: no-repeat !important;
	/*background-color: var(--button) !important;*/
	padding-left: 28px !important;
	width: 120px !important;
}

/****    widget_folder    ****/

.widget_folder
{
	margin-top: -10px;
	color: #333;
	width: 226px;
	margin-left: 5px;
	border-radius: 10px;
	background: var(--background);
	height: 307px;
	max-height: 360px;
	overflow-y: auto;
	padding-top: 6px;
	font-size: 12px;
	transition: width 0.2s;
	overflow-x: hidden;
	position: fixed;
	max-height: 215px;
	font-weight: bold;
	border: solid 2px var(--menu-folder-border);
}

.widget_folder_admin
{
	height: 259px !important;
}

.widget_folder:hover
{
	width: 400px;
}

.widget_folder .count
{
	color: var(--color-text-menu-number);
}

/****    widget_mass_edit   ****/

.widget_mass_edit
{
	width: calc(460px);
	color: #333;
	background: var(--background);
	position: relative;
	z-index: 5;
	border: solid 1px var(--color-border-panel-button);
	border-radius: 15px;
}
.widget_mass_edit_show
{
	position: absolute;
	top: 120px;
	transition: left 0.3s;
	left: calc(50vw - (460px / 2));
}

.widget_mass_edit_hide
{
	position: absolute;
	left: calc(-100vw - 460px);
	top: 120px;
}

.widget_mass_edit .title
{
	color: var(--icon-text-flash-dark);
	background: var(--background-panel);
	width: calc(100% - 10px);
	height: 36px;
	line-height: 32px;
	padding-left: 10px;
	position: relative;
	font-weight: bold;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}
.widget_mass_edit .main
{
	padding: 10px;
	width: 100%;
}

.widget_mass_edit .label { width: 160px; }
.widget_mass_edit .select { width: 280px; }

/****    widget_profil    ****/

.widget_profil
{
	width: 1200px;
	height: 395px;
	min-width: min(800px, 80vw);
	background: var(--background);
	padding: 10px;
	position: relative;
	overflow: hidden;
	z-index: 5;
	border: solid 1px var(--color-border-panel-button);
	border-radius: 15px;
	color: #333;
}
.widget_profil_show
{
	position: absolute;
	top: 50px;
	transition: left 0.3s;
	left: calc(50vw - (1200px / 2));
}

.widget_profil_hide
{
	position: absolute;
	left: calc(-100vw - 1200px);
	top: 50px;
	transition: left 0.3s;
}

.widget_profil .main
{
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding-top: 50px;
}
.widget_profil .title
{
	position: absolute;
	color: var(--icon-text-flash-dark)	;
	background: var(--background-panel);
	padding-left: 10px;
}

.widget_profil .header
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: var(--background-panel);
	font-size: 13px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	width: calc(100% - 0px);
}
.widget_profil .lines
{
	margin: auto;
	margin-top: 20px;
	padding: 10px;
	width: 800px;
	height: 300px;
}
.widget_profil .line
{
	width: 800px;
}
.widget_profil .label
{
	display: inline-block;
	min-width: 140px;
	width: 590px;
	margin-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: bold;
	font-size: 18px;
}
.widget_profil .valider
{
	font-size: 22px;
	background: var(--icon-correct-profil) center left 12px no-repeat;
	background-size: 34px;
	cursor: pointer;
	background-color: var(--button-hover);
	width: 70px;
	font-weight: bold;
	padding: 10px 26px 10px 60px;
	border-radius: 8px;
	transition: background-color 0.4s;
	display: block;
	color: var(--color-text-button);
	margin: auto;
	margin-top: 25px;
	border: solid 1px var(--color-border-panel-button);
}
.widget_profil .valider:hover
{
	background-color: #dddada;
	border-radius: 5px;
}

/****    widget_login    ****/

.widget_login
{
	height: 100%;
	position: relative;
	background: url('/img/bg.jpg') center no-repeat fixed;
	background-size: cover;
	color: #222;
}
.widget_login .header
{
	height: 100px;
	line-height: 100px;
	background: #ffffffd4;
	text-align: center;
	font-family: lmi;
	font-size: 55px;
}
.widget_login .bloc
{
	position: relative;
	top: calc(50% - 270px);
	margin: auto;
	width: 500px;
	height: 370px;
	background: #ffffffe8;
	border-radius: 8px;
	padding: 10px;
}

.widget_login .center
{
	width: 360px;
	margin: auto;
	padding: 12px;
}
.widget_login .title
{
	font-size: 30px;
	text-align: center;
	margin-bottom: 10px;
}
.widget_login .text
{
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
}
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;
	border-radius: 8px;
	background: #f4efef;
}

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

.widget_login_reset
{
	transition: 0.8s !important;
}

.widget_login .button
{
	padding: 10px 28px;
	font-size: 22px;
	border-radius: 30px;
	background-color: #cc0f0f;
	color: #f0f0f0;
	text-align: center;
	transition: background-color 0.3s;
	cursor: pointer;
	margin-top: 37px;
	position: absolute;
	width: 308px;
}
.widget_login .button:hover
{
	background-color: #cf5555;
}

/****    widget_login    ****/

.widget_login .zone-logo
{
	width: 200px;
	height: 200px;
	position: fixed;
	bottom: 25px;
	right: 5px;
	z-index: 2;
}
.widget_login .logo_lmi
{
	display: block;
	width: 200px;
	height: 150px;
	background: url('/img/favicon.svg');
	background-size: 200px;
	background-repeat: no-repeat;
}
.widget_login .reseau
{
	display: flex;
	position: relative;
	width: 90px;
	margin: auto;
}
.widget_login .linkedin
{
	display: block;
	width: 35px;
	height: 35px;
	background: url('/img/logo/linkedin.svg');
	background-size: cover;
}
.widget_login .instagram
{
	display: block;
	width: 35px;
	height: 35px;
	background: url('/img/logo/instagram.svg');
	background-size: cover;
}
.widget_login .facebook
{
	display: block;
	width: 35px;
	height: 35px;
	background: url('/img/logo/fb.svg');
	background-size: cover;
}

/****    widget_graph    ****/

.traitement_user
{
	color: #222;
}