/*table old redisgn*/
:root {
	font-size: 16px;
	/** couleur contextuelle **/
	--warning: #D99D34;
	--success: #29AD29;
	--danger: #D93C34;
	--primary: #2d5090;
	--primary-50: #5881cb;
	--primary-75: #ddd;
	--text-color: #212529;
	--light: #fcfcfc;
	--dark: #0c0c0c;

	/**Text size**/
	--text-size-small: .6875rem;
	--text-size-default: .8125rem;		/* Pb calcul taille de la version 3.4 de ext-all.js */
	--text-size-title: 1rem;
	--text-size-table-header: 0.973rem;
	--text-size-title-page: 1.375rem;

	/** border **/
	--default-border-color: #c0c0c0;
	--default-active-border-color: #a5a5a5;

	/** bg **/
	--default-bg: #ffffff;
	/** action **/
	--action-default-color: #0c0c0c;
	--action-default-bg-color: #ffffff;
	--action-default-border-color: #0c0c0c;
	--action-primary-color: #ffffff;
	--action-primary-bg-color: #2d5090;
	--action-primary-border-color: #223e70;
	--action-active-default-color: #ffffff;
	--action-active-default-bg-color: #c0c0c0;
	--action-active-primary-color: #2d5090;
	--action-active-primary-bg-color: #ffffff;
	--action-active-primary-border-color: #223e70;

	/**link**/
	--default-link-color: #2d5090;
}

/**
Clean
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	line-height: 1.15;
}

body {
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
	font-size: var(--text-size-default);
	color: var(--text-color);
	letter-spacing: .1px;
}

/* Remove all backgrounds or image old design */
/*
Remove this image is necessary by default remove all
td[background="images/fond_entete.gif"],
td[background="images/fond_action_bt_fd.gif"]
 */
td[background] {
	background: none !important;
}

/**
Add all image contains background
*/

img[src="images/fond_visu_bt_fd_ga_inv.gif"],
img[src="images/fond_visu_bt_fd_drt_inv.gif"],
img[src="images/fond_visu_bt_fd_ga.gif"],
img[src="images/fond_visu_bt_fd_drt.gif"],
img[src="images/fond_action_g_entete.gif"],
img[src="images/fond_action_g_entete_inv.gif"],
img[src="images/fond_action_bt_d.gif"],
img[src="images/fond_action_bt_g.gif"],
img[src="images/fond_action_bt_g_inv.gif"],
img[src="images/fond_visu_bt_g.gif"],
img[src="images/fond_visu_bt_g_inv.gif"],
img[src="images/fond_action_bt_d_inv.gif"],
img[src="images/fond_visu_g_pied.gif"],
img[src="images/fond_visu_g_entete.gif"],
img[src="images/ong_on_dr.gif"],
img[src="images/ong_on_ga.gif"],
img[src="images/ong_off_dr.gif"],
img[src="images/ong_off_ga.gif"],
img[src="images/ssong_on_ga.gif"],
img[src="images/ssong_off_ga.gif"],
img[src="images/ssong_on_dr.gif"],
img[src="images/ssong_off_dr.gif"],
img[src="images/blank.gif"] {
	display: none;
}
/* TODO si display none la partie admin droit ne marche plus*/
img[src="iloa/js/extjs/resources/images/default/s.gif"] {
	/*display: none;*/
}

/* All font size */
td {
	font-size: var(--text-size-default);
}

.iloa-a {
	font-size: var(--text-size-default);
}

.titre {
	font-size: var(--text-size-title);
}

/** in forms **/
select {
	font-size: var(--text-size-default);
	height: calc(var(--text-size-default) * 2);
	padding: 0.25rem 0.5rem;
	margin: 0.125rem 0;
}

input[type="text"], input[type="password"] {
	font-size: var(--text-size-default);
	height: calc(var(--text-size-default) * 2);
	padding: 0.25rem 0.5rem;
	margin: 0.125rem 0;
}

input.iloaDate {
	width: 6rem;
}

