/*
colorbackbody=255,255,255
colorbackvmenu1=250,250,250
colorbackhmenu1=8,145,214
colorbacktitle1=233,234,237
colorbacklineimpair1=255,255,255
colorbacklineimpair2=255,255,255
colorbacklinepair1=250,250,250
colorbacklinepair2=250,250,250
colorbacklinepairhover=230,237,244
colorbacklinepairchecked=230,237,244
$colortexttitlenotab=35,135,140
$colortexttitle=40, 40, 60
$colortext=0,0,0
$colortextlink=10, 20, 100
$colortextbackhmenu=FFFFFF
$colortextbackvmenu=000000
dol_hide_topmenu=
dol_hide_leftmenu=
dol_optimize_smallscreen=
dol_no_mouse_hover=
dol_screenwidth=
dol_screenheight=
fontsize=0.92em
nbtopmenuentries=4
fontsizesmaller=0.75em
topMenuFontSize=1.1em
toolTipBgColor=rgba(255, 255, 255, 0.96)
toolTipFontColor=#333
conf->global->THEME_SATURATE_RATIO= (must be between 0 and 1)
*/
/* <style type="text/css" > */

/* ============================================================================== */
/* Default styles                                                                 */
/* ============================================================================== */

:root {
	--colorbackhmenu1: rgb(8,145,214);
	--colorbackvmenu1: rgb(250,250,250);
	--colorbacktitle1: rgb(233,234,237);
	--colorbacktabcard1: rgb(255,255,255);
	--colorbacktabactive: rgb(234,234,234);
	--colorbacklineimpair1: rgb(255,255,255);
	--colorbacklineimpair2: rgb(255,255,255);
	--colorbacklinepair1: rgb(250,250,250);
	--colorbacklinepair2: rgb(250,250,250);
	--colorbacklinepairhover: rgb(230,237,244);
	--colorbacklinepairchecked: rgb(230,237,244);
	--colorbacklinebreak: rgb(248,247,244);
	--colorbackbody: rgb(255,255,255);
	--colorbackmobilemenu: #f8f8f8;
	--colorbackgrey: #f0f0f0;
	--colortexttitlenotab: rgb(35,135,140);
	--colortexttitlenotab2: rgb(100,0,100);
	--colortexttitle: rgba(40, 40, 60, 0.9);
	--colortexttitlelink: rgba(10, 20, 100, 0.9);
	--colortext: rgb(0,0,0);
	--colortextlink: rgb(10, 20, 100);
	--colortextbackhmenu: #FFFFFF;
	--colortextbackvmenu: #000000;
	--colortopbordertitle1: rgb(215,215,215);
	--listetotal: #888888;
	--inputbackgroundcolor: #FFF;
	--inputbackgroundcolordisabled: #eee;
	--inputcolordisabled: rgb(80, 80, 80);
	--inputbordercolor: rgba(0,0,0,.15);
	--tooltipbgcolor: rgba(255, 255, 255, 0.96);
	--tooltipfontcolor : #333;
	--oddevencolor: #202020;
	--colorboxstatsborder: #e0e0e0;
	--dolgraphbg: rgba(255,255,255,0);
	--fieldrequiredcolor: #400030;
	--colortextbacktab: #000000;
	--colorboxiconbg: #eee;
	--refidnocolor:#444;
	--tableforfieldcolor:#666;
	--amountremaintopaycolor:#880000;
	--amountpaymentcomplete:#008800;
	--amountremaintopaybackcolor:none;
	--productlinestockod: #002200;
	--productlinestocktoolow: #884400;
	--infoboxmoduleenabledbgcolor : linear-gradient(0.4turn, #fff, #fff, #fff, #e4efe8);
	--tablevalidbgcolor: rgb(252, 248, 227);
	--colorblack: #000;
	--colorwhite: #fff;
}


body {
	font-size: 0.92em;
	line-height: 1.4;
	font-family: arial,tahoma,verdana,helvetica;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	font-weight: 400;
	background-color: var(--colorbackbody);
	direction: ltr;
}

/* Style used to protect html content in output to avoid attack by replacing full page with js content */
.sensiblehtmlcontent * {
	position: static !important;
}

.thumbstat { font-weight: bold !important; }
th a { font-weight: normal !important; }
a.tab { font-weight: 500 !important; }

a:link, a:visited, a:hover, a:active, .classlink { color: var(--colortextlink); text-decoration: none;  }
a:hover { text-decoration: underline; color: var(--colortextlink); }
a.commonlink { color: var(--colortextlink) !important; text-decoration: none; }

th.liste_titre a div div:hover, th.liste_titre_sel a div div:hover { text-decoration: underline; }
tr.liste_titre th.liste_titre_sel:not(.maxwidthsearch), tr.liste_titre td.liste_titre_sel:not(.maxwidthsearch),
tr.liste_titre th.liste_titre:not(.maxwidthsearch), tr.liste_titre td.liste_titre:not(.maxwidthsearch) { opacity: 0.8; }
/* th.liste_titre_sel a, th.liste_titre a, td.liste_titre_sel a, td.liste_titre a { color: #766; } */
tr.liste_titre_filter th.liste_titre { text-align: unset; }

input {
	font-size: unset;
}
select.vmenusearchselectcombo {
	background-color: unset;
}

table.liste th.wrapcolumntitle.liste_titre:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre:not(.maxwidthsearch),
table.liste th.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch) {
	overflow: hidden;
	white-space: nowrap;
	max-width: 100px;
	text-overflow: ellipsis;
}
th.wrapcolumntitle dl dt a span.fas.fa-list {
	padding-bottom: 1px;
	vertical-align: bottom;
}

/*.liste_titre input[name=month_date_when], .liste_titre input[name=monthvalid], .liste_titre input[name=search_ordermonth], .liste_titre input[name=search_deliverymonth],
.liste_titre input[name=search_smonth], .liste_titre input[name=search_month], .liste_titre input[name=search_emonth], .liste_titre input[name=smonth], .liste_titre input[name=month], .liste_titre select[name=month],
.liste_titre select[name=year],
.liste_titre input[name=month_lim], .liste_titre input[name=month_start], .liste_titre input[name=month_end], .liste_titre input[name=month_create],
.liste_titre input[name=search_month_lim], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end], .liste_titre input[name=search_month_create],
.liste_titre input[name=search_month_update], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end],
.liste_titre input[name=day_date_when], .liste_titre input[name=dayvalid], .liste_titre input[name=search_orderday], .liste_titre input[name=search_deliveryday],
.liste_titre input[name=search_sday], .liste_titre input[name=search_day], .liste_titre input[name=search_eday], .liste_titre input[name=sday], .liste_titre input[name=day], .liste_titre select[name=day],
.liste_titre input[name=day_lim], .liste_titre input[name=day_start], .liste_titre input[name=day_end], .liste_titre input[name=day_create],
.liste_titre input[name=search_day_lim], .liste_titre input[name=search_day_start], .liste_titre input[name=search_day_end], .liste_titre input[name=search_day_create],
.liste_titre input[name=search_day_create], .liste_titre input[name=search_day_start], .liste_titre input[name=search_day_end],
.liste_titre input[name=search_day_date_when], .liste_titre input[name=search_month_date_when], .liste_titre input[name=search_year_date_when],
.liste_titre input[name=search_dtstartday], .liste_titre input[name=search_dtendday], .liste_titre input[name=search_dtstartmonth], .liste_titre input[name=search_dtendmonth],
*/
.liste_titre input[name=search_month] {
	margin-right: 4px;
}

select#date_startday, select#date_startmonth, select#date_endday, select#date_endmonth, select#reday, select#remonth,
input, input.flat, form.flat select, select, select.flat, .dataTables_length label select {
	border: none;
}
input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
	color: var(--colortext);
	border-radius: 3px;
	font-family: arial,tahoma,verdana,helvetica;
	outline: none;
	margin: 0px 0px 0px 0px;
	background-color: var(--inputbackgroundcolor);
			border-bottom: solid 1px var(--inputbordercolor);
	}

.liste_titre input, .liste_titre select {
	border: none;
	border-bottom: solid 1px var(--inputbordercolor);
	/* padding: 5px; */
}
.pageplusone, .divadvancedsearchfieldcompinput,
div.tabBar input, div.tabBar input.flat, div.tabBar textarea, div.tabBar textarea.flat, div.tabBar form.flat select, div.tabBar select, div.tabBar select.flat, div.tabBar .dataTables_length label select
{
	border-bottom: solid 1px var(--inputbordercolor);
	}
.divadvancedsearchfieldcompinput {
	background: #fff;
	border-bottom: solid 1px var(--inputbordercolor);
	border-radius: 3px;
}
input[name=duration_value], input[name=durationhour]
{
	margin-right: 4px !important;
}
input[type=submit], input[type=submit]:hover {
	margin-left: 5px;
}
input[type=checkbox], input[type=radio] {
	margin: 0 3px 0 3px;
}
input {
	line-height: 1.3em;
	padding: 4px;
	padding-left: 5px;
}
.tableforfield input {
	padding: 2px;
}
select {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 2px;
}
input, select {
	margin-left: 0px;
	margin-bottom: 1px;
	margin-top: 1px;
}
#mainbody input.button:not(.buttongen):not(.bordertransp), #mainbody a.button:not(.buttongen):not(.bordertransp) {
	background: var(--butactionbg);
	color: var(--textbutaction);
	border-radius: 3px;
	border-collapse: collapse;
	border: none;
}
#mainbody span.websitetools input.button:not(.buttongen):not(.bordertransp) {
	color: #000 !important;
}
#mainbody input.buttongen, #mainbody button.buttongen {
	padding: 3px 4px;
}
input.button:hover {
	-webkit-box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%);
	box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%);
}
input.button:focus {
	border-bottom: 0;
}

input.button.massactionconfirmed {
	margin: 4px;
}

input:invalid, select:invalid, input.--error , select.--error {
	border-color: #ea1212;
}

section.setupsection {
	padding: 20px;
	background-color: var(--colorbackgrey);
	border-radius: 5px;
}

.field-error-icon { color: #ea1212 !important; }

/* Focus definitions must be after standard definition */
div.tabBar textarea:focus {
	border: 1px solid #aaa !important;
}
input:focus:not(.button):not(.buttonwebsite):not(.buttonreset):not(.select2-search__field):not(#top-bookmark-search-input):not(.search_component_input):not(.input-search-takepos),
 select:focus, .select2-container--open [aria-expanded="false"].select2-selection--single {
	border-bottom: 1px solid #666 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
textarea.cke_source:focus
{
	box-shadow: none;
}
div#cke_dp_desc {
	margin-top: 5px;
}
textarea {
	border-radius: 0;
	border-top: solid 1px var(--inputbordercolor);
	border-left: solid 1px var(--inputbordercolor);
	border-right: solid 1px var(--inputbordercolor);
	border-bottom: solid 1px var(--inputbordercolor);

	padding:4px;
	margin-left:0px;
	margin-bottom:1px;
	margin-top:1px;
	}
input.removedassigned  {
	padding: 2px !important;
	vertical-align: text-bottom;
	margin-bottom: -3px;
}
input.smallpadd {	/* Used for timesheet input */
	padding-left: 0px !important;
	padding-right: 0px !important;
}
input.buttongen {
	vertical-align: middle;
}
input.buttonpayment, button.buttonpayment, div.buttonpayment {
	min-width: 290px;
	margin-bottom: 15px;
	margin-top: 15px;
	height: 60px;
	background-image: none;
	line-height: 24px;
	padding: 8px;
	background: none;
	text-align: center;
	border: 0;
	background-color: #9999bb;
	white-space: normal;
	box-shadow: 1px 1px 4px #bbb;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	max-width: 350px;
}
input.short {
	width: 40px;
}
.nofocusvisible:focus-visible {
	outline: none;
}

div.buttonpayment input:focus {
	color: #008;
}
.buttonpaymentsmall {
	font-size: 0.65em;
	padding-left: 5px;
	padding-right: 5px;
}
div.buttonpayment input {
	background-color: unset;
	color: #fff;
	border-bottom: unset;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
input.buttonpaymentcb {
	background-image: url(/progiciel/htdocs/theme/common/credit_card.png);
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: 5px 11px;
}
input.buttonpaymentcheque {
	background-image: url(/progiciel/htdocs/theme/common/cheque.png);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
input.buttonpaymentpaypal {
	background-image: url(/progiciel/htdocs/paypal/img/object_paypal.png);
	background-repeat: no-repeat;
	background-position: 8px 11px;
}
input.buttonpaymentpaybox {
	background-image: url(/progiciel/htdocs/paybox/img/object_paybox.png);
	background-repeat: no-repeat;
	background-position: 8px 11px;
}
input.buttonpaymentstripe {
	background-image: url(/progiciel/htdocs/stripe/img/object_stripe.png);
	background-repeat: no-repeat;
	background-position: 8px 11px;
}
.logopublicpayment #dolpaymentlogo {
	max-height: 100px;
	max-width: 320px;
	image-rendering: -webkit-optimize-contrast;		/* better rendering on public page header */
}

a.butStatus {
	padding-left: 5px;
	padding-right: 5px;
	background-color: transparent;
	color: var(--colortext) !important;
	border: 2px solid var( --butactionbg) !important;
	margin: 0 0.45em !important;
}

span.userimg.notfirst {
	margin-left: -5px;
}

/* Used by timesheets */
span.timesheetalreadyrecorded input {
	border: none;
	border-bottom: solid 1px rgba(0,0,0,0.4);
	margin-right: 1px !important;
}
td.onholidaymorning, td.onholidayafternoon {
	background-color: #fdf6f2;
}
td.onholidayallday {
	background-color: #f4eede;
}
td.onholidayallday:not(.weekend) input {
	background-color: #f8f7f0;
}
td.weekend {	/* must be after td.onholidayallday */
	background-color: #eee;
}
td.weekend input {
	background-color: #f8f8f8;
}
/*
td.leftborder, td.hide0 {
	border-left: 1px solid #ccc;
}
td.leftborder, td.hide6 {
	border-right: 1px solid #ccc;
}
*/
td.rightborder {
	border-right: 1px solid #ccc;
}

td.amount, span.amount, div.amount, b.amount {
	color: #006666;
}
td.actionbuttons a {
	padding-left: 6px;
}
select.flat, form.flat select, .pageplusone {
	font-weight: normal;
	font-size: unset;
}
input.pageplusone {
	padding-bottom: 4px;
	padding-top: 4px;
	margin-right: 4px;
}
.paginationlastpage a {
	padding-left: 8px;
}

.saturatemedium {
	filter: saturate(0.8);
}

.optionblue {
	color: var(--colortextlink);
}
.optiongrey, .opacitymedium {
	opacity: 0.4;
}
.opacitymediumbycolor {
	color: rgba(0, 0, 0, 0.4);
}
.opacitylow {
	opacity: 0.6;
}
.opacityhigh {
	opacity: 0.24;
}
.opacitytransp {
	opacity: 0;
}
.colorwhite {
	color: var(--colorwhite);
}
.colorgrey {
	color: #888 !important;
}
.colorblack {
	color: var(--colorblack);
}
.fontsizeunset {
	font-size: unset !important;
}
.vmirror {
	transform: scale(1, -1);
}
.hmirror {
	transform: scale(-1, 1);
}

select:invalid, select.--error {
	color: gray;
}
input:disabled, textarea:disabled, select[disabled='disabled']
{
	background: var(--inputbackgroundcolordisabled);
	color: var(--inputcolordisabled);
}

input.liste_titre {
	box-shadow: none !important;
}
input.removedfile {
	padding: 0px !important;
	border: 0px !important;
	vertical-align: text-bottom;
}
input[type=file]    {
	background-color: transparent;
	box-shadow: none;
		border-top: none;
	border-left: none;
	border-right: none;
		border-bottom: solid 1px var(--inputbordercolor);
}
input[type=checkbox] { background-color: transparent; border: none; box-shadow: none; }
input[type=radio]    { background-color: transparent; border: none; box-shadow: none; }
input[type=image]    { background-color: transparent; border: none; box-shadow: none; }
input:-webkit-autofill {
	background-color: #FDFFF0 !important;
	background-image:none !important;
	-webkit-box-shadow: 0 0 0 50px #FDFFF0 inset;
}

/* CSS for placeholder */
.placeholder { color: #ccc; }
::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder { color: #ccc; }

input[name=price], input[name=weight], input[name=volume], input[name=surface], input[name=sizeheight], input[name=net_measure], select[name=incoterm_id] { margin-right: 6px; }
fieldset {
	border: 1px solid #AAAAAA !important;
	padding-inline-start: 2em;
	padding-inline-end: 2em;
	min-inline-size: auto;
}
.legendforfieldsetstep { padding-bottom: 10px; }
input#onlinepaymenturl, input#directdownloadlink {
	opacity: 0.7;
}

.formconsumeproduce {
	background: #f3f3f3;
	padding: 20px 0px 0px 0px;
	border-radius: 8px;
}

div#moretabsList, div#moretabsListaction {
	z-index: 5;
}

hr { border: 0; border-top: 1px solid #ccc; }
.tabBar hr { margin-top: 20px; margin-bottom: 17px; }


table.tableforfield .button:not(.bordertransp):not(.buttonpayment),
table.tableforfield .buttonDelete:not(.bordertransp):not(.buttonpayment) {
	margin-bottom: 2px;
	margin-top: 2px;
}

.button:not(.bordertransp):not(.buttonpayment),
.buttonDelete:not(.bordertransp):not(.buttonpayment) {
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: arial,tahoma,verdana,helvetica;
	display: inline-block;
	padding: 8px 15px;
	min-width: 90px;
	text-align: center;
	cursor: pointer;
	text-decoration: none !important;
	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: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border: 1px solid #aaa;
	-webkit-border-radius: 2px;
	border-radius: 1px;

	font-weight: bold;
	text-transform: uppercase;
	color: #444;
}
.valuefield .button, .valuefieldcreate .button, .refidno .button {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	font-size: 0.85em !important;
	padding: 5px !important;
}
.button:focus, .buttonDelete:focus  {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
}
.button:hover, .buttonDelete:hover   {
	/* warning: having a larger shadow has side effect when button is completely on left of a table */
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
}
.button:disabled, .buttonDelete:disabled, .button.disabled, .buttonDelete.disabled {
	opacity: 0.4;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: auto;
	text-decoration: none;
}
.buttonRefused {
	pointer-events: none;
	   cursor: default;
	opacity: 0.4;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.button_search, .button_removefilter {
	border: unset;
	background-color: unset;
}
.button_search:hover, .button_removefilter:hover {
	cursor: pointer;
}
form {
	padding:0px;
	margin:0px;
}
form#addproduct {
	padding-top: 10px;
}
div.float, span.floatleft
{
	float:left;
}
div.floatright
{
	float:right;
}
.block
{
	display:block;
}
.inline-block
{
	display:inline-block;
}
.largenumber {
	font-size: 1.4em;
}
button[name='button_search_x'] span.fa.fa-search {
	font-size: 1.3em;
}
button[name='button_removefilter_x'] span.fa.fa-remove {
	opacity: 0.5;
	font-size: 1.3em;
}
button:focus {
	outline: none;
}
.fa-info-circle {
	padding-left: 3px;
}
.line-height-large {
	line-height: 1.8em;
}

th .button {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
}
.maxwidthsearch {		/* Max width of column with the search picto */
	width: 54px;
	min-width: 54px;
}
.valigntop {
	vertical-align: top;
}
.valignmiddle {
	vertical-align: middle;
}
.valignbottom {
	vertical-align: bottom;
}
.valigntextbottom {
	vertical-align: text-bottom;
}
.centpercent {
	width: 100%;
}
.centpercentwithoutmenu {
	width: calc(100% - 200px);
}
.quatrevingtpercent, .inputsearch {
	width: 80%;
}
.maxquatrevingtpercent {
	max-width: 80%;
}
.soixantepercent {
	width: 60%;
}
.quatrevingtquinzepercent {
	width: 95%;
}
.quatrevingtpercentminusx {
	width: calc(80% - 52px);
}
textarea.centpercent {
	width: 96%;
}
.small, small {
	font-size: 85%;
}
.large {
	font-size: 125%;
}
.double {
	font-size: 2em;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size: 65%;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-weight: 400;
	line-height: 1;
	color: #777;
}

.flip {
	transform: scaleX(-1) translate(2px, 0);
}
.rotate90 {
	transform: rotate(90deg) translate(0, 2px);
}
.center {
	text-align: center;
	margin: 0px auto;
}
.centerimp {
	text-align: center !important;
}
.alignstart {
	text-align: start;
}
.start {
	text-align: start;
}
.end {
	text-align: end;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}
.pull-left {
	float: left!important;
}
.pull-right {
	float: right!important;
}
.nowrap {
	white-space: nowrap;
}
.nowraponsmartphone {
	white-space: normal;
}
.wraponsmartphone {
	white-space: nowrap;
}
.liste_titre .nowrap {
	white-space: nowrap;
}
.nowraponall {	/* no wrap on all devices */
	white-space: nowrap;
}
.wrapimp {
	white-space: normal !important;
}
.wordwrap {
	word-wrap: break-word;
}
.wordbreakimp {
	word-break: break-word;
}
.wordbreak {
	word-break: break-all;
}
.bold {
	font-weight: bold !important;
}
.nobold {
	font-weight: normal !important;
}
.uppercase {
	text-transform: uppercase;
}
.nounderline {
	text-decoration: none;
}
.nounderlineimp {
	text-decoration: none !important;
}
.nopadding {
	padding: 0;
}
.nopaddingleft {
	padding-left: 0;
}
.nopaddingright {
	padding-right: 0;
}
.nopaddingleftimp {
	padding-left: 0 !important;
}
.nopaddingrightimp {
	padding-right: 0 !important;
}
.paddingleft {
	padding-left: 4px;
}
.paddingleftimp {
	padding-left: 4px !important;
}
.paddingleft2 {
	padding-left: 2px;
}
.paddingleft2imp {
	padding-left: 2px !important;
}
.paddingright {
	padding-right: 4px;
}
.paddingrightimp {
	padding-right: 4px !important;
}
.paddingright2 {
	padding-right: 2px;
}
.paddingright2imp {
	padding-right: 2px !important;
}
.paddingtop {
	padding-top: 4px;
}
.paddingtop2 {
	padding-top: 2px;
}
.paddingbottom {
	padding-bottom: 4px;
}
.paddingbottom2 {
	padding-bottom: 2px;
}
.marginleft2 {
	margin-left: 2px;
}
.marginright2 {
	margin-right: 2px;
}
.nomarginleft {
	margin-left: unset;
}
.nomarginright {
	margin-right: unset;
}

.cursordefault {
	cursor: default;
}
.cursorpointer {
	cursor: pointer;
}
.classfortooltiponclick .fa-question-circle {
	cursor: pointer;
}
.cursormove {
	cursor: move;
}
.cursornotallowed {
	cursor: not-allowed;
}
.cursorwait {
	cursor: wait;
}
.backgroundblank {
	background-color: #fff;
}
.nobackground, .nobackground tr {
	background: unset !important;
}
.checkboxattachfilelabel {
	font-size: 0.85em;
	opacity: 0.7;
}
.borderimp {
	border: 1px solid #888 !important;
}
.text-warning{
	color : #bc9526}
.longmessagecut {
	max-height: 250px;
	max-width: 100%;
	overflow-y: auto;
}
div.urllink {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	/* border: 1px solid #ccc; */
	border-radius: 5px;
	/* width: fit-content; */
	background-color: #f0f0f8;
	opacity: 0.8;
}
div.urllink, div.urllink a {
	color: #339 !important;
}

i.fa-mars::before, i.fa-venus::before, i.fa-genderless::before, i.fa-transgender::before  {
	color: #888 !important;
	opacity: 0.4;
	padding-left: 3px;
}
.stockmovemententry {
	color: #080;
	transform: rotate(0.25turn);
	font-size: 1.2em;
}
.stockmovementexit {
	color: #968822;
	transform: rotate(0.3turn);
	font-size: 1.2em;
}
.stockmovement {
	font-size: 1.4em;
}

body[class*="colorblind-"] .text-warning{
	color : #bc9526}
.text-success{
	color : #28a745}
body[class*="colorblind-"] .text-success{
	color : #37de5d}

.text-danger{
	color : #af4705}

.editfielda span.fa-pencil-alt, .editfielda span.fa-pencil-ruler, .editfielda span.fa-trash, .editfielda span.fa-crop,
.editfieldlang {
	color: #ccc !important;
}
.editfielda span.fa-pencil-alt:hover, .editfielda span.fa-pencil-ruler:hover, .editfielda span.fa-trash:hover, .editfielda span.fa-crop:hover,
.editfieldlang:hover {
	color: var(--colortexttitle) !important;
}
a.editfielda.nohover *:hover:before {
	color: #ccc !important;
}

.fawidth30 {
	width: 20px;
}
.floatnone {
	float: none !important;
}

span.fa.fa-plus-circle.paddingleft {
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 2px;
}

.size15x { font-size: 1.5em !important; }
.fa-toggle-on, .fa-toggle-off, .size2x { font-size: 2em; }
.websiteselectionsection .fa-toggle-on, .websiteselectionsection .fa-toggle-off,
.asetresetmodule .fa-toggle-on, .asetresetmodule .fa-toggle-off,
.tdwebsitesearchresult .fa-toggle-on, .tdwebsitesearchresult .fa-toggle-off
{
	font-size: 1.5em; vertical-align: text-bottom;
}

.divoverflow {
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	text-overflow: ellipsis;
}


/* Themes for badges */

/* Badge style is based on boostrap framework */

.badge {
	display: inline-block;
	padding: .1em .35em;
	font-size: 80%;
	font-weight: 700 !important;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-width: 2px;
	border-style: solid;
	border-color: rgba(255,255,255,0);
	box-sizing: border-box;
}

.badge-status {
	font-size: 0.95em;
	padding: .19em .35em;			/* more than 0.19 generate a change into heigth of lines */
}
.tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status {
	font-size: 1.1em;
	padding: .4em .4em;
}
/* Force values for small screen 767 */
@media only screen and (max-width: 767px)
{
	.tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status {
		font-size: 0.95em;
		padding: .3em .2em;
	}
}

.badge-pill, .tabs .badge {
	padding-right: .5em;
	padding-left: .5em;
	border-radius: 0.25rem;
}

.badge-dot {
	padding: 0;
	border-radius: 50%;
	padding: 0.45em;
	vertical-align: text-top;
}

a.badge:focus, a.badge:hover {
	text-decoration: none;
}

.liste_titre .badge:not(.nochangebackground) {
	background-color: #aaaabb;
	color: #fff;
}

span.badgeneutral {
	padding: 2px 7px 2px 7px;
	background-color: #e4e4e4;
	color: #666;
	border-radius: 10px;
	white-space: nowrap;
}


/* PRIMARY */
.badge-primary{
	color: #fff !important;
	background-color: #007bff;
}
a.badge-primary.focus, a.badge-primary:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.5);
}
a.badge-primary:focus, a.badge-primary:hover {
	color: #fff !important;
	background-color: #0062e6;
}

/* SECONDARY */
.badge-secondary, .tabs .badge {
	color: #fff !important;
	background-color: #aaaabb;
}
a.badge-secondary.focus, a.badge-secondary:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(170,170,187,0.5);
}
a.badge-secondary:focus, a.badge-secondary:hover {
	color: #fff !important;
	background-color: #9191a2;
}

/* SUCCESS */
.badge-success {
	color: #fff !important;
	background-color: #55a580;
}
a.badge-success.focus, a.badge-success:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(85,165,128,0.5);
}
a.badge-success:focus, a.badge-success:hover {
	color: #fff !important;
	background-color: #3c8c67;
}

/* DANGER */
.badge-danger {
	color: #fff !important;
	background-color: #af4705;
}
a.badge-danger.focus, a.badge-danger:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(175,71,5,0.5);
}
a.badge-danger:focus, a.badge-danger:hover {
	color: #fff !important;
	background-color: #962e00;
}

/* WARNING */
.badge-warning {
	color: #fff !important;
	background-color: #bc9526;
}
a.badge-warning.focus, a.badge-warning:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(188,149,38,0.5);
}
a.badge-warning:focus, a.badge-warning:hover {
	color: #212529 !important;
	background-color: #a37c0d;
}

/* WARNING colorblind */
body[class*="colorblind-"] .badge-warning {
	  background-color: #e4e411;
  }
body[class*="colorblind-"] a.badge-warning.focus,body[class^="colorblind-"] a.badge-warning:focus {
	box-shadow: 0 0 0 0.2rem rgba(228,228,17,0.5);
}
body[class*="colorblind-"] a.badge-warning:focus, a.badge-warning:hover {
	background-color: #cbcb00;
}

/* INFO */
.badge-info {
	color: #fff !important;
	background-color: #aaaabb;
}
a.badge-info.focus, a.badge-info:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(170,170,187,0.5);
}
a.badge-info:focus, a.badge-info:hover {
	color: #fff !important;
	background-color: #9191a2;
}

/* LIGHT */
.badge-light {
	color: #212529 !important;
	background-color: #f8f9fa;
}
a.badge-light.focus, a.badge-light:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(248,249,250,0.5);
}
a.badge-light:focus, a.badge-light:hover {
	color: #212529 !important;
	background-color: #dfe0e1;
}

/* DARK */
.badge-dark {
	color: #fff !important;
	background-color: #343a40;
}
a.badge-dark.focus, a.badge-dark:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(52,58,64,0.5);
}
a.badge-dark:focus, a.badge-dark:hover {
	color: #fff !important;
	background-color: #1b2127;
}


@media only screen and (max-width: 570px)
{
	span.badge.badge-status {
		overflow: hidden;
		max-width: 130px;
		text-overflow: ellipsis;
	}
}


/* STATUS BADGES */

/* STATUS0 */
.badge-status0 {
        color: #999999 !important;
        border-color: #cbd3d3 !important;
        background-color:  !important;
}
.font-status0 {
        color:  !important;
}
.badge-status0.focus, .badge-status0:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}
.badge-status0:focus, .badge-status0:hover {
    color: #999999 !important;
        border-color: #b2baba !important;
}

/* STATUS1 */
.badge-status1 {
        color: #ffffff !important;
        background-color: #bc9526 !important;
}
.font-status1 {
        color: #bc9526 !important;
}
.badge-status1.focus, .badge-status1:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(188,149,38,0.5) !important;
}
.badge-status1:focus, .badge-status1:hover {
    color: #ffffff !important;
}

/* COLORBLIND STATUS1 */
body[class*="colorblind-"] .badge-status1 {
        color: #000 !important;
        background-color: #e4e411 !important;
}
body[class*="colorblind-"] .font-status1 {
        color: #e4e411 !important;
}
body[class*="colorblind-"] .badge-status1.focus, body[class*="colorblind-"] .badge-status1:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(228,228,17,0.5) !important;
}
body[class*="colorblind-"] .badge-status1:focus, body[class*="colorblind-"] .badge-status1:hover {
    color: #000 !important;
}

/* STATUS2 */
.badge-status2 {
        color: #ffffff !important;
        background-color: #9c9c26 !important;
}
.font-status2 {
        color: #9c9c26 !important;
}
.badge-status2.focus, .badge-status2:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(156,156,38,0.5) !important;
}
.badge-status2:focus, .badge-status2:hover {
    color: #ffffff !important;
}

/* STATUS3 */
.badge-status3 {
        color: #212529 !important;
        border-color: #bca52b !important;
        background-color:  !important;
}
.font-status3 {
        color:  !important;
}
.badge-status3.focus, .badge-status3:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}
.badge-status3:focus, .badge-status3:hover {
    color: #212529 !important;
        border-color: #a38c12 !important;
}

/* STATUS4 */
.badge-status4 {
        color: #ffffff !important;
        background-color: #25a580 !important;
}
.font-status4 {
        color: #25a580 !important;
}
.badge-status4.focus, .badge-status4:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(37,165,128,0.5) !important;
}
.badge-status4:focus, .badge-status4:hover {
    color: #ffffff !important;
}

/* COLORBLIND STATUS4 */
body[class*="colorblind-"] .badge-status4 {
        color: #000 !important;
        background-color: #37de5d !important;
}
body[class*="colorblind-"] .font-status4 {
        color: #37de5d !important;
}
body[class*="colorblind-"] .badge-status4.focus, body[class*="colorblind-"] .badge-status4:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(55,222,93,0.5) !important;
}
body[class*="colorblind-"] .badge-status4:focus, body[class*="colorblind-"] .badge-status4:hover {
    color: #000 !important;
}

/* STATUS5 */
.badge-status5 {
        color: #999999 !important;
        border-color: #cad2d2 !important;
        background-color:  !important;
}
.font-status5 {
        color:  !important;
}
.badge-status5.focus, .badge-status5:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}
.badge-status5:focus, .badge-status5:hover {
    color: #999999 !important;
        border-color: #b1b9b9 !important;
}

/* STATUS6 */
.badge-status6 {
        color: #777777 !important;
        background-color: #cad2d2 !important;
}
.font-status6 {
        color: #cad2d2 !important;
}
.badge-status6.focus, .badge-status6:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(202,210,210,0.5) !important;
}
.badge-status6:focus, .badge-status6:hover {
    color: #777777 !important;
}

/* STATUS7 */
.badge-status7 {
        color: #212529 !important;
        border-color: #25a580 !important;
        background-color:  !important;
}
.font-status7 {
        color:  !important;
}
.badge-status7.focus, .badge-status7:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}
.badge-status7:focus, .badge-status7:hover {
    color: #212529 !important;
        border-color: #0c8c67 !important;
}

/* COLORBLIND STATUS7 */
body[class*="colorblind-"] .badge-status7 {
        color: #212529 !important;
        border-color: #37de5d !important;
        background-color:  !important;
}
body[class*="colorblind-"] .font-status7 {
        color:  !important;
}
body[class*="colorblind-"] .badge-status7.focus, body[class*="colorblind-"] .badge-status7:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}
body[class*="colorblind-"] .badge-status7:focus, body[class*="colorblind-"] .badge-status7:hover {
    color: #212529 !important;
        border-color: #1ec544 !important;
}

/* STATUS8 */
.badge-status8 {
        color: #ffffff !important;
        background-color: #993013 !important;
}
.font-status8 {
        color: #993013 !important;
}
.badge-status8.focus, .badge-status8:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(153,48,19,0.5) !important;
}
.badge-status8:focus, .badge-status8:hover {
    color: #ffffff !important;
}

/* STATUS9 */
.badge-status9 {
        color: #999999 !important;
        background-color: #e7f0f0 !important;
}
.font-status9 {
        color: #e7f0f0 !important;
}
.badge-status9.focus, .badge-status9:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(231,240,240,0.5) !important;
}
.badge-status9:focus, .badge-status9:hover {
    color: #999999 !important;
}

/* STATUS10 */
.badge-status10 {
        color: #212529 !important;
        border-color: #993013 !important;
        background-color:  !important;
}
.font-status10 {
        color:  !important;
}
.badge-status10.focus, .badge-status10:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}
.badge-status10:focus, .badge-status10:hover {
    color: #212529 !important;
        border-color: #801700 !important;
}

/* STATUS1B */
.badge-status1b {
        color: #212529 !important;
        border-color: #bc9526 !important;
        background-color:  !important;
}
.font-status1b {
        color:  !important;
}
.badge-status1b.focus, .badge-status1b:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}
.badge-status1b:focus, .badge-status1b:hover {
    color: #212529 !important;
        border-color: #a37c0d !important;
}

/* STATUS4B */
.badge-status4b {
        color: #212529 !important;
        border-color: #25a580 !important;
        background-color:  !important;
}
.font-status4b {
        color:  !important;
}
.badge-status4b.focus, .badge-status4b:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5) !important;
}
.badge-status4b:focus, .badge-status4b:hover {
    color: #212529 !important;
        border-color: #0c8c67 !important;
}

.borderrightlight
{
	border-right: 1px solid #DDD;
}
.borderleftlight
{
	border-left: 1px solid #DDD;
}
#formuserfile {
	margin-top: 4px;
}
#formuserfile input[type='file'] {
	font-size: 1em;
	/* opacity: 0.5em; */
}
/*#formuserfile input[type='file']:valid {
	color: #a00;
}
#formuserfile input[type='file']:empty {
	color: #0a0;
}*/

#formuserfile_link {
	margin-left: 1px;
}
#formuserfile_link input[type='text'] {
	font-size: 1em;
}
.listofinvoicetype {
	height: 28px;
	vertical-align: middle;
}
.divsocialnetwork:not(:last-child) {
	padding-right: 20px;
}
div.divsearchfield {
	/* float: left; */
	display: inline-block;
	margin-right: 12px;
	margin-left: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 2px;
}
.divfilteralone {
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 5px;
	padding-left: 5px;
}
.divsearchfieldfilter {
	text-overflow: clip;
	overflow: auto;
	padding-bottom: 5px;
	opacity: 0.6;
	font-size: small;
}
.divadvancedsearchfield:first-child {
	margin-top: 3px;
}
.divadvancedsearchfield {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.divadvancedsearchfield span.select2.select2-container.select2-container--default {
	/* padding-bottom: 4px; */
}
.search_component_params {
	/*display: flex; */
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	background: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	border-bottom: solid 1px var(--inputbordercolor);
	height: 24px;
	border-radius: 3px;
}
.search_component_searchtext {
	padding-top: 2px;
}
.search_component_params_text, .search_component_params_text:focus {
	border-bottom: none;
	width: auto;
	margin: 0 !important;
	padding: 3px;
}
.tagsearch {
	padding: 2px;
	padding-right: 4px;
	padding-bottom: 3px;
	background: #ddd;
	border-radius: 4px;
}
.tagsearchdelete {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px;
	padding-left: 4px;
}

.caretleftaxis {
	margin-left: -13px;
	margin-top: -1px;
	position: absolute;
}
.caretdownaxis {
	margin-left: -12px;
	margin-top: 0;
	position: absolute;
}

.a-filter, .a-mesure {
	border-radius: 50px;
	background: var(--colortexttitlenotab);
	color: #fff;
	padding: 8px 10px 8px 6px;
}
.a-filter:before {
	content: "\f0b0";
}
.a-mesure:before {
	content: "\f080";
}
.a-filter:before, .a-mesure:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	padding-right: 5px;
	padding-left: 5px;
}
.a-filter-disabled, .a-mesure-disabled {
	border-radius: 50px;
	background: var(--colorbacktitle1);
	padding: 8px;
	opacity: 0.6;
}


/* ============================================================================== */
/* Styles for scan tool                                                           */
/* ============================================================================== */

div.div-for-modal {
	/* display: none; */
	position:absolute;
	top:calc(50% - 200px);
	left:calc(50% - 250px);
	width:500px;  /* adjust as per your needs */
	height:400px;   /* adjust as per your needs */
	background: #fff;
	border: 1px solid #bbb;
	box-shadow: 2px 2px 20px #ddd;
	z-index: 100;
}

