#js-DetailLPU > .medcentre__cls-btn-new {
  z-index: 5;
}

/* Прелоадер поверх карточки должен закрывать и крестик */
#js-lpu-detail > .preloader,
.medcentres-page__column2 > .preloader,
.medcentres-page__column2 .preloader {
  z-index: 20;
}

.medcentres-page__medcentre--hidden .medcentre__cls-btn,
.medcentres-page__medcentre--hidden .medcentre__cls-btn-new {
  visibility: hidden;
}

.medcentre__notifications.medcentre__message-card,
#js-lpu-notifications.medcentre__message-card {
  position: static;
  left: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  width: auto;
  min-width: 0;
  margin: 0 0 32px;
  padding: 20px 24px;
  box-sizing: border-box;
  border: 0;
  border-radius: 16px;
  text-align: left;
}

.medcentre__message-card--info,
#js-lpu-notifications.medcentre__message-card--info {
  background-color: #e1f6fb;
}

.medcentre__message-card--error,
#js-lpu-notifications.medcentre__message-card--error {
  background-color: #fde9e9;
}

.medcentre__message-card--warning,
#js-lpu-notifications.medcentre__message-card--warning {
  background-color: #fff3dc;
}

.medcentre__message-heading {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  padding-right: 40px;
}

.medcentre__message-icon {
  display: inline-flex;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.medcentre__message-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.medcentre__message-card--info .medcentre__message-icon {
  color: #12aac9;
}

.medcentre__message-card--error .medcentre__message-icon {
  color: #ed5964;
}

.medcentre__message-card--warning .medcentre__message-icon {
  color: #ffad0d;
}

.medcentre__message-title {
  margin: 0;
  min-width: 0;
  color: #171b1c;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.medcentre__notifications.medcentre__message-card .medcentre__message-description,
#js-lpu-notifications.medcentre__message-card .medcentre__message-description,
#js-lpu-notifications.medcentre__message-card p {
  position: static;
  left: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  width: auto;
  max-width: 100%;
  min-width: 0;
  margin: 8px 0 0 34px;
  padding: 0;
  border: 0;
  color: #171b1c;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  background-color: transparent;
  justify-content: unset;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.medcentre__notifications.medcentre__message-card .medcentre__message-description strong,
#js-lpu-notifications.medcentre__message-card .medcentre__message-description strong {
  font-weight: 700;
}

.medcentre__message-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 0 34px;
}

.medcentre__notifications.medcentre__message-card .btn2,
#js-lpu-notifications.medcentre__message-card .btn2 {
  min-height: 32px;
  padding: 10px 14px;
  border: 0;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  box-shadow: none;
}

.medcentre__notifications.medcentre__message-card .btn2--theme_dark {
  background-color: #171b1c;
  color: #fff;
}

.medcentre__notifications.medcentre__message-card .btn2--theme_dark:hover {
  background-color: #30393a;
  color: #fff;
}

.medcentre__notifications.medcentre__message-card .btn2--theme_error {
  background-color: #ef5350;
  color: #fff;
}

.medcentre__notifications.medcentre__message-card .btn2--theme_error:hover,
.medcentre__notifications.medcentre__message-card .btn2--theme_error:active {
  background-color: #ef5350;
  color: #fff;
}

.medcentre__notifications.medcentre__message-card .btn2--theme_gray,
.medcentre__notifications.medcentre__message-card .btn2--theme_gray:hover,
.medcentre__notifications.medcentre__message-card .btn2--theme_gray:active {
  background-color: #0302041c;
  color: #171b1c;
}

@media (max-width: 980px) {
  #js-lpu-notifications.medcentre__message-card {
    position: static;
    left: auto;
    bottom: auto;
    z-index: auto;
    width: auto;
    margin: 0 0 24px;
    padding: 16px;
    border: 0;
    text-align: left;
  }

  #js-lpu-notifications.medcentre__message-card p,
  #js-lpu-notifications.medcentre__message-card .medcentre__message-description {
    position: static;
    left: auto;
    bottom: auto;
    z-index: auto;
    display: block;
    width: auto;
    max-width: 100%;
    margin: 8px 0 0 32px;
    padding: 0;
    border: 0;
    text-align: left;
    background-color: transparent;
    justify-content: unset;
  }

  #js-lpu-notifications.medcentre__message-card button,
  #js-lpu-notifications.medcentre__message-card .btn2 {
    width: auto;
  }

  #js-DetailLPU.medcentre__inner-new--has-message {
    padding-bottom: 40px;
  }
}

@media (max-width: 620px) {
  #js-lpu-notifications.medcentre__message-card {
    padding: 16px;
    border-radius: 14px;
  }

  .medcentre__message-icon {
    flex-basis: 22px;
    width: 22px;
    height: 22px;
  }

  .medcentre__message-title {
    font-size: 16px;
    line-height: 22px;
  }

  #js-lpu-notifications.medcentre__message-card .medcentre__message-description,
  #js-lpu-notifications.medcentre__message-card p {
    margin-left: 32px;
    font-size: 15px;
    line-height: 22px;
  }

  .medcentre__message-actions {
    margin-left: 32px;
  }

  #js-DetailLPU.medcentre__inner-new--has-message {
    padding: 20px 20px 20px;
  }
}