@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap');

#container-wrapper {
	max-width: 100%;
    width: 100%;
    margin: 0 auto;
    font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
}

.tabs ,
.focus,button{
    font-family: 'Noto Sans', sans-serif;
}

[role="tablist"] {
    min-width: 100%;
    text-align: center;
}

[role="tab"] {
  display: inline-block;
  position: relative;
  margin: 0;
  margin-top: 4px;
  padding: 14px 16px;
  background: #F4F4F4;
  box-sizing: border-box;
  outline: none;
  width: 100%;
  max-width: 19%;
  overflow: hidden;
  color: #1a1a1a;
  transition: background 0.5s, color 0.5s, border 0.5s;
  margin: 0px 1px;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  border: 0.08em solid #F4F4F4;
  border-radius: 4px;
  height: 52px;
  line-height: 22px;
}

[role="tab"][aria-selected="true"],
[role="tab"]:focus,
[role="tab"]:hover {
  background: #F4F4F4;
  color: #1A1A1A;
  text-decoration: underline solid #00A0D0 4px;
  text-underline-offset: 4px;
}

[role="tabpanel"] {
    padding: 5px;
    min-height: 10em;
    width: 100%;
}

[role="tabpanel"].hidden {
    display: none;
}
#shareseries-tabpanel_iframe,
#splookup-tabpanel_iframe,
#investmentcal2-tabpanel_iframe {
    border: none; 
}
#sharealert-tabpanel_iframe {
  border: none !important;
}
@media (max-width: 1130px) {
[role="tab"] {
  width: 100% !important;
  max-width: 26% !important;
  margin:5px !important;
}
}

@media (max-width: 980px) {
  [role="tab"] {
    width: 100% !important;
    max-width: 32% !important;
    margin: 5px !important;
}
}


@media (max-width: 660px) {
  [role="tab"] {
    width: 100% !important;
    max-width: 49% !important;
    margin: 5px !important;
}
}