/* Classic Style*/
.tab-classic{
    table-layout: fixed;
	width: calc(100% - 12px);
	margin:1px;
	padding:5px;
	font-family:var(--theme-main_font-family);
    border-collapse:collapse;
}
.tab-classic th{
    padding:2px;
    height:25px;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    font-size:16px;
    color: var(--theme-main-color);
    vertical-align:middle;
    text-align:center;
    background: var(--theme-color-dark); /* Old browsers */
    background: -moz-linear-gradient(top, var(--theme-color-dark) 0%, rgba(123,123,123,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--theme-color-dark)), color-stop(100%,rgba(123,123,123,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, var(--theme-color-dark) 0%,rgba(123,123,123,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, var(--theme-color-dark) 0%,rgba(123,123,123,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, var(--theme-color-dark) 0%,rgba(123,123,123,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, var(--theme-color-dark) 0%,rgba(123,123,123,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#7b7b7b',GradientType=0 ); /* IE6-9 */
    border-right: 3px solid #9d9d9d;
                  -moz-box-shadow: 1px 0 0 #444;
                  -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
}
.tab-classic th:last-child{
    border: none;
    box-shadow: none;
}
    
.tab-classic td{
    padding:5px;
    min-width:80px;
	white-space: nowrap;
    font-size:12px;
    vertical-align:middle;
    text-align:center;
}
	
.tab-classic td input{
	vertical-align:middle;
    text-align:center;
}
	
.tab-classic td button{
	vertical-align:middle;
    text-align:center;
}
	
.tab-classic td select{
	vertical-align:middle;
    text-align:center;
	max-width:100%;
}
	
.tab-classic td input[type=text]:focus,
.tab-classic td select:focus,
.tab-classic td textarea:focus{
    -webkit-box-shadow: 0px 0px 2px 1px #6F20B3;
    box-shadow: 0px 0px 2px 1px #6F20B3; 
}
/* Minified Style*/
.tab-minified{
    table-layout: fixed;
	margin:1px;
	padding:2px;
	font-size:10px;
	font-family:var(--theme-main_font-family);
    border-collapse:collapse;
}
.tab-minified th{
    padding:2px;
    height:10px;
	white-space: nowrap;
    font-size:10px;
    color:#ffffff;
    vertical-align:middle;
    text-align:center;
    background: rgb(163,163,163); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(163,163,163,1) 0%, rgba(123,123,123,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,163,163,1)), color-stop(100%,rgba(123,123,123,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(163,163,163,1) 0%,rgba(123,123,123,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(163,163,163,1) 0%,rgba(123,123,123,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(163,163,163,1) 0%,rgba(123,123,123,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(163,163,163,1) 0%,rgba(123,123,123,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#7b7b7b',GradientType=0 ); /* IE6-9 */
    border-right: 3px solid #9d9d9d;
                  -moz-box-shadow: 1px 0 0 #444;
                  -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
}
.tab-minified th:last-child{
    border: none;
    box-shadow: none;
}
    
.tab-minified td{
    padding:2px;
    min-width:40px;
	white-space: nowrap;
    font-size:10px;
    vertical-align:middle;
    text-align:center;
}
	
.tab-minified td input{
	vertical-align:middle;
    text-align:center;
	max-width: 70px;
	font-size: 10px;
}

.tab-minified td input[type=file]{
	vertical-align:middle;
    text-align:center;
	max-width: 300px;
	font-size: 10px;
}

.tab-minified td input[type=date]{
	vertical-align:middle;
    text-align:center;
	max-width: 125px;
	font-size: 10px;
}

.tab-minified td textarea{
	max-width: 250px;
	font-size: 10px;
}

.tab-minified td object{
	max-width: 35%;
}
	
.tab-minified td button{
	vertical-align:middle;
    text-align:center;
	font-size:10px;
}
	
.tab-minified td select{
	vertical-align: middle;
    text-align: center;
	max-width: 100px;
	font-size: 10px;
}
	
.tab-minified td input[type=text]:focus,
.tab-minified td select:focus,
.tab-minified td textarea:focus{
    -webkit-box-shadow: 0px 0px 2px 1px #6F20B3;
    box-shadow: 0px 0px 2px 1px #6F20B3; 
}

/* Data Presentation Style*/
.tab-data {
    table-layout: fixed;
}

.tab-data th{
    word-break: break-word;
    vertical-align: top;
}

.tab-data td{
    overflow: hidden;
    text-overflow: ellipsis;
}

.tab-editor {
    table-layout: fixed;
}

.mngtovflow{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Stack Style */
.my_table_size{
    float: right;
}

.stack-area{
    min-width: 600px;
    overflow: auto;
	margin: 25px 0px 5px 0px;
}

.stack-table{
    table-layout:fixed;
	width:100%;
	border-spacing: 0px;
	margin: 0 0 2px 0;
}

.stack_content {
    width: calc(100%);
    flex-grow: 1;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: var(--theme-color-dark);
}

.stack_title {
    display: flex;
    width: calc(100%);
	float: left;
	white-space: nowrap;
	justify-content: center;
}
.stack-table {
    border:2px solid var(--theme-main-color);
}

.stack-table .stack_title, .stack-table .btnSaisie-minified  {
    background-color: var(--theme-main-color);
}

.stack_title_text{
	align-self: safe center;
	color: var(--theme-second-color);
	font: bold 14px var(--theme-second_font-family);
	text-transform: uppercase;
}

/* Datatables */
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: var(--theme-main-color);
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}