.elementor-kit-268{--e-global-color-primary:#00462E;--e-global-color-secondary:#FFB71F;--e-global-color-text:#1C1C1E;--e-global-color-accent:#003221;--e-global-color-b00d4dd:#FFF8E9;--e-global-color-cde957f:#FFFFFF;--e-global-color-0bbef11:#E6EDEA;--e-global-color-f1a6c69:#E6EDEA;--e-global-color-5d0b272:#B9BBBD;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-0c94e38-font-family:"Nunito Sans";--e-global-typography-0c94e38-font-size:48px;--e-global-typography-0c94e38-font-weight:700;--e-global-typography-e483f52-font-family:"Nunito Sans";--e-global-typography-e483f52-font-size:40px;--e-global-typography-e483f52-font-weight:600;--e-global-typography-77d5ad5-font-family:"Nunito Sans";--e-global-typography-77d5ad5-font-size:32px;--e-global-typography-77d5ad5-font-weight:500;--e-global-typography-5d364c0-font-family:"Nunito Sans";--e-global-typography-5d364c0-font-size:24px;--e-global-typography-5d364c0-font-weight:600;--e-global-typography-a7531fa-font-family:"Nunito Sans";--e-global-typography-a7531fa-font-size:20px;--e-global-typography-a7531fa-font-weight:500;--e-global-typography-9f1487b-font-family:"Nunito Sans";--e-global-typography-9f1487b-font-size:20px;--e-global-typography-9f1487b-font-weight:400;--e-global-typography-112d682-font-family:"Nunito Sans";--e-global-typography-112d682-font-size:20px;--e-global-typography-112d682-font-weight:700;--e-global-typography-5c851db-font-family:"Nunito Sans";--e-global-typography-5c851db-font-size:56px;--e-global-typography-5c851db-font-weight:700;--e-global-typography-8f98c0b-font-family:"Nunito Sans";--e-global-typography-8f98c0b-font-size:48px;--e-global-typography-8f98c0b-font-weight:700;--e-global-typography-8005ea8-font-family:"Nunito Sans";--e-global-typography-8005ea8-font-size:48px;--e-global-typography-8005ea8-font-weight:700;--e-global-typography-9b1d6d4-font-family:"Nunito Sans";--e-global-typography-9b1d6d4-font-size:32px;--e-global-typography-9b1d6d4-font-weight:500;--e-global-typography-0cd04de-font-family:"Nunito Sans";--e-global-typography-0cd04de-font-size:24px;--e-global-typography-0cd04de-font-weight:600;--e-global-typography-cdc3358-font-family:"Nunito Sans";--e-global-typography-cdc3358-font-weight:400;--e-global-typography-025f991-font-family:"Nunito Sans";--e-global-typography-025f991-font-size:20px;--e-global-typography-025f991-font-weight:500;}.elementor-kit-268 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-268{--e-global-typography-0c94e38-font-size:28px;--e-global-typography-e483f52-font-size:28px;--e-global-typography-5c851db-font-size:28px;--e-global-typography-8f98c0b-font-size:28px;--e-global-typography-8005ea8-font-size:24px;--e-global-typography-9b1d6d4-font-size:20px;--e-global-typography-0cd04de-font-size:16px;--e-global-typography-cdc3358-font-size:16px;--e-global-typography-025f991-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.ticker {
  overflow: hidden;
  position: relative;
  background: transparent;
}

.ticker-track {
  display: flex;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  width: max-content;
  align-items: center;
}


/* gap logo */
.ticker-track .elementor-widget-image {
  flex-shrink: 0;
  margin-right: 24px;
}

/* Left*/
.ticker-left .ticker-track {
  animation: scroll-left 30s linear infinite;
}


@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-8000px);
  }
}

/* Right*/
.ticker-right .ticker-track {
  animation: scroll-right 30s linear infinite;
}


@keyframes scroll-right {
  0% {
    transform: translateX(-8000px);
  }
  100% {
    transform: translateX(0%);
  }
}

.ticker:hover .ticker-track {
  animation-play-state: paused;
}

.tabel-karyawan-wrapper {
  font-family: 'Inter', sans-serif;
  width: 100% !important;
  max-width: 100% !important;
  background: #f8f9fa;
  padding: 24px;
  border-radius: 12px;
}

.tabel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.tabel-header h2 {
  margin: 0;
  font-size: 20px;
  color: #004225;
}

.tabel-actions .btn {
  background: transparent;
  border: 1px solid #004225;
  color: #004225;
  padding: 8px 16px;
  border-radius: 6px;
  margin-left: 8px;
  cursor: pointer;
}

.tabel-karyawan {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 12px;
}

.tabel-karyawan th {
  background-color: #003d29;
  color: white;
  padding: 12px;
  text-align: center;
}

.tabel-karyawan td {
  padding: 12px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.table-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination span {
  margin: 0 4px;
  padding: 4px 8px;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 4px;
}

.pagination .active {
  border: 1px solid #004225;
  background: #e0f0e8;
  font-weight: bold;
}

.status-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  min-width: 80px;
}

/* Warna untuk masing-masing status */
.status-approved {
  background-color: #e9f5ef;
  color: #004225;
}

.status-rejected {
  background-color: #ffd6d6;
  color: #9b1c1c;
}

.status-pending {
  background-color: #fff8e1;
  color: #b38f00;
}


/*
.ticker-track img {
  width: 300px;       
  height: 150px;
  flex-shrink: 0;     
  object-fit: contain;
}/* End custom CSS */