/* Default */
*, *:before, *:after { position: relative; margin: 0; border: none; border-style: solid; border-width: 0; border-color: rgba(51, 63, 73, 0.30); padding: 0; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, a:hover, a:visited { text-decoration: none; color: #f6f6f7; }
*:active, *:focus { outline: none; }
*:before { vertical-align: top; }

/* Body & Html */
html { font-size: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-touch-action: pan-x; }
body { font-family: 'OpSa', 'Open Sans', Arial, sans-serif; font-size: 0; line-height: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-highlight: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: pan-y;
	-ms-content-zooming: none;
	}

/* Form & Others */
ul { list-style: none; }
.center { text-align: center; }
.hidden { display: none; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.isfixed { visibility: hidden; }
.overflowvisible { overflow: visible !important; }
.abbr { text-decoration: underline dotted; cursor: help; }
.opacity { opacity: 0.7; }
.noopacity { opacity: 1 !important; }
.ucfirst:first-letter { text-transform: uppercase; }
input, textarea, select, option, optgroup { font-family: 'OpSa', 'Open Sans', Arial, sans-serif; font-size: 13px; line-height: 20px; font-weight: normal; font-style: normal; background: #fcfcfd; border-radius: 0; box-shadow: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	}
select { padding-right: 10px; cursor: pointer; background-image: url('/img/arrow-b.png'); background-repeat: no-repeat; background-position: calc(100% - 8px) calc(50% + 1px); background-size: auto 6px; }
option.sub { color: rgba(34, 41, 46, 0.7); }
textarea { padding: 6px 8px; resize: none; }
textarea.large { padding: 10px; width: 100%; }
textarea[data-title] { margin-top: 15px; }
textarea[data-autoresize] { overflow-x: hidden; }
input[type="number"] { -moz-appearance: textfield; }
input.field { height: 30px; padding: 0 8px; line-height: 28px; }
input.field, textarea, select, label.button, label.browsefile.big { border-width: 1px; border-radius: 3px; }
input.copyinput, textarea.copyinput { position: absolute; opacity: 0; pointer-events: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(51, 63, 73, 0.4); font-weight: normal !important; opacity: 0.8; }
input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(51, 63, 73, 0.4); font-weight: normal !important; opacity: 0.8; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(51, 63, 73, 0.4) !important; font-weight: normal !important; opacity: 0.8; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: rgba(51, 63, 73, 0.4) !important; font-weight: normal !important; opacity: 0.8; }
.placeholder, input::placeholder, textarea::placeholder { color: rgba(51, 63, 73, 0.4); font-weight: normal !important; opacity: 0.8; }

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: rgba(51, 63, 73, 1); opacity: 0.8; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: rgba(51, 63, 73, 1); opacity: 0.8; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: rgba(51, 63, 73, 1) !important; opacity: 0.8; }
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { color: rgba(51, 63, 73, 1) !important; opacity: 0.8; }
.placeholder:focus, input:focus::placeholder, textarea:focus::placeholder { color: rgba(51, 63, 73, 1); opacity: 0.8; }

div.menucontent input::-webkit-input-placeholder, div.menucontent textarea::-webkit-input-placeholder { color: rgba(246, 246, 247, 0.4); font-weight: normal !important; }
div.menucontent input::-moz-placeholder, div.menucontent textarea::-moz-placeholder { color: rgba(246, 246, 247, 0.4); font-weight: normal !important; }
div.menucontent input:-ms-input-placeholder, div.menucontent textarea:-ms-input-placeholder { color: rgba(246, 246, 247, 0.4) !important; font-weight: normal !important; }
div.menucontent input::-ms-input-placeholder, div.menucontent textarea::-ms-input-placeholder { color: rgba(246, 246, 247, 0.4) !important; font-weight: normal !important; }
div.menucontent .placeholder, div.menucontent input::placeholder, div.menucontent textarea::placeholder { color: rgba(246, 246, 247, 0.4); font-weight: normal !important; }

div.menucontent input:focus::-webkit-input-placeholder, div.menucontent textarea:focus::-webkit-input-placeholder { color: rgba(246, 246, 247, 1); }
div.menucontent input:focus::-moz-placeholder, div.menucontent textarea:focus::-moz-placeholder { color: rgba(246, 246, 247, 1); }
div.menucontent input:focus:-ms-input-placeholder, div.menucontent textarea:focus:-ms-input-placeholder { color: rgba(246, 246, 247, 1) !important; }
div.menucontent input:focus::-ms-input-placeholder, div.menucontent textarea:focus::-ms-input-placeholder { color: rgba(246, 246, 247, 1) !important; }
div.menucontent .placeholder:focus, div.menucontent input:focus::placeholder, div.menucontent textarea:focus::placeholder { color: rgba(246, 246, 247, 1); }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { transition: background-color 0s ease-in-out 5000s; }
input.hiddensubmit { z-index: -1; position: absolute; width: 0; height: 0; overflow: hidden; }
* a.touch { z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
*[data-href], .pointer { cursor: pointer; }
*[data-cursor="zoom"] { cursor: zoom-in; }

/* Fonts */
h1, h2, h3, .title, .name, a.button, div.menu ul, div.menu a, div.calendar div:before,
form.login input.field, form.search input.field, form.search select,
.pagepane ul.list li, .menucontent ul.list li, .excelcat:before,
.big, .buttons, .itemoninput span.id, .groupfield label strong,
div.callslide h2.number, div.callslide input.number, ul.keypad li a,
*[data-title]:before, .jexcel > div > table > thead > tr > td,
.tabs a, .panetabs a, .slidetabs a												{ font-family: 'RBcsd', Arial, sans-serif; }
.popupsalon h2, .popupsalon h3													{ font-family: 'Bdni' !important; font-weight: normal; }
.fab																			{ font-family: 'FAwesomeBrands' !important; }
.fal																			{ font-family: 'FAwesomeFree' !important; font-weight: 300 !important; }
.far																			{ font-family: 'FAwesomeFree' !important; font-weight: 400 !important; }
.fa, .fas																		{ font-family: 'FAwesomeFree' !important; font-weight: 900 !important; }

@font-face { font-family: 'Bdni'; font-style: normal; font-weight: normal; src: url('/fonts/bodoni.woff') format('woff'); }
@font-face { font-family: 'RBcsd'; font-style: normal; font-weight: normal; src: url('/fonts/roboto.woff2') format('woff2'); }
@font-face { font-family: 'RBcsd'; font-style: normal; font-weight: bold; src: url('/fonts/robotobold.woff2') format('woff2'); }
@font-face {
	font-family: 'FAwesomeBrands'; font-style: normal; font-weight: normal;
	src: url('/fonts/f-brands-400.eot');
	src: url('/fonts/f-brands-400.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/f-brands-400.woff2') format('woff2'),
		 url('/fonts/f-brands-400.woff') format('woff'),
		 url('/fonts/f-brands-400.ttf') format('truetype'),
		 url('/fonts/f-brands-400.svg#fontawesome') format('svg');
	}
@font-face {
	font-family: 'FAwesomeFree'; font-style: normal; font-weight: 300;
	src: url('/fonts/f-light-300.eot');
	src: url('/fonts/f-light-300.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/f-light-300.woff2') format('woff2'),
		 url('/fonts/f-light-300.woff') format('woff'),
		 url('/fonts/f-light-300.ttf') format('truetype'),
		 url('/fonts/f-light-300.svg#fontawesome') format('svg');
	}
@font-face {
	font-family: 'FAwesomeFree'; font-style: normal; font-weight: 400;
	src: url('/fonts/f-regular-400.eot');
	src: url('/fonts/f-regular-400.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/f-regular-400.woff2') format('woff2'),
		 url('/fonts/f-regular-400.woff') format('woff'),
		 url('/fonts/f-regular-400.ttf') format('truetype'),
		 url('/fonts/f-regular-400.svg#fontawesome') format('svg');
	}
@font-face {
	font-family: 'FAwesomeFree'; font-style: normal; font-weight: 900;
	src: url('/fonts/f-solid-900.eot');
	src: url('/fonts/f-solid-900.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/f-solid-900.woff2') format('woff2'),
		 url('/fonts/f-solid-900.woff') format('woff'),
		 url('/fonts/f-solid-900.ttf') format('truetype'),
		 url('/fonts/f-solid-900.svg#fontawesome') format('svg');
	 }

/* Transitions */
div.wrap,
div.wcontentbaaack,
a.button, a.submit span.progress,
header, header:after, header a.logo, header form.search, .usermenu div.avatar, .usermenu div.avatar ul,
div.menu, div.menu ul, div.menu a, div.usermenu, div.usermenu ul.buttons a, .slidetabs a, .panetabs a,
div.menucontent div.slide:not(.ended), .discussionleft ul.list li a, div.pagepane, .pagepane ul.list li a, .menucontent ul.list li a,
label.button:before, label.button:after, .pane, .filterslide, .contentoverlay, #item-sagesessions, #item-retailstores,
form.composer section, div.callhandset, div.callactive, div.callmessage, div.titleicon,
section.supply-stat ul li, section.supply-stat ul span.icon,
.table ul li span.icon, .table ul li span.onhover {
	-webkit-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
	}
div.usermenu ul.buttons a {
	-webkit-transition: all 200ms, background-position 1ms;
	-ms-transition: all 200ms, background-position 1ms;
	transition: all 200ms, background-position 1ms;
	}
div.menucontent div.item  {
	-webkit-transition: all 200ms, margin 1ms;
	-ms-transition: all 200ms, margin 1ms;
	transition: all 200ms, margin 1ms;
	}

/* Blur */
.blur, body[data-withpane] a.viewfullscreen0, body[data-withpane] a.closefullscreen0 {
	-webkit-filter: blur(4px) grayscale(0.20);
	-moz-filter: blur(4px) grayscale(0.20);
	-ms-filter: blur(4px) grayscale(0.20);
	-o-filter: blur(4px) grayscale(0.20);
	filter: blur(4px) grayscale(0.20);
	}

/* Platform Color */
body[data-platform="gb"] {
	--yellow-text: #ffce0c;
	--yellow-background: #ffc50c;
	}
body[data-platform="gemstar"] {
	--yellow-text: #ff9023;
	--yellow-background: #ff840c;
	}
body[data-platform="factory"] {
	--yellow-text: #b5e8bb;
	--yellow-background: #a9e6af;
	}
body[data-platform="luxury"] {
	--yellow-text: #f5d070;
	--yellow-background: #e6b024;
	}
body[data-platform="store"] {
	--yellow-text: #b5e1e8;
	--yellow-background: #aae1ea;
	}

/* Theme */
body, input, textarea, select, option,
div.wcontent a, div.searchcontent a, header div.searchcontent .results p, .partright a, .pagepane a,
*[data-badge]:before, *[data-warning]:before, body.callcurrent .usermenu ul.buttons li.calls:before,
	.contentheader h1, .kpi h2, section.message div.text, section.message div.text a,
	ul.mapfilters li a, div.map-item-info a, .menucontent ul.keypad li a,
	a.button.buttonpageleft, .popupcontent a.button.buttonpageleft, header a.buttonheader,
	.popupconfirm .popupcontent p.info a, .ticket p.buttons a.button, .popupcontent a,
	.menucontent label.button.active:after, .canvasjs-chart-tooltip											{ color: #22292e; }
header, header a, div.menu, div.menu a, a.button, div.wcontent a.button, p.buttons a.button, .usermenu div.avatar,
div.menucontent, div.menucontent a, div.menucontent textarea, .slideheader h3,
.menucontent input, .menucontent select, .menucontent textarea, .kpi h2:before, .popupcontent a.button,
.menucontent select.title option[disabled], a.loading.submit span.progress,
ul.phototools li a, .contentheader a.button, .title a.button, .menucontent ul.keypad li.reverse	a			{ color: #f6f6f7; }
.red																										{ color: #e84c3d !important; }
.green																										{ color: #52a03d !important; }
.orange																										{ color: #e88d3d !important; }
.yellow																										{ color: var(--yellow-text) !important; }
.yellowdark																									{ color: var(--yellow-background) !important; }
div.titleicon span.icon																						{ color: #333f49; }

.content *[data-cat]:before, .content *[data-cat-info]:after, .content div.cat:before						{ color: rgba(51, 63, 73, 0.50); }
.content *[data-cat-info]:after, ul.filterlist:after														{ color: rgba(51, 63, 73, 0.30); }

.popup *[data-cat]:before, .popup *[data-cat-info]:after, .popup div.cat:before								{ color: rgba(51, 63, 73, 0.50); }
.popup *[data-cat-info]:after 																				{ color: rgba(51, 63, 73, 0.30); }

.pagepane *[data-cat]:before, .pagepane *[data-cat-info]:after, .pagepane div.cat:before					{ color: rgba(51, 63, 73, 0.50); }
.pagepane *[data-cat-info]:after 																			{ color: rgba(51, 63, 73, 0.30); }

.filterslide *[data-cat]:before, .filterslide *[data-cat-info]:after, .filterslide div.cat:before			{ color: rgba(51, 63, 73, 0.50); }
.filterslide *[data-cat-info]:after 																		{ color: rgba(51, 63, 73, 0.30); }

.pane *[data-cat]:before, .pane *[data-cat-info]:after, .pane div.cat:before								{ color: rgba(51, 63, 73, 0.50); }
.pane *[data-cat-info]:after 																				{ color: rgba(51, 63, 73, 0.30); }

.menucontent *[data-cat]:before, .menucontent *[data-cat-info]:after, .menucontent div.cat:before 			{ color: rgba(246, 246, 247, 0.40); }
.menucontent *[data-cat-info]:after																			{ color: rgba(246, 246, 247, 0.30); }

body, div.wcontent, div.wall, div.walloptions,
.searchcontent a:hover, label.button.active,
.composer .items div.item, .composer .items div.item:hover													{ background-color: #e0e1e2; }
div.wcontent div.content, div.popup, div.searchcontent, div.photo label.fakefile.select,
	div.newticket, section.ticket, .contentheader, .kpi h2, section.return, section.product,
	.menucontent label.button:after, .pane label.button:after, .filterlabels label.button:after, .excel label.button:after,
	.ticket pre, .menucontent ul.keypad li a, .datetimepicker, .canvasjs-chart-tooltip, .pagepane div.pageheader, .pagepane ul.list,
	.pagepane ul.list li.photo, .pane .item.itemtext, .filtercontent .item.itemtext,
	div.title, .panesection, .pane.loading:after,
	.filterslide, div.filters.filterlabels, section.b2cstore						{ /* background-color: #f6f6f7; */ background-color: #fcfcfd; }
header, header div.loader, div.usermenu, a.button, .menucontent .datetimepicker,
	.menucontent label.button:before, .pane label.button:before, .filterlabels label.button:before, .excel label.button:before,
	.menucontent .searchcontent, div.titleicon:before, div.titleicon:after,
	.menucontent select.title option[disabled], .menucontent ul.keypad li.reverse a,
	a.loading.submit span.progress, a.loading.submit:after,
	section.supply-stat div.bar																		 		{ background-color: #333f49; }
a.button.error																								{ background-color: #e84c3d !important; }
*[data-badge]:before, body.callcurrent .usermenu ul.buttons li.calls:before,
	header .loader div.progress, section.message.unread div.text, ul.keypad li.reverse a,
	header a.buttonheader																					{ background-color: var(--yellow-background); }
div.menucontent, .usermenu ul.buttons li a.active, .usermenu ul.buttons li a:hover							{ background-color: #48535c; }
div.menucontent:before, div.usermenu:before, div.menu														{ background-color: #576067; }
div.titleicon span.icon, section.return h2,
div.filters, .paneheader, .panefooter, .filterheader, .filterfooter, div.filterlabels p.buttons, .pagepane:not(.pane), .pagepane p.buttons,
.content *[data-cat]:before, .content *[data-cat-info]:not([data-cat]):after, .content div.cat:before,
.popup *[data-cat]:before, .popup *[data-cat-info]:not([data-cat]):after, .popup div.cat:before,
.pagepane *[data-cat]:before, .pagepane *[data-cat-info]:not([data-cat]):after, .pagepane div.cat:before,
.pane *[data-cat]:before, .pane *[data-cat-info]:not([data-cat]):after, .pane div.cat:before, ul.steps,
.filterslide *[data-cat]:before, .filterslide *[data-cat-info]:not([data-cat]):after, .filterslide div.cat:before			{ background-color: #eeeff0; }
.slideheader																								{ background-color: rgba(51, 63, 73, 1); }
div.menu a, div.important																					{ background-color: rgba(51, 63, 73, 0.10); }
.slidetabs, .menucontent div.notice																			{ background-color: rgba(51, 63, 73, 0.50); }
div.menu a:hover, .menucontent *[data-cat]:before, .menucontent div.cat:before								{ background-color: rgba(51, 63, 73, 0.25); }
.ticket div.replies, .ticket form.reply, .ticket div.text p.buttons a, .discussionleft						{ background-color: rgba(51, 63, 73, 0.035); }
.menucontent div.item:hover, .slidefooter																	{ background-color: rgba(246, 246, 247, 0.03); }
.menucontent div.item.unread, .usermenu ul.buttons li a														{ background-color: rgba(246, 246, 247, 0.05); }
.menucontent div.item.unread:hover																			{ background-color: rgba(246, 246, 247, 0.1); }
.panetabs																									{ background-color: rgba(252, 252, 253, 0.5); }
div.menu a.active																							{ background-color: #333f49; }
div.menu a																									{ outline-color: #333f49; }
div.usermenu ul.buttons	li a																				{ outline-color: rgba(246, 246, 247, 0.10); }
div.usermenu ul.buttons	li, div.item, div.kpi, div.clocks, div.callslide,
	.item.event h2, .item.stat h2, .item.call h2, .item span.right, .slidefooter, .slidetabs, div.badge,
	.menucontent label:not(.fakefile), .menucontent label.button, .menucontent .table ul,
	.menucontent *[data-cat]:before, .menucontent div.cat:before, .menucontent ul.list li,
	.conversationreply div.files, .menucontent *[data-empty]:empty, .menucontent section.text				{ border-color: rgba(246, 246, 247, 0.10); }
div.monthstats, div.kpi div.chart																			{ border-color: rgba(246, 246, 247, 0.15); }
.slideheader, .kpi select, .datetimepicker,
	.menucontent .table ul.title, .menucontent .searchcontent, .menucontent div.notice,
	.menucontent .table ul.current, .menucontent .table ul.current[data-cat]:before,
	div.callslide h2.number, div.callslide input.number, .menucontent ul.keypad li.reverse a				{ border-color: rgba(246, 246, 247, 0.20); }
div.menucontent a.img																						{ border-color: rgba(246, 246, 247, 0.70); }
div.menu																									{ border-color: #333f49; }
a.loading.submit span.progress																				{ border-color: var(--yellow-background); }
div.wall, div.walloptions, div.menu ul.menu li, p.line, div.listing ul li,
.menu ul.menu li[data-cat]:before, .composer div.users, div.groupfield, div.groupfield label,
input.field, textarea, select, label.button, label.fakefile, div.filters, div.title, div.titleicon,
.searchcontent, .searchcontent a span, div.listcontent, .photolist a, .actionlist a,
.ticket .replies, .ticket .previousreplies, .wcontent a.img, div.newticket, section.product ul.status,
section.client, section.article, section.sav, section.file, section.user,
section.ticket, section.tool, section.return, section.product, section.city,
.ticket pre, .contentheader, .popupcontent div.header, .popupcontent div.footer, .table ul,
.ticket div.text p.buttons a, .files a.photo, .map-item-info p.buttons, .discussionleft						{ border-color: rgba(51, 63, 73, 0.30); }
div.important, .popupcontent div.infoitem, .popupcontent div.info, .actionlist a span.icon,
section.product ul.status																					{ border-color: rgba(51, 63, 73, 0.20); }
.filterslide label:not(.fakefile), .filterslide label.button, .filterslide .table ul, .filterslide *[data-cat]:before,
.paneheader, .panefooter, .filterheader, .filterfooter, .filterslide *[data-empty]:empty, .filterslide section.text,
.pagepane p.buttons																							{ border-color: rgba(51, 63, 73, 0.15); }
.pane label:not(.fakefile), .pane label.button, .pane .table ul, .pane *[data-cat]:before,
.paneheader, .panefooter, .pane *[data-empty]:empty, .pane section.text, .pane div.item						{ border-color: rgba(51, 63, 73, 0.15); }
.ticket .header li.title, .ticket div.text, .ticket div.footer li, .ticket .reply, .ticket a.photo,
div.tracking, .popupcontent .infoitem h3, select.big[multiple] option										{ border-color: rgba(51, 63, 73, 0.10); }

/* Grey Theme
header, header a, div.menu, div.menu a, a.button						{ color: #f6f6f6; }
header, div.usermenu, a.button												{ background-color: #4b4b4b; }
div.menucontent																	{ background-color: #5a5a5a; }
div.menucontent:before, div.menu												{ background-color: #636363; }
div.menu																		{ border-color: #4b4b4b; }
div.menu ul.menu li																{ border-color: rgba(75, 75, 75, 0.50); }
div.menu ul.menu a:hover														{ background-color: rgba(75, 75, 75, 0.25); }
div.menu ul.menu a.active														{ background: linear-gradient(to right, #fbcb43, #daac2c); background: #4b4b4b; }
*/

/* Position */
div.menu, div.usermenu, div.allcontent, header div.titleicon, div.presets { top: 72px; }
div.usermenu { right: -350px; width: 400px; }
div.allcontent, div.presets { left: 55px; right: 60px; }
div.titleicon { left: 52px }
body[data-hasmenu] div.titleicon { left: 322px; opacity: 0; }

/* Badges */
*[data-badge]:before, *[data-warning]:before, body.callcurrent .usermenu ul.buttons li.calls:before {
	font-family: 'OpSa', 'Open Sans', Arial, sans-serif;
	content: attr(data-badge); z-index: 2; position: absolute; top: 7px; right: 5px; padding: 0 3px; min-width: 16px; height: 15px;
	font-size: 10px; line-height: 14px; font-weight: bold; text-align: center; border-radius: 5px; white-space: nowrap; pointer-events: none;
	}
*[data-warning]:before { content: '!'; right: 2px; padding: 0; width: 22px; font-size: 11px; background: transparent; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 15px solid #e84c3d; }
*[data-badge-color="red"]:before { background-color: #e84c3d; }
*[data-badge-color="grey"]:before { background-color: #f6f6f7; }

/* Online Status */
*[data-online="true"]:before { content: ''; position: absolute; top: 3px; right: -4px; width: 10px; height: 10px; background: green; border-width: 1px; border-color: rgba(246, 246, 247, 1); border-radius: 5px; pointer-events: none; }
div.wcontent div.content *[data-online="true"]:before { border-color: rgba(246, 246, 247, 1); }

/* Holidays */
*[data-holidays="true"] { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
*[data-holidays="true"]:after { z-index: 2; content: ''; position: absolute; top: -5%; left: -5%; width: 110%; height: 110%; background: url('/img/icon-holidays.png') no-repeat 50% 50%; background-size: contain; pointer-events: none; }

/* Default */
.loadcontent { min-height: 25px; }
div.text, p.text { word-wrap: break-word; }
.img { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; border-radius: 50%; border-width: 1px; }
.ellipsis, .contentheader h1, .item.event p, .searchcontent span, .composer .items div span,
.itemoninput span.name, .itemoninput span.text,
.groupfield label strong, div.popupmap ul.mapfilters li a,
.presence td button[data-value]:before,
.pagepane ul.list li > a, .pagepane ul.list li.text strong, .menucontent ul.list li > a, .menucontent ul.list li.text strong { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.noellipsis { text-overflow: inherit !important; white-space: normal !important; }
a.button { display: inline-block; padding: 0 15px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; border-width: 0; border-radius: 3px; }
.menucontent a.button, .pane a.button, section.product a.button, .filterslide a.button, .filterlabels a.button, .map-item-info a.button { padding: 0 12px; height: 40px; font-size: 14px; }
span.icon { display: inline-block; }
a.button span.icon { top: 1px; margin-right: 0.4em; }

a.button.disabled { opacity: 0.5; pointer-events: none; }
a.button.grey { opacity: 0.7; }
a.button.hidden { display: none; }
.unactive { pointer-events: none; }
.bold { font-weight: bold !important; }
*[data-visible="hidden"] { display: none; }

h2 span { opacity: 0.7; }
h3 span { font-weight: normal; opacity: 0.7; }
h2.bigicon { display: block !important; min-height: 140px !important; font-size: 140px !important; line-height: 140px !important; text-align: center !important; }
h2.bigicon[data-text]:before { content: attr(data-text); position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 18px; line-height: 138px; text-align: center; font-weight: normal; opacity: 0.5; }
h2.bigicon[data-dltype]:before { content: attr(data-dltype); position: absolute; top: 46px; left: 0; right: 0; font-size: 16px; line-height: 20px; text-align: center; font-weight: normal; opacity: 0.5; }
h2.bigicon[data-dlvalue]:after { content: attr(data-dlvalue); position: absolute; bottom: 52px; left: 0; right: 0; font-size: 24px; line-height: 20px; text-align: center; font-weight: normal; opacity: 0.7; }
strong.big { font-size: 16px; line-height: 24px; }

p { padding: 15px 0 0 0; font-size: 13px; line-height: 20px; }
p.line { margin-top: 15px; border-width: 1px 0 0 0; }
p.buttons { font-size: 0; line-height: 0; text-align: center; }
p.buttons a.button, p.buttonlist a.button { margin: 0 5px; }
p.nopadding { padding-top: 0; }

ul.avatar li.name { font-size: 16px; line-height: 22px; font-weight: bold; }
ul.avatar li.info { padding-right: 2px; font-size: 11px; line-height: 20px; opacity: 0.6; }

/* Filter List */
ul.filterlist { display: none; }

/* Loading */
form a.submit:after,
a.button.submit:after,
.pane.loading:before,
.loadcontent.wall.loading:after,
.loadcontent.products.loading:after,
.loadcontent.listcontent.loading:after,
.loadcontent.table.loading:after { content: ''; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0%25 0%25; display: block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Crect fill='%23ffffff' x='15' y='15' width='30' height='30' rx='3' ry='3'%3E%3Canimate attributeName='x' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-1.8333333333333333s'%3E%3C/animate%3E%3Canimate attributeName='y' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-1.3333333333333333s'%3E%3C/animate%3E%3C/rect%3E%3Crect fill='rgba(255, 255, 255, 0.6652257808562247)' x='15' y='15' width='30' height='30' rx='3' ry='3'%3E%3Canimate attributeName='x' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-1.1666666666666667s'%3E%3C/animate%3E%3Canimate attributeName='y' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-0.6666666666666666s'%3E%3C/animate%3E%3C/rect%3E%3Crect fill='rgba(255, 255, 255, 0.21232255504977315)' x='15' y='15' width='30' height='30' rx='3' ry='3'%3E%3Canimate attributeName='x' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='-0.5s'%3E%3C/animate%3E%3Canimate attributeName='y' dur='2s' repeatCount='indefinite' keyTimes='0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1' values='15;55;55;55;55;15;15;15;15' begin='0s'%3E%3C/animate%3E%3C/rect%3E%3C/svg%3E"); pointer-events: none; }
.loadcontent.wall.loading:after,
.loadcontent.products.loading:after,
.loadcontent.listcontent.loading:after,
.loadcontent.table.loading:after { z-index: 150; display: block; margin: 30px auto 0; top: -15px; width: 35px; height: 35px; background-size: 50% auto; background-color: #333f49; border-radius: 50%; }
.loadcontent.products.loading:after { position: absolute; top: auto; left: calc(50% - ( 35px / 2 )); bottom: 25px; }

form.loading { pointer-events: none; }
form a.submit:after, a.button.submit:after { position: absolute; inset: 0; background-size: auto 45%; border-radius: 5px; opacity: 0; }
form.loading a.submit, a.button.submit.loading { color: color-mix(in srgb, currentColor 0%, transparent); pointer-events: none; }
form.loading a.submit:after, a.button.submit.loading:after { opacity: 1; }

/* Error */
.error:not(.button) { border-color: #e84c3d !important; color: #e84c3d !important; }

/* Progress */
div.progressform { display: none; z-index: 2000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); }
.progressform .progressicon { position: absolute; top: calc(50% - 80px); left: calc(50% - 40px); width: 80px; height: 80px; background: url('/img/loading.gif') no-repeat 50% 50%; background-size: cover; }
.progressform .progressbar { position: absolute; top: calc(50% + 20px); left: calc(50% - 100px); width: 200px; height: 8px; border: 1px solid #e0e0e0; border-radius: 3px; }
.progressform .progressbar span { position: absolute; width: 0; height: 6px; background: #71a60a; border-radius: 2px; }

/* Scroll */
.scroll { font-size: 12px; overflow: hidden; overflow-y: auto; }
.scroller { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.scroller.scroll { overflow-y: scroll; }
.overflow { overflow: hidden; }
.innerscroll { font-size: 0; }

/* FullContent */
.fullcontent > .scrollrail { display: none; }
.fullcontent > .overflow > .scroll > .innerscroll { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.fullcontent > .overflow > .scroll > .innerscroll > div.content { position: absolute; display: flex; flex-direction: column; top: 0; left: 0; right: 0; bottom: 0; }

/* Select */
div.wcontent div.content, div.popup, div.conversationcontent, div.pane, div.pagepane { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

/* Login */
body.login { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-attachment: fixed; overflow: hidden; }
body.login:before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url('/img/background.png') no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow: hidden; }

div.login { padding: 10px; /* width: calc(100% - 30px); max-width: 370px; */ width: 370px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -35%); transform: translate(-50%, -35%); background: transparent; border-radius: 10px; box-shadow: 0 0 150px rgba(0, 0, 0, 0.5); }

form.login { padding: 35% 0 15px 0; width: 100%; background: #f6f6f7; border-radius: 3px; }
form.login img.logo { position: absolute; left: -30px; bottom: 223px; width: calc(100% + 30px); height: auto; }
form.login label { z-index: 1; position: absolute; width: 60px; height: 70px; background: url('/img/icons-login.png') no-repeat 0 0; background-size: 70px auto; }
form.login label.password { background-position: 0 -70px; }
form.login input.field { display: block; padding: 0 0 2px 66px; width: 100%; height: 71px; font-size: 20px; line-height: 68px; background: #ecedee; border: 1px solid rgba(51, 63, 73, 0.25); border-width: 1px 0 0; }
form.login input.field.password { height: 72px; border-width: 1px 0 1px; }
form.login a.submit { display: block; margin: 15px auto 0; width: calc(100% - 30px); height: 50px; font-size: 20px; line-height: 50px; }

form.login.wip h1 { margin: 0; padding: 25px 0 0 0; font-size: 20px; line-height: 30px; font-weight: bold; text-align: center; text-transform: uppercase; border: 1px solid rgba(51, 63, 73, 0.25); border-width: 1px 0 0; }
form.login.wip p { padding: 0 0 10px; font-size: 13px; line-height: 22px; text-align: center; }
form.login.wip img.logo { bottom: 168px; }

@media only screen and (max-width: 400px){ div.login { -webkit-transform: translate(-50%, -35%) scale(0.9); transform: translate(-50%, -35%) scale(0.9); } }
@media only screen and (max-width: 370px){ div.login { -webkit-transform: translate(-50%, -35%) scale(0.8); transform: translate(-50%, -35%) scale(0.8); } }
@media only screen and (max-width: 330px){ div.login { -webkit-transform: translate(-50%, -35%) scale(0.7); transform: translate(-50%, -35%) scale(0.7); } }
@media only screen and (max-width: 290px){ div.login { -webkit-transform: translate(-50%, -35%) scale(0.6); transform: translate(-50%, -35%) scale(0.6); } }

/* Preset */
div.presets { display: none; z-index: 250; position: fixed; }

/* Header */
header { z-index: 200; position: fixed; top: 2px; left: 0; right: 0; height: 70px; background-image: url('/img/background-header.png'); background-repeat: no-repeat; background-position: calc(100% - 345px) 50%; }
header:after { display: none; content: ''; z-index: 5; position: absolute; top: -37px; left: 0; width: 350px; height: 350px; background-repeat: no-repeat 0 0; background-size: 350px auto; border-bottom: 10px solid rgba(33, 41, 48, 0.7); pointer-events: none; opacity: 0; }
header:before, .slideheader:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 60px; background: linear-gradient(rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, 0.22) 100%); }

body[data-platform="gb"] header:after { background-image: url('/img/zeus-header.png'); }
body[data-platform="gemstar"] header:after { background-image: url('/img/zeus-header-gemstar.png'); }
body[data-platform="factory"] header:after { background-image: url('/img/zeus-header-factory.png'); }
body[data-platform="store"] header:after { background-image: url('/img/zeus-header-store.png'); }

header div.loader { position: absolute; top: -2px; left: 0; right: 0; height: 2px; }
header .loader div.progress { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }

header a.menu { display: inline-block; width: 60px; height: 70px; background: url('/img/icons.png?v22') no-repeat 50% -645px; background-size: 50px auto; }
header a.logo { display: inline-block; margin-left: -5px; width: 80px; height: 60px; background: url('/img/logo-header.png?2') no-repeat 0 0; background-size: 100% auto; }
header a.logo:before { display: block; position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; pointer-events: none; }
body[data-platform="gb"] header a.logo:before { background-image: url('/img/logo-header-gb.png'); }
body[data-platform="gemstar"] header a.logo:before { background-image: url('/img/logo-header-gemstar.png'); }
body[data-platform="factory"] header a.logo:before { background-image: url('/img/logo-header-factory.png'); }
body[data-platform="luxury"] header a.logo:before { background-image: url('/img/logo-header-luxury.png'); }
body[data-platform="store"] header a.logo:before { background-image: url('/img/logo-header-store.png'); }

header a.platform { display: inline-block; margin-left: 3px; width: 52px; height: 60px; background-repeat: no-repeat; background-size: auto 60px; background-position: 0 50%; }
header a.platform:before { top: 10px; right: -4px; }
header a.platform:after { position: absolute; content: ''; top: 20px; left: 0; width: 1px; height: 22px; background: #fff; opacity: 0.3; pointer-events: none; }
header a.platform span.arrow { position: absolute; top: 0; right: -2px; width: 10px; height: 60px; background: url('/img/arrow-w.png') no-repeat; background-position: 100% calc(50% + 1px); background-size: auto 6px; }
header a.platform[data-badge] span.arrow { top: 5px; }
header a.buttonheader { margin: 10px 10px 0 0; padding: 0 10px; }

body[data-platform="gb"] header a.platform { background-image: url('/img/platform-gb.png'); }
body[data-platform="gemstar"] header a.platform { background-image: url('/img/platform-gemstar.png'); }
body[data-platform="factory"] header a.platform { background-image: url('/img/platform-factory.png'); }
body[data-platform="luxury"] header a.platform { background-image: url('/img/platform-luxury.png'); }
body[data-platform="store"] header a.platform { background-image: url('/img/platform-store.png'); }

header form.search { display: inline-block; margin: 0 18px 0; width: 495px; height: 60px; }
header .search input.field { display: inline-block; margin: 10px 0; padding: 0 125px 0 40px; width: 100%; height: 40px; font-size: 16px; line-height: 38px; border: 0; border-radius: 2px; }
header .search select { position: absolute; top: 15px; right: 0; padding: 0 20px 0 8px; width: 115px; height: 30px; font-size: 16px; line-height: 30px; border-width: 0 0 0 1px; border-radius: 0; }
header .search a.submit { position: absolute; top: 10px; left: 0; width: 40px; height: 40px; background: url('/img/icons.png?v22') no-repeat -5px -5px; background-size: 50px auto; }
body[data-platform="store"] header form.search { margin-right: 15px; width: 420px; }

/* Menu */
div.menu { z-index: 90; position: fixed; left: 0; bottom: 0; width: 52px; min-width: 52px; max-width: calc(350px + 52px); overflow: visible; }
div.menu:before { content: ''; z-index: 2; position: absolute; top: 0; right: -3px; bottom: 0; width: 3px; background-color: var(--yellow-background); box-shadow: -10px 0 30px rgba(0, 0, 0, 0.75); }
div.menu.active { /* width: 322px; */ width: calc(22vw); min-width: 302px; }
.menu div.menuleft { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

div.menu a { display: block; padding: 0 15px 0 50px; height: 100%; font-size: 14px; line-height: 50px; border-left: 2px solid transparent; outline-style: solid; outline-width: 0; overflow: hidden; }
div.menu a.active { border-left: 2px solid var(--yellow-background); outline-width: 1px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }

.menu ul.menu li { height: 52px; border-width: 0 0 1px 0; }
.menu ul.menu li[data-cat]:not(:first-of-type) { margin-top: 30px; }
.menu ul.menu li[data-cat]:not(:first-of-type):before { content: attr(data-cat); position: absolute; top: -35px; padding: 15px 10px 0 15px; width: 100%; height: 35px; font-size: 10px; line-height: 12px; color: rgba(246, 246, 247, 0.30); text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; border-width: 0 0 1px 0; overflow: hidden; }
.menu ul.menu li a[data-badge]:before { top: 49.9%; right: 15px; text-shadow: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.menu ul.menu li a span.icon { z-index: 1; position: absolute; top: 1px; left: 0; bottom: 0; width: 50px; height: 50px; font-size: 14px; line-height: 50px; text-align: center; opacity: 0.8; pointer-events: none; }
.menu ul.menu li a.imgicon:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 50px; background: url('/img/icons.png?v22') no-repeat 0 0; background-size: 100% auto; opacity: 0.8; }
.menu ul.menu li a.imgicon:hover:before, .menu ul.menu li a:hover span.icon { opacity: 0.85; }
.menu ul.menu li a.imgicon.active:before, .menu ul.menu li a.active span.icon { opacity: 1; }

div.menu:not(.active) ul.menu li a[data-badge]:before { top: 7px; transform: none; right: auto; left: 27px; }
body[data-hasmenu] .menu ul.menu li a[data-badge]:before { animation: hideshow 300ms linear; }
@keyframes hideshow {
	0% { opacity: 0; }
	70% { opacity: 0; }
	100% { opacity: 1; }
	}

.menu ul.menu li a.home:before { background-position: 0 -650px; }
.menu ul.menu li a.agenda:before { background-position: 0 -700px; }
.menu ul.menu li a.clients:before { background-position: 0 -750px; }
.menu ul.menu li a.client:before { background-position: 0 -750px; }
.menu ul.menu li a.catalog:before { background-position: 0 -800px; }
.menu ul.menu li a.users:before { background-position: 0 -850px; }
.menu ul.menu li a.sav:before { background-position: 0 -900px; }
.menu ul.menu li a.returns:before { background-position: 0 -900px; }
.menu ul.menu li a.orders:before { background-position: 0 -950px; }
.menu ul.menu li a.export:before { background-position: 0 -1000px; }
.menu ul.menu li a.coef:before { background-position: 0 -1050px; }
.menu ul.menu li a.vip:before { background-position: 0 -1100px; }
.menu ul.menu li a.docs:before { background-position: 0 -1150px; }
.menu ul.menu li a.calls:before { background-position: 0 -1250px; }
.menu ul.menu li a.activity-billing:before { background-position: 0 -1200px; }
.menu ul.menu li a.activity-delivery:before { background-position: 0 -1300px; }
.menu ul.menu li a.activity-mybo:before { background-position: 0 -1350px; }
.menu ul.menu li a.activity-presence:before { background-position: 0 -1800px; }

/* Call */
div.menu a.call { padding: 20px; height: 244px; font-size: 16px; line-height: 24px; font-weight: bold; text-align: center; background: url('/img/call-header.jpg?v=9') no-repeat 100% 0; background-size: 350px auto; overflow: visible; border-bottom: 0; }
div.menu a.call:before { content: ''; z-index: 5; display: block; margin: 10px auto; width: 120px; height: 120px; background: url('/img/call-icons.png?v22') no-repeat 50% 0; background-size: 100% auto; opacity: 0.9; }
div.menu a.call:after { content: ''; z-index: 5; position: absolute; bottom: 0; left: -2px; right: 0; height: 20px; border-bottom: 10px solid rgba(33, 41, 48, 0.7); }
div.menu a.call span { display: block; font-size: 15px; font-weight: normal; opacity: 0.7; }
div.menu a.call.callout:before { background-position: 50% 100%; }

/* Call */
div.callslide { display: block; height: 360px; background: url('/img/back-call.jpg') no-repeat 50% 0; background-size: auto; background-size: cover; border-width: 0 0 1px 0; overflow: hidden; }
div.callslide h2.number, div.callslide input.number { display: block; margin: 10px auto 0; padding: 0 10px; width: calc(100% - 20px); height: 40px; font-size: 16px; line-height: 40px; text-align: center !important; font-weight: bold; background: transparent; border-width: 0 0 1px; }

body:not(.call) .usermenu ul.buttons li.calls { display: none; }
body.callcurrent .usermenu ul.buttons li.calls:before { content: '...'; animation: callbadge 4s linear infinite alternate; }
body.callcurrent .usermenu ul.buttons li a.calls { background-position: 0 -795px; }
@keyframes callbadge {
	0% { content: '...'; }
	10% { content: '.lI'; }
	12% { content: 'I.I'; }
	15% { content: 'ııI'; }
	20% { content: 'I.I'; }
	23% { content: 'ı.l'; }
	25% { content: '.ıl'; }
	28% { content: 'lI.'; }
	32% { content: '.ıI'; }
	35% { content: 'I.I'; }
	37% { content: 'I.ı'; }
	40% { content: 'lI.'; }
	45% { content: '.Il'; }
	46% { content: '..ı'; }
	50% { content: '.lI'; }
	52% { content: 'l.l'; }
	55% { content: 'l.ı'; }
	60% { content: '.lI'; }
	64% { content: 'ı.I'; }
	68% { content: 'Ilı'; }
	70% { content: 'I.I'; }
	75% { content: 'lıı'; }
	77% { content: 'ı.l'; }
	79% { content: 'ıI.'; }
	80% { content: '.II'; }
	82% { content: 'I.I'; }
	85% { content: 'ı.I'; }
	88% { content: 'lI.'; }
	90% { content: '.Il'; }
	92% { content: '..I'; }
	95% { content: '.lı'; }
	100% { content: '...'; }
	}

div.callhandset, div.callactive, div.callmessage { position: absolute; top: 0; left: 20px; right: 20px; bottom: 0; overflow: hidden; }

div.callinfos { display: none; } body.callcurrent div.callinfos { display: block; }
div.calldefault { display: block; } body.callcurrent div.calldefault { display: none; }

/* Call : Handset */
div.callhandset { opacity: 1; }
div.callhandset.active { opacity: 0; pointer-events: none; }
body.callcurrent div.callhandset { top: -50%; opacity: 0; pointer-events: none; }
div.callhandset p.info { padding: 0; font-size: 12px; line-height: 32px; opacity: 0.7; }
div.callhandset p.info select, div.callhandset p.explain select { padding: 0; width: auto; font-size: 12px; line-height: 20px; text-align: left; background-color: transparent; background-position-y: calc(50% + 2px); border: 0; }
div.callhandset p.info select { line-height: 32px; }
div.callhandset p.explain, div.callactive p.explain { margin: 0; padding: 0; font-size: 12px; line-height: 20px; opacity: 0.5; }

div.callhandset form:not([data-local]) span[rel="line"], div.callhandset form[data-local] select[name="line"] { display: none; }

div.callhandset ul.keypad { display: block; width: 162px; margin: 10px auto; }
div.callhandset ul.keypad li { display: inline-block; margin: 5px 7px; }
div.callhandset ul.keypad li a { display: block; width: 40px; height: 40px; font-size: 18px; line-height: 40px; font-weight: bold; border-radius: 30%; }
div.callhandset ul.keypad li.reverse a { line-height: 38px; border-width: 1px; }
div.callhandset ul.keypad li a strong { left: -3px; font-size: 20px; }
div.callhandset ul.keypad li a.grey { opacity: 0.3; }

/* Call : Active */
div.callactive { opacity: 1; }
body.callcurrent div.slide[rel="calls"] div.slideheader h3:before { content: attr(data-callcurrent); }
body.callcurrent div.slide[rel="calls"] div.slideheader h3 strong { display: none; }
body:not(.callcurrent) div.callactive { top: 50%; opacity: 0; pointer-events: none; }

div.callactive a.call { z-index: 10; position: absolute; top: 105px; left: 0; right: 0; bottom: 80px; padding: 20px; height: auto; font-size: 16px; line-height: 24px; font-weight: bold; text-align: center; border: 0; }
div.callactive a.call:before { content: ''; z-index: 5; display: block; margin: 10px auto; width: 120px; height: 120px; background: url('/img/call-icons.png?v22') no-repeat 50% 0; background-size: 100% auto; opacity: 0.9; }
div.callactive a.call[call-direction="out"]:before { background-position: 50% 100%; }
div.callactive a.call span { display: block; font-size: 15px; font-weight: normal; opacity: 0.7; }
div.callactive form.endcall { position: absolute; bottom: 17px; left: 0; right: 0; }

div.callactive h2.number { font-weight: normal; color: rgba(246, 246, 247, 0.30); }
div.callactive h3 { position: absolute; top: -35px; left: 20px; right: 20px; }
div.callactive h4 { position: absolute; top: -10px; left: 20px; right: 20px; font-size: 14px; font-weight: normal; opacity: 0.7; }
div.callactive h5 {  }

/* Call : Message */
div.callmessage { opacity: 0; pointer-events: none; }
div.callmessage.active { opacity: 1; }
body.callcurrent div.callmessage { top: -50%; opacity: 0; }
div.callmessage div { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div.callmessage p { padding: 0; }

/* Notice */
div.notice { position: absolute; margin-bottom: -30px; padding: 15px; border-radius: 3px; border-width: 1px; opacity: 0; }
div.notice span.icon { position: absolute; font-size: 19px; line-height: 18px; }
div.notice p { padding: 0 0 0 30px; font-size: 11px; line-height: 18px; }

div.slidefooter div.notice, div.panefooter div.notice { position: relative; padding-top: 12px; border-radius: 0; border-width: 0 0 1px; }

/* Title Icon */
div.titleicon { z-index: 320; position: absolute; margin: -5px 0 0 -6px; width: 58px; height: 58px; border-width: 1px; border-radius: 2px; box-shadow: -3px -3px 10px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); pointer-events: none; opacity: 0.989999; }
div.titleicon:before { z-index: 2; content: ''; position: absolute; top: 6px; left: 6px; width: 7px; height: 7px; border-radius: 50%; }
div.titleicon:after { z-index: 2; content: ''; position: absolute; top: 9px; left: 19px; right: 6px; height: 1px; opacity: 0.3; }
div.titleicon span.icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 20px; line-height: 64px; text-align: center; border-radius: 2px; overflow: hidden; }

div.title div.titleicon { display: none; top: 2px; left: 0; border: 0; background: transparent; box-shadow: none; pointer-events: none; }
div.title div.titleicon:before, div.title div.titleicon:after { display: none; }
div.title div.titleicon span.icon { background: transparent; }

body[data-withpane] div.titleicon:before { content: 'Fermer'; top: auto; left: 6px; right: 6px; bottom: 4px; width: auto; height: auto; font-size: 9px; line-height: 20px; color: #fcfcfd; text-align: center; text-transform: uppercase; background-color: transparent; }
body[data-withpane] div.titleicon:after { top: 5px; left: 6px; right: 6px; background-color: #fcfcfd; }
body[data-withpane] div.titleicon span.icon { background-color: #333f49; }
body[data-withpane] div.titleicon span.icon * { display: none; }
body[data-withpane] div.titleicon span.icon:before { z-index: 5; content: ''; position: absolute; top: 8px; left: 10px; right: 10px; height: 30px; background: url('/img/icons.png') no-repeat 50% -2060px; background-size: 50px auto; }

/* Icon Right */
span.iconright { float: right; margin-left: 10px; opacity: 0.7; }

/* Title */
div.title { z-index: 20; position: -webkit-sticky; position: sticky; top: 0; padding: 10px 15px 10px 61px; min-height: 51px; font-size: 16px; line-height: 30px; border-width: 0 0 1px; overflow: hidden; }
.wcontent.fullcontent div.title { z-index: inherit; }
div.title ul { top: 5px; white-space: nowrap; }
div.title ul li { display: inline-block; }
div.title ul li:not(:first-of-type):before, div.title ul li:last-of-type a[data-text]:after { content: '>'; display: inline-block; top: 1px; padding-left: 5px; padding-right: 5px; font-size: 13px; font-weight: normal; opacity: 0.5; }

div.title ul li a { display: inline-block; font-weight: normal; opacity: 0.7; }
div.title ul li:last-of-type a, div.title ul li a.bold { font-weight: bold; opacity: 1; }
div.title ul li:last-of-type a[data-text]:before { content: attr(data-text); position: absolute; left: 100%; font-weight: normal; opacity: 0.7; }

div.title a.button, div.presets a.button  { z-index: 5; padding: 0 12px; height: 30px; font-size: 14px; line-height: 30px; font-weight: normal; }
div.title a.button span.icon, div.presets a.button span.icon { margin-right: 6px; line-height: 32px; }
div.title a.button.right { float: right; margin-left: 5px; }

/* Overlay */
.contentoverlay { z-index: 120; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0; pointer-events: none; }
.contentoverlay.active { opacity: 1; pointer-events: auto;
	-webkit-backdrop-filter: blur(4px) grayscale(0.20);
	-moz-backdrop-filter: blur(4px) grayscale(0.20);
	-ms-backdrop-filter: blur(4px) grayscale(0.20);
	-o-backdrop-filter: blur(4px) grayscale(0.20);
	backdrop-filter: blur(4px) grayscale(0.20);
	}

/* Pane */
.pane { z-index: 150; position: absolute; top: 0; bottom: 0; margin-left: -100%; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.pane.active { opacity: 1; margin-left: 0; pointer-events: auto; }
.pane a.exit { z-index: 50; position: absolute; top: 0; left: 0; width: 55px; height: 55px; cursor: pointer; background: url('/img/icons.png?v22') no-repeat 50% -50px; background-size: 50px auto; border-radius: 50%; opacity: 0.8; }

.pane.loading:after { content: ''; position: absolute; top: 0; }
.pane.loading:before { z-index: 25; content: ''; position: absolute; margin: 0; padding: 0; top: 0; left: 0; right: 0; width: 350px; max-width: 100%; height: 70px; background-size: auto 22px; -webkit-filter: invert(1); filter: invert(1); opacity: 0.8; }
.pane.loading .paneall { pointer-events: none; /*opacity: 0.3;
	-webkit-filter: blur(4px) grayscale(0.20);
	-moz-filter: blur(4px) grayscale(0.20);
	-ms-filter: blur(4px) grayscale(0.20);
	-o-filter: blur(4px) grayscale(0.20);
	filter: blur(4px) grayscale(0.20);
	*/
	}
.pane.loading .paneall div * { color: rgba(0, 0, 0, 0) !important; opacity: 0; }

.paneall { z-index: 20; display: flex; flex-flow: row; width: 100%; height: 100%; /* opacity: 0.9; */ }

.panesection, .panemore, .pane.loading:after { display: flex; flex-flow: column; width: calc(22vw); max-width: 350px; min-width: 280px; height: 100%; border-width: 0 1px 0 0; border-color: rgba(51, 63, 73, 0.35); }
.panesection:not(.noshadow), .panemore:not(.noshadow), .pane.loading:after { box-shadow: 0 0 50px rgba(0, 0, 0, 0.15); }
.panemore:not(.noshadow):before { z-index: 15; content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 15px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }
.panemore { z-index: -1; width: calc(20vw); max-width: 320px; min-width: 250px; background-color: #f6f6f7; }
.paneflex { flex: 1; width: auto; max-width: 100%; min-width: auto; border-width: 0; }
.paneauto { position: absolute; inset: 0; display: flex; flex-flow: column; overflow: hidden; overflow-x: auto; /* scrollbar-width: thin; */ }
.panemore + .panemore { z-index: -2; }

.paneheader { height: 70px; border-width: 0 0 1px; }
.paneheader h3 { position: absolute; padding: 0; top: 50%; left: 0; right: 0; text-align: center; font-size: 13px; line-height: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.panecontent { flex: 1; }
.panebottom { border-width: 1px 0 0; margin-bottom: -1px; }
.panefooter { border-width: 1px 0 0; }
.panefooter p.buttons { padding: 15px 0; }

.panetabs { display: table; width: 100%; height: 51px; border-width: 0 0 1px; }
.panetabs ul { display: table-row; }
.panetabs ul li { display: table-cell; width: 50%; }
.panetabs[data-tabs="3"] ul li { width: 33.3333%; }
.panetabs[data-tabs="4"] ul li { width: 25%; }
.panetabs ul li a { display: block; height: 50px; font-size: 13px; line-height: 50px; text-align: center; opacity: 0.6; }
.panetabs ul li a:hover { opacity: 0.8; }
.panetabs ul li a.active { opacity: 1; border-bottom-width: 2px; }

/* Filters */
div.filters { z-index: 9; padding: 10px 15px; min-height: 51px; font-size: 13px; line-height: 30px; border-width: 0 0 1px; }
div.filters.fixedtoheader { z-index: 10; }
div.filters.filterlabels { padding: 0; }
div.filters + div { border-top-width: 0; }

div.filters select, form.filters select { margin-right: 10px; height: 30px; }
div.filters > a.button, form.filters > a.button, .filters .floatright > a.button { z-index: 5; height: 30px; font-size: 14px; line-height: 30px; color: #f6f6f7; }
div.filters > a.button.right, form.filters > a.button.right, .filters .floatright > a.button.right { float: right; }

div.filters > a.viewfilters:before { content: 'Afficher les filtres +'; position: absolute; right: 15px; font-size: 11px; line-height: 46px; opacity: 0.7; }

div.filters ul.minibuttons { z-index: 5; margin-top: 5px; }
div.filters ul.minibuttons li { display: inline-block; margin-left: 5px; }
div.filters ul.minibuttons li a.button { height: 30px; font-size: 14px; line-height: 30px; color: #f6f6f7; }

/* Filters Slide */
.filterslide { z-index: 120; position: fixed; top: 0; bottom: 0; margin-left: 100%; width: 350px; max-width: 100%; border-width: 0 0 0 1px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.15); opacity: 0; pointer-events: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.filteroverlay { z-index: 30; position: fixed; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); cursor: pointer; opacity: 0; pointer-events: none; }
.filterslide.active, .filteroverlay.active { opacity: 1; pointer-events: auto; }

.filterslide a.hidefilters { z-index: 50; position: absolute; top: 10px; right: 0; width: 50px; height: 50px; cursor: pointer; background: url('/img/icons.png?v22') no-repeat 50% -50px; background-size: 50px auto; border-radius: 50%; opacity: 0.8; }

.filterall { z-index: 20; display: flex; flex-flow: column; height: 100%; opacity: 0.9; }
.filterheader { height: 70px; border-width: 0 0 1px; }
.filtercontent { flex: 1; }
.filterfooter { border-width: 1px 0 0; }
.filterfooter p.buttons { padding: 15px 0; }

.pane .filterslide { position: absolute; }
.pane .filteroverlay { position: absolute; }

/* Filters Labels */
.filterlabels p.buttons, .pagepane p.buttons, .pagepane p.buttonlist { text-align: center; padding: 15px 0; font-size: 0; line-height: 0; }
.filterexport { margin: 15px -5px 20px; border-width: 1px 0 0; }

/* User Menu */
div.usermenu { z-index: 290; position: fixed; top: 2px; bottom: 0; /* box-shadow: 0 0 100px rgba(0, 0, 0, 0.2); */ }
div.usermenu:before { content: ''; z-index: 2; position: absolute; top: 70px; left: -10px; bottom: 0; width: 10px; box-shadow: 10px 0 30px rgba(0, 0, 0, 0.75); }
div.menucontent:before { content: ''; z-index: 2; position: absolute; top: 0; left: -10px; bottom: 0; width: 10px; box-shadow: 0 0 50px rgba(0, 0, 0, 1); }
div.menucontent { z-index: 1; position: absolute; top: 0; left: 50px; right: 0; bottom: 0; box-shadow: 0 0 100px rgba(0, 0, 0, 0.2); overflow: hidden; }
div.usermenu.active { right: 0 !important; }
@-moz-document url-prefix() {
	div.usermenu00:hover { right: 0 !important; }
	}

.usermenu div.avatar { z-index: 3; position: absolute; top: 0; left: 0; height: 70px; }
.usermenu div.avatar:before { content: ''; position: absolute; top: -2px; left: -20px; width: 90px; height: 90px; background: #47525b; border-radius: 50%; }
.usermenu div.avatar a.img { z-index: 2; position: absolute; top: 8px; left: -10px; width: 70px; height: 70px; border: 2px solid rgba(246, 246, 247, 0.9); }
.usermenu div.avatar a.img[data-badge]:before, .usermenu div.avatar a.img[data-warning]:before { display: none; top: 0; }
.usermenu div.avatar ul { position: absolute; top: 10px; left: -215px; padding-right: 15px; width: 200px; text-align: right; }

.usermenu div.buttons { position: absolute; top: 70px; bottom: 0; width: 50px; }
.usermenu ul.buttons { display: block; }
.usermenu ul.buttons li { border-width: 0 0 1px 0; }
.usermenu ul.buttons li a { display: block; height: 60px; background-image: url('/img/icons.png?v22'); background-repeat: no-repeat; background-position: 0 0; background-size: 50px auto; outline-style: solid; outline-width: 0; opacity: 0.4; }
.usermenu ul.buttons li a:hover, .usermenu ul.buttons li a.active { outline-width: 1px 0; opacity: 0.6; }
.usermenu ul.buttons li a.active { opacity: 1; }
.usermenu ul.buttons li a.composer { height: 80px; background-position: 0 -77px; }
.usermenu ul.buttons li a.notifications { background-position: 0 -145px; }
.usermenu ul.buttons li a.conversations { background-position: 0 -195px; }
.usermenu ul.buttons li a.announce { background-position: 0 -545px; }
.usermenu ul.buttons li a.agenda { background-position: 0 -245px; }
.usermenu ul.buttons li a.users { background-position: 0 -295px; }
.usermenu ul.buttons li a.options { background-position: 0 -345px; }
.usermenu ul.buttons li a.logout { background-position: 0 -495px; }
.usermenu ul.buttons li a.kpi { background-position: 0 -1445px; }
.usermenu ul.buttons li a.info { background-image: none; }
.usermenu ul.buttons li a.bookmark { background-position: 0 -1495px; }
.usermenu ul.buttons li a.stock { background-position: 0 -1545px; }
.usermenu ul.buttons li a.tickets { background-position: 0 -1595px; }
.usermenu ul.buttons li a.calls { background-position: 0 -745px; }

@media only screen and (min-width: 961px){
	.usermenu ul.buttons li:first-of-type:before { top: 27px; }
	.usermenu ul.buttons li:first-of-type a { height: 80px; padding-top: 20px; }
	}

.usermenu ul.buttons li a span { display: block; text-align: center; font-weight: bold; }
.usermenu ul.buttons li a span.day { padding-top: 12px; font-size: 20px; line-height: 20px; }
.usermenu ul.buttons li a span.month { font-size: 11px; line-height: 16px; text-transform: uppercase; }

/* Slides */
.menucontent div.slide { position: absolute; display: flex; flex-flow: column; top: 0; left: -100%; right: 100%; bottom: 0; opacity: 0.8; }
.menucontent div.slide.active { z-index: 1; left: 0; right: 0; }
.menucontent div.slide.ending { left: 100%; right: -100%; }

.content *[data-cat]:before, .content *[data-cat-info]:after, .content div.cat:before,
.popup *[data-cat]:before, .popup *[data-cat-info]:after, .popup div.cat:before,
.pagepane *[data-cat]:before, .pagepane *[data-cat-info]:after, .pagepane div.cat:before,
.menucontent *[data-cat]:before, .menucontent *[data-cat-info]:after, .menucontent div.cat:before,
.pane *[data-cat]:before, .pane *[data-cat-info]:after, .pane div.cat:before,
.filterslide *[data-cat]:before, .filterslide *[data-cat-info]:after, .filterslide div.cat:before,
ul.filterlist:after {
	content: attr(data-cat); display: block; padding: 5px 0 0 15px; width: 100%; font-size: 10px; line-height: 26px; text-transform: uppercase; border-width: 0 0 1px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
	}
.content *[data-cat-info]:after, .popup *[data-cat-info]:after, .pagepane *[data-cat-info]:after, .menucontent *[data-cat-info]:after, .pane *[data-cat-info]:after, .filterslide *[data-cat-info]:after, ul.filterlist:after { z-index: 3; content: attr(data-cat-info); position: absolute; top: 0; right: 0; padding-right: 15px; text-align: right; border-width: 0; }
.content div.cat:before, .popup div.cat:before, .pagepane div.cat:before, .menucontent div.cat:before, .pane div.cat:before, .filterslide div.cat:before { content: attr(data-text); }
.pagepane *[data-cat]:before, .pagepane div.cat:before, *[data-cat-fixedtoheader]:before { z-index: 3; position: sticky; top: 0; }

*[data-cat-superpose] { z-index: 5 !important; top: -32px; pointer-events: none; }
*[data-cat-superpose]:after { background: transparent !important; }

.slideheader { height: 70px; }
.slideheader h3 { position: absolute; padding: 0; top: 50%; left: 0; right: 0; margin-top: -3px; text-align: center; font-size: 13px; line-height: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.slideheader a.button { position: absolute; top: 13px; height: 40px; width: 40px; font-size: 16px; line-height: 40px; text-align: center; background: transparent; }
.slideheader a.buttonleft { left: 20px; }
.slideheader a.buttonright { right: 5px; }

.slidetabs { width: 100%; height: 51px; border-width: 0 0 1px; }
.slidetabs ul { display: flex; }
.slidetabs ul li { flex: 1; }
.slidetabs ul li.mini { flex: inherit; width: 50px; }
.slidetabs ul li a { display: block; height: 50px; font-size: 13px; line-height: 50px; text-align: center; opacity: 0.6; border-bottom: 0 solid rgba(246, 246, 247, 0.8); }
.slidetabs ul li span.icon { top: 1px; }
.slidetabs ul li a:hover { opacity: 0.8; }
.slidetabs ul li a.active { opacity: 1; border-bottom-width: 2px; }

.slidecontent { display: flex; flex: 1; }
.slidecontent .loadcontent { display: flex; flex-direction: column; }

.slidefooter { border-width: 1px 0 0 0; }
.slidefooter p.buttons { padding: 15px 0; }
.slidefooter.fixedtofooter { margin-top: -1px; }

/* Content */
div.allcontent { position: fixed; bottom: 0; }
div.wcontent { float: left; width: 100%; height: 100%; }
.contentheader { height: 60px; border-width: 0 0 1px 0; }
.contentheader h1 { position: absolute; margin: 0; padding: 0 15px; top: 0; left: 0; right: 0; font-size: 17px; line-height: 59px; border: 0; }
.contentheader a.button { position: absolute; top: 10px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; font-weight: normal; }
.contentheader a.button span.icon { margin-right: 10px; }
.contentheader a.buttonleft { left: 10px; }
.contentheader a.buttonright { right: 10px; }

/* Fixed */
.fixedtoheader, .fixedtofooter { z-index: 10; position: -webkit-sticky; position: sticky; }
.fixedtoheader { top: 51px; }
.fixedtofooter { bottom: 0; }

/* Fullscreen */
a.viewfullscreen, a.closefullscreen { display: none; position: absolute; top: 10px; right: 10px; }
/*
@media only screen and (min-width: 601px){
	body.fullscreen div.presets { z-index: 320; top: 20px; left: 20px; right: 20px; }
	body.fullscreen div.allcontent { z-index: 300; top: 20px; left: 20px; right: 20px; bottom: 20px; }
	body.fullscreen div.allcontent:before { z-index: -1; content: ''; position: fixed; top: 10px; left: 10px; right: 10px; bottom: 10px; background: rgba(246, 246, 247, 0.1); border-radius: 10px; box-shadow: 0 0 150px rgba(0, 0, 0, 0.5); }
	body.fullscreen div.allcontent:after { z-index: -2; content: ''; position: fixed; top: -10px; left: -10px; right: -10px; bottom: -10px; background: rgba(0, 0, 0, 0.2);
		-webkit-backdrop-filter: blur(4px) grayscale(0.20);
		-moz-backdrop-filter: blur(4px) grayscale(0.20);
		-ms-backdrop-filter: blur(4px) grayscale(0.20);
		-o-backdrop-filter: blur(4px) grayscale(0.20);
		backdrop-filter: blur(4px) grayscale(0.20);
		}
	body.fullscreen a.closefullscreen { display: block; }
	body.canfullscreen:not(fullscreen) a.viewfullscreen { display: block; }
	body.fullscreen header div.titleicon, body:not(.fullscreen) div.presets div.titleicon { display: none; }
	@media only screen and (max-width: 1380px){
		body.fullscreen div.presets { top: 0; left: 0; right: 0; }
		body.fullscreen div.allcontent { top: 0; left: 0; right: 0; bottom: 0; }
		}
	}
*/
body[data-withpane] a.viewfullscreen, body[data-withpane] a.closefullscreen { pointer-events: none; opacity: 0; }

/* Label */
label input[type="checkbox"], label input[type="radio"] { display: none; }
label.button {
	display: inline-block; padding: 0 10px 0 37px; height: 40px; font-size: 12px; line-height: 38px; border-width: 1px;
	background: url('/img/icons.png?v22') no-repeat -1px -361px; background-size: 40px auto; cursor: pointer; opacity: 0.5;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	}
label.button.hidden { display: none; }
label.button.active { background-position: -1px -321px; opacity: 1; }
label.button:not(.active):not(.error), label.button.invert.active:not(.error), .disabled label.button, div:not(.menucontent) label.button:not(.active):not(.error) {
	-webkit-filter: grayscale(0.9);
	-moz-filter: grayscale(0.9);
	-ms-filter: grayscale(0.9);
	-o-filter: grayscale(0.9);
	filter: grayscale(0.9);
	}
label.button:not(.active) { color: rgba(51, 63, 73, 0.50); }
label.button.invert { background-position: -1px -321px; opacity: 1; }
label.button.invert.active { background-position: -1px -361px; opacity: 0.5; }

label.button.checkbox { padding: 0; width: 22px; height: 22px; font-size: 0; line-height: 0; border: 0; background-position: 50% -369px; background-color: transparent; }
label.button.checkbox.active { background-position: 50% -329px; background-color: transparent; }

/* Empty */
*[data-empty]:empty:before { content: attr(data-empty); display: block; font-size: 13px; line-height: 50px; text-align: center; }
.loading[data-empty]:empty:before { content: ''; }

.menucontent .loading[data-empty]:empty:before { content: '' !important; }
.menucontent .loading[data-empty]:empty { opacity: 0 !important; }

/* Wall */
div.wall { padding: 10px 0; border-width: 1px 0 0 0; }
div.wall section.ticket:first-child, div.wall section.return:first-child { margin-top: 0; }
div.wall:empty:before { content: 'Aucun contenu'; display: block; font-size: 13px; line-height: 50px; text-align: center; }
div.wall.loading:empty:before { content: ''; }

/* Wall Options */
div.walloptions { padding: 10px 0 0; border-width: 1px 0 0 0; }

/* List */
div.listcontent { border-width: 1px 0 0 0; }
div.listcontent:empty:before { content: 'Aucun contenu'; display: block; font-size: 13px; line-height: 50px; text-align: center; }
div.listcontent.loading:empty:before { content: ''; }

/* Tabs */
ul.tabs { display: block; height: 50px; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); }
.tabs li { display: table-cell; padding: 0 12px; white-space: nowrap; }
.tabs li a { display: block; font-size: 14px; line-height: 50px; opacity: 0.6; }
.tabs li a:hover { opacity: 0.8; }
.tabs li a.active { opacity: 1; }
.tabs li a:after { content: ''; position: absolute; left: -12px; right: -12px; bottom: 0; height: 2px; background-color: transparent; }
.tabs li a.active:after { background-color: #333f49; }

div.pagetabs { border-width: 0 0 1px; }
.pagetabs .tabs li a { font-size: 15px; }

/* Stock */
.stock[data-stock]:after { content: ''; display: inline-block; margin: 7px 0 0 4px; width: 7px; height: 7px; border-radius: 50%; }
.stock[data-stock="true"] { color: #5ea835; }
.stock[data-stock="false"] { color: #a8353a; }
.stock[data-stock="soon"] { color: #a87b35; }
.stock[data-stock="true"]:after { background: #5ea835; }
.stock[data-stock="false"]:after { background: #a8353a; }
.stock[data-stock="soon"]:after { background: #a87b35; }
.stock[data-stock="true"]:empty:before { content: 'En Stock'; }
.stock[data-stock="false"]:empty:before { content: 'Rupture'; }

/* Action List */
ul.actionlist { padding: 10px 0; overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0); border-width: 0 0 1px; }
.actionlist li { display: table-cell; padding: 0 10px 0 0; }
.actionlist li:first-of-type { padding-left: 15px; }
.actionlist li:last-of-type { padding-right: 15px; }
.actionlist a { display: block; padding: 10px 12px; width: 280px; font-size: 12px; line-height: 20px; border-width: 1px; border-radius: 2px; overflow: hidden; }
.actionlist a span.icon { float: left; margin: 0 12px 0 0; padding: 0 12px 0 0; width: 60px; height: 60px; font-size: 30px; line-height: 60px; text-align: center; border-width: 0 1px 0 0; }
.actionlist a span.info { display: block; opacity: 0.7; }
.actionlist a h2 { display: block; font-size: 14px; }

/* PDF */
div.pdf { border-width: 1px 0 0 0; }
div.pdf object { width: 100%; height: 60vh; }

/* UL Table */
.table.margin { margin-top: 12px; }
.table[data-title]:before { text-transform: uppercase; font-size: 7px; color: rgba(51, 63, 73, 0.5); }
.table ul { display: flex; border-width: 0 0 1px; }
.table ul li { padding: 10px; width: 100px; font-size: 12px; line-height: 20px; text-align: center; }
.table ul li.flex { flex: 1; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table ul li.title { font-size: 14px; font-weight: bold; }
.table ul li.left { text-align: left; }
.table ul li.right { text-align: right; }
.table ul.title li { padding-bottom: 2px; }
.table ul li span { opacity: 0.8; }
.table ul li span.mini { font-size: 0.8em; }
.table ul li span.opacity { opacity: 0.5; }
.table ul li span.floatright { margin-left: 15px; padding-right: 2px; }
.table ul li[data-width="20"] { width: 20px; }
.table ul li[data-width="25"] { width: 25px; }
.table ul li[data-width="30"] { width: 30px; }
.table ul li[data-width="35"] { width: 35px; }
.table ul li[data-width="40"] { width: 40px; }
.table ul li[data-width="45"] { width: 45px; }
.table ul li[data-width="50"] { width: 50px; }
.table ul li[data-width="55"] { width: 55px; }
.table ul li[data-width="60"] { width: 60px; }
.table ul li[data-width="65"] { width: 65px; }
.table ul li[data-width="70"] { width: 70px; }
.table ul li[data-width="75"] { width: 75px; }
.table ul li[data-width="80"] { width: 80px; }
.table ul li[data-width="85"] { width: 85px; }
.table ul li[data-width="90"] { width: 90px; }
.table ul li[data-width="95"] { width: 95px; }
.table ul li[data-width="100"] { width: 100px; }
.table ul li[data-width="105"] { width: 105px; }
.table ul li[data-width="110"] { width: 110px; }
.table ul li[data-width="115"] { width: 115px; }
.table ul li[data-width="120"] { width: 120px; }
.table ul li[data-width="125"] { width: 125px; }
.table ul li[data-width="130"] { width: 130px; }
.table ul li[data-width="135"] { width: 135px; }
.table ul li[data-width="140"] { width: 140px; }
.table ul li[data-width="145"] { width: 145px; }
.table ul li[data-width="150"] { width: 150px; }
.table ul li[data-width="175"] { width: 175px; }
.table ul li[data-width="200"] { width: 200px; }
.table ul li[data-width="225"] { width: 225px; }
.table ul li[data-width="250"] { width: 250px; }
.table ul li[data-width="275"] { width: 275px; }
.table ul li[data-width="300"] { width: 300px; }
.table ul li[data-width="auto"] { width: auto; }
.menucontent .table ul li { padding-left: 5px; padding-right: 5px; white-space: nowrap; }
.menucontent .table.list { display: flex; flex-direction: column; }
.menucontent .table.list ul { order: 1; padding: 0 10px; }
.menucontent .table.list ul[data-info="inactive"],
.menucontent .table.list ul[data-info="unknown"] {
	order: 0;
	}

.table ul li span.icon { margin-right: 4px; opacity: 0.7; }
.table ul:not(:hover) li span.icon:not(.force) { opacity: 0; margin-left: -15px; pointer-events: none; }
.table ul li span.icon.right { margin: 0 0 0 4px; }
.table ul li span.icon.nomargin { margin: 0; }
.table ul li span.icon.opacity { opacity: 0.5; }
.table ul li span.icon.fullopacity { opacity: 1; }

.table ul + a.button.more { z-index: 2; position: absolute; margin-top: -31px; right: 15px; padding: 0 5px; height: 22px; font-size: 10px; line-height: 22px; color: #f6f6f7; opacity: 0; right: 0; pointer-events: none; }
.table ul:hover + a.button.more, .table ul + a.button.more:hover { right: 15px; opacity: 1; pointer-events: auto; }

.table.border { border-width: 1px; }
.table.border ul:last-of-type { border-width: 0; }

/* Table Excel */
.table.excel ul.bold { font-weight: bold; }
.table.excel ul.grey { background: rgba(51, 63, 73, 0.2); }
.table.excel ul.red { background: #e84c3d; color: #f6f6f7 !important; }
.table.excel ul.orange { background: #e88d3d; color: #f6f6f7 !important; }
.table.excel ul li { padding: 5px; font-size: 11px; line-height: 16px; letter-spacing: -0.03em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-width: 0 0 0 1px; }
.table.excel ul li.mini { font-size: 9px; }
.table.excel ul li.flex { flex: 1; }
.table.excel ul li.flex:not(.center) { padding-left: 8px; text-align: left; }
.table.excel ul li.flex[data-flex="0.25"] { flex: 0.25; }
.table.excel ul li.flex[data-flex="0.5"] { flex: 0.5; }
.table.excel ul li.flex[data-flex="0.6"] { flex: 0.6; }
.table.excel ul li.flex[data-flex="0.7"] { flex: 0.7; }
.table.excel ul li.flex[data-flex="0.8"] { flex: 0.8; }
.table.excel ul li i { font-style: normal; }
.table.excel ul.title, .table.excel ul.black { color: #f6f6f7; background: #333f49; border-width: 0; }
.table.excel ul.title li, .table.excel ul.black li { border-color: rgba(246, 246, 247, 0.20); }
.table.excel ul.title li { display: grid; padding: 0 5px; height: 44px; font-size: 11.5px; line-height: 14px; text-align: center; align-items: center; white-space: normal; }
.table.excel ul.title li[data-width="auto"] { padding: 0; }
.table.excel ul.title li.mini { height: 25.5px; }
.table.excel ul.title li.large { font-size: 10px; text-transform: uppercase; font-family: 'Opsa', Arial, sans-serif; border-bottom-width: 2px; }
.table.excel ul.title li a { color: #f6f6f7; }
.table.excel ul.sub li { opacity: 0.7; }
.table.excel ul.sub li.sub { padding-left: 20px; }
.table.excel ul.black li, .table.excel ul.grey li, .table.excel ul.red li, .table.excel ul.orange li { padding-top: 8px; padding-bottom: 8px; }
.table.excel:not(.noeven) ul:not(.title):not(.black):not(.grey):not(.red):not(.orange):nth-of-type(even) { background: #f1f2f2; }
.table.excel:not(.nohover) ul:not(.title):not(.black):not(.grey):not(.red):not(.orange):hover { background: #e5e7e8; }
.table.excel ul li:first-of-type { border-width: 0; }
.table.excel ul li.left { padding-left: 8px; text-align: left; }
.table.excel ul li.right { padding-right: 8px; text-align: right; }
.table.excel ul li.center { text-align: center; }
.table.excel ul li.grey { background: rgba(0, 0, 0, 0.03); }
.table.excel ul li.yellow { background: rgba(255, 197, 12, 0.15); }
.table.excel ul li.red { background: rgba(232, 76, 61, 0.15); }
.table.excel ul li.orange { background: rgba(232, 141, 61, 0.15); }
.table.excel ul li.noborder { border: 0; }
.table.excel ul li.nopadding { padding-left: 0; padding-right: 0; }
.table.excel ul li.nopaddingright { padding-right: 0; }

.table.excel ul[data-details="true"] { cursor: pointer; }
.table.excel ul[data-details="true"][data-active] span.icon[rel="hide"] { display: none; }
.table.excel ul[data-details="true"]:not([data-active]) span.icon[rel="view"] { display: none; }

.table.excel div.details { display: none; opacity: 0.7; }
.table.excel div.details.active { display: block; }
.table.excel ul.detail li:first-of-type { padding-left: 20px !important; }
.table.excel ul.detail.sub li:first-of-type { padding-left: 40px !important; }

.table.excel ul.title li i { font-style: normal; }
.table.excel ul.title li span { opacity: 0.7; }
.table.excel ul.title li.title { font-family: 'Opsa', Arial, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: normal; border-bottom-width: 2px; }

.table.excel ul.title li.linked:before, .table.excel ul.title li.linked:after { content: ''; position: absolute; top: calc(50% - 1px); width: 8px; height: 1px; border-width: 1px 0 0; border-color: rgba(246, 246, 247, 0.30); }
.table.excel ul.title li.linked:before { left: 0; }
.table.excel ul.title li.linked:after { right: 0; }

.table.excel ul:not(:hover) li span.onhover { opacity: 0; pointer-events: none; }
.table.excel ul li a.photo { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; mix-blend-mode: darken; }
.table.excel ul li a.button { display: inline-block; padding: 0 4px; height: auto; font-size: 11px; line-height: inherit; color: #f6f6f7; }
.table.excel ul li a.button:not(:first-of-type) { margin-left: 5px; }
.table.excel ul li a.button span.icon { top: 1px; opacity: 1; margin-left: 0; }

.table.excel ul li input[type="text"], .table.excel ul li select { padding: 0; width: 100%; font-size: 11px; line-height: 16px; text-align: center; letter-spacing: -0.03em; background-color: transparent; border-width: 0 0 1px; border-style: dashed; }
.table.excel ul li.left input[type="text"], .table.excel ul li.left select { text-align: left; }
.table.excel ul li select { padding-right: 10px; background-position-x: calc(100% - 5px); }
.table.excel ul li input[type="checkbox"] { padding: 0; width: 100%; background: transparent; }

.table.excel ul li div.searchcontent { margin: 8px 0 0 -8px; }

.table.excel.borderopacity ul:not(:last-of-type) { border-color: rgba(51, 63, 73, 0.10); }
.table.excel ul[data-height="80"] li { padding-top: 40px; padding-bottom: 40px; }
.table.excel ul[data-height="80"] li label.button { top: 40px; }

.table.excel div.excelbg { z-index: 1; position: absolute; top: 0; bottom: 1px; left: 0; right: 0; background: rgba(0, 0, 0, 0.03); }
.table.excel div.excelcat { z-index: 1; position: absolute; top: 0; bottom: 1px; left: 0; background: #fff; }
.table.excel div.excelcat:before { content: attr(data-text); position: absolute; top: 50%; left: 15px; right: 15px; font-size: 14px; line-height: 1.6em; transform: translateY(-50%); }
.table.excel[data-cat] div.excelcat { top: 32px; }
.table.excel[data-empty]:empty;before { font-size: 11px; line-height: 45px; border-width: 0 0 1px; color: rgba(34, 41, 49, 0.7); }

.table.excel .progressbar { z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; width: 0; text-align: right; background: #48535c; overflow: hidden; pointer-events: none; }
.table.excel .progressbar span { display: block; padding: 5px 8px; text-align: left; color: #fff; }

.table.excel.fixedtoheader { box-shadow: 0 -1px 0 #333f49; }
.wcontent.fullcontent .table.excel ul.title, .table.excel.fixedtoheader ul.title { box-shadow: 0 -1px 0 #333f49; }
.wcontent.fullcontent .table.excel ul.title li, .table.excel.fixedtoheader ul.title li { padding-bottom: 1px; height: 43px; }

.wcontent.fullcontent .table.excel ul.title.mini[rel]:before, .table.excel.fixedtoheader ul.title.mini[rel]:before { content: attr(rel); position: absolute; display: block; top: -8px; left: 0; right: 0; width: auto; height: 18px; font-size: 10px; text-transform: uppercase; font-family: 'Opsa', Arial, sans-serif; border-width: 0 0 1px; border-color: rgba(246, 246, 247, 0.20); }
.wcontent.fullcontent .table.excel ul.title.mini li, .table.excel.fixedtoheader ul.title.mini li { top: 10px; height: 23px; }
.wcontent.fullcontent .table.excel ul.title.mini li:first-of-type, .table.excel.fixedtoheader ul.title.mini li:first-of-type { margin-left: -1px; }

.table.excel.supply-weeks-lines ul li[rel="name"],
.table.excel.supply-weeks-lines ul li[rel="factory"] {
	display: none;
	}

/* Table Info */
.table ul li info { display: inline-block; }
.table ul li info *[data-badge]:before { position: relative; top: 3px; left: inherit; right: inherit; }
.table ul[data-info] li info[rel] { display: none; }
.table ul[data-info="active"] li info[rel="active"],
.table ul[data-info="inactive"] li info[rel="inactive"],
.table ul[data-info="unknown"] li info[rel="unknown"] {
	display: inline-block;
	}

/* Item Zeus Version */
body:not([zeus-notuptodate]) #item-zeusversion { display: none; }

/* Item Sage */
#item-sage #item-sagesessions { height: auto; max-height: 600px; overflow: hidden; }
#item-sage #item-sagesessions:not(.active) { max-height: 0; }

/* Retail Stores */
#item-retail #item-retailstores { height: auto; max-height: 600px; overflow: hidden; }
#item-retail #item-retailstores:not(.active) { max-height: 0; }

/* Form Slides */
.menucontent label:not(.fakefile), .pane label:not(.fakefile), .filterslide label:not(.fakefile), .filterlabels label:not(.fakefile) { display: flex; flex-direction: row; padding: 0; border-width: 0 0 1px 0; }
.menucontent label.block, .pane label.block, .filterslide label.block, .filterlabels label.block { display: block; }
.menucontent label.hidden, .pane label.hidden, .filterslide label.hidden, .filterlabels label.hidden { display: none; }
.menucontent label input, .menucontent label select, .menucontent label textarea, .menucontent label .fakefile,
.pane label input, .pane label select, .pane label textarea, .pane label .fakefile,
.filterslide label input, .filterslide label select, .filterslide label textarea,
.filterlabels label input, .filterlabels label select, .filterlabels label textarea {
	display: block; margin: 0; padding: 12px 15px; width: 100%; height: 45px; font-size: 12px; line-height: 20px; background-color: transparent; border: 0;
	}
.menucontent label input[type="checkbox"], .menucontent label input[type="radio"],
.pane label input[type="checkbox"], .pane label input[type="radio"],
.filterslide label input[type="checkbox"], .filterslide label input[type="radio"],
.filterlabels label input[type="checkbox"], .filterlabels label input[type="radio"] {
	display: none;
	}
.menucontent label textarea, .pane label textarea, .filterslide label textarea, .filterlabels label textarea { height: 150px; }
.menucontent label textarea.double, .pane label textarea.double, .filterslide label textarea.double, .filterlabels label textarea.double { height: 300px; }
.menucontent select { background-image: url('/img/arrow-w.png'); }
.menucontent select.title { display: block; margin: 10px auto 0; width: calc(100% - 20px); height: 40px; font-size: 16px; line-height: 40px; text-align: center !important; text-align-last: center !important; font-weight: bold; background-color: transparent; border-width: 0 0 1px; border-radius: 0; }
.menucontent select.title.large { padding: 0 10px; width: 100%; background-position-x: calc(100% - 15px); }
.menucontent select.title option { text-align: left !important; text-align-last: left !important; }
.menucontent label em, .pane label em, .filterslide label em, .filterlabels label em { padding-left: 15px; width: inherit; height: 45px; font-size: 12px; line-height: 45px; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.menucontent label em + *, .pane label em + *, .pane label .fakefile, .filterslide label em + *, .filterlabels label em + * { flex: 1; width: 140px; text-align: right; }
.menucontent label em + select, .pane label em + select, .filterslide label em + select, .filterlabels label em + select, label select.floatleft, label select.floatright { padding-right: 27px; text-align: right !important; text-align-last: right !important; background-position-x: calc(100% - 15px); }
.menucontent label em + select option, .pane label em + select option, .filterslide label em + select option, .filterlabels label em + select option, label select.floatleft option, label select.floatright option { padding-right: 0; text-align: left !important; text-align-last: left !important; }
@supports not(text-align-last: right){
	.menucontent label em + select, .pane label em + select, .filterslide label em + select, .filterlabels label em + select, label select.floatleft, label select.floatright { direction: rtl; }
	.menucontent label em + select option, .pane label em + select option, .filterslide label em + select option, .filterlabels label em + select option, label select.floatleft option, label select.floatright option { direction: ltr; }
	}

.menucontent label .viewname, .pane label .viewname { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.menucontent label .viewname[placeholder]:empty:before, .pane label .viewname[placeholder]:empty:before { content: attr(placeholder); position: absolute; top: 0; left: 0; bottom: 0; right: 15px; font-size: 12px; line-height: 45px; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; opacity: 0.3; }

.menucontent label.block em, .pane label.block em, .filterslide label.block em, .filterlabels label.block em { float: left; width: 100px; }
.menucontent label.block em + *, .pane label.block em + *, .filterslide label.block em + *, .filterlabels label.block em + * { width: calc(100% - 100px); }

.menucontent label.block div.info, .pane label.block div.info { position: relative; margin-top: -25px; left: -100px; width: calc(100% + 100px); opacity: 0.6; }
.menucontent label.block div.info em + *, .pane label.block div.info em + * { width: calc(100% - 200px); }

.menucontent label.button, .pane label.button, .filterslide label.button, .filterlabels label.button, .excel label.button { display: block; margin: 0; padding: 12px 15px; height: auto; min-height: 46px; line-height: 20px; background: none; border-radius: 0; opacity: 1; }
.menucontent label.button.hidden, .pane label.button.hidden, .filterslide label.button.hidden, .filterlabels label.button.hidden, .excel label.button.hidden { display: none; }
.menucontent label.button:before, .menucontent label.button:after,
.pane label.button:before, .pane label.button:after,
.filterslide label.button:before, .filterslide label.button:after,
.filterlabels label.button:before, .filterlabels label.button:after,
.excel label.button:before, .excel label.button:after {
	content: ''; position: absolute;
	}
.menucontent label.button:before, .pane label.button:before, .filterslide label.button:before, .filterlabels label.button:before, .excel label.button:before { top: 13px; right: 14px; width: 35px; height: 20px; border-radius: 20px; opacity: 0.6; }
.menucontent label.button:after, .pane label.button:after, .filterslide label.button:after, .filterlabels label.button:after, .excel label.button:after { top: 14px; right: 30px; width: 18px; height: 18px; font-size: 12px; line-height: 18px; text-align: center; border-radius: 100%; opacity: 0.7; }
.menucontent label.button.active:before, .pane label.button.active:before, .filterslide label.button.active:before, .filterlabels label.button.active:before, .excel label.button.active:before { opacity: 0.8; }
.menucontent label.button.active:after, .pane label.button.active:after, .filterslide label.button.active:after, .filterlabels label.button.active:after, .excel label.button.active:after { content: url(/img/check.svg); right: 15px; opacity: 1; }
.menucontent label.button span.img, .pane label.button span.img, .filterslide label.button span.img, .filterlabels label.button span.img, .excel label.button span.img { float: left; margin: 0 8px 0 0; width: 20px; height: 20px; }
.menucontent label.button span.info, .pane label.button span.info, .filterslide label.button span.info, .filterlabels label.button span.info, .excel label.button span.info { opacity: 0.6; }
.pane label.button:before,
.filterslide label.button:before,
.filterlabels label.button:before,
.excel label.button:before {
	opacity: 0.3;
	}

.menucontent label.button.invert, .pane label.button.invert, .filterslide label.button.invert, .filterlabels label.button.invert, .excel label.button.invert { opacity: 1; color: rgba(51, 63, 73, 1); }
.menucontent label.button.invert.active, .pane label.button.invert.active, .filterslide label.button.invert.active, .filterlabels label.button.invert.active, .excel label.button.invert.active { color: rgba(51, 63, 73, 0.50); }
.menucontent label.button.invert:before, .pane label.button.invert:before, .filterslide label.button.invert:before, .filterlabels label.button.invert:before, .excel label.button.invert:before { opacity: 0.8; }
.menucontent label.button.invert:after, .pane label.button.invert:after, .filterslide label.button.invert:after, .filterlabels label.button.invert:after, .excel label.button.invert:after { content: url(/img/check.svg); right: 15px; opacity: 1; }
.menucontent label.button.invert.active:before, .pane label.button.invert.active:before, .filterslide label.button.invert.active:before, .filterlabels label.button.invert.active:before, .excel label.button.invert.active:before { opacity: 0.3; }
.menucontent label.button.invert.active:after, .pane label.button.invert.active:after, .filterslide label.button.invert.active:after, .filterlabels label.button.invert.active:after, .excel label.button.invert.active:after { content: ''; right: 30px; opacity: 0.7; }
.pane label.button.invert:before,
.filterslide label.button.invert:before,
.filterlabels label.button.invert:before,
.excel label.button.invert:before {
	opacity: 0.8;
	}

label.button.assign { z-index: 1; position: absolute; right: 62px; padding: 0; width: 65px; min-height: 25px; transform: translateY(-35px); border-width: 0 1px 0 0; }
label.button.assign:before { top: 3px; }
label.button.assign:after { top: 4px; }
label.button:not(.active) + label.button.assign { opacity: 0; pointer-events: none; }
form.newagenda:not([data-type="12"]) label.button.assign { display: none !important; }

.menucontent label.button.error { border-color: #e84c3d !important; color: #e84c3d !important; }

.menucontent label.button:not(.active) { color: rgba(246, 246, 247, 0.5); }
.menucontent label.button:not(.active) span.img, .pane label.button:not(.active) span.img, .filterslide label.button:not(.active) span.img, .filterlabels label.button:not(.active) span.img { opacity: 0.5; }

.menucontent p.explain, .filterlabels p.explain, .pane p.explain, .pagepane p.explain { padding: 12px 15px 15px; font-size: 12px; line-height: 20px; }
.menucontent p.explain + p, .filterlabels p.explain + p, .pane p.explain + p, .pagepane p.explain + p { margin-top: -5px; padding-top: 0; }
.menucontent p.explain + label:not(.fakefile), .filterlabels p.explain + label:not(.fakefile), .pane p.explain + label:not(.fakefile) { border-top-width: 1px; }
.menucontent label.button p.explain, .filterlabels label.button p.explain, .pane label.button p.explain { padding: 2px 60px 0 0; font-size: 11px; line-height: 18px; opacity: 0.6; }
.menucontent label.button:not(.active) p.explain:not(.alwaysactive), .filterlabels label.button:not(.active) p.explain:not(.alwaysactive), .pane label.button:not(.active) p.explain:not(.alwaysactive) { display: none; }

.menucontent label.explain p, .filterlabels label.explain p, .pane label.explain p, .pagepane label.explain p { padding: 12px 15px 15px; font-size: 12px; line-height: 20px; background-color: #fcfcfd; }
.menucontent label.explain p + p, .filterlabels label.explain p + p, .pane label.explain p + p, .pagepane label.explain p + p { padding-top: 0; }

.menucontent .wbg { background: url('/img/back.jpg') no-repeat 50% 50%; background-size: cover; }

.menucontent *[data-empty]:not([data-noemptyborder]):empty, .pane *[data-empty]:not([data-noemptyborder]):empty, .filterslide *[data-empty]:not([data-noemptyborder]):empty, .filterlabels *[data-empty]:not([data-noemptyborder]):empty { border-width: 0 0 1px; }
.menucontent *[data-empty]:empty:before, .pane *[data-empty]:empty:before, .filterslide *[data-empty]:empty:before, .filterlabels *[data-empty]:empty:before { content: attr(data-empty); display: block; padding: 12px 15px; height: 45px; font-size: 12px; line-height: 20px; text-align: center; opacity: 0.3; }

/* Custom Filters */
.customfilters div > label:first-of-type { display: none; }
.customfilters label a.removefilter { display: inline-block; height: 45px; padding: 0 0 0 15px; line-height: 45px; opacity: 0.5; }
.customfilters label a.removefilter:hover { opacity: 0.9; }
.customfilters label label.button { width: 50px; min-height: 45px; border-width: 0; }

/* User Picture */
.menucontent div.userpicture { display: block; margin: 40px auto; padding-top: calc(100% - 80px); width: calc(100% - 80px); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; cursor: pointer; }
.menucontent div.userpicture:before { z-index: 3; content: ''; position: absolute; top: -11px; left: -11px; right: -11px; bottom: -11px; border-radius: 50%; border-width: 10px; border-color: rgba(246, 246, 247, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); pointer-events: none; }
.menucontent div.userpicture:after { z-index: 4; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border-width: 2px; border-color: rgba(246, 246, 247, 0.7); pointer-events: none; }
.menucontent div.userpicture label.fakefile { z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; border-width: 2px; border-color: rgba(246, 246, 247, 0.30); cursor: pointer; }

/* New Ticket */
div.newticket { padding: 10px 15px; border-width: 1px 0 0; }
.newticket a.img { display: inline-block; margin: 0 10px 0 0; width: 60px; height: 60px; }
.newticket textarea { display: inline-block; width: calc(100% - 70px); height: 60px; }

/* Ticket */
section.ticket { margin: 10px 0 0 0; border-width: 1px 0; }
.ticket .header { z-index: 5; position: relative; padding: 15px 15px 15px 87px; min-height: 90px; }
.ticket .header li { display: block; font-size: 12px; line-height: 20px; }
.ticket .header li.title { display: inline-block; margin-bottom: 6px; padding-bottom: 5px; font-size: 20px; line-height: 30px; font-weight: bold; border-width: 0 0 1px 0; }
.ticket .header li.info { font-size: 12px; opacity: 0.7; }
.ticket .header li.info a.copy { vertical-align: baseline; }
.ticket .header li.right { float: right; text-align: right; }
.ticket .header a.img[data-online="true"]:before { top: 10px; }

.ticket .header a.dropmenu { display: none; z-index: 2; position: absolute; top: -5px; left: 10px; width: 30px; height: 30px; background-position: 9px -825px; opacity: 0.6; }
.ticket .header a.dropmenu:hover { opacity: 1; }

.ticket a.img { position: absolute; top: 15px; left: 15px; width: 60px; height: 60px; }

.ticket a.type { z-index: 5; position: absolute; top: 60px; left: 42px; width: 35px; height: 35px; font-size: 18px; line-height: 35px; color: #f6f6f7; text-align: center; background: #535c63; border-radius: 5px; }
.ticket a.type.t0 { background-color: #649b35; }
.ticket a.type.t1 { background-color: #019fa0; }
.ticket a.type.t2 {  }
.ticket a.type.t3 { background-color: #bd0648; }
.ticket a.type.t4 { background-color: #d6721c; }
.ticket a.type.t5 {  }
.ticket a.type.t6 { background-color: #dc5865; }
.ticket a.type.t7 { background-color: #f9a61a; }
.ticket a.type.t8 { background-color: #3c83b7; }
.ticket a.type.t9 { background-color: #71639e; }
.ticket a.type.t10 { background-color: #1fbbee; }
.ticket a.type.t11 { background-color: #6f5934; }
.ticket a.type.t12 {  }
.ticket a.type.t13 { background-color: #f25b4a; }
.ticket a.type.t14 { background-color: #dd5d98; }
.ticket a.type.t42 { background-color: #f4334e; }

.ticket div.text { margin: 0 15px; padding: 5px 5px 25px 5px; border-width: 0 0 1px 0; }
.ticket div.text p { padding: 8px 0 0 0; font-size: 14px; line-height: 23px; }
.ticket div.text p:first-child { padding-top: 0; }
.ticket div.text a.link { text-decoration: underline; }
.ticket div.text a.tag, .forcetag { padding: 0 0.3em; font-size: 0.92em; font-weight: bold; letter-spacing: -0.02em; text-decoration: none; white-space: nowrap; border-width: 1px; border-radius: 0.2em; border-color: rgba(51, 63, 73, 0.2); /* opacity: 0.9; */ }
.ticket div.text a.tag span.icon, .forcetag span.icon { display: inline-block; margin: 0 0 0 0.08em; font-size: 0.85em; line-height: inherit; pointer-events: none; }
.ticket div.text a.tag0 { font-size: 16px; font-weight: bold; opacity: 0.9; }
.ticket div.text.noborder { border: 0; }

.ticket div.text p.buttons { padding: 15px 0 15px; }
.ticket div.text p.buttons a.button { padding: 0 10px; height: 36px; font-size: 14px; line-height: 34px; border-width: 1px; }

.ticket div.photos { display: block; padding: 10px 0; }
.ticket a.photo { display: inline-block; margin: 5px 10px 5px 0; width: 120px; height: 120px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-width: 1px; overflow: hidden; }

.ticket div.quote { margin: 15px 0 5px; padding: 5px 15% 5px 15px; border-width: 0 0 0 2px; opacity: 0.8; }
.ticket pre { margin: 15px 0 5px; padding: 15px; font-size: 14px; line-height: 23px; border-width: 1px; overflow-x: auto; }
.ticket iframe { max-width: 100%; }

.ticket p + div.poll { margin-top: 15px; }
.ticket div.poll > p span.icon { margin-right: 0.5em; }
.ticket div.poll .quote p { padding-left: 1.5em; }
.ticket div.poll .quote p span.icon { position: absolute; left: 0; }
.ticket div.poll span.nbvotes { display: block; font-size: 0.8em; line-height: 1.6em; opacity: 0.5; }

.ticket .footer { height: 50px; margin: 0 20px; }
.ticket .footer ul { display: inline-block; }
.ticket .footer ul li { display: inline-block; }

.ticket .footer ul.buttons { float: left; }
.ticket .footer .buttons li { margin: 10px 0; padding: 0 10px; border-width: 0 0 0 1px; }
.ticket .footer .buttons li:first-child { border: 0; padding-left: 0; }
.ticket .footer .buttons a { display: block; height: 30px; font-size: 13px; line-height: 28px; font-weight: bold; opacity: 0.7; }
.ticket .footer .buttons a:hover { opacity: 1; }
.ticket .footer .buttons a:before { content: ''; display: none; float: left; width: 20px; height: 25px; background: url('/img/icons.png?v22') no-repeat 0 0; background-size: 25px auto; }
.ticket .footer .buttons a.reply:before { width: 23px; background-position: 0 -25px; }
.ticket .footer .buttons a.close:before { width: 20px; background-position: -25px -25px; }
.ticket .footer .buttons a.closed:before { width: 20px; background-position: -25px -25px; }

.ticket .footer ul.stats { float: right; font-size: 11px; line-height: 28px; opacity: 0.6; }
.ticket .footer .stats li { margin: 10px 0; }
.ticket .footer .stats li:before { content: '•'; position: relative; top: 1px; padding: 0 4px; opacity: 0.5; }
.ticket .footer .stats li:first-child:before { content: ''; padding: 0; }
.ticket .footer .stats li a.mark { top: -2px; font-size: 16px; vertical-align: middle; opacity: 0.7; }
.ticket .footer .stats li a.mark.active { opacity: 1; }
.ticket .footer .stats li a.warning.active { color: red; }

.ticket a.previousreplies { display: block; padding: 10px 30px 10px 5px; font-size: 11px; line-height: 28px; border-width: 0 0 1px 0; opacity: 0.6; }
.ticket div.replies { padding: 0 15px; border-width: 1px 0 0 0; }

.ticket section.reply { padding: 11px 30px 11px 52px; border-width: 0 0 1px 0; }
.ticket div.replies.nobottom section.reply:last-of-type { border-bottom-width: 0; }
.ticket section.reply a.img { top: 12px; left: 0; width: 40px; height: 40px; }
.ticket section.reply a.img[data-online="true"]:before { border-color: #efeff7 !important; }
.ticket section.reply a.name { display: inline-block; font-size: 15px; line-height: 20px; font-weight: bold; opacity: 0.9; }
.ticket section.reply div.text { margin: 0; padding: 0; border: 0; }
.ticket section.reply div.text p { padding-top: 7px; font-size: 13px; line-height: 20px; opacity: 0.9; }
.ticket section.reply div.text p:first-child { padding-top: 2px; }
.ticket section.reply div.text a.link { text-decoration: underline; }
.ticket section.reply div.text a.tag0 { font-size: 14px; font-weight: bold; opacity: 0.9; }
.ticket section.reply div.text a.tag { border-color: rgba(51, 63, 73, 0.15); }
.ticket section.reply div.photos { padding: 5px 0 0; }

.ticket section.reply div.text p.infos { padding-top: 1px; font-size: 11px; opacity: 0.6; }
.ticket section.reply div.text p.infos a.mark { top: 1px; font-size: 11px; opacity: 0.7; }
.ticket section.reply div.text p.infos a.mark.active { opacity: 1; }
.ticket section.reply div.text p.infos a.warning.active { color: red; }

.ticket section.reply pre { margin: 10px 0; padding: 10px; font-size: 13px; line-height: 20px; opacity: 0.9; }

.ticket section.replyinfo { padding-left: 5px; }
.ticket section.replyinfo div.text p:first-of-type { padding-top: 0; }

.ticket form.reply { padding: 10px 15px 10px 58px; background: #f5f5f7; }
.ticket form.reply a.img { top: 10px; left: 15px; width: 34px; height: 34px; }
.ticket form.reply a.upload { z-index: 5; position: absolute; top: 10px; right: 15px; width: 35px; height: 34px; background: url('/img/icons.png?v22') no-repeat 0 -420px; background-size: 35px auto; opacity: 0.5; }
.ticket form.reply a.upload:hover { opacity: 1; }
.ticket form.reply textarea { padding-right: 30px; width: 100%; height: 34px; min-height: 34px; font-size: 13px; }

.ticket form.reply.withaction textarea { padding-left: 30px; }
.ticket form.reply label.button { z-index: 5; position: absolute; top: 10px; margin: 0; padding: 0; width: 35px; height: 34px; background-color: transparent; background-position: -1px -1190px; background-size: 35px auto; opacity: 0.5; border: 0; }
.ticket form.reply label.button:hover, .ticket form.reply label.button.active { opacity: 1; }
.ticket form.reply label.button.active { background-position: -1px -1225px; opacity: 1; }

.ticket form.reply a.submit { float: right; margin: 10px 0 0 0; color: #f6f6f7; }

/* Single Ticket */
div:not(.wall) > .ticket div.replies, div:not(.wall) > .ticket form.reply { display: block; }
div:not(.wall) > .ticket form.reply { position: -webkit-sticky; position: sticky; bottom: 0; border-width: 1px 0 0 0; }
div:not(.wall) > .ticket section.reply:last-of-type { border-bottom-width: 0; }

/* Tracking */
div.tracking { margin: 0 20px 10px; padding: 10px 15px; border-width: 1px; }
div.tracking a.img { position: relative; float: left; top: 0; left: 0; }
div.tracking ul li { display: block; font-size: 12px; line-height: 20px; }

/* Calendar */
div.calendar { width: 100%; }
.calendar ul { background: rgba(0, 0, 0, 0.02); }
.calendar ul li, .calendar div.day { display: inline-block; width: calc(100% / 7); height: 70px; }
.calendar ul li { height: 50px; text-align: center; font-size: 20px; line-height: 50px; }

.calendar div.day { border-top: 1px solid #ccc; text-align: center; }
.calendar div.day a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.calendar div.day[data-day]:before { content: attr(data-day); display: inline-block; margin: 5px auto 0; width: 40px; height: 40px; font-size: 30px; line-height: 40px; text-align: center; border-radius: 50%; opacity: 0.2; pointer-events: none; }
.calendar div.day:nth-of-type(7n+7):before, .calendar div.day:nth-of-type(7n+8):before { opacity: 0.1; }

.calendar div.day[data-day]:hover:before, .calendar div.day.active:before { color: #f6f6f7; font-weight: bold; background-color: #333f49; }
.calendar div.day.active:before, .calendar div.day[data-events="true"]:before { opacity: 1; }

.calendar div.day[data-today="true"]:before { color: var(--yellow-text); font-weight: bold; }
.calendar div.day[data-today="true"]:hover:before, .calendar div.day[data-today="true"].active:before { color: #f6f6f7; background-color: var(--yellow-background); }
.calendar div.day[data-events="true"]:after { content: '●'; position: absolute; top: 42px; left: 0; right: 0; font-size: 20px; line-height: 20px; font-weight: bold; pointer-events: none; }

/* Client */
section.client { display: inline-block; padding: 15px; width: 33%; height: 150px; margin: 0; border-width: 0 1px 1px 0; }
section.client ul li { font-size: 13px; line-height: 20px; }
section.client ul li.name { padding-bottom: 5px; font-size: 16px; font-weight: bold; }

/* Flex */
.flexcontainer { display: flex; flex-direction: column; }
.flexcontent { flex: 1; }

/* Discussions */
div.discussions { position: absolute; display: flex; flex-flow: row; top: 51px; left: 0; right: 0; bottom: 0; }

.discussionleft ul.list li { display: block; border-width: 0 0 1px; }
.discussionleft ul.list li a { border-left: 2px solid transparent; }
.discussionleft ul.list li a:hover { background-color: rgba(51, 63, 73, 0.025); }
.discussionleft ul.list li a.active { background-color: rgba(51, 63, 73, 0.075); border-color: #333f49; }
.discussionleft ul.list li a.active:hover { background-color: rgba(51, 63, 73, 0.085) !important; }

.discussionleft ul.list li a[data-badge]:before { top: 49.9%; right: 15px; text-shadow: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.discussionleft ul.list li a span.icon { opacity: 0.8; }
.discussionleft ul.list li a:hover span.icon { opacity: 0.85; }
.discussionleft ul.list li a.active span.icon, .discussionleft ul.list li a.active:hover span.icon { opacity: 1 !important; }

.discussionright { display: flex; flex: 1; flex-direction: column; }
.discussioncontent { display: flex; flex: 1; }
.discussioncontent .loadcontent { display: flex; flex-direction: column; }

.discussioncontent div.intro { margin: 0 auto 20px; padding: 50px 0; width: calc(100% - 50px); border-width: 0 0 1px; }
.discussioncontent div.intro h2.title { margin-top: 20px; font-size: 20px; line-height: 40px; text-align: center; }
.discussioncontent div.intro p { padding: 0; text-align: center; }

.discussioncontent section.message div.text { background-color: rgba(51, 63, 73, 0.1); }
.discussioncontent section.message.me div.text { background-color: rgba(51, 63, 73, 0.75); color: #f6f6f7; }

.discussionfooter { border-width: 1px 0 0 0; }
.discussionfooter .conversationreply a.upload { background-position: 0 -384px; }
.discussionfooter .conversationreply a.gifs { background-position: 0 -1248px; }

@media only screen and (min-width: 461px){
	.discussioncontent:not(.discussionmini) section.message a.photo { width: 200px; height: 180px; }
	.discussioncontent:not(.discussionmini) section.message div.text p,
	.discussionfooter:not(.discussionmini) .conversationreply textarea,
	.discussionfooter:not(.discussionmini) div.gifs div.search input.field { font-size: 13px; }
	}

/* Gifs */
div.gifs { display: none; height: 45vh; min-height: 350px; border-width: 0 0 1px; overflow: hidden; }

div.gifs div.search { padding: 2px 35px 2px 10px; }
div.gifs div.search input.field { padding: 6px 30px 6px 1px; width: 100%; height: 34px; font-size: 12px; background: transparent; border: 0; }
div.gifs div.search a.close { z-index: 5; position: absolute; top: 2px; right: 0; width: 34px; height: 34px; background: url('/img/icons.png?v22') no-repeat 0 -31px; background-size: 32px auto; opacity: 0.5; }
div.gifs div.search a.close:hover { opacity: 1; }
.menucontent div.gifs div.search a.close { background-position: 0 -1311px; }

div.gifs .searchcontent, .menucontent div.gifs .searchcontent { position: relative; margin: 0; width: auto; height: calc(100% - 38px); max-height: inherit; background-color: transparent; border-width: 1px 0 0; border-radius: 0; box-shadow: none; }
div.gifs .searchcontent .innercontent, .menucontent div.gifs .searchcontent .innercontent { position: relative; display: flex; flex-wrap: wrap; margin: 2px; }
div.gifs .searchcontent .innercontent:after { content: ''; flex-grow: 999999999; }
div.gifs .searchcontent a { position: relative; display: inherit; margin: 2px; }
div.gifs .searchcontent a i { display: block; }
div.gifs .searchcontent a img { position: absolute; top: 0; width: 100%; height: 100%; vertical-align: bottom; object-fit: cover; }

/* Contacts */
div.contacts { display: flex; flex-direction: column; margin-bottom: 20px; border-bottom: 1px solid rgba(51, 63, 73, 0.3); background-color: rgba(51, 63, 73, 0.05); }
div.contacts ul { display: flex; border-top: 1px solid rgba(51, 63, 73, 0.3); }
div.contacts ul.title { background-color: rgba(51, 63, 73, 0.05); }
div.contacts ul li { padding: 10px 10px; width: 150px; font-size: 12px; line-height: 20px; }
div.contacts ul li.right { text-align: right; }
div.contacts ul li.auto { width: auto; }
div.contacts ul li.type { width: 150px; }
div.contacts ul li.value { flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
div.contacts ul li.empty { opacity: 0.5; }
div.contacts ul.empty { order: 100; }
div.contacts ul.toend { order: 200; }
div.contacts ul.toend li { opacity: 0.5; }
.contacts ul li[data-width="50"] { width: 50px; }
.contacts ul li[data-width="60"] { width: 60px; }
.contacts ul li[data-width="70"] { width: 70px; }
.contacts ul li[data-width="75"] { width: 75px; }
.contacts ul li[data-width="80"] { width: 80px; }
.contacts ul li[data-width="85"] { width: 85px; }
.contacts ul li[data-width="90"] { width: 90px; }
.contacts ul li[data-width="100"] { width: 100px; }
.contacts ul li[data-width="125"] { width: 120px; }
.contacts ul li[data-width="130"] { width: 130px; }
.contacts ul li[data-width="140"] { width: 140px; }
.contacts ul li[data-width="150"] { width: 150px; }
.contacts ul li[data-width="175"] { width: 175px; }
.contacts ul li[data-width="200"] { width: 200px; }
.contacts ul li[data-width="225"] { width: 225px; }
.contacts ul li[data-width="250"] { width: 250px; }
.contacts ul li[data-width="275"] { width: 275px; }
.contacts ul li[data-width="300"] { width: 300px; }
.contacts ul li a { text-decoration: underline; }

/* Page */
div.page { display: flex; flex-flow: row; flex: 1; }

.pagepane:not(.pane) { display: flex; flex-flow: column; /* width: 270px; min-width: 270px; */ width: calc(22vw - 52px); max-width: 350px; min-width: 250px; border-width: 0 1px 0 0; overflow: hidden; }
.pagepane.hidden { display: none; }
.pagepane[data-width="350"] { width: 320px; }
.pagepane + .pagepane, .pagecenter + .pagepane { border-width: 0 0 0 1px; }
/* body:not(.fullscreen0) .pagepane + .pagepane, body:not(.fullscreen0) .pagecenter + .pagepane { display: none; } */
.pagepane a.buttonpageleft { z-index: 10; position: absolute; top: 11px; height: 40px; padding: 0 12px; width: 40px; font-size: 16px; line-height: 40px; text-align: center; background: transparent; }
.pagepane a.buttonleft { left: 5px; }
.pagepane a.buttonleft { left: 5px; }
.pagepane .pagecontent { flex: 1; }

.pagepane h1 { margin: 0; padding: 0 0 12px; font-size: 18px; line-height: 26px; text-align: center; border-width: 0 0 1px; }
.pagepane > h2 { margin: -20px 0 0; padding: 0; font-size: 13.5px; line-height: 22px; font-weight: normal; text-align: center; background: #fcfcfd; opacity: 0.7; }
.pagepane div.photo { display: block; margin: 0; padding-top: calc(100% - 20px); width: 100%; background-size: calc(100% - 30px) auto; background-repeat: no-repeat; background-position: 50% 50%; border-width: 0; }

.pagepane .pageheader { border-width: 0 0 1px; }
.pagepane .pageheader h2 { margin: 12px 0 0; padding: 0; font-size: 13.5px; line-height: 22px; font-weight: normal; text-align: center; opacity: 0.7; }
.pagepane .pageheader ul.list + h2 { margin: 0; }
.pagepane .pageheader div.photo + h2 { margin: 0; }

.pagepane .pageheader div.info { padding: 0 20px 12px; }
.pagepane .pageheader div.info h1, .pagepane .pageheader div.info h2 { margin: 0; padding: 0; border-width: 0; }
.pagepane .pageheader div.info p { margin: 0; padding: 0; text-align: center; }
.pagepane .pageheader div.info p.margin { margin-top: 5px; }

.pagepane .pageheader h2.bigicon { margin: 0; padding: 20px 0 5px; opacity: 1; }
.pagepane .pageheader h2.bigicon + div.info { margin-top: 5px; }

.pagepane .panecontent h2.bigicon { margin: 0; padding: 20px 0 5px; opacity: 1; }
.pagepane .panecontent h2.bigicon + h2 { margin-top: 5px; }

.pagepane ul.list li, .menucontent ul.list li { display: block; border-width: 0 0 1px; font-size: 13.5px; line-height: 22px; }
.pagepane ul.list li.noborder, .menucontent ul.list li.noborder { border-width: 0; }
.pagepane ul.list li > a, .menucontent ul.list li > a { display: block; padding: 10px 15px 10px 35px; border-left: 2px solid transparent; }
.pagepane ul.list li:not(.photo) > a:hover { background-color: rgba(51, 63, 73, 0.025); }
.menucontent ul.list li:not(.photo) > a:hover { background-color: rgba(246, 246, 247, 0.025); }
.pagepane ul.list li > a.active { background-color: rgba(51, 63, 73, 0.075); border-left: 2px solid #333f49; }
.pagepane ul.list li > a.disabled { opacity: 0.7; pointer-events: none; }
.pagepane ul.list li > a.hidden { display: none; }

.pagepane ul.list li.photo { display: block; padding: 10px 15px 10px 15px; }
.pagepane ul.list li.photo a { display: block; padding: 0; border: 0; }
.pagepane ul.list li.photo img { display: block; width: 100%; mix-blend-mode: darken; }
.pagepane ul.list li.photo.noborder { padding-bottom: 0; }

.pagepane ul.list li.text { display: flex; padding: 10px 15px 10px 15px; flex-direction: row; }
.pagepane ul.list li.text em { padding-right: 10px; font-style: normal; opacity: 0.7; }
.pagepane ul.list li.text strong { flex: 1; text-align: right; font-weight: normal; }

.pagepane div.filters { top: 0; }
.pagepane ul.list li > a[data-badge]:before { top: 49.9%; right: 15px; text-shadow: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.pagepane ul.list li > a span.icon, .menucontent ul.list li > a span.icon { z-index: 1; position: absolute; top: 1px; left: 0; bottom: 0; width: 40px; height: 42px; font-size: 14px; line-height: 42px; text-align: center; opacity: 0.8; pointer-events: none; }
.pagepane ul.list li > a:hover span.icon, .menucontent ul.list li > a:hover span.icon { opacity: 0.85; }
.pagepane ul.list li > a.active h { opacity: 1; }

.pagepane p.buttons { border-width: 0 0 1px 0; }
.pagepane div.filters p.buttons { border-width: 0; }

.pagecenter { display: flex; flex: 1; flex-direction: column; /* overflow-x: auto; */ }
.pagecontent { display: flex; flex: 1; }
.pagecontent .loadcontent { display: flex; flex-direction: column; flex: 1; border-width: 0; }
.pagecontent .fixedtoheader { top: 0; }

/* Coef */
.coef { z-index: 2; position: absolute; top: -16px; left: -8px; padding: 1px 0 0 2px; width: 50px; height: 50px; font-size: 11px !important; line-height: 50px !important; text-align: center; font-weight: bold; font-style: normal; background: url('/img/coef.png') no-repeat 50% 50%; background-size: cover; color: rgba(0, 0, 0, 0.5); }

/* Article */
section.article { display: block; padding: 15px; margin: 0; border-width: 0 0 1px 0; }
section.article > ul a.name { display: block; padding-bottom: 2px; font-size: 16px; font-weight: bold; }
section.article > ul li { display: inline-block; padding: 0 15px; min-height: 60px; font-size: 13px; line-height: 20px; border-left: solid 1px rgba(0, 0, 0, 0.1); }
section.article > ul li:first-of-type { border: 0; padding-left: 0; }
section.article > ul li.picture { width: 95px; }
section.article > ul li.picture span { position: absolute; top: -10px; width: 80px; height: 80px; background-size: cover; }
section.article > ul li.right { float: right; }
section.article ul li li { display: block; padding: 0; min-height: 0; border: 0; }

/* Product */
div.products { padding: 0; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); margin-right: -1px; width: calc(100% + 1px); border: 0 important; }
div.products[data-empty]:empty:before { position: absolute; width: 100%; }
div.products.loading { padding-bottom: 85px; }

section.product { display: inline-block; margin: 0; padding: 15px; border-width: 0 1px 1px 0; }
section.product div.photo { display: block; top: 0; margin: 10px 0; padding: 0 0 calc(100% - 20px); overflow: hidden; mix-blend-mode: darken; }
section.product div.photo .img { position: absolute; top: 5%; bottom: 5%; left: 0; right: 0; border-width: 0; border-radius: 0; background-size: contain; }
section.product[data-type="1"] div.photo .img { top: 15%; bottom: 15%; }
section.product div.photo img { position: absolute; display: block; width: 100%; height: 100%; object-fit: contain; }

section.product h3 { padding: 0 10px; font-size: 16px; line-height: 20px; font-weight: bold; text-align: center; white-space: nowrap; }
section.product h3 span { display: block; font-size: 11px; font-weight: normal; text-transform: uppercase; opacity: 0.5; }

section.product ul.status { margin: 0; padding: 0 0 1px; border-width: 0 0 1px; }
section.product ul.status li { display: inline-block; font-size: 11px; line-height: 20px; }
section.product ul.status li.coef { pointer-events: none; }
section.product ul.status li.coef + li { margin-left: 41px; }
section.product ul.status li.type { opacity: 0.5; }
section.product ul.status li:last-child { float: right; text-align: right; }

section.product ul.infos { margin: 10px 0 0; padding: 0; }
section.product ul.infos li { font-size: 11px; line-height: 18px; }
section.product ul.infos li.price { font-size: 17px; line-height: 22px; font-weight: bold; }

section.product ul.infos li.right { z-index: 2; float: right; }
section.product ul.infos li.right a.button {  }

div.photoarticle { display: block; margin: 5px auto 15px; padding-top: 80%; width: 80%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border-width: 1px; }
div.photoarticle img { display: none; }

section.product a.addtofav { z-index: 5; position: absolute; top: 4px; left: 6px; }
section.product a.addtofav:not(:hover):before { border-color: rgba(0, 0, 0, 0); }
section.product a.icon:not(.addtofav) { z-index: 5; position: absolute; top: -17px; right: -11px; height: 49px; background: #fff; }
section.product a.icon:not(.addtofav):before { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
section.product a.icon:not(.addtofav) + a.icon { top: 38px; }

/* Catascient */
section.product.catascient h3 { margin-bottom: 10px; }
section.product.catascient ul.status { border-width: 0; }

/* Photo List */
div.photolist { padding: 0; }
.photolist a { display: inline-block; width: 70px; height: 70px; margin: 10px 10px 15px 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-width: 1px; border-radius: 3px; }
.photolist a[data-text]:before { content: attr(data-text); position: absolute; bottom: -20px; left: 0; right: 0; font-size: 11px; line-height: 18px; text-align: center; opacity: 0.7; }

/* Photo Thumbs */
div.photothumbs { display: block; padding: 10px; border-width: 0 0 1px; }
.photothumbs h2 { display: block; padding: 0 10px; font-size: 14px; line-height: 20px; }
.photothumbs h2 span { font-weight: normal; }

.photothumbs ul li { display: inline-block; margin: 5px; border-width: 1px; }
.photothumbs ul li a.thumb { display: block; width: 120px; height: 130px; background-position: 50% 50%; background-color: #fff; background-repeat: no-repeat; background-size: cover; }
.photothumbs ul li:first-of-type a.thumb { background-size: 95% auto; }

.photothumbs ul li a.button { z-index: 2; position: absolute; top: 5px; right: 5px; padding: 0; width: 30px; height: 30px; font-size: 14px; line-height: 30px; color: #f6f6f7; text-align: center; }
.photothumbs ul li:not(:hover) a.button { opacity: 0; pointer-events: none; }

/* Article */
label.article { padding-left: 38px !important; background: url('/img/icons.png?v22') no-repeat -13px -441px; background-size: 50px auto; }
label.article.active, label.article.disabled { background-position: -13px -391px; }
label.article > ul a.name { display: block; padding-bottom: 2px; font-size: 14px; font-weight: bold; color: #22292e; pointer-events: none; }
label.article > ul { margin: 10px 0; }
label.article > ul li { display: inline-block; padding: 0 15px; font-size: 11px; line-height: 18px; border-left: solid 1px rgba(0, 0, 0, 0.1); }
label.article > ul li:first-of-type { border: 0; padding-left: 0; width: 85%; }
label.article > ul li.right { float: right; padding-right: 0; }
label.article ul li li { display: block; padding: 0; min-height: 0; border: 0; }

/* Tool */
div.listcontent.listtools { padding-bottom: 20px; border-width: 0; }
section.tool { display: inline-block; padding: 15px; margin: 20px 0 0 20px; width: 200px; height: 250px; border-width: 1px; }
section.tool div.icon { display: block; height: 145px; font-size: 75px; line-height: 145px; text-align: center; }
section.tool h2 { display: block; margin-top: 15px; padding-top: 15px; font-size: 16px; line-height: 20px; font-weight: bold; text-align: center; border-width: 1px 0 0; }

/* SAV */
section.sav { display: block; padding: 15px; margin: 0; border-width: 0 0 1px 0; }
section.sav a.touch { right: 50px; }
section.sav li a.touch { right: 0; }
section.sav > ul { display: flex; flex-direction: row; }
section.sav > ul a.name { display: block; padding-bottom: 2px; font-size: 16px; font-weight: bold; }
section.sav > ul a.name span.opacity { top: -1px; font-family: 'OpSa', 'Open Sans', Arial, sans-serif; font-size: 13px; line-height: 18px; font-weight: normal; vertical-align: baseline; }
section.sav > ul li { display: inline-block; padding: 0 15px; min-height: 60px; font-size: 13px; line-height: 20px; border-left: solid 1px rgba(0, 0, 0, 0.1); white-space: nowrap; overflow: hidden; }
section.sav > ul > li:not(.picture):not(.right) { flex: 1; }
section.sav > ul li:first-child { border: 0; padding-left: 0; }
section.sav > ul li.picture { width: 95px; }
section.sav > ul li.description { width: calc(100% - 100px); }
section.sav > ul li.description ul a { z-index: 5; text-decoration: underline; }
section.sav > ul li.description ul li { white-space: normal; overflow: inherit; }
section.sav > ul li.picture span { position: absolute; display: block; top: -10px; width: 80px; height: 80px; background-size: cover; }
section.sav > ul li.right { float: right; }
section.sav ul li li { display: block; padding: 0; min-height: 0; border: 0; }
section.sav label.button { z-index: 5; margin: 10px -20px 0 -10px; padding: 0 10px; width: 38px; border: 0; }
section.sav label.button.active { background-color: transparent; }

form.sav { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
form.sav .scrolled:not(.searchcontent) { position: absolute; top: 51px; left: 0; right: 0; bottom: 51px; }
form.sav div.footer { position: absolute; left: 0; right: 0; bottom: 0; }
form.sav div.line { display: block; margin-top: 15px; }
form.sav div.line.hidden { display: none; }
form.sav div.partleft { display: inline-block; width: 40%; }
form.sav div.partright { display: inline-block; margin-left: 10px; padding: 9px 10px; width: calc(60% - 10px); border-color: rgba(51, 63, 73, 0.30); border-width: 1px; border-radius: 3px; }
form.sav div.partright label:not(:first-of-type) { margin-left: 8px; }
form.sav div.partright h3.label { top: -24px; left: -11px; }
form.sav div.partright label { display: inline-block; width: calc((100% - 16px ) / 3); }
form.sav div.partright label input { width: 100%; }
form.sav div.itemoninput { margin-top: 1px; }
form.sav input.big { margin-top: 0; }

/* Supply Week */
section.supply-week { display: block; margin: 0; border-width: 0 0 1px 0; }
section.supply-week.current { border-left: 2px solid #333f49; }
section.supply-week.current[data-cat]:before { padding-left: 13px; font-weight: bold; }

div.supply-stat { padding: 15px 15px 15px 42px; }
div.supply-stat:not(:first-of-type) { border-width: 1px 0 0 0; }
div.supply-stat[data-title]:before { position: absolute; padding: 0 5px; font-size: 10px; line-height: 26px; text-align: center; text-transform: uppercase; background: transparent; border-width: 0 0 1px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
div.supply-stat[data-count="1"][data-title]:before { top: 18px; left: -1px; width: 39px; }
div.supply-stat[data-count="2"][data-title]:before { top: 35px; left: -14px; width: 66px; }
div.supply-stat[data-count="3"][data-title]:before { top: 51px; left: -31px; width: 99px; }
div.supply-stat[data-count="4"][data-title]:before { top: 68px; left: -47px; width: 132px; }

section.supply-week.current div.supply-stat { padding-left: 40px; }
section.supply-week.current div.supply-stat[data-count="1"][data-title]:before { left: -3px; }
section.supply-week.current div.supply-stat[data-count="2"][data-title]:before { left: -14px; }
section.supply-week.current div.supply-stat[data-count="3"][data-title]:before { left: -33px; }
section.supply-week.current div.supply-stat[data-count="4"][data-title]:before { left: -49px; }

section.supply-stat { padding: 0 0 5px; }
section.supply-stat ul { display: flex; flex-direction: row; max-width: 100%; }
section.supply-stat ul li { display: inline-block; font-size: 11px; line-height: 20px; white-space: nowrap; }
section.supply-stat ul li:nth-of-type(1) { flex: 1; min-width: 95px; text-align: left; }
section.supply-stat ul li:nth-of-type(1) span.icon { margin-right: 4px; opacity: 0.7; }
section.supply-stat ul li:nth-of-type(2) { padding-right: 1px; text-align: right; opacity: 0.7; }
section.supply-stat div.bar { z-index: 1; min-width: 5px; max-width: 100%; height: 8px; border-radius: 2px; }
section.supply-stat[data-type="orders"] div.bar { background: #bfc3c7; }
section.supply-stat[data-type="deliveries"] div.bar { background: #989ea3; }
section.supply-stat[data-type="receipts"] div.bar { background: #989ea3; }

section.supply-stat ul li:after { position: absolute; content: ''; bottom: -1px; left: 0; right: 0; border-width: 0 0 1px; }
section.supply-stat ul li:nth-of-type(1):after { left: 2px; }
section.supply-stat ul li:nth-of-type(2):after { right: 2px; }

section.supply-stat:not(:hover) ul li:nth-of-type(1) span.icon { opacity: 0; margin-left: -15px; pointer-events: none; }
section.supply-stat:hover ul li:nth-of-type(2) { opacity: 1; }

/* File */
section.file { display: block; padding: 15px; margin: 0; border-width: 0 0 1px 0; }
section.file > ul { display: flex; flex-direction: row; }
section.file > ul a.name { display: block; font-size: 16px; font-weight: bold; }
section.file > ul li { display: inline-block; padding: 0 15px; font-size: 12px; line-height: 20px; border-left: solid 1px rgba(0, 0, 0, 0.1); }
section.file > ul li:first-child { border: 0; padding-left: 0; }
section.file > ul li:last-child { padding-right: 0; }
section.file > ul li.ellipsis { flex: 1; }
section.file > ul li.ellipsis + li { border: 0; }

/* City */
section.city { display: block; padding: 12px 15px; margin: 0; border-width: 0 0 1px 0; }
section.city a.name { display: block; font-size: 16px; line-height: 20px; font-weight: bold; }
section.city p { display: block; padding: 2px 0 0; font-size: 12px; line-height: 20px; }

section.city a.client { z-index: 15; display: block; float: right; margin: 0 0 0 20px; padding: 8px 10px; width: 85px; font-size: 9px; line-height: 18px; text-align: center; border-radius: 5px; overflow: hidden; }
section.city a.client strong { display: block; font-size: 11px; }

section.city ul { float: right; margin: 6px 0 0 15px; }
section.city ul li { display: inline-block; padding: 0 0 0 10px; }
section.city ul li span { display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border-width: 1px; border-radius: 50%; }
section.city ul li span[data-badge]:before { top: -5px; right: -5px; min-width: 12px; height: 12px; font-size: 8px; line-height: 11px; background: #333f49; color: #f6f6f7; }
section.city ul li span.opacity { opacity: 0.3; }

/* B2C Store */
section.b2cstore { display: block; padding: 12px 15px; margin: 0; border-width: 0 0 1px 0; }
section.b2cstore span.img { float: left; display: block; margin: 0 12px 0 -5px; padding: 0; width: 48px; height: 37px; background-size: 40px; background-position: 0 50%; border-width: 0 1px 0 0; border-color: rgba(0, 0, 0, 0.1); border-radius: 0; }
section.b2cstore a.name { display: block; font-size: 14px; line-height: 18px; font-weight: bold; }
section.b2cstore p { display: block; padding: 1px 0 0; font-size: 10px; line-height: 16px; opacity: 0.7; }

section.b2cstore a.client { z-index: 15; display: block; float: right; margin: 0 0 0 20px; padding: 0; font-size: 8px; line-height: 14px; text-align: center; white-space: nowrap; opacity: 0.3; }
section.b2cstore a.client strong { display: block; font-size: 16px; line-height: 20px; }
section.b2cstore:hover a.client { opacity: 0.5; }
section.b2cstore:hover a.client:hover { opacity: 1; }

/* Return */
section.return { margin: 10px 0 0 0; border-width: 1px 0 0; }
section.return h2 { padding: 0 15px; font-size: 14px; line-height: 40px; font-weight: normal; border-color: rgba(51, 63, 73, 0.30); border-width: 0 0 1px; }
section.return h2 span.right { float: right; }

div.returninfo { display: flex; border-width: 0 0 1px; }
div.returninfo div.video { width: 470px; height: 352px; }
div.returninfo div.video video { width: 100%; height: 100%; background: rgba(51, 63, 73, 0.70); }
div.returninfo div.note { flex: 1; border-width: 0 0 0 1px; }
div.returninfo div.note div.text { padding: 0 15px; }

/* User */
section.user { display: block; padding: 15px; margin: 0; border-width: 0 0 1px 0; }
section.user a.touch { right: 50px; }
section.user > ul a.name { display: block; padding-bottom: 2px; font-size: 16px; font-weight: bold; }
section.user > ul li { display: inline-block; padding: 0 15px; min-height: 60px; font-size: 13px; line-height: 20px; border-left: solid 1px rgba(0, 0, 0, 0.1); }
section.user > ul li:first-child { border: 0; padding-left: 0; }
section.user > ul li:nth-of-type(2) { border: 0; }
section.user > ul li.picture { width: 70px; }
section.user > ul li.picture span { position: absolute; top: -4px; width: 70px; height: 70px; background-position: 50% 50%; background-size: cover; border-radius: 50%; }
section.user > ul li.right { float: right; }
section.user ul li li { display: block; padding: 0; min-height: 0; border: 0; }
section.user a.button { z-index: 5; margin: 15px -10px 0 0; padding: 0 10px; height: 30px; font-size: 14px; line-height: 30px; color: #eee; }

/* Destainers */
div.destainers { }
.destainers section.user { display: block; padding: 15px 0; margin: 0; border-width: 0 0 1px 0; }
.destainers section.user:last-of-type { border: 0; }
.destainers section.user > ul a.name { color: #212121; }
.destainers section.user > ul li { min-height: 20px; }
.destainers section.user > ul li.picture { width: 28px; }
.destainers section.user > ul li.picture span { top: -7px; width: 36px; height: 36px; }
.destainers section.user a.button { margin: -4px -15px -4px 0; }

/* Files */
.files label.info { display: inline-block; padding: 8px 0 0 0; width: 70px; font-size: 12px; line-height: 20px; text-align: right; opacity: 0.7; }
.files a.removefile { z-index: 1; position: absolute; margin: 10px 0 0 10px; width: 35px; height: 40px; border-radius: 3px; }
.files a.removefile:hover { background: rgba(236, 236, 237, 0.5); }
.files label.fakefile, .files a.photo { display: inline-block; margin: 10px 0 0 10px; width: 35px; height: 40px; border-radius: 3px; border-width: 1px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; cursor: pointer; opacity: 0.5; }
.files a.photo { opacity: 1; }
.files label.fakefile:not(.select):before { content: '+'; position: absolute; top: 50%; left: 0; right: 0; width: 100%; height: 20px; font-size: 16px; line-height: 20px; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.files label.fakefile.hidden { display: none; }
.files label.fakefile.select { border-width: 0; }
.files label.fakefile.select, .files label.fakefile:hover { opacity: 1; }
.files label.fakefile.filepdf { background-image: url('/img/files/pdf.png'); }
.files label.fakefile.filejpg, .files label.fakefile.filejpeg, .files label.fakefile.filegif, .files label.fakefile.filepng, .files label.fakefile.fileai, .files label.fakefile.filepsd, .files label.fakefile.fileeps { background-image: url('/img/files/img.png'); }
.files label.fakefile.filemov, .files label.fakefile.fileavi, .files label.fakefile.filemp4 { background-image: url('/img/files/mov.png'); }
.files label.fakefile.filedoc, .files label.fakefile.filedocx { background-image: url('/img/files/doc.png'); }
.files label.fakefile.filexls, .files label.fakefile.filexlsx { background-image: url('/img/files/xls.png'); }
.files label.fakefile.fileppt, .files label.fakefile.filepptx { background-image: url('/img/files/ppt.png'); }
.files label.fakefile.filetxt, .files label.fakefile.filecsv { background-image: url('/img/files/txt.png'); }
.files label.fakefile.filezip, .files label.fakefile.filerar { background-image: url('/img/files/zip.png'); }

div.photo label.fakefile { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: 85% auto; cursor: pointer; }

/* Files : Conversation */
.conversationreply div.files { margin: 5px 0; border-width: 1px 0 0; }
.conversationreply .files label.fakefile { width: 25px; height: 30px; border-radius: 2px; }
.conversationreply .files label.fakefile:not(.select) { border-color: rgba(246, 246, 247, 0.20); }
.conversationreply .files label.fakefile:not(.select):before { color: #f6f6f7; }
.conversationreply .files label.fakefile:first-of-type { margin-left: 0; }

/* Fields */
div.groupfield { margin-top: 15px; padding: 0 15px; border-width: 1px; border-radius: 3px; }
.groupfield label { display: block; padding: 5px 0; border-width: 0 0 1px 0; }
.groupfield label.hidden { display: none; }
.groupfield label.pointer { cursor: pointer; }
.groupfield label.disabled { opacity: 0.5; }
.groupfield label:last-child { border: 0; }
.groupfield label em { position: absolute; z-index: 2; padding: 5px 0 0 0; width: 110px; font-size: 12px; line-height: 20px; text-align: right; font-style: normal; opacity: 0.7; }
.groupfield label strong { display: block; font-size: 14px; line-height: 30px; font-weight: bold; }
.groupfield label strong span { font-weight: normal; opacity: 0.7; }
.groupfield label strong.right { text-align: right; }
.groupfield label strong, .groupfield label input, .groupfield label select { margin-left: 117px; width: calc(100% - 117px); height: 30px; border: 0; }
.groupfield > p.center { padding: 15px; font-size: 12px; line-height: 20px; opacity: 0.7; }
.groupfield label a.button { display: inline-block; margin: 3px 0 0 5px; padding: 0 7px; height: 23px; font-size: 12px; line-height: 23px; font-weight: normal; }

.groupfield label div.info { display: block; margin-top: -8px; opacity: 0.6; }
.groupfield label div.info strong.right { font-size: 13px; font-weight: normal; }

.groupfield label input[type="checkbox"] + span { display: block; margin-left: 107px; height: 30px; font-size: 13px; line-height: 30px; cursor: pointer; opacity: 0.3; }
.groupfield label input[type="checkbox"] + span:before { content: ''; display: inline-block; margin: 7px 6px 0 0; width: 17px; height: 17px; line-height: 15px; text-align: center; font-weight: bold; border-width: 1px; border-radius: 2px; cursor: pointer; }
.groupfield label.active input[type="checkbox"] + span { opacity: 1; }
.groupfield label.active input[type="checkbox"] + span:before { content: '✓'; }

.groupfield ul.phototools { z-index: 10; position: absolute; top: 10px; right: 10px; }
.groupfield ul.phototools li { display: inline-block; }
.groupfield ul.phototools li a { display: block; padding: 0; width: 30px; height: 30px; font-size: 18px; line-height: 32px; text-align: center; }
.groupfield ul.phototools li a:not(:hover) { opacity: 0.7; }

/* Fields */
div.largefield { margin: 15px 15px 0; }
.largefield label em { width: 150px; }
.largefield label strong, .largefield label input, .largefield label select { margin-left: 157px; width: calc(100% - 157px); }
.largefield label input[type="checkbox"] + span { margin-left: 157px; }

/* Popup Form */
.popupform { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.popupform .scrolled:not(.searchcontent):not(.filtercontent) { position: absolute; top: 51px; left: 0; right: 0; bottom: 51px; }
.popupdownload .popupform .scrolled:not(.searchcontent) { bottom: 0; }
.popupform div.footer { position: absolute; left: 0; right: 0; bottom: 0; }

.popupform div.part100 { display: inline-block; padding: 0; width: 100%; }

.popupform div.part50 { display: inline-block; padding: 0 7px 0 0; width: 50%; }
.popupform div.part50:nth-of-type(2n) { padding: 0 0 0 7px; }
.popupform div.part50.left { padding: 0 7px 0 0; }
.popupform div.part50.right { padding: 0 0 0 7px; }
.popupform div.part50 div.searchcontent { width: 200%; max-height: 217px; }
.popupform div.part50:nth-of-type(2n) div.searchcontent { margin-left: -100%; }

.popupform div.part80 { display: inline-block; padding: 0 7px 0 0; width: 80%; }
.popupform div.part75 { display: inline-block; padding: 0 7px 0 0; width: 75%; }
.popupform div.part70 { display: inline-block; padding: 0 7px 0 0; width: 70%; }
.popupform div.part45 { display: inline-block; padding: 0 7px 0 0; width: 45%; }
.popupform div.part40 { display: inline-block; padding: 0 7px 0 0; width: 40%; }
.popupform div.part35 { display: inline-block; padding: 0 0 0 7px; width: 35%; }
.popupform div.part30 { display: inline-block; padding: 0 0 0 7px; width: 30%; }
.popupform div.part25 { display: inline-block; padding: 0 0 0 7px; width: 25%; }
.popupform div.part20 { display: inline-block; padding: 0 0 0 7px; width: 20%; }

.popupform div.part50 > div.part25 { padding: 0; }

.popupform div[data-part="qty"] { display: none; padding: 0 0 0 7px; }
.popupform[data-type="21"] div[data-part="qty"] { display: inline-block; }
.popupform[data-type="21"] div[data-part="product"] { width: 70%; }

.popupform section.partline { display: block; }
.popupform section.partline.partfirst { margin-top: -10px; }
.popupform section.partline div[class^="part"] { padding: 0 0 0 7px; }
.popupform section.partline div[class^="part"]:first-of-type { padding-left: 0; }

.popupform div.partleft { display: inline-block; margin: 15px 0 0 0; padding: 0 15px 10px 0; width: 60%; border-color: rgba(51, 63, 73, 0.20); border-width: 0 1px 0 0; }
.popupform div.partleft div.itemoninput { left: 1px; right: 1px; }
.popupform div.partleft div.itemoninput + input.searchbox { pointer-events: none; }
.popupform div.partleft.partleft-right { padding-left: 15px; padding-right: 0; border-width: 0 0 0 1px; }
.popupform div.partleft.partleft-right div.itemoninput { left: 1px; right: 1px; }
.popupform div.partleft p.info { padding-top: 10px; font-size: 12px; line-height: 18px; opacity: 0.7; }

.popupform div.partright { display: inline-block; margin: 15px 0 0; padding: 1px 10px 0 15px; width: 40%; opacity: 0.7; }
.popupform div.partright.hidden { display: none; }
.popupform div.partright.partright-left { padding-left: 0; padding-right: 15px; opacity: 1; }
.popupform div.partright.partright-center { padding-left: 0; padding-right: 0; width: 100%; opacity: 1; }
.popupform div.partright p { padding-top: 10px; font-size: 12px; line-height: 18px; }
.popupform div.partright h3:not(.label) { font-size: 14px; line-height: 18px; }
.popupform div.partright h3:not(.label):not(.noborder):not(:first-of-type), .popupform div.partright h3.border:not(.label), .popupform div.partright p.border { margin-top: 15px; padding-top: 15px; border-color: rgba(51, 63, 73, 0.20); border-width: 1px 0 0; }
.popupform div.partright h3 + p { padding-top: 5px; }
.popupform div.partright label.button { margin-top: 10px; }

.popupform div.partright input.big, .popupform div.partright label.browsefile.big { height: 40px; font-size: 14px; line-height: 38px; }
.popupform div.partright textarea.large { font-size: 12px; line-height: 20px; }

.popupform div.partright ul { margin-top: 5px; }
.popupform div.partright ul li { font-size: 12px; line-height: 18px; }

.popupform div.partphoto { display: inline-block; margin: 15px 0 0 0; width: 111px; }
.popupform div.partright div.partphoto { display: block; margin-top: 0; width: 100%; }
.popupform div.partphoto div.files { position: absolute; width: 100%; height: 48px; white-space: nowrap; overflow: hidden; }
.popupform div.partphoto div.photo { display: block; width: 100%; padding-top: 100%; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: 85% auto; border-color: rgba(51, 63, 73, 0.30); border-width: 1px; border-radius: 2px; }
.popupform div.partphoto .files label.fakefile, .popupform div.partphoto .files a.removefile, .popupform div.partphoto .files a.photo { margin: 7px 3px 0 0; }

.popupform div.partcomment { display: inline-block; padding-left: 14px; width: calc(100% - 111px); }

div.popupreturnadd textarea { height: 160px; }
div.popupreturndevis textarea { height: 95px; }
div.popupticketaccept textarea { height: 160px; }
div.popupdrawingadd textarea { height: 119px; }
div.popupdrawingorder textarea { height: 94px; }
div.popupdrawingupload textarea { height: 69px; }
div.popupdrawingsample textarea { height: 249px; }
div.popupsamplenew textarea { height: 110px; }
div.popuprelanceupdate textarea { height: 160px; }

/* Form Partright Type */
form[data-returntype] div.partright[data-type] { display: none; }
form[data-returntype="1"] div.partright[data-type="1"] { display: inline-block; }
form[data-returntype="2"] div.partright[data-type="2"] { display: inline-block; }
form[data-returntype="3"] div.partright[data-type="3"] { display: inline-block; }

/* Composer */
/* form.composer { width: calc(100vw - 70px); height: calc(100vh - 70px); max-width: 550px; max-height: 600px; overflow: hidden; } */
form.composer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.composer .scrolled { font-size: 0; }
.composer .innerscroll { height: 100%; }
.composer div.viewontype { display: none; }
.composer section { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; overflow: hidden; opacity: 0; pointer-events: none; }
.composer section[data-type] { display: none; }
.composer section.active { z-index: 5; left: 0; opacity: 1; pointer-events: auto; }
.composer section.doneaaa { left: -15px; right: 15px; }
.composer .scrolled:not(.searchcontent) { position: absolute; top: 51px; left: 0; right: 0; bottom: 51px; }

input.big, select.big { display: block; margin: 15px auto 0; padding: 0 10px; width: 100%; height: 50px; font-size: 18px; line-height: 48px; font-weight: bold; }
select.big { background-position-x: calc(100% - 12px); }
select.big[multiple] { padding: 0 10px; height: 177px; background-image: none; }
select.big[multiple] option { margin: 0; padding: 6px 1px; height: 31px; border-width: 0 0 1px; }
select.big[multiple] option:selected { font-weight: bold; }
select.big[multiple] option:first-of-type { margin-top: 10px; }
select.big[multiple] option:last-of-type { margin-bottom: 10px; height: 30px; border-width: 0; }

label.browsefile.big { display: block; margin: 15px auto 0; padding: 0 60px 0 10px; width: 100%; height: 50px; font-size: 18px; line-height: 48px; font-weight: bold; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
label.browsefile.big:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 50px; background: rgba(51, 63, 73, 0.10); border-color: rgba(51, 63, 73, 0.20); border-width: 0 0 0 1px; pointer-events: none; }
label.browsefile.big:empty:before { content: attr(placeholder); color: rgba(51, 63, 73, 0.4); font-weight: normal !important; opacity: 0.8; pointer-events: none; }

.inputwithchoices input.big { z-index: 2; margin-left: 0; width: calc(100% - 40px); border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; }
.inputwithchoices select.big { z-index: 3; position: absolute; top: 0; width: calc(100% - 7px); }
.inputwithchoices select.big.placeholder { z-index: 1; }

/* Discount */
input.big.discount:not(.empty), input.big.discount:focus { padding-right: 30px; text-align: right; background-image: url('/img/icons.png?v22'); background-repeat: no-repeat; background-size: 50px auto; background-position: calc(100% + 5px) -1901px; }

/* Title */
*[data-title]:before, h3.label { z-index: 10; position: absolute; margin: 8px 0 0 7px; padding: 0 5px; font-size: 10px; line-height: 10px; font-weight: bold; color: rgba(51, 63, 73, 0.9); background: #fcfcfd; pointer-events: none; }
*[data-title]:before { content: attr(data-title); top: -7px; left: 6px; margin: 0; }

*[data-step] > h3.label { margin-top: -7px; }

.composer div.opts { margin-top: 10px; padding: 10px; height: calc((100% - 40px) / 2); font-size: 40px; line-height: 90px; color: #22292e; text-align: center; border: 1px solid #999; border-radius: 3px; cursor: pointer; }
.composer div.opts:first-child { margin-top: 15px; }
.composer div.opts.active { border-width: 5px; padding: 6px; }

.composer div.opts div.more { display: inline-block; width: 70%; }
.composer div.opts:not(.active) div.more { display: none !important; }

.composer .tabs { border-bottom: 1px solid #999; }
.composer .tabs li a { color: #22292e; font-size: 13px; }
.composer .tabs li a:not(.active) { opacity: 0.5; }

.composer textarea { margin-top: 10px; width: 100%; height: 200px; }
.composer select option[disabled] { display: none; opacity: 0.5; }

.composer div.items { margin-top: 5px; width: 100%; }
.composer div.items:empty:before { content: attr(placeholder); display: block; height: 40px; font-size: 12px; line-height: 38px; text-align: center; opacity: 0.3; }
.composer .items div.item { margin: 5px 0 0 0; display: flex; padding: 0; height: 40px; border-radius: 3px; }
.composer .items div.item span { padding: 0 5px; font-size: 11px; line-height: 40px; }
.composer .items div.item span:first-child { padding-left: 10px; }
.composer .items div.item:first-child span { border-top: 0; }
.composer .items div.item span.name { flex: 1; font-size: 14px; font-weight: bold; }
.composer .items div.item span.delete { width: 40px; background: url('/img/icons.png?v22') no-repeat 0 -40px; background-size: 40px auto; cursor: pointer; }

.composer .users h3.label { margin-left: -5px; }
.composer .users label.button { margin: 0 0 5px 0; padding: 4px 0 0 62px; width: 100%; height: 50px; border-width: 1px; overflow: hidden; }
.composer .users label.button span.img { position: absolute; top: -5px; left: -5px; width: 60px; height: 60px; border-radius: 0 50% 50% 0; border: 0; }
.composer .users label.button .user li { line-height: 20px; }
.composer .users label.button .user li.name { font-size: 14px; }
.composer .users label.button:not(.active) { background: none; }
.composer .users label.button:not(.active) .user li.name { font-weight: normal; }
.composer .users label.button.hidden { display: none; }

.composer section[data-select] { display: none; }

.composer section[rel="type"] div.users { margin-top: 15px; padding: 10px 10px 5px; border-width: 1px; border-radius: 3px; }
.composer section[rel="type"] .users label.button { margin: 0 5px 5px 0; width: calc((100% - 10px) / 3); }
.composer section[rel="type"] .users label.button:nth-of-type(3n+3) { margin-right: 0; }
.composer section[rel="type"] .users.disabled { opacity: 0.5; }
.composer section[rel="type"] .users.disabled label.button { opacity: 0.6; pointer-events: none; }
.composer section[rel="type"] .users.disabled label.button .user li.name { font-weight: normal; }

.composer section[rel="clients"] div.contact { padding: 15px 0 20px 0; }
.composer section[rel="clients"] div.contact input { margin-left: 10px; width: calc((100% - 20px) / 3); }
.composer section[rel="clients"] div.contact input:first-child { margin-left: 0; }
.composer section[rel="clients"] div.itemlist { min-height: calc(100% - 264px); }

.composer section[rel="message"] textarea { height: 200px; }
.composer section[rel="message"] textarea[name="explain"],
.composer section[rel="message"] textarea[name="important"] { height: 88px; }
.composer section[rel="message"] a.button.submit,
.composer section[rel="message"] label[rel="forceclose"] { display: none; }

.composer section[rel="agenda"] { display: none; }
.composer section[rel="agenda"] div.users { right: auto; margin-top: 15px; margin-bottom: 15px; padding-right: 5px; width: 160px; border-width: 0 1px 0 0; }
.composer section[rel="agenda"] div.agenda { left: 175px; padding-top: 10px; }
.composer section[rel="agenda"] .agenda label { display: block; margin-top: 10px; width: 100%; }
.composer section[rel="agenda"] .agenda textarea { margin-top: 10px; width: 100%; height: 213px; }
.composer section[rel="agenda"] .agenda .field { margin: 5px 5px 0 0; width: 75%; }
.composer section[rel="agenda"] .agenda .field.hour { margin-right: 0; width: calc(25% - 5px); height: 30px; }

.composer div.pagination { z-index: 10; position: absolute; left: 90px; bottom: 15px; }
.composer .pagination a { display: inline-block; margin: 0 5px; width: 10px; height: 10px; background: #333f49; border-radius: 50%; opacity: 0.6; }
.composer .pagination a.active { background: var(--yellow-background); opacity: 1; }
.composer .pagination a.hidden { display: none; }

.composer[data-type="0"] section[rel="clients"],
.composer[data-type="0"] section[rel="articles"],
.composer[data-type="0"] section[rel="notify"],
.composer[data-type="0"] section[rel="message"] a.button[rel="next"],
.composer[data-type="0"] section[rel="message"] textarea[name="explain"],
.composer[data-type="0"] section[rel="message"] textarea[name="important"] { display: none; }
.composer[data-type="0"] section[rel="message"] textarea[name="message"] { height: calc(100% - 140px); }
.composer[data-type="0"] section[rel="message"] a.button.submit,
.composer[data-type="0"] section[rel="message"] label[rel="forceclose"] { display: inline-block; }

.composer[data-type="9"] section[rel="clients"],
.composer[data-type="9"] section[rel="articles"] { display: none; }

.composer[data-type="10"] section[rel="clients"],
.composer[data-type="10"] section[rel="articles"] { display: none; }

.composer[data-type="14"] section[rel="articles"],
.composer[data-type="14"] section[rel="notify"],
.composer[data-type="14"] section[rel="message"] a.button[rel="next"],
.composer[data-type="14"] section[rel="message"] textarea[name="explain"],
.composer[data-type="14"] section[rel="message"] textarea[name="important"],
.composer[data-type="14"] section[rel="message"] div.files { display: none; }
.composer[data-type="14"] section[rel="message"] textarea[name="message"] { margin-top: 15px; height: 44px; }
.composer[data-type="14"] section[rel="message"] div.viewontype h3.label:first-of-type { margin-top: -7px; }
.composer[data-type="14"] section[rel="message"] a.button.submit { display: inline-block; }

.composer[data-type="16"] section[rel="clients"],
.composer[data-type="16"] section[rel="articles"],
.composer[data-type="16"] section[rel="message"],
.composer[data-type="16"] section[rel="notify"] { display: none; }
.composer[data-type="16"] section[data-type="16"] { display: block; }

.composer[data-type="17"] section[rel="clients"],
.composer[data-type="17"] section[rel="articles"],
.composer[data-type="17"] section[rel="message"],
.composer[data-type="17"] section[rel="notify"] { display: none; }
.composer[data-type="17"] section[data-type="17"] { display: block; }

.composer[data-type="210000"] section[rel="clients"],
.composer[data-type="210000"] section[rel="articles"] { display: none; }

.composer[data-type="35"] section[rel="clients"],
.composer[data-type="35"] section[rel="articles"] { display: none; }

.composer[data-users-readonly] section[rel="type"] .users { pointer-events: none; }
.composer[data-users-readonly] section[rel="type"] .users label.button:not(.active) { display: none; }
.composer[data-users-readonly] section[rel="type"] label.button[rel="private"] { display: none; }

/* Update */
form.update { width: 100%; }
.update textarea { margin-top: 10px; width: 100%; height: 213px; }
.update textarea[name="explain"],
.update textarea[name="important"] { height: 88px; }

/* Items */
div.item { padding: 10px 30px 10px 0; border-width: 0 0 1px 0; }
.menucontent div.item { border-left: 2px solid transparent; }
div.item.unread { order: -1; opacity: 1; border-left: 2px solid var(--yellow-background); }
div.item.padding { padding-right: 15px; }
div.item:not(.unread) + div.notification.unread { margin: -1px 0; border-top-width: 1px; border-top-color: rgba(246, 246, 247, 0.03); }
.item a.touch { z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.item p { padding: 0; font-size: 12px; line-height: 20px; }
.item p.right { text-align: right; }
.item p.infos { padding-top: 0; font-size: 11px; opacity: 0.7; }
.item p.infos.padding { padding-top: 8px; }
.item p.infos span { display: inline-block; }
.item ul li { font-size: 12px; line-height: 20px; }
.item .title, .item .name { font-size: 14px; font-weight: bold; }
*[data-badge][data-badge-inline]:before { top: 1px; left: 8px; right: inherit; }
*[data-badge][data-badge-inline="nospace"]:before { left: 0; }
.item a.img { position: absolute; top: 12px; left: 10px; width: 40px; height: 40px; }
.item select { display: inline-block; padding: 0; width: 75px; height: 20px; font-size: 12px; line-height: 20px; border: 0; background: transparent; opacity: 0.7; }

.item .title .stock, .item .stock { top: -1px; margin: 0 0 0 13px; font-size: 11px; font-family: 'OpSa', 'Open Sans', Arial, sans-serif; font-weight: normal; }
.item .title .stock:after, .item .stock:after { position: absolute; top: 5px; left: -11px; margin: 0; }

.item label.button { z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; padding: 0; width: 80px; height: auto; border-width: 0; }
.item label.button:before { content: ''; top: calc(50% - 10px); right: 20px; height: 20px; width: 20px; font-size: 14px; line-height: 18px; background: transparent; border-width: 1px; border-radius: 5px; opacity: 0.7; }
.item label.button:after, .item label.button.active:after{ content: url(/img/check.svg); top: calc(50% - 10px); right: 20px; height: 20px; width: 20px; background: transparent; border-width: 0; opacity: 0; }
.item label.button.active:before, .item label.button.active:after { opacity: 1; }

.item a.button { z-index: 10; float: right; margin: -2px -5px 5px 10px; padding: 0; width: 24px; height: 24px; font-size: 11px; line-height: 24px; text-align: center; }
.item:not(:hover) a.button { opacity: 0.6; }
.item:hover a.button:not(:hover) { opacity: 0.75; }
.pane .item:not(:hover) a.button { opacity: 0.2; }
.pane .item:hover a.button:not(:hover) { opacity: 0.5; }
.item a.button.disabled { opacity: 0.5 !important; }

.item span.icon { position: absolute; top: 10px; left: 5px; width: 60px; height: 63px; font-size: 28px; line-height: 62px; color: rgba(246, 246, 247, 1); text-align: center; border-width: 0 1px 0 0; border-color: rgba(246, 246, 247, 0.10); overflow: hidden; }
.item span.icon span.icon { position: absolute; top: 0; left: 10px; width: 65px; height: 63px; font-size: 60px; line-height: 62px; text-align: left; border: 0; transform: rotate(-5deg); opacity: 0.05; }
.item:hover span.icon { color: rgba(246, 246, 247, 1); }

.item span.right { z-index: 1; float: right; margin: 2px 0 0 15px; padding: 0; width: 105px; height: 60px; text-align: center; border-width: 0 0 0 1px; overflow: hidden; }
.item span.right a.button { float: inherit; display: inline-block; margin-top: 2px; }

.item label.field { margin: 3px 0 0; border-width: 1px; }
.item label.field input { padding: 6px 8px; height: 34px; }

div.itemoninput { z-index: 5; position: absolute; left: 1px; right: 1px; margin: 16px 0 0 0; padding: 4px 50px 0 0; height: 48px; background: #fcfcfd; border-radius: 3px; opacity: 1; }
.itemoninput span { float: right; padding: 0; font-size: 11px; line-height: 18px; }
.itemoninput span.id { float: left; padding: 0 10px 0 10px; font-size: 18px; line-height: 40px; font-weight: bold; }
.itemoninput span.name { margin-top: 3px; max-width: 50%; font-size: 12px; font-weight: bold; }
.itemoninput span.right { clear: right; }
.itemoninput span.delete { z-index: 5; position: absolute; top: 8px; right: 2px; width: 33px; height: 30px; text-align: center; /* background: url('/img/icons.png?v22') no-repeat 0 -45px; background-size: 40px auto; */ border-left: 1px solid rgba(51, 63, 73, 0.10); cursor: pointer; }
.itemoninput span.delete span.icon { float: none; font-size: 11px; line-height: 30px; }

.menucontent div.itemoninput, .pane div.itemoninput, .filtercontent div.itemoninput, .filterlabels div.itemoninput { z-index: 5; position: relative; left: 0; right: 0; margin: 0; padding: 0 45px 0 0; width: auto; height: 45px; background: none; border: 0; }
.menucontent label div.itemoninput, .pane label div.itemoninput, .filtercontent label div.itemoninput, .filterlabels label div.itemoninput { flex: 1; width: 140px; }
.menucontent .itemoninput span.text, .pane .itemoninput span.text, .filtercontent .itemoninput span.text, .filterlabels .itemoninput span.text { margin: 0; padding: 12px 0 0 12px; width: 100%; font-size: 12px; line-height: 20px; }
.menucontent div.itemoninput + input, .pane div.itemoninput + input, .filtercontent div.itemoninput + input, .filterlabels div.itemoninput + input { display: none; }

.menucontent .item.text, .pane .item.text, .filtercontent .item.text, .filterlabels .item.text { padding: 12px 15px 15px; }
.menucontent .item.text p .name, .pane .item.text p .name, .filtercontent .item.text p .name, .filterlabels .item.text p .name { vertical-align: baseline; }

.pane .item.article { padding: 12px 15px; border-left: 0; background-color: rgba(252, 252, 253, 0.5); }
.pane .item.article .img { z-index: 2; position: relative; top: 0; left: 0; float: left; margin-right: 15px; width: 60px; height: 60px; border-radius: 0; border-width: 0; mix-blend-mode: darken; }

.itemlist { display: flex; }
.itemlist .item { flex: 1; border-width: 0; }
.itemlist .item:not(:first-of-type) { border-width: 0 0 0 1px; }

div.wcontent div.item { border-color: rgba(51, 63, 73, 0.30); }
div.wcontent div.item span.icon { color: rgba(51, 63, 73, 1); border-color: rgba(51, 63, 73, 0.1); }

/* Cat */
.menucontent div.cat000 { z-index: 10; position: -webkit-sticky; position: sticky; top: 0; }

/* Item Text */
.item.itemtext { padding-left: 15px; padding-right: 15px; }

/* Notifications */
.item.notification { padding-left: 60px; min-height: 65px; }

/* Conversations */
.item.conversation { padding-left: 60px; min-height: 65px; }

/* Ticket */
.item.ticket { padding-left: 60px; min-height: 65px; }

/* User */
.item.user { padding-left: 60px; padding-right: 15px; min-height: 65px; }

/* Events */
.item.event { padding-left: 80px; height: 80px; }
.item.event h2 { position: absolute; top: 9px; left: 10px; padding-right: 8px; width: 55px; font-size: 11px; line-height: 20px; text-align: center; font-weight: bold; text-transform: uppercase; border-width: 0 1px 0 0; }
.item.event h2 strong { display: block; font-size: 24px; line-height: 21px; }

/* Stats */
.item.stat { padding-left: 80px; padding-right: 0; min-height: 84px; }
.item.stat h2 { z-index: 1; float: right; margin: 2px 0 0 15px; padding: 0; width: 105px; height: 60px; font-size: 16px; line-height: 60px; text-align: center; font-weight: bold; border-width: 0 0 0 1px; overflow: hidden; }
.item.stat h2.line { padding-top: 10px; line-height: 20px; }
.item.stat h2 span { display: block; font-size: 12px; font-weight: normal; font-family: 'OpSa', 'Open Sans', Arial, sans-serif; opacity: 0.8; }
.item.stat h2 span em { font-style: normal; }
.item.stat h2 span em:first-of-type, .item.stat:hover h2 span em:last-of-type { display: block; }
.item.stat h2 span em:last-of-type, .item.stat:hover h2 span em:first-of-type { display: none; }
.item.stat h3 { padding: 2px 0 0 0; font-size: 18px; line-height: 20px; }

/* Call */
.item.call { padding-left: 60px; padding-right: 12px; min-height: 62px; }
.item.call span.icon { left: 1px; width: 44px; height: 41px; font-size: 20px; line-height: 44px; }
.item.call span.icon span.icon { left: 9px; width: 40px; height: 45px; font-size: 40px; line-height: 40px; }
.item.call span.icon + span.icon { left: 20px; width: 20px; height: 20px; font-size: 12px; line-height: 24px; border: 0; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
.item.call p.text { padding-right: 40px; }
.item.call p.infos { float: right; }

.item.call[data-direction="in"] span.phone {  }
.item.call[data-direction="in"] span.icon.arrow { font-size: 12px; opacity: 0.5; }
.item.call[data-direction="out"] span.phone { top: 2px; font-size: 18px; opacity: 0.5; }
.item.call[data-direction="out"] span.icon.arrow { font-size: 14px;}

.item.call[data-cat]:before { display: none; position: absolute; top: -32px; left: 0; right: 0; width: auto; }
.item.call.withcat[data-cat]:before { display: block; }
.item.call.withcat { margin-top: 32px; }

/* Badge */
.item.stat.badge a.button { margin-right: 15px; padding: 10px 5px; width: 74px; height: auto; line-height: 18px; text-align: center; }

/* Presence */
.item.stat.presence a.button { margin-right: 15px; padding: 10px 5px; width: 74px; height: auto; line-height: 18px; text-align: center; }

/* Conversation : Messages */
section.message { margin-top: 10px; padding: 0 15px 0 60px; }
section.message:last-child { padding-bottom: 15px; }
section.message a.img { position: absolute; top: 2px; left: 12px; width: 40px; height: 40px; }
section.message h2 { display: block; font-size: 11px; line-height: 18px; font-weight: normal; opacity: 0.6; }
section.message div.text { display: inline-block; margin: 0; padding: 8px; max-width: calc(100% - 20px); border: 0; background: rgba(246, 246, 247, 0.6); border-radius: 5px; }
section.message div.text a { text-decoration: underline; }
section.message div.text a.tag { padding: 0 0.3em; font-size: 0.92em; font-weight: bold; letter-spacing: -0.02em; text-decoration: none; white-space: nowrap; border-width: 1px; border-radius: 0.2em; border-color: rgba(51, 63, 73, 0.2); /* opacity: 0.9; */ }
section.message div.text a.tag span.icon { display: inline-block; margin: 0 0 0 0.08em; font-size: 0.85em; line-height: inherit; pointer-events: none; }
section.message div.text p { padding: 7px 0 0 0; font-size: 12px; line-height: 20px; }
section.message div.text p:first-of-type { padding-top: 0; }
section.message p.infos { display: none; padding-top: 1px; font-size: 11px; opacity: 0.6; }
section.message pre { margin: 7px 0 0; padding: 7px; font-size: 11px; line-height: 1.6em; border-width: 1px; overflow-x: auto; }

div.menucontent section.message div.gif { width: 100%; }
section.message div.text p.gif { width: 100%; }
section.message div.text p.gif i { display: block; }
section.message div.text p.gif img { position: absolute; display: block; top: 0; margin: 0; width: 100%; height: 100%; border-width: 1px; }
.discussioncontent section.message div.text p.gif { width: 250px; }

div.menucontent section.message div.photo { width: 100%; }
section.message div.text p.photo { width: 100%; }
section.message div.text a.photo { display: block; margin: 0; padding-top: 70%; width: 100%; height: auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-width: 1px; overflow: hidden; }
.discussioncontent section.message div.text p.photo { width: 250px; }

section.message.glue { margin-top: 4px; }
section.message.glue a.img { display: none !important; }
section.message.glue h2 { display: none; }

section.message.me { text-align: right; }
section.message.me a.img { display: none !important; }
section.message.me div.text { text-align: left; max-width: calc(100% - 20px); background: rgba(246, 246, 247, 1) }

/* Conversation : Reply */
form.conversationreply { padding: 10px 15px 10px 55px; }
form.conversationreply a.img { position: absolute; top: 10px; left: 12px; width: 34px; height: 34px; }
form.conversationreply a.upload { z-index: 5; position: absolute; top: 10px; right: 5px; width: 34px; height: 34px; background: url('/img/icons.png?v22') no-repeat 0 -1184px; background-size: 32px auto; opacity: 0.5; }
form.conversationreply a.gifs { z-index: 5; position: absolute; top: 10px; right: 32px; width: 34px; height: 34px; background: url('/img/icons.png?v22') no-repeat 0 -1216px; background-size: 32px auto; opacity: 0.5; }
.menucontent form.conversationreply a.gifs { background-position: 0 -1280px; }
form.conversationreply a.upload:hover, form.conversationreply a.gifs:hover { opacity: 1; }
form.conversationreply textarea { padding: 6px 30px 6px 1px; width: 100%; height: 34px; min-height: 34px; max-height: 132px; font-size: 12px; background: transparent; border: 0; }
form.conversationreply a.submit { float: right; margin: 10px 0 0 0; padding: 0 9px; height: 30px; line-height: 30px; }

/* Conversation : Gifs */
form.conversationreply.withgifs textarea { padding-right: 55px; }

/* Conversation : Letter */
a.img.letter { font-size: 16px; line-height: 38px; text-align: center; background: #333f49; }

/* Chart */
.content div.chart { height: 320px; background: url('/img/back-chart.jpg') no-repeat 50% 50%; background-size: cover; border-width: 0 0 1px; overflow: hidden; }
.content div.chart div.inchart { position: absolute; top: 20px; left: -20px; right: 0; bottom: 15px; height: auto !important; background: url('/img/back-inchart-black.png') no-repeat 20px -40px; background-size: calc(100% - 20px) calc(100% + 38px); overflow: hidden; }
.content div.chart[data-chart="column"] div.inchart { left: 0; right: -5px; background-position: 0 -40px; background-size: calc(100% - 5px) calc(100% + 38px); }

div.chart div.inchart div.canvasjs-chart-tooltip { padding: 6px 8px; font-size: 12px; line-height: 18px; white-space: nowrap; border-radius: 2px; opacity: 0.9; pointer-events: none; }
div.chart div.inchart div.canvasjs-chart-tooltip0000 strong { display: block; }
div.chart div.inchart div.canvasjs-chart-tooltip span:not(.noopacity) { font-weight: normal; opacity: 0.6; }
div.chart div.inchart div.canvasjs-chart-tooltip strong span { font-weight: normal; opacity: 0.8; }
div.chart div.inchart div.canvasjs-chart-tooltip b { float: right; margin-left: 15px; }
div.chart div.inchart div.canvasjs-chart-tooltip i { font-style: normal; }

div.chart div.inchart div.canvasjs-chart-tooltip span.subline + br { display: none; }
div.chart div.inchart div.canvasjs-chart-tooltip span.subline { display: block; padding: 0 0 2px 7px; font-size: 10px; line-height: 16px; }
div.chart div.inchart div.canvasjs-chart-tooltip span.subline b { font-weight: normal; }

div.filterschart { position: absolute; left: 10px; right: 10px; padding-left: 5px; padding-right: 5px; background: none; }

/* KPI */
div.kpi { display: inline-block; width: 100%; height: 170px; text-align: center; background: url('/img/back-kpi.jpg') no-repeat 50% 50%; background-size: cover; border-width: 0 0 1px 0; }
.kpi h2 { display: inline-block; margin: 45px 10px 0; width: 120px; height: 40px; font-size: 18px; line-height: 40px; text-align: center; font-weight: bold; border-radius: 2px; }
.kpi h2:before { content: attr(data-text); position: absolute; top: -20px; left: 0; width: 100%; font-size: 14px; line-height: 20px; text-align: center; }
.kpi h2 span { font-size: 14px; font-weight: normal; }
div.kpi.withtabs { height: 101px; }

div.kpi.evolution { height: 371px; }
div.kpi.evolution div.chart { position: absolute; bottom: 15px; left: 10px; right: 10px; height: 136px; background: url('/img/back-inchart.png') no-repeat 50% 0; background-size: auto 100%; border-width: 1px 0 0; overflow: hidden; }
div.kpi.evolution div.chart div.inchart { position: absolute; top: 0; left: -5px; right: -5px; bottom: -15px; }

div.kpi.onlyevolution { height: 201px; }
div.kpi.onlyevolution div.chart { bottom: 14px; border-width: 0; }
div.kpi.onlyevolution div.chart div.inchart { bottom: 14px; }

/* Steps */
ul.steps { display: flex; border-width: 0 0 1px; }
ul.steps li { flex: 1; padding: 20px 15px; font-size: 12px; line-height: 1.6em; text-align: center; }
ul.steps li:before, ul.steps li span.progression { content: ''; position: absolute; top: calc(50% - 10px); left: calc(-50% + 30px); width: calc(100% - 60px); border-width: 3px 0 0; border-style: dotted; }
ul.steps li:first-of-type:before, ul.steps li:first-of-type span.progression { display: none; }
ul.steps li span.progression { z-index: 2; border-style: solid; border-color: #22292e; }
ul.steps li strong.title { display: block; font-size: 16px; }
ul.steps li span { display: block; }
ul.steps li span.icon { display: block; font-size: 45px; line-height: 1.2em; }
ul.steps li span.icon span { position: absolute; top: 0; left: 0; right: 0; font-size: 0.45em; font-weight: bold; color: #f6f6f7; letter-spacing: -0.05em; }

/* Backgrounds */
.backmap { background: url('/img/back-map.jpg') no-repeat 50% 0; background-size: cover; }
.backplanning { background: url('/img/back-planning.png') no-repeat 50% 0; background-size: cover; }

/* Clocks */
div.clocks { display: inline-block; width: 100%; height: 170px; text-align: center; background: url('/img/back-clocks.jpg') no-repeat 50% 0; background-size: cover; border-width: 0 0 1px 0; }
div.jclock { display: inline-block; padding: 20px 0; width: calc((100% - 40px) / 3); }
.jclock h2 { font-size: 14px; line-height: 20px; font-weight: bold; text-align: center; }
.jclock h2 span { position: absolute; display: block; top: 114px; width: 100%; font-size: 12px; line-height: 18px; font-weight: normal; opacity: 0.7; }
.jclock-holder {
    width: 75px;
    margin: 1px auto 0;
    position:relative;
    overflow: hidden;
}
.jclock-sec,
.jclock-min,
.jclock-hour {
	z-index: 5;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.jclock-clock {
    width: 100%;
    height: 100%;
}

.jclock-rwrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}
.jclock-digital,
.jclock-date {
    font-weight:bold;
    font-size: 12px;
	line-height: 18px;
    text-align:center;
}
.jclock-digital span, .jclock-date span { opacity: 0.7; }


/* Planning */
div.planning { padding: 15px 10px 20px; background: url('/img/back-planning.png') no-repeat 50% 0; background-size: contain; }
div.planningfullheight { height: calc(100vh - 243px); }
div.planningcontent { height: calc(100% - 13px); margin: 0 -10px; }
div.planningcontent .innerscroll { padding: 0 10px; }

div.planningcontent.table ul[data-cat] { margin-top: 30px; }
div.planningcontent.table ul[data-cat]:before { position: absolute; top: -30px; padding-left: 5px; background: transparent; }

/* Month Stats */
div.monthstats { padding: 10px 10px; background: #424c54 url('/img/back-monthstats.jpg') no-repeat 50% 0; background-size: 100% auto; border-width: 0 0 1px; }
.table.monthstats ul { border-width: 1px 0 0; }
.table.monthstats ul:first-of-type { border: 0; }
.table.monthstats p.infos { padding: 10px 5px 10px; font-size: 11px; opacity: 0.7; border-width: 1px 0 0; border-color: rgba(246, 246, 247, 0.12); }

/* Afterlist */
div.afterlist { padding: 0 10px; background: #f7f7f9; border-width: 0 0 1px; }
.table.afterlist ul { border-width: 1px 0 0; }
.table.afterlist ul:first-of-type { border: 0; }
.table.afterlist p.infos { padding: 10px 5px 10px; font-size: 11px; opacity: 0.7; border-width: 1px 0 0; border-color: rgba(246, 246, 247, 0.12); }

/* Agenda : New */
form.newagenda section[data-type] { display: none; }
form.newagenda section[data-type^="0"] { display: block; }
form.newagenda[data-type="null"] section[data-type^="0"] { display: block !important; }

/* Important */
div.important { display: block; margin: 20px 0 0; padding: 10px; border-width: 1px; }
div.important h3 { font-size: 16px; line-height: 20px; }

/* Score */
div.score { margin: 15px 0; width: 100%; max-width: 500px;  }
div.score p { padding: 0; line-height: 26px; }
div.score p span { position: absolute; right: 0; font-size: 10px; color: rgba(34, 41, 46, 0.5); }
div.score ul { display: flex; flex-direction: row; width: 100%; }
div.score li { flex: 1; display: inline-block; margin-left: 1px; height: 18px; font-size: 10px; line-height: 18px; text-align: center; color: rgba(255, 255, 255, 0.7); background: #999; }
div.score li:before { content: ''; position: absolute; top: -5px; bottom: -5px; left: -1px; right: 0; }
div.score ul.active li { cursor: pointer; }
div.score li.active { color: rgba(255, 255, 255, 0.9); }
div.score li.active:nth-of-type(1) { background: #bc1616; }
div.score li.active:nth-of-type(2) { background: #945722; }
div.score li.active:nth-of-type(3) { background: #7e7929; }
div.score li.active:nth-of-type(4) { background: #689e30; }
div.score li.active:nth-of-type(5) { background: #4fc637; }

/* Popup */
/* div.popup { z-index: 1000; position: fixed; padding: 15px; top: 50vh; left: 50vw; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 3px; } */
/* div.popup { z-index: 1000; position: fixed; top: 0; left: -700px; bottom: 0; width: 700px; max-width: 100%; height: 100%; } */
div.popup { z-index: 1000; position: fixed; top: 50%; left: 50%; width: 700px; max-width: calc(100% - 40px); height: calc(100% - 40px); max-height: calc(100% - 40px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
div.popup:before { z-index: -1; content: ''; position: fixed; top: -10px; left: -10px; right: -10px; bottom: -10px; background: rgba(246, 246, 247, 0.1); border-radius: 10px; box-shadow: 0 0 150px rgba(0, 0, 0, 0.5); }
div.popup a.exit { z-index: 1000; position: absolute; top: 10px; right: 10px; width: 50px; height: 50px; cursor: pointer; background: url('/img/icons.png?v22') no-repeat 50% -50px; background-size: 50px auto; border-radius: 50%; }
div.popupcontent { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; }
div.popupcontent div.page { height: 100%; overflow: hidden; }
div.popupfull, div.popupmap, div.popupdebug { width: 100%; height: 100%; }
div.popupteach { width: 1050px; height: 650px; }

div.popupdebug div.popupcontent { font-size: 13px !important; line-height: 16px !important; font-family: monospace !important; white-space: pre !important; overflow: auto !important; }
div.popupfull a.exit, div.popupdebug a.exit { top: -15px; right: -15px; background-color: #fff; background-position: 50% -52px; border-width: 1px; border-radius: 0; }
div.popupteach a.exit { top: -20px; right: -20px; width: 40px; height: 40px; background-color: #fff; background-position: 50% -56px; border-width: 1px; border-radius: 0; }

div.popup.nopadding div.popupcontent { top: 0; left: 0; right: 0; bottom: 0; }
div.popup.nopadding div.pagecenter { padding: 15px; }

div.popupmap div.pagepane { z-index: 105; position: absolute; top: 25px; left: 25px; bottom: 25px; width: 305px; background: #fff; border-width: 0; border-radius: 2px; }
div.popupmap div.page div.pagepane:first-of-type { z-index: 106; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
div.popupmap div.pagecenter { z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
div.popupmap div.pagehide { left: -300px; opacity: 0; }

div.popupmap a.exit { top: 25px; right: 25px; width: 40px; height: 40px; background-color: #fff; background-position: 50% -54px; border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
div.popupmap div.mapoptions { z-index: 10; position: absolute; display: flex; flex-direction: column; top: 10px; left: 10px; height: calc(100% - 20px); }
div.popupmap div.mapoptions.mapoptions-rb { display: block; top: inherit; left: inherit; right: 25px; bottom: 25px; height: auto; }

div.popupmap ul.mapfilters { display: block; width: 235px; padding: 0 10px; background-color: #fff; border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
div.popupmap ul.mapfilters:not(:first-of-type) { margin-top: 10px; }
div.popupmap ul.mapfilters li { display: block; }
div.popupmap ul.mapfilters li:not(:first-of-type):not(.noborder) { border-width: 1px 0 0; }
div.popupmap ul.mapfilters li a { display: block; padding: 0 5px 0 0; height: 40px; font-size: 12px; line-height: 40px; opacity: 0.7; }
div.popupmap ul.mapfilters li a:hover { opacity: 0.9; }
div.popupmap ul.mapfilters li a.active { opacity: 1; }
div.popupmap ul.mapfilters li a em { display: inline-block; margin-right: 9px; width: 16px; font-size: 16px; text-align: center; font-style: normal; }

div.popupmap ul.mapfilters:empty:before { height: 40px; font-size: 12px; line-height: 40px; opacity: 0.5; }

div.popupmap ul.mapfilters a.mapfilters { opacity: 0.5; }
div.popupmap ul.mapfilters a.mapfilters:hover { opacity: 0.7; }
div.popupmap ul.mapfilters li a.mapfilters:before { content: ''; display: inline-block; margin-left: -10px; width: 35px; height: 40px; background: url('/img/icons.png?v22') no-repeat 50% -283px; background-size: 32px auto; }
div.popupmap ul.mapfilters li a.mapfilters.active:before { background-position: 50% -251px; }
div.popupmap ul.maplisting { flex: 1; }

div.popupreturnnew { width: 800px; height: 410px; }
div.popupreturnadd { width: 800px; height: 585px; }
div.popupreturndevis { width: 800px; height: 585px; }

div.popuprelancesnew { width: 800px; height: 410px; }
div.popuprelanceupdate { width: 800px; height: 455px; }

div.popupdrawingadd { width: 800px; height: 600px; }
div.popupdrawingorder { width: 800px; height: 475px; }
div.popupdrawingupload { width: 450px; height: 590px; }
div.popupdrawingsample { width: 800px; height: 730px; }

div.popupsamplenew { width: 800px; height: 665px; }

div.popupform2 { width: 800px; height: 345px; }
div.popupform3 { width: 800px; height: 410px; }
div.popupform4 { width: 800px; height: 475px; }
div.popupform5 { width: 800px; height: 540px; }

div.popuplisting { width: 600px; height: 600px; }

div.popupexport { width: 450px; height: 600px; }
div.popupdownload { width: 450px; height: 285px; }

div.popupticketaccept { width: 800px; height: 430px; }
div.popupconfirm { width: 450px; height: 460px; }
div.popupconfirm.withwarning { height: 510px; }
div.popupoldsav { width: 800px; }

.popupcontent div.header, .popupcontent div.footer { height: 51px; }
.popupcontent div.header { top: 0; border-width: 0 0 1px 0; }
.popupcontent .header h2 { font-size: 20px; line-height: 40px; }

.popupconfirm .popupcontent .header, .popupdownload .popupcontent .header { border: 0; }
.popupconfirm .popupcontent .header h2, .popupdownload .popupcontent .header h2 { text-align: center; }
.popupconfirm .popupcontent p.info, .popupdownload .popupcontent p.info { margin: 15px 15px 0; padding: 15px 0 0 0; font-size: 12px; line-height: 18px; text-align: center; border-top: 1px solid rgba(51, 63, 73, 0.30); opacity: 0.7;  }

.popupcontent div.footer { margin-top: 15px; padding-top: 10px; text-align: right; border-width: 1px 0 0 0; }
.popupcontent div.footer.center { text-align: center; }
.popupcontent section div.footer { position: absolute; left: 0; right: 0; bottom: 0; }
.popupcontent .footer a.button { margin: 0 0 0 10px; }
.popupcontent .footer a.button[rel="back"] { float: left; margin: 0 10px 0 0; }
.popupcontent .footer span.info { display: inline-block; padding: 1px 0 0 0; font-size: 11px; line-height: 18px; opacity: 0.7; }

.popupcontent div.important { margin-top: 15px; }

div.popup.full { width: 100%; height: 100%; }
div.popup.full div.popupcontent, .popup.full iframe.full { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
div.popup.full a.exit { top: -15px; right: -15px; width: 40px; height: 40px; background-color: #fcfcfd; background-position: 50% -55px; border-radius: 0; box-shadow: 0 0 10px #000; }

/* Info */
.popupcontent div.info { margin-top: 20px; border-width: 1px; }
.popupcontent div.infoitem { display: inline-block; padding: 10px 0; width: calc(100% / 3); text-align: center; border-width: 0 0 0 1px; }
.popupcontent div.infoitem:first-of-type { border: 0; }
.popupcontent .infoitem h3 { display: block; margin-bottom: 10px; padding-bottom: 10px; font-size: 14px; line-height: 20px; border-width: 0 0 1px; }
.popupcontent .infoitem span { display: block; font-size: 12px; }
.popupcontent .infoitem ul li { display: block; font-size: 13px; line-height: 20px; }

/* Salon */
div.popupsalon { width: 670px; height: 500px; }
div.popupsalon .composer, div.popupsalon .composer section { overflow: visible; }
.popupsalon .composer .innerscroll { height: inherit; }
.popupsalon { color: #000; }
.popupsalon div.pagination { display: none; }
.popupsalon a.button { background-color: #000; }
.popupsalon a.button.grey { opacity: 0.5; }
.popupsalon div.header { border: 0; }
.popupsalon div.inner { margin: 80px 70px 0 70px; height: 220px; }
.popupsalon div.inner:before, .popupsalon div.inner:after { z-index: 1; content: ''; position: absolute; width: 40px; height: 40px; border: 1px solid #000; }
.popupsalon div.inner:before { top: -30px; left: -40px; border-width: 15px 0 0 15px; }
.popupsalon div.inner:after { bottom: -30px; right: -40px; border-width: 0 15px 15px 0; }
.popupsalon h2 { padding-left: 50px; font-size: 30px; line-height: 50px; text-transform: uppercase; border: 0; }
.popupsalon h2:before { z-index: 1; content: '/'; position: absolute; top: 4px; left: 10px; font-size: 130px; color: #a39d87; }
.popupsalon h3 { margin: -6px 0 0 50px; font-size: 20px; line-height: 20px; opacity: 0.7; }
.popupsalon label:not(.button), .popupsalon span.label { display: block; padding: 0 0 5px 185px; }
.popupsalon label:not(.button).nopadding, .popupsalon span.label.nopadding { padding-left: 0; }
.popupsalon label:not(.button).sep, .popupsalon span.label.sep { margin-top: 30px; padding-top: 20px; border-top: 1px solid #999; }
.popupsalon label:not(.button) strong, .popupsalon span.label strong { position: absolute; margin: 0 15px 0 -185px; width: 170px; font-size: 16px; line-height: 40px; text-align: right; }
.popupsalon label:not(.button) strong.multi, .popupsalon span.label strong.multi { top: 5px; line-height: 30px; }
.popupsalon label input[type="text"], .popupsalon label select { top: 5px; width: 300px; height: 30px; border-width: 0 0 1px; border-radius: 0; }
.popupsalon div.inner label.button { display: block; top: 3px; left: -9px; min-width: 350px; height: 30px; font-size: 13px; border: 0; background-color: transparent; }
.popupsalon textarea { width: calc(100% - 20px); height: 85px; }
.popupsalon .datetimepicker { margin-top: -58px; margin-right: 100px; }
.popupsalon div.logo { z-index: 10; position: absolute; left: calc(50% - 55px); bottom: 0; width: 110px; height: 40px; background: url('/img/logo-gb.png') no-repeat 50% 50%; background-size: contain; }
.popupsalon div.searchcontent { bottom: 30px; width: calc(100% - 185px); max-height: 200px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-width: 1px; border-radius: 1px; }

.popupsalon div.itemoninput { z-index: 5; position: relative; margin: 0; padding: 0 40px 0 0; width: calc(100% - 15px); height: 35px; background: none; border: 0; border-bottom: 1px solid rgba(51, 63, 73, 0.30); border-radius: 0; }
.popupsalon .itemoninput span.text { float: left; margin: 0; padding: 10px 0 0 8px; width: 100%; font-size: 13px; line-height: 20px; }
.popupsalon .itemoninput span.delete { top: 5px; right: -7px; border: 0; }
.popupsalon div.itemoninput + input { display: none; }

.popupsalon.ja textarea { height: 55px; }

/* Overlay */
div.overlay { z-index: 999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(4px) grayscale(0.20);
	-moz-backdrop-filter: blur(4px) grayscale(0.20);
	-ms-backdrop-filter: blur(4px) grayscale(0.20);
	-o-backdrop-filter: blur(4px) grayscale(0.20);
	backdrop-filter: blur(4px) grayscale(0.20);
	}

/* Log */
div.log { position: absolute; left: 0; bottom: 0; right: 0; height: 64px; opacity: 0.3; }
div#log { padding: 0 10px 10px 10px; font-size: 10px; line-height: 18px; }

/* Search */
div.searchcontent { z-index: 500; position: absolute; width: 100%; max-height: 363px; border-width: 0 1px 1px 1px; border-radius: 0 0 3px 3px; box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.3); overflow: hidden; overflow-y: auto; }
.menucontent div.searchcontent, .pane div.searchcontent, .filtercontent div.searchcontent, .filterlabels div.searchcontent { margin: 46px 0 0 0; width: 100%; max-height: 200px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 1px; }
.searchcontent a { display: flex; }
.searchcontent a span { padding: 0 5px; font-size: 11px; line-height: 30px; border-width: 1px 0 0 0; }
.searchcontent a span:first-child { padding-left: 8px; }
.searchcontent a span:last-child { padding-right: 8px; }
.searchcontent a:first-child span { border-top: 0; }
.searchcontent a span.name, .composer .items div span.name { flex: 1; font-size: 14px; font-weight: bold; }
.searchcontent a span.right, .composer .items div span.right { text-align: right; }
.searchcontent div.results p { padding: 12px; font-size: 12px; }

/* Popup Search */
div.popup div.searchcontent { max-height: 155px; }

/* Loading */
a.submit span.progress { display: none; }
a.loading.submit[data-loading] { overflow: hidden; color: rgba(255, 255, 255, 0); opacity: 1; background-color: rgba(51, 63, 73, 0.50); }
a.loading.submit[data-loading]:before { z-index: 1; content: attr(data-loading); position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #f6f6f7; text-align: center; }
a.loading.submit[data-loading] span.progress { z-index: 2; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; border-width: 0 0 2px; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

a.loading.submit:not(.error)[data-loading-status]:after { z-index: 5; content: attr(data-loading-status); display: block; top: -100%; min-width: 100%; height: calc(100% - 2px); line-height: 40px; color: #f6f6f7; text-align: center; white-space: nowrap; overflow: hidden; }

a.submit.error[data-error-text] { overflow: hidden; color: rgba(255, 255, 255, 0); }
a.submit.error[data-error-text]:after { z-index: 5; content: attr(data-error-text); display: block; top: -100%; min-width: 100%; height: calc(100% - 2px); line-height: 40px; color: #f6f6f7; text-align: center; white-space: nowrap; overflow: hidden; }

/* Numbers */
div.numbers { margin: 20px 0 0; }
.numbers div.inner { display: inline-block; }
.numbers ul { display: inline-block; border: 1px solid rgba(51, 63, 73, 0.30); }
.numbers ul li { padding: 2px 10px; font-size: 13px; line-height: 22px; text-align: right; border-top: 1px solid rgba(51, 63, 73, 0.10); }
.numbers ul li:first-of-type { border-top: 0; }
.numbers ul.first { width: 180px; background: rgba(51, 63, 73, 0.05); border-left: 0; }
.numbers ul.first li { text-align: left; }
.numbers section ul { width: 100px; border-left: 0; }

.numbers ul li.title { font-weight: bold; text-align: center; color: #f6f6f7; background-color: #48535c; }
.numbers ul.first li.title { text-align: left; }
.numbers ul li.important { font-size: 13.5px; line-height: 24px; font-weight: bold; }
.numbers ul li.bold { font-weight: bold; }
.numbers ul li.italic { font-style: italic; color: rgba(51, 63, 73, 0.70); }
.numbers ul li.border { border-top: 1px solid rgba(51, 63, 73, 0.30); }

.numbers ul.color { background: rgba(51, 63, 73, 0.02); }
.numbers ul.purcent { width: 60px; background: rgba(51, 63, 73, 0.02); }

/* Numbers */
table.numbers { border-collapse: collapse; }
.numbers td, .numbers th { padding: 2px 10px; font-size: 13px; line-height: 22px; text-align: right; white-space: nowrap; }
.numbers th { font-weight: bold; text-align: center; color: #f6f6f7; background-color: #48535c; }
.numbers th span { font-weight: normal; opacity: 0.7; }
.numbers th span:not(.opacity):before { content: '\a'; display: block; }
.numbers tr { border-color: rgba(51, 63, 73, 0.20); border-width: 1px 0 0; }
.numbers td { border-color: rgba(51, 63, 73, 0.20); border-width: 0 1px; }
.numbers td.noborder { border: 1px solid transparent; }
.numbers td:nth-of-type(2n):not(.noborder) { background: rgba(51, 63, 73, 0.05); }

.numbers tr *:first-child { text-align: left; }
.numbers tr.first td { border-top: 2px solid rgba(51, 63, 73, 0.30); }
.numbers tr.bold td { font-weight: bold; font-size: 13.5px; line-height: 24px; }
.numbers tr.italic { border-color: rgba(51, 63, 73, 0.10); }
.numbers tr.italic td, .numbers tr.italic th { font-style: italic; opacity: 0.7; }
.numbers tr.italic td:first-child, .numbers tr.italic th:first-child { padding-left: 25px; }
.numbers tr.italic.list { border-color: rgba(51, 63, 73, 0.075); }
.numbers tr.italic.list td, .numbers tr.italic.list th { font-style: italic; opacity: 0.5; }
.numbers tr.italic.list td:first-child, .numbers tr.italic.list th:first-child { padding-left: 50px; }
.numbers td.left { text-align: left; }
.numbers td.center { text-align: center; }
.numbers td.middle { vertical-align: middle; }
.numbers td.bold { font-weight: bold; }
.numbers td a { text-decoration: underline; }
.numbers td span { font-weight: normal; opacity: 0.6; }

.numbers.activity-billing tr td:first-child, .numbers.activity-billing tr td:nth-of-type(3) { background: rgba(51, 63, 73, 0.025); }

/* Month */
table.presence { width: calc(100% - 190px); border-collapse: collapse; }
.presence tr { background: linear-gradient(to left, rgba(51, 63, 73, 0.05) calc(13.4% * 2), transparent calc(13.4% * 2)); }
.presence td, .presence th { padding: 2px 10px; font-size: 12px; line-height: 30px; text-align: right; border: 1px solid rgba(51, 63, 73, 0.2); border-width: 1px; }
.presence td:nth-of-type(1) { background: rgba(51, 63, 73, 0.05); }
.presence th { width: 13.4%;  text-align: left; font-weight: normal; }
.presence th:first-of-type { width: 6.2%; }
.presence td { padding: 0; }
.presence td span { z-index: 2; position: absolute; top: 0; left: 10px; right: 10px; font-size: 10px; text-align: left; opacity: 0.7; pointer-events: none; }
.presence td span i { position: absolute; top: 0; right: 0; opacity: 0.5; }
.presence td button { display: block; width: 100%; height: 30px; font-size: 12px; line-height: 30px; background: transparent; cursor: pointer; }
.presence td em { display: block; width: 100%; font-size: 10px; line-height: 30px; text-align: right; padding: 0 10px; }
.presence td button:first-of-type, .presence td em:first-of-type { height: 31px; }
.presence td button:first-of-type:after, .presence td em:first-of-type:after { z-index: 1; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: rgba(51, 63, 73, 0.1); }
.presence td:nth-of-type(1) button:first-of-type:after,
.presence td:nth-of-type(1) em:first-of-type:after,
.presence td:nth-of-type(7) button:first-of-type:after,
.presence td:nth-of-type(7) em:first-of-type:after,
.presence td:nth-of-type(8) button:first-of-type:after,
.presence td:nth-of-type(8) em:first-of-type:after { background: rgba(51, 63, 73, 0.05); }

.presence td.empty { opacity: 0.5; }
.presence td.empty button { display: none; }
.presence td.empty, .presence td.inactive { pointer-events: none; }
.presence td button.loading { background-image: url('/img/loading.gif'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }

/* Mpnth Legende */
.monthlegende { z-index: 2; float: right; display: block; padding: 0 5px; width: 190px; }
.monthlegende h3 { display: block; margin: 0 5px 5px; padding: 0 5px; font-size: 12px; line-height: 35px; text-align: left; font-weight: normal; border-width: 0 0 1px; border-color: rgba(51, 63, 73, 0.1); }
.monthlegende label { display: block; margin: 0 10px; font-size: 12px; line-height: 20px; text-align: left; cursor: pointer; }
.monthlegende label input { display: inline-block; margin-right: 5px; width: 14px; height: 14px; border-width: 1px; border-color: rgba(51, 63, 73, 0.3); vertical-align: middle; cursor: pointer; }
.monthlegende label.active input { border-color: rgba(51, 63, 73, 0.50); }
.monthlegende label.active:before { z-index: 1; content: ''; position: absolute; top: 8px; left: 4px; width: 6px; height: 6px; background: #000; border-radius: 50%; }

.presence td button[data-value="1"], .monthlegende label.color1 input { background: #94a1ac; }
.presence td button[data-value="2"], .monthlegende label.color2 input { background: #ce9c9c; }
.presence td button[data-value="3"], .monthlegende label.color3 input { background: #dddb9f; }
.presence td button[data-value="4"], .monthlegende label.color4 input { background: #eae9c2; }
.presence td button[data-value="5"], .monthlegende label.color5 input { background: #d2e8ca; }
.presence td button[data-value="6"], .monthlegende label.color6 input { background: #b7d6b2; }
.presence td button[data-value="7"], .monthlegende label.color7 input { background: #e1bcc6; }
.presence td button[data-value="8"], .monthlegende label.color8 input { background: #e1f2db; }
.presence td button[data-value="9"], .monthlegende label.color9 input { background: #b3bec7; }
.presence td button[data-value="10"], .monthlegende label.color10 input { background: #c5d0d9; }
.presence td button[data-value="11"], .monthlegende label.color11 input { background: #dde6ee; }
.presence td button[data-value="12"], .monthlegende label.color12 input { background: #e9e0d5; }
.presence td button[data-value="13"], .monthlegende label.color13 input { background: #efe3e6; }
.presence td button[data-value="14"], .monthlegende label.color14 input { background: #e8d4c0; }

.presence td button[data-value]:before { position: absolute; top: 0; left: 30px; right: 10px; font-size: 9px; line-height: 30px; text-align: right; opacity: 0.3; }
.presence td button[data-value="1"]:before { content: 'Travaillé'; }
.presence td button[data-value="2"]:before { content: 'Arrêt-maladie'; }
.presence td button[data-value="3"]:before { content: 'Congés'; }
.presence td button[data-value="4"]:before { content: 'RTT'; }
.presence td button[data-value="5"]:before { content: 'Journée 80%'; }
.presence td button[data-value="6"]:before { content: 'Récupération'; }
.presence td button[data-value="7"]:before { content: 'Enfant-malade'; }
.presence td button[data-value="8"]:before { content: 'Chômage partiel'; }
.presence td button[data-value="9"]:before { content: 'Home office'; }
.presence td button[data-value="10"]:before { content: 'RDV ext.'; }
.presence td button[data-value="11"]:before { content: 'Trajet pro.'; }
.presence td button[data-value="12"]:before { content: 'Congés excep.'; }
.presence td button[data-value="13"]:before { content: 'Congés mat.'; }
.presence td button[data-value="14"]:before { content: 'École'; }

/* Badge Source */
*[data-badgesource]:before { z-index: 1; content: ''; display: inline-block; margin-right: 5px; width: 8px; height: 8px; border-radius: 50%; vertical-align: middle; }
*[data-badgesource="0"]:before { background: #cccccc; }
*[data-badgesource="1"]:before { background: #b3bec7; }
*[data-badgesource="2"]:before { background: #94a1ac; }
*[data-badgesource="3"]:before { background: #c6b3b3; }
*[data-badgesource="5"]:before { background: #cccccc; }
*[data-badgesource="6"]:before { background: #94a1ac; }
*[data-badgesource="9"]:before { background: #aaaaaa; }
*[data-badgesource="9"] { text-decoration: line-through; opacity: 0.5; }

/* Stats */
div.stats { display: flex; flex-direction: row; padding: 20px; text-align: center; }
section.stat { flex: 1; display: inline-block; width: 201px; border-width: 0 0 0 1px; }
section.stat:first-of-type { width: 200px; border-width: 0; }
section.stat h2 { font-size: 55px; line-height: 70px; text-align: center; font-weight: bold; }
section.stat h3 { font-size: 16px; line-height: 22px; text-align: center; font-weight: bold; }
section.stat p { padding: 0 20px; font-size: 13px; line-height: 20px; text-align: center; }
section.stat p span { display: block; opacity: 0.7; }

/* Map Item */
.map-item-info { min-width: 200px; min-height: 80px; padding: 0 20px 0 0; }
.map-item-info p { padding: 8px 0 0; font-size: 12px; line-height: 18px; }
.map-item-info p.border { margin-top: 10px; padding-top: 10px; width: calc(100% + 20px); border-width: 1px 0 0; }
.map-item-info p.title { padding: 0; font-size: 13px; }
.map-item-info p.info { padding: 0; opacity: 0.7; }
.map-item-info p.mini { width: calc(100% + 20px); font-size: 11px; line-height: 18px; border-width: 1px 0 0; opacity: 0.7; }
.map-item-info p.mini strong { display: block; font-weight: bold; }
.map-item-info p.buttons { margin: 15px 0 0; padding: 10px 0; width: calc(100% + 20px); font-size: 0; line-height: 0; border-width: 1px 0 0; }
.map-item-info p.buttons a.button { margin: 0 3px; height: 30px; line-height: 30px; }
.map-item-info p.buttons.nopadding { padding-bottom: 0; }

.map-item-info span.img { float: left; display: block; margin: 0 12px 0 -5px; padding: 0; width: 43px; height: 37px; background-size: 40px; background-position: 0 50%; border-width: 0 1px 0 0; border-color: rgba(0, 0, 0, 0.1); border-radius: 0; }

.map-item-info form { display: block; margin: 15px 0 0; width: calc(100% + 20px); }
.map-item-info form textarea { display: block; width: 100%; height: 86px; font-size: 12px; line-height: 18px; }
.map-item-info form p.buttons { width: 100%; padding-bottom: 0; }

.gm-ui-hover-effect { top: 5px !important; right: 3px !important; }

/* Docs to Sheet */
div.docstosheet { flex: 1; margin: 15px 0; border-width: 1px 0; }
.docstosheet label.button:last-of-type { margin-bottom: 10px; }

/* TMP */
h1 { margin: 0 25px; padding: 20px 0 0; font-size: 30px; line-height: 50px; border-bottom: 1px solid rgba(51, 63, 73, 0.30); }
h1 span.right { float: right; text-align: right; }

div.listing { display: table; }
div.listing ul { display: table-row; }
div.listing ul li { display: table-cell; padding: 0 15px; font-size: 12px; line-height: 30px; border-width: 1px 1px 0 0; }
div.listing ul li:nth-of-type(odd) { background-color: rgba(51, 63, 73, 0.05); }
div.listing ul li.name { font-size: 14px; font-weight: bold; }


/* Tags */
.textntags-wrapper { position: relative; background: #fcfcfd; }
.textntags-wrapper textarea { position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; margin: 0; width: 100%; outline: 0; resize: none; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; background: transparent; }

.textntags-wrapper .textntags-tag-list { z-index: 10000; display: none; position: absolute; left: 0; right: 0; bottom: 35px; background: #efefef; border: 1px solid #999999; box-shadow: 0 0 2px #999999; border-radius: 2px; }
.textntags-wrapper .textntags-tag-list ul { margin: 0; padding: 0; list-style: none; }
.textntags-wrapper .textntags-tag-list li { margin: 0; padding: 0 5px; width: auto; height: 20px; font-size: 12px; line-height: 20px; background-color: #efefef; border-bottom: 1px solid #e0e0e0; cursor: pointer; overflow: hidden; }
.textntags-wrapper .textntags-tag-list li span.title, .textntags-wrapper .textntags-tag-list li span.more { display: inline-block; float: left; }
.textntags-wrapper .textntags-tag-list li span.more { float: right; margin-left: 15px; max-width: 50%; text-align: right; font-size: 11px; line-height: 18px; color: #909090; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.textntags-wrapper .textntags-tag-list li span.id { float: left; margin-right: 15px; text-align: left; font-size: 11px; line-height: 18px; color: #909090; }
.textntags-wrapper .textntags-tag-list li:last-child { border-radius: 2px; }

.textntags-wrapper .textntags-tag-list li em { font-weight: bold; font-style: none; }
.textntags-wrapper .textntags-tag-list li:hover, .textntags-wrapper .textntags-tag-list li.active { background-color: #333f49; color: #f6f6f7; }
.textntags-wrapper .textntags-tag-list li b { color: var(--yellow-text); font-weight: normal; }

.textntags-wrapper .textntags-beautifier { position: relative; padding: 6px 8px; padding-right: 30px; border: 1px solid transparent; white-space: pre-wrap; word-wrap: break-word; }
.textntags-wrapper .textntags-beautifier > div { width: 100%; min-height: 20px; color: rgba(246, 246, 247, 0); font-size: 13px; line-height: 20px; white-space: pre-wrap; }
.textntags-wrapper .textntags-beautifier > div > strong { font-weight: normal; background: #333f49; border-radius: 2px; opacity: 0.1; }

/* Excel Label Button */
.excel label.button { z-index: 10; position: absolute; top: 5px; right: -2px; bottom: auto; margin: 0; padding: 0; width: 52px; height: auto; min-height: auto; border-width: 0; -webkit-transform: scale(0.85); transform: scale(0.85); }
.excel label.button:before { top: 0; }
.excel label.button:after { top: 1px; }

/* Excel Label Button */
.excel label.button.checkbox { z-index: 10; position: absolute; top: 2px; right: 0; padding: 0; width: 80px; height: auto; border-width: 0; }
.excel label.button.checkbox:before { content: ''; top: calc(50% - 10px); right: 20px; height: 20px; width: 20px; font-size: 14px; line-height: 18px; background: transparent; border-width: 1px; border-radius: 5px; opacity: 0.7; }
.excel label.button.checkbox:after, .excel label.button.checkbox.active:after{ content: url(/img/check.svg); top: calc(50% - 10px); right: 20px; height: 20px; width: 20px; background: transparent; border-width: 0; opacity: 0; }
.excel label.button.checkbox.active:before, .excel label.button.checkbox.active:after { opacity: 1; }

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker { z-index: 50; position: absolute; right: 0; margin: -10px 10px 0; padding: 10px; border-width: 1px; border-radius: 1px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.datetime.big + .datetimepicker { margin-top: -40px; }
.datetime.big[date-position="bottom"] + .datetimepicker { margin-top: -150px; }
.datetime.big[date-position="bottommax"] + .datetimepicker { margin-top: -215px; }


.datetimepicker > div {
	display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes { display: block; }
.datetimepicker.hours div.datetimepicker-hours { display: block; }
.datetimepicker.days div.datetimepicker-days { display: block; }
.datetimepicker.months div.datetimepicker-months { display: block; }
.datetimepicker.years div.datetimepicker-years { display: block; }

.datetimepicker table {
	margin: 0;
}

.datetimepicker td, .datetimepicker th { width: 20px; height: 20px; font-size: 12px; line-height: 20px; text-align: center;  border-radius: 4px; border: 0; }

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
	background-color: transparent;
}

.datetimepicker table tr td.minute:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.day:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
	color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
	background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
	background-color: #fdf59a;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
	background-color: #fbf069;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0044cc;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
	background-color: #003399;
}

.datetimepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datetimepicker .datetimepicker-hours span {
	height: 26px;
	line-height: 26px;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
	width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
	margin-bottom: inherit;
	line-height: 30px;
}

.datetimepicker .datetimepicker-minutes span {
	height: 26px;
	line-height: 26px;
}

.datetimepicker table tr td span:hover {
	background: #eeeeee;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #0044cc;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
	background-color: #003399;
}

.datetimepicker table tr td span.old {
	color: #999999;
}

.datetimepicker th.switch {
	width: 145px;
}

.datetimepicker th span.glyphicon {
	pointer-events: none;
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
	cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
	background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
	cursor: pointer;
	width: 14px;
	height: 14px;
}




.linedwrap, .linedtextarea { display: flex; flex-direction: row; flex: 1; }
.linedwrap .lines { margin: 0; padding: 12px 0; width: 45px !important; border-width: 0 1px 0 0; overflow: hidden; }
.linedwrap textarea, .linedwrap .codelines .lineno { font-size: 13px; line-height: 20px; }
.linedwrap .codelines .lineno { padding: 0 8px 0 0; font-size: 11px; text-align: right; white-space: nowrap; opacity: 0.5; }
.linedwrap .codelines .lineno.lineselect { opacity: 1; }
.linedwrap .codelines .lineno.error { opacity: 1; }
.linedtextarea textarea { flex: 1; padding: 12px 15px; border: 0; }




.swiper-container{overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}



/* Store EAN */
.store-ean { display: flex; padding: 15px 0 15px 15px; border-width: 0 0 1px; background: #fcfcfd; }
.store-ean div.photo, .store-ean div.qrcode { display: inline-block; margin: 0; padding: 0; width: 68px; height: 68px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }
.store-ean div.photo { width: 120px; height: 120px; background-size: 85%; border-color: rgba(51, 63, 73, 0.3); border-width: 1px; border-radius: 2px; }
.store-ean div.inner { flex: 1; padding: 0 12px; }
.store-ean div.inner input { display: block; width: 100%; height: 40px; margin: 0 0 12px; padding: 0; font-size: 18px; line-height: 38px; border-style: dashed; border-width: 0 0 1px;  }
.store-ean div.inner div.ean { display: inline-block; width: calc(100% - 68px); max-width: 456px; height: 68px; overflow: hidden; }
.store-ean div.inner div.ean:before { content: ''; position: absolute; top: 0; left: 165px; right: 0; bottom: 0; border-width: 0 0 1px; opacity: 0.4; pointer-event: none; }
.store-ean div.inner div.ean img { display: block; width: calc(100% - 165px); height: 40px; }
.store-ean div.inner div.ean span { display: block; font-size: 12px; line-height: 26px; font-family: monospace; letter-spacing: .3em; }
.store-ean div.inner div.ean .stock[data-stock] { float: right; font-size: 11px; line-height: 24px; text-align: right; font-style: normal; }
.store-ean div.inner div.ean .stock[data-stock]:after { margin-top: 10px; }
.store-ean div.inner strong.price { float: left; display: block; margin: 0 10px 0 10px; width: 145px; height: 68px; font-size: 20px; line-height: 40px; border-width: 1px; text-align: center; }
.store-ean div.inner strong.price i { display: block; margin: -2px 10px 0; font-size: 11px; line-height: 22px; font-weight: normal; font-style: normal; border-width: 1px 0 0; opacity: 0.5; }
.store-ean div.searchcontent { margin: -12px 0 0 0; width: calc(100% - 24px); }



/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 12px;
  line-height: 20px; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 30px;
  padding: 0 8px;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }

.fc-state-default {
  /* non-theme */
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-style: hidden;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc th { padding: 5px 10px; text-align: left; }
.fc th strong { display: block; top: -2px; font-size: 26px; line-height: 30px; }

.fc td.fc-today { /* border-style: double; */ }
.fc th.fc-today a { color: #333f49; }
.fc th.fc-past { opacity: 0.3; }
.fc th.fc-future {  }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] { cursor: pointer; }

a[data-goto]:hover { text-decoration: underline; }
.fc th a[data-goto]:hover { text-decoration: none; }
.fc th a[data-goto]:hover strong { text-decoration: underline; }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-helper-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller { -webkit-overflow-scrolling: touch; overflow: visible !important; }

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event { position: relative; display: block; margin: 1px 1px 2px; padding: 5px; font-size: 10px; line-height: 12px; border-radius: 2px; }
.fc-event.done::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 12.5%, rgba(255, 255, 255, 0.7) 12.5%, rgba(255, 255, 255, 0.7) 37.5%, rgba(255, 255, 255, 0.5) 37.5%, rgba(255, 255, 255, 0.5) 62.5%, rgba(255, 255, 255, 0.7) 62.5%, rgba(255, 255, 255, 0.7) 87.5%, rgba(255, 255, 255, 0.5) 87.5%); background-size: 20px 20px; background-position: 50px 50px; border-radius: 2px; }
.fc-event, .fc-event-dot { background-color: #535c63; }


.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-bg {
  /* the generic .fc-bg already does position
  z-index: 1;
  background: #fff;
  opacity: .25;
  */ }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected, .fc-event:hover {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }

.fc-agendaWeek-view .fc-event:not(.fc-h-event):hover {
  height: 150px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: initial !important;
  }

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event { margin: 1px 2px 0; line-height: 12px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }

.fc-unthemed td.fc-today { /* background: #fcf8e3; */ }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative; }

.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px; }

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
  background-image: none; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
  /* overpower jqui's styles on <a> tags. TODO: more DRY */
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
  /* undo ui-widget-header bold */
  font-weight: normal; }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome bold */ }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
  /* see through to fc-bg */ }

.fc.fc-bootstrap3 a {
  text-decoration: none; }

.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap3 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap3 .fc-today.alert {
  border-radius: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

.fc.fc-bootstrap4 a {
  text-decoration: none; }

.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap4 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap4 .fc-today.alert {
  border-radius: 0; }

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff; }

.fc-bootstrap4 .fc-popover.card {
  position: absolute; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center; }

.fc-toolbar.fc-header-toolbar { z-index: 5; position: sticky; top: 0; padding: 15px; background-color: #fcfcfd; border-width: 0 0 1px; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc-toolbar .fc-center {
  display: inline-block; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0; }

/* title text */
.fc-toolbar h2 { margin: 0; padding: 6px 0 0; line-height: 20px; }

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3; }

.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 4px 6px; }
.fc-basic-view .fc-today .fc-day-number { margin: 3px; padding: 0; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #f6f6f7; background: #333f49; border-radius: 50%; }

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080; }

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center; }

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row { min-height: 55px; }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis { padding: 0 5px; font-size: 10px; text-align: right; vertical-align: top; white-space: nowrap; border: 0; }
.fc .fc-axis span { position: absolute; top: -11px; right: 5px; opacity: 0.6; }
.fc .fc-day-grid .fc-axis span { top: calc(50% - 11px); }
.fc tr[data-time="07:00:00"] .fc-axis span { display: none; }






/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 25px;
  border-bottom: 0;
  /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; border-top: 0; }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container { margin: 0; }
.fc-rtl .fc-time-grid .fc-event-container { margin: 0; }

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible; }

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */ }

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */ }

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title,
.fc-time-grid-event .fc-info {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: 9px;
  padding-bottom: 2px;
  white-space: nowrap;
  opacity: 0.6; }

.fc-event .fc-info {
	padding-top: 4px;
  font-size: 9px;
  opacity: 0.4; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title,
.fc-time-grid-event.fc-short .fc-info {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "="; }

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */ }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */ }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: bold; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt {
  float: right; }

.fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */ }

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline; }

.fc-list-item-title .fc-info {
  float: right;
  opacity: 0.4;
  }

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee; }













/**
 * (c) 2013 Jexcel Plugin | Bossanova UI
 * http://www.github.com/paulhodel/jexcel
 *
 * @author: Paul Hodel <paul.hodel@gmail.com>
 * @description: Web spreadsheet
 */

.jexcel
{
    display:block;
	width: 100%;
}
.jexcel > div.jexcel-toolbar
{
    display:flex;
    background-color:#f3f3f3;
    border:1px solid #ccc;
    padding:4px;
    margin-bottom:4px;
    margin-right:3px;
}
.jexcel > div.jexcel-header { z-index: 5; display: block; position: -webkit-sticky; position: sticky; top: 0; padding-right: 2px; }
.jexcel > div.jexcel-content { display: block; padding-right: 2px; padding-bottom: 2px;  }

.jexcel > div.jexcel-toolbar i.jexcel-toolbar-item
{
    width:24px;
    height:24px;
    padding:4px;
    cursor:pointer;
    display:inline-block;
}
.jexcel > div.jexcel-toolbar i.jexcel-toolbar-item:hover
{
    background-color:#ddd;
}
.jexcel > div.jexcel-toolbar select.jexcel-toolbar-item
{
    margin-left:2px;
    margin-right:2px;
    display:inline-block;
}
.jexcel > div > table
{
    border-collapse:separate;
    table-layout:fixed;
    white-space: nowrap;
    empty-cells:show;
    border-top:0px solid transparent;
    border-left:1px solid #ccc;
    border-right:1px solid transparent;
    border-bottom:0px solid transparent;
    background-color:#fff;
    width: 100%;
}
.jexcel > div > table > thead > tr > td
{
    border-left:1px solid transparent;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#f3f3f3;
    padding:4px;
    cursor:pointer;
    overflow:hidden;
    box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
.jexcel > div > table > thead > tr.jexcel_filter > td
{
    padding:0px;
    background-color:#fff;
}
.jexcel > div > table > thead > tr.jexcel_filter > td:first-child
{
    background-color:#f3f3f3;
}
.jexcel > div > table > thead > tr.jexcel_filter > td > input
{
    border:0px;
    width:100%;
    outline:none;
}
.jexcel > div > table > thead > tr > td.selected
{
    background-color:#dcdcdc;
}

.jexcel > div > table > tbody
{
    padding-right:3px;
    padding-bottom:1px;
}
.jexcel > div > table > tbody > tr > td.edition
{
    padding:0px;
    overflow:visible;
}
.jexcel > div > table > tbody > tr > td:first-child
{
    background-color:#f3f3f3;
    width:30px;
    text-align:center;
}
.jexcel > div > table > tbody > tr > td
{
    border-left:1px solid transparent;
    border-right:1px solid #ccc;
    border-top:1px solid transparent;
    border-bottom:1px solid #ccc;
    padding:4px;
    overflow:hidden;
    white-space: nowrap;
    box-sizing: border-box;
	font-size: 12px;
	line-height: 20px;
}
.jexcel000 > div > table > tbody > tr:first-child > td
{
    border-top:1px solid #ccc;
}
.jexcel > div > table > tbody > tr > td > img
{
    display: block;
}
.jexcel > div > table > tbody > tr > td.readonly { color: rgba(0, 0, 0, 0.7); }
.jexcel > div > table > tbody > tr.selected > td:first-child
{
    background-color:#dcdcdc;
}
.jexcel > div > table > tbody > tr > td > select,
.jexcel > div > table > tbody > tr > td > input,
.jexcel > div > table > tbody > tr > td > textarea
{
    border:0px;
    border-radius:0px;
    outline:0px;
    width:100%;
    margin:0px;
    padding:0px;
    background-color:transparent;
    box-sizing: border-box;
}

.jexcel > div > table > tbody > tr > td > textarea
{
    resize: none;
    padding-top:6px !important;
}

.jexcel > div > table > tbody > tr > td > input[type=checkbox]
{
    width:12px;
    margin-top:2px;
}
.jexcel > div > table > tbody > tr > td > input[type=radio]
{
    width:12px;
    margin-top:2px;
}

.jexcel > div > table > tbody > tr > td > select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 40%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
}
.jexcel .highlight
{
    background-color:rgba(0,0,0,0.05);
}
.jexcel .highlight-top
{
    border-top:1px solid #000 !important;
}
.jexcel .highlight-left
{
    border-left:1px solid #000;
}
.jexcel .highlight-right
{
    border-right:1px solid #000;
    box-shadow: 1px 0px #ccc;
    -webkit-box-shadow: 1px 0px #ccc;
    -moz-box-shadow: 1px 0px #ccc;
}
.jexcel .highlight-bottom
{
    border-bottom:1px solid #000;
    box-shadow: 0px 1px #ccc;
    -webkit-box-shadow: 0px 1px #ccc;
    -moz-box-shadow: 0px 1px #ccc;
}
.jexcel .highlight-bottom.highlight-right
{
    border-bottom:1px solid #000;
    box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    -moz-box-shadow: 1px 1px #ccc;
}
.jexcel .selection
{
    background-color:rgba(0,0,0,0.05);
}
.jexcel .selection-left
{
    border-left:1px dotted #000;
}
.jexcel .selection-right
{
    border-right:1px dotted #000;
}
.jexcel .selection-top
{
    border-top:1px dotted #000;
}
.jexcel .selection-bottom
{
    border-bottom:1px dotted #000;
}
.jexcel_corner
{
    position:absolute;
    background-color: rgb(0, 0, 0);
    height: 5px;
    width: 5px;
    border: 1px solid rgb(255, 255, 255);
    top:-200px;
    left:-200px;
    cursor:crosshair;
    box-sizing: initial;
    z-index: 1000;
}
.jexcel .editor
{
    outline:0px solid transparent;
    overflow:hidden;
    white-space: nowrap;
    text-align:left;
    padding:0px;
    padding-left:4px;
}

.jexcel, .jexcel td, .jexcel_corner {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.jexcel_textarea
{
    position:absolute;
    top:-999px;
    left:-999px;
    width:1px;
    height:1px;
}

.jexcel .results
{
    position:absolute;
    min-height:200px;
    max-height:300px;
    width:220px;
    background-color:#fff;
    overflow-y:scroll;
    z-index:99;
    text-align:left;
    border:1px solid #ccc;
    margin-top:8px;
    margin-left:-5px;
}
.jexcel .results li
{
    list-style:none;
    padding:6px;
    cursor:pointer;
}
.jexcel .results li:hover, .jexcel .results li.selected
{
    background-color:#1e90ff;
    color:#ffffff;
}
.jexcel .dragline
{
    position:absolute;
}
.jexcel .dragline div
{
    position:relative;
    top:-6px;
    height:5px;
    width:22px;
}
.jexcel .dragline div:hover
{
    cursor:move;
}

.jexcel .onDrag
{
    background-color:rgba(0,0,0,0.6);
}

.jexcel .error
{
    border:1px solid red;
}

.jexcel .arrow-up
{
    width: 0;
    height:0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #444;
    position:absolute;
    margin-left:4px;
    margin-top:8px;
}

.jexcel .arrow-down
{
    width: 0;
    height:0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #444;
    position:absolute;
    margin-left:4px;
    margin-top:8px;
}

.jexcel .resizing
{
    border-right-style:dotted !important;
    border-right-color:black !important;
}

.jexcel_contextmenu
{
    display:none;
    position:absolute;
    z-index:100;
    background:#fff;
    color: #555;
    font-family: sans-serif;
    font-size: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    padding: 0px;
    border: 1px solid #C6C6C6;
    padding-top:5px;
}

.jexcel_contextmenu a
{
    display: block;
    color: #555;
    text-decoration: none;
    padding: 6px 8px 6px 30px;
    width: 250px;
    position: relative;
    cursor: default;
}

.jexcel_contextmenu a span
{
    color: #a1a192;
    float: right;
    margin-right:10px;
}

.jexcel_contextmenu a:hover
{
    background: #ebebeb;
}

.jexcel_contextmenu hr
{
    border: 1px solid #e9e9e9;
    border-bottom: 0;
}

.jexcel .jexcel_arrow
{
    float:right;
    position:relative;
    top:8px;
    left:-13px;
}

.jexcel #jexcel_arrow
{
    width: 0;
    height:0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #bbb;
    position:absolute;
    cursor:pointer;
}

.jexcel .jdropdown-header
{
    border:0px !important;
    outline:none !important;
    width:100% !important;
    height:100% !important;
    padding-left:4px !important;
}

.jexcel .jdropdown-container-header {
    padding: 0px;
    margin: 0px;
    height: inherit;
}

.jexcel .jdropdown-picker
{
    border:0px !important;
    padding:0px !important;
    width:inherit;
    height:inherit;
}

.jexcel .jexcel_comments
{
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: top right;
}

.jexcel .sp-replacer
{
    margin: 2px;
    border:0px;
}
/*
.jexcel::-webkit-scrollbar, .jexcel > div::-webkit-scrollbar
{
    margin-left:6px;
    width:6px;
    height:6px;
}
.jexcel::-webkit-scrollbar-track, .jexcel > div::-webkit-scrollbar-track
{
    background: #f3f3f3;
}
.jexcel::-webkit-scrollbar-thumb, .jexcel > div::-webkit-scrollbar-thumb
{
    background: #888;
}
.jexcel::-webkit-scrollbar-thumb:hover, .jexcel > div::-webkit-scrollbar-thumb:hover
{
    background: #555;
}*/







.emojionepicker
{
	position:absolute;
	z-index:1000;
	max-width:90%;
	width:320px;
	height:250px;
	right:10px;
	background-color:#fff;
	box-shadow: 0 0 7px #d1d1d1;
	display:none;
}

.emojionepicker *
{
	box-sizing:border-box;
}

.emojionepicker nav
{
	position: relative;
	z-index: 0;
	background-color: #f2f2f2;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	text-align:center;
}

.emojionepicker nav div.tab
{
	display: inline-block;
	margin: 0.2em 0.1em 0 0;
	padding: 0.2em ;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	width:2.2rem;
}

.emojionepicker nav div.tab img
{
	width:100%;
	height:auto;
}

.emojionepicker nav div.tab:hover, .emojionepicker section img:hover
{
	cursor: pointer;
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.emojionepicker nav div.tab.active
{
	background-color: #fff;
	box-shadow: 0 0 3px #ccc;
}

.emojionepicker section
{
	overflow-y: scroll;
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 0.2rem;
	box-sizing: border-box;
	height: 200px;
	display:none;
	text-align:center;
}

.emojionepicker section img
{
	width:1.8em;
	height:1.8em;
	margin:0.2em;
}

.emojionepicker-picker
{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACnAAAApwEPOh3cAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHJQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwopa3AAAACV0Uk5TAAQHFhweISktMjhLW15hZn1/gIGHiZiorrGytcnK5uju8/f6/ifM2/IAAADVSURBVChTdZLbloIwDEU3okUtKoiOSOUieP7/F30oDF3MsJ+6kjSXk4AntnnVNFVuY0KibNDIkEWzPaklta4oXCupTib7qZdK49+mlPrTGN+rS+fvaac+AYhqdTsCdp3qCMikIB4glTKIB5Wwf1w3AJvrYw+lhhgrGXhJZ4Cz9AIjWXK1LB20yqnkWKbCqaJRwR8KNesOn2qBU+WLX34CLr64lQzHj375HH27fsD77LiPA46S3Cb7bZJkEvHwfEvv52EWcZZ9u4VA9vVFra92/Rj453y+QB8f2UeMscsAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	z-index: 2147483647;
	background-size: 100%;
	opacity: 0.4;
	display:none;
	cursor:pointer;
}

.emojionepicker-picker:hover
{
	opacity: 0.6;
}

.emojionepicker-picker:active
{
	opacity: 0.4;
}









/* Scrollbars */
.scrollrail { z-index: 100; position: absolute; top: 2px; right: 2px; bottom: 2px; width: 5px; border-radius: 3px; pointer-events: none; }
.scrollbar { position: absolute; top: 0; width: 100%; height: 50%; background-color: #333f49; border-radius: 3px; opacity: 0; }
.scrollbar.active { opacity: 0.7; }
div.menu .scrollbar, div.usermenu .scrollbar { background-color: #fcfcfd; }
div.menu .scrollbar.active, div.usermenu .scrollbar.active { opacity: 0.3; }
.scrollrail, .scrollbar {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	}
.scrollbar.delay {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	}

/* Tooltip */
.ui-tooltip { z-index: 9999; position: fixed; padding: 0.3em 0.5em; max-width: 300px; font-size: 11px; line-height: 1.6em; color: #fff; background: rgba(51, 63, 73, 0.8); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 4px; white-space: nowrap; pointer-events: none;
	-webkit-backdrop-filter: blur(4px) grayscale(0.20);
	-moz-backdrop-filter: blur(4px) grayscale(0.20);
	-ms-backdrop-filter: blur(4px) grayscale(0.20);
	-o-backdrop-filter: blur(4px) grayscale(0.20);
	backdrop-filter: blur(4px) grayscale(0.20);
	}

/* Responsive 1350px */
@media only screen and (max-width: 1350px){
	header { background-position: calc(100% - 5px) 50%; }
	div.usermenu.active div.avatar ul { opacity: 0; pointer-events: none; }
	}

/* Responsive 920px
@media only screen and (max-width: 920px){
	header:after { left: -50px; }
	header a.logo { margin-left: 27px; }
	header form.search { max-width: calc(100% - 380px); }
	div.menu { width: 180px; }
	div.allcontent, div.titleicon { left: 180px; }
	} */

/* Responsive 1200px */
@media only screen and (max-width: 1200px){

	/* Content */
	div.allcontent, div.presets, header div.titleicon { right: 0; }

	/* User Menu */
	div.usermenu { right: -410px; width: 100vw; max-width: 400px; }
	div.usermenu.active { visibility: visible; right: 0; }
	div.usermenu:not(.active), div.usermenu:not(.active):before { box-shadow: none; }
	div.usermenu:before { top: 50px; }

	.usermenu div.buttons { top: 60px; }
	.usermenu:not(.active) div.avatar { left: -60px; }
	.usermenu div.avatar:before { left: -15px; width: 80px; height: 80px; }
	.usermenu div.avatar a.img { left: -5px; width: 60px; height: 60px; }
	.usermenu div.avatar a.img[data-badge]:before { display: block; }
	.usermenu div.avatar ul { padding-right: 10px; }

	/* Page */
	.pagepane:not(.pane) { width: 250px; min-width: 250px; }
	}

/* Responsive 1100px */
@media only screen and (max-width: 1100px){

	/* Menu */
	div.menu.active { min-width: 287px; }

	/* Page */
	.pagepane:not(.pane) { width: 235px; min-width: 235px; }
	.panesection, .panemore, .pane.loading:after { /* width: 280px; min-width: 280px; */ }
	}

/* Responsive 1024px */
@media only screen and (max-width: 1024px){

	/* Content */
	.fixedtoheader { position: relative; top: 0; }
	div.allcontent, div.presets, header div.titleicon { left: 0; right: 0; }
	div.title { position: relative; top: 0; padding-left: 52px; }
	div.title div.titleicon { display: block; left: 6px; }
	header div.titleicon { display: none; }

	/* Menu */
	div.menu { left: -325px; width: 100vw !important; min-width: inherit !important; max-width: 322px !important; }
	div.menu:not(.active):before { box-shadow: none; }
	div.menu.active { left: 0; }

	/* User Menu */
	.usermenu div.avatar ul { display: none; }

	/* Title */
	div.title ul li { display: none; }
	div.title ul li:before { display: none !important; }
	div.title ul li:last-of-type { display: inline-block; }
	}

/* Responsive 950px */
@media only screen and (max-width: 950px){
	header form.search { max-width: calc(100% - 290px); }

	/* Numbers */
	div.numbers { margin-left: 0; margin-right: 0; }
	.numbers ul.first { width: 160px; }
	}

/* Responsive 680px */
@media only screen and (max-width: 680px){

	/* Full Content */
	body:not(.forcefullcontent) .fullcontent > .overflow > .scroll > .innerscroll { position: relative; }
	body:not(.forcefullcontent) .fullcontent > .overflow > .scroll > .innerscroll > div.content { position: relative; display: block; }
	div.content .pagepane:not(.pane):not(.discussionleft) { width: 100%; max-width: 100%; border-width: 0; }
	div.content .pagepane .pagecontent { display: block; }
	div.content .page .scroller { position: relative; width: 100%; }
	div.page, .pagecenter { display: block; overflow-x: scroll; }
	.paneauto { position: relative; overflow: visible; }

	/* Menu */
	div.menu { left: -305px; max-width: 302px !important; }

	/* Discussions */
	.discussionleft { width: 52px !important; min-width: auto !important; }
	.discussionleft ul.list li > a { padding-left: 50px; }

	/* Filter List */
	ul.filterlist { display: block; }
	div.filterlist:not(.active) { display: none; }
	ul.filterlist.active a.filterlist { opacity: 0.5; }
	ul.filterlist a.filterlist b:before { content: 'Afficher'; }
	ul.filterlist.active a.filterlist b:before { content: 'Masquer'; font-weight: normal; }
	}

/* Responsive 580px */
@media only screen and (max-width: 580px){
	header form.search { display: none; }
	}

/* Responsive 450px */
@media only screen and (max-width: 450px){
	.ticket .footer .stats li:not(:first-of-type) { display: none; }
	}

/* Responsive 450px */
@media only screen and (max-width: 450px){
	.discussioncontent section.message div.text p.gif { width: calc(100vw - 180px); }
	.discussioncontent section.message div.text p.file { width: calc(100vw - 180px); }
	.discussioncontent section.message div.text p.photo { width: calc(100vw - 180px); }
	}

/* Responsive 435px */
@media only screen and (max-width: 435px){

	/* User Menu */
	div.usermenu { right: -360px; max-width: 350px; }

	/* Stats */
	.item.stat { padding-left: 15px; }
	.item:not(.call) span.icon { display: none; }
	.kpi h2 { margin-left: 5px; margin-right: 5px; }
	}

/* Responsive 400px */
@media only screen and (max-width: 400px){
	.ticket .header { padding-left: 67px; }
	.ticket .header li.title { padding-bottom: 7px; font-size: 17px; line-height: 22px; }
	.ticket .header li.info { font-size: 11px; }
	.ticket .header li.info a span { display: none; }
	.ticket .header a.img { left: -2px; width: 57px; height: 57px; }
	.ticket a.type { top: 53px; left: 21px; transform: scale(0.9, 0.9); }
	}

/* Responsive 360px */
@media only screen and (max-width: 360px){

	/* Call */
	div.callhandset, div.callactive, div.callmessage { left: 0; right: 0; }
	}

/* Responsive 350px */
@media only screen and (max-width: 350px){

	/* User Menu */
	.usermenu:not(.active) div.avatar { left: calc(100vw - 410px); }
	}

/* Data Queries */
@media only screen and (max-width: 1500px){ *[data-query-max="1500"] { display: none; } }
@media only screen and (min-width: 1501px){ *[data-query-min="1500"] { display: none; } }

/* Print */
#forceprint, .forceprint { display: none !important; }
@media only print {
	header, div.menu, div.usermenu, div.wcontent, div.presets { display: none; }
	body, div.wcontent { background: transparent; }
	div.wcontent.swiper-slide-active { display: block; }
	div.allcontent, div.swiper-wrapper { position: relative; top: initial; left: initial; right: initial; bottom: initial; }
	div.swiper-wrapper { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }
	.scroller { overflow: auto; position: relative; top: initial; left: initial; right: initial; bottom: initial; }
	.overflow { overflow: auto !important; }
	#forceprint { display: block !important; }
	}

/* Smooth Scroll */
@media (-moz-touch-enabled: 1), (pointer: coarse){
	.scroll { -webkit-overflow-scrolling: touch; }
	.scroll .innerscroll:not(.withoverlay) { -webkit-transform: translate3d(0,0,0); }
	}

/* FancyBox */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:#fff;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}