a.x-menu-item:link {
	color: #000000;
	font-size: var(--text-size-default);
}

a.x-menu-item:active {
	color: #000000;
	font-size: var(--text-size-default);
}

a.x-menu-item:visited {
	color: #000000;
	font-size: var(--text-size-default);
}

a.x-menu-item:hover {
	color: #000000;
	font-size: var(--text-size-default);
}

.x-tree-node a {
	font-size: var(--text-size-default);
}

.tree_check_on .x-tree-node-icon {
	background-image: url("../images/check_box_on.GIF");
}

.tree_check_off .x-tree-node-icon {
	background-image: url("../images/check_box_off.GIF");
}

.tree_check_grey .x-tree-node-icon {
	background-image: url("../images/check_box_grey.GIF");
}

.tree_folder .x-tree-node-icon {
	background-image: url("../iloa/js/extjs/resources/images/default/tree/folder.gif");
}

.x-grid3-header {
	background-color: #5075E3;
	background-image: url(../images/extjs/grid/grid3-hrow.gif);
}

td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
	border-left-color: #889;
	border-right-color: #445;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
	background-color: #668CFC;
	background-image: url(../images/extjs/grid/grid3-hrow-over.gif);
}

.sort-asc .x-grid3-sort-icon {
	background-image: url(../images/extjs/grid/sort_asc.gif);
	width: 15px;
	height: 9px;
	margin-left: 5px;
}

.sort-desc .x-grid3-sort-icon {
	background-image: url(../images/extjs/grid/sort_desc.gif);
	width: 15px;
	height: 9px;
	margin-left: 5px;
}

.x-grid3-hd-inner {
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.x-dd-drag-proxy .x-grid3-hd-inner {
	background-color: #668CFC;
	background-image: url(../images/extjs/grid/grid3-hrow-over.gif);
	border-color: #aaccf6;
}

.x-grid3-td-bl_select {
	background-image: none !important;
}

.x-grid3-body .x-grid3-td-bl_select {
	background: transparent repeat-y right;
}

.x-grid3-body .x-grid3-row-selected .x-grid3-td-bl_select {
	background: transparent repeat-y right;
}

/* RowExpander */
.x-grid3-hd-inner .x-grid3-row-expanded {
	margin-left: -4px;
}

.x-grid3-hd-inner .x-grid3-row-collapsed {
	margin-left: -4px;
}

.ioPanel {
	margin-top: 0.1rem;
	padding-bottom: 0rem;
}

.ioPanel .actions {
	float: right;
	font-size: var(--text-size-default);
	font-weight: bold;
	margin: 0 3px;
	padding: 0 5px;
}

.ioPanel .actions select,
.ioPanel .actions input,
.ioPanel .actions button {
	font-size: var(--text-size-default);
	background-color: #FFFFFF;
	padding: calc(var(--text-size-default) * 0.25);
	height: calc(var(--text-size-default) * 2);
	margin: 0;
}

.ioPanel .x-tool {
	background-image: url(../images/extjs/panel/tool-sprites.gif);
}

.ioPanel .fondGaucheButtonExtJs {
	display: none;
}

.ioPanel .fondSeparateurButtonExtJs {
	display: none;
}

.ioPanel .fondDroiteButtonExtJs {
	display: none;
}

/* CSS pour l'aper�u des fiches */
#content-anchor-tip ul {
	float: left;
	width: 200px;
	list-style-type: disc;
	margin-left: 15px;
}

.ext-ie #content-anchor-tip ul {
	margin: 0;
	padding-left: 15px;
}

#content-anchor-tip .thumb {
	float: right;
}

#content-anchor-tip .status-icon {
	position: absolute;
	top: 4px;
	right: 50px;
	padding: 0;
	line-height: 0;
}

#content-anchor-tip a:link, #content-anchor-tip a:visited {
	color: #339;
}

/** redesign in extjs **/

.x-panel {
	border: 1px solid var(--default-border-color);
	border-radius: 0.25rem;
}
.x-panel.no-border {
	border-width: 0;
}
.ioPanel .x-panel-header,
.x-panel-header {
	font-size: var(--text-size-title);
	line-height: calc(var(--text-size-title) * 2);
	padding: 0.125rem 0.25rem;
	background-image: none;
	border-width: 0;
	background-color: var(--primary-50);
	color: var(--light);
	font-weight: normal;
}