#scantoolmessage {
	height: 3em;
	border: none;
	overflow-y: auto;
}

div.div-for-modal-topright {
	/* display: none; */
	position: fixed;
	top: 0;
	right: 0;
	width:50%;  /* adjust as per your needs */
	height:320px;   /* adjust as per your needs */
	background: #fff;
	border: 1px solid #bbb;
	box-shadow: 2px 2px 20px #ddd;
	z-index: 1100;
}


div.confirmmessage {
	padding-top: 6px;
}
ul.attendees {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
ul.attendees li {
	list-style-type: none;
	padding-top:1px;
	padding-bottom:1px;
	line-height: 1.6em;
}
.googlerefreshcal {
	padding-top: 4px;
	padding-bottom: 4px;
}
.paddingtopbottom {
	padding-top: 10px;
	padding-bottom: 10px;
}
.checkallactions {
	margin-left: 2px;		/* left must be same than right to keep checkbox centered */
	margin-right: 2px;		/* left must be same than right to keep checkbox centered */
	vertical-align: middle;
}
select.flat.selectlimit {
	max-width: 62px;
	text-align: end;
	border-bottom: 1px solid var(--inputbordercolor);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.selectlimit, .marginrightonly {
	margin-right: 10px !important;
}
.marginleftonly {
	margin-left: 10px !important;
}
.marginleftonlyshort {
	margin-left: 4px !important;
}
.nomarginleft {
	margin-left: 0px !important;
}
.margintoponly {
	margin-top: 10px !important;
}
.margintoponlyshort {
	margin-top: 3px !important;
}
.marginbottomonly {
	margin-bottom: 10px !important;
}
.marginbottomonlyshort {
	margin-bottom: 3px !important;
}
.nomargintop {
	margin-top: 0 !important;
}
.nomarginbottom {
	margin-bottom: 0 !important;
}
.selectlimit, .selectlimit:focus {
	border-left: none !important;
	border-top: none !important;
	border-right: none !important;
	outline: none;
}
.strikefordisabled {
	text-decoration: line-through;
}
.widthdate {
	width: 130px;
}
/* using a tdoverflowxxx make the min-width not working */
.tdnooverflowimp {
   text-overflow: none;
}
.tdoverflow {
	max-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.spanoverflow {
	overflow-x: clip;
	text-overflow: ellipsis;
}
.tdoverflowmax50 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax60 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax80 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax80imp {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 80px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax100 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax100imp {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 100px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax125 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax150 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax200 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax250 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax300 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax400 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowmax500 {			/* For tdoverflow, the max-midth become a minimum ! */
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tdoverflowauto {
	max-width: 0;
	overflow: auto;
}
.divintowithtwolinesmax {
	width: 75px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.twolinesmax {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: auto !important;
}
.tenlinesmax {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
}

.tablelistofcalendars {
	margin-top: 25px !important;
}

/* Styles for amount on card */
table.paymenttable td.amountpaymentcomplete, table.paymenttable td.amountremaintopay, table.paymenttable td.amountremaintopayback {
	padding-top: 0px;
	padding-bottom: 0px;
}
.amountalreadypaid {
}
.amountpaymentcomplete {
	color: var(--amountpaymentcomplete);
	font-weight: bold;
	font-size: 1.7em;
}
.amountremaintopay {
	color: var(--amountremaintopaycolor);
	font-weight: bold;
	font-size: 1.7em;
}
.amountremaintopayback {
	color: var(--amountremaintopaybackcolor);
	font-weight: bold;
	font-size: 1.7em;
}
.amountpaymentneutral {
	font-weight: bold;
	font-size: 1.7em;
}

.onlinepaymentbody .amountpaymentcomplete {
	background-color: var(--amountpaymentcomplete);
	color: #fff;
	padding: 5px;
	border-radius: 5px;
}

.savingdocmask {
	margin-top: 6px;
	margin-bottom: 12px;
}
#builddoc_form ~ .showlinkedobjectblock {
	margin-top: 20px;
}

/* For the long description of module */
.moduledesclong p img, .moduledesclong p a img {
	max-width: 90% !important;
	height: auto !important;
}
.imgdoc {
	margin: 18px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 25px #aaa;
	max-width: calc(100% - 56px);
}
.fa-file-text-o, .fa-file-code-o, .fa-file-powerpoint-o, .fa-file-excel-o, .fa-file-word-o, .fa-file-o, .fa-file-image-o, .fa-file-video-o, .fa-file-audio-o, .fa-file-archive-o, .fa-file-pdf-o {
	color: #055;
}

.fa-15 {
	font-size: 1.5em;
}

/* DOL_XXX for future usage (when left menu has been removed). If we do not use datatable */
/*.table-responsive {
	width: calc(100% - 330px);
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}*/
/* Style used for most tables */
.div-table-responsive, .div-table-responsive-no-min {
	overflow-x: auto;
	min-height: 0.01%;
}
.div-table-responsive {
	line-height: 120%;
}
/* Style used for full page tables with field selector and no content after table (priority before previous for such tables) */
div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
	overflow-x: auto;
}
div.fiche>form>div.div-table-responsive {
	min-height: 392px;
}
div.fiche>div.tabBar>form>div.div-table-responsive {
	min-height: 392px;
}
div.fiche {
	/* text-align: justify; */
}

.flexcontainer {
		flex-flow: row wrap;
	justify-content: flex-start;
}
.thumbstat {
	min-width: 148px;
}
.thumbstat150 {
	min-width: 168px;
	max-width: 169px;
	/* width: 168px; If I use with, there is trouble on size of flex boxes solved with min+max that is a little bit higer than min */
}
.thumbstat, .thumbstat150 {
	flex-grow: 1;
	flex-shrink: 0;
}

select.selectarrowonleft {
	direction: rtl;
}
select.selectarrowonleft option {
	direction: ltr;
}

table[summary="list_of_modules"] .fa-cog {
	font-size: 1.5em;
}

.linkedcol-element {
	min-width: 100px;
}
.linkedcol-amount {
	white-space: nowrap;
}

.img-skinthumb {
	width: 160px;
	height: 100px;
}

maxscreenheightless200 {
	max-height: 700px;	/* we guarantee height of 500 */
}
.maxscreenheightless300 {
	max-height: 700px;	/* we guarantee height of 500 */
}




/* ============================================================================== */
/* Styles to hide objects                                                         */
/* ============================================================================== */

.clearboth  { clear:both; }

.hideobject { display: none; }
.minwidth25  { min-width: 25px; }
.minwidth50  { min-width: 50px; }
.minwidth75  { min-width: 75px; }
/* rule for not too small screen only */
@media only screen and (min-width: 318px)
{
	.width20  { width: 20px; }
	.width25  { width: 25px; }
	.width50  { width: 50px; }
	.width75  { width: 75px; }
	.width100 { width: 100px; }
	.width200 { width: 200px; }
	.minwidth100 { min-width: 100px; }
	.minwidth150 { min-width: 150px; }
	.minwidth200 { min-width: 200px; }
	.minwidth300 { min-width: 300px; }
	.minwidth400 { min-width: 400px; }
	.minwidth500 { min-width: 500px; }
	.minwidth50imp  { min-width: 50px !important; }
	.minwidth75imp  { min-width: 75px !important; }
	.minwidth100imp { min-width: 100px !important; }
	.minwidth200imp { min-width: 200px !important; }
	.minwidth250imp { min-width: 250px !important; }
	.minwidth300imp { min-width: 300px !important; }
	.minwidth400imp { min-width: 400px !important; }
	.minwidth500imp { min-width: 500px !important; }
}
.widthauto { width: auto; }
.width20  { width: 20px; }
.width25  { width: 25px; }
.width40  { width: 40px; }
.width50  { width: 50px; }
.width75  { width: 75px; }
.width100 { width: 100px; }
.width125 { width: 125px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width300 { width: 300px; }
.width400 { width: 400px; }
.width500 { width: 500px; }
.maxwidth25  { max-width: 25px; }
.maxwidth40  { max-width: 40px; }
.maxwidth50  { max-width: 50px; }
.maxwidth75  { max-width: 75px; }
.maxwidthdate  { max-width: 80px; }
.maxwidth100 { max-width: 100px; }
.maxwidth125 { max-width: 125px; }
.maxwidth150 { max-width: 150px; }
.maxwidth200 { max-width: 200px; }
.maxwidth250 { max-width: 250px; }
.maxwidth300 { max-width: 300px; }
.maxwidth400 { max-width: 400px; }
.maxwidth500 { max-width: 500px; }
.maxwidth750 { max-width: 750px; }
.maxwidth1000 { max-width: 1000px; }
.maxwidth50imp  { max-width: 50px !important; }
.maxwidth75imp  { max-width: 75px !important; }

.minwidth100onall { min-width: 100px !important; }
.minwidth200onall { min-width: 200px !important; }
.minwidth250onall { min-width: 250px !important; }

.minheight20 { min-height: 20px; }
.minheight30 { min-height: 30px; }
.minheight40 { min-height: 40px; }
.titlefieldcreate { width: 20%; }
.titlefield       { /* width: 25%; */ min-width: 250px; width: 25%; }
.titlefieldmiddle { width: 45%; }
.titlefieldmax45 { max-width: 45%; }
.imgmaxwidth180 { max-width: 180px; }
.imgmaxheight50 { max-height: 50px; }

.width20p { width:20%; }
.width25p { width:25%; }
.width40p { width:40%; }
.width50p { width:50%; }
.width60p { width:60%; }
.width75p { width:75%; }
.width80p { width:80%; }
.width100p { width:100%; }


/* Force values for small screen 1400 */
@media only screen and (max-width: 1400px)
{
	.titlefield { /* width: 30% !important; */ }
	.titlefieldcreate { width: 30% !important; }
	.minwidth50imp  { min-width: 50px !important; }
	.minwidth75imp  { min-width: 75px !important; }
	.minwidth100imp { min-width: 100px !important; }
	.minwidth125imp { min-width: 125px !important; }
	.minwidth150imp { min-width: 150px !important; }
	.minwidth200imp { min-width: 200px !important; }
	.minwidth250imp { min-width: 250px !important; }
	.minwidth300imp { min-width: 300px !important; }
	.minwidth400imp { min-width: 300px !important; }
	.minwidth500imp { min-width: 300px !important; }

	.linkedcol-element {
		min-width: unset;
	}
}

/* Force values for small screen 1000 */
@media only screen and (max-width: 1000px)
{
	.maxwidthonsmartphone { max-width: 100px; }
	.minwidth50imp  { min-width: 50px !important; }
	.minwidth75imp  { min-width: 75px !important; }
	.minwidth100imp { min-width: 100px !important; }
	.minwidth125imp { min-width: 125px !important; }
	.minwidth150imp { min-width: 110px !important; }
	.minwidth200imp { min-width: 110px !important; }
	.minwidth250imp { min-width: 115px !important; }
	.minwidth300imp { min-width: 120px !important; }
	.minwidth400imp { min-width: 150px !important; }
	.minwidth500imp { min-width: 250px !important; }
}

select.widthcentpercentminusx, span.widthcentpercentminusx:not(.select2-selection), input.widthcentpercentminusx {
	width: calc(100% - 52px) !important;
	display: inline-block;
}
select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection), input.widthcentpercentminusxx {
	width: calc(100% - 70px) !important;
	display: inline-block;
}

/* Force values for small screen 767 */
@media only screen and (max-width: 767px)
{
	div.refidno {
		font-size: 0.92em !important;
	}
	.divadvancedsearchfield {
		padding-left: 5px;
		padding-right: 5px;
	}

	div.divphotoref {
		padding-right: 10px !important;
	}

	.hideonsmartphone { display: none; }
	.hideonsmartphoneimp { display: none !important; }

	span.pictotitle {
		margin-left: 0 !important;
	}
	div.fiche>table.table-fiche-title {
		margin-top: 7px !important;
		margin-bottom: 15px !important;
	}

	select.minwidth100imp, select.minwidth100, select.minwidth200, select.minwidth200imp, select.minwidth300 {
		width: calc(100% - 40px) !important;
		min-width: 100px;
		display: inline-block;
	}
	select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection), input.widthcentpercentminusxx {
		width: calc(100% - 70px) !important;
		display: inline-block;
	}

	input.maxwidthinputfileonsmartphone {
		width: 175px;
	}

	input.buttonpayment, button.buttonpayment, div.buttonpayment {
		min-width: 270px;
	}

	.smallonsmartphone {
		font-size: 0.8em;
	}
}

/* Force values for small screen 570 */
@media only screen and (max-width: 570px)
{
	.box-flex-item {
		margin: 3px 2px 3px 2px !important;
	}
	div.refidno {
		font-size: 0.92em !important;
	}

	div#login_left, div#login_right {
		min-width: 150px !important;
		max-width: 200px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	div.login_block {
		height: 64px !important;
	}

	.divmainbodylarge { margin-left: 10px !important; margin-right: 10px !important; }

	.tdoverflowonsmartphone {
		max-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.tdoverflowmax100onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
		max-width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.tdoverflowmax150onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
		max-width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.border tbody tr, .border tbody tr td, div.tabBar table.border tr, div.tabBar table.border tr td, div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col {
		height: 40px !important;
	}

	div.tabs div.tab a.tab  {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.quatrevingtpercent, .inputsearch {
		width: 95%;
	}

	select {
		padding-top: 4px;
		padding-bottom: 5px;
	}

	.login_table .tdinputlogin {
		min-width: unset !important;
	}
	input, input[type=text], input[type=password], select, textarea     {
		min-width: 20px;
	}
	.trinputlogin input[type=text], input[type=password] {
		max-width: 140px;
	}
	.vmenu .searchform input {
		max-width: 138px;	/* length of input text in the quick search box when using a smartphone and without dolidroid */
	}

	.noenlargeonsmartphone { width : 50px !important; display: inline !important; }
	.maxwidthonsmartphone, #search_newcompany.ui-autocomplete-input { max-width: 100px; }
	.maxwidth50onsmartphone { max-width: 40px; }
	.maxwidth75onsmartphone { max-width: 50px; }
	.maxwidth100onsmartphone { max-width: 70px; }
	.maxwidth125onsmartphone { max-width: 100px; }
	.maxwidth150onsmartphone { max-width: 120px; }
	.maxwidth150onsmartphoneimp { max-width: 120px !important; }
	.maxwidth200onsmartphone { max-width: 200px; }
	.maxwidth250onsmartphone { max-width: 250px; }
	.maxwidth300onsmartphone { max-width: 300px; }
	.maxwidth400onsmartphone { max-width: 400px; }
	.minwidth50imp  { min-width: 50px !important; }
	.minwidth75imp  { min-width: 75px !important; }
	.minwidth100imp { min-width: 100px !important; }
	.minwidth125imp { min-width: 125px !important; }
	.minwidth150imp { min-width: 110px !important; }
	.minwidth200imp { min-width: 110px !important; }
	.minwidth250imp { min-width: 115px !important; }
	.minwidth300imp { min-width: 120px !important; }
	.minwidth400imp { min-width: 150px !important; }
	.minwidth500imp { min-width: 250px !important; }
	.titlefield { width: auto; min-width: unset; }
	.titlefieldcreate { width: auto; }

	#tooltip {
		position: absolute;
		width: 300px;
	}

	/* intput, input[type=text], */
	select {
		width: 98%;
		min-width: 40px;
	}

	div.divphotoref {
		padding-right: 5px;
		padding-bottom: 5px;
	}
	img.photoref, div.photoref {
		border: 1px solid rgba(0, 0, 0, 0.2);
		box-shadow: none;
		-webkit-box-shadow: none;
		padding: 4px;
		height: 20px;
		width: 20px;
		object-fit: contain;
	}

	div.statusref {
		padding-right: 10px;
		max-width: 55%;
	   }
	div.statusref img {
		padding-right: 3px !important;
	   }
	div.statusrefbis {
		padding-right: 3px !important;
	   }
	/* TODO
	div.statusref {
		padding-top: 0px !important;
		padding-left: 0px !important;
		border: none !important;
	   }
	*/

	input.buttonpayment {
		min-width: 300px;
	}
}
.linkobject { cursor: pointer; }

table.tableforfield tr:not(.liste_titre)>td:first-of-type, tr.trforfield:not(.liste_titre)>td:first-of-type, div.tableforfield div.tagtr:not(.liste_titre)>div.tagtd:first-of-type {
	color: var(--tableforfieldcolor);
}



/* ============================================================================== */
/* Styles for dragging lines                                                      */
/* ============================================================================== */

.dragClass {
	color: #002255;
}
td.showDragHandle {
	cursor: move;
}
.tdlineupdown {
	white-space: nowrap;
	min-width: 10px;
}


/* ============================================================================== */
/* Styles de positionnement des zones                                             */
/* ============================================================================== */

#id-container {
	display: table;					/* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
	table-layout: fixed;
}
#id-right, #id-left {
	display: table-cell;			/* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
	float: none;
	vertical-align: top;
}
#id-left {
	padding-top: 20px;
	padding-bottom: 5px;
	}
#id-right {	/* This must stay id-right and not be replaced with echo $right */
	padding-top: 14px;
	width: 100%;
	background: var(--colorbackbody);
	padding-bottom: 20px;
}
.bodyforlist #id-right {
	padding-bottom: 4px;
}

/* DOL_XXX For having horizontal scroll into array (like with smartphone) */

.classforhorizontalscrolloftabs #id-container {
	width: 100%;
}
.classforhorizontalscrolloftabs .side-nav {
	display: block;
	float: left;
}
.classforhorizontalscrolloftabs #id-right {
	width: calc(100% - 210px);
	display: inline-block;
}

/*
.classforhorizontalscrolloftabs  .fiche .div-table-responsive
{
	transform:rotateX(180deg);
	-ms-transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);
}
.classforhorizontalscrolloftabs  .fiche .div-table-responsive-inside
{
	transform:rotateX(180deg);
	-ms-transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);
}
*/


.side-nav-vert {
	position: sticky;
	top: 0px;
	z-index: 1005;
}

.side-nav {
	/*display: block;
	float: left; */
	display: table-cell;
	border-right: 1px solid #E0E0E0;
	box-shadow: 3px 0 6px -2px #eee;
	background: var(--colorbackvmenu1);
	transition: left 0.5s ease;
}

.side-nav, .login_block {
	transition: left 0.5s ease;
}

div.blockvmenulogo
{
	border-bottom: 0 !important;
}
.menulogocontainer {
	margin: 6px;
	margin-left: 11px;
	margin-right: 9px;
	padding: 0;
	height: 35px;
	/* width: 100px; */
	max-width: 100px;
	vertical-align: middle;
}
.backgroundforcompanylogo {
	background-color: rgba(255,255,255,0.2);
	border-radius: 4px;
}
.menulogocontainer img.mycompany {
	object-fit: contain;
	width: inherit;
	height: inherit;
	image-rendering: -webkit-optimize-contrast;
}
#mainmenutd_companylogo::after, #mainmenutd_menu::after {
	content: unset !important;
}
li#mainmenutd_companylogo .tmenucenter {
	width: unset;
}
li#mainmenutd_companylogo {
	min-width: unset !important;
}

div.blockvmenupair, div.blockvmenuimpair {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #e0e0e0;
	padding-left: 0 !important;
}
div.blockvmenuend, div.blockvmenubookmarks {
	border: none !important;
	padding-left: 0 !important;
}
div.vmenu, td.vmenu {
	padding-right: 10px !important;
}
.blockvmenu .menu_titre {
	margin-top: 4px;
	margin-bottom: 1px;
}

/* Try responsive even not on smartphone
#id-container {
	width: 100%;
}
#id-right {
	width: calc(100% - 200px) !important;
}
*/


.menuhider { display: none !important; }


/* rule to reduce top menu - 3rd reduction: The menu for user is on left */
@media only screen and (max-width: 318px)	/* reduction 3 */
{
	/* no side-nav */
	body.sidebar-collapse .side-nav {
		display: none;
	}

	/* if no side-nav, we don't need to have width forced to calc(100% - 210px); */
	.classforhorizontalscrolloftabs #id-right {
		width: 100%;
		/* width: unset; */
		/* display: unset; */
	}

	body.sidebar-collapse .login_block {
		display: none;
	}

	.menuhider { display: block !important; }
	.dropdown-user-image { display: none; }
	.user-header { height: auto !important; color: var(--colorbackbody); }

	#id-container {
		width: 100%;
	}
	.side-nav {
		border-bottom: 1px solid #BBB;
		background: #FFF;
		padding-left: 20px;
		padding-right: 20px;
		position: absolute;
			z-index: 90;
	}
	div.blockvmenulogo
	{
		border-bottom: 0 !important;
	}
	div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend {
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid #e0e0e0;
		padding-left: 0 !important;
	}
	div.vmenu, td.vmenu {
		padding-right: 6px !important;
	}
	div.fiche {
		margin-left: 9px !important;
		margin-right: 10px !important;
	}

	.pagination .fa-chevron-left, .pagination .fa-chevron-right {
		font-size: 1.2em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 318px)	/* reduction 3 */
{
	div.fiche {
		margin-left: 13px !important;
		margin-right: 14px !important;
	}
}


div.fiche {
	margin-left: 40px;
	margin-right: 36px;
		}
body.onlinepaymentbody div.fiche {	/* For online payment page */
	margin: 20px !important;
}
div.fiche>table:first-child {
	margin-bottom: 15px;
}
div.fiche>table.table-fiche-title {
	margin-bottom: 12px;
}
div.fichecenter {
	width: 100%;
	clear: both;	/* This is to have div fichecenter that are true rectangles */
}
div.fichecenterbis {
	margin-top: 8px;
}
div.fichethirdleft {
	float: left;
	width: calc(50% - 14px);
	}
div.fichetwothirdright {
	float: right;
	width: calc(50% - 14px);
	}
div.fichehalfleft {
	float: left;
	width: calc(50% - 14px);
}
div.fichehalfright {
	float: right;
	width: calc(50% - 14px);
}
div.fichehalfright {
	}

/*div.firstcolumn div.box {
	padding-right: 10px;
}
div.secondcolumn div.box {
	padding-left: 10px;
}*/


/* Force values on one colum for small screen */
@media only screen and (max-width: 1000px)
{
	div.fiche {
		margin-left: 20px;
		margin-right: 6px;
	}
	div.fichecenter {
		width: 100%;
		clear: both;	/* This is to have div fichecenter that are true rectangles */
	}
	div.fichecenterbis {
		margin-top: 8px;
	}
	div.fichethirdleft {
		float: none;
		width: auto;
		padding-bottom: 6px;
	}
	div.fichetwothirdright {
		float: none;
		width: auto;
		padding-bottom: 6px;
	}
	div.fichehalfleft {
		float: none;
		width: auto;
	}
	div.fichehalfright {
		float: none;
		width: auto;
	}
	div.fichehalfright {
		margin-top: 10px;
	}
	div.firstcolumn div.box {
		padding-right: 0px;
	}
	div.secondcolumn div.box {
		padding-left: 0px;
	}
}

/* Force values on one colum for small screen */
@media only screen and (max-width: 1599px)
{
	div.fichehalfleft-lg {
		float: none;
		width: auto;
	}
	div.fichehalfright-lg {
		float: none;
		width: auto;
	}

	.fichehalfright-lg .fichehalfright {
		padding-left:0;
	}
}

/* For table into table into card */
div.fichehalfright tr.liste_titre:first-child td table.nobordernopadding td {
	padding: 0 0 0 0;
}
div.nopadding {
	padding: 0 !important;
}

.containercenter {
	display : table;
	margin : 0px auto;
}

td.nobordernopadding.widthpictotitle.col-picto {
	color: #bbb;
	opacity: 0.85;
}
.table-list-of-attached-files .col-picto, .table-list-of-links .col-picto {
	opacity: 0.7 !important;
	font-size: 0.7em;
	width: 20px;
}
.table-list-of-attached-files .col-picto .widthpictotitle, .table-list-of-links .col-picto .widthpictotitle {
	width: unset;
	color: #999;
}

/*
span.widthpictotitle.pictotitle {
	background: var(--colortexttitlenotab);
	opacity: 0.8;
	color: #fff !important;
	padding: 7px;
	border-radius: 2px;
	min-width: 30px;
	text-align: center;
}
*/
.pictotitle {
	margin-right: 8px;
	/* margin-bottom: 4px; */
}

.pictoobjectwidth {
	width: 14px;
}
.pictosubstatus {
	padding-left: 2px;
	padding-right: 2px;
}
.pictostatus {
	width: 15px;
	vertical-align: middle;
	margin-top: -3px
}
.pictowarning, .pictoerror, .pictopreview, .pictonopreview, .picto.error {
	padding-left: 3px;
}
.pictowarning {
	/* vertical-align: text-bottom; */
	color: #bc9526;
}
.pictoerror {
	color: #af4705;
}
.pictomodule {
	width: 14px;
}
.pictomodule {
	width: 14px;
}
.fiche .arearef img.pictoedit, .fiche .arearef span.pictoedit,
.fiche .fichecenter img.pictoedit, .fiche .fichecenter span.pictoedit,
.tagtdnote span.pictoedit {
	opacity: 0.4;
}
.pictofixedwidth {
	text-align: left;
	width: 20px;
	/* padding-right: 0; */
}

.colorthumb {
	padding-left: 1px !important;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 50px;
	text-align:center;
}
div.attacharea {
	padding-top: 18px;
	padding-bottom: 10px;
}
div.attachareaformuserfileecm {
	padding-top: 0;
	padding-bottom: 6px;
}

div.arearef {
	padding-top: 2px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
div.arearefnobottom {
	padding-top: 2px;
	padding-bottom: 4px;
}
div.heightref {
	min-height: 80px;
}
div.divphotoref:last-child {
	padding-right: 30px;
}
div.paginationref {
	padding-bottom: 10px;
}
/* TODO
div.statusref {
	   padding: 10px;
	   border: 1px solid #bbb;
	   border-radius: 6px;
} */
div.statusref {
	float: right;
	padding-left: 12px;
	margin-top: 8px;
	margin-bottom: 10px;
	clear: both;
	text-align: right;
}
div.statusref img {
	padding-left: 8px;
	   padding-right: 9px;
	   vertical-align: text-bottom;
	   width: 18px;
}
div.statusrefbis {
	padding-left: 8px;
	   padding-right: 9px;
	   vertical-align: text-bottom;
}
img.photoref, div.photoref {
	/* border: 1px solid #DDD; */
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
	padding: 4px;
	height: 80px;
	width: 80px;
	object-fit: contain;
}
img.photokanban, div.photokanban {
	padding: 0;
	border: none;
	box-shadow: none;
	vertical-align: middle;
}
div.photoref .fa, div.photoref .fas, div.photoref .far {
	font-size: 2.5em;
}
img.fitcontain {
	object-fit: contain;
}
div.photoref {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.difforspanimgright {
	display: table-cell;
	padding-right: 10px;
}
img.photorefnoborder {
	padding: 2px;
	height: 48px;
	width: 48px;
	object-fit: contain;
	border: 1px solid #AAA;
	border-radius: 100px;
}
.underrefbanner {
}
.underbanner {
	border-bottom: 1px solid var(--colortopbordertitle1);
	/* border-bottom: 2px solid var(--colorbackhmenu1); */
}
.trextrafieldseparator td, .trextrafields_collapse_last td {
	/* border-bottom: 2px solid var(--colorbackhmenu1) !important; */
	/* border-bottom: 2px solid var(--colortopbordertitle1) !important; */
}

.tdhrthin {
	margin: 0;
	padding-bottom: 0 !important;
}

/* ============================================================================== */
/* Menu top et 1ere ligne tableau                                                 */
/* ============================================================================== */

#id-top {
	background: var(--colorbackhmenu1);
	/* background-image: linear-gradient(-45deg, #0d96db, var(--colorbackhmenu1)); */
	/* box-shadow: 0px 0px 5px #eee; */
}

div#tmenu_tooltip {
	padding-right: 170px;

  -webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome and Opera */


}

div.topmenuimage {
}

div.tmenudiv {
	position: relative;
	display: block;
	white-space: nowrap;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 0px 0px 0px 0px;	/* t r b l */
	margin: 0px 0px 0px 0px;	/* t r b l */
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
div.tmenudisabled, a.tmenudisabled {
	opacity: 0.6;
}
a.tmenu, a.tmenusel, a.tmenudisabled {
	/* font-weight: 300; */
}
a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudisabled:active {
	padding: 0px 5px 0px 5px;
	white-space: nowrap;
	color: var(--colortextbackhmenu);
	text-decoration: none;
	cursor: not-allowed;
}
span.mainmenuaspan.tmenudisabled {
	color: var(--colortextbackhmenu);
	opacity: 0.5;
	cursor: not-allowed;
}

a.disabled {
	color: #aaa;
	text-decoration: none !important;
	cursor: default;
}

a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	color: var(--colortextbackhmenu);
	text-decoration: none;
}
a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	color: var(--colortextbackhmenu);
	text-decoration: none !important;
}


ul.tmenu {	/* t r b l */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	display: table;
}
ul.tmenu li {	/* We need this to have background color when menu entry wraps on new lines */
}
li.tmenu, li.tmenusel {
	min-width: 66px;	text-align: center;
	vertical-align: bottom;
		float: left;
		position:relative;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight: normal;
}
li.menuhider:hover {
	background-image: none !important;
}

li.tmenusel::after, li.tmenu:hover::after{
	content: "";
	position:absolute;
	bottom:0px;
	left: 50%;
	left: calc(50% - 6px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 6px 5px 6px;
	border-color:  transparent transparent #ffffff transparent;
}

.tmenuend .tmenuleft { width: 0px; }
.tmenuend { display: none; }
div.tmenuleft
{
	float: left;
	margin-top: 0px;
		width: 5px;
			height: 50px;
	}
div.tmenucenter
{
	padding-left: 2px;
	padding-right: 2px;
		padding-top: 2px;
	height: 50px;
		/* width: 100%; */
}
#menu_titre_logo {
	padding-top: 0;
	padding-bottom: 0;
}
div.menu_titre {
	padding-top: 4px;
	padding-bottom: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 188px;				/* required to have overflow working. must be same than menu_contenu */
}
.mainmenuaspan
{
	padding-left: 2px;
	padding-right: 2px;
	font-family: Roboto,arial,tahoma,verdana,helvetica;
	font-weight: 400;
}

div.mainmenu {
	position : relative;
	background-repeat:no-repeat;
	background-position:center top;
	height: 28px;
	margin-left: 0px;
	min-width: 40px;
}

a.tmenuimage:focus, .mainmenu.topmenuimage:focus {
	outline: none;
}
button.ui-button.ui-corner-all.ui-widget:focus {
	outline: none;
}

/* For mainmenu, we always load the img */

div.mainmenu.menu {
	top: 10px}
#mainmenutd_menu a.tmenuimage {
	display: unset;
}
a.tmenuimage {
	display: block;
}

a.tmenuimage:hover{
	text-decoration: none;
}


/* To show text of top menu on hover only (THEME_TOPMENU_DISABLE_IMAGE == 2) */




/* Do not load menu img for other if hidden to save bandwidth */

	/* <style type="text/css" > */

/* =========================================================
   SULTANI - TOP MENU ICONS
   Refonte des icônes des modules du haut
   ========================================================= */

.mainmenu::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 28px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	text-decoration: none;
	color: var(--colortextbackhmenu);
	opacity: 0.98;
}

/* on retire l'ancien fond */
div.mainmenu.menu {
	background-image: none;
}

/* icône fallback */
div.mainmenu.menu::before {
	content: "\f0c9"; /* bars */
}

/* ===== MODULES PRINCIPAUX ===== */

div.mainmenu.home::before{
	content: "\f015"; /* home */
}

div.mainmenu.billing::before {
	content: "\f571"; /* file-invoice-dollar */
}

div.mainmenu.accountancy::before {
	content: "\f1ec"; /* calculator */
	font-size: 1.05em;
}

div.mainmenu.agenda::before {
	content: "\f073"; /* calendar-alt */
}

div.mainmenu.bank::before {
	content: "\f19c"; /* university */
}

/* ===== CAISSE / POS ===== */
div.mainmenu.cashdesk::before {
	content: "\f788"; /* cash-register */
}

div.mainmenu.takepos::before {
	content: "\f788"; /* cash-register */
}

/* ===== TIERS / CLIENTS ===== */
div.mainmenu.companies::before {
	content: "\f0c0"; /* users */
}

div.mainmenu.commercial::before {
	content: "\f0a1"; /* bullhorn */
}

/* ===== GED / DOCUMENTS ===== */
div.mainmenu.ecm::before {
	content: "\f07c"; /* folder-open */
}

/* ===== CONNECTEURS / WEB ===== */
div.mainmenu.externalsite::before {
	content: "\f0ac"; /* globe */
}

div.mainmenu.ftp::before {
	content: "\f382"; /* cloud-upload-alt */
}

/* ===== RH ===== */
div.mainmenu.hrm::before {
	content: "\f508"; /* user-tie */
}

/* ===== MEMBRES ===== */
div.mainmenu.members::before {
	content: "\f2bb"; /* address-card */
}

/* ===== PRODUITS / SERVICES ===== */
div.mainmenu.products::before {
	content: "\f49e"; /* box-open */
}

/* ===== PRODUCTION ===== */
div.mainmenu.mrp::before {
	content: "\f085"; /* cogs */
}

/* ===== PROJETS ===== */
div.mainmenu.project::before {
	content: "\f542"; /* project-diagram */
}

/* ===== SUPPORT ===== */
div.mainmenu.ticket::before {
	content: "\f1cd"; /* life-ring */
}

/* ===== OUTILS / REPORTING ===== */
div.mainmenu.tools::before {
	content: "\f080"; /* chart-bar */
}

/* ===== HÉBERGEMENT / SITE / PORTAIL ===== */
div.mainmenu.website::before {
	content: "\f594"; /* hotel */
}

/* ===== MODULES GÉNÉRIQUES ===== */
div.mainmenu.generic1::before {
	content: "\f03d"; /* video */
}

div.mainmenu.generic2::before {
	content: "\f201"; /* chart-line */
}

div.mainmenu.generic3::before {
	content: "\f274"; /* calendar-check */
}

div.mainmenu.generic4::before {
	content: "\f236"; /* bed */
}

/* =========================================================
   Couleurs globales de quelques pictos
   ========================================================= */

.fa-phone, .fa-mobile-alt, .fa-fax {
	opacity: 0.7;
	color: #5b4b20;
}

.fa-at, .fa-external-link-alt, .fa-share-alt {
	opacity: 0.7;
	color: #4b3a66;
}

.fa-trash {
	color: #666;
}

.fa-trash:hover:before {
	color: #800;
}

.fa-play {
	color: #444;
}

.fa-link, .fa-unlink {
	color: #555;
}

/* =========================================================
   Logo Dolibarr CSS - laissé intact
   ========================================================= */

.fa-dolibarr-css{
	color: #235481;
	background: currentColor;
	height: 150px;
	width: 150px;
	position: relative;
}

.fa-dolibarr-css:before{
	content: '';
	position: absolute;
	left: 19%;
	top: 17%;
	width: 25%;
	height: 25%;
	border: solid 30px white;
	border-radius: 0% 200% 200% 0% / 0% 180% 180% 0%;
}

.fa-dolibarr-css:after{
	content: '';
	position: absolute;
	left: 19%;
	top: 17%;
	width: 5px;
	height: 25%;
	border-bottom: solid 60px currentColor;
	margin-left: 30px;
}

/* utilitaires */
.em092 {
	font-size: 0.92em;
}

.em088 {
	font-size: 0.88em;
}

.em080 {
	font-size: 0.80em;
}
	div.mainmenu.multicompany {
	background-image: url(/progiciel/htdocs/custom/multicompany/img/multicompany.png);
 background-position-y: 3px;
 filter: saturate(0);
}
div.mainmenu.quicknotes {
	background-image: url(/progiciel/htdocs/custom/quicknotes/img/quicknotes.png);
 background-position-y: 3px;
 filter: saturate(0);
}
/* A mainmenu entry was found but img file resource.png not found (check /resource/img/resource.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.resource::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file chat.png not found (check /chat/img/chat.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.chat::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file advancedpos.png not found (check /advancedpos/img/advancedpos.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.advancedpos::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file loan.png not found (check /loan/img/loan.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.loan::before {
                    content: "\f249";
                }
div.mainmenu.convertprice {
	background-image: url(/progiciel/htdocs/custom/convertprice/img/convertprice.png);
 background-position-y: 3px;
 filter: saturate(0);
}
div.mainmenu.bookinghotel {
	background-image: url(/progiciel/htdocs/custom/bookinghotel/img/bookinghotel.png);
 background-position-y: 3px;
 filter: saturate(0);
}
/* A mainmenu entry was found but img file stanydashboard.png not found (check /stanydashboard/img/stanydashboard.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.stanydashboard::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file titanaudit.png not found (check /titanaudit/img/titanaudit.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.titanaudit::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file printjs.png not found (check /printjs/img/printjs.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.printjs::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file numberwords.png not found (check /numberwords/img/numberwords.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.numberwords::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file titanui.png not found (check /titanui/img/titanui.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.titanui::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file printing.png not found (check /printing/img/printing.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.printing::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file receiptprinter.png not found (check /receiptprinter/img/receiptprinter.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.receiptprinter::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file loyaltypoints.png not found (check /loyaltypoints/img/loyaltypoints.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.loyaltypoints::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file blockedlog.png not found (check /blockedlog/img/blockedlog.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.blockedlog::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file salesnow.png not found (check /salesnow/img/salesnow.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.salesnow::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file titangrh.png not found (check /titangrh/img/titangrh.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.titangrh::before {
                    content: "\f249";
                }
/* A mainmenu entry was found but img file stancompta.png not found (check /stancompta/img/stancompta.png), so we use a generic one. */
/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */
div.mainmenu.stancompta::before {
                    content: "\f249";
                }

.tmenuimage {
	padding:0 0 0 0 !important;
	margin:0 0px 0 0 !important;
	}



/* Login */

