@media screen and (max-width: 600px) {
  .xlayout-tabs {
    margin: 0;
  }
}
.xlayout-tabs label {
  transition: background 0.4s ease-in-out, height 0.2s linear;
  display: inline-block;
  cursor: pointer;
  color: #004f80;
  width: 20%;
  height: 3em;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #c8cbd2;
  text-align: center;
  line-height: 3em;
}

.xlayout-tabs label:last-of-type {
  border-bottom: none;
}

.xlayout-tabs label:hover {
  background: #259692;
  color: #ffffff;
}

@media screen and (max-width: 1600px) {
  .xlayout-tabs label {
    width: 15%;
  }
}
@media screen and (max-width: 900px) {
  .xlayout-tabs label {
    width: 20%;
  }
}
@media screen and (max-width: 600px) {
  .xlayout-tabs label {
    width: 100%;
    display: block;
    border-bottom: 2px solid #C7C6C4;
    border-radius: 0;
  }
}
.xlayout-tabs input[type=radio] {
  display: none;
}

/* content area */
.tab-content {
  position: absolute;
  top: -9999px;
  padding: 10px;
}

.tab-content-wrapper {
  border-top: #004f80 5px solid;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 3px;
}

@media screen and (max-width: 600px) {
  .tab-content-wrapper, .tab1-content-wrapper {
    border: none;
    border-radius: 0;
  }
}
.tab-content-wrapper .subheader {
  display: none;
}

#xlayout-tab-0:checked ~ .tab-content-wrapper #tab-content-0,
#xlayout-tab-1:checked ~ .tab-content-wrapper #tab-content-1,
#xlayout-tab-2:checked ~ .tab-content-wrapper #tab-content-2,
#xlayout-tab-3:checked ~ .tab-content-wrapper #tab-content-3,
#xlayout-tab-4:checked ~ .tab-content-wrapper #tab-content-4 {
  position: relative;
  top: 0px;
}

.tab-content-wrapper1 {
  background-color: #e0e0e0;
}

#xlayout-tab-0:checked ~ .tab-content-wrapper1 #tab-content-0,
#xlayout-tab-1:checked ~ .tab-content-wrapper1 #tab-content-1,
#xlayout-tab-2:checked ~ .tab-content-wrapper1 #tab-content-2,
#xlayout-tab-3:checked ~ .tab-content-wrapper1 #tab-content-3,
#xlayout-tab-4:checked ~ .tab-content-wrapper1 #tab-content-4 {
  position: relative;
  top: 0px;
}

#xlayout-tab-0:checked ~ .xlayout-tab-header #xlayout-tab-label-0,
#xlayout-tab-1:checked ~ .xlayout-tab-header #xlayout-tab-label-1,
#xlayout-tab-2:checked ~ .xlayout-tab-header #xlayout-tab-label-2,
#xlayout-tab-3:checked ~ .xlayout-tab-header #xlayout-tab-label-3,
#xlayout-tab-4:checked ~ .xlayout-tab-header #xlayout-tab-label-4 {
  background: #004f80;
  color: white;
}

/*# sourceMappingURL=tabs.css.map */