.select {
	position:relative;display:inline-block
}

.select .label {
	font-size:12px
}
.select .caption{
	margin:0 0 5px 0;
	padding:4px;
	border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #DADADA;
    position:relative;
    white-space: nowrap;
    overflow: hidden;
    height:26px;
    cursor:pointer;
    font-weight:normal;
    font-size:15px;
    text-overflow: ellipsis;
    width:150px;
  }


.select .caption::after {  
  position: absolute;
  content: "";
  top: 8px;
  right: 5px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: black transparent transparent transparent;
}

.select.open .caption::after {
  border-color: transparent transparent black transparent;
  top: 2px;
}

.select .content{
	position:absolute;
	display:none;
	background-color: rgb(253, 242, 214);
	min-width:100%;
}

.select.open .content {
	display:block
}

.select .item {
	padding:2px 10px;
	border-bottom:1px silver dotted;
	white-space: nowrap;
}

.select .item:hover{
background-color: #D2E3FF;
	cursor:pointer
}

.select.checkbox .item{
    background-position: 5px;
    background-image: url('/sys/images/icos/checkLeer.png');
    background-repeat: no-repeat;
    background-size: 17px 15px;
    padding-left: 28px;
}


.select.checkbox .item.checked{
    background-position: 5px;
    background-image: url('/sys/images/icos/checkBlack.png');
    background-repeat: no-repeat;
    background-size: 17px 15px;
    padding-left: 28px;
}




.ipa-header {
	
	position:fixed ;
	background-color:#1c73c7;
	width:100%;
	height:50px;
	font-size:18px;
	font-weight:bold;
	color:white;
	z-index:100;
	top:0px

}
.ipa-header .caption {
	position:absolute ;margin-top:6px;z-index:1
}
.ipa-header-content{
	position:relative;width:100%;padding:10px 20px 0 20px;
}

.ipa-header .items{
	max-width:1400px; text-align:right
}

.ipa-header .item{
	position:relative;float:right;text-align:center!important;width:70px;cursor:pointer;margin-top:0px;font-size:20px;line-height:15px;z-index:2;background-color:#1c73c7;

}
.ipa-header .item i.icofont-ui-delete {
	color:red
}
.ipa-header .item:hover ,.ipa-header .item:hover span{
	color:#F6D828

}

.ipa-header .item span {
    font-size: 10px;
    font-weight: normal;
}

.ipa-nav {
  background-color: #d3d1d1;
  height:28px;z-index:500
	
}
.ipa-nav-content {
  width: 100%;
  overflow:hidden;
  padding-left:20px;position:fixed;
  z-index:10;
  white-space:nowrap;
}


.ipa-nav-item,.ipa-nav-drop {
  position:relative;
  display: inline-block ;
  color: black;
  text-decoration: none;
  font-size: 13px;
  cursor:pointer;
  padding:5px 10px
}


.ipa-nav-item:hover,.ipa-nav-drop:hover,.ipa-nav-drop-item:hover {
  background-color: #b5b2b2;
}


.ipa-nav-drop-content{
 visibility: hidden;
 position: fixed;
 min-width: 160px;
 margin-left:-10px;
 overflow: auto;
 z-index: 1;
 background-color:#d3d1d1;
 line-height:22px;
 z-index:11;
	
}

.ipa-nav-drop:hover>.ipa-nav-drop-content {
        visibility: visible;
} 

.ipa-nav-drop-item{
	padding:5px 10px
}

.ipa-nav-item.isDringend, .ipa-nav-item.isDringend i{
	color:red
}

