@import "/lib/css/custom-layout-black.css";
@import "/lib/css/custom-tablet.css";

html {
	overflow-y: auto !important;
}

body{ 
	font-family: 'Roboto', sans-serif;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	font-weight: 300 !important;
}
.new-wirst-position-design {
    margin-top: 1px;
    height: 108px;
}
.new-force-case-design {
    margin-top: 1px;
    height: 126px;
}
.barStanding{
  margin-top: -4px;
  height: 47px;
}
.newForceCase{
      margin-top: -60px;
}
.forceCase{
	margin-top: 17px;
	margin-left: -7px;
	font-size: 20px;
}
.positionLabelWirst{
color:white;
font-size: 20px;
font-weight: 300;
height: 46px;
padding-left: 15px;
padding-top: 6px;
}
.top_header{
	background: #252b35;
	padding:0;
	width: 100vw;
	min-height: 60px;
	position: fixed;
	top: 0;
	z-index: 70;
	padding-left: 0px !important;
}
.top_header .logo{
	display: inline-block;
	line-height: 60px;
}
.top_header .icons_right{
	height: 60px;
	padding-right: 22px;
	position: absolute;
    right: 0;
    top: 0;
}
.top_header .icons_right > .row{
	float:right;
	display: inline-block;
}

.element-news textarea{
	overflow-y: scroll !important;
    height: 0px !important;
}
.top_header .icons_right a {
	float:left;
	line-height: 60px;
	height: 60px;
	color: #fff;
	position: relative;
	font-size: 34px;
	overflow: hidden;
	width: 50px;
	text-align: center !important;
	margin-left: 30px;
	
}
.top_header .icons_right a:hover{
	background: #2c343f;
	
}
.top_header .icons_right a.lg-sp{
	font-size: 16px
}
.top_header .icons_right a span{
	display: inline-block;
}
.top_header .icons_right a .badge{
	width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 0;
    font-style: normal;
    line-height: 15px;
    padding: 0;
    text-align: center;
    padding-top: 2px;
}
.top_header .icons_right a .zmdi.zmdi-refresh-sync{
	color: #95c11f !important
}
.top_header .icons_right a .badge-not{
	background: #367399 !important
}
.top_header .icons_right a .badge-msg {
	background: #367399 !important
}
.top_header .title_men a {
    display: inline-block;
    width: 80px;
}
.top_header  .title_men span{
	display: inline-block;
	line-height: 60px;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	margin-left: -52px;
}
.top_header  .title_men a.ico_menu {
	text-align: left;
	display: inline-block;
	width: 38px;
	text-decoration: none;
	color:#fff;
}
.top_header  .title_men a.ico_menu i{
	font-size: 34px;
	position: relative;
	top: 3px;
	left:5px;
}
.fixed_nav{
	background: #252b35;
	min-height: calc(100vh - 60px);
	position: fixed;
	top: 0;
	z-index: 11;
    margin-top: 60px;
}



.fixed_nav_left ul{
	padding: 0;
	margin: 0;
}

.fixed_nav_left ul li{
	line-height: 60px;
	text-align: center;

}
.fixed_nav_left ul li a{
	font-size: 30px;
	color: #5b6e7f;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.fixed_nav_left ul li.active a , .fixed_nav_left ul li a:hover{
	color: #fff;
}
.fixed_nav_left ul li a span{
	display: none;
}
.title_menu{
	width: 270px;
}
.title_menu ul li{
	text-align: left;
	padding: 0 15px;
}

.menu_open, .menu_close {
	font-size: 34px;
	margin-top: 15px;
}

.app-aside-folded .menu_close{
	display: none;
}

.menu_open{
	display: none;
}
.app-aside-folded .menu_open{
	display: block;
	margin-left: -18px;
}

.app-header-fixed .fixed_nav ul li a{
	font-size: 18px;
    color: #5b6e7f;
    line-height: 60px;
    padding: 0 15px;
    font-weight: 400;
    -webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.app-header-fixed .fixed_nav ul li a:hover,
.app-header-fixed .fixed_nav ul li.active a,
.app-header-fixed .fixed_nav ul li a:focus{
	color: #fff;
	background: none;
}
.app-header-fixed .fixed_nav ul li a + ul li a {
	color: #fff!important
}
.app-header-fixed .fixed_nav ul li a span{
	font-size: 18px;
}
.app-header-fixed .fixed_nav ul li a > i{
	margin: 0px 0 0 -10px;
	line-height: 60px;
	position: relative;
	font-size: 34px;
}
.app-header-fixed .fixed_nav ul li a > i:before{
	top: 2px;
}
.app-aside-folded .fixed_nav ul li{
	    height: 60px;
}
.app-aside-folded .fixed_nav ul li a i{
	font-size: 34px;
	line-height: 60px;
	color: #5b6e7f;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	margin: 0;
}

.app-aside-folded .fixed_nav ul li a{
	    text-align: center;
    height: 60px;
    padding: 0;
}
.app-aside-folded .fixed_nav ul li.active a i , .app-aside-folded .fixed_nav ul li a:hover i{
	color: #fff
}

.app-aside-folded .navi>ul>li>a i{
	font-size: 34px;
}



.app-header-fixed .nav.nav-sub.dk{
	background-color: #424b59;
	position: relative;
	display: block;
}


.app-header-fixed .nav.nav-sub.dk:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 10px 0 10px;
	border-color: #252b35 transparent transparent transparent;
	left: 50%;
	margin-left: -5px;

}

.app-header-fixed .nav.nav-sub.second.dk{
	background-color: #424b59;
	position: relative;
	width: 200px;
	left: 190px;
	bottom: 60px;
}

.app-header-fixed .nav.nav-sub.second.dk:hover{
	background-color: #424b59;
	position: relative;
	width: 200px;
	left: 190px;
	bottom: 60px;
}


.app-header-fixed .nav.nav-sub.second.dk:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 10px 0 10px;
	border-color: #252b35 transparent transparent transparent;
	left: 50%;
	margin-left: -5px;

}

.app-aside-folded  .nav.nav-sub.dk{
	overflow: hidden;
	position: absolute;
}
.app-aside-folded .nav.nav-sub.dk a{
	color: #fff;
	text-align: left;
	    line-height: 60px;
    height: 60px !important;
}

.app-aside-folded .nav.nav-sub.dk:before{
	display: none;
}


.navi ul.nav li li a{
	padding-left: 45px;
}

a.logout{
	font-size: 34px;
	color: #5b6e7f;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	position: absolute;
	bottom: -11px;
	text-align: center;
	display: inline-block;
	line-height: 80px;
	width: 80px;
	margin-left: -21px;
    padding-left: 26px;
}

a.logout:hover{
	color: #fff
}

.title_collapse{
	padding: 5px 20px;
	min-height: 80px;
}


.header_top_green .bg_green{
margin-top: 60px !important;
}

.bg_green .span_left i:before{
	top: 3px;
	position: relative;
}

.app-aside-folded .item_menu_1{
	height: 100px !important;
	position: relative !important;
}
.app-aside-folded .item_menu_1:before{
	    content: 'Analyse' !important;
    position: absolute !important;
    width: 80px !important;
    transform: rotate(-90deg);
    left: -10px !important;
    top: 20px !important;
    font-size: 20px;
    color: #5b6e7f;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.app-aside-folded .item_menu_1:hover:before{
	color: #fff
}
.app-aside-folded .item_menu_1 a{
	height: 100px !important;
	padding: 0 !important;
}
.app-aside-folded .item_menu_1 a i{
    transform: rotate(-90deg) !important;
	position: relative !important;
    top: 60px !important;
}



