.arTab {
	width:100%;
}

.arTab > .titleTab {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	flex-wrap: unset;
	gap: 1px;
}

.arTab > .titleTab > div {
	padding:8px;
	cursor: pointer;
	background-color: white;
	background-color: var(--tab-background);
	letter-spacing: 1px;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color:#fff;
}

.arTab > .titleTab > div > div {
	width: max-content;
}

.arTab > .titleTab > .active {
	/* font-weight: bold; */
	
	/* background-color: #f6f8fa; */
	background-color: var(--tab-background-active);
	color:#fff;
	


	/* border: 1px solid #dee2e6; */
	/* border: 1px solid var(--tab-border-color); */
	border-bottom-width: 0px!important;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.arTab > .titleTab > .begin {
	/*border: 1px solid #dee2e6;
	border-right-width: 0px!important;
	border-bottom-width: 0px!important;*/
	/*border-top-left-radius: 5px;*/
}

.arTab > .titleTab > .normal {
	/*border: 1px solid #dee2e6;*/
	/*border-right-width: 0px!important;
	border-bottom-width: 0px!important;*/
}

.arTab > .titleTab > .end {
	/*border: 1px solid #dee2e6;*/
	/*border-bottom-width: 0px!important;*/
	/*border-top-right-radius: 5px;*/
}

.arTab > .content {
	display: block;
}

.arTab > .content > div {
	/* border: 1px solid #dee2e6; */
	border: 1px solid var(--tab-border-color);
	padding:15px;
	width:100%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}