@import "/lib/css/custom-material-black.css";
.config-mm13-custom-label-subsubgroup figure {
	    width: 234px !important;
}

.config-mm13-custom-checked-blatt figure{
	margin-left: 30px !important;
} 

body {
	font-size: 18px !important;
}

.paper-input-container-0 .input-content.paper-input-container label,.paper-input-container-1 .input-content.paper-input-container label,.paper-input-container-0 .input-content.paper-input-container input,.paper-input-container-1 .input-content.paper-input-container input
	{
	font-size: 18px !important;
}

.section-headline {
	font-size: 22px !important;
}

#sliderKnobInner.paper-slider {
	width: 18px;
	height: 18px;
}
.forceCaseMM04{
	margin-top: 17px;
	margin-left: -7px;
	font-size: 20px;
}
.pin.expand.paper-slider>#sliderKnob.paper-slider>#sliderKnobInner.paper-slider:before
	{
	-webkit-transform: rotate(-45deg) scale(1.5) translate(17px, -17px);
	transform: rotate(-45deg) scale(1.5) translate(17px, -17px);
	font-size: 18px !important;
}

.pin.expand.paper-slider>#sliderKnob.paper-slider>#sliderKnobInner.paper-slider:after
	{
	margin-top: -16px;
	font-size: 18px !important;
}

.one-line-user .md-select-value *:first-child {
   white-space: nowrap;
   max-width: 480px;
}

html, body {
    height: 100% !important;
    min-height: 100% !important;
    color: #555555;
     overflow-x: auto !important;
   /* overflow-x: hidden !important;*/
}


div.main-content-content {
	padding: 20px 115px 5px 20px;
	overflow: hidden;
}

div.main-content-content-weg1 {
	padding: 20px 115px 5px 20px;
	overflow:auto;
	min-height: 900px;
}


div.main-content-content-historic {
	padding: 20px 115px 118px 20px;
	overflow: hidden;
}

div.main-content-after-breadcrumb {
	height: calc(100vh - 104px); 
	width: calc(100vw - 80px);
	padding: 20px 115px 5px 20px;
	overflow: auto;
}
div.main-content-after-breadcrumb-with-tabs{
	/*height: calc(100vh - 220px); */
	width: calc(100vw - 97px);
	padding: 26px 115px 5px 20px;
	overflow: hidden;/*overflow: auto;*/
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   div.main-content-after-breadcrumb-with-tabs{
		/*height: calc(100vh - 220px); */
		/*width: calc(110vw - 97px);*/
   }
}
.dt-action-icon {
	margin-right: 5px;
}

.md-toolbar-tools {
	background-color: #95c11f;
}

/* md-dialog */
md-dialog md-dialog-content {
	padding: 35px 5px 5px 15px !important;
}

.md-dialog-content1 {
	overflow: hidden;
}

md-dialog md-dialog-actions{
	background-color: #f4f4f4;
}

/* ng-dialog */
.ngdialog-content {
	position: absolute;
	min-width: 300px;
	max-width: 600px;
	min-height: 200px;
	left: calc(100vw/2 - 150px);
	top: calc(100vh/2 - 100px);
	color: #C1121C;
    overflow: auto;
    box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
    border-radius: 4px;
}
.ngdialog-content h4 {
	display: block;
	background-color: #C1121C !important;
	color: #fff;
    padding: 10px 10px 20px 10px;
    margin: 0;
    height: 45px;
}

.ngdialog-content .ngdialog-content-row {
    margin: 20px 10px 40px 10px;
    height: 130px !important;
}

.ngdialog-content .ngdialog-content-tab-mm13-mm01 {
    margin: 20px 10px 40px 10px;
    height: 142px !important;
}

.ngdialog-content .ngdialog-content-tab-mm13-mm04 {
    margin: 20px 10px 40px 10px;
    height: 164px !important;
}


.ngdialog-content div.ngdialog-footer-row {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 55px;
	border-top-color: rgba(0,0,0,0.12);
	border-top-style: solid;
	border-top-width: 1px;
	background-color: #f4f4f4;
}
.ngdialog-content div.ngdialog-footer-row button{
	position: absolute;
	bottom: 0;
	right: 0;
	float: right;
}
	
