.app-sidebar .side-menu__label {

    font-size: 15px;

  }

  .app-sidebar .side-menu__item {
    font-weight: 600;
    font-family: "Figtree", sans-serif;
  }

  div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: 0px;
    margin-top: 0px;
    text-align: center;
    padding: 2px;
    z-index: 999999;
    font-family: "Figtree", sans-serif;
  }

  .dataTable th,td, tr, thead, tbody, .dataTables_info, .dataTables_paginate, .dataTables_length, .dataTables_filter, .dataTables_processing,
   button, .btn, h1,h2,h3,h4,h5,h6, label, p {
    font-family: "Figtree", sans-serif;
  }


  .dropify-wrapper .dropify-message p {
    margin: 5px 0 0;
    font-size: 30px !important;
  }


  [data-menu-styles="dark"] .app-sidebar .side-menu__item.active, [data-menu-styles="dark"] .app-sidebar .side-menu__item:hover {
    background-color: rgb(255, 255, 255);
  }

  [data-menu-styles="dark"] .app-sidebar .side-menu__item.active .side-menu__angle, [data-menu-styles="dark"] .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles="dark"] .app-sidebar .side-menu__item.active .side-menu__label, [data-menu-styles="dark"] .app-sidebar .side-menu__item:hover .side-menu__angle, [data-menu-styles="dark"] .app-sidebar .side-menu__item:hover .side-menu__icon, [data-menu-styles="dark"] .app-sidebar .side-menu__item:hover .side-menu__label {
    color: #111c43;
    fill: #111c43;
  }

  [data-menu-styles="dark"] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles="dark"] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles="dark"] .app-sidebar .slide-menu.child3 .side-menu__item:hover {
    color: #111c43;
  }


  [data-menu-styles="light"] .app-sidebar .side-menu__item.active, [data-menu-styles="light"] .app-sidebar .side-menu__item:hover {
    background-color: #e01169;
    color: #fff;
  }

  .app-sidebar .side-menu__item.active .side-menu__angle, .app-sidebar .side-menu__item.active .side-menu__label, .app-sidebar .side-menu__item:hover .side-menu__angle, .app-sidebar .side-menu__item:hover .side-menu__label {
    color: #fff;
  }




  .bg-primary {
    --vz-bg-opacity: 1;
    background-color: #e01169 !important;
  }

  .btn-primary {
    --vz-btn-color: #fff;
    --vz-btn-bg: #e01169;
    --vz-btn-border-color: #e01169;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #e01169e3;
    --vz-btn-hover-border-color: #e01169e3;
    --vz-btn-focus-shadow-rgb: 102,86,190;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #e01169e3;
    --vz-btn-active-border-color: #e01169e3;
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #e01169e3;
    --vz-btn-disabled-border-color: #e01169e3;
  }

  .btn-primary {
    background-color: rgb(224, 17, 105) !important;
    border-color: rgb(224, 17, 105) !important;
    color: #fff !important;
  }




.h-100 {
    height: 100% !important;
    min-height: 526px;
}



/* Adjust the timer font size */
.timer {
    font-size: 22px !important;
    font-family: "Figtree", sans-serif;
}

/* Set font family for all elements */
* {
    font-family: "Figtree", sans-serif;
}


.app-sidebar .side-menu__label {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
  }


  .app-sidebar .slide__category {

    font-size: 1em !important;

  }


  .app-sidebar .side-menu__icon {
    margin-inline-end: 1rem;
    width: 1rem;
    height: 1rem;
    text-align: center;
    color: #e01169;
    fill: #e01169;
    border-radius: .5rem;
    margin-top: -4px;
    font-size: 1.5rem;
  }

  .app-sidebar .slide__category {
    font-size: 10px !important;
  }

  .create-extra-offcanvas {
    min-width: 32%;
  }


  .page {

    background: #fff !important;
  }

  .card.custom-card.hrm-main-card.primary,
  .card.custom-card.hrm-main-card.success,
  .card.custom-card.hrm-main-card.danger,
  .card.custom-card.hrm-main-card.warning,
  .card.custom-card.hrm-main-card.secondary,
  .card.custom-card.hrm-main-card.info,
  .card.custom-card {
    border: 1px solid #d5d5d59c;
  }

  .card.custom-card .card-header .card-title::before {
    background: #fff;
    display: none;
  }

  .getchart {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: rgb(0, 0, 0) !important;
    border: 1px solid #d5d5d59c !important;
      }

  .getchart.active {
    color: #e01169 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
  }


  .progress-bar{
    background-color: #0000009c  !important;
  }


  .side-menu__item.active {
    fill: #e01169;
    color: #e01169;
  }

  [data-menu-styles="light"] .app-sidebar .side-menu__item.active, [data-menu-styles="light"] .app-sidebar .side-menu__item.active {
    background-color: #fff;
    color: #e01169;
  }


  .app-sidebar .side-menu__item.active .side-menu__angle, .app-sidebar .side-menu__item.active .side-menu__label, .app-sidebar .side-menu__item:hover .side-menu__angle, .app-sidebar .side-menu__item.active .side-menu__label {
    color: #e01169;
  }

  .app-sidebar .side-menu__item.active .side-menu__icon, .app-sidebar .side-menu__item.active .side-menu__icon {
    fill: #e01169;
    color: #e01169;
  }
  .app-sidebar .side-menu__item.active .side-menu__icon, .app-sidebar .side-menu__item .side-menu__icon {
    fill: #4e4448f5 !important;
    color: #3c3035f2 !important;
  }

  .app-sidebar .side-menu__item.active .side-menu__icon, .app-sidebar .side-menu__item:hover .side-menu__icon {
    fill: #e01169 !important;
    color: #e01169 !important;
  }


  .nav-tabs.nav-style-5 .nav-link.active {
    background-color: transparent !important;
    color: #e01169 !important;
  }

  .nav-tabs-header .nav-item .nav-link.active {
    background: #fff;
    color: var(--primary-color);
    border: 1px solid transparent;
    border-bottom: 1px solid var(--primary-color);
    border-radius: 0;
  }

  body{
    background-color: #fff !important;
  }