/********************************Menu-configuration Superviseur***************************************/
#nav-config.tracesDropdownMenu .dropdown-menu li a:hover,
#nav-config.tracesDropdownMenu .dropdown-menu li a:focus,
#nav-config.tracesDropdownMenu .dropdown-menu li a .k-state-active,
#nav-config.tracesDropdownMenu .dropdown-menu .k-state-selected,
#nav-config.tracesDropdownMenu .dropdown-menu .k-state-focused{
    background: var(--color-traces-P-4,#5FB7C1);
    border-left: 5px solid var(--color-traces-P-14,#27A9B9);
    color: var(--color-traces-P-7,#FFFFFF);
    box-shadow: none;

}
#nav-config.tracesDropdownMenu  .dropdown-menu li i:hover{
	color: var(--color-traces-P-7,#FFFFFF);
}
#nav-config.tracesDropdownMenu  .dropdown-menu .historique li a:hover,
#nav-config.tracesDropdownMenu  .dropdown-menu .historique li a:focus,
#nav-config.tracesDropdownMenu  .dropdown-menu .historique li a:active
{
	color: var(--color-traces-P-6,#5FB7C1);
}
.TracesNbSession{
	height:10px;
}
.TracesNbSession h4{

	font-size: var(--font-size-traces-A-4,14px);
	font-weight: var(--font-weight-traces-A-4,bold); 
	color: var(--color-traces-D6-1,#454545);
	text-decoration: var(--text-decoration-traces-A-4,underline);
}
/****Bouton Afficher des sessions****/

.NBSessionBTN{
	position:absolute;
	right:18px;
	top:-36px;
	font-size: var(--font-size-traces-P-3,13px);
	font-weight: var(--font-weight-traces-P-3,bold);
	background-color : var(--color-traces-D7-1,#27A9B9);
	color : var(--color-traces-D7-2,#FFFFFF) !important;
	border-radius:0;
	border:0;
	outline:0!important;
}
.k-rtl .NBSessionBTN{
	left:18px;
	right: auto;
}
.NBSessionBTN:hover,
.NBSessionBTN:focus,
.NBSessionBTN:visited,
.NBSessionBTN.k-state-active,
.NBSessionBTN.k-state-hover,
.NBSessionBTN.k-state-active:hover,
.NBSessionBTN.k-state-selected,
.NBSessionBTN.k-state-focused
{
	background-image:none !important;
	background-color : var(--color-traces-D7-3,#93E7F2) !important;
	color: var(--color-traces-D7-4,#FFFFFF);
	border:0;
	outline:0!important;
	box-shadow:none !important;

}
.NBSessionBTN[disabled], 
.NBSessionBTN[disabled]:hover{
    cursor: not-allowed !important;
    color: var(--color-traces-D7-5,#AEB4BD) !important;
    opacity: 1;
    background: var(--color-traces-D7-6,#DCE0E6) !important;
    outline: none;
    border: 1px solid var(--color-traces-D7-7,#ECF0F1) !important;
	

}
/****Choix de session****/
.TracesChoixSession{
	height:45px;
	padding: 8px 0 6px 0px;
	color: var(--color-traces-D6-2,#333333);
	text-align:center; 
	
}

.TracesChoixSession h3{
	font-weight: var(--font-weight-traces-A-3,bold); 
	font-size: var(--font-size-traces-A-3,18px);
}
.TracesChoixSession h4{
	padding-top:6px;
	line-height:16px;
	font-size: var(--font-size-traces-A-4,14px);
	font-weight: var(--font-weight-traces-A-4,bold); 
	color: var(--color-traces-D6-3,#333333);
	text-decoration: var(--text-decoration-traces-A-4,underline);
}


/**********************************************************GRID TABLE********************************************************/


#gridContainer,
#rapportContainer{
	padding:4px 0;
}


/****Grid Header****/
.tracesGrid .k-grid-header th.k-with-icon .k-link{
	margin-right:0;
}
.tracesGrid  .k-grid-header, 
.tracesGrid  .k-grid-header table thead th,
.tracesGrid  .k-grid-header-wrap {
	background-color : var(--color-traces-A-1,#5FB7C1) !important;
}

.tracesGrid .k-grid-header table thead th,
.tracesGrid  .k-grid-header table thead th .k-link{
	color: var(--color-traces-A-16,#FFFFFF) !important;
	text-align :center !important;
}

/****Grid Content****/

.tracesGrid .k-grid-content table tbody td{
	text-align : center;
}
.k-rtl .tracesGrid .k-grid-content table tbody td{
	direction: ltr;
}
.tracesGrid  .k-grid-content input[type="checkbox"]{
	margin-right:5px;
}
.k-rtl .tracesGrid  .k-grid-content input[type="checkbox"]{
	margin-right:auto;
	margin-left: 4px;
}

.tracesGrid.k-grid .k-state-selected,
.gridPopup.k-grid .k-state-selected
{
   background-color: var(--color-traces-A-4,#81D1DA) !important;
   background-image: none;

}

.tracesGrid  .k-grid .k-pager-numbers .k-state-selected {
	border-color :var(--color-traces-A-18,#c5c5c5);
}


/****Arrows Select***/
.tracesGrid  th .k-i-arrowhead-s{
	background-position:-47px -81px;

}
.k-rtl .tracesGrid th .k-i-arrowhead-s {
    background-position: -48px -81px;
}

.tracesGrid   th .k-i-arrow-60-up,
.tracesGrid .k-grid-header th > .k-link:hover span .k-i-arrow-60-up{
	background-position:-16px 0px;
}
.tracesGrid  th    .k-i-arrow-60-down,
.tracesGrid .k-grid-header th > .k-link:hover span .k-i-arrow-60-down{
	background-position:-16px -32px;
}
.k-menu-vertical .k-sprite.k-i-columns{
	display:none!important;
}
.k-grid-pager{
	font-size : var(--font-weight-traces-B-4,11px);
}
.k-menu .k-menu-group .k-item > .k-link input[type="checkbox"]{
	margin-right:10px;
	
} 
.k-rtl .k-column-menu{
	left: -39px;
}
.k-rtl .k-menu .k-menu-group .k-item > .k-link input[type="checkbox"]{
	margin-right: auto;
	margin-left: 10px;
}
.k-rtl input[type="checkbox"]{
	margin: 4px 8px 0px !important;
}
.k-menu .k-item > .k-state-border-right,
.k-item.k-state-default.k-first.k-state-hover,
.k-item.k-state-default.k-state-hover{
	 background:var(--color-traces-F6-2,#5FB7C1)!important;
	 color:var(--color-traces-F6-1,#ffffff);
}

/*KENDO 2017*/
.k-column-menu .k-item.k-columns-item.k-first.k-state-focused{
	 border-color:none !important;
	 box-shadow: none !important;
	 background-image: none !important;
}

.k-loading-image {
	background-image: url("../../../toolkit/img/loading.gif");
}
/*********************************************************************Responsive CSS*******************************************************/
@media only screen and (min-device-height: 1200px) and (device-width: 1920px){
	#gridContainer .k-grid-content{
		max-height:790px;
	}
	.panelbar{
		max-height:720px;
	}
	.gridPopup .k-grid-content{
		max-height:540px;
	}
}

@media only screen and (min-device-height: 1080px) and (max-device-height: 1199px) and (device-width: 1920px){
	#gridContainer.k-grid-content{
		max-height:675px;
	}
	.panelbar{
		max-height:605px;
	}
	.gridPopup .k-grid-content{
		max-height:465px;
	}
}
@media only screen and (max-device-width: 1600px) and (max-device-height: 900px) {
	#gridContainer .k-grid-content	{
		max-height:500px;
	}
	.panelbar{
		max-height:462px;
	}
	.panelbar .chartMP{height:250px;}
	.gridPopup .k-grid-content{
		max-height:340px;
	}
	.panelbar .k-slider-horizontal .k-slider-track{
		width:95%!important;
	}
	
}

@media screen and (max-width: 1366px) and (max-height: 768px){
	.panelbar .k-slider-horizontal .k-slider-track{
		width:93%!important;
	}
}
@media screen and (max-width: 1280px) and (max-height: 768px){
	.panelbar .k-slider-horizontal .k-slider-track{
		width: 92.5% !important;
	}
}
@media screen and (max-width: 1024px) and (max-height: 768px){
	.footer-window .radioBTN{
		padding-right:0px;
	}
	.footer-btn #ComponentBTN{
		width:58%;
	}
	.footer-btn #ScreenBTN{
		width:25%;
	}	
	.panelbar .k-slider-horizontal .k-slider-track{
		width:91%!important;
	}
}

@media screen  and (min-height: 601px) and (max-height: 768px){
	#gridContainer .k-grid-content
	{
		max-height:368px;
		min-height:368px;
	}
	.panelbar{
		max-height:349px;
	}
	.gridPopup .k-grid-content{
		max-height:249px;
		min-height:35px;
	}
	.panelbar .chartMP{height:250px;}
	
}

 @media only screen and (min-height: 801px) and (max-height: 1024px) and (max-width: 1280px) {
	#gridContainer .k-grid-content
	{
		max-height:625px;
	}
	.panelbar{
		max-height:560px;
	}
	.panelbar .chartMP{height:250px;}
	.gridPopup .k-grid-content{
		max-height:435px;
		min-height:35px;
	}
}

@media screen and (max-device-height: 800px) and (min-device-height: 769px) {
	#gridContainer .k-grid-content{
		max-height:405px;
	}
	.panelbar{
		max-height:381px;
	}
	.panelbar .chartMP{height:250px;}
	
	.gridPopup .k-grid-content{
		max-height:270px;
		min-height:35px;
	}
}




/***********************************************************Footer Traces Page*************************************************************/

.footer {
  background: var(--color-traces-O-1,#5FB7C1);
}
footer .btn[Selected= "YES"]{
	background: var(--color-traces-O-4,#93E7F2);
}
footer .btn{
	background: var(--color-traces-O-3,#27A9B9);
	border:1px solid var(--color-traces-O-7,#93E7F2);
	outline:none;
}
#ComponentBTN{
	text-align: right;
}
.popupButtonPanel .btn{
	margin-left:3px !important;
	margin-right:3px !important;
}
.footer-window .btn{
	background: var(--color-traces-X-3,#27A9B9);
	border:1px solid var(--color-traces-X-7,#93E7F2) !important;
}
.footer-window  .ScreenBTN .btn{
	float:left;
}
.k-rtl .footer-window .ScreenBTN .btn{
	float:right;	
}
.k-rtl  #ComponentBTN{
	text-align: left;
}

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-traces-O-4,#93E7F2);
	border-color: var(--color-traces-O-4,#93E7F2) !important;
}
/****btn footer window****/
.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-color: var(--color-traces-X-11,#93E7F2);
}

.MarkerList{
	float: left;
	padding-left: 5px;
	margin: 5px 0px 5px;
}
.k-rtl .MarkerList{
	float: right;
	padding-left: 0px;
	padding-right: 5px;
}
.MarkerList li {
	list-style: none;
	padding: 3px 0px 3px;
}
.MarkerList li .k-radio-label{
	padding: 4px 0px 0px 20px;
}

.k-rtl .MarkerList li .k-radio-label{
	padding: 4px 20px 0px 0px;
}
/*state radio button enabled not selected*/
.popupButtonPanel .k-radio:not([disabled])[id="BlueMarker"] + .k-radio-label::before,
.popupButtonPanel .k-radio:not([disabled])[id="BlueMarker"] + .k-radio-label{
	border-color : var(--color-traces-D8-1,#3795CC);
	color : var(--color-traces-D8-2,#3795CC);
}
.popupButtonPanel .k-radio:not([disabled])[id="RedMarker"] + .k-radio-label::before,
.popupButtonPanel .k-radio:not([disabled])[id="RedMarker"] + .k-radio-label{
	border-color : var(--color-traces-D8-3,#E33B4D);
	color : var(--color-traces-D8-4,#E33B4D);
}
.popupButtonPanel .k-radio:not([disabled])[id="GreenMarker"] + .k-radio-label::before,
.popupButtonPanel .k-radio:not([disabled])[id="GreenMarker"] + .k-radio-label{
	border-color : var(--color-traces-D8-5,#16A085);
	color : var(--color-traces-D8-6,#16A085);
}
.popupButtonPanel .k-radio-label{
	text-transform: var(--text-transform-traces-G-3,uppercase);
}

.popupButtonPanel .k-radio:not([disabled])[id="GreenMarker"]:checked + .k-radio-label::before{
	border-color : var(--color-traces-D8-5,#16A085);
}
.popupButtonPanel .k-radio:not([disabled])[id="RedMarker"]:checked + .k-radio-label::before{
	border-color : var(--color-traces-D8-3,#E33B4D);
}
.popupButtonPanel .k-radio:not([disabled])[id="BlueMarker"]:checked + .k-radio-label::before{
	border-color : var(--color-traces-D8-1,#3795CC);
}

.popupButtonPanel .k-radio:not([disabled])[id="GreenMarker"]:checked + .k-radio-label::after{
	background-color: var(--color-traces-D8-5,#16A085);
}

.popupButtonPanel .k-radio:not([disabled])[id="RedMarker"]:checked + .k-radio-label::after{
	background-color: var(--color-traces-D8-3,#E33B4D);
}
.popupButtonPanel .k-radio:not([disabled])[id="BlueMarker"]:checked + .k-radio-label::after{
	background-color: var(--color-traces-D8-1,#3795CC);
}

/*state radio button disabled*/
.k-radio:disabled + .k-radio-label::before,
.k-radio:disabled:hover + .k-radio-label::before{
	border-color: var(--color-traces-D8-7,#B3B3B3);
}
/**********************Popup Message confirmation************/

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


/*****************************************************************************************************************************************/
/***************************************************************[visuo-layout]********************************************************************************/
#linkTrace{
	border:1px solid var(--color-traces-D9-1,#5FB7C1) !important;
}
.treeViewItem{
	display : inline-block;
}
.k-treeview .k-icon{
	margin-left : 0px;
}
.k-rtl .k-treeview .k-icon{
	margin-right: 0px !important;
}
.k-treeview .k-sprite{
	display:none;
}
#menuPanel ul .k-item{
	padding : 0px !important;
	margin-bottom: 10px !important;
}
#menuPanel  ul li  .k-in.k-state-hover ,
#menuPanel  ul li  .k-in.k-state-selected ,
#menuPanel  ul li  .k-in.k-state-focused ,
#menuPanel  ul li .treeViewItem{
	display: inline-block;	
	background: var(--color-traces-I-8,transparent) !important;
}
#menuPanel ul  .k-item > .k-group{
	margin-bottom:10px!important;
}
#menuPanel ul  .k-item span .treeViewItem{
	display:inline-block;
	
	white-space: pre-wrap;  
	word-wrap: break-word;
}
#menuPanel ul[role="tree"] li div:first-child{
	
	background-color : var(--color-traces-I-1,#5FB7C1);
	border:1px solid var(--color-traces-I-9,#27A9B9);
	color: var(--color-traces-I-2,#FFFFFF);
	padding : 10px 5px;
	border-radius:0;
	font-weight: var(--font-weight-traces-N-1,bold);
	font-size : var(--font-size-traces-N-1,14px);
	width: 100%;
	display:inline-block;
	text-transform : var(--text-transform-traces-N-1,uppercase);
}
#menuPanel ul .k-minus{
	background-position: -16px -224px;
}
#menuPanel ul  .k-plus{
	background-position: -16px -190px;
}
.k-rtl  #menuPanel ul .k-minus,
.k-rtl  #menuPanel ul  .k-plus{
	margin-right: 0px;
	transform: scale(-1,1);
}
#menuPanel ul[role="group"] li{
	padding : 0px !important;
	margin:0 !important;
	background: var(--color-traces-I-4,#F8F9F9);
	border:1px solid var(--color-traces-I-10,#EDEDED);
	text-align : center;
	line-height : 18px;

}

#menuPanel ul[role="group"] li div:first-child{
	background-color : var(--color-traces-I-4,#F8F9F9);
	border:0; 
	color : var(--color-traces-I-5,#333333);
	border-radius : 0px;
	padding : 10px;
	font-size : var(--font-size-traces-N-2,13px);
	font-weight: var(--font-weight-traces-N-2,bold);
	text-transform : var(--text-transform-traces-N-2,uppercase);
}

#menuPanel ul[role="group"] li div:first-child:hover{
	background-color : var(--color-traces-I-6,#5FB7C1);
	color : var(--color-traces-I-7,#FFFFFF);
	cursor:pointer;
}

#menuPanel ul[role="tree"] li div:first-child .k-in:hover,
#menuPanel ul[role="tree"] li div .k-in.k-state-focused,
#menuPanel ul[role="tree"] li div .k-in.k-state-selected
{
	background-color : var(--color-traces-I-1,#5FB7C1);
	background-image : none;
	color : var(--color-traces-I-3,#FFFFFF);
	box-shadow : none ;
}

#menuPanel ul[role="tree"] .k-group .k-in.k-state-selected{
	color : var(--color-traces-I-12,#333333);
	background-color : var(--color-traces-I-11,#93E7F2);
	background-image : none ;
	box-shadow : none ;
}
#menuPanel ul[role="tree"]  .k-in.k-state-focused{
	color : var(--color-traces-I-12,#333333) !important;
	border:1px solid var(--color-traces-I-11,#93E7F2);
	background-color : none ;
	box-shadow : none ;
}

#LabelPanel
{
	display:inline-block;
}
.chart{
	display:inline-block;
}

.k-textbox{
	display:block; 
	height:25px;
}
.k-textbox:hover{
	background: var(--color-traces-E1-1,transparent);
}
.k-textbox span{
	color:var(--color-traces-E1-15,#333333);
	line-height:25px;
}
.k-textbox span:last-child{
	padding:0 0 0 5px;
} 
.k-textbox .green,
.green{
	color: var(--color-traces-E1-2,#27AE60);
}
.k-textbox .orange,
.orange{
	color: var(--color-traces-E1-3,#FF7200);
}

#Popup{
	display:none;
}

.mpChart{
	height:310px !important;
}

.panelbar .popupLabelPanel {
	padding:0px 0px 10px 5px;
	text-align: left;
}
.k-rtl .panelbar .popupLabelPanel {
	text-align: right;
}

.panelbar .k-link.k-header,
#endlessGrid .ChartContainer [id^="chartTitle_"]{
	background-color: var(--color-traces-A1-1,#5FB7C1);
	border:1px solid var(--color-traces-A1-2,#93E7F2);
}
#endlessGrid .ChartContainer [id^="chartTitle_"]{
	overflow-y: auto;
}
#endlessGrid .k-grid-content table{
	table-layout :auto;
}
.k-chart-tooltip
{
	background-image: none;
	opacity:var(--opacity-traces-N-7,0.8) !important;
}
.panelbar .chart svg{
	height: 200px !important;
	padding : 0px 0px 10px !important;
}
.panelbar .chartMP svg{
	height: 250px !important;
	padding : 0px 0px 10px !important;
}
.popupLabelPanel .k-textbox{
	display:inline-block;
	margin-right:3%;
	text-align: center;
	padding-left:10px;
	padding-right:10px;
}
.k-rtl .popupLabelPanel .k-textbox{
	margin-right:0px;
	margin-left:3%;
	direction: ltr;
}
.popupLabelPanel.panel-right label.k-textbox{
	margin-right:3%;
	margin-left:0px;
}

.k-rtl .popupLabelPanel.panel-right label.k-textbox{
	margin-right:3%;
	margin-left:0px;
}

.label-text{
	padding:5px 0 5px 0;
	text-align:center;
}
.popupLabelPanel.panel-right,
.popupLabelPanel.panel-right label{
	float:right;
}

.k-rtl .popupLabelPanel.panel-right,
.k-rtl .popupLabelPanel.panel-right label{
	float:left;
} 
.popupLabelPanel .k-textbox:first-child{
	border-color: var(--color-traces-E1-4,#13B592);
}
.popupLabelPanel .k-textbox:nth-child(2){
	border-color: var(--color-traces-E1-5,#ED4E6E);
}
.popupLabelPanel .k-textbox:nth-child(3){
	border-color: var(--color-traces-E1-6,#44A3DA);
}
.popupLabelPanel.popupLabelPanel-disabled .k-textbox {
	border-color: var(--color-traces-E1-7,#AFB5BE);
}

/****************************************************************[ECU2_Layout]*****************************************************************************/
.FormContainer {
	padding-top:20px;
}
.FormContainer .formTitle h2{font-weight: var(--font-weight-traces-A-2, bold);} 
		
#formSearch {padding-top:20px;}
#formSearch  .control-label
{
	padding-top:12px;
	font-weight: var(--font-weight-traces-G-4,bold);
	font-size: var(--font-size-traces-G-4,15px);
	color: var(--color-traces-K-1,#333333);
}
#formSearch  .checkForm{
	padding-top:2px;
}
#formSearch  h3{
	padding:5px 0 0 0 ;
	font-size: var(--font-size-traces-G-7,15px);
	font-weight: var(--font-weight-traces-G-7,bold);

}
/****ComboBox****/

.k-dropdown-wrap .k-select{
	background: var(--color-traces-B-2,#27A9B9);
}
.k-dropdown-wrap.k-state-default.k-state-hover  .k-icon.k-i-arrow-60-down:before{
	color: var(--color-traces-B-3,#93E7F2);
}
.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-traces-B-6,#5FB7C1);
	border:1px solid var(--color-traces-B-11,#93E7F2);
}
.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-focused
{
	border-color: var(--color-traces-B-5,#81D1DA);
}

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



/**********************************************************************Rich ECU Layout***********************************************************************/
.RightInfoHeader,
.LeftInfoHeader{
	margin-top:5px;
	padding:0;
	background-color:#AFB5BE;
}
.RightInfoHeader{
	float: right;
}
.k-rtl  .RightInfoHeader{
	float: left;
}

.LeftInfoHeader span,
.RightInfoHeader span{
	color:var(--color-traces-E9-2,#FFFFFF);
	font-size:var(--font-size-traces-O-5,13px);
	font-weight: var(--font-weight-traces-O-5,bold);
	padding-left: 0px;
}

.RightInfoHeader div:last-child,
.LeftInfoHeader div:last-child{
	background-color: var(--color-traces-E1-8,#DADADA);
	border-top: 1px solid var(--color-traces-E1-9,#EAEAEA);
}

.k-rtl .RightInfoHeader div:last-child,
.k-rtl .LeftInfoHeader div:last-child{
	direction: ltr;
}

.LeftInfoHeader div:last-child span,
.RightInfoHeader div:last-child span{
	font-size: var(--font-size-traces-O-4,13px);
}

.LeftInfoHeader .chartOneAmp{
	color : var(--color-traces-E1-10,#FF7200);
}
.LeftInfoHeader .chartTwoAmp{
	color : var(--color-traces-E1-11,#40AA6D);
}
.richChartContainer {
	padding-top:10px;
}
.oscilloParam{
	display:none;
}
/*****************************Slider-Horizontal*********************/
.panelbar div.k-slider{
	float:left ;
	width:100%;
}

.panelbar .k-slider-horizontal .k-slider-buttons .k-slider-track,
.k-rtl .panelbar .k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 36px;
}
.panelbar .k-slider-selection{
	background: var(--color-traces-E2-2,#27A9B9);
}
.panelbar .k-draghandle {
    border-color: var(--color-traces-E2-3,#93E7F2) !important;
    background-color: var(--color-traces-E2-1,#27A9B9) !important;
}
.panelbar .k-draghandle.k-state-focused.k-state-selected,
.panelbar .k-draghandle.k-state-focused,
.panelbar .k-draghandle.k-state-selected,
.panelbar .k-draghandle:focus:active
{
	box-shadow:none !important;
}
.panelbar .k-slider .k-button{
	border-radius:0px;
	background: var(--color-traces-E2-4,#27A9B9);
	border:1px solid var(--color-traces-E2-5,#93E7F2);
	color: var(--color-traces-E2-6,#FFFFFF);
} 
.panelbar .k-slider .k-button.k-state-hover{ background-color: var(--color-traces-E2-7,#93E7F2);}
.panelbar .k-slider-buttons .k-i-arrow-w {
    background-position: -15px -48px;
}
.panelbar .k-slider-buttons .k-i-arrow-e {
    background-position: -17px -16px;
}
.k-rtl .panelbar .k-slider, 
.k-rtl .panelbar .k-slider * {
	direction: ltr;
}
.k-rtl .panelbar .k-slider .k-button-increase {
	right: 0;
	left: auto;
}
.k-rtl .panelbar .k-slider .k-button-decrease {
	left: 0;
	right: auto;
}
.k-rtl .panelbar .k-slider-horizontal .k-slider-buttons .k-slider-track {
	right: auto;
}
.k-rtl .panelbar .k-slider-horizontal .k-slider-selection, 
.k-rtl .panelbar .k-slider-horizontal .k-slider-track {
	top: 50%;
	left: 0;
	height: 6px;
	margin-top: -4px;
}
/**************[K-RTL]******************/
/*first and last k-combobox*/
.k-rtl ul[id^="tracesFiltreVehicule_value"],
.k-rtl ul[id^="tracesFiltreDate_value"],
.k-rtl #formSearch .form-group:nth-child(2) .k-input:first-child,
.k-rtl #formSearch .form-group:nth-child(5) .k-input:first-child{
	text-align: right;
	direction: ltr;
}

.k-rtl #formSearch .form-group .k-input{
	padding-right: 4px;
}

/*KENDO 2017*/
.k-column-menu .k-i-arrow-60-right::before,
.k-column-menu .k-i-arrow-60-left::before,
.panelbar .k-i-arrow-60-right::before{
	content: "\e014" !important;
}
.k-column-menu .k-i-arrow-60-left{
	left: 0px;
	position: absolute;
	top: 14px;
	transform: scale(-1,1);
}
/*traces tab header filter menu buttons*/
.k-column-menu .k-menu .k-menu-scroll-button:hover, 
.k-column-menu .k-menu .k-state-hover > .k-link {
    background-color: var(--color-traces-F6-2,#5FB7C1);
    border-color: var(--color-traces-F6-2,#5FB7C1);
}
.tracesGrid .k-grid-header th.k-header:first-child{
	padding:0.5em 0.5em 0.4em 0.8em;
}
.k-rtl  .tracesGrid .k-grid-header th.k-header:first-child{
	padding:0.5em 0.6em 0.4em 0.4em;
}
.panelbar .k-i-arrow-60-left::before{
	content: "\e016" !important;
}

#endlessGrid thead {
	display :none;
}
#endlessGrid ul{
	display: table-row-group;
}
#endlessGrid .ChartContainer{
	margin-bottom: 25px;
}
#endlessGrid .ChartContainer [id^="chartTitle_"]{
	padding: 3px 8px !important;
	height:32px;
	line-height: 2;
}
#endlessGrid .numerotation{
	float:right;
}
.k-rtl  #endlessGrid .numerotation{
	float:left;
}
.k-panelbar-collapse.k-icon, 
.k-panelbar-expand.k-icon{
	position: relative;
	top: 15%;
	left:0px;
}

.k-panelbar-collapse.k-icon:hover, 
.k-panelbar-expand.k-icon:hover{
	cursor:pointer;
}
#waitmsg{
	width: 100%;
	display: table;
	position : absolute;
	top:45%;
}
#waitmsg  .simple-text{
	display:table-cell;
}