.bodylogin
{
	background: #f0f0f0;
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
	font-size: 1em;
}
.login_center {
	display: table-cell;
	vertical-align: middle;
}
.login_vertical_align {
	padding: 10px;
	padding-bottom: 80px;
}
form#login {
	padding-bottom: 30px;
	font-size: 14px;
	vertical-align: middle;
}
.login_table_title {
	max-width: 530px;
	color: #eee !important;
	padding-bottom: 20px;
	text-shadow: 1px 1px #444;
}
.login_table label {
	text-shadow: 1px 1px 1px #FFF;
}
.login_table {
	margin: 0px auto;  /* Center */
	padding-left:6px;
	padding-right:6px;
	padding-top:16px;
	padding-bottom:12px;
	max-width: 560px;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
	box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);

	border-radius: 5px;
	/*border-top:solid 1px rgba(180,180,180,.4);
	border-left:solid 1px rgba(180,180,180,.4);
	border-right:solid 1px rgba(180,180,180,.4);
	border-bottom:solid 1px rgba(180,180,180,.4);*/
}
.login_table input#username, .login_table input#password, .login_table input#securitycode {
	border: none;
	border-bottom: solid 1px rgba(180,180,180,.4);
	padding: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.login_table input#username:focus, .login_table input#password:focus, .login_table input#securitycode:focus {
	outline: none !important;
}
.login_table .trinputlogin {
	font-size: 1.2em;
	margin: 8px;
}
.login_table .tdinputlogin {
	background-color: transparent;
	/* border: 2px solid #ccc; */
	min-width: 220px;
	border-radius: 2px;
}
.login_table .tdinputlogin .fa {
	padding-left: 10px;
	width: 14px;
}
.login_table .tdinputlogin input#username, .login_table .tdinputlogin input#password {
	font-size: 1em;
}
.login_table .tdinputlogin input#securitycode {
	font-size: 1em;
}
.login_main_home {
	word-break: break-word;
}
.login_main_message {
	text-align: center;
	max-width: 570px;
	margin-bottom: 22px;
}
.login_main_message .error {
	/* border: 1px solid #caa; */
	padding: 10px;
}
div#login_left, div#login_right {
	display: inline-block;
	min-width: 245px;
	padding-top: 10px;
	padding-left: 16px;
	padding-right: 16px;
	text-align: center;
	vertical-align: middle;
}
div#login_right select#entity {
	margin-top: 10px;
}
table.login_table tr td table.none tr td {
	padding: 2px;
}
table.login_table_securitycode {
	border-spacing: 0px;
}
table.login_table_securitycode tr td {
	padding-left: 0px;
	padding-right: 4px;
}
#securitycode {
	min-width: 60px;
}
#img_securitycode {
	border: 1px solid #DDDDDD;
}
#img_logo, .img_logo {
	max-width: 170px;
	max-height: 90px;
}

div.backgroundsemitransparent {
	background:rgba(255, 255, 255, 0.7);
	padding-left: 10px;
	padding-right: 10px;
}
div.login_block {
	position: absolute;
	text-align: right;
	right: 0;
	top: 0;
	line-height: 10px;
		}
div.login_block a {
	color: var(--colortextbackhmenu);
	display: inline-block;
}
div.login_block span.aversion {
	color: var(--colortextbackhmenu);
	filter: contrast(0.7);
}
div.login_block table {
	display: inline;
}
div.login {
	white-space:nowrap;
	font-weight: bold;
	float: right;
}
div.login a {
	color: var(--colortextbackvmenu);
}
div.login a:hover {
	color: var(--colortextbackvmenu);
	text-decoration:underline;
}
.login_block_elem a span.atoplogin, .login_block_elem span.atoplogin {
	vertical-align: middle;
}
div.login_block_user {
	display: inline-block;
	vertical-align: middle;
	line-height: 52px;
	height: 52px;
}
div.login_block_other {
	display: inline-block;
	vertical-align: middle;
	clear: both;
	padding-top: 0;
	text-align: right;
	margin-right: 8px;
	max-width: 200px;
}

.login_block_elem {
	float: right;
	vertical-align: top;
	padding: 0px 3px 0px 4px !important;
}
.login_block_other .login_block_elem {
	line-height: 25px;
	height: 25px;
}
.atoplogin, .atoplogin:hover {
	color: var(--colortextbackhmenu) !important;
}
.login_block_getinfo {
	text-align: center;
}
.login_block_getinfo div.login_block_user {
	display: block;
}
.login_block_getinfo .atoplogin, .login_block_getinfo .atoplogin:hover {
	color: #333 !important;
	font-weight: normal !important;
}
.alogin, .alogin:hover {
	font-weight: normal !important;
	padding-top: 2px;
}
.alogin:hover, .atoplogin:hover {
	text-decoration:underline !important;
}
span.fa.atoplogin, span.fa.atoplogin:hover {
	font-size: 16px;
	text-decoration: none !important;
}
.atoplogin #dropdown-icon-down, .atoplogin #dropdown-icon-up {
	font-size: 0.7em;
}
img.login, img.printer, img.entity {
	/* padding: 0px 0px 0px 4px; */
	/* margin: 0px 0px 0px 8px; */
	text-decoration: none;
	color: white;
	font-weight: bold;
}
.userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto {		/* size for user photo in login bar */
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-size: contain;
	border: 1px solid;
	border-color: rgba(255, 255, 255, 0.2);
}
img.userphoto {			/* size for user photo in lists */
	border-radius: 0.72em;
	width: 1.4em;
	height: 1.4em;
	background-size: contain;
	vertical-align: middle;
}
img.userphotosmall {			/* size for user photo in lists */
	border-radius: 0.6em;
	width: 1.2em;
	height: 1.2em;
	background-size: contain;
	vertical-align: middle;
	background-color: #FFF;
}
img.userphoto[alt="Gravatar avatar"], img.photouserphoto.dropdown-user-image[alt="Gravatar avatar"] {
	background: #fff;
}
form[name="addtime"] img.userphoto {
	border: 1px solid #444;
}
.span-icon-user {
	background-image: url(/progiciel/htdocs/theme/eldy/img/object_user.png);
	background-repeat: no-repeat;
}
.span-icon-password {
	background-image: url(/progiciel/htdocs/theme/eldy/img/lock.png);
	background-repeat: no-repeat;
}

/* ============================================================================== */
/* Menu gauche                                                                    */
/* ============================================================================== */

div.vmenu, td.vmenu {
	margin-right: 2px;
	position: relative;
	float: left;
	padding: 0px;
	padding-bottom: 0px;
	padding-top: 1px;
	width: 190px;
}

.vmenu {
	width: 190px;
	margin-left: 6px;
	}

/* Force vmenusearchselectcombo with type=text differently than without because beautify with select2 affect vmenusearchselectcombo differently */
input.vmenusearchselectcombo[type=text] {
	width: 180px !important;
}
.vmenusearchselectcombo {
	width: 188px;
}

.menu_contenu {
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 188px;				/* required to have overflow working. must be same than .menu_titre */
}
#menu_contenu_logo { /* padding-top: 0; */ }
.companylogo { }
.searchform { padding-top: 10px; }
.searchform input { font-size: 16px; }


a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active, span.vmenu, span.vsmenu {
	white-space: nowrap; font-family: arial,tahoma,verdana,helvetica; text-align: left;
}
a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active,
span.vmenu, span.vmenu:link, span.vmenu:visited, span.vmenu:hover, span.vmenu:active { font-weight: bold;  }	/* bold = 600, 500 is ko with Edge on 1200x960 */
span.vmenudisabled, font.vmenudisabled  {
	/* bold = 600, 500 is ko with Edge on 1200x960 */
	font-family: arial,tahoma,verdana,helvetica; text-align: left; font-weight: bold; color: #aaa; margin-left: 4px; white-space: nowrap;
}
a.vmenu:link, a.vmenu:visited {
	color: var(--colortextbackvmenu);
}

a.vsmenu:link, a.vsmenu:visited, a.vsmenu:hover, a.vsmenu:active, span.vsmenu {
	font-family: arial,tahoma,verdana,helvetica;
	text-align: left;
	color: var(--colortextbackvmenu);
	margin: 1px 1px 1px 6px;
}
span.vsmenudisabled, font.vsmenudisabled {
	font-family: arial,tahoma,verdana,helvetica;
	text-align: left;
	color: #aaa;
	white-space: nowrap;
}
a.vsmenu:link, a.vsmenu:visited {
	color: var(--colortextbackvmenu);
	white-space: nowrap;
}
span.vsmenudisabledmargin, font.vsmenudisabledmargin { margin: 1px 1px 1px 6px; }
li a.vsmenudisabled, li.vsmenudisabled { color: #aaa !important; }

a.help:link, a.help:visited, a.help:hover, a.help:active, span.help {
	text-align: left; color: #aaa; text-decoration: none;
}
.helppresent, .helppresent:hover {
	/* color: #f3e4ac !important; */
}
.helppresentcircle {
	/*
	color: var(--colorbackhmenu1);
	filter: invert(0.5);
	*/
	color: var(--colortextbackhmenu);
	margin-left: -4px;
	display: inline-block;
	font-size: x-small;
	vertical-align: super;
	opacity: 0.95;
	transform: rotate(55deg);
}

.vmenu div.blockvmenufirst, .vmenu div.blockvmenulogo, .vmenu div.blockvmenusearchphone, .vmenu div.blockvmenubookmarks
{
	border-top: 1px solid #BBB;
}
a.vsmenu.addbookmarkpicto {
	padding-right: 10px;
}
div.blockvmenusearchphone
{
	border-bottom: none !important;
}
.vmenu div.blockvmenuend, .vmenu div.blockvmenulogo
{
	margin: 0 0 8px 2px;
}
.vmenu div.blockvmenusearch
{
	padding-bottom: 13px;
}
.vmenu div.blockvmenuend
{
	padding-bottom: 5px;
}
.vmenu div.blockvmenulogo
{
	padding-bottom: 10px;
	padding-top: 0;
}
div.blockvmenubookmarks
{
	padding-top: 10px !important;
	padding-bottom: 16px !important;
}
div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend
{
	font-family: arial,tahoma,verdana,helvetica;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 1px;
	padding-top: 4px;
	padding-bottom: 7px;
	margin: 0 0 0 2px;

	color: var(--colortext);
	background: var(--colorbackvmenu1);

	border-left: 1px solid #AAA;
	border-right: 1px solid #BBB;
}

div.blockvmenusearch
{
	font-family: arial,tahoma,verdana,helvetica;
	color: #000000;
	text-align: left;
	text-decoration: none;
	margin: 1px 0px 0px 2px;
	background: var(--colorbackvmenu1);
}

div.blockvmenusearch > form > div {
	padding-top: 3px;
}
div.blockvmenusearch > form > div > label {
	padding-right: 2px;
}

div.blockvmenuhelp
{
	font-family: arial,tahoma,verdana,helvetica;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 4px 0px 0px 0px;
}


td.barre {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #b3c5cc;
	font-family: arial,tahoma,verdana,helvetica;
	color: #000000;
	text-align: left;
	text-decoration: none;
}

td.barre_select {
	background: #b3c5cc;
	color: #000000;
}

td.photo {
	background: #F4F4F4;
	color: #000000;
	border: 1px solid #bbb;
}

/* ============================================================================== */
/* Panes for Main                                                   */
/* ============================================================================== */

/*
 *  PANES and CONTENT-DIVs
 */

#mainContent, #leftContent .ui-layout-pane {
	padding:    0px;
	overflow:	auto;
}

#mainContent, #leftContent .ui-layout-center {
	padding:    0px;
	position:   relative; /* contain floated or positioned elements */
	overflow:   auto;  /* add scrolling to content-div */
}


/* ============================================================================== */
/* Toolbar for ECM or Filemanager                                                 */
/* ============================================================================== */

td.ecmroot {
	padding-bottom: 0 !important;
}

.largebutton {
	/* border-top: 1px solid #CCC !important; */
	padding: 0px 4px 14px 4px !important;
	min-height: 32px;
}


a.toolbarbutton {
	margin-top: 0px;
	margin-left: 4px;
	margin-right: 4px;
	height: 30px;
}
img.toolbarbutton {
	margin-top: 1px;
	height: 30px;
}

li.expanded > a.fmdirlia.jqft.ecmjqft {
	font-weight: bold !important;
}

.divfmdirlia {
	width: calc(100% - 100px);
}

a.fmdirlia {
	white-space: break-spaces;
	word-break: break-all;
}


/* ============================================================================== */
/* Onglets                                                                        */
/* ============================================================================== */
div.tabs {
	text-align: left;
	margin-top: 10px;
	padding-left: 6px;
	padding-right: 6px;
	clear:both;
	height:100%;
}
div.tabsElem {
	margin-top: 1px;
}	/* To avoid overlap of tabs when not browser */
/*
div.tabsElem a.tabactive::before, div.tabsElem a.tabunactive::before {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	padding-right: 2px;
	font-weight: 900;
}
*/
div.tabBar {
	color: var(--colortextbacktab);
	padding-top: 16px;
	padding-left: 0px; padding-right: 0px;
	padding-bottom: 2px;
	margin: 0px 0px 16px 0px;
	border-top: 1px solid #BBB;
	/* border-bottom: 1px solid #AAA; */
	width: auto;
	background: var(--colorbacktabcard1);
}
div.tabBar tr.titre td {
	padding-top: 20px;
}
div.fiche table:not(.table-fiche-title) tr.titre td {
	padding-top: 10px;
}

div.tabBar.tabBarNoTop {
	padding-top: 0;
	border-top: 0;
}

/* tabBar used for creation/update/send forms */
div.tabBarWithBottom {
	padding-bottom: 18px;
	border-bottom: 1px solid #bbb;
}
div.tabBarWithBottom tr {
	background: unset !important;
}
div.tabBarWithBottom table.border>tbody>tr:last-of-type>td {
	border-bottom: none !important;
}

div.tabBar table.tableforservicepart2:last-child {
	border-bottom: 1px solid #aaa;
}
.tableforservicepart1 .tdhrthin {
	height: unset;
	padding-top: 0 !important;
}
/* Payment Screen : Pointer cursor in the autofill image */
.AutoFillAmount {
	cursor:pointer;
}

div.popuptabset {
	padding: 6px;
	background: #fff;
	border: 1px solid #888;
}
div.popuptab {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
}

/* ============================================================================== */
/* Buttons for actions                                                            */
/* ============================================================================== */

div.tabsAction {
	margin: 20px 0em 30px 0em;
	padding: 0em 0em;
	text-align: right;
}
div.tabsActionNoBottom {
	margin-bottom: 0px;
}
div.tabsAction > a {
	margin-bottom: 16px !important;
}

a.tabTitle {
	color: rgba(0,0,0,0.4) !important;
	text-shadow:1px 1px 1px #ffffff;
	font-family: arial,tahoma,verdana,helvetica;
	font-weight: normal !important;
	padding: 4px 6px 2px 0px;
	margin-right: 10px;
	text-decoration: none;
	white-space: nowrap;
}
.tabTitleText {
	display: none;
}
.imgTabTitle {
	max-height: 14px;
}
div.tabs div.tabsElem:first-of-type a.tab {
	margin-left: 0px !important;
}

a.tabunactive {
	color: var(--colortextlink) !important;
}
a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
	font-family: arial,tahoma,verdana,helvetica;
	padding: 12px 14px 13px;
	margin: 0em 0.2em;
	text-decoration: none;
	white-space: nowrap;

	background-image: none !important;
}

.tabactive, a.tab#active {
	color: var(--colortextbacktab) !important;
	background: var(--colorbacktabcard1) !important;
	margin: 0 0.2em 0 0.2em !important;

	border-right: 1px solid #CCC !important;
	border-left: 1px solid #CCC !important;
	border-top: 3px solid var(--colorbackhmenu1) !important;
}
.tabunactive, a.tab#unactive {
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	border-bottom: 0px !important;
}
a.tab:hover
{
	/*
	background: var(--colorbacktabcard1), 0.5)  url(/progiciel/htdocs/theme/eldy/img/nav-overlay3.png) 50% 0 repeat-x;
	color: var(--colortextbacktab);
	*/
	text-decoration: underline;
}
a.tabimage {
	color: #434956;
	font-family: arial,tahoma,verdana,helvetica;
	text-decoration: none;
	white-space: nowrap;
}

td.tab {
	background: #dee7ec;
}

span.tabspan {
	background: #dee7ec;
	color: #434956;
	font-family: arial,tahoma,verdana,helvetica;
	padding: 0px 6px;
	margin: 0em 0.2em;
	text-decoration: none;
	white-space: nowrap;
	-webkit-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;

	border-right: 1px solid #555555;
	border-left: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
}

/* ============================================================================== */
/* Buttons for actions                                                            */
/* ============================================================================== */
/* <style type="text/css" > */

:root {
			--btncolortext: rgb(10, 20, 100);
			--btncolorbg: #fbfbfb;
			--btncolorborderhover: none;
			--btncolorborder: #FFF;
			--butactiondeletebg: rgb(234,228,225);
			--butactionbg: rgb(150, 110, 162, 0.95);
			--textbutaction: rgb(255, 255, 255);
}



/* ============================================================================== */
/* Buttons for actions                                                            */
/* ============================================================================== */

/*div.divButAction {
	margin-bottom: 1.4em;
}*/
div.tabsAction > a.butAction, div.tabsAction > a.butActionRefused, div.tabsAction > a.butActionDelete,
div.tabsAction > span.butAction, div.tabsAction > span.butActionRefused, div.tabsAction > span.butActionDelete,
div.tabsAction > div.divButAction > span.butAction,
div.tabsAction > div.divButAction > span.butActionDelete,
div.tabsAction > div.divButAction > span.butActionRefused,
div.tabsAction > div.divButAction > a.butAction,
div.tabsAction > div.divButAction > a.butActionDelete,
div.tabsAction > div.divButAction > a.butActionRefused {
	margin-bottom: 1.4em !important;
	margin-right: 0px !important;
}
div.tabsActionNoBottom > a.butAction, div.tabsActionNoBottom > a.butActionRefused {
	margin-bottom: 0 !important;
}

span.butAction, span.butActionDelete {
	cursor: pointer;
}
.paginationafterarrows .butAction {
	font-size: 0.9em;
}
.butAction {
	background: var(--butactionbg);
	color: var(--textbutaction) !important;
	/* background: rgb(230, 232, 239); */
}
.butActionRefused, .butAction, .butActionDelete {
	border-radius: 3px;
}
:not(.center) > .butActionRefused:last-child, :not(.center) > .butAction:last-child, :not(.center) > .butActionDelete:last-child {
	margin-right: 0px !important;
}
.butActionRefused, .butAction, .butAction:link, .butAction:visited, .butAction:hover, .butAction:active, .butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;

	margin: 0em 1em;
	padding: 0.6em 0.7em;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #444;
	border: 1px solid transparent;	/* So for buttonRefused with a border, it will not have any flash effect */

	/* border: 1px solid #aaa; */
	/* border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); */

	/*border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;*/
}
.butActionNew, .butActionNewRefused, .butActionNew:link, .butActionNew:visited, .butActionNew:hover, .butActionNew:active {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;

	margin: 0em 0.3em 0 0.3em !important;
	padding: 0.2em 0.7em 0.3em;
	font-family: arial,tahoma,verdana,helvetica;
	display: inline-block;
	/* text-align: center; New button are on right of screen */
	cursor: pointer;
}

.tableforfieldcreate a.butActionNew>span.fa-plus-circle, .tableforfieldcreate a.butActionNew>span.fa-plus-circle:hover,
.tableforfieldedit a.butActionNew>span.fa-plus-circle, .tableforfieldedit a.butActionNew>span.fa-plus-circle:hover,
span.butActionNew>span.fa-plus-circle, span.butActionNew>span.fa-plus-circle:hover,
a.butActionNewRefused>span.fa-plus-circle, a.butActionNewRefused>span.fa-plus-circle:hover,
span.butActionNewRefused>span.fa-plus-circle, span.butActionNewRefused>span.fa-plus-circle:hover,
a.butActionNew>span.fa-list-alt, a.butActionNew>span.fa-list-alt:hover,
span.butActionNew>span.fa-list-alt, span.butActionNew>span.fa-list-alt:hover,
a.butActionNewRefused>span.fa-list-alt, a.butActionNewRefused>span.fa-list-alt:hover,
span.butActionNewRefused>span.fa-list-alt, span.butActionNewRefused>span.fa-list-alt:hover
{
	font-size: 1em;
	padding-left: 0px;
}

a.butActionNew>span.fa, a.butActionNew>span.fa:hover,
span.butActionNew>span.fa, span.butActionNew>span.fa:hover,
a.butActionNewRefused>span.fa, a.butActionNewRefused>span.fa:hover,
span.butActionNewRefused>span.fa, span.butActionNewRefused>span.fa:hover
{
	padding-left: 6px;
	font-size: 1.5em;
	border: none;
	box-shadow: none; webkit-box-shadow: none;
}

.butAction:hover   {
	-webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
	box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
}
.butActionNew:hover   {
	text-decoration: underline;
	box-shadow: unset !important;
}

.butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active, .buttonDelete {
	background: var(--butactiondeletebg) !important;
	/* border: 1px solid #633; */
	color: #633 !important;
}

.butActionDelete:hover {
	-webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
	box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
}

.butActionRefused {
	text-decoration: none !important;
	text-transform: uppercase;
	font-weight: bold !important;

	white-space: nowrap !important;
	cursor: not-allowed !important;
	font-family: arial,tahoma,verdana,helvetica !important;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #999 !important;

	border: 1px solid #ccc;
}
.butActionNewRefused, .butActionNewRefused:link, .butActionNewRefused:visited, .butActionNewRefused:hover, .butActionNewRefused:active {
	text-decoration: none !important;
	text-transform: uppercase;
	font-weight: normal !important;

	white-space: nowrap !important;
	cursor: not-allowed !important;
	margin: 0em 0.9em;
	padding: 0.2em 0.7em;
	font-family: arial,tahoma,verdana,helvetica !important;
	display: inline-block;
	/* text-align: center;  New button are on right of screen */
	cursor: pointer;
	color: #999 !important;
	padding-top: 0.2em;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.butActionTransparent {
	color: #222 ! important;
	background-color: transparent ! important;
}


/*
TITLE BUTTON
 */

.btnTitle, a.btnTitle {
	display: inline-block;
	padding: 4px 4px 4px 4px;
	font-weight: 400;
	/* line-height: 1; */
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: var(--btncolorbg);
	text-decoration: none;
	position: relative;
	/* margin: 0 0 0 8px; */
	min-width: 72px;
	text-align: center;
	color: var(--btncolortext);
	border: none;
	font-size: 12px;
	font-weight: 300;
	background-color: var(--btncolorbg);
	border: 1px solid var(--btncolorborder);
}

a.btnTitle.btnTitleSelected {
	border: 1px solid #ccc;
	border-radius: 3px;
}

.btnTitle > .btnTitle-icon{

}

.btnTitle > .btnTitle-label{
	color: #666666;
}

.btnTitle:hover, a.btnTitle:hover {
	border: 1px solid #bbb;
	border-radius: 3px;
	position: relative;
	text-align: center;
	/* color: #ffffff;
	background-color: rgb(10, 20, 100); */
	font-size: 12px;
	text-decoration: none;
	box-shadow: none;
}

.btnTitle.refused, a.btnTitle.refused, .btnTitle.refused:hover, a.btnTitle.refused:hover {
		color: #8a8a8a;
		cursor: not-allowed;
		background-color: #fbfbfb;
		background: repeating-linear-gradient( 45deg, #ffffff, #f1f1f1 4px, #f1f1f1 4px, #f1f1f1 4px );
}

.btnTitle:hover .btnTitle-label{
	 color: var(--btncolorborderhover);
}

.btnTitle.refused .btnTitle-label, .btnTitle.refused:hover .btnTitle-label{
	color: #8a8a8a;
}

.btnTitle>.fa {
	font-size: 2em;
	display: block;
}

div.pagination li:first-child a.btnTitle, div.pagination li.paginationafterarrows a.btnTitle {
	margin-left: 10px;
}

.button-title-separator{
	display: inline-block;
	clear: both;
	width: 20px;
}

.imgforviewmode {
	color: #aaa;
}

/* rule to reduce top menu - 2nd reduction: Reduce width of top menu icons again */
@media only screen and (max-width: 406px)	/* reduction 2 */
{
	.butAction, .butActionRefused, .butActionDelete {
		font-size: 0.95em;
	}
	.btnTitle, a.btnTitle {
		display: inline-block;
		padding: 4px 4px 4px 4px;
		min-width: unset;
	}
}

/* rule to reduce top menu - 3rd reduction: The menu for user is on left */
@media only screen and (max-width: 318px)	/* reduction 3 */
{
	.butAction, .butActionRefused, .butActionDelete {
		font-size: 0.9em;
	}
}

/* smartphone */
@media only screen and (max-width: 767px)
{
	.butAction, .butActionRefused, .butActionDelete {
		font-size: 0.85em;
	}
}


.butActionRefused, .butActionNewRefused, .btnTitle.refused {
	display: none !important;
}


/*
 * BTN LINK
 */

.btn-link{
	margin-right: 5px;
	border: 1px solid #ddd;
	color: #333;
	padding: 5px 10px;
	border-radius:1em;
	text-decoration: none !important;
}

.btn-link:hover{
	background-color: #ddd;
	border: 1px solid #ddd;
}


/* ============================================================================== */
/* Tables                                                                         */
/* ============================================================================== */

.allwidth {
	width: 100%;
}

#undertopmenu {
	background-repeat: repeat-x;
	margin-top: 0px;
}


.paddingrightonly {
	border-collapse: collapse;
	border: 0px;
	margin-left: 0px;
	padding-left: 0px !important;
	padding-right: 4px !important;
}
.nocellnopadd {
	list-style-type:none;
	margin: 0px !important;
	padding: 0px !important;
}
.noborderspacing {
	border-spacing: 0;
}
tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
{
	border: 0px;
}

.unsetcolor {
	color: unset !important;
}

.smallpaddingimp {
	padding: 4px !important;
	padding-left: 7px !important;
	padding-right: 7px !important;
}
input.button[name="upload"] {
	padding: 5px !important;
	font-size: 0.9em;
}
input.button.smallpaddingimp, input.buttonreset.smallpaddingimp {
	font-size: 0.8em;
}
input.buttonlink {
	color: var(--colortextlink);
	background-color: transparent;
	cursor: pointer;
}
input.buttonlink:hover {
	text-decoration: underline;
}
input.buttonreset {
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 8px 15px;
	text-decoration: underline;
	color: var(--colortextlink);
	background-color: transparent;
	cursor: pointer;
}
.nopaddingleft {
	padding-left: 0px;
}
div.tabs.nopaddingleft {
	padding-left: 0px;
}
.nopaddingright {
	padding-right: 0px;
}
.nopaddingtopimp {
	padding-top: 0px !important;
}
.nopaddingbottomimp {
	padding-bottom: 0px !important;
}
.notopnoleft {
	border-collapse: collapse;
	border: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 16px;
	padding-bottom: 4px;
	margin-right: 0px;
}
.notopnoleftnoright {
	border-collapse: collapse;
	border: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	margin: 0px 0px 0px 0px;
}

table.tableforemailform tr td {
	padding-top: 3px;
	padding-bottom: 3px;
}

table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
	border-collapse: collapse !important;
	padding: 1px 2px 1px 3px;			/* t r b l */
}
table.borderplus {
	border: 1px solid #BBB;
}
.border tbody tr, .bordernooddeven tbody tr, .border tbody tr td, .bordernooddeven tbody tr td,
div.tabBar table.border tr, div.tabBar table.border tr td, div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col,
tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
	height: 28px;
}

div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar .table-val-border-col {
	vertical-align: middle;
}
div .tdtop:not(.tagtdnote) {
	vertical-align: top !important;
	/*padding-top: 10px !important;
	padding-bottom: 2px !important; */
	padding-top: 5px !important;
	padding-bottom: 0px !important;
}

table.border td, table.bordernooddeven td, div.border div div.tagtd {
	padding: 2px 2px 2px 2px;
	border-collapse: collapse;
}
div.tabBar .fichecenter table.border>tbody>tr>td, div.tabBar .fichecenter div.border div div.tagtd, div.tabBar div.border div div.tagtd
{
	padding-top: 2px;
	border-bottom: 1px solid #E0E0E0;
}

td.border, div.tagtable div div.border {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.table-key-border-col {
	/* width: 25%; */
	vertical-align:top;
}
.table-val-border-col {
	width:auto;
}


.thsticky, .tdsticky {
	position: sticky;
	left: 0px;
}
.thstickyright, .tdstickyright {
	position: sticky;
	right: 0px;
}
.thstickygray, .tdstickygray {
	background-color: lightgray;
}
.thstickyghostwhite, .tdstickyghostwhite {
	background-color: ghostwhite;
}
.thstickyinherit, .tdstickyinherit {
	background-color: inherit;
}

/* To have left column sticky */
/*.tagtable td[data-key="ref"], .tagtable th[data-key="ref"] {
	position: sticky;
	left: 0;
	top: 0;
	max-width: 150px !important;
	//background-color: inherit;
	background-color: gainsboro;
	z-index: 2;
}
*/

/* To have right column sticky */
/*.tagtable td.actioncolumn, .tagtable th.actioncolumn {
	position: sticky-right;
	right: 0;
	top: 0;
	max-width: 150px !important;
	//background-color: inherit;
	background-color: gainsboro;
	z-index: 2;
}
*/


/* Main boxes */
.nobordertop, .nobordertop tr:first-of-type td {
	border-top: none !important;
}
.noborderbottom, .noborderbottom tr:last-of-type td {
	border-bottom: none !important;
}
.bordertop {
	border-top: 1px solid var(--colortopbordertitle1);
}
.borderbottom {
	border-bottom: 1px solid var(--colortopbordertitle1);
}


.fichehalfright table.noborder , .fichehalfleft table.noborder{
	margin: 0px 0px 0px 0px;
}
table.liste, table.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact), table.formdoc, div.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact) {
	}
table.liste, table.noborder, table.formdoc, div.noborder {
	width: 100%;
	border-collapse: separate !important;
	border-spacing: 0px;
	border-top-width: 1px;
	border-top-color: var(--colortopbordertitle1);
	border-top-style: solid;
	margin: 0px 0px 20px 0px;

	/*width: calc(100% - 7px);
	border-collapse: separate !important;
	border-spacing: 0px;
	border-top-width: 0px;
	border-top-color: rgb(215,215,215);
	border-top-style: solid;
	margin: 0px 0px 5px 2px;
	box-shadow: 1px 1px 5px #ddd;
	*/
}
#tablelines, #tablelinesservice {
	border-bottom-width: 1px;
	border-bottom-color: var(--colortopbordertitle1);
	border-bottom-style: solid;
}
table.liste tr:last-of-type td, table.noborder:not(#tablelines):not(#tablelinesservice) tr:last-of-type td, table.formdoc tr:last-of-type td, div.noborder tr:last-of-type td {
	border-bottom-width: 1px;
	border-bottom-color: var(--colortopbordertitle1);
	border-bottom-style: solid;
}
/*
div.tabBar div.fichehalfright table.noborder:not(.margintable):not(.paymenttable):not(.lastrecordtable):last-of-type {
	border-bottom: 1px solid var(--colortopbordertitle1);
}
*/
div.tabBar table.border>tbody>tr:last-of-type>td {
	border-bottom-width: 1px;
	border-bottom-color: var(--colortopbordertitle1);
	border-bottom-style: solid;
}
div.tabBar div.fichehalfright table.noborder {
	border-bottom: none;
}

table.paddingtopbottomonly tr td {
	padding-top: 1px;
	padding-bottom: 2px;
}
.liste_titre_filter {
	background: var(--colorbacktitle1) !important;
}
.liste_titre2 {
	background: var(--colorbackhmenu1) !important;
	color: #fff;
}
table:not(.listwithfilterbefore) tr.liste_titre_filter:first-of-type td.liste_titre {
	padding-top: 5px;
}

tr.liste_titre_filter td.liste_titre {
	/* border-bottom: 1px solid #ddd; */
	padding-top: 1px;
	padding-bottom: 0px;
}
tr.liste_titre_filter td.liste_titre:first-of-type {
/*	height: 36px; */
}
.liste_titre_create td, .liste_titre_create th, .liste_titre_create .tagtd
{
	border-bottom-width: 0 !important;
	border-top-width: 1px;
	border-top-color: var(--colortopbordertitle1);
	border-top-style: solid;
}
tr#trlinefordates td {
	border-bottom: 0px !important;
}
.liste_titre_add td, .liste_titre_add th, .liste_titre_add .tagtd
{
	border-top-width: 1px;
	border-top-color: var(--colortopbordertitle1);
	border-top-style: solid;
}
table.liste tr, table.noborder tr, div.noborder form {
	border-top-color: #FEFEFE;
	min-height: 20px;
}
table.liste th, table.noborder th, table.noborder tr.liste_titre td, table.noborder tr.box_titre td {
	padding: 7px 8px 7px 8px;			/* t r b l */
}
table.liste td, table.noborder td, div.noborder form div, table.tableforservicepart1 td, table.tableforservicepart2 td {
	padding: 7px 8px 7px 8px;			/* t r b l */
	/* line-height: 22px; This create trouble on cell login on list of last events of a contract*/
	height: 22px;
}
div.liste_titre_bydiv .divsearchfield {
	padding: 2px 1px 2px 7px;			/* t r b l */
}

tr.box_titre .nobordernopadding td {
	padding: 0 ! important;
}
table.nobordernopadding {
	border-collapse: collapse !important;
	border: 0;
}
table.nobordernopadding tr {
	border: 0 !important;
	padding: 0 0 !important;
}
table.nobordernopadding tr td {
	border: 0 !important;
	padding: 0 3px 0 0;
}
table.border tr td table.nobordernopadding tr td {
	padding-top: 0;
	padding-bottom: 0;
}
td.borderright {
	border: none;	/* to erase value for table.nobordernopadding td */
	border-right-width: 1px !important;
	border-right-color: #BBB !important;
	border-right-style: solid !important;
}
td.borderleft {
	border: none;	/* to erase value for table.nobordernopadding td */
	border-left-width: 1px !important;
	border-left-color: #BBB !important;
	border-left-style: solid !important;
}


/* For table with no filter before */
table.listwithfilterbefore {
	border-top: none !important;
}


.tagtable, .table-border { display: table; }
.tagtr, .table-border-row  { display: table-row; }
.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
.confirmquestions .tagtr .tagtd:not(:first-child)  { padding-left: 10px; }
.confirmquestions { margin-top: 5px; }

/* Pagination */
div.refidpadding  {
	/* padding-top: 3px; */
}
div.refid  {
	font-weight: bold;
	color: var(--colortexttitlenotab);
	font-size: 1.2em;
	word-break: break-word;
}
a.refid {
	color: var(--colortexttitlenotab) !important;
}
div.refidno  {
	padding-top: 3px;
	font-weight: normal;
	color: var(--refidnocolor);
	font-size: 0.92em;
	line-height: 1.4em;
}
div.refaddress div.address {
	line-height: 1.2em;
	font-size: 0.95em;
}
div.refidno form {
	display: inline-block;
}

div.pagination {
	float: right;
}
div.pagination a {
	font-weight: normal;
}
div.pagination ul
{
  list-style: none;
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0;
}
div.pagination li {
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  /* padding-top: 10px; */
  padding-bottom: 5px;
  font-size: 1.1em;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
div.pagination li.pagination a,
div.pagination li.pagination span {
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  background-repeat: repeat-x;
  color: var(--color-black);
}
div.pagination li.pagination span.inactive {
  cursor: default;
  color: #ccc;
}
li.noborder.litext, li.noborder.litext a,
div.pagination li a.inactive:hover,
div.pagination li span.inactive:hover {
	  -webkit-box-shadow: none !important;
	  box-shadow: none !important;
}
/*div.pagination li.litext {
	padding-top: 8px;
}*/
div.pagination li.litext a {
  border: none;
  padding-right: 10px;
  padding-left: 4px;
  font-weight: bold;
}
div.pagination li.litext a:hover {
	background-color: transparent;
	background-image: none;
}
div.pagination li.litext a:hover {
	background-color: transparent;
	background-image: none;
}
div.pagination li.noborder a:hover {
  border: none;
  background-color: transparent;
}
div.pagination li a,
div.pagination li span {
  /* background-color: #fff; */
  /* border: 1px solid #ddd; */
}
div.pagination li:first-child a,
div.pagination li:first-child span {
  margin-left: 0;
  /*border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;*/
}

/*div.pagination li a:hover,
div.pagination li:not(.paginationbeforearrows,.paginationafterarrows,.title-button) span:hover,
div.pagination li a:focus,
div.pagination li:not(.paginationbeforearrows,.paginationafterarrows,.title-button) span:focus {
  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
}*/
div.pagination li .active a,
div.pagination li .active span,
div.pagination li .active a:hover,
div.pagination li .active span:hover,
div.pagination li .active a:focus,
div.pagination li .active span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: var(--colorbackhmenu1);
  border-color: #337ab7;
}
div.pagination .disabled span,
div.pagination .disabled span:hover,
div.pagination .disabled span:focus,
div.pagination .disabled a,
div.pagination .disabled a:hover,
div.pagination .disabled a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
div.pagination li.pagination .active {
  text-decoration: underline;
  box-shadow: none;
}
.paginationafterarrows .nohover {
  box-shadow: none !important;
}

div.pagination li.paginationafterarrows {
	margin-left: 10px;
	padding-top: 0;
	/*padding-bottom: 10px;*/
}
.paginationatbottom {
	margin-top: 9px;
}
table.hidepaginationprevious .paginationprevious {
	display: none;
}
table.hidepaginationnext .paginationnext {
	display: none;
}
.tabBar .arearef .pagination.paginationref {
	max-width: calc(30%);
}
.paginationafterarrows a.btnTitlePlus, .titre_right  a.btnTitlePlus {
	border: 1px solid var(--btncolorborder);
}
.paginationafterarrows a.btnTitlePlus:hover span:before, .titre_right a.btnTitlePlus:hover span:before {
	/* text-shadow: 0px 0px 5px #ccc; */
	/* filter: invert(0.3); */
	font-size: 1.07em;
}



/* Set the color for hover lines */
.oddeven:hover, .evenodd:hover, .oddevenimport:hover, .evenoddimport:hover, .impair:hover, .pair:hover
{
	background: var(--colorbacklinepairhover) !important;		/* Must be background to be stronger than background of odd or even */
}
.tredited, .tredited td {
	background: var(--colorbacklinepairchecked) !important;   /* Must be background to be stronger than background of odd or even */
	border-bottom: 0 !important;
}
.treditedlinefordate {
	background: var(--colorbacklinepairchecked) !important;   /* Must be background to be stronger than background of odd or even */
	border-bottom: 0px;
}
.highlight {
	background: var(--colorbacklinepairchecked) !important;   /* Must be background to be stronger than background of odd or even */
}

.nohoverborder:hover {
	border: unset;
	box-shadow: unset;
	-webkit-box-shadow: unset;
}
.oddeven, .evenodd, .impair, .nohover .impair:hover, tr.impair td.nohover, .tagtr.oddeven
{
	font-family: arial,tahoma,verdana,helvetica;
	margin-bottom: 1px;
	color: var(--oddevencolor);
}
.impair, .nohover .impair:hover, tr.impair td.nohover
{
	background-color: var(--colorbacklineimpair2);
}
#GanttChartDIV {
	background-color: var(--colorbacklineimpair2);
}