.app-aside-folded .item_menu_2{
	height: 100px !important;
	position: relative !important;
}
.app-aside-folded .item_menu_2:before{
	    content: 'Berich' !important;
    position: absolute !important;
    width: 80px !important;
    transform: rotate(-90deg);
    left: -10px !important;
    top: 20px !important;
    font-size: 20px;
    color: #5b6e7f;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.app-aside-folded .item_menu_2:hover:before{
	color: #fff
}
.app-aside-folded .item_menu_2 a{
	height: 100px !important;
	padding: 0 !important;
}
.app-aside-folded .item_menu_2 a i{
    transform: rotate(-90deg) !important;
	position: relative !important;
    top: 60px !important;
}



.app-aside-folded .item_menu_3{
	height: 160px !important;
	position: relative !important;
}
.app-aside-folded .item_menu_3:before{
	    content: 'Arbeitsvorrat' !important;
    position: absolute !important;
    width: 80px !important;
    transform: rotate(-90deg);
    left: -10px !important;
    top: 80px !important;
    font-size: 20px;
    color: #5b6e7f;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.app-aside-folded .item_menu_3:hover:before{
	color: #fff
}
.app-aside-folded .item_menu_3 a{
	height: 160px !important;
	padding: 0 !important;
}
.app-aside-folded .item_menu_3 a i{
    transform: rotate(-90deg) !important;
	position: relative !important;
    top: 120px !important;
}


.app-aside-folded .item_menu_4{
	height: 180px !important;
	position: relative !important;
}
.app-aside-folded .item_menu_4:before{
	content: 'Administration' !important;
    position: absolute !important;
    width: 80px !important;
    transform: rotate(-90deg);
    left: -10px !important;
    top: 90px !important;
    font-size: 20px;
    color: #5b6e7f;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.app-aside-folded .item_menu_4:hover:before{
	color: #fff
}
.app-aside-folded .item_menu_4 a{
	height: 180px !important;
	padding: 0 !important;
}
.app-aside-folded .item_menu_4 a i{
    transform: rotate(-90deg) !important;
	position: relative !important;
    top: 130px !important;
}

.app-aside-menu-control {
	position: absolute;
	margin: -20px 0 0 25px;
}

.app-aside-menu-label {
	position: absolute;
	margin: -20px 0 0 70px;
	font-size: 20px;
}

#content{
	height: calc(100vh - 60px);
    top: 60px;
    position: relative;
    overflow: auto;
    background: #FAFAFA;
    padding-left: 50px;
}
.sub_men_2{
	background-color: #5E6979 !important
}
.app-aside-folded  .nav.nav-sub.dk:hover{
	overflow: visible;
}

.app-aside-folded  .nav li:hover .nav-sub.dk{
	display: block !important;
}

.app-aside-folded  .nav li .nav-sub.dk{
	display: none !important;
}

.app-aside-folded  .nav.nav-sub.dk.sub_men_2:hover{
	overflow: hidden;
}
.app-aside-folded  .nav.nav-sub.dk li:hover .nav.nav-sub.dk.sub_men_2{
	display: block !important;
}
.app-aside-folded  .nav.nav-sub.dk li .nav.nav-sub.dk.sub_men_2 {
	display: none !important;
}

.app-aside-folded .nav.nav-sub.dk.sub_men_2 {
    left: 100%;
    position: absolute;
    z-index: 100;
    min-width: 300px;
    top: 0;
}

.app-aside-folded .nav.nav-sub.dk.sub_men_3 {
    left: 100%;
    position: absolute;
    z-index: 100;
    min-width: 480px;
    top: 0;
}


.app-aside-folded .nav.nav-sub.dk.sub_men_4 {
    left: 100%;
    position: absolute;
    z-index: 100;
    min-width: 250px;
    top: 0;
}





.app-aside, .navbar-header {
    width: 300px !important;
}

@media (min-width: 768px){
.app-aside-folded .app-aside, .app-aside-folded .navbar-header {
    width: 60px !important;
}
.navbar-collapse, .app-content, .app-footer {
     margin-left: 80px !important; 
}

.formInputs td{
	padding: 10px;
}

}

/*home_page*/
.home_page.bg_dark_blue{
	background: #252b35;
}

.home_page .signature_home_page{
	position: fixed;
    right: -130px;
    bottom: 160px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
}
.home_page .signature_home_page span{
	font-weight: 300;
	font-size: 18px;
	color: #424b59
}
.home_page .nav_home_page{
	height: 320px;
	width: 100vw;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.home_page .ban_logos{
	    background: #fff;
    width: 100vw;
    height: 100px;
    margin-top: 110px;
}
.home_page .ban_logos .logo_bmw{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 60px;
}
.home_page .ban_logos .logo_bmw img{
	height: calc(100px - 30px);
}


.home_page .ban_logos .logo_mini{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 60px;
	text-align: right;
}
.home_page .ban_logos .logo_mini img{
	height: calc(100px - 30px);
}
.home_page .logo_bot_home{
	    position: fixed;
    width: 100vw;
    bottom: 3vh;
    color: #fff;
}
.home_page .logo_bot_home p{
	font-size: 18px;
	font-weight: 300;

}

.circular_center{
	height: 320px;
    width: 320px;
    position: absolute;
    background: url(../img/home/circle.png) center center no-repeat;
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%

}
.circular_center a {
	text-decoration: none;
}

.circular_center a.child_1{
	color: #fff;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    -webkit-transform: rotate(-64deg);
    -moz-transform: rotate(-64deg);
    -ms-transform: rotate(-64deg);
    -o-transform: rotate(-64deg);
    transform: rotate(-64deg);
    left: 78px;
    top: 85px;
    z-index: 1;
    
   
}

.circular_center a.child_2{
	color: #fff;
    font-size: 20px;
    font-weight: 400;
    position: absolute !important;
    display: inline-block;
    -webkit-transform: rotate(63deg);
    -moz-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    -o-transform: rotate(63deg);
    transform: rotate(63deg);
    right: 84px;
    top: 79px;
    z-index: 1;
   
}


.circular_center a.child_3{
	color: #fff;
    font-size: 20px;
    font-weight: 400;
    position: absolute !important;
    display: inline-block;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 70px;
    text-align: center;
    z-index: 0;
    line-height: 70px;
    width: 150px;
    
   
}
.circular_center a.child_4{
	color: #fff;
    font-size: 20px;
    font-weight: 400;
    position: absolute !important;
    display: inline-block;
    bottom: 33px;
    right: 158px;
    z-index: 1;
    
     -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
   
}
.circular_center a{
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-transform: uppercase;
}

.circular_center a:hover{
	color: #252b35;
	text-shadow:none;
}


/*end home_page*/

/* */
.breadcrumb-separator	{
	margin-left: 15px;
}

.dis_inblk{
	display:inline-block;
}


/* Begin custom css navigation tabs  */
.tabs-aba{
	height: 80px;
}
.tabs-aba-content{
    width: calc(100% - 80px);
    -ms-touch-action: pan-y;
    margin: auto;
}


.tabs-aba .tabs-aba-content .item{
        padding:0px;
        text-align: center;
        font-size: 18px;
        font-weight: 300;
        border-right:1px solid #fff;
        min-height: 80px;

    }

 .tabs-aba .tabs-aba-content .item a{
	display: block;
	text-decoration: none;
	line-height: 80px;
    background: #dddddd;
    color: #2c343f;
    font-size: 18px;
    font-weight: 300;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
 }
  .tabs-aba .tabs-aba-content .item:hover a ,  .tabs-aba .tabs-aba-content .item.active a{
    background: #fff;
  }

  .tabs-aba .owl-pagination{
  	display: none;
  }
  .tabs-aba .owl-buttons{
  	position: absolute;
    top: 0;
    height: 80px;
    width: 100%;
    z-index: 0;
  }
  .tabs-aba .owl-wrapper-outer{
  	z-index: 1;
  }
  .tabs-aba .owl-buttons > div{
    	width: 30px;
    	top: 0;
    	line-height: 80px;
    	background: #dddddd;
    	text-align: center;
    	color: #fff;
    	font-size: 18px;
    	font-weight: 300;
    	position: fixed;
    	box-sizing: border-box;
    	-webkit-transition: all 0.2s;
    	-o-transition: all 0.2s;
    	transition: all 0.2s;
    	
    }

 .tabs-aba .owl-buttons > div:hover{
	background: #5b6e7f
}
    	

   .tabs-aba .owl-buttons  .owl-prev{
		left: 0;
		border-right:1px solid #fff;
		
   }
   .tabs-aba .owl-buttons  .owl-prev:before{
   		content: '\f2fa';
   		font: normal normal normal 18px/1 'Material-Design-Iconic-Font';
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
   }
   .tabs-aba .owl-buttons  .owl-next{
		right: 0;
		
   }

   .tabs-aba .owl-buttons  .owl-next:before{
   	    content: '\f2fb';
   	    font: normal normal normal 18px/1 'Material-Design-Iconic-Font';
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
   }
   
.bar-mesure-Catalogue{
/*margin-top: 105px;
margin-left: 60px;	
overflow: auto;
width: calc(100vw - 60px);*/
height: calc(100vh - 160px);

}
   
.bar-search-tempalte{
		margin-top: 45px;
	}
/* End custom css navigation tabs  */
/* material modal  */

md-dialog-actions.layout-row{
	border:none;
}

/* End material modal  */

.content-hseparator {
	height: 10px;
	background-color: #f4f4f4;
}

.bar > .shiContainer {
    position: absolute;
    right: 40px;
    margin-top: 8px;
    display: flex;
}
.greyBar{
	background: #424b59;
}

/* start fix width for grid*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
/* IE10+ specific styles go here */ 
.grid-tile-mm09{
	width: 270px !important;
}
}
@supports (-webkit-appearance:none) {
.grid-tile-mm09 {
	width: 364px !important;
}
}


