.daterangepicker {
  font-family: "DM Sans", sans-serif !important;
}
.daterangepicker .calendar-table {
  background-color: white !important;
  border-collapse: collapse !important;
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
  padding: 0.5rem !important;
  font-size: 0.875rem !important;
  font-family: "DM Sans", sans-serif !important;
}

.daterangepicker .drp-buttons .btn {
  padding: 0.375rem 0.75rem !important;
  font-size: 0.875rem !important;
  border-radius: 0.25rem !important;
}
.daterangepicker .ranges li,
.daterangepicker .drp-buttons .drp-selected{
  font-size: 0.875rem !important;
  font-family: "DM Sans", sans-serif !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
  font-family: "DM Sans", sans-serif !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #1e4db7 !important;
}
.daterangepicker .ranges li.active {
    background-color: #1e4db7 !important;
}
.is-loading:after,
.loader {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  animation: 1s c linear infinite;
  border: 3px solid #12263f;
  border-bottom-color: transparent;
  border-radius: 50%;
  background: transparent;
}
.is-loading-sm:after,
.loader-sm {
  width: 1rem;
  height: 1rem;
  border-width: 2px;
}
.is-loading-lg:after,
.loader-lg {
  width: 2rem;
  height: 2rem;
  border-width: 5px;
}
.is-loading {
  position: relative;
  color: transparent !important;
}
.is-loading > * {
  opacity: 0 !important;
}
.is-loading:after {
  position: absolute;
  top: calc(50% - 1.5rem / 2);
  left: calc(50% - 1.5rem / 2);
  content: "";
}
.is-loading-sm:after {
  top: calc(50% - 1rem / 2);
  left: calc(50% - 1rem / 2);
}
.is-loading-lg:after {
  top: calc(50% - 2rem / 2);
  left: calc(50% - 2rem / 2);
}
.is-loading-primary:after,
.loader-primary {
  border-color: #2c7be5;
  border-bottom-color: transparent;
}
.btn-primary.is-loading:after {
  border-color: #fff;
  border-bottom-color: transparent;
}
.is-loading-secondary:after,
.loader-secondary {
  border-color: #6e84a3;
  border-bottom-color: transparent;
}
.btn-secondary.is-loading:after {
  border-color: #fff;
  border-bottom-color: transparent;
}
.is-loading-success:after,
.loader-success {
  border-color: #00d97e;
  border-bottom-color: transparent;
}
.btn-success.is-loading:after {
  border-color: #fff;
  border-bottom-color: transparent;
}
.is-loading-info:after,
.loader-info {
  border-color: #39afd1;
  border-bottom-color: transparent;
}
.btn-info.is-loading:after {
  border-color: #fff;
  border-bottom-color: transparent;
}
.is-loading-warning:after,
.loader-warning {
  border-color: #f6c343;
  border-bottom-color: transparent;
}
.btn-warning.is-loading:after {
  border-color: #283e59;
  border-bottom-color: transparent;
}
.is-loading-danger:after,
.loader-danger {
  border-color: #e63757;
  border-bottom-color: transparent;
}
.btn-danger.is-loading:after {
  border-color: #fff;
  border-bottom-color: transparent;
}
.is-loading-light:after,
.loader-light {
  border-color: #edf2f9;
  border-bottom-color: transparent;
}
.btn-light.is-loading:after {
  border-color: #283e59;
  border-bottom-color: transparent;
}
.is-loading-dark:after,
.loader-dark {
  border-color: #12263f;
  border-bottom-color: transparent;
}
.btn-dark.is-loading:after,
.is-loading-white:after,
.loader-white {
  border-color: #fff;
  border-bottom-color: transparent;
}
.btn-white.is-loading:after {
  border-color: #283e59;
  border-bottom-color: transparent;
}
.is-loading-body:after,
.loader-body {
  border-color: #f9fbfd;
  border-bottom-color: transparent;
}
.btn-body.is-loading:after {
  border-color: #283e59;
  border-bottom-color: transparent;
}
@keyframes c {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}