:root {
  --ms-py: 0.85rem;
}

.dragArea:first-child {
  padding-left: 0px;
}

.dragArea {
  margin-top: 10px;
  min-height: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
}

.dragArea li {
  list-style: none;
  cursor: move;
}

.validation-errors {
  position: fixed;
  top: 2rem;
  right: 2rem;
  padding: 1rem;
  background-color: white;
  z-index: 999999;
  border-radius: 5px;
  width: 25rem;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.dark .validation-errors {
  background-color: rgb(31, 41, 55);
}

.validation-errors-user {
  position: fixed;
  top: 2rem;
  right: 2rem;
  box-shadow: 3px 3px 8px 1px #00000063;
  padding: 13px 20px;
  background-color: #ff0000e0;
  z-index: 999999;
  border-radius: 8px;
}

.error-list {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}

.error-list p {
  color: white;
  margin-top: 2px;
  margin-bottom: 0;
}

.validation-errors div p {
  margin-top: 1rem;
  color: rgb(255, 0, 0);
}

.slide-right-enter-active,
.slide-right-leave-active {
  transition-duration: 0.4s;
  transition-property: opacity, transform;
  transition-timing-function: ease;
}

.slide-right-enter-from,
.slide-right-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

.ck.ck-editor__main>.ck-editor__editable {
  min-height: 300px;
}

.dark .ck.ck-editor__main>.ck-editor__editable {
  --ck-color-base-background: rgb(30, 41, 59);
  background: var(--ck-color-base-background);
}

.dark .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
  --ck-color-base-border: rgb(103, 123, 142);
  border: 1px solid var(--ck-color-base-border);
}

.dark .ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset, .ck.ck-reset_all {
  background: rgb(15, 23, 42);
}

.dark .ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset_all {
  color: #eff6f3;
}

.ck.ck-label.ck-voice-label {
  display: none;
}

.ai-ck-section .ck.ck-editor__main>.ck-editor__editable {
  min-height: 430px;
  max-height: 500px;
}

.ai-ck-section .ck.ck-toolbar {
  border: none;
}

.ai-ck-section .ck.ck-content {
  border: none;
}

.ai-ck-section .ck.ck-content.ck-focused {
  border: none;
}

.ai-ck-section .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  border: none;
  box-shadow: none;
}

.ai-ck-section .ck.ck-balloon-panel.ck-balloon-panel_visible .ck.ck-powered-by {
  display: none;
}

.c-input-label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #254035;
  margin-bottom: 10px;
}

.max-h-26-r {
  overflow-y: auto;
  max-height: 26rem;
}

.max-h-22-r {
  overflow-y: auto;
  max-height: 22rem;
}

.company-i-pt-3 {
  padding-top: 3rem;
}

.fade-enter-active,
.fade-leave-active {
  transition-duration: 0.2s;
  transition-property: opacity;
  transition-timing-function: linear;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.c-modal-container {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.205);
  display: grid;
  place-items: center;
}

.c-modal-content {
  width: 33%;
}

.c-modal-content h6 {
  font-size: 1.5rem;
  font-weight: 600;
}

.c-modal-content p {
  font-size: 1.1rem;
  font-weight: 400;
}

.c-modal-content .exclamation {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  border: 5px solid rgb(248, 191, 142);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.c-modal-content .exclamation span {
  font-size: 3rem;
  color: rgb(248, 191, 142);
}

.c-model-btn-container {
  display: flex;
  justify-content: center;
  column-gap: 0.5rem;
}

@media (max-width: 768px) {
  .c-modal-content {
    width: 90%;
  }
}

.text-fs-sm {
  font-size: 0.85rem;
}

.expertSectionImg {
  height: 400px;
  width: 280px;
  object-fit: cover;
}

.filter-currency {
  position: relative;
  margin-left: 10px;
}

.filter-currency .nice-select {
  min-width: 150px;
  height: 25px;
  line-height: 22px;
  font-size: 11px;
  padding: 0 10px 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.filter-currency .nice-select:before {
  right: 10px;
  top: 10%;
}

.filter-currency .nice-select.open:before {
  transform: rotate(180deg);
  top: 16%;
}

.filter-currency .nice-select .list {
  padding: 0;
}

.filter-currency .nice-select .option {
  font-size: 0.6rem;
  line-height: 1.5rem;
}

.payment-container {
  background-color: rgb(235, 255, 255);
}

.payment-container .gateways {
  padding: 0 12px;
}

.job-list-one,
.job-list-two,
.job-list-three {
  position: relative;
  overflow: hidden;
}

.job-list-one.favourite::before,
.job-list-two.favourite::before,
.job-list-three.favourite::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  background: #31795a;
  top: -30px;
  left: -30px;
  transform: rotate(45deg);
}

.job-list-one.favourite::after,
.job-list-two.favourite::after,
.job-list-three.favourite::after {
  content: '\f586';
  font-family: bootstrap-icons !important;
  position: absolute;
  color: #fff;
  font-size: 14px;
  top: 2px;
  left: 7px;
}

.spinner_btn_img {
  height: 25px;
}

.no-data-found-img {
  max-height: 100px;
}

.category-section-img {
  max-height: 100px;
}

section.candidates-profile .cadidate-avatar img.rounded-circle,
.candidate-avatar-rounded img {
  height: 80px;
  width: 80px;
  object-fit: cover;
}



.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(0, 0%, 100%);
  }

  100% {
    background-color: hsl(0, 0%, 95%);
  }
}

.skeleton-line {
  background: rgb(232, 232, 232);
  width: 100%;
  min-height: 0.7rem;
  border-radius: 8px;
}

.emoji-backdrop {
  width: 100vw;
  height: 100vh;
  background: transparent;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}

.m-emoji-container {
  position: absolute;
  bottom: 3rem;
  left: 5.5rem;
  z-index: 1001;
}


.paginate-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 6px;
}

.paginate-link {
  padding: 5px 12px 7px 12px;
  font-size: 14px;
  border-radius: 5px;
}

.paginate-link-null {
  color: #8e8e8e;
}

.paginate-link-active {
  color: inherit;
  text-decoration: none;
}

.paginate-link-active:hover {
  background-color: #8B5CF6;
  color: white;
}

.paginate-link-active:focus {
  border-color: #6b44c7;
}

.paginate-link-active-bg {
  background-color: #8B5CF6;
  color: white;
}

