/*********/
/* BUILD */
/*********/

/*#build-nav .md-tab{
	padding: 6px 16px;
}

#build-nav md-pagination-wrapper{
	height: 36px;
}

#build-nav md-tabs-canvas{
	height: 36px;
}
*/

#build-parts-container{
	position: relative;
}

#build-parts-container:focus{
    outline: none;
}


build-box2{
	box-sizing: border-box;
	z-index: 5;
	border: 4px solid grey;
	width: 15%;
	height: 15%;
	cursor: pointer;
	position: relative;
}

build-box2 > div{
	width: 100%;
	height: 100%;
}

build-box2 h3{
	text-transform: uppercase;
	font-size: 12px;
	background: grey;
	text-align: center;
	margin: 0;
	color: white;
}

build-box2 div div:hover{
	background-color: #F2E88F;
}

build-box2 div div{
	position: relative;
	background-color: #FFF;
}

build-box2 div div span{
	z-index: 15;
	background-color: rgba(255, 255, 255, 0.85);
	padding: 2px;
}

build-box2 .build-box-img-container{
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

build-box2 .build-box-img-container img{
	max-width: 100%;
	max-height: 100%;
/* 	opacity: 0.5; */
/* 	filter: alpha(opacity=50); For IE8 and earlier */
}

build-box{
	box-sizing: border-box;
	z-index: 5;
	border: 5px solid grey;
	width: 15%;
	height: 15%;
	cursor: pointer;
	position: relative;
}

build-box p:hover{
	background-color: #F2E88F;
}

build-box > div{
	width: 100%;
	height: 100%;
}

build-box img{
	z-index: 10;
	position: absolute;
	top: 14px;
	max-width: 100%;
	max-height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}

build-box system-list{
	flex: 1;
	box-sizing: border-box;
}

build-box system-list md-content{
	height: 100%;
	width: 100%
}

build-box p{
	box-sizing: border-box;
	flex: 1;
	margin: 0;
/* 	display: table-cell; */
	vertical-align: middle;
	text-align: center;
	background: #FFF;
	z-index: 15;
}

build-box h3{
	text-transform: uppercase;
	font-size: 12px;
	background: grey;
	text-align: center;
	margin: 0;
	color: white;
}

#system-box{
	position: absolute;
	left: 20%;
	top: 5%;
}

#client-box{
	position: absolute;
	right: 20%;
	top: 5%;
}

#energy-box{
	position: absolute;
	width: 12%;
	left: 2%;
	top: 27.5%;
	z-index: 5;
}

#motor-box{
	position: absolute;
	left: 10%;
	top: 50%;
}

#transmission-box{
	position: absolute;
	left: 35%;
	top: 50%;
}

#work-box{
	position: absolute;
	left: 60%;
	top: 50%;
}

#control-box{
	position: absolute;
	left: 35%;
	top: 75%;
}

#control-to-engine{
	position: absolute;
	left: 17.5%;
	width: 17.5%;
	top: 65%;
	height: 17.5%;
}

#control-to-transmission{
	position: absolute;
	left: 35%;
	width: 15%;
	top: 65%;
	height: 10%;
}

#control-to-work{
	position: absolute;
	left: 50%;
	width: 17.5%;
	top: 65%;
	height: 17.5%;
}

#client2-box{
	position: absolute;
	right: 2%;
	top: 50%;
}

#fpu-box{
	position: absolute;
	height: 15%;
	right: 35%;
	left: 35%;
	top: 5%;
	
	cursor: pointer;
}

#fpu-box:hover{
	background-color: #F2E88F;
}

#fpu-box p{
	margin: 0;
	z-index: 10;
	vertical-align: bottom;
/* 	height: 45%; */
	text-align: center;	
}

mscreens-box, mscreens-box-system, mscreens-box-hypothesis{
	box-sizing: border-box;
	z-index: 5;
	border: 4px solid grey;
	width: 20%;
	height: 30%;
	cursor: pointer;
}

mscreens-box-parameter{
	z-index: 5;
	cursor: pointer;
}

mscreens-box-system > div, mscreens-box-hypothesis > div, mscreens-box-parameter > div{
	width: 100%;
	height: 100%;
}

mscreens-box-system h3, mscreens-box-hypothesis h3{
	width: 100%;
	text-transform: uppercase;
	font-size: 12px;
	background: grey;
	text-align: center;
	margin: 0;
	color: white;
}

/*mscreens-box-hypothesis md-content{
	background-color: #FFF;
}*/

mscreens-box-system md-content,mscreens-box-hypothesis md-content{
	background-color: rgba(255,255,255,0.50);
	z-index: 1;
}

mscreens-box-parameter md-content{
	background-color: rgba(255,255,255,0);
	z-index: 1;
}

mscreens-box-parameter md-content > div{
	z-index: 3;
}

mscreens-box-parameter md-content:HOVER{
	background-color: rgba(247,230,60,0.50);
/* 	background-color: #F2E88F; */
}

.ms-box-content-hover{
	background-color: rgba(247,230,60,0.50);
}

mscreens-box-system .ms-box-item, mscreens-box-hypothesis .ms-box-item{
	text-align: center;
}

.ms-box-item-over{
	z-index: 15;
	padding: 2px;
    background-color: rgba(255, 255, 255, 0.85);
}

.ms-box-item{
	width: 100%;
}

.ms-box-item p{
/* 	box-sizing: border-box; */
	margin: 0;
	padding: 5px;
}