/* Start greyBarTop*/
.greyBarTop {
	margin-top: -19px !important;
}
/* End greyBarTop*/
/* Start barHeaderTop*/
.barHeaderTop{
	left:60px !important;
	margin-top: -4px !important;
}
.no-stress-toggle-header{
    margin: 0px 25px;
    margin-right: 25px !important;
    color:  #fff !important;
}

/*End barHeaderTop*/
.partBar{
	background: #5b6e7f;
	display: inline-flex;
}
.criterionBar{
	background: #424b59;
	display: inline-flex;
}
.criterion-bar-help-icon, .criterion-bar-help-icon:hover{
	margin-left: 30px; 
	font-size: 34px; 
	color: #fff !important; 
	display: inline-block; 
	z-index: 1;
}
#firstBar{
	margin-top: -20px;
}
.alignedTitle{
	padding-top: 10px;
}
#headerBar{
	background: #95c11f; 
	position: fixed; 
	z-index: 9; 
	top: 60px;
	margin-top: 0 !important; 
	left: 60px !important;
}

.preview-change-top {
    top: 105px !important;
}

#headerBar > h2{
	/*padding-top: 5px !important;*/
}
md-dialog-content .bar{
	margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.leftInput{
	  margin-left: 50px !important;
}

/* update style Application abatech */

.ui-view1{
margin-top: -26px !important;
}

.ui-view2{
margin-top: -86px !important;
}

.ui-view2{
margin-top: -105px !important;
}
.header_bar_search{
margin-top: -26px !important;		
}

.header_bar_groupAnalysis{
margin-top: -66px !important;	
}



/* Start of bar design */
.bg_green{
	background: #95c11f;
}

.bg_green *{
	color: #fff;
}
.bg_green span{
	font-size: 20px;
	font-weight: 300;

}
.bg_green .span_left i{
	position: relative;
	margin-right: 15px;
}

.bg_green i{
	font-size: 25px;	
}

.bg_green i.breadcrumb-separator {
	font-size: 20px;
}

.bar{
	width: 100%;
	height: 45px;
	/*position:fixed;
	width:1600px;*/
}
.bar > h2{
	color: #ffffff;
	margin-left: 15px;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
}

.bar > .label > h2 {
	margin-top: 10px !important;
}

.header_bar{
	margin-top: -45px !important;	
}

.header_bar_app_masterdata{
margin-top: 45px !important;	
}

.header_bar-app_single-analysis{
margin-top: 45px !important;
margin-left: 0px !important;
padding-left:60px !important;	
}

.header_bar_app_masterdata{
margin-top: 45px !important;	
}

.header_bar_app_test{
margin-top: 44px !important;	
}

.header_bar_app_masterdata_h2{
margin-top: 5px !important;
}

.header_bar_app_measureCat_h2{
margin-left: 36px !important;	
}

div.main-content {
	margin: 60px 0 0 60px;
	padding: 0;
    width: calc(100vw - 60px);
    height: calc(100vh - 60px);
    overflow: auto;
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div.main-content-news {
	margin: 15px 0 0 60px;
	padding: 0;
    width: calc(100vw - 60px);
    height: calc(100vh - 60px);
    overflow: auto;
    position:relative;
    top: 45px;
}
}


@supports (-webkit-appearance:none) {
 div.main-content-news {
	margin: 60px 0 0 60px;
	padding: 0;
    width: calc(100vw - 60px);
    height: calc(100vh - 60px);
    overflow: auto;
    position:relative;
    top: 45px;
}
}



div.main-content-one-page {
	margin: 0px 0 0px 30px;
	padding: 0;
    width: calc(100vw - 106px);
    height: calc(100vh - 106px);
}



 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   div.main-content-administration {
	margin: 60px 0 0 60px;
	padding: 0;
    width: calc(100vw - 60px);
    height: calc(100vh - 147px);
    overflow: auto;
    overflow-x: hidden !important;
    position: relative;
    top:45px;
    
}
}


@supports (-webkit-appearance:none) {
 div.main-content-administration {
	margin: 105px 0 0 60px;
	padding: 0;
    width: calc(100vw - 60px);
    height: calc(100vh - 147px);
    overflow: auto;
    overflow-x: hidden !important;
    position: relative;
   
}
}

.main-content1 {
height: calc(100vh - 59px) !important;
}

@supports (-webkit-appearance:none) {
    div.main-content-search {
	margin: 60px 0 0 60px;
	padding: 0;
    width: 1860px;
    height: calc(100vh - 90px);
    overflow: auto;
}
}       
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    div.main-content-search {
	margin: 60px 0 0 60px;
	position:relative;
	top:45px;
	padding: 0;
    width: 1860px;
    height: calc(100vh - 90px);
    overflow: auto;
}
}   

.div-bar-measure{
	margin-top:0px !important;
	margin-left: 0px !important;
	}


/* nd  of bar design */

/* start tab  of bar design */
.aba-tabs-container {
	background: #dddddd !important;
	height: 45px !important;
}

.aba-tabs-container md-tabs-canvas,
.aba-tabs-container md-pagination-wrapper {
	background: #dddddd !important;
	height: 45px !important;
}

.aba-tabs-container md-tab-item {
	margin-top: -25px !important;
	text-transform: none !important;
}

.aba-tabs-container md-tab-item a.aba-tabs-paginator {
	font-size: 20px;
	display: inline-block !important;
	height: 80px !important;
}

