header {
  margin-bottom: 0;
}
.header-row {
  margin-top: calc((1rem * (3/4) * 20) / 12);
  margin-bottom: calc((1rem * (3/4) * 20) / 12);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.header-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--header-toc-background);
  width: 100%;
}
.yaldut-logo {
  width: 100%;
}
#absolute-2 {
  position: absolute;
  left: 80%;
  top: calc(1rem * 10 / 12);
}
#dialog1 {
  background-color: #EEEEEE;
  border-radius: calc((1rem * (3/4) * 12px) / 12);
  border: 1px solid darkgray;
  color: black;
  display: none;
  font-family: arial, "Times New Roman", "David Libre";
  margin-right: calc(1rem * 1 / 12);
  margin-top: calc(1rem * 1pt / 12);
  padding-bottom: calc(1rem * 12 / 12);
  padding-left: calc(1rem * 12 / 12);
  padding-right: calc(1rem * 20 / 12);
  padding-top: calc(1rem * 12 / 12);
  position: absolute;
  width: calc(1rem * 220 / 12);
}
#dialog1 .version-number {
  font-size: 60%;
  margin-top: calc(1rem * 10 / 12);
}
#dialog1 .colorpicking {
  margin-top: calc(1rem * 12 / 12);
}
#dialog1 .colorpicker {
  font-size: 80%;
  margin-top: calc(1rem * 4 / 12);
}
.zy-logo {
  background-color: white;
}
.logo-item {
  margin-left: calc((1rem * (3/4) * 4px) / 12);
  margin-right: calc((1rem * (3/4) * 4px) / 12);
  height: calc(1rem * 56 / 12);
}
.logos {
  background: white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: calc(1rem * 18 / 12);
  margin: auto;
  width: 40%;
}
.book-title-div {
  width: 80%;
  padding-top: calc((1rem * (3/4) * 24px) / 12);
  text-align: center;
}
.label-page-number {
  padding-right: calc((1rem * (3/4) * 2px) / 12);
  padding-left: calc((1rem * (3/4) * 2px) / 12);
  background-color: var(--paper-color);
}
.book-title {
  font-weight: bold;
}
.author-name {
  font-weight: bold;
}
.title-of-header {
  color: white;
  padding-right: calc(1rem * 2 / 12);
  padding-left: calc(1rem * 12 / 12);
  font-size: 18pt;
}
.page-number {
  height: calc((1rem * (3/4) * 24px) / 12);
  text-align: center;
  background-color: var(--paper-color);
}
.current-page-number {
  margin-left: calc(1rem * 24 / 12);
}
.google-search-container {
  width: 80%;
  height: auto;
  padding-top: calc(1rem * 4 / 12);
  margin: auto;
  margin-top: calc(1rem * 12 / 12);
  background-color: var(--header-toc-background);
  /* Zichron */
}
.google-search-container .gsc-control-cse {
  background-color: var(--paper-color);
  border: none;
  padding: calc((1rem * (3/4) * 13px) / 12);
}
.google-search-container .gsc-control-cse .gsc-search-box-tools {
  margin-bottom: 0px;
}
.google-search-container .gsc-search-box table.gsc-search-box td {
  font-size: calc((1rem * (3/4) * 13px) / 12);
}
.google-search-container .gsc-search-box .gsc-search-button .gsc-search-button-v2 {
  background-color: var(--header-toc-background);
  border: 1px solid var(--header-toc-background);
}
.gear {
  width: 18px;
}
@media screen and (min-width: 1200px) {
  .title-of-header {
    font-size: 22pt;
  }
  .google-search-container .gsc-control-cse {
    padding: 13px;
  }
  /*
    #absolute-2 {
        left: 95%;
    }
    */
  .gsc-search-box table.gsc-search-box td {
    font-size: calc((1rem * (3/4) * 16px) / 12);
  }
}