.ms-box-item:HOVER{
	background-color: #E8E8E8;
}

.ms-box-item > *:HOVER{
	background-color: initial;
}

.ms-box-items{
	width: 100%;
	min-height: 100%;
}

.param-arrow{
	z-index: 2;
	position:absolute;
	top:50%;
	left:0%;
	width:100%;
}

.ms-box-panel{
	position: relative;
	background-color: #FFF;
}

.ms-box-image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

@media screen and (min-width: 1370px) {
#ms-md-content{
	height:95%;
}
}
@media screen and (min-width: 1370px) {
#ms-md-content{
	height:94%;
}
}

#md-list-item{
	    vertical-align: middle;
    text-align: center;
    width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    height: 85%;
}

#mscreens-btn-add{
	position: absolute;
	/*left: 40%;*/
	left: 31%;
	top: 90%;
	/*width:10%;
	height:10%;*/
	width:15%;
	height:15%;
	background-color:darkblue;
	color:white;
	border:0;
}

#mscreens-btn-list{
	position: absolute;
	/*left: 50%;*/
	left: 55%;
	top: 90%;
	/*width:10%;
	height:10%;*/
	width:15%;
	height:15%;
	background-color:grey;
	color:white;
	border:0;
}

#build-mscreens-container{
	position: relative;	
}

#build-mscreens-container:focus{
    outline: none;
}

#mscreens-btn-add-params{
	position: absolute;
	/*left: 40%;*/
	left: 31%;
	top: 90%;
	/*width:10%;
	height:10%;*/
	width:19%;
	height:15%;
	background-color: darkgreen;
	color:white;
	border:0;
}

#mscreens-btn-list-params{
	position: absolute;
	/*left: 50%;*/
	left: 52%;
	top: 90%;
	/*width:10%;
	height:10%;*/
	width:18%;
	height:15%;
	background-color:red;
	color:white;
	border:0;
}


#build-mscreens-y-axis-box{
	left: 0px;
    top: 0px;
    width: 10%;
    height:93%;
    position: absolute;
    overflow-y: hidden;
}

#mscreens-sup-systems{
	position:absolute;
	left:0%;
	top:85%;
	height:10%;
	width:100%;
	font-size:10px;
}

#mscreens-sup-systems2{
	position:absolute;
	left:0%;
	top:50%;
	height:10%;
	width:100%;
	font-size:10px;
}

#mscreens-sup-systems3{
	position:absolute;
	left:0%;
	top:15%;
	height:10%;
	width:100%;
	font-size:10px;
}

#mscreens-btns-system{
	position:absolute;
	left:0%;
	top:114%;
	/*height:22%;*/
	width:95%;
}


#mscreens-btn-system{
	left:0%;
	font-size:10px;
	background-color:darkblue;
	color:white;
	width:100%;
	border:1px solid white;
	height:32%;
}
#mscreens-btn-liste{
	left:0%;
	font-size:10px;
	width:94%;
	border:1px solid white;
	height:32%;
	background-color: white;
	background-color: darkblue;
}
#mscreens-btn-anti-system{
	left:0%;
	font-size:9px;
	background-color:grey;
	color:white;
	width:100%;
	border:1px solid white;
	top:55%;
	height:32%;
}

#mscreens-sub-systems{
	position:absolute;
	left:0%;
	top:155%;
	height:10%;
	width:100%;
	font-size:10px;
}

#mscreens-sub-systems-2{
	position:absolute;
	left:0%;
	top:190%;
	height:10%;
	width:100%;
	font-size:10px;
}

#mscreens-sub-systems-3{
	position:absolute;
	left:0%;
	top:230%;
	height:10%;
	width:100%;
	font-size:10px;
}

#build-mscreens-y-axis-bar{
	position: absolute;
	left: 10%;
	top: 0px;
	width:5%;
	height:93.5%;
	
}

#build-mscreens-axis-box{
	position: absolute;
	left: 2%;
	top: 90%;
	width:9%;
	height:10%;
	z-index: 50;
}

#mscreens-nav-up{
	position: absolute;
	cursor: pointer;
	font-size: 17px;
	left:20%;
	top:0%;
	/*width:20%;*/
	/*height:30%;*/
	background-color:grey;
	color:white;
	border:0;
}

#mscreens-nav-zoom-in{
	position: absolute;
	cursor: pointer;
	font-size: 17px;
	left:60%;
	top:0%;
	/*width:20%;*/
	/*height:30%;*/
	background-color:grey;
	color:white;
	border:0;
}
#mscreens-nav-center{
	position: absolute;
	cursor: pointer;
	font-size: 17px;
	left:20%;
	top:30%;
	/*width:20%;*/
	/*height:30%;*/
	background-color:grey;
	color:white;
	border:0;
}
#mscreens-nav-left{
	position: absolute;
	cursor: pointer;
	font-size: 17px;
	left:0%;
	top:30%;
	/*width:20%;*/
	/*height:30%;*/
	background-color:#c7c7c7;
	background-color:grey;
	color:white;
	border:0;
}

#mscreens-nav-right{
	position: absolute;
	cursor: pointer;
	font-size: 17px;
	left:40%;
	top:30%;
	/*width:20%;*/
	/*height:30%;*/
	background-color:grey;
	color:white;
	border:0;
}

