.nav-tabs .nav-link.active {
    color: var(--primary-color);
}
.nav-tabs .nav-link:after {
    background: linear-gradient(30deg, var(--primary-color), var(--gradient-color)) !important;
}

:root {
    --primary-color: #0f5e30;
    --gradient-color: #0f5e30b3;
    --calendar-active-color: #7367F038;
    --dropdown-background-color : #7367F01f;
}


.body-bg-white{
    --primary-color: #7367F0;
    --gradient-color: #7367F0b3;
    --calendar-active-color: #7367F038;
    --dropdown-background-color : #7367F01f;

}

.body-bg-primary{
    --primary-color: #0f5e30;
    --gradient-color: #0f5e30b3;
    --calendar-active-color: #0f5e3038;
    --dropdown-background-color : #0f5e301f;

}

.body-bg-secondary{
    --primary-color: #82868b;
    --gradient-color: #82868bb3;
    --calendar-active-color: #82868b38;
    --dropdown-background-color : #82868b1f;
}

.body-bg-success{
    --primary-color: #28c76f;
    --gradient-color: #28c76fb3;
    --calendar-active-color: #28c76f38;
    --dropdown-background-color : #28c76f1f;
}

.body-bg-danger{
    --primary-color: #ea5455;
    --gradient-color: #ea5455b3;
    --calendar-active-color: #ea545538;
    --dropdown-background-color : #ea54551f;
}

.body-bg-info{
    --primary-color: #00cfe8;
    --gradient-color: #00cfe8b3;
    --calendar-active-color: #00cfe838;
    --dropdown-background-color : #00cfe81f;
}

.body-bg-warning{
    --primary-color: #ff9f43;
    --gradient-color: #ff9f43b3;
    --calendar-active-color: #ff9f4338;
    --dropdown-background-color : #ff9f431f;
}

.body-bg-dark{
    --primary-color: #4b4b4b;
    --gradient-color: #4b4b4bb3;
    --calendar-active-color: #4b4b4b38;
    --dropdown-background-color : #4b4b4b1f;
}

.nav-tabs .nav-link.active {
    color: var(--primary-color);
}
.nav-tabs .nav-link:after {
    background: linear-gradient(30deg, var(--primary-color), var(--gradient-color)) !important;
}

.main-menu.menu-light .navigation > li ul .active, .main-menu.menu-dark .navigation > li ul .active, .main-menu.menu-light .navigation > li.active > a , .main-menu.menu-dark .navigation > li.active > a {
    background: linear-gradient(118deg, var(--primary-color), var(--gradient-color));
    box-shadow: 0 0 10px 1px var(--gradient-color);

}
.customizer .customizer-toggle{
    background: var(--primary-color);
}

.btn-primary:active, .btn-primary.active , .btn-primary:focus, .btn-primary.focus{
    background-color: var(--primary-color) !important;
}

.btn-primary {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}

a, a:hover {
    color: var(--primary-color);
}

.filter-container,.ptitle {
    background: linear-gradient(118deg, var(--primary-color), var(--gradient-color));
}

.nav-pills .nav-link.active {
    border: 0px;
    box-shadow: 0 4px 18px -4px var(--gradient-color);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: linear-gradient(118deg, var(--primary-color), var(--gradient-color));
}


.page-item.active .page-link {
    background-color: var(--primary-color) !important;
}
.page-item .page-link:hover {
    color: var(--primary-color);
}

.timeline .timeline-item .timeline-point.timeline-point-indicator {

    background-color: var(--primary-color);
}

.fc-right .fc-button{
    border-color: var(--primary-color) !important;
    color: var(--primary-color);
}

.fc-right .fc-state-active {
    background-color: var(--calendar-active-color) !important;
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
    background: var(--primary-color) !important;
}

.form-control:focus {
    border-color: var(--primary-color) ;
}
.dropdown-item:hover, .dropdown-item:focus {
    color:  var(--primary-color);
    background-color:  var(--dropdown-background-color) ;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}
.badge.badge-light-primary {
    color: var(--primary-color) !important;
}
/* a{
    color: var(--primary-color) !important;
} */
.btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: var(--primary-color) !important;
}
.input-group:not(.bootstrap-touchspin):focus-within .form-control, .input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: var(--primary-color);
}
html .pace .pace-progress {
    background-color: var(--primary-color);
}
.dark-layout .main-menu .collapse-toggle-icon {
    color:var(--primary-color) !important;
}
.main-menu.menu-light .navigation>li ul .active>a , .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color:#fff!important;
}
.status-fd{
    text-align: left;
    background-color: transparent;
    border-radius: 15px;
    border: 1px solid gainsboro;
    padding: 2% 4% 2% 4% ;
    text-align:left;
    /* text-transform: uppercase; */
    /* font-size: 9px; */
    width: fit-content;
}
#myLeaveDatatable td{
    text-align: left;
}
.form-control:focus:valid, .form-control:focus.is-valid {
    box-shadow:none;
}
.table-striped{
    font-size:12px !important;
}
.table-striped tbody td, .table-striped tfoot td{
      border-collapse: collapse;
      color: black;
      font-weight: 500;
      height: 25px;
  }
  .dark-layout .flatpickr-calendar {
    background: transparent !important;
  }
 

  .dark-layout span.flatpickr-weekday, .dark-layout .flatpickr-current-month .flatpickr-monthDropdown-months, .dark-layout .flatpickr-current-month input.cur-year, .dark-layout .flatpickr-months .flatpickr-prev-month, .dark-layout .flatpickr-months .flatpickr-next-month, .dark-layout .flatpickr-day {
      color: #d0d2d6 !important;
  }
  .dark-layout .has-action, .dark-layout .flatpickr-day:focus, .dark-layout .flatpickr-day:hover{
      color: #393939 !important;
  }
.dark-layout .flatpickr-months .flatpickr-prev-month, .dark-layout .flatpickr-months .flatpickr-next-month, .dark-layout .flatpickr-months .flatpickr-month 
{
    fill: #d0d2d6 !important;
}