.md-tab {
font-weight: 300 !important;
}

/* end  tab  of bar design */

.exo-datatable-seperate {
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}
.exo-datatable-full-width {
	width: 1840px;
	padding-left: 20px;
	padding-right: 20px;
}

.group-analysis-enter-datatable {
	height: 18px;
	padding: 0px;
	margin: 0px;
}
.sysadmin-tabs  md-tabs-canvas{
	padding-top: 24px !important;
}

/* start module Test */
.div-test{
margin-top: 60px !important;
margin-left: 15px !important;	
}

.div-test-mdselect{
margin-top: 17px !important;	
}

.div-test-mdselect1{
margin-left: -275px !important;	
}

.div-test-mdslider{
margin-left: -24px !important;	
}
/* end module Test */

/* start  dialog delete  of bar design */
#save-opendialog{
float: left !important;
position: static !important;
}

#confirm-opendialog{
    float: left !important;
    position: static !important;
}

#label-opendialog{
text-align: center !important;	
}
/* end  dialog delete  of bar design */

/* start  dialog delete  of bar design */

.main-content-after-breadcrumb-with-tabs-search{
	height: calc(100vh - 0px) !important;
	width: calc(100vw - 97px) !important;
	padding: 20px 115px 5px 20px !important;
	overflow: auto !important;
}


/* end  dialog delete  of bar design */

/* input number */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.critera-nav-user  md-tab-item{
margin-top:0px !important;
}

div.custom-height-100 {
	height: 100px;
}

div.custom-height-200 {
	height: 200px;
}

div.custom-height-300 {
	height: 300px;
}

div.custom-height-350 {
	height: 350px;
}

div.custom-height-400 {
	height: 400px;
}

div.custom-height-500 {
	height: 500px;
}

div.custom-height-600 {
	height: 600px;
}

div.custom-height-700 {
	height: 700px;
}

div.custom-height-800 {
	height: 800px;
}

div.custom-shift-top-20 {
	position:relative;
	top: 20px;
}

div.custom-shift-top-30 {
	position:relative;
	top: 30px;
}

div.custom-shift-top-40 {
	margin-top: 40px;
}

div.custom-shift-top-50 {
	margin-top: 50px;
}
/* Start grey bar news*/
.grey-bar-news {
    margin-top: 114px;
    background: #424b59;
    margin-left: 0px;
    height: 50px;
    color: #fff;
    width : 100%;
}
/* End grey bar news*/
/* start toolbar-alert*/
.toolbar-alert{
	margin-bottom: 0px ! important;
}
/*End toolbar-alert*/
/* Start News header*/
.news-header {
    background: #95c11f;
    position: fixed;
    z-index: 9;
    margin-top: -52px ! important;
    left: 60px !important;
}
/* End News header*/

/* start list news header */
.list-news-header {
	font-size: 20px;
    margin-left: 15px;
	padding-top: 15px;
	margin-bottom: 15px;  
}
/* End list news header*/
/* Start grey bar news elements */
.grey-bar-news-elements {
	margin-top: 114px;
    background: #ffffff;
    margin-left: 0px;
    height: 5px;
    color: #fff;
}
/* End grey bar news elements */

/* Start grey bar news elements */
.md-grid-list-news {
/*     height: calc(70px); */
    margin-left: 40px;
    margin-bottom: 30px;
}
/* End edit news elements */
/* Start md-grid-dialog-news */
.md-grid-dialog-news{
    height: calc(70px);
    margin-left: 40px;
}
/* End md-grid-dialog-news */
/* Start grey bar news elements */
.news-edit {
    margin-left: 1000px;
}
/* End edit news elements */
/* Start dialog-content-alert-news */
.dialog-content-alert-news{
	margin-top: 0px !important;
	overflow: auto;
	height: auto;
	min-height: 250px;
}
/* End edit access expirations elements */
/* Start dialog-content-alert-Access */
.dialog-content-alert-Access{
	margin-top: 0px !important;
	overflow: auto;
	height: auto;
	min-height: 350px;
}
/* End dialog-content-alert-news */
/* Start grey bar news elements */
.element-news{
	border-bottom: 4px solid #424b59;
/*     height: 200%; */
    width: 100%;
}
/* End grey bar news elements */
/* Start label-title-news */
.label-title-news{
    width: 960px;
    font-weight : bold;
	margin-left: 40px;
	margin-top: 52px;
}
/* End label-title-news */
/* Start input-news-div */
.input-news-div {
	margin-top: 52px;
	margin-left: 15px;
}
/* End input-news-div */
/* Start input-container-news */
.input-container-news{
	margin-left: 28px;
	width: 10%;
}
/*End input-container-news*/

.text-area-news{
	border-bottom: none !important;
/* 	height: auto !important; */
	overflow-y: hidden !important;
}
/* Start input-container-news */
.title-elt-news{
	display: flex;
	margin-left: 40px;
	margin-top: 52px;
	font-size: 18px;
}
/* End title-elt-news */
/* Start div-title-new */
.div-title-new {
	width: 960px;
	margin-top: 5px;
	font-size: 18px !important;
	font-weight: bold;
}
/* End div-title-new */

/*Start scroll-alert-news*/
.scroll-alert-news{
    overflow-y: hidden !important;
    border-bottom: none !important;
    }
/*End scroll-alert-news*/
/* Start element-news-dialog */
.element-news-dialog{
	border-bottom: 4px solid #424b59;
    height: auto;
}
/* End element-news-dialog */
/* Start title-dialog-news */
.title-dialog-news{
	margin-left: 40px;
	margin-top: 0px !important;
}
/* End element-news-dialog */

/* user Prefs page */
.user-prefs-page{
	padding-left: 20px !important;
}
/* end user Prefs page */
/* Start news-div-button */
.news-div-button {
/* 	margin-right: 400px; */
/* 	 margin-top: 46px; */
	 marging-right: 90px;
	 margin-top: 46px;
/* 	 width: 80%; */
}
/* End news-div-button */
/* Start text-area-list-news*/
.text-area-list-news{
	height: 100%;
	overflow-y: scroll !important;
	width: 100%;
}


/* End text-area-list-news*/

/* Let's get this party started */
div.main-content-administration::-webkit-scrollbar {
    width: 0.5em;
}
/* Track */
div.main-content-administration::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 6px ; 
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}
 
/* Handle */
div.main-content-administration::-webkit-scrollbar-thumb:horizontal {
   /* -webkit-border-radius: 10px;
    border-radius: 10px;*/
     width: 0.8em;
    background: rgba(176,176,176,0.8); 
   /* -webkit-box-shadow: inset 0 0 6px ; */
}
div.main-content-administration::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(176,176,176,0.4); 
}
.shiContainer.new-right-position{
	right: 560px;
}

.approveUserForm {
	margin: 30px;
}

.aba-register-success-container {
	margin: 30px;
}
/* start span-mm04-div3 */
#span-mm04-div3{
	color : #6f6f6f;
	position: absolute;
	top: -70px;
	left: 190px;
}
/*End span-mm04-div3 */
/* start span-mm04-div3-checked*/
#span-mm04-div3-checked{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: -70px;
	left: 210px;
}
/* end span-mm04-div3-checked*/
/*start span-mm04-div2*/
#span-mm04-div2{
	color : #6f6f6f;
	position: absolute;
	left: 478px;
	bottom : 270px;
}
/*span-mm04-div2*/

/* start span-MM04-div1 */
#span-MM04-div1{
	color : #6f6f6f;
	position: absolute;
	left: 854px;
	top: -295px;
}
/* End span-MM04-div1*/
/*start span1-mm04-div3*/
#span1-mm04-div3{
	color : #6f6f6f;
    position: absolute;
    left: 135px;
    top: -120px;
}
/* End span1-mm04-div3*/


