/***************************************** Superviseur***************************************/

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (min-device-pixel-ratio:0) {
	@font-face {
		font-family: "Flaticon";
		src: url("./Flaticon.svg#Flaticon") format("svg");
	}
}
@media screen and (min--moz-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before,  [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-style: normal;
}

.flaticon-stack:before { content: "\f100";font-size:16px; }
.flaticon-headphones42:before { content: "\f101"; }

#toolbar{
	font-family:arial,sans serifs !important;
	height:54px;
	margin-bottom:0;
	background:var(--color-superviseur-D5-1,#192226);
	border-top:1px solid var(--color-superviseur-D5-2,#1a3c4b);
}

/**Superviseur:Logo**/
#toolbar .navbar-brand{
	padding-top:8px;
	
	min-width : 72px;
}
/**Superviseur:navbar droite**/
#toolbar .navbar-nav  .version{
	width:auto;
	color:var(--color-superviseur-D5-3,#778395);
}
#nav-right{
	padding-top:14px;
	margin-right:4%;
}
#toolbar .k-icon{
	background-image:none;
	overflow:visible;
}

.navbar-nav  .version span
{
	font-size:var(--font-size-superviseur-I-3,16px)!important;
	color:var(--color-superviseur-D5-3,#778395);
	font-weight:var(--font-weight-superviseur-I-3,bold) !important;
	line-height: 32px;
}

.nav.navbar-nav span 
{
	font-size:var(--font-size-superviseur-I-2,16px);
	color:var(--color-superviseur-D5-3,#778395);
	font-weight:var(--font-weight-superviseur-I-2,bold);
	line-height: 32px;
}
#toolbar  span.exitsession
{
		padding-right:5px;
}
.nav.navbar-nav li .btn {
	display: inline-block;
	width:30px;
	height:30px;
	margin:0 3px;
	padding:0;
	border-radius:25px;
	line-height: 1.5em;
	border:2px solid var(--color-superviseur-D5-4,#778395);
	background:transparent;
	background-clip:padding-box;
	color:var(--color-superviseur-D5-4,#778395);
	outline:none;
    transition: all 0.2s ease-out 0s;
	
}

.nav.navbar-nav  * .btn:hover,
.nav.navbar-nav  * .btn:focus,
.nav.navbar-nav  * .btn:visited,
.nav.navbar-nav  * .btn.k-state-active,
.nav.navbar-nav  * .btnk-state-hover,
.nav.navbar-nav  * .btn:active:focus,
.nav.navbar-nav  * .btn:focus:active,
.nav.navbar-nav  * .btn.k-state-active:hover,
.nav.navbar-nav  * .btn.k-state-selected.k-state-focused,
.nav.navbar-nav  * .btn.k-state-focused,
.nav.navbar-nav  * .btn.k-state-border-down
{
	background-image:none!important;
	box-shadow:none !important;

}
.nav.navbar-nav li .btn.k-state-disabled,
.nav.navbar-nav .btn.CLOSESESSION_BTN.k-state-disabled
{
	opacity: 1;
	color: var(--color-superviseur-D5-5,#F9FBFF);
	cursor:not-allowed;
	
}
.nav.navbar-nav   .btn.jeton_connect[level="1"]{
	background:var(--color-superviseur-S-1,#2cc990);
	border-color:var(--color-superviseur-S-4,#46e6ac);
	color:var(--color-superviseur-S-7,#fff);
}
.nav.navbar-nav  .btn.jeton_user[level="1"]
{
	background:var(--color-superviseur-T-1,#2cc990);
	border-color:var(--color-superviseur-T-2,#46e6ac);
	color:var(--color-superviseur-T-3,#fff);
}
.nav.navbar-nav  .btn.jeton_maj[level="5"]
{
	background:var(--color-superviseur-U-9,#2cc990);
	border-color: var(--color-superviseur-U-10,#46e6ac);
	color:var(--color-superviseur-U-12,#fff);

}
.nav.navbar-nav  .btn.jeton_vci[level="4"]
{
	background:var(--color-superviseur-V-2,#2cc990);
	border-color:var(--color-superviseur-V-5,#46e6ac);
	color:var(--color-superviseur-V-7,#fff);

}
.nav.navbar-nav   .btn.jeton_com[level="1"]
{
	background:var(--color-superviseur-W-1,#2cc990);
	border-color: var(--color-superviseur-W-2,#46e6ac);
	color:var(--color-superviseur-W-3,#fff);

}
.nav.navbar-nav  .btn.jeton_com[level="2"],
.nav.navbar-nav   .btn.jeton_connect[level="2"],
.nav.navbar-nav  .btn.jeton_user[level="2"], 
.nav.navbar-nav  .btn.jeton_maj[level="2"],
.nav.navbar-nav   .btn.jeton_vci[level="1"]
{
	border:2px solid var(--color-superviseur-D5-6,#778395);
	background:var(--color-superviseur-D5-7,transparent);
	background-clip:padding-box;
	color:var(--color-superviseur-D5-4,#778395);

}
.nav.navbar-nav  .btn.jeton_vci[level="2"]{
	display:none !important;
}
.nav.navbar-nav  .btn.jeton_connect[level="3"]{
	background:var(--color-superviseur-S-2,#F50006);
	border-color:var(--color-superviseur-S-5,#840304);
	color:var(--color-superviseur-S-7,#fff); 
}

.nav.navbar-nav  .btn.jeton_connect[level="4"]{
	background:var(--color-superviseur-S-3,#3366ff);
	border-color:var(--color-superviseur-S-6,#3388ff);
	color:var(--color-superviseur-S-8,#000000);
}
.nav.navbar-nav  .btn.jeton_connect_cligno[level="4"]{
	background:var(--color-superviseur-S-9,#33ccff);
	border-color:var(--color-superviseur-S-12,#70dbff);
}
.nav.navbar-nav  .btn.jeton_connect[level="5"]{
	background:var(--color-superviseur-S-10,#ff0000);
	border-color:var(--color-superviseur-S-13,#ff4040);
	color:var(--color-superviseur-S-8,#000000);
}
.nav.navbar-nav  .btn.jeton_connect_cligno[level="5"]{
	background:var(--color-superviseur-S-11,#ff8080);
	border-color:var(--color-superviseur-S-14,#ffaaaa);
}
.jeton_connect_icon{
	font-size: var(--font-size-superviseur-I-13,20px);
	font-weight: var(--font-weight-superviseur-I-13,bold);
	height: 26px;
}
.jeton_connect_icon_cligno{
	font-size: var(--font-size-superviseur-I-14,16px);
	font-weight:var(--font-weight-superviseur-I-14,normal);
}
.nav.navbar-nav  .btn.jeton_maj[level="6"]
{
	background:var(--color-superviseur-U-4,#F50006);
	border-color:var(--color-superviseur-U-8,#840304);
	color:var(--color-superviseur-U-12,#fff);
}
.nav.navbar-nav   .btn.jeton_vci[level="3"]
{
	background:var(--color-superviseur-V-3,#F50006);
	border-color:var(--color-superviseur-V-6,#840304);
	color:var(--color-superviseur-V-7,#fff);
}
.nav.navbar-nav  .btn[image="jeton_vci_state_undefined"]{
	display:none;
}
.nav.navbar-nav   .btn.jeton_vci .k-icon.fa-usb.fa-rotate-270{
	margin-left: 2px;
}

.nav.navbar-nav  .btn.jeton_maj[level="1"]{
	background:var(--color-superviseur-U-1,#1373c4);
	border-color:var(--color-superviseur-U-5,#104eaa);
	color:var(--color-superviseur-U-12,#fff);
	cursor:pointer;
}

.nav.navbar-nav  .btn.jeton_vci[level="5"]{
	background:var(--color-superviseur-V-1,#1373c4);
	border-color:var(--color-superviseur-V-4,#104eaa);
	color:var(--color-superviseur-V-7,#fff);
	cursor:pointer;
}
.nav.navbar-nav   .btn.jeton_maj[level="3"]{
	background:var(--color-superviseur-U-2,#1373c4);
	border-color:var(--color-superviseur-U-6,#ffffff);
	color:var(--color-superviseur-U-12,#fff);
	cursor:pointer;
}
.nav.navbar-nav  .btn.jeton_maj[level="4"]{
	background:var(--color-superviseur-U-3,#ffffff);
	border-color:var(--color-superviseur-U-7,#fff);
	color:var(--color-superviseur-U-11,#104eaa);
	cursor:pointer;
}
.nav.navbar-nav  .btn.jeton_maj[level="4"]  .spin-animated{
	position:absolute;
	background: url("../../../img/TMJ.gif") center center!important;
	height:18px;
	width:18px;
	z-index:2px;
	top:6px;
	right:9px;
	
}
.nav.navbar-nav .btn.CLOSESESSION_BTN {
	
	width:100%;
	margin-right:10px;
	border:0;

}
.nav.navbar-nav .btn.CLOSESESSION_BTN i{

	width:30px;
	height:30px;
	margin:0 5px;
	padding:0;
	border-radius:25px;
	border:2px solid var(--color-superviseur-D5-4,#778395);
	background:var(--color-superviseur-D5-7,transparent);
	background-clip:padding-box;
	color:var(--color-superviseur-D5-4,#778395);
	outline:none;
	line-height:1.9em;
    transition: all 0.2s ease-out 0s;
	cursor:pointer!important;
	vertical-align: top;

}

.nav.navbar-nav .btn.CLOSESESSION_BTN:hover i{
	border:2px solid var(--color-superviseur-R-1,#840304)!important;
	background:var(--color-superviseur-R-2,#F50006)!important;
	color: var(--color-superviseur-R-3,#fff)!important;
}
/**superviseur: navbar configuration**/
#nav-config  .dropdown-toggle{
	padding-top:15px;
	padding-bottom :9px;
	padding-left:12px;
	padding-right :12px;
    border-top: 0;
	border-bottom:0;
    border-right: 1px solid var(--color-superviseur-P-8,#0e1416);
    border-left: 1px solid var(--color-superviseur-P-8,#0e1416);
    color: var(--color-superviseur-P-1,#6C7888);
    font-size: var(--font-size-superviseur-I-4,18px);
    background: var(--color-superviseur-P-15,transparent);
    box-shadow: none;

}

#nav-config  .dropdown-toggle i{margin-top:6px;}

#nav-config .dropdown-toggle:before{
	content:"";
	display:block; 
	position:absolute; 
	z-index:-1; 
	top:2px; 
	left:-2px; 
	right:-2px; 
	bottom:-2px; 
	border-left:1px solid #1a3c4b;
	border-right:1px solid #1a3c4b;
}

#nav-config .dropdown-toggle:focus,
#nav-config .dropdown-toggle:hover,
.navbar-default .navbar-nav>.open>a{
	background:rgba(0, 51, 51, 0.3);
	color:var(--color-superviseur-P-9,#fff);
    transition: all 0.2s ease-out 0s;
}
/* Ajouter pour surcharger le border-color de bootstrap qui est blanc*/
 #header_sup #toolbar.navbar-default{
	border-color:#192226;
}

#nav-config .dropdown-menu{
	min-width:240px;
	top:105%;
	left:-72px;
	padding-top:0;
	background:var(--color-superviseur-P-2,#FFFFFF);
	border-radius:0;
	border:0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);

}

#nav-config .dropdown-menu  li {
	border-bottom:1px solid var(--color-superviseur-P-10,#ededed);
	background:var(--color-superviseur-P-2,#FFFFFF);
}
.k-rtl #nav-config .dropdown-menu  li {
	text-align: left;
}
#nav-config .dropdown-menu  li:last-child{
	border-bottom:0;
}
#nav-config .dropdown-menu  li  i{
	
	display: inline-block;
	
	margin-right:10px;
    font-size: var(--font-size-superviseur-I-5,14px);
    text-align: center;
}
.k-rtl #nav-config .dropdown-menu li.panel-item i,
.k-rtl #nav-config .dropdown-menu li.last-item i,
.k-rtl .HightBarRow i::before{
	float:left;
}
.k-rtl #nav-config .dropdown-menu li.panel-item i::before,
.k-rtl #nav-config .dropdown-menu li.last-item i::before,
.k-rtl .HightBarRow i::before{
	vertical-align: sub;
}
#nav-config .dropdown-menu  li a{
	color:var(--color-superviseur-P-5,#333333);
	font-size:var(--font-size-superviseur-I-9,14px);
	padding:6px 10px;
	line-height:22px;
	transition: all 0.2s ease-out 0s;
	display: block;
	clear: both;
	width : 100%;
}
#nav-config .dropdown-menu .panel-item a{
	white-space: normal !important;
	word-wrap: break-word !important;
	display: inline-block;
}
.k-rtl #nav-config .dropdown-menu .panel-item a {
    display: inline-block;
    white-space: unset !important;
}
#nav-config .dropdown-menu .container-items{
	overflow-y: auto !important;
	width: 240px !important;
	overflow-x: hidden !important;
}
#nav-config .dropdown-menu .with-history{
	max-height: 300px;
}
.dropdown-menu  .end{border-bottom:0 !important;}
#nav-config .dropdown-menu .last-item{
	border-bottom:0;
	cursor:default;	
}
#nav-config .dropdown-menu .last-item a{
	text-decoration: none;
	white-space: pre-wrap !important;
	word-wrap: break-word !important;
	padding-right: 11px;
}
#nav-config .dropdown-menu .last-item a i:hover{
	text-decoration: none !important;
	color:var(--color-superviseur-P-17,#464646) !important;
}
#nav-config .dropdown-menu  .last-item a:hover,
#nav-config .dropdown-menu  .last-item a:focus,
#nav-config .dropdown-menu  .last-item.k-state-active,
#nav-config .dropdown-menu  .last-item.k-state-selected,
#nav-config .dropdown-menu .last-item.k-state-focused{
	background:none!important;
	color:var(--color-superviseur-P-17,#464646)!important;
	cursor:default!important;
	border:0!important;
}
#nav-config .dropdown-menu li a[selectable="NO"] i:hover
 {
	color:var(--color-superviseur-P-11,#464646) !important;
}

#nav-config .k-header{background:var(--color-superviseur-P-15,transparent);}

#nav-config .dropdown-menu  li a:hover,
#nav-config .dropdown-menu  li a:focus, 
#nav-config .dropdown-menu  li a .k-state-active,
#nav-config .dropdown-menu .k-state-selected,
#nav-config .dropdown-menu .k-state-focused
{
	background:var(--color-superviseur-P-4,#d1e2ea);
	border-left:5px solid #668d96;
	color:var(--color-superviseur-P-7,#2d3d45);
	box-shadow:none;

}
#nav-config .dropdown-menu  li a[selectable="NO"],
#nav-config .dropdown-menu  li a[selectable="NO"]:hover,
#nav-config .dropdown-menu  li a .k-state-selected .k-state-focused[selectable="NO"]{
    cursor: not-allowed;
    box-shadow: none !important;
	color:var(--color-superviseur-P-11,#464646)!important ;
    background: var(--color-superviseur-P-3,#f8f9f9)!important ;
	opacity: var(--opacity-superviseur-P-3,0.8)!important ;
	outline: none !important;
	border:0!important;
}

#nav-config .dropdown-menu  li  span{
	padding-left:0px !important;
	padding-right:10px !important;
	padding-top:10px !important;
}
#nav-config .dropdown-menu  li[visible="YES"]
{
    display:block;
}
#nav-config .dropdown-menu  li[visible="NO"]
{
    display:none;
}

.k-rtl #nav-config .dropdown-menu  li  span{
	padding-left:0px !important;
	padding-right:10px !important;
}
#nav-config .dropdown-menu span.k-icon {
    padding-left: 19px;
    padding-top: 0px;
	    margin-left: 118px;
}
.info-cars{
	pointer-events: none;
	user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}
.info-cars i{
	font-size:var(--font-size-superviseur-I-6,20px) !important;
}
.HightBarRow{
	float:left;
	display:block;
	width:240px;
	
}

.HightBarRow a{color:#333;}
.HightBarRow div{
	padding-bottom:5px;
}
.info-cars span{
	padding-left:0 !important;
	color:var(--color-superviseur-P-12,#333333) !important;
	white-space: pre-wrap;
	word-wrap: break-word;
	line-height:18px !important;
	
	
}
.info-cars span:nth-child(2),
.info-cars span:first-child{
	padding:0;
	font-size:var(--font-size-superviseur-I-7,14px) !important;
	font-weight:var(--font-weight-superviseur-I-7,normal);
}
.info-cars span:nth-child(3),
.info-cars span:last-child
{
	padding:0;
	font-size:var(--font-size-superviseur-I-8,20px) !important;
	color:var(--color-superviseur-P-5,#333);
	font-weight:var(--font-weight-superviseur-I-8,bold);
	white-space: pre-wrap;
	word-wrap: break-word;
}

#nav-config .dropdown-menu  li .disabled,
#nav-config .dropdown-menu  li .disabled i,
#nav-config .dropdown-menu  li .disabled:hover,
#nav-config .dropdown-menu  li .disabled:focus{
	background:none;
	border:none;
	color:var(--color-superviseur-P-11,#464646);
	cursor:not-allowed;
}
/**HistoryPanel**/

#nav-config .dropdown-menu ul.historique{
	width:240px;
	height:166px !important;
	overflow:auto;
	padding:0px 0 0 0!important;
	margin:5px 0!important;
	background:var(--color-superviseur-P-13,#f7f7f7);
}
#nav-config .dropdown-menu .historique li{
	margin:0px;
	padding:0;
	list-style:none;
	border-bottom:0;
}
#nav-config .dropdown-menu .historique li a {
	width:100%;
	padding:5px 22px !important;
	margin:0;
	list-style:none;
	font-size:var(--font-size-superviseur-I-12,13px);
	color:var(--color-superviseur-P-5,#333333);
	white-space: pre-wrap;
	word-wrap: break-word;
}

.historique li :before{
	 content: "\f0da";
	 margin-right:5px;
	 font-family: var(--font-family-superviseur-I-11,'FontAwesome');
	font-size:var(--font-size-superviseur-I-11,16px) !important;
	color:var(--color-superviseur-P-16,#565955) !important;
	vertical-align: middle;
}

.k-rtl .historique li :before{
	float: left;
	vertical-align: middle;
}

.historique li bdi:before{
	 content: "";
}

#nav-config .dropdown-menu .historique li a:hover,
#nav-config .dropdown-menu .historique li a:focus,
#nav-config .dropdown-menu .historique li a:active
{	
	color: var(--color-superviseur-P-6,#3fc305);
	background:none!important;
	border:0!important;
	border-left:0!important;
	text-decoration:none;
	cursor:pointer;
 } 

#nav-config .dropdown-menu .historique li  a[selectable="NO"],
#nav-config .dropdown-menu .historique li  a[selectable="NO"]:hover,
#nav-config .dropdown-menu .historique li  a[selectable="NO"]:focus,
#nav-config .dropdown-menu .historique li  a[selectable="NO"]:active{
	cursor:not-allowed;
	color:var(--color-superviseur-P-11,#464646) !important;
}
#toolbar .col-sm-5{padding-left:0;}

/**Liste du Messages Marque**/


#marquee-container{text-align:left;}

#marquee-container .bn-title{
	float:left;
	width:44px !important;
	padding-top:17px;
	padding-left:13px;
	padding-right:13px;
	padding-bottom:10px;
    margin-top: 0px;
    border-top: 0;
	border-bottom:0;
    border-right: 1px solid var(--color-superviseur-Q-8,#1a3c4b);
	border-left:0;
    color: var(--color-superviseur-Q-1,#6c7888);
    font-size: var(--font-size-superviseur-I-4,18px);
    background: var(--color-superviseur-Q-13,transparent);
    box-shadow: none;
	outline:none;

}
#marquee-container .bn-title:before{
	content: "\f0ca"; 
	font-family:var(--font-family-superviseur-I-4,'FontAwesome');
	font-size:var(--font-size-superviseur-I-4,18px) !important;

}
#marquee-container .col-sm-12{padding-right:0;}

#marquee-container .bn-title:focus,
#marquee-container .bn-title:hover
{	background: rgba(0, 51, 51, 0.3);
    color: var(--color-superviseur-Q-9,#ffffff);
	
}
#marquee-container>ul{
	padding-top:5px;
	padding-bottom:0;
	padding-right:0;
	padding-left:0;
	margin:0;
	height:52px !important;
    list-style:none;
	position:absolute;
	left:55px;
	top:0;
	right:40px;
	user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;

}
#marquee li {
	height: 52px;
	padding:0;
	overflow: hidden;
	background: var(--color-superviseur-Q-13,transparent);
	list-style: none;
	text-align: left;
	word-wrap: break-word;
	
}
.k-rtl #marquee li {
	direction: ltr;
}
#marquee li a{
	height: 52px;
	padding:0;
	color: var(--color-superviseur-Q-14,#6c7888);
	font-size:var(--font-size-superviseur-I-1,16px);
	line-height: 18px;
	display: table-cell;
	vertical-align: middle;

}
#marquee li a:hover,
#marquee li a:focus
{
	color:var(--color-superviseur-Q-11,#6c7888);
	text-decoration:none
}

.dropdown-menu.marquee li a:before,
#marquee   li a:before{
	content: "\f12a";
	margin-right:5px;
	font-family:var(--font-family-superviseur-I-1,'FontAwesome');
	font-size:var(--font-size-superviseur-I-1,16px);
}



/*Bleu*/
#marquee li[level="3"] a,#marquee-collapse li[level="3"] a{
	color:var(--color-superviseur-Q-7,#0084F0) !important;
}
/*Rouge*/
.dropdown-menu.marquee li[level="4"] a:before,
#marquee li[level="4"] a:before{
	content: "\f071" !important;
	margin-right:5px;
	font-family: var(--font-family-superviseur-U-4,'FontAwesome');
    animation: flash 2s ease infinite;
}
#marquee li[level="4"] a,.dropdown-menu.marquee li[level="4"] a{
	color:var(--color-superviseur-Q-6,#FF2424) !important;	
	
}

#marquee li[level="2"] a ,#marquee-collapse li[level="2"] a{
	color:var(--color-superviseur-Q-6,#FF2424) !important;
	
}
/*Orange*/
#marquee li[level="1"] a,#marquee-collapse li[level="1"] a {
	color:var(--color-superviseur-Q-5,#FF802B) !important;
}
/*Green*/
#marquee li[level="0"] a ,#marquee-collapse li[level="0"] a{
	color:var(--color-superviseur-Q-4,#00BF30) !important;
}
.dropdown-menu.marquee{
	min-width:240px;
	position:absolute!important;
	top:96%;
	left:159px;
	padding-bottom:10px;
	background:var(--color-superviseur-Q-10,#192226);
	border-radius:0;
	border:0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);


}

.k-rtl .dropdown-menu.marquee{
	right: auto;
	text-align: left;
	direction: ltr;
}

.dropdown-menu.marquee li a{
	display:inline-block;
	padding:8px 10px;
	color:var(--color-superviseur-Q-11,#6c7888);
	font-size:var(--font-size-superviseur-I-1,16px);
	white-space: pre-wrap;
	
	
	  
}
.dropdown-menu.marquee li [Selectable="NO"],
.dropdown-menu.marquee li [Selectable="NO"]>a
{
	cursor:none !important;
	background:var(--color-superviseur-Q-12,#FFFFFF);
}
.dropdown-menu.marquee li a:hover,.dropdown-menu.marquee li a:focus, .dropdown-menu.marquee li a:visited{
	background:var(--color-superviseur-Q-13,transparent);}

#marquee-collapse{
	max-height:190px;
	overflow:auto;
	
}


/***************************************** 1.MACHINE_LAYOUT Superviseur ***************************************/
[AppId="superviseur"]  #gridContainer{
	padding:0px;
	overflow:auto;
}
[AppId="superviseur"] .GridSuperviseur  {
	margin-top:15px;
}
[AppId="superviseur"] .GridSuperviseur .k-grid-content .k-detail-row .k-grid-content{
	height:100%;
	max-height:100% !important;
}
/****Grid Header****/
[AppId="superviseur"]  .GridSuperviseur  .k-grid-header,
[AppId="superviseur"]  .GridSuperviseur .k-grid-header table thead th,
[AppId="superviseur"]  .GridSuperviseur  .k-grid-header-wrap {
	background-color : var(--color-superviseur-A-1,#939FB1)  ;
}

[appid="superviseur"]  .GridSuperviseur .k-grid-header th.k-header 
{
	text-align :left !important;
}
.k-rtl [appid="superviseur"]  .GridSuperviseur .k-grid-header th.k-header 
{
	text-align :right !important;
}
[appid="superviseur"] .GridSuperviseur .k-icon{
	width:16px;
	height:16px;
}
[appid="superviseur"] .GridSuperviseur .k-hierarchy-cell .k-icon.k-i-expand{

	background:url("../../../img/tree/plus.png")no-repeat;
}

[appid="superviseur"] .GridSuperviseur .k-hierarchy-cell .k-icon.k-i-collapse{
	
	background:url("../../../img/tree/minus.png")no-repeat ;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-state-selected  .k-hierarchy-cell .k-icon.k-i-expand{

	background:url("../../../img/tree/plus-hover.png")no-repeat;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-state-selected  .k-hierarchy-cell .k-icon.k-i-collapse{

	background:url("../../../img/tree/minus-hover.png")no-repeat;
}
[appid="superviseur"] .GridSuperviseur.k-grid .cell-defaut-value{
	width:30px;
	height:19px;
	text-align:center;
	color:var(--color-superviseur-A-14,#939FB1) ;
	line-height:19px;
	border-radius:40px;

	border:2px solid var(--color-superviseur-A-14,#939FB1) ;	
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-state-selected  .cell-defaut-value{
	border-color:var(--color-superviseur-A-6,#ffffff);
	color:var(--color-superviseur-A-6,#ffffff);
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-state-selected
{
   background-color:var(--color-superviseur-A-4,#A1ACBB) !important;
}

/****Sous table***/
[appid="superviseur"] .GridSuperviseur .k-detail-cell .k-grid{
	height:auto;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid {
	border:0;
	margin-bottom:1px;
	background:transparent;
	color:#fff;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid .k-grid-header
 {
	display:none;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid.detailDefault .k-grid-header {
    display: block!important;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid .k-grid-content{
	height:100%;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid .k-detail-cell .k-grid-content {
	border:0;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell tr.k-master-row{
	background: var(--color-superviseur-A3-3,rgba(245,245,245,0.2));
	
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid  .k-detail-cell  tr.k-master-row:not(.k-state-selected),
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid  .k-detail-cell  tr.k-master-row:not(.k-state-selected):hover{
	background: var(--color-superviseur-A3-1,rgba(128,128,128,0.1)) !important;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid table .k-icon.k-i-expand{
	background:url("../../../img/tree/plus-2.png")no-repeat;
}
.k-rtl [appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid table .k-icon.k-i-expand{
	transform:scale(-1,1);
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid table .k-icon.k-i-collapse{
	background:url("../../../img/tree/plus-2-hover.png")no-repeat ;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell tr.k-master-row.k-state-selected .k-icon.k-i-expand{
	background:url("../../../img/tree/plus-selected.png")no-repeat;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell tr.k-master-row.k-state-selected .k-icon.k-i-collapse{
	background:url("../../../img/tree/plus-hover-selected.png")no-repeat;
}
[appid="superviseur"] .GridSuperviseur .k-grid .k-detail-cell .k-grid  .k-detail-cell  tr,
[appid="superviseur"] .GridSuperviseur .k-grid .k-detail-cell .k-grid .k-detail-cell tr:hover,
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-row:not(.k-alt) .k-detail-cell .k-master-row:not(.k-state-selected):hover {
	background:var(--color-superviseur-A3-4,rgba(245,245,245,0.2))!important;
	
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-detail-cell .k-grid .k-detail-cell tr.k-master-row:not(.k-state-selected){
	background: var(--color-superviseur-A3-1,rgba(128,128,128,0.1)) !important;
}
[appid="superviseur"] .GridSuperviseur.k-grid .k-state-selected:hover
{
   background-color:var(--color-superviseur-A-4,#A1ACBB) !important;
}
[appid="superviseur"] .cell-defaut{
	display: inline-flex;
}

[appid="superviseur"] .cell-defaut .cell-fauxdef{
	margin-right:10px;
}
.k-rtl [appid="superviseur"] .cell-defaut .cell-fauxdef{
	margin-left:10px;
	margin-right:auto;
}
[appid="superviseur"] .title-grid-superviseur{
	height: 30px;
	text-align: center;
}
[appid="superviseur"] #machine_layout_popup .help-content{
	top:400px;
	height: 50px;
	width: 20%;
	position: absolute;
	left: 40%;
}



/*****************************************3.BT-Layout ***************************************/


.accueilGrid .k-grid-content td:nth-child(3)[level="0"]{
	background:url("../../../img/icons/infoBT.png")   no-repeat center center!important;
}
.accueilGrid  .k-grid-content td:nth-child(3)[level="1"]{
	background:url("../../../img/icons/info-blueBT.png")   no-repeat center center!important;
}
.accueilGrid  .k-grid-content td:nth-child(3)[level="2"]{
	background:url("../../../img/icons/warning-yellowBT.png")   no-repeat center center!important;
}
.accueilGrid  .k-grid-content td:nth-child(3)[level="3"]{
	background:url("../../../img/icons/warningBT.png")   no-repeat center center!important;
}
.accueilGrid  .k-grid-content td:nth-child(3)[level="4"]{
	background:url("../../../img/icons/errorBT.png")   no-repeat center center!important;
}

[appid="superviseur"] .accueilGrid .k-grid-header, 
[appid="superviseur"] .accueilGrid .k-grid-header table thead th,
[appid="superviseur"] .accueilGrid .k-grid-header-wrap {
	background-color : var(--color-superviseur-A-1,#939FB1) !important;
}

[appid="superviseur"] .accueilGrid .k-grid-header table thead th,
[appid="superviseur"] .accueilGrid  .k-grid-header table thead th .k-link{
	color:var(--color-superviseur-A-15,#FFF) !important;
	text-align :center !important;
}

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

[appid="superviseur"] .accueilGrid  .k-grid-content tr td{
	text-align:center;
}

[appid="superviseur"] .accueilGrid.k-grid td .k-state-focused{
	background-color:var(--color-superviseur-A-4,#A1ACBB) !important;
}

[appid="superviseur"] .accueilGrid.k-grid .k-state-selected
{
   background-color:var(--color-superviseur-A-4,#A1ACBB)  !important;
}

[appid="superviseur"] .cell_3[level="0"]{
	background:url("../img/icone/error.png")   no-repeat center center !important;
}
[appid="superviseur"] .cell_3[level="1"]{
	background:url("../img/icone/info.png")   no-repeat center center !important;
}
[appid="superviseur"] .cell_3[level="2"]{
	background:url("../img/icone/info-blue.png")   no-repeat center center !important;
}
[appid="superviseur"] .cell_3[level="3"]{
	background:url("../img/icone/warning.png")   no-repeat center center !important;
}

/*****************************************4.RESPONSIVE ***************************************/
@media only screen and (min-device-height: 1200px) and (device-width: 1920px){	
	 [appid="superviseur"] .accueilGrid .k-grid-content{
		max-height:310px;
	}
	 [AppId="superviseur"] ul.list-layout {
		height:615px; /*600px*/
	}
	 [appid="superviseur"][patternname="MULTILIST_LAYOUT"]  ul.multiList {
		height:315px;
	}
	 [appid="superviseur"] .JDDbody_window {
		height: 835px;
	}	
	 [appid="superviseur"] .gridContainer .k-grid-content {
		height:260px;
	}	
	 [appid="superviseur"] .GridSuperviseur.TLCDUgrid   .k-grid-content{
		max-height:480px;
	}
	 [appid="superviseur"] .GridSuperviseur .k-grid-content{
		max-height:544px;
	}	
	 [appid="superviseur"] .GridDTC-Layout .k-grid-content{
		max-height:610px;
	}
	 [appid="superviseur"] .GridSuperviseur.dataGrid .k-grid-content {
     max-height: 609px;
	}
	 [appid="superviseur"] .GridSuperviseur.Ecudata3 .k-grid-content {
		max-height: 570px;
	}	
	 [appid="superviseur"] .grid-popup-superviseur .k-grid-content{
		max-height:520px;
	} 
	 .DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"]  .body-window
	 {
		height:385px;
	}
	 .DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"]  .body-window .window-container{
		width: 1056px !important;
	}
	 .SimpleLayout-HelpPanel.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"] .body-window {
		height:390px;
	}
	 .SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"] [appid="superviseur"].body-window{
		height:295px;
	}
	 [patternname="LISTGRID_LAYOUT"][appid="superviseur"] .body-window {
		height:550px;
	}
	 [appid="superviseur"] .dropdown-menu .with-history{
		max-height: 345px !important;
	}
	 [appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur {
		height: 512px;
	}
	 [appid="superviseur"] .GridSuperviseur.GriddJDD .k-grid-content{
		max-height:746px !important;
		min-height:inherit !important;
	}	

}

@media only screen and (min-device-height: 1080px) and (max-device-height: 1199px) and (max-width: 1920px){	
	 [appid="superviseur"] .accueilGrid .k-grid-content{
		max-height:310px;
	}
	 [AppId="superviseur"] ul.list-layout {
		height:535px;
	}
	 [appid="superviseur"][patternname="MULTILIST_LAYOUT"]  ul.multiList {
		height:315px;
	}
	 [appid="superviseur"] .JDDbody_window {
		height: 729px;
	}	
	 [appid="superviseur"] .gridContainer .k-grid-content {
		height:260px;
	}	
	 [appid="superviseur"] .GridSuperviseur.TLCDUgrid   .k-grid-content{
		max-height:480px;
	}
	 [appid="superviseur"] .GridSuperviseur .k-grid-content{
		max-height:467px;
	}
	 [appid="superviseur"] .GridSuperviseur.GriddJDD .k-grid-content{
		max-height:635px !important;
		min-height:inherit !important;
	}	
	 [appid="superviseur"] .GridDTC-Layout .k-grid-content{
		max-height:610px;
	}
	 [appid="superviseur"] .GridSuperviseur.dataGrid .k-grid-content {
     max-height: 609px;
	}
	 [appid="superviseur"] .GridSuperviseur.Ecudata3 .k-grid-content {
		max-height: 570px;
	}	
	 [appid="superviseur"] .grid-popup-superviseur .k-grid-content{
		max-height:460px;
	}
	 [appid="superviseur"][wndstyle="NOTMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:310px;
	}
	 [appid="superviseur"][wndstyle="MODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:310px;
	}	
	 [appid="superviseur"][wndstyle="APPMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:310px;
	}
	 .DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"]  .body-window
	 {
		height:400px;
	}
	 .DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"]  .body-window .window-container{
		width: 1056px !important;
	}
	 .SimpleLayout-HelpPanel.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"] .body-window {
		height:295px;
	}
	 .SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"] [appid="superviseur"].body-window{
		height:295px;
	}
	 [patternname="LISTGRID_LAYOUT"][appid="superviseur"] .body-window {
		height:550px;
	}
	 [appid="superviseur"] .dropdown-menu .with-history{
		max-height: 345px !important;
	}
	 [appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur {
		height: 512px;
	}
	 [appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form {
		padding-left: 300px;
    }
	.k-rtl [appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form {
		padding-right: 300px;
		padding-left: 5px;
    }
}


@media only screen and (max-device-width: 1600px) and (max-device-height: 900px) { 
	 [appid="superviseur"] .accueilGrid .k-grid-content{
		max-height:310px;
	}
	 [appid="superviseur"][wndstyle="NOTMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:300px;
	}
	 [appid="superviseur"][wndstyle="MODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:300px;
	}
	 [appid="superviseur"][wndstyle="APPMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:300px;
	}	
	 [AppId="superviseur"] ul.list-layout {
		height:410px;
	}
	 [appid="superviseur"][patternname="MULTILIST_LAYOUT"]  ul.multiList {
		height:315px;
	}
	
	 [appid="superviseur"] .JDDbody_window {
		height: 545px;
	}	
	
	 [appid="superviseur"] .gridContainer .k-grid-content {
		height:260px;
	}	
	
	[appid="superviseur"] .ECUDATA_2_LAYOUT   {
		margin-top: 10px!important;
	}
	 [appid="superviseur"] .GridSuperviseur.TLCDUgrid   .k-grid-content{
		max-height:480px;
	}
	 [appid="superviseur"] .GridSuperviseur  .k-grid-content{
		max-height:330px;
	}	
	 [appid="superviseur"] .GridDTC-Layout .k-grid-content{
		max-height:610px;
	}
	 [appid="superviseur"] .GridSuperviseur.GriddJDD  .k-grid-content{
		max-height:455px !important;
		min-height:inherit !important;
	}
	 [appid="superviseur"] .GridSuperviseur.dataGrid .k-grid-content {
     max-height: 609px;
	}
	 [appid="superviseur"] .GridSuperviseur.Ecudata3 .k-grid-content {
		max-height: 570px;
	}	
	 [appid="superviseur"] .grid-popup-superviseur .k-grid-content{
		max-height:329px;
	} 
	 .DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"]  .body-window
	 {
		height:332px;
	}
	 .SimpleLayout-HelpPanel.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"] .body-window {
		height:195px;
	}
	 .SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"] [appid="superviseur"].body-window{
		height:197px;
	}
	 .DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"]  .body-window .window-container{
	
		width: 879px;
	
	}
	 [patternname="LISTGRID_LAYOUT"][appid="superviseur"] .body-window {
		height:410px;
		
	}
	 [appid="superviseur"] .dropdown-menu .with-history{
		max-height: 400px !important;
	}
	 [appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur {
		height: 310px;
	}
	 [appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form {
		padding-left: 200px;
    }
	.k-rtl [appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form {
		padding-right: 200px;
		padding-left: 5px;
    }

}

@media only screen and (min-device-width: 1601px) and (min-height: 901px){
	 [appid="superviseur"] .dropdown-menu .with-history{
		max-height: 400px !important;
	}
}

@media screen  and (min-height: 601px) and (max-height: 768px){ 
	 [appid="superviseur"] .accueilGrid .k-grid-content{
		max-height:280px;
	}
	 [appid="superviseur"][wndstyle="NOTMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:207px;
	}
	 [appid="superviseur"][wndstyle="MODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:207px;
	}
	 [appid="superviseur"][wndstyle="APPMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:207px;
	}
	 [appid="superviseur"]  ul.list-layout {
		height:320px;
	}
	 [appid="superviseur"][patternname="MULTILIST_LAYOUT"]  ul.multiList{
		height:278px;
	}

	 [appid="superviseur"] .JDDbody_window {
		height: 449px;
	}	
	
	 [appid="superviseur"] .gridContainer .k-grid-content {
		height:190px ;
	}
	 [appid="superviseur"] .GridSuperviseur.TLCDUgrid  .k-grid-content{
		max-height:350px;
	}	
	 [appid="superviseur"] .GridSuperviseur  .k-grid-content{
		max-height:218px;
	}
	 [appid="superviseur"] .GridSuperviseur.dataGrid .k-grid-content {
		max-height: 478px;
	}
	 [appid="superviseur"] .GridSuperviseur.Ecudata3 .k-grid-content {
		max-height: 440px;
	}
	 [appid="superviseur"] .grid-popup-superviseur .k-grid-content{
		max-height: 219px;
	}
	.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"] .body-window{
		height:259px;
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"] .body-window{
		height:155px;
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"][appid="superviseur"] .body-window{
		height:136px;
	}
	[patternname="LISTGRID_LAYOUT"][appid="superviseur"] .body-window {
		height:332px;
		
	}
	[appid="superviseur"] .dropdown-menu .with-history{
		max-height: 300px !important;
	}
	[appid="superviseur"]  .GridSuperviseur.GriddJDD .k-grid-content{
		max-height :357px !important;
		min-height:inherit !important;
	}
}



@media only screen and (min-height: 801px) and (max-height: 1024px) and (max-width: 1280px) { 
	[appid="superviseur"] .accueilGrid  .k-grid-content{
		max-height:395px;
	}
	[appid="superviseur"][wndstyle="NOTMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:385px;
	}
	[appid="superviseur"][wndstyle="MODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:385px;
	}
	[appid="superviseur"][wndstyle="APPMODALPOPUP"][patternname="BT_LAYOUT"] .accueilGrid .k-grid-content{
		max-height:385px;
	}
	[AppId="superviseur"] ul.list-layout {
		height:500px;
	}
	[appid="superviseur"][patternname="MULTILIST_LAYOUT"]  ul.multiList {
		height:400px;
	}

	[appid="superviseur"] .JDDbody_window {
		height:640px;
	}	
	
	[appid="superviseur"] .gridContainer .k-grid-content {
		height:320px ;
	}
	[appid="superviseur"] .GridSuperviseur.TLCDUgrid  .k-grid-content{
		max-height:550px;
	}
	
	[appid="superviseur"] .GridSuperviseur  .k-grid-content{
		max-height:423px;
	}	
	[appid="superviseur"] .GridSuperviseur.dataGrid  .k-grid-content {
		max-height: 730px;
	}
    [appid="superviseur"] .GridSuperviseur.Ecudata3 .k-grid-content {
		max-height: 690px;
	}	
	
	[appid="superviseur"] .grid-popup-superviseur .k-grid-content{
		max-height: 384px;
	} 
	DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"]  .body-window{
		height:357px;
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"] .body-window{
		height:280px;
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"][appid="superviseur"] .body-window{
		height:258px;
	}
	[patternname="LISTGRID_LAYOUT"][appid="superviseur"] .body-window {
		height:337px;
	}
	[appid="superviseur"] .dropdown-menu .with-history{
		max-height: 457px !important;
	}
}

@media screen and (max-device-height: 800px) and (min-device-height: 769px) { 
	
	[appid="superviseur"] .accueilGrid  .k-grid-content{
		max-height:235x;
	} 
	
	[appid="superviseur"]  ul.list-layout {
		height:340px;
	}
	[AppId="superviseur"]  ul.multiList {
		height:250px;
	}
	[appid="superviseur"] .JDDbody_window {
		height: 470px;
	}	
	
	[appid="superviseur"] .gridContainer .k-grid-content {
		height:210px;
	}	
	[appid="superviseur"] .GridSuperviseur  .k-grid-content{
		max-height:257px;
	}	
	[appid="superviseur"] .GridSuperviseur.dataGrid .k-grid-content {
		max-height: 509px;
	}
	[appid="superviseur"] .GridSuperviseur.TLCDUgrid  .k-grid-content{
		max-height:380px;
	}
	[appid="superviseur"] .GridSuperviseur.Ecudata3 .k-grid-content {
		max-height: 473px;
	}

    [appid="superviseur"] .grid-popup-superviseur .k-grid-content{
		max-height: 236px;
	}
	.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"]  .body-window{
		height:247px;
	}	
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"] .body-window{
		height:171px;
	}
	.SimpleLayout-HelpPanel.DefaultLayout[patternname="SIMPLE_LAYOUT"] [appid="superviseur"] .body-window{
		height:148px;
	}
	[appid="superviseur"] .dropdown-menu .with-history{
		max-height: 307px !important;
	}
}
@media screen and (max-width: 1024px) and (max-height: 768px){
	#marquee-container {
		width:380px;
	}
	.marqueeList,.dropdown-menu.marquee {
		width:320px;
	}
	.k-rtl #marquee-container > ul {
	    right: 6px !important;
	}
	.k-rtl #img-content {
	    float: left;
	}
	[appid="superviseur"] .dropdown-menu .with-history{
		max-height: 300px !important;
	}
	[appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form {
		padding-left: 130px;
	}
	.k-rtl [appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form {
		padding-right: 130px;
		padding-left: 5px;
    }
}	
/*****************************************4.List GridLayout ***************************************/
[appid="superviseur"] .langue[Selectable="YES"]:hover {
 
    background-color:var(--color-superviseur-E-2,#222d32);
    border: 2px solid var(--color-superviseur-E-7,#63738c);
	cursor:pointer;
}
 
[appid="superviseur"] .langue[Selectable="YES"]:hover  h4{
 	color:var(--color-superviseur-E-4,#fff);
}
 
[appid="superviseur"] .langue h4 {
    line-height: 50px;
	color:var(--color-superviseur-E-3,#000);
	font-size:var(--font-size-superviseur-E-8,16px);
}

[appid="superviseur"] .langue  {
    border: 2px solid var(--color-superviseur-E-8,#A1ACBB);
    margin-bottom: 6px;
    float: none;
}

[appid="superviseur"] .listView  {
	border:none !important;
    margin: 0px;
    padding: 10px 0 0 0;
}
[appid="superviseur"] .listView .item{
	padding-left:5px;
	padding-right:5px;
}

[appid="superviseur"] .langue.k-state-selected{
	color:var(--color-superviseur-E-4,#fff);
    background-color: var(--color-superviseur-E-6,#63738C) !important;
    border: 2px solid var(--color-superviseur-E-6,#63738C);
	box-shadow:none;


}

[appid="superviseur"] .langue.k-state-selected h4 {
	color:var(--color-superviseur-E-4,#fff);
}
[appid="superviseur"] .item:hover,
[appid="superviseur"] .item:focus,
[appid="superviseur"] .item:visited,
[appid="superviseur"] .item.k-state-active,
[appid="superviseur"] .item.k-state-active:hover,
[appid="superviseur"] .item.k-state-selected,
[appid="superviseur"] .item.k-state-selected.k-state-focused,
[appid="superviseur"] .item.k-state-focused
{
	background-image:none ;
	box-shadow:none;
	background:transparent;

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

[appid="superviseur"] button i.img-icon-favorite  {
    background-image: url("../img/icon-favoris.png");
    height: 29px;
    width: 34px;
    background-repeat: no-repeat;
    float: left;
}

/* [appid="superviseur"] .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow:0 0 0 !important; 
} */

/*****************************************5.List Layout***************************************/

	
[AppId="superviseur"] .list-layout .listItem.k-state-focused, 
[AppId="superviseur"] .list-layout .listItem.k-state-selected, 
[AppId="superviseur"]  .list-layout .listItem.k-state-focused.k-state-selected, 
[AppId="superviseur"]  .list-layout .listItem.k-state-active {
	/*background: #636e7f;   Old browsers */	
	background: var(--color-superviseur-C-1,#222d32) !important;
	border-color:var(--color-superviseur-C-5,#636e7f);
}

/*****************************************6.JDD_LAYOUT Superviseur ***************************************/


[appid="superviseur"] .tableTitleJDD {
	display:inline-block;
	height: 45px;
	width:100%;
    margin-bottom: 3px;
    padding: 0px 19px;
	background-color:var(--color-superviseur-A-8,#A1ACBB) ;
	user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	border:0;
	overflow: auto;
	line-height:45px;
}

[appid="superviseur"] .tableTitleJDD span
{
	display:inline-block;
	width:100%;
	color:var(--color-superviseur-A-16,#FFFFFF);
	vertical-align: middle;
	font-size:var(--font-size-superviseur-B-5,18px);
	font-weight:var(--font-weight-superviseur-B-5,bold);
	line-height:14px;
}
[appid="superviseur"] .tableTitleJDD span{
	text-align:left;
}
[appid="superviseur"] .GriddJDD  .k-grid-content table tr[selectable="NO"]{
	pointer-events:none ;
}
[appid="superviseur"] .GriddJDD .k-grid-content .k-state-selected td {
	color: var(--color-superviseur-A-6,#FFFFFF) !important;
}
[appid="superviseur"] .GriddJDD  .k-grid-content tr.k-alt,
[appid="superviseur"] .GriddJDD.k-grid .k-detail-cell .k-grid table tr.k-alt{
	background-color: var(--color-superviseur-A-2,#F5F5F5);
}
[appid="superviseur"] .GriddJDD.k-grid .k-detail-cell .k-grid table tr.k-alt:hover{
	background-color: var(--color-superviseur-A-2,#F5F5F5)!important;
}
[appid="superviseur"] .GriddJDD  .k-grid-content tr,
[appid="superviseur"] .GriddJDD.k-grid .k-detail-cell .k-grid table tr{
	background-color: var(--color-superviseur-A-3,#FFFFFF);
}
[appid="superviseur"] .GriddJDD.k-grid .k-detail-cell .k-grid table tr:hover{
	background-color: var(--color-superviseur-A-3,#FFFFFF) !important;
}

[appid="superviseur"] .GriddJDD .detailDefault .k-grid-header{
	padding-right:0px !important;
}
.k-rtl [appid="superviseur"] .GriddJDD .detailDefault .k-grid-header{
	padding-left:0px !important;
}
[appid="superviseur"] .GriddJDD .detailDefault .k-grid-header table thead tr:first-child th{
	background-color:var(--color-superviseur-A-8,#A1ACBB) !important ;
	color:var(--color-superviseur-A-16,#FFFFFF) !important;
	font-size:var(--font-size-superviseur-B-13,16px) !important;
	font-weight:var(--font-weight-superviseur-B-13,bold) !important;
	vertical-align: middle;
	text-align:center !important;
}
[appid="superviseur"] .grid-selectedEvent .k-grid-header label {
	padding-left: 20px !important;
}
.k-rtl  [appid="superviseur"] .grid-selectedEvent .k-grid-header label {
	padding-right: 20px !important;
	padding-left: 0px;
}
[appid="superviseur"] .GriddJDD .k-grid .k-grid-header{
	border:0;
}

[appid="superviseur"] .GriddJDD  .k-grid-content .tableJDD   td{
	padding:5px ;
	border : none ;
	text-align : left;
	font-weight:var(--font-weight-superviseur-B-2,bold);
	font-size:var(--font-size-superviseur-B-2,16px);
	color:var(--color-superviseur-A-7,#333333);
}
[appid="superviseur"] .GriddJDD  .k-grid-content  td:first-child{
	width:3%;
	padding-left:10px;
}
[appid="superviseur"] .GriddJDD  .k-grid-content  td:nth-child(2)
{
	width:3%;
}
[appid="superviseur"] .GriddJDD  .k-grid-content   td:nth-child(3)
{
	width:7%;
}
[appid="superviseur"] .GriddJDD  .k-grid-content  td:nth-child(4)
{
	width:20%;
}
[appid="superviseur"] .GriddJDD  .k-grid-content  td:nth-child(5)
{
	width:7%;
}
/****JDD AEE 2010*****/
[appid="superviseur"] .gridJDD_AEE2010 .k-grid-content   td:first-child{
	width:3%;
}
[appid="superviseur"] .gridJDD_AEE2010 .k-grid-content    td:nth-child(2)
{
	width:3%;
}
[appid="superviseur"] .gridJDD_AEE2010 .k-grid-content    td:nth-child(3)
{
	width:7%;
}
[appid="superviseur"] .gridJDD_AEE2010 .k-grid-content    td:nth-child(4)
{
	width:17%;
}
[appid="superviseur"] .gridJDD_AEE2010 .k-grid-content   td:nth-child(5)
{
	width:20%;
}
[appid="superviseur"] .gridJDD_AEE2010 .k-grid-content    td:nth-child(6)
{
	width:9%;
}

[appid="superviseur"] .gridJDD_AEE2010 .detailDefault .k-grid-content  td 
{
	width:auto;
}
	
[appid="superviseur"] .GriddJDD  .k-grid-content  .k-grid-content-expander{
	position:relative !important;
}

[appid="superviseur"] .GriddJDD .k-grid-header {
    display: none;
}
/****Table Grid-selectedEvent***/

[appid="superviseur"] .GriddJDD  .k-detail-cell  .k-grid-content  td:first-child{
	width:7%;

}
[appid="superviseur"] .GriddJDD  .k-detail-cell .k-grid-content  td:nth-child(2)
{
	width:7%;
}
[appid="superviseur"] .GriddJDD  .k-detail-cell .k-grid-content   td:nth-child(3)
{
	width:7%;
}

[appid="superviseur"] .GridSuperviseur.GriddJDD  .grid-selectedEvent .k-grid-header table thead th,
[appid="superviseur"] .GridSuperviseur.GriddJDD  .grid-selectedEvent .k-grid-header table thead th  label {
	text-align:center !important;
	font-weight: var(--font-weight-superviseur-B-12,bold)!important;
	font-size: var(--font-size-superviseur-B-12,16px)!important;
	color:var(--color-superviseur-A-15,#fff) !important;
}
[appid="superviseur"] .GridSuperviseur.GriddJDD .grid-selectedEvent   .k-grid-content table  td{
	padding:5px;
	border: none;
	text-align : center !important;
	color:var(--color-superviseur-A-7,#333333);
}
[appid="superviseur"] .TitleJDDLayout  {
	padding: 0px;
	text-align: center;
}

[appid="superviseur"] .TitleJDDLayout span {
	width: auto;
	text-align: center;
	padding : 0px;
}

[appid="superviseur"] .JDDbody_window{ 
    padding: 10px 0 !important;
}

[appid="superviseur"] .box-right .k-grid-header th.k-header,.box-right .k-grid-header table thead th {
	color:var(--color-superviseur-A-7,#333) !important;
	
	}
	

[appid="superviseur"] .box-right .k-grid-header-wrap.k-auto-scrollable	{
	background: var(--color-superviseur-A-21,#ffffff) !important;
}

[appid="superviseur"] .JDDbody_window .text-Item {
    float: right;
    padding-top: 5px;
    font-size: var(--font-size-superviseur-B-4,14px) !important;
    font-weight: var(--font-weight-superviseur-B-4,bold) !important;
}
/**************************Pop-up info générale*******************/
[appid="superviseur"] .simple-text[id*=infoScreen] table.table-simpleLayout tr td,
[appid="superviseur"] .simple-text[id*=infoScreen] table.table-simpleLayout tr td label {
	color: var(--color-superviseur-A-7,#333);
	font-size: var(--font-size-superviseur-B-2,16px) !important;
	font-weight: var(--font-weight-superviseur-B-2,bold) !important;
	line-height: 25px;
	vertical-align: middle;
}
[appid="superviseur"] .simple-text[id*="infoScreen"] .block-table {
	overflow: auto;
	width: 100%;
	border: 0;
}
[appid="superviseur"] .simple-text[id*="infoScreen"] table.table-simpleLayout {
	text-align: center;
	width: 100%;
	border:0;
}
/*****************************************7.DD_LAYOUT Superviseur ***************************************/
.DefaultLayout [patternname="RECETTE_LAYOUT"][appid="superviseur"] .body-window{
	height:234px;
	vertical-align:center;
}
.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"]  .body-window .window-container{
	display: table-cell;
	width: 950px;
	height: inherit;
	text-align: center;
	vertical-align: middle;
}
.DefaultLayout[patternname="RECETTE_LAYOUT"][appid="superviseur"] .body-window p{
	line-height:21px !important;
}

/*****************************************8.AOBT_POPUP_LAYOUT Superviseur ***************************************/
.AOBTPopupWindow{
	min-height:32% !important;
	height:auto !important;
}
[appid="superviseur"] .aobt-content {
	position: relative;	
	height: 100%;
	overflow:hidden;
	border:0;
	line-height: 200px;
	text-align: center;
}

[appid="superviseur"] .aobt-content:before{
    content:'';
    width:100%;
    height:300px;
    position:absolute;
    top:0;
    left:0;
    opacity:0.3;
	background:url("../../../img/BT/popup.jpg")no-repeat center ;
}

[appid="superviseur"] .aobt-content .quality-signal div{	
	width: 161px;
	height: 175px;	
}

[appid="superviseur"] .aobt-content .quality-signal div[Level="1"]{
	background:url("../../../img/BT/NO_SIGNAL.png")no-repeat center;
}

[appid="superviseur"] .aobt-content .quality-signal div[Level="2"]{
	background:url("../../../img/BT/WEAK_SIGNAL.png")no-repeat center;
}

[appid="superviseur"] .aobt-content .quality-signal div[Level="3"]{
	background:url("../../../img/BT/KO_SIGNAL.png")no-repeat center;
}

[appid="superviseur"] .aobt-content .quality-signal div[Level="4"]{
	background:url("../../../img/BT/OK_SIGNAL_1.png")no-repeat center ;
}

[appid="superviseur"] .aobt-content .quality-signal div[Level="5"]{
	background:url("../../../img/BT/OK_SIGNAL_2.png") no-repeat center;
}

[appid="superviseur"] .aobt-content .quality-signal div[Level="6"]{
	background:url("../../../img/BT/FULL_SIGNAL.png") no-repeat center center;
}

[appid="superviseur"] .signal .aobt{
	display: inline-block;
	width: 100%;
	float: left;
}

[appid="superviseur"] .signal{
	display:inline-table;
	height: 100%;
}

[appid="superviseur"] .quality-signal{
	margin-bottom: 10px;
}

[appid="superviseur"] .aobt{
	font-size: var(--font-size-superviseur-V-1,large);
	font-weight: var(--font-weight-superviseur-V-1,bold);
	height: auto;
	line-height: 33px;
	color: var(--color-superviseur-F7-1,#fff);
	background:var(--color-superviseur-F7-2,#000);
	opacity:var(--opacity-superviseur-F7-2,1);
}

[appid="superviseur"] .aobt div{
	display: inline-block;
}
[appid="superviseur"] #aobt_popup{	
	overflow: hidden;
	padding: 10px 0px;
}

[appid="superviseur"] #body_window{
	overflow: auto; 
}


/*****************************************10.ECUDATA_3_LAYOUT***************************************/


[appid="superviseur"]  .gridContainer{
	width:100%;
	margin-top:15px;
}
[appid="superviseur"]  .gridContainer .k-grid{
	border: 0!important;
}
[appid="superviseur"]  .gridContainer table thead{
	display: none;
}
[appid="superviseur"]  .gridContainer .k-grid tbody button.k-button {
    min-width: 32px;
	min-height: 32px;
}
[appid="superviseur"] .gridContainer .ecu-data-2-image{
	width:32px;
	height:32px;
	margin:0;
	padding:0;
	border-radius:25px;
	color:var(--color-superviseur-Y-18,#fff);
	outline:none;
	text-align:center;
     transition: all 0.2s ease-out 0s;
}
[appid="superviseur"]  .check{
	
	background:var(--color-superviseur-Y-11,#2cc990);
	border:2px solid  var(--color-superviseur-Y-12,#46e6ac);
}
[appid="superviseur"]  .check.warn{
	
	background:var(--color-superviseur-Y-13,#FF7F27);
	border:2px solid  var(--color-superviseur-Y-14,#FEDF9D);
}
[appid="superviseur"]  .check:before{
	content: "\f00c";
	font: var(--font-style-superviseur-U-1,normal) normal var(--font-weight-superviseur-U-1,normal) var(--font-size-superviseur-U-1,14px)/1 var(--font-family-superviseur-U-1,FontAwesome);
	font-size:var(--font-size-superviseur-U-5,18px);
	line-height:32px;
	color:var(--color-superviseur-Y-18,#ffffff);
}

[appid="superviseur"] .search{
	border:2px solid var(--color-superviseur-Y-16,#d4ddea);
	background:var(--color-superviseur-Y-15,#939FB1);
	
}
[appid="superviseur"] .search:focus,
[appid="superviseur"] .search:hover,
[appid="superviseur"] .search.k-state-focsed,
[appid="superviseur"] .search.k-state-selected
{
	cursor:pointer!important;
	background:var(--color-superviseur-Y-17,#63738c)!important;
}
[appid="superviseur"] .search:before{
	content: "\f002";
	font: var(--font-style-superviseur-U-1,normal) normal var(--font-weight-superviseur-U-1,normal) var(--font-size-superviseur-U-1,14px)/2 var(--font-family-superviseur-U-1,FontAwesome);
	font-size:var(--font-size-superviseur-U-5,18px);
	line-height:32px;
}
[appid="superviseur"] .parame{
	border:2px solid var(--color-superviseur-Y-19,#939FB1);
}
[appid="superviseur"] .parame:before{
	content: "\f013";
	font: var(--font-style-superviseur-U-1,normal) normal var(--font-weight-superviseur-U-1,normal) var(--font-size-superviseur-U-1,14px)/1 var(--font-family-superviseur-U-1,FontAwesome);
	font-size:var(--font-size-superviseur-U-5,18px);
	line-height:32px;
	color:var(--color-superviseur-Y-19,#939FB1);
}
[appid="superviseur"] .cancel{
	border:2px solid var(--color-superviseur-Y-21,#d1090E);
	background:var(--color-superviseur-Y-20,#F50006);
}
[appid="superviseur"] .cancel:before{
    content: "\f00d";
	font: var(--font-style-superviseur-U-1,normal) normal var(--font-weight-superviseur-U-1,normal) var(--font-size-superviseur-U-1,14px)/1 var(--font-family-superviseur-U-1,FontAwesome);
	font-size:var(--font-size-superviseur-U-5,18px);
	line-height:32px;
	color:#fff ;
}
[appid="superviseur"] .gridContainer .body-window{
	min-height:100px;
}

[appid="superviseur"] .SsoTextItem{
	display:block;
	width:100%;
	height:190px;
	margin-top:50px;
	text-align: center;
	color: rgb(0, 0, 0);
	font-size: 14px !important;
	font-weight:bold;
	overflow:hidden;
}

[appid="superviseur"] .ecu-data-2-button button  {
    background: var(--color-superviseur-D7-13,#939FB1) none repeat scroll 0% 0% !important;
    border: 1px solid var(--color-superviseur-D7-14,#A1ACBB) !important;
    width: 35px;
    height: 35px;
    outline: medium none !important;
    font-size: var(--font-size-superviseur-P-8,12px);
    color: var(--color-superviseur-Y-18,#FFF) !important;
    border-radius: 0px;
    transition: all 0.2s ease-out 0s;
    padding: 3px;
    min-width: auto !important;
}

[appid="superviseur"] .ecu-data-2-button button:hover {
    background: var(--color-superviseur-D7-15,#A1ACBB) none repeat scroll 0% 0% !important;
    border: 1px solid var(--color-superviseur-D7-16,#939FB1) !important;
}

[appid="superviseur"] .gridContainer  .popup-ECUDATA_3 .ECUGrid  .k-grid-content {
	width:90%;
	margin:0 4%;
}
[appid="superviseur"] .gridContainer .popup-ECUDATA_3 .ECUGrid table tr.k-alt,
[appid="superviseur"] .gridContainer .popup-ECUDATA_3 .ECUGrid table tr.k-alt:hover {
	background:var(--color-superviseur-A-2,#F5F5F5) !important;
}
[appid="superviseur"] .gridContainer .ecu-data-2-image{
	float:right;
}
.k-rtl [appid="superviseur"] .gridContainer .ecu-data-2-image{
	float:left;
}
[appid="superviseur"] #Test_BTN, #Test_BTN1{
	display:block;
	margin-bottom: 20px;
}
 
/*****************************************11.ECUDATA_2_LAYOUT***************************************/

[appid="superviseur"]  .ECUDATA_2_LAYOUT .k-grid-content.k-auto-scrollable table tr:nth-child(2n+1) {
	background:none;	
}
	
[appid="superviseur"] .ECUDATA_2_LAYOUT  .k-grid-header  , 
[appid="superviseur"] .ECUDATA_2_LAYOUT .k-grid-header-wrap.k-auto-scrollable table th{
	background:var(--color-superviseur-A-8,#A1ACBB)  !important ;
	margin-bottom: 5px;
}	

[appid="superviseur"] .ECUDATA_2_LAYOUT .k-grid {
    margin: 0px 0px 10px 0;
}	
[appid="superviseur"]  .ECUDATA_2_LAYOUT  .k-grid .k-state-selected {
    background-color: var(--color-superviseur-A-4,#A1ACBB) !important;
}
[appid="superviseur"] .ECUgridContainer .form-control[readonly], fieldset[disabled] .form-control {
    border: 1px solid var(--color-superviseur-C1-1,#8491a5);
}
[appid="superviseur"] .ECUgridContainer .form-control:focus {
    border: 1px solid var(--color-superviseur-C1-2,#939FB1);
}


[appid="superviseur"] .ECUgridContainer .ECUlabel::before {display:none;}

[appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur  {	
	display: table-cell;
	vertical-align: middle;
}

[appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid {
	border: 0px;
	margin-top: 100px;
}
[appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid .k-state-selected {
	background-color: transparent !important;
}

[appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form{
	width: 81%;
}

[appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form label {
	color: var(--color-superviseur-K-1,#000000) !important;
}
.k-rtl [appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form label {
	text-align: right;
	margin-right: 5px;
}

[appid="superviseur"] .ECUDATA_2_LAYOUT.subscription-type-superviseur .k-grid td form input {
	display: inline-block;
	text-align:right;
	width: 5% !important;
}
/*****************************************************COMBOBOX*************************************/

[appid="superviseur"] .k-dropdown-wrap .k-select{
	background:var(--color-superviseur-B-2,#A1ACBB);
}
/*KENDO 2017 UPDATE k-i-arrow-s -> k-i-arrow-60-down*/
[appid="superviseur"] .k-dropdown-wrap.k-state-default.k-state-hover .k-icon.k-i-arrow-60-down:before{
	color:var(--color-superviseur-B-3,#63738C);
}
[appid="superviseur"]  .k-combobox{
	margin-bottom:10px;
}
[appid="superviseur"][patternname="SIMPLE_LAYOUT"] .k-combobox{
	height:35px; 
	width: auto;
}
[appid="superviseur"].k-list-container.k-popup[data-role="popup"]  .k-item.k-state-hover,
[appid="superviseur"].k-list-container.k-popup[data-role="popup"]  .k-item.k-state-selected{
	background-color : var(--color-superviseur-B-6,#A1ACBB) !important;
	border:1px solid var(--color-superviseur-B-6,#A1ACBB)!important;
}
[appid="superviseur"].k-list-container.k-popup[data-role="popup"]  .k-item.k-state-focused{
	border: 1px solid var(--color-superviseur-B-5,#939FB1)!important;
}
[appid="superviseur"].k-list-container.k-popup[data-role="popup"]  .k-item.k-state-selected.k-state-focused{	
	background-color:var(--color-superviseur-B-5,#939FB1)!important;
}

		
/*****************************************11.ListGrid_LAYOUT**************************************/	
[appid="superviseur"][patternname="MULTILIST_LAYOUT"]  .MultilistRequired .listItem:hover {
   
	background: var(--color-superviseur-C-1,#222d32) !important;
	border:3px solid var(--color-superviseur-C-5,#636e7f);
	}	
	
[AppId="superviseur"]  ul.multiList {
    margin-bottom: 10px;
}	

/* [AppId="superviseur"]  .gridContainer .ECUGrid3 .body-window .fa-check {
	color:#1fd861;
	cursor:default;
}

[appid="superviseur"] .gridContainer .ECUGrid3  .body-window .fa-close {
	color:#f00;
	cursor:default;
}
	
[appid="superviseur"] .gridContainer .ECUGrid3 .body-window .fa-cog 	 {
	color:#939FB1 ;
	cursor:default;
} */


/**************************************Popup IDENTIFICATION*************************************/
[appid="superviseur"] .form-control{
	float:left;
	height:43px !important;
	width: 100% !important;
	margin: 0 -4px ;
	border:1px solid var(--color-superviseur-C1-1,#8491a5);
	font-size:13px;
	border-radius:0;

}
.k-rtl [appid="superviseur"] .form-control{
	float:right;
}
[appid="superviseur"] .simple-text .form-control:focus {
    border-color: var(--color-superviseur-C1-2,#939FB1);
}

[appid="superviseur"] .label-identification{
	display: inline-block;
	float:left;
	height: 43px !important;
	width:40px;
	padding: 0 5px;
	margin:6px  -22px 5px 0;
	font-size:var(--font-size-superviseur-U-5,18px);
	color: var(--color-superviseur-Y-2,#FFFFFF);
	background-color: var(--color-superviseur-Y-1,#939FB1);
	line-height: 43px;
	border-radius: 2px;
	vertical-align: top;
}
.k-rtl [appid="superviseur"] .label-identification{
	
	float:right;
	margin:6px  0 5px -22px;
}
/*************************list-layout-height****************/

[appid="superviseur"][patternname="MULTILIST_LAYOUT"] ul.list-layout-height li {
    min-height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
}

[appid="superviseur"].DefaultLayout .body-window {margin:65px 0 0px 0;}
[appid="superviseur"] .text-Item{float: center !important;}
.k-rtl [appid="superviseur"] .text-Item{float: left !important;}
[appid="superviseur"] table.table-simpleLayout tr:nth-child(2n+1) { background: transparent;}
[appid="superviseur"]  table.table-simpleLayout tr td{font-weight:normal;}
[appid="superviseur"] .block-table{border:0; height: 100%;}
/*********************rtl******************************/
.k-rtl #header_sup .navbar-brand{
 float: left;
 margin-right: 0px;
 margin-left: -15px;
}

.k-rtl #marquee-container > ul{
	right: -54px;
}
.k-rtl #marquee-container{
 	float:left;
}

.k-rtl #nav-config .dropdown-menu{
	right:auto;
}

.k-rtl .navbar-nav > li,
.k-rtl .navbar-nav > li.CLOSESESSION_BTN .k-icon {
 float: left;
 margin-right: 0px;
}
#close_BTN{
	right: -16px;
	position: absolute;
	top: 15px;
	height: 23px;
	background-image:url("../../../img/EXIT_BTN.png"); 
	background-repeat: no-repeat;
}
#close_BTN:hover{
	cursor:pointer;
	opacity:0.8;
}
.avoid-clicks{
	pointer-events : none;
}
/* gestion des styles des tabstrip */

.k-tabstrip-scrollable .k-button.k-bare{
	background : var(--color-superviseur-A2-8,#000000) !important;
	opacity : var(--opacity-superviseur-A2-8,0.7) !important;
	color : var(--color-superviseur-A2-10,#ffffff) !important;
}
.k-tabstrip-scrollable .k-button.k-bare:hover{
	background : var(--color-superviseur-A2-9,#817E7E) !important;
	opacity : var(--opacity-superviseur-A2-9,1) !important;
}
.k-tabstrip > .k-button.k-bare{
	top : 0.5em;
} 
#tabStrip  .k-tabstrip-next .k-i-arrow-60-right::before {
	content : "\e005" !important;
}

#tabStrip  .k-tabstrip-prev .k-i-arrow-60-left::before {
	content : "\e007" !important;
}
#tabStrip > ul:first-child {
	background-color: var(--color-superviseur-A2-1,#192226);
	padding: 0px !important;
}
.k-tabstrip-top > .k-tabstrip-items .k-state-active{
	margin-bottom:0;
}
#accueil span.k-link, #mesures span.k-link, #traces span.k-link, #documentation span.k-link, #xpert span.k-link, #diagnostic span.k-link, #diagpr span.k-link{
	background-color: var(--color-superviseur-A2-5,transparent);
}
.k-rtl #accueil,.k-rtl #mesures,.k-rtl #traces,.k-rtl #documentation,.k-rtl #xpert,.k-rtl #diagnostic,.k-rtl #diagpr{	
	text-align: right;
}
#tabStrip #accueil span,
#tabStrip #mesures span,
#tabStrip #traces span,
#tabStrip #documentation span,
#tabStrip #xpert span,
#tabStrip #diagnostic span,
#tabStrip #diagpr span {
	color: var(--color-superviseur-A2-4,#ffffff);
	font-weight: var(--font-weight-superviseur-F-1,bold);
	font-size: var(--font-size-superviseur-F-1,13px); 
	font-family: var(--font-family-superviseur-F-1,arial);
}
.k-tabstrip-items .k-link .k-image{
	width: 25px;
	height: 25px;
}
.k-tabstrip-top > .k-tabstrip-items .k-state-active{
	border-bottom-width: 0px;
}
#tabStrip{
	background-color: var(--color-superviseur-A2-6,#ffffff);
	border: 0px;
}
#tabStrip .k-content.k-state-active{
	border-color:  var(--color-superviseur-A2-6,#ffffff);
}
#tabStrip .k-tabstrip-items li.k-item:hover{
cursor:pointer;
}
#accueil,
#mesures,
#traces,
#documentation,
#xpert,
#diagnostic,
#diagpr{
	background-color: var(--color-superviseur-A2-1,#192226);
	background-image: none !important;
	text-align: left;
	border-top-color: var(--color-superviseur-A2-1,#192226);
	border-bottom-color: var(--color-superviseur-A2-1,#192226);
	border-left-color: var(--color-superviseur-A2-7,#b1aaaa);
	border-right-color: var(--color-superviseur-A2-7,#b1aaaa);
	width: 200px;
	height: 40px;
}
/*gestion de coloration de l'onglet accueil */
#accueil.k-state-active{
	background-color: var(--color-superviseur-accueil-A2-2,#C5474A) !important;
	border-left-color: var(--color-superviseur-accueil-A2-2,#C5474A);
	border-right-color: var(--color-superviseur-accueil-A2-2,#C5474A);
}
#accueil:hover{
	background-color: var(--color-superviseur-accueil-A2-3,#C5474A)!important;
	border-left-color: var(--color-superviseur-accueil-A2-3,#C5474A);
	border-right-color: var(--color-superviseur-accueil-A2-3,#C5474A);
}
body:not(.k-rtl) #accueil:hover +li{
	border-left-color: var(--color-superviseur-accueil-A2-3,#C5474A);
}
.k-rtl #accueil:hover +li{
	border-right-color: var(--color-superviseur-accueil-A2-3,#C5474A);
}
/*gestion de coloration de l'onglet traces*/
#traces.k-state-active{
	background-color: var(--color-superviseur-traces-A2-2,#5FB7C1)!important;
	border-left-color: var(--color-superviseur-traces-A2-2,#5FB7C1);
	border-right-color: var(--color-superviseur-traces-A2-2,#5FB7C1);
}
#traces:hover{
	background-color: var(--color-superviseur-traces-A2-3,#5FB7C1)!important;
	border-left-color: var(--color-superviseur-traces-A2-3,#5FB7C1);
	border-right-color: var(--color-superviseur-traces-A2-3,#5FB7C1);
}
body:not(.k-rtl) #traces.k-item:hover +li{
	border-left-color: var(--color-superviseur-traces-A2-3,#5FB7C1);
}
.k-rtl #traces.k-item:hover +li{
	border-right-color: var(--color-superviseur-traces-A2-3,#5FB7C1);
}
/*gestion de coloration de l'onglet diagnostic*/
#diagnostic.k-state-active{
	background-color: var(--color-superviseur-diagnostic-A2-2,#57AEDD)!important;
	border-left-color: var(--color-superviseur-diagnostic-A2-2,#57AEDD);
	border-right-color: var(--color-superviseur-diagnostic-A2-2,#57AEDD);
}
#diagnostic:hover{
	background-color: var(--color-superviseur-diagnostic-A2-3,#57AEDD)!important;
	border-left-color: var(--color-superviseur-diagnostic-A2-2,#57AEDD);
	border-right-color: var(--color-superviseur-diagnostic-A2-2,#57AEDD);
}
body:not(.k-rtl) #diagnostic:hover +li{
	border-left-color: var(--color-superviseur-diagnostic-A2-2,#57AEDD);
}
.k-rtl #diagnostic:hover +li{
	border-right-color: var(--color-superviseur-diagnostic-A2-2,#57AEDD);
}
/*gestion de coloration de l'onglet sppBox*/
#diagpr.k-state-active{
	background-color: var(--color-superviseur-sppbox-A2-2,#FC826B)!important;
	border-left-color:  var(--color-superviseur-sppbox-A2-2,#FC826B);
	border-right-color:  var(--color-superviseur-sppbox-A2-2,#FC826B);
}
 #diagpr:hover{
	background-color: var(--color-superviseur-sppbox-A2-3,#FC826B)!important;
	border-left-color:  var(--color-superviseur-sppbox-A2-2,#FC826B);
	border-right-color:  var(--color-superviseur-sppbox-A2-2,#FC826B);
} 
body:not(.k-rtl) #diagpr:hover +li{
	border-left-color:  var(--color-superviseur-sppbox-A2-2,#FC826B);
}
.k-rtl #diagpr:hover +li{
	border-right-color:  var(--color-superviseur-sppbox-A2-2,#FC826B);
}
/*gestion de coloration de l'onglet documentation*/
#documentation.k-state-active{
	background-color: var(--color-superviseur-documentation-A2-2,#27ae60)!important;
	border-left-color: var(--color-superviseur-documentation-A2-2,#27ae60);
	border-right-color: var(--color-superviseur-documentation-A2-2,#27ae60);
}
#documentation:hover{
	background-color: var(--color-superviseur-documentation-A2-3,#27ae60)!important;
	border-left-color: var(--color-superviseur-documentation-A2-2,#27ae60);
	border-right-color: var(--color-superviseur-documentation-A2-2,#27ae60);
}
body:not(.k-rtl) #documentation.k-item:hover +li{
	border-left-color: var(--color-superviseur-documentation-A2-3,#27ae60)!important;
} 
.k-rtl #documentation.k-item:hover +li{
	border-right-color: var(--color-superviseur-documentation-A2-3,#27ae60)!important;
} 
/*gestion de coloration de l'onglet xpert*/
#xpert.k-state-active{
	background-color: var(--color-superviseur-xpert-A2-2,#C78B69)!important;
	border-left-color: var(--color-superviseur-xpert-A2-2,#C78B69);
	border-right-color:  var(--color-superviseur-xpert-A2-2,#C78B69);
}
#xpert:hover{
	background-color: var(--color-superviseur-xpert-A2-3,#C78B69)!important;
	border-left-color:  var(--color-superviseur-xpert-A2-2,#C78B69);
	border-right-color:  var(--color-superviseur-xpert-A2-2,#C78B69);
}
body:not(.k-rtl) #xpert:hover +li{
	border-left-color:  var(--color-superviseur-xpert-A2-2,#C78B69);
} 
.k-rtl #xpert:hover +li{
	border-right-color:  var(--color-superviseur-xpert-A2-2,#C78B69);
}
/*gestion de coloration de l'onglet mesures*/
#mesures.k-state-active{
	background-color: var(--color-superviseur-mesures-A2-2,#725581)!important;
	border-left-color: var(--color-superviseur-mesures-A2-2,#725581);
	border-right-color: var(--color-superviseur-mesures-A2-2,#725581);
}
#mesures:hover{
	background-color: var(--color-superviseur-mesures-A2-3,#725581)!important;
	border-left-color: var(--color-superviseur-mesures-A2-2,#725581);
	border-right-color: var(--color-superviseur-mesures-A2-2,#725581);
}
body:not(.k-rtl) #mesures:hover +li{
	border-left-color: var(--color-superviseur-mesures-A2-2,#725581);
}
.k-rtl #mesures:hover +li{
	border-right-color: var(--color-superviseur-mesures-A2-2,#725581);
}