.btn {
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 0 3px 1px rgba(78, 78, 78, 0.2);
}
.btn-primary-subtle {
  background-color: #ddeafe;
  color: #000;
}

.card {
  border-radius: 6px;
  box-shadow: 0 0 3px 1px rgba(119, 119, 119, 0.082);
  border: 1px solid #082b5941;
}

.form-control {
  border-radius: 6px;
  box-shadow: 0 0 3px 1px rgba(119, 119, 119, 0.082);
  border: 1px solid #082b5941;
}
select.form-control {
  padding-right: 0px;
  width:100%;
}

.gap-2 {
  margin: 0 -4px;
}
.gap-2 > div {
  padding: 0 4px;
}
.gap-3 {
  margin: 0 -8px;
}
.gap-3 > div {
  padding: 0 8px;
}
.text-c-purple {
  color: #7459d9;
}

.progress-gredient {
  background: linear-gradient(90deg, #ffbf1a, #ff4080);
  border-radius: 6px;
  height: 8px;
}
/* .kpi-title-fix-height {
  height: 35px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
} */
.card.kpi-card .card-body {
  padding: 10px 15px;
}

.kpi-card,
.kpi-card span,
.kpi-card img,
.kpi-card .text-c-purple {
  transition: 0.3s ease-in-out;
}
    .kpi-card a:hover{text-decoration:none;}
    .kpi-card:hover, .kpi-card:focus, .kpi-card.active {
        background-color: #f2f2f2;
        color: #0e4a7d;
        text-decoration: none;
    }

        .kpi-card:hover span,
        .kpi-card:focus span,
        .kpi-card.active span {
            color: #0e4a7d;
        }

        .kpi-card:hover .text-c-purple,
        .kpi-card:focus .text-c-purple,
        .kpi-card.active .text-c-purple {
            color: #0e4a7d;
        }
    /*.kpi-card:hover img,
.kpi-card:focus img,
.kpi-card.active img {
  filter: brightness(0) invert(1);
}*/

.kpi-card span {
  font-size: 12px;
  line-height:13px;
  display: flex;
  font-weight:500;
  min-height:26px;
}

.col-of-5 {
  flex: 0 0 20%;
  max-width: 20%;
}
@media screen and (max-width: 768px) {
  .col-of-5 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

#DataTables_Table_0_filter {
    display: flex;
    align-items: end;
    justify-content: left;
    margin-bottom: 5px;
    text-align: left;
    float: left;
    width:100%;
}
#DataTables_Table_0_filter label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

/* datepicker css */

.datepicker {
  border: 1px solid #eff2f7;
  padding: 8px;
  z-index: 999 !important;
}
.datepicker table tr th {
  font-weight: 500;
}
.datepicker table tr td .active.disabled,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover,
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #556ee6 !important;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff !important;
}
.datepicker table tr td span.focused,
.datepicker table tr td span:hover,
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #eff2f7;
}
.datepicker table tr td span.new,
.datepicker table tr td span.old,
.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #adb5bd;
  opacity: 0.6;
}
.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
  background-color: #f6f6f6;
}
.table-condensed > tbody > tr > td,
.table-condensed > thead > tr > th {
  padding: 7px;
}
.bootstrap-datepicker-inline .datepicker-inline {
  width: auto !important;
  display: inline-block;
}
.datepicker-container {
  border: 1px solid #eff2f7;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}
.datepicker-container.datepicker-inline {
  width: 212px;
}
.datepicker-panel > ul > li {
  background-color: #fff;
  border-radius: 4px;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  background-color: rgba(85, 110, 230, 0.25);
  color: #556ee6;
}
.datepicker-panel > ul > li.highlighted,
.datepicker-panel > ul > li.highlighted:hover,
.datepicker-panel > ul > li:hover {
  background-color: #556ee6;
  color: #fff;
}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #adb5bd;
  opacity: 0.6;
}
.datepicker-panel > ul[data-view="week"] > li {
  font-weight: 500;
}
.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #fff;
}
.card.kpi-card {
    min-height: 88px;
}
.card.kpi-card.fct-fgr {
    min-height: 90px;
    margin-bottom:15px;
}
.gap-2.gcrd .card.kpi-card .card-body {
    background: #e6eaf8;
}
.gap-2.scrd .card.kpi-card .card-body {
    background: #fcf6e9;
}
.gap-2.swcrd .card.kpi-card .card-body {
    background: #e8f6fd;
}