.tabs {}
.tabs__caption,
.cat-tabs__caption {padding:0; list-style:none;}
.tabs__caption li:not(.active),
.cat-tabs__caption li:not(.active) {cursor:pointer;}
.tabs__content {display:none;}
.tabs__content.active,
.cat-tabs__content.active {display:block;}

.tabs-style-1 {}
.tabs-style-1 .tabs__caption li,
.tabs-style-1 .cat-tabs__caption li {display:inline-block; border:2px solid #dadee5; text-align:center; padding:5px;}
.tabs-style-1 .tabs__caption li:not(.active):hover,
.tabs-style-1 .cat-tabs__caption li:not(.active):hover{border-color:#bdc2cc;}
.tabs-style-1 .tabs__caption .active,
.tabs-style-1 .cat-tabs__caption .active {border-color:#f50000;}

.tabs-style-2 {}
.tabs-style-2 .tabs__caption,
.tabs-style-2 .cat-tabs__caption {gap:1px;}
.tabs-style-2 .tabs__caption li,
.tabs-style-2 .cat-tabs__caption li {outline:1px solid #dadee5; text-align:center; padding:10px 0; background:#fff; font-weight:700;}
.tabs-style-2 .tabs__caption li:not(.active):hover,
.tabs-style-2 .cat-tabs__caption li:not(.active):hover{background:#fcfcfd;}
.tabs-style-2 .tabs__caption .active,
.tabs-style-2 .cat-tabs__caption .active {background:#536278; color:#fff; outline:1px solid #536278;}
.tabs-style-2 .tabs__content,
.tabs-style-2 .cat-tabs__content,
.tabs-style-2 .cat-tabs__caption {padding-top:20px;}

.tabs-style-2 .tabs__caption .active, .tabslink a.activetab {
  background: #536278;
  color: #fff;
  outline: 1px solid #536278;
}

/* Page allEvents */
.tabs-style-2 .tabs__caption, .tabslink {
  gap: 1px;
}
.tabslink .current, .tabslink .current:hover {
  background: #536278;
  color: #fff;
  outline: 1px solid #536278;
}
.tabslink a {
  cursor: pointer;
}
.tabs-style-2 .tabs__caption li, .tabslink a {
  color: #536278;
  outline: 1px solid #dadee5;
  text-align: center;
  padding: 10px 0;
  background: #fff;
  font-weight: 700;
}