.x-panel .x-panel-header td {
	font-size: var(--text-size-title);
	padding-bottom: 0;
}

.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
	font-size: var(--text-size-default);
}

.x-panel-tbar > .x-toolbar > .x-toolbar-ct > tbody > tr > td.x-toolbar-left .x-toolbar-cell .xtb-text,
.x-panel-bbar > .x-toolbar > .x-toolbar-ct > tbody > tr > td.x-toolbar-left .x-toolbar-cell .xtb-text {
	font-size: var(--text-size-title);
	line-height: calc(var(--text-size-title) * 2);
}

.x-panel-bwrap {
	margin: 0.25rem;
	border-radius: 0.5rem;
}
.x-panel-body {
	border-width: 0;
}
.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
	border-bottom: 1px solid var(--default-border-color);
}

.ext-strict .ext-webkit .x-small-editor .x-form-text {
	font-size: var(--text-size-small);
	height: 100% !important;
	padding: 0.25rem 0.5rem;
	margin: 0;
}

.x-grid3-hd-row td {
	font-size: var(--text-size-default);
}

.x-grid3-row td, .x-grid3-summary-row td {
	font-size: var(--text-size-default);
}

.x-grid3-cell-inner,
.x-grid3-hd-inner {
	padding: 0.25rem 0.05rem;
	line-height: 1.25rem;
}
.x-grid3-row-table .x-grid3-cell-inner .spriteIconIO,
.x-grid3-row-table .x-grid3-hd-inner .spriteIconIO {
	vertical-align: baseline;
}

/** select **/
.x-grid3-body .x-grid3-td-bl_select .x-grid3-cell-inner,
.x-grid3-header .x-grid3-td-bl_select .x-grid3-hd-inner {
	display: flex;
	align-items: center;
	height: 1.5rem;
}
/** Redisign link in header **/
.x-panel-header .iloa-a {
	font-size: var(--text-size-small);
	line-height: calc(var(--text-size-small) * 1.25);
	padding: 0.15rem 0.25rem;
	border: 1px solid var(--action-active-primary-border-color);
	border-radius: 0.5rem;
	color: var(--action-primary-color);
	background-color: var(--action-primary-bg-color);
	margin-left: 0.25rem;
	display: inline-block;
}

/** Redisign x-tool **/
.x-panel-header .x-tool {
	margin-top: calc(var(--text-size-title) - 15px/2);
	margin-right: 0.25rem;
}


/***Surcharge extjs move appli.css to here**/
.x-panel-body .noResult {
	margin: 10px 0;
}

.x-panel-bbar .x-toolbar,
.x-panel-tbar .x-toolbar {
	padding: 0;
	border: 0;
	background-color: var(--primary-50);
	color: var(--light);
	height: calc(var(--text-size-title) * 2);
	line-height: calc(var(--text-size-title) * 2);
	background-image: none;
}

.x-toolbar .fondGaucheResultat {
	width: 20px;
	height: 22px;
	margin-right: 10px;
}

.x-toolbar .fondGaucheResultat .visual {
	display: block;
	width: 20px;
	height: 22px;
}

.x-panel-bbar .x-toolbar .fondGaucheResultat span {
	display: none;
}

.x-toolbar .fondGaucheListe {
	width: 20px;
	height: 22px;
	margin-right: 10px;
}

.x-toolbar .fondGaucheListe .visual {
	display: block;
	width: 20px;
	height: 22px;
}

.x-panel-bbar .x-toolbar .fondGaucheListe span {
	display: none;
}

.x-toolbar .fondGaucheButtonExtJs {
	background: none;
	display: block;
	width: 35px;
	height: 22px;
}

.x-toolbar .fondGaucheListeButtonExtJs {
	background: none;
	display: block;
	width: 35px;
	height: 22px;
}

.x-toolbar .fondDroiteButtonExtJs {
	background: none;
	display: block;
	width: 4px;
	height: 22px;
}

.x-toolbar .fondSeperateButtonExtJs {
	display: none;
}