.dark .multiselect-dark {
  --ms-bg: rgba(23, 22, 22, 0.1);
  --ms-tag-bg: rgba(15, 23, 42, 0.6);
  --ms-dropdown-bg: rgb(30, 41, 59);
}

.dark .multiselect-tags-search {
  background-color: rgb(30, 41, 59);
}

.dark .multiselect-dark [type='text']:focus {
  --tw-ring-color: rgba(23, 22, 22, 0);
  outline: 0px solid var(--tw-ring-color);
}

.ai-template-multiselect {
  --ms-py: 0.5rem;
}

.fs-7 {
  font-size: 0.8rem;
}

.candidate-card-bg {
  border-radius: 20px;
  padding: 20px;
  background: #eff6f3
}

.review-avatar-img {
  max-height: 60px;
}

.loader-img {
  height: 25px;
}

.main-page-wrapper .header-bg-color {
  background-color: white;
}

.main-page-wrapper .inner-banner-colors {
  background-color: white;
  color: rgb(11, 19, 15);
}

.main-page-wrapper .inner-breadcrumb-colors {
  background-color: white;
  color: rgb(11, 19, 15);
  padding-bottom: 80px;
}

.main-page-wrapper .inner-banner-one.inner-banner-colors h2,
.main-page-wrapper .inner-banner-one.inner-banner-colors p {
  color: rgb(11, 19, 15);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors h2,
.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors li,
.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .post-date {
  color: rgb(11, 19, 15);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors li a:hover {
  color: rgb(11, 19, 15);
}

.main-page-wrapper .inner-banner-one h2,
.main-page-wrapper .inner-banner-one p {
  color: rgb(255, 255, 255);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .share-buttons li a {
  background-color: rgba(4, 4, 4, 0.6);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .candidate-profile-card * {
  color: rgba(4, 4, 4, 0.6);
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .cadidate-skills li,
.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .cv-download-btn {
  background-color: rgba(70, 70, 70, 0.8);
  color: #f8f8f8;
}

.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .save-btn {
  background-color: rgba(216, 216, 216, 0.8);
}


.main-page-wrapper .inner-banner-one.inner-breadcrumb-colors .candidate-profile-card .candidate-name {
  color: rgb(6, 6, 6);
}

.main-page-wrapper .inner-banner-one .candidate-profile-card .candidate-name {
  color: rgb(255, 255, 255);
}

.w-60px {
  width: 60px;
}

.p-70px {
  padding: 70px 0;
}

.h-25px {
  height: 25px;
}

.select-input-degree {
  padding: 14px 10px;
}

.m-h-40px {
  max-height: 40px
}

.b-radius-30 {
  border-radius: 30px;
}

.none {
  display: none;
}

/* Theme Settings */
#homepage h6 {
  margin-top: 20px;
  padding: 10px 0;
  text-align: center;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
}

#homepage h6:first-child,
#homepage h6:last-child {
  margin-top: unset;
}

#homepage h6+div {
  padding: 10px;
  border-radius: 0 0 10px 10px;
}

.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(0, 0%, 100%);
  }

  100% {
    background-color: hsl(0, 0%, 95%);
  }
}

.skeleton-line {
  background: rgb(232, 232, 232);
  width: 100%;
  min-height: 0.7rem;
  border-radius: 8px;
}

.chart-filter-area a {
  border-radius: 15px;
  font-size: 10pt;
  padding: 5px 15px;
}

.chart-filter-area a.active {
  background-color: #3f634d;
  color: white;
}

.navbar .dropdown-menu:before {
  content: '';
}

/* Dashboard Dark Theme Overrides */
html.dark .dashboard-body {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
}

html.dark .dashboard-body .main-title,
html.dark .dashboard-body .dash-title-two,
html.dark .dashboard-body .dash-title-three,
html.dark .dashboard-body h1,
html.dark .dashboard-body h2,
html.dark .dashboard-body h3,
html.dark .dashboard-body h4,
html.dark .dashboard-body h5,
html.dark .dashboard-body h6,
html.dark .dashboard-body .title {
  color: #f8fafc !important;
}

html.dark .dashboard-body .dash-title-two {
  border-bottom: 1px solid #334155 !important;
}

html.dark .dash-aside-navbar {
  background-color: #1e293b !important;
  border-right: 1px solid #334155 !important;
}

html.dark .dash-aside-navbar::-webkit-scrollbar-track,
html.dark .dash-aside-navbar::-webkit-scrollbar-thumb {
  background: #1e293b !important;
}

html.dark .dash-aside-navbar .user-data .user-name {
  color: #f8fafc !important;
}

html.dark .dash-aside-navbar .user-avatar.online:before {
  border-color: #1e293b !important;
}

html.dark .dash-aside-navbar .aside-list-item a {
  color: #94a3b8 !important;
}

html.dark .dash-aside-navbar .aside-list-item a.active,
html.dark .dash-aside-navbar .aside-list-item a:hover {
  color: #244034 !important; /* Keep original green or dynamic style active color */
}

html.dark .dashboard-body .dashboard-header {
  background-color: #0f172a !important;
}

html.dark .dashboard-body .dashboard-header .search-form input {
  background-color: #1e293b !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
}

html.dark .dashboard-body .dashboard-header .search-form button {
  background-color: transparent !important;
}

html.dark .dashboard-body .dashboard-header .profile-notification .noti-btn {
  background-color: #1e293b !important;
  border-radius: 50% !important;
  border: 1px solid #334155 !important;
  width: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.dark .dropdown-menu {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5) !important;
}

html.dark .dropdown-item {
  color: #cbd5e1 !important;
}

