Cleaned up CSS

Removed high-resolution PNG images

src/assets/bootstrap.css

@@ -6,321 +6,6 @@
   display: block !important;
 }
 
-.dash-bootstrap .SingleDatePicker,
-.dash-bootstrap .DateRangePicker {
-  display: block;
-}
-
-.dash-bootstrap .SingleDatePickerInput,
-.dash-bootstrap .DateRangePickerInput {
-  background-color: #fff;
-  color: #7b8a8b;
-  display: block;
-}
-
-.dash-bootstrap .SingleDatePickerInput__withBorder,
-.dash-bootstrap .DateRangePickerInput__withBorder {
-  border-radius: 0.25rem;
-  border: 1px solid #ced4da;
-  display: flex;
-}
-
-.dash-bootstrap .DateInput {
-  background: transparent;
-  flex-grow: 1;
-  width: 100%;
-}
-
-.dash-bootstrap .DateInput > input::placeholder {
-  color: #95a5a6;
-  opacity: 1;
-}
-
-.dash-bootstrap .DateInput > input::-ms-input-placeholder {
-  color: #95a5a6;
-}
-
-.dash-bootstrap .DateInput > input:-ms-input-placeholder {
-  color: #95a5a6;
-}
-
-.dash-bootstrap .DateInput_input {
-  padding: 0.375rem 0.75rem;
-  height: calc(1.5em + 0.75rem);
-  font-size: 0.9375rem;
-  font-weight: 400;
-  border-bottom: 0;
-  background: transparent;
-  text-align: center;
-  color: #7b8a8b;
-}
-
-.dash-bootstrap .DateRangePickerInput_arrow {
-  color: #7b8a8b;
-  align-self: center;
-  padding: 0px 10px;
-}
-
-.dash-bootstrap .DateInput_fang.DateInput_fang_1 {
-  top: calc(calc(1.5em + 0.75rem + 2px) + 10px) !important;
-}
-
-.dash-bootstrap .DateInput_fang.DateInput_fang_1 .DateInput_fangShape {
-  fill: #fff;
-}
-
-.dash-bootstrap .DateInput_fang.DateInput_fang_1 .DateInput_fangStroke {
-  stroke: rgba(0, 0, 0, 0.2);
-}
-
-.dash-bootstrap .SingleDatePicker_picker,
-.dash-bootstrap .DateRangePicker_picker {
-  top: calc(calc(1.5em + 0.75rem + 2px) + 21px) !important;
-  background-color: transparent;
-}
-
-.dash-bootstrap .DayPicker {
-  background: #fff;
-}
-
-.dash-bootstrap .DayPicker.DayPicker__withBorder {
-  border-radius: 0.3rem;
-}
-
-.dash-bootstrap .DayPicker_weekHeader {
-  color: #807f7f;
-}
-
-.dash-bootstrap .DayPickerNavigation_button {
-  border-radius: 0.25rem;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  background: #fff;
-}
-
-.dash-bootstrap .DayPickerNavigation_button svg {
-  fill: #212529;
-}
-
-.dash-bootstrap .DayPickerNavigation_button:hover {
-  background: #f2f2f2;
-}
-
-.dash-bootstrap .DayPickerNavigation_button:hover svg {
-  fill: #212529;
-}
-
-.dash-bootstrap .CalendarMonth_caption {
-  color: #212529;
-}
-
-.dash-bootstrap .CalendarMonthGrid {
-  background-color: #fff;
-}
-
-.dash-bootstrap .CalendarMonth {
-  background-color: #fff;
-}
-
-.dash-bootstrap .CalendarDay__default {
-  color: #212529;
-  border-color: #e6e5e5;
-  background-color: transparent;
-}
-
-.dash-bootstrap .CalendarDay__default:hover {
-  background: #f2f2f2;
-  border-color: #e6e5e5;
-  color: #212529;
-}
-
-.dash-bootstrap .CalendarDay__default.CalendarDay__selected, .dash-bootstrap .CalendarDay__default.CalendarDay__selected:hover {
-  background: #2c3e50;
-  border: 1px double #2c3e50;
-  color: #fff;
-}
-
-.dash-bootstrap .CalendarDay__default.CalendarDay__hovered_span, .dash-bootstrap .CalendarDay__default.CalendarDay__hovered_span:hover {
-  background: #3e5871;
-  color: #fff;
-}
-
-.dash-bootstrap .CalendarDay__default.CalendarDay__blocked_out_of_range, .dash-bootstrap .CalendarDay__default.CalendarDay__blocked_out_of_range:hover {
-  color: #e6e5e5;
-  border-color: #e6e5e5;
-  background: #fff;
-  cursor: default;
-}
-
-.dash-bootstrap .CalendarDay__outside {
-  border: 0;
-  cursor: default;
-}
-
-.dash-bootstrap .DayPicker_transitionContainer {
-  border-radius: calc(0.3rem - 1px);
-}
-
-.dash-bootstrap .DayPickerKeyboardShortcuts_show::before {
-  content: none;
-}
-
-.dash-bootstrap .DayPickerKeyboardShortcuts_show__bottomRight {
-  width: 0;
-  height: 0;
-  border-top: 12px solid transparent;
-  border-bottom: 12px solid #2c3e50;
-  border-left: 16px solid transparent;
-  border-right: 16px solid #2c3e50;
-  border-bottom-right-radius: calc( 0.3rem - 1px);
-}
-
-.dash-bootstrap .DayPickerKeyboardShortcuts_show__bottomRight::before {
-  border-right: 0;
-  border-top: 0;
-}
-
-.dash-bootstrap .DayPickerKeyboardShortcuts_show__bottomRight:hover {
-  border-top: 12px solid transparent;
-  border-bottom: 12px solid #1e2b37;
-  border-left: 16px solid transparent;
-  border-right: 16px solid #1e2b37;
-}
-
-.dash-bootstrap .DayPickerKeyboardShortcuts_show__bottomRight .DayPickerKeyboardShortcuts_showSpan {
-  bottom: -11px;
-  right: -12px;
-  color: #fff;
-}
-
-.dash-bootstrap .DayPickerKeyboardShortcuts_panel {
-  background: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 0.3rem;
-  color: #212529;
-}
-
-.dash-bootstrap .DayPickerKeyboardShortcuts_panel .DayPickerKeyboardShortcuts_closeSvg {
-  fill: #212529;
-}
-
-.dash-bootstrap .Select-control {
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid #ced4da;
-  color: #7b8a8b;
-  font-size: 0.9375rem;
-  font-weight: 400;
-  height: calc(1.5em + 0.75rem + 2px);
-  line-height: 1.5;
-  border-radius: 0.25rem;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .dash-bootstrap .Select-control {
-    transition: none;
-  }
-}
-
-.dash-bootstrap .Select-control:hover {
-  box-shadow: none;
-}
-
-.dash-bootstrap .is-open > .Select-control {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.dash-bootstrap .is-focused:not(.is-open) > .Select-control {
-  border-color: #597ea2;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
-}
-
-.dash-bootstrap .Select.is-disabled > .Select-control {
-  background-color: #ecf0f1;
-}
-
-.dash-bootstrap .has-value.Select--single > .Select-control .Select-value .Select-value-label,
-.dash-bootstrap .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
-  color: #7b8a8b;
-}
-
-.dash-bootstrap .Select-multi-value-wrapper {
-  height: calc(1.5em + 0.75rem);
-}
-
-.dash-bootstrap .Select-placeholder {
-  color: #95a5a6;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
-.dash-bootstrap .Select--single > .Select-control .Select-value,
-.dash-bootstrap .Select-placeholder {
-  line-height: calc(1.5em + 0.75rem);
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
-.dash-bootstrap .Select-input {
-  height: calc(1.5em + 0.75rem);
-  padding: 0;
-  margin-left: 0.75rem;
-}
-
-.dash-bootstrap .Select-input > input {
-  line-height: 1.5;
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
-
-.dash-bootstrap .Select--multi .Select-value {
-  background-color: rgba(44, 62, 80, 0.1);
-  border-color: rgba(44, 62, 80, 0.25);
-  border-radius: 0.125rem;
-  box-sizing: content-box;
-  font-size: 0.9375rem;
-  color: #2c3e50;
-  height: calc(0.9375rem * 1.5);
-  margin-top: calc(0.375rem - 1px);
-}
-
-.dash-bootstrap .Select--multi .Select-value-icon {
-  border-right-color: rgba(44, 62, 80, 0.25);
-  line-height: calc(0.9375rem * 1.5);
-  padding-top: 0;
-  padding-bottom: 0;
-  vertical-align: top;
-}
-
-.dash-bootstrap .Select--multi .Select-value-icon:hover {
-  background-color: rgba(44, 62, 80, 0.2);
-  color: #2c3e50;
-  border-radius: 0.125rem;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.dash-bootstrap .Select--multi .Select-value-label {
-  padding-top: 0;
-  padding-bottom: 0;
-  line-height: calc(0.9375rem * 1.5);
-  height: calc(0.9375rem * 1.5);
-  vertical-align: top;
-}
-
-.dash-bootstrap .Select-menu-outer {
-  border-bottom-right-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid #ced4da;
-  border-top-color: #ced4da;
-  box-shadow: none;
-  color: #7b8a8b;
-}
-
 .dash-bootstrap .VirtualizedSelectOption {
   height: calc(1.5em + 0.75rem) !important;
   padding-left: 0.75rem;