.tabs {
  font-family: sans-serif;
}

div[role="tablist"] {
  min-width: 1px;
  border-bottom: 1px solid #e1e1e1;
}

[role="tab"],
[role="tab"]::focus-visable{
  position: relative;
  z-index: 2;
  top: 2px;
  margin: 0;
  margin-top: 4px;
  /*padding: 3px 3px 4px;*/
  overflow: visible;
  /*background: hsl(220deg 20% 94%);*/
  background-color:#fff;
  outline: none;
  border: transparent;
  cursor:pointer;
}
[role="tab"] {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom:2px;
  border: none;
}
[role="tab"]:not(:last-of-type){
  border-right:1px solid #e1e1e1;
}
.ekr-accordion-list [role="tab"][aria-selected="true"] {
  /*padding: 2px 2px 4px;*/
  margin-top: 0;
  color:#fff;
  background: #ba1c21;
}
[role="tab"][aria-selected="false"]{
  color:#757575;
  background-color: #fff;

}
[role="tab"][aria-selected="false"]:hover {
  /*border-bottom: 1px solid hsl(219deg 1% 72%);*/
  background-color:#ba1c21;
}

[role="tab"] span.focus {
  display: inline-block;
  /*margin: 2px;*/
  /*padding: 4px 6px;*/
}

[role="tab"]:hover span.focus,
[role="tab"]:focus span.focus,
[role="tab"]:active span.focus {
  /*padding: 2px 4px;*/
  /*border: 2px solid #ba1c21;*/
  /*background-color:#ba1c21;*/
  color:#fff;
  background-color: transparent;
}

[role="tab"]:focus span.focus,
[role="tab"]:active span.focus {
  outline: 3px solid #fff;
}

.ekr-accordion-list [role="tabpanel"] {
  /*padding: 5px;*/
  margin-top:24px;
  min-height: 10em;
  min-width: 550px;
  overflow: auto;
}

[role="tabpanel"].is-hidden {
  display: none;
}

[role="tabpanel"] p {
  margin: 16px 0;
  padding: 0 16px;
}
[role="tabpanel"] .ekr-table{
width:100%;
padding:24px 0;
}
[role="tabpanel"] .ekr-table table{
 border-collapse:collapse;
border:1px solid #333;
}
[role="tabpanel"] .ekr-table table th{
 /*background-color:transparent;*/
font-size:16px;
text-align:center;
padding:8px;
}
[role="tabpanel"] .ekr-table table tr:nth-of-type(odd){
background-color: #f5f5f5;
}
[role="tabpanel"] .ekr-table table td{
padding:16px;
}
[role="tabpanel"] .ekr-table table td:not(:first-of-type){
text-align:center;
}
@media only screen and (max-width:500px){
   div[role="tablist"] button{
      display:block;
      width:100%;
    }
    [role="tab"]:not(:last-of-type) {
      border-right: none;
    }
    [role="tab"]{
      border-bottom:1px solid #e1e1e1;
    }
    .ekr-accordion-list [role="tabpanel"]{
      min-width: 350px;
    }
    .ekr-accordion-list [role="tabpanel"] .ekr-table{
      width:100%;
      padding:16px 0;
      margin:0;
      max-width:380px;
      overflow-x: scroll;
    }
    .ekr-accordion-list [role="tabpanel"] .ekr-table table th{
      font-size:13px;
      padding:8px 0;
    }
    .ekr-accordion-list [role="tabpanel"] .ekr-table table td{
      padding:8px 4px;
      font-size:14px;
    }
    .ekr-accordion-list [role="tabpanel"] p {
      padding: 0;
    }
}