.scrollable-container-wrapper {
	overflow: hidden;
	border: 1px solid #aaa;
	border-radius: 5px;
	position: relative;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04);
}

.scrollable-container-wrapper.double-scroll {
	padding-top: 10px;
}

.scrollable-container-wrapper .top-scrollbar {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	overflow-y: hidden;
	overflow-x: scroll;
}

.scrollable-container-wrapper .top-scrollbar:lang(ar)  {
	left: initial;
	right: 0;
}

.scrollable-container-wrapper .top-scrollbar > div {
	height: 10px;
}

.scrollable-container-wrapper .top-scrollbar::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

.scrollable-container-wrapper .top-scrollbar::-webkit-scrollbar-track:horizontal {
	border-bottom: 1px solid #aaa;
}

.scrollable-container-wrapper .top-scrollbar::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-bottom: 1px solid #aaa;
}

.scrollable-container {
	display: block;
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	position: relative;
}

.scrollable-container:not(.auto-height){
	overflow-y: scroll;
}

.scrollable-container > table {
	border: 0 !important;
	border-collapse: separate !important;
	width: auto !important;
	min-width: 100% !important;
	max-width: initial !important;
}

.scrollable-container > table thead th,
.scrollable-container > table tbody td {
	border-bottom: 0 !important;
	border-radius: 0 !important;
}

.scrollable-container > table thead tr:first-child th {
	border-top: 0 !important;
}

.scrollable-container > table .fixed-start,
.scrollable-container > table .fixed-end {
	position: sticky !important;
	z-index: 10;
}

.scrollable-container:not(:lang(ar)) > table thead th:not(.keep-border),
.scrollable-container:not(:lang(ar)) > table tbody td:not(.keep-border) {
	border-left: 0 !important;
}

.scrollable-container:not(:lang(ar)) > table thead th.remove-border,
.scrollable-container:not(:lang(ar)) > table tbody td.remove-border,
.scrollable-container:not(:lang(ar)) > table thead th:last-child,
.scrollable-container:not(:lang(ar)) > table tbody td:last-child {
	border-right: 0 !important;
}

.scrollable-container:lang(ar) > table thead th:not(.keep-border),
.scrollable-container:lang(ar) > table tbody td:not(.keep-border) {
	border-right: 0 !important;
}

.scrollable-container:lang(ar) > table thead th.remove-border,
.scrollable-container:lang(ar) > table tbody td.remove-border,
.scrollable-container:lang(ar) > table thead th:last-child,
.scrollable-container:lang(ar) > table tbody td:last-child {
	border-left: 0 !important;
}

/* Scrollbar */

.scrollable-container::-webkit-scrollbar,
.top-scrollbar::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.scrollable-container::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}

.scrollable-container::-webkit-scrollbar-track:vertical {
	border-left: 1px solid #aaa;
}

.scrollable-container:lang(ar)::-webkit-scrollbar-track:vertical {
	border-left: 0;
	border-right: 1px solid #aaa;
}

.scrollable-container::-webkit-scrollbar-track:horizontal {
	border-top: 1px solid #aaa;
}

.scrollable-container::-webkit-scrollbar-thumb{
	background-color: #ccc;
	border-top: 1px solid #aaa;
}