textarea {
	font-size: var(--text-size-default);
	margin: 0;
	padding: 0.25rem 0.5rem;
}

/** Redesign page **/
td[background="images/fond_deg_g.gif"],
td[background="images/fond_deg_d.gif"] {
	display: none;
}

td[background="images/fond_deg_g.gif"] + td {
	padding: 0 !important;
}

/**
Redesign old tabs
 */

/**
 Onglet first level & second level
 */
.onglet td[background="images/ong_off_fd.gif"],
.onglet td[background="images/ong_on_fd.gif"],
.onglet td[background="images/ssong_off_fd.gif"],
.onglet td[background="images/ssong_on_fd.gif"] {
	border-top: 1px solid var(--default-border-color);
	border-left: 1px solid var(--default-border-color);
	border-right: 1px solid var(--default-border-color);
	padding: 0.5rem;
	border-radius: 0.5rem 0.5rem 0 0;
}

.onglet td[background="images/ong_off_fd.gif"] .iloa-a,
.onglet td[background="images/ong_on_fd.gif"] .iloa-a,
.onglet td[background="images/ssong_off_fd.gif"] .iloa-a,
.onglet td[background="images/ssong_on_fd.gif"] .iloa-a{
	color: var(--text-color);
	display: block;
}

.onglet td[background="images/ong_on_fd.gif"],
.onglet td[background="images/ssong_on_fd.gif"] {
	color: var(--action-primary-color);
	background-color: var(--action-primary-bg-color) !important;
}

.onglet td[background="images/ong_on_fd.gif"]:hover,
.onglet td[background="images/ssong_on_fd.gif"]:hover {
	cursor: pointer;
}

.onglet td[background="images/ong_off_fd.gif"]:hover,
.onglet td[background="images/ssong_off_fd.gif"]:hover {
	color: var(--action-primary-color);
	background-color: var(--action-primary-bg-color) !important;
	cursor: pointer;
}

.onglet td[background="images/ong_off_fd.gif"]:hover .iloa-a,
.onglet td[background="images/ssong_off_fd.gif"]:hover .iloa-a{
	color: var(--action-primary-color);
}



/*.onglet td[background="images/ong_off_fd.gif"]:hover,*/
/*.onglet td[background="images/ssong_off_fd.gif"]:hover,*/
/*.onglet td[background="images/ong_off_fd.gif"]:hover .iloa-a,*/
/*.onglet td[background="images/ssong_off_fd.gif"]:hover .iloa-a,*/
/*.onglet td[background="images/ong_off_fd.gif"]:hover,*/
/*.onglet td[background="images/ssong_off_fd.gif"]:hover,*/
/*.onglet td[background="images/ong_off_fd.gif"]:hover .iloa-a,*/
/*.onglet td[background="images/ssong_off_fd.gif"]:hover .iloa-a,*/
/*.onglet td[background="images/ong_off_fd.gif"]:hover .iloa-a:hover,*/
/*.onglet td[background="images/ssong_off_fd.gif"]:hover .iloa-a:hover {*/
/*	color: var(--action-active-primary-color);*/
/*	background-color: var(--action-active-primary-bg-color) !important;*/
/*}*/

/**
Redesign old saisi block
 */
.cadre_saisie {
	padding: 0.5rem;
}

.cadre_saisie td {
	padding-bottom: 0.5rem;
}

/**
expect for not padding bottom
 */
.cadre_saisie .x-grid-panel td {
	padding-bottom: 0;
}

td[background="images/fond_entete.gif"],
td[background="images/fond_entete_inv.gif"] {
	border: 1px solid var(--default-border-color);
	background-color: var(--primary-50) !important;
}

td[background="images/fond_entete.gif"] {
	border-radius: 0.5rem 0.5rem 0 0;
}

td[background="images/fond_entete_inv.gif"] {
	border-radius: 0 0 0.5rem 0.5rem;

}

td[background="images/fond_entete.gif"],
td[background="images/fond_entete.gif"] td,
td[background="images/fond_entete_inv.gif"],
td[background="images/fond_entete_inv.gif"] td {
	padding-bottom: 0;
}