#mscreens-nav-dn{
	position: absolute;
	cursor: pointer;
	font-size: 17px;
	left:20%;
	top:60%;
	/*width:20%;*/
	/*height:30%;*/
	background-color:grey;
	color:white;
	border:0;
}

#mscreens-nav-zoom-out{
	position: absolute;
	cursor: pointer;
	font-size: 17px;
	left:60%;
	top:60%;
	/*width:20%;*/
	/*height:30%;*/
	background-color:grey;
	color:white;
	border:0;
}

#build-mscreens-box{
	position: absolute;
	overflow-y: hidden;
    overflow-x: hidden;
	/*width: 710px;*/
	height:100%;
	width: 100%;
}


#build-mscreensalt-box{
	position: absolute;
	overflow-y: hidden;
    overflow-x: hidden;
	/*width: 710px;*/
	height:100%;
	width: 100%;
}

#content-build-mscreens-box{
position: absolute;
	left: 12%;
	top: 0%;
	height: 93%;
	overflow-y: hidden;
    overflow-x: hidden;
	width: 86%;
}

#m-p-sup-systems-box{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 80%;
	top: 68.5%;
/* 	z-index: 70; */
}

#m-p-sup-parameters-box{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 100%;
	top: 68.5%;
	cursor: pointer;
}

#m-sup-systems-box{
	position: absolute;
	top: 68.5%;
	height: 30.5%;
    width: 20%;
    left: 120%;
}

#m-sup-parameters-box{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 140%;
	top: 68.5%;
	cursor: pointer;
}
#m-sup-hypotheses-box{
	position: absolute;
	top: 68.5%;
	height: 30.5%;
    width: 20%;
    left: 160%;
	
}
#m-sup-connector-p{
	position:absolute;
	left: 10%;
	top: 30.5%;
    height: 4%;
	
}
#m-sup-connector{
	position:absolute;
	left: 50%;
	top: 30.5%;
	height: 4%;	
		
}
#m-sup-connector-f{
	position:absolute;
	left: 90%;
	top: 30.5%;
	height:4%;
	
}
#m-p-system-box{
	position: absolute;
    left: 80%;
	height: 30.5%;
    width: 20%;
    top: 103%;
    background-color: #FFF;
}
#m-p-parameters-box{
	position: absolute;
	cursor: pointer;
	height: 30.5%;
    width: 20%;
    left: 100%;
    top: 103%;	
}
#m-system-box{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 120%;
    top: 103%;
	background-color: #FFF;
}
#m-parameters-box{
	position: absolute;
	cursor: pointer;
	height: 30.5%;
    width: 20%;
    left: 140%;
    top: 103%;
}

#m-hypotheses-box{
	position: absolute;
	top: 103%;
    height: 30.5%;
    width: 20%;
    left: 160%;
}
#m-sub-connector-p{
	position:absolute;
	left: 10%;
    top: 65%;
	height: 4%;
}
#m-sub-connector{
	position:absolute;
	left: 50%;
    top: 65%;
	height: 4%;	
}
#m-sub-connector-f{
	position:absolute;
	left: 90%;
    top: 65%;
	height: 4%;
}
#m-p-sub-systems-box{
	position: absolute;
	left: 80%;
    height: 30.5%;
    width: 20%;
    top: 138%;
}
#m-p-sub-parameters-box{
	position: absolute;
	cursor: pointer;
	height: 30.5%;
    width: 20%;
    left: 100%;
    top: 138%;
}
#m-sub-systems-box{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 120%;
    top: 138%;
}
#m-sub-parameters-box{
	position: absolute;
	cursor: pointer;
	height: 30.5%;
    width: 20%;
    left: 140%;
    top: 138%;
}
#m-sub-hypotheses-box{
	position: absolute;
	top: 138%;
    height: 30.5%;
    width: 20%;
    left: 160%;
}
#build-mscreens-x-axis-box{
	position: absolute;
	left: 12%;
	z-index: 20;
	/*top : 91%;*/
	bottom: 0;
	width:86%;
	height:10%;
	overflow-y: hidden;
	overflow-x: hidden;
}
#build-mscreens-x-axis-bar{
	position: absolute;
	left: 10%;
	top: 93%;
	width:89%;
	height:10%;
	/*width:2200px;*/
	overflow-x: hidden;
}

.mscreens-lbl{
    white-space: nowrap;
    font-size:10px;
    position:absolute;
    bottom: 0;
}

#mscreens-lbl-past{
	left:88%;
}
#mscreens-lbl-past-2{
	left:48%;
}
#mscreens-lbl-past-3{
	left: 8%;
}
#mscreens-lbl-present{
	left:127%;
}
#mscreens-lbl-future{
	left:168%;
}
#mscreens-lbl-future2{
	left:208%;
}
#mscreens-lbl-future3{
	left: 248%;
}

#mscreens-add-entry{
	position:absolute;
	bottom:5px;
	right:5px;
}

#mscreens-list-entries{
	position:absolute;
	top:50%;
	height:40%;
}

.ms-parameter{
	font-size: 12px;
	padding-left:8px;
	padding-right:8px;
}

.ms-parameter.flex-0{
	padding-left:0;
	padding-right:0;
}

.controls-arrow{
	z-index: 3;
	cursor: pointer;
}

.controls-arrow:focus{
	outline: none;
}

.controls-arrow:HOVER{
	background-color: #F2E88F; 
}

.deactivated-line svg.arrow-arrow path{
	stroke-dasharray: none;
}

.deactivated-line svg path, .deactivated-line svg line{
	stroke-dasharray: 3, 5;
}

