@charset 'utf-8';


.color-white_black {
  color: white !important;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;

}

.color-white_black .information-modal__heading {
  background: #000000;
  color:white;
}
.color-white_black .no-info{
  color: white;
}
.color-white_black .service-name__description {
  color: white;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.color-white_black .article-content {
  padding: 0;
}

.text-content {
  padding: 0;
}

.color-white_black .doctors__wrapper-select {
  padding-left: 0;
  grid-template-columns: 1fr;
}

.color-white_black .service-schedule-params-container p {
  font-size: 20px;
}

.color-white_black .page__heading {
  font-size: 33px;
}

.color-white_black .mx-input, .color-white_black .select-speciality {
  border-color: white;
  border-width: 2px;
  height: 55px;
  font-size: 22px;
  color: white;
}

.color-white_black, .color-white_black .select-speciality option {
  background: black;
}

.color-white_black .doctor-schedule-dates-selector__date-card {
  height: 60px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

.color-white_black .date-card__weekday {
  font-size: 16px;
  color: white;
}

.color-white_black .date-card__date {
  font-size: 16px;
}

.color-white_black .doctor-schedule-dates-selector__date-cards-container {
  border-color: white;
  border-width: 2px;
}

.color-white_black .doctor-schedule-dates-selector_next-button, .color-white_black .doctor-schedule-dates-selector__prev-button {
  border-color: white;
  border-width: 2px;
  border-radius: 0;
}

.color-white_black .doctor-schedule-dates-selector__date-cards-container {
  background: black;
}

.color-white_black [data-occupation="OCCUPIED"]:not(.occupation-level):after {
  content: "ВСЕ ЗАНЯТО";
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

.color-white_black [data-occupation="FREE"]:not(.occupation-level):after {
  content: "Много вариантов";
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

.color-white_black [data-occupation="BUSY"]:not(.occupation-level):after {
  content: "Мало вариантов";
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

.color-white_black [data-occupation="EMPTY"]:not(.occupation-level):after {
  content: "НЕТ РАСПИСАНИЯ";
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

.color-white_black .week-net {
  background: black;
  border-radius: 0;
  grid-template-columns: repeat(auto-fill, minmax(186px, 1fr));
}

.color-white_black .week-net .week-net__cell {
  height: 120px;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  background: black;
  color: white;
  font-size: 18px;
  border: 2px solid white;
}

.color-white_black .week-net .week-net__cell p {
  font-size: 18px;
  position: unset;
  transform: translateX(0);
  margin-bottom: 0;
  color: white;
}

.color-white_black .doctor-heading__name {
  font-size: 24px;
  color: white;
}

.color-white_black .article-content p {
  color: white;
  font-size: 20px;
}

.color-white_black .now-date .date-card__weekday, .color-white_black .now-date .date-card__date {
  color: white;
}

.color-white_black .now-date {
  position: relative;
}


.color-white_black .work-time, .color-white_black .schedule-recive, .color-white_black .doctor-information__name {
  color: white !important;
}

.color-white_black .occupation-level {
  background: transparent;
  color: white !important;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.color-white_black .work-time, .color-white_black .work-room {
  line-height: normal;
  font-size: 21px;
}

.color-white_black .filled {
  border-radius: 0;
  border: 2px solid white !important;
  background: black !important;
}

.color-white_black .rooms-in-speciality li {
  justify-content: center;
  gap: 15px;
  padding: 33px 15px 15px;
  text-align: center;
}

.color-white_black .staff-modal {
  background: black !important;
  border: 2px solid white !important;
}

.color-white_black .work-room {
  color: white !important;
}

.color-white_black .loading {
  background: black !important;
}

.color-white_black .dates-selector-blind .slick-next svg, .color-white_black .dates-selector-blind .slick-prev svg {
  fill: white !important;
}

.color-white_black .datepicker-button {
  height: 100%;
  width: 51px;
  border-radius: 0;
}

.color-white_black .bi-chevron-down {
  fill: white;
  transform: translateY(-111%) !important;
}

.color-white_black .bi-chevron-down.rotated {
  fill: white;
  transform: rotateX(180deg) translateY(111%) !important;
}

.time-table__wrapper-input .time-table__doctors-list {
  top: 83px !important;
}

.color-white_black .button-forward, .color-white_black .button-back {
  border-radius: 0;
  border: 2px solid white !important;
}

.color-white_black .mx-input {
  background: black !important;
}

.color-white_black.mx-datepicker svg {
  fill: white !important;
}

.color-white_black table thead, .color-white_black table tbody, .color-white_black table tfoot {
  background-color: black;
}

.color-white_black.today div {
  background: white;
  color: black;
}

.color-white_black table tbody tr:nth-child(even) {
  background: black;
}

.color-white_black .mx-calendar {
  border: 2px solid white;
  background: black;
}

.color-white_black tbody tr:first-child {
  background: black;
}

.color-white_black .mx-table {
  transform: translateX(-10px);
}

.color-white_black .mx-table-date .cell.not-current-month {
  color: #939393;
}

.color-white_black .mx-calendar-header-label button {
  color: white;
}

.color-white_black .mx-icon-left:before, .color-white_black .mx-icon-right:before {
  border-color: white;
}

.color-white_black .cell div {
  color: white;
}

.color-white_black .mx-table-date th {
  color: white !important;
  text-align: center !important;
}

@media (max-width: 576px) {
  .color-white_black .mx-input, .color-black_white .select-speciality {
    font-size: 18px;
  }

  .color-white_black .rooms-in-speciality li {
    padding: 20px 0 15px !important;
    gap: 10px !important;
  }

  .color-white_black .occupation-level {
    font-size: 16px !important;
  }

  .color-white_black .work-time, .color-blue .work-room {
    font-size: 18px !important;
  }
}


.color-white_black .complex-service-top-block {
  padding-left: 0;
  margin-top: 24px;
}

.color-white_black .complex-service-top-block__section-name {
  font-size: 24px;
  color: white;
}

.color-white_black .tab-content__service {
  padding-left: 0;
}

.color-white_black .doctor-schedule__date {
  color: white;
  font-size: 21px;
}

.color-white_black .doctor-schedule .busy {
  color: white;
  background: black;
}

.color-white_black .doctor-schedule .free {
  background: white;
  color: black;
  border-radius: 0;
}

.color-white_black .doctor-schedule {
  grid-template-columns: 1fr 1fr;
}

.color-white_black .doctor-schedule__table li {
  padding: 0;
  border-color: white;
}

.color-white_black .doctor-schedule__table li a {
  height: 42px;
  font-size: 21px;
}

.color-white_black .doctor-schedule ul {
  border: 2px solid white;
  background: black;
}

.color-white_black .doctor-schedule__table li:nth-child(-n+4) {
  border-color: white;
}

.color-white_black .complex-service-top-block__section-name_active {
  color: #95a5a6;
}

.color-white_black .content_zone h3 {
  font-size: 24px;
}

.color-white_black .selected-doctor {
  display: flex;
  align-items: center;
  justify-content: center;
}

.time-table__doctors-list {
  border-radius: 0;
  border: 2px solid black;
}

.color-white_black .time-table__doctors-list li {
  border-radius: 0;
}

.color-white_black .time-table__doctors-list li:hover {
  background: black;
}

.color-white_black .service-time-table__blind .button__wrapper-next-icon svg {
  fill: white;
}

.color-white_black .service-time-table__blind .button__wrapper-prev-icon svg {
  fill: white;
}

.color-white_black .service-time-table__blind .button-forward:hover svg {
  fill: white;
}

.color-white_black .service-time-table__blind .button-back:hover svg {
  fill: white;
}

.color-white_black .mx-datepicker svg {
  fill: black;
}

.color-white_black .button-back[disabled] {
  border-color: gray !important;
}

.color-white_black .button-back[disabled] svg {
  fill: gray;
}

.color-white_black .time-card__time_red {
  border-radius: 0;
  background: black;
  border: 2px solid white;
  width: 36px;
  height: 28px;
}

.color-white_black .time-card__time_green {
  background: white;
  border: 2px solid white;
  border-radius: 0;
  width: 36px;
  height: 28px;
}

.color-white_black .service-timetable__schedule-legend {
  display: flex;
  margin: unset;
  gap: 20px;
}

.color-white_black .schedule-empty p {
  color: black
}

.color-white_black .legend-item__description {
  font-size: 21px;
  color: black;
}

.color-white_black .datepicker-button {
  color: white;
  height: 55px;
}

.color-black_white .mx-input:hover, .color-black_white .mx-input:focus {
  border-color: black;
  border-width: 2px;

}

.color-white_black .time-table__wrapper-top {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

@media (max-width: 767px) {
  .color-white_black .doctor-schedule {
    grid-template-columns: 1fr;
  }

  .color-white_black .tab-content__service {
    padding: 0 !important;
  }
}

@media (max-width: 576px) {
  .color-white_black .button-forward {
    padding-right: 6px !important;
  }

  .color-white_black .button-back {
    padding-left: 6px !important;
  }
}

@media (max-width: 400px) {
  .color-white_black .button__wrapper-prev-icon {
    display: block;
  }

  .color-white_black .button__wrapper-next-icon {
    display: block;
  }
}

.color-white_black .time-table__doctors-list {
  border: 2px solid white;
  background: black !important;
}

.color-white_black .time-table__doctor-name:hover {
  background: white !important;
  color: black;
}

.color-white_black .doctor-schedule__date {
  position: relative;
}

.color-white_black .doctor-schedule__date.active:before {
  content: "сегодня";
  position: absolute;
  top: 4px;
  left: 9px;

}
.color-white_black .doctor-schedule__table li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42px;
  font-size: 21px;
}
.color-white_black .doctor-schedule__item.active{
  background: #e1e1e1;
}
.color-white_black .doctor-schedule__date.active {
  background: black;
  color: white;
  border: 1px solid white;
}

.color-white_black .week-net {
  margin-top: 0;
}

@media (max-width: 440px) {
  .color-white_black .time-table__wrapper-top {
    grid-template-columns: 1fr;
  }
}