td[background="images/fond_entete.gif"] td[background="images/fond_action_bt_fd.gif"],
td[background="images/fond_entete_inv.gif"] td[background="images/fond_action_bt_fd_inv.gif"] {
	padding-left: 0.125rem;
}

td[background="images/fond_entete.gif"] .titre,
td[background="images/fond_entete_inv.gif"] .titre {
	line-height: calc(var(--text-size-title) * 2);
	color: var(--light);
}

/*** Bouton dans les entetes de block **/
td[background="images/fond_entete.gif"] .iloa-a,
td[background="images/fond_entete_inv.gif"] .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);
	display: inline-block;
}

td[background="images/fond_entete.gif"] .iloa-a img,
td[background="images/fond_entete_inv.gif"] .iloa-a img{
	max-height: var(--text-size-small);
}

td[background="images/fond_entete.gif"] .iloa-a:hover,
td[background="images/fond_entete_inv.gif"] .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);
}

/**redesign old table*/
.cadre_saisie tr.row_tab td,
.cadre_saisie td.titre_tableaun,
.cadre_saisie td.group2_tableau,
.cadre_saisie td.soustitre_tableau{
	padding: 0.125rem 0.5rem;
}

.titre_tableau,
.titre_tableau .iloa-a.titre_colonne {
	font-size: var(--text-size-table-header);
	line-height: calc(var(--text-size-table-header) * 2);
}

/**redesign info-titre**/
.zoneInfoFiche {
	font-size: var(--text-size-title);
	border: 0;
	padding: 0.5rem 0.5rem;
	margin-bottom: 0;
}

.zoneInfoFiche .info-titre {
	font-size: inherit;
	padding-left: 0;
}


/**Redisign Top Toolbar with save title and other options**/

/**No remove img for yet**/

td[background="images/barr_bt_fd.gif"] .zone_titre {
	font-size: var(--text-size-title-page);
}


/*** Iloa part ***/
a,
.ui-widget-content a,
.iloa-a {
	color: var(--default-link-color);
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

/** jquery-ui **/

.ui-widget-header {
	background-image: none;
	background-color: var(--primary-50);
	color: var(--light);
}
.ui-widget-header .iloa-a {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	display: inline-block;
}

.table-responsive {
	max-width: 100%;
	overflow: auto;
}


/** Panel **/
.io-panel {
	display: flex;
	flex-direction: column;
	position: relative;
	background-color: var(--default-bg);
	margin-bottom: 1.5rem;
	border: 1px solid var(--default-border-color);
	border-bottom-color: var(--default-active-border-color);
	border-radius: 4px;
	transition: border .5s ease-out
}

.io-panel-hdr {
	display: flex;
	align-items: center;
	border: 1px solid var(--default-border-color);
	background-color: var(--primary-50);
	min-height: calc(var(--text-size-title) * 2);
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	border-radius: 4px 4px 0 0;
	transition: background-color .4s ease-out;
}

.io-panel-hdr .io-panel-title {
	flex: 1;
	font-size: var(--text-size-title);
	margin: 0;
	display: flex;
	align-items: center;
	line-height: calc(var(--text-size-title) * 2);
	position: relative;
	font-weight: 500;
	color: var(--light);
}
.io-panel-hdr>:first-child {
	padding-left: 1rem;
}
.io-panel-hdr .io-panel-title:not(:only-child) {
	margin-right: .6666666667rem;
}

.io-panel-toolbar {
	display: flex;
	align-items: center;
}
.io-panel-btn {
	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);
	display: inline-block;
}
.io-panel-btn .iloa-a {
	color: var(--action-primary-color);
}
.io-panel-toolbar .io-panel-btn:not(:only-child) {
	margin-right: .6666666667rem;
}
.io-panel .io-panel-container {
	position: relative;
	border-radius: 0 0 4px 4px;
}
.io-panel .io-panel-container .io-panel-content {
	padding: 1rem;
}
.io-panel .io-panel-container .io-panel-content:last-child,
.io-panel .io-panel-container .io-panel-content:only-child {
	border-radius: 0 0 4px 4px;
}