/* ipa-tab */
	.ipa-tab {
	    margin: 0px ;
	    position: fixed;
	    z-index: 10;
	    background: white;
	    width: 100%;
	    padding: 20px 30px 0 30px;
	    z-index:10;
	}
	
	.ipa-tab .header{
	    background-color: #dbdada;
	    box-shadow: 2px 2px #8f8989
	}
	    
	.ipa-tab .items {
	  width: 100%;
	  overflow:hidden;
	  white-space:nowrap;
	}
	
	.ipa-tab .item {
	  position:relative;
	  display: inline-block ;
	  padding:5px 10px;
	  font-weight:bold;
	}
	
	.ipa-tab .item.aktiv{ 
	  background-color:#c5c5c5;
	  }
	
	.ipa-tab .item:hover {
	   background-color:#D2E3FF;cursor:pointer
	}
	
	.ipa-tab-content {
	  position:relative;
	  display:none
	}
	
	.ipa-tab-content.aktiv {
	  display:block
	}



.div-kb {
    height:auto;
    padding: 3px 4px;
}


.div-kb.close {
    height: 18px;
    overflow: hidden;

}

.but {
    background-color: #ededed;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: black;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    margin: 5px 0 2px 0;
}


.sanfona {
	border: 1px  solid #ccc; margin-bottom:20px;width:100%
}
.sanfona.vorgang {
	border:1px silver solid
}

.sanfona .arrow{
  border: solid black;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 3px;
  margin:4px 4px 0 10px;
  position:absolute;right:10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  
}

.sanfona.close .arrow{
   transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.sanfona-caption {
	 position:relative;background-color:#dbdada;font-size:14px;font-weight:bold;height:28px;border-bottom:1px silver dotted;  cursor:pointer;padding: 4px 4px 0px 4px

} 

.sanfona-content {
	position:relative;padding:15px;min-height:20px
} 

.div-sanfona {
	border:1px #91c6ef solid;margin-bottom:20px
}
.div-sanfona.vorgang {
	border:1px silver solid
}

.div-sanfona .arrow{
  border: solid black;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 3px;
  margin:4px 4px 0 10px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  float:right;

  
}

.div-sanfona.close .arrow{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top:0px;
}

.div-sanfona-caption {
	 position:relative;background-color:#e2eff9;font-size:14px;font-weight:bold;padding:10px 15px;border-bottom:1px silver dotted;  cursor:pointer;
} 
.div-sanfona.vorgang .div-sanfona-caption  {
	 background-color:#c3c3c3;padding:4px;
}    


.div-sanfona-content {
	padding:15px;min-height:20px
} 

.div-sanfona.vorgang .div-sanfona-content {
	padding:0px
} 



.sContent-tab {
    position: relative;
    margin: 55px 30px 20px 30px;
    padding: 15px 0;
}


.block-edit{
	padding:0;white-space:nowrap;width:100%
}
.block-edit h1 {
	margin:0 0 5px 0;
	font-size:13px;font-weight:bold;
}
.block-edit textarea {
	height:100px
}


.block-edit table, .block-edit .box-edit{
	float:left
}
.block-edit tr{
	height:25px
}


.table-edit th{
    font-size: 12px;
    padding: 0px 5px;
    text-align: left;
    white-space:nowrap;
    border:none;

}	


.hover-nomaus tr:hover {
   background-color:#D2E3FF
 }



.table-edit td{
	padding:0px;width:100%;
	border:none;

}	


.table-small-edit th  {
	font-size:12px;padding: 3px 4px
}


.table-small-edit td{
	padding:0px;
	border:none;
	font-size:12px:

}


.table-small-edit input,.table-small-edit select{
    border-radius: 0px!important;
    border:0px!important;
    margin:0px
}

.table-small-edit input.isError,.table-small-edit select.isError{
    border:1px red solid!important
}


.pop-up-msg{
    position: absolute;
    background-color: lime;
    color:black;
    padding: 5px 10px;
    font-size: 10px;
    border-color: 1px black solid;
    border: 1px black solid;
    display:none;
    z-index:100;
}


.alert {
  padding: 5px 20px;
  background-color: #ff9800;
  color: black;
  opacity: 1;
  transition: opacity 0.6s;
  font-size:12px;border-bottom:1px white dotted
}

.alert:last-child { margin-bottom:20px }
.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}

