body.notifications-view #page-header {
  z-index: 999;
}
body.notifications-view #main-body {
  max-height: 100vh;
}
body.notifications-view #main-body > div {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
#notification-content-wrapper {
  min-width: 400px;
}
#notification-settings {
  color: #31aae2;
  font-size: 11px;
  cursor: pointer;
}
.notification {
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: transparent;
  background-color: #ffffff;
  padding: 0;
  position: relative;
  display: block;
}
.notification:after {
  position: absolute;
  height: 1px;
  display: block;
  background: #ccc;
  content: '';
  bottom: 0;
  left: 5px;
  right: 10px;
}
.notification:last-child:after {
  display: none;
}
.notification .meta {
  text-align: right;
  padding-right: 45px;
  color: #ADADAD;
}
.notification .meta .notification-icon {
  margin-right: 5px;
}
.notification .circle {
  height: 62px;
  width: 62px;
  border: 1px solid #cacaca;
  padding: 0;
}
.notification .circle .circle-initials {
  border-radius: 50%;
  height: 56px;
  width: 56px;
  padding: 0;
  background-color: #31aae2;
  text-align: center;
  font-size: 25px;
  color: #ffffff;
  font-family: 'vox regular', sans-serif;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 56px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.notification.inline {
  padding: 4px 0;
  display: block;
  position: relative;
  transition: all 0.3s;
}
.notification.inline:hover {
  background-color: #e6f2f8;
  transition: all 0.3s;
}
.notification.inline .notification-body {
  margin-left: 50px;
}
.notification.inline .notification-body .sentence {
  font-family: 'vox regular', sans-serif;
  margin-bottom: 0;
  padding: 0 !important;
  font-size: 10px;
}
.notification.inline .notification-body .name {
  font-family: 'vox regular', sans-serif;
  margin-bottom: 0;
  padding: 0 !important;
  font-size: 10px;
}
.notification.inline p {
  color: #8E8E8E !important;
}
.notification.inline .meta {
  padding: 0 10px;
  text-align: right;
  font-size: 10px;
}
.notification.inline .notification-img {
  left: 25px;
}
.notification.inline .circle {
  width: 30px !important;
  height: 30px !important;
  padding: 0;
  position: absolute !important;
}
.notification.inline .circle .circle-initials {
  height: 29px;
  width: 29px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  top: 50%;
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
}
.unread-notification {
  border-left-color: #31aae2 !important;
}
.unread-notification:before {
  position: absolute;
  height: 1px;
  width: 5px;
  display: block;
  background: #ffffff;
  content: '';
  bottom: 0;
  left: -5px;
}
.notification-body {
  margin-left: 50px;
}
.notification-body .sentence {
  display: block;
  padding-left: 45px;
  font-size: 15px;
  font-family: 'vox regular', sans-serif;
  font-weight: normal;
  color: #8e8e8e !important;
}
.notification-body .name {
  display: block;
  padding-left: 45px;
  font-size: 15px;
  font-family: 'vox regular', sans-serif;
  font-weight: normal;
  color: #31aae2;
  margin-top: 15px;
  margin-bottom: 8px;
}
a.notification .meta span {
  display: inline-block;
}
a.notification .meta span.date {
  min-width: 150px;
}
.notification-img {
  position: absolute;
  top: 15px;
  left: 40px;
}
.noContactImage {
  border: 1px solid #ccc;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  background-size: 95%;
  background-position-y: 200%;
}
#notifications-popout {
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
  min-width: 315px;
  width: 350px;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
}
#show-all-notifications {
  color: #31aae2;
  font-size: 12px;
  font-family: 'vox semibold', sans-serif;
  padding: 5px 0;
  font-weight: normal;
  text-align: center;
  display: block;
  text-transform: none;
}
/***** Precall Notification *****/
#toast-container > .toast-precall {
  padding: 0;
  color: #2b2c2d;
  background-color: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  z-index: 995;
  opacity: 1;
}
#toast-container > .toast-precall:hover {
  -moz-box-shadow: 0 0 12px #999;
  -webkit-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
}
#toast-container > .toast-precall > button.toast-close-button {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #cacaca;
  font-size: 20px;
  z-index: 999;
  opacity: 1;
  font-family: 'vox regular', sans-serif;
}
#toast-container > .toast-precall > .toast-message .card > .card-header {
  padding: 10px 15px 10px 40px;
  background-color: #00577f;
  color: white;
  font-size: 9px;
  font-family: 'vox regular', sans-serif;
  font-style: italic;
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: 5px;
  background-size: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%238e8e8e;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st1{fill:none;stroke:%2331AAE2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} %3C/style%3E%3Cpath class='st0' d='M7.5 10c0.8-0.8 0.8-2 0-2.8L5.4 5.1c-0.8-0.8-2-0.8-2.8 0L1.4 6.2c-1 1-1.2 2.6-0.4 3.8 3.4 5.1 7.9 9.6 13 13 1.2 0.8 2.8 0.6 3.8-0.4l1.2-1.2c0.8-0.8 0.8-2 0-2.8l-2.1-2.1c-0.8-0.8-2-0.8-2.8 0l-0.7 0.7C11 15.3 8.7 13 6.8 10.7 6.8 10.7 7.5 10 7.5 10z'/%3E%3Cpath class='st1' d='M12 0.5c6.4 0 11.5 5.1 11.5 11.5'/%3E%3Cpath class='st1' d='M12 4.5c4.1 0 7.5 3.4 7.5 7.5'/%3E%3Cpath class='st1' d='M12 8.5c1.9 0 3.5 1.6 3.5 3.5'/%3E%3C/svg%3E");
}
#notification-settings-button {
  text-transform: capitalize;
  min-width: 180px;
}
@media (max-width: 480px) {
  .header-title h3 {
    display: none !important;
  }
}
/*# sourceMappingURL=style.css.map */