:root {
      /* --primary: 15 61 43; */
      --primary: 23 105 73;
      --secondary: 22 139 175;
      --input-border: 182 182 182;
  }



  .desktop-dark {
      filter: brightness(22);
  }

  [data-menu-styles=dark] .app-sidebar {
      background-color: rgb(0 60 36);
  }

  [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([icon-overlay=open]) .app-sidebar .header-logo .toggle-logo {
      display: block;
      /* filter: brightness(10); */
  }

  .authentication .authentication-brand.desktop-logo {
      width: 150px;
      margin: auto;
  }

  .authentication.authentication-basic .desktop-logo {
      width: 180px;
  }

  .select2-container .select2-selection--single {
      height: 2.5rem !important;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 3 !important;
  }

  .toggle span::before {
      --tw-content: "Yes";
  }

  .toggle span::after {
      --tw-content: "No";
  }

  .form-check.bdr {
      margin-bottom: 0.125rem;
      display: flex;
      padding-inline-start: 0px;
      border: 1px solid rgb(var(--input-border));
      padding: 0.6rem;
      border-radius: 6px;
      padding-right: 1rem;
  }

  .hr1 {
      border: 1px dashed #d8d8d8;
      border-bottom: 0;
      margin: 2rem 0;
  }

  .h-vh {
      height: 100vh;
      overflow: auto;
      align-items: baseline;
  }

  .slide i.bi {
      font-size: 1rem;
      line-height: normal;
  }

  .pricing-offer {
      border-top: 4px solid white;
  }

  .pricing-offer:hover {
      border-top: 4px solid rgb(var(--warning));
      transition: all 0.3s linear;
  }

  .pricing-offer:hover p {
      color: rgb(var(--primary));
  }

  #dropdown-profile {
      width: 30px;
      height: 30px;
      overflow: hidden;
  }

