html {
  font-family: 'Noto Sans', 'Roboto', sans-serif !important;
}

.openvr-header {
  font-size: 2rem;
}

.openvr-subheader {
  font-size: 1.5rem;
}


/* app bar */
#appbar {
  background-color: #0085ff;
}

#appbar .active {
  background-color: #001fff;
}

#appbar-sub-page {
  background-color: transparent;
  border-bottom: solid #ff9800;
  box-shadow: none;
  color: black;
}

#appbar-sub-page #back-btn-container {
  height: 100%;
  margin: 0px 8px;
}

#appbar-sub-page #back-btn {
  height: 80%;
}


/* list */
.list-photo {
  background-size: cover;
  background-position: center;
  padding-top: 50%;
}

/* reorder */
.reorder-item {
  background-color: #FFECB3;
  padding: 4px;
  margin-bottom: 4px;
}

.reorder-item .reorder-item-space {
  flex: 0 0 8px;
}


.checkbox-radio-space input[type=checkbox] + label,
.checkbox-radio-space input[type=radio] + label {
  margin-right: 24px;
}


/* loading */
.loading-container-div {
  display: none;
  position:fixed;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  z-index: 100;
}
.loading-div {
  position:fixed;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background-color:#666;
  background-repeat:no-repeat;
  background-position:center;
  z-index:10000000;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}
.loading-gif {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px; /* -1 * image width / 2 */
  margin-top: -50px; /* -1 * image height / 2 */
  width: 100px;
  height: 100px;
}
.btn-secondary-container-div {
  width:100%;
  text-align: center;
}


/* flex containers */
.flex-x-start {
  display: flex;
}

.flex-x-center {
  display: flex;
  justify-content: center;
}

.flex-x-space-between {
  display: flex;
  justify-content: space-between;
}

#multi-language-texts {
	display: none;
}