/****Reset Print****/
body{
	font-family: var(--font-family-print-R-11,arial),sans serifs !important ;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	overflow-x:initial !important;
}

@page { 
	margin:0 1cm 1cm 1cm; 
	padding: 0;
}
#tabStrip{
	top:0px !important;
}


.headerTable {font-size: var(--font-size-print-R-1,10px); text-align:left; margin-bottom: 20px;}
.title {margin-right:20%; margin-left:20%; border:1px solid black; margin-bottom: 20px;}
.titleTable {width:100%;}
.titleTitlePanelTr {font-size: var(--font-size-print-R-2,18px);}
.histPanelTr {font-size: var(--font-size-print-R-3,14px);}
.screenIDPanelTr {font-size: var(--font-size-print-R-4,10px);}
.logo {width:42px; height:42px; margin:0px 13px 0px 2px;}
.marker {text-align:center; height:20px; width:100px; border: 1px solid;margin-bottom: 3px;}
.redMarker {border-color:red;}
.blueMarker {border-color:blue;}
.greenMarker {border-color:green;}
.uppercase {text-transform:uppercase;}

.k-window {
	height:auto !important;
	overflow:auto !important;
}
.container-center,
.container-fluid,
#page-container,
.k-window-content.k-content	{
	height:auto !important;
	clear:both;
	margin-bottom:10px;
}

#rapportContainer {
	height:auto !important;
}	
#linkTrace{
	height:auto !important;	
	width:100%!important;
	border:0!important;		
}	
#linkTrace div:first-child{
	padding: 5px 10px;
	font-size: var(--font-size-print-R-5,14px) !important;	
}
	
.k-tooltip{
	display:none !important;
}
 
.text-center-bloc {
	text-align:center;
}
	
.text-center-bloc  .simple-text  ,
.text-center-bloc span.title-table{ 
	text-align:center;
}	

#printHelpPanel{
	font-size: var(--font-size-print-R-10,14px);
	border:1px solid var(--color-print-D2-5,black);
}
.block-table,
.text-center-content{
	height:auto !important;	
	width:100%!important;
}

.text-center-content .text-center-bloc {
    display: block !important; 
    text-align: center !important; 
    width: 100% !important;
}

table.table-simpleLayout tr:nth-child(2n+1) {
    border:1px solid #f5f5f5 !important;
}


.text-center-bloc span.title-table {
   border:1px solid  #3A89C9 !important;
   width:100% !important;
   float:left !important;
}

table.table-simpleLayout {
	margin-bottom:20px !important;}
	
table.table-simpleLayout tr:nth-child(2n+1) {
    background-color: #F5F5F5 !important;
}	

.slide-in-share {
	display:none
}

/***********************printHelpPanel****date-heure-print*************************/

