/* Classic Style*/
.tab-classic{
    table-layout: fixed;
	width: calc(100% - 12px);
	margin:1px;
	padding:5px;
	font-family:Verdana new, Helvetica, sans-serif;
    border-collapse:collapse;
}
.tab-classic th{
    padding:2px;
    height:25px;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    font-size:16px;
    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-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:Verdana new, Helvetica, sans-serif;
    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 th{
    word-break: break-word;
    vertical-align: top;
}

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

.tab-input{
    table-layout: fixed;
	width: calc(100% - 40px);
	margin:1px;
	/*padding:5px;*/
	font-family:Verdana new, Helvetica, sans-serif;
	font-size:14px;
    border-collapse:collapse;
}

.tab-input td{
    padding:2px;
    min-width:40px;
	white-space: nowrap;
    font-size:10px;
    vertical-align:middle;
    text-align:center;
}
	
.tab-input td input{
	vertical-align:middle;
    text-align:center;
	max-width: calc(100% - 8px);
	font-size: 10px;
	color:green;
}

.datatable_consultation_valid{
    color:black;
}

.datatable_consultation_error{
    color:red;
}