md-toolbar h2 {
    font-size: 18px !important;
    font-weight: 300 !important;
}

.aba-button {
	background: #424b59 !important;
	font-size: 1.3em;
	margin-right: 25px !important;
}
.aba-inline-button	{
	background: transparent !important;
}

.aba-input-left-label-s {
	width: 100px !important; 
	text-align: center !important;
	float: left !important;
	margin-right: 10px !important;
}

md-tabs {
}

md-tabs-wrapper md-prev-button,
md-tabs-wrapper md-next-button {
	background: #5b6e7f !important;
}

md-tabs-wrapper md-prev-button.md-disabled,
md-tabs-wrapper md-next-button.md-disabled {
	background: #dddddd !important;
}

md-prev-button md-icon,
md-next-button md-icon,
md-prev-button.md-disabled md-icon,
md-next-button.md-disabled md-icon {
	color: #fff !important;
}

md-tabs .md-tab {
	color: #2c343f !important;
	background: #dddddd !important;
}

md-tabs .md-active {
	background: #f4f4f4 !important;
}

md-tabs md-ink-bar {
	display: none !important;
}
.aba-tab-dummy{
	display: none !important;
}

/* progress bar */
.aba-ajax-loader {
	position: absolute !important;
	left: 50%;
	top: 50%;	
	z-index: 999;
	color: #95c11f;
}
.aba-custom-backdrop-z-index {
	z-index:85!important;
}


.md-radius{
	border-radius: 20px;
}

.md-button.md-raised {
    	box-shadow: none ! important;
		border-radius: 20px; 
    	/*top:-35px;*/
 }
.md-button.md-raised.btn-file {
	    box-shadow: none ! important;
		border-radius: 20px; 
    	top:-35px;
 }
@supports (-webkit-appearance:none) {
	.md-button.md-raised {
		box-shadow: none ! important;
		border-radius: 20px;
   }
   .md-button.md-raised.btn-file {
		box-shadow: none ! important;
		border-radius: 20px;
		top:1px;
   }
}	

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: #367399 !important;
}

md-select .md-select-value {
    border-bottom-color: #333 !important;
    width:1px !important;
}
md-option[disabled] {
    color: #ddd !important;
}


.md-input-focused md-select .md-select-value {
    border-bottom-color: #367399 !important;
}

md-input-container input[disabled], 
md-input-container textarea[disabled],
md-select[disabled] .md-select-value {
    border-bottom: 1px dashed #ccc !important;
}

/* md-input-container.md-default-theme label, md-input-container label, md-input-container.md-default-theme .md-placeholder, md-input-container .md-placeholder {
	color: #555555;
}

md-input-container md-select md-select-value, .md-datepicker-input-container {
	color: #555555 !important;
}

md-select.md-default-theme .md-select-value, md-select .md-select-value {
	border-bottom-color: #555555 !important;
}
	
md-datepicker-input-container input {
	color: #555555 !important;
} */

/*
.md-exo-select-value-dialog md-select-value > span{
	position:absolute;
	bottom: 33%;
}

.md-exo-select-value-dialog .md-select-value .md-select-icon{
	position:absolute;
	bottom: 20%;
	width:100% !important;
}
*/
.md-select-value .md-select-icon {
	width: auto !important;
	margin: 0 !important;
}

md-select[disabled="disabled"] md-select-value > span {
	color: rgba(0,0,0,0.54);
}

md-select[disabled="disabled"] .md-select-value .md-select-icon  {
	color: rgba(0,0,0,0.54);
}


md-input-container .md-input {
	border-color: #555555;
}


/* checkbox */
md-checkbox.md-checked .md-icon:after {
	left: 8px !important;
    width: 7px !important;
    height: 14px !important;
    display:inline-block;
    border-color: rgb(238, 238, 238) !important;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple,
md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
	background-color: #367399 !important;
}	
md-switch .md-thumb {
    width: 24px !important;	
    height: 24px !important;	
    top: -2px !important;
}
md-switch .md-bar {
	width: 38px !important;
}
md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar {
	background-color: #9e9e9e !important;
}

md-radio-button .md-off,
md-radio-button .md-on,
md-checkbox .md-container,
md-checkbox .md-icon {
    width: 24px !important;	
    height: 24px !important;	
}