.alert-close {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.alert-close:hover {
  color: black;
}

.mce-box{
	min-height:100px;white-space:normal
} 

#tbProtokoll {
	font-size:12px
}

#tbProtokoll {
	font-size:12px
}

#tbProtokoll th {
	font-size:12px;font-weight:bold;
}
#tbProtokoll td {
	font-size:12px
}


.ipa-drop-header{
	margin:0 0 5px 0;
	padding:4px;
	width:250px;
	border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #DADADA;
    position:relative;
    white-space: nowrap;
    overflow: hidden;
    height:26px;
    cursor:pointer;
    background-color:white;
    font-weight:normal;
    font-size:15px;
    max-width:100%

}
.ipa-drop-arrow {
	position:absolute;width:20px;background-color:lightgray;right:0px;top:0px;height:100%;cursor:pointer;
}
.ipa-drop-arrow .arrow{
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  margin:3px 5px 0 5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.ipa-drop {
	position:absolute;
	margin-top:-6px;
	border:1px silver solid;
	max-height:350px;
	overflow:auto;
	display: block;
	z-index:100;
	min-width:250px;
	display:none;
	background-color:rgb(253, 242, 214);
	font-size:15px;
}
.ipa-drop-gruppe{
	background-color:#ffb9086e;font-size:15px;font-weight:bold;text-align:center;padding:2px
	
}
.ipa-drop-item,.checkliste-item {
	padding:2px 10px;
	border-bottom:1px silver dotted;
}

.ipa-drop-item:hover,.checkliste-item:hover{
background-color: #D2E3FF;
	cursor:pointer
}

.ipa-drop.checkbox .ipa-drop-item,.checkliste-item{
    background-position: 5px;
    background-image: url('/sys/images/icos/checkLeer.png');
    background-repeat: no-repeat;
    background-size: 17px 15px;
    padding-left: 28px;
}


.ipa-drop.checkbox .ipa-drop-item.checked,.checkliste-item.checked{
    background-position: 5px;
    background-image: url('/sys/images/icos/checkBlack.png');
    background-repeat: no-repeat;
    background-size: 17px 15px;
    padding-left: 28px;
}

.ipa-drop-item.locked{
  pointer-events: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;

}

.ipa-drop-item.disabled{
 display:none

}

.tb-edit .ipa-drop-header{
	width:100%;margin:0;border:0
}


.filter-table {
	width:150px;float:left;margin-right:40px;font-weight:normal
}
.filter-table .ipa-drop-label{
	font-size:11px
}

.filter-table .ipa-drop-header{
	background:#f1eeee;height:22px;padding:0 4px
}
.filter-table .ipa-drop-arrow{
	background:silver
}

.filter-motor-details {
	width:150px;float:left;margin-right:40px;font-weight:normal
}
.filter-motor-details .ipa-drop-label{
	font-size:11px
}

.filter-motor-details .ipa-drop-header{
	background:#f1eeee;height:22px;padding:0 4px
}
.filter-motor-details .ipa-drop-arrow{
	background:silver
}

.motor-item td.grundpreis-lock {
	background-color:#eeeeee!important
}

#lyMotoren .ipa-drop-header,.filter-table .ipa-drop-header {
	background-color:white
}

.filter-kw-aus { display: none }
.filter-sp-aus { display: none }
.filter-gb-aus { display: none }
.filter-md-aus { display: none }
.filter-at-aus { display: none }
.filter-tf-aus { display: none }
.filter-mt-aus { display: none }
.filter-mk-aus { display: none }

/* Item Anhang */

.anhang-block{
    background-color: #f3f3f3;
    -webkit-box-shadow: 1px 2px 7px -1px rgba(0,0,0,0.34);
    -moz-box-shadow: 1px 2px 7px -1px rgba(0,0,0,0.34);
    box-shadow: 1px 2px 7px -1px rgba(0,0,0,0.34);
    padding:2px 10px;
    min-height:25px;
    
}