.visible-print-block.printHelpPanel {
	border:1px solid var(--color-print-D2-6,#000);
	margin-top:20px;
}

.date-impression {
	float:right;
}

.heure-impression {
	float:right;
}

.date-heure-print {
	position:absolute;
	right:0;
	bottom:0;
}
/******Style for GridTable****/
.k-grid{
	border:0;
}
.k-grid-content table tbody tr td,
.k-grid-header th.k-header ,
.k-grid-header table thead th
{
	border-left:0 !important;
	border-right:0 !important;
	border-top:0 !important;
	border-bottom: var(--color-print-D2-7,#f5f5f5) !important;
}

#gridExpert .k-grid-content table tbody tr td [Level]{
	border-bottom: var(--color-print-D2-7,#f5f5f5) !important;
}
.GridExpert.k-grid .k-alt{
	background: var(--color-print-D2-28,transparent) !important;
}

.GridExpert.k-grid .k-detail-cell tr.k-master-row {
	background: var(--color-print-D2-1,#f7dba6) !important;
	padding-left: 40px !important;
	font-weight: var(--font-weight-print-R-12,bold) !important;
}
.GridExpert.k-grid .k-detail-cell .k-grid .k-detail-cell .k-grid-content {
	margin-top:10px !important;
}
.GridExpert .k-grid .k-detail-cell .k-grid table tr.k-alt{
	background: var(--color-print-D2-8,#fff) !important;
}
.GridExpert.k-grid .k-detail-cell .k-grid .k-detail-cell tr.k-master-row
{
	background: var(--color-print-D2-2,#f8e9d7) !important;
	margin-top:10px !important;
	font-weight:normal !important;

}
.GridExpert.k-grid .cell-defaut-value {
    width: 24px !important;
    height: 19px !important;
	padding:0 !important;
    text-align: center !important;
    color: var(--color-print-D2-9,#C78B69) !important;
    line-height: 19px !important;
    border-radius: 40px !important;
    font-style: var(--font-style-print-R-13,normal) !important;
}

.GridExpert .k-grid-content table tbody td:nth-child(2) {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.GridExpert .k-grid-content table tbody tr {
	padding-top: 5px !important;
	padding-bottom : 5px !important;
}
.GridExpert.dataGrid .k-grid-content tr.k-master-row,
.GridExpert.dataGrid .k-grid-content tr.k-alt.k-master-row{
	background:#f7dba6 !important;
}
.k-grid .k-detail-cell .k-grid-content table tr{
	background: var(--color-print-D2-10,#fdfdfd) !important;
}
	
.tables-container { 
    display: block !important;
}	

.GridExpert.k-grid .k-state-selected td {
	color: var(--color-print-D2-11,#fff) !important;
	background-color: var(--color-print-D2-12,#D8AC93) !important;
}
.GridExpert .k-grid .k-state-selected  {
	color: var(--color-print-D2-11,#fff) !important;
	background-color: var(--color-print-D2-39,#3A93DA) !important;
}	
.k-grid,
.k-grid-content{ 
	height: auto !important; 
	max-height: 100% !important;
}
[AppId="diagnostic"] .GridExpert .k-grid .k-state-selected .visible-print-block,	
[AppId="xpert"] .GridExpert.k-grid .k-state-selected td label ,
[AppId="diagnostic"] .GridExpert .k-grid .k-state-selected td label, 
[AppId="diagnostic"] .GridExpert .k-grid .k-state-selected td label bdi, 
[AppId="xpert"] .GridExpert.k-grid .k-state-selected td .cell-defaut div{
	color: var(--color-print-D2-11,#fff) !important;
}

.GridDTC-Layout .k-selectable tr.k-detail-row td.k-detail-cell {
	border:none !important;
}
	
.GridDTC-Layout .k-selectable tr.k-detail-row td.k-hierarchy-cell {
	border-right:none !important;
}

	
[AppId="xpert"] .GridExpert .k-grid-header, 
[AppId="xpert"] .GridExpert .k-grid-header table thead th, 
[AppId="xpert"] .GridExpert .k-grid-header-wrap {
    background-color: var(--color-print-D2-13,#C78B69) !important;
    color: var(--color-print-D2-14,#fff) !important; 
}	
 
[AppId="diagnostic"]  .GridExpert .k-grid-header, 
[AppId="diagnostic"]  .GridExpert .k-grid-header table thead th, 
[AppId="diagnostic"]  .GridExpert .k-grid-header-wrap {
    background-color: var(--color-print-D2-38,#57AEDD) !important;
    color: var(--color-print-D2-14,#fff) !important; 
}	
/*Allow breaking inside table rows between pages*/
table tr{
	page-break-inside: auto;
}

.DataGrid2 .simple-text, .tables-container{
	display:block !important;
}

[patternname="ECUDATA_3_LAYOUT"] .gridContainer th:not(.visible-print-block), [patternname="ECUDATA_3_LAYOUT"] .gridContainer td:not(.visible-print-block){
	width:22% !important;
}
[patternname="ECUDATA_3_LAYOUT"] .gridContainer th.visible-print-block, [patternname="ECUDATA_3_LAYOUT"] .gridContainer td.visible-print-block{
	width:78% !important;
}
[patternname="ECUDATA_3_LAYOUT"] .gridContainer td.visible-print-block{
	color: var(--color-print-D2-15,#000) !important;
}

[patternname="ECUDATA_2_LAYOUT"] .ECUgridContainer td.visible-print-block{
	color: var(--color-print-D2-15,#000) !important;
}

[patternname="ECUDATA_2_LAYOUT"] .ECUgridContainer th:not(.visible-print-block), [patternname="ECUDATA_2_LAYOUT"] .ECUgridContainer td:not(.visible-print-block){
	width:30% !important;
}

td .editBox{
	background-color: var(--color-print-D2-16,#FFFFFF) !important;
}

td .editBox[readonly]{
	background-color: var(--color-print-D2-17,#dddddd) !important;
	border: 1px solid var(--color-print-D2-29,#cccccc) !important;
}

.k-combobox span.k-select{
	display: none !important;
}

.k-combobox {
	border: 1px solid var(--color-print-D2-29,#cccccc) !important;
	background-color: var(--color-print-D2-16,#FFFFFF) !important;
	width: 99% !important;
	height: 100% !important;
}
.lineBreakInput{	
	display: inline-block !important;
	width : 100% !important;
	min-height: 35px !important;
	height: 100% !important;
	border-radius: 0 !important;
	padding-left: 5px !important;
	font-size: var(--font-size-print-R-16,16px) !important;
	white-space: normal !important;
}
.lineBreakInput[readonly]{
	font-size: var(--font-size-print-R-15,18px) !important;
}
.LeftIndex{
	display: inline-block !important;
}
/****************telexx_indicator_layout***************************/

.left_side , .right_side {
	float:left;
}

.leftCellIcon , .leftCellLabel {
	float:left;
}

.leftCellLabel {
	width:80% !important;
}

.left_side ul li[level="3"] .leftCellLabel, .left_side ul li[level="4"] .leftCellLabel {
    font-style: var(--font-style-print-R-14,italic) !important;
    color: var(--color-print-D2-18,#8D8D8D) !important;
}

#container-center .right_side .down .resultOK {
    background: var(--color-print-D2-19,#C1ECD3) !important;
    border: 1px solid var(--color-print-D2-20,#55DD8E) !important;
}

.right_side .down .resultOK span {
    color: var(--color-print-D2-21,#27AE60) !important;
}

.resultNOK
{
	background-color: var(--color-print-D2-22,#F0BBBD) !important;
	border: 1px solid var(--color-print-D2-23,#C91718) !important;
}

.resultWAR
{
	background-color: var(--color-print-D2-24,#F7CAB0) !important;
	border: 1px solid var(--color-print-D2-25,#F5643D) !important;
}
ul.listProgress li {
	float:left;
    display: block !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 10px 0px !important;
  line-height: 13px !important;
	list-style: none !important;
}
.right_side {
    height: 474px !important;
    padding-bottom: 2px !important;
}

#container-center .left_side{
	height: auto !important;
}
.left_side .LSBorder {
    border: 1px solid var(--color-print-D2-26,#C78B69) !important; 
    min-height: 474px !important;
}

.left_side ul { 
	border: none !important;
	overflow-y: auto !important;
}

.left_side ul  li{
	page-break-inside: avoid !important;
}

.up { 
    height: 73% !important;
	margin-bottom: 13px !important;
	border-color: var(--color-print-D2-26,#C78B69) !important;
}

.down.right_side_down {
    height: 115px !important;
  width:99%;
  border: 1px solid var(--color-print-D2-26,#C78B69) !important;
}

.resultOK, .resultNOK, .resultWAR, .right_side_down {
    display: table-cell !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.down {
    height: 24% !important;
    display: table !important;
    padding: 0px !important;
}

.fixed .Progressbar[Level="5"], .fixed li[id="RowItem_Number_5"][Level="5"] {
    display: none !important;
}

.left_side ul li span.leftCellIcon { 
    font-size: var(--font-size-print-R-6,14px) !important;
    line-height: 13px !important;
}

.dynamic { 
    border: medium none !important;
}

.fixed {
    border: medium none !important;
}

.left_side ul li span.leftCellLabel, .dynamic span {
    color: var(--color-print-D2-27,#333) !important;
    font-size: var(--font-size-print-R-6,14px) !important;
    font-weight: var(--font-weight-print-R-6,bold) !important;
}

.resultOK span, .resultNOK span, .resultWAR span, .right_side_down span {
    font-size: var(--font-size-print-R-7,14px) !important;
    font-weight: var(--font-weight-print-R-7,bold) !important; 
}
.k-grid-content td{
	word-wrap:break-word !important;
}
.container-fluid{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
/*****************************************PROGRESSBAR*************************/

.Progressbar div{
	background: var(--color-print-D2-3,#72C368) !important;
	border-left:1px solid var(--color-print-D2-4,#333) !important;
}

.Progressbar .k-progress-status-wrap{
	border: 1px solid var(--color-print-D2-4,#333);
}

.Progressbar .k-progress-status{
	top: -5px !important;
	padding: 0px 1px !important;
}
.k-grid-header th.k-header{
	white-space:normal !important;
	word-wrap: break-word !important;
	text-align: center !important;
}
.CalcHelpText{
	font-size: var(--font-size-print-R-9,13px);
	font-weight: var(--font-weight-print-R-9,normal);
}
.nbrDef{
	display: inline !important;
}

/******************************Composite Layout Generic Print Style******************************/
[patternname="COMPOSITE_LAYOUT"] .tableTitleComposite, 
[patternname="COMPOSITE_LAYOUT"] .compositeTitle,
[patternname="COMPOSITE_LAYOUT"] .tableComposite{
	margin-bottom: 5px;
}

[patternname="COMPOSITE_LAYOUT"] .TableTitlecomp{
	background-color : var(--color-print-D2-13,#C78B69);
}
[patternname="COMPOSITE_LAYOUT"] .tableComposite  tr:nth-child(2n){
	background-color : var(--color-print-D2-7,#F5F5F5) !important;
}

[patternname="COMPOSITE_LAYOUT"] .tableComposite  tr:nth-child(2n+1) {
    background-color: var(--color-print-D2-14,#FFFFFF);
}

/****Composite Layout Xpert Print Style****/
[AppId="xpert"][patternname="COMPOSITE_LAYOUT"] .tableTitleComposite{
	background-color : var(--color-print-D2-13,#C78B69) !important;
}

[AppId="xpert"][patternname="COMPOSITE_LAYOUT"] .compositeTitle{
	background-color : var(--color-print-D2-30,#F8E9D7) !important;
}

[AppId="xpert"][patternname="COMPOSITE_LAYOUT"] .tableComposite tr td .reset-button
{
	background-color : var(--color-print-D2-33,#C17343) !important;
    border: 1px solid var(--color-print-D2-34,#FDBF78);
    color: var(--color-print-D2-37,#FFFFFF) !important;
}

/****Composite Layout Diagnostic Print Style****/
[AppId="diagnostic"][patternname="COMPOSITE_LAYOUT"] .tableTitleComposite{
	background-color : var(--color-print-D2-32,#57AEDD) !important;
}

[AppId="diagnostic"][patternname="COMPOSITE_LAYOUT"] .compositeTitle{
	background-color : var(--color-print-D2-31,#D7EEF8) !important;
}

[AppId="diagnostic"][patternname="COMPOSITE_LAYOUT"] .tableComposite tr td .reset-button
{
	background-color : var(--color-print-D2-35,#57AEDD) !important;
    border: 1px solid var(--color-print-D2-36,#D7EEF8);
    color: var(--color-print-D2-37,#FFFFFF) !important;
}


/***********************************[K-RTL]***********************************************/
.k-rtl td[align=left]{
	text-align: right;
}
.k-rtl td[align=left] .headerTable
{
	width: 100%;
	text-align: right;
}

.k-rtl td[align=right] .headerTable{
	float: left;
}

.k-rtl td[align=left] .headerTable tr:nth-child(2) td span:nth-child(2){
	display: inline-block;
	direction: ltr;
}

.k-rtl .histPanelTr td,
.k-rtl .screenIDPanelTr td{
	padding-right: 2px;
}
.k-rtl ul.listProgress li {
	float:right;
}
.k-rtl .left_side , .k-rtl .right_side,
.k-rtl .leftCellIcon , .k-rtl .leftCellLabel {
	float:right;
}
.k-rtl .panelbar .popupLabelPanel {
	text-align: right !important;
}
.k-rtl .popupLabelPanel .k-textbox{
	margin-right:0px !important;
	margin-left:30px !important;
}
.k-rtl .Progressbar .k-progress-status {
    left: -35px !important;
}
.k-rtl .Progressbar .k-progress-status::before {
    left: 29px;
}
.k-rtl .LeftIndex{
	float: right !important;
}
.grid-selectedEvent .k-grid-header label{
	padding-left : 1px !important;
}
.k-rtl .grid-selectedEvent .k-grid-header label{
	padding-right : 1px !important;
	padding-left : 0px !important;
}
.PanelbarJDD .GridTitleJDD:nth-child(1){
	padding-left :0px !important;
}
.k-rtl .PanelbarJDD .GridTitleJDD:nth-child(1){
	padding-right :0px !important;
}
.PanelbarJDD .GridTitleJDD {
	padding-left:9px !important;
}
.k-rtl .PanelbarJDD .GridTitleJDD {
	padding-right:9px !important;
	padding-left:0px !important;
}
.PanelbarJDD .box-right {
    padding-left:9px !important;
}
.k-rtl .PanelbarJDD .box-right {
    padding-right:9px !important;
	 padding-left:0px !important;
}
.PanelbarJDD .box-left {
    padding-left:7px !important;
}
.k-rtl .PanelbarJDD .box-left {
    padding-right:7px !important;
	 padding-left:0px !important;
}
.k-rtl  .PanelbarJDD .col-sm-6{
	float:right !important;
}