/* Start span-mm05-verticalTitle*/
#span-mm05-verticalTitle{
	color : #dbe8f9;
}
/*End span-mm05-verticalTitle*/
/* start mm05-verticalTitle*/
#mm05-verticalTitle{
	line-height: 18px;
}
/*end mm05-verticalTitle*/
/* start span-mm05-div1-center*/
#span-mm05-div1-center{
	color : #dbe8f9;
/* 	top : 20px; */
}
/* end span-mm05-div1-center*/
/* start span-mm05-div2-right-div3 */
#span-mm05-div2-right-div3{
	color: #6f6f6f;
    position: absolute;
    left: 976px;
    top: -228px;
/*     z-index: 80; */
}
/*End span-mm05-div2-right-div3*/
/* start span-mm05-div2-right-div3-checked*/
#span-mm05-div2-right-div3-checked{
	color: #6f6f6f;
    position: absolute;
    left: 990px;
    top: -228px;
  }
/* end span-mm05-div2-right-div3-checked*/
/* start span-mm05-div2-left-label1*/
#span-mm05-div2-left-label1{
	color: #6f6f6f;
    top: 500px;
}
/* End span-mm05-div2-left-label1*/
/* start span-mm05-div2-left-label2*/
#span-mm05-div2-left-label2{
	color: #6f6f6f;
    top: 562px;
}
/* end span-mm05-div2-left-label2*/
/* start span-mm07-div2-left-label1*/


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.span-mm07-div2-left-label1_de{
    color: #6f6f6f !important;
    font-size: inherit !important;
    position: absolute !important;
    bottom: 1297px !important;
    right: 1725px !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.black-version .span-mm07-div2-left-label1_de{
    color: #fff !important;
    font-size: inherit !important;
    position: absolute !important;
    bottom: 1282px !important;
    right: 1725px !important;
}
}
.black-version .span_MM07_pull_push_de {
    color: #fff;
    position: absolute;
    bottom: 6px;
    font-size: inherit;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.black-version .span_MM07_pull_push_de {
    color: #fff;
    position: absolute;
    bottom: 8px;
    font-size: inherit;
    left:103px;
}
}
.black-version .span-mm07-div2-left-label1_de {
    color: #fff;
    font-size: inherit;
    position: absolute;
    bottom: 1282px;
    right: 1733px;
}
/* end span_MM07_div2_left_label1*/
/* start span-mm07-div2-left-label2*/




.span-MM-part-labelPos_en{
	
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 1065px;
    left: 181px;
}
.span-mm07-div2-left-label2Lift_en{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 1226px;
    left: 234px;
}
.span-mm07-div2-left-label2Lift_de{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 1226px;
    left: 244px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.span-mm07-div2-left-label2Lift_de{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 1226px;
    left: 244px;;
}
}
/* end span_MM07_div2_left_label2*/

/* start span-mm07-div2-3*/