.anhang-block .item{
	display:inline-block;padding:3px;border:1px silver solid; margin:3px 10px 7px 0px;
	-webkit-box-shadow: 2px 2px 2px 0px #5A5A5A, 2px 2px 8px -2px rgba(90,90,90,0); 
     box-shadow: 2px 2px 2px 0px #5A5A5A, 2px 2px 8px -2px rgba(90,90,90,0);
     font-size:10px;
     min-height:25px;
}

.anhang-block img{
	height:10px
}
.anhang-block i {
	padding:0 2px
	}

.anhang-block i.del{
	color:red;padding:0 2px 0 5px
	}
.anhang-block i.vorschau{
	padding:0px 5px 0 2px
	}

.anhang-block i:hover{
	cursor:pointer;color:blue
	}


/*---- Switch  -----------------*/    
 
   .switch {
      --width: 70px;
      --height: calc(var(--width) / 3);

      position: relative;
      display: inline-block;
      width: var(--width);
      height: var(--height);
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
      cursor: pointer;
    }

    .switch input {
      opacity:0
    }

    .switch .labels {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 14px;
      font-family: sans-serif;
      transition: all 0.4s ease-in-out;
      overflow: hidden;
    }

    .switch .labels::after {
      content: attr(data-off);
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      transition: all 0.4s ease-in-out;
    }

    .switch .labels::before {
      content: attr(data-on);
      position: absolute;
      display: flex;
      justify-content: center;
      color:#ed15ab;
      align-items: center;
      top: 0;
      left: calc(var(--width) * -1);
      height: 100%;
      width: 100%;
      text-align: center;
      transition: all 0.4s ease-in-out;
    }

    .switch input:checked~.labels::after {
      transform: translateX(var(--width));
    }

    .switch input:checked~.labels::before {
      transform: translateX(var(--width));
    }




.motor-filter {
    overflow-y: auto;
    display: inline-block;
    max-height:400px;
    min-width:350px
	
}

table.small th, table.small td {
	font-size:12px;padding: 3px 4px;text-align: left
}

table.checkbox tbody tr td:nth-child(1) {
  background-position:5px;
  background-image:url('/sys/images/icos/checkLeer.png');
  background-repeat:no-repeat;
  background-size: 17px 15px;
  padding-left:28px
    
    }
table.checkbox tbody tr.checked td:nth-child(1){
  background-image:url('/sys/images/icos/checkBlack.png');
}

table.tb-edit th {
    background: #ebeaea;
 border: 1px solid rgb(204, 204, 204);	
    
}

table.tb-edit td{
 border: 1px solid rgb(204, 204, 204);;
 padding:0px;
 background: #f4f4f4;
	
} 

table.tb-edit th.caption{
 font-size:13px;
 font-weight:bold;
 background: #dbdada;
	
} 


table.tb-edit input,.ipa-grid .item.edit input{
margin:0px
}

table.tb-edit input,table.tb-edit select,table.tb-edit textarea{
    border-radius: 0px!important;
    border:0px!important;
    margin:0px
}

table.tb-edit input.isError,table.tb-edit select.isError{
    border:1px red solid!important
}


.ico-sort {
	margin-left:50px;cursor:pointer
} 

.tox .tox-menubar,.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-sanfona {
    background-color: #f3f3f3!important;
} 

.aufgabe-edit,.protokoll-edit {
	cursor:pointer
}

.aufgabe-edit:hover,.protokoll-edit:hover {
	color:blue
}

  .flex-resize {
    border-right:2px #ccc solid;
    overflow: hidden;
    
} 

  .flex-resize-content {
    padding:0 20px;
    overflow: hidden;
    white-space:nowrap

} 

#lyCheckListe{
padding:0;
background-color: rgb(253, 242, 214);
	
}

