.no-tabs {
 	display: none;
}
.tabs {
 list-style:none;
 margin:0;
 padding:0;
 position:relative;
		display: flex;
		justify-content: space-between;
}
.tabs li,
.tabs li a {
 display:inline-block
}
.tabs li {
 background:#ebf2fc;
 border-color:#ccc;
 border-style:solid;
 border-width:1px;
 color:#000;
 cursor:pointer;
/* margin:0 10px 0 0;*/
/* margin:0 3px 0 0;*/
/* margin:0 1px 0 0;*/
 position:relative;
 text-align:center;
	border-bottom:1px solid #0f6cb9;
}
.tabs li a {
 color:#000;
 padding:10px;
 text-decoration:none
}
.tabs li:focus,
.tabs li:hover {
 background:#ccc;
 background:rgba(204,204,204,.9)
}
.tabs li.active {
 background:#fff;
 border-bottom:0;
 cursor:default;
 padding-bottom:1px;
 z-index:2;
}
.tabs li.active a {
 cursor:default;
 padding-top:6px;
 border-color:#666;
 border-style:solid;
 border-width:4px 0 0
}
.tabs li.tab-count {
 line-height:normal
}
.tabs li.tab-count>div {
 position:relative;
 top:.4em
}
.tabs li.tab-count .curr-count {
 font-size:1.5em
}
.tabs li.tab-count:focus,
.tabs li.tab-count:hover {
 background:0 0;
 cursor:default
}
.tabs.generated li {
 border-bottom:0;
 top:1px
}
.tabs [role=tabpanel] {
 overflow-x:auto;
 position:relative;
 z-index:1
}
/*
div.tabcontents {
	border: 1px solid #0f6cb9;
	padding: 20px;
	margin-right:248px;
	border-radius: 0 3px 3px 3px;
}
*/
.tabcontents {
	border: 1px solid #0f6cb9;
	padding: 10px;
	/*margin-right:248px;*/
	border-radius: 0 3px 3px 3px;
	margin-top: -1px;
}
.tabs li.selected {
	/*border-bottom:0;*/
	/*margin-bottom: 1px;*/
	 /*z-index: 999;*/
	border-bottom: 1px solid white;
	background: white;
}
.tabs li.selected a, .tabs li.selected a:hover {
/*	position: relative;
	top: 0px;
*/	font-weight:bold;
	color:#194878;
	/*color:red;*/
	background: white;
	outline: none;
	/*border: 1px solid #0f6cb9;*/
	/*border: 1px solid red;*/
/*	border-bottom: 0;*/
/*	border-bottom: 1px solid white;*/
/*	border-bottom-color: white;*/
	/* z-index: 999;*/
}
.tabs2 {
	/*padding: 7px 0;	/* TB RL */
	background-color: white;
	/*height: 55px;*/
	/*height: 80px;*/
}
ul.tabs2 li {
	/*max-height: 50%;*/
	/*max-width: 50%;
	height: auto;*/
	padding: 0px;
	/*padding-right: 3px;*/
	margin-right: 0px;
	max-width: 50%;
	height: auto;
}
ul.tabs2 li a {
	/*max-height: 50%;*/
	/*max-width: 50%;
	height: auto;*/
	padding: 0px;
}
ul.tabs2 img {
	/*height: auto;*/
/*	max-height: 50%;*/
}
ul.tabs2 small {
	display: block;
}
ul.tabs_2 li {
	width: 50%;
	max-width: 50%;
}
ul.tabs_3 li {
	width: 33%;
	max-width: 33%;
}
ul.tabs_4 li {
	width: 25%;
	max-width: 25%;
}/*
ul.tabs_4 li:first-child, ul.tabs_4 li:last-child {
	width: 24%;
	max-width: 24%;
}*/
ul.tabs_5 li {
	width: 20%;
	max-width: 20%;
}
ul.tabs_6 li {
	width: 17%;
	max-width: 17%;
}
ul.tabs_7 li {
	width: 14%;
	max-width: 14%;
	/*font-size: 80%;*/
}
ul.tabs_7 img {
	max-width: 90%;
}
/*
https://ui.dev/rwd/articles/why-you-dont-need-device-specific-breakpoints
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
*/
/*
iPhone
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
		only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3),
Galaxy & Google
		only screen and (device-width: 320px) and (device-height: 640px),
		only screen and (device-width: 360px) and (device-height: 640px),
Windows
		only screen and (device-width: 480px) and (device-height: 800px),
iPad
		only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
		only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2),
Galaxy
		only screen and (min-device-width: 800px) and (max-device-width: 1280px),
*/
/*
@media only screen and (min-width: 375px) and (max-height: 812px),
		only screen and (min-width: 414px) and (max-height: 896px),
		only screen and (min-width: 412px) and (max-height: 915px),
		only screen and (min-width: 360px) and (max-height: 760px),
		only screen and (min-width: 360px) and (max-height: 800px),
		only screen and (min-width: 384px) and (max-height: 854px),
		only screen and (min-width: 428px) and (max-height: 926px),
		only screen and (min-width: 375px) and (max-height: 667px) {
@media (min-width: 375px) and (max-height: 812px),
		(min-width: 414px) and (max-height: 896px),
		(min-width: 412px) and (max-height: 915px),
		(min-width: 360px) and (max-height: 760px),
		(min-width: 360px) and (max-height: 800px),
		(min-width: 384px) and (max-height: 854px),
		(min-width: 428px) and (max-height: 926px),
		(min-width: 375px) and (max-height: 667px) {*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
		only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3),
		only screen and (device-width: 320px) and (device-height: 640px),
		only screen and (device-width: 360px) and (device-height: 640px),
		only screen and (device-width: 480px) and (device-height: 800px) {
	ul.tabs2 {
		position: sticky;
		top: 0; /* Position at top of container */
		width: 100%;
		max-width: 100%;
		z-index: 1;
		display: flex;
		justify-content: space-between;
		height: 95px;
	}
	/*ul.tabs2 li {
		max-width: 25%;
		font-size: 80%;
	}*/
	ul.tabs2 li a {
		margin-right: 2px;
	}
	ul.tabs2 li.selected a {
		font-size: 90%;
	}
	ul.tabs2 img {
		max-width: 90%;
	}
}
/*
@media (min-width: 375px) and (max-height: 667px) {
	ul.tabs2 small {
		display: block;
	}
}*/
/*@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {*/
/*
@media only screen and (min-width: 375px) and (max-height: 812px) and (orientation: portrait),
		only screen and (min-width: 414px) and (max-height: 896px) and (orientation: portrait),
		only screen and (min-width: 412px) and (max-height: 915px) and (orientation: portrait),
		only screen and (min-width: 360px) and (max-height: 760px) and (orientation: portrait),
		only screen and (min-width: 360px) and (max-height: 800px) and (orientation: portrait),
		only screen and (min-width: 384px) and (max-height: 854px) and (orientation: portrait),
		only screen and (min-width: 428px) and (max-height: 926px) and (orientation: portrait) {
*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
		only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
		only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
		only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait),
		only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait),
		only screen and (device-width: 320px) and (device-height: 640px) and (orientation: portrait),
		only screen and (device-width: 360px) and (device-height: 640px) and (orientation: portrait),
		only screen and (device-width: 480px) and (device-height: 800px) and (orientation: portrait) {
	ul.tabs2 small {
		display: block;
	}
	ul.tabs2 li {
		font-size: 80%;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
		only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-width: 800px) and (max-device-width: 1280px) {
	ul.tabs2 {
		position: sticky;
		top: 0; /* Position at top of container */
		width: 100%;
		max-width: 100%;
		z-index: 1;
		display: flex;
		justify-content: space-between;
		/*gap: 0px 1px; /* row-gap [column-gap]*/
	}
	ul.tabs2 li {
		display: flex;
		justify-content: center;
	}
	ul.tabs2 li a {
		margin-right: 2px;
		margin-top: auto;
		margin-bottom: auto;
	}
	ul.tabs2 li.selected a {
		font-size: 90%;
	}
	ul.tabs2 img {
		/*height: 90%;*/
		/*width: auto;*/
		max-width: 40%;
	}
}

.wb-tabs li.selected a, .wb-tabs li.selected a:hover {
	font-weight:bold;
	color:#194878;
	background: white;
	outline: none;
}
.wb-tabs li.active a, .wb-tabs li.active a:hover {
	font-weight:bold;
	color:#194878;
	background: white;
	outline: none;
}