/* icons default height */
tbody td img.iud_edit_icon {
	height:2em;
}

.ui-menu-item { font-size:10px; }

.iud_chargement_info
{
	font-weight:bold;
	text-align:center;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	border:1px dashed #777;
}

.iud_session_expiree
{
	margin:50px;
	margin-left:auto;
	margin-right:auto;
	font-size:large;
	font-weight:bold;
	padding:20px;
	width:50%;
	background-color:salmon;
	color:darkred;
}

.iud_session_expiree a,
#contenu .iud_session_expiree a {
	color:darkgreen;
}


#iud_cancel_edit+hr { visibility:hidden; }
#iud_save_edit+hr { visibility:hidden; }

.iud_edit_icon { cursor:pointer; }

#iud_edit_popup
{
	width:400px;
	padding:15px;
	border:2px outset lightgray;
	position:absolute;
	background-color:white;
	z-index:200;
	display:none;
	font-weight:normal;
	text-align:justify;
	max-height:300px;
	overflow:auto;
}


.iud_nouveau_tuple
{
	font-size:9pt;
	background-color:rgba(155,155,155,0.6);
}

.iud_nouveau_tuple table.iud_saisie
{
	margin-left:auto;
	margin-right:auto;
}

#iud_saisie_edit { font-size:9pt; }

#iud_edit_header {
	display:flex;
}

#iud_edit_controls {
	padding-bottom:7px;
	padding-top:7px;
}
#iud_edit_label {
	flex-grow:4;
	font-weight:bold;
	font-size:12pt;
}

#iud_saisie_edit .iud_upd_edit_info {
	margin-bottom:7px;
}

#iud_saisie_edit .iud_title_upd_info .code .part,
#iud_saisie_edit .iud_title_upd_info .lib  .part,
#iud_saisie_nn   .iud_title_upd_info .code .part,
#iud_saisie_nn   .iud_title_upd_info .lib  .part
{
	padding:2px;
}
#iud_saisie_edit .iud_title_upd_info .code .part,
#iud_saisie_nn   .iud_title_upd_info .code .part
{
	padding-left:0px;
}
#iud_saisie_edit .iud_title_upd_info .code:before,
#iud_saisie_nn   .iud_title_upd_info .code:before
{
	content:'#';
}
#iud_saisie_edit .iud_title_upd_info .code,
#iud_saisie_nn   .iud_title_upd_info .code
{
	font-weight:bold;
	font-family:monospace;
}

.iud_text_input {

}

.iud_container
{
    max-height:610px;
    overflow:auto;
}
.iud_table,
#contenu .iud_table { 
	font-size:10pt; 
	background-color:lavender;
}


.iud_pager
{
	margin-bottom:10px;
}

.iud_pager .pages { display:inline-block;}

.iud_pager_button:hover,
.iud_pager_nav:hover { background-color:darkblue; color:white; }

.iud_pager_nav { background-color:whitesmoke; }
.iud_pager_nav,
.iud_pager_button
{
	cursor:pointer;
	display:inline-block;
	font-size:8pt;
	padding:2px;
	border:1px solid darkblue;
	width:28px;
	height:22px;
	line-height:18px;
	text-align:center;
	margin-right:1px;
	background-color:whitesmoke;
}


.iud_pager_button.selected
{
	background-color:lightgreen;
	padding:2px;
	font-weight:bold;	 
}

.iud_pager_pages_info
{
	margin-right:10px;
	text-align:left;
	font-size:small;
	display:inline-block;
	height:18px;
	line-height:18px;
	padding:2px;
}
.iud_numtuple
{
	width:30px;
	max-width:30px;
	min-width:30px;
	font-size:8pt;
	text-align:right;
}

th.iud_th_numtuple .nbtuples
{
	font-size:7pt;
	position:relative;
	top:-4pt;
}


th.iud_th_numtuple 
{
	max-width:30px;
	min-width:30px;
}


.iud_header
{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor:pointer;
}
.iud_bool_field {
	width:10px;
}

th.iud_header,
#contenu th.iud_header
{
	background-color:#96172E;
	padding-right:20px;
	color:white;
}
td.iud_link_field,
td.iud_action_field,
td.iud_bool_field {
	text-align:center;
}
th.iud_asc_sort
{
	background-image:url('/addons/iud/img/sort-ascending-icon.png');
	background-repeat:no-repeat;
	background-position:right center;
}
th.iud_desc_sort
{
	background-image:url('/addons/iud/img/sort-descending-icon.png');
	background-repeat:no-repeat;
	background-position:right center;
}


tr.iud_filter_tr
{
	text-align:center;
}

#iud_color_input { font-size:7pt; }
.iud_color_field { width:100px; }

.iud_color_field .iris-picker
{
	position: fixed;
	margin-top: 5px;
	top:120px;
	right:10px;
	z-index:99999;
}

.iud_tuple_command { 
	text-align:center; 
	max-width:40px;
	min-width:40px;
	white-space:nowrap;
}
.iud_tuple_command img {padding-left:2px; } 

tr.iud_tuple:hover td,
#contenu tr.iud_tuple:hover td {	
	background-color:#EEEEFF;
}
.iud_fields_conf
{
	display:none;
	font-weight:normal;
	text-align:left;
	position:fixed;
	z-index:99999;
	background-color:white;
	border:1px solid gray;
	padding:10px;
	white-space:nowrap;
	max-height:400px;
	overflow:auto;
}

.iud_fields_conf button {
	float:right;
	padding:4px;
	font-size:8pt;
	border:1px outset darkgray;
	background-color:lightblue;
}
.iud_fields_conf label
{
	font-size:10pt;
	cursor:pointer;
	color:black;
}