.oddeven, .evenodd, .pair, .nohover .pair:hover, tr.pair td.nohover, .tagtr.oddeven {
	font-family: arial,tahoma,verdana,helvetica;
	margin-bottom: 1px;
	color: var(--oddevencolor);
}
.pair, .nohover .pair:hover, tr.pair td.nohover {
	background-color: var(--colorbacklinepair2);
}

table.dataTable tr.oddeven {
	background-color: var(--colorbacklinepair2) !important;
}

/* For no hover style */
td.oddeven, table.nohover tr.impair, table.nohover tr.pair, table.nohover tr.impair td, table.nohover tr.pair td, tr.nohover td, form.nohover, form.nohover:hover {
	background-color: var(--colorbacklineimpair2) !important;
	background: var(--colorbacklineimpair2) !important;
}
td.evenodd, tr.nohoverpair td, #trlinefordates td {
	background-color: var(--colorbacklinepair2) !important;
	background: var(--colorbacklinepair2) !important;
}
.trforbreak td {
	font-weight: 500;
	border-bottom: 1pt solid black !important;
	background-color: var(--colorbacklinebreak) !important;
}
.trforbreak.nobold td a, .trforbreak.nobold span.secondary {
	font-weight: normal !important;
}

table.dataTable td {
	padding: 5px 8px 5px 8px !important;
}
tr.pair td, tr.impair td, form.impair div.tagtd, form.pair div.tagtd, div.impair div.tagtd, div.pair div.tagtd, div.liste_titre div.tagtd {
	padding: 7px 8px 7px 8px;
	border-bottom: 1px solid #ddd;
}
form.pair, form.impair {
	font-weight: normal;
}
form.tagtr:last-of-type div.tagtd, tr.pair:last-of-type td, tr.impair:last-of-type td {
	border-bottom: 0px !important;
}
tr.nobottom td {
	border-bottom: 0px !important;
}
div.tableforcontact form.tagtr:last-of-type div.tagtd {
	border-bottom: 1px solid #ddd !important;
}
tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td {
	border-bottom: 0px !important;
}
table.nobottomiftotal tr.liste_total td {
	background-color: var(--inputbackgroundcolor);
		border-bottom: 0px !important;
	}
table.nobottom, td.nobottom {
	border-bottom: 0px !important;
}
div.liste_titre .tagtd {
	vertical-align: middle;
}
div.liste_titre {
	min-height: 26px !important;	/* We cant use height because it's a div and it should be higher if content is more. but min-height does not work either for div */

	padding-top: 2px;
	padding-bottom: 2px;
}
div.liste_titre_bydiv {
	border-top-width: 1px;
	border-top-color: var(--colortopbordertitle1);
	border-top-style: solid;
	
	border-collapse: collapse;
	display: table;
	padding: 2px 0px 2px 0;
	box-shadow: none;
	/*width: calc(100% - 1px);	1px more, i don't know why so i remove */
	width: calc(100%);
}
tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable.tr, tagtr.liste_titre
{
	height: 26px !important;
}
div.colorback	/* for the form "assign user" on time spent view */
{
	background: #f8f8f8;
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #ddd;
}
div.liste_titre_bydiv, .liste_titre div.tagtr, tr.liste_titre, tr.liste_titre_sel, .tagtr.liste_titre, .tagtr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable thead tr
{
	background: var(--colorbacktitle1);
	font-weight: normal;

	color: var(--colortexttitle);
	font-family: arial,tahoma,verdana,helvetica;
	text-align: left;
}
tr.liste_titre th, tr.liste_titre td, th.liste_titre
{
	border-bottom: 1px solid var(--colortopbordertitle1);
}
tr.liste_titre:first-child th, tr:first-child th.liste_titre {
/*    border-bottom: 1px solid #ddd ! important; */
	border-bottom: unset;
}
tr.liste_titre th, th.liste_titre, tr.liste_titre td, td.liste_titre, form.liste_titre div
{
	font-family: arial,tahoma,verdana,helvetica;
	font-weight: normal;
	vertical-align: middle;
	height: 28px;
}
tr.liste_titre th a, th.liste_titre a, tr.liste_titre td a, td.liste_titre a, form.liste_titre div a, div.liste_titre a {
	text-shadow: none !important;
	color: var(--colortexttitlelink);
}
tr.liste_titre_topborder td {
	border-top-width: 1px;
	border-top-color: var(--colortopbordertitle1);
	border-top-style: solid;
}
.liste_titre td a {
	text-shadow: none !important;
	color: var(--colortexttitle);
}
.liste_titre td a.notasortlink {
	color: var(--colortextlink);
}
.liste_titre td a.notasortlink:hover {
	background: transparent;
}
tr.liste_titre:last-child th.liste_titre, tr.liste_titre:last-child th.liste_titre_sel, tr.liste_titre td.liste_titre, tr.liste_titre td.liste_titre_sel, form.liste_titre div.tagtd {				/* For last line of table headers only */
	/* border-bottom: 1px solid #ddd; */
	border-bottom: unset;
}

div.liste_titre {
	padding-left: 3px;
}
tr.liste_titre_sel th, th.liste_titre_sel, tr.liste_titre_sel td, td.liste_titre_sel, form.liste_titre_sel div
{
	font-family: arial,tahoma,verdana,helvetica;
	font-weight: normal;
	border-bottom: 1px solid #FDFFFF;
	/* text-decoration: underline; */
}
input.liste_titre {
	background: transparent;
	border: 0px;
}
.listactionlargetitle .liste_titre {
	line-height: 24px;
}
.noborder tr.liste_total td, tr.liste_total td, form.liste_total div, .noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
	color: var(--listetotal);
	font-weight: normal;
}
.noborder tr.liste_total td, tr.liste_total td, form.liste_total div {
	white-space: nowrap;
}
.noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
	white-space: normal;
}
form.liste_total div {
	border-top: 1px solid #DDDDDD;
}
tr.liste_sub_total, tr.liste_sub_total td {
	border-bottom: 1px solid #aaa;
}
/* to avoid too much border on contract card */
.tableforservicepart1 .impair, .tableforservicepart1 .pair, .tableforservicepart2 .impair, .tableforservicepart2 .pair {
	background: #FFF;
}
.tableforservicepart1 tbody tr td, .tableforservicepart2 tbody tr td {
	border-bottom: none;
}
table.tableforservicepart1:first-of-type tr:first-of-type td {
	border-top: 1px solid #888;
}
table.tableforservicepart1 tr td {
	border-top: 0px;
}

.paymenttable, .margintable {
	border-top: none !important;
	margin: 0px 0px 0px 0px !important;
}
table.noborder.paymenttable {
	border-bottom: none !important;
}
.paymenttable tr td:first-child, .margintable tr td:first-child
{
	/*padding-left: 2px;*/
}
.paymenttable, .margintable tr td {
	height: 22px;
}

/* Disable-Enable shadows */
.noshadow {
	-webkit-box-shadow: 0px 0px 0px #DDD !important;
	box-shadow: 0px 0px 0px #DDD !important;
}
.shadow {
	-webkit-box-shadow: 1px 1px 7px #CCC !important;
	box-shadow: 1px 1px 7px #CCC !important;
}

.boxshadow {
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
}

div.tabBar .noborder {
	-webkit-box-shadow: 0px 0px 0px #DDD !important;
	box-shadow: 0px 0px 0px #DDD !important;
}

#tablelines tr.liste_titre td, #tablelinesservice tr.liste_titre td, .paymenttable tr.liste_titre td, .margintable tr.liste_titre td, .tableforservicepart1 tr.liste_titre td {
	border-bottom: 1px solid var(--colortopbordertitle1) !important;
}
#tablelines tr td, #tablelinesservice tr td {
	height: unset;
}

/* Prepare to remove class pair - impair */

.noborder:not(.editmode) > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven),
div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) > .border > tbody > tr:nth-of-type(even):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-of-type(even):not(.liste_titre):not(.nooddeven),
div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-type(even):not(.liste_titre):not(.nooddeven)
{
	background: linear-gradient(bottom, var(----colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
	background: -o-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
	background: -moz-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
	background: -webkit-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
}
.noborder > tbody > tr:nth-child(even):not(:last-of-type) td:not(.liste_titre), .liste > tbody > tr:nth-child(even):not(:last-of-type) td:not(.liste_titre),
.noborder .oddeven.tagtr:nth-child(even):not(:last-of-type) .tagtd:not(.liste_titre)
{
	border-bottom: 1px solid #e0e0e0;
}

.noborder:not(.editmode) > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven),
div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) > .border > tbody > tr:nth-of-type(odd):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-of-type(odd):not(.liste_titre):not(.nooddeven),
div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-type(odd):not(.liste_titre):not(.nooddeven)
{
	background: linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
	background: -o-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
	background: -moz-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
	background: -webkit-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
}
.noborder > tbody > tr:nth-child(odd):not(:last-child) td:not(.liste_titre), .liste > tbody > tr:nth-child(odd):not(:last-child) td:not(.liste_titre),
.noborder .oddeven.tagtr:nth-child(odd):not(:last-child) .tagtd:not(.liste_titre)
{
	border-bottom: 1px solid #e0e0e0;
}

ul.noborder li:nth-child(even):not(.liste_titre) {
	background-color: var(--colorbacklinepair2) !important;
}


/*
 *  Boxes
 */

.box {
	overflow-x: auto;
	min-height: 40px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.boxstatsborder {
	/* border: 1px solid #CCC !important; */
}
.boxstats, .boxstats130 {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;

	background: var(--colorbackbody);
	border: 1px solid var(--colorboxstatsborder);
	border-left: 6px solid var(--colorboxstatsborder);
	/* box-shadow: 1px 1px 8px var(--colorboxstatsborder); */
	border-radius: 0px;
}
.boxstats, .boxstats130, .boxstatscontent {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.boxstats130 {
	width: 100%;
	height: 59px;
	/* padding: 3px; */
}
.boxstats {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 118px;
}

.boxtable:not(.widgetstats) td.tdboxstats .boxstats {
	box-shadow: 1px 1px 8px var(--colorboxstatsborder);
}

.tabBar .fichehalfright .boxstats {
	padding-top: 8px;
	padding-bottom: 4px;
}
.boxstatscontent {
	padding: 3px;
}
.boxstatsempty {
	width: 121px;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 8px;
	margin-right: 8px;
}
.boxstats150empty {
	width: 158px;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 8px;
	margin-right: 8px;
}


@media only screen and (max-width: 767px)
{
	.tabBar .arearef .pagination.paginationref {
		max-width: calc(50%);
	}

	.clearbothonsmartphone {
		clear: both;
		display: block !important;
	}

	div.tabs {
		padding-left: 0 !important;
		padding-right: 0!important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
		padding: 12px 12px 13px;
	}
	a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
		padding: 0px 0px 0px 0px;
	}
	a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
		padding: 0px 0px 0px 0px;
	}
	.boxstats, .boxstats130 {
		margin: 3px;
	}
	.boxstats130 {
		text-align: left	}
	.thumbstat {
		flex: 1 1 110px;
		margin-bottom: 8px;
		min-width: 150px;	/* on screen < 320, we guaranty to have 2 columns */
	}
	.thumbstat150 {
		flex: 1 1 110px;
		margin-bottom: 8px;
		min-width: 160px;	/* on screen < 320, we guaranty to have 2 columns */
		max-width: 161px;	/* on screen < 320, we guaranty to have 2 columns */
		/* width: ...px; If I use with, there is trouble on size of flex boxes solved with min + (max that is a little bit higer than min) */
	}
	.dashboardlineindicator {
		float: left;
		padding-left: 5px;
	}
	.boxstats {
		width: 111px;
	}
	.boxstatsempty {
		width: 111px;
	}

}

.boxstats:hover {
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
}
span.boxstatstext span:not(.fas) {
	opacity: 0.5;
}
span.boxstatstext {
	line-height: 18px;
	color: var(--colortext);
}
span.boxstatstext img, a.dashboardlineindicatorlate img {
	border: 0;
}
a img {
	border: 0;
}
.boxstatsindicator.thumbstat150 {	/* If we remove this, box position is ko on ipad */
	display: inline-flex;
}
span.boxstatsindicator {
	font-size: 130%;
	font-weight: normal;
	line-height: 29px;
	flex-grow: 1;

}
span.dashboardlineindicator, span.dashboardlineindicatorlate {
	font-size: 130%;
	font-weight: normal;
}
a.dashboardlineindicatorlate:hover {
	text-decoration: none;
}
.dashboardlineindicatorlate img {
	width: 16px;
}
span.dashboardlineok {
	color: #008800;
}
span.dashboardlineko {
	color: #FFF;
	font-size: 80%;
}
.dashboardlinelatecoin {
	float: right;
	position: relative;
	text-align: right;
	top: -27px;
	right: 2px;
	padding: 0px 5px 0px 5px;
	border-radius: .25em;

	background-color: #9f4705;
}
.imglatecoin {
	padding: 1px 3px 1px 1px;
	margin-left: 4px;
	margin-right: 2px;
	background-color: #8c4446;
	color: #FFFFFF ! important;
	border-radius: .25em;
	display: inline-block;
	vertical-align: middle;
}
.boxtable {
	margin-bottom: 25px !important;
	border-bottom-width: 1px;
	background: var(--colorbackbody);
	border-top: 1px solid var(--colortopbordertitle1);
	/* border-top: 2px solid var(--colorbackhmenu1) !important; */
}
table.noborder.boxtable tr td {
	height: unset;
}
.boxtablenotop {
	border-top-width: 0 !important;
}
.boxtablenobottom {
	border-bottom-width: 0 !important;
}
.boxtablenomarginbottom {
	margin-bottom: 0 !important;
}
.boxtable .fichehalfright, .boxtable .fichehalfleft {
	min-width: 275px;	/* increasing this, make chart on box not side by side on laptops */
}
.tdboxstats {
	text-align: center;
}
.boxworkingboard .tdboxstats {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
a.valignmiddle.dashboardlineindicator {
	line-height: 30px;
}
.height30 {
	height: 30px !important;
}

tr.box_titre {
	height: 26px;

	/* TO MATCH BOOTSTRAP */
	/*background: #ddd;
	color: #000 !important;*/

	/* TO MATCH ELDY */
	background: var(--colorbacktitle1);
	color: var(--colortexttitle);
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #FDFFFF;
	white-space: nowrap;
}

tr.box_titre td.boxclose {
	width: 30px;
}
img.boxhandle, img.boxclose {
	padding-left: 5px;
}

.formboxfilter {
	vertical-align: middle;
	margin-bottom: 6px;
}
.formboxfilter input[type=image]
{
	top: 5px;
	position: relative;
}
.boxfilter {
	margin-bottom: 2px;
	margin-right: 1px;
}
.prod_entry_mode_free, .prod_entry_mode_predef {
	height: 26px !important;
	vertical-align: middle;
}

.modulebuilderbox {
	border: 1px solid #888;
	padding: 16px;
}


/*
 *   Ok, Warning, Error
 */

.ok      { color: #114466; }
.warning { color: #887711 !important; }
.error   { color: #660000 !important; font-weight: bold; }
.green   { color: #118822 !important; }

div.ok {
  color: #114466;
}

/* Info admin */
div.info {
	border-left: solid 5px #87cfd2;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 8px;
	margin: 1em 0em 1em 0em;
	background: #eff8fc;
	color: #558;
}

/* Warning message */
div.warning {
	border-left: solid 5px #f2cf87;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 8px;
	margin: 1em 0em 1em 0em;
	background: #fcf8e3;
}
div.warning a, div.info a, div.error a {
	color: var(--colortextlink);
}

/* Error message */
div.error {
	border-left: solid 5px #f28787;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 8px;
	margin: 1em 0em 1em 0em;
  background: #EFCFCF;
}


/*
 *   Liens Payes/Non payes
 */

a.normal:link { font-weight: normal }
a.normal:visited { font-weight: normal }
a.normal:active { font-weight: normal }
a.normal:hover { font-weight: normal }

a.impayee:link { font-weight: bold; color: #550000; }
a.impayee:visited { font-weight: bold; color: #550000; }
a.impayee:active { font-weight: bold; color: #550000; }
a.impayee:hover { font-weight: bold; color: #550000; }


/*
 *  External web site
 */

.framecontent {
	width: 100%;
	height: 100%;
}

.framecontent iframe {
	width: 100%;
	height: 100%;
}


/*
 *  Other
 */

.opened-dash-board-wrap {
	margin-bottom: 25px;
}

div.boximport {
	min-height: unset;
}

.product_line_stock_ok { color: var(--productlinestockok); }
.product_line_stock_too_low { color: var(--productlinestocktoolow); }

.fieldrequired { font-weight: bold; color: var(--fieldrequiredcolor) !important; }

td.widthpictotitle, .table-fiche-title img.widthpictotitle { width: 38px; text-align: left; }
span.widthpictotitle { font-size: 1.7em; }
table.titlemodulehelp tr td img.widthpictotitle { width: 80px; }

.dolgraphtitle { margin-top: 6px; margin-bottom: 4px; }
.dolgraphtitlecssboxes { /* margin: 0px; */ }
.dolgraphchart canvas {
	/* width: calc(100% - 20px) !important; */
}
.legendColorBox, .legendLabel { border: none !important; }
div.dolgraph div.legend, div.dolgraph div.legend div { background-color: var(--dolgraphbg) !important; }
div.dolgraph div.legend table tbody tr { height: auto; }
td.legendColorBox { padding: 2px 2px 2px 0 !important; }
td.legendLabel { padding: 2px 2px 2px 0 !important; }
td.legendLabel {
	text-align: left;
}

label.radioprivate {
	white-space: nowrap;
}

.photo {
	border: 0px;
}
.photowithmargin {
/*	margin-bottom: 2px;
	margin-top: 2px; */
}
div.divphotoref > div > .photowithmargin, div.divphotoref > img.photowithmargin, div.divphotoref > a > .photowithmargin {		/* Margin right for photo not inside a div.photoref frame only */
	margin-right: 15px;
}

.photowithborder {
	border: 1px solid #f0f0f0;
}
.photointooltip {
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: center;
}
.photodelete {
	margin-top: 6px !important;
}

.logo_setup
{
	content:url(/progiciel/htdocs/theme/eldy/img/logo_setup.svg);	/* content is used to best fit the container */
	display: inline-block;
}
.nographyet
{
	content:url(/progiciel/htdocs/theme/eldy/img/nographyet.svg);
	display: inline-block;
	opacity: 0.1;
	background-repeat: no-repeat;
}
.nographyettext
{
	opacity: 0.5;
}

div.titre {
	font-size: 1.1em;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 400;
}
div.titre.small {
	font-size: 1em;
}
div.fiche > table.table-fiche-title:first-of-type div {
	color: var(--colortexttitlenotab);
	font-size: 1.1em;
	/* text-transform: uppercase; */
	/* font-weight: 600; */
}

div.titre {
	color: var(--colortexttitlenotab);
}
.secondary {
	color: var(--colortexttitlenotab);
}
.tertiary {
	color: var(--colortexttitlenotab2);
}

table.table-fiche-title .col-title div.titre, .col-right .btnTitle-icon {
	line-height: 40px;
}
table.table-fiche-title {
	margin-bottom: 12px;
}


div.backgreypublicpayment { background-color: #f0f0f0; padding: 20px; border-bottom: 1px solid #ddd; }
.backgreypublicpayment a { color: #222 !important; }
.poweredbypublicpayment {
	float: right;
	top: 8px;
	right: 8px;
	position: absolute;
	font-size: 0.8em;
	color: #222;
	opacity: 0.3;
}

#dolpublictable {
	min-width: 300px; font-size: 16px;
	padding: 6px;
}
#dolpaymenttable {
	min-width: 320px; font-size: 16px;
	max-width: 600px;
}	/* Width must have min to make stripe input area visible. Lower than 320 makes input area crazy for credit card that need zip code */

#tablepublicpayment {
	border: 1px solid #CCCCCC !important;
	width: 100%;
	padding: 20px;
	margin-bottom: 25px;
}
#tablepublicpayment .CTableRow1  { background-color: #F0F0F0 !important; }
#tablepublicpayment tr.liste_total { border-bottom: 1px solid #CCCCCC !important; }
#tablepublicpayment tr.liste_total td { border-top: none; }
input#cardholder-name {
	font-size: 1em;
}

.divmainbodylarge { margin-left: 40px; margin-right: 40px; }
.publicnewmemberform div.titre { font-size: 2em; }
#divsubscribe { max-width: 900px; }
#divsubscribe .eventlabel { font-size: 1.5em; }
#tablesubscribe { width: 100%; }
#tablesubscribe tr td { font-size: 1.15em; }
#tablesubscribe .price-registration { font-size: 1.5em; }


div#card-element {
	border: 1px solid #ccc;
}
div#card-errors {
	color: #fa755a;
	text-align: center;
	padding-top: 3px;
	/* max-width: 320px; */
}


/*
 * Effect Postit
 */
.effectpostit
{
  position: relative;
}
.effectpostit:before, .effectpostit:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effectpostit:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}



/* ============================================================================== */
/* Formulaire confirmation (When Ajax JQuery is used)                             */
/* ============================================================================== */

.ui-dialog-titlebar {
}
.ui-dialog-content {
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
	z-index: 1002 !important;		/* Default 101 with ui-jquery, top menu have a z-index of 1000 */
}


/* ============================================================================== */
/* For content of image preview                                                   */
/* ============================================================================== */

/*
.ui-dialog-content.ui-widget-content > object {
	 max-height: none;
	 width: auto; margin-left: auto; margin-right: auto; display: block;
}
*/


/* ============================================================================== */
/* Formulaire confirmation (When HTML is used)                                    */
/* ============================================================================== */

table.valid {
	/* border-top: solid 1px #E6E6E6; */
	border-left: solid 5px #f2cf87;
	/* border-right: solid 1px #444444;
	border-bottom: solid 1px #555555; */
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	margin: 0px 0px;
	background: var(--tablevalidbgcolor);
}

.validtitre {
	font-weight: bold;
}


/* ============================================================================== */
/* Tooltips                                                                       */
/* ============================================================================== */

/* For tooltip using dialog */
.ui-dialog.highlight.ui-widget.ui-widget-content.ui-front {
	z-index: 3000;
}

div.ui-tooltip {
	max-width: 600px !important;
}
div.ui-tooltip.mytooltip {
	border: none !important;
	padding: 10px 15px;
	border-radius: 4px;
	margin: 2px;
	font-stretch: condensed;
	-moz-box-shadow:   0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
	-o-box-shadow:     0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow:        0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	background: var(--tooltipbgcolor) !important;
	color: var(--tooltipfontcolor);
	line-height: 1.6em;
	min-width: 550px;
}


@media only screen and (max-width: 768px)
{
	div.ui-tooltip.mytooltip {
		max-width: 400px;
	}
}
@media only screen and (max-width: 480px)
{
	div.ui-tooltip.mytooltip {
		max-width: 300px;
	}
}
@media only screen and (max-width: 320px)
{
	div.ui-tooltip.mytooltip {
		max-width: 230px;
	}
}






/* ============================================================================== */
/* Calendar                                                                       */
/* ============================================================================== */

/*div.divfordateinput img.ui-datepicker-trigger {
	float: left;
	display: inline-block;
	vertical-align: middle;
	padding-top: 10px;
}
.hasDatepicker {
	padding-bottom: 6px;
}*/

.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default, .ui-datepicker-calendar .ui-button,
html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
	border: unset;
}

img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }

.ui-datepicker-trigger {
	vertical-align: middle;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
}

.bodyline {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px #E4ECEC outset;
	padding: 0px;
	margin-bottom: 5px;
}
table.dp {
	width: 180px;
	background-color: var(--inputbackgroundcolor);
	border-top: solid 2px #DDDDDD;
	border-left: solid 2px #DDDDDD;
	border-right: solid 1px #222222;
	border-bottom: solid 1px #222222;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.dp td, .tpHour td, .tpMinute td{padding:2px; font-size:10px;}
/* Barre titre */
.dpHead,.tpHead,.tpHour td:Hover .tpHead{
	font-weight:bold;
	background-color:#b3c5cc;
	color:white;
	font-size:11px;
	cursor:auto;
}
/* Barre navigation */
.dpButtons,.tpButtons {
	text-align:center;
	background-color:#617389;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
.dpButtons:Active,.tpButtons:Active{border: 1px outset black;}
.dpDayNames td,.dpExplanation {background-color:#D9DBE1; font-weight:bold; text-align:center; font-size:11px;}
.dpExplanation{ font-weight:normal; font-size:11px;}
.dpWeek td{text-align:center}

.dpToday,.dpReg,.dpSelected{
	cursor:pointer;
}
.dpToday{font-weight:bold; color:black; background-color:#DDDDDD;}
.dpReg:Hover,.dpToday:Hover{background-color:black;color:white}

/* Jour courant */
.dpSelected{background-color:#0B63A2;color:white;font-weight:bold; }

.tpHour{border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
.tpHour td {border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; cursor:pointer;}
.tpHour td:Hover {background-color:black;color:white;}

.tpMinute {margin-top:5px;}
.tpMinute td:Hover {background-color:black; color:white; }
.tpMinute td {background-color:#D9DBE1; text-align:center; cursor:pointer;}

/* Bouton X fermer */
.dpInvisibleButtons
{
	border-style:none;
	background-color:transparent;
	padding:0px;
	font-size: 0.85em;
	border-width:0px;
	color:#0B63A2;
	vertical-align:middle;
	cursor: pointer;
}
.datenowlink {
	color: var(--colortextlink);
	font-size: 0.8em;
	opacity: 0.7;
}


/* ============================================================================== */
/*  Show/Hide                                                                     */
/* ============================================================================== */

div.visible {
	display: block;
}

div.hidden, header.hidden, tr.hidden, td.hidden, img.hidden, span.hidden, div.showifmore {
	display: none;
}
.unvisible {
	visibility: hidden;
}
tr.visible {
	display: block;
}


/* ============================================================================== */
/*  Module website                                                                */
/* ============================================================================== */

.previewnotyetavailable {
	opacity: 0.5;
}

.websiteformtoolbar {
	position: sticky;
	top: 52px;
	z-index: 1002;	/* Dolibarr menu is 1001, Website menu is 1002 */
}

.exampleapachesetup {
	overflow-y: auto;
	height: 100px;
	font-size: 0.8em;
	border: 1px solid #aaa;
}

span[phptag] {
	background: #ddd; border: 1px solid #ccc; border-radius: 4px;
}

.nobordertransp {
	border: 0px;
	background-color: transparent;
	background-image: none;
}
.bordertransp {
	background-color: transparent;
	background-image: none;
	border: none;
	font-weight: normal;
}
.websitebar .button.bordertransp {
	color: unset;
	text-decoration: unset !important;
	margin: 0px 4px 0px 4px  !important
}

.websitebar {
	border-bottom: 1px solid #ccc;
	background: #e6e6e6;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	z-index: 1000;
}
.centpercent.websitebar {
	width: calc(100% - 10px);
	font-size: 0.94em;
}
.websitebar .buttonDelete, .websitebar .button {
	text-shadow: none;
}
.websitebar .button, .websitebar .buttonDelete
{
	padding: 4px 5px 4px 5px !important;
	margin: 2px 4px 2px 4px  !important;
/*	line-height: normal; */
	background: #f5f5f5 !important;
	border: 1px solid #ccc !important;
}
.websiteselection {
	/* display: inline-block; */
	padding-right: 10px;
	vertical-align: middle;
	line-height: 28px;
}
.websiteselectionsection {
	font-size: 0.85em;
}
.websiteselection span {
	vertical-align: middle;
}
.websitetools {
	float: right;
}
.websiteselection, .websitetools {
	/* margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 3px; */
}
.websiteinputurl {
	display: inline-block;
	vertical-align: middle;
	line-height: 26px;
}
.websiteiframenoborder {
	border: 0px;
}
span.websiteselection span.select2.select2-container.select2-container--default {
	margin: 0 0 0 4px;
}
span.websitebuttonsitepreview, a.websitebuttonsitepreview {
	vertical-align: middle;
}
span.websitebuttonsitepreview img, a.websitebuttonsitepreview img {
	width: 26px;
	display: inline-block;
}
span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled img {
	opacity: 0.2;
}
.websitehelp {
	vertical-align: middle;
	float: right;
	padding-top: 8px;
}
.websiteselectionsection {
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	margin-left: 0px;
	padding-left: 8px;
	margin-right: 5px;
}
.websitebar input#previewpageurl {
	line-height: 1em;
}

.websitebar input.bordertransp {
	line-height: normal !important;
}

#divbodywebsite section p {
	margin: unset;
}


/* ============================================================================== */
/*  Module agenda                                                                 */
/* ============================================================================== */

.dayevent .tagtr:first-of-type {
	height: 24px;
}

.agendacell { height: 60px; }
table.cal_month    { border-spacing: 0px;  }
table.cal_month td:first-child  { border-left: 0px; }
table.cal_month td:last-child   { border-right: 0px; }
table.cal_month td { padding-left: 1px !important; padding-right: 1px !important; }
.cal_current_month { border-top: 0; border-left: solid 1px #E0E0E0; border-right: 0; border-bottom: solid 1px #E0E0E0; }
.cal_current_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B; border-right: 0; border-bottom: solid 1px #E0E0E0; }
.cal_current_month_oneday { border-right: solid 1px #E0E0E0; }
.cal_other_month   { border-top: 0; border-left: solid 1px #C0C0C0; border-right: 0; border-bottom: solid 1px #C0C0C0; }
.cal_other_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B !important; border-right: 0; }
.cal_current_month_right { border-right: solid 1px #E0E0E0; }
.cal_other_month_right   { border-right: solid 1px #C0C0C0; }
.cal_other_month   { /* opacity: 0.6; */ background: #EAEAEA; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_past_month    { /* opacity: 0.6; */ background: #EEEEEE; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_current_month { background: #FFFFFF; border-left: solid 1px #E0E0E0; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px !important; }
.cal_current_month_peruserleft { background: #FFFFFF; border-left: solid 2px #6C7C7B; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_today         { background: #FDFDF0; border-left: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_today_peruser { background: #FDFDF0; border-right: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_today_peruser_peruserleft { background: #FDFDF0; border-left: solid 2px #6C7C7B; border-right: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; padding-left: 2px; padding-right: 1px; padding-top: 0px; padding-bottom: 0px; }
.cal_past          { }
.cal_peruser       { padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 1px !important; padding-right: 1px !important; }
.cal_impair        {
	background: linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
	background: -o-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
	background: -moz-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
	background: -webkit-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
}
.cal_today_peruser_impair { background: #F8F8F0; }
.peruser_busy      { }
.peruser_notbusy   { opacity: 0.5; }
div.event { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; margin-top: 4px; border-radius: 4px; box-shadow: 2px 2px 5px rgba(100, 100, 100, 0.2); }
table.cal_event    { border: none; border-collapse: collapse; margin-bottom: 1px; min-height: 20px; filter: saturate(0.8); border-radius: 3px; }
table.cal_event td { border: none; padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; }
table.cal_event td.cal_event { padding: 4px 4px !important; padding-bottom: 2px !important; padding-top: 2px !important; }
table.cal_event td.cal_event_right { padding: 4px 4px !important; }
.cal_event              { font-size: 1em; }
.cal_event a:link       { color: #111111; font-weight: normal !important; }
.cal_event a:visited    { color: #111111; font-weight: normal !important; }
.cal_event a:active     { color: #111111; font-weight: normal !important; }
.cal_event_notbusy a.cal_event_title:hover { color: #111111; font-weight: normal !important; }
.cal_event_busy      { }
.cal_peruserviewname { max-width: 140px; height: 30px !important; }
.cal_event span.badge.badge-status { border: 1px solid #aaa; }
table.cal_month tr td table.nobordernopadding tr td { padding: 0 2px 0 2px; }
table.cal_month tr.liste_titre td.tdfordaytitle { min-width: 120px; }
a.dayevent-aday {
	padding-left: 8px;
}

.calendarviewcontainertr { height: 100px; }

td.cal_other_month {
	opacity: 0.8;
}



/* ============================================================================== */
/*  Ajax - Combo list for autocompletion                                          */
/* ============================================================================== */

.ui-widget-content {
	border: solid 1px rgba(0,0,0,.3);
	background: var(--colorbackbody) !important;
	color: var(--colortext) !important;
}
/*.ui-widget-header {
	background: var(--colorbacktitle);
}*/

.ui-autocomplete-loading { background: white url(/progiciel/htdocs/theme/eldy/img/working.gif) right center no-repeat; }
.ui-autocomplete {
		   position:absolute;
		   width:auto;
		   font-size: 1.0em;
		   background-color: var(--inputbackgroundcolor);
		   border:1px solid #888;
		   margin:0px;
/*	       padding:0px; This make combo crazy */
		 }
.ui-autocomplete ul {
		   list-style-type:none;
		   margin:0px;
		   padding:0px;
		 }
.ui-autocomplete ul li.selected { background-color: var(--inputbackgroundcolor);}
.ui-autocomplete ul li {
		   list-style-type:none;
		   display:block;
		   margin:0;
		   padding:2px;
		   height:18px;
		   cursor:pointer;
		 }


/* ============================================================================== */
/*  jQuery - jeditable for inline edit                                            */
/* ============================================================================== */

.editkey_textarea, .editkey_ckeditor, .editkey_string, .editkey_email, .editkey_numeric, .editkey_select, .editkey_autocomplete {
	background: url(/progiciel/htdocs/theme/eldy/img/edit.png) right top no-repeat;
	cursor: pointer;
	margin-right: 3px;
	margin-top: 3px;
}

.editkey_datepicker {
	background: url(/progiciel/htdocs/theme/eldy/img/calendar.png) right center no-repeat;
	margin-right: 3px;
	cursor: pointer;
	margin-right: 3px;
	margin-top: 3px;
}

.editval_textarea.active:hover, .editval_ckeditor.active:hover, .editval_string.active:hover, .editval_email.active:hover, .editval_numeric.active:hover, .editval_select.active:hover, .editval_autocomplete.active:hover, .editval_datepicker.active:hover {
	background: white;
	cursor: pointer;
}

.viewval_textarea.active:hover, .viewval_ckeditor.active:hover, .viewval_string.active:hover, .viewval_email.active:hover, .viewval_numeric.active:hover, .viewval_select.active:hover, .viewval_autocomplete.active:hover, .viewval_datepicker.active:hover {
	background: white;
	cursor: pointer;
}

.viewval_hover {
	background: white;
}


/* ============================================================================== */
/* Admin Menu                                                                     */
/* ============================================================================== */

/* CSS for treeview */
.treeview ul { background-color: transparent !important; margin-top: 0 !important; /* margin-bottom: 4px !important; padding-top: 2px !important; */ }
.treeview li { background-color: transparent !important; padding: 0 0 0 20px !important; min-height: 30px; }
.treeview .hitarea { width: 20px !important; margin-left: -20px !important; margin-top: 3px; }
.treeview li table { min-height: 30px; }
.treeview .hover { color: var(--colortextlink) !important; text-decoration: underline !important; }


/* ============================================================================== */
/*  Show Excel tabs                                                               */
/* ============================================================================== */

.table_data
{
	border-style:ridge;
	border:1px solid;
}
.tab_base
{
	background:#C5D0DD;
	font-weight:bold;
	border-style:ridge;
	border: 1px solid;
	cursor:pointer;
}
.table_sub_heading
{
	background:#CCCCCC;
	font-weight:bold;
	border-style:ridge;
	border: 1px solid;
}
.table_body
{
	background:#F0F0F0;
	font-weight:normal;
	font-family:sans-serif;
	border-style:ridge;
	border: 1px solid;
	border-spacing: 0px;
	border-collapse: collapse;
}
.tab_loaded
{
	background:#222222;
	color:white;
	font-weight:bold;
	border-style:groove;
	border: 1px solid;
	cursor:pointer;
}


/* ============================================================================== */
/*  CSS for color picker                                                          */
/* ============================================================================== */

A.color, A.color:active, A.color:visited {
 position : relative;
 display : block;
 text-decoration : none;
 width : 10px;
 height : 10px;
 line-height : 10px;
 margin : 0px;
 padding : 0px;
 border : 1px inset white;
}
A.color:hover {
 border : 1px outset white;
}
A.none, A.none:active, A.none:visited, A.none:hover {
 position : relative;
 display : block;
 text-decoration : none;
 width : 10px;
 height : 10px;
 line-height : 10px;
 margin : 0px;
 padding : 0px;
 cursor : default;
 border : 1px solid #b3c5cc;
}
.tblColor {
 display : none;
}
.tdColor {
 padding : 1px;
}
.tblContainer {
 background-color : #b3c5cc;
}
.tblGlobal {
 position : absolute;
 top : 0px;
 left : 0px;
 display : none;
 background-color : #b3c5cc;
 border : 2px outset;
}
.tdContainer {
 padding : 5px;
}
.tdDisplay {
 width : 50%;
 height : 20px;
 line-height : 20px;
 border : 1px outset white;
}
.tdDisplayTxt {
 width : 50%;
 height : 24px;
 line-height : 12px;
 font-family : arial,tahoma,verdana,helvetica;
 font-size : 8pt;
 color : black;
 text-align : center;
}
.btnColor {
 width : 100%;
 font-family : arial,tahoma,verdana,helvetica;
 font-size : 10pt;
 padding : 0px;
 margin : 0px;
}
.btnPalette {
 width : 100%;
 font-family : arial,tahoma,verdana,helvetica;
 font-size : 8pt;
 padding : 0px;
 margin : 0px;
}


/* Style to overwrites JQuery styles */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #888;
	background: var(--colorbacktitle1);
	color: unset;
}

.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	font-weight: normal;
	font-family:arial,tahoma,verdana,helvetica;
	font-size:1em;
}
.ui-widget {
	font-family:arial,tahoma,verdana,helvetica;
}
/* .ui-button { margin-left: -2px;  } */
.ui-button { margin-left: -2px; }
.ui-button-icon-only .ui-button-text { height: 8px; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 2px 0px 6px 0px; }
.ui-button-text
{
	line-height: 1em !important;
}
.ui-autocomplete-input { margin: 0; padding: 4px; }


/* ============================================================================== */
/*  CKEditor                                                                      */
/* ============================================================================== */

body.cke_show_borders {
	margin: 5px !important;
}

.cke_dialog {
	border: 1px #bbb solid ! important;
}
/*.cke_editor table, .cke_editor tr, .cke_editor td
{
	border: 0px solid #FF0000 !important;
}
span.cke_skin_kama { padding: 0 !important; }*/
.cke_wrapper { padding: 4px !important; }
a.cke_dialog_ui_button
{
	font-family: arial,tahoma,verdana,helvetica !important;
	background-image: url(/progiciel/htdocs/theme/eldy/img/button_bg.png) !important;
	background-position: bottom !important;
	border: 1px solid #C0C0C0 !important;
	-webkit-border-radius:0px 5px 0px 5px !important;
	border-radius:0px 5px 0px 5px !important;
	-webkit-box-shadow: 3px 3px 4px #DDD !important;
	box-shadow: 3px 3px 4px #DDD !important;
}
.cke_dialog_ui_hbox_last
{
	vertical-align: bottom !important;
}
.cke_dialog_ui_hbox_first {
	vertical-align: middle !important;
}
.cke_combo_text {
	width: 40px !important;
}
/*
.cke_editable
{
	line-height: 1.4 !important;
	margin: 6px !important;
}
*/
a.cke_dialog_ui_button_ok span {
	text-shadow: none !important;
	color: #333 !important;
}


/* ============================================================================== */
/*  ACE editor                                                                    */
/* ============================================================================== */
.ace_editor {
	border: 1px solid #ddd;
	margin: 0;
}
.aceeditorstatusbar {
		margin: 0;
		padding: 0;
		padding-left: 10px;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ebebeb;
		height: 28px;
		line-height: 2.2em;
}
.ace_status-indicator {
		color: gray;
		position: relative;
		right: 0;
		border-left: 1px solid;
}
pre#editfilecontentaceeditorid {
	margin-top: 5px;
}


/* ============================================================================== */
/*  File upload                                                                   */
/* ============================================================================== */

.template-upload {
	height: 72px !important;
}


/* ============================================================================== */
/*  Custom reports                                                                */
/* ============================================================================== */

.customreportsoutput, .customreportsoutputnotdata {
	padding-top: 20px;
}
.customreportsoutputnotdata {
	text-align: center;
}


/* ============================================================================== */
/*  Holiday                                                                       */
/* ============================================================================== */

#types .btn {
	cursor: pointer;
}

#types .btn-primary {
	font-weight: bold;
}

#types form {
	padding: 20px;
}

#types label {
	display:inline-block;
	width:100px;
	margin-right: 20px;
	padding: 4px;
	text-align: right;
	vertical-align: top;
}

#types input.text, #types textarea {
	width: 400px;
}

#types textarea {
	height: 100px;
}


/* ============================================================================== */
/*  Comments                                                                   	  */
/* ============================================================================== */

#comment div {
	box-sizing:border-box;
}
#comment .comment {
	border-radius:7px;
	margin-bottom:10px;
	overflow:hidden;
}
#comment .comment-table {
	display:table;
	height:100%;
}
#comment .comment-cell {
	display:table-cell;
}
#comment .comment-info {
	font-size:0.8em;
	border-right:1px solid #dedede;
	margin-right:10px;
	width:160px;
	text-align:center;
	background:rgba(255,255,255,0.5);
	vertical-align:middle;
	padding:10px 2px;
}
#comment .comment-info a {
	color:inherit;
}
#comment .comment-right {
	vertical-align:top;
}
#comment .comment-description {
	padding:10px;
	vertical-align:top;
}
#comment .comment-delete {
	width: 100px;
	text-align:center;
	vertical-align:middle;
}
#comment .comment-delete:hover {
	background:rgba(250,20,20,0.8);
}
#comment .comment-edit {
	width: 100px;
	text-align:center;
	vertical-align:middle;
}
#comment .comment-edit:hover {
	background:rgba(0,184,148,0.8);
}
#comment textarea {
	width: 100%;
}



