body.display-via-webview #toolbar-bar {
  display: none;
}

body.visiting-att-upload-page {
  background-color: #E1F5E9;
}

body.visiting-att-upload-page #block-claro-content {
  padding: 1rem;
}

body.visiting-att-upload-page #block-block-rest-my-daily-visiting-schedule-details-blk-1,
body.visiting-att-upload-page header.content-header,
body.visiting-att-upload-page #edit-meta,
/* body.visiting-att-upload-page .field--type-image, */
body.visiting-att-upload-page #edit-advanced,
body.visiting-att-upload-page .divider {
  display: none;
}

body.visiting-att-upload-page #edit-actions input {
  width: 100%;
  border-radius: 100px;
  background: #16A9A4;
  margin-right: 0;
}

body.visiting-att-upload-page .upload-button {
  border-radius: 20px;
  border: 1px #82D78A;
  background: #FFF;
  text-align: center;
  padding: 30px 0 20px 0;
}

body.visiting-att-upload-page .upload-button img {
  max-width: 100px;
  width: 100%;
}

body.visiting-att-upload-page .upload-button p {
  color: #4F4F4F;
  font-size: 20px;
}

body.visiting-att-upload-page .image-exhibit>div {
  margin-top: 50px;
}

body.visiting-att-upload-page .image-exhibit .image-content {
  display: flex;
}

body.visiting-att-upload-page .image-exhibit .image-content>.img {
  width: 77%;
}

body.visiting-att-upload-page .image-exhibit .icon {
  width: 23%;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.visiting-att-upload-page .image-exhibit .icon>img {
  width: 50%;
  max-width: 100%;
  /* 确保不会超出容器 */
  padding: 10px;
  background: #16A9A4;
  border-radius: 50%;
}

body.visiting-att-upload-page .field--type-image {
  background-color: #fff;
  width: 90vw;
  border-radius: 20px;
  padding: 20px 0;
}

body.visiting-att-upload-page .field--type-image summary,
body.visiting-att-upload-page .form-managed-file__main span,
body.visiting-att-upload-page .field--type-image .form-managed-file__meta-wrapper {
  display: none;
}

body.visiting-att-upload-page .form-managed-file__main .js-form-type-managed-file {
  margin: 0;
}

body.visiting-att-upload-page .claro-details {
  margin: 0;
  border: unset !important;
  box-shadow: unset !important;
}

#uploadModal {
  display: none;
  /* 隐藏模态框 */
  position: fixed;
  /* 固定定位 */
  z-index: 1;
  /* 在最上层 */
  left: 0;
  top: 0;
  width: 100%;
  /* 全宽 */
  height: 100%;
  /* 全高 */
  overflow: auto;
  /* 启用滚动 */
  background-color: rgb(0, 0, 0);
  /* 背景颜色 */
  background-color: rgba(0, 0, 0, 0.4);
  /* 背景透明度 */
}

#uploadModal>div {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  margin-left: 5%;
}

#hintModal {
  display: none;
  /* 隐藏模态框 */
  position: fixed;
  /* 固定定位 */
  z-index: 1;
  /* 在最上层 */
  left: 0;
  top: 0;
  width: 100%;
  /* 全宽 */
  height: 100%;
  /* 全高 */
  overflow: auto;
  /* 启用滚动 */
  background-color: rgba(0, 0, 0, 0.4);
  /* 背景透明度 */
}

#hintModal>div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
}

#hintModal .modal-content {
  margin-left: 0;
  width: 80%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  /* 使内容纵向排列 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  background-color: white;
  /* 添加背景颜色 */
  padding: 20px;
  /* 添加内边距 */
}

#uploadModal .modal-content,
#hintModal .modal-content {
  background-color: #fefefe;
  border-radius: 20px;
}

#uploadModal .modal-content>img,
#hintModal .modal-content img {
  width: 50px;
  margin-bottom: 10px;
}

#uploadModal .modal-content p,
#hintModal .modal-content p {
  font-size: 20px;
  margin: 0;
  margin-bottom: 20px;
}

#hintModal .modal-content .close {
  border-radius: 32px;
  background: #16A9A4;
  text-align: center;
  font-size: 22px;
  color: #fff;
  border: unset;
  padding: 20px 0;
  width: 100%;
}

#uploadModal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: fixed;
  top: 60px;
  right: 1rem;
  z-index: 99;
}

#uploadModal .close:hover {
  background: #16A9A4;
}

#uploadModal .close img {
  width: 70%;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 50%;
}

#uploadModal .close:hover,
#uploadModal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.node-visiting-att-form .layout-node-form {
  display: block;
}


/* send CSS ------------------------------------------------------------------------------*/
.page-node-type-visiting-att {
  background-color: #E1F5E9;
}

.page-node-type-visiting-att .messages-list {
  display: none;
}

.page-node-type-visiting-att .node--type-visiting-att>.node__content {
  background-color: unset;
}

.page-node-type-visiting-att .node--type-visiting-att>.node__content>div:nth-child(1) {
  border: unset;
  padding: 0;
}

.page-node-type-visiting-att .node--type-visiting-att>.node__content>div:nth-child(1) .layout__region--content {
  padding: 0;
  border-radius: 32px;
}

.page-node-type-visiting-att .node--unpublished {
  background-color: unset !important;
  padding: 1rem;
}

.page-node-type-visiting-att .views-label-field-date-only {
  font-size: 22px;
  margin-bottom: 5px;
  display: block;
}

.page-node-type-visiting-att time {
  font-size: 20px;
}

.page-node-type-visiting-att .views-row .views-label.views-label-title {
  font-size: 22px;
}

.page-node-type-visiting-att .views-field-title .field-content {
  font-size: 20px;
}

.page-node-type-visiting-att .layout--twocol-section--50-50 {
  display: none;
  border-top: unset;
  border-left: unset;
  border-right: unset;
}

/* .page-node-type-visiting-att .layout--twocol-section--50-50  .layout__region--second {
  display: none;
} */
.page-node-type-visiting-att .layout--twocol-section--50-50 .field--type-image .field__label {
  font-size: 22px;
  margin-bottom: 5px;
  margin-bottom: 20px;
}

.page-node-type-visiting-att .finish-content {
  background-color: #fff;
  border-radius: 32px;
  text-align: center;
  padding: 20px 0;
  margin-top: 40px;
  margin-bottom: 20px;
}

.page-node-type-visiting-att .finish-content img {
  width: 16%;
}