body {
  color: #ffffff;
  background-color: #032f56;
}

@font-face {
    font-family: 'magnesium';
    src: url("../fonts/magnesium.otf");
}

h1 {
  font-size: 40px;
  font-family: 'magnesium';
  color: #ffffff;
}

h2 {
  font-size: 30px;
  font-family: 'magnesium';
  color: #ffffff;
}

h4 {
  font-size: 30px;
  font-family: Helvetica;
  color: #ffffff;
}

h5 {
  font-size: 24px;
  font-family: 'magnesium';
  color: #ffffff;
}

p, label {
  font-size: 14px;
  font-family: 'magnesium';
  color: #ffffff;
}

.img-valign {
  vertical-align: middle;
  margin-bottom: 0.75em;
  margin-right: 0.75em;
}

.text1 {
  font-size: 40px;
  font-family: 'magnesium';
}

.text2 {
  font-size: 30px;
  font-family: 'magnesium';
}

.board{
    width: 80%;
    margin: 60px auto;
    height: auto;
    /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box;

}

.btn-outline-rounded {
    padding:12px 20px;
}

.btndefault {
    border-color: #ccc;
}

input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.email-display {
    background-color: rgba(146, 183, 254, 0.8);
}

.email-display p{
  padding: 2px 10px;
}

.clickable-suggestion {
  border-bottom: 1px solid #fff;
  color: #f2f2f2;
}
.clickable-suggestion:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #fff;
}

.timed-message {
  font-size: 18px;
  font-family: 'magnesium';
  color: #ffffff;
  width: auto;
  height: 100px;
  position: absolute;
  z-index: 100;
  left: 60px;
  top: 60px;
  background-color: #fff;
  padding: 40px;
  background-color: #92B7FE;
}


.attending {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 6px;
}

.attending p{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
}

.attending p > span:first-child {
  min-width: 50%;
}

.toggle-checked-in.checked-in {
  color: greenyellow;
}
.toggle-checked-in.not-checked-in {
  color: yellow;
}
.waitlist {
  color: grey;
}

.toggle-checked-in:hover {
  text-decoration: underline;
  cursor: pointer;
}

.remove-attendance:hover {
  text-decoration: underline;
  cursor: pointer;
  color: red;
}

.monthly {
  color: white;
}
.corporate {
  color: white;
}
.punch {
  color: white;
}
.trial {
  color: white;
}
.gym {
  color: purple;
}
.squash {
  color: maroon;
}

.towel-service {
  background-color: green !important;
}

.inactive-membership {
  background-color: rgb(223, 63, 63) !important;
}

.corporate {
  background-color: goldenrod !important;
}

.email-suggestions {
  position: absolute;
  z-index: 99;
}

.login-area {
  text-align: center;
}

.profile-photo {
  max-height: 320px;
}

.image-container {
  min-height: 320px;
}

.view-email-input {
  min-height: 200px;
}

.errors { color: red !important; }