svg.line-draw path, svg.line-draw line{
	stroke: grey;
	stroke-width: 1.25px;
	fill: none;
}

build-arrow{
/* 	position: absolute; */
	display: block;
	z-index: 1;
}

build-arrow .horizontal{
	margin-top: 0px;
	height: 11px;
}

build-arrow .vertical{
	margin-left: -5px;
	width: 11px;
}

build-arrow div{
	width: 100%;
	height: 100%;
}

build-arrow svg{
	height: 11px;
}

/* .rotate-90{ */
/* 	-ms-transform: rotate(-90deg); IE 9 */
/*     -webkit-transform: rotate(-90deg); Chrome, Safari, Opera */
/*     transform: rotate(-90deg); */
/* } */

.horizontal .arrow-arrow{
	margin-left: -10px;
	z-index: 2;
	width: 11px;
}

.vertical .arrow-arrow{
	margin-bottom: -10px;
	z-index: 2;
	height: 11px;
}

.vertical .arrow-arrow-b{
	margin-top: -10px;
	z-index: 2;
	height: 11px;
}

svg.arrow-arrow path{
	fill: grey;
}

svg.arrow-arrow-b path{
	fill: grey;
}

/* #fpu-arrow{ */
/* 	top: 50%; */
/* 	left: 0; */
/* 	width: 100%; */
/* } */

#con-arrow{
	position:absolute;
	top:0%;
	left:50%;
	height:100%;
}

#energy-to-motor{
	position: absolute;
	left: 5%;
	width: 5%;
	top: 42.5%;
	height: 15%;
}

#energy-to-motor build-arrow{
	margin-top: -6px;
}

#subsystem-border{
	box-sizing: border-box;
	z-index: 1;
	left: 7%;
	right: 22%;
	top: 47%;
	bottom: 7%;
	position: absolute;
	border: 2px solid grey;
}

#system-zoom-left{
	position: absolute;
	left: 7%;
	width: 13%;
	top: 20%;
	height: 27%;
	z-index: 1;
}

#system-zoom-right{
	position: absolute;
	left: 35%;
	right: 22%;
	top: 20%;
	height: 27%;
}

#motor-to-transmission{
	position: absolute;
	left: 25%;
	top: 57.5%;
	width: 10%;
}

#transmission-to-work{
	position: absolute;
	left: 50%;
	top: 57.5%;
	width: 10%;
}

#work-to-client2{
	position: absolute;
	left: 75%;
	top: 57.5%;
	right: 17%;
}

.system-tree{
	outline: none;
	cursor: pointer;
	margin-left: 10px;
	padding-left: 12px;
}

.system-tree:HOVER{
	background-color: rgba(158,158,158,0.2);
}

.selected-system-leaf{
	background-color: rgba(158,158,158,0.2);
}

.tree-level-indicator{
	height: 32px;
	width: 6px;
	border-right: 1px dotted grey;
}

/*.form-step{
    max-height:100% !important;
}
@media(min-width:960px){
    .form-step{
        min-width: 800px;
    }
}
@media (min-width:360px) and (max-width:768px){
    .form-step{
        min-width: 320px;
        max-height:100% !important;
    }
}*/


.chart-tile {
  display: block;
  height: 100%;
  width: 100%;
}

.gridListdemoDynamicTiles .s64 {
  font-size: 64px; }

.gridListdemoDynamicTiles .s32 {
  font-size: 48px; }

.gridListdemoDynamicTiles md-grid-list {
  /*margin: 8px;*/
   }

.gridListdemoDynamicTiles md-grid-tile {
  /*box-shadow: 0px 0px 0px 0px #888888;*/
  transition: all 300ms ease-out 50ms; 
}

/*.gridListdemoDynamicTiles md-grid-tile md-grid-tile-footer {
  background: rgb(63,81,181);
  height: 36px; }

.gridListdemoDynamicTiles md-grid-tile-footer figcaption {
  width: 100%; }

.gridListdemoDynamicTiles md-grid-tile-footer figcaption h5 {
  margin: 0;
  font-weight: 700;
  width: 100%;
  text-align: center; }*/
  
.gridCurves .s64 {
  font-size: 64px; }

.gridCurves .s32 {
  font-size: 48px; }

.gridCurves md-grid-list {
  /*margin: 8px;*/ }

.gridCurves md-grid-tile {
  /*box-shadow: 1px 1px 1px 1px #888888;*/
  transition: all 300ms ease-out 50ms; 
}

/*.gridCurves md-grid-tile md-grid-tile-footer {
  background: rgb(63,81,181);
  height: 36px; }

.gridCurves md-grid-tile-footer figcaption {
  width: 100%; }

.gridCurves md-grid-tile-footer figcaption h5 {
  margin: 0;
  font-weight: 700;
  width: 100%;
  text-align: center; }*/
  
 .gridSCurves .s64 {
  font-size: 64px; }

.gridSCurves .s32 {
  font-size: 48px; }

.gridSCurves md-grid-list {
  /*margin: 8px;*/
  }

.gridSCurves md-grid-tile {
  /*box-shadow: 1px 1px 1px 1px #888888;*/
  transition: all 300ms ease-out 50ms; 
}

