/* list odd & even */

.wrapper-livebroadcast-list-viewer {
  padding-bottom: 20px;
  margin-bottom: 15px;
}

#livebroadcast-list-viewer, .tab-content {
  margin-top: 20px;
  margin-bottom: 20px;
}

.list-item {
  position: relative;
  margin-top: 4px;
  margin-bottom: 4px;
  background: #fff;
}

.split-box {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.list-item::before,
.list-item::after {
  content: '';
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.list-item::after {
  border-width: 3em;
}

.list-item.odd::before,
.list-item.odd::after {
  top: 0;
  right: -3px;
  z-index: 2;
}

.list-item.odd::after {
  border-right-color: #f3f3f3;
  border-top-color: #f3f3f3;
}

.layout-dark .list-item.odd::after {
  border-right-color: #02082a;
  border-top-color: #02082a;
}

.list-item.even::before,
.list-item.even::after {
  top: 0;
  left: -3px;
  z-index: 2;
}

.list-item.even::after {
  border-left-color: #f3f3f3;
  border-top-color: #f3f3f3;
}

.layout-dark .list-item.even::after {
  border-left-color: #02082a;
  border-top-color: #02082a;
}

.order-md-first::before,
.order-md-first::after {
  content: '';
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.order-md-first::after {
  border-width: 3em;
}

.odd > .order-md-first::before,
.odd > .order-md-first::after {
  bottom: 0;
  left: -3px;
}

.odd > .order-md-first::after {
  border-left-color: #f3f3f3;
  border-bottom-color: #f3f3f3;
}

.layout-dark .odd > .order-md-first::after {
  border-left-color: #02082a;
  border-bottom-color: #02082a;
}

.even > .order-md-first::before,
.even > .order-md-first::after {
  bottom: 0;
  right: -3px;
}

.even > .order-md-first::after {
  border-right-color: #f3f3f3;
  border-bottom-color: #f3f3f3;
}

.layout-dark .even > .order-md-first::after {
  border-right-color: #02082a;
  border-bottom-color: #02082a;
}