/* ============================================================================== */
/*  JSGantt                                                                       */
/* ============================================================================== */

div.scroll2 {
	width: 450px !important;
}

div#GanttChartDIVglisthead, div#GanttChartDIVgcharthead {
	line-height: 2;
}

.gtaskname div, .gtaskname, .gstartdate div, .gstartdate, .genddate div, .genddate {
	font-size: unset !important;
}

div.gantt, .gtaskheading, .gmajorheading, .gminorheading, .gminorheadingwkend {
	font-size: unset !important;
	font-weight: normal !important;
	color: #000 !important;
}
div.gTaskInfo {
	background: #f0f0f0 !important;
}
.gtaskblue {
	background: rgb(108,152,185) !important;
}
.gtaskgreen {
	background: rgb(160,173,58) !important;
}
td.gtaskname {
	overflow: hidden;
	text-overflow: ellipsis;
}
td.gminorheadingwkend {
	color: #888 !important;
}
td.gminorheading {
	color: #666 !important;
}
.glistlbl, .glistgrid {
	width: 582px !important;
}
/*.gtaskname div, .gtaskname {
	min-width: 250px !important;
	max-width: 250px !important;
	width: 250px !important;
}*/
.gtaskname div, .gtaskname {
	min-width: 250px !important;
	max-width: unset !important;
	width: unset !important;
}
.gpccomplete div, .gpccomplete {
	min-width: 40px !important;
	max-width: 40px !important;
	width: 40px !important;
}
td.gtaskheading.gstartdate, td.gtaskheading.genddate {
	white-space: break-spaces;
}
.gtasktableh tr:nth-child(2) td:nth-child(2), .gtasktableh tr:nth-child(2) td:nth-child(3), .gtasktableh tr:nth-child(2) td:nth-child(4), .gtasktableh tr:nth-child(2) td:nth-child(5), .gtasktableh tr:nth-child(2) td:nth-child(6), .gtasktableh tr:nth-child(2) td:nth-child(7) {
	color: transparent !important;
	border-left: none;
	border-right: none;
	border-top: none;
}

/* ============================================================================== */
/*  jFileTree                                                                     */
/* ============================================================================== */

.ecmfiletree {
	width: 99%;
	height: 99%;
	padding-left: 2px;
	font-weight: normal;
}

.fileview {
	width: 99%;
	height: 99%;
	background: #FFF;
	padding-left: 2px;
	padding-top: 4px;
	font-weight: normal;
}

div.filedirelem {
	position: relative;
	display: block;
	text-decoration: none;
}

ul.filedirelem {
	padding: 2px;
	margin: 0 5px 5px 5px;
}
ul.filedirelem li {
	list-style: none;
	padding: 2px;
	margin: 0 10px 20px 10px;
	width: 160px;
	height: 120px;
	text-align: center;
	display: block;
	float: left;
	border: solid 1px #DDDDDD;
}

ul.ecmjqft {
	line-height: 32px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

ul.ecmjqft li {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
	display: block;
}

ul.ecmjqft a {
	line-height: 24px;
	vertical-align: middle;
	color: unset;
	padding: 0px 0px;
	font-weight:normal;
	display: inline-block !important;
}
ul.ecmjqft > a {
	width: calc(100% - 100px);
	overflow: hidden;
	white-space: break-spaces;
	word-break: break-all;
}
ul.ecmjqft a:active {
	font-weight: bold !important;
}
ul.ecmjqft a:hover {
	text-decoration: underline;
}
div.ecmjqft {
	vertical-align: middle;
	display: inline-block !important;
	text-align: right;
	float: right;
	right:4px;
	clear: both;
}
#ecm-layout-north {
	min-height: 40px;
}
#ecm-layout-north div.attachareaformuserfileecm {
	padding-bottom: 0px;
}
div#ecm-layout-west {
	width: 380px;
	vertical-align: top;
}
div#ecm-layout-center {
	width: calc(100% - 390px);
	vertical-align: top;
	float: right;
}

.ecmjqft LI.directory { font-weight:normal; background: url(/progiciel/htdocs/theme/common/treemenu/folder2.png) left top no-repeat; background-position-y: 8px; }
.ecmjqft LI.expanded { font-weight:normal; background: url(/progiciel/htdocs/theme/common/treemenu/folder2-expanded.png) left top no-repeat; background-position-y: 8px; }
.ecmjqft LI.wait { font-weight:normal; background: url(/progiciel/htdocs/theme/eldy/img/working.gif) left top no-repeat; }


/* ============================================================================== */
/*  jNotify                                                                       */
/* ============================================================================== */

.jnotify-container {
	position: fixed !important;
	text-align: center;
	min-width: 480px;
	width: auto;
	max-width: 1024px;
	padding-left: 10px !important;
	padding-right: 10px !important;
	word-wrap: break-word;
}
.jnotify-container .jnotify-notification .jnotify-message {
	font-weight: normal;
	text-align: start;
	word-break: break-word;
}
.jnotify-container .jnotify-notification-warning .jnotify-close, .jnotify-container .jnotify-notification-warning .jnotify-message {
	color: #a28918 !important;
}

/* use or not ? */
div.jnotify-background {
	opacity : 0.95 !important;
	-webkit-box-shadow: 2px 2px 4px #888 !important;
	box-shadow: 2px 2px 4px #888 !important;
}

/* ============================================================================== */
/*  blockUI                                                                      */
/* ============================================================================== */

/*div.growlUI { background: url(check48.png) no-repeat 10px 10px }*/
div.dolEventValid h1, div.dolEventValid h2 {
	color: #567b1b;
	background-color: #e3f0db;
	padding: 5px 5px 5px 5px;
	text-align: left;
}
div.dolEventError h1, div.dolEventError h2 {
	color: #a72947;
	background-color: #d79eac;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

/* ============================================================================== */
/*  Maps                                                                          */
/* ============================================================================== */

.divmap, #google-visualization-geomap-embed-0, #google-visualization-geomap-embed-1, #google-visualization-geomap-embed-2 {
}


/* ============================================================================== */
/*  Datatable                                                                     */
/* ============================================================================== */

table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
  background: none !important;
}
.sorting_asc  { background: url('/progiciel/htdocs/theme/eldy/img/sort_asc.png') no-repeat center right !important; }
.sorting_desc { background: url('/progiciel/htdocs/theme/eldy/img/sort_desc.png') no-repeat center right !important; }
.sorting_asc_disabled  { background: url('/progiciel/htdocs/theme/eldy/img/sort_asc_disabled.png') no-repeat center right !important; }
.sorting_desc_disabled { background: url('/progiciel/htdocs/theme/eldy/img/sort_desc_disabled.png') no-repeat center right !important; }
.dataTables_paginate {
	margin-top: 8px;
}
.paginate_button_disabled {
  opacity: 1 !important;
  color: #888 !important;
  cursor: default !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover
{
	font-weight: normal;
}
.paginate_enabled_previous:hover, .paginate_enabled_next:hover
{
	text-decoration: underline !important;
}
.paginate_active
{
	text-decoration: underline !important;
}
.paginate_button
{
	font-weight: normal !important;
	text-decoration: none !important;
}
.paging_full_numbers {
	height: inherit !important;
}
.paging_full_numbers a.paginate_active:hover, .paging_full_numbers a.paginate_button:hover {
	background-color: var(--colorbackbody) !important;
}
.paging_full_numbers, .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button {
	background-color: var(--colorbackbody) !important;
	border-radius: inherit !important;
}
.paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.disabled:hover {
	background-color: var(--colorbackbody) !important;
}
.paginate_button, .paginate_active {
  border: 1px solid #ddd !important;
  padding: 6px 12px !important;
  margin-left: -1px !important;
  line-height: 1.42857143 !important;
  margin: 0 0 !important;
}

/* For jquery plugin combobox */
/* Disable this. It breaks wrapping of boxes
.ui-corner-all { white-space: nowrap; } */

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, .paginate_button_disabled {
	opacity: .35;
	background-image: none;
}

div.dataTables_length {
	float: right !important;
	padding-left: 8px;
}
div.dataTables_length select {
	background: #fff;
}
.dataTables_wrapper .dataTables_paginate {
	padding-top: 0px !important;
}

/* ============================================================================== */
/*  Select2                                                                       */
/* ============================================================================== */

span.select2-selection--single.flat[aria-disabled="true"] span.select2-selection__rendered {
	opacity: 0.5;
}

span#select2-taskid-container[title^='--'] {
	opacity: 0.3;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--colorbackhmenu1);
	color: var(--colortextbackhmenu);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] span {
	color: #fff !important;
}

span.select2.select2-container.select2-container--default {
	text-align: initial;
		border-left: none;
	border-top: none;
	border-right: none;
	}
span.select2.select2-container.select2-container--default {
		/*border-bottom: solid 1px var(--inputbordercolor);*/
	}

input.select2-input {
	border-bottom: none ! important;
}
.select2-choice {
	border: none;
	border-bottom: solid 1px var(--inputbordercolor) !important;	/* required to avoid to lose bottom line when focus is lost on select2. */
}
.select2-results .select2-highlighted.optionblue {
	color: #FFF !important;
}
.select2-container .select2-selection--multiple {
	min-height: 28px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top: 5px !important;
	border: none;
}
.select2-container--focus span.select2-selection.select2-selection--single {
	border-bottom: 1px solid var(--inputbordercolor) !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.blockvmenusearch .select2-container--default .select2-selection--single,
.blockvmenubookmarks .select2-container--default .select2-selection--single
{
	background-color: var(--colorbackvmenu1);
}
.select2-container--default .select2-selection--single {
	background-color: var(--inputbackgroundcolor);
}
#blockvmenusearch .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--colortextbackvmenu);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--colortext);
	/* background-color: var(--inputbackgroundcolor); */
}
.select2-default {
	color: #999 !important;
}
.select2-choice, .select2-container .select2-choice {
	border-bottom: solid 1px rgba(0,0,0,.4);
}
.select2-container .select2-choice > .select2-chosen {
	margin-right: 23px;
}
.select2-container .select2-choice .select2-arrow {
	border-radius: 0;
	background: transparent;
}
.select2-container-multi .select2-choices {
	background-image: none;
}
.select2-container .select2-choice {
	color: var(--colortext);
	border-radius: 0;
}
.selectoptiondisabledwhite {
	background: #FFFFFF !important;
}
.select2-arrow {
	border: none;
	border-left: none !important;
	background: none !important;
}
.select2-choice
{
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}
.select2-drop.select2-drop-above {
	box-shadow: none !important;
}
.select2-container--open .select2-dropdown--above {
	border-bottom: solid 1px var(--inputbordercolor);
}
.select2-drop.select2-drop-above.select2-drop-active {
	border-top: 1px solid #ccc;
	border-bottom: solid 1px var(--inputbordercolor);
}
.select2-container--default .select2-selection--single
{
	outline: none;
		border-top: none;
	border-left: none;
	border-right: none;
	
	border-bottom: solid 1px var(--inputbordercolor);

	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 3px;
}
.select2-container--focus .select2-container--default .select2-selection--single {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.select2-container--default .select2-selection--multiple {
	border-bottom: solid 1px var(--inputbordercolor);
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 3px;
	background: var(--inputbackgroundcolor);
	line-height: normal;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	line-height: 1.4em;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #ddd;
	margin-top: 4px !important;
}
.select2-selection--multiple input.select2-search__field {
	border-bottom: none !important;
}

.select2-search__field
{
	outline: none;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: solid 1px var(--inputbordercolor) !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	/* color: black; */
}
.select2-container-active .select2-choice, .select2-container-active .select2-choices
{
	outline: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.select2-dropdown {
	/*background-color: var(--colorbackvmenu1);
	border: 1px solid var(--colorbackvmenu1); */
	box-shadow: 1px 2px 10px var(--colorbackvmenu1);
	background-color: var(--colorbackbody);
	color: var(--colortext);
}
.select2-dropdown-open {
	background-color: var(--colorbackvmenu1);
}
.select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices
{
	outline: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-color: var(--colorbackvmenu1);
}
.select2-disabled
{
	color: #888;
}
.select2-drop.select2-drop-above.select2-drop-active, .select2-drop {
	border-radius: 0;
}
.select2-drop.select2-drop-above {
	border-radius:  0;
}
.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
	background-image: none;
	border-radius: 0 !important;
}
div.select2-drop-above
{
	background: var(--colorbackvmenu1);e
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.select2-drop-active
{
	border: 1px solid #ccc;
	padding-top: 4px;
}
.select2-search input {
	border: none;
}
a span.select2-chosen
{
	font-weight: normal !important;
}
.select2-container .select2-choice {
	background-image: none;
	/* line-height: 24px; */
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit
{
	background: var(--colorbackvmenu1);
}
.select2-results {
	max-height:	400px;
}
.select2-results__option {
	word-break: break-word;
	text-align: left;
}
.select2-container.select2-container-disabled .select2-choice, .select2-container-multi.select2-container-disabled .select2-choices {
	background-color: var(--colorbackvmenu1);
	background-image: none;
	border: none;
	cursor: default;
}
.select2-container-disabled .select2-choice .select2-arrow b {
	opacity: 0.4;
}
.select2-container-multi .select2-choices .select2-search-choice {
	margin-bottom: 3px;
}
.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi .select2-choices,
.select2-container-multi.select2-container-active .select2-choices
{
	border-bottom: 1px solid #ccc;
	border-right: none;
	border-top: none;
	border-left: none;

}
.select2-container--default .select2-results>.select2-results__options{
	max-height: 400px;
}

/* Special case for the select2 add widget */
#addbox .select2-container .select2-choice > .select2-chosen, #actionbookmark .select2-container .select2-choice > .select2-chosen {
	text-align: left;
	opacity: 0.4;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--colortext);
	opacity: 0.4;
}
span#select2-boxbookmark-container, span#select2-boxcombo-container {
	text-align: left;
}
span#select2-boxbookmark-container {
	opacity: 0.4;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 6px;
}
/* Style used before the select2 js is executed on boxcombo */
#boxbookmark.boxcombo, #boxcombo.boxcombo {
	text-align: left;
	opacity: 0.4;
	border-bottom: solid 1px rgba(0,0,0,.4) !important;
	height: 26px;
	line-height: 24px;
	padding: 0 0 2px 0;
	vertical-align: top;
}

/* To emulate select 2 style */
.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
  padding: 3px 5px 2px 5px;
  margin: 0 0 2px 3px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px var(--inputbackgroundcolor) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px var(--inputbackgroundcolor) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: var(--inputbackgroundcolor);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
	font-weight: normal;
}
.select2-container-multi-dolibarr .select2-choices-dolibarr li {
  float: left;
  list-style: none;
}
.select2-container-multi-dolibarr .select2-choices-dolibarr {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  cursor: text;
  overflow: hidden;
}

ul.select2-results__options li {
	font-size: 0.95em;
}

select.multiselectononeline {
	padding: 0;
	vertical-align: middle;
	min-height: unset;
	height: 28px !important;
	opacity: 0;
	/* width: 1px !important; */
}

@media only screen and (min-width: 767px)
{
	/* CSS to have the dropdown boxes larger that the input search area */
	.select2-container.select2-container--open .select2-dropdown.ui-dialog {
		min-width: 220px !important;
	}
	.select2-container.select2-container--open .select2-dropdown--below,
	.select2-container.select2-container--open .select2-dropdown--above {
		min-width: 220px !important;
	}
	.onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--below,
	.onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--above{
		min-width: 140px !important;
	}

	.select2-container--open .select2-dropdown--below {
		border-top: 1px solid var(--inputbordercolor);
		/* border-top: 1px solid #aaaaaa; */
	}
}


/* ============================================================================== */
/*  For categories                                                                */
/* ============================================================================== */

.noborderoncategories {
	border: none !important;
	border-radius: 5px !important;
	box-shadow: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	margin-top: 1px !important;
	margin-bottom: 0 !important;
}
span.noborderoncategories a, li.noborderoncategories a {
	line-height: normal;
	/* vertical-align: top; */
}
span.noborderoncategories {
	padding: 3px 5px 3px 5px;
	display: inline-block;
}
.categtextwhite, .treeview .categtextwhite.hover {
	color: #fff !important;
}
.categtextblack {
	color: #000 !important;
}


/* ============================================================================== */
/*  External lib multiselect with checkbox                                        */
/* ============================================================================== */

.multi-select-menu {
	z-index: 10;
}

.multi-select-container {
  display: inline-block;
  position: relative;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 0.8em;
  float: left;
  min-width: 100%;
  background: var(--inputbackgroundcolor);
  margin: 1em 0;
  padding: 0.4em 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
}

.multi-select-menu input {
  margin-right: 0.3em;
  vertical-align: 0.1em;
}

.multi-select-button {
  display: inline-block;
  max-width: 20em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  background-color: var(--inputbackgroundcolor);
  cursor: default;

  border: none;
  border-bottom: solid 1px var(--inputbordercolor);
  padding: 5px;
  padding-left: 2px;
  height: 17px;
  border-radius: 3px;
}
.multi-select-button:focus {
  outline: none;
  border-bottom: 1px solid #666;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5em 0.23em 0em 0.23em;
  border-color: #444 transparent transparent transparent;
  margin-left: 0.4em;
}

.multi-select-container--open .multi-select-menu { display: block; }

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}

.multi-select-menuitem {
	clear: both;
	float: left;
	padding-left: 5px;
}
label.multi-select-menuitem {
	line-height: 24px;
}


/* ============================================================================== */
/*  Native multiselect with checkbox                                              */
/* ============================================================================== */

ul.ulselectedfields {
	z-index: 95;			/* To have the select box appears on first plan even when near buttons are decorated by jmobile */
}
dl.dropdown {
	margin:0px;
	margin-left: 2px;
	margin-right: 2px;
	padding:0px;
	vertical-align: middle;
	display: inline-block;
}
.dropdown dd, .dropdown dt {
	margin:0px;
	padding:0px;
}
.dropdown ul {
	margin: -1px 0 0 0;
	text-align: left;
}
.dropdown dd {
	position:relative;
}
.dropdown dt a {
	display:block;
	overflow: hidden;
	border:0;
}
.dropdown dt a span, .multiSel span {
	cursor:pointer;
	display:inline-block;
	padding: 0 3px 2px 0;
}
.maxwidthsearch .dropdown dt a span, .multiSel span {
	padding: 0 3px 2px 3px;
}
.dropdown span.value {
	display:none;
}
.dropdown dd ul {
	background-color: var(--inputbackgroundcolor);
	box-shadow: 1px 1px 10px #aaa;
	display:none;
	right:0px;						/* pop is align on right */
	padding: 0 0 0 0;
	position:absolute;
	top:2px;
	list-style:none;
	max-height: 264px;
	overflow: auto;
	border-radius: 2px;
	z-index: 1;
}
.dropdown dd ul.selectedfieldsleft {
	right: auto;
}
.dropdown dd ul li {
	white-space: nowrap;
	font-weight: normal;
	padding: 7px 8px 7px 8px;
	/* color: var(--colortext); */
	color: var(--colortext);
}
.dropdown dd ul li:hover {
	background: #eee;
}
.dropdown dd ul li input[type="checkbox"] {
	margin-right: 3px;
}
.dropdown dd ul li a, .dropdown dd ul li span {
	padding: 3px;
	display: block;
}
.dropdown dd ul li span {
	color: #888;
}
/*.dropdown dd ul li a:hover {
	background-color: var(--inputbackgroundcolor);
}*/
dd.dropdowndd ul li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* ============================================================================== */
/* Kanban                                                                         */
/* ============================================================================== */

.info-box-label {
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* ============================================================================== */
/*  Markdown rendering                                                             */
/* ============================================================================== */

.imgmd {
	width: 90%;
}
.moduledesclong h1 {
	padding-top: 10px;
	padding-bottom: 20px;
}


/* ============================================================================== */
/*  JMobile - Android                                                             */
/* ============================================================================== */

.searchpage .tagtr .tagtd {
	padding-top: 2px;
	padding-bottom: 2px;
}
.searchpage .tagtr .tagtd .button {
	background: unset;
	border: unset;
}
.searchpage .searchform input {
	font-size: 1.15em;
}


li.ui-li-divider .ui-link {
	color: #FFF !important;
}
.ui-btn {
	margin: 0 2px;
}
a.ui-link, a.ui-link:hover, .ui-btn:hover, span.ui-btn-text:hover, span.ui-btn-inner:hover {
	text-decoration: none !important;
}
.ui-body-c {
	background: #fff;
}

.ui-btn-inner {
	min-width: .4em;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 0.92em;
	/* white-space: normal; */		/* Warning, enable this break the truncate feature */
}
.ui-btn-icon-right .ui-btn-inner {
	padding-right: 30px;
}
.ui-btn-icon-left .ui-btn-inner {
	padding-left: 30px;
}
.ui-select .ui-btn-icon-right .ui-btn-inner {
	padding-right: 30px;
}
.ui-select .ui-btn-icon-left .ui-btn-inner {
	padding-left: 30px;
}
.ui-select .ui-btn-icon-right .ui-icon {
	right: 8px;
}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	margin-top: -10px;
}
select {
	/* display: inline-block; */	/* We can't set this. This disable ability to make */
	overflow:hidden;
	white-space: nowrap;			/* Enabling this make behaviour strange when selecting the empty value if this empty value is '' instead of '&nbsp;' */
	text-overflow: ellipsis;
}
.fiche .ui-controlgroup {
	margin: 0px;
	padding-bottom: 0px;
}
div.ui-controlgroup-controls div.tabsElem
{
	margin-top: 2px;
}
div.ui-controlgroup-controls div.tabsElem a
{
	-webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.2);
	box-shadow: 0 -3px 6px rgba(0,0,0,.2);
}
div.ui-controlgroup-controls div.tabsElem a#active {
	-webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.3);
	box-shadow: 0 -3px 6px rgba(0,0,0,.3);
}

a.tab span.ui-btn-inner
{
	border: none;
	padding: 0;
}

.ui-link {
	color: var(--colortext);
}
.liste_titre .ui-link {
	color: var(--colortexttitle) !important;
}

a.ui-link {
	word-wrap: break-word;
}

/* force wrap possible onto field overflow does not works */
.formdoc .ui-btn-inner
{
	white-space: normal;
	overflow: hidden;
	text-overflow: clip; /* "hidden" : do not exists as a text-overflow value (https://developer.mozilla.org/fr/docs/Web/CSS/text-overflow) */
}

/* Warning: setting this may make screen not beeing refreshed after a combo selection */
/*.ui-body-c {
	background: #fff;
}*/

div.ui-radio, div.ui-checkbox
{
	display: inline-block;
	border-bottom: 0px !important;
}
.ui-checkbox input, .ui-radio input {
	height: auto;
	width: auto;
	margin: 4px;
	position: static;
}
div.ui-checkbox label+input, div.ui-radio label+input {
	position: absolute;
}
.ui-mobile fieldset
{
	padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #AAAAAA !important;
}

ul.ulmenu {
	border-radius: 0;
	-webkit-border-radius: 0;
}

.ui-field-contain label.ui-input-text {
	vertical-align: middle !important;
}
.ui-mobile fieldset {
	border-bottom: none !important;
}

/* Style for first level menu with jmobile */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
	padding: 1em 15px;
	display: block;
}
.ui-btn-up-c {
	font-weight: normal;
}
.ui-focus, .ui-btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ui-bar-b {
	/*border: 1px solid #888;*/
	border: none;
	background: none;
	text-shadow: none;
	color: var(--colortexttitlenotab) !important;
}
.ui-bar-b, .lilevel0 {
	background-repeat: repeat-x;
	border: none;
	background: none;
	text-shadow: none;
	color: var(--colortexttitlenotab) !important;
}
.alilevel0 {
	font-weight: normal !important;
}

.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child {
	border-bottom-width: 0px !important;
}
.alilevel0 {
	color: var(--colortexttitle) !important;
	background: var(--colorbackmobilemenu);
}
.ulmenu {
	box-shadow: none !important;
	border-bottom: 1px solid #ccc;
}
.ui-btn-icon-right {
	border-right: 1px solid #ccc !important;
}
.ui-body-c {
	border: 1px solid #ccc;
	text-shadow: none;
}
.ui-btn-up-c, .ui-btn-hover-c {
	/* border: 1px solid #ccc; */
	text-shadow: none;
}
.ui-body-c .ui-link, .ui-body-c .ui-link:visited, .ui-body-c .ui-link:hover {
	color: var(--colortextlink);
}
.ui-btn-up-c .vsmenudisabled {
	color: #888888 !important;
	text-shadow: none !important;
}
div.tabsElem a.tab {
	background: transparent;
}
.alilevel1 {
	color: var(--colortexttitlenotab) !important;
}
.lilevel1 {
	border-top: 2px solid #444;
	background: #fff ! important;
}
.lilevel1 div div a {
	font-weight: bold !important;
}
.lilevel2
{
	padding-left: 22px;
	background: #fff ! important;
}
.lilevel3
{
	padding-left: 44px;
	background: #fff ! important;
}
.lilevel4
{
	padding-left: 66px;
	background: #fff ! important;
}
.lilevel5
{
	padding-left: 88px;
	background: #fff ! important;
}



/* ============================================================================== */
/*  POS                                                                           */
/* ============================================================================== */

.menu_choix1,.menu_choix2 {
	font-size: 1.4em;
	text-align: left;
	border: 1px solid #666;
	margin-right: 20px;
}
.menu_choix1 a, .menu_choix2 a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-top: 18px;
	padding-left: 10px;
	font-size: 14px;
	height: 38px;
}
.menu_choix1 a:hover,.menu_choix2 a:hover {
	color: #6d3f6d;
}
.menu li.menu_choix1 {
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 2px;
}
.menu li.menu_choix2 {
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 2px;
}
@media only screen and (max-width: 767px)
{
	.menu_choix1 a, .menu_choix2 a {
		background-size: 36px 36px;
		height: 30px;
		padding-left: 40px;
	}
	.menu li.menu_choix1, .menu li.menu_choix2 {
		padding-left: 4px;
		padding-right: 0;
	}
	.liste_articles {
		margin-right: 0 !important;
	}
}


/* ============================================================================== */
/*  Public                                                                        */
/* ============================================================================== */

/* The theme for public pages */
.public_body {
	margin: 20px;
}
.public_border {
	border: 1px solid #888;
}



/* ============================================================================== */
/* Ticket module                                                                  */
/* ============================================================================== */

.ticketpublictable td {
	height: 28px;
}

.ticketpublicarea {
	margin-left: 15%;
	margin-right: 15%;
}
.publicnewticketform {
	/* margin-top: 25px !important; */
}
.ticketlargemargin {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 30px;
}
@media only screen and (max-width: 767px)
{
	.ticketlargemargin {
		padding-left: 5px; padding-right: 5px;
		padding-top: 10px;
	}
	.ticketpublicarea {
		margin-left: 10px;
		margin-right: 10px;
	}
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
	margin-bottom: 3em;
  }
  #cd-timeline::before {
	left: 50%;
	margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
	margin: 4em 0;
  }
  .cd-timeline-block:first-child {
	margin-top: 0;
  }
  .cd-timeline-block:last-child {
	margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
  background: #d7e4ed;
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
	width: 60px;
	height: 60px;
	left: 50%;
	margin-left: -30px;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
	visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
	visibility: visible;
	-webkit-animation: cd-bounce-1 0.6s;
	-moz-animation: cd-bounce-1 0.6s;
	animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
	opacity: 0;
	-webkit-transform: scale(0.5);
  }

  60% {
	opacity: 1;
	-webkit-transform: scale(1.2);
  }

  100% {
	-webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
	opacity: 0;
	-moz-transform: scale(0.5);
  }

  60% {
	opacity: 1;
	-moz-transform: scale(1.2);
  }

  100% {
	-moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
  }

  60% {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
  }

  100% {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
  background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.cd-timeline-content .cd-date {
  float: left;
  padding: .2em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
	font-size: 20px;
	font-size: 1.25rem;
  }
  .cd-timeline-content {
	font-size: 16px;
	font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	font-size: 14px;
	font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
	margin-left: 0;
	padding: 1.6em;
	width: 43%;
  }
  .cd-timeline-content::before {
	top: 24px;
	left: 100%;
	border-color: transparent;
	border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
	float: left;
  }
  .cd-timeline-content .cd-date {
	position: absolute;
	width: 55%;
	left: 115%;
	top: 6px;
	font-size: 16px;
	font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
	float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
	top: 24px;
	left: auto;
	right: 100%;
	border-color: transparent;
	border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
	float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
	left: auto;
	right: 115%;
	text-align: right;
  }

}


/* ============================================================================== */
/* CSS style for debugbar                                                         */
/* ============================================================================== */

div.phpdebugbar * {
	font-weight: unset;
}
span.phpdebugbar-tooltip.phpdebugbar-tooltip-extra-wide, span.phpdebugbar-tooltip.phpdebugbar-tooltip-wide {
	width: 250px !important;
}
.phpdebugbar-indicator span.phpdebugbar-tooltip {
	opacity: .95 !important;
}
a.phpdebugbar-tab.phpdebugbar-active {
	background-image: unset !important;
}
.phpdebugbar-fa-tags:before {
	content: "\f121";
	font-weight: 600 !important;
}
.phpdebugbar-fa-tasks:before {
	content: "\f550";
	font-weight: 600 !important;
}
.phpdebugbar-fa-tags, .phpdebugbar-fa-tasks, .phpdebugbar-indicator .fa {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
}
div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-warning:before,
div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-error:before,
div.phpdebugbar-widgets-exceptions a.phpdebugbar-widgets-editor-link:before,
div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-database:before,
div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-duration:before,
div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-memory:before,
div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-row-count:before,
div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard:before,
div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-stmt-id:before,
div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-render-time:before,
div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-memory:before,
div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-param-count:before,
div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-type:before,
div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
{
	font-family: "Font Awesome 5 Free" !important;
}

/* ============================================================================== */
/* CSS style used for jCrop                                                       */
/* ============================================================================== */

.jcrop-holder { background: unset !important; }


/* ============================================================================== */
/* CSS style used for jFlot                                                       */
/* ============================================================================== */

.dol-xaxis-vertical .flot-x-axis .flot-tick-label.tickLabel {
	text-orientation: sideways;
	font-weight: 400;
	writing-mode: vertical-rl;
	white-space: nowrap;
}


/* ============================================================================== */
/* For copy-paste feature                                                         */
/* ============================================================================== */

span.clipboardCPValueToPrint, div.clipboardCPValueToPrint  {
	display: inline-block;
}
span.clipboardCPValue.hidewithsize {
	width: 0 !important;
	display: inline-block;	/* this will be modifiy on the fly by the copy-paste js code in lib_foot.js.php to have copy feature working */
	color: transparent;
	white-space: nowrap;
	overflow-x: hidden;
	vertical-align: middle;
}
div.clipboardCPValue.hidewithsize {
	width: 0 !important;
	display: none;
	color: transparent;
	white-space: nowrap;
}

.clipboardCPShowOnHover .clipboardCPButton {
	display: none;
}

/* To make a div popup, we must use a position aboluste inside a position relative */
.clipboardCPText {
	position: relative;
}
.clipboardCPTextDivInside {
	position: absolute;
	background: #f8f8fa;
	color: #888;
	border: 1px solid #E0E0E0;
	opacity: 1;
	z-index: 20;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	top: -5px;
	left: 0px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 0.9em;
	box-shadow: 1px 1px 6px #ddd;
}


/* ============================================================================== */
/* CSS style used for hrm skill/rank (may be we can remove this)                  */
/* ============================================================================== */

.radio_js_bloc_number {
	display:inline-block;
	padding:5px 7px;
	min-width:20px;
	border-radius:3px;
	border:1px solid #ccc;
	background:#eee;
	color:#555;
	cursor:pointer;
	margin:2px;
	text-align:center;
}
.radio_js_bloc_number.selected {
	transition:0.2s ease background;
	background:#888;
	color:#fff;
	border-color:#555;
}



/* ============================================================================== */
/* CSS style used for small screen                                                */
/* ============================================================================== */

.topmenuimage {
	background-size: 22px auto;
	top: 2px;
}
.imgopensurveywizard
{
	padding: 0 4px 0 4px;
}
@media only screen and (max-width: 767px)
{
	.imgopensurveywizard, .imgautosize { width:95%; height: auto; }

	#tooltip {
		position: absolute;
		width: 350px;
	}

	div.tabBar {
		padding-left: 0px;
		padding-right: 0px;
		-webkit-border-radius: 0;
		border-radius: 0px;
		border-right: none;
		border-left: none;
	}

	td.widthpictotitle { width: 30px; }

	.logopublicpayment #dolpaymentlogo {
		max-width: 260px;
	}
	#tablepublicpayment {
		width:	auto !important;
		border: none !important;
	}
	.poweredbypublicpayment {
		float: unset !important;
		top: unset !important;
		/* bottom: 8px; */
		right: -10px !important;
		position: relative !important;
	}
	.poweredbyimg {
		width: 48px;
	}
}

@media only screen and (max-width: 1024px)
{
	div#ecm-layout-west {
		width: calc(100% - 4px);
		clear: both;
	}
	div#ecm-layout-center {
		width: 100%;
	}
}

