.segmented-control{
	position: relative;
	width: 100%;
	margin: 0.5em auto;	
	overflow: hidden;
}
.segmented-control .highlighter{
	position: absolute;
	width: 50%;
	height: 100%;
	background-color:rgba(0, 169, 224, 0.5);
	left: 0em;
	top: 0em;
	transition: all 200ms ease-in;
	transform: translateX(0%);
	display: none;
	
}
.segmented-control .control-div{
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: center;	
}
.segmented-control .seg-control-btn{
	width: 50%;
	height: 3em;
	color:#000;
	background-color: transparent;
	padding: 0.0em 0.3em;
	border: 0.1em solid #0460A9;
	border-inline-end: none;
	border-radius: 0em;
	min-width: auto;
}
.segmented-control .seg-control-btn.selected{cursor: default;}
.segmented-control .seg-control-btn.disabled{opacity: 1;}

.segmented-control .seg-control-btn .btn-txt{padding: 0em;}
.segmented-control .seg-control-btn:last-child{border-right: 0.1em solid #0460A9;}

  /* one item */
  .segmented-control .seg-control-btn:first-child:nth-last-child(1) {width: 100%;}
  .segmented-control .highlighter.len-1{width: 100%;}
  /* two items */
  .segmented-control .seg-control-btn:first-child:nth-last-child(2),
  .segmented-control .seg-control-btn:first-child:nth-last-child(2) ~ a {width: 50%;}
  .segmented-control .highlighter.len-2{width: 50%;}
  /* three items */
  .segmented-control .seg-control-btn:first-child:nth-last-child(3),
  .segmented-control .seg-control-btn:first-child:nth-last-child(3) ~ a {width: 33.333%;}
  .segmented-control .highlighter.len-3{width: 33.333%;}
  /* four items */
  .segmented-control .seg-control-btn:first-child:nth-last-child(4),
  .segmented-control .seg-control-btn:first-child:nth-last-child(4) ~ a {width: 25%;}
  .segmented-control .highlighter.len-4{width: 25%;}
  /* five items */
  .segmented-control .seg-control-btn:first-child:nth-last-child(5),
  .segmented-control .seg-control-btn:first-child:nth-last-child(5) ~ a {width: 20%;}
  .segmented-control .highlighter.len-5{width: 20%;}