#addressbook_editcontrols, #addressbook_showcontrols, #addressbook_featurecontrols,#addressbook_chartcontrols{
  padding: 0.5vh 0;
  margin-bottom: 1vh;
  border:  1px solid #ddd;
}
#addressbook_editcontrols:hover,  #addressbook_showcontrols:hover, , #addressbook_featurecontrols:hover,#addressbook_chartcontrols:hover{
  background-color: rgba(0,0,0,0.15);
}
.controlwrapper:hover{
  background-color: rgba(255,255,255,0.8);
}
[id*='addressbook_'] input[disabled]{
  color:rgba(0,0,0,0.5);
}
[id*='addressbook_'] input{
  /*! width: 80%; */
  /*! margin: 0 auto !important; */
}
[id*='addressbook_'] select{
  /*! width: 80%; */
  /*! margin: 0 auto !important; */
}
.controlwrapper.col-md-12{
  margin-top: : 0.5vh;
  margin-bottom: 0.5vh;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  /*border-top: 1px solid rgba(0,0,0,0.5);*/
  
}
.controlwrapper.col-md-12:not(:last-child){
  border-bottom: 1px solid rgba(0,0,0,0.5);
}
.controlwrapper.showMemberData label,
.controlwrapper.showMemberData textarea,
.controlwrapper.showMemberData select,
.controlwrapper [role="group"] {
  width:100%;
}
.controlwrapper.showMemberData textarea{
  height:20vh;
  resize: vertical
}
.controlwrapper.showMemberData input{
  width: auto;
}
.controlwrapper [id*="badgewrapper"]{
  position: relative;
}
.badge{
  position: absolute;
  top: 8px;
  right: 0px
}

#pie-chart-keys> ul, #chartcontainer_keys> ul{
    padding: 0;
    text-align: center;
}
 
#pie-chart-keys li ,#chartcontainer_keys li{
    cursor: pointer;
    margin: 4px 3px;
    display: inline-table;
}
#pie-chart-keys li span, #chartcontainer_keys li span{
    position: relative;
    padding: 3px 10px;
    border-radius: 13px;
    color: white;
    z-index: 2;
    font-size: 11px;
}

#pie-chart-keys, #chartcontainer_keys{
  margin-top: 1vh;
  width:100%;
  bottom:10%;  
  height: auto;
  overflow: auto;
}
.media-body ~ #chart_target{
   /*padding-left: 10px; */
}
.donut-area{
    height:calc(100% - 62px)
}