.checkliste-gruppe {
    background-color: #ffb9086e;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}



.checkliste-item{
padding-top:5px;padding-bottom:5px
}

.vorlage-gruppe{
	background-color:#f9d881;border-bottom:1px silver dotted;padding:2px 10px 2px 10px
}
.vorlage-file,.local-datei{
	background-color:#fdf2d6;border-bottom:1px silver dotted;padding:2px 30px 2px 10px

}

.vorlage-file::before,.local-datei::before{
	content:'\2BC8';
	margin-right:2px
}


.vorlage-gruppe:hover,.vorlage-file:hover,.local-datei:hover{
	background-color:#D2E3FF;cursor:pointer
}

#anlagen-content {
	display:inline-block;min-width:400px
}
#anlagen-content .data-vorschau{
    position: absolute;
    right: 0px;
    font-size: 20px;
    color: #ff5722;
}

#anlagen-content .data-vorschau:hover{
    cursor:pointer;
    color:blue;
}

.close-modal {
  position: absolute;
  right: 5px;
  top:-5px;
  color: #000;
  font-size: 30px;
  font-weight: bold;
}
.close-modal:hover {
  color:red;cursor:pointer
}


.bautexte-gruppe{
	background-color:#f9d881;border-bottom:1px silver dotted;padding:2px 10px 2px 50px
}
.bautexte-file{
	background-color:#fdf2d6;border-bottom:1px silver dotted;padding:2px 10px 2px 10px

}

.bautexte-file::before{
	content:'\2BC8';
	margin-right:2px
}


.bautexte-gruppe:hover,.bautexte-file:hover{
	background-color:#D2E3FF;cursor:pointer
}

.ebn-0 {
	padding-left:20px;
}
.ebn-1 {
	padding-left:30px;
}
.ebn-2 {
	padding-left:40px;
}

.bautexte-gruppe::before{
	content:'';
	background: url('/sys/images/explorer/minus.png'); /*url of image*/
	height: 11px; /*height of image*/
	width: 11px;  /*width of image*/
	margin:2px 0 0 -15px;
	position: absolute;
}
.bautexte-gruppe.close::before{
	background: url('/sys/images/explorer/plus.png'); /*url of image*/
	height: 11px; /*height of image*/
	width: 11px;  /*width of image*/
}


#bautexte-liste{
	
    position: absolute;
    width:100%;
    max-height: 300px;
    max-width: 500px;
    overflow: auto;
    border: 1px silver solid;
    z-index: 10;
}



.archiv {
	color:#adabab;font-style:italic;display:none
}
.archiv p:first-of-type{
	margin:0px
}

.but.today {
    padding: 2px 4px;
    min-width: 20px;
    margin-left: 5px;
}

