/* TableList styles */
.TLF_bloc table { border-collapse: collapse; width: 100%; }
.TLF_bloc table tr.confirm-highlight td { background-color: #fec!important; }
.TLF_bloc table tr th, .TLF_bloc table tr.data td { padding: 5px; margin: 0; text-align: left; }
.TLF_bloc table tr.data td { border: 1px solid #ddd; }
.TLF_bloc table tr th { padding-top: 2px; padding-bottom: 2px; }
.TLF_bloc table tr th { background-color: transparent; font-size: 0.9rem; }
.TLF_bloc table tr.data { background-color: #fff; }
.TLF_bloc table tr.data:hover td { background-color: #f0f0f0; }
.TLF_bloc table .colheader { display: flex; gap: 8px; align-items: center;  }
.TLF_bloc table .sort { display: flex; flex-direction: column; }
.TLF_bloc table .colheader .sort svg { fill: #ccc; width: 13px; height: 10px; }
.TLF_bloc table .colheader .sort .on svg { fill: #0c0; }
.TLF_bloc table.sort { width: auto; }
/*.TLF_bloc table.sort td { border: none; padding: 0; }*/
.TLF_bloc table tr.data td.right { text-align: right; }
.TLF_bloc table tr.data td.center { text-align: center; }
.TLF_bloc table.sort td.caption, .TLF_bloc td.caption { padding-left: 5px; }
.TLF_bloc table .button { padding: 2px 10px; }
.TLF_bloc table .change-order-buttons { display: flex; gap: 5px; }
.TLF_bloc table .change-order-buttons .svg-button { background-color: #eee; border: 1px solid #999; border-radius: 5px; padding: 5px; cursor: pointer; }
.TLF_bloc table .change-order-buttons .svg-button svg { fill: #666; }
.TLF_bloc table tr.data td .error { background-color: #900; color: #ff0; border-radius: 3px; padding: 3px 8px; border: 0 none; }
.TLF_bloc table tr.data td .warning { background-color: #fda; color: #000; border-radius: 3px; padding: 3px 8px; border: 0 none; }
.TLF_bloc table tr.disabled { text-decoration: line-through; background-color: #fdd; }
.TLF_bloc table tr.lastfocus { background-color: #ffc; }
/* SplitBar styles */
.SPB_bloc { }
.SPB_bloc table { border-collapse: collapse; width: 100%; font-size: 1.1em; }
.SPB_bloc table.split { width: auto; }
.SPB_bloc table.split td a { display: block; padding: 2px 4px; border-radius: 7px; margin: 1px; }
.SPB_bloc table.split td.current a { background-color: #FFCC66; border: 1px solid #666; color: #333; text-decoration: none; }
.SPB_bloc table.split td.normal a { background-color: #F8F8F8; border: 1px solid #666; color: #333333; text-decoration: none; } 
.SPB_bloc table.split td.normal a:hover { background-color: #ddd; color: #0000CC; border: 1px solid #666; text-decoration: none; font-weight: normal; }

/* SqlFilter styles */
.SQLF_bloc { background-color: #e0e0e0;  padding: 5px 8px 8px; }
.SQLF_bloc .elements { display: flex; column-gap: 15px; row-gap: 8px; flex-wrap: wrap; align-items: flex-start; margin: 0 auto; }
.SQLF_bloc .caption { font-size: 0.8em; color: #333; padding-right: 4px; margin-bottom: 2px; margin-left: 2px; display: block; }
.SQLF_bloc .field { background-color: #f8f8f8; color: #333333; padding: 2px 4px; min-height: 20px; font-weight: normal; border-width: 0; border-radius: 3px; }
.SQLF_bloc .field-nlb { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.SQLF_bloc .date .fieldbox { display: flex; min-height: 24px; align-items: stretch; }
.SQLF_bloc .element .toolbar { display: flex; gap: 8px; align-items: strech; margin-top: 4px;  }
.SQLF_bloc .element .toolbar .button { display: flex; align-items: center; margin: 0; font-size: 0.8em; color: #333; }
.SQLF_bloc .element .toolbar svg { width: 12px; height: 12px; display: block; fill: #333; }
.SQLF_bloc .fieldbox .left-caption { border-top-left-radius: 3px; border-bottom-left-radius: 3px; font-size: 0.8em; background-color: #999; color: #fff; padding: 2px 4px; min-height: 20px; display: inline-block; }
.SQLF_bloc .button { margin-left: 10px; background-color: #eee; font-size: 14px; color: #666666; font-weight: normal; padding: 3px 5px; border-radius: 4px; border-color:#ccc; border-style: outset; border-width: 1px; }
.SQLF_bloc .button:hover { background-color: #ddd; }