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

}
#nav-config.accueilDropdownMenu .dropdown-menu li i:hover{
	color:var(--color-accueil-P-7,#FFFFFF);
}
#nav-config.accueilDropdownMenu .dropdown-menu .historique li a:hover,
#nav-config.accueilDropdownMenu .dropdown-menu .historique li a:focus,
#nav-config.accueilDropdownMenu .dropdown-menu .historique li a:active
{
	color: var(--color-accueil-P-6,#C5474A);
}
 
/**********************************************1.1 Font Citroen + Peaugeot**********************************************/
@font-face {
    font-family: "citroenBoldItalic";
    src: url('font/citroen/Citroen Bold Italic.otf') format("opentype") ;
}

@font-face {
    font-family: "citroen";
    font-style: var(--font-style-specific-1,normal);
    font-weight: var(--font-weight-specific-1,bold);
    src: url("font/citroen/Citroen Bold.otf") format("opentype");
}

@font-face {
    font-family: "peugeot";
    font-style: var(--font-style-specific-3,normal);
    font-weight: var(--font-weight-specific-3,bold);
    src: url("font/peugeot/Peugeot Expanded Bold.otf") format("opentype");
}
/**********************************************2.2 Model Layout**********************************************/

#diagbox-page .breadCrumb{
	display:none;

}
/*****Menu choix de véhicule*****/
.list-marque  .img_logo{
	width:150px;
	height:150px;
}
.menu-content{
	margin-top:41px;
}
.menu-content ul li.k-item,
.k-rtl .menu-content ul li.k-item{
	background:var(--color-accueil-M-1,#e2ded7);
    border-bottom:3px solid var(--color-accueil-M-2,#c8c3b9);
}
.menu-content ul li.k-item.noChanges{
	background: var(--color-accueil-M-1,#e2ded7)!important;
   	border-bottom:3px solid var(--color-accueil-M-2,,#c8c3b9)!important;
}
.menu-content ul li.k-item.noChanges a{
	color: var(--color-accueil-M-3,#4d4141)!important;
}
.menu-content ul li.k-item>.k-link{
	display:inline-block;
	width:90%;
	color:var(--color-accueil-M-3,#4d4141) !important;
}
.menu-content a{
	color:var(--color-accueil-M-3,#4d4141);
}
/*KENDO 2017 UPDATE k-i-arrow-e -> k-i-arrow-60-right*/
.menu-content .k-item .k-icon.k-i-arrow-60-right,
.menu-content .k-item .k-icon.k-i-arrow-60-left{
	height: 41px;
	width: 11px;
	position:absolute;
	top: 50%;
	margin : -20px 0px 0px;
	right: 0;
	background: url("../img/icons/arrows-default.png") no-repeat right;
	border:0;
	box-shadow:none;

}
/*KENDO 2017 UPDATE k-i-arrow-e -> */
.k-rtl .menu-content .k-item .k-icon.k-i-arrow-60-right,
.k-rtl .menu-content .k-item .k-icon.k-i-arrow-60-left{
	left: 0px;
	transform: scale(-1,1);
}
.k-rtl .menu-content .k-item .k-icon.k-i-arrow-60-left{
	right: auto;
	position: absolute;
}

.menu-content input[type="checkbox"]{
	display: inline-block;
	float: left;
	width:15px; 
	height:15px;
	margin:0 5px 0 0;
	border:1px solid #000;
}
.menu-content li ul.k-group  input[type="checkbox"]{

	display: inline-block;
	float: left;
	width:15px; 
	height:15px;
	margin:0px 5px 0px 0px;
}
.k-rtl .menu-content input[type="checkbox"],
.k-rtl .menu-content li ul.k-group  input[type="checkbox"]{
	float: right;
	margin:0px 0px 0px 4px;
}

.menu-content li ul.k-group .doubleli input[type="checkbox"]{
	margin-top:0px;
}
.menu-content ul li.k-item.doubleli{
	padding-top: 5px !important;
}

/***************Peugeot Vehicle**********/

.peugeotvehicle .k-item>.k-link{
	font-family: var(--font-family-specific-3,"peugeot");
}
/*KENDO 2017 UPDATE k-i-arrow-e -> k-i-arrow-60-right*/
.peugeotvehicle li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-right,
.peugeotvehicle li.k-item:hover .k-icon.k-i-arrow-60-right,
.peugeotvehicle li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-left,
.peugeotvehicle li.k-item:hover .k-icon.k-i-arrow-60-left{
	background: url("../img/icons/im2-hover.png") no-repeat right;
}
.peugeotvehicle li.k-item.noChanges.k-state-default.k-state-hover .k-icon.k-i-arrow-60-right,
.peugeotvehicle li.k-item.noChanges:hover .k-icon.k-i-arrow-60-right,
.peugeotvehicle li.k-item.noChanges.k-state-default.k-state-hover .k-icon.k-i-arrow-60-left,
.peugeotvehicle li.k-item.noChanges:hover .k-icon.k-i-arrow-60-left{
	background: url("../img/icons/arrows-default.png") no-repeat right!important;
}
.menu-content li ul.k-group {
	width:140px;
	padding: 0px;
	margin:1px 0 0 0;
	border:0;
	max-height:320px !important;
    overflow-x:hidden !important;
	overflow-y:auto !important; 
	box-shadow:none;
}
.peugeotvehicle li ul.k-group {
	background: var(--color-accueil-F-5,#0101A6);
}
.menu-content li ul.k-group li.k-item   {
    float:left;
	display:block;
    width:137px;
    height: auto;	
    padding:5px 0 0 0 ;
	margin:0 0px 1px 3px;
	white-space: nowrap!important;	
    list-style-type: none;
}

.k-rtl .menu-content li ul.k-group li.k-item{
	border-width: 0px;
	border-right-width: 3px;
}
.peugeotvehicle li ul.k-group li.k-item  {
	background: var(--color-accueil-F-1,#4686F4);
    border-right:3px solid var(--color-accueil-F-5,#0101A6);
}
.peugeotvehicle li ul.k-group li.k-item .k-link,
.citreonvehicle li ul.k-group li.k-item .k-link,
.fengshenvehicle li ul.k-group li.k-item .k-link,
.DSautovehicle li ul.k-group li.k-item .k-link,
.opelvauxhall li ul.k-group li.k-item .k-link
{
	width:92%;
    padding:7px 5px 0px 7px;
    margin:0;
    border-bottom:0;
    color:var(--color-accueil-M-4,#fff)!important;
    font-size: var(--font-size-accueil-K-2,13px) !important;
    text-align: left ;
    font-weight: var(--font-weight-accueil-K-2,bold) !important;
    text-transform:none;
}
.k-rtl .peugeotvehicle li ul.k-group li.k-item .k-link,
.k-rtl .citreonvehicle li ul.k-group li.k-item .k-link,
.k-rtl .fengshenvehicle li ul.k-group li.k-item .k-link,
.k-rtl .DSautovehicle li ul.k-group li.k-item .k-link,
.k-rtl .opelvauxhall li ul.k-group li.k-item .k-link
{
	padding-left: 0.6em !important;
	padding-top:5px;
}
.peugeotvehicle li ul.k-group li.k-item.doubleli .k-link,
.citreonvehicle li ul.k-group li.k-item.doubleli .k-link ,
.fengshenvehicle li ul.k-group li.k-item.doubleli .k-link,
.DSautovehicle li ul.k-group li.k-item.doubleli .k-link,
.opelvauxhall li ul.k-group li.k-item.doubleli .k-link
{
	line-height:15px!important;
	padding-top:5px !important;
	vertical-align:middel;
}

.peugeotvehicle li ul.k-group li a,
.citreonvehicle li ul.k-group li a,
.fengshenvehicle li ul.k-group li a,
.DSautovehicle li ul.k-group li a,
.opelvauxhall li ul.k-group li a
{
	color:var(--color-accueil-M-4,#fff);
	white-space: pre-wrap;
	word-wrap: break-word;
}
.peugeotvehicle li ul.k-group li:hover,
.peugeotvehicle li ul.k-group .k-item.k-state-hover,
.peugeotvehicle li ul.k-group .k-item.k-state-focused,
.peugeotvehicle li ul.k-group li .doubleli:hover{
    background: var(--color-accueil-F-3,#91B8F9) !important;
    border-right:3px solid var(--color-accueil-F-6,#4545F4) !important;
    color:var(--color-accueil-F-4,#fff);
    border-bottom:0;
}
.k-rtl .peugeotvehicle li ul.k-group li:hover,
.k-rtl .peugeotvehicle li ul.k-group .k-item.k-state-hover,
.k-rtl .peugeotvehicle li ul.k-group .k-item.k-state-focused,
.k-rtl .peugeotvehicle li ul.k-group li .doubleli:hover{
    border-left:3px solid var(--color-accueil-F-6,#4545F4) !important;
    border-right:3px solid var(--color-accueil-F-5,#0101A6) !important;
    margin-left: 0px !important;
    width: 140px !important;
}
.peugeotvehicle li ul.k-group li:hover a{
	color:var(--color-accueil-F-4,#fff) !important;
}

/***************Citroen Vehicle**********/

.citreonvehicle .k-item>.k-link,
.fengshenvehicle .k-item>.k-link{
	font-family: var(--font-family-specific-1,"citroen");
}
/*KENDO 2017 UPDATE k-i-arrow-e -> k-i-arrow-60-right*/
.citreonvehicle li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-right,
.citreonvehicle li.k-item:hover .k-icon.k-i-arrow-60-right,
.citreonvehicle li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-left,
.citreonvehicle li.k-item:hover .k-icon.k-i-arrow-60-left{
	background:url("../img/icons/im1-hover.png") no-repeat right;
}

.citreonvehicle li.k-item.noChanges.k-state-default.k-state-hover .k-icon.k-i-arrow-60-right,
.citreonvehicle li.k-item.noChanges:hover .k-icon.k-i-arrow-60-right,
.citreonvehicle li.k-item.noChanges.k-state-default.k-state-hover .k-icon.k-i-arrow-60-left,
.citreonvehicle li.k-item.noChanges:hover .k-icon.k-i-arrow-60-left{
	background:url("../img/icons/arrows-default.png") no-repeat right!important;
}

.citreonvehicle li ul.k-group {
	background: var(--color-accueil-G-5,#840304);
}

.citreonvehicle li ul.k-group li.k-item    {
	background: var(--color-accueil-G-1,#E33737);
    border-right:3px solid var(--color-accueil-G-5,#840304);
}
.citreonvehicle li ul.k-group li:hover,
.citreonvehicle li ul.k-group .k-item.k-state-hover,
.citreonvehicle li ul.k-group .k-item.k-state-focused,
.citreonvehicle li ul.k-group li .doubleli:hover{
	background: var(--color-accueil-G-3,#EC7575) !important;
    border-right:3px solid var(--color-accueil-G-6,#E33737) !important;
	color:var(--color-accueil-G-4,#fff);
    border-bottom:0;
}
.k-rtl .citreonvehicle li ul.k-group li:hover,
.k-rtl .citreonvehicle li ul.k-group .k-item.k-state-hover,
.k-rtl .citreonvehicle li ul.k-group .k-item.k-state-focused,
.k-rtl .citreonvehicle li ul.k-group li .doubleli:hover{
    border-left:3px solid var(--color-accueil-G-6,#E33737) !important;
    border-right:3px solid var(--color-accueil-G-5,#840304) !important;
    margin-left: 0px !important;
    width: 140px !important;
}
.citreonvehicle li ul.k-group li:hover a{color:var(--color-accueil-G-4,#fff) !important;}

/***************fengshenvehicle**********/

/*KENDO 2017 UPDATE k-i-arrow-e -> */
.fengshenvehicle li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-right,
.fengshenvehicle li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-left{
	background: url("../img/icons/im3-hover.png") no-repeat right;
}
.fengshenvehicle li ul.k-group {
	background:var(--color-accueil-A6-5,#e70020);
}
.fengshenvehicle li ul.k-group li.k-item     {

	background: var(--color-accueil-A6-1,#E70020);
    border-right:3px solid var(--color-accueil-A6-5,#e70020);
}
.fengshenvehicle li ul.k-group li:hover,
.fengshenvehicle li ul.k-group .k-item.k-state-hover,
.fengshenvehicle ul.k-group .k-item.k-state-focused,
.fengshenvehicle li ul.k-group li .doubleli:hover{
	background: var(--color-accueil-A6-3,#FF5169) !important;
    border-right:3px solid var(--color-accueil-A6-6,#ff2e4b);	
	color:var(--color-accueil-A6-4,#fff);
}
.k-rtl .fengshenvehicle li ul.k-group li:hover,
.k-rtl .fengshenvehicle li ul.k-group .k-item.k-state-hover,
.k-rtl .fengshenvehicle ul.k-group .k-item.k-state-focused,
.k-rtl .fengshenvehicle li ul.k-group li .doubleli:hover{
    border-left:3px solid var(--color-accueil-A6-3,#ff5169);
    border-right:3px solid var(--color-accueil-A6-5,#e70020) !important;
    margin-left: 0px !important;
    width: 140px !important;
}
.fengshenvehicle li ul.k-group li:hover a{color:var(--color-accueil-A6-4,#FFFFFF) !important;}
.submenuItem-text{
	width:10px;
}
/***************DS AUTOMOBILES**********/
.DSautovehicle .k-item>.k-link{
	font-family:var(--font-family-specific-1,"citroen");
}
.DSautovehicle li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-right,
.DSautovehicle li.k-item:hover .k-icon.k-i-arrow-60-right,
.DSautovehicle li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-left,
.DSautovehicle li.k-item:hover .k-icon.k-i-arrow-60-left{
	background: url("../img/icons/im4-hover.png") no-repeat right;
}

.DSautovehicle li.k-item.noChanges.k-state-default.k-state-hover .k-icon.k-i-arrow-60-right,
.DSautovehicle li.k-item.noChanges:hover .k-icon.k-i-arrow-60-right,
.DSautovehicle li.k-item.noChanges.k-state-default.k-state-hover .k-icon.k-i-arrow-60-left,
.DSautovehicle li.k-item.noChanges:hover .k-icon.k-i-arrow-60-left{
	background: url("../img/icons/arrows-default.png") no-repeat right!important;
}

.DSautovehicle li ul.k-group {
	background:var(--color-accueil-D3-5,#2F2726);
}

.DSautovehicle li ul.k-group li.k-item    {
	background: var(--color-accueil-D3-1,#C4B7A6);
	border-right:3px solid var(--color-accueil-D3-5,#2F2726);
}
.DSautovehicle li ul.k-group li:hover,
.DSautovehicle li ul.k-group .k-item.k-state-hover,
.DSautovehicle li ul.k-group .k-item.k-state-focused,
.DSautovehicle li ul.k-group li .doubleli:hover{
	background: var(--color-accueil-D3-3,#2F2726) !important;
	border-right:3px solid var(--color-accueil-D3-6,#C4B7A6) !important;
	color:var(--color-accueil-D3-4,#fff);
	border-bottom:0;
}
.DSautovehicle li ul.k-group li:hover a{
	color:var(--color-accueil-D3-4,#fff) !important;
}
.k-rtl .DSautovehicle li ul.k-group li:hover,
.k-rtl .DSautovehicle li ul.k-group .k-item.k-state-hover,
.k-rtl .DSautovehicle li ul.k-group .k-item.k-state-focused,
.k-rtl .DSautovehicle li ul.k-group li .doubleli:hover{
    border-left:3px solid var(--color-accueil-D3-6,#C4B7A6) !important;
    border-right:3px solid var(-color-accueil-D3-5,#2F2726) !important;
    margin-left: 0px !important;
    width: 140px !important;
}
.DSautovehicle li ul.k-group li:hover a{color:var(-color-accueil-D3-4,#FFFFFF) !important;}

/*************** OPELVAUXHALL **********/

.opelvauxhall .k-item>.k-link{
	font-family:var(--font-family-specific-1,"citroen");
}
.opelvauxhall li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-right,
.opelvauxhall li.k-item:hover .k-icon.k-i-arrow-60-right,
.opelvauxhall li.k-item.k-state-default.k-state-hover .k-icon.k-i-arrow-60-left,
.opelvauxhall li.k-item:hover .k-icon.k-i-arrow-60-left{
	background: url("../img/icons/im5-hover.png") no-repeat right;
}

.opelvauxhall li.k-item.noChanges.k-state-default.k-state-hover .k-icon.k-i-arrow-60-right,
.opelvauxhall li.k-item.noChanges:hover .k-icon.k-i-arrow-60-right,
.opelvauxhall li.k-item.noChanges.k-state-default.k-state-hover .k-icon.k-i-arrow-60-left,
.opelvauxhall li.k-item.noChanges:hover .k-icon.k-i-arrow-60-left{
	background: url("../img/icons/arrows-default.png") no-repeat right!important;
}

.opelvauxhall li ul.k-group {
	background:var(--color-accueil-D4-5,#333333);
}

.opelvauxhall li ul.k-group li.k-item    {
	background: var(--color-accueil-D4-1,#7F7F7F);
	border-right:3px solid var(--color-accueil-D4-5,#333333);
}
.opelvauxhall li ul.k-group li:hover,
.opelvauxhall li ul.k-group .k-item.k-state-hover,
.opelvauxhall li ul.k-group .k-item.k-state-focused,
.opelvauxhall li ul.k-group li .doubleli:hover{
	background: var(--color-accueil-D4-3,#333333) !important;
	border-right:3px solid var(--color-accueil-D4-6,#333333) !important;
	color:var(--color-accueil-D4-4,#FFFFFF);
	border-bottom:0;
}
.opelvauxhall li ul.k-group li:hover a{
	color:var(--color-accueil-D4-4,#fff) !important;
}
.k-rtl .opelvauxhall li ul.k-group li:hover,
.k-rtl .opelvauxhall li ul.k-group .k-item.k-state-hover,
.k-rtl .opelvauxhall li ul.k-group .k-item.k-state-focused,
.k-rtl .opelvauxhall li ul.k-group li .doubleli:hover{
    border-left:3px solid var(--color-accueil-D4-6,#333333) !important;
    margin-left: 0px !important;
    width: 140px !important;
}
.opelvauxhall li ul.k-group li:hover a{color:var(-color-accueil-D4-4,#FFFFFF) !important;}
/**********************************************3.3 Formulaire Saisi de VIN*********************************************/

.FormsaisiVIn{
	float:right;
	padding-top:3px;
	padding-right:0 !important;
	z-index:10;
}
.k-rtl .FormsaisiVIn{
	padding-left: 0px;
	padding-right: 15px !important;
}
.FormsaisiVIn .form-group{
	width:100%;
}
.FormsaisiVIn .form-control{
	float:left;
	width:78%;
	height:36px !important;
	padding:0 5px;
	border-color:var(--color-accueil-J-6,#dddddd);
	border-radius:0;
	font-size: var(--font-size-accueil-G-6,13px);
	color: var(--color-accueil-J-7,#272525);
}
.k-rtl .FormsaisiVIn .form-control{
	float:right;
}
.form-control:focus {
    border-color:var(--color-accueil-J-6,#dddddd);
}
.simple-text .form-control:focus {
    border-color: var(--color-accueil-C1-2,#B73334);
}
.SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"][appid="accueil"] .body-window .simple-text .form-control{
	height:43px !important;
}
.FormsaisiVIn .validateBtn{
	float:right;
	margin-left:5px;
}
.k-rtl .FormsaisiVIn .validateBtn{
	float:left;
	margin-right:5px;
	margin-left:auto;
}
.FormsaisiVIn .validateBtn button{
	border:0;
}
.FormsaisiVIn .btn-validate{
	display:inline-block;
}
.FormsaisiVIn .btn.VALIDATE_VIN{
	float:right;
	border:1px solid var(--color-accueil-J-8-vci-entry,#0dc85c);
	padding:4px 20px;
	background:var(--color-accueil-J-3-vci-entry,#27ae60);
	color:var(--color-accueil-J-9-vci-entry,#ffffff)!important;
	font-size:var(--font-size-accueil-P-4,18px);
	text-align:center;
	border-radius:0;

}
.FormsaisiVIn .btn.VALIDATE_VIN:hover,
.FormsaisiVIn .btn.VALIDATE_VIN:focus,
.FormsaisiVIn .btn.VALIDATE_VIN.k-state-selected,
.FormsaisiVIn .btn.VALIDATE_VIN.k-state-selected:hover,
.FormsaisiVIn .btn.VALIDATE_VIN.k-state-focused
{
	box-shadow:none !important;
	outline: 0!important;
	border:1px solid var(--color-accueil-J-8-vci-entry,#0dc85c);
	background:var(--color-accueil-J-4-vci-entry,#0dc85c);

}
.btn-top{margin-top:3px;padding:0;}
.AUTO_DETECT_VIN{
	float:left; 
	height:36px;
	width:67px;
	padding:0;
	background: url("../img/icons/cars.jpg") no-repeat top center;
	border:1px solid var(--color-accueil-J-8-detectauto,#27ae60);
	border-radius:0;

}
.k-rtl .AUTO_DETECT_VIN{
	float:right; 
}
.AUTO_DETECT_VIN:hover,
.k-button.AUTO_DETECT_VIN:focus,
.AUTO_DETECT_VIN.k-state-selected,
.AUTO_DETECT_VIN.k-state-selected:hover,
.AUTO_DETECT_VIN.k-state-focused,
.autoDetectBtn.focused .AUTO_DETECT_VIN{
	box-shadow:none !important;
	outline: 0!important;
	border:1px solid var(--color-accueil-J-8-detectauto,#27ae60);
	background: url("../img/icons/carshover.jpg") no-repeat top center;
}

.TDIAG_BTN{
	float:left;
	height:36px;
	width:67px;	
	padding:0;
	margin:0 20px 0 -10px;
	background: url("../img/icons/telediag.jpg") no-repeat top ;
	border:1px solid var(--color-accueil-J-3-telediag,#949fb1);
	border-radius:0;
}
.k-rtl .TDIAG_BTN{
	float:right;
	margin:0 -10px 0 20px;
}
.TDIAG_BTN:hover,
.k-button.TDIAG_BTN:focus,
.TDIAG_BTN.k-state-selected,
.TDIAG_BTN .k-state-selected:hover,
.TDIAG_BTN .k-state-focused,
.telediagBtn.focused .TDIAG_BTN {
	
	background: url("../img/icons/telediag_hover.jpg") no-repeat top center;
	border:1px solid var(--color-accueil-J-8-telediag,#0075bb);
	box-shadow:none !important;
	outline: 0!important;
	
}

.menu{	
	margin: 5px;
	background-color: #E3E3C8;
}
.submenuItem-text{
	display: inline;
}

/**********************************************4.4 List Layout*********************************************/

.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{
	background:var(--color-accueil-C-1,#C5474A);
	border:3px solid  var(--color-accueil-C-5,#A40405);
}
.list-layout .listItem .menuItem-icon{
	background: var(--color-accueil-D-3,#939FB1);
}
.list-layout .listItem.k-state-focused .menuItem-icon{
	background:var(--color-accueil-D-1,#C5474A);
	border-color: var(--color-accueil-D-5,#A40405);
}

/**********************************************5.5 Telexx_Layout*********************************************/
.LSBorder{
	border: 1px solid var(--color-accueil-H-1,#C5474A);
	background: url("../img/RedBG.png")repeat-y left;
}
.k-rtl .LSBorder{
	background: url("../img/RedBG.png")repeat-y right;
}
.up{
	border: 1px solid var(--color-accueil-H-1,#C5474A);
}


.down .right_side_down{
	border: 1px solid var(--color-accueil-H-1,#C5474A);
}
.dynamic .wait 
{
	display:inline-block;
	width:45px;
	height:45px;
	background:url("../img/loading.gif") no-repeat;
	text-align:center;
}
/**********************************************6.6 Footer*********************************************/
footer {
  background:var(--color-accueil-O-1,#C5474A) !important;
}

footer .btn{
	background:var(--color-accueil-O-3,#CD3939);
	border:1px solid var(--color-accueil-O-7,#FD5F5E);
}
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-accueil-O-4,#FD5F5E);
	border-color:var(--color-accueil-O-4,#FD5F5E) !important;
}
footer .btn[Selected= "YES"]{
	background: var(--color-accueil-O-4,#FD5F5E);
	border-color:var(--color-accueil-O-4,#FD5F5E);
}

/**********************************************7.7 ListView*********************************************/


/****ITEM_PVN***/
.list-layout-2 .listItem[Name="ITEM_PVN"] .listview-out{	
	border:6px solid var(--color-accueil-E-delivery-1,#E9C04C);
}
.list-layout-2 .listItem[Name="ITEM_PVN"] .listview-in{
	border:3px solid var(--color-accueil-E-delivery-1,#E9C04C);
	background:var(--color-accueil-E-delivery-1,#E9C04C);
}
.list-layout-2 .listItem[Name="ITEM_PVN"] .text-list h1{
	color:var(--color-accueil-E-delivery-1,#E9C04C);
}
.list-layout-2 .listItem[Name="ITEM_PVN"].k-state-focused .listview-in,
.list-layout-2 .listItem[Name="ITEM_PVN"].k-state-focused .listview-out{
	background:var(--color-accueil-E-delivery-2,#DDB648);
	border-color:var(--color-accueil-E-delivery-2,#DDB648);
}

/****ITEM_MECA***/

.list-layout-2 .listItem[Name="ITEM_MECA"] .listview-out{
	border:6px solid var(--color-accueil-E-repair-1,#59D797);
}
.list-layout-2 .listItem[Name="ITEM_MECA"] .listview-in{
	border:3px solid var(--color-accueil-E-repair-1,#59D797);
	background:var(--color-accueil-E-repair-1,#59D797);
}
.list-layout-2 .listItem[Name="ITEM_MECA"] .text-list h1{
	color:var(--color-accueil-E-repair-1,#59D797);
}
.list-layout-2 .listItem[Name="ITEM_MECA"].k-state-focused .listview-in,
.list-layout-2 .listItem[Name="ITEM_MECA"].k-state-focused .listview-out{
	background:var(--color-accueil-E-repair-2,#53C88C);
	border-color: var(--color-accueil-E-repair-2,#53C88C);
}

/****ITEM_DIAG***/
.list-layout-2 .listItem[Name="ITEM_DIAG"] .listview-out{
	border:6px solid var(--color-accueil-E-faultfinding-1,#6DBFD0);
}
.list-layout-2 .listItem[Name="ITEM_DIAG"] .listview-in{
	border:3px solid var(--color-accueil-E-faultfinding-1,#6DBFD0);
	background:var(--color-accueil-E-faultfinding-1,#6DBFD0);
}
.list-layout-2 .listItem[Name="ITEM_DIAG"]  .text-list h1{
	color:var(--color-accueil-E-faultfinding-1,#6DBFD0);
}
.list-layout-2 .listItem[Name="ITEM_DIAG"].k-state-focused .listview-in,
.list-layout-2 .listItem[Name="ITEM_DIAG"].k-state-focused .listview-out{
	background:var(--color-accueil-E-faultfinding-2,#65B0BF);
	border-color:var(--color-accueil-E-faultfinding-2,#65B0BF);
}

/****ITEM_ENTR***/
.list-layout-2 .listItem[Name="ITEM_ENTR"]  .listview-out{
	border:6px solid var(--color-accueil-E-faultmaintenance-1,#725581);
}
.list-layout-2 .listItem[Name="ITEM_ENTR"]  .listview-in{
	border:3px solid var(--color-accueil-E-faultmaintenance-1,#725581);
	background:var(--color-accueil-E-faultmaintenance-1,#725581);
}
.list-layout-2 .listItem[Name="ITEM_ENTR"] .text-list h1{
	color:var(--color-accueil-E-faultmaintenance-1,#725581);
}
.list-layout-2 .listItem[Name="ITEM_ENTR"].k-state-focused .listview-in,
.list-layout-2 .listItem[Name="ITEM_ENTR"].k-state-focused .listview-out{
	background:var(--color-accueil-E-faultmaintenance-2,#874D9E);
	border-color:var(--color-accueil-E-faultmaintenance-2,#874D9E);
}

.Vehicule button{
	float: left;
	width:150px;
	height:42px;
	position: relative;
	margin-left:65px;
	margin-bottom:20px;
	padding: 0;
}

.k-listview:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.icone{
	color: transparent;
    border-color: transparent;
	background-color: transparent;
}

/**********************************************8.8 [MAKE_LAYOUT]*********************************************/

.BrandLogo,
.BrandListView{
	padding-top:80px;
}
.BrandLogo{
	text-align:center;
}
.BrandLogo img{
	display:inline-block;
}

.BrandListView{
	border: none;
	padding-right: 0px;
}
.blockBrandList{
	padding:0;	
}
.BrandListheight { 
	float:right;
	padding:0;
	overflow: auto;
	overflow-x:hidden;
	margin-right:-15px;
}
.k-rtl .BrandListheight { 
	float:left;
	margin-right:0px;
	margin-left:-15px;
}
.BrandListtableCell{
    height: inherit;
    vertical-align: middle;
    display: table-cell; 
}

.BrandListheight .BrandListView {
    padding-top: 0px;
}
.BrandListtableCell {
	width: 717px;
}
.BrandListItem{
	display:inline-block;
	float:right;
	height: 90px;
	line-height: 85px;
	margin-bottom: 5px;	
	padding-left: 40px;
	width: 72%;
	
}
.k-rtl .BrandListItem{
	float: left;
}
.BrandListItem .BrandName{
	color: var(--color-accueil-B1-2,#FFF);
	font-size: var(--font-size-accueil-E-1,30px);
	text-transform: var(--text-transform-accueil-E-1,uppercase);
	font-family: var(--font-family-accueil-E-1,"citroenBoldItalic") !important;
}

.k-rtl .BrandListItem .BrandName{
	padding-right: 35px;
}

.BrandListItem.ScreenItem_CITROEN,
.BrandListItem.ScreenItem_DS
{
	background-color:var(--color-accueil-B1-citroen-1,#840304) ;
	opacity:var(--opacity-accueil-B1-citroen-1,0.5);
}
.BrandListItem.ScreenItem_PEUGEOT{
	background-color: var(--color-accueil-B1-peugeot-1,#002454);
	opacity:var(--opacity-accueil-B1-peugeot-1,0.5);
}
.BrandListItem.ScreenItem_MULTIDIAG{
	background-color: var(--color-accueil-B1-multidiag-1,#27AE61);
	opacity:var(--opacity-accueil-B1-multidiag-1,0.5);
}
.BrandListItem.ScreenItem_FENGSHEN{
	background-color: var(--color-accueil-B1-fengshen-1,#E70020);
	opacity:var(--opacity-accueil-B1-fengshen-1,0.5);
}
.BrandListItem.ScreenItem_DSAUTO{
	background-color: var(--color-accueil-B1-dsautomobiles-1,#C4B7A6);
}
.BrandListItem.ScreenItem_OPELVAUXHALL{
	background-color: var(--color-accueil-B1-opelvauxhall-1,#7f7f7f);
}
.BrandListItem.ScreenItem_DSSPIRIT{
	background-color: var(--color-accueil-B1-dsspirit-1,#840304);
	opacity:var(--opacity-accueil-B1-dsspirit-1,0.5);
}
.BrandListItem.k-state-selected.k-state-focused,
.BrandListItem.k-state-focused{
	width:93%;
	box-shadow: none;
	border: none;
	cursor: pointer;
}
.BrandListItem.ScreenItem_CITROEN.k-state-selected.k-state-focused,
.BrandListItem.ScreenItem_CITROEN.k-state-focused{
	border-left: 8px solid var(--color-accueil-B1-citroen-4,#B00708);
	background-color: var(--color-accueil-B1-citroen-3,#840304);
	opacity : var(--opacity-accueil-B1-citroen-3,1)
}
.BrandListItem.ScreenItem_DS.k-state-selected.k-state-focused,
.BrandListItem.ScreenItem_DS.k-state-focused{
	border-left: 8px solid #B00708;
}
.k-rtl .BrandListItem.ScreenItem_CITROEN.k-state-selected.k-state-focused,
.k-rtl .BrandListItem.ScreenItem_CITROEN.k-state-focused{
	border-right: 8px solid var(--color-accueil-B1-citroen-4,#B00708);
	border-left: 0px;
}
.k-rtl .BrandListItem.ScreenItem_DS.k-state-selected.k-state-focused,
.k-rtl .BrandListItem.ScreenItem_DS.k-state-focused{
	border-right: 8px solid #B00708;
	border-left: 0px;
}

.BrandListItem.ScreenItem_PEUGEOT.k-state-selected.k-state-focused,
.BrandListItem.ScreenItem_PEUGEOT.k-state-focused{
	border-left: 8px solid var(--color-accueil-B1-peugeot-4,#E3EEFC);
	background-color: var(--color-accueil-B1-peugeot-3,#002454);
	opacity: var(--opacity-accueil-B1-peugeot-3,1);
}
.k-rtl .BrandListItem.ScreenItem_PEUGEOT.k-state-selected.k-state-focused,
.k-rtl .BrandListItem.ScreenItem_PEUGEOT.k-state-focused{
	border-right: 8px solid var(--color-accueil-B1-peugeot-4,#E3EEFC);
	border-left: 0px;
}
.BrandListItem.ScreenItem_MULTIDIAG.k-state-selected.k-state-focused,
.BrandListItem.ScreenItem_MULTIDIAG.k-state-focused{
	border-left: 8px solid var(--color-accueil-B1-multidiag-4,#2FCC71);
	background-color: var(--color-accueil-B1-multidiag-3,#27AE61);
	opacity: var(--opacity-accueil-B1-multidiag-3,1);
}
.k-rtl .BrandListItem.ScreenItem_MULTIDIAG.k-state-selected.k-state-focused,
.k-rtl .BrandListItem.ScreenItem_MULTIDIAG.k-state-focused{
	border-right: 8px solid var(--color-accueil-B1-multidiag-4,#2FCC71);
	border-left: 0px;
}
.BrandListItem.ScreenItem_FENGSHEN.k-state-selected.k-state-focused,
.BrandListItem.ScreenItem_FENGSHEN.k-state-focused{
	border-left: 8px solid var(--color-accueil-B1-fengshen-4,#FF2E4B);
	background-color: var(--color-accueil-B1-fengshen-3,#E70020);
	opacity: var(--opacity-accueil-B1-fengshen-3,1);
}
.k-rtl .BrandListItem.ScreenItem_FENGSHEN.k-state-selected.k-state-focused,
.k-rtl .BrandListItem.ScreenItem_FENGSHEN.k-state-focused{
	border-right: 8px solid var(--color-accueil-B1-fengshen-4,#FF2E4B);
	border-left: 0px;
}
.BrandListItem.ScreenItem_DSAUTO.k-state-selected.k-state-focused,
.BrandListItem.ScreenItem_DSAUTO.k-state-focused{
	background-color:var(--color-accueil-B1-dsautomobiles-3,#2F2726);
	border-left: 8px solid var(--color-accueil-B1-dsautomobiles-4,#C4B7A6);
}
.k-rtl .BrandListItem.ScreenItem_DSAUTO.k-state-selected.k-state-focused,
.k-rtl .BrandListItem.ScreenItem_DSAUTO.k-state-focused{
	border-right: 8px solid var(--color-accueil-B1-dsautomobiles-4,#C4B7A6);
	border-left: 0px;
}
.BrandListItem.ScreenItem_OPELVAUXHALL.k-state-selected.k-state-focused,
.BrandListItem.ScreenItem_OPELVAUXHALL.k-state-focused{
	background-color:var(--color-accueil-B1-opelvauxhall-3,#333333);
	border-left: 8px solid var(--color-accueil-B1-opelvauxhall-4,#7f7f7f);
}
.k-rtl .BrandListItem.ScreenItem_OPELVAUXHALL.k-state-selected.k-state-focused,
.k-rtl .BrandListItem.ScreenItem_OPELVAUXHALL.k-state-focused{
	border-right: 8px solid var(--color-accueil-B1-opelvauxhall-4,#7f7f7f);
	border-left: 0px;
}
.BrandListItem.ScreenItem_DSSPIRIT.k-state-selected.k-state-focused,
.BrandListItem.ScreenItem_DSSPIRIT.k-state-focused{
	background-color: var(--color-accueil-B1-dsspirit-3,#840304);
	border-left: 8px solid var(--color-accueil-B1-dsspirit-4,#B00708);
	opacity: var(--opacity-accueil-B1-dsspirit-3,1); 
}
.k-rtl .BrandListItem.ScreenItem_DSSPIRIT.k-state-selected.k-state-focused,
.k-rtl .BrandListItem.ScreenItem_DSSPIRIT.k-state-focused{
	border-right: 8px solid var(--color-accueil-B1-dsspirit-4,#B00708);
	border-left: 0px;
}
/**********************************************10.10 Footer*********************************************/

.footer-window .btn{
	background-color:var(--color-accueil-X-3,#CD3939);
	border:1px solid var(--color-accueil-X-7,#FD5F5E) !important;
}

.footer-window .btn:hover,
.footer-window .btn:focus,
.footer-window  .btn:visited,
.footer-window  .btn.k-state-active,
.footer-window .btn:active:focus,
.footer-window  .btnk-state-hover,
.footer-window .btn.k-state-active:hover,
.footer-window  .btn.k-state-selected.k-state-focused,
.footer-window  .btn.k-state-focused,
.footer-window  .btn.k-state-border-down
{
	background:var(--color-accueil-X-4,#FD5F5E) ;
}
.footer-window .btn[disabled], 
.footer-window .btn[disabled]:hover{
    background-color: var(--color-accueil-X-8,#DCE0E6) !important;
}
/**********************************************11.11 GridContainer*********************************************/

#gridContainer{
	padding:0px;
	height:auto;
}
#gridContainer .k-grid{
	border-radius:0 !important;
	border: 1px solid var(--color-accueil-A-9,#EDEDED);
}
#gridContainer .accueilGrid{
	vertical-align: middle;
	display: inline-block;
}
#gridContainer .k-grid{
	border-radius:0 !important;

}

/****Grid Header****/

.accueilGrid .k-grid-header, 
.accueilGrid  .k-grid-header table thead th,
.accueilGrid  .k-grid-header-wrap {
	background-color : var(--color-accueil-A-1,#C5474A) !important;
	background-image : none !important;
	border : none !important;
	border-radius:0 !important;

}

.accueilGrid .k-grid-header table thead th,
.accueilGrid  .k-grid-header table thead th .k-link{
	color:var(--color-accueil-A-8,#FFFFFF) !important;
	text-align :center !important;
	height : 25px;
	font-weight : bold;
	font-size : 13px;
	line-height:25px;
}

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

.accueilGrid  .k-grid-content tr td{
	text-align:center;
}

.accueilGrid.k-grid .k-state-selected
{
   background-color:var(--color-accueil-A-4,#ECA4A5)  !important;
}
.k-grid .k-state-selected td{
	color: var(--color-accueil-A-6,#FFFFFF) !important;
}

.Button_Left{
	display:table-row;
}

/**********************************************12.12 ECUDATA_2_Content*********************************************/


.ECUGrid .k-grid-content td:first-child{
	text-align: left;
	padding-left:15px;
}
.k-rtl .ECUGrid .k-grid-content td:first-child{
	text-align: right;
	padding-right:15px;
	padding-left:auto;
}
.tables-container .tableTitle {
	display:inline-block;
	height: 45px;
	width:100%;
    margin-bottom: 5px;
    padding: 0px 19px;
	background-color: var(--color-accueil-A-1,#C5474A);
	text-align: center;
	user-select:none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	border:0;
	overflow: auto;
	line-height:45px;
}

.tables-container .tableTitle span{
	display:inline-block;
	width:100%;
	color:#333;
	vertical-align: middle;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
}
.tables-container td form {
	display: inline-flex;
	float: left;
	width: 100%;
}
.ECUgridContainer .form-control[readonly],fieldset[disabled] .form-control {
	border:1px solid var(--color-accueil-C1-4,#B73334)  ;
}

.ECUgridContainer .k-grid-content td:first-child{
	text-align: left;

}
.ECUgridContainer .form-control:focus {
    border-color: var(--color-accueil-C1-2,#B73334) ;
}
/**********************************************13.13 Popup*********************************************/
.DefaultLayout.k-window-content.k-content{
	border-bottom:5px solid var(--color-accueil-X-5,#C5474A);
	border-top:5px solid var(--color-accueil-X-5,#C5474A);
	border-radius:0 ;
}

/**********************************************13.13 SimpleLayout_2*********************************************/

.STDSLVContainer{
	height: 473px;
	line-height: 473px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: center;
}

.PopupSLVContainer{

	overflow-y: auto;
	overflow-x: hidden;
	text-align: center;
	margin-top: 7px;
	border: 1px solid #DEDEDE;
}

.SimpleListView{
	vertical-align: middle;
	display: inline-block;
	border: none;
	padding-bottom: 15px;
}
.SimpleImageContainer{
	padding-top: 15px;
}

/**********************************************14.14 ECUDATA2 GRID*********************************************/

.ECUgridContainer{
	overflow-x:hidden;
	overflow-y:auto;
}
.tables-container{
	display: inline-block;
}
.tables-container .k-grid{
	margin: 0px 0px 10px;
}

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


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

.ECUGrid .k-grid-content table tbody td{
	text-align : center;

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


.ECUgridContainer .ECUlabel{
	display:inline-block;
	padding:10px 0 0 0;
	height: auto;
	line-height:18px;
	text-align: justify;
	font-size: 12px;
}
.ECUgridContainer .ECUlabel label{
	color:var(--color-accueil-F3-4,#333333) !important;
}
.ECUgridContainer .ECUlabel:before{
	content: "\f05a";
	display: inline-block;
    font: var(--font-style-accueil-U-1,normal) normal var(--font-weight-accueil-U-1,normal) var(--font-size-accueil-U-1,14px)/1 var(--font-family-accueil-U-1,FontAwesome);
    font-size: var(--font-size-accueil-U-2,22px);
	color:var(--color-accueil-Y-9,#b1c367) ;
	padding-right:5px;
}


/**********************************************15.15 Responsive designe*********************************************/

@media only screen and (min-device-height: 1080px) and (max-device-height: 1200px) and (device-width: 1920px){
	.list-marque  .img-content{
		padding:0 70px; 
	 }
	.BrandLogo{
		padding-top: 200px;
	}
	.down{
		height: 25.4% !important;
	}
	.ECUgridContainer{
		height:790px;
	}
	.ECUgridContainer .k-grid-content{
		max-height:790px;
	}
	.PopupSLVContainer{
		height:542px;
	}
	.accueilGrid .k-grid-content{
		max-height:905px;
	}
	[wndstyle="NOTMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:435px;
	}
	[wndstyle="MODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:435px;
	}
	][wndstyle="APPMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:435px;
	}
	.BrandListheight  {
		height: 720px; 
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"] [appid="accueil"].body-window{
		height:197px;
	}
}
@media only screen and (max-device-width: 1600px) and (max-device-height: 900px) {

	.list-marque  .img-content{
		padding:0 15px;
	}
	.down{
		height: 24% !important;
	}
	.ECUgridContainer{
		height:605px;
	}
	.ECUgridContainer .k-grid-content{
		max-height:558px;
	}
	.PopupSLVContainer{
		height:333px;
	}
	.accueilGrid .k-grid-content{max-height:300px; }
	
	.BrandListheight  {
		height: 620px; 
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"] [appid="accueil"].body-window{
		height:197px;
	}
}

@media screen and (max-width: 1366px) {
	.TDIAG_BTN{
	margin-left:32px;
	}
}
@media screen and (max-width: 1280px) {
	.TDIAG_BTN{
	margin-left:-10px;
	}
}
@media screen and (max-width: 1024px) and (max-height: 768px){

	.TDIAG_BTN{
	margin:0 20px 0 -10px;
	}
}
@media screen  and (min-height: 601px) and (max-height: 768px){
	.ECUgridContainer{
		height:484px;
	}
	.ECUgridContainer .k-grid-content{
		max-height:437px;
	}
	.PopupSLVContainer{
		height:230px;
	}
	.accueilGrid .k-grid-content{max-height:208px;}
	.list-layout{
		height:475px;
	}
	.BrandListheight  {
		height: 486px; 
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"][appid="accueil"] .body-window{
		height:136px;
	}
}
@media only screen and (min-height: 801px) and (max-height: 1024px) and (max-width: 1280px) {
	
	.ECUgridContainer{
		height:729px;
	}
	.ECUgridContainer  .k-grid-content{
		max-height:690px;
	}
	.PopupSLVContainer{
		height:423px;
	}
	.accueilGrid .k-grid-content{max-height:383px;}	
	.BrandListheight  {
		height: 740px; 
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"][appid="accueil"] .body-window{
		height:258px;
	}
}
@media screen and (max-device-height: 800px) and (min-device-height: 769px) {
	
	.ECUgridContainer{
		height:520px;
	}
	.ECUgridContainer  .k-grid-content{
		max-height:468px;
	}
	.PopupSLVContainer{
		height:268px;
	}
	.accueilGrid .k-grid-content{max-height:230px;}
	.BrandListheight  {
		height: 517px; 
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"] [appid="accueil"] .body-window{
		height:148px;
	}
}


/****ComboBox****/

.ECUgridContainer .k-combobox{
	width: 99.6%;
	border:1px solid var(--color-accueil-B-4,#F0F0F0);
}

.k-dropdown-wrap .k-select{
	background:var(--color-accueil-B-2,#CD3939);
}

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

.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-accueil-B-6,#C5474A);
	border:0;
}
.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-focused
{
	border-color:var(--color-accueil-B-11,#C5474A);
}
.k-list-container.k-popup[data-role="popup"]  .k-item.k-state-selected.k-state-focused{
	
	background-color:var(--color-accueil-B-5,#ECA4A5);
}

button i.img-icon-connexion {
    background-image: url("../../../toolkit/img/icon-connexion.png");
    height: 27px;
    width: 29px;
    background-repeat: no-repeat;
	margin-left: 2px;
    float: left;
}

button i.img-icon-favorite  {
	display:inline-block;
	vertical-align: text-bottom;
    height: 29px;
    width: 34px;
    background: url("../img/icon-favoris.png") no-repeat center center;    
}
.hidefilter {
    display: inline-block;
    height: 34px;
    width: 31px;
    background: transparent url("../img/hidefilter.png") no-repeat scroll 0px 0px;
    margin-top: 10px;
}

/**********************************************16.16 JUMPTO PANEL**********************************************/
.slide-in-share {
	border-right:5px solid var(--color-accueil-Z-2,#C5474A);
	border-top:5px solid var(--color-accueil-Z-2,#C5474A);
	border-bottom:5px solid var(--color-accueil-Z-2,#C5474A);
}
.k-rtl .slide-in-share {
	border-left:5px solid var(--color-accueil-Z-2,#C5474A);

}
.slide-in-handle {
	background:var(--color-accueil-Z-1,#C5474A);
}

.slide-in-share nav ul li.k-state-hover,
.slide-in-share nav li.k-state-hover .k-link {
	background: var(--color-accueil-Z-7,#C5474A) !important;
	color:var(--color-accueil-Z-8,#fff)!important;
	border-color:var(--color-accueil-Z-13,#FD5F5E) !important;
}

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

.slide-in-share nav li[Level="3"]:hover{
	background: var(--color-accueil-Z-3,#C5474A);
}
.slide-in-share nav li[Level="3"] a:hover{
	text-decoration:none;
}
.slide-in-share nav li .volet-label-title{
	background: var(--color-accueil-Z-10,#C5474A);
}
/**********************************************17.17 Machine Layout GridExpert**********************************************/

.GridExpert  .k-grid-header,
.GridExpert .k-grid-header table thead th,
.GridExpert  .k-grid-header-wrap {
	background-color : var(--color-accueil-A-1,#C5474A);
}
.GridExpert.k-grid .k-state-selected,
.GridExpert.k-grid .k-state-selected:hover{
	background-color:var(--color-accueil-A-4,#ECA4A5) !important;
} 

.GridExpert .icon {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
	position: relative;
	left: 45%;
    border-radius: 50%;
    color: #fff;
    outline: none;
    text-align: center;
    transition: all 0.2s ease-out 0s;
}
.k-rtl .GridExpert .icon{
	right: 45% !important;
}
.NOK{
	border: 2px solid var(--color-accueil-Y-6,#d1090E);
    background: var(--color-accueil-Y-5,#F50006);
}
.NOK:before{
    content: "\f00d";
	font: var(--font-style-accueil-U-1,normal) normal var(--font-weight-accueil-U-1,normal) var(--font-size-accueil-U-1,14px)/1 var(--font-family-accueil-U-1,FontAwesome);
	font-size:var(--font-size-accueil-U-3,18px);
	line-height:32px;
	color:var(--color-accueil-Y-18,#fff);
}
.OK{
	background:var(--color-accueil-Y-3,#2cc990);
	border:2px solid  var(--color-accueil-Y-4,#46e6ac);
}
.OK:before{
	content: "\f00c";
	font: var(--font-style-accueil-U-1,normal) normal var(--font-weight-accueil-U-1,normal) var(--font-size-accueil-U-1,14px)/1 var(--font-family-accueil-U-1,FontAwesome);
	font-size:var(--font-size-accueil-U-3,18px);
	line-height:32px;
	color:var(--color-accueil-Y-18,#fff);
}
.NOTREQUESTED{
	border:2px solid var(--color-accueil-Y-8,#d4ddea);
	background:var(--color-accueil-Y-7,#939FB1);
}
.NOTREQUESTED:before{
    content: "\f013";
	font: var(--font-style-accueil-U-1,normal) normal var(--font-weight-accueil-U-1,normal) var(--font-size-accueil-U-1,14px)/1 var(--font-family-accueil-U-1,FontAwesome);
	font-size:var(--font-size-accueil-U-3,18px);
	line-height:32px;
	color:var(--color-accueil-Y-18,#fff);
}
.GridExpert table  th:nth-child(3),
.GridExpert table tbody td:nth-child(3) {

    text-align: center !important;
    
}
.parame {
    border: 2px solid var(--color-accueil-Y-19,#939FB1);
}
.parame::before {
    content: "\f013";
    font: var(--font-style-accueil-U-1,normal) normal var(--font-weight-accueil-U-1,normal) var(--font-size-accueil-U-1,14px)/1 var(--font-family-accueil-U-1,FontAwesome);
    font-size: var(--font-size-accueil-U-3,18px);
    line-height: 32px;
    color: var(--color-accueil-Y-19,#939FB1);
}
@media only screen and (min-device-height: 1200px) and (device-width: 1920px){
	.GridExpert .k-grid-content{
		max-height:845px;
	}
}
@media only screen and (min-device-height: 1080px) and (max-device-height: 1199px) and (device-width: 1920px){	
	.GridExpert .k-grid-content{
		max-height:725px; /*machine layout + progress*/
	}
}
@media only screen and (max-device-width: 1600px) and (max-device-height: 900px) {
	.GridExpert  .k-grid-content{
		max-height:545px;
	}
}
@media screen  and (min-height: 601px) and (max-height: 768px){
	
	.GridExpert  .k-grid-content{
		max-height:415px;
	}
	
}

@media only screen and (min-height: 801px) and (max-height: 1024px) and (max-width: 1280px) {	
	.GridExpert  .k-grid-content{
		max-height:670px;
	}	
}
@media screen and (max-device-height: 800px) and (min-device-height: 769px) {
	.GridExpert  .k-grid-content{
		max-height:448px;
	}
}