/* 
* =============================================
* Tab  
* =============================================
*/
.tab {
  position: relative;
}
.tab input {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tab ul {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  top: 6px;
}
.tab li {
  position: relative;
  display: inline-block;
  border-bottom: 4px solid transparent;
}
.tab li label {
  display: block;
  cursor: pointer;
  position: relative;
  padding: .5rem 1.5rem;
}
.tab #tab-0:checked ~ ul [for='tab-0'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-0:checked ~ .tab-content .content-0 {
  display: block;
}
.tab #tab-1:checked ~ ul [for='tab-1'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-1:checked ~ .tab-content .content-1 {
  display: block;
}
.tab #tab-2:checked ~ ul [for='tab-2'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-2:checked ~ .tab-content .content-2 {
  display: block;
}
.tab #tab-3:checked ~ ul [for='tab-3'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-3:checked ~ .tab-content .content-3 {
  display: block;
}
.tab #tab-4:checked ~ ul [for='tab-4'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-4:checked ~ .tab-content .content-4 {
  display: block;
}
.tab #tab-5:checked ~ ul [for='tab-5'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-5:checked ~ .tab-content .content-5 {
  display: block;
}
.tab #tab-6:checked ~ ul [for='tab-6'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-6:checked ~ .tab-content .content-6 {
  display: block;
}
.tab #tab-7:checked ~ ul [for='tab-7'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-7:checked ~ .tab-content .content-7 {
  display: block;
}
.tab #tab-8:checked ~ ul [for='tab-8'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-8:checked ~ .tab-content .content-8 {
  display: block;
}
.tab #tab-9:checked ~ ul [for='tab-9'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-9:checked ~ .tab-content .content-9 {
  display: block;
}
.tab #tab-10:checked ~ ul [for='tab-10'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-10:checked ~ .tab-content .content-10 {
  display: block;
}
.tab #tab-11:checked ~ ul [for='tab-11'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-11:checked ~ .tab-content .content-11 {
  display: block;
}
.tab #tab-12:checked ~ ul [for='tab-12'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-12:checked ~ .tab-content .content-12 {
  display: block;
}
.tab #tab-13:checked ~ ul [for='tab-13'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-13:checked ~ .tab-content .content-13 {
  display: block;
}
.tab #tab-14:checked ~ ul [for='tab-14'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-14:checked ~ .tab-content .content-14 {
  display: block;
}
.tab #tab-15:checked ~ ul [for='tab-15'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-15:checked ~ .tab-content .content-15 {
  display: block;
}
.tab #tab-16:checked ~ ul [for='tab-16'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-16:checked ~ .tab-content .content-16 {
  display: block;
}
.tab #tab-17:checked ~ ul [for='tab-17'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-17:checked ~ .tab-content .content-17 {
  display: block;
}
.tab #tab-18:checked ~ ul [for='tab-18'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-18:checked ~ .tab-content .content-18 {
  display: block;
}
.tab #tab-19:checked ~ ul [for='tab-19'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-19:checked ~ .tab-content .content-19 {
  display: block;
}
.tab #tab-20:checked ~ ul [for='tab-20'] {
  color: #0d6efd;
  background: #fff;
  border-bottom: 3px solid #0d6efd;
}
.tab #tab-20:checked ~ .tab-content .content-20 {
  display: block;
}

.tab-vertical {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab-vertical input {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tab-vertical ul {
  list-style: none;
  position: relative;
  left: 6px;
  margin: 0;
  padding: 0;
  min-width: 100px;
}
.tab-vertical li {
  position: relative;
  border-right: 4px solid transparent;
}
.tab-vertical li label {
  display: block;
  cursor: pointer;
  position: relative;
  padding: .5rem 1.5rem;
}
.tab-vertical #tab-0:checked ~ ul [for='tab-0'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-0:checked ~ .tab-content .content-0 {
  display: block;
}
.tab-vertical #tab-1:checked ~ ul [for='tab-1'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-1:checked ~ .tab-content .content-1 {
  display: block;
}
.tab-vertical #tab-2:checked ~ ul [for='tab-2'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-2:checked ~ .tab-content .content-2 {
  display: block;
}
.tab-vertical #tab-3:checked ~ ul [for='tab-3'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-3:checked ~ .tab-content .content-3 {
  display: block;
}
.tab-vertical #tab-4:checked ~ ul [for='tab-4'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-4:checked ~ .tab-content .content-4 {
  display: block;
}
.tab-vertical #tab-5:checked ~ ul [for='tab-5'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-5:checked ~ .tab-content .content-5 {
  display: block;
}
.tab-vertical #tab-6:checked ~ ul [for='tab-6'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-6:checked ~ .tab-content .content-6 {
  display: block;
}
.tab-vertical #tab-7:checked ~ ul [for='tab-7'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-7:checked ~ .tab-content .content-7 {
  display: block;
}
.tab-vertical #tab-8:checked ~ ul [for='tab-8'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-8:checked ~ .tab-content .content-8 {
  display: block;
}
.tab-vertical #tab-9:checked ~ ul [for='tab-9'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-9:checked ~ .tab-content .content-9 {
  display: block;
}
.tab-vertical #tab-10:checked ~ ul [for='tab-10'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-10:checked ~ .tab-content .content-10 {
  display: block;
}
.tab-vertical #tab-11:checked ~ ul [for='tab-11'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-11:checked ~ .tab-content .content-11 {
  display: block;
}
.tab-vertical #tab-12:checked ~ ul [for='tab-12'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-12:checked ~ .tab-content .content-12 {
  display: block;
}
.tab-vertical #tab-13:checked ~ ul [for='tab-13'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-13:checked ~ .tab-content .content-13 {
  display: block;
}
.tab-vertical #tab-14:checked ~ ul [for='tab-14'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-14:checked ~ .tab-content .content-14 {
  display: block;
}
.tab-vertical #tab-15:checked ~ ul [for='tab-15'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-15:checked ~ .tab-content .content-15 {
  display: block;
}
.tab-vertical #tab-16:checked ~ ul [for='tab-16'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-16:checked ~ .tab-content .content-16 {
  display: block;
}
.tab-vertical #tab-17:checked ~ ul [for='tab-17'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-17:checked ~ .tab-content .content-17 {
  display: block;
}
.tab-vertical #tab-18:checked ~ ul [for='tab-18'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-18:checked ~ .tab-content .content-18 {
  display: block;
}
.tab-vertical #tab-19:checked ~ ul [for='tab-19'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-19:checked ~ .tab-content .content-19 {
  display: block;
}
.tab-vertical #tab-20:checked ~ ul [for='tab-20'] {
  color: #0d6efd;
  background: #fff;
  border-right: 3px solid #0d6efd;
}
.tab-vertical #tab-20:checked ~ .tab-content .content-20 {
  display: block;
}

.tab-content {
  width: 100%;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tab-content [class^='content'] {
  display: none;
}

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