/*
.gridSCurves md-grid-tile md-grid-tile-footer {
  background: rgb(63,81,181);
  height: 36px; }

.gridSCurves md-grid-tile-footer figcaption {
  width: 100%; }

.gridSCurves md-grid-tile-footer figcaption h5 {
  margin: 0;
  font-weight: 700;
  width: 100%;
  text-align: center; }*/
  
  .height_curves
  {
  	height: 200px;
  	width: 300px
  }
  
  .height_Scurves
  {
  	height: 250px;
  	width: 300px
  }
  
  .gridBorder{
  border: 5px solid red;
  }
  
/*  md-slider-container>:first-child:not(md-slider), md-slider-container>:last-child:not(md-slider) {
  min-width: 106px;
    max-width: 110px;
    height: 25px;
  }*/
  
  .my-radio md-radio-button , md-radio-button.md-checked ._md-on{
          background-color: rgba(63,81,181,0.87);
      }
      
  .loiIndice0{
	  color:black;
	  font-weight: bold;
	  /*font-style: italic;*/
  }
  
   .loiIndice1{
	  color:black;
	  /*font-style: italic;*/
	  font-weight: bold;
  }
  
   .loiIndice2{
	  color:black;
	  /*font-style: italic;*/
  }
  
   .loiIndice3{
	  color:black;
	  /*font-style: italic;*/
  }
  
   .loiIndice4{
   color:#606060;
   	
  }
  
.loiIndice5{
   color:#606060;
}

.description-hyp{
    color:#1E88B1;
    /*font-weight: bold;*/
}
  
  md-slider{
  	height: 15px
  }
  
  md-slider .md-thumb {
  	top: -2px;
  }
  
  md-slider .md-track-container {
  top:8px;
  }
  
  md-slider .md-sign{
  display: none;
  }
  
  md-grid-tile:focus{
	outline: none;
	border:none;
}

img:focus{
	outline: none;
	border:none;
}

md-slider[md-discrete]:not([disabled]).md-active .md-thumb, md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
    -webkit-transform: scale(.7);
    transform: scale(.7); 
}

.layout-column>.flex-33{
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 33.33%;
	flex: 1 1 33.33%;
	max-width: 100%;
	height: 100px;
	max-height: 33.33%;
	box-sizing: border-box
}

/* md-list-item.system-tree  ._md-list-item-inner .md-avatar-icon{ */
/* 	padding: 2px; */
/* 	margin-right: 5px; */
/* 	margin-top: 4px; */
/* 	margin-bottom: 4px; */
/* } */

/* Adding by Qualshore */

.element-param-list-color{
	font-size: 12px;
	background-color: #00c100;
}
.element-param-list-child{
	font-size: 12px;
    margin-bottom: -7%;
}

.element-button-param-detail{
	    background-color: #bdd7ee;
	    padding: 0px;
	    
}

.hypothese-background{
	background-color: rgb(63,81,181);
}
.parameter-background-child{
	background-color: #77C6CB;
    opacity: 0.7;
}
#m-p-sup-systems-box-31{
position: absolute;
	height: 30.5%;
    width: 20%;
	left: 0px;
	top: 68.5%;
}
#m-p-sup-parameters-box-31{
	position: absolute;
	height: 30.5%;
    width: 20%;
	top: 68.5%;
	left: 20%;
	cursor:pointer;
}
#m-sup-systems-box-21{
	position: absolute;
	top: 68.5%;
	height: 30.5%;
    width: 20%;
    left: 40%;  
}
#m-sup-parameters-box-21{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 60%;
	top: 68.5%;
	cursor:pointer;
}
#m-p-sup-systems-box21{
position: absolute;
	left: 0%;
	height: 30.5%;
    width: 20%;
	left: 200%;
	top: 68.5%;
}
#m-sup-parameters-box21{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 180%;
	top: 68.5%;
	cursor:pointer;
	
}
#m-sup-systems-box31{
	position: absolute;
	top: 68.5%;
	height: 30.5%;
    width: 20%;
    left: 240%;
}
#m-p-sup-parameters-box31{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 220%;
	top: 68.5%;
	cursor:pointer;
}
#m-p-sup-systems-box-30{
position: absolute;
	left: 0%;
	height: 30.5%;
    width: 20%;
	left: 0px;
	top: 103%;
}
#m-p-sup-parameters-box-30{
	position: absolute;
	height: 30.5%;
    width: 20%;
	top: 103%;
	left: 20%;
	cursor:pointer;
	
}
#m-sup-systems-box-20{
	position: absolute;
	top: 103%;
	height: 30.5%;
    width: 20%;
    left: 40%;  
}
#m-sup-parameters-box-20{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 60%;
	top: 103%;
	cursor:pointer;
}
#m-p-sup-systems-box20{
position: absolute;
	height: 30.5%;
    width: 20%;
	left: 200%;
	top: 103%;
}
#m-sup-parameters-box20{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 180%;
	top: 103%;
	cursor:pointer;
}
#m-sup-systems-box30{
	position: absolute;
	top: 103%;
    height: 30.5%;
    width: 20%;
    left: 240%;
}
#m-p-sup-parameters-box30{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 220%;
    top: 103%;
    cursor: pointer;
}
#m-p-sup-systems-box-33{
position: absolute;
	left: 0%;
	height: 30.5%;
    width: 20%;
	left: 0px;
	top: 0%;
}
#m-p-sup-parameters-box-33{
	position: absolute;
	height: 235px;
    width: 20%;
    left: 835px;
	top: 0%;
	left: 165px;
	cursor:pointer;
}
#m-sup-systems-box-23{
	position: absolute;
	top: 0%;
	height: 30.5%;
    width: 20%;
    left: 40%;
}
#m-sup-parameters-box-13{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 60%;
	top: 0%;
	cursor:pointer;
}
#m-p-sup-systems-box-13{
	position: absolute;
	left: 0%;
	height: 30.5%;
    width: 20%;
	left: 80%;
	top: 0%;
}
#m-p-sup-parameters-box0{
	position: absolute;
	/*height: 30%;
	width: 21%;
	left:19%*/
	height: 235px;
    width: 170px;
    left: 835px;
	top: 0%;
	cursor: pointer;
}
#m-sup-systems-box03{
	position: absolute;
	top: 0%;
	height: 30.5%;
    width: 20%;
    left: 120%;
}
#m-sup-parameters-box13{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 140%;
	top: 0%;
	cursor: pointer;
}
#m-sup-hypotheses-box13{
	position: absolute;
	top: 0%;
	height: 30.5%;
    width: 20%;
    left: 160%;
}
#m-sup-parameters-box23{
    position: absolute;
    height: 30.5%;
    width: 20%;
    left: 180%;
    top: 0%;
    cursor:pointer;
}