/**
Utility
 */

.d-flex {
	display: flex !important;
}
.flex-row            { flex-direction: row !important; }
.flex-column         { flex-direction: column !important; }
.flex-row-reverse    { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap         { flex-wrap: wrap !important; }
.flex-nowrap       { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill         { flex: 1 1 auto !important; }
.flex-grow-0       { flex-grow: 0 !important; }
.flex-grow-1       { flex-grow: 1 !important; }
.flex-shrink-0     { flex-shrink: 0 !important; }
.flex-shrink-1     { flex-shrink: 1 !important; }

.justify-content-start   { justify-content: flex-start !important; }
.justify-content-end     { justify-content: flex-end !important; }
.justify-content-center  { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around  { justify-content: space-around !important; }

.align-items-start    { align-items: flex-start !important; }
.align-items-end      { align-items: flex-end !important; }
.align-items-center   { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch  { align-items: stretch !important; }

.align-content-start   { align-content: flex-start !important; }
.align-content-end     { align-content: flex-end !important; }
.align-content-center  { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around  { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

.align-self-auto     { align-self: auto !important; }
.align-self-start    { align-self: flex-start !important; }
.align-self-end      { align-self: flex-end !important; }
.align-self-center   { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch  { align-self: stretch !important; }

.m-1 {
	margin: .25rem !important;
}
.mt-1, .my-1 {
	margin-top: .25rem !important;
}
.mr-1, .mx-1 {
	margin-right: .25rem !important;
}
.mb-1, .my-1 {
	margin-bottom: .25rem !important;
}
.ml-1, .mx-1 {
	margin-left: .25rem !important;
}
.m-2 {
	margin: .5rem !important;
}
.mt-2, .my-2 {
	margin-top: .5rem !important;
}
.mr-2, .mx-2 {
	margin-right: .5rem !important;
}
.mb-2, .my-2 {
	margin-bottom: .5rem !important;
}
.ml-2, .mx-2 {
	margin-left: .5rem !important;
}
.m-3 {
	margin: 1rem !important;
}
.mt-3, .my-3 {
	margin-top: 1rem !important;
}
.mr-3, .mx-3 {
	margin-right: 1rem !important;
}
.mb-3, .my-3 {
	margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
	margin-left: 1rem !important;
}
.p-1 {
	padding: .25rem !important;
}
.pt-1, .py-1 {
	padding-top: .25rem !important;
}
.pr-1, .px-1 {
	padding-right: .25rem !important;
}
.pb-1, .py-1 {
	padding-bottom: .25rem !important;
}
.pl-1, .px-1 {
	padding-left: .25rem !important;
}
.p-2 {
	padding: .5rem !important;
}
.pt-2, .py-2 {
	padding-top: .5rem !important;
}
.pr-2, .px-2 {
	padding-right: .5rem !important;
}
.pb-2, .py-2 {
	padding-bottom: .5rem !important;
}
.pl-2, .px-2 {
	padding-left: .5rem !important;
}
.p-3 {
	padding: 1rem !important;
}
.pt-3, .py-3 {
	padding-top: 1rem !important;
}
.pr-3, .px-3 {
	padding-right: 1rem !important;
}
.pb-3, .py-3 {
	padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
	padding-left: 1rem !important;
}

/* Pb calcul taille de la version 3.4 de ext-all.js sur l'element de class = x-grid3-scroller */
#tabSuivi {
	--text-size-default: .7125rem;
}
#tabSuivi, .x-grid3-scroller {
	zoom: 0.995;		/* propriété non standard: mais permet un affichage non partiellement masqué, sur certain navigateurs: Edge et Chrome notamment */
}

.border-lrb {
	border-left: 1px solid var(--default-border-color);
	border-right: 1px solid var(--default-border-color);
	border-bottom: 1px solid var(--default-border-color);
}

.p-05em {
	padding: .5em;
}

.mb-05em {
	margin-bottom: .3em;
}