md-radio-button .md-off,
md-radio-button .md-on {
	margin-top: -5px;
}

md-radio-group.[disabled] md-radio-button .md-off,
md-radio-group.[disabled] md-radio-button .md-on {
    background-color: #fff;
}

/* grid list */
.wrap-grid-tile {
	white-space:normal;
	padding: 0;
	margin: 0;	
}
.design-rz-de{
	margin-left: 18px;
}
.design-rz-de-expert-tool{
	margin-left: 22px;
}
.design-rz-en{
	margin-left: 0px;
}
.design-rz-pt{
	margin-left: 19px;
}
md-grid-list md-grid-tile.justify-left figure{
	justify-content: flex-start !important;
}

/* align top/left */
md-grid-list md-grid-tile figure {
	align-items: baseline !important;
	margin-right: 80px !important;
	margin-top: 10px !important;
}
md-grid-list md-grid-tile.aba-marginless-tile figure {
	margin-right: 0 !important;
}

md-grid-list md-grid-tile.no-margin figure {
	margin: 0px !important;
}

/* action bar */
.content-action-bar {
	justify-content: flex-end;
	background-color: #f4f4f4;
}

.content-action-bar1 {
	position: fixed;
    z-index: 15;
    bottom: 0px;
    width: 97%;
}

.content-action-bar2 {
	position: fixed;
    z-index: 15;
    bottom: 0px;
    width: 97%;
    margin-left: 0px;
}

/*
* Costum Slider 
*/
md-slider {
	margin-top : 60px;
	margin-left: 8px;
}
custom-slider .first-container{
	margin-bottom: -2px;
	float: left !important;
	max-width : 90px !important;
	width: 90px !important;
}

custom-slider .second-container{
	margin-top: -23px !important;
	float: left !important;
	max-width : 90px !important;
	width: 90px !important;
}

md-slider .md-sign .md-thumb-text {
	font-size: 18px;
	color: white;
}

md-slider .md-sign {
	/*height: 32px;
	width: 30px;*/
}

md-slider.md-min .md-thumb.slider-green:after,
md-slider .md-thumb.slider-green:after {
	background-color: #008754 !important;
	border-color: #008754 !important;
}

md-slider.md-min .md-thumb.slider-yellow:after,
md-slider .md-thumb.slider-yellow:after {
	background-color: #F0CA00 !important;
	border-color: #F0CA00 !important;
}

md-slider.md-min .md-thumb.slider-red:after,
md-slider .md-thumb.slider-red:after {
	background-color: #C1121C !important;
	border-color: #C1121C !important;
}

md-slider .md-sign.slider-green:after {
	border-top-color: #008754 !important;
}

md-slider .md-sign.slider-yellow:after {
	border-top-color: #F0CA00 !important;
}

md-slider .md-sign.slider-red:after {
	border-top-color: #C1121C !important;
}

.slider-green {
	background-color: #008754 !important;
}

.slider-yellow {
	background-color: #F0CA00 !important;
}

.slider-red {
	background-color: #C1121C !important;
}

.slider-grey {
	background-color: grey !important;
}

.input-green {
	background-color: #C5E0B5 !important;
	border-color: #008754 !important;
}

.input-yellow {
	background-color: #FFF2CF !important;
	border-color: #F0CA00 !important;
}

.input-red {
	background-color: #F6CDBD !important;
	border-color: #C1121C !important;
}
.input-grey {
	background-color: #EEEEEE !important;
	border-color: grey !important;
}
.slider-input-wrapper{
	overflow: hidden;
	padding: 20px;
}
.slider-input-container{
}
.inputSliderElement{
	background-color: transparent; 
	text-align:center;
	display:inline;
	margin-top: 3%;
	width: 60px;
	float: left !important;
}
.slider-input-time{
	margin-top: -34px !important;
}
custom-slider .sup{
	margin-left: 94px !important;
}
md-slider.md-default-theme .md-thumb:after, md-slider .md-thumb:after {
    border-color: grey;
    background-color: grey;
}

md-slider.md-default-theme .md-sign:after, md-slider .md-sign:after{
    border-top-color: grey;
}
md-slider.md-min .md-thumb:after {
    background-color: grey !important;
}