/*.span-mm07-div2-3_en{
   color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    left: 182px;
    bottom: 1066px;
}*/
.span-mm07-div2-3E_en{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    left: 228px;
    bottom: 854px;
}
/* end span-mm07-div2-3*/
/*start span-MM-part-label*/
.span-MM-part-label_en{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom : 6px;
}
.black-version .span-MM-part-label_en{
	color: #fff !important; 
    font-size: inherit;
    position: absolute;
    bottom : 6px;
}
.span-MM-part-label_de{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom : 6px;
}
/* end span-mm07-div2-left-label1 */
/*added*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#span-mm07-div2-left-label1-exp-req {
    color: #6f6f6f !important;
    font-size: inherit !important;
    position: absolute !important;
    top: 187px !important;
    right: 1725px !important;
} 
}
#span-mm07-div2-left-label1-exp-req {
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 187px;
    right: 1665px;
}
.span-mm07-div2-left-label1-exp_en{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 116px;
    right: 1791px;
}
.span-mm07-div2-left-label1-exp_de{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 116px;
    right: 1733px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.span-mm07-div2-left-label1-exp_de{
    color: #6f6f6f !important;
    font-size: inherit !important;
    position: absolute !important;
    top: 115px !important;
    right: 1725px !important;
}
}
.span-mm07-div2-left-label1-exp-req_en{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 187px;
    right: 1666px;
}
.span-mm07-div2-left-label1-exp-req_de{
	 color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 185px;
    right: 1607px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.span-mm07-div2-left-label1-exp-req_de{
	 color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 185px;
    right: 1599px;
}
	}
/* start span-mm07-div2-div3-dropDown*/
#span-mm07-div2-div3-dropDown{
	color: #6f6f6f;
	font-size: inherit;
	position:absolute;
    top:0px;
    right:204px;
}
/* end span-mm07-div2-div3-dropDown*/
/* start span-mm05-div2-right-div4*/
#span-mm05-div2-right-div4{
	color: #6f6f6f;
    position: absolute;
    left: 1028px;
    top: -185px;
}
/* End span-mm05-div2-right-div4 */
/* start span-mm05-div2-right-div4-checked*/
#span-mm05-div2-right-div4-checked{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    left: 1045px;
    top: -185px;
}
/* end span-mm05-div2-right-div4-checked*/
/* start span-mm07-div1-div1*/
#span-mm07-div1-div1{
	color: #6f6f6f;
    font-size: 20px;
    position: absolute;
    font-weight: bold;
    margin-left: 5px;
}
/* end span-mm07-div1-div1*/
/* start span-mm07-div2-3 */
.span-mm07-div2-3E_de{
    color: #6f6f6f;
    font-size: inherit;
    position : absolute;
    left: 239px;
    bottom: 854px;
}
.black-version .span-mm07-div2-3E_de{
    color: #fff !important;
    font-size: inherit;
    position : absolute;
    left: 239px;
    bottom: 854px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .span-mm07-div2-3_en{
    color: #6f6f6f !important;
    font-size: inherit !important;
    position: absolute !important;
    left: 228px !important;
    bottom: 855px !important;
}
}
/* end span-mm07-div2-3*/
/*start span-MM-part-label*/
/*#span-MM-part-label{
	color: #6f6f6f;
}*/
.span-MM-part-label_MM05_de{
	color: #6f6f6f ;
    font-size: inherit ;
    position: absolute ;
    bottom : 6px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.span-MM-part-label_MM05_de{
	color: #6f6f6f !important;
    font-size: inherit !important;
    position: absolute !important;
    bottom : 6px !important;
}
}
.span-MM-part-label_MM05_en{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 7px;
}
.black-version .span-MM-part-label_MM05_en{
	color: #fff !important;
    font-size: inherit;
    position: absolute;
    bottom: 7px;
    right: 377px; 
}
.black-version .span-mm07-div2-left-label2Lift_en {
    color:#fff !important;
    font-size: inherit;
    position: absolute;
    bottom: 1210px;
    left: 235px;
}
.black-version .span-mm07-div2-3E_en {
    color:#fff !important;
    font-size: inherit;
    position: absolute;
    left: 228px;
    bottom: 854px;
}
.black-version .span-mm07-div2-left-label2_en {
    color:#fff !important;
    font-size: inherit;
    position: absolute;
    bottom: 1213px;
    left: 205px;
}
.black-version .span-mm07-div2-left-label1-exp_en {
    color: #fff !important;
    font-size: inherit;
    position: absolute;
    top: 114px;
    right: 1790px;
}
.black-version .span-mm07-div2-left-label1-exp-req_en {
    color:  #fff !important;
    font-size: inherit;
    position: absolute;
    top: 187px;
    right: 1666px;
}
.black-version .span-MM-part-label_de {
    color:#fff !important;
    font-size: inherit;
    position: absolute;
    bottom: 6px;
}
.black-version .span-MM-part-label_MM05_de {
    color:#fff !important;
    font-size: inherit;
    position: absolute;
    bottom: 6px;
}
.black-version .span-MM07_partial1_de {
    color: #fff !important;
    position: absolute;
    bottom: 7px;
    left: 104px;
}
.black-version .span-mm07-div2-left-label2Lift_de {
    color:#fff !important;
    font-size: inherit;
    position: absolute;
    bottom: 1212px;
    left: 244px;
}
.black-version .span-mm07-div2-left-label2_de {
    color:#fff !important;
    font-size: inherit;
    position: absolute;
    bottom: 1210px;
    left: 273px;
}
.black-version .span-mm07-div2-left-label1-exp_de{
    color: #fff !important;
    font-size: inherit;
    position: absolute;
    top: 116px;
    right: 1733px;
}
.black-version .span-mm07-div2-left-label1-exp-req_de {
    color: #fff !important;
    font-size: inherit;
    position: absolute;
    top: 185px;
    right: 1607px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.black-version .span-mm07-div2-left-label1-exp-req_de {
    color: #fff !important;
    font-size: inherit;
    position: absolute;
    top: 184px;
    right: 1599px;
}
}
/* end span-MM-part-label*/
/* start span-mm04-div2-left-label1*/
#span-mm04-div2-left-label1{
	color: #6f6f6f;
    position: absolute;
    top: 494px;
    padding-left: 8px;
}
/* end span-mm04-div2-left-label1*/
/* start span-mm04-div2-left-label2*/
#span-mm04-div2-left-label2{
	color: #6f6f6f;
    position: absolute;
    top: 583px;
    padding-left: 8px;
}
.black-version .span-mm07-div2-left-label1_en {
    color: #fff !important;
    font-size: inherit;
    position: absolute;
    bottom: 1282px;
    right: 1790px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.black-version .span-mm07-div2-left-label1_en {
    color: #fff !important;
    font-size: inherit !important;
    position: absolute !important;
    bottom: 1282px !important;
    right: 1782px !important ;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.span-mm07-div2-left-label1-exp-req_en {
    color: #6f6f6f !important;
    font-size: inherit !important;
    position: absolute !important;
    top: 187px !important;
    right: 1657px !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.span-mm07-div2-left-label1-exp_en {
    color: #6f6f6f !important;
    font-size: inherit !important;
    position: absolute !important;
    top: 115px !important;
    right: 1782px !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.span_MM07_pull_push_en {
    color: #6f6f6f !important;
    position: absolute !important;
    bottom: 6px !important;
    font-size: inherit !important;
    left:96px !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.span-mm07-div2-left-label1_en {
	    color: #6f6f6f;
	    font-size: inherit;
	    position: absolute;
	    bottom: 1297px;
	    right: 1782px;
	}
}

.aba-title-label-required {
	color: #6f6f6f;
    position: absolute;
    margin-top: -6px;
}

/* end span-mm04-div2-left-label2*/
/* start span-MM05_div2_left_label1*/
#span-MM05_div2_left_label1{
	color: #6f6f6f;
    position: absolute;
    top: 515px;
}
/* end span-MM05_div2_left_label1*/
/* start span-MM04_div2_left_label1*/
.span-MM04_div2_left_label1_de{
	color: #6f6f6f;
    position: absolute;
    bottom: 7px;
    left: 230px;
}
.span-MM04_div2_left_label1_en{
	color: #6f6f6f;
    position: absolute;
    bottom: 7px;
    left: 146px;
}
/* end span-MM04_div2_left_label1*/
/* start span-MM07_partial1*/
.span-MM07_partial1_en{
	color: #6f6f6f;
    position: absolute;
    bottom:6px;
        left: 95px;
}
.black-version .span-MM07_partial1_en{
	color: #fff !important;
    position: absolute;
    bottom:6px;
    left: 95px;
}
.span-MM07_partial1_de{
	color: #6f6f6f;
    position: absolute;
    bottom: 7px;
    left: 104px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.span-MM07_partial1_de{
	color: #6f6f6f !important;
    position: absolute !important;
    bottom:7px !important;
    left: 104px !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.black-version .span-mm07-div2-left-label1-exp_en {
    color: #fff !important;
    font-size: inherit;
    position: absolute;
    top: 114px;
    right: 1782px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.black-version .span-mm07-div2-left-label1-exp-req_en {
    color: #fff !important;
    font-size: inherit;
    position: absolute;
    top: 187px;
    right: 1658px;
}
}

/* end span-MM07_partial1*/
/*start span_MM07_div2_left_label1l*/
/*.span_MM07_div2_left_label1l_de{
color:#6f6f6f;
    position: absolute;
    bottom:1496px;
    font-size:inherit;
    left:110px;
}*/
/*.span_MM07_div2_left_label1l_en{
color:#6f6f6f;
    position: absolute;
    bottom:1496px;
    font-size:inherit;
    left:54px;
}*/
/* end span_MM07_div2_left_label1l*/
/*start span_MM07_div2_left_labelx*/
#span_MM07_div2_left_labelf{
	color:#6f6f6f;
    position: absolute;
    bottom:1429px;
    font-size:inherit;
    left:258px;
}

/*.span_MM07_div2_left_labelf_en{
	color:#6f6f6f;
    position: absolute;
    bottom:1429px;
    font-size:inherit;
    left:258px;
}*/
/*.span_MM07_div2_left_labelf_de{
	color:#6f6f6f;
    position: absolute;
    bottom: 1429px;
    font-size: inherit;
    left: 326px;
}*/
/* end span_MM07_div2_left_labelx*/
/*.span_MM07_div2_left_label1t_de{
color:#6f6f6f;
    position: absolute;
    bottom:1358px;
    font-size:inherit;
    left:371px;
}*/
/*.span_MM07_div2_left_label1t_en{
color:#6f6f6f;
    position: absolute;
    bottom:1358px;
    font-size:inherit;
    left:277px;
}*/
.span_MM07_pull_push_en{
	color:#6f6f6f;
	position: absolute;
    bottom:6px;
    font-size:inherit;
}
.span_MM07_pull_push_de{
	color:#6f6f6f;
	position: absolute;
    bottom:6px;
    font-size:inherit;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.black-version .span_MM07_pull_push_en{
	color:#fff !important;
	position:absolute !important;
    bottom:8px !important;
    font-size:inherit  !important;
    left: 95px !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.span-mm07-div2-left-label2_de{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 1225px;
    left: 273px;
}
}
#span_mm07_div2_label1{
	font-size:inherit;
	color:#6f6f6f;
	bottom:1495px;
	left:56px;
	position: absolute;
}
#span_MM07_div2_left_label1{
	color:#6f6f6f;
    position: absolute;
    top: -2px;
    font-size: inherit;
    right:204px;

}
.span_MM07_div2_left_label11_de{
 color: #6f6f6f;
    position: absolute;
    top: -3px;
    font-size: inherit;
    right: 215px;
}
.span_MM07_div2_left_label11_en{
 color: #6f6f6f;
    position: absolute;
    top: -3px;
    font-size: inherit;
    right: 224px;
}

/* start md-select span-mm07-div2-div3-dropDown*/
.md-input-focused #span-mm07-div2-div3-dropDown{
    top: -26px;
    right: 252px;
}
.md-input-has-value #span-mm07-div2-div3-dropDown{
    top: -32px;
    right: 252px;
}
/* end md-select span-mm07-div2-div3-dropDown*/
/* start md-select span_MM07_div2_left_label1*/
.md-input-focused #span_MM07_div2_left_label1{
  top: -25px;
    right: 252px;
}
.md-input-has-value #span_MM07_div2_left_label1{
  top: -32px;
    right: 252px;
}
/* end md-select span_MM07_div2_left_label1*/
/* start md-select span_MM07_div2_left_label11*/
.md-input-focused.span_MM07_div2_left_label11_en{
 top: -28px;
    right: 268px;
}

