.typesModule {
  display: inline-block;
  width: 100%; 
  position: relative;
}
.typesModule types-directive{
  display: block;
}

.typesModule .item.active {
  background-color: darkgrey;
  color: #f2f2f2; }

.typesModule .items {
  width: 330px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #939598;
  position: absolute;
  z-index: 999; }

.typesModule .row {
  margin-left: 0px;
  margin-right: 10px; }

p {
  margin: 5px; }
.typesModule .input-group{
  width: 100%;
}
.typesModule .typesInputSearch {
  width: 100%;
  height: 40px;
  position: relative;
  background-color: white;
  padding: 0;
  margin: 0;
  border-left: 1px #b3b4b5 solid;
  border-top: 1px #b3b4b5 solid;
  border-bottom: 1px #b3b4b5 solid;
  border-right: none;
  font-family: 'Century Gothic', SegoeUI, Arial, sans-serif;
  font-size: 14px;
  color: #939598;
  text-indent: 6px !important;
  vertical-align: middle;
  border-radius: 4px 0 0 4px;
  min-width: 0;
}

.typesModule .btndropdown {
  height: 40px;
  padding: 1px 6px;
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-color: #b3b4b5;
  /* border-radius: 10px; */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/*edit dialog style*/
.editType {
  z-index: 9999; }

/*edit dialog box*/
.editType .ui-dialog-titlebar {
  background-color: #bcdb87;
  color: #fff; }

.editType .ui-dialog-buttonset button:nth-child(1) {
  /*cancel button*/
  width: 84px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  font-family: 'Century Gothic', SegoeUI, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: white;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #a7a9ac;
  background-image: none;
  text-shadow: none; }

.editType .ui-dialog-buttonset button:nth-child(2) {
  /*ok button*/
  width: 62px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
  font-family: 'Century Gothic', SegoeUI, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: white;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #bcda87;
  background-image: none;
  text-shadow: none; }