/********************************Menu-configuration Superviseur***************************************/
 
[currentapp="diagpr"] #nav-config.diagprDropdownMenu .dropdown-menu li a[selectable="YES"]:hover,
[currentapp="diagpr"] #nav-config.diagprDropdownMenu .dropdown-menu li a[selectable="YES"]:focus,
[currentapp="diagpr"] #nav-config.diagprDropdownMenu .dropdown-menu li a[selectable="YES"].k-state-active,
[currentapp="diagpr"] #nav-config.diagprDropdownMenu .dropdown-menu [selectable="YES"].k-state-selected,
[currentapp="diagpr"] #nav-config.diagprDropdownMenu .dropdown-menu [selectable="YES"].k-state-focused{
    background:var(--color-sppbox-P-4,#FC826B);
    border-left: 5px solid var(--color-sppbox-P-14,#F96656);
    color: var(--color-sppbox-P-7,#ffffff);
    box-shadow: none;

}
[currentapp="diagpr"] #nav-config.diagprDropdownMenu .dropdown-menu li i:hover{
	color:var(--color-sppbox-P-7,#ffffff);
}

[currentapp="diagpr"] #nav-config.diagprDropdownMenu .dropdown-menu .historique li a[selectable="YES"]:hover,
[currentapp="diagpr"] #nav-config.diagprDropdownMenu .dropdown-menu .historique li a[selectable="YES"]:focus,
[currentapp="diagpr"] #nav-config.diagprDropdownMenu .dropdown-menu .historique li a[selectable="YES"]:active{
	color: var(--color-sppbox-P-6,#FC826B);
}

/****************************************Telexx_Layout*********************************/
[AppId="diagpr"] .infoHeader{
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	background-color:var(--color-sppbox-D1-2,#E5E5E5);
	border-bottom: 3px solid var(--color-sppbox-D1-3,#F4F4F4);
	padding:0 15px;
}

[AppId="diagpr"] .infoHeader span[id^="Label_"]{
	padding-right:15px;
	font-size:var(--font-size-sppbox-S-1,13px);
	color:var(--color-sppbox-D1-1,#333333);
}
[AppId="diagpr"] .infoHeader span[id^="Value_"]{
	font-size:var(--font-size-sppbox-S-2,13px);
	color:var(--color-sppbox-D1-1,#333333);
	font-weight:var(--font-weight-sppbox-S-2,bold);
	padding-right:60px !important;
}

[AppId="diagpr"] .LSBorder{
	border: 1px solid var(--color-sppbox-H-1,#FC826B);
	background: url("../img/SppboxTlexxIcon_BG.png")repeat-y left;
}
.k-rtl [AppId="diagpr"]  .LSBorder{
	background: url("../img/SppboxTlexxIcon_BG.png")repeat-y right;
}
[AppId="diagpr"] .up{
	border: 1px solid var(--color-sppbox-H-1,#FC826B);
}
[AppId="diagpr"] .down .right_side_down{
	border: 1px solid var(--color-sppbox-H-1,#FC826B);
}

[AppId="diagpr"] .dynamic .wait 
{
	display:inline-block;
	width:45px;
	height:45px;
	background:url("../img/loading_sppbox.gif") no-repeat;
	text-align:center;
}

[AppId="diagpr"] .dynamic .wait_up_side
{
	float:left;
	width:22px;
	height:22px;
	background:url("../img/loading_sppbox-2.gif") left center;
} 

[AppId="diagpr"] .left_side, [AppId="diagpr"] .right_side{
	height:407px;
}
/*********************************Footer**************************/

[AppId="diagpr"] footer {
  background:var(--color-sppbox-O-1,#FC826B) !important;
}

[AppId="diagpr"] footer  .btn{
	background:var(--color-sppbox-O-3,#F96656);
	border:1px solid var(--color-sppbox-O-7,#FB8F83);
}
[AppId="diagpr"] footer .btn:hover,
[AppId="diagpr"] footer .btn:focus,
[AppId="diagpr"] footer .btn:visited,
[AppId="diagpr"] footer .btn.k-state-active,
[AppId="diagpr"] footer .btn.k-state-active:hover,
[AppId="diagpr"] footer .btn.k-state-selected,
[AppId="diagpr"] footer .btn.k-state-focused,
[AppId="diagpr"] footer .btn:active:hover
{
	background-image:none ;
	background-color:var(--color-sppbox-O-4,#FB8F83);
	border-color:var(--color-sppbox-O-4,#FB8F83) !important;
}

[AppId="diagpr"] footer .btn[Selected= "YES"]{
	background: var(--color-sppbox-O-4,#FB8F83);
	border-color:var(--color-sppbox-O-4,#FB8F83);
}
[AppId="diagpr"] .simple-text .form-control:focus {
    border-color:var(--color-sppbox-C1-2,#FC826B);
}

[AppId="diagpr"] .simple-text {
	margin-top:20px;
	
}

[AppId="diagpr"] .simple-text .form-control {
	display:inline-block;
	width:50%;
}
[AppId="diagpr"] .simple-text input[type="text"]{
	height:45px;
}

/*****************************************************[Made_In]******************************************************/
.MadeInFormContainer{
	height: 375px;
	line-height: 275px;
}
.MadeInFormContainer #formSearch{
	vertical-align: middle;
	display: inline-block;
	width: 100%;
}
.MadeInFormContainer #formSearch label{
	padding: 8px 16px;
	text-align: left;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	color:var(--color-sppbox-K-1,#333333);
}
.MadeInFormContainer #formSearch label,
.MadeInFormContainer #formSearch .field{
	line-height: normal;
}
/****ComboBox****/
[AppId="diagpr"] .k-dropdown-wrap .k-select{
	
	background:var(--color-sppbox-B-2,#F96656);
	width: 45px;
	min-height: 49px; 
}

[AppId="diagpr"] .k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon {
    padding: 30px 0 0 0; /*jst for Madein sppbox*/
}
[AppId="diagpr"] .k-dropdown-wrap .k-input {
    height: 40px; /*jst for Madein sppbox*/
}


[AppId="diagpr"]  .k-combobox{
	width: 60%;
	height:49px !important;
}
/*KENDO 2017 UPDATE k-i-arrow-s -> k-i-arrow-60-down*/
[AppId="diagpr"] .k-dropdown-wrap.k-state-default.k-state-hover  .k-icon.k-i-arrow-60-down:before{
	color:var(--color-sppbox-B-3,#ffb2a3);
}

.k-list-container.k-popup[data-role="popup"][AppId="diagpr"]  .k-item.k-state-hover,
.k-list-container.k-popup[data-role="popup"][AppId="diagpr"]  .k-item.k-state-selected{
	background-color : var(--color-sppbox-B-6,#FB8F83);
	border:0;
}
.k-list-container.k-popup[data-role="popup"][AppId="diagpr"]  .k-item.k-state-focused
{
	border-color:var(--color-sppbox-B-5,#FC826B);
}

.k-list-container.k-popup[data-role="popup"] [AppId="diagpr"] .k-item.k-state-selected.k-state-focused{
	background-color:var(--color-sppbox-B-5,#FC826B);
	border-color:var(--color-sppbox-B-5,#FC826B);

}

/********************************************************[PRINT_LAYOUT]******************************************************************/
.PrintInfoContainer{
	height:375px;
	line-height:275px;
}
.PrintInfoData{
	width: 100%;
	padding: 15px;
	vertical-align:middle;
	display: inline-block;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
}
.PrintInfoText{
	line-height: 35px;
	font-size: 14px;
	text-align: justify;
	font-weight: normal;
}

[AppId="diagpr"] #container-center [Level="0"]{
	color:#333333;
	

}

/******************************************************[POPUP]*****************************************************************/

[AppId="diagpr"].DefaultLayout.k-window-content.k-content{
	border-bottom:5px solid var(--color-sppbox-X-5,#F96656);
	border-top:5px solid var(--color-sppbox-X-5,#F96656);
	border-radius:0 ;
}
[AppId="diagpr"] .PopupContainer{
	height: 313px;
	line-height: 313px;
}
[AppId="diagpr"] .PopupTextContainer {
	vertical-align:middle;
	display: inline-block;
	line-height: normal;
}
[AppId="diagpr"] .PopupTextContainer span{
	font-size: 14px;
	color: #333333;
}

/**********************************************Popup Footer*********************************************/

[AppId="diagpr"] .footer-window .btn{
	margin-left:3px;
	margin-right:3px;
	background:var(--color-sppbox-X-3,#F96656);
	border:1px solid var(--color-sppbox-X-7,#FC826B) !important;
}
[AppId="diagpr"] .footer-window .btn[disabled="disabled"],
[AppId="diagpr"] .footer-window  .btn.k-state-disabled{
	cursor: not-allowed ;
    background:var(--color-sppbox-X-8,#dce0e6) ;
	border-color:var(--color-sppbox-X-9,#0ce4b7);
}
[AppId="diagpr"] .footer-window .btn:hover,
[AppId="diagpr"] .footer-window .btn:focus,
[AppId="diagpr"] .footer-window  .btn:visited,
[AppId="diagpr"] .footer-window  .btn.k-state-active,
[AppId="diagpr"] .footer-window  .btnk-state-hover,
[AppId="diagpr"] .footer-window .btn.k-state-active:hover,
[AppId="diagpr"] .footer-window  .btn.k-state-selected.k-state-focused,
[AppId="diagpr"] .footer-window  .btn.k-state-focused,
[AppId="diagpr"] .footer-window  .btn.k-state-border-down
{

	background:var(--color-sppbox-X-4,#FB8F83);
}
[AppId="diagpr"] 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;
}
[AppId="diagpr"] .ECUGrid .k-grid-header,
[AppId="diagpr"] .ECUGrid .k-grid-header table thead th,
[AppId="diagpr"]  .ECUGrid .k-grid-header-wrap {
    background-color:var(--color-sppbox-A-1,#FC826B) !important;
}
[AppId="diagpr"] .ECUGrid .k-grid-content table tbody td {
    text-align: left;
}
.k-rtl [AppId="diagpr"] .ECUGrid .k-grid-content table tbody td {
    text-align: right;
}
[AppId="diagpr"] .ECUGrid.k-grid .k-state-selected
{
   background-color:var(--color-sppbox-A-4,#FB8F83)  !important;
   color:var(--color-sppbox-A-6,#FFFFFF) !important;
}

@media only screen and (min-device-height: 1200px) and (device-width: 1920px){
	.text-center-content{
		height:835px;
	}
	[AppId="diagpr"]  .k-combobox{
		height: 50px !important;
	}
	[AppId="diagpr"] .k-dropdown-wrap .k-select {
		min-height: 50px !important;
	}
	[AppId="diagpr"] .left_side,
	[AppId="diagpr"] .right_side
	{
		height: 660px !important;
	}
	[AppId="diagpr"] .ECUDATA_2_LAYOUT .k-grid-content{
		height : 595px !important;
	}
}
@media only screen and (min-device-height: 1080px) and (max-device-height: 1199px) and (device-width: 1920px){
	.text-center-content{
		height:715px;
	}
	[AppId="diagpr"]  .k-combobox{
		height: 50px !important;
	}
	[AppId="diagpr"] .k-dropdown-wrap .k-select {
		min-height: 50px !important;
	}
	[AppId="diagpr"] .left_side,
	[AppId="diagpr"] .right_side
	{
		height: 660px !important;
	}
        [AppId="diagpr"] .ECUDATA_2_LAYOUT .k-grid-content{
		height : 510px !important;
	}
}

@media only screen and (max-device-width: 1600px) and (max-device-height: 900px) {
	
	.text-center-content{
		height:568px;
	}	
	[AppId="diagpr"] .ECUDATA_2_LAYOUT .k-grid-content{
		height : 385px !important;
	}
}

@media screen  and (min-height: 601px) and (max-height: 768px){
	.text-center-content {
		height: 400px;
	}
	[AppId="diagpr"] .ECUDATA_2_LAYOUT .k-grid-content{
		height : 285px !important;
	}

}
 @media only screen and (min-height: 801px) and (max-height: 1024px) and (max-width: 1280px) {
 
	.text-center-content {
		height:688px;
	}	
	[AppId="diagpr"] .ECUDATA_2_LAYOUT .k-grid-content{
		height : 465px !important;
	}

 }
@media screen and (max-device-height: 800px) and (min-device-height: 769px) {
 
	.text-center-content {
		height: 458px;
	}
	[AppId="diagpr"] .ECUDATA_2_LAYOUT .k-grid-content{
		height : 305px !important;
	}
}