html.dark .dropdown-item:hover {
  background-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark .dashboard-body .bg-white,
html.dark .dashboard-body .dash-card-one,
html.dark .dashboard-body .recent-job-tab,
html.dark .dashboard-body .user-activity-chart,
html.dark .dashboard-body .job-item-list,
html.dark .dashboard-body .card-box {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .dash-card-one .value {
  color: #f8fafc !important;
}

html.dark .dashboard-body .dash-card-one span {
  color: #94a3b8 !important;
}

html.dark .dashboard-body input:not([type=checkbox]):not([type=radio]):not([type=range]),
html.dark .dashboard-body select,
html.dark .dashboard-body textarea,
html.dark .dashboard-body .form-control,
html.dark .dashboard-body .nice-select,
html.dark .dashboard-body .multiselect,
html.dark .dashboard-body .multiselect-wrapper,
html.dark .dashboard-body .multiselect-dropdown {
  background-color: #0f172a !important; /* premium deeper slate black input background */
  color: #f8fafc !important;
  border: 1px solid #475569 !important; /* visible border in dark mode */
}

/* Focused states with brand color */
html.dark .dashboard-body input:focus,
html.dark .dashboard-body textarea:focus,
html.dark .dashboard-body .nice-select.open,
html.dark .dashboard-body .multiselect.is-active {
  border-color: #d2f34c !important; /* focus border matches brand color */
}

/* Chrome, Edge, Safari Date Input field readability fix in dark mode */
html.dark .dashboard-body input[type="date"]::-webkit-datetime-edit,
html.dark .dashboard-body input[type="date"]::-webkit-datetime-edit-fields-wrapper,
html.dark .dashboard-body input[type="date"]::-webkit-datetime-edit-text,
html.dark .dashboard-body input[type="date"]::-webkit-datetime-edit-month-field,
html.dark .dashboard-body input[type="date"]::-webkit-datetime-edit-day-field,
html.dark .dashboard-body input[type="date"]::-webkit-datetime-edit-year-field {
  color: #f8fafc !important;
}

html.dark .dashboard-body input::placeholder,
html.dark .dashboard-body textarea::placeholder {
  color: #64748b !important;
}

/* NiceSelect selected text color readability fix in dashboard dark mode */
html.dark .dashboard-body .nice-select,
html.dark .dashboard-body .nice-select .current {
  color: #f8fafc !important;
}

/* Intro Video button style overrides for dark mode readability */
html.dark .dashboard-body .intro-video-post {
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .intro-video-post button {
  color: #cbd5e1 !important;
  background-color: transparent !important;
}

html.dark .dashboard-body .intro-video-post.empty {
  border: 1px dashed #334155 !important;
}

html.dark .dashboard-body label,
html.dark .dashboard-body .text-dark,
html.dark .dashboard-body .c-input-label {
  color: #cbd5e1 !important;
}

/* Helper text (alert-text) readability in dark mode */
html.dark .dashboard-body .alert-text {
  color: #94a3b8 !important;
}

/* Inner cards (like References container) dark mode overrides */
html.dark .dashboard-body .card {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .job-duration {
  background-color: rgba(210, 243, 76, 0.15) !important;
  color: #d2f34c !important;
}

html.dark .dashboard-body .table {
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .table th {
  color: #f8fafc !important;
  background-color: #1e293b !important;
  border-bottom: 2px solid #334155 !important;
}

html.dark .dashboard-body .table td {
  border-bottom: 1px solid #334155 !important;
}

html.dark .dashboard-body .btn-seven {
  color: #cbd5e1 !important;
  border-color: #334155 !important;
}

html.dark .dashboard-body .btn-seven:hover {
  background-color: #334155 !important;
  color: #f8fafc !important;
}

/* NiceSelect styling for both light and dark mode */
.nice-select {
  background-color: #fff !important;
  color: #254035 !important;
  border-color: #e5e5e5 !important;
}

.nice-select .current {
  color: #254035 !important;
}

.nice-select .list {
  background-color: #fff !important;
  border-color: #e5e5e5 !important;
}

.nice-select .option {
  color: #254035 !important;
}

.nice-select .option:hover,
.nice-select .option.selected.focus {
  background-color: rgba(36, 64, 52, 0.05) !important;
  color: #3f634d !important;
}

.nice-select:after {
  border-color: #254035 !important;
}

html.dark .nice-select {
  background-color: #1e293b !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

html.dark .nice-select .current {
  color: #f8fafc !important;
}

html.dark .nice-select .list {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

html.dark .nice-select .option {
  color: #cbd5e1 !important;
}

html.dark .nice-select .option:hover,
html.dark .nice-select .option.selected.focus {
  background-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark .nice-select:after {
  border-color: #f8fafc !important;
}

/* Light/Dark Toggle Icon Visibility */
.dark-show {
  display: none !important;
}
html.dark .dark-show {
  display: inline-block !important;
}
html.dark .dark-hidden {
  display: none !important;
}

/* Fix active theme dropdown item color in light and dark mode */
#theme-switcher-dropdown .dropdown-item.active {
  background-color: transparent !important;
  color: #244034 !important;
}
#theme-switcher-dropdown .dropdown-item.active svg {
  stroke: #244034 !important;
}
html.dark #theme-switcher-dropdown .dropdown-item.active {
  color: #fff !important;
}
html.dark #theme-switcher-dropdown .dropdown-item.active svg {
  stroke: #fff !important;
}

/* Fix dropdown toggle caret/color on default Bootstrap selectors */
html.dark .dropdown-toggle::after {
  border-top-color: #cbd5e1 !important;
}
html.dark .dropdown-toggle:hover::after {
  border-top-color: #f8fafc !important;
}

/* Dashboard Dark Theme Fixes */
html.dark body {
  background-color: #0f172a !important;
}

html.dark .dash-aside-navbar .dasboard-main-nav li a {
  color: #94a3b8 !important;
}

html.dark .dash-aside-navbar .dasboard-main-nav li a span {
  color: #94a3b8 !important;
}

html.dark .dash-aside-navbar .dasboard-main-nav li a.active span {
  color: #ffffff !important;
}

html.dark .dash-aside-navbar .dasboard-main-nav li a.active {
  background-color: #3F634D !important;
  color: #ffffff !important;
}

html.dark .dash-aside-navbar .dasboard-main-nav li a:hover,
html.dark .dash-aside-navbar .dasboard-main-nav li a:hover span {
  color: #ffffff !important;
}

html.dark .dashboard-body .dash-card-one:before {
  background: rgba(15, 23, 42, 0.4) !important;
}

html.dark .dashboard-body .tab-filter-btn .nav-link {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .tab-filter-btn .nav-link.active {
  background: #D2F34C !important;
  color: #000000 !important;
}

/* Job List Cards & Multiselect Dark Mode Fixes */
html.dark .dashboard-body .job-list-one,
html.dark .dashboard-body .job-list-two,
html.dark .dashboard-body .job-list-three {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .job-list-one .title,
html.dark .dashboard-body .job-list-two .title,
html.dark .dashboard-body .job-list-three .title,
html.dark .dashboard-body .job-list-one a,
html.dark .dashboard-body .job-list-two a,
html.dark .dashboard-body .job-list-three a,
html.dark .dashboard-body .job-list-three .main-wrapper div {
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .job-list-one .title:hover,
html.dark .dashboard-body .job-list-two .title:hover,
html.dark .dashboard-body .job-list-three .title:hover,
html.dark .dashboard-body .job-list-one a:hover,
html.dark .dashboard-body .job-list-two a:hover,
html.dark .dashboard-body .job-list-three a:hover {
  color: #ffffff !important;
}

html.dark .dashboard-body .job-list-three .list-header {
  border-bottom-color: #334155 !important;
}

html.dark .dashboard-body .save-btn {
  background-color: #0f172a !important;
  color: #cbd5e1 !important;
  border: 1px solid #334155 !important;
}

/* Multiselect overrides */
html.dark .dashboard-body .multiselect,
html.dark .dashboard-body .multiselect-wrapper,
html.dark .dashboard-body .multiselect-dropdown {
  background-color: #1e293b !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

html.dark .dashboard-body .multiselect-option {
  background-color: #1e293b !important;
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .multiselect-option.is-selected {
  background-color: #3f634d !important;
  color: #ffffff !important;
}

html.dark .dashboard-body .multiselect-option.is-pointed {
  background-color: #334155 !important;
  color: #f8fafc !important;
}

/* Sidebar profile status, logout button, and icon visibility fixes */
html.dark .dash-aside-navbar .profile-complete-status p {
  color: #94a3b8 !important;
}

html.dark .dash-aside-navbar .profile-complete-status .progress-value {
  color: #D2F34C !important;
}

html.dark .dash-aside-navbar .logout-btn {
  color: #94a3b8 !important;
  background: transparent !important;
  border: none !important;
}

html.dark .dash-aside-navbar .logout-btn:hover {
  color: #ffffff !important;
}

/* Invert inactive icons in dark mode to make them light grey and readable */
html.dark .dash-aside-navbar .dasboard-main-nav li a:not(.active) img,
html.dark .dash-aside-navbar .logout-btn img {
  filter: invert(0.8) brightness(1.5) !important;
}

/* Modal dark theme styling fixes */
html.dark .modal-content {
  background-color: #1e293b !important;
  color: #cbd5e1 !important;
  border-color: #334155 !important;
}

html.dark .modal-header {
  border-bottom-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark .modal-footer {
  border-top-color: #334155 !important;
}

html.dark .modal-title,
html.dark .modal-content h1,
html.dark .modal-content h2,
html.dark .modal-content h3,
html.dark .modal-content h4,
html.dark .modal-content h5,
html.dark .modal-content h6 {
  color: #f8fafc !important;
}

html.dark .modal-content .list-group li {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .modal-content .list-group li:hover {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

html.dark .modal-content input.form-control,
html.dark .modal-content input {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #ffffff !important;
}

html.dark .modal-content input::placeholder {
  color: #475569 !important;
}

/* Close button filter for dark mode */
html.dark .modal-content .btn-close {
  filter: invert(1) grayscale(1) brightness(2) !important;
}

/* Notification dropdown dark mode fixes */
html.dark .profile-notification .dropdown-menu {
  color: #cbd5e1 !important;
}

html.dark .profile-notification .dropdown-menu h4,
html.dark .profile-notification .dropdown-menu h6,
html.dark .profile-notification .dropdown-menu a h6 {
  color: #f8fafc !important;
}

html.dark .profile-notification .dropdown-menu li,
html.dark .profile-notification .dropdown-menu li small,
html.dark .profile-notification .dropdown-menu li span {
  color: #cbd5e1 !important;
}

html.dark .profile-notification .dropdown-menu li.unread {
  background-color: rgba(210, 243, 76, 0.1) !important;
}

/* Premium styling for Notification Dropdown List Items (both light & dark themes) */
.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li {
  padding: 8px 24px 8px 12px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease-in-out !important;
  margin-top: 8px !important;
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li.unread {
  background-color: rgba(36, 64, 52, 0.06) !important;
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li:before {
  right: 12px !important;
  top: 14px !important;
}

html.dark .dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Job Alert / Credit logs and AI history table dark mode styles */
html.dark .dashboard-body .job-alert-table td,
html.dark .dashboard-body .job-alert-table td p,
html.dark .dashboard-body .job-alert-table td span {
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .job-alert-table td:nth-child(1) {
  color: #f8fafc !important;
}

html.dark .dashboard-body .job-alert-table td .job-status {
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .job-alert-table td a {
  color: #d2f34c !important;
}

html.dark .dashboard-body .job-alert-table td a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Dark mode chart filter area */
html.dark .chart-filter-area a {
  color: #cbd5e1 !important;
}

html.dark .chart-filter-area a:hover {
  color: #ffffff !important;
}

html.dark .chart-filter-area a.active {
  background-color: #D2F34C !important;
  color: #000000 !important;
}

/* Active sidebar icon contrast in dark mode */
html.dark .dash-aside-navbar .dasboard-main-nav li a.active img {
  filter: brightness(0) invert(1) !important;
}

/* Dark mode attached file box styling */
html.dark .dashboard-body .dash-input-wrapper .attached-file {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
}

html.dark .dashboard-body .dash-input-wrapper .attached-file span {
  color: #cbd5e1 !important;
}

/* Dark mode accordion styling */
html.dark .dashboard-body .dash-accordion-one .accordion-item {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

html.dark .dashboard-body .dash-accordion-one .accordion-item .accordion-button {
  background-color: #1e293b !important;
  color: #f8fafc !important;
}

html.dark .dashboard-body .dash-accordion-one .accordion-item .accordion-button:not(.collapsed) {
  background-color: #334155 !important;
  color: #d2f34c !important;
}

html.dark .dashboard-body .dash-accordion-one .accordion-item .accordion-button::after {
  filter: invert(1) brightness(2) !important;
}

html.dark .dashboard-body .dash-accordion-one .accordion-item .accordion-body {
  background-color: #1e293b !important;
  color: #cbd5e1 !important;
}

/* Adjust sidebar nav link text overflow / length adjustments */
.dash-aside-navbar .dasboard-main-nav li a {
  font-size: 14px !important;
  letter-spacing: -0.3px !important;
  padding: 15px 5px 15px 15px !important;
}

/* Public Candidate Profile Dark Mode Styles */
html.dark .candidates-profile {
  background-color: #0f172a !important;
  color: #cbd5e1 !important;
}

html.dark .candidates-profile-details .inner-card,
html.dark .cadidate-profile-sidebar .bg-wrapper {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .candidates-profile-details .inner-card.border-style {
  border-color: #334155 !important;
}

html.dark .candidates-profile-details .inner-card.border-style .title {
  background-color: #1e293b !important;
  color: #f8fafc !important;
}

html.dark .candidates-profile-details .title,
html.dark .cadidate-profile-sidebar .cadidate-name {
  color: #f8fafc !important;
}

html.dark .cadidate-profile-sidebar .cadidate-bio ul li {
  border-top-color: #334155 !important;
}

html.dark .cadidate-profile-sidebar .cadidate-bio ul li span {
  color: #94a3b8 !important;
}

html.dark .cadidate-profile-sidebar .cadidate-bio ul li div {
  color: #cbd5e1 !important;
}

html.dark .candidates-profile-details .time-line-data .info::before {
  background: #334155 !important;
}

html.dark .candidates-profile-details .time-line-data .info .numb {
  background-color: #334155 !important;
  color: #d2f34c !important;
}

html.dark .candidates-profile-details .time-line-data .info .text_1 {
  color: #d2f34c !important;
}

html.dark .candidates-profile-details .skill-tags li {
  background-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .candidates-profile-details .skill-tags li.more {
  background-color: #d2f34c !important;
  color: #000000 !important;
}

/* Public Frontend Dark Mode Overrides */
html.dark .main-page-wrapper {
  background-color: #0f172a !important;
  color: #cbd5e1 !important;
}

html.dark .main-page-wrapper h1,
html.dark .main-page-wrapper h2,
html.dark .main-page-wrapper h3,
html.dark .main-page-wrapper h4,
html.dark .main-page-wrapper h5,
html.dark .main-page-wrapper h6,
html.dark .main-page-wrapper p,
html.dark .main-page-wrapper span,
html.dark .main-page-wrapper li,
html.dark .main-page-wrapper label,
html.dark .main-page-wrapper .text-dark {
  color: #cbd5e1 !important;
}

html.dark .main-page-wrapper h1,
html.dark .main-page-wrapper h2,
html.dark .main-page-wrapper h3,
html.dark .main-page-wrapper h4,
html.dark .main-page-wrapper h5,
html.dark .main-page-wrapper h6 {
  color: #f8fafc !important;
}

/* Frontend Section Backgrounds */
html.dark .main-page-wrapper section,
html.dark .main-page-wrapper div.bg-wrapper,
html.dark .main-page-wrapper div.bg-color,
html.dark .main-page-wrapper div.white-bg,
html.dark .main-page-wrapper div.bg-white {
  background-color: #0f172a !important;
}

/* Frontend Cards & Lists */
html.dark .main-page-wrapper .job-list-one,
html.dark .main-page-wrapper .job-list-two,
html.dark .main-page-wrapper .job-list-three,
html.dark .main-page-wrapper .candidate-profile-card,
html.dark .main-page-wrapper .inner-card,
html.dark .main-page-wrapper .bg-wrapper,
html.dark .main-page-wrapper .card-box {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .main-page-wrapper .inner-card.border-style {
  border-color: #334155 !important;
}

html.dark .main-page-wrapper .inner-card.border-style .title {
  background-color: #1e293b !important;
  color: #f8fafc !important;
}

/* Frontend Navigation Menu Links */
html.dark .main-page-wrapper .theme-main-menu a {
  color: #f8fafc !important;
}

html.dark .main-page-wrapper .theme-main-menu a:hover {
  color: #d2f34c !important;
}

/* Dark mode: Header spacer matches dark theme */
html.dark .rp-header-spacer,
html.dark .lp-header-spacer {
  background: #0f1a16 !important;
}


/* Frontend Search & Inputs */
html.dark .main-page-wrapper input,
html.dark .main-page-wrapper select,
html.dark .main-page-wrapper textarea {
  background-color: #1e293b !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
}

html.dark .main-page-wrapper input::placeholder,
html.dark .main-page-wrapper textarea::placeholder {
  color: #64748b !important;
}

/* Button overrides */
html.dark .main-page-wrapper .btn-three {
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark .main-page-wrapper .btn-three:hover {
  background-color: #334155 !important;
  color: #ffffff !important;
}

html.dark .main-page-wrapper .btn-four {
  background-color: #d2f34c !important;
  color: #000000 !important;
}

html.dark .main-page-wrapper .btn-four:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Public Frontend Additional Dark Mode Overrides */
html.dark .main-page-wrapper .job-company-info,
html.dark .main-page-wrapper .cadidate-bio {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .main-page-wrapper .job-company-info *,
html.dark .main-page-wrapper .cadidate-bio * {
  color: #cbd5e1 !important;
}

html.dark .main-page-wrapper .job-company-info a,
html.dark .main-page-wrapper .cadidate-bio a {
  color: #d2f34c !important;
}

html.dark .main-page-wrapper .job-company-info a:hover,
html.dark .main-page-wrapper .cadidate-bio a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

html.dark .main-page-wrapper .job-meta-data li div,
html.dark .main-page-wrapper .job-meta-data li span {
  color: #cbd5e1 !important;
}

html.dark .main-page-wrapper .job-meta-data li a {
  color: #d2f34c !important;
}

html.dark .main-page-wrapper .job-meta-data li a:hover {
  color: #ffffff !important;
}

html.dark .main-page-wrapper .feedback-block-four {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .main-page-wrapper .feedback-block-four blockquote,
html.dark .main-page-wrapper .feedback-block-four .name,
html.dark .main-page-wrapper .feedback-block-four .review-score span {
  color: #cbd5e1 !important;
}

html.dark .main-page-wrapper .feedback-block-four .review-score {
  color: #94a3b8 !important;
}

/* Public Pricing Cards */
html.dark .main-page-wrapper .pricing-card-one {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .main-page-wrapper .pricing-card-one .pack-name {
  color: #94a3b8 !important;
}

html.dark .main-page-wrapper .pricing-card-one .price {
  color: #d2f34c !important;
}

html.dark .main-page-wrapper .pricing-card-one.popular {
  background-color: rgba(210, 243, 76, 0.08) !important;
  border-color: #d2f34c !important;
}

html.dark .main-page-wrapper .pricing-card-one.popular .get-plan-btn {
  background-color: #d2f34c !important;
  color: #000000 !important;
}

/* Public Accordions style one & style two */
html.dark .main-page-wrapper .accordion-style-one .accordion-item,
html.dark .main-page-wrapper .accordion-style-two .accordion-item {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark .main-page-wrapper .accordion-style-one .accordion-button,
html.dark .main-page-wrapper .accordion-style-two .accordion-button {
  background-color: transparent !important;
  color: #f8fafc !important;
}

html.dark .main-page-wrapper .accordion-style-one .accordion-button:not(.collapsed),
html.dark .main-page-wrapper .accordion-style-two .accordion-button:not(.collapsed) {
  color: #d2f34c !important;
}

html.dark .main-page-wrapper .accordion-style-one .accordion-button::after,
html.dark .main-page-wrapper .accordion-style-two .accordion-button::after {
  filter: invert(1) brightness(2) !important;
}

/* Global NiceSelect dropdown option text color */
html.dark .nice-select .option {
  color: #cbd5e1 !important;
}

/* Dashboard/Frontend Template model name readability in dark mode */
html.dark .dashboard-body .info-data li,
html.dark .main-page-wrapper .info-data li {
  color: #cbd5e1 !important;
}

/* Sidebar Filter Dark Mode Styling */
html.dark .filter-area-tab.offcanvas,
html.dark .filter-area-tab,
html.dark .filter-area-tab .light-bg {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

html.dark .filter-area-tab .filter-title {
  color: #cbd5e1 !important;
}

html.dark .filter-area-tab .filter-block.bottom-line {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html.dark .filter-area-tab .filter-input li label::before {
  background-color: #0f172a !important;
  border-color: #334155 !important;
}

html.dark .filter-area-tab .filter-input li input[type=checkbox]:checked + label::before {
  background-color: #d2f34c !important;
  border-color: #d2f34c !important;
  color: #0f172a !important;
}

html.dark .filter-area-tab .filter-input li:hover label {
  color: #d2f34c !important;
  background-color: rgba(210, 243, 76, 0.05) !important;
}

/* Salary Range Input Box Styling */
.filter-area-tab .salary-slider .price-input .field {
  background-color: #f8f9fa;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 4px 10px;
  width: 75px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.filter-area-tab .salary-slider .price-input .field:focus-within {
  border-color: #31795a;
  box-shadow: 0 0 0 3px rgba(49, 121, 90, 0.12);
}

html.dark .filter-area-tab .salary-slider .price-input .field {
  background-color: #0f172a !important;
  border-color: #334155 !important;
}

html.dark .filter-area-tab .salary-slider .price-input .field:focus-within {
  border-color: #d2f34c !important;
  box-shadow: 0 0 0 3px rgba(210, 243, 76, 0.12) !important;
}

.filter-area-tab .salary-slider .price-input input {
  color: #1e293b;
  font-weight: 600;
  width: 100%;
}

html.dark .filter-area-tab .salary-slider .price-input input {
  color: #cbd5e1 !important;
}

.filter-area-tab .salary-slider .price-input .filter-currency {
  margin-left: 10px;
  width: 110px;
}

.filter-area-tab .salary-slider .price-input .filter-currency .nice-select {
  height: 38px;
  line-height: 36px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background-color: #f8f9fa;
  font-size: 14px;
}

html.dark .filter-area-tab .salary-slider .price-input .filter-currency .nice-select {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

/* Range Slider Custom Styling */
.filter-area-tab .salary-slider .slider {
  height: 6px !important;
  background-color: #e2e8f0 !important;
  border-radius: 9999px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

html.dark .filter-area-tab .salary-slider .slider {
  background-color: #334155 !important;
}

.filter-area-tab .salary-slider .slider .progress {
  background-color: #31795a !important;
  border-radius: 9999px !important;
}

html.dark .filter-area-tab .salary-slider .slider .progress {
  background-color: #d2f34c !important;
}

.filter-area-tab .salary-slider input[type=range]::-webkit-slider-thumb {
  height: 18px !important;
  width: 18px !important;
  border-radius: 50% !important;
  background-color: #31795a !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  cursor: pointer !important;
  transition: transform 0.1s ease !important;
}

.filter-area-tab .salary-slider input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.15) !important;
}

html.dark .filter-area-tab .salary-slider input[type=range]::-webkit-slider-thumb {
  background-color: #d2f34c !important;
  border: 2px solid #0f172a !important;
  box-shadow: 0 0 10px rgba(210, 243, 76, 0.4) !important;
}

.filter-area-tab .salary-slider input[type=range]::-moz-range-thumb {
  height: 18px !important;
  width: 18px !important;
  border-radius: 50% !important;
  background-color: #31795a !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  cursor: pointer !important;
  transition: transform 0.1s ease !important;
}

.filter-area-tab .salary-slider input[type=range]::-moz-range-thumb:hover {
  transform: scale(1.15) !important;
}

html.dark .filter-area-tab .salary-slider input[type=range]::-moz-range-thumb {
  background-color: #d2f34c !important;
  border: 2px solid #0f172a !important;
  box-shadow: 0 0 10px rgba(210, 243, 76, 0.4) !important;
}

/* Apply / Clear Filter Buttons Dark Mode styling */
html.dark .btn-ten {
  background-color: #d2f34c !important;
  color: #0f172a !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(210, 243, 76, 0.2) !important;
  border: none !important;
  height: 48px !important;
  line-height: 48px !important;
  border-radius: 8px !important;
}

html.dark .btn-ten:hover {
  background-color: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 4px 14px rgba(255, 255, 255, 0.2) !important;
}

html.dark .btn-nine {
  color: #94a3b8 !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

html.dark .btn-nine:hover {
  color: #ef4444 !important;
}

/* Candidate Card Dark Mode Styling Fixes */
html.dark .candidate-profile-card .candidate-post {
  color: #94a3b8 !important;
}

html.dark .candidate-profile-card .candidate-info span {
  color: #94a3b8 !important;
}

html.dark .candidate-profile-card .candidate-info div {
  color: #f8fafc !important;
}

html.dark .candidate-profile-card .cadidate-skills li {
  background-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark .msg-btn {
  color: #d2f34c !important;
  border-color: #d2f34c !important;
}

html.dark .msg-btn:hover {
  background-color: #d2f34c !important;
  border-color: #d2f34c !important;
  color: #0f172a !important;
}

/* Job Search Form and Candidate Search Form Dark Mode Fixes */
html.dark .job-search-one form {
  background: #1e293b !important;
  box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.3) !important;
  border: 1px solid #334155 !important;
}

html.dark .job-search-one form .input-box.border-left {
  border-left-color: #334155 !important;
}

html.dark .job-search-one form .input-box .label {
  color: #94a3b8 !important;
}

html.dark .job-search-one form .input-box .nice-select {
  color: #cbd5e1 !important;
}

/* Upper Filter total items text color */
html.dark .upper-filter .total-job-found {
  color: #94a3b8 !important;
}

/* Job Cards Dark Mode Fixes */
html.dark .job-list-one .title,
html.dark .job-list-two .title,
html.dark .job-list-three .title {
  color: #f8fafc !important;
}

html.dark .job-list-one .title:hover,
html.dark .job-list-two .title:hover,
html.dark .job-list-three .title:hover {
  color: #d2f34c !important;
}

html.dark .job-list-one .job-duration,
html.dark .job-list-two .job-duration {
  background-color: rgba(0, 191, 88, 0.12) !important;
  color: #00BF58 !important;
}

html.dark .job-list-one .job-duration.part-time,
html.dark .job-list-two .job-duration.part-time {
  background-color: rgba(255, 96, 96, 0.12) !important;
  color: #FF6060 !important;
}

html.dark .job-list-one .job-location,
html.dark .job-list-one .job-location a,
html.dark .job-list-two .job-location,
html.dark .job-list-two .job-location a {
  color: #94a3b8 !important;
}

html.dark .job-list-one .job-salary,
html.dark .job-list-two .job-salary {
  color: #94a3b8 !important;
}

/* Company Cards Dark Mode Fixes */
html.dark .company-grid-layout,
html.dark .company-list-layout {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

html.dark .company-grid-layout .company-name,
html.dark .company-list-layout .company-name {
  color: #f8fafc !important;
}

html.dark .company-grid-layout .company-name:hover,
html.dark .company-list-layout .company-name:hover {
  color: #d2f34c !important;
}

html.dark .company-grid-layout .bottom-line a:first-child {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark .company-grid-layout .bottom-line {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Logo Size Constraints */
.logo img,
.theme-main-menu .logo img,
.footer-one .logo img,
.footer-style-one .logo img,
.footer-style-two .logo img,
.footer-style-three .logo img,
.footer-style-four .logo img,
.footer-style-five .logo img,
.footer-style-six .logo img,
.footer-style-seven .logo img,
.footer-style-eight .logo img {
  max-height: 45px !important;
  width: auto !important;
  object-fit: contain;
}

/* Fix fancy-banner-one upload button text contrast and width squishing */
.fancy-banner-one .bg-wrapper .upload-btn {
  background-color: #d2f34c !important;
  color: #244034 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(210, 243, 76, 0.25) !important;
  width: auto !important;
  height: 48px !important;
  padding: 0 24px !important;
}

.fancy-banner-one .bg-wrapper .upload-btn:hover {
  background-color: #ffffff !important;
  color: #244034 !important;
  box-shadow: 0 4px 14px rgba(255, 255, 255, 0.25) !important;
}

.fancy-banner-one .bg-wrapper .upload-btn span {
  color: #244034 !important;
  font-weight: 600 !important;
}

.fancy-banner-one .bg-wrapper .upload-btn:hover span {
  color: #244034 !important;
}

.fancy-banner-one .bg-wrapper .upload-btn img {
  filter: brightness(0.2) !important;
}

/* Smooth slide-down animation for sticky header */
.theme-main-menu.fixed {
  animation: headerSlideDown 0.35s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
}

@keyframes headerSlideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Overrides for the skill-tags "+N" / "Show less" button to display as a legible pill, not a constrained circle */
.main-page-wrapper .candidates-profile-details .skill-tags li.more {
  width: auto !important;
  min-width: 45px !important;
  height: 45px !important;
  line-height: 45px !important;
  border-radius: 30px !important;
  padding: 0 25px !important;
  text-align: center !important;
  cursor: pointer !important;
  background-color: #d2f34c !important;
  color: #000000 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

html.dark .main-page-wrapper .candidates-profile-details .skill-tags li.more {
  background-color: #d2f34c !important;
  color: #000000 !important;
}

/* Modal dark theme overrides for buttons and inputs */
html.dark .modal-content .btn-one,
html.dark .modal-content .btn-one span {
  color: #000000 !important;
}

html.dark .modal-content input {
  background-color: #0f172a !important;
  border: 1px solid #475569 !important;
  color: #ffffff !important;
  transition: border-color 0.2s ease-in-out !important;
}

html.dark .modal-content input:focus {
  border-color: #d2f34c !important;
  outline: none !important;
}

html.dark .modal-content input::placeholder {
  color: #94a3b8 !important;
}

html.dark .modal-content label {
  color: #cbd5e1 !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
}

/* Make Next/Submit button clearly visible and beautiful in dark mode */
/* Background and border only on the button itself */
html.dark .dashboard-body .btn-one,
html.dark .card-box .btn-one,
html.dark .btn-one,
html.dark button.btn-one {
  background-color: #d2f34c !important;
  color: #000000 !important;
  border-color: transparent !important;
}
/* Children only get color + inherit transition for smooth sync */
html.dark .dashboard-body .btn-one span,
html.dark .dashboard-body .btn-one *,
html.dark .card-box .btn-one span,
html.dark .card-box .btn-one *,
html.dark .btn-one span,
html.dark .btn-one *,
html.dark button.btn-one span,
html.dark button.btn-one * {
  color: #000000 !important;
  background-color: transparent !important;
  transition: inherit;
}

/* Hover: background and border only on the button */
html.dark .dashboard-body .btn-one:hover,
html.dark .card-box .btn-one:hover,
html.dark .btn-one:hover,
html.dark button.btn-one:hover {
  background-color: #244034 !important;
  color: #d2f34c !important;
  border-color: #d2f34c !important;
}
/* Hover: children only get color */
html.dark .dashboard-body .btn-one:hover span,
html.dark .dashboard-body .btn-one:hover *,
html.dark .card-box .btn-one:hover span,
html.dark .card-box .btn-one:hover *,
html.dark .btn-one:hover span,
html.dark .btn-one:hover *,
html.dark button.btn-one:hover span,
html.dark button.btn-one:hover * {
  color: #d2f34c !important;
}

/* Premium styling for Save/Submit buttons in dashboard cards */
.card-box .btn-one,
.dashboard-body .btn-one,
.card-box button.btn-one,
.dashboard-body button.btn-one {
  padding: 12px 36px !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  border-radius: 50px;
  box-shadow: 0 2px 8px rgba(210, 243, 76, 0.25);
  white-space: nowrap;
}
.card-box .btn-one:hover,
.dashboard-body .btn-one:hover,
.card-box button.btn-one:hover,
.dashboard-body button.btn-one:hover {
  box-shadow: 0 4px 16px rgba(210, 243, 76, 0.35);
  transform: translateY(-1px);
}

/* Custom styling for Prev button to make it a premium outline button */
.btn-prev {
  background-color: transparent !important;
  color: #244034 !important;
  border: 1px solid #244034 !important;
  border-radius: 50px;
  padding: 8px 26px;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 42px;
}

.btn-prev:hover {
  background-color: #244034 !important;
  color: #ffffff !important;
  border-color: #244034 !important;
}

html.dark .btn-prev {
  color: #cbd5e1 !important;
  border-color: #475569 !important;
}

html.dark .btn-prev:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border-color: #cbd5e1 !important;
}

/* Vueform Multiselect search input dark mode visibility fix */
html.dark .multiselect-search,
html.dark .multiselect-tags-search {
  color: #f8fafc !important;
  background-color: #1e293b !important;
}

/* Chrome, Edge, Safari Date Input field readability fix in dark mode */
html.dark .dashboard-body input[type="date"] {
  color-scheme: dark !important; /* renders browser-native calendar and date pickers in dark mode */
}

/* NiceSelect specific arrow and selected text colors in dark mode */
html.dark .dashboard-body .nice-select .current,
html.dark .nice-select .current {
  color: #f8fafc !important;
}

html.dark .dashboard-body .nice-select:after,
html.dark .nice-select:after {
  border-color: #cbd5e1 !important;
}

/* Helper text and small descriptions visibility in dark mode */
html.dark .dashboard-body small,
html.dark .dashboard-body .form-text,
html.dark .dashboard-body .text-muted,
html.dark .dashboard-body .alert-text,
html.dark small,
html.dark .form-text,
html.dark .text-muted,
html.dark .alert-text {
  color: #94a3b8 !important; /* light slate gray helper text */
}

/* Global overrides for .btn-one to guarantee black text in normal state and correct color on hover */
.btn-one,
.btn-one span,
.btn-one *,
button.btn-one,
button.btn-one span,
button.btn-one * {
  color: #000000 !important;
}

.btn-one:hover,
.btn-one:hover span,
.btn-one:hover *,
button.btn-one:hover,
button.btn-one:hover span,
button.btn-one:hover * {
  color: #d2f34c !important;
}

/* Vueform Multiselect Dark Mode Fixes */
html.dark .dashboard-body .multiselect {
  --ms-bg: #0f172a;
  --ms-border-color: #334155;
  --ms-dropdown-bg: #0f172a;
  --ms-dropdown-border-color: #334155;
  --ms-option-bg-pointed: #334155;
  --ms-option-color-pointed: #f8fafc;
  --ms-option-bg-selected: #3f634d;
  --ms-option-color-selected: #ffffff;
  --ms-tag-bg: #334155;
  --ms-tag-color: #f8fafc;
  --ms-tag-bg-disabled: #1e293b;
  --ms-tag-color-disabled: #64748b;
  --ms-ring-color: #d2f34c;
  --ms-placeholder-color: #64748b;
}

html.dark .dashboard-body .multiselect,
html.dark .dashboard-body .multiselect-wrapper,
html.dark .dashboard-body .multiselect-dropdown {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

html.dark .dashboard-body .multiselect-option {
  background-color: #0f172a !important;
  color: #cbd5e1 !important;
}

html.dark .dashboard-body .multiselect-option.is-selected {
  background-color: #3f634d !important;
  color: #ffffff !important;
}

html.dark .dashboard-body .multiselect-option.is-pointed {
  background-color: #334155 !important;
  color: #f8fafc !important;
}

html.dark .dashboard-body .multiselect-search,
html.dark .dashboard-body .multiselect-tags-search {
  color: #f8fafc !important;
  background-color: transparent !important;
}

html.dark .dashboard-body .multiselect-tag {
  background-color: #334155 !important;
  color: #f8fafc !important;
  border: 1px solid #475569 !important;
}

html.dark .dashboard-body .multiselect-tag-remove-icon {
  background-color: #f8fafc !important;
}

html.dark .dashboard-body .multiselect-tag-remove:hover {
  background-color: #475569 !important;
}

/* Dark Mode File Input and Gallery Upload Button Fixes */
html.dark .dashboard-body .dash-btn-one {
  background-color: rgba(210, 243, 76, 0.15) !important;
  color: #d2f34c !important;
}

html.dark .dashboard-body .dash-btn-one:hover {
  background-color: #d2f34c !important;
  color: #0f172a !important;
}

/* Ensure the header "Post a Job" button accommodates long translated texts like Finnish */
.dashboard-body .dashboard-header .job-post-btn {
  width: auto !important;
  min-width: 135px !important;
  padding: 0 25px !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

/* Prevent company logo / user avatar from being clipped by the circle mask in sidebar */
.dash-aside-navbar .user-data .user-avatar img {
  object-fit: contain !important;
  padding: 4px !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
}

/* Support and Conversation Dark Mode Fixes */
html.dark .compose-new-email-container {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

html.dark .compose-new-email-container textarea {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
  border-radius: 8px !important;
}

html.dark .compose-new-email-container textarea::placeholder {
  color: #475569 !important;
}

html.dark .compose-new-email-container .delete-mail img {
  filter: invert(0.8) brightness(1.5) !important;
}

html.dark .open-email-container .divider {
  border-bottom-color: #334155 !important;
}

html.dark .message-wrapper p:not(.text-success) {
  color: #cbd5e1 !important;
}

html.dark .message-wrapper .fs-4 {
  color: #f8fafc !important;
}

/* Specific notification dropdown fixes to override style.css in dark mode */
html.dark .profile-notification .dropdown-menu .notify-list li.unread h6 {
  color: #ffffff !important;
}

html.dark .profile-notification .dropdown-menu .notify-list li h6 {
  color: #cbd5e1 !important;
}

html.dark .profile-notification .dropdown-menu .notify-list li .time {
  color: #94a3b8 !important;
}