/*-- Custom CSS --*/

.center-div {
    margin: auto;
    max-width: 700px; /* Change width to max-width so that it can be responsive */
    width: 100%; /* This will help make the width responsive */
}

@media (min-width: 768px) {
  .center-div {
    width: 700px; /* This ensures that on larger screens the width is 700px */
  }
}


body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden; /* Hide horizontal scrollbar */
}



.btn-primary {
    background-color: #30bced;
    border: none;
}


.filter-controls {
  margin-top: 1rem; /* Adjust the value as needed */
}

.filter-controls > * {
  margin-right: 20px;  /* Adjust the value as needed */
  vertical-align: middle;
  display: flex;
  align-items: center; /* align the items vertically at the center */
}

.message {
  margin-left: 40px !important; /* Adjust the value as needed */
}


.card-header {
  background-color: white;
}

.content-area {
  background-color: #f2f4f6;
}