#m-p-sup-systems-box23{
	position: absolute;
    height: 30.5%;
    width: 20%;
    left: 200%;
    top: 0%;
}
#m-p-sup-parameters-box33{
	cursor: pointer;
    position: absolute;
    height: 30.5%;
    width: 20%;
    left: 220%;
    top: 0%;
	cursor: pointer;
}
#m-sup-systems-box33{
	position: absolute;
    top: 0%;
    height: 30.5%;
    width: 20%;
    left: 240%;
}
#m-sup-systems-box33{
	position: absolute;
    top: 0%;
    height: 30.5%;
    width: 20%;
    left: 240%;
}
#m-p-sup-systems-box-33{
position: absolute;
	left: 0%;
	height: 30.5%;
    width: 20%;
	left: 0px;
	top: 0%;
}
#m-p-sup-parameters-box-22{
	position: absolute;
    height: 30.5%;
    width: 20%;
   top: 34.5%;
    left: 20%;
    cursor:pointer;
}
#m-sup-systems-box-22{
	position: absolute;
    top: 34.5%;
    height: 30.5%;
    width: 20%;
    left: 40%;
}
#m-sup-parameters-box-12{
	position: absolute;
    height: 30.5%;
    width: 20%;
    left: 60%;
    top: 34.5%;
    cursor:pointer;
}
#m-p-system-box-12{
	position: absolute;
	left: 80%;
	height: 30.5%;
    width: 20%;
   top: 34.5%;
}
#m-p-parameters-box02{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 100%;
   top: 34.5%;	
    cursor:pointer;
}
#m-system-box02{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 120%;
   top: 34.5%;
	
}
#m-hypotheses-box12{
	position: absolute;
	top: 34.5%;
    height: 30.5%;
    width: 20%;
    left: 160%;
}
#m-sup-parameters-box22{
	position: absolute;
    height: 30.5%;
    width: 20%;
    left: 180%;
   top: 34.5%;
    cursor:pointer;
}
#m-p-sup-systems-box22{
    position: absolute;
    height: 30.5%;
    width: 20%;
    left: 200%;
   top: 34.5%;
}
#m-p-sup-parameters-box32{
	position: absolute;
    height: 30.5%;
    width: 20%;
    left: 220%;
   top: 34.5%;
    cursor:pointer;
}
#m-sup-systems-box32{
    position: absolute;
    top: 34.5%;
    height: 30.5%;
    width: 20%;
    left: 240%; 
}
#m-p-sup-parameters-box-23{
	position: absolute;
    height: 30.5%;
    width: 20%;
    top: 0%;
    left: 20%;
    cursor:pointer;
}
#m-p-sup-parameters-box03{
    position: absolute;
    height: 30.5%;
    width: 20%;
    left: 100%;
    top: 0%;
    cursor: pointer;
}