.md-input-focused .span_MM07_div2_left_label11_en{
    top: -26px;
    right: 267px;
}
.md-input-has-value .span_MM07_div2_left_label11_en{
    top: -33px;
    right: 268px;
}
.md-input-focused .span_MM07_div2_left_label11_de{
    top: -26px;
    right: 260px;
}
.md-input-has-value .span_MM07_div2_left_label11_de{
    top: -33px;
    right: 261px;
}
/* end md-select span_MM07_div2_left_label11*/
/* start md-select span_MM07_div2_left_label12*/
.span_MM07_div2_left_label12_de{
color: #6f6f6f;
    position: absolute;
    top: -3px;
    font-size: inherit;
    right: 169px;
}
.span_MM07_div2_left_label12_en{
color: #6f6f6f;
    position: absolute;
    top: -3px;
    font-size: inherit;
    right: 252px;
}
.md-input-focused .span_MM07_div2_left_label12_en{
     top: -28px;
     right: 288px;
}
.md-input-has-value .span_MM07_div2_left_label12_en{
     top: -32px;
     right: 288px;
}
.md-input-focused .span_MM07_div2_left_label12_de{
     top: -28px;
     right: 227px;
}
.md-input-has-value .span_MM07_div2_left_label12_de{
     top: -32px;
     right: 226px;
}
/* end md-select span_MM07_div2_left_label12*/
/*.span-mm07-activate-div2-3_de{
color: #6f6f6f;
    position: absolute;
    left: 239px;
    bottom: 1070px;
}*/
/*.span-mm07-activate-div2-3_en{
color: #6f6f6f;
    position: absolute;
    left: 228px;
    bottom: 1070px;
}*/
#span-mm07-div2-div3-dropDown-expert{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 11px;
    left: 188px;
}
.md-input-focused #span-mm07-div2-div3-dropDown-expert{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 34px;
    left: 141px;
}
.md-input-has-value #span-mm07-div2-div3-dropDown-expert{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 43px;
    left: 140px;
}
.MM04_div2_left_label1_screw_de{
    color: #6f6f6f;
    position: absolute;
    bottom: 7px;
    left: 295px;
}
.MM04_div2_left_label1_screw_en{
    color: #6f6f6f;
    position: absolute;
    bottom: 7px;
    left: 156px;
}
#span1-mm04-div3-checked-Max{
	color : #6f6f6f;
    position: absolute;
    left: 1092px;
    top: 729px;
    }
.footer-principal1{
    display: flex;
    position: absolute;
    right: 0px;
    height: 46px;
}

.footer-principal{
display:flex;
width: 128px;
margin-left: 5px;
}


.footer-div1{
margin-top:11px;
float: right;
color: #555555;
}


.footer-height1{
	height: 46px !important;
	display: flex;
}

.ngdialog-content{
overflow: hidden !important;
}

.footer-principal1{
    display: flex;
    position: absolute;
    right: 0px;
    height: 46px;
}

.footer-principal{
display:flex;
width: 128px;
margin-left: 5px;
}


.footer-div1{
margin-top:11px;
float: right;
color: #555555;
}


.footer-height1{
	height: 46px !important;
	display: flex;
}

.ngdialog-content{
overflow: hidden !important;
}

.footer-principal1{
    display: flex;
    position: absolute;
    right: 0px;
    height: 46px;
}

.footer-principal{
display:flex;
width: 128px;
margin-left: 5px;
}


.footer-div1{
margin-top:11px;
float: right;
color: #555555;
}


.footer-height1{
	height: 46px !important;
	display: flex;
}

.ngdialog-content{
overflow: hidden !important;
}

 .searchTemplate .aba-datatable-container{
 	padding: 20px !important;
 }	
 
 #analysisSearchContent {
	position: relative;
    margin-top: 105px;
    min-height: calc(100vh - 165px) !important;
}
#ownTemplateContent #analysisSearchContent {
	position: relative;
	margin-top: 0px !important;
    min-height: calc(100vh - 165px) !important;
}

.aba-ui-grid-container {
 min-height:0px;
}

.test-width .slider-input-container-custom {
	width:289px !important;
}

.footer-div{
    margin-top: 8px;
    float: right;
    margin-right: 70px;
    color: #555555;
}

.textarea-counter {
	/*margin-left: 97% ;*/
	margin-left: 1710px ;
	font-size: 12px  ;
	line-height: 14px ;
	overflow: hidden ;
	padding-top: 5px ;
}

.user-administration .md-select-value *:first-child {
   white-space: nowrap;
   max-width: 479px;
}

.use-template-cell{
	position: relative;
    top: 5px;
}

.md-calendar-scroll-container{
  width:100% !important;
} 

.md-datepicker-input-mask {
    height: 0px !important;
    width: 308px !important;
    position: relative;
    background: 0 0;
    pointer-events: none;
    cursor: text;
}

.masterdata-plant-checkbox{
margin-top: 12px;
}

.masterdata-departement-checkbox{
margin-top: 7px;
}
.masterdata-departement-checkbox.aba-checkbox{
	margin-top: 25px;
}
.costcenter-dropdown label{
   white-space: normal !important;
}

md-input-container label:not(.md-container-ignore).md-required:after {
    content: ' *';
    font-size: 18px;
    vertical-align: top;
    color: #367399;
}

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
    content: ' *';
    font-size: 18px;
    vertical-align: top;
}

md-input-container md-select.md-default-theme .md-select-value span:first-child:after, md-input-container md-select .md-select-value span:first-child:after {
    color: #555555;
}

/**
* dialog for mass editing 
*/
.custom-width-dialog .ngdialog-content{
       width: 368px !important;
}
.custom-width-dialog-500px .ngdialog-content{
       width: 500px !important;
}
.greyBarMassEditUser{
	    margin-top: -29px !important;
}

