/**
 * ------------------------------------------------------------------------
 * Flaps definitions
 * ------------------------------------------------------------------------
 **/

.flaps-menu {
  margin: 20px 0px 0px 0px;
  padding: 0px;
  list-style-type: none;
}

.flaps-menu:after {
  content: '';
  display: block;
  clear: both;
}

.flaps-menu li {
  float: left;
  margin: 0 4px 4px 0;
  background: #FFF;
  border: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
}

.flaps-menu li a{
  color: #333;
  padding: 10px;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  width: calc(100% - 20px);
}

.flaps-menu li a:hover,
.flaps-menu li a.active {
  background: #F0F0F0 !important;
  border-bottom: 1px solid #F0F0F0 !important;
  outline: none;
}

.flaps-menu li:first-of-type {
  margin-left: 0px;
}

.flaps-menu li:last-of-type {
  margin-right: 0px;
}

.flap-container {
  display: none;
  background: #F0F0F0;
}

.flap-container:nth-of-type(1) {
  display: block;
}