/*******************Reset CSS for bootsrap***********************/

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,
.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,
.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,
.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,
.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,
.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,
.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,
.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,
.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,
.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,
.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12
{

    box-sizing: border-box;
}

.k-widget .footer,
.k-widget .footer  *,
.k-widget .scroll-arrow,
.k-widget .scroll-arrow *,
.k-widget ul .k-item ,
.k-widget ul .k-item *, 
.k-widget header,
.k-widget header  *,
.oscillochart,
.oscillochart * {

	box-sizing : border-box !important; 
}

.k-widget {
  line-height: 1.42857;
}


* [visible="NO"]{
  display:none;
}

html {
  position: relative;
  min-height: 100%;
}

body#diagbox-page {
  font-size:var(--font-size-default-T-1,13px);
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	text-rendering: optimizelegibility;
  font-family: var(--font-family-default-T-1,Arial, Helvetica, sans-serif); 
  overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6{
	padding:0; 
	margin:0;
}
h1{font-size: var(--font-size-default-A-5,16px); color:var(--color-default-J-1,#333333);}
h2{font-size: var(--font-size-default-A-2,15px);color:var(--color-default-J-1,#333333);}

nav,
a,
a:hover,
a:focus,
ul ,
li{
	outline:0;
	user-select: none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select: none;
 }
:hover,
:visited,
:active{
	outline:0;
}

img{
	position:relative;
	background-color:var(--color-default-F4-1,transparent);
	pointer-events: none;
}
input[type="checkbox"],
input[type="radio"],
input,
input:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus{outline:0 !important;outline-style:none;}

.listItem.k-state-selected,
.listItem.k-state-active,
.listItem.k-state-focused ,
.listItem.k-state-focused.k-state-selected{
	background:var(--color-default-F4-1,transparent);
	border:none;
	box-shadow:none;

}



/***************************************** Footer***************************************/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 88px; 
  padding: 8px 0 0 0;
  background:var(--color-default-O-1,#192226);
}
footer .col-sm-1{
	padding:0!important;
}
footer .col-sm-6 {
	padding-right:0!important;
}
footer .footer-left .btn{
	float:left;
}

/*BZ43334 Change display Order*/

footer .footer-right .btn{
	display: inline-block;

} 
.footer-right{
	float: right;
	text-align: right;
} 

/*end BZ43334*/

/******************************RTL************************/
.k-rtl footer .footer-left .btn{
 	float:right;
}
.k-rtl footer .footer-right{
	float: left;
	text-align: left;
} 
.k-rtl footer .fa-arrow-left{
	transform:scale(-1,1);
}
.k-rtl footer .fa-arrow-right{
	transform:scale(-1,1);
}
/******************************************************/

footer .IdScreen{
	display:inline-block;
	width:100%;
	color: var(--color-default-F3-1,#FFFFFF);
	padding-left:15px;
	padding-top:1px;
	font-size:var(--font-size-default-H-3,13px);
}
footer .btn{
	padding:0; 
	width: 60px;
	height: 60px;
	margin:0 1px;
	font-size:var(--font-size-default-P-1,30px);
	border-radius:0;
	background:var(--color-default-O-3,#778395);
	color: var(--color-default-O-11,#ffffff);
	border-radius:0px;
    	transition: all 0.2s ease-out 0s;
	border:1px solid var(--color-default-O-7,#BDC3C7);
	background-image:none;
	outline: none !important;
}
footer .btn span{
	font-size: var(--font-size-default-P-5,22px);
	text-align: center;
	font-weight: var(--font-weight-default-P-5,bold);
	text-transform: var(--text-transform-default-P-5,uppercase);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	width: 60px;
	padding: 2px;
}
footer .btn .glyphicon {top:3px;}
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;
	color:var(--color-default-O-11,#ffffff);
	background-color :var(--color-default-O-4,#939fb1);
	box-shadow:none !important;

}

footer .btn[disabled], 
footer .btn[disabled]:hover{
    cursor: not-allowed !important;
    color: var(--color-default-O-10,#aeb4bd) !important;
    opacity: 1;
    background: var(--color-default-O-2,#dce0e6) !important;
    border: 1px solid var(--color-default-O-9,#ECF0F1) !important;
	outline:none;
}
footer .btn[Selected= "YES"]{
	background: var(--color-default-O-4,#939fb1);
	color:var(--color-default-O-11,#FFFFFF);
	background-image:none;
	box-shadow: none;
}
footer .btn[Selected= "NO"]{
	cursor:none;
	background-image:none;
	box-shadow: none;
}
/**Zone de help Footer*/
.information {
	background:var(--color-default-O-6,#FFFFFF);
	color:var(--color-default-O-5,#333);
	height:60px;
	padding:2px 5px !important;
	overflow:auto;	
 }
.information p{
	padding:0;
	line-height:18px;
	vertical-align:middle;
	margin:0;
	color:var(--color-default-O-5,#333);
	font-size:var(--font-size-default-H-1,16px);
}
.information .glyphicon{float:left;cursor:default;}



/***************************************** Container-Page***************************************/

#page-container {
  padding:0 0 0 0;
  margin:0;
  overflow:hidden;
  
}

#page-container .page-header {
	height:43px;
	overflow:auto;
    margin: 0;
	line-height:20px;
    border: 0;
    background-color: var(--color-default-J-2,#F8F8F8);
    border-bottom: 1px solid var(--color-default-J-4,#E4E4E4);
}
#page-container .page-header h1{
	padding:12px  0 0 0;
	margin:0;
	font-weight:var(--font-weight-default-A-1,bold);
	line-height:17px;
	text-transform:var(--text-transform-default-A-1,uppercase);
	font-size:var(--font-size-default-A-1,18px);
}

.page-header .title-header{
	padding-left:0;
	background:transparent;
}

.DefaultLayout #container-center{
	padding-top:5px !important;
}
#container-center{
	position:relative;
	padding-top:15px;
}


/***************************************** Window Simple Layout***************************************/

/***Window: Veuillez patienter**/

.k-window{
	border-radius:0 !important;
	border:0 !important;
}
div.k-window-content{
	padding:0;
}
.DefaultLayout.k-window-content.k-content{
	border-radius:0;
	border-bottom:5px solid var(--color-default-X-5,#939FB1) ;
	border-top:5px solid var(--color-default-X-5,#939FB1);
	background:var(--color-default-X-11,#FFFFFF);
}

.DefaultLayout .info-message{
	padding:0 0 10px 0;
	color:var(--color-default-F3-3,#333);
	font-size:var(--font-size-default-H-7,16px); 
	text-align:center;
	font-weight:var(--font-weight-default-H-7,bold);
	text-transform:var(--text-transform-default-H-7,uppercase);
}

.DefaultLayout .header-window{
	position:absolute;
	width:100%;
	height:32px;
	overflow:auto;
	padding:10px 0;
	top:0;
	background:var(--color-default-X-1,#EEEDED);	
}
.DefaultLayout .header-window h1{
	
	margin:0;
	font-size:var(--font-size-default-D-1,18px);
	line-height:32px;
	text-align:center;
	font-weight:var(--font-weight-default-D-1,bold);
	color:var(--color-default-X-6,#333333);
	text-transform:var(--text-transform-default-D-1,uppercase);

}
.DefaultLayout .body-window{
	overflow:hidden;
	overflow-y:auto;
	margin:55px 0 0px 0;
	padding:0px;
	background:var(--color-default-X-11,#FFFFFF);
	text-align:center;
    vertical-align:middel;
}
/*****Sipme layout****/
.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window,
.DefaultLayout[patternname="PRINT_LAYOUT"] .body-window {
	height:204px;
	vertical-align:center;
}
.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window .window-container,
.DefaultLayout[patternname="PRINT_LAYOUT"] .body-window .window-container{
	display: table-cell;
	width: 800px;
	height: inherit;
	text-align: center;
	vertical-align: middle;
}
/*****Popup Superviseurs****/
.DefaultLayout[AppId="superviseur"].k-window-content.k-content{
	border-radius:0;
	border-bottom:5px solid #939fb1 ;
	border-top:5px solid #939fb1 ;
}

.DefaultLayout .body-window p{
	padding:0; 
	line-height:auto;
	color: var(--color-default-X-6,#333);
	font-size:var(--font-size-default-D-2,18px); 
	text-align:center;
	font-weight:var(--font-weight-default-D-2,bold);
}
.DefaultLayout .body-window h2{
	padding:10px 0;
	margin:0;
	font-size:var(--font-size-default-D-2,18px);
	text-align:center;
	font-weight:var(--font-weight-default-D-2,bold);
	color:var(--color-default-X-6,#333333);
	line-height:20px;
}
.DefaultLayout .footer-window{
	position:absolute;
	bottom:0;
	width:100%;
	min-height:32px;
	padding:10px 0;
	background:var(--color-default-X-2,#EEEDED);
	
}


/****Footer BTN***/

.footer-window .footer-btn{
	text-align:center;
}
.footer-window .btn,
.DefaultLayout[AppId="superviseur"] .footer-window .btn{
	margin-right:2px;
	margin-left:2px;
	width: 60px;
	height: 60px;
	border:0;
	outline: none !important;
	font-size:var(--font-size-default-D-3,30px);
	color: var(--color-default-X-10,#FFFFFF) !important;
	border-radius:0px;
	transition: all 0.2s ease-out 0s;
	background-image:none;
	background-color:var(--color-default-X-3,#939FB1);
	border:1px solid var(--color-default-X-7,#8491A5) !important;
}

.footer-window .btn:hover,
.footer-window .btn:focus,
.footer-window .btn:visited,
.footer-window .btn:active:focus,
.footer-window .btn.k-state-active,
.footer-window .btn.k-state-hover,
.footer-window .btn.k-state-active:hover,
.footer-window .btn.k-state-selected,
.footer-window .btn.k-state-focused,
.DefaultLayout[AppId="superviseur"] .footer-window .btn:hover,
.DefaultLayout[AppId="superviseur"] .footer-window .btn:focus,
.DefaultLayout[AppId="superviseur"] .footer-window .btn:visited,
.DefaultLayout[AppId="superviseur"] .footer-window .btn:active:focus,
.DefaultLayout[AppId="superviseur"] .footer-window .btn.k-state-active,
.DefaultLayout[AppId="superviseur"] .footer-window .btn.k-state-hover,
.DefaultLayout[AppId="superviseur"] .footer-window .btn.k-state-active:hover,
.DefaultLayout[AppId="superviseur"] .footer-window .btn.k-state-selected,
.DefaultLayout[AppId="superviseur"] .footer-window .btn.k-state-focused{
	box-shadow:none !important;
	background-image:none !important;
	outline:0;
	background:var(--color-default-X-4,#63738C);
	color:var(--color-default-X-10,#FFFFFF)!important;
}

.footer-window .btn[disabled="disabled"],
.footer-window .btn[disabled="disabled"]:hover,
.footer-window .btn.k-state-disabled,
.footer-window .btn.k-state-disabled:hover,
.DefaultLayout[AppId="superviseur"] .footer-window .btn[disabled="disabled"],
.DefaultLayout[AppId="superviseur"] .footer-window .btn[disabled="disabled"]:hover,
.DefaultLayout[AppId="superviseur"] .footer-window .btn.k-state-disabled,
.DefaultLayout[AppId="superviseur"] .footer-window .btn.k-state-disabled:hover
{
	cursor: not-allowed !important;
	background: var(--color-default-X-8,#DCE0E6);
	border-color:var(--color-default-X-9,#C0C2C6)!important;
}
.k-rtl .footer-window .btn .fa-arrow-left,
.k-rtl .footer-window .btn .fa-arrow-right{
	transform:scale(-1,1);
}
.DefaultLayout[AppId="superviseur"] .footer-window .k-button .k-icon{
	font-size:var(--font-size-default-D-3,30px);
}


/************************Tooltip*****************************/
.k-widget.k-tooltip{
	background:var(--color-default-N-2,#636E7F) !important;
	border-color:var(--color-default-N-3,#636E7F) !important;
	text-align:center !important;
	font-size:var(--font-size-default-L-1,13px)!important;
	line-height:14px;
	font-weight:var(--font-weight-default-L-1,bold);
	color:var(--color-default-N-1,#FFFFFF)!important;
	box-shadow:1px 1px 7px 1px  rgba(0,0,0,0.2);
	border-radius:2px;

}
.k-callout-n{
    border-bottom-color: var(--color-default-N-4,#696F7B) !important;
	margin-left: 0px;
}

.k-callout-s{
    border-top-color: var(--color-default-N-4,#696F7B) !important;
	margin-left: 0px;
}
/*******************************Composant Documentation default CSS*************************/

.title-header,.item-box{
	background-color: var(--color-default-E-5,#ebebeb);

}

.title-header:hover {
  cursor:default
}
/*************************ComboBOX**************/
.k-dropdown-wrap.k-state-default {
	border:0 !important;
}
.k-combobox,
.k-dropdown{
	height:35px;
	box-shadow:none;
	border-radius:0;
	background:var(--color-default-B-1,#FFFFFF);
	border:1px solid var(--color-default-B-4,#dddddd);
}
.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input{
	box-shadow:none;
}

/*KENDO 2017 UPDATE k-i-arrow-s -> k-i-arrow-60-down*/
.k-combobox .k-icon.k-i-arrow-60-down:before,
.k-dropdown .k-icon.k-i-arrow-60-down:before{
	content: "\f078";
	font: var(--font-style-default-U-1,normal) normal var(--font-weight-default-U-1,normal) var(--font-size-default-U-1,14px)/1 var(--font-family-default-U-1,FontAwesome);
	color:var(--color-default-B-12,#ffffff);
}
.k-list-container.k-popup[data-role="popup"]  .k-item{
	padding:5px;
	font-size:var(--font-size-default-B-8,15px);
	font-weight:var(--font-weight-default-B-8,bold);
	outline:0;
	color:var(--color-default-B-7,#333);
}

.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-hover{
	opacity:var(--opacity-default-B-6,0.9);
}
.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-default-B-6,#778395);
	background-image : none;
	color :var(--color-default-B-8,#ffffff);
	box-shadow:none;

}

.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-focused
{
	border:0;
	box-shadow:none;
}

.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-selected.k-state-focused{
	background-color:var(--color-default-B-5,#778395);
	box-shadow:none;
}

.k-dropdown-wrap .k-input{
	height:29px;
	border:0px ;
	box-shadow:none;
	border-radius:0;
	color:var(--color-default-B-10,#333333);
	font-size:var(--font-size-default-G-5,15px) !important;
	font-weight:var(--font-weight-default-G-5,bold) !important;
}
.k-dropdown-wrap .k-select{
	width:35px;
	min-height: 35px;
	background:var(--color-default-B-2,#b0b0ba);
	background-image:none;
}
.k-combobox .k-icon,
.k-dropdown .k-icon,
.k-selectbox .k-icon{
	padding:10px 0 0 0;
	background-image:none;

 }

/*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-default-B-3,#c9cfd8);
}

.form-control[disabled],
.form-control[readonly],fieldset[disabled] .form-control {
    background-color: var(--color-default-C1-5,#eeeeee);
    opacity: var(--opacity-default-C1-5,1);
	cursor:context-menu;
}
/********************************************** BreadCrumb**********************************************/

.breadCrumb {
  padding:5px 0 0 0;
  margin:0;
  list-style: none;
  display: inline-block;
}
.breadCrumb .icon {
  font-size:var(--font-size-default-M-1,13px);
}
.breadCrumb li {
  float: left;
}
.k-rtl .breadCrumb li {
  float: right;
}
.breadCrumb li a {
  color: var(--color-default-E3-5,#fff);
  display: block;
  background: var(--color-default-E3-1,#192226);
  text-decoration: none;
  position: relative;
  font-size:var(--font-size-default-M-1,13px);
  height: 32px;
  line-height:32px;
  font-weight:var(--font-weight-default-M-1,bold);
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
.k-rtl .breadCrumb li a {
	margin-right: 13px;
}
.k-rtl .breadCrumb li:first-child a{
	margin-right: 0px;
}
.breadCrumb li a {
  background-color:var(--color-default-E3-1,#192226);
  cursor:pointer;
}
.breadCrumb li  a:before {
  border-color: var(--color-default-E3-3,#192226);
  border-left-color: var(--color-default-E3-2,transparent);
}
.breadCrumb li a:after {
  border-left-color: var(--color-default-E3-1,#192226);
}
.breadCrumb li:first-child a {
  padding-left: 15px;
}
.breadCrumb li:first-child a:before {
  border: none;
}
.breadCrumb li:last-child a {
  padding-right: 15px;
  cursor:pointer;

}
.breadCrumb li:last-child a:after {
  border: none;
}
.breadCrumb li a:before,.breadCrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid var(--color-default-E3-3,#192226);
  border-width: 16px 10px;
  width: 0;
  height: 0;
}
.breadCrumb li a:before {
  left: -20px;
  border-left-color: var(--color-default-E3-2,transparent) !important;
}
.k-rtl .breadCrumb li a:before{
	border-right-color: var(--color-default-E3-2,transparent) !important;
	right: -10px;
}
.breadCrumb li a:after {
  left: 100%;
  border-color: var(--color-default-E3-2,transparent);
  border-left-color: var(--color-default-E3-1,#192226);
}
.breadCrumb li a:hover {
  background-color: var(--color-default-E3-4,#778395) ;
  color:var(--color-default-E3-5,#ffffff);
}
.breadCrumb li a:hover:before {
  border-color: var(--color-default-E3-6,#778395) ;
  border-left-color: var(--color-default-E3-2,transparent);
}
.breadCrumb li a:hover:after {
  border-left-color: var(--color-default-E3-4,#778395);
}
.breadCrumb li a:active {
  background-color: var(--color-default-E3-4,#778395) ;
}


/**************************** Simple_LAYOUT_STD ************************/

.text-center-content{ 
	vertical-align:center;
	overflow:auto;
	
}
.text-center-content .text-center-bloc{
	display: table-cell;
	height: inherit;
	text-align: center;
	vertical-align: middle;
}
.JddMessage p,
.text-center-content .text-center-bloc p{
	padding:0; 
	line-height:auto;
	color: var(--color-default-F3-3,#333333);
	font-size:var(--font-size-default-H-4,20px); 
	text-align:center;
	font-weight:var(--font-weight-default-H-4,bold);
}
.simple-text {
	padding-left:15px;
	padding-right:15px;
	}
.simple-text a{
    font-size: var(--font-size-default-H-5,13px);
	color:var(--color-default-F3-3,#333333);
	text-decoration:var(--text-decoration-default-H-5,underline);
}
.simple-text label{
    width:100%;
    font-size:var(--font-size-default-G-2,13px);
    font-weight:var(--font-weight-default-G-2, bold);
} 
.simple-text input[type="text"],
.simple-text input[type="password"],
.simple-text textarea{
    width:100% ;
    padding-right: 5px;
    padding-left: 5px;
    font-size:var(--font-size-default-G-6,13px);
    font-weight:var(--font-weight-default-G-6,bold);
    border-radius: 0px;
    color:var(--color-default-C1-3,#333333);
} 
.FiltreLayoutExpert .simple-text table  td input[type="text"],
.FiltreLayoutExpert .simple-text table  td textarea{
	font-size: var(--font-size-default-B-10,16px) !important;
	font-weight :var(--font-weight-default-B-10,bold) !important;
}

.FiltreLayoutExpert .simple-text table  td input[type="radio"],
.FiltreLayoutExpert .simple-text table  td input[typr="checkbox"]{
	font-size: var(--font-size-default-B-7,18px) !important;
	font-weight :var(--font-weight-default-B-7,bold) !important;
}
.FiltreLayoutExpert .simple-text table  td input[type="text"].form-control[readonly]{
	font-size: var(--font-size-default-B-9,18px) !important;
	font-weight :var(--font-weight-default-B-9,bold) !important;
}
.FiltreLayoutExpert .simple-text table  td .k-combobox input{
	font-size:var(--font-size-default-B-8,15px)!important;
}
.simple-text[id*="infoScreen"] .block-table{
	border: 1px solid var(--color-default-A-9,#EDEDED) !important;
}
.simple-text input[type="text"] {
	height:35px ;
}
.simple-text .form-control[readonly],
fieldset[disabled] .form-control {
	border:1px solid var(--color-default-C1-4,#778395) ;
}

.DataGrid2{	
	vertical-align:top !important;
}
.DataGrid2 .simple-text{
	padding-left:0px !important;
	padding-right:0px !important;
	display:inline-block !important;
}
/**********************************************ListLayout2**********************************************/
.list-layout-2{
	display:block;
	margin: auto;
	text-align:center;
	padding: 99px 0 0px 0;
	border:0;
	box-shadow:none;
	overflow-y:auto;
}
.list-layout-2 .listItem{
	display:inline-block;
	float:none;
	width:200;
	height:300px;
	margin:0 15px;
	text-align:center; 
	vertical-align:top;
}

.list-layout-2 .listItem.avoid-clicks{
	pointer-events: none!important;
}

.list-layout-2 .listItem .listview-out{
	height:186px;
	width:186px;
	padding:5px;
	background:var(--color-default-E-18,#ffffff);
	border-radius:50%;
	box-shadow:  3px 3px 20px var(--color-default-E-19,#a2a2a2);

}
.list-layout-2 .listItem .listview-in{
	position:relative;
	height: 179px;
    width: 179px;
    margin: 0;
	border-radius:50%;
	cursor:pointer;
	transition: all 0.5s ease-out;

}
.list-layout-2 .listItem .divscale{
    position: absolute;
	top: 22px;
    left: 39px;
    height: 160px;
    width: 143px;
	background:url("../../../img/bg-transparent.png") no-repeat;
}
.list-layout-2 .listItem .listview-in .listImg{
	text-align:center;
	vertical-align: middle;
    line-height: 179px;
}
.list-layout-2 .listItem .listview-in:last-child.listImg{
	margin-left:100px;
}
.list-layout-2 .listItem .text-list{
	padding-top:50px;
	text-align:center;
}
.list-layout-2 .listItem .text-list h1{
	font-size:var(--font-size-default-E-3,16px);
	line-height:24px;
	font-weight:var(--font-weight-default-E-3,bold);
	text-transform:var(--text-transform-default-E-3,uppercase);
}
.list-layout-2 .listItem[Selectable="NO"] .listview-out,
.list-layout-2 .listItem.k-state-focused[Selectable="NO"] .listview-out{
	cursor: not-allowed ;
	border:6px solid var(--color-default-E-21,#c9cfd8);
	background:var(--color-default-E-20,#fff);
	opacity:var(--opacity-default-E-20,0.8);
}

.list-layout-2 .listItem[Selectable="NO"] .listview-in,
.list-layout-2 .listItem.k-state-focused[Selectable="NO"] .listview-in{
	cursor: not-allowed ;
	border:3px solid var(--color-default-E-1,#939fb1);
	background:var(--color-default-E-1,#939fb1);	
	cursor: not-allowed ;
	opacity:var(--opacity-default-E-1,0.8);
}

.list-layout-2 .listItem[Selectable="NO"] .text-list h1{
	cursor: not-allowed ;
	color:var(--color-default-E-22,#c9cfd8);
}



/**********************************************ListLayout**********************************************/
.list-layout{
	overflow: auto;	
}
div[patternname="PDTLINE_LAYOUT_2"] .list-layout{
	height : 226px !important;
}
.list-layout,
.list-layout .listItem{
	padding:0; 
	margin:0;
	border:0;
	list-style:none;
}
.list-layout  .listItem{
	min-height:87px;
	line-height: 87px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#939fb1+0,636e7f+100*/
	background: var(--color-default-C-3,#939FB1); /* Old browsers */
	background: linear-gradient(top,  #939fb1 0%, #636e7f 100%); /* FF3.6-15 */
	background: -moz-linear-gradient(top,  #939fb1 0%, #636e7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #939fb1 0%,#636e7f 100%); /* Chrome10-25,Safari5.1-6 */
	border:3px solid var(--color-default-C-6,#ABB5C4);
	margin-bottom: 10px;
	border-radius: 0px;
	text-align:center;
}

.list-layout  .listItem:last-child{
	margin-bottom: 0px;
}
.list-layout .listItem span{
	font-size:var(--font-size-default-E-1,18px);
	color:var(--color-default-C-4,#FFFFFF);	
}
.list-layout .listItem .k-link{
	display: inline-block;
	padding: 10px;
	line-height: 22px;
	vertical-align: middle;
}
.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-hover{
	color:var(--color-default-C-4,#FFFFFF) !important;
	cursor:pointer;
	box-shadow:none;
 }
.list-layout .listItem .menuItem-icon{
	padding:0;
	margin:0;
	text-align:center;
}
div[patternname="PDTLINE_LAYOUT_2"] .picture{
	text-align:center;
}
.list-layout .listItem[Selectable="NO"]{
	cursor: not-allowed ;
	background:var(--color-default-C-2,#939FB1);
	border-color: var(--color-default-C-7,#C9CFD8);
	opacity: var(--opacity-default-C-2,0.8);
}
.list-layout .listItem.k-state-focused[Selectable="NO"],
.list-layout .listItem.k-state-selected[Selectable="NO"],
.list-layout .listItem.k-state-focused.k-state-selected[Selectable="NO"],
.list-layout .listItem.k-state-active[Selectable="NO"],
.list-layout .listItem.k-state-hover[Selectable="NO"]{
	cursor:not-allowed;
	background:var(--color-default-C-2,#939FB1);
	border-color:var(--color-default-C-7,#C9CFD8);
}
.list-layout .listItem[Selectable="NO"] .menuItem-icon{
	background:var(--color-default-D-2,#C9CFD8);
}
.list-layout .listItem.k-state-focused[Selectable="NO"] .menuItem-icon{
	background:var(--color-default-D-2,#C9CFD8);
}
.list-layout .listItem[Selectable="NO"] span{
	cursor: not-allowed ;
	color:var(--color-default-C-7,#C9CFD8);
}

.list-layout input[type="text"]{
	width:100% !important;
	padding-right: 5px;
	padding-left: 5px;
	font-size:var(--font-size-default-G-6,13px);
    font-weight:var(--font-weight-default-G-6,bold);
	border-radius: 0px;
	color:var(--color-default-C1-3,#333333);
} 

.list-layout input[type="text"]{
	height:35px ;
}

.list-layout .form-control[readonly] {
	border:1px solid var(--color-default-C1-4,#778395) ;
}

/******************************Grid-Layout*****************/
.k-grid{
	border-radius:0 ;
	border: 1px solid var(--color-default-A-9,#EDEDED);
}
.k-grid-content label{
	margin-bottom:0 !important;
}

/****Grid Header****/
.k-grid-header,
.k-grid-header table thead th,
.k-grid-header-wrap {
	background-color : var(--color-default-A-1,#192226) ;
	background-image : none ;
	border : 0!important ;
	border-radius:0;
}
.k-grid-header th.k-header ,
.k-grid-header table thead th
{
	color: var(--color-default-A-15,#FFFFFF)!important;
	text-align:left;
	height : 25px;
	font-weight : var(--font-weight-default-B-1,bold);
	font-size : var(--font-size-default-B-1,18px);
	line-height:25px;
	vertical-align: middle;
}
.k-rtl .k-grid-header th.k-header ,
.k-rtl .k-grid-header table thead th{
	text-align:right;
}
.k-grid-header table thead th .k-link{
	text-align :center !important;
	color: var(--color-default-A-15,#FFFFFF) !important;
}
:not(#endlessGrid) > .k-grid-content {
	height:auto !important; 
}
.k-grid-content{
	overflow:auto;
    overflow-x:hidden;
}
.k-grid-content table tbody td{
	border : none ;
	text-align : left;
	font-weight:var(--font-weight-default-B-2,bold)!important;
	font-size:var(--font-size-default-B-2,16px) !important;
	color:var(--color-default-A-7,#000000);
	background:transparent!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}
.k-grid-content table tbody td label{
	font-size:var(--font-size-default-B-2,16px) !important;
	font-weight:var(--font-weight-default-B-2,bold) !important;
}
.k-detail-cell table tbody td{
	font-size:var(--font-size-default-B-3,14px) !important;
	font-weight:var(--font-weight-default-B-3,bold) !important;
}
.k-rtl .k-grid-content table tbody td{
	text-align : right;
}

.k-grid .k-state-selected{
	background-image: none;
} 
.k-grid .k-state-selected td
{
	box-shadow:none !important;
	border:0 !important;	
	color: var(--color-default-A-6,#FFFFFF)  !important;	
}
.k-grid .k-state-focused,
.k-grid th.k-header.k-state-focused,
.k-grid .k-state-selected td.k-state-focused
{
	box-shadow:none !important;
	border:0 !important;	
}
.k-grid td[id*="active_cell"]{
	background: var(--color-default-A-19,transparent) !important;
}

/*KENDO 2017 UPDATE k-i-arrow-n -> k-i-arrow-60-UP*/
.k-grid  th .k-i-arrow-60-up,
.k-grid  .k-grid-header th > .k-link:hover span	.k-i-arrow-60-up{
	background-position:-16px 0px;
}

/*KENDO 2017 UPDATE k-i-arrow-s -> k-i-arrow-60-down*/
.k-grid th .k-i-arrow-60-down,
.k-grid .k-grid-header th > .k-link:hover span.k-i-arrow-60-down{
	background-position:-16px -32px;
}

.k-grid-content tr.k-master-row {
	background-color:var(--color-default-A-3,#FFFFFF);
}
.k-grid-content tr.k-alt.k-master-row {
	background-color:var(--color-default-A-2,#F5F5F5);
}
table.tableComposite  tr:nth-child(2n+1) {
    background-color:var(--color-default-A-3, #FFF);
}

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

/**********************Form Grid*******************/
.k-grid-content input[type="text"],
.k-grid-content input[type="password"],
.k-grid-content textarea{
    width:100% !important;
    padding-right: 5px;
    padding-left: 5px;
    font-size: var(--font-size-default-B-10,16px) !important;
    font-weight: var(--font-weight-default-B-10,bold) !important;
    border-radius: 0px;
	color:var(--color-default-C1-3,#333333);
} 

.k-grid-content input[type="radio"] + label,
.k-grid-content input[type="checkbox"] + label{
	font-size: var(--font-size-default-B-7,18px) !important;
	font-weight: var(--font-weight-default-B-7,bold) !important;
}
.k-grid-content .k-input[readonly],
.k-grid-content input[type="text"].form-control[readonly] {
	font-size: var(--font-size-default-B-9,18px) !important;
	font-weight: var(--font-weight-default-B-9,bold) !important;
}
.k-grid-content  input[type="text"] {
	height:35px ;
}
.k-grid-content.form-control[readonly], fieldset[disabled] .form-control {
	border:1px solid var(--color-default-C1-4,#778395) ;
}
.k-grid-content .form-control:focus {
    border-color: var(--color-default-C1-2,#778395);
}
.k-grid-content td form {
	display: inline-flex;
	float: left;
	width: 100%;
}
.k-grid-content .label-radio{
	width: 100% !important;
	padding-top: 10px;
	text-align: left;
	margin-left:5px;
}
	
.tables-container input[type="radio"]{
	width: 5% !important;
}
.k-grid-content select[id^='combo_']{
	width: 100% !important;
}
.k-grid-content .k-combobox,
.k-grid-content .k-dropdown{
	width:99.3%;
	border: none;
	border: 1px solid var(--color-default-B-4,#dddddd);
}
.k-grid-content .k-combobox .k-dropdown-wrap input{
	height:35px;
	font-size:var(--font-size-default-B-8,15px)!important;
	font-weight:var(--font-weight-default-B-8,bold)!important;
}
.k-grid-content .gridCombo .k-dropdown .k-dropdown-wrap .k-input{
	height:35px;
	padding: 6px 5px 0px;
	border-radius: 0px;
	text-align: left;
	font-size:var(--font-size-default-B-8,15px) !important;
	font-weight:var(--font-weight-default-B-8,bold)!important;
	color: var(--color-default-B-10,#333) !important;
	user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
}
.k-rtl .k-grid-content .gridCombo .k-dropdown .k-dropdown-wrap .k-input{
	text-align: right;
}
.k-grid-content .gridCombo .k-dropdown .k-dropdown-wrap .k-input::before{
	display :none;
}
.k-grid-content .gridCombo .k-dropdown .k-state-hover .k-input{
	cursor:text;
}
/**********************************************GESTION DES LEVELS GRID LAYOUT**********************************************/

.k-grid-content  table tr td[Level="0"],
.k-grid-content  table tbody td[Level="0"],
.k-grid-content  table tbody td[Level="0"] input
{
	color:var(--color-default-A-10,#000000);

}
.k-grid-content  table tr td[Level="1"],
.k-grid-content table tbody td[Level="1"],
.k-grid-content  table tbody td[Level="1"] input
{
	color:var(--color-default-A-11,#008000) !important ;
}

.k-grid-contenttable tr td [Level="2"],
.k-grid-content table tbody td[Level="2"],
.k-grid-content  table tbody td[Level="2"] input
{
	color:var(--color-default-A-12,#FF0000);
}
.k-grid-content table tr td[Level="3"],
.k-grid-content table tr td[Level="3"] input,
.k-grid-content table tr td[Level="4"] ,
.k-grid-content table tr td[Level="4"] input,
.k-grid-content table tr td[Level="5"],
.k-grid-content table tr td[Level="5"] input,
.k-grid-content  table tr td[Level="7"],
.k-grid-content  table tr td[Level="7"] input
{
	font-style:var(--font-style-default-B-11,italic) ;
}

.k-grid-content table tr td[Level="6"],
.k-grid-content table tr td[Level="6"] input{
	color:var(--color-default-A-12,#FF0000);
	font-style:var(--font-style-default-B-11,italic) ;
}
.k-grid-content table tr td[Level="8"],
.k-grid-content table tr td[Level="8"] input
{
	color:var(--color-default-A-13,#808080) ;
	font-style:var(--font-style-default-B-11,italic) ;
}
.k-grid-content table tr td[Level="9"],
.k-grid-content table tr td[Level="9"] input
{
	color:var(--color-default-A-13,#808080) ;
	font-style:var(--font-style-default-B-11,italic) ;
}


/****************************************************************** PANELBAR*************************************************/


.panelbar{
	overflow-y: auto;
	overflow-x: hidden;
} 
.panelbar ul{
	padding:0!important; 
	margin:0!important;
}

.panelbar .k-widget.k-reset.k-header.k-panelbar,
.panelbar .k-content{
	border:0;
}
.panelbar .chart{
	border: none !important;
}

.panelbar span.k-state-focused,
.panelbar span.k-state-selected.k-state-hover,
.panelbar .k-link.k-header:hover
{
	box-shadow :none !important;
	color:#ffffff;
}

.panelbar .k-panelbar .k-item {
    margin-bottom: 5px;
}
.panelbar .k-link.k-header,
#endlessGrid .ChartContainer [id^="chartTitle_"]{
	padding:3px 22px;
	margin-bottom: 1px;
	background-color: var(--color-default-A1-1,#778395);
	border-bottom: 5px solid var(--color-default-A1-2,#a8b0bc);
	background-image: none;
	color:var(--color-default-A1-3,#ffffff);
	font-size:var(--font-size-default-N-1,14px);
	text-transform:var(--text-transform-default-N-1,uppercase);
	font-weight:var(--font-weight-default-N-1,bold);
	text-align:left;
}
.k-rtl .panelbar .k-link.k-header,
.k-rtl #endlessGrid .ChartContainer [id^="chartTitle_"]{
	text-align:right;
}
.panelbar .k-panelbar-expand, 
.panelbar .k-panelbar-collapse{
	left:3px;
}
.k-rtl .panelbar .k-panelbar-expand, 
.k-rtl .panelbar .k-panelbar-collapse{
	right:3px;
}

/*KENDO 2017 UPDATE k-i-arrow-n -> k-i-arrow-60-up*/
.panelbar .k-i-arrow-60-up {
    background-position: -16px 0;
}
/*KENDO 2017 UPDATE k-i-arrow-s -> k-i-arrow-60-down*/
.panelbar .k-i-arrow-60-down,
.panelbar .k-i-arrow-60-down.k-state-hover,
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-60-down, .k-state-hover > .k-i-arrow-60-down{
    background-position: -16px -31px;
}
.k-rtl .k-grid td{
	
	position:initial!important;
}

/*****************************************PROGRESSBAR*************************/
.Progressbar
{	
	margin-bottom:8px;
	margin-top:8px;
	position:relative;
	height:17px;
}
.Progressbar div{
	background: linear-gradient(var(--color-default-L-1,#72C368) 50%, var(--color-default-L-2,#14A300) 50%);
	background: -moz-linear-gradient(var(--color-default-L-1,#72C368) 50%, var(--color-default-L-2,#14A300) 50%);
	background: -webkit-linear-gradient(var(--color-default-L-1,#72C368) 50%, var(--color-default-L-2,#14A300) 50%);
	border-radius:0px;
	border: none;
}
.Progressbar.k-widget{
	background:var(--color-default-L-5,#ededed);
	border-radius:0;
	border-color:var(--color-default-L-5,#ededed);
	border:0;
}

.Progressbar .k-progress-status-wrap{
	box-shadow:none;
	border:0;
	
}
.Progressbar .k-state-selected
{
	background:linear-gradient(var(--color-default-L-1,#72C368) 50%, var(--color-default-L-2,#14A300) 50%);
	background:-moz-linear-gradient(var(--color-default-L-1,#72C368) 50%, var(--color-default-L-2,#14A300) 50%);
	background:-webkit-linear-gradient(var(--color-default-L-1,#72C368) 50%, var(--color-default-L-2,#14A300) 50%);
	top:0px;
	border-radius: 0px;
	border:0;
}
.Progressbar .k-progress-status{
	position: absolute;
	width: 29px;
	height: 23px;
	right: -57px;
	top: -1px;
	background: var(--color-default-L-4,#A0ABBA) none repeat scroll 0% 0%;
	color: var(--color-default-L-3,#FFF);
	text-align: center;
	font-size:var(--font-size-default-G-1,13px);
	font-weight: var(--font-weight-default-G-1,bold);
	line-height: 24px;
}
.k-rtl .Progressbar .k-progress-status{
	left: -49px!important;
	right:auto;

}
.Progressbar .k-progress-status:before{
	content: "\f0d9";
	display: inline-block;
	right: 42px;
	position: absolute;
	top: 23%;
	color:var(--color-default-L-4,#a0abba);
   font: var(--font-style-default-U-1,normal) normal var(--font-weight-default-U-1,normal) var(--font-size-default-U-1,14px)/1 var(--font-family-default-U-1,FontAwesome);
}
.k-rtl .Progressbar .k-progress-status:before{
	left: 42px;
	right:auto;
	transform:scale(-1,1);
}
/**********************************************JUMPTO PANEL**********************************************/
.slide-in-share{
	visibility: hidden;
}
.slide-in-share {
	position:absolute;
	top: 40px;
	width: 20%;
	z-index: 10000;
	vertical-align:top;
	border-radius: 2px;
	text-align: center;
	border-right:5px solid var(--color-default-Z-2,#778395);
	border-top:5px solid var(--color-default-Z-2,#778395);
	border-bottom:5px solid var(--color-default-Z-2,#778395);
}
body:not(.k-rtl) .slide-in-share{
	right: 100%;
}
.k-rtl .slide-in-share{
	left: 100%;
	border-left:5px solid var(--color-default-Z-2,#778395);
}
.slide-in-handle:hover {
	width: 30px;
}
.slide-in-handle {
	position: relative;
	left:100%;
	width: 20px;
	height: 139px;
	top: 40%;
	background:var(--color-default-Z-1,#778395);
	border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
}
.k-rtl .slide-in-handle {
	right:100%;
	border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
	transform:scale(-1,1);
	top: 40%;
}
.slide-in-handle:before{
    content: "\f105";
	display: inline-block;
	margin:59px 0px 0 4px;
    font: var(--font-weight-default-J-3,bold) var(--font-style-default-J-3,normal) normal var(--font-size-default-J-3,22px)/1 var(--font-family-default-J-3,FontAwesome);
	color: var(--color-default-Z-14,#ffffff);	
	text-align:center;
	cursor: default;
}
.slide-in-handle:hover:before{
	content: "\f105";
	display: inline-block;
	font: var(--font-weight-default-J-3,bold) var(--font-style-default-J-3,normal) normal var(--font-size-default-J-3,22px)/1 var(--font-family-default-J-3,FontAwesome);
	color:var(--color-default-Z-15,#ffffff);	
	text-align:center;
}
.slide-in-handle.open:hover:before{
	content: "\f104";
	display: inline-block;
    font: var(--font-weight-default-J-3,bold) var(--font-style-default-J-3,normal) normal var(--font-size-default-J-3,22px)/1 var(--font-family-default-J-3,FontAwesome);
	color:var(--color-default-Z-15,#ffffff);	
	text-align:center;
}
.slide-in-handle.open,
.slide-in-handle.open:hover{
	width: 30px;
}

.slide-in-handle.open:before{
	content: "\f104";
	display: inline-block;
    font: var(--font-weight-default-J-3,bold) var(--font-style-default-J-3,normal) normal var(--font-size-default-J-3,22px)/1 var(--font-family-default-J-3,FontAwesome);
	color:var(--color-default-Z-15,#fff);	
	text-align:center;
}
.slide-in-share nav ul {
	position:relative;
	display:table-cell;
	float:left;
	width:100%;
	margin: -138px 0 0 0 !important;
	padding: 0;
	background:var(--color-default-Z-16,transparent);
	vertical-align:top;
	list-style: none;
}
.k-rtl .slide-in-share nav ul {
	float:right;
}
.slide-in-share nav .k-reset.k-header.k-menu.k-menu-vertical{
	background:var(--color-default-Z-16,transparent) !important;
	border:0;
}
.slide-in-share nav li {
	display:block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	width: 100%;
	margin:0px;
	padding:0px;
	background:var(--color-default-Z-5,#FFFFFF); 
}
.slide-in-share  li:last-child,
.slide-in-share  li:first-child
{
	border:0px !important;
}
.slide-in-share nav li .k-link{
    display: block;
	width:100%; 
	margin:0;
    overflow: hidden; 
    white-space: nowrap;
	text-overflow: ellipsis;
	color:var(--color-default-Z-6,#303E44);
	line-height:25px !important;
	font-size:var(--font-size-default-J-2,13px);
	text-align:center;
	font-weight:var(--font-weight-default-J-2,bold);
	border-left:0;
	border-bottom:1px solid var(--color-default-Z-9,#778395)!important; 
}

.slide-in-share nav ul li:hover {
	background: var(--color-default-Z-7,#3E494E);
	color:var(--color-default-Z-8,#FFFFFF) !important;
	border-color:var(--color-default-Z-13,#192226);
}
.slide-in-share nav li .k-link:hover{
	border-color:var(--color-default-Z-16,transparent) !important;
	color:var(--color-default-Z-8,#FFFFFF) !important;
}
.slide-in-share nav li[Level="3"]{
	display: inline-block;
	height: 140px;
	padding: 0;
	background: var(--color-default-Z-3,#778395);
	overflow:hidden;
	line-height:372px !important; 
}
.slide-in-share nav li[Level="3"] a{
	border:0;
	vertical-align:middel !important; 
	height:inherit;
	overflow:hidden;
    text-overflow:initial!important; 
	text-align:center;
	white-space: pre-wrap;
	word-wrap: break-word;
	line-height:18px;
	font-size:var(--font-size-default-J-1,13px);
	font-weight:var(--font-weight-default-J-1,bold);
	font-style:var(--font-style-default-J-1,italic);
}
.slide-in-share nav li[Level="3"] a:hover{
	text-decoration:none;
	background:var(--color-default-Z-16,transparent);
	outline:none;

}
.slide-in-share nav li .volet-label-title{
	display:inline-block;
	width: 100%!important;
	height:auto;
	line-height:25px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size:var(--font-size-default-J-4,13px);
	background: var(--color-default-Z-10,#778395);
	border-left:0 !important;
	color:var(--color-default-Z-4,#FFFFFF);
	font-weight:var(--font-weight-default-J-4,bold);
	cursor: default;
	text-align:center!important;
	vertical-align:middel;
	border:0!important;
}
.k-rtl .slide-in-share nav .k-menu .k-item{
	border-width:0; 
}
.k-state-hover .volet-label-title{
	border:0;
	background:var(--color-default-Z-16,transparent);
}

/**********************************************MENU-CONTENT**********************************************/
.list-marque{
	padding:0;
}

/*****Image logo+ vehicule***/
.list-marque .img-marque{
	height:400px;
	text-align:center;
	vertical-align:top;
	line-height:400px;
}
.list-marque  .img-content{
	text-align:center;
	padding:0;
}

#img-content{
	width:350px;
}
.menu-content{
	display:inline-block;
    float:right;
	overflow:auto;
}

.k-rtl .menu-content{
	float: left;
}

.menu-content ul{
	padding:0;
	margin:0;
	border:0;
	outline:0;
	box-shadow:none;
	border-width:0px;
}

.menu-content ul li.k-item{
	height:42px;
	width:130px;
	margin:0px 10px 7px 10px;
	padding:0;
	background: var(--color-default-M-1,#192226);
    border-bottom:3px solid var(--color-default-M-2,#778395);
	vertical-align:middel;
	white-space: nowrap;
	word-wrap: break-all;
	line-height:41px;
	border-width:0;
	
}
.k-rtl .menu-content ul li.k-item{
	float: right !important;
}
.menu-content ul li.k-item>.k-link{
	display:inline-block;
	width:100%;
	padding:0px 7px 0 7px;
	color:var(--color-default-M-3,#fff);
    text-align: left;
	font-size: var(--font-size-default-K-1,12px);
	font-weight:var(--font-weight-default-K-1,bold);
	background:var(--color-default-M-5,transparent);
	white-space: nowrap;
	word-wrap: break-word;
}
.k-rtl .menu-content ul li.k-item>.k-link{
	text-align: right !important;
}
.menu-content a{
	color:var(--color-default-M-3,#fff);
	white-space: pre-wrap;
	text-decoration:none;
}

.menu-content ul li.k-item.k-state-default:hover .k-link a,
.menu-content ul li.k-item.k-state-default.k-state-hover .k-link a,
.menu-content ul li.k-item.k-state-default.k-state-focused .k-link a,
.peugeotvehicle li.k-item.k-state-default.k-state-hover.k-state-focused,
.peugeotvehicle li.k-item.k-state-default.k-state-hover,
.peugeotvehicle li.k-item.k-state-default.k-state-focused,
.citreonvehicle li.k-item.k-state-default.k-state-hover,
.citreonvehicle li.k-item.k-state-default.k-state-hover.k-state-focused,
.citreonvehicle li.k-item.k-state-default.k-state-focused{
	color:var(--color-default-M-6,#ffffff);
	outline:0;
	box-shadow:none;

}
/* Peugeot style */
.peugeotvehicle li.k-item.k-state-default:hover,
.peugeotvehicle li.k-item.k-state-default.k-state-hover,
.peugeotvehicle li.k-item.k-state-default.k-state-focused,
.peugeotvehicle li.k-item.k-state-default.k-state-hover.k-state-focused{
    background: var(--color-default-F-2,#023EA6);
    border-color:var(--color-default-F-7,#4545F4);
	cursor:pointer;
}

/* Citreon style */
.citreonvehicle li.k-item.k-state-default:hover,
.citreonvehicle li.k-item.k-state-default.k-state-hover,
.citreonvehicle li.k-item.k-state-default.k-state-focused,
.citreonvehicle li.k-item.k-state-default.k-state-hover.k-state-focused{
    background: var(--color-default-G-2,#A41717);
    border-color:var(--color-default-G-7,#840304);
    cursor:pointer;
}

/* DSAUTO style */
.DSautovehicle li.k-item.k-state-default:hover,
.DSautovehicle li.k-item.k-state-default.k-state-hover,
.DSautovehicle li.k-item.k-state-default.k-state-focused,
.DSautovehicle li.k-item.k-state-default.k-state-hover.k-state-focused{
	background:var(--color-default-D3-2,#2F2726);
	border-color:var(--color-default-D3-7,#C4B7A6);
	cursor:pointer;
}

/* OPELVAUXHALL style */
.opelvauxhall li.k-item.k-state-default:hover,
.opelvauxhall li.k-item.k-state-default.k-state-hover,
.opelvauxhall li.k-item.k-state-default.k-state-focused,
.opelvauxhall li.k-item.k-state-default.k-state-hover.k-state-focused{
	background: var(--color-default-D4-2,#333333);
	border-color:var(--color-default-D4-7,#7f7f7f);
	cursor:pointer;
}
/* fengshen style */
.fengshenvehicle li.k-item.k-state-default:hover,
.fengshenvehicle li.k-state-default.k-state-hover,
.fengshenvehicle li.k-item.k-state-default.k-state-focused,
.fengshenvehicle li.k-item.k-state-default.k-state-hover.k-state-focused
{
    background: var(--color-default-A6-2,#E70020);
    border-color:var(--color-default-A6-7,#ff2e4b);
	cursor:pointer;
}
/********************************************** HELP TEXT POPUP**********************************************/
.helpText{
	display:inline-block;
	position:absolute; 
	bottom:80px;
	left:16px;
	height:72px;
	margin:5px 0px;
	background:var(--color-default-X-12,#ffffff);
	border:1px solid var(--color-default-X-13,#dddddd);
 
}
.helpText .box-right{
	display:inline-block;
	float:left;
	width:32px;
	height:66px;
	padding: 3px !important;
	background:var(--color-default-X-15,#f5f5f5);
}
.k-rtl .helpText .box-right{
	float:right;	
}
.box-right .boxed{
	float:left;
	width:30px;
	height:41px;
	padding:25px 0 0 0;
	background:var(--color-default-X-14,#a6a3a3);
	text-align:center;
	vertical-align:middel;
}
.k-rtl .box-right .boxed{
	float:right;
	
}
.box-right .boxed:before{
	content: "\f05a";
	font: var(--font-style-default-H-8,normal) normal var(--font-weight-default-H-8,normal) var(--font-size-default-H-8,20px)/1 var(--font-family-default-H-8,FontAwesome);
	color:var(--color-default-X-15,#f5f5f5);
	
}
.helpText .text-helpContent{
	overflow:auto;	
	height:70px;
	padding:0 15px;
}
.helpText .text-help{
	display: table-cell;
	height: inherit;
	text-align: left;
	vertical-align: middle;
	color:var(--color-default-X-16,#333333);
	font-size:var(--font-size-default-D-4,16px);
	font-weight:var(--font-weight-default-D-4,bold);

}	
/********************************************** Telexx**********************************************/
.left_side,
.right_side
{
	height: 474px;
	padding-bottom:3px;
}
.right_side .Progressbar.k-widget{
	width:92% !important;
}
.LSBorder{
	border: 1px solid var(--color-default-H-1,#192226);
	height: 100%;
}
ul.listProgress{
	height: 100%;
	padding: 0px;
	margin:0;
	list-style:none;
	border:0;
	background:var(--color-default-H-17,transparent);
}
ul.listProgress li{
	
	display:block;
	width:100%;
	margin:0px;
	padding:10px 0;
	line-height:35px;
	
}
.up{
	border: 1px solid var(--color-default-H-1,#192226);
	height: 73%;
	max-height: 73%;
	overflow-y: auto;
	margin-bottom: 13px;
}
.down{
	height: 24%;
	display: table;
	padding: 0px;
}
.down #right_side_down{
	height: 115px;
	border: 1px solid var(--color-default-H-1,#192226);
}
.resultOK,
.resultNOK,
.resultWAR,
.right_side_down
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.resultOK
{
	background-color:var(--color-default-H-9,#C1ECD3);
	border: 1px solid var(--color-default-H-12,#55DD8E) !important;
}

.resultNOK
{
	background-color:var(--color-default-H-10,#F0BBBD);
	border: 1px solid var(--color-default-H-13,#C91718) !important;
}

.resultWAR
{
	background-color:var(--color-default-H-11,#F7CAB0);
	border: 1px solid var(--color-default-H-15,#F5643D) !important;
}

.right_side_down
{
	border: 1px solid var(--color-default-H-1,#192226);
}

.resultOK span,
.resultNOK span,
.resultWAR span,
.right_side_down span
{
	font-size:var(--font-size-default-C-5,18px);
	font-weight:var(--font-weight-default-C-5,bold);
	font-family:var(--font-family-default-C-5,arial);
}

.resultOK span
{
	color:var(--color-default-H-7,#27AE60);
}

.resultNOK span
{
	color:var(--color-default-H-8,#C91718);
}

.resultWAR span
{
	color:var(--color-default-H-16,#F73D04);
}

.right_side_roue 
{	
	background-image:url("../img/indicateur/wait.gif");
	background-position:0 10%;
	background-repeat:no-repeat;
	padding-left:24px; 
}
.left_side ul,
.dynamic,
.fixed{
	list-style : none;
	padding:0px;
}

.left_side ul{
	overflow-y: auto;
	overflow-x: hidden;
}

.left_side ul li span.leftCellIcon
{

	color: var(--color-default-H-6,#FFFFFF);
	font-size: var(--font-size-default-C-7,16px);
	line-height:35px;
	font-weight:var(--font-weight-default-C-7,bold);
}

.left_side ul li span.leftCellLabel,
.dynamic span
{
	color: var(--color-default-H-3,#333333);
	text-align:left;
	
}
.dynamic span
{
	font-size:var(--font-size-default-C-6,16px);
	font-style:var(--font-style-default-C-6,normal);
	font-weight:var(--font-weight-default-C-6,bold);	
}
.k-rtl .left_side ul li span.leftCellLabel,
.k-rtl .dynamic span
{
	text-align:right;
}
.dynamic img
{
	width:auto;
	height: 250px;
}

.left_side ul li:not([level="0"]):not([level="1"]):not([level="2"]):not([level="3"]):not([level="4"])
{
	display:none;

}

.left_side ul li[level="0"] span.leftCellLabel
{
	font-style:var(--font-style-default-C-4,italic);
	font-weight:var(--font-weight-default-C-4, normal);
	font-size:var(--font-size-default-C-4, 16px);
	color: var(--color-default-H-4,#8D8D8D);	
}
.left_side ul li[level="1"] span.leftCellLabel
{
	font-style:var(--font-style-default-C-3,normal);
	font-weight: var(--font-weight-default-C-3,bold);
	font-size:var(--font-size-default-C-3,16px) ;
	color: var(--color-default-H-2,#333333);	
}
.left_side ul li[level="2"] span.leftCellLabel,
.left_side ul li[level="3"] span.leftCellLabel,
.left_side ul li[level="4"] span.leftCellLabel
{
	font-style:var(--font-style-default-C-1,normal);
	font-weight:var(--font-weight-default-C-1,normal);
	font-size: var(--font-size-default-C-1,16px);
	color: var(--color-default-H-2,#333333);	
}

.dynamic .wait 
{
	font-size:var(--font-size-default-C-2,35px);
	color:var(--color-default-H-18,#8D8D8D);
	margin-top:15%;
}
.right_side_up
{	
	white-space: pre-wrap;  
	word-wrap: break-word;
}
.time_left
{
	text-align: right;
	color: var(--color-default-H-19,#000000);
	height: 25px;
	font-size: var(--font-size-default-C-8,11pt);
}
.k-rtl .time_left{
	padding-right:15px;
}
.dynamic
{	
	display:block;
	padding-top:10px;
	margin:0;
	text-align:center;
	border: none;
}
.dynamic li {
	display:block;
	padding: 0;
	margin:0;
}
.dynamic li span.right_side_up
{
	line-height:25px;
	text-align:center;
	border: none;
}
.fixed{
	border: none;	
}

.fixed li[id="RowItem_Number_5"][Level="0"] {
	padding-top: 12%;
}
.fixed .Progressbar[Level="5"],
.fixed li[id="RowItem_Number_5"][Level="5"]{
	display:none;
}
.fixed .Progressbar[Level="0"] {
	display:inline-block;
	width:95%;
	height:15px;
	margin-right:2%;
	border-radius:0px;
	border:none;
	background-color:var(--color-default-L-6,#dce0e6);
}
/********************************************** VISUTRACE_LAYOUT**********************************************/
#rapportPanel{
	padding-right : 0px;
	margin:0;
}
.k-rtl #rapportPanel{
	padding-right : 15px;
}
#rapportPanel div.k-treeview{
	overflow-x:hidden !important;
	overflow-y:auto !important;
	padding:0;
	margin:0;
}
#linkTrace{
	padding-left: 0px;
        overflow:auto;
        height: auto !important;
}
[AppId="superviseur"] #linkTrace{
	border:1px solid var(--color-default-D9-1,#939fb1) !important;
}
[wndstyle="MODALPOPUP"] #linkTrace,
[wndstyle="APPMODALPOPUP"] #linkTrace{
	margin-left:10px;
	margin-right:10px;
}
#linkTrace div:first-child{
	padding:5px 10px;
	color:var(--color-default-D9-2,#333); 
	font-size:var(--font-size-default-T-2,13px);
}
#linkTrace table tbody tr td{
	padding-left:5px;
	padding-right:5px;
}
.GriddJDD .k-grid-content{
	max-height:182px;
}
.PanelbarJDD .k-grid{
	max-height:176px;	
	overflow-y:auto;
}
/************************** Style des courbes (bogue 45349)******************************/
#mesures_content .oscillo_chart .k-chart{
	height:478px;
}
#mesures_content .oscillo_chart{
	display:inline-block; 
	width:100%; 
	padding-left:0 !important;
	padding-right:0 !important;
	}
#mesures_content .refchart{
	margin-right:15px;
}
.k-rtl #mesures_content .refchart{
	margin-left:15px;
}
/********************************************** Responsive**********************************************/
@media only screen and (min-device-height: 1200px) and (device-width: 1920px){
/************************** Style des courbes (bogue 45349)******************************/
	/*RichEcuDatachart*/
	#mesures_content .RichEcuDatachart.k-chart{
		height: 697px;
		width: 1572px;
	}
	/*Refcurve*/
	#mesures_content .Measurechart.k-chart{
		height:580px;
		width: 725px!important;

	}	
	#mesures_content .refchart.k-chart{
		height:580px;
		width: 725px!important;
	}
	#mesures_content .oscillo_chart.k-chart{
		height: 481px;
		width: 600px;
		margin-bottom: 118px;
	}
	#xpert_content .panelbar .k-chart,#diagnostic_content .panelbar .k-chart{
		width: 1873px;
	}
	#traces_content .panelbar .chart{
		width:1502px;
	}	
}
@media only screen and (max-height: 1200px) and (max-width: 1920px){
	.left_side,
	.right_side
	{
		height: 660px;
	}
	/***List Layout**/
	.list-layout{
		height: 910px;
	}
	.list-layout-2{
		height:800px;
	}
	/***JumpPanel***/
	.slide-in-share{height: 87.8%;}
	.slide-in-share nav li[Level="3"]{
		margin-top: 101.1%;
	}
	.slide-in-share nav li .volet-label-title{
		width:95% ;
	}
	/***Popup SimpleLayout***/
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window,
	.DefaultLayout[patternname="PRINT_LAYOUT"] .body-window {
		height:410px;
	}
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window .window-container,
    .DefaultLayout[patternname="PRINT_LAYOUT"] .body-window .window-container{
		width: 960px;
	}
	.menu-content  {
		width: 745px;
		height:753px;
	}
	.text-center-content{
		height:910px;
	}
	.text-center-content img {
		max-height:620px;
	}
	.text-center-bloc{
		width:1890px;
	}
	/***HelpText POPUP*/
	.helpText{
		width:98%;
	}
    #rapportContainer,
    #rapportPanel div.k-treeview{
		height:910px;
	}
	[wndstyle="MODALPOPUP"] #linkTrace,
	[wndstyle="APPMODALPOPUP"] #linkTrace{
		max-height:800px;
		min-height:800px;
	}
	[wndstyle="STD"] #linkTrace{
		max-height:910px;
		min-height:910px;
	}
/*******slider******/
	.minVal{
		left:254px !important;
	}
	.maxVal{
		right:254px !important;
	}
	[wndstyle = "APPMODALPOPUP"] .ECUDATA_2_LAYOUT ,[wndstyle="MODALPOPUP"]  .ECUDATA_2_LAYOUT {
		max-height: 615px;
	}
}
@media only screen and (min-device-height: 1080px) and (max-device-height: 1199px) and (device-width: 1920px){
	.left_side,
	.right_side
	{
		height: 660px;
	}
/***List Layout***/
	.list-layout{
		height:535px;
	}
	.list-layout-2{
		height:695px;
	}
	/***JumpPanel***/
	.slide-in-share{height: 86.1%;}
	.slide-in-share nav li[Level="3"]{
		margin-top: 89.1%;
	}
	.slide-in-share nav li .volet-label-title{
		width:95% ;
	}
	/***Popup SimpleLayout***/
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window,
	.DefaultLayout[patternname="PRINT_LAYOUT"] .body-window {
		height:350px;
	}
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window .window-container,
    .DefaultLayout[patternname="PRINT_LAYOUT"] .body-window .window-container{
		width: 960px;
	}
	.menu-content  {
		width: 745px;
		height:753px;
	}
	.text-center-content{
		height:795px;
	}
	.text-center-content img {
		max-height:620px;
	}
	.text-center-bloc{
		width:1890px;
	}
	/***HelpText POPUP*/
	.helpText{
		width:97.1%;
	}
    #rapportContainer,
    #rapportPanel div.k-treeview{
		height:790px;
	}
	[wndstyle="MODALPOPUP"] #linkTrace,
	[wndstyle="APPMODALPOPUP"] #linkTrace{
		max-height:664px;
		min-height:664px;
	}
	[wndstyle="STD"]  #linkTrace{
		max-height:790px;
		min-height:790px;
	}
	/************************** Style des courbes (bogue 45349)******************************/
	/*RichEcuDatachart*/
	#mesures_content .RichEcuDatachart.k-chart{
		height: 697px;
		width: 1530px;
	}
	/*Refcurve*/
	#mesures_content .Measurechart.k-chart{
		height:580px;
		width: 725px!important;
	}
	#mesures_content .refchart.k-chart{
		height:580px;
		width: 725px!important;
	}		
	#mesures_content .oscillo_chart.k-chart {
		height: 481px;
		width: 600px;
		margin-bottom: 118px;
	}
	#xpert_content .panelbar .k-chart,#diagnostic_content .panelbar .k-chart{
		width: 1895px;;
	}
	#traces_content .panelbar .chart{
		width:1506px;
	}
/*******slider******/
	.minVal{
		left:254px !important;
	}
	.maxVal{
		right:254px !important;
	}
	[wndstyle = "APPMODALPOPUP"] .ECUDATA_2_LAYOUT ,[wndstyle="MODALPOPUP"]  .ECUDATA_2_LAYOUT {
		max-height: 535px;
	}
}
@media only screen and (max-device-width: 1600px) and (max-device-height: 900px) {
	.left_side,
	.right_side
	{
		height: 474px;
	}
/***JumpPanel***/
	.slide-in-share{height: 83.1%;}
	.slide-in-share nav li[Level="3"]{
		margin-top: 84.6% ;
	}
	.slide-in-share nav li .volet-label-title{
		width:95% ;
	}
/***List Layout***/
	.list-layout{
		height:604px;
	}
	.list-layout-2{
		height:513px;
	}
	
/***Popup SimpleLayout***/
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window{
		height:264px;
	}
	.DefaultLayout[patternname="PRINT_LAYOUT"] .body-window {
		height:155px;
	}
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window .window-container,
    .DefaultLayout[patternname="PRINT_LAYOUT"] .body-window .window-container{
		width: 879px;
	}
	.menu-content  {
		width: 748px;
		height:625px;
	}
	.text-center-content{
		height:620px;
	}	
    .text-center-content{
		height:620px;
	}
	
	.text-center-content img {
		max-height:620px;
	}
	.text-center-bloc{
		width:1600px;
	}
	/***HelpText POPUP*/
	.helpText{
		width:97.1%;
	}
	#rapportContainer{
		height:605px;
	}
	[wndstyle="MODALPOPUP"] #linkTrace,
	[wndstyle="APPMODALPOPUP"] #linkTrace{
		max-height:521px;
		min-height:521px;
	}
	[wndstyle="STD"]  #linkTrace{
	max-height:600px ;
	min-height:600px ;
	}
	#rapportPanel div.k-treeview	{
		max-height:600px;
	}
	[wndstyle = "APPMODALPOPUP"] .ECUDATA_2_LAYOUT ,[wndstyle="MODALPOPUP"]  .ECUDATA_2_LAYOUT  {
		max-height: 416px;
	}
	/************************** Style des courbes (bogue 45349)******************************/
	#mesures_content .oscillo_chart.k-chart{
		height:428px;
		width:513px;
	}
	/*RichEcuDatachart*/
	#mesures_content .RichEcuDatachart.k-chart	{
		height: 509px;
		width:1306px;
	}
	/*Refcurve*/
	#mesures_content .Measurechart.k-chart{
		height:450px;
		width: 562px!important;
	}
	#mesures_content .refchart.k-chart{
		height:450px;
		width: 562px!important;
	}
	#xpert_content .panelbar .k-chart,#diagnostic_content .panelbar .k-chart{
		width: 1554px;;
	}
	#traces_content .panelbar .chart{
		width:1218px;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) and (max-height: 768px){
	.left_side,
	.right_side
	{
		height: 474px;
	}
	.menu-content{
		 width: 749px;
		 height:441px;  
	}
}
@media screen and (max-width: 1366px) and (max-height: 768px){
	.left_side,
	.right_side
	{
		height: 474px;
	}
/***JumpPanel***/
	.slide-in-share nav li[Level="3"]{
		margin-top: 79.1% ;
	}
	.slide-in-share{height: 79.8%;}
	.text-center-bloc{
		width:1330px;
	}	
	.helpText{
		width:96.5%;
	}
/****slider*******/
	 .minVal{
		left:80px !important;
	}
	 .maxVal{
		right:80px !important;
	}
	/************************** Style des courbes (bogue 45349)******************************/
	#mesures_content .oscillo_chart.k-chart{
		height:298px;
		width : 420px;
	}
	#mesures_content .RichEcuDatachart.k-chart{
		width : 1110px;
	}
	#xpert_content .panelbar .k-chart,#diagnostic_content .panelbar .k-chart{
		width: 1302px;
	}
	#traces_content .panelbar .chart{
		width:1027px;
	}
}
@media screen and (max-width: 1360px) and (max-height: 768px){
/************************** Style des courbes (bogue 45349)******************************/
	#xpert_content .panelbar .k-chart,#diagnostic_content .panelbar .k-chart{
		width: 1297px;
	}
}
@media screen and (max-width: 1280px){
/************************** Style des courbes (bogue 45349)******************************/
	#xpert_content .panelbar .k-chart,#diagnostic_content .panelbar .k-chart{
		width: 1216px;
	}
}	
@media screen and (max-width: 1280px) and (max-height: 768px) {
	 .left_side,
	 .right_side
	{
		height: 474px;
	}
/***JumpPanel***/
	.slide-in-share nav li[Level="3"]{
		margin-top: 85.1% ;
	}
	.slide-in-share{height: 79.8%;}
	.text-center-bloc{
		width:1280px;
	}
	.helpText{
		width:96.4%;
	
	}
/*****Slider*******/
	.minVal{
		left:70 !important;
	}
	.maxVal{
		right:70!important;
	}
	/************************** Style des courbes (bogue 45349)******************************/
	#mesures_content .oscillo_chart.k-chart{
		height:297px;
		width : 400px;
	}
	#mesures_content .RichEcuDatachart.k-chart{
		width : 1035px;
	}
	#traces_content .panelbar .chart{
		width:963px;
	}
}
@media screen and (max-width: 1024px) and (max-height: 768px){
	.left_side,
	.right_side
	{
		height: 474px;
	}
/***JumpPanel***/
	.slide-in-share nav li[Level="3"]{
		margin-top: 106.1% ;
	}
	.slide-in-share{height: 79.8%;}
	.menu-content{
		 width: 599px;
		 height:441px;
	}
	.text-center-bloc{
		width:1024px;
	}
	/***HelpText POPUP*/
	.helpText{
		width:95.6%;
	}
/******Slider*****/
	
	.minVal{	
		left: 0px !important;	
	}
	.maxVal{
		right: 0px !important;
	}
	/************************** Style des courbes (bogue 45349)******************************/
	#mesures_content .RichEcuDatachart.k-chart{
			width : 815px;
		}
	#mesures_content .oscillo_chart.k-chart{
		width:320px;
	}
	#xpert_content .panelbar .k-chart,#diagnostic_content .panelbar .k-chart{
		width: 961px;
	}
	#traces_content .panelbar .chart{
		width:770px;
	}
}
@media screen  and (min-height: 601px) and (max-height: 768px){
	.left_side,
	.right_side
	{
		height: 474px;
	}	
/***Popup SimpleLayout***/
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window {
		height:204px;
	}
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window .window-container,
    .DefaultLayout[patternname="PRINT_LAYOUT"] .body-window .window-container{
		width: 800px;
	}
	.DefaultLayout[patternname="PRINT_LAYOUT"] .body-window {
		height:255px;
	}
/***List Layout***/
	.list-layout{
		height:475px;
	}
	.list-layout-2{
		height:380px;
	}
	.text-center-content {
		height: 455px;
	}
	.text-center-content img {
		max-height:455px;
	}
	#rapportPanel div.k-treeview{
		height:468px;
	}
	#rapportContainer{
		height:468px;
	}
	[wndstyle="MODALPOPUP"] #linkTrace,
	[wndstyle="APPMODALPOPUP"] #linkTrace{
		max-height:385px;
		min-height:385px;
	}
	[wndstyle="STD"] #linkTrace{
		max-height:468px ;
		min-height:468px ;
	}
	.GriddJDD .k-grid-content{
		max-height:160px;
	}
	[appid="superviseur"] .GriddJDD .k-grid-content{
		max-height:150px;
	}
	[wndstyle = "APPMODALPOPUP"] .ECUDATA_2_LAYOUT ,[wndstyle="MODALPOPUP"]  .ECUDATA_2_LAYOUT  {
		max-height:315px;
	}
	/************************** Style des courbes (bogue 45349)******************************/
	#mesures_content .RichEcuDatachart.k-chart{
		height: 394px;
	}
	/*Refcurve*/
	#mesures_content .Measurechart.k-chart{
		height:328px;
			width: 410px!important;
	}
	#mesures_content .refchart.k-chart{
		height:328px;
		width: 410px!important;
	}
}
 @media only screen and (min-height: 801px) and (max-height: 1024px) and (max-width: 1280px) {
	.left_side,
	.right_side
	{
		height: 474px;
	}
 /***JumpPanel***/
	.slide-in-share{height: 85.6%;}
/***Popup SimpleLayout***/
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window,
	.DefaultLayout[patternname="PRINT_LAYOUT"] .body-window {
		height:330px;
	}
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window .window-container,
    .DefaultLayout[patternname="PRINT_LAYOUT"] .body-window .window-container{
		width: 830px;
	}
/***List Layout***/
	.list-layout{
		height:727px;
	}
	.list-layout-2{
		height:639px;
	}
	.menu-content{
	    width: 598px;
	    height:700px;
	}
	.text-center-content {
		height: 740px;
	}	
	.text-center-content img {
		max-height:740px;
	}
	.helpText{
		width:96.4%;
	
	}
	#rapportContainer{
		max-height:731px;
	}
	[wndstyle="MODALPOPUP"] #linkTrace,
	[wndstyle="APPMODALPOPUP"] #linkTrace{
		max-height:630px;
		min-height:630px;
	}
	[wndstyle ="STD"] #linkTrace{
		max-height:731px;
		min-height:731px;
	}
	#rapportPanel div.k-treeview{
		max-height:720px;
	}
/*****Slider*******/
	.minVal{
		left:70 !important;
	 }
	.maxVal{
		right:70!important;
	 }
	 [wndstyle = "APPMODALPOPUP"] .ECUDATA_2_LAYOUT ,[wndstyle="MODALPOPUP"]  .ECUDATA_2_LAYOUT {
		max-height: 489px;
	}
	/************************** Style des courbes (bogue 45349)******************************/
	#mesures_content .RichEcuDatachart.k-chart {
		height: 600px !important;
		width: 1043px !important;
	}
	#mesures_content .oscillo_chart.k-chart {
		width: 400px;
		height: 400px;
		margin-bottom: 148px;
	} 
	/*Refcurve*/
	#mesures_content .Measurechart.k-chart{
		height:530px;
		width:662px!important;
	}
	#mesures_content .refchart.k-chart{
		height:530px;
		width: 662px!important;
	}
	#traces_content .panelbar .chart{
		width:959px;
	}
 }
@media screen and (max-device-height: 800px) and (min-device-height: 769px) {
	.left_side,
	.right_side
	{
		height: 474px;
	}
 /***JumpPanel***/
	.slide-in-share{height: 80.8%;}
/***Popup SimpleLayout***/
	.DefaultLayout[patternname="SIMPLE_LAYOUT"] .body-window,
	.DefaultLayout[patternname="PRINT_LAYOUT"] .body-window {
		height:220px;
	}
/***List Layout***/
	.list-layout{
		height:510px;
	}
	.list-layout-2{
		height:415px;
	}
	.menu-content{
		height:473px;
	}
	.text-center-content {
		height: 510px;
	}
	 .text-center-content img {
		max-height:510px;
	}
	#rapportContainer{
		max-height:509px;
	}
	[wndstyle="MODALPOPUP"] #linkTrace,
	[wndstyle="APPMODALPOPUP"] #linkTrace{
		max-height:409px;
		min-height:409px;
	}
	[wndstyle ="STD"] #linkTrace{
		max-height:509px;
		min-height:509px;
	}
	#rapportPanel div.k-treeview{
		max-height:500px;
	}
	[wndstyle = "APPMODALPOPUP"] .ECUDATA_2_LAYOUT ,[wndstyle="MODALPOPUP"]  .ECUDATA_2_LAYOUT  {
		max-height: 337px;
	}
	/************************** Style des courbes (bogue 45349)******************************/
	#mesures_content .oscillo_chart.k-chart{
		height:330px;
		width:420px;
	}
	/*RichEcuDatachart*/
	#mesures_content .RichEcuDatachart.k-chart{
		height:419px;
		width:1038px;
	}
	/*Refcurve*/
	#mesures_content .Measurechart.k-chart{
		height:345px;
		width: 431px!important;
	}
	#mesures_content .refchart.k-chart{
		height:345px;
		width: 431px!important;
	}
	#traces_content .panelbar .chart{
		width:958px;
	}
}

@media only screen and (max-device-width: 1360px){
	.left_side,
	.right_side
	{
		height: 474px;
	}
	.text-center-bloc{
		width:1360px;
		
	}	
}


/**********************************TOOLTIP ERREUR MSG********************************/
.k-widget.k-tooltip.k-invalid-msg{
	background: var(--color-default-N-5,#F00000) !important;
	border-color: var(--color-default-N-6,#FC1B2B) !important;
	font-size:var(--font-size-default-L-1,13px) !important;
	border-radius:0 !important;
}
.k-widget.k-tooltip.k-invalid-msg .k-icon.k-warning{

	background:var(--color-default-N-8,transparent) !important;
}
.k-widget.k-tooltip.k-invalid-msg .k-icon.k-warning:before{
    content: "\f06a"!important;
	display: inline-block;
    font: var(--font-weight-default-L-2,normal) var(--font-style-default-L-2,normal) normal var(--font-size-default-L-2,16px)/1 var(--font-family-default-L-2,FontAwesome);
	color:var(--color-default-N-1,#FFFFFF);

}

.inactivefilter{
	display:inline-block;
	height:38px; 
	width:32px;
	background:url("../../../img/inactivefilter.png") no-repeat bottom ;
	background-position:0px 7px;
	margin-top:5px;
}

.activefilter{
	display:inline-block;
	height:38px; 
	width:32px;
	background:url("../../../img/activefilter.png") no-repeat bottom ;
	background-position:0px 7px;
	margin-top:5px;
}
/*** [ECUDATA] HTML textarea element non resizable ***/
textarea.ECUTextArea {
	resize: none;
}
[patternname=ECUDATA_2_LAYOUT] #tables-container input:-moz-read-only,
[patternname=ECUDATA_3_LAYOUT] #tables-container input:-moz-read-only
{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

[patternname=ECUDATA_2_LAYOUT] #tables-container input:read-only,
[patternname=ECUDATA_3_LAYOUT] #tables-container input:read-only
{
	user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
}


/***Popup ECUDATA_2_LAYOUT***/
[wndstyle = "APPMODALPOPUP"]  .ECUDATA_2_LAYOUT ,[wndstyle="MODALPOPUP"]  .ECUDATA_2_LAYOUT   {
	overflow: auto;
	margin-top:15px;
}
/**********************************************5.5 AOBT_STD_LAYOUT*********************************************/

[wndstyle="STD"] .aobt-content {
	border:1px solid var(--color-default-F5-1,#DEDEDE);
	height: 300px;
	line-height: 300px;
	text-align: center;
	position: relative;
}
[wndstyle="STD"] .aobt-content:before{
    content:'';
    width:100%;
    height:300px;
    position:absolute;
    top:0;
    left:0;
    opacity:0.4;
	background-image:url("../../../img/BT/popup.jpg");
}
[wndstyle="STD"] .aobt-content .quality-signal div
{	
	float: right;
	width: 161px;
	height: 175px;
	
}
[wndstyle="STD"] .aobt-content .quality-signal div[Level="1"]{
	background-image:url("../../../img/BT/NO_SIGNAL.png");
}
[wndstyle="STD"] .aobt-content .quality-signal div[Level="2"]
{
	background-image:url("../../../img/BT/WEAK_SIGNAL.png");
}
[wndstyle="STD"] .aobt-content .quality-signal div[Level="3"]
{
	background-image:url("../../../img/BT/KO_SIGNAL.png");
}
[wndstyle="STD"] .aobt-content .quality-signal div[Level="4"]
{
	background-image:url("../../../img/BT/OK_SIGNAL_1.png");
}
[wndstyle="STD"] .aobt-content .quality-signal div[Level="5"]
{
	background-image:url("../../../img/BT/OK_SIGNAL_2.png");
}
[wndstyle="STD"] .aobt-content .quality-signal div[Level="6"]
{
	background-image:url("../../../img/BT/FULL_SIGNAL.png");
}

[wndstyle="STD"] .aobt-content .measured-quality-signal div
{
	width: 468px;
	height: 129px;
	display: inline-block;
}
[wndstyle="STD"] .aobt-content .measured-quality-signal div[Level="1"]
{
	background-image:url("../../../img/BT/QUALITY_NO.png");
}
[wndstyle="STD"] .aobt-content .measured-quality-signal div[level="2"]
{
	background-image:url("../../../img/BT/QUALITY_YES.png");
}

[wndstyle="STD"] .message-addon
{
	border: 1px solid var(--color-default-F5-1,#DEDEDE);
	width: 100%;
	margin: 10px 0px;
	padding: 5px;
	text-align: center;
}
[wndstyle="STD"] .message-addon span {
	font-weight:var(--font-weight-default-H-6 bold);
	font-size:var(--font-size-default-H-6,18px);
	color: var(--color-default-F5-2,#333333);
}
[wndstyle="STD"] .signal .aobt
{
	display: inline-block;
	width: 40%;
	float: left;
}
[wndstyle="STD"] .signal
{
	padding: 5% 0px;
	height: 100%;
}
[wndstyle="STD"] .quality-signal
{
	width:36%;
	float: left;
	display : inline-block;
}
[wndstyle="STD"] .aobt .id-aobt
{
	font-size: var(--font-size-default-H-9,large);
	font-weight: var(--font-weight-default-H-9,bold);
	height: 20px;
	line-height: 20px;
	color: var(--color-default-F5-2,#333333);
}
.ECUgridContainer .input-combo {
	color:var(--color-default-A-10,black) !important;
}
.ECUlabel label{
	font-size:var(--font-size-default-H-2,16px);
	font-weight:var(--font-weight-default-H-2,bold);
	color:var(--color-default-F3-4,#333333);
}
/************** Grid Scrollbar Management ****************/
.no-scrollbar .k-grid-header
{
padding: 0 !important;
}

.no-scrollbar .k-grid-content
{
overflow-y: visible;
}
/***********************************************Slider**************************************************/
	 .k-slider .k-button {
		border-radius: 4px !important;
		width:20px !important;
		top:7%!important;
	}
	 .k-slider-track{
		border-radius: 1px !important;  
	}
	 .k-draghandle{ 
	  border-radius : 2px!important;
	}
	 .k-slider .k-draghandle,
	 .k-draghandle,
	 .k-draghandle.k-state-focused.k-state-selected,
	 .k-draghandle.k-state-focused,
	 .k-draghandle.k-state-selected{
		position: absolute;
		border:1px solid var(--color-default-E2-3,#DEDEDE)!important;
		background-color: var(--color-default-E2-9,white)!important;
		box-shadow: 0px 1px 1px 0px var(--color-default-E2-8,rgba(95, 95, 95, 0.3))!important;
		width: 12px!important;
		height: 13px!important;
	}
	 .k-draghandle.k-state-selected:hover{
		background-color:var(--color-default-E2-12,#DEDEDE)!important;
	}
	 .k-draghandle:hover{
		background-image: none,linear-gradient(to bottom,var(--color-default-E2-12,#DEDEDE) 0,var(--color-default-E2-12,#DEDEDE) 100%) !important;
		 background-image: none,-webkit-linear-gradient(to bottom,var(--color-default-E2-12,#DEDEDE) 0,var(--color-default-E2-12,#DEDEDE) 100%) !important;
		 background-image: none,-moz-linear-gradient(to bottom,var(--color-default-E2-12,#DEDEDE) 0,var(--color-default-E2-12,#DEDEDE) 100%) !important;
	}
	 .k-slider-horizontal{
			width:500px;
	}
	 .k-slider-horizontal .k-slider-buttons .k-slider-track,
	 .k-slider-horizontal .k-slider-selection {
		height:6px;
	}
	 div.k-slider{
		margin-bottom:9px!important;
	}
	 .minVal, 
	 .maxVal
	{
		position: absolute;
		padding: 3px 5px;
		font-size: var(--font-size-default-P-6,12px);
		top: 14px;
		border-radius: 2px;
		z-index: 2147483647;
		background: var(--color-default-E2-10,#C78B69);
		color: var(--color-default-E2-11,white);
		text-align: center;
		vertical-align: middle;
		border:2px solid var(--color-default-E2-10,#C78B69);
		
	}
	 .labelVal{
		display:inline-block;
	}
	 .slidecpt{
		position:relative;
		width:100%;
		padding:20px 0 0px 0;
		
	}
	.minVal{	
			left: 158px;	
		}
	 .curVal{
		left: 47%;
		display: inline-block;
		position: absolute;
		top: 5px;
		
	}

	.maxVal{
		right: 158px;
	}

/*************************************/	
/***** KENDO 2017 STYLE UPDATES *****/
/***********************************/

/* alt grid ligne color style (selected/ hover) */	
.k-grid td.k-state-selected:hover, 
.k-grid tr:hover{
	background-color: var(--color-default-A-20,transparent) !important;
}
.k-grid .k-alt:not(.k-state-selected) td.k-state-selected:hover, 
.k-grid tr.k-alt:not(.k-state-selected):hover{
	background-color: var(--color-default-A-2,#F5F5F5) !important;
}

/* disable close icon on input components*/
.k-autocomplete.k-state-focused > .k-i-close,
.k-autocomplete.k-state-hover > .k-i-close,
.k-combobox > .k-dropdown-wrap.k-state-focused > .k-i-close,
.k-combobox > .k-dropdown-wrap.k-state-hover > .k-i-close{
	display: none !important;
}

/* disable green bottom border input dropdown component*/
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-active{
	border-color: var(--color-default-B-13,transparent) !important;
	background-image: none !important;
	background-color: var(--color-default-B-13,transparent) !important;
	box-shadow: none !important;
}
.k-dropdown-wrap.k-state-hover {
	border:0 !important;
	background-color: var(--color-default-B-13,transparent) !important;
	background-image: none !important;
}

/* disable menu content right default arrow*/
.k-i-arrow-60-right::before,
.k-i-arrow-60-left::before,
.GridExpert .k-hierarchy-cell .k-icon.k-i-expand::before,
.GridExpert .k-hierarchy-cell .k-icon.k-i-collapse::before,
.GridSuperviseur .k-hierarchy-cell .k-icon.k-i-collapse::before,
.GridSuperviseur .k-hierarchy-cell .k-icon.k-i-expand::before,
.PanelbarJDD .k-icon.k-panelbar-collapse::before,
.PanelbarJDD .k-icon.k-panelbar-expand::before,
.PanelbarJDD .k-icon.k-panelbar-collapse::before,
.PanelbarJDD .k-icon.k-panelbar-expand::before{
	content: "";
}

/*change panelbar expand/ sort-desc icon*/
.panelbar .k-panelbar-expand::before,
.k-i-sort-desc-sm::before{
	content:"\e015";
	color:var(--color-default-Y-18,#ffffff);
}

/*change panelbar collapse/ sort-asc icon*/
.panelbar .k-panelbar-collapse::before,
.k-i-sort-asc-sm::before{
	content:"\e013";
	color:var(--color-default-Y-18,#ffffff);
}

/*traces tab header column icon*/
.k-icon.k-i-columns{
	display: none;
}

/*traces tab header filter icon*/
.tracesGrid .k-icon.k-i-more-vertical::before{
	content: "\e12b";
	color:var(--color-default-Y-18,#ffffff);
	font-size: small;
}
.tracesGrid .k-icon.k-i-more-vertical{
	border: 1px solid var(--color-default-Y-18,#ffffff);
	border-radius: 50%;
	width: 13px;
	height: 12px;
}

/*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 {
    color: var(--color-default-F6-1,#FFF);
    background-color : var(--color-default-F6-2,#778395);
    border-color: var(--color-default-F6-2,#778395);
    background-image: none !important;
}

.k-button:focus:not(.k-state-disabled):not([disabled]),
.k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused,
.k-window
{
	box-shadow: none !important;
}

.backgroundVoletTransparent{
	background-color :var(--color-default-Z-12,rgba(88,88,88,0.4));
}
.backgroundVoletOpaque{
	background-color :var(--color-default-Z-11,rgba(88,88,88,1));
}