/*starting added by oumaima MM07*/
/* start span-mm07-div2-left-label2*/
.span-mm07-div2-left-label2{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 346px;
    left: 234px;
      /*right: 1609px;*/
}
/* end span_MM07_div2_left_label2*/
/* start span-mm07-div2-left-label1*/
#span-mm07-div2-left-label1{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 273px;
    left: 53px;
}
/* end span-mm07-div2-left-label1*/
/* start span-mm07-div2-3_en*/
.span-mm07-div2-3_en{
color: #6f6f6f;
    font-size: inherit;
    position : absolute;
    left: 181px;
    top: 504px;
}
/* end span-mm07-div2-3_en*/
/* start span-MM07_partial1*/
#span-MM07_partial1{
	color: #6f6f6f;
    position: absolute;
    bottom:6px;
}
/* end span-MM07_partial1*/
/* start span-mm07-activate-div2-3_en*/
.span-mm07-activate-div2-3_en{
color: #6f6f6f;
    position: absolute;
    left: 230px;
    top: 501px;
}
/* end span-mm07-activate-div2-3_en*/
/* start span_MM07_div2_left_label1t_en*/
.span_MM07_div2_left_label1t_en{
    color:#6f6f6f;
    position: absolute;
    top: 412px;
    font-size:inherit;
    left:277px;
}
/* end span_MM07_div2_left_label1t_en*/
/* start span_MM07_div2_left_labelf_en*/
.span_MM07_div2_left_labelf_en{
	color:#6f6f6f;
    position: absolute;
    top: 343px;
    font-size:inherit;
    left:258px;
}
/* end span_MM07_div2_left_labelf_en*/
/* start span_MM07_div2_left_label1l_en*/
.span_MM07_div2_left_label1l_en{
color:#6f6f6f;
    position: absolute;
    top: 274px;
    font-size:inherit;
    left:54px;
}
/* end span_MM07_div2_left_label1l_en*/
/* start span-MM-part-label*/
#span-MM-part-label{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom : 6px; 
}
/* end span-MM-part-label*/
/* start span_MM07_div2_left_labelf_de*/
.span_MM07_div2_left_labelf_de{
	color:#6f6f6f;
    position: absolute;
    top: 342px;
    font-size: inherit;
    left: 326px;
}
/* end span_MM07_div2_left_labelf_de*/
/* start span_MM07_div2_left_label1t_de*/
.span_MM07_div2_left_label1t_de{
color:#6f6f6f;
    position: absolute;
       top: 411px;
    font-size:inherit;
    left:371px;
}
/* end span_MM07_div2_left_label1t_de*/
/*.span-mm07-div2-3_de{
color: #6f6f6f;
    font-size: inherit;
    position : absolute;
     left: 240px;
    bottom: 855px;
}*/
/* start span_mm04_div3_Force*/
#span_mm04_div3_Force{
	 position: absolute;
    font-size:inherit;
	color:#6f6f6f;
	top: -7px;
    right: -6px;
}
/* end span_mm04_div3_Force*/
/* start span_mm04_div3_Force_offestScrewdriver*/
#span_mm04_div3_Force_offestScrewdriver{
		 position: absolute;
    font-size:inherit;
	color:#6f6f6f;
	top: -7px;
    right: -6px;
}
/* end span_mm04_div3_Force_offestScrewdriver*/
/* start span1-mm04-div3-checked*/
#span1-mm04-div3-checked{
	color : #6f6f6f;
    position: absolute;
    left: 155px;
    top: -115px;
    }
/* end span1-mm04-div3-checked*/
/* start span-mm07-div2-left-label1_en*/
.span-mm07-div2-left-label1_en{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 274px;
   right: 1790px;
}
/* end span-mm07-div2-left-label1_en*/
/* start span-mm07-div2-left-label2_en*/
.span-mm07-div2-left-label2_en{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    bottom: 1225px;
    top: 346px;
}
/* end span-mm07-div2-left-label2_en*/
/* start span-mm07-div2-left-label2-Oth_en*/
.span-mm07-div2-left-label2-Oth_en{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 346px;
    right: 1638px;
}
/* end span-mm07-div2-left-label2-Oth_en*/
/*span-mm07-div2-left-label2Carry_en*/
.span-mm07-div2-left-label2Carry_en{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 346px;
    left: 214px;
    /* right: 1609px; */
}
/*span-mm07-div2-left-label2Carry_en*/
/*span-mm07-div2-left-label2_de*/
.span-mm07-div2-left-label2_de{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
      left: 245px;
      top: 347px;
}
/*span-mm07-div2-left-label2_de*/
/*span-mm07-div2-left-label2-Oth_de*/
.span-mm07-div2-left-label2-Oth_de{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 346px;
    left: 272px;
}
/*span-mm07-div2-left-label2-Oth_de*/
/*span-mm07-div2-left-label2Carry_de*/
.span-mm07-div2-left-label2Carry_de{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    top: 346px;
    left: 288px;
    /* right: 1609px; */
}
/*span-mm07-div2-left-label2Carry_de*/
/*span-mm07-div2-left-label1_de*/
.span-mm07-div2-left-label1_de{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
      top: 274px;
    right: 1733px;
}
/*span-mm07-div2-left-label1_de*/
/*span-mm07-div2-3_de*/
.span-mm07-div2-3_de{
    color: #6f6f6f;
    font-size: inherit;
    position: absolute;
    left: 192px;
    top: 504px;
}
/*span-mm07-div2-3_de*/
/*span-mm07-activate-div2-3_de*/
.span-mm07-activate-div2-3_de{
   color: #6f6f6f;
    position: absolute;
    left: 239px;
   top: 501px;
}
/*span-mm07-activate-div2-3_de*/
/*span_MM07_div2_left_label1l_de*/
.span_MM07_div2_left_label1l_de{
color:#6f6f6f;
    position: absolute;
    top: 274px;
    font-size:inherit;
    left:110px;
}
/*span_MM07_div2_left_label1l_de*/
/*span-MM-part-labelPos_de*/
.span-MM-part-labelPos_de{
	color: #6f6f6f;
    font-size: inherit;
    position: absolute;
       top: 703px;
    left: 192px;
}
/*span-MM-part-labelPos_de*/
/*ending added by oumaima MM07*/

/*added*/
.span-MM05_div1_right_label_en{
	color: #6f6f6f;
	font-size: inherit;
    position: absolute;
    top: 282px;
}
.span-MM05_div1_right_label_de{
	color: #6f6f6f;
	font-size: inherit;
    position: absolute;
    top: 281px;
}

.span-MM05_div2_left_label1_en{
	color:#6f6f6f;
	font-size: inherit;
    position: absolute;
    top: 514px;
}


.span-MM05_div2_left_label1_de{
	color:#6f6f6f;
	font-size: inherit;
    position: absolute;
    top: 514px;
    left: 245px;
}

.masterdata-departement-checkbox.aba-checkbox{
	margin-top: 25px !important;
}

.aba-workstock-successor-action-list {
	float: right;
}

.aba-workstock-successor-action-list .zmdi-settings {
	color: #FE7054;
}

.aba-workstock-successor-action-list .zmdi {
	font-size: 1.3em;
}
.aba-non-scrollable-tabs-container md-tabs md-tab-item md-content {
	overflow: hidden !important;
}

.bar-search-quick-template {
	width: 97% !important;
    min-height: 100%;
    overflow-x: hidden !important;
}
.div-workstock {
  	display: contents;
    left: 680px;
    position : absolute;
    margin-top: -8px;
}

.div-workstock .nbr-counter{
    margin-top: 8px !important;
    margin-right: 0px !important;
    font-size: 12px;
    position: absolute;
    right: 87px
}

.div-dwsm {
	display: contents;
	left: 680px;
	position : absolute;
	margin-top: -8px;
}

.div-dwsm .nbr-counter{
	margin-top: 8px !important;
	margin-right: 0px !important;
	font-size: 12px;
	position: absolute;
	right: 405px
}

.nbr-counter{
    background: #367399;
    color: white;
    z-index: 2;
    width: 20px;
    border-radius: 50%;
    height: 20px;
    float: right;
    text-align: center;
    padding-left: 1px;
    padding-top: 1px;
   }

.header_warning_paragraph{
    margin: 0px;
	color: black;
    font-weight: 500;
    margin-left: 20px;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
}

.isChromeChangeHoverColor:hover{
    color: rgb(223, 189, 0) !important;
    background-color: rgb(223, 189, 0) !important;
}


@media screen and (max-width: 1600px) {
    .fix_overflow_warning_message{
        margin-right: 135px;
    } 
}

canvas {
    width: 100% !important;
    height: 100% !important;
}


.masterdata-ccdc-include-expired-checkbox {
	position: relative;
	top: 20px;
	left: 60%;
	z-index: 8 !important;
}

.masterdata-ccdc-table {
	position: relative;
	top: -45px;
}

.dwsm-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	img {
		height: 34px;
	}
}