.dataTables_filter {
	position: absolute;
	right: 0;
	margin-top: 0;
	top: 0;
	background-color: var(--c-light-grey);
    padding: 0.8rem 2.4rem;
	height: 46px;
	z-index: 2;
}
.with-refresh .dataTables_filter {
	right: 3rem;
}
.with-tools-2 .dataTables_filter{
	right: calc((3.2rem * 2 ) + 1rem );
}

.dataTables_filter input {
	outline: none;
	background-color: transparent;
	font-size: 1.2rem;
	width: 17.2rem;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(94, 100, 103, 0.2);
	padding: 1rem 1.4rem;
	border-radius: 0.4rem;
	background-color: var(--c-white);
}

.dataTables_filter label {
	font-size: 0;
	color: transparent;
	position: relative;
	height: 3.2rem;
}

.dataTables_filter label::before {
	content: "Search";
	font-size: 1.2rem;
	color: #8B8B8B;
	position: absolute;
	height: 100%;
	padding: 1rem 1.4rem 1rem 2.8rem;
	background-image: url(../../assets/icons/search.svg);
	background-position: left 1rem top 1rem;
	background-size: 13px 13px;
	background-repeat: no-repeat;
}


.TableFilter_input__gsepB::placeholder {
	color: var(--c-grey-2);
}

.icon {
	margin-right: 0.8rem;
	width: 1.2rem;
	height: 1.2rem;
}
@media (min-width: 600px) {
	.dataTables_filter label.focused:before, .dataTables_filter label.input-filled:before, .dataTables_filter label:focus-within::before  {
		opacity: 0;
		display: none;
	}
}
@media (max-width: 600px) {
	.dataTables_filter label::before {
		background-size: 1.1rem 1.1rem;
	}
	.dataTables_filter.input-focused label::before {
		background-image: url(../../assets/icons/search-dark.svg);
	}
	.dataTables_filter {
		padding-right: 1.6rem;
		padding-left: 0;
		width: calc(3.4rem + 1.6rem);
		overflow: hidden;
		
	}
	.dataTables_filter.input-focused {
		padding-left: 1.6rem;
		width: 100%;
	}
	.dataTables_filter.input-focused input {
		padding-left: calc(1.4rem + 1rem + 1rem);
	}
	.dataTables_filter label::before {
		color: transparent;
	}
	.dataTables_filter label,
	.dataTables_filter input {
		width: 100%;
	}
}
@media screen and (min-width:992px) { 
	.dataTables_filter {
	height: 5rem;
}
}
.c-search-bar .dataTables_filter {
	padding: unset;
	height: unset;
	margin: 0.8rem 2.4rem;
}