@charset "UTF-8";
.limit .appointment-title-img {
  width: 100%;
height: 60vh;
  margin-bottom: 20px;
}
.limit .appointment, .limit .scheduling {
  width: 100%;
}
.limit .appointment .title-text, .limit .scheduling .title-text {
  text-align: center;
  margin-bottom: 30px;
}
.limit .appointment {
  margin: 0 200px;
  margin-bottom: 20px;
}
.limit .appointment > div:nth-of-type(2) {
  display: flex;
  justify-content: center;
  gap: 110px;
}
.limit .appointment > div:nth-of-type(2) > img {
  width: 315px;
  margin-right:20px;
}
.limit .appointment > div:nth-of-type(2) > div:nth-of-type(1) .content-title {
  font: bold 24px "Microsoft YaHei", sans-serif;
  color: var(--font-color);
  margin-bottom: 20px;
}
.limit .appointment > div:nth-of-type(2) > div:nth-of-type(1) .content-text {
  margin-bottom: 20px;
}
.limit .scheduling {
  padding: 100px 200px 40px 200px;
  background-size: 100% 55%;
  overflow: hidden;
}
.limit .scheduling .inner-window {
  width: 100%;
  margin-bottom: 50px;
  /*ul {
      padding: 0;
      margin: 0;
      background-color: rgb(52, 156, 98);
      list-style-type: none;
      display: flex;
      flex-wrap: nowrap;
      justify-items: center;
      align-items: center;
      justify-content: space-evenly;
      width: 100%;

      li {
          padding: 8px 20px;
          background-color: transparent;
          color: white;
          cursor: pointer;
          width: 100%;
          text-align: center;
      }
      li.selected {
          background-color: var(--font-color);
      }
  }*/
}
.limit .scheduling .inner-window > div:nth-of-type(1) {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: start;
  padding: 20px;
  background-color: var(--font-color);
}
.limit .scheduling .inner-window > div:nth-of-type(1) > div:nth-of-type(1) {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.limit .scheduling .inner-window > div:nth-of-type(1) > div:nth-of-type(1) .tab {
  padding: 5px 20px;
  border-radius: 20px;
  background-color: white;
  cursor: pointer;
}
.limit .scheduling .inner-window > div:nth-of-type(1) > div:nth-of-type(1) .tab.selected {
  background-color: rgb(52, 156, 98);
  color: white;
}
.limit .scheduling .inner-window > div:nth-of-type(1) > div:nth-of-type(2) {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.limit .scheduling .inner-window > div:nth-of-type(1) > div:nth-of-type(2) > input {
  background-color: white;
  border: none;
  color: black;
}
.limit .scheduling .inner-window > div:nth-of-type(1) > div:nth-of-type(2) > input:focus {
  outline: none;
}
.limit .scheduling .inner-window > div:nth-of-type(1) > div:nth-of-type(2) button {
  display: flex;
  justify-items: center;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background-color: rgb(52, 156, 98);
  border: none;
  color: white;
}
.limit .scheduling .inner-window .scheduling-table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
.limit .scheduling .inner-window .scheduling-table th, .limit .scheduling .inner-window .scheduling-table td {
  padding: 8px 20px;
}
.limit .scheduling .inner-window .scheduling-table td {
  border: 1px solid rgb(238, 238, 238);
  background-color: white;
}
.limit .scheduling .inner-window .scheduling-table .segment-type-tr {
  background-color: rgb(52, 156, 98);
  color: white;
}
.limit .scheduling .inner-window .scheduling-table .segment-type-tr th {
  padding: 5px;
}
.limit .scheduling .inner-window .scheduling-table .subject-title {
  background-color: rgb(238, 238, 238);
}
.limit .scheduling .inner-window .scheduling-table .doctor-td > div {
  color: rgb(112, 112, 112);
}
.limit .scheduling .inner-window .scheduling-table .doctor-td > div:hover {
  color: black;
  font-weight: bold;
}
.limit .scheduling .inner-window > div:nth-of-type(2) {
  height: 500px;
  background-color: white;
}
.limit .scheduling > div:nth-of-type(3) {
  text-align: center;
}