.mail-prioritaet i{color:#adaaaa;!important}
.mail-prioritaet.yes i{color:red;}

.tel-an {
	font-size:16px;margin-right:10px;cursor:pointer;color:gray
}
.tel-an:hover,.tel-aus:hover {
	color:blue!important
}

.tel-aus {
	font-size:16px;margin-right:5px;cursor:pointer;color:gray
}
.div-kb.close div p:first-child{
	margin-top:0px
}
.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{
	display:none!important
	}
	
.ipa-grid {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 1px;
  background-color: #ccc;
  padding: 1px;
  margin-bottom:30px;
  position:relative

}

.ipa-grid.close .item:not(.caption){
	display:none
}
.ipa-grid .item {
  background-color: #f4f4f4;
  padding: 3px ;
  font-size: 14px;
  overflow:hidden;

}

.ipa-grid .item.th {
  background-color: #ebeaea;
  font-size: 13px;
  padding-top:7px

}

.ipa-grid .item.edit {
  padding:0
}


.ipa-grid .caption{
  position:relative;
  background:#dbdada;
  grid-column-start: 1;
  grid-column-end: 3;
  padding:6px 4px 5px 4px;
  font-size: 14px;
  font-weight:bold
}

.ipa-grid .col2{
  grid-column-start: 1;
  grid-column-end: 3;
  background-color: #f4f4f4;
}


.ipa-grid .caption.hover:hover{
  cursor:pointer;
  color:#ab4410
}

.ipa-grid .arrow{
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  margin:4px 4px 0 10px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  float:right;

  
}

.ipa-grid.close .item,.ipa-grid.close .col2{
	display:none
}

.ipa-grid.close .arrow{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top:0px;
}

.ipa-grid .item.edit input,.ipa-grid .item.edit select, .ipa-grid .item.edit textarea{
    border-radius: 0px!important;
    border:0px!important;
    margin:0px
}

.but:hover{
	cursor:pointer

}
.msg-box {
	display: inline-block;background-color:white;min-width:300px;
}

.msg-caption {
	 background-color:#f9bb2d;padding:5px;text-align:center;font-size:13px;font-weight:bold
}

.msg-content {
	 padding:20px;text-align:left;font-size:13px
}
.msg-footer{
	border-top:1px silver dotted;padding:10px
}


table.tb-edit input.isError,table.tb-edit select.isError{
    border:1px red solid!important
}

.anruf-rang{
	position:absolute;margin-left:50px;border:1px silver solid;
	border-radius:50%;
	font-size:11px;
	width:15px;height:14px;font-family:Arial, Helvetica, sans-serif;
	padding-left:3px;
	background-color:lime;
	color:black;
}

.aufgabe-datum{
	color: silver;
    margin-right: 20px;
}

.ham-ico {
  height: 20px;
  width: 20px;
  position: absolute;
  cursor: pointer;
  border-radius: 3px;
  right:10px
}

.ham-ico i,
.ham-ico i:before,
.ham-ico i:after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  background: #858585;
  transition: all .2s ease;
  z-index:10;
}

.ham-ico i {
  top:12px
}

.ham-ico i:before {
  top: -7px
}

.ham-ico i:after {
  top: 7px
}



.ham-ico.open i{
  background: transparent;
  transform: rotate(-135deg)
}

.ham-ico.open i:before,
.ham-ico.open i:after {
  top: 0
}

.ham-ico.open i:before {
  transform: rotate(90deg)
}


.ipa-kb-container.set-table{
	padding: 4px 10px 0px 10px;border: 1px solid #ccc; background-color: #ebeaea
}

.ipa-kb{
	position:relative;width:180px;display:inline-block
}
.ipa-kb-label {
	font-size:11px;
	height:15px;
	text-overflow: ellipsis;
	overflow: hidden;
	width:100%

}
.ipa-kb-caption{
	margin:0 0 5px 0;
	padding:2px 4px;
    box-sizing: border-box;
    border: 1px solid #DADADA;
    position:relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height:26px;
    cursor:pointer;
    background-color:white;
    font-weight:normal;
    font-size:14px;
    width:100%;
    max-width:100%

}

.ipa-kb-caption label{
    cursor:pointer;

}

.ipa-kb-caption .arrow{
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-top:2px;
  position:absolute;right:5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  
}

.ipa-kb-content {
	position:absolute;
	margin-top:-6px;
	border:1px silver solid;
	max-height:350px;
	overflow:auto;
	overflow-x: hidden;
	display: none;
	z-index:100;
	display:nonex;
	background-color:rgb(253, 242, 214);
	font-size:14px;
	width:100%;
}

.ipa-kb.open .ipa-kb-content {
	display: block;
}

.ipa-kb-item {
	padding:2px 10px ;
	border-bottom:1px silver dotted;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;


}

.ipa-kb-item:hover{
background-color: #D2E3FF;
	cursor:pointer
}

.ipa-kb.checkbox .ipa-kb-item{
    background-position: 5px;
    background-image: url('/sys/images/icos/checkLeer.png');
    background-repeat: no-repeat;
    background-size: 17px 15px;
    padding-left: 28px;
}


.ipa-kb.checkbox .ipa-kb-item.checked{
    background-position: 5px;
    background-image: url('/sys/images/icos/checkBlack.png');
    background-repeat: no-repeat;
    background-size: 17px 15px;
    padding-left: 28px;
}

.ipa-kb-item.locked{
  pointer-events: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;

}