@font-face {
  font-family: "Inter";
  src: url("./inter.ttf") format("truetype");
}
body {
  background-color: #fff;
  font-family: "Inter", Arial, Helvetica, sans-serif;
  margin: 0;
}
body * {
  color: #363740;
}
body #dash_page,
body #psur_page,
body #dsur_page,
body #clinic_page,
body #qos_page,
body #create_page,
body #man_page {
  width: 100%;
  height: 100%;
  flex: 1;
  display: none;
}

* ::-webkit-scrollbar {
  display: none;
}

span {
  margin: 1em 0;
}

#man_add {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
}
#man_add #add_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
}
#man_add .add_panel {
  z-index: 101;
  padding: 2em 4em;
  border: 1px solid rgba(54, 55, 64, 0.2);
  border-radius: 2em;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#man_add .add_panel h2 {
  margin-bottom: 0.5em;
}
#man_add .add_panel p {
  font-size: 12px;
  margin-bottom: 20px;
  color: rgba(54, 55, 64, 0.5019607843);
}
#man_add .add_panel .add_inputs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
#man_add .add_panel .add_inputs input,
#man_add .add_panel .add_inputs select {
  flex: 1;
  padding: 1em;
  border: 1px solid rgba(54, 55, 64, 0.2);
  border-radius: 10px;
}
#man_add .add_panel .add_inputs input[type=submit] {
  border: 0;
  background-color: #5d6b2b;
  color: #fff;
}
#man_add .add_panel .add_inputs .add_names {
  display: flex;
  gap: 0 1em;
}
#man_add .add_panel .add_inputs > * {
  width: 100%;
  box-sizing: border-box;
}
#man_add .add_panel .add_inputs > *:first-child {
  padding: 0;
}

.man_header {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.man_header .man_header_top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.man_header .man_header_top h1 {
  margin: 0;
  font-size: 20px;
}
.man_header .man_header_top p {
  margin: 0;
  font-size: 12px;
}
.man_header span {
  height: 1px;
  width: 100%;
  color: #f1f1f1;
  margin: 1em 0;
}
.man_header .man_header_bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 50%;
}
.man_header .man_header_bottom .man_header_bottom_left p {
  margin: 0;
  font-size: 12px;
  color: rgba(54, 55, 64, 0.5019607843);
}
.man_header .man_header_bottom .man_header_bottom_left h3 {
  margin: 0;
  margin-bottom: 0.25em;
}
.man_header .man_header_bottom .man_header_bottom_right button {
  display: flex;
  align-items: center;
  gap: 1.5em;
  background-color: #363740;
  padding: 0.3em 1.5em;
  border-radius: 8px;
  border: 0;
}
.man_header .man_header_bottom .man_header_bottom_right button p {
  color: #fff;
}

.man_body {
  width: 100%;
  background-color: #fafafa;
  border-radius: 15px;
}
.man_body p,
.man_body a {
  font-size: 12px;
  margin: 0;
}
.man_body .man_list_header {
  padding: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid rgba(54, 55, 64, 0.2);
}
.man_body .man_list_header p {
  font-size: 12px;
  font-weight: 300;
  color: rgba(54, 55, 64, 0.5019607843);
  margin-right: 10px;
}
.man_body .man_list_header > div {
  flex: 1;
  padding: 0.5em 0;
  display: flex;
  align-items: center;
}
.man_body .man_list_header > div img {
  width: 12px;
}
.man_body .man_list_header > div:last-child {
  justify-content: end;
  flex: 6;
  text-align: right;
}
.man_body .man_list_header > div:last-child a {
  color: #5d6b2b;
}
.man_body .man_list_categories {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 1em;
}
.man_body .man_list_categories > * {
  flex: 1;
}
.man_body .man_list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 50vh;
  overflow-y: auto;
  border-radius: 0 0 15px 15px;
  background-color: #f1f1f1;
}
.man_body .man_list > :nth-child(2n) {
  background-color: #fafafa;
}
.man_body .man_list li {
  box-sizing: border-box;
  padding: 1em;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.man_body .man_list li > * {
  flex: 1;
}
.man_body .man_list li p {
  color: rgba(54, 55, 64, 0.5019607843);
}
.man_body .man_list li a {
  color: #363740;
  margin-right: 1em;
}
.man_body .man_list li .acc_status p {
  padding: 0.5em 1em;
  width: fit-content;
  border-radius: 5px;
}
.man_body .man_list li .acc_status .en {
  background-color: rgba(93, 107, 43, 0.1019607843);
}
.man_body .man_list li .acc_status .dis {
  background-color: rgba(242, 0, 0, 0.1019607843);
}/*# sourceMappingURL=man.css.map */