/* Criterion 1*/
.sup { 
	/*display: inline;*/
	font-size: 16px;
	line-height: .8em; 
	color: #367399;
} 

/* Criterion 5*/
.sup2 { 
	/*display: inline;*/
	font-size: 16px;
	line-height: .8em; 
	color: #367399;
	margin-right: 30px;
} 

.fig md-grid-tile figure{
	    justify-content: space-around;
}
.inheritTile figure{
	    justify-content: inherit !important;
}
.fig{
	background-color: #EEEEEE;
}
.fig md-grid-tile{
	background-color: #FFFFFF;
}
.paneCriterion > div{
	width: 100%;
}

/*Merkmal Navigation images */
.aba-mm-nav{
	width: 240px; 
	height: 390px; 
	background: #ffffff;
	display: inline-block;
}
.aba-mm-nav md-switch.md-default-theme.md-checked .md-thumb, .aba-mm-nav .md-checked .md-thumb{
    background-color: rgb(21,101,192);
}
.aba-mm-nav md-content{
	margin: 5px 15px; 
	background: #ffffff !important;
}
.aba-mm-nav md-switch{
	margin: 20px 15px;
	width: 100%;
}

.aba-mm-nav-text-info{
	margin-top:-35px; position: absolute; margin-left:20px
}

.aba-mm-nav .empty-div {
	height: 38px;	
}

.header{
background-color : #95c11f;
}
.criterion{
background-color : #424B59;
}

div.pageCriterion{
	background-color:#F4F4F4;
}

md-input-container label {
    position: absolute;
    bottom: 100%;
    font-size: 18px !important;
}

md-input-container md-input-focused label {
    font-size: 21px !important;
}
	
label {
    font-weight: 300 !important;
}

.md-button {
font-weight: 300 !important;
font-size: 18px !important;
text-transform: none;
height: 30px !important;
 
  }
  
.md-tab {
  font-size: 18px !important;
}

md-slider .md-thumb:after {
}

md-content {
    display: block;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch; 
}

custom-slider md-content {
    height: 131px;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top:0px !important;
    margin-bottom: 10px;
}

/* textarea */
md-input-container textarea {
/*	height: 87px !important; */
	overflow: auto !important;
} 

md-input-container .md-char-counter {
	bottom: -15px !important;
}

md-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {
	font-weight: bold !important;
	color: #1565C0 !important;
}

.button-ui-grid {
	margin: 5px;
    height: 25px;
    background-color: #424b59;
    color: white;
    font-size: small !important;
    min-height: 20px;
    width: 90%;
}

.checkbox-ui-grid {
	margin-top: 3px !important;
	margin-left: 12px !important;
    height: 25px;
    background-color: white;
    min-height: 20px;
}

/* file input */
.file_input_div {
  margin: auto !important;
  width: 250px !important;
  height: 40px !important;
}

.file_input_div .file_input {
  float: left !important;
}

.file_input_div #file_input_text_div {
  width: 200px !important;
  margin-top: -8px !important;
  margin-left: 5px !important;
}

.file_input_div .none {
  display: none !important;
}

label.custom-input-unit {
	position: absolute;
    right: 0px;
    top: 22px;
}
label.custom-input-unit2 {
	position: absolute;
	left:200px;
    right: 0px;
    top: 22px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome, if Chrome rule needed */
    label.custom-input-unit2 {
	position: absolute;
	left:296px;
    right: 0px;
    top: 22px;
	}
}
md-input-container.custom-input-unit {
	width: 100% !important;
}


.costom-md-radio-button-row {
	margin: 0px 25px 0px 0px !important;
}

.lblPercentage{
	margin-left: -18px;
}
.space-div{
	padding-left: 20px;
}

.space-div1{
	padding-left:0px !important;
	width: 1843 !important; 
}

.space-div1 .width-900-criterion03 {
    width: 907px !important;
}

.space-div1 .space-div2{
	padding-left: 20px !important;
}



/* Let's get this party started */
::-webkit-scrollbar {
    width: 0.5em;
}
/* Track */
::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 6px ; 
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
   /* -webkit-border-radius: 10px;
    border-radius: 10px;*/
    background: rgba(176,176,176,0.8); 
   /* -webkit-box-shadow: inset 0 0 6px ; */
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(176,176,176,0.4); 
}

