.segmented-control{
	position: relative;
	width: 280px;
	margin: 0.5em auto;	
	overflow: hidden;
}
.segmented-control .highlighter{
	position: absolute;
	width: 50%;
	height: 100%;
	background-color:#0061AD;
	left: 0em;
	top: 0em;
	transition: all 200ms ease-in;
	transform: translateX(0%);
	display: none;
}
.segmented-control .highlighter.opt-0 {
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.segmented-control .highlighter.opt-1 {
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.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: 50px;
	color:#0061AD;
	background-color: transparent;
	padding: 0.0em 0.3em;
	border: 2px solid #0061AD;
	border-right: none;
	border-radius: 0em;
	min-width: auto;
}
.segmented-control .seg-control-btn.selected{cursor: default; color: #ffffff;}
.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: 2px solid #0061AD;border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;}
.segmented-control .seg-control-btn:first-child{border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;}
  /* 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%;}

  @media screen and (max-width: 834px) {
	.segmented-control { width: 100%; margin-top: 12px; }
}