/* Add here all your CSS customizations */

body, html {
  height: 100%;
  background: #5ac1d0;
}

.body {
  background-color: #5ac1d0;
}

#header {
  height: 70px !important;
}

.header-container {
  height: 70px !important;
}

#header.header-effect-shrink .header-container {
	min-height: 50px;
}

.thumb-info-wrapper {
  max-height: 175px !important;
  border-radius: 10px !important;
}

.homepage {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.albumpage {
  width: 100%;
  height: 100%;
  padding: 50px;
}

.content {
  margin: auto;
  display: block;
  align-items: center;
}

.content p {
  color: #fff;
  text-align: center;
  font-size: 34px;
}

.accesscode {
  height: 60px;
  border-radius: 30px;
  border-color: #4ca9b6;
  border-width: 2px;
  border-style: solid;
  width: 300px;
  text-align: center;
  font-size: 22px;
  display: block;
}

.accesscode:focus {
  outline: none;
}

.submitaccess {
  display: block;
  margin-top: 20px;
  background-color: #fff;
  height: 60px;
  width: 300px;
  border-radius: 30px;
  border-style: none;
  font-size: 22px;
  color: #408b96;
  box-shadow: 2px 2px 10px #888 ;
}

.submitaccess:focus {
  outline: none;
}

.submitaccess_header {
  display: block;
  /* margin-top: 20px; */
  background-color: #fff;
  height: 30px;
  width: 120px;
  border-radius: 15px;
  border-style: none;
  font-size: 14px;
  color: #408b96;
  box-shadow: 2px 2px 10px #888 ;
}

.submitaccess_header:focus {
  outline: none;
}

.bdisaled {
  display: block;
  margin-top: 20px;
  background-color: #408b96;
  height: 60px;
  width: 300px;
  border-radius: 30px;
  border-style: none;
  font-size: 22px;
  color: #499eaa;
}

.bdisaled_header {
  display: block;
  /* margin-top: 20px; */
  background-color: #408b96;
  height: 30px;
  width: 120px;
  border-radius: 15px;
  border-style: none;
  font-size: 14px;
  color: #499eaa;
}

.selectbox {
  height: 60px;
  border-radius: 30px;
  border-color: #4ca9b6;
  border-width: 2px;
  border-style: solid;
  width: 300px;
  padding-left: 20px;
  font-size: 22px;
  display: block;
  -webkit-appearance: none;
      -moz-appearance: none;
      text-indent: 1px;
      text-overflow: '';
}

.selectbox_header {
  height: 30px;
  border-radius: 15px;
  border-color: #4ca9b6;
  border-width: 2px;
  border-style: solid;
  width: 120px;
  padding-left: 10px;
  font-size: 14px;
  /* display: block; */
  margin-right: 10px;
  -webkit-appearance: none;
      -moz-appearance: none;
      text-indent: 1px;
      text-overflow: '';
}

.selectlabel {
  font-size: 22px;
  color: #fff;
}