.bg-orange{
    background-color: rgb(197 81 0);
}






  /* .filepond--root {
      border-radius: 50% !important;
      width: 160px !important;
      height: 160px !important;
      max-width: 200px !important;
      max-height: 200px !important;
      overflow: hidden;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
  } */



  /* Ensure FilePond container is circular */
  .circular-filepond.filepond--root {
      border-radius: 50% !important;
      width: 140px !important;
      height: 140px !important;
      max-width: 200px !important;
      max-height: 200px !important;
      margin: auto;
      overflow: hidden;
  }

  .circular-filepond.filepond--root .filepond--drop-label,
  .circular-filepond.filepond--root .filepond--panel {
      border-radius: 50% !important;
  }


  .circular-filepond.filepond--root .filepond--drop-area {
      border-radius: 50% !important;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .filepond--root .filepond--drop-label {
      height: 100%;
  }

  .bg-warning\/50 {
      background-color: rgb(var(--warning) / 0.5);
  }

  .ti-main-tooltip-content {
      border: none;
  }

  .form-check .form-check-label {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
  }

  .authentication .authentication-cover .aunthentication-cover-content {
      width: 80% !important;
      height: 85vh !important;
  }

  /* .authentication .authentication-cover .aunthentication-cover-content {
      height: 100% !important;
      width: 100% !important;
  } */

  /* .aunthentication-cover-content .keyboard-control {
      height: 100%;
  }

  .authentication-image {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
  } */

  .side-menu__item.lock .side-menu__icon,
  .side-menu__item.lock .side-menu__label {
      opacity: 0.5;

  }

  .lock-icon {
      margin-left: auto;
      margin-right: 0 !important;
      opacity: 1 !important;
  }

  .copy-btn {
      width: 28px;
      height: 28px;
      margin-bottom: 0;
  }

  .copy-btn img {
      width: 24px;
      height: 24px;
  }

  .form-label p.frm-title {
      width: -webkit-fill-available;
  }

  .authentication .authentication-cover .aunthentication-cover-content img {
      /* height: auto; */
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .bdr-l {
      border-left: 4px solid rgb(var(--secondary)) !important;
  }

  .\!inline {
      display: inline !important;
  }

  .lock-btn {
      opacity: 0.5;
  }


  .image-tooltip {
      position: absolute;
      display: none;
      z-index: 9999;
      border: 2px solid #ccc;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      padding: 4px;
  }

  .image-tooltip img {
      max-width: 300px;
      height: auto;
      display: block;
      border-radius: 6px;
  }




  .popup-youtube {
      position: relative;
      display: inline-block;
      overflow: hidden;
      background: #fff;
      /* padding: 30px; */
      padding: 0px;
      width: 100%;
      height: 100%;
  }

  .ply-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: rgb(255 255 255);
      color: #17694a;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32px;
      cursor: pointer;
      transition: background 0.3s;
  }

  /* Ripple / Pulse effect */
  .ply-icon::before,
  .ply-icon::after {
      content: "";
      position: absolute;
      background: #17694a;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60px;
      height: 60px;
      opacity: 0;
      animation: ripple 1.8s infinite;
  }

  .ply-icon::after {
      animation-delay: 0.9s;
  }

  .log-preview {
      height: 250px;
  }

  .log-preview img {
      height: 100%;
      object-fit: contain;
  }

  .aunthentication-cover-content .swiper-slide {
      height: auto;
  }

  .hdg1 {
      position: relative;
      width: 100%;
      display: flex;
      justify-content: center;
  }

  .hlt-text {
      position: absolute;
      top: 0%;
      width: fit-content;
      /* left: 25%; */
      padding: 0.5rem;
      background: #fff;
      /* transform: translate(-50%, 50%); */
      box-shadow: 0px 0px 14px #a6a6a6;
      border-radius: 10px;
      z-index: 4;
  }

  .max-w-6xl {
      max-width: 72rem !important;
  }

  .ti-btn-warning:hover {
      background-color: rgb(var(--warning));
      color: rgb(var(--dark));
  }

  .hover\:\!bg-warning\/20:hover {
      background-color: rgb(var(--warning) / 0.5) !important;
  }

  .w-50 {
      width: 50%;
  }


  .ti-btn-primary {
      background-color: rgb(var(--primary));
      color: rgb(var(--light));
  }

  .ti-btn-warning {
      background-color: rgb(var(--warning));
      color: rgb(var(--dark));
  }

  .ti-btn-warning-full {
      color: rgb(0 0 0);
  }

  /* Ripple animation */
  @keyframes ripple {
      0% {
          transform: translate(-50%, -50%) scale(1);
          opacity: 0.8;
      }

      100% {
          transform: translate(-50%, -50%) scale(2.4);
          opacity: 0;
      }
  }


  .ti-btn-icon {
      font-size: 1.3rem !important;
  }




  .form-label {
      font-size: 1rem !important;
  }

  .h5 {}

  .tabulator-row {
      background-color: #fff !important;
  }

  .select2-container--default .select2-selection--single {
      border-color: rgb(var(--input-border)) !important;
  }

  .form-control:focus {
      border-color: rgb(var(--primary)) !important;
  }
  .input-group-text{
    border-color: rgb(var(--input-border));
  }

  .select2-dropdown{
    border-color: rgb(var(--input-border)) !important;
  }
  .select2-container--default .select2-search--dropdown .select2-search__field{
    border-color: rgb(var(--input-border)) !important;
  }


  /* Webkit browsers (Chrome, Edge, Safari) */
.tabulator-tableholder::-webkit-scrollbar {
    height: 12px; /* thickness */
}

.tabulator-tableholder::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 10px;
}

.tabulator-tableholder::-webkit-scrollbar-thumb {
    background: rgb(var(--primary)); /* blue highlight */
    border-radius: 10px;
}

.tabulator-tableholder::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
}

/* Firefox */
.tabulator-tableholder {
    scrollbar-width: thick;
    scrollbar-color: rgb(var(--primary)) #f1f5f9;
}
  /* body {
      height: 100vh;
      overflow: hidden;
  } */