/* nboftopmenuentries = 4, fontsize=0.92em */
/* rule to reduce top menu - 1st reduction: Reduce width of top menu icons */
@media only screen and (max-width: 700px)	/* reduction 1 */
{
	div.tmenucenter {
		width: 52px;	/* size of viewport */
		white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;

		  color: var(--colortextbackhmenu);
		  /* color: var(--colorbackhmenu1); */
	}
	.tmenuimage {
		color: var(--colortextbackhmenu);
	}

	.mainmenuaspan {
		  font-size: 0.9em;
		  padding-right: 0;
		  padding-left: 0;
	}
	.topmenuimage {
		background-size: 22px auto;
		margin-top: 0px;
	}

	li.tmenu, li.tmenusel {
		min-width: 36px;
	}
	div.mainmenu {
		min-width: auto;
	}
	div.tmenuleft {
		display: none;
	}

	.dropdown dd ul {
		max-width: 370px;
	}
}
/* rule to reduce top menu - 2nd reduction: Reduce width of top menu icons again */
@media only screen and (max-width: 406px)	/* reduction 2 */
{
	li.tmenucompanylogo {
		display: none;
	}
	div.mainmenu {
		height: 23px;
	}
	div.tmenucenter {
		max-width: 26px;	/* size of viewport */
		  text-overflow: clip;
	}
	span.mainmenuaspan {
		margin-left: 1px;
	}
	.mainmenuaspan {
		  font-size: 0.9em;
		  padding-left: 0;
		  padding-right: 0;
	}
	.topmenuimage {
		background-size: 20px auto;
		margin-top: 2px;
		left: 4px;
	}

	.dropdown dd ul {
		max-width: 300px;
	}
}
/* rule to reduce top menu - 3rd reduction: The menu for user is on left */
@media only screen and (max-width: 318px)	/* reduction 3 */
{
	
	.side-nav {
		z-index: 200;
		background: var(--colorbackvmenu1);
		padding-top: 70px;
	}
	#id-left {
		z-index: 201;
		background: var(--colorbackvmenu1);
	}
	#id-right {	/* This must stay id-right and not be replaced with echo $right */
		padding-top: 8px;
	}

	.login_vertical_align {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Reduce login top right info */
	.help {
		}
	div#tmenu_tooltip {
			padding-right: 0;
		}
	div.login_block_user {
		min-width: 0;
		width: 100%;
	}
	div.login_block a {
		color: unset;
	}
	div.login_block {
		/* Style when phone layout or when using the menuhider */
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 16px;
		top: auto;
		left: 0 !important;
		text-align: center;
		vertical-align: middle;

		background: var(--colorbackvmenu1);

		height: 50px;

		z-index: 202;
		min-width: 200px;      /* must be width of menu + padding + padding of sidenav */
		max-width: 200px;      /* must be width of menu + padding + padding of sidenav */
		width: 200px;          /* must be width of menu + padding + padding of sidenav */
	}
	.side-nav-vert .user-menu .dropdown-menu {
		width: 234px !important;
	}
	div.login_block_other {
		margin-right: unset;
	}
	div.login_block_user, div.login_block_other { clear: both; }
	.atoplogin, .atoplogin:hover
	{
		color:unset !important;
		padding-left: 4px;
		padding-right: 4px;
	}
	.login_block_elem {
		padding: 0 !important;
		height: 38px;
	}
	li.tmenu, li.tmenusel {
		min-width: 32px;
	}
	div.mainmenu {
		height: 23px;
	}
	div.tmenucenter {
		  text-overflow: clip;
	}
	.topmenuimage {
		background-size: 20px auto;
		margin-top: 2px !important;
		left: 2px;
	}
	div.mainmenu {
		min-width: 20px;
	}

	.titlefield {
		width: auto !important;		/* We want to ignore the 30%, try to use more if you can */
	}
	.tableforfield>tr>td:first-child, .tableforfield>tbody>tr>td:first-child, div.tableforfield div.tagtr>div.tagtd:first-of-type {
		/* max-width: 100px; */			/* but no more than 100px */
	}
	.tableforfield>tr>td:nth-child(2), .tableforfield>tbody>tr>td:nth-child(2), div.tableforfield div.tagtr>div.tagtd:nth-child(2) {
		word-break: break-word;
	}
	.badge {
		min-width: auto;
		font-size: 12px;
	}

	table.table-fiche-title .col-title div.titre{
		line-height: unset;
	}

	input#addedfile {
		width: 95%;
	}

	#divbodywebsite {
		word-break: break-word;
	}

	.websiteselectionsection {
		border-left: unset;
		border-right: unset;
		padding-left: 5px;
	}

	.a-mesure, .a-mesure-disabled {
		display: block;
		margin-bottom: 6px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.a-mesure, .a-mesure-disabled {
		text-align: center;
	}


	div.fichehalfright {
		margin-top: 30px;
	}


	.underbanner.underbanner-before-box {
		border-bottom: none;
	}

	.valuefield.fieldname_type span.badgeneutral {
		margin-top: 5px;
		display: inline-block;
	}

	tr.trextrafieldseparator td, tr.trextrafields_collapse_last td {
		/* border-bottom: 2px solid var(--colorbackhmenu1) !important; */
		border-bottom: 1px solid var(--colortopbordertitle1) !important;
	}

	div#card-errors {
		max-width: unset;
	}

	#dolpaymenttable {
		padding: 5px;
	}

	.lilevel1 span.paddingright {
		padding-right: 4px;
	}
}

@media only screen and (max-width: 320px)
{
	.dropdown dd ul {
		max-width: 270px;	/* must always be 50 slower than width */
	}
}
@media only screen and (max-width: 300px)
{
	.dropdown dd ul {
		max-width: 250px;
	}
}
@media only screen and (max-width: 280px)
{
	.dropdown dd ul {
		max-width: 230px;
	}
}


/* <style type="text/css" > dont remove this line it's an ide hack */
/*
 * Dropdown of user popup
 */

.bookmark-footer a.top-menu-dropdown-link {
	white-space: normal;
	word-break: break-word;
}

button.dropdown-item.global-search-item {
	outline: none;
}

.open>.dropdown-search, .open>.dropdown-bookmark, .open>.dropdown-quickadd, .open>.dropdown-menu, .dropdown dd ul.open {
	display: block;
}

#topmenu-bookmark-dropdown .dropdown-menu {
	min-width: 360px;
	max-width: 400px;
}


.dropdown-search {
	border-color: #eee;

	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-bookmark {
	border-color: #eee;

	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-quickadd {
	border-color: #eee;

	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 240px;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}


.dropdown-toggle{
	text-decoration: none !important;
}


/* CSS to hide the arrow to show open/close */
div#topmenu-quickadd-dropdown, div#topmenu-bookmark-dropdown {
	padding-right: 5px;
}
div#topmenu-quickadd-dropdown a::after, div#topmenu-bookmark-dropdown a::after {
	display: none;
}


.dropdown-toggle::after {
	font-family: "Font Awesome 5 Free";
	font-size: 0.7em;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	text-align:center;
	text-decoration:none;
	margin:  auto 3px;
	display: inline-block;
	content: "\f078";

	-webkit-transition: -webkit-transform .2s ease-in-out;
	-ms-transition: -ms-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
}


.open>.dropdown-toggle::after {
	transform: rotate(180deg);
}

/*
* MENU Dropdown
*/
.login_block.usedropdown .logout-btn{
	display: none;
}

.tmenu .open.dropdown, .tmenu .open.dropdown {
	background: rgba(0, 0, 0, 0.1);
}
.tmenu .dropdown-menu, .login_block .dropdown-menu, .topnav .dropdown-menu {
	position: absolute;
	right: 2px;
	left: auto;
	line-height:1.3em;
}
.tmenu .dropdown-menu, .login_block  .dropdown-menu .user-body {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.user-body {
	color: #333;
}
.side-nav-vert .user-menu .dropdown-menu, .topnav .user-menu .dropdown-menu {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	padding: 1px 0 0 0;
	border-top-width: 0;
	width: 360px;
}
.topnav .user-menu .dropdown-menu {
	top: 50px;
}
.side-nav-vert .user-menu .dropdown-menu, .topnav .user-menu .dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.side-nav-vert .user-menu .dropdown-menu > .user-header, .topnav .user-menu .dropdown-menu > .user-header {
	min-height: 100px;
	padding: 10px;
	text-align: center;
	white-space: normal;
}

#topmenu-global-search-dropdown .dropdown-menu{
	width: 300px;
	max-width: 100%;
}

div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown, div#topmenu-quickadd-dropdown {
			line-height: 46px;
	}
a.top-menu-dropdown-link {
	padding: 8px;
}

.dropdown-user-image {
	border-radius: 50%;
	vertical-align: middle;
	z-index: 5;
	height: 90px;
	width: 90px;
	border: 3px solid;
	border-color: transparent;
	border-color: rgba(255, 255, 255, 0.2);
	max-width: 100%;
	max-height :100%;
}

.dropdown-menu > .user-header{
	background: var(--colorbackhmenu1);
}

.dropdown-menu .dropdown-header{
	padding: 8px 8px 8px 8px;
}

.dropdown-menu > .user-footer {
	border-top: 1px solid #f0f0f0;
	background-color: #f9f9f9;
	padding: 10px;
}

.user-footer:after {
	clear: both;
}

.dropdown-menu > .bookmark-footer {
	border-top: 1px solid #f0f0f0;
	background-color: #f9f9f9;
	padding: 10px;
	text-align: start;
}


.dropdown-menu > .user-body, .dropdown-body {
	padding: 15px;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid #f0f0f0;
	white-space: normal;
}

.dropdown-menu > .bookmark-body, .dropdown-body {
	overflow-y: auto;
	max-height: 60vh ; /* fallback for browsers without support for calc() */
	max-height: calc(90vh - 110px) ;
	white-space: normal;
}
#topmenu-quickadd-dropdown .dropdown-menu > .bookmark-body, #topmenu-quickadd-dropdown .dropdown-body,
#topmenu-bookmark-dropdown .dropdown-menu > .bookmark-body, #topmenu-bookmark-dropdown .dropdown-body{
	max-height: 60vh ; /* fallback for browsers without support for calc() */
	max-height: calc(90vh - 200px) ;
}


.dropdown-body::-webkit-scrollbar {
		width: 8px;
	}
.dropdown-body::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0;
	border-radius: 0;
	/* background: rgb(8,145,214); */
	background: #aaa;
}
.dropdown-body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 0;
	border-radius: 0;
}


#topmenu-login-dropdown, #topmenu-bookmark-dropdown, #topmenu-global-search-dropdown {
	padding: 0 5px 0 5px;
}
#topmenu-login-dropdown a:hover{
	text-decoration: none;
}

#topmenuloginmoreinfo-btn, #topmenulogincompanyinfo-btn {
	display: block;
	text-align: start;
	color:#666;
	cursor: pointer;
}

#topmenuloginmoreinfo, #topmenulogincompanyinfo {
	display: none;
	clear: both;
	font-size: 0.95em;
}

a.dropdown-item {
	text-align: start;
}

.button-top-menu-dropdown {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.user-footer .button-top-menu-dropdown {
	color: #666666;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-width: 1px;
	background-color: #f4f4f4;
	border-color: #ddd;
}

.dropdown-menu a.top-menu-dropdown-link {
	color: rgb(10, 20, 100) !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: block;
	margin: 5px 0px;
}

.dropdown-item {
	display: block !important;
	box-sizing: border-box;
	width: 100%;
	padding: .3em 1.5em .4em 1em;
	clear: both;
	font-weight: 400;
	color: #212529  !important;
	text-align: inherit;
	background-color: transparent;
	border: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.dropdown-item::before {
	/* font part */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	text-align:center;
	text-decoration:none;
	margin-right: 5px;
	display: inline-block;
	content: "\f0da";
	/* color: rgba(0,0,0,0.3); */
}
.multicompany-item::before {
	content: none !important;
}

.dropdown-item.bookmark-item-external::before {
	content: "\f35d";
}

.dropdown-item.active, .dropdown-item:hover, .dropdown-item:hover span::before, .dropdown-item:focus  {
	color: #FFFFFF !important;
	text-decoration: none;
	background: rgb(8,145,214);
}

/*
* SEARCH
*/

.dropdown-search-input {
	width: 100%;
	padding: 10px 35px 10px 20px;

	background-color: transparent;
	/*font-size: 14px;
	line-height: 16px;*/
	box-sizing: border-box;

	color: #575756;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 95% center;
	border-radius: 20px;
	border: 1px solid #c4c4c2 !important;
	transition: all 250ms ease-in-out;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}

.dropdown-search-input::placeholder {
	color: color(#575756);
	letter-spacing: 1.5px;
}

.hidden-search-result{
	display: none !important;
}

/*
 * QUICK ADD
 */
#topmenu-quickadd-dropdown .dropdown-menu {
	width: 310px !important;
	color: #444;
}

.quickadd-body.dropdown-body {
	padding: unset;
}

.quickadd-item {
	padding-top: 6px;
	padding-bottom: 6px;
}

.quickadd-item:before {
	content: none;
}

.quickadd-header {
	color: #444 !important;
}

div.quickadd {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

div.quickadd a {
	color: #444;
}

div.quickadd a:hover, div.quickadd a:active {
	color: #000000;
}

div.quickaddblock {
	width: 95px;
	height: 80px;
}

div.quickaddblock:hover,
div.quickaddblock:active,
div.quickaddblock:focus {
	background: 250,250,250;
}

/* smartphone */
@media only screen and (max-width: 767px)
{
	.dropdown-search-input {
		width: 100%;
	}

	.tmenu .dropdown-menu, .login_block .dropdown-menu, .topnav .dropdown-menu {
		margin-left: 5px;
		right: 0;
	}

	#topmenu-quickadd-dropdown .dropdown-menu {
		min-width: 220px;
		max-width: 235px;
	}
	#topmenu-bookmark-dropdown .dropdown-menu {
		min-width: 220px;
		max-width: 360px;
	}

	.side-nav-vert .user-menu .dropdown-menu, .topnav .user-menu .dropdown-menu {
		width: 300px;
	}
	.dropdown-menu {
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

}
/* <style type="text/css" > */

/*
 * Component: Info Box
 * -------------------
 */

.info-box-module.--external span.info-box-icon-version {
	background: rgba(0,0,0,0.2);
}

.info-box-module.--external.--need-update span.info-box-icon-version{
	background: #bc9525;
}

.info-box {
	display: block;
	position: relative;
	min-height: 90px;
	background: var(--colorbacklineimpair2);
	width: 100%;
	box-shadow: 1px 1px 15px rgba(192, 192, 192, 0.2);
	border-radius: 2px;
	border: 1px solid #e9e9e9;
	margin-bottom: 15px;
}
.info-box.info-box-sm {
	min-height: 80px;
	margin-bottom: 10px;
	/* background: #fff; */
}
.opened-dash-board-wrap .info-box, .opened-dash-board-wrap .info-box .info-box-icon  {
	border-radius: 0 0 0 15px;
}
/*.opened-dash-board-wrap .box-flex-item {
	border-radius: 10px;
}*/

.info-box-more {
	float: right;
	top: 5px;
	position: absolute;
	right: 8px;
}

.info-box small {
	font-size: 14px;
}
.info-box .progress {
	background: rgba(0, 0, 0, 0.2);
	margin: 5px -10px 5px -10px;
	height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
	border-radius: 0;
}

.info-box .progress .progress-bar {
		float: left;
		width: 0;
		height: 100%;
		font-size: 12px;
		line-height: 20px;
		color: #fff;
		text-align: center;
		background-color: #337ab7;
		-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
		box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
		-webkit-transition: width .6s ease;
		-o-transition: width .6s ease;
		transition: width .6s ease;
}
.info-box-icon {
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	display: block;
	overflow: hidden;
	float: left;
	height: 90px;
	width: 88px;
	text-align: center;
	font-size: 2.8em;
	line-height: 90px;
	background: var(--colorbacktitle1) !important;
}

.info-box-module .info-box-icon {
	padding-top: 5px;
	padding-bottom: 5px;
}
.info-box-sm .info-box-icon {
	height: 96px;		/* must match height of info-box-sm .info-box-content */
	width: 78px;
	font-size: 25px;
	line-height: 92px;
}
.opened-dash-board-wrap .info-box .info-box-icon {
	font-size: 2em;
}
.opened-dash-board-wrap .info-box-sm .info-box-icon {
	border-radius: 0 0 0 20px;
	line-height: 80px;
}
.info-box-module .info-box-icon {
	height: 98px;
}
.info-box-icon > img {
	max-width: 85%;
}
.info-box-module .info-box-icon > img {
	max-width: 60%;
}

a.info-box-text.info-box-text-a {
	display: table-cell;
}
a.info-box-text-a i.fa.fa-exclamation-triangle {
	font-size: 0.9em;
}

.info-box-icon-text{
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 90px;
	bottom: 0px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.1);
	cursor: default;

	font-size: 10px;
	line-height: 15px;
	padding: 0px 3px;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.info-box-icon-version {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 90px;
	bottom: 0px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.1);
	cursor: default;

	font-size: 10px;
	line-height: 1.5em;
	padding: 4px 3px;
	text-align: center;
	opacity: 1;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.box-flex-item.info-box-module.--disabled {
	/* opacity: 0.6; */
}

.info-box-actions {
	position: absolute;
	right: 0;
	bottom: 0;
}


.info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version {
	overflow: hidden;
	width: 80px;
}
.info-box:hover .info-box-icon-text {
	opacity: 1;
}

.info-box-content {
	padding: 5px 10px;
	margin-left: 84px;
}
.info-box-sm .info-box-content {
	margin-left: 80px;
	height: 86px;   /* 96 - margins of .info-box-sm .info-box-content */
}
.info-box-sm .info-box-module-enabled {
	/* background: linear-gradient(0.35turn, #fff, #fff, #f6faf8, #e4efe8) */
	background: var(--infoboxmoduleenabledbgcolor);
}
.info-box-content-warning span.font-status4 {
	color: #bc9526 !important;
}
/*.info-box-sm .info-box-content-warning {
	background: #ffd7a3;
}*/
/*.info-box-icon.info-box-icon-module-enabled {
	background: #e4f0e4 !important;
}*/

.info-box-number {
	display: block;
	font-weight: bold;
	font-size: 18px;
}
.progress-description,
.info-box-text,
.info-box-title{
	display: block;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.info-box-title{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 3px;	/* not too much space so we can add another lines */
	opacity: 0.6;
	/* color: var(--colortexttitlenotab); */
}
.info-box-text{
	font-size: 0.92em;
}
.info-box-text:first-letter{text-transform: uppercase}
a.info-box-text{ text-decoration: none;}


.info-box-more {
	display: block;
}
.progress-description {
	margin: 0;
}





/* ICONS INFO BOX */
.info-box-icon {
		opacity: 0.95;
			filter: saturate(0.7);
	}

.customer-back {
	background-color: #55955d !important;
	color: #FFF !important;
	padding: 2px;
	margin: 2px;
	border-radius: 3px;
}
.vendor-back {
	background-color: #599caf !important;
	color: #FFF !important;
	padding: 2px;
	margin: 2px;
	border-radius: 3px;
}
.user-back {
	background-color: #79633f !important;
	color: #FFF !important;
	padding: 2px;
	margin: 2px;
	border-radius: 3px;
}
.member-company-back {
	padding: 2px 7px 2px 7px;
	background-color: #e4e4e4;
	color: #666;
	border-radius: 10px;
	white-space: nowrap;
}
.member-individual-back {
	padding: 2px 7px 2px 7px;
	background-color: #e4e4e4;
	color: #666;
	border-radius: 10px;
	white-space: nowrap;
}


.bg-infobox-project{
	color: #6c6aa8 !important;
}
.bg-infobox-action{
	color: #b06080 !important;
}
.bg-infobox-propal, .bg-infobox-facture, .bg-infobox-commande {
	color: #65953d !important;
}
.bg-infobox-supplier_proposal, .bg-infobox-invoice_supplier, .bg-infobox-order_supplier {
	color: #599caf !important;
}
.bg-infobox-contrat, .bg-infobox-ticket{
	color: #3bbfa8 !important;
}
.bg-infobox-bank_account{
	color: #b0bb39 !important;
}
.bg-infobox-adherent, .bg-infobox-member {
	color: #79633f !important;
}
.bg-infobox-expensereport{
	color: #79633f !important;
}
.bg-infobox-holiday{
	color: #755114 !important;
}

.infobox-adherent, .infobox-member {
	color: #79633f !important;
}
.infobox-project{
	color: #6c6aa8 !important;
}
.infobox-action{
	color: #b06080 !important;
}
/* Color for customer object */
.infobox-propal:not(.error),
.infobox-facture:not(.error),
.infobox-commande:not(.error) {
	color: #65953d !important;
}
/* Color for vendor object */
.infobox-supplier_proposal:not(.error),
.infobox-invoice_supplier:not(.error),
.infobox-order_supplier:not(.error) {
	color: #599caf !important;
}
.infobox-contrat, .infobox-ticket{
	color: #3bbfa8 !important;
}
.infobox-bank_account{
	color: #b0bb39 !important;
}
.infobox-adherent, .infobox-member {
	color: #79633f !important;
}
.infobox-expensereport{
	color: #79633f !important;
}
.infobox-holiday{
	color: #755114 !important;
}


.fa-dol-action:before {
	content: "\f073";
}
.fa-dol-propal:before,
.fa-dol-supplier_proposal:before {
	content: "\f573";
}
.fa-dol-facture:before,
.fa-dol-invoice_supplier:before {
	content: "\f571";
}
.fa-dol-project:before {
	content: "\f542";
}
.fa-dol-commande:before,
.fa-dol-order_supplier:before {
	content: "\f570";
}
.fa-dol-contrat:before {
	content: "\f0f2";
}
.fa-dol-ticket:before {
	content: "\f3ff";
}
.fa-dol-bank_account:before {
	content: "\f19c";
}
.fa-dol-member:before {
	content: "\f007";
}
.fa-dol-expensereport:before {
	content: "\f555";
}
.fa-dol-holiday:before {
	content: "\f5ca";
}


/* USING FONTAWESOME FOR WEATHER */
.info-box-weather .info-box-icon{
	background: var(--colorbacktitle1) !important;
}
.fa-weather-level0:before{
	content: "\f185";
	color : #cfbf00;
}
.fa-weather-level1:before{
	content: "\f6c4";
	color : #bc9526;
}
.fa-weather-level2:before{
	content: "\f743";
	color : #b16000;
}
.fa-weather-level3:before{
	content: "\f740";
	color : #b04000;
}
.fa-weather-level4:before{
	content: "\f0e7";
	color : #b01000;
}


.box-flex-container{
	display: flex; /* or inline-flex */
	flex-direction: row;
	flex-wrap: wrap;
	width: calc(100% + 14px);
	margin: 0 -8px 0 -8px;
	/*justify-content: space-between;*/
}

.box-flex-grow-zero{
	flex-grow: 0 !important;
}

.box-flex-item{
	flex-grow : 1;
	flex-shrink: 1;
	flex-basis: auto;

	width: 280px;
	margin: 5px 8px 0px 8px;
}
.box-flex-item.filler{
	margin: 0px 0px 0px 15px !important;
	height: 0;
}

.info-box-title {
	width: calc(100% - 20px);
}
.info-box-module {
	min-width: 350px;
	max-width: 350px;
}

@media only screen and (max-width: 1740px) {
	.info-box-module {
		min-width: 315px;
		max-width: 315px;
	}
}

@media only screen and (max-width: 767px) {
	.info-box-module {
		min-width: 260px;
	}
}

.info-box-module .info-box-content {
	height: 98px;
}
/* Disabled. This break the responsive on smartphone
.box{
	overflow: visible;
}
*/

@media only screen and (max-width: 767px)
{
	.box-flex-container {
		margin: 0 0 0 0px !important;
		width: 100% !important;
		justify-content: space-between;
	}
	.info-box-module {
		width: 100%;
		max-width: unset;
	}

	.info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version {
		width: 60px;
	}
	.info-box-sm .info-box-icon {
		width: 60px;
	}
	.info-box-sm .info-box-content {
		margin-left: 60px;
	}
	.info-box {
		border: 1px solid #e0e0e0;
	}
}
}
/* <style type="text/css" > */
/*
 progress style is based on boostrap and admin lte framework
 */


/*
 * Component: Progress Bar
 * -----------------------
 */

.progress * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.progress {
	height: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	background-color: rgba(128, 128, 128, 0.1);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress.spaced{
	margin-bottom: 20px;
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}



.progress-group > .progress{
	clear: both;
}

.progress,
.progress > .progress-bar {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.progress,
.progress > .progress-bar,
.progress .progress-bar,
.progress > .progress-bar .progress-bar {
	border-radius: 1px;
}
/* size variation */
.progress.sm,
.progress-sm {
	height: 10px;
}
.progress.sm,
.progress-sm,
.progress.sm .progress-bar,
.progress-sm .progress-bar {
	border-radius: 1px;
}
.progress.xs,
.progress-xs {
	height: 7px;
}
.progress.xs,
.progress-xs,
.progress.xs .progress-bar,
.progress-xs .progress-bar {
	border-radius: 1px;
}
.progress.xxs,
.progress-xxs {
	height: 3px;
}
.progress.xxs,
.progress-xxs,
.progress.xxs .progress-bar,
.progress-xxs .progress-bar {
	border-radius: 1px;
}


/* Vertical bars */
.progress.vertical {
	position: relative;
	width: 30px;
	height: 200px;
	display: inline-block;
	margin-right: 10px;
}
.progress.vertical > .progress-bar {
	width: 100%;
	position: absolute;
	bottom: 0;
}
.progress.vertical.sm,
.progress.vertical.progress-sm {
	width: 20px;
}
.progress.vertical.xs,
.progress.vertical.progress-xs {
	width: 10px;
}
.progress.vertical.xxs,
.progress.vertical.progress-xxs {
	width: 3px;
}
.progress-group .progress-text {
	/* font-weight: 600; */
}
.progress-group .progress-number {
	float: right;
}



/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
	margin: 0;
}
.progress-bar-light-blue,
.progress-bar-primary {
	background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green, .progress-bar-success {
	background-color: #55a580;
}
.progress-striped .progress-bar-green, .progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
body[class*="colorblind-"] .progress-bar-green, body[class*="colorblind-"] .progress-bar-success {
	background-color: #37de5d;
}
body[class*="colorblind-"] .progress-bar-red, body[class*="colorblind-"] .progress-bar-danger {
	background-color: #af4705;
}

.progress-bar-aqua,
.progress-bar-info {
	background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
	background-color: #bc9526;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red,
.progress-bar-danger {
	background-color: #af4705;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-consumed {
	background-color: rgb(0, 0, 0, 0.15);
}
.progress-bar-consumed-late {
	background-color: #ddd4cf;
}

/* <style type="text/css" > */


/*
* Component: Timeline
* -------------------
*/
.timeline {
	position: relative;
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}
.timeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #ddd;
	left: 25px;
	margin: 0;
	border-radius: 2px;
}
.timeline > li {
	position: relative;
	margin-right: 0;
	margin-bottom: 15px;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li > .timeline-item {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow:  0 1px 3px rgba(0, 0, 0, 0.1);
	border:1px solid #d2d2d2;
	border-radius: 3px;
	margin-top: 0;
	background: #fff;
	color: #444;
	margin-left: 50px;
	margin-right: 0px;
	padding: 0;
	position: relative;
}

.timeline > li.timeline-code-ticket_msg_private  > .timeline-item,
.timeline > li.timeline-code-ticket_msg_private_sentbymail > .timeline-item {
		background: #fffbe5;
		border-color: #d0cfc0;
}


.timeline > li > .timeline-item > .time{
	color: #6f6f6f;
	float: right;
	padding: 10px;
	font-size: 12px;
}


.timeline > li > .timeline-item > .timeline-header-action{
	color: #6f6f6f;
	float: right;
	padding: 7px;
	font-size: 12px;
}


a.timeline-btn:link,
a.timeline-btn:visited,
a.timeline-btn:hover,
a.timeline-btn:active
{
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	border-radius: 0;
	box-shadow: none;
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;
	text-decoration: none;
	background-color: #f4f4f4;
	color: #444;
	border: 1px solid #ddd;
}

a.timeline-btn:hover
{
	background-color: #e7e7e7;
	color: #333;
	border-color: #adadad;
}


.timeline > li > .timeline-item > .timeline-header {
	margin: 0;
	color: #333;
	border-bottom: 1px solid #f4f4f4;
	padding: 10px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.1;
}

.timeline > li > .timeline-item > .timeline-footer {
	border-top: 1px solid #f4f4f4;
}

.timeline > li.timeline-code-ticket_msg_private  > .timeline-item > .timeline-header, .timeline > li.timeline-code-ticket_msg_private  > .timeline-item > .timeline-footer {
	border-color: #ecebda;
}

.timeline > li > .timeline-item > .timeline-header > a {
	font-weight: 600;
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
	padding: 10px;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
	width: 30px;
	height: 30px;
	font-size: 1em;
	line-height: 30px;
	position: absolute;
	color: #666;
	background: #d2d6de;
	border-radius: 50%;
	text-align: center;
	left: 12px;
	top: 5px;
}
.timeline > .time-label > span {
	font-weight: 600;
	padding: 5px;
	display: inline-block;
	background-color: #fff;
	border-radius: 4px;
}
.timeline-inverse > li > .timeline-item {
	background: #f0f0f0;
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.timeline-inverse > li > .timeline-item > .timeline-header {
	border-bottom-color: #ddd;
}

.timeline-icon-todo,
.timeline-icon-in-progress,
.timeline-icon-done{
	color: #fff !important;
}

.timeline-icon-not-applicble{
	color: #000;
	background-color: #f7f7f7;
}

.timeline-icon-todo{
	background-color: #dd4b39 !important;
}

.timeline-icon-in-progress{
	background-color: #00c0ef !important;
}
.timeline-icon-done{
	background-color: #00a65a !important;
}


.timeline-badge-date{
	background-color: #0073b7 !important;
	color: #fff !important;
}

.timeline-documents-container{

}

.timeline-documents{
	margin-right: 5px;
}

/* Force values for small screen 767 */
@media only screen and (max-width: 767px)
{
	.messaging-author.inline-block {
		padding-bottom: 10px;
	}
}

	div.extra_inline_chkbxlst,
	div.extra_inline_checkbox {
		min-width:150px;
	}

/* Must be at end */
div.flot-text .flot-tick-label .tickLabel, .fa-color-unset {
	color: unset;
}

/* Sultani safe */
/* =========================================================
   SULTANI SAFE FINAL
   Ultra léger, moderne, élégant, fluide
   À utiliser comme contenu complet de :
   /progiciel/htdocs/theme/eldy/sultani-safe.css
   ========================================================= */

:root{
    --sr-top-1:#0a2f73;
    --sr-top-2:#123f8c;
    --sr-top-3:#2563eb;

    --sr-left-bg:#f8fbff;
    --sr-left-hover:#eef4ff;

    --sr-bg:#f5f8fc;
    --sr-card:#ffffff;
    --sr-border:#dbe5f1;

    --sr-text:#0f172a;
    --sr-text-soft:#475569;
    --sr-muted:#64748b;

    --sr-primary:#2563eb;
    --sr-primary-soft:#eff6ff;

    --sr-radius-sm:10px;
    --sr-radius-md:14px;
    --sr-radius-lg:18px;

    --sr-shadow-soft:0 6px 18px rgba(15,23,42,0.05);
    --sr-shadow-hover:0 10px 24px rgba(37,99,235,0.08);

    --sr-speed:0.16s;
}

/* ===== BASE ===== */
html, body{
    background: linear-gradient(135deg, #f8fbff 0%, #eef3f9 100%) !important;
    color: var(--sr-text) !important;
}

body, td, th, input, select, textarea, div, span, a{
    text-shadow:none !important;
}

/* ===== ZONE CENTRALE ===== */
.fichecenter,
.fichecenterbis,
div.fichecenter,
div.fichecenterbis{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
}

div.tabs,
div.tabsAction,
div.tabBar,
div.tabBarWithBottom,
div.fiche,
div.div-table-responsive{
    margin-top:0 !important;
    margin-bottom:10px !important;
}

/* ===== TOP MENU ===== */
.tmenudiv,
div.tmenudiv{
    background: linear-gradient(135deg, var(--sr-top-1) 0%, var(--sr-top-2) 55%, var(--sr-top-3) 100%) !important;
    border-bottom:1px solid rgba(255,255,255,0.08) !important;
    box-shadow:0 8px 18px rgba(15,23,42,0.08) !important;
}

/* Liens menu haut */
div.mainmenu a,
td.mainmenu a,
a.tmenu,
a.tmenuimage{
    color:#ffffff !important;
    text-decoration:none !important;
    border-radius:var(--sr-radius-sm) !important;
    transition:
        background var(--sr-speed) ease,
        color var(--sr-speed) ease,
        box-shadow var(--sr-speed) ease !important;
}

/* Icônes menu haut */
.mainmenu i,
.mainmenu .fa,
td.mainmenu i,
td.mainmenu .fa,
a.tmenu i,
a.tmenu .fa,
a.tmenuimage i,
a.tmenuimage .fa{
    color:#ffffff !important;
    transition:opacity var(--sr-speed) ease, color var(--sr-speed) ease !important;
}

/* Hover menu haut */
div.mainmenu a:hover,
td.mainmenu a:hover,
a.tmenu:hover,
a.tmenuimage:hover{
    background:rgba(255,255,255,0.10) !important;
    color:#ffffff !important;
    box-shadow:0 6px 14px rgba(0,0,0,0.06) !important;
}

/* Actif menu haut */
div.mainmenu.tmenusel a,
td.mainmenu.tmenusel a,
a.tmenusel,
a.tmenu.tmenusel{
    background:rgba(255,255,255,0.16) !important;
    color:#ffffff !important;
    border-radius:var(--sr-radius-sm) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}

/* Zone utilisateur droite */
.tmenuend,
#id-right,
.login_block,
div.login_block{
    background:transparent !important;
}

/* ===== MENU GAUCHE ===== */
.vmenu,
div.vmenu{
    background:var(--sr-left-bg) !important;
    border-right:1px solid var(--sr-border) !important;
}

/* Liens menu gauche */
a.vmenu,
a.vsmenu,
td.vmenu a,
td.vsmenu a{
    color:var(--sr-text) !important;
    border-radius:12px !important;
    transition:
        background var(--sr-speed) ease,
        box-shadow var(--sr-speed) ease,
        color var(--sr-speed) ease !important;
}

/* Hover menu gauche */
a.vmenu:hover,
a.vsmenu:hover,
td.vmenu a:hover,
td.vsmenu a:hover{
    background:var(--sr-left-hover) !important;
    box-shadow:var(--sr-shadow-soft) !important;
    color:var(--sr-text) !important;
}

/* Icônes menu gauche */
a.vmenu .fa,
a.vsmenu .fa,
td.vmenu a .fa,
td.vsmenu a .fa,
.vmenu .fa,
.vsmenu .fa{
    color:var(--sr-primary) !important;
    transition:color var(--sr-speed) ease !important;
}

a.vmenu:hover .fa,
a.vsmenu:hover .fa,
td.vmenu a:hover .fa,
td.vsmenu a:hover .fa{
    color:#174bb8 !important;
}

/* ===== BLOCS / BOXES / TABLEAUX ===== */
.boxtable,
.boxtablenobottom,
.notopnoleftnoright,
.info-box{
    background:var(--sr-card) !important;
    border:1px solid var(--sr-border) !important;
    border-radius:var(--sr-radius-lg) !important;
    box-shadow:var(--sr-shadow-soft) !important;
    overflow:hidden !important;
}

.boxtable tr.liste_titre th,
.boxtable tr.liste_titre td,
.boxtablenobottom tr.liste_titre th,
.boxtablenobottom tr.liste_titre td{
    background:linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%) !important;
    color:var(--sr-text) !important;
    border-bottom:1px solid var(--sr-border) !important;
    font-weight:800 !important;
}

/* Lignes */
.boxtable tbody tr,
.boxtablenobottom tbody tr,
table.liste tbody tr,
table.noborder tbody tr{
    transition:background var(--sr-speed) ease !important;
}

.boxtable tbody tr:hover td,
.boxtablenobottom tbody tr:hover td,
table.liste tbody tr:hover td,
table.noborder tbody tr:hover td{
    background:rgba(37,99,235,0.025) !important;
}

/* Cartes statistiques */
.info-box{
    transition:
        box-shadow var(--sr-speed) ease,
        border-color var(--sr-speed) ease !important;
}

.info-box:hover{
    box-shadow:var(--sr-shadow-hover) !important;
    border-color:#cfe0ff !important;
}

/* Mini cards / stats */
.boxstats130,
.boxstatsborder{
    border:1px solid var(--sr-border) !important;
    border-radius:12px !important;
    box-shadow:none !important;
    transition:
        border-color var(--sr-speed) ease,
        box-shadow var(--sr-speed) ease,
        background var(--sr-speed) ease !important;
}

.boxstats130:hover,
.boxstatsborder:hover{
    border-color:#cfe0ff !important;
    box-shadow:var(--sr-shadow-soft) !important;
    background:#ffffff !important;
}

/* ===== CHAMPS / FORMULAIRES ===== */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="number"],
select,
textarea{
    border:1px solid #dbe3ef !important;
    border-radius:12px !important;
    background:#ffffff !important;
    box-shadow:none !important;
    transition:
        border-color var(--sr-speed) ease,
        box-shadow var(--sr-speed) ease,
        background var(--sr-speed) ease !important;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
input[type="number"]:hover,
select:hover,
textarea:hover{
    border-color:#bfd5f6 !important;
    background:#fcfdff !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus{
    border-color:#60a5fa !important;
    box-shadow:0 0 0 4px rgba(96,165,250,0.12) !important;
    background:#ffffff !important;
}

textarea{
    border-radius:14px !important;
}

/* ===== BOUTONS ===== */
.button,
.buttonsmall,
.butAction,
.butActionDelete,
a.butAction,
a.button,
input.button,
button.button{
    border-radius:12px !important;
    box-shadow:none !important;
    transition:
        background var(--sr-speed) ease,
        box-shadow var(--sr-speed) ease,
        transform var(--sr-speed) ease !important;
}

.button:hover,
.buttonsmall:hover,
.butAction:hover,
.butActionDelete:hover,
a.butAction:hover,
a.button:hover,
input.button:hover,
button.button:hover{
    box-shadow:var(--sr-shadow-soft) !important;
    transform:translateY(-1px) !important;
}

/* Boutons d'action principaux */
.butAction,
a.butAction{
    background:#2563eb !important;
    border-color:#2563eb !important;
    color:#ffffff !important;
}

.butAction:hover,
a.butAction:hover{
    background:#1d4ed8 !important;
    border-color:#1d4ed8 !important;
    color:#ffffff !important;
}

/* ===== ONGLETS ===== */
.tab,
.tabactive,
a.tab,
a.tabactive{
    border-radius:12px 12px 0 0 !important;
    transition:
        background var(--sr-speed) ease,
        color var(--sr-speed) ease,
        box-shadow var(--sr-speed) ease !important;
}

a.tab:hover,
a.tabactive:hover{
    box-shadow:0 6px 14px rgba(37,99,235,0.06) !important;
}

/* ===== BADGES / ÉTATS ===== */
.badge{
    border-radius:999px !important;
    font-weight:700 !important;
}

/* ===== LIENS ===== */
a{
    transition:color var(--sr-speed) ease !important;
}

a:hover{
    text-decoration:none !important;
}

/* ===== MENU RECHERCHE / PETITS BLOCS ===== */
div.box,
div.boxstats,
div.box-flex-item-with-margin{
    transition:box-shadow var(--sr-speed) ease !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px){
    .boxtable,
    .boxtablenobottom,
    .notopnoleftnoright,
    .info-box{
        border-radius:14px !important;
    }
}
/* =========================================================
   SULTANI SAFE V2
   Tables + boutons + cartes
   Sans toucher à la structure du menu
   ========================================================= */

/* ===== CARTES / BLOCS ===== */
.boxtable,
.boxtablenobottom,
.notopnoleftnoright,
.info-box,
div.box,
div.boxstats,
div.tabsAction,
div.fiche,
div.div-table-responsive {
	background: #ffffff !important;
	border: 1px solid #dbe5f1 !important;
	border-radius: 18px !important;
	box-shadow: 0 8px 22px rgba(15,23,42,0.05) !important;
	overflow: hidden !important;
}

/* En-têtes de blocs */
.boxtable tr.liste_titre th,
.boxtable tr.liste_titre td,
.boxtablenobottom tr.liste_titre th,
.boxtablenobottom tr.liste_titre td,
table.liste thead th,
table.liste thead td {
	background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%) !important;
	color: #0f172a !important;
	border-bottom: 1px solid #dbe5f1 !important;
	font-weight: 800 !important;
}

/* ===== TABLEAUX ===== */
table.liste,
table.noborder,
table.tagtable {
	background: #ffffff !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
}

/* Cellules */
table.liste td,
table.liste th,
table.noborder td,
table.noborder th,
table.tagtable td,
table.tagtable th,
.boxtable td,
.boxtablenobottom td {
	border-color: #edf2f7 !important;
	vertical-align: middle !important;
}

/* Hover lignes */
table.liste tbody tr,
table.noborder tbody tr,
table.tagtable tbody tr,
.boxtable tbody tr,
.boxtablenobottom tbody tr {
	transition: background 0.14s ease !important;
}

table.liste tbody tr:hover td,
table.noborder tbody tr:hover td,
table.tagtable tbody tr:hover td,
.boxtable tbody tr:hover td,
.boxtablenobottom tbody tr:hover td {
	background: rgba(37,99,235,0.025) !important;
}

/* Lignes alternées plus propres */
table.liste tbody tr:nth-child(even) td,
table.noborder tbody tr:nth-child(even) td {
	background: #fcfdff !important;
}

/* ===== CHAMPS DE FILTRE / RECHERCHE ===== */
table.liste input[type="text"],
table.liste input[type="search"],
table.liste input[type="date"],
table.liste select {
	background: #ffffff !important;
	border: 1px solid #dbe3ef !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	transition: border-color 0.14s ease, box-shadow 0.14s ease !important;
}

table.liste input[type="text"]:hover,
table.liste input[type="search"]:hover,
table.liste input[type="date"]:hover,
table.liste select:hover {
	border-color: #bfd5f6 !important;
}

table.liste input[type="text"]:focus,
table.liste input[type="search"]:focus,
table.liste input[type="date"]:focus,
table.liste select:focus {
	border-color: #60a5fa !important;
	box-shadow: 0 0 0 4px rgba(96,165,250,0.10) !important;
}

/* ===== BOUTONS GÉNÉRAUX ===== */
.button,
.buttonsmall,
.butAction,
.butActionDelete,
a.button,
a.buttonsmall,
a.butAction,
a.butActionDelete,
input.button,
button.button {
	border-radius: 12px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	transition: background 0.14s ease, box-shadow 0.14s ease, transform 0.14s ease !important;
}

/* Hover général */
.button:hover,
.buttonsmall:hover,
.butAction:hover,
.butActionDelete:hover,
a.button:hover,
a.buttonsmall:hover,
a.butAction:hover,
a.butActionDelete:hover,
input.button:hover,
button.button:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 8px 18px rgba(15,23,42,0.07) !important;
}

/* Boutons bleus */
.butAction,
a.butAction {
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
	border-color: #2563eb !important;
	color: #ffffff !important;
}

.butAction:hover,
a.butAction:hover {
	background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
	border-color: #1d4ed8 !important;
	color: #ffffff !important;
}

/* Boutons secondaires */
.button,
.buttonsmall,
a.button,
a.buttonsmall,
input.button,
button.button {
	background: #ffffff !important;
	border: 1px solid #dbe3ef !important;
	color: #0f172a !important;
}

.button:hover,
.buttonsmall:hover,
a.button:hover,
a.buttonsmall:hover,
input.button:hover,
button.button:hover {
	background: #f8fbff !important;
	border-color: #bfd5f6 !important;
	color: #0f172a !important;
}

/* Boutons danger */
.butActionDelete,
a.butActionDelete {
	background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
	border-color: #ef4444 !important;
	color: #ffffff !important;
}

.butActionDelete:hover,
a.butActionDelete:hover {
	background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
	border-color: #dc2626 !important;
	color: #ffffff !important;
}

/* ===== BADGES / ÉTATS ===== */
.badge {
	border-radius: 999px !important;
	padding: 4px 10px !important;
	font-weight: 700 !important;
}

.badge-info {
	background: #eff6ff !important;
	color: #1d4ed8 !important;
	border: 1px solid #dbeafe !important;
}

.badge-warning {
	background: #fff7ed !important;
	color: #c2410c !important;
	border: 1px solid #fdba74 !important;
}

.badge-success {
	background: #ecfdf5 !important;
	color: #047857 !important;
	border: 1px solid #a7f3d0 !important;
}

/* ===== BLOCS STATS ===== */
.boxstats130,
.boxstatsborder,
.info-box {
	transition: box-shadow 0.14s ease, border-color 0.14s ease !important;
}

.boxstats130:hover,
.boxstatsborder:hover,
.info-box:hover {
	box-shadow: 0 10px 24px rgba(37,99,235,0.08) !important;
	border-color: #cfe0ff !important;
}

/* ===== PETITS AJUSTEMENTS VISUELS ===== */
a {
	transition: color 0.14s ease !important;
}

a:hover {
	text-decoration: none !important;
}

.tab,
.tabactive,
a.tab,
a.tabactive {
	border-radius: 12px 12px 0 0 !important;
}
/* =========================================================
   SULTANI SAFE V3
   Hébergement / planning / filtres / navigation
   Léger, propre, sans casser la structure
   ========================================================= */

/* ===== Conteneur principal métier ===== */
.fichecenter .fiche,
.fichecenterbis .fiche,
.div-table-responsive,
.tabsAction,
.tabBarWithBottom {
	background: #ffffff !important;
	border: 1px solid #dbe5f1 !important;
	border-radius: 18px !important;
	box-shadow: 0 8px 20px rgba(15,23,42,0.05) !important;
}

/* On évite les gros espaces verticaux */
.fichecenter .fiche,
.fichecenterbis .fiche {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* ===== Zone filtres / recherche / dates ===== */
.fichecenter input[type="text"],
.fichecenter input[type="search"],
.fichecenter input[type="date"],
.fichecenter input[type="time"],
.fichecenter input[type="number"],
.fichecenter select,
.fichecenter textarea,
.fichecenterbis input[type="text"],
.fichecenterbis input[type="search"],
.fichecenterbis input[type="date"],
.fichecenterbis input[type="time"],
.fichecenterbis input[type="number"],
.fichecenterbis select,
.fichecenterbis textarea {
	background: #ffffff !important;
	border: 1px solid #dbe3ef !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	transition: border-color 0.14s ease, box-shadow 0.14s ease, background 0.14s ease !important;
}

.fichecenter input:hover,
.fichecenter select:hover,
.fichecenter textarea:hover,
.fichecenterbis input:hover,
.fichecenterbis select:hover,
.fichecenterbis textarea:hover {
	border-color: #bfd5f6 !important;
	background: #fcfdff !important;
}

.fichecenter input:focus,
.fichecenter select:focus,
.fichecenter textarea:focus,
.fichecenterbis input:focus,
.fichecenterbis select:focus,
.fichecenterbis textarea:focus {
	border-color: #60a5fa !important;
	box-shadow: 0 0 0 4px rgba(96,165,250,0.10) !important;
	background: #ffffff !important;
}

/* ===== Boutons filtres / actions ===== */
.fichecenter .button,
.fichecenter .buttonsmall,
.fichecenter .butAction,
.fichecenter a.button,
.fichecenter a.buttonsmall,
.fichecenter a.butAction,
.fichecenter input.button,
.fichecenter button,
.fichecenterbis .button,
.fichecenterbis .buttonsmall,
.fichecenterbis .butAction,
.fichecenterbis a.button,
.fichecenterbis a.buttonsmall,
.fichecenterbis a.butAction,
.fichecenterbis input.button,
.fichecenterbis button {
	border-radius: 12px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
	transition: background 0.14s ease, box-shadow 0.14s ease, transform 0.14s ease !important;
}

.fichecenter .button:hover,
.fichecenter .buttonsmall:hover,
.fichecenter .butAction:hover,
.fichecenter a.button:hover,
.fichecenter a.buttonsmall:hover,
.fichecenter a.butAction:hover,
.fichecenter input.button:hover,
.fichecenter button:hover,
.fichecenterbis .button:hover,
.fichecenterbis .buttonsmall:hover,
.fichecenterbis .butAction:hover,
.fichecenterbis a.button:hover,
.fichecenterbis a.buttonsmall:hover,
.fichecenterbis a.butAction:hover,
.fichecenterbis input.button:hover,
.fichecenterbis button:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 8px 18px rgba(15,23,42,0.07) !important;
}

/* Boutons primaires */
.fichecenter .butAction,
.fichecenter a.butAction,
.fichecenterbis .butAction,
.fichecenterbis a.butAction {
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
	border-color: #2563eb !important;
	color: #ffffff !important;
}

.fichecenter .butAction:hover,
.fichecenter a.butAction:hover,
.fichecenterbis .butAction:hover,
.fichecenterbis a.butAction:hover {
	background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
	border-color: #1d4ed8 !important;
	color: #ffffff !important;
}

/* ===== Pagination / navigation ===== */
.pagination,
ul.pagination {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	flex-wrap: wrap !important;
}

.pagination a,
ul.pagination a,
.pagination span,
ul.pagination span {
	border-radius: 10px !important;
	padding: 6px 10px !important;
	transition: background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease !important;
}

.pagination a:hover,
ul.pagination a:hover {
	background: #eef4ff !important;
	box-shadow: 0 6px 12px rgba(37,99,235,0.06) !important;
	text-decoration: none !important;
}

/* ===== Cadre planning / tableau métier ===== */
.fichecenter table.liste,
.fichecenter table.noborder,
.fichecenterbis table.liste,
.fichecenterbis table.noborder {
	background: #ffffff !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
}

.fichecenter table.liste thead th,
.fichecenter table.noborder thead th,
.fichecenterbis table.liste thead th,
.fichecenterbis table.noborder thead th {
	background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%) !important;
	color: #0f172a !important;
	border-bottom: 1px solid #dbe5f1 !important;
	font-weight: 800 !important;
}

.fichecenter table.liste tbody tr,
.fichecenter table.noborder tbody tr,
.fichecenterbis table.liste tbody tr,
.fichecenterbis table.noborder tbody tr {
	transition: background 0.14s ease !important;
}

.fichecenter table.liste tbody tr:hover td,
.fichecenter table.noborder tbody tr:hover td,
.fichecenterbis table.liste tbody tr:hover td,
.fichecenterbis table.noborder tbody tr:hover td {
	background: rgba(37,99,235,0.025) !important;
}

/* ===== Étiquettes / tags / statuts ===== */
.badge,
span.badge,
div.badge {
	border-radius: 999px !important;
	font-weight: 700 !important;
}

/* ===== Icônes d’actions légères ===== */
.fichecenter .fa,
.fichecenterbis .fa {
	transition: color 0.14s ease !important;
}

.fichecenter a:hover .fa,
.fichecenterbis a:hover .fa {
	color: #2563eb !important;
}
/* =========================================================
   SULTANI FIX
   Supprime le grand bloc vide au-dessus des listes
   et masque la pagination du haut
   ========================================================= */

/* On annule la grosse carte vide créée autour de l'entête */
.fichecenter .fiche,
.fichecenterbis .fiche {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    min-height: auto !important;
}

/* On garde seulement un petit bandeau propre pour le titre */
.fichetitle,
div.fichetitle,
.titre,
div.titre {
    background: #ffffff !important;
    border: 1px solid #dbe5f1 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(15,23,42,0.05) !important;
    padding: 12px 18px !important;
    margin: 0 0 12px 0 !important;
    min-height: auto !important;
}

/* On masque la pagination / les chiffres du haut */
.fichetitle .pagination,
div.fichetitle .pagination,
.titre .pagination,
div.titre .pagination,
.fichetitle .paginationref,
div.fichetitle .paginationref,
.titre .paginationref,
div.titre .paginationref {
    display: none !important;
}

/* On resserre un peu l'espace avant les filtres */
.fichecenter .tabsAction,
.fichecenterbis .tabsAction {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Si le titre garde encore trop d'espace vertical */
.fichecenter h1,
.fichecenter h2,
.fichecenterbis h1,
.fichecenterbis h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.fiche .pagination { display: none !important; }

/* End Sultani safe */

/* Sultani override */
/* =========================================================
   SULTANI OVERRIDE - VERSION STABLE ET PROPRE
   Ne contient PAS de hacks popup / iframe / colorbox
   ========================================================= */

/* ===== Variables ===== */
:root{
	--sr-top-1:#082a63;
	--sr-top-2:#123f8c;
	--sr-top-3:#2a6adf;

	--sr-left-bg:#f7fbff;
	--sr-left-hover:#eaf3ff;
	--sr-left-active:#dceaff;

	--sr-card:#ffffff;
	--sr-border:#dbe5f1;
	--sr-text:#0f172a;
	--sr-soft:#64748b;

	--sr-primary:#2563eb;
	--sr-primary-dark:#1d4ed8;
	--sr-danger:#dc2626;

	--sr-radius-sm:12px;
	--sr-radius-md:14px;
	--sr-radius-lg:18px;

	--sr-shadow:0 10px 24px rgba(15,23,42,0.06);
	--sr-shadow-hover:0 14px 28px rgba(37,99,235,0.08);

	--sr-speed:.16s;
}

/* ===== Base ===== */
html, body{
	background: linear-gradient(135deg, #f8fbff 0%, #eef3f9 100%) !important;
	color: var(--sr-text) !important;
}

body, td, th, div, span, input, select, textarea, a{
	text-shadow:none !important;
}

/* ===== Menu haut ===== */
.tmenudiv,
div.tmenudiv{
	background: linear-gradient(135deg, var(--sr-top-1) 0%, var(--sr-top-2) 55%, var(--sr-top-3) 100%) !important;
	border-bottom: 1px solid rgba(255,255,255,0.10) !important;
	box-shadow: 0 10px 24px rgba(15,23,42,0.08) !important;
}

div.mainmenu a,
td.mainmenu a,
a.tmenu,
a.tmenuimage{
	color:#ffffff !important;
	border-radius:12px !important;
	padding-left:7px !important;
	padding-right:7px !important;
	font-size:.95em !important;
	transition:
		background var(--sr-speed) ease,
		box-shadow var(--sr-speed) ease,
		color var(--sr-speed) ease !important;
}

div.mainmenu a:hover,
td.mainmenu a:hover,
a.tmenu:hover,
a.tmenuimage:hover{
	background:rgba(255,255,255,0.10) !important;
	box-shadow:0 8px 16px rgba(0,0,0,0.06) !important;
	color:#ffffff !important;
}

div.mainmenu.tmenusel a,
td.mainmenu.tmenusel a,
a.tmenusel,
a.tmenu.tmenusel{
	background:rgba(255,255,255,0.18) !important;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08) !important;
	border-radius:12px !important;
	color:#ffffff !important;
}

.mainmenu::before{
	font-size:.95em !important;
	margin-right:4px !important;
}

.mainmenu i,
.mainmenu .fa,
td.mainmenu i,
td.mainmenu .fa,
a.tmenu i,
a.tmenu .fa,
a.tmenuimage i,
a.tmenuimage .fa{
	color:#ffffff !important;
}

/* zone profil / société */
.tmenuend,
.login_block,
div.login_block,
#id-right .login_block{
	max-width:none !important;
	overflow:visible !important;
	white-space:nowrap !important;
	display:flex !important;
	align-items:center !important;
	gap:8px !important;
}

#mainmenutd_companylogo,
li#mainmenutd_companylogo{
	max-width:190px !important;
	overflow:hidden !important;
}

#mainmenutd_companylogo a,
li#mainmenutd_companylogo a{
	display:inline-block !important;
	max-width:190px !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	white-space:nowrap !important;
	vertical-align:middle !important;
}

@media (max-width:1500px){
	#mainmenutd_companylogo,
	li#mainmenutd_companylogo{
		max-width:150px !important;
	}
	#mainmenutd_companylogo a,
	li#mainmenutd_companylogo a{
		max-width:150px !important;
	}
	div.mainmenu a,
	td.mainmenu a,
	a.tmenu,
	a.tmenuimage{
		padding-left:5px !important;
		padding-right:5px !important;
		font-size:.90em !important;
	}
	.mainmenu::before{
		font-size:.90em !important;
		margin-right:3px !important;
	}
}

