/**************************
  General Styles
***************************/
@import url("/reset.css");
@import url("/font-family.css");
@import url("/general.css");

/**************************
  Components Styles
***************************/
@import url("/alert.css");
@import url("/box.css");
@import url("/button.css");
@import url("/case.css");
@import url("/checkbox.css");
@import url("/circle.css");
@import url("/cols.css");
@import url("/display.css");
@import url("/dot.css");
@import url("/dropdown.css");
@import url("/font-size.css");
@import url("/footer.css");
@import url("/form.css");
@import url("/header.css");
@import url("/menu.css");
@import url("/options.css");
@import url("/rating.css");
@import url("/rounded.css");
@import url("/search.css");
@import url("/spacing.css");
@import url("/status.css");
@import url("/table.css");
@import url("/select.css");
@import url("/modal.css");
@import url("/step.css");

/**************************
  Page Styles  
***************************/

.filter {
  /* border-top: 1px solid var(--blue); */
  color: #434647;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}

.filter-special {
  background-color: var(--blue);
  border-radius: 8px;
  color: var(--white);
  cursor: pointer;
  padding: 3px 8px;
}

.bg-special {
  background: rgb(2, 168, 186);
  background: linear-gradient(
    180deg,
    rgba(2, 168, 186, 1) 0%,
    rgba(1, 82, 153, 1) 100%
  );
}