/********************************Menu-configuration Superviseur***************************************/
 
#nav-config.diagnosticDropdownMenu .dropdown-menu li a:hover,
#nav-config.diagnosticDropdownMenu .dropdown-menu li a:focus,
#nav-config.diagnosticDropdownMenu .dropdown-menu li a .k-state-active,
#nav-config.diagnosticDropdownMenu .dropdown-menu .k-state-selected,
#nav-config.diagnosticDropdownMenu .dropdown-menu .k-state-focused{
    background:var(--color-diagnostic-P-4,#57AEDD);
    border-left: 5px solid var(--color-diagnostic-P-14,#3A93DA);
    color: var(--color-diagnostic-P-7,#ffffff);
    box-shadow: none;

}
#nav-config.diagnosticDropdownMenu .dropdown-menu li i:hover{
	color:var(--color-diagnostic-P-7,#ffffff);
     box-shadow: none
}
#nav-config.diagnosticDropdownMenu .dropdown-menu .historique li a:hover,
#nav-config.diagnosticDropdownMenu .dropdown-menu .historique li a:focus,
#nav-config.diagnosticDropdownMenu .dropdown-menu .historique li a:active{
	color: var(--color-diagnostic-P-6,#57AEDD);
}


/**********************************************1.1 ListLayout**********************************************/
.list-layout .listItem.k-state-focused,
.list-layout .listItem.k-state-selected,
.list-layout .listItem.k-state-focused.k-state-selected,
.list-layout .listItem.k-state-active,
.list-layout .listItem.k-state-selected{
	background:var(--color-diagnostic-C-1,#57AEDD) ;
	border:3px solid var(--color-diagnostic-C-5,#3a93da) ;
}
.list-layout .form-control[readonly] {
	border:1px solid var(--color-diagnostic-C1-4,#778395) ;
}
.list-layout  .form-control:focus {
    border-color:var(--color-diagnostic-C1-2,#57AEDD);
}
/**********************************************2.2 Machine Layout GridExpert**********************************************/

.GridExpert  .k-grid-header,
.GridExpert .k-grid-header table thead th,
.GridExpert  .k-grid-header-wrap{
	background-color : var(--color-diagnostic-A-1,#57AEDD);
}

.GridExpert .k-hierarchy-cell .k-icon.k-i-expand{
	background:url("../img/tree/plus.png")no-repeat;
}
.GridExpert .k-hierarchy-cell .k-icon.k-i-collapse{
	background:url("../img/tree/minus.png")no-repeat ;
}
.GridExpert.k-grid .k-state-selected  .k-hierarchy-cell .k-icon.k-i-expand{
	background:url("../img/tree/plus-hover.png")no-repeat;
}
.GridExpert.k-grid .k-state-selected  .k-hierarchy-cell .k-icon.k-i-collapse{
	background:url("../img/tree/minus-hover.png")no-repeat;
}
.GridExpert.k-grid .cell-defaut-value{
	color:var(--color-diagnostic-A-14,#57AEDD);
	border:2px solid var(--color-diagnostic-A-14,#57AEDD);	
	
}
.GridExpert.k-grid .k-state-selected,
 .GridExpert.k-grid .k-state-selected:hover{
	background-color:var(--color-diagnostic-A-4,#3A93DA) !important;
} 
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).k-state-selected{
	background-color:var(--color-diagnostic-A-4,#3A93DA) !important;
}

.GridExpert.k-grid .k-detail-cell .k-grid table .k-icon.k-i-expand{
	background:url("../img/tree/plus-2.png")no-repeat;
}
.k-rtl .GridExpert.k-grid .k-detail-cell .k-grid table .k-icon.k-i-expand{
	background:url("../img/tree/plus-2.png")no-repeat;
	transform: scale(-1,1);
}
.GridExpert.k-grid .k-detail-cell .k-grid table .k-icon.k-i-collapse{
	background:url("../img/tree/plus-2-hover.png")no-repeat ;
}
.GridExpert.k-grid .k-detail-cell tr.k-master-row.k-state-selected .k-icon.k-i-expand{
	background:url("../img/tree/plus-selected.png")no-repeat;
}
.k-rtl .GridExpert.k-grid .k-detail-cell tr.k-master-row.k-state-selected .k-icon.k-i-expand{
	background:url("../img/tree/plus-selected.png")no-repeat;
	transform: scale(-1,1);
}
.GridExpert.k-grid .k-detail-cell tr.k-master-row.k-state-selected .k-icon.k-i-collapse{
	background:url("../img/tree/plus-hover-selected.png")no-repeat;
}

/**********************************************3.3 Footer**********************************************/

footer {
 	background:var(--color-diagnostic-O-1,#57AEDD) !important;
}

footer  .btn{
	background:var(--color-diagnostic-O-3,#2478BD);
	border:1px solid var(--color-diagnostic-O-7,#69B6F3);

	
}
footer .btn:hover,
footer .btn:focus,
footer .btn:visited,
footer .btn.k-state-active,
footer .btn.k-state-active:hover,
footer .btn.k-state-selected,
footer .btn.k-state-focused,
footer .btn:active:hover
{
	background-image:none ;
	background-color:var(--color-diagnostic-O-4,#3A93DA);
	border-color:var(--color-diagnostic-O-4,#3A93DA)!important;
}

footer .btn[Selected= "YES"]{
	background-color:var(--color-diagnostic-O-4,#3A93DA);
	border-color:var(--color-diagnostic-O-4,#3A93DA);
}

/**********************************************4.4 ECUDATA_2 content + ECUDATA_3 content: ECUexpertGrid **********************************************/
.tables-container .tableTitle,
.scaleTitle {
	background-color:var(--color-diagnostic-A-8,#D7EEF8);
}
.ECUGrid .form-control[readonly],fieldset[disabled] .form-control {
	border:1px solid var(--color-diagnostic-C1-4,#778395);
}
.ECUGrid .form-control:focus {
    border-color: var(--color-diagnostic-C1-2,#57AEDD);
}
.ECUGrid .k-grid-content td:first-child{
	text-align: left;
}
.k-rtl .ECUGrid .k-grid-content td:first-child{
	text-align: right;
}


/****Grid Header****/
.ECUGrid .k-grid-header, 
.ECUGrid  .k-grid-header table thead th,
.ECUGrid  .k-grid-header-wrap,
.TableTitlecomp {
	background-color :var(--color-diagnostic-A-1,#57AEDD) !important;
}

.ECUGrid.k-grid .k-state-selected
{
   background-color:var(--color-diagnostic-A-4,#3A93DA)  !important;
   color:var(--color-diagnostic-A-6,#fff) !important;
}

/**********************************************5.5 List_Grid**********************************************/
.k-state-selected.parent-list h4 {
	color:var(--color-diagnostic-E-13,#57AEDD) ;
}

/**********************************************6.6 ADEE_Layout**********************************************/
.tableAdee > :first-child > :nth-child(2),
.tableAdee > :nth-child(5) > :nth-child(2){
	border-color:var(--color-diagnostic-A4-1,#57AEDD);
}

/**********************************************7.7 VISUTRACE_LAYOUT**********************************************/
#linkTrace{
	border:1px solid var(--color-diagnostic-D9-1,#57AEDD);
}

/**********************************************8.8 Telexx_Layout**********************************************/
.LSBorder{
	border: 1px solid var(--color-diagnostic-H-1,#57AEDD);
	background: url("../img/experTlexxIcon_BG.png")repeat-y left;
}
.k-rtl .LSBorder{
	background: url("../img/experTlexxIcon_BG.png")repeat-y right;
}
.up{
	border: 1px solid var(--color-diagnostic-H-1,#57AEDD);
}
.down .right_side_down{
	border: 1px solid var(--color-diagnostic-H-1,#57AEDD);
}
.dynamic .wait 
{
	background:url("../img/loading.gif") no-repeat;
}

.dynamic .wait_up_side
{
	background:url("../img/loading-upside.gif") left center;
} 

.dynamic .croix
{
	color:var(--color-diagnostic-H-15,#DD0E0E);
}

/**********************************************9.9 ComboBOx**********************************************/

.k-dropdown-wrap .k-select{
	background:var(--color-diagnostic-B-2,#3A93DA);
}
/*KENDO 2017 UPDATE k-i-arrow-s -> k-i-arrow-60-down*/
.k-dropdown-wrap.k-state-default.k-state-hover  .k-icon.k-i-arrow-60-down:before{
	color:var(--color-diagnostic-B-3,#57AEDD);
}
.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-hover,
.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-selected{
	background-color :var(--color-diagnostic-B-6,#57AEDD);
	border:0;
}
.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-focused
{
	border-color:var(--color-diagnostic-B-11,#57AEDD);
}

.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-selected.k-state-focused{
	background-color:var(--color-diagnostic-B-5,#3A93DA);
}

/**********************************************10.10 JUMPTO PANEL**********************************************/
 
.slide-in-share {
	border-right:5px solid var(--color-diagnostic-Z-2,#57AEDD);
	border-top:5px solid var(--color-diagnostic-Z-2,#57AEDD);
	border-bottom:5px solid var(--color-diagnostic-Z-2,#57AEDD);
}
.k-rtl .slide-in-share {
	border-left:5px solid var(--color-diagnostic-Z-2,#57AEDD);
	
}
.slide-in-handle {
	background:var(--color-diagnostic-Z-1,#57AEDD);
}
.slide-in-share nav ul li.k-state-hover,
.slide-in-share nav li.k-state-hover .k-link {
	background:var(--color-diagnostic-Z-7,#57AEDD) !important;
	color:var(--color-diagnostic-Z-8,#fff)!important;
	border-color:var(--color-diagnostic-Z-13,#69B6F3) !important;
}

.slide-in-share nav li[Level="3"]{
	background:var(--color-diagnostic-Z-3,#57AEDD);
}

.slide-in-share nav li[Level="3"]:hover{
	background:var(--color-diagnostic-Z-3,#57AEDD);
}
.slide-in-share nav li[Level="3"] a:hover{
	text-decoration:none;
}
.slide-in-share nav li .volet-label-title{
	background: var(--color-diagnostic-Z-10,#57AEDD);
} 

/**********************************************11.11 TLCD_FAILURE_LAYOUT**********************************************/

.ErrorSentence ,
.AdditionalTLCD {
    background-color: var(--color-diagnostic-A5-3,#57AEDD);
}

/**********************************************12.12 Button TG + Impression**********************************************/

.icon-header button   { 
	background: var(--color-diagnostic-J-3,#57AEDD) none repeat scroll 0% 0%;
    border: 1px solid var(--color-diagnostic-J-8,#3A93DA);
}

.icon-header button i.icon-check-btn {
	background: url(../img/icon-check.png) no-repeat center center;
}
.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:var(--color-diagnostic-J-4,#3A93DA) none repeat scroll 0% 0%;
	border: 1px solid var(--color-diagnostic-J-4,#3A93DA) !important;
}
/**********************************************14.14 JDD_LAYOUT**********************************************/
.tableTitleJDD {
	background-color: var(--color-diagnostic-A-8,#D7EEF8);
}
.GriddJDD  .k-grid-content  .k-state-selected
{
   background-color:var(--color-diagnostic-A-4,#3A93DA)   !important; 
}
.GriddJDD  .detailDefault .k-grid-header table thead  tr:first-child th{
	background-color: var(--color-diagnostic-A-8,#D7EEF8)!important;
}

/****Pagination****/

button i.img-icon-favorite  {
	background: url("../img/icon-favoris.png") no-repeat center center;
}

/**********************************************15.15 RichEcuData LAYOUT**********************************************/

.popupLabelPanel label{
	border: 1px solid var(--color-diagnostic-A1-6,#3A93DA);
}
.popupLabelPanel label:hover{
	border: 1px solid var(--color-diagnostic-A1-6,#3A93DA);
}
.panelbar .k-link.k-header{
	background-color: var(--color-diagnostic-A1-1,#57AEDD);
	border: 1px solid var(--color-diagnostic-A1-2,#3A93DA);
}
/**********************************************16.16 Table SIMPLE_LAYOUT**********************************************/

.text-center-bloc span.title-table {
    background: var(--color-diagnostic-A-1,#57AEDD) ;
}

/**********************************************17.17 Table Popup Expert**********************************************/

.DefaultLayout.k-window-content.k-content{
	border-bottom:5px solid var(--color-diagnostic-X-5,#57AEDD);
	border-top:5px solid var(--color-diagnostic-X-5,#57AEDD);
	border-radius:0 ;
}

/**********************************************18.18 Footer-Window**********************************************/
.footer-window .btn{
	background-color:var(--color-diagnostic-X-3,#2478BD) ;
	border:1px solid var(--color-diagnostic-X-7,#3A93DA) !important;
}

.footer-window .btn:hover,
.footer-window .btn:focus,
.footer-window  .btn:visited,
.footer-window  .btn.k-state-active,
.footer-window  .btnk-state-hover,
.footer-window .btn:active:focus,
.footer-window .btn.k-state-active:hover,
.footer-window  .btn.k-state-selected.k-state-focused,
.footer-window  .btn.k-state-focused,
.footer-window  .btn.k-state-border-down
{
	background:var(--color-diagnostic-X-4,#3A93DA)  ;
}

/******Button Prévisualisation***/

.preview{
	background:url("../img/preview.png") no-repeat bottom ;
}

/*********************POP UP FILTRAGE DU JOURNAL DES DEFAUTS ********************/
 
.FiltreLayoutExpert  .reset-button{
	background:var(--color-diagnostic-D7-7,#57AEDD);
}

}
.FiltreLayoutExpert  .reset-button:hover,
.FiltreLayoutExpert  .reset-button:focus,
.FiltreLayoutExpert  .reset-button:active:hover,
.FiltreLayoutExpert  .reset-button:active{
	background-color:var(--color-diagnostic-D7-8,#2478BD);

}

/*Composite Layout*/


table.tableComposite  tr:nth-child(2n+1) {
    background-color: var(--color-diagnostic-A-3,#FFF);
}


.waitCompositeFigure{
	Height : 40px ; 
	margin-top : 20px;
	margin-bottom : 20px;
}


.tableComposite tr td .reset-button
{
	background: var(--color-diagnostic-D7-9,#57AEDD) none repeat scroll 0% 0%;
    border: 1px solid var(--color-diagnostic-D7-11,#3A93DA);
    color: var(--color-diagnostic-D7-12,#FFF);
}

.tableComposite tr td .reset-button:hover,
.tableComposite tr td .reset-button:focus,
.tableComposite tr td .reset-button:active:hover
{
    background: var(--color-diagnostic-D7-10,#3A93DA) none repeat scroll 0% 0%;
    border: 1px solid var(--color-diagnostic-D7-10,#3A93DA) !important;
} 
.tableTitleComposite {
	background:var(--color-diagnostic-A-1,#57AEDD) none repeat scroll 0% 0%;
}
.compositeTitle {
	background-color:var(--color-diagnostic-A-8,#D7EEF8);
}

.ECUgridContainer hr,
.tableAdee hr{
	background-image: linear-gradient(left, transparent, rgba(87, 174, 221, 0.8), transparent);
	background-image: -moz-linear-gradient(left, transparent, rgba(87, 174, 221, 0.8), transparent);
	background-image: -webkit-linear-gradient(left, transparent, rgba(87, 174, 221, 0.8), transparent);


}