#m-p-sup-systems-box-32{
	position: absolute;
    left: 0%;
    height: 30.5%;
    width: 20%;
    left: 0px;
   top: 34.5%;
}
#m-parameters-box12{
	position: absolute;
    cursor: pointer;
    height: 30.5%;
    width: 20%;
    left: 140%;
   top: 34.5%;
    cursor:pointer;
}
#m-sup-systems-box3-2{
    position: absolute;
    top: 173%;
    height: 30.5%;
    width: 20%;
    left: 240%; 
}
#m-p-sup-parameters-box3-2{
	position: absolute;
    height: 30.5%;
    width: 20%;
    left: 220%;
    top: 173%;
    cursor:pointer;
}
#m-p-sup-systems-box2-2{
    position: absolute;
    height: 30.5%;
    width: 20%;
    left: 200%;
    top: 173%;
}
#m-sup-parameters-box2-2{
	position: absolute;
    height: 30.5%;
    width: 20%;
    left: 180%;
    top: 173%;
    cursor:pointer;
}
#m-hypotheses-box1-2{
	position: absolute;
	top: 173%;
    height: 30.5%;
    width: 20%;
    left: 160%;
}
#m-parameters-box1-2{
	position: absolute;
    cursor: pointer;
    height: 30.5%;
    width: 20%;
    left: 140%;
    top: 173%;
}
#m-system-box0-2{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 120%;
    top: 173%;
}
#m-p-parameters-box0-2{
	position: absolute;
	cursor: pointer;
	height: 30.5%;
    width: 20%;
    left: 100%;
    top: 173%;
}
#m-p-system-box-1-2{
	position: absolute;
	left: 80%;
	height: 30.5%;
    width: 20%;
    top: 173%;
}
#m-sup-parameters-box-1-2{
	position: absolute;
    height: 30.5%;
    width: 20%;
    left: 60%;
    top: 173%;
    cursor:pointer;
}
#m-sup-systems-box-2-2{
	position: absolute;
    top: 173%;
    height: 30.5%;
    width: 20%;
    left: 40%;
}
#m-p-sup-parameters-box-2-2{
	position: absolute;
    height: 30.5%;
    width: 20%;
    top: 173%;
    left: 20%;
    cursor:pointer;
}
#m-p-sup-systems-box-3-2{
	position: absolute;
    left: 0%;
    height: 30.5%;
    width: 20%;
    left: 0px;
    top: 173%;
}
#m-sup-systems-box3-3{
	position: absolute;
    top: 208%;
    height: 30.5%;
    width: 20%;
    left: 240%;
}
#m-p-sup-parameters-box3-3{
	cursor: pointer;
    position: absolute;
    height: 30.5%;
    width: 20%;
    left: 220%;
    top: 208%;
}
#m-p-sup-systems-box2-3{
	position: absolute;
    height: 30.5%;
    width: 20%;
    left: 200%;
    top: 208%;
}
#m-sup-parameters-box2-3{
    position: absolute;
    height: 30.5%;
    width: 20%;
    left: 180%;
    top: 208%;
    cursor:pointer;
}
#m-sup-hypotheses-box1-3{
	position: absolute;
	top: 208%;
	height: 30.5%;
    width: 20%;
    left: 160%;
}
#m-sup-parameters-box1-3{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 140%;
	top: 208%;
	cursor: pointer;
}
#m-sup-systems-box0-3{
	position: absolute;
	top: 208%;
	height: 30.5%;
    width: 20%;
    left: 120%;
}
#m-p-sup-parameters-box0-3{
    position: absolute;
    height: 30.5%;
    width: 20%;
    left: 100%;
    top: 208%;
    cursor: pointer;
}
#m-p-sup-systems-box-1-3{
	position: absolute;
	height:31%;
    width: 20%;
	left: 80%;
	top: 208%;
}
#m-sup-parameters-box-1-3{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 60%;
	top: 208%;
	cursor:pointer;
}
#m-sup-systems-box-2-3{
	position: absolute;
	top: 208%;
	height: 30.5%;
    width: 20%;
    left: 40%;
}
#m-p-sup-parameters-box-2-3{
	position: absolute;
    height: 30.5%;
    width: 20%;
    top: 208%;
    left: 20%;
    cursor:pointer;
}
#m-p-sup-systems-box-3-3{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 0px;
	top: 208%;
}
#m-sup-systems-box-2-1{
	position: absolute;
	top: 138%;
	height: 30.5%;
    width: 20%;
    left: 40%;  
}
#m-sup-parameters-box-2-1{
	position: absolute;
	height: 30.5%;
    width: 20%;
	left: 60%;
	top: 138%;
	cursor:pointer;
}
#m-p-sup-parameters-box-3-1{
	position: absolute;
	height: 30.5%;
    width: 20%;
	top: 138%;
	left: 20%;
	cursor:pointer;
}
#m-p-sup-systems-box-3-1{
position: absolute;
	height: 30.5%;
    width: 20%;
	left: 0px;
	top: 138%;
}
#m-sup-systems-box3-1{
	position: absolute;
	top: 138%;
	height: 30.5%;
    width: 20%;
    left: 240%;
}
#m-p-sup-parameters-box3-1{
	position: absolute;
    height: 30.5%;
    width: 20%;
    top: 138%;
    cursor: pointer;
    left: 220%;
}
#m-p-sup-systems-box2-1{
    position: absolute;
	height: 30.5%;
    width: 20%;
	left: 200%;
	top: 138%;
}
#m-sup-parameters-box2-1{
	position: absolute;
	height: 30.5%;
    width: 20%;
    left: 180%;
	top: 138%;
	cursor:pointer;
}
#m-sup-connector03{
	position:absolute;
	left: 130%;
	top: 30.5%;
	height: 4%;
	
}
#m-sup-connector13{
	position:absolute;
	left: 170%;
	top: 30.5%;
	height: 4%;
	
}
#m-sup-connector23{
	position:absolute;
	height:5%;
	left: 210%;
	top: 30.5%;
}
#m-sup-connector33{
	position:absolute;
	left: 250%;
	top: 30.5%;
	height: 4%;
}
#m-sup-connector02{
	position:absolute;
	left: 130%;
    top: 65%;
	height: 4%;
}
#m-sup-connector12{
	position:absolute;
	left: 170%;
    top: 65%;
	height: 4%;
}
#m-sup-connector22{
	position:absolute;
	left: 210%;
    top: 65%;
	height: 4%;
}
#m-sup-connector32{
	position:absolute;
	left: 250%;
    top: 65%;
	height: 4%;
}
#m-sub-connector-31{
	position:absolute;
	left: 10%;
	top: 99%;
	height: 4%;
}
#m-sub-connector-21{
	position:absolute;
	left: 50%;
    top: 99%;
	height: 4%;
}
#m-sub-connector-11{
	position:absolute;
	left: 90%;
    top: 99%;
	height: 4%;
}
#m-sup-connector01{
	position:absolute;
	left: 130%;
    top: 99%;
	height: 4%;
}
#m-sup-connector11{
	position:absolute;
	left: 170%;
    top: 99%;
	height: 4%;
}
#m-sup-connector21{
	position:absolute;
	left: 210%;
    top: 99%;
	height: 4%;
}
#m-sup-connector31{
	position:absolute;
	left: 250%;
    top: 99%;
	height: 4%;
}
#m-sub-connector-30{
	position:absolute;
	left: 10%;
    top: 133.5%;
	height: 4.5%;
}
#m-sub-connector-20{
	position:absolute;
	left: 50%;
    top: 133.5%;
	height: 4.5%;
	
}
#m-sub-connector-10{
	position:absolute;
	left: 90%;
    top: 133.5%;
	height: 4.5%;
}
#m-sup-connector00{
	position:absolute;
	left: 130%;
    top: 133.5%;
	height: 4.5%;
}
#m-sup-connector10{
	position:absolute;
	left: 170%;
    top: 133.5%;
	height: 4.5%;
}
#m-sup-connector20{
	position:absolute;
	left: 210%;
    top: 133.5%;
	height: 4.5%;
}
#m-sup-connector30{
	position:absolute;
	left: 250%;
    top: 133.5%;
	height: 4.5%;
}
#m-sub-connector-3-1{
	position:absolute;
	left: 10%;
    top: 168.5%;
	height: 4.5%;
}
#m-sub-connector-2-1{
	position:absolute;
	left: 50%;
    top: 168.5%;
	height: 4.5%;
}
#m-sub-connector-1-1{
	position:absolute;
	left: 90%;
    top: 168.5%;
	height: 4.5%;
}
#m-sup-connector0-1{
	position:absolute;
	left: 130%;
    top: 168.5%;
	height: 4.5%;
}
#m-sup-connector1-1{
	position:absolute;
	left: 170%;
    top: 168.5%;
	height: 4.5%;
}
#m-sup-connector2-1{
	position:absolute;
	left: 210%;
    top: 168.5%;
	height: 4.5%;
}
#m-sup-connector3-1{
	position:absolute;
	left: 250%;
    top: 168.5%;
	height: 4.5%;
}
#m-sub-connector-3-2{
	position:absolute;
	left: 10%;
    top: 203.5%;
	height: 4.5%;
}
#m-sub-connector-2-2{
	position:absolute;
	left: 50%;
    top: 203.5%;
	height: 4.5%;
}
#m-sub-connector-1-2{
	position:absolute;
	left: 90%;
    top: 203.5%;
	height: 4.5%;
}
#m-sup-connector0-2{
	position:absolute;
	left: 130%;
    top: 203.5%;
	height: 4.5%;
}
#m-sup-connector1-2{
	position:absolute;
	left: 170%;
    top: 203.5%;
	height: 4.5%;
}
#m-sup-connector2-2{
	position:absolute;
	left: 210%;
    top: 203.5%;
	height: 4.5%;
}
#m-sup-connector3-2{
	position:absolute;
	left: 250%;
    top: 203.5%;
	height: 4.5%;
}