.custom-slider-move {
	/*
	-ms-touch-action:none;
	touch-action: none;*/
	-ms-touch-action:none;
	touch-action: none;
}

.ngdialog-content-row {
	overflow-y: auto !important; 
}

.md-calendar-date.md-calendar-date-disabled {
    color: #c7c5c5 !important;
}

.footer-height {
    height: 45px !important;
}
md-grid-list md-grid-tile.md-grid-title-mm12Mapping-tech{
	width: calc(((11.6667% - 0.833333px) * 2) + 1px) !important;
	left:calc(((0% - 0.5px) + 1px) * 2) !important;
}
md-grid-list md-grid-tile.md-grid-title-mm12Mapping-infRep{
	left: calc(((11.6667% - 0.833333px) + 1px) * 2) !important;
	width: calc(((11.6667% - 0.8px) * 2) + 1px) !important;
}

md-input-container textarea[md-no-autogrow] {
    height: 30px !important;
    overflow: auto;
}

.attachement-edit .btn-file.md-raised.md-button {
    box-shadow: none ! important;
    border-radius: 20px;
    top: 1px !important;
}

sup.aba_mandatory_label_star {
	font-size: 1em;
}

/* custom width of grid */
.grid-custom-width{
	width: 607px !important;
}

.aba-datatable-table.exo-table-search md-select{
	margin-top : 0px;}
	
.problem-label-value{
	margin-left: 10px;
	width: 170px;
}

.label_problem{
	margin-left: -34px;
}

custom-select md-select {
	margin-top: 0 !important;
}

.md-dialog-container {
	z-index: 80;
}

.zmdi-22px {
	font-size: 22px !important;
}
md-grid-list md-grid-tile.update_text_group{
	margin-left:60px;
	margin-top:-20px !important;
}
md-grid-list md-grid-tile.text_update_group8{
	margin-top:40px;
	margin-left:-435px;
}
.aba-ui-grid-container .ui-grid-cell div.editpositiondate{
	height : 31px;
	margin-top: 5px !important;
}

.maternity-content-div{
	margin-left: 260px;
	margin-bottom:100px;
	padding-top:30px;
	display: table;
	width: 100%;
}

.two-blocks-maternity{
	display:table-cell;
	width: 700px
}
.lbl-maternity-expectant{
	position: absolute;
	left: -200px;
	top: 25px;
}
.lbl-maternity-breastfeeding{
	position: absolute;
	left: -230px;
	top: 25px;
}

.md-dialog-content-sysadmin{
	overflow: hidden;
	padding-top: 0px !important;
	padding-bottom: 184px !important;
}

.md-primary.reduce-marge-radio{
	margin-bottom : -13px !important;
}

md-checkbox.reduce-margin-checkbox{
	margin-right:0px important;
	margin-bottom:8px;
}
.justify-left.reduce-top-left-radio{
	top: calc(145px) !important;
	margin-left: 346px;
}

.text-decoration-label label{
	text-decoration: underline;}

.content-analysis-action-bar custom-icon button{
	margin-left:2px;
}    


md-grid-tile.reduce-width-md-grid-tile{
	width:0px !important;
}

md-grid-tile.text-decoration-label.update-top-ma-grid{
	top: calc(115px) !important;
}

.text-sysadmin-recalculation{
	width: 750px;
    padding-top: 10px;
}

md-grid-tile.justify-left.incraise-text-width{
	width: calc(((31% - 0.8px) * 1) + 0px) !important;
}

.ngdialog-content .ngdialog-content-info-row {
    margin: 20px 10px 40px 10px;
    height: 130px !important;
    color: #000 !important;
}

.ngdialog-content h3 {
	display: block;
	background-color: #95c11f !important;
	color: #fff;
    padding: 10px 10px 20px 10px;
    margin: 0;
    height: 45px;
    font-size: 18px;
    font-weight: normal
}

.override-margins-tile > figure{
	margin-top: 0px !important;
	height: 60% !important;
}
#override-warrning-message.override-margins-tile{
	height: 10% !important;
}

