/**************************
  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("/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("/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("/tableComponent.css");
@import url("/table.css");
@import url("/tag.css");
/**************************
  Page Styles  
***************************/

.filter {
  border-bottom: 1px solid var(--blue);
  color: #434647;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
  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;
}
.date {
    background-color: var(--white);
    border-radius: 8px;
    border: 1px solid var(--gray-500);
    color: var(--black);
    cursor: pointer;
    font-size: 30px;
    position: relative;
    /* z-index: 4; */
}

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