/* ===== Menu gauche ===== */
.side-nav{
	background: var(--sr-left-bg) !important;
	border-right: 1px solid var(--sr-border) !important;
	box-shadow: 4px 0 18px rgba(15,23,42,0.04) !important;
}

div.blockvmenulogo{
	background: transparent !important;
	border-bottom: 0 !important;
}

.menulogocontainer{
	border-radius:10px !important;
	transition: box-shadow var(--sr-speed) ease, background var(--sr-speed) ease !important;
}

.menulogocontainer:hover{
	background:rgba(37,99,235,0.05) !important;
	box-shadow:0 6px 14px rgba(37,99,235,0.06) !important;
}

/* menus principaux */
a.vmenu,
td.vmenu a{
	color:var(--sr-text) !important;
	border-radius:12px !important;
	font-weight:700 !important;
	transition:
		background var(--sr-speed) ease,
		box-shadow var(--sr-speed) ease,
		color var(--sr-speed) ease !important;
}

a.vmenu:hover,
td.vmenu a:hover{
	background:var(--sr-left-hover) !important;
	box-shadow:0 8px 16px rgba(37,99,235,0.06) !important;
	color:var(--sr-text) !important;
}

/* sous-menus */
a.vsmenu,
td.vsmenu a,
a.vsubmenu,
td.vsubmenu a{
	font-weight:500 !important;
	font-size:.95em !important;
	padding-left:28px !important;
	background:transparent !important;
	box-shadow:none !important;
	color:var(--sr-text) !important;
	border-radius:10px !important;
	transition:
		background var(--sr-speed) ease,
		box-shadow var(--sr-speed) ease,
		color var(--sr-speed) ease !important;
}

a.vsmenu:hover,
td.vsmenu a:hover,
a.vsubmenu:hover,
td.vsubmenu a:hover{
	background:var(--sr-left-hover) !important;
	box-shadow:0 6px 12px rgba(37,99,235,0.05) !important;
}

a.vsmenu,
td.vsmenu a{
	background:var(--sr-left-active) !important;
	box-shadow:inset 0 0 0 1px rgba(37,99,235,0.08) !important;
}

.vmenu .fa,
.vsmenu .fa,
a.vmenu .fa,
a.vsmenu .fa,
td.vmenu a .fa,
td.vsmenu a .fa{
	color:var(--sr-primary) !important;
}

div.blockvmenuimpair,
div.blockvmenupair{
	background:transparent !important;
	border:none !important;
}

/* ===== Cartes / tableaux ===== */
.boxtable,
.boxtablenobottom,
.notopnoleftnoright,
.info-box,
div.box,
div.boxstats,
.div-table-responsive,
.tabsAction{
	background:var(--sr-card) !important;
	border:1px solid var(--sr-border) !important;
	border-radius:18px !important;
	box-shadow:var(--sr-shadow) !important;
	overflow:hidden !important;
}

.info-box:hover,
.boxstats130:hover,
.boxstatsborder:hover{
	box-shadow:var(--sr-shadow-hover) !important;
	border-color:#cfe0ff !important;
}

.boxtable tr.liste_titre th,
.boxtable tr.liste_titre td,
.boxtablenobottom tr.liste_titre th,
.boxtablenobottom tr.liste_titre td,
table.liste thead th,
table.liste thead td{
	background:linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%) !important;
	color:var(--sr-text) !important;
	border-bottom:1px solid var(--sr-border) !important;
	font-weight:800 !important;
}

table.liste,
table.noborder,
table.tagtable{
	background:#ffffff !important;
	border-radius:16px !important;
	overflow:hidden !important;
}

table.liste tbody tr:hover td,
table.noborder tbody tr:hover td,
table.tagtable tbody tr:hover td{
	background:rgba(37,99,235,0.025) !important;
}

/* ===== Boutons ===== */
.button,
.buttonsmall,
.butAction,
.butActionDelete,
a.button,
a.buttonsmall,
a.butAction,
a.butActionDelete,
input.button,
button.button{
	border-radius:12px !important;
	transition:
		background var(--sr-speed) ease,
		box-shadow var(--sr-speed) ease,
		transform var(--sr-speed) ease !important;
}

.button:hover,
.buttonsmall:hover,
.butAction:hover,
.butActionDelete:hover,
a.button:hover,
a.buttonsmall:hover,
a.butAction:hover,
a.butActionDelete:hover,
input.button:hover,
button.button:hover{
	transform:translateY(-1px) !important;
	box-shadow:0 8px 18px rgba(15,23,42,0.07) !important;
}

.butAction,
a.butAction{
	background:linear-gradient(135deg, var(--sr-primary) 0%, var(--sr-primary-dark) 100%) !important;
	border-color:var(--sr-primary) !important;
	color:#ffffff !important;
}

.butAction:hover,
a.butAction:hover{
	background:linear-gradient(135deg, var(--sr-primary-dark) 0%, #1e40af 100%) !important;
	border-color:var(--sr-primary-dark) !important;
	color:#ffffff !important;
}

.butActionDelete,
a.butActionDelete{
	background:linear-gradient(135deg, #ef4444 0%, var(--sr-danger) 100%) !important;
	border-color:#ef4444 !important;
	color:#ffffff !important;
}

.butActionDelete:hover,
a.butActionDelete:hover{
	background:linear-gradient(135deg, var(--sr-danger) 0%, #b91c1c 100%) !important;
	border-color:var(--sr-danger) !important;
	color:#ffffff !important;
}

/* ===== Champs standards ===== */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="number"],
select,
textarea{
	background:#ffffff !important;
	border:1px solid #dbe3ef !important;
	border-radius:12px !important;
	box-shadow:none !important;
	transition:
		border-color .18s ease,
		box-shadow .18s ease,
		background .18s ease,
		transform .18s ease !important;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
input[type="number"]:hover,
select:hover,
textarea:hover{
	border-color:#93c5fd !important;
	box-shadow:0 0 0 2px rgba(37,99,235,0.08) !important;
	background:#fcfdff !important;
	transform:translateY(-1px) !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus{
	border-color:#2563eb !important;
	box-shadow:0 0 0 3px rgba(37,99,235,0.14) !important;
	background:#ffffff !important;
	transform:translateY(-1px) !important;
}

/* ===== Supprime le gros bloc vide au-dessus des listes ===== */
.fichecenter .fiche,
.fichecenterbis .fiche{
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	padding:0 !important;
	margin:0 0 10px 0 !important;
	min-height:auto !important;
}

.fichetitle,
div.fichetitle,
.titre,
div.titre{
	background:#ffffff !important;
	border:1px solid var(--sr-border) !important;
	border-radius:16px !important;
	box-shadow:0 8px 20px rgba(15,23,42,0.05) !important;
	padding:12px 18px !important;
	margin:0 0 12px 0 !important;
	min-height:auto !important;
}

/* Les zones de pagination/action restent visibles pour permettre le bouton + */
.fichetitle .pagination,
div.fichetitle .pagination,
.titre .pagination,
div.titre .pagination,
.fichetitle .paginationref,
div.fichetitle .paginationref,
.titre .paginationref,
div.titre .paginationref,
.fiche .pagination{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:flex-end !important;
	gap:8px !important;
	visibility:visible !important;
	opacity:1 !important;
	overflow:visible !important;
}

/* ===== Formulaires métier ===== */

/* base plus aérée */
table.border td,
table.bordernooddeven td,
div.border div div.tagtd{
	padding-top:8px !important;
	padding-bottom:8px !important;
}

/* colonne gauche */
table.border tbody tr td:first-child,
table.bordernooddeven tbody tr td:first-child,
div.border .table-border-row > .table-key-border-col,
div.border .tagtr > .tagtd:first-child{
	padding-left:28px !important;
	padding-right:30px !important;
	width:340px !important;
	min-width:340px !important;
	position:relative !important;
	vertical-align:top !important;
	box-sizing:border-box !important;
	background:transparent !important;
	background-image:none !important;
	box-shadow:none !important;
	filter:none !important;
	outline:none !important;
	overflow:visible !important;
	z-index:1 !important;
	border-radius:0 !important;
}

/* colonne droite */
table.border tbody tr td:nth-child(2),
table.bordernooddeven tbody tr td:nth-child(2),
div.border .table-border-row > .table-val-border-col,
div.border .tagtr > .tagtd:nth-child(2){
	padding-left:26px !important;
}

/* lignes moins tassées */
.border tbody tr,
.bordernooddeven tbody tr,
.border tbody tr td,
.bordernooddeven tbody tr td,
div.tabBar table.border tr,
div.tabBar table.border tr td,
div.tabBar div.border .table-border-row,
div.tabBar div.border .table-key-border-col,
div.tabBar div.border .table-val-border-col{
	height:auto !important;
	min-height:40px !important;
}

/* annule tout hover parasite sur la première cellule */
table.liste tbody tr:hover td:first-child,
table.noborder tbody tr:hover td:first-child,
table.tagtable tbody tr:hover td:first-child,
table.border tbody tr:hover td:first-child,
table.bordernooddeven tbody tr:hover td:first-child,
.boxtable tbody tr:hover td:first-child,
.boxtablenobottom tbody tr:hover td:first-child,
div.border .table-border-row:hover > .table-key-border-col,
div.border .tagtr:hover > .tagtd:first-child{
	background:transparent !important;
	background-image:none !important;
	box-shadow:none !important;
	filter:none !important;
}

/* si rowspan : aucun cadre */
table.border tbody tr td:first-child[rowspan],
table.bordernooddeven tbody tr td:first-child[rowspan],
div.border .table-border-row > .table-key-border-col[rowspan],
div.border .tagtr > .tagtd:first-child[rowspan]{
	background:transparent !important;
	box-shadow:none !important;
	border-radius:0 !important;
}

table.border tbody tr td:first-child[rowspan]::before,
table.border tbody tr td:first-child[rowspan]::after,
table.bordernooddeven tbody tr td:first-child[rowspan]::before,
table.bordernooddeven tbody tr td:first-child[rowspan]::after,
div.border .table-border-row > .table-key-border-col[rowspan]::before,
div.border .table-border-row > .table-key-border-col[rowspan]::after,
div.border .tagtr > .tagtd:first-child[rowspan]::before,
div.border .tagtr > .tagtd:first-child[rowspan]::after{
	display:none !important;
	content:none !important;
}

/* contour bleu fin uniquement sur les cellules normales */
table.border tbody tr td:first-child:not([rowspan])::before,
table.bordernooddeven tbody tr td:first-child:not([rowspan])::before,
div.border .table-border-row > .table-key-border-col:not([rowspan])::before,
div.border .tagtr > .tagtd:first-child:not([rowspan])::before{
	content:"";
	position:absolute;
	top:5px;
	bottom:5px;
	left:10px;
	right:10px;
	border:1px solid rgba(37,99,235,0);
	border-radius:12px;
	background:transparent !important;
	box-shadow:none !important;
	opacity:0;
	transform:scale(0.99);
	transition:
		opacity 0.16s ease,
		border-color 0.16s ease,
		transform 0.16s ease !important;
	pointer-events:none;
	z-index:1;
}

table.border tbody tr:hover td:first-child:not([rowspan])::before,
table.bordernooddeven tbody tr:hover td:first-child:not([rowspan])::before,
div.border .table-border-row:hover > .table-key-border-col:not([rowspan])::before,
div.border .tagtr:hover > .tagtd:first-child:not([rowspan])::before,
table.border tbody tr td:first-child:not([rowspan]):hover::before,
table.bordernooddeven tbody tr td:first-child:not([rowspan]):hover::before,
div.border .table-border-row > .table-key-border-col:not([rowspan]):hover::before,
div.border .tagtr > .tagtd:first-child:not([rowspan]):hover::before{
	border-color:rgba(37,99,235,0.9) !important;
	opacity:1 !important;
	transform:scale(1) !important;
	background:transparent !important;
	box-shadow:none !important;
}

/* le texte reste au-dessus */
table.border tbody tr td:first-child > *,
table.bordernooddeven tbody tr td:first-child > *,
div.border .table-border-row > .table-key-border-col > *,
div.border .tagtr > .tagtd:first-child > *{
	position:relative !important;
	z-index:2 !important;
}

/* ===== badges / onglets / pagination ===== */
.badge,
span.badge,
div.badge{
	border-radius:999px !important;
	padding:4px 10px !important;
	font-weight:700 !important;
	box-shadow:none !important;
}

.tab,
.tabactive,
a.tab,
a.tabactive{
	border-radius:12px 12px 0 0 !important;
}

.pagination a,
.pagination span,
ul.pagination a,
ul.pagination span{
	border-radius:10px !important;
}

.pagination a:hover,
ul.pagination a:hover{
	background:#eef4ff !important;
	color:var(--sr-primary-dark) !important;
	box-shadow:0 6px 12px rgba(37,99,235,0.06) !important;
	text-decoration:none !important;
}

/* ===== petits écrans ===== */
@media (max-width:1200px){
	table.border tbody tr td:first-child,
	table.bordernooddeven tbody tr td:first-child,
	div.border .table-border-row > .table-key-border-col,
	div.border .tagtr > .tagtd:first-child{
		width:270px !important;
		min-width:270px !important;
		padding-left:22px !important;
		padding-right:20px !important;
	}

	table.border tbody tr td:nth-child(2),
	table.bordernooddeven tbody tr td:nth-child(2),
	div.border .table-border-row > .table-val-border-col,
	div.border .tagtr > .tagtd:nth-child(2){
		padding-left:16px !important;
	}
}
/* =========================================================
   SULTANI - MENU GAUCHE HOVER PROPRE
   Fin contour animé au survol, sans ombre ni sélection fixe
   ========================================================= */

/* état normal */
a.vmenu,
td.vmenu a,
a.vsmenu,
td.vsmenu a,
a.vsubmenu,
td.vsubmenu a {
	position: relative !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	filter: none !important;
	overflow: visible !important;
}

/* pas de sélection permanente */
a.vsmenu,
td.vsmenu a,
a.vsubmenu,
td.vsubmenu a {
	background: transparent !important;
	box-shadow: none !important;
}

/* contour fin masqué par défaut */
a.vmenu::before,
td.vmenu a::before,
a.vsmenu::before,
td.vsmenu a::before,
a.vsubmenu::before,
td.vsubmenu a::before {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 4px;
	right: 4px;
	border: 1px solid rgba(37,99,235,0);
	border-radius: 11px;
	background: rgba(37,99,235,0);
	opacity: 0;
	transform: scale(0.99);
	transition:
		opacity 0.16s ease,
		border-color 0.16s ease,
		background 0.16s ease,
		transform 0.16s ease !important;
	pointer-events: none;
	box-shadow: none !important;
}

/* effet seulement au survol */
a.vmenu:hover::before,
td.vmenu a:hover::before,
a.vsmenu:hover::before,
td.vsmenu a:hover::before,
a.vsubmenu:hover::before,
td.vsubmenu a:hover::before {
	border-color: rgba(37,99,235,0.85) !important;
	background: rgba(37,99,235,0.025) !important;
	opacity: 1 !important;
	transform: scale(1) !important;
}

/* neutralise toute ombre au hover */
a.vmenu:hover,
td.vmenu a:hover,
a.vsmenu:hover,
td.vsmenu a:hover,
a.vsubmenu:hover,
td.vsubmenu a:hover {
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
}

/* le texte/icône reste au-dessus du contour */
a.vmenu > *,
td.vmenu a > *,
a.vsmenu > *,
td.vsmenu a > *,
a.vsubmenu > *,
td.vsubmenu a > * {
	position: relative !important;
	z-index: 2 !important;
}
/* =========================================================
   SULTANI - FINAL TUNING
   1) Header droite plus propre
   2) Hover menu gauche plus grand et plus premium
   ========================================================= */

/* ---------------------------------------------------------
   1) TOP RIGHT : libérer le profil
   --------------------------------------------------------- */
@media (min-width: 1200px) {
	.tmenuend,
	.login_block,
	div.login_block,
	#id-right .login_block {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 6px !important;
		padding-right: 8px !important;
		white-space: nowrap !important;
		overflow: visible !important;
		max-width: none !important;
	}

	/* bloc société plus compact */
	#mainmenutd_companylogo,
	li#mainmenutd_companylogo {
		max-width: 125px !important;
		min-width: 0 !important;
		padding: 4px 8px !important;
		border-radius: 10px !important;
		background: rgba(255,255,255,0.08) !important;
		box-shadow: none !important;
		margin-right: 2px !important;
	}

	#mainmenutd_companylogo a,
	li#mainmenutd_companylogo a {
		display: inline-block !important;
		max-width: 105px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		font-size: 0.88em !important;
		line-height: 1.05 !important;
	}

	/* version plus discrète */
	.tmenuend,
	.login_block,
	div.login_block {
		font-size: 0.90em !important;
	}

	/* icônes de droite plus compactes */
	.tmenuend .fa,
	.login_block .fa,
	div.login_block .fa {
		font-size: 0.90em !important;
	}

	/* avatar/profil toujours visible */
	.tmenuend img,
	.login_block img,
	div.login_block img {
		width: 34px !important;
		height: 34px !important;
		max-width: 34px !important;
		max-height: 34px !important;
		border-radius: 999px !important;
		flex: 0 0 auto !important;
	}

	/* réduit un peu l’espace pris par les menus du haut */
	div.mainmenu a,
	td.mainmenu a,
	a.tmenu,
	a.tmenuimage {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
}

/* ---------------------------------------------------------
   2) MENU GAUCHE : contour plus grand + animation premium
   --------------------------------------------------------- */
a.vmenu,
td.vmenu a,
a.vsmenu,
td.vsmenu a,
a.vsubmenu,
td.vsubmenu a {
	position: relative !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	filter: none !important;
	overflow: visible !important;
	transform: translateZ(0);
}

/* aucune sélection fixe */
a.vsmenu,
td.vsmenu a,
a.vsubmenu,
td.vsubmenu a {
	background: transparent !important;
	box-shadow: none !important;
}

/* contour plus large et plus élégant */
a.vmenu::before,
td.vmenu a::before,
a.vsmenu::before,
td.vsmenu a::before,
a.vsubmenu::before,
td.vsubmenu a::before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 2px;
	right: 2px;
	border: 1.2px solid rgba(37,99,235,0);
	border-radius: 13px;
	background: linear-gradient(135deg, rgba(37,99,235,0.00) 0%, rgba(37,99,235,0.00) 100%);
	opacity: 0;
	transform: scale(0.975);
	transition:
		opacity 0.22s ease,
		border-color 0.22s ease,
		background 0.22s ease,
		transform 0.22s ease !important;
	pointer-events: none;
	box-shadow: none !important;
}

/* glow fin premium */
a.vmenu::after,
td.vmenu a::after,
a.vsmenu::after,
td.vsmenu a::after,
a.vsubmenu::after,
td.vsubmenu a::after {
	content: "";
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 3px;
	right: 3px;
	border-radius: 13px;
	opacity: 0;
	background: linear-gradient(135deg, rgba(37,99,235,0.08) 0%, rgba(96,165,250,0.03) 100%);
	transform: scale(0.985);
	transition:
		opacity 0.22s ease,
		transform 0.22s ease !important;
	pointer-events: none;
	box-shadow: none !important;
}

/* effet seulement au survol */
a.vmenu:hover::before,
td.vmenu a:hover::before,
a.vsmenu:hover::before,
td.vsmenu a:hover::before,
a.vsubmenu:hover::before,
td.vsubmenu a:hover::before {
	border-color: rgba(37,99,235,0.92) !important;
	background: rgba(37,99,235,0.018) !important;
	opacity: 1 !important;
	transform: scale(1) !important;
}

a.vmenu:hover::after,
td.vmenu a:hover::after,
a.vsmenu:hover::after,
td.vsmenu a:hover::after,
a.vsubmenu:hover::after,
td.vsubmenu a:hover::after {
	opacity: 1 !important;
	transform: scale(1) !important;
}

/* petit mouvement premium */
a.vmenu:hover,
td.vmenu a:hover,
a.vsmenu:hover,
td.vsmenu a:hover,
a.vsubmenu:hover,
td.vsubmenu a:hover {
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	transform: translateX(1px) !important;
	transition:
		transform 0.20s ease !important;
}

/* le contenu reste au-dessus */
a.vmenu > *,
td.vmenu a > *,
a.vsmenu > *,
td.vsmenu a > *,
a.vsubmenu > *,
td.vsubmenu a > * {
	position: relative !important;
	z-index: 3 !important;
}
/* =========================================================
   SULTANI - MENU GAUCHE PREMIUM
   Version plus élégante et plus haut de gamme
   ========================================================= */

/* fond général du panneau gauche */
#id-left,
.side-nav {
	background: linear-gradient(180deg, #f8fbff 0%, #f3f8ff 100%) !important;
	border-right: 1px solid rgba(37,99,235,0.10) !important;
	box-shadow: 6px 0 20px rgba(15,23,42,0.04) !important;
}

/* logo / haut du menu */
.menulogocontainer {
	background: linear-gradient(135deg, rgba(255,255,255,0.92) 0%, rgba(245,249,255,0.98) 100%) !important;
	border: 1px solid rgba(37,99,235,0.08) !important;
	border-radius: 16px !important;
	box-shadow: 0 10px 18px rgba(15,23,42,0.04) !important;
	padding: 8px !important;
}

/* recherche plus premium */
.side-nav input[type="text"],
.side-nav input[type="search"] {
	background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%) !important;
	border: 1px solid rgba(37,99,235,0.12) !important;
	border-radius: 14px !important;
	box-shadow: 0 6px 14px rgba(15,23,42,0.03) !important;
	padding-left: 14px !important;
	padding-right: 14px !important;
	height: 40px !important;
	font-size: 14px !important;
}

.side-nav input[type="text"]:hover,
.side-nav input[type="search"]:hover,
.side-nav input[type="text"]:focus,
.side-nav input[type="search"]:focus {
	border-color: rgba(37,99,235,0.40) !important;
	box-shadow: 0 0 0 3px rgba(37,99,235,0.08), 0 8px 18px rgba(15,23,42,0.04) !important;
	transform: translateY(-1px) !important;
}

/* blocs de sections du menu */
div.blockvmenuimpair,
div.blockvmenupair {
	background: linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(247,250,255,0.92) 100%) !important;
	border: 1px solid rgba(37,99,235,0.07) !important;
	border-radius: 18px !important;
	box-shadow: 0 8px 18px rgba(15,23,42,0.03) !important;
	margin: 0 8px 10px 8px !important;
	padding: 8px 0 !important;
}

/* titres de sections */
div.blockvmenuimpair .menu_titre,
div.blockvmenupair .menu_titre,
div.blockvmenuimpair .vmenu_title,
div.blockvmenupair .vmenu_title,
.side-nav .titre,
.side-nav .blockvmenu .titre {
	color: #0f172a !important;
	font-weight: 800 !important;
	letter-spacing: 0.1px !important;
}

