.icon.text-size {
  height: 1rem;
  width: 1rem;
}

.icon.green,
.icon.green-hover:hover > svg {
  fill: green;
}

.icon.white,
.icon.white-hover:hover > svg {
  fill: white;
}

.icon.warning,
.icon.warning-hover:hover > svg {
  fill: #fc781b;
}

.icon.red,
.icon.red-hover:hover > svg {
  fill: #f31446;
}

.icon.black,
.icon.black-hover:hover > svg {
  fill: black;
}

.icon.text-color,
.icon.text-color-hover:hover > svg {
  fill: var(--bs-body-color);
}

.icon.pr-color,
.icon.pr-color-hover:hover > svg {
  fill: rgb(var(--bs-primary-rgb));
}

.icon.sec-color,
.icon.sec-color-hover:hover > svg {
  fill: rgb(var(--bs-secondary-rgb));
}

.dark-icon {
  -webkit-mask-image: url("../svg/dark_mode.svg");
  mask-image: url("../svg/dark_mode.svg");
}

.light-icon {
  -webkit-mask-image: url("../svg/light_mode.svg");
  mask-image: url("../svg/light_mode.svg");
}

.icon-25 {
  height: 25px !important;
  width: 25px !important;
  opacity: 0.7;
}

.icon-button {
  height: var(--dxbl-btn-font-size) !important;
  width: var(--dxbl-btn-font-size) !important;
}


.icon.monochrome {
  background-color: currentColor;
}

.icon {
  mask-size: 100%;
}

.calendar-icon {
  -webkit-mask-image: url("../svg/calendar.svg");
  mask-image: url("../svg/calendar.svg");

}

.list-icon {
  -webkit-mask-image: url("../svg/table.svg");
  mask-image: url("../svg/table.svg");
}

.filter-icon {
  -webkit-mask-image: url("../svg/filter.svg");
  mask-image: url("../svg/filter.svg");
}

.calendar-month-icon {
  -webkit-mask-image: url("../svg/calendar_month.svg");
  mask-image: url("../svg/calendar_month.svg");
}

.file-export-icon {
  -webkit-mask-image: url("../svg/file_export.svg");
  mask-image: url("../svg/file_export.svg");
}