body {
    font-family: 'Inter', sans-serif;
}

.font-geist-thin {
    font-family: "Geist",sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style:normal;
}
.font-geist-light {
    font-family: "Geist",sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style:normal;
}
.font-geist-normal{
     font-family: "Geist",
     sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style:normal;
}
.font-geist-medium {
    font-family: "Geist",sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style:normal;
}
.font-geist-semibold {
    font-family: "Geist",sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style:normal;
}
.font-geist-bold{
    font-family: "Geist",sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style:normal;
}

  .skeleton {
      background-color: #e2e2e2;
      position: relative;
      overflow: hidden;
  }

  .skeleton.shimmer::after {
      content: "";
      position: absolute;
      top: 0;
      left: -150%;
      width: 150%;
      height: 100%;
      background: linear-gradient(90deg,
              rgba(255, 255, 255, 0) 0%,
              rgba(255, 255, 255, 0.4) 50%,
              rgba(255, 255, 255, 0) 100%);
      animation: shimmer 1.2s infinite;
  }

  @keyframes shimmer {
      0% {
          left: -150%;
      }

      100% {
          left: 150%;
      }
  }


button:hover{
    cursor: pointer;
}
a:hover{
    cursor: pointer;
}
 .text-primary{
    color: #10B981 !important;
 }
 .text-primary-dark{
    color: #059669 !important;
 }
/* disabled button */
button:disabled {
    color: #ffffffed !important;
    background-color: #8BC34A !important;
    cursor:progress !important
}
.activem {
    background-color: #F7F7F7 !important;
    /* Optional highlight */
   
}
.activem>span.kt-menu-title{
    font-weight: 600;
    color:#171717 !important;
}

.menu-item .activem {
    color: #03160B !important;
    padding: 1rem !important;
    font-weight: bolder !important;
    background-color: #F8F8F8 !important;
}

.menu-item {
    color: #DEDEDE !important;
}

.menu-item .activem .menu-icon {
    color: #03160B !important;
}
.activem>span>{
    color: #00058C !important;
}

.activem>span.men-title:hover {
    color: #00058C !important;
}

.activem>span.men-title {
    color: #000 !important;
}

#sidebar_header{
    display: flex !important;
    padding: 12px 24px !important;
    /* justify-content: center !important; */
    align-items: center !important;
    gap: 12px !important;
    height: 88px !important;
}

#header {
    height: 88px !important;
    justify-content: center !important;
    align-items: center !important;
}

#dynamicConfirmModal{
    z-index: 1050 !important;
}