.ngdialog-overlay {
  background-color: transparent;
}
.ngdialog-audio {
  width: 450px !important;
  padding-top: 0 !important;
  padding-bottom: 0px !important;
  margin-top: 160px;
  border: solid 3px #76146b;
  border-radius: 15px;
  overflow: visible;
  max-height: 117px;
}
.ngdialog.ngdialog-audio .ngdialog-content {
  -webkit-animation: ngdialog-flyin 0.1s;
  animation: ngdialog-flyin 0.1s;
  background: #F2E8F1;
  border-radius: 15px;
  color: #444;
  font-family: 'Helvetica', sans-serif;
  font-size: 1.1em;
  line-height: 1em;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 450px;
}
.ngdialog.ngdialog-audio .ngdialog-close {
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.ngdialog.ngdialog-audio .ngdialog-close:after {
  background: transparent;
  border-radius: 3px;
  color: #bbb;
  content: url("../../../../../packages/images/interface/close.png");
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: -8px;
  text-align: center;
  top: -23px;
  width: 30px;
}
.ngdialog.ngdialog-audio .ngdialog-close:before {
  display: none;
}
.ngdialog.ngdialog-theme-default.ngdialog-closing {
  visibility: hidden;
}
.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout 0.01s;
  animation: ngdialog-flyout 0.01s;
  visibility: hidden;
}
.ngdialog.ngdialog-audio .ngdialog-close:hover:before,
.ngdialog.ngdialog-audio .ngdialog-close:active:before {
  color: #777;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface {
  position: relative;
  width: 100%;
  height: 62px;
  border: 0;
  border-radius: 0;
  background: none;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-left-controls {
  width: 103px;
  padding-bottom: 6px;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-left-controls a.jp-play,
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-left-controls a.jp-pause {
  margin: 7px -4px 0 0;
  width: 53px;
  height: 57px;
  float: left;
  text-indent: -9999px;
  outline: none;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-left-controls a.jp-play {
  background-position: -4px -4px;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-left-controls a.jp-play:hover {
  background-position: -62px -4px;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-left-controls a.jp-pause {
  background-position: -4px -61px;
  display: none;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-left-controls a.jp-pause:hover {
  background-position: -62px -61px;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-left-controls a.jp-stop {
  background-position: 1px -119px;
  width: 48px;
  height: 43px;
  float: left;
  text-indent: -9999px;
  outline: none;
  margin-left: 2px;
  margin-right: -4px;
  margin-top: 11px;
  cursor: pointer;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-left-controls a.jp-stop:hover {
  background-position: -46px -119px;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface div.jp-center-controls {
  margin-left: 8px;
  width: 165px;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface a.jp-mute {
  background-position: -7px -174px;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface a.jp-unmute {
  background-position: -54px -174px;
}
.ngdialog.ngdialog-audio .ngdialog-content .jp-interface #volume_slidejs_bar {
  width: 70px;
}