body {
padding-top: 25px;
}

.search-wrapper {
background-color: #202c39;
padding: 15px;
box-shadow: 0 0 10px rgba(32, 44, 57, 0.7);
}

.form-control:focus {
box-shadow: none;
border-color: #6c757d;
}

.icon-input {
background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons/icons/search.svg");
background-repeat: no-repeat;
background-position: 10px center;
background-size: 16px 16px;
padding-left: 35px;
}
.date-input {
background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons/icons/calendar.svg");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px 16px;
padding-right: 35px;
-webkit-appearance: none; /* For Safari */
appearance: none;
}

.date-input::-webkit-calendar-picker-indicator {
opacity: 0; /* hide the native calendar icon */
}

.btn-dark {
white-space: nowrap;
}