.modal-box.advance-search {
    max-width:400px;
}
.modal-box.advance-search .modal-body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 30px;
}
.modal-box.advance-search .modal-footer {
	width: 100%;
	display: grid;
	align-items: center;
	padding: 20px 30px;
	border-top: 1px solid var(--borderColor);
	grid-template-columns: auto 50px;
	gap: 15px;
}
.modal-footer button {
	background: rgba(133,154,168,.15);
	border: none;
	outline: none;
	color: #000;
	border-radius: 10px;
	padding: 10px;
	display: flex;
	justify-content: center;
}
.modal-footer #add-filter {
	background: var(--primary);
	color: var(--textColorWhite);
	font-weight: bold;
}
.date-filter {
	display: flex;
	gap: 20px;
}