.x-toolbar .fondButtonExtJs {

}

.x-toolbar .fondButtonExtJs .iloa-a {
	font-size: var(--text-size-default);
	line-height: calc(var(--text-size-default) * 1.25);
	padding: 0.15rem 0.25rem;
	border: 1px solid var(--action-active-primary-border-color);
	border-radius: 0.5rem;
	margin-left: 0.25rem;
	color: var(--action-primary-color);
	background-color: var(--action-primary-bg-color);
	display: inline-block;
}

.x-toolbar div.fondButtonExtJs .iloa-txt {
	font-size: var(--text-size-default);
	line-height: calc(var(--text-size-default) * 2);
	margin-left: 0.25rem;
}

.x-toolbar .fondButtonExtJs .iloa-a:hover {
	color: var(--action-active-primary-color);
	background-color: var(--action-active-primary-bg-color);
	border-color: var(--action-active-primary-border-color);
}

.x-toolbar div.fondButtonExtJs a {
	color: inherit;
}
.x-panel-bbar .x-toolbar .pagingBar > .x-toolbar-ct,
.x-panel-tbar .x-toolbar .pagingBar > .x-toolbar-ct {
	background-color: var(--light);
	color: var(--text-color);
	border-radius: 0.25rem;
}

.x-toolbar .x-toolbar-right {
	min-width: 4px;
}

.x-toolbar div.xtb-text {
	padding: 0 0.125rem;
}

.pagingBar.x-toolbar .x-toolbar-right {
	background-image: none;
}

.x-small-editor .x-form-text {
	height: 16px;
	padding-top: 0;
	margin-top: 2px;
}

.fondButtonExtJs .x-form-text {
	margin-top: 4px;
}

.x-form-field-wrap .x-form-date-trigger,
.x-form-field-wrap .x-form-date-trigger.x-form-trigger-over {
	background-position: 4px 5px;
	border: 0;
}

.x-toolbar .pagingBar {
	margin-right: 0.5rem;
	margin-left: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.x-grid-body .scroll {
	overflow: auto;
}

.x-grid3-row td, .x-grid3-summary-row td, .x-grid3-cell-text, .x-grid3-hd-text, .x-grid3-hd, .x-grid3-row {
	-moz-user-select: inherit;
	-khtml-user-select: text;
}

.x-toolbar .buttonSelect {
	padding: 0 2px;
}

.x-toolbar .x-btn-noicon.buttonSelect .x-btn-small button.x-btn-text {
	color: #3333FF;
	border-bottom: 1px solid #3333FF;
	height: 14px;
	padding-top: 1px;
}

.x-toolbar .x-btn-noicon.buttonSelect.x-btn-over .x-btn-small button.x-btn-text {
	color: #ff0000;
	border-bottom: 1px solid #FF0000;
}

.buttonSelect .x-btn-tl,
.buttonSelect .x-btn-tr,
.buttonSelect .x-btn-tc,
.buttonSelect .x-btn-ml,
.buttonSelect .x-btn-mr,
.buttonSelect .x-btn-mc,
.buttonSelect .x-btn-bl,
.buttonSelect .x-btn-br,
.buttonSelect .x-btn-bc {
	background-image: none;
}

.x-toolbar .fondButtonExtJs.marginRigth {
	margin: 0;
	padding-right: 20px;
}

.x-toolbar .buttonSelect .x-btn-tr i,
.x-toolbar .buttonSelect .x-btn-tl i,
.x-toolbar .buttonSelect .x-btn-mr i,
.x-toolbar .buttonSelect .x-btn-ml i,
.x-toolbar .buttonSelect .x-btn-br i,
.x-toolbar .buttonSelect .x-btn-bl i {
	display: none;
}

.x-grid3-row-checker, .x-grid3-hd-checker {
	width: 23px;
	margin: 0 auto;
/*	background-image: none; */
}

/**partie grid color**/
.x-grid3-row {
	background-color: var(--light);
}
.x-grid3-row-alt {
	background-color: var(--primary-75);
}

.x-grid3-row-over {
	background-color: var(--primary-50);;
	background-image: none;
}


.x-grid3-cell-inner.x-unselectable a {
	cursor: pointer;
}