.iud_filter_conf img.iud_button_img
{
	cursor:pointer;
	width:1.2em;
}

.iud_filter_conf
{
	display:none;
	font-weight:normal;
	text-align:left;
	position:absolute;
	z-index:99999;
	background-color:rgba(200,200,240,0.9);
	border:1px solid lightblue;
	padding:15px;
	cursor:default;
}

img.iud_field_filter {
	padding-left:5px;
	width:1.5em;
}

/* th.iud_header.iud_active_filter, */
/* #contenu th.iud_header.iud_active_filter */
/* { */
/* 	background-color:#f5d6f3; */
/* } */

.iud_saisir_filtre_logcon
{
	display:none;
}

.iud_field_wrapper_button img {
	cursor:pointer;
	width:2em;
}
img.iud_button_img
{
	cursor:pointer;
	width:2em;
}


img.iud_bool_img
{
	cursor:pointer;
	width:1.7em;
}
img.iud_bool_img.const
{
	cursor:default;
}

.iud_edit_prev_dot { font-size:small; color:gray; }

th.iud_th_action { 
	width:40px; 
	max-width:40px; 
	min-width:40px;
	white-space:normal;
}

tr.iud_tr_agg_separateur,
#contenu tr.iud_tr_agg_separateur
{
	border-top:2px solid gray;
}


#iud_nn_autocomp {
	text-align:center;
	margin-bottom:50px;
}

table.iud_liste_nn_a_cocher td {
	padding:2px;
}

div#iud_saisie_nn table {
	margin:auto;
}

div#iud_saisie_nn 
{
	font-size:8pt;
}

td.iud_nn_field img
{
	width:2em;
}
td.iud_list_field {

}

td.iud_agg_field,
#contenu td.iud_agg_field
{
	text-align:right;
}

.iud_check_recap {
	width:750px;
	padding:4px;
	border:2px outset lightgray;
	position:absolute;
	background-color:white;
	z-index:200;
	font-weight:normal;
	font-family:monospace;
	font-size:8pt;
	text-align:justify;
	max-height:500px;
	overflow:auto;
	bottom:10px;
	left:10px;

}

.iud_check_info {
	border:1px solid  gray;
	padding:5px;
	margin-bottom:5px;
}

.iud_check_info_title {
	background-color:lavender;
	text-align:center;
	margin-bottom:5px;
}


.iud_no_match { color:red; font-weight:bold; }

.iud_debug { 
	border:1px solid gray; 
	width:150px;
	padding:5px;
	display:inline-block;
	background-color:white;
	display:none;
	top:10px;
	left:10px;
}
.iud_time::after { content:"ms"; }
.iud_time {
	padding:5px;
}


table.iud_table thead,
#contenu table.iud_table thead
{
    margin-right:15px;
    position:sticky;
    top:0;
}

table.iud_table tbody,
#contenu table.iud_table tbody
{
	overflow-y:auto;
	overflow-x:hidden;
}

.iud_table tbody tr td {
	height:24pt;
}
.iud_list_input_wrapper	 {
	/* margin-top:-1.5ex; */
	/* position:absolute; */
	white-space:nowrap;
}

#iud_list_cancel,
#iud_list_ok
{
	width:2em;
	position:relative;
	top:1ex;
	margin:.4ex;
}

td.iud_sorter_field,
#contenu td.iud_sorter_field 
{
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}

td.iud_sorter_field.iud_sortable::before,
#contenu td.iud_sorter_field.iud_sortable::before
{
	content:'≡';
}

.iud_resize_helper {
	border:2px double darkblue;
}

/* upload file */
td.iud_file_field { white-space:nowrap;}
.iud_saisie_file  {
	font-size:9pt;
}

td.iud_file_field {
}
td.iud_file_field img {
    vertical-align:middle;
}

/* iud link display */
.iud_link_display{
	padding-left:2px;
}

td.iud_link_field a {
	text-decoration:none;
}

div.iud_file_preview {
/*    width:100%;*/
    padding:2px;
    display:inline-block;
    text-align:center;
}

/* wrapper boxes */
.iud_field_wrapper_box {
	display:none;
}

.iud_field_wrapper_box td {
    text-align:left;
    white-space:nowrap;
}
	
td.iud_field_wrapper_button {
	text-align:center;
}

td.iud_field_wrapper_field {
	width:50px;
}


td.iud_field_wrapper_field img {
	 width:1.5em;
 }

.iud_field_wrapper_box td.iud_field_wrapper_field  {
	text-align:center;
}

			
			
			
.iud_field_wrapper_box .title  {
	padding-bottom:4px;
	border-bottom:1px solid  var(--misu-background-light);
	margin-bottom:7px;
}

.iud_field_wrapper_box .title .code {
	font-weight:bold;
	padding-right:5px;
}


.iud_check_dbox h1 {
    font-size:1.2em;
}
.iud_check_dbox h2 {
    font-size:1em;
}

.iud_check_dbox table tr td img {
    width:1.5em;
    cursor:pointer;
}

.iud_check_dbox table tr td.iud_check_numtuple {
    text-align:right;
}

.iud_table tbody td.iud_numtuple.iud_checkable {
    cursor:pointer;
    background-image:url('/img/iud/checkable.svg');
    background-size: 2.5em;
    background-repeat: no-repeat;
    background-position-x:center;
    background-position-y:center;
}

.iud_table tbody td.iud_numtuple.iud_checkable.active {
    cursor:pointer;
    background-image:unset;
}

/*
td.iud_master_field_is_false::before {
    content:'∅';
    cursor:help;
}

td.iud_master_field_is_false {
    cursor:help;
}
*/

#iud_config h1 {
    padding-bottom:.64em;
    font-size:12pt;
    border-bottom:2px solid var(--misu-blue);
}