@charset "UTF-8";
/*
    Created on : 17.05.2018
    Author     : @basbug
*/


/*
 * Row with equal height columns
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row-eq-height > [class*='col-'] {
  display: flex;
  xflex-direction: column;
}


/* clear ie11 input icon */
input::-ms-clear,
input::-ms-reveal {
  display: none;
}

/* hilf classen*/
.nopm{
	margin:0 !important;
	padding:0 !important;
}

.nop { padding:0 !important;}
.nopl{ padding-left:0 !important; }
.nopr{ padding-right:0 !important; }
.nopt{ padding-top:0 !important; }
.nopb{ padding-bottom:0 !important; }

.nom{ margin:0 !important; }
.noml{ margin-left:0 !important; }
.nomr{ margin-right:0 !important; }
.nomt{ margin-top:0 !important; }
.nomb{ margin-bottom:0 !important; }

.nohight{
	min-height: 100% !important;
}


/*ng-view*/
.content-wrapper{
	
}

.panel-body{
	background-color:#fff !important;
}

/*Login Controller*/
.login_controller{
	padding-top:30px;
}

/*Dashboard Wilkommen text*/
.dashboard_headline{
	font-size: 200%;
	padding-top:30px;
}

/*Dashboard Massnahme Controller*/
.massnahme_controller .card{
	overflow:auto;
}
.massnahme_controller .card{
	max-height: 800px;
}

ul.dashboard_list{
	list-style: none;
}

ul.dashboard_list li{
	padding:5px 0;
	cursor:pointer;
    background-color: #d3d3d3;
	font-weight: bold;
	border-bottom: 2px solid #8bb63a;
  
}
ul.dashboard_list li.dashboard_list_item{
	border-top:1px solid #ddd;
	padding:5px 0;
   background-color: #fff;
	border-bottom: 0 none;
	font-weight: normal;
}
ul.dashboard_list li.dashboard_list_item:hover{
	background-color: #F5F7F4;
}


/*relation_button*/
.x-pager span.relation_button {
	/*
	background-image: url('images/common/relation2.png');
	background-position: center center;
	background-repeat: no-repeat;
	*/
	display: block;
	height: 26px;
	width: 35px;
	float:right;
    xborder:1px solid #999999;
    transition: all 0.2s ease-in-out 0s;
    margin-left: 10px;
    cursor: pointer;
    font-size: 25px;
    text-align: center;
    color:#8bb63a;
	
}

.x-pager span.relation_button:hover {
    background-color: #fff;
}

.x-pager span.outRelation {
	xbackground-image: url('images/common/relation.png');
	color:#ddd;
}


/*Contact Firmenlist*/
.firmen_list{
	max-height:180px;
	overflow-x:auto;
}
.firmen_list ul{}
.firmen_list ul li{
	list-style: none;
	border: 3px solid #8bb63a;
	margin-bottom: 3px;
	padding: 8px 0;
	font-size: 8pt !important;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}
.firmen_list ul li b{
	cursor: pointer;
}
.firmen_list ul li span{
	border: 3px solid #ccc;
	padding: 2px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
    z-index: 1000;
}

.firmen_list ul li span:hover {
	cursor:pointer;
}

/*Dialog Message*/
.dialog_header h3{
	font-size:18px;
	color:#fff;
	padding:15px;
	margin:0;
}

/*Query-form menu*/
.query_form_menu span{
	display: block;
	width: 30px;
	text-align: center;
	border: 1px solid #999;
	padding:5px;
	cursor: pointer;
	margin-left:5px;
	float: right;
}

.query_form_menu span:hover{
	background-color: #fff;
}


/*profil window anzeige*/
.list_form_box{
	
}
.list_form_box_content{
	xborder: 1px solid #ccc;
	min-height: 200px !important;
	max-height: 400px !important;
	overflow: auto;
	
}

.list_form_box_content h4{
	font-size:11pt;
	font-weight: bold;
}

.list_form_box_content ul {
	margin:5px 0;
	padding:0;
	list-style: none;
}
.list_form_box_content ul li{
	display: block;
	border: 1px solid #ccc;
	padding:5px;
}

/*MULTI SELECT*/
.ms-container{
 
}

.ms-container:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection{
  background: #fff;
  color: #555555;
  
}
.ms-container .ms-selection{
  margin-top:0px;
}
.ms-container .ms-selection ul.ms-list{
  margin-top:0px;
  border-top:none;
  padding-top:5px;
}

.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
 
  border: 1px solid #ccc;

  position: relative;
  height: 115px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.communication-list .ms-container .ms-list{
	height: auto !important;
}

.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted 9;
}

.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container{
  width: 100%;
}

.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 12px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  xbackground-color: #08c;
  background-color: #8bb63a;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}
.custom-header{
	padding:5px;
	xbackground-color: #F5F7F4;
	background-color: #d5ded0;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

.ms-selectable{
	position: relative;
}
.ms-selectable .ms-list{
	position: absolute;
	display:none;
	background-color: #fff;
	width: 100%;
	z-index: 1000;
	height: 115px;
	margin-right:15px;
}

.ms-container .ms-selectable input.search-input:focus + ul.ms-list {
	display:block;
}
.ms-container .ms-selectable ul.ms-list:hover{
	display:block;
}


.lbr_tabs{
	width: 130px !important;
}

/*hinweis box*/
.idp_warning{
	padding:7px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    background-color: #F5F7F4;
    overflow: hidden;
}
.idp_warning_button{
	float:right;
	cursor:pointer;
}

/*login*/
.login-content-wrapper{
	display:block !important;
}

.text_bbw_green{
	color:#8bb63a !important;
}

.bg_bbw_green{
	background-color:#8bb63a !important;
}
.bg_bbw_green_light{
	background-color: #d5ded0 !important
}

.bg_bbw_grau{
	background: #F5F7F4 !important;
}

.bg_grau{
	background: #d3d3d3 !important;
}
.border_bottom_green{
	border-bottom: 2px solid #8bb63a !important;
}

/*Table scrollbar*/
.scrollable-table {
    xmax-height: 300px; /* oder eine gewünschte Höhe */
    xoverflow-y: auto;
    xdisplay: block;
  }

  .scrollable-table table {
    width: 100%;
    border-collapse: collapse;
  }

  .scrollable-table thead,
  .scrollable-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .scrollable-table thead {
    width: calc(100% - 1em);
  }

  .scrollable-table tbody {
    display: block;
    max-height: 250px;
    xmax-height: 60vh;
    overflow-y: auto;
  }