.bylaws-table,

.officers-table,

.flight-rules-table,

.member-directory-table {

  table-layout: auto;

  margin: 10px;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);

  background-color: #f1f2f7;

  border-style: groove;

  border-width: 1px;

  border-color: black;

  font-family: 'Open Sans', Arial, sans-serif;

  font-size: 14px;

  line-height: 23px;

}



.bylaws-table td,

.officers-table th,

.officers-table td,

.flight-rules-table td,

.member-directory-table td {

  border-style: solid;

  border-width: 1px;

  text-align: left;

  padding: 5px;

}



.member-directory-table th {

  padding: 8px;

}



.lifetime-member {

  background-color: #C0DFC0

}

.officer-member {

  background-color: #C0C0DF

}



.list-group-item-heading {

  font-size: medium;

}

.list-group-item {

  background-color: #fafafa;

  font-size: small;

  padding: 2px 5px;

}



.user-select {

  font-size: 14px;

  padding: 8px;

}



.form-err {

  color: red;

}



.form-ok {

  color: green;

}



.modal {

  text-align: center;

  padding: 0!important;

}

.modal:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -4px;

}

@media (min-width: 768px) {

  .modal-dialog {

    width: 800px;

  }

}

.modal-dialog {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

  top: 44px;

}

.modal-body {

  padding: 5px;

}



.view-toggler {

  position: absolute;

  top: 25px;

  right: 15px;

}

.view-toggler a {

  color: #ccc;

  padding-right: 7px;

  font-size: 35%;

  /*font-weight: 700;*/

  transition: all .25s;

  -webkit-transition: all .25s;

  -moz-transition: all .25s;

  -ms-transition: all .25s;

  -o-transition: all .25s;

}

.view-toggler a:hover {

  color: #333;

}

.view-toggler .active {

  color: #333;

}

img.img-thumbnail {

  margin-top: 30px;

  width: 100%;

}



/* Responsive iFrame */

.responsive-iframe-container {

  position: relative;

  padding-bottom: 56.25%;

  padding-top: 30px;

  height: 0;

  overflow: hidden;

}



.responsive-iframe-container iframe,

.responsive-iframe-container object,

.responsive-iframe-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

/* Buttons */
input[type=submit] {
  border-width: 1px;
  border-radius: 10px;
  background-color: lightgrey;
  -webkit-appearance: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}