/**********************************************1.1 Machine Layout GridExpert**********************************************/
#gridContainer{
	padding:0px;
	overflow:auto;
}

.GridExpert .k-icon{
	width:16px;
	height:16px;
}

.GridExpert.k-grid .k-state-selected  .cell-defaut-value{
	border-color:var(--color-xpert-diagnostic-A-6,#ffffff);
	color:var(--color-xpert-diagnostic-A-6,#ffffff);
}
.GridExpert.k-grid .cell-defaut-value{
	width:31px;
	height:19px;
	text-align:center;
	line-height:19px;
	border-radius:40px;
	font-style:normal !important;
}
/****Grid hiarchicall***/
.GridExpert .k-detail-cell .k-grid{
	height:auto;
}

.GridExpert.k-grid .k-detail-cell .k-grid {
	border:0;
	margin-bottom:1px;
	background:transparent;
}
.GridExpert.k-grid .k-detail-cell .k-grid .k-grid-header
 {
	display:none;
}
.GridExpert.k-grid .k-detail-cell .k-grid.detailDefault .k-grid-header {
    display: block!important;
}
.GridExpert.k-grid .k-detail-cell .k-grid .k-grid-content{
	height:100%;
	overflow:hidden;
	border-bottom:1px solid var(--color-xpert-diagnostic-A3-5,#eee);
	max-height : 100% !important;
}
.GridExpert.k-grid .k-detail-cell .k-grid .k-detail-cell .k-grid-content {
	border:0;
}
.GridExpert.k-grid .k-detail-cell tr.k-master-row{
	background: var(--color-xpert-diagnostic-A3-3,rgba(245,245,245,0.2));
}
.GridExpert.k-grid .k-detail-cell tr.k-master-row:not(.k-state-selected):hover{
	background:rgba(245,245,245,0.2)!important;
}

.GridExpert.k-grid .k-detail-cell .k-grid .k-detail-cell tr.k-master-row:not(.k-state-selected){
	background:var(--color-xpert-diagnostic-A3-1,rgba(128,128,128,0.1)) !important;
}

.GridExpert .k-grid .k-detail-cell .k-grid  .k-detail-cell  tr{
	background: var(--color-xpert-diagnostic-A3-4,#FFFFFF);
}
div[patternname="SIMPLE_LAYOUT"] .GridExpert.k-grid .k-detail-row.k-alt .k-detail-cell .k-grid .k-grid-content table tr:not(.k-alt){
	background-color: var(--color-xpert-diagnostic-A3-4,#FFFFFF) !important;
}


.cell-defaut{
	display: inline-flex;
}
.cell-defaut .cell-fauxdef{
	margin-right: 10px;
}
.k-rtl .cell-defaut .cell-fauxdef{
	margin-left: 10px;
	margin-right:auto;
}
.GridExpert .k-grid .k-detail-cell  .k-grid table  tr.k-alt
{
	background:var(--color-xpert-diagnostic-A3-2,#E1E1E1) !important;
}

.GridExpert .k-master-row:not(.k-alt) + .k-detail-row .k-master-row.k-alt:not(.k-state-selected):hover{
	background:rgba(245,245,245,0.2)!important;
}
.GridExpert .k-grid .k-detail-cell .k-grid .k-detail-cell tr:not(.k-alt):hover{
	background-color: var(--color-xpert-diagnostic-A3-4,#FFFFFF) !important;
}

/**********************************************2.2 ECUDATA_2 content + ECUDATA_3 content: ECUexpertGrid **********************************************/
.tables-container .tableTitle,
.scaleTitle, .compositeTitle,
.tableTitleJDD,
.tableTitleComposite {
	display:inline-block;
	height: 45px;
	width:100%;
    margin-bottom: 5px;
	text-align: center;
	user-select: none;
	-moz-user-select: none;
	-wbkit-user-select: none;
	-ms-user-select: none;
	border:0;
	overflow: auto;
	line-height:45px;
}

.scaleTitle {
	margin-left: 15px;
}
.k-rtl .scaleTitle {
	margin-right: 15px;
}
.tables-container .tableTitle span,
.scaleTitle span,
.tableTitleJDD span,
.compositeTitle span
{
	display:inline-block;
	width:100%;
	color:var(--color-xpert-diagnostic-A-16,#333333);
	vertical-align: middle;
	font-size:var(--font-size-xpert-diagnostic-B-5,18px);
	font-weight:var(--font-weight-xpert-diagnostic-B-5,bold);
	line-height:14px;
	text-align:center;
}
.tables-container td form {
	display: inline-flex;
	float: left;
	width: 100%;
	
}
.tables-container .label-radio{
	width: 100% !important;
	padding-top: 10px;
	text-align: left;
	margin-left:5px
}
.k-rtl .tables-container .label-radio{
	text-align: right;
	margin-right:5px
}

.ECUgridContainer{
	overflow-x:hidden;
	overflow-y:auto;
}
.tables-container{
	vertical-align: middle;
	display: inline-block;
	
}
.tables-container .k-grid{
	border-radius:0 !important;
	margin: 0px 0px 5px 0;
	border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
}
.ECUgridContainer .k-grid[id*="CtxDataDyna"]{
	margin-top:20px;
}
.ECUgridContainer  .k-grid[id*="CtxDataDyna"] .k-grid-content,
.ECUgridContainer  .k-grid[id*="CtxData"] .k-grid-content{
	max-height :none !important;
}
.ECUgridContainer .ECUlabel{
	display:inline-block;
	padding:0px 0 5px 10px;
	height: auto;
	line-height:18px;
	text-align: justify;
	vertical-align:top;
}
.ECUgridContainer .ECUlabel:first-child, .ECUgridContainer .ECUlabel:last-child{
	padding-left:0;
}
.ECUgridContainer .ECUlabel label{
	color: var(--color-xpert-diagnostic-F3-4,#333) !important;
}
.ECUgridContainer .ECUlabel:before{
	content: "\f05a";
	display: inline-block;
    font: var(--font-style-xpert-diagnostic-H-10,normal) normal var(--font-weight-xpert-diagnostic-H-10,normal) var(--font-size-xpert-diagnostic-H-10,14px)/1 var(--font-family-xpert-diagnostic-H-10,FontAwesome);
    font-size: var(--font-size-xpert-diagnostic-P-5,22px);
	color:var(--color-xpert-diagnostic-Y-9,#b1c367) ;
	padding-right:5px;
	vertical-align:top;
}
.k-rtl .ECUgridContainer .ECUlabel:before{
	padding-right:0px;
	padding-left:5px;
}
.k-grid-content table tbody td .toolTip.info:before,
.k-grid-content table tbody td .toolTip.error:before,
.k-grid-content table tbody td .toolTip.warning:before{
	display: inline-block;
    font: var(--font-style-xpert-diagnostic-H-10,normal) normal var(--font-weight-xpert-diagnostic-H-10,normal) var(--font-size-xpert-diagnostic-H-10,14px)/1 var(--font-family-xpert-diagnostic-H-10,FontAwesome);
    font-size: var(--font-size-xpert-diagnostic-P-5,22px);
	padding-right:5px;
}
.k-rtl .k-grid-content table tbody td .toolTip.info:before,
.k-rtl .k-grid-content table tbody td .toolTip.error:before,
.k-rtl .k-grid-content table tbody td .toolTip.warning:before{
	padding-right:0px;
	padding-left:5px;
}
.k-grid-content table tbody td .toolTip.info:before{
	content: "\f05a";
	color: var(--color-xpert-diagnostic-Y-9,#b1c367) ;
}	
.k-grid-content table tbody td .toolTip.error:before{
	content: "\f057";
	color: var(--color-xpert-diagnostic-Y-22,#FF0000);
}
.k-grid-content table tbody td .toolTip.warning:before{ 
	content: "\f06a";
	color: var(--color-xpert-diagnostic-Y-23,#FFA500);
}
/**********************************************3.3 List_Grid**********************************************/

.langue {
float: left;
	position: relative;
	width: 111px;
	height: 170px; 
	margin: 0 5px;
	padding: 0;
}
.k-rtl .langue{
	float:right;
}
.langue img {
 	width: 110px;
	height: 110px; 
}
.langue[Selectable="YES"]:hover  {
	background:none;
	color:white;
	cursor:pointer;
	box-shadow: 0 0 0 ;
}

.k-state-selected:focus  {
    box-shadow: 0 0 0 !important;
    border: none !important;
    background: none !important;
}

.langue[Selectable="NO"]{
	 
		opacity:0.1;
}
.langue[Selectable="NO"]:hover{
	  cursor:default;
}
.parent-list h4 {
    display: block;
    color: var(--color-xpert-diagnostic-E-3,#000000);
    position: relative;
    top: 1px;
    width: 80px;
    padding: 5px;
    height: auto;
	font-size:var(--font-size-xpert-diagnostic-E-8,13px);
	text-align: center;
}

.parent-list:hover  h4{
	font-size:var(--font-size-xpert-diagnostic-E-9,13px)!important;
	font-style:var(--font-style-xpert-diagnostic-E-9,italic);
	background-color:var(--color-xpert-diagnostic-E-2,#666);
	color:var(--color-xpert-diagnostic-E-4,#fff);
}

.k-state-selected.parent-list  {
	background:none;
	box-shadow: 0 0 0 !important;
}

.k-state-selected.parent-list h4 {
    display: block;
    position: relative;
    top: 1px;
	padding: 5px;
    background-color: var(--color-xpert-diagnostic-E-6,rgba(0, 0, 0, 0.8));
    height: auto;
	width: 80px;
	font-size:var(--font-size-xpert-diagnostic-E-10,13px);
	font-weight:var(--font-weight-xpert-diagnostic-E-10,bold);
	font-style:var(--font-style-xpert-diagnostic-E-10,italic);
}

.parent-list {
	margin: 15px;
	height: 100px;
	width: 90px;
}
.langue[Selectable="NO"]:hover h4 {
	font-style:normal !important;
}

.langue[Selectable="NO"] h4 {
	font-style: var(--font-style-xpert-diagnostic-E-11,normal) !important;
	font-weight: var(--font-weight-xpert-diagnostic-E-11,normal);
	color: var(--color-xpert-diagnostic-E-22,#fff);
}
.parent-list img {
    height: 72px;
	width: 90px;
}

/**********************************************4.4 ADEE_Layout**********************************************/
.tableAdee .rowAdee{
	padding:10px ;
}

.rowAdee{
	overflow:auto;
	padding:10px 0;
}
.rowAdee:hover{
	cursor:default;
}
.colLeft{
padding:10px 0;
}

.colRight{
	
	border:2px solid var(--color-xpert-diagnostic-A4-1,#eee);
	padding:10px 0 10px 5px;
}
.k-rtl .colRight{
	padding: 10px 5px 10px 0px;
}
.colLeft span,.colRight span{
	font-size:var(--font-size-xpert-diagnostic-B-2,16px); 
	color:var(--color-xpert-diagnostic-A4-2,#333333);
	font-weight:var(--font-weight-xpert-diagnostic-B-2,bold);
}

.ECUgridContainer  hr,
.tableAdee hr{
	height: 2px;
	border: 0;
}
div.title-page{
	display: inline-flex;
}
div.title-page h1{
	margin-right: 10px !important;
}
/**********************************************5.5 Responsive**********************************************/
@media only screen and (min-device-height: 1200px) and (device-width: 1920px){
	.ECUgridContainer{
		height:910px;
	}
	.ECUgridContainer .k-grid-content{
		max-height:900px;
	}
	.GridExpert.TLCDUgrid  .k-grid-content{
		max-height:715px;
	}
	.GridExpert .k-grid-content{
		max-height:845px;
	}
	.GridExpert.dataGrid .k-grid-content {
     max-height: 609px;
	}
	.GridExpert.Ecudata3 .k-grid-content {
		max-height: 870px;
	}
	.list-layout{
		height:910px;
	} 
	.linkExpert{
	 max-height:852px;
	}
	.listView.k-widget {
	    height: 910px;
		overflow: auto;
	}
	.GridDTC-Layout .k-grid-content{
		max-height:910px;
	}
	.ChartPanel{
		height: 860px;
	} 
	.panelbar .popupLabelPanel {
		width: 1873px;
	}
	.scaleTitle {
		width:98.4%; 
	}
	.down{
		height: 25.4% !important;
	}
}
@media only screen and (min-device-height: 1080px) and (max-device-height: 1199px) and (device-width: 1920px){
	.ECUgridContainer{
		height:794px; /*860px*/
	}
	.ECUgridContainer .k-grid-content{
		max-height:747px;
	}
	.GridExpert.TLCDUgrid  .k-grid-content{
		max-height:630px;
	}
	.GridExpert .k-grid-content{
		max-height:725px; /*machine layout + progress*/
	}
	.GridExpert.dataGrid .k-grid-content {
     max-height: 609px;
	}
	.GridExpert.Ecudata3 .k-grid-content { /*same*/
		max-height: 730px;
	}
	.GridExpert.GriddJDD .k-grid-content{
		max-height:766px; 
	}
	.list-layout{
		height:790px;
	} 
	.linkExpert{
	 max-height:852px;
	}
	.listView.k-widget {
	    height: 790px;
		overflow: auto;
	}
	.GridDTC-Layout .k-grid-content{ /*same*/
		max-height:785px;
	}
	.ChartPanel{
		height: 735px;
	} 
	.scaleTitle {
		width:98.4%; 
	}
	.down{
		height: 25.4% !important;
	}
	[patternname="COMPOSITE_LAYOUT"]  .block-table {
		overflow: auto;
		border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
		height: 225px;
		width: 100%;
	}
}
@media only screen and (max-device-width: 1600px) and (max-device-height: 900px) {
	.ECUgridContainer{
		height:615px;
	}
	.GridExpert.TLCDUgrid   .k-grid-content{
		max-height:455px;
	}
	.ECUgridContainer .k-grid-content{
		max-height:567px;
	}
	.GridExpert  .k-grid-content{
		max-height:545px;
	}
	.GridExpert.GriddJDD  .k-grid-content{
		max-height:459px;
	}
	.GridDTC-Layout .k-grid-content{
		max-height:610px;
	}
	
	.GridExpert.dataGrid .k-grid-content {
     max-height: 609px;
	}
	.GridExpert.Ecudata3 .k-grid-content {
		max-height: 570px;
	}
	/* .list-layout{
		height:604px;
	} */
	.linkExpert{
	max-height:605px;
	min-height:605px;
	}	
	.listView.k-widget {
	    height: 610px;
		overflow: auto;
	}
	.scaleTitle {
		width:98.1%; 
	}
	[patternname="COMPOSITE_LAYOUT"]  .block-table {
		overflow: auto;
		border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
		height: 215px;
		width: 100%;
		border: medium none; 
	}
}

@media screen  and (min-height: 601px) and (max-height: 768px){
	.ECUgridContainer{
		height:470px;

	}
	.ECUgridContainer .k-grid-content{
		max-height:420px;
	}	
	
	.GridExpert.TLCDUgrid  .k-grid-content{
		max-height:305px;
	}
	
	.GridExpert  .k-grid-content{
		max-height:415px;
	}
	.GridDTC-Layout .k-grid-content{
		max-height:480px;
	}
	
	.GridExpert.dataGrid .k-grid-content {
		max-height: 478px;
	}
	.GridExpert.Ecudata3 .k-grid-content {
		max-height: 440px;
	}
	.linkExpert{
	 max-height:478px;
	 min-height:478px;	
	}
	.listView.k-widget {
	    height: 480px;
		overflow: auto;
	}
	.scaleTitle {
		width:97.8%; 
	}
	
	[patternname="COMPOSITE_LAYOUT"]  .block-table {
		overflow: auto;
		border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
		height: 120px;
		width: 100%;
		border : medium none ; 
	}	
}

@media only screen and (min-height: 801px) and (max-height: 1024px) and (max-width: 1280px) {
	.ECUgridContainer{
		height:738px;
		
	}
	.ECUgridContainer  .k-grid-content{
		max-height:690px;
	
	}
	.GridExpert.TLCDUgrid  .k-grid-content{
		max-height:550px;
	}
	
	.GridExpert  .k-grid-content{
		max-height:670px;
	}
	
	.GridDTC-Layout .k-grid-content{
		max-height:730px;
	}
	
	.GridExpert.dataGrid  .k-grid-content {
		max-height: 730px;
	}
	.GridExpert.Ecudata3 .k-grid-content {
		max-height: 690px;
	}

	.linkExpert{
	  max-height:731px;
	  min-height:731px;	  
	}
	.listView.k-widget {
	    height: 730px;
		overflow: auto;
	}
	.scaleTitle {
		width:97.6%;
	}
	[patternname="COMPOSITE_LAYOUT"]  .block-table {
		overflow: auto;
		border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
		height: 150px;
		width: 100%;
		border: medium none;
	}
}
@media screen and (max-device-height: 800px) and (min-device-height: 769px) {
	.ECUgridContainer{
		height:515px;
	}
	.ECUgridContainer  .k-grid-content{
		max-height:468px;
	}

	.GridExpert  .k-grid-content{
		max-height:448px;
	}
	
	.GridDTC-Layout .k-grid-content{
		max-height:510px;
	}
	
	.GridExpert.dataGrid .k-grid-content {
		max-height: 509px;
	}
	.GridExpert.TLCDUgrid  .k-grid-content{
		max-height:358px;
	}
	.GridExpert.Ecudata3 .k-grid-content {
		max-height: 473px;
	}
	.linkExpert{
	  max-height:509px;
	  min-height:509px;	  
	}
	.listView.k-widget {
	    height: 510px;
		overflow: auto;
	}
	.scaleTitle {
		width:97.6%;
	}
	[patternname="COMPOSITE_LAYOUT"]  .block-table {
		overflow: auto;
		border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
		height: 150px;
		width: 100%;
		border: medium none;
	}
}

/**********************************************6.6 Telexx_Layout**********************************************/

.dynamic .wait 
{
	display:inline-block;
	width:45px;
	height:45px;
	text-align:center;
}

/****ComboBox****/
.k-combobox{
	border: 1px solid var(--color-xpert-diagnostic-B-4,#F0F0F0);
}

.ECUgridContainer .k-combobox{
	width: 99.5%;
}
div.ECUDataXComboBoxItem[Selectable="NO"]{
	color:var(--color-xpert-diagnostic-B-9,#848081) !important;
	cursor: not-allowed;
}

/**********************************************7.7 TLCD_FAILURE_LAYOUT**********************************************/

.ErrorSentence , .AdditionalTLCD {
	padding:1px 10px;
}

.AdditionalTLCD {
	margin-bottom:5px;
}

.ErrorSentence span { 
    color: var(--color-xpert-diagnostic-A5-2,#f00) !important;
    vertical-align: middle;
    font-size: var(--font-size-xpert-diagnostic-H-2,16px);
    font-weight:var(--font-weight-xpert-diagnostic-H-2,bold);  
}

.AdditionalTLCD  p{
	color: var(--color-xpert-diagnostic-A5-1,#333);
    vertical-align: middle;
    font-size: var(--font-size-xpert-diagnostic-H-2,16px);
    font-weight: normal; 
}

/**********************************************8.8 Button TG + Impression**********************************************/
.page-header .icon-header {	
	margin-top:13px;
	float: right;
	text-align: right;
}

.k-rtl .page-header .icon-header {	
	float: left;
	text-align: left;
}
.icon-header button{	
    color: var(--color-xpert-diagnostic-J-9,#FFFFFF);
    padding: 3px 16px;
    margin-top: -9px;
	margin-left: 5px;
	border-radius:0;
	
}

.icon-header button i{
	font-size:var(--font-size-xpert-diagnostic-P-2,24px);
}
.icon-header button i.icon-check-btn,
.icon-header button i.k-i-sort-asc,
.icon-header button i.k-i-sort-desc{
	float:right;
	height:26px;
	width:24px;
}
.icon-header button:hover,
.icon-header button:focus,
.icon-header button:active:hover,
.icon-header button .k-state-active,
.icon-header button.k-state-hover,
.icon-header button.k-state-selected,
.icon-header button.k-state-focused
{
	background-image:none;
	color:var(--color-xpert-diagnostic-J-9,#FFFFFF);
	box-shadow:none !important;
}

.icon-header button[disabled]:hover {
    cursor: not-allowed !important;
    color: var(--color-xpert-diagnostic-J-10,#AEB4BD) !important;
    opacity: 1;
    background: var(--color-xpert-diagnostic-J-11,#DCE0E6) none repeat scroll 0% 0% !important;
    border: 1px solid var(--color-xpert-diagnostic-J-12,#ECF0F1) !important;
    outline: medium none;
}

.icon-header button[disabled] {
    color:var(--color-xpert-diagnostic-J-10,#AEB4BD) !important;
    opacity: 1;
    background: var(--color-xpert-diagnostic-J-11,#DCE0E6) none repeat scroll 0% 0% !important;
    border: 1px solid var(--color-xpert-diagnostic-J-12,#ECF0F1) !important;
    outline: medium none;
}
/**********************************************9.9 JDD_LAYOUT**********************************************/
[patternname="JDD_LAYOUT"] .page-header .icon-header{
	padding-left :0px;
	padding-right:15px;
}
.k-rtl [patternname="JDD_LAYOUT"] .page-header .icon-header{
	padding-left :15px;
	padding-right:0px;
}
.JDDHeader{
	float:left;
	margin-top:-13px;
	padding-right:5px;
	
}
.k-rtl .JDDHeader{
	float:right;
	padding-left:5px;
	padding-right:0px;
}
.TitleJDDLayout{
    	padding: 0px;
    	text-align: left;
}

.GriddJDD .k-grid{
	border-radius:0 ;
	border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
}

.GriddJDD .k-grid .k-grid-header{
	border:0;
}

.GriddJDD  .k-grid-content .tableJDD   td{
	padding:5px ;
	border : none ;
	text-align : left;
	color:var(--color-xpert-diagnostic-A-7,#333333);
	background:transparent!important;
}
.k-rtl .GriddJDD  .k-grid-content .tableJDD   td{
	text-align : right;
}
.GriddJDD  .k-grid-content  td:first-child{
	width:3%;
	padding-left:10px;
}
.GriddJDD  .k-grid-content  td:nth-child(2)
{
	width:3%;
}
.GriddJDD  .k-grid-content   td:nth-child(3)
{
	width:7%;
}
.GriddJDD  .k-grid-content  td:nth-child(4)
{
	width:20%;
}
.GriddJDD  .k-grid-content  td:nth-child(5)
{
	width:7%;
}
.GriddJDD  .k-grid-content table tr[selectable="NO"]{
	pointer-events:none ;
}
	
/****JDD AEE 2010*****/
.gridJDD_AEE2010 .k-grid-content   td:first-child{
	width:3%;
}
.gridJDD_AEE2010 .k-grid-content    td:nth-child(2){
	width:3%;
}
.gridJDD_AEE2010 .k-grid-content    td:nth-child(3){
	width:7%;
}
.gridJDD_AEE2010 .k-grid-content    td:nth-child(4){
	width:17%;
}
.gridJDD_AEE2010 .k-grid-content   td:nth-child(5){
	width:20%;
}
.gridJDD_AEE2010 .k-grid-content    td:nth-child(6){
	width:9%;
}

.gridJDD_AEE2010 .detailDefault .k-grid-content  td {
	width:auto;
}

.GriddJDD .k-grid-content .tableJDD {
		
		overflow-y:hidden !important;
}

.GriddJDD  .k-grid-content .k-state-selected td{color: var(--color-xpert-diagnostic-A-6,#FFFFFF) !important;}

.k-grid .k-state-selected td
{
	color: var(--color-xpert-diagnostic-A-6,#FFFFFF) !important;
}
.GriddJDD  .k-grid-content  .k-grid-content-expander{
	position:relative !important;
}
/****Table Grid-selectedEvent***/

.GriddJDD  .k-detail-cell  .k-grid-content  td:first-child{
	width:7%;
}
.GriddJDD  .k-detail-cell .k-grid-content  td:nth-child(2){
	width:7%;
}
.GriddJDD  .k-detail-cell .k-grid-content   td:nth-child(3){
	width:7%;
}
.GriddJDD  .detailDefault .k-grid-header {
	padding-right:0px!important;
}
.k-rtl .GriddJDD  .detailDefault .k-grid-header {
	padding-left:0px !important;
}

.GriddJDD  .k-grid-content tr.k-alt,
.GriddJDD.k-grid .k-detail-cell .k-grid table tr.k-alt{
	background-color: var(--color-xpert-diagnostic-A-2,#F5F5F5);
}
.GriddJDD.k-grid .k-detail-cell .k-grid table tr.k-alt:hover{
	background-color: var(--color-xpert-diagnostic-A-2,#F5F5F5)!important;
}
.GriddJDD  .k-grid-content tr,
.GriddJDD.k-grid .k-detail-cell .k-grid table tr{
	background-color: var(--color-xpert-diagnostic-A-3,#FFFFFF);
}
.GriddJDD.k-grid .k-detail-cell .k-grid table tr:hover{
	background-color: var(--color-xpert-diagnostic-A-3,#FFFFFF) !important;
}

.GriddJDD  .detailDefault .k-grid-header table thead  tr:first-child th{
	color:var(--color-xpert-diagnostic-A-16,#333333)!important;
	vertical-align: middle;
	font-size:var(--font-size-xpert-diagnostic-B-13,16px) !important;
	font-weight:var(--font-weight-xpert-diagnostic-B-13,bold)!important;
	line-height:14px;
	text-align:center;
}
.GriddJDD  .grid-selectedEvent .k-grid-header table thead th,
.GriddJDD  .grid-selectedEvent .k-grid-header table thead th  label {
	text-align:center !important;
	font-weight: var(--font-weight-xpert-diagnostic-B-12,bold)!important;
	font-size: var(--font-size-xpert-diagnostic-B-12,16px)!important;
	color:var(--color-xpert-diagnostic-A-15,#fff)!important;
}
.GriddJDD  .grid-selectedEvent .k-grid-header label{
	padding-left:20px;
}
.k-rtl .GriddJDD .grid-selectedEvent .k-grid-header label{
	padding-right: 20px !important;
	padding-left:0px;
}

.GriddJDD  .grid-selectedEvent   .k-grid-content table  td
{
	padding:5px;
	border: none;
	color:var(--color-xpert-diagnostic-A-7,#333333);
	text-align:center!important;
}
/******Layout_Composite***/
.tableTitleComposite span{
	text-align:center;
	font-size:var(--font-size-xpert-diagnostic-B-6,18px);
	line-height:30px;
	color:var(--color-xpert-diagnostic-A-15,#FFFFFF);
	font-weight:var(--font-weight-xpert-diagnostic-B-6,bold);
	text-transform: var(--text-transform-xpert-diagnostic-B-6,uppercase);
}
.TableTitlecomp{
	color:var(--color-xpert-diagnostic-A-15,#FFFFFF) !important;
	text-align: center !important;
	height: 25px;
	font-weight: var(--font-weight-xpert-diagnostic-B-1,bold)!important;
	font-size:var(--font-size-xpert-diagnostic-B-1,18px)!important;
	line-height: 25px;
	vertical-align: middle;
}
.tableComposite td.k-button{
	background-color:transparent!important;
}
.tableComposite td.k-button:hover{
	background-image:none!important;
}
	
/****Pagination****/
.text-Item{
	float:right;
	padding-top:5px;
	font-size:var(--font-size-xpert-diagnostic-B-4,14px);
	font-weight:var(--font-weight-xpert-diagnostic-B-4,bold);
}
.k-rtl .text-Item{
	float:left;
}
button i.img-icon-favorite  {
    display:inline-block;
	vertical-align: text-bottom;
    height: 29px;
    width: 34px;
}
/*************************************[RichEcuData LAYOUT]**************************************/

.popupLabelPanel label{
	width: auto;
	min-width : 110px;
	margin-left: 30px;
	padding: 2px 8px;
	text-align: center;
	font-size: var(--font-size-xpert-diagnostic-Q-2,13px);
	color: var(--color-xpert-diagnostic-E1-15,#333333);
	font-weight: var(--font-weight-xpert-diagnostic-Q-2,normal);
}
.popupLabelPanel label:hover{
	background:none;
}

.panelbar .k-panelbar .k-item {
    background-color: #ffffff;
    color: #787878;
    border-color: #dbdbdb;
    margin-bottom: 10px;
}
.k-chart-tooltip
{
	background-image: none;
	opacity: 0.8 !important;
}
.panelbar .chart svg{
	width:100%;
}

/**********************Table SIMPLE_LAYOUT**********************************************/
.text-center-bloc span.title-table {
 
    height: 25px;
    font-weight: var(--font-weight-xpert-diagnostic-H-4,bold);
    font-size: var(--font-size-xpert-diagnostic-H-4,13px);
    line-height: 25px;
	color:var(--color-xpert-diagnostic-A-15,#fff);
    margin-top: 40px;
}

table.table-simpleLayout tr td,
table.table-simpleLayout tr td label{
    color: var(--color-xpert-diagnostic-A-7,#333);
	font-size: var(--font-size-xpert-diagnostic-B-2,16px) !important;
    font-weight: var(--font-weight-xpert-diagnostic-B-2,bold) !important;
    line-height: 25px;
    vertical-align: middle;
}

table.table-simpleLayout {    
    text-align: center;
    width: 100%;
	border:0;
}

.block-table   {
    height: 215px;
    overflow: auto;
    width: 100%;
	border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
}

.text-center-bloc .block-table   {
	border:none;
}

/*********************************************************************Responsive CSS*******************************************************/
.k-rtl .panelbar .k-chart{
	direction:ltr;
}
@media only screen and (max-device-width: 1600px) and (max-device-height: 900px) {
	.ChartPanel{
		height: 555px;
	} 
	.panelbar .popupLabelPanel {
		width: 1527px;
	}
	.FiltreLayoutExpert .block-table{
		max-height: 437px;
	}
}

@media screen and (max-width: 1366px) and (max-height: 768px){
	.panelbar .popupLabelPanel {
		width: 1275px;
	}
	[patternname="COMPOSITE_LAYOUT"]  .block-table{
		 height: 120px;
		overflow: auto;
		width: 100%;
		border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
		border : medium none;
	}
}

@media screen and (max-width: 1360px) and (max-height: 768px){
	.panelbar .popupLabelPanel {
		width: 1270px;
	}
	[patternname="COMPOSITE_LAYOUT"]  .block-table{
		 height: 120px;
		overflow: auto;
		width: 100%;
		border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
		border : medium none;
	}
}

@media screen and (max-width: 1280px){
	.panelbar .popupLabelPanel {
		width: 1189px;
	}
}

@media screen and (max-width: 1024px) and (max-height: 768px){
	.panelbar .popupLabelPanel {
		width: 934px;
	}
	[patternname="COMPOSITE_LAYOUT"]  .block-table{
		height: 120px;
		overflow: auto;
		width: 100%;
		border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
		border : medium none;
	}
}

@media screen  and (min-height: 601px) and (max-height: 768px){
	.ChartPanel{
		height: 425px;
	} 
	[patternname="COMPOSITE_LAYOUT"]  .block-table{
		height: 120px;
		overflow: auto;
		width: 100%;
		border: 1px solid var(--color-xpert-diagnostic-A-9,#EDEDED);
		border : medium none;
	}
}

 @media only screen and (min-height: 801px) and (max-height: 1024px) and (max-width: 1280px) {
	.ChartPanel{
		height: 680px;
	}
}

@media screen and (max-device-height: 800px) and (min-device-height: 769px) {

	.ChartPanel{
		height: 455px;
	} 
}


.rowAdee:nth-child(2n+1) {
	background: var(--color-xpert-diagnostic-A4-3,#f5f5f5);
}
/******Button Prévisualisation***/

.preview{
	 display:inline-block;
	 height:39px;
	 width:31px;
	 background-position:0px 7px;
	 margin-top:5px;
}
/*********************POP UP FILTRAGE DU JOURNAL DES DEFAUTS ********************/
 .FiltreLayoutExpert .simple-text{
	padding-left:4px;
	padding-right:4px;
	padding-top :3%;
}

.FiltreLayoutExpert .simple-text table tr td{
	padding:3px;
	text-align:left!important;
	width:auto!important;
}
.k-rtl .FiltreLayoutExpert .simple-text table tr td{
	text-align:right!important;
	
}
.FiltreLayoutExpert .simple-text table{
	  border-collapse:initial;
  }   

.FiltreLayoutExpert .simple-text table tr td .k-combobox {
    width: 95%;
    height: 35px;
	border: 1px solid var(--color-xpert-diagnostic-B-4,#F0F0F0);
}
.FiltreLayoutExpert  .reset-button{
	color: var(--color-xpert-diagnostic-X-10,#fff);
	border:0;
}

.FiltreLayoutExpert  .reset-button:hover,
.FiltreLayoutExpert  .reset-button:focus,
.FiltreLayoutExpert  .reset-button:active:hover,
.FiltreLayoutExpert  .reset-button:active{
	background-image:none ;
	border:0;
	box-shadow:none !important;
}

.FiltreLayoutExpert.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window{
	height: auto;
}
.FiltreLayoutExpert .block-table{
	height:auto;
}

.FiltreLayoutExpert.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window .window-container{
	display:block;
	width:100%;
}

@media only screen and (min-height: 769px) and (max-height: 900px) {
.FiltreLayoutExpert .block-table{
    max-height: 438px;
	}
.GridExpert.GriddJDD .k-grid-content{
	max-height:587px; 
	}
}
	
.SimpleLayout-HelpPanel[patternname="SIMPLE_LAYOUT"] .body-window .simple-text{
	max-height: 80px;
	margin-bottom: 40px;
	overflow-y: auto;
}
@media only screen and (device-height: 1080px) and (device-width: 1920px){
	.FiltreLayoutExpert .block-table{
		max-height: 675px; 
	}
}
@media only screen and (device-height: 1200px) and (device-width: 1920px){
	.FiltreLayoutExpert .block-table{
		max-height: 700px;
	}
}

.tableComposite .fa-play-circle {
    color: var(--color-xpert-diagnostic-Y-10,#eabf18) !important;
    font-size:var(--font-size-xpert-diagnostic-P-7,25px);
}
.tableComposite .fa-stop-circle{
	color: var(--color-xpert-diagnostic-Y-10,#eabf18) !important;
    font-size: var(--font-size-xpert-diagnostic-P-7,25px);
}


table.tableComposite tr td {
    color: var(--color-xpert-diagnostic-A-7,#333) !important;
    height: 25px;
    font-weight:var(--font-weight-xpert-diagnostic-B-2,bold)!important;
    font-size:var(--font-size-xpert-diagnostic-B-2,16px) !important;
    line-height: 25px;
    vertical-align: middle;
}
.waitCompositeFigure{
	Height : 40px ; 
	margin-top : 20px;
	margin-bottom : 20px;
}
.table-simpleLayout .TAComposite .btn,
.table-simpleLayout .TAComposite .btn:focus,
.table-simpleLayout  .TAComposite .btn:hover,
.tableComposite  .TAComposite .btn,
.tableComposite  .TAComposite .btn:focus,
.tableComposite  .TAComposite .btn:hover{
	background:none;
	outline:0;
	padding :0px;
	border:none;
}
/************************************* Pop-up information générale Tri JDD***********************/
.simple-text[id*=infoScreen] .block-table {
	height :auto;
}