#img-pastsystem{
    height: 100%;
    max-width: 100%;
    opacity: 0.2;
    width: 100%;
    margin-left: -10%;
}

#text-pastsystem{
	position: absolute;
   /* font-weight: bold;*/
    margin-top: -5%;
    width:100%;
    background: transparent;
    
}

#text-system{
	position: absolute;
  /*  font-weight: bold;*/
    text-align: center;
    width: 100%;
   /* top: 40px;*/
    background: transparent;
}

#text-muf{
	position: absolute;
    font-weight: bold;
    text-align: center;
    width: 100%;
    top: 60px;
    background: transparent;
}

#text-client{
	position: absolute;
    font-weight: bold;
    text-align: center;
    width: 100%;
    top: 80px;
    background: transparent;
}

#x-axis-box{
	width: 100%;
	height: 100%;
	position: absolute;
}

#y-axis-box{
height: 100%;
width: 100%;
position: absolute;
}
#supersystem3, #connector3, #supersystem2, #connector2, #supersystem1, #connector1, #system, #connector0, #microsystem_1, #connector_1, #microsystem_2, #connector_2, #microsystem_3{
    height: 100%;
    width: 100%;
    position: absolute;
}


.element-param-list {
    margin-bottom: auto;
    margin-top: auto;
    font-size: 12px;
	margin-left: 8px;
	margin-right: 8px;
}
/* .md-list-item-text{ */
/* 	padding-right: 8px; */
/*     padding-left: 8px; */
/* } */
/* .md-list-item-text p { */
/*     margin-bottom: 5px !important; */
/* } */

/* md-icon { */
/*     margin-right: 5px !important; */
/* } */
#mdlisteparam{
	height: 98% !important;
    display: flex !important;
    vertical-align: middle !important;
    padding: 0px 0;
}
#mdlisteparam0{
	height: 100% !important;
    display: flex !important;
    vertical-align: middle !important;
    padding: 0px 0;
}

#mscreens-btn-liste md-input-container>md-select{
	height:100%
	color:white;
}
#mscreens-btn-liste .md-select-value{
	width: 100%;
    min-width: 100%;
    height: 100%;
    color: white;
}

#m-p-sup-systems-box-31:hover {
    background-color: #F2E88F !important;
}