/* menus principaux */
a.vmenu,
td.vmenu a {
	display: block !important;
	margin: 4px 10px !important;
	padding: 10px 14px !important;
	border-radius: 14px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #10213d !important;
	background: transparent !important;
	box-shadow: none !important;
	transition:
		transform 0.22s ease,
		color 0.22s ease !important;
}

/* sous-menus */
a.vsmenu,
td.vsmenu a,
a.vsubmenu,
td.vsubmenu a {
	display: block !important;
	margin: 4px 10px !important;
	padding: 8px 14px 8px 30px !important;
	border-radius: 13px !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: #243b63 !important;
	background: transparent !important;
	box-shadow: none !important;
	transition:
		transform 0.22s ease,
		color 0.22s ease !important;
}

/* aucune sélection permanente lourde */
a.vmenu,
td.vmenu a,
a.vsmenu,
td.vsmenu a,
a.vsubmenu,
td.vsubmenu a {
	position: relative !important;
	overflow: visible !important;
	filter: none !important;
	background-image: none !important;
}

/* contour premium */
a.vmenu::before,
td.vmenu a::before,
a.vsmenu::before,
td.vsmenu a::before,
a.vsubmenu::before,
td.vsubmenu a::before {
	content: "";
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 1px;
	right: 1px;
	border-radius: 14px;
	border: 1px solid rgba(37,99,235,0);
	background: linear-gradient(135deg, rgba(37,99,235,0.00) 0%, rgba(96,165,250,0.00) 100%);
	opacity: 0;
	transform: scale(0.975);
	transition:
		opacity 0.24s ease,
		border-color 0.24s ease,
		transform 0.24s ease,
		background 0.24s ease !important;
	pointer-events: none;
}

/* glow discret */
a.vmenu::after,
td.vmenu a::after,
a.vsmenu::after,
td.vsmenu a::after,
a.vsubmenu::after,
td.vsubmenu a::after {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(255,255,255,0.55) 0%, rgba(37,99,235,0.03) 100%);
	opacity: 0;
	transform: scale(0.985);
	transition:
		opacity 0.24s ease,
		transform 0.24s ease !important;
	pointer-events: none;
}

/* hover premium */
a.vmenu:hover::before,
td.vmenu a:hover::before,
a.vsmenu:hover::before,
td.vsmenu a:hover::before,
a.vsubmenu:hover::before,
td.vsubmenu a:hover::before {
	border-color: rgba(37,99,235,0.70) !important;
	background: linear-gradient(135deg, rgba(37,99,235,0.03) 0%, rgba(96,165,250,0.02) 100%) !important;
	opacity: 1 !important;
	transform: scale(1) !important;
}

a.vmenu:hover::after,
td.vmenu a:hover::after,
a.vsmenu:hover::after,
td.vsmenu a:hover::after,
a.vsubmenu:hover::after,
td.vsubmenu a:hover::after {
	opacity: 1 !important;
	transform: scale(1) !important;
}

a.vmenu:hover,
td.vmenu a:hover,
a.vsmenu:hover,
td.vsmenu a:hover,
a.vsubmenu:hover,
td.vsubmenu a:hover {
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	transform: translateX(2px) !important;
	color: #0b3ea8 !important;
}

/* icônes menu gauche */
a.vmenu .fa,
td.vmenu a .fa,
a.vsmenu .fa,
td.vsmenu a .fa,
a.vsubmenu .fa,
td.vsubmenu a .fa {
	color: #2563eb !important;
	transition:
		transform 0.22s ease,
		color 0.22s ease !important;
}

a.vmenu:hover .fa,
td.vmenu a:hover .fa,
a.vsmenu:hover .fa,
td.vsmenu a:hover .fa,
a.vsubmenu:hover .fa,
td.vsubmenu a:hover .fa {
	color: #1d4ed8 !important;
	transform: scale(1.05) !important;
}

/* contenu au-dessus des effets */
a.vmenu > *,
td.vmenu a > *,
a.vsmenu > *,
td.vsmenu a > *,
a.vsubmenu > *,
td.vsubmenu a > * {
	position: relative !important;
	z-index: 3 !important;
}

/* sous-menu actif : léger, propre, pas figé lourdement */
a.vsmenu::before,
td.vsmenu a::before {
	border-color: rgba(37,99,235,0.16) !important;
	background: rgba(37,99,235,0.02) !important;
	opacity: 1 !important;
	transform: scale(1) !important;
}

a.vsmenu:hover::before,
td.vsmenu a:hover::before {
	border-color: rgba(37,99,235,0.75) !important;
	background: rgba(37,99,235,0.03) !important;
}
/* =========================================================
   SULTANI - MENU GAUCHE PLUS COMPACT
   Réduit les espaces entre les menus
   ========================================================= */

/* blocs de sections plus serrés */
div.blockvmenuimpair,
div.blockvmenupair {
	margin: 0 6px 4px 6px !important;
	padding: 4px 0 !important;
}

/* menus principaux */
a.vmenu,
td.vmenu a {
	margin: 1px 6px !important;
	padding: 8px 12px !important;
}

/* sous-menus */
a.vsmenu,
td.vsmenu a,
a.vsubmenu,
td.vsubmenu a {
	margin: 1px 6px !important;
	padding: 6px 12px 6px 24px !important;
}

/* espace entre groupes de menu */
.side-nav .blockvmenu + .blockvmenu,
.side-nav div.blockvmenuimpair + div.blockvmenuimpair,
.side-nav div.blockvmenupair + div.blockvmenupair,
.side-nav div.blockvmenuimpair + div.blockvmenupair,
.side-nav div.blockvmenupair + div.blockvmenuimpair {
	margin-top: 4px !important;
}

/* logo / recherche un peu plus serrés */
.menulogocontainer {
	margin-bottom: 6px !important;
}

.side-nav input[type="text"],
.side-nav input[type="search"] {
	margin-bottom: 6px !important;
	height: 36px !important;
}

/* titres de section plus compacts */
div.blockvmenuimpair .menu_titre,
div.blockvmenupair .menu_titre,
div.blockvmenuimpair .vmenu_title,
div.blockvmenupair .vmenu_title,
.side-nav .titre,
.side-nav .blockvmenu .titre {
	margin-bottom: 4px !important;
	padding-bottom: 2px !important;
}

/* =========================================================
   SULTANI - BOUTON + ÉCRITURES BANCAIRES
   Ajout minimal sur le fichier initial
   Objectif : afficher le bouton + uniquement dans la zone haute
   ========================================================= */

/* Empêche les conteneurs d'action de couper le bouton + */
#id-right .fichetitle,
#id-right div.fichetitle,
#id-right .titre,
#id-right div.titre,
#id-right .tabsAction,
#id-right div.tabsAction,
#id-right .pagination,
#id-right .paginationref,
#id-right div.pagination,
#id-right div.paginationref,
#id-right td.right,
#id-right .right,
#id-right .nobordernopadding,
#id-right td.nobordernopadding{
	overflow:visible !important;
}

/* Titre + actions alignés : titre à gauche, bouton + à droite */
#id-right .fichetitle,
#id-right div.fichetitle,
#id-right .titre,
#id-right div.titre{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	gap:12px !important;
	flex-wrap:nowrap !important;
}

/* Réduit le bloc titre Écritures bancaires pour laisser la place au bouton + */
#id-right .fichetitle > .titre,
#id-right div.fichetitle > .titre,
#id-right .fichetitle .titre.inline-block,
#id-right div.fichetitle .titre.inline-block,
#id-right .titre.inline-block,
#id-right div.titre.inline-block{
	width:auto !important;
	min-width:240px !important;
	max-width:360px !important;
	margin-right:auto !important;
	white-space:nowrap !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
}

/* Le compteur reste proche du titre, pas collé à l'extrémité droite */
#id-right .fichetitle .opacitymedium,
#id-right div.fichetitle .opacitymedium,
#id-right .titre .opacitymedium,
#id-right div.titre .opacitymedium{
	float:none !important;
	position:static !important;
	display:inline !important;
	margin-left:6px !important;
}

/* Zone action / pagination en haut à droite */
#id-right .fichetitle .pagination,
#id-right div.fichetitle .pagination,
#id-right .fichetitle .paginationref,
#id-right div.fichetitle .paginationref,
#id-right .titre .pagination,
#id-right div.titre .pagination,
#id-right .titre .paginationref,
#id-right div.titre .paginationref,
#id-right .tabsAction,
#id-right div.tabsAction{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:flex-end !important;
	gap:8px !important;
	flex-wrap:nowrap !important;
	width:auto !important;
	max-width:none !important;
	margin-left:auto !important;
	padding:0 !important;
	visibility:visible !important;
	opacity:1 !important;
	overflow:visible !important;
}

/* Le vrai bouton + : seulement dans les zones hautes */
#id-right .fichetitle .pagination a.butActionNew,
#id-right div.fichetitle .pagination a.butActionNew,
#id-right .fichetitle .paginationref a.butActionNew,
#id-right div.fichetitle .paginationref a.butActionNew,
#id-right .titre .pagination a.butActionNew,
#id-right div.titre .pagination a.butActionNew,
#id-right .titre .paginationref a.butActionNew,
#id-right div.titre .paginationref a.butActionNew,
#id-right .tabsAction a.butActionNew,
#id-right div.tabsAction a.butActionNew,
#id-right .fichetitle .pagination a[href*="action=add"],
#id-right .fichetitle .pagination a[href*="action=create"],
#id-right .fichetitle .paginationref a[href*="action=add"],
#id-right .fichetitle .paginationref a[href*="action=create"],
#id-right .tabsAction a[href*="action=add"],
#id-right .tabsAction a[href*="action=create"]{
	width:40px !important;
	height:40px !important;
	min-width:40px !important;
	min-height:40px !important;
	max-width:40px !important;
	max-height:40px !important;
	padding:0 !important;
	margin:0 !important;
	border-radius:13px !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	background:linear-gradient(135deg, var(--sr-primary) 0%, var(--sr-primary-dark) 100%) !important;
	color:#ffffff !important;
	border:0 !important;
	box-shadow:0 10px 20px rgba(37,99,235,.22) !important;
	text-decoration:none !important;
	visibility:visible !important;
	opacity:1 !important;
	pointer-events:auto !important;
	position:relative !important;
	z-index:100 !important;
	transform:none !important;
}

/* Au survol, le bouton + garde la même couleur */
#id-right .fichetitle .pagination a.butActionNew:hover,
#id-right div.fichetitle .pagination a.butActionNew:hover,
#id-right .fichetitle .paginationref a.butActionNew:hover,
#id-right div.fichetitle .paginationref a.butActionNew:hover,
#id-right .titre .pagination a.butActionNew:hover,
#id-right div.titre .pagination a.butActionNew:hover,
#id-right .titre .paginationref a.butActionNew:hover,
#id-right div.titre .paginationref a.butActionNew:hover,
#id-right .tabsAction a.butActionNew:hover,
#id-right div.tabsAction a.butActionNew:hover,
#id-right .fichetitle .pagination a[href*="action=add"]:hover,
#id-right .fichetitle .pagination a[href*="action=create"]:hover,
#id-right .fichetitle .paginationref a[href*="action=add"]:hover,
#id-right .fichetitle .paginationref a[href*="action=create"]:hover,
#id-right .tabsAction a[href*="action=add"]:hover,
#id-right .tabsAction a[href*="action=create"]:hover{
	background:linear-gradient(135deg, var(--sr-primary) 0%, var(--sr-primary-dark) 100%) !important;
	color:#ffffff !important;
	border:0 !important;
	box-shadow:0 10px 20px rgba(37,99,235,.22) !important;
	transform:none !important;
	text-decoration:none !important;
}

/* Icône du bouton + */
#id-right .fichetitle .pagination a.butActionNew .fa,
#id-right .fichetitle .paginationref a.butActionNew .fa,
#id-right .titre .pagination a.butActionNew .fa,
#id-right .titre .paginationref a.butActionNew .fa,
#id-right .tabsAction a.butActionNew .fa,
#id-right .fichetitle .pagination a[href*="action=add"] .fa,
#id-right .fichetitle .pagination a[href*="action=create"] .fa,
#id-right .fichetitle .paginationref a[href*="action=add"] .fa,
#id-right .fichetitle .paginationref a[href*="action=create"] .fa,
#id-right .tabsAction a[href*="action=add"] .fa,
#id-right .tabsAction a[href*="action=create"] .fa{
	color:#ffffff !important;
	font-size:18px !important;
	visibility:visible !important;
	opacity:1 !important;
	filter:none !important;
}

/* Sécurité : les petits + dans les lignes restent normaux, jamais gros bouton bleu */
#id-right table.liste tbody tr a:has(.fa-plus),
#id-right table.liste tbody tr a:has(.fa-plus-circle),
#id-right table.liste tbody tr a[href="#"],
#id-right table.liste tbody tr a.classfortooltip{
	width:auto !important;
	height:auto !important;
	min-width:0 !important;
	min-height:0 !important;
	max-width:none !important;
	max-height:none !important;
	padding:0 2px !important;
	margin:0 1px !important;
	border-radius:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	color:inherit !important;
	display:inline !important;
	position:static !important;
	z-index:auto !important;
	transform:none !important;
}

#id-right table.liste tbody tr a:has(.fa-plus) .fa,
#id-right table.liste tbody tr a:has(.fa-plus-circle) .fa,
#id-right table.liste tbody tr .fa-plus,
#id-right table.liste tbody tr .fa-plus-circle{
	color:#64748b !important;
	font-size:13px !important;
	background:transparent !important;
	box-shadow:none !important;
	filter:none !important;
	opacity:1 !important;
}
/* =========================================================
   STANY ERP - FIX COLORATION ÉCRITURES BANCAIRES
   Entrées bleu / sorties rouge sur toutes les lignes
   ========================================================= */

/* ENTRÉES : forcer le bleu sur toutes les variantes de lignes */
#id-right table.liste tbody tr.sr-bank-entry,
#id-right table.liste tbody tr.sr-bank-entry.oddeven,
#id-right table.liste tbody tr.sr-bank-entry.pair,
#id-right table.liste tbody tr.sr-bank-entry.impair,
#id-right table.liste tbody tr.oddeven.sr-bank-entry,
#id-right table.liste tbody tr.pair.sr-bank-entry,
#id-right table.liste tbody tr.impair.sr-bank-entry {
	background:#eef7ff !important;
}

#id-right table.liste tbody tr.sr-bank-entry td,
#id-right table.liste tbody tr.sr-bank-entry.oddeven td,
#id-right table.liste tbody tr.sr-bank-entry.pair td,
#id-right table.liste tbody tr.sr-bank-entry.impair td,
#id-right table.liste tbody tr.oddeven.sr-bank-entry td,
#id-right table.liste tbody tr.pair.sr-bank-entry td,
#id-right table.liste tbody tr.impair.sr-bank-entry td {
	background:#eef7ff !important;
	color:#073763 !important;
}

#id-right table.liste tbody tr.sr-bank-entry:hover td,
#id-right table.liste tbody tr.sr-bank-entry.oddeven:hover td,
#id-right table.liste tbody tr.sr-bank-entry.pair:hover td,
#id-right table.liste tbody tr.sr-bank-entry.impair:hover td {
	background:#dff0ff !important;
}

/* SORTIES : forcer le rouge sur toutes les variantes de lignes */
#id-right table.liste tbody tr.sr-bank-exit,
#id-right table.liste tbody tr.sr-bank-exit.oddeven,
#id-right table.liste tbody tr.sr-bank-exit.pair,
#id-right table.liste tbody tr.sr-bank-exit.impair,
#id-right table.liste tbody tr.oddeven.sr-bank-exit,
#id-right table.liste tbody tr.pair.sr-bank-exit,
#id-right table.liste tbody tr.impair.sr-bank-exit {
	background:#fff1f2 !important;
}

#id-right table.liste tbody tr.sr-bank-exit td,
#id-right table.liste tbody tr.sr-bank-exit.oddeven td,
#id-right table.liste tbody tr.sr-bank-exit.pair td,
#id-right table.liste tbody tr.sr-bank-exit.impair td,
#id-right table.liste tbody tr.oddeven.sr-bank-exit td,
#id-right table.liste tbody tr.pair.sr-bank-exit td,
#id-right table.liste tbody tr.impair.sr-bank-exit td {
	background:#fff1f2 !important;
	color:#7f1d1d !important;
}

#id-right table.liste tbody tr.sr-bank-exit:hover td,
#id-right table.liste tbody tr.sr-bank-exit.oddeven:hover td,
#id-right table.liste tbody tr.sr-bank-exit.pair:hover td,
#id-right table.liste tbody tr.sr-bank-exit.impair:hover td {
	background:#ffe4e6 !important;
}

/* Montants plus visibles */
#id-right table.liste tbody tr.sr-bank-entry td.sr-bank-amount,
#id-right table.liste tbody tr.sr-bank-entry td.right,
#id-right table.liste tbody tr.sr-bank-entry td.amount {
	color:#006b9c !important;
	font-weight:800 !important;
}

#id-right table.liste tbody tr.sr-bank-exit td.sr-bank-amount,
#id-right table.liste tbody tr.sr-bank-exit td.right,
#id-right table.liste tbody tr.sr-bank-exit td.amount {
	color:#b91c1c !important;
	font-weight:800 !important;
}

/* Les liens gardent la bonne couleur */
#id-right table.liste tbody tr.sr-bank-entry td a {
	color:#073763 !important;
}

#id-right table.liste tbody tr.sr-bank-exit td a {
	color:#7f1d1d !important;
}



/* =========================================================
   STANY ERP - BANK ENTRIES PREMIUM EXPERIENCE
   Rendu moderne, compact et premium sans casser la logique
   ========================================================= */

/* Conteneur de la liste des écritures bancaires */
#id-right .tabBarWithBottom,
#id-right .fichecenter{
    position:relative;
}

/* Bloc titre + pagination + bouton ajout : propre et compact */
#id-right .fichetitle,
#id-right .titre{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    flex-wrap:wrap !important;
}

#id-right .fichetitle > div:first-child,
#id-right .titre > div:first-child{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

#id-right .fichetitle .pagination,
#id-right .fichetitle .paginationref,
#id-right .titre .pagination,
#id-right .titre .paginationref{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-left:auto !important;
    padding:0 !important;
}

/* Bouton + premium, stable et toujours visible */
#id-right .fichetitle .pagination a.butActionNew,
#id-right .fichetitle .paginationref a.butActionNew,
#id-right .titre .pagination a.butActionNew,
#id-right .titre .paginationref a.butActionNew,
#id-right .tabsAction a.butActionNew,
#id-right .fichetitle .pagination a[href*="action=add"],
#id-right .fichetitle .pagination a[href*="action=create"],
#id-right .fichetitle .paginationref a[href*="action=add"],
#id-right .fichetitle .paginationref a[href*="action=create"],
#id-right .titre .pagination a[href*="action=add"],
#id-right .titre .pagination a[href*="action=create"],
#id-right .titre .paginationref a[href*="action=add"],
#id-right .titre .paginationref a[href*="action=create"]{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 12px 22px rgba(37,99,235,.18) !important;
    text-decoration:none !important;
    transform:none !important;
    transition:box-shadow .18s ease, filter .18s ease !important;
}

#id-right .fichetitle .pagination a.butActionNew:hover,
#id-right .fichetitle .paginationref a.butActionNew:hover,
#id-right .titre .pagination a.butActionNew:hover,
#id-right .titre .paginationref a.butActionNew:hover,
#id-right .tabsAction a.butActionNew:hover,
#id-right .fichetitle .pagination a[href*="action=add"]:hover,
#id-right .fichetitle .pagination a[href*="action=create"]:hover,
#id-right .fichetitle .paginationref a[href*="action=add"]:hover,
#id-right .fichetitle .paginationref a[href*="action=create"]:hover,
#id-right .titre .pagination a[href*="action=add"]:hover,
#id-right .titre .pagination a[href*="action=create"]:hover,
#id-right .titre .paginationref a[href*="action=add"]:hover,
#id-right .titre .paginationref a[href*="action=create"]:hover{
    background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    color:#fff !important;
    box-shadow:0 14px 26px rgba(37,99,235,.22) !important;
    transform:none !important;
    filter:none !important;
}

#id-right .fichetitle .pagination a.butActionNew .fa,
#id-right .fichetitle .paginationref a.butActionNew .fa,
#id-right .titre .pagination a.butActionNew .fa,
#id-right .titre .paginationref a.butActionNew .fa,
#id-right .tabsAction a.butActionNew .fa,
#id-right .fichetitle .pagination a[href*="action=add"] .fa,
#id-right .fichetitle .pagination a[href*="action=create"] .fa,
#id-right .fichetitle .paginationref a[href*="action=add"] .fa,
#id-right .fichetitle .paginationref a[href*="action=create"] .fa,
#id-right .titre .pagination a[href*="action=add"] .fa,
#id-right .titre .pagination a[href*="action=create"] .fa,
#id-right .titre .paginationref a[href*="action=add"] .fa,
#id-right .titre .paginationref a[href*="action=create"] .fa{
    color:#fff !important;
    font-size:19px !important;
    line-height:1 !important;
}

/* Scope uniquement sur les tableaux bancaires colorés */
#id-right .div-table-responsive:has(table.liste tbody tr.sr-bank-entry),
#id-right .div-table-responsive-no-min:has(table.liste tbody tr.sr-bank-entry),
#id-right div.liste_titre_bydiv:has(+ .div-table-responsive table.liste tbody tr.sr-bank-entry){
    border-radius:18px !important;
}

#id-right table.liste:has(tbody tr.sr-bank-entry){
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 8px !important;
    background:transparent !important;
    margin-top:4px !important;
}

/* Ligne filtres et en-têtes */
#id-right table.liste:has(tbody tr.sr-bank-entry) thead td,
#id-right table.liste:has(tbody tr.sr-bank-entry) thead th,
#id-right table.liste:has(tbody tr.sr-bank-entry) .liste_titre td,
#id-right table.liste:has(tbody tr.sr-bank-entry) .liste_titre th{
    background:#f8fbff !important;
    color:#44506a !important;
    border-top:1px solid #dbe5f1 !important;
    border-bottom:1px solid #dbe5f1 !important;
    font-size:13px !important;
    font-weight:700 !important;
    padding:10px 10px !important;
}

#id-right table.liste:has(tbody tr.sr-bank-entry) thead td:first-child,
#id-right table.liste:has(tbody tr.sr-bank-entry) thead th:first-child,
#id-right table.liste:has(tbody tr.sr-bank-entry) .liste_titre td:first-child,
#id-right table.liste:has(tbody tr.sr-bank-entry) .liste_titre th:first-child{
    border-left:1px solid #dbe5f1 !important;
    border-top-left-radius:14px !important;
    border-bottom-left-radius:14px !important;
}

#id-right table.liste:has(tbody tr.sr-bank-entry) thead td:last-child,
#id-right table.liste:has(tbody tr.sr-bank-entry) thead th:last-child,
#id-right table.liste:has(tbody tr.sr-bank-entry) .liste_titre td:last-child,
#id-right table.liste:has(tbody tr.sr-bank-entry) .liste_titre th:last-child{
    border-right:1px solid #dbe5f1 !important;
    border-top-right-radius:14px !important;
    border-bottom-right-radius:14px !important;
}

/* Inputs filtres plus premium */
#id-right table.liste:has(tbody tr.sr-bank-entry) input.flat,
#id-right table.liste:has(tbody tr.sr-bank-entry) input,
#id-right table.liste:has(tbody tr.sr-bank-entry) select.flat,
#id-right table.liste:has(tbody tr.sr-bank-entry) select{
    border:1px solid #d7e2f0 !important;
    border-radius:12px !important;
    background:#ffffff !important;
    min-height:36px !important;
    padding:6px 10px !important;
    box-shadow:none !important;
}

#id-right table.liste:has(tbody tr.sr-bank-entry) input:focus,
#id-right table.liste:has(tbody tr.sr-bank-entry) select:focus{
    border-color:#93c5fd !important;
    box-shadow:0 0 0 4px rgba(37,99,235,.12) !important;
    outline:none !important;
}

/* Lignes d'écritures : structure compacte et premium */
#id-right table.liste tbody tr.sr-bank-entry td,
#id-right table.liste tbody tr.sr-bank-exit td{
    padding:11px 10px !important;
    vertical-align:middle !important;
    border-top:1px solid rgba(15,23,42,.06) !important;
    border-bottom:1px solid rgba(15,23,42,.06) !important;
    transition:transform .14s ease, box-shadow .14s ease, background .14s ease !important;
}

#id-right table.liste tbody tr.sr-bank-entry td:first-child,
#id-right table.liste tbody tr.sr-bank-exit td:first-child{
    border-left:1px solid rgba(15,23,42,.06) !important;
    border-top-left-radius:14px !important;
    border-bottom-left-radius:14px !important;
    font-weight:800 !important;
}

#id-right table.liste tbody tr.sr-bank-entry td:last-child,
#id-right table.liste tbody tr.sr-bank-exit td:last-child{
    border-right:1px solid rgba(15,23,42,.06) !important;
    border-top-right-radius:14px !important;
    border-bottom-right-radius:14px !important;
}

/* Entrées */
#id-right table.liste tbody tr.sr-bank-entry td{
    background:linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%) !important;
    color:#0b3f6b !important;
}
#id-right table.liste tbody tr.sr-bank-entry td:first-child{
    border-left:4px solid #38bdf8 !important;
}
#id-right table.liste tbody tr.sr-bank-entry:hover td{
    background:linear-gradient(180deg, #edf7ff 0%, #ddeeff 100%) !important;
    box-shadow:0 10px 18px rgba(56,189,248,.08) !important;
}

/* Sorties */
#id-right table.liste tbody tr.sr-bank-exit td{
    background:linear-gradient(180deg, #fff8f8 0%, #fff0f1 100%) !important;
    color:#7f1d1d !important;
}
#id-right table.liste tbody tr.sr-bank-exit td:first-child{
    border-left:4px solid #fb7185 !important;
}
#id-right table.liste tbody tr.sr-bank-exit:hover td{
    background:linear-gradient(180deg, #fff1f2 0%, #ffe6e8 100%) !important;
    box-shadow:0 10px 18px rgba(251,113,133,.09) !important;
}

/* Libellés et références plus lisibles */
#id-right table.liste tbody tr.sr-bank-entry td:nth-child(1),
#id-right table.liste tbody tr.sr-bank-exit td:nth-child(1){
    letter-spacing:.2px !important;
}
#id-right table.liste tbody tr.sr-bank-entry td:nth-child(2),
#id-right table.liste tbody tr.sr-bank-exit td:nth-child(2){
    font-weight:700 !important;
}

/* Montants */
#id-right table.liste tbody tr.sr-bank-entry td.sr-bank-amount,
#id-right table.liste tbody tr.sr-bank-entry td.right,
#id-right table.liste tbody tr.sr-bank-entry td.amount{
    color:#0369a1 !important;
    font-weight:800 !important;
}
#id-right table.liste tbody tr.sr-bank-exit td.sr-bank-amount,
#id-right table.liste tbody tr.sr-bank-exit td.right,
#id-right table.liste tbody tr.sr-bank-exit td.amount{
    color:#c81e1e !important;
    font-weight:800 !important;
}

/* Icônes actions propres */
#id-right table.liste tbody tr.sr-bank-entry td a,
#id-right table.liste tbody tr.sr-bank-exit td a{
    text-decoration:none !important;
}

#id-right table.liste tbody tr.sr-bank-entry td a .fa-pencil,
#id-right table.liste tbody tr.sr-bank-entry td a .fa-trash,
#id-right table.liste tbody tr.sr-bank-exit td a .fa-pencil,
#id-right table.liste tbody tr.sr-bank-exit td a .fa-trash,
#id-right table.liste tbody tr.sr-bank-entry td .fa-pencil,
#id-right table.liste tbody tr.sr-bank-entry td .fa-trash,
#id-right table.liste tbody tr.sr-bank-exit td .fa-pencil,
#id-right table.liste tbody tr.sr-bank-exit td .fa-trash{
    width:28px !important;
    height:28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    background:#ffffff !important;
    box-shadow:0 6px 12px rgba(15,23,42,.07) !important;
    font-size:13px !important;
    margin:0 2px !important;
}

#id-right table.liste tbody tr.sr-bank-entry td .fa-pencil,
#id-right table.liste tbody tr.sr-bank-exit td .fa-pencil{
    color:#2563eb !important;
}
#id-right table.liste tbody tr.sr-bank-entry td .fa-trash,
#id-right table.liste tbody tr.sr-bank-exit td .fa-trash{
    color:#dc2626 !important;
}

/* Les mini plus dans les lignes restent simples */
#id-right table.liste tbody tr .fa-plus,
#id-right table.liste tbody tr .fa-plus-circle,
#id-right table.liste tbody tr a:has(.fa-plus),
#id-right table.liste tbody tr a:has(.fa-plus-circle){
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    color:#64748b !important;
}

/* Ajustements mobiles / petits écrans */
@media (max-width: 1400px){
    #id-right table.liste tbody tr.sr-bank-entry td,
    #id-right table.liste tbody tr.sr-bank-exit td{
        padding:9px 8px !important;
        font-size:13px !important;
    }
    #id-right .fichetitle .pagination a.butActionNew,
    #id-right .fichetitle .paginationref a.butActionNew,
    #id-right .titre .pagination a.butActionNew,
    #id-right .titre .paginationref a.butActionNew{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
    }
}
/* =========================================================
   STANY ERP - RENFORCEMENT COULEURS + COMPACTAGE
   À coller tout en bas de sultani-override.css
   ========================================================= */

/* Couleurs plus visibles */
:root{
    --sr-bank-blue-bg:#d7ecff;
    --sr-bank-blue-bg-hover:#c3e2ff;
    --sr-bank-blue-border:#0ea5e9;
    --sr-bank-blue-text:#003b73;
    --sr-bank-blue-amount:#005f99;

    --sr-bank-red-bg:#ffd9de;
    --sr-bank-red-bg-hover:#ffc6cf;
    --sr-bank-red-border:#ef4444;
    --sr-bank-red-text:#7a1010;
    --sr-bank-red-amount:#b00020;
}

/* Interface plus compacte : conteneurs */
#id-right,
#id-right-body,
#mainbody,
#page-content{
    padding-top:1px !important;
    padding-left:8px !important;
    padding-right:8px !important;
}

#id-right .arearef,
#id-right div.arearef{
    padding-top:4px !important;
    padding-bottom:5px !important;
    margin-bottom:4px !important;
}

#id-right .fichetitle,
#id-right div.fichetitle,
#id-right .titre,
#id-right div.titre{
    min-height:34px !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
    margin-bottom:3px !important;
}

#id-right .fichetitle .titre,
#id-right div.fichetitle .titre,
#id-right .fichetitle .titre.inline-block,
#id-right div.fichetitle .titre.inline-block,
#id-right .titre.inline-block,
#id-right div.titre.inline-block{
    padding:5px 10px !important;
    min-width:230px !important;
    max-width:330px !important;
    border-radius:11px !important;
}

/* Pagination et bouton + plus compacts */
#id-right .fichetitle .pagination,
#id-right .fichetitle .paginationref,
#id-right .titre .pagination,
#id-right .titre .paginationref{
    gap:6px !important;
}

#id-right .pagination select,
#id-right .pagination input,
#id-right .paginationref select,
#id-right .paginationref input,
#id-right select[name="limit"]{
    height:30px !important;
    min-height:30px !important;
    padding:2px 7px !important;
    font-size:12px !important;
    border-radius:9px !important;
}

#id-right .fichetitle .pagination a.butActionNew,
#id-right .fichetitle .paginationref a.butActionNew,
#id-right .titre .pagination a.butActionNew,
#id-right .titre .paginationref a.butActionNew,
#id-right .tabsAction a.butActionNew,
#id-right .fichetitle .pagination a[href*="action=add"],
#id-right .fichetitle .pagination a[href*="action=create"],
#id-right .fichetitle .paginationref a[href*="action=add"],
#id-right .fichetitle .paginationref a[href*="action=create"],
#id-right .titre .pagination a[href*="action=add"],
#id-right .titre .pagination a[href*="action=create"],
#id-right .titre .paginationref a[href*="action=add"],
#id-right .titre .paginationref a[href*="action=create"]{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    border-radius:12px !important;
    background:#1d4ed8 !important;
    box-shadow:0 8px 16px rgba(29,78,216,.20) !important;
}

#id-right .fichetitle .pagination a.butActionNew:hover,
#id-right .fichetitle .paginationref a.butActionNew:hover,
#id-right .titre .pagination a.butActionNew:hover,
#id-right .titre .paginationref a.butActionNew:hover,
#id-right .tabsAction a.butActionNew:hover,
#id-right .fichetitle .pagination a[href*="action=add"]:hover,
#id-right .fichetitle .pagination a[href*="action=create"]:hover,
#id-right .fichetitle .paginationref a[href*="action=add"]:hover,
#id-right .fichetitle .paginationref a[href*="action=create"]:hover,
#id-right .titre .pagination a[href*="action=add"]:hover,
#id-right .titre .pagination a[href*="action=create"]:hover,
#id-right .titre .paginationref a[href*="action=add"]:hover,
#id-right .titre .paginationref a[href*="action=create"]:hover{
    background:#1d4ed8 !important;
    box-shadow:0 8px 16px rgba(29,78,216,.20) !important;
    transform:none !important;
}

/* Tableau plus compact */
#id-right table.liste:has(tbody tr.sr-bank-entry),
#id-right table.liste:has(tbody tr.sr-bank-exit){
    border-spacing:0 5px !important;
    margin-top:2px !important;
}

#id-right table.liste:has(tbody tr.sr-bank-entry) thead td,
#id-right table.liste:has(tbody tr.sr-bank-entry) thead th,
#id-right table.liste:has(tbody tr.sr-bank-entry) .liste_titre td,
#id-right table.liste:has(tbody tr.sr-bank-entry) .liste_titre th,
#id-right table.liste:has(tbody tr.sr-bank-exit) thead td,
#id-right table.liste:has(tbody tr.sr-bank-exit) thead th,
#id-right table.liste:has(tbody tr.sr-bank-exit) .liste_titre td,
#id-right table.liste:has(tbody tr.sr-bank-exit) .liste_titre th{
    padding:6px 8px !important;
    font-size:12px !important;
}

#id-right table.liste tbody tr.sr-bank-entry td,
#id-right table.liste tbody tr.sr-bank-exit td{
    padding:7px 8px !important;
    font-size:12.5px !important;
    line-height:1.18 !important;
    border-top:1px solid rgba(15,23,42,.07) !important;
    border-bottom:1px solid rgba(15,23,42,.07) !important;
}

#id-right table.liste tbody tr.sr-bank-entry td:first-child,
#id-right table.liste tbody tr.sr-bank-exit td:first-child{
    border-top-left-radius:11px !important;
    border-bottom-left-radius:11px !important;
}

#id-right table.liste tbody tr.sr-bank-entry td:last-child,
#id-right table.liste tbody tr.sr-bank-exit td:last-child{
    border-top-right-radius:11px !important;
    border-bottom-right-radius:11px !important;
}

/* Entrées : bleu plus soutenu */
#id-right table.liste tbody tr.sr-bank-entry td,
table.liste tr.sr-bank-entry td{
    background:var(--sr-bank-blue-bg) !important;
    color:var(--sr-bank-blue-text) !important;
}

#id-right table.liste tbody tr.sr-bank-entry td:first-child,
table.liste tr.sr-bank-entry td:first-child{
    border-left:4px solid var(--sr-bank-blue-border) !important;
}

#id-right table.liste tbody tr.sr-bank-entry:hover td,
table.liste tr.sr-bank-entry:hover td{
    background:var(--sr-bank-blue-bg-hover) !important;
}

#id-right table.liste tbody tr.sr-bank-entry td a,
table.liste tr.sr-bank-entry td a{
    color:var(--sr-bank-blue-text) !important;
}

#id-right table.liste tbody tr.sr-bank-entry td.sr-bank-amount,
#id-right table.liste tbody tr.sr-bank-entry td.right,
#id-right table.liste tbody tr.sr-bank-entry td.amount{
    color:var(--sr-bank-blue-amount) !important;
    font-weight:900 !important;
}

/* Sorties : rouge plus soutenu */
#id-right table.liste tbody tr.sr-bank-exit td,
table.liste tr.sr-bank-exit td{
    background:var(--sr-bank-red-bg) !important;
    color:var(--sr-bank-red-text) !important;
}

#id-right table.liste tbody tr.sr-bank-exit td:first-child,
table.liste tr.sr-bank-exit td:first-child{
    border-left:4px solid var(--sr-bank-red-border) !important;
}

#id-right table.liste tbody tr.sr-bank-exit:hover td,
table.liste tr.sr-bank-exit:hover td{
    background:var(--sr-bank-red-bg-hover) !important;
}

#id-right table.liste tbody tr.sr-bank-exit td a,
table.liste tr.sr-bank-exit td a{
    color:var(--sr-bank-red-text) !important;
}

#id-right table.liste tbody tr.sr-bank-exit td.sr-bank-amount,
#id-right table.liste tbody tr.sr-bank-exit td.right,
#id-right table.liste tbody tr.sr-bank-exit td.amount{
    color:var(--sr-bank-red-amount) !important;
    font-weight:900 !important;
}

/* Descriptions plus propres et compactes */
#id-right table.liste tbody tr.sr-bank-entry td:nth-child(2),
#id-right table.liste tbody tr.sr-bank-exit td:nth-child(2){
    font-weight:750 !important;
    max-width:300px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

/* Champs filtres compacts */
#id-right table.liste:has(tbody tr.sr-bank-entry) input,
#id-right table.liste:has(tbody tr.sr-bank-entry) select,
#id-right table.liste:has(tbody tr.sr-bank-exit) input,
#id-right table.liste:has(tbody tr.sr-bank-exit) select{
    min-height:28px !important;
    height:28px !important;
    padding:2px 7px !important;
    border-radius:9px !important;
    font-size:12px !important;
}

/* Actions plus compactes */
#id-right table.liste tbody tr.sr-bank-entry td .fa-pencil,
#id-right table.liste tbody tr.sr-bank-entry td .fa-trash,
#id-right table.liste tbody tr.sr-bank-exit td .fa-pencil,
#id-right table.liste tbody tr.sr-bank-exit td .fa-trash{
    width:24px !important;
    height:24px !important;
    border-radius:8px !important;
    box-shadow:0 4px 10px rgba(15,23,42,.06) !important;
}

@media (max-width:1400px){
    #id-right table.liste tbody tr.sr-bank-entry td,
    #id-right table.liste tbody tr.sr-bank-exit td{
        padding:6px 7px !important;
        font-size:12px !important;
    }
}

/* End Sultani override */