.nav-link.active,
.nav-link:active,
.nav-link:focus,
.nav-link:hover,
.nav-link[aria-current="page"] {
  background: none !important;
  color: #21499b !important;
  border-radius: 0 !important;
}

.salary-logo {
  margin-left: -20px;
}

.heading-title h1 {
  font-size: 1.73rem !important;
  font-weight: 500 !important;
  color: var(--falcon-heading-color);
}

#erganiKratikoRedirect,
#erganiKratikoRedirect span {
  color: #0E3177 !important;
}

#erganiRedirect,
#erganiKratikoRedirect {
  font-size: 16px;
  background-color: transparent;
  border: 0.5px solid #f1f3ff;
  border-radius: 20px;
  padding: 6px 40px;
  cursor: pointer;
}

.thin-border {
  background-color: transparent;
  border: 0.5px solid #f1f3ff;
  border-radius: 20px;
  padding: 6px 20px;
  cursor: pointer;
}

.thin-border2 {
  background-color: transparent;
  border: 0.5px solid #f1f3ff;
  border-radius: 20px;
  padding: 6px 20px;
}


#erganiRedirect .text-primary,
#erganiKratikoRedirect .text-primary {
  color: #5e6ed6 !important;
}

#erganiRedirect .text-success,
#erganiKratikoRedirect .text-success {
  color: #3ca49C !important;
}

/* SELECT 2 STYLES */
/* General select2 container styling */
.select2-container .select2-selection--single {
  min-height: 36px;
  /* αντί για height */
  padding: 0 48px 0 16px;
  /* βγάλε top/bottom padding */
  box-sizing: border-box;
  /* να μετράει σωστά */
  display: flex;
  align-items: center;
  /* κάθετη στοίχιση κειμένου */
}


/* Remove the default focus outline and add a custom one */
.select2-container .select2-selection--single:focus,
.select2-container .select2-selection--single:hover {
  border-color: #66afe9;
  /* Match focus border color */
  outline: none;
}

/* Dropdown arrow styling */
.select2-container .select2-selection--single .select2-selection__arrow {
  display: none;
  height: 100%;
  right: 10px;
}

/* Dropdown menu styling */
.select2-container .select2-dropdown {
  border: 1px solid #ccc;
  /* Match dropdown border */
  border-radius: 4px;
  /* Match border radius */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  /* Optional shadow */
}

/* Dropdown options styling */
#companySelectionModal .select2-container .select2-results__option {
  color: #0E3177;
  /* πριν: default */
  font-family: "Geologica", sans-serif;
  font-size: 1rem !important;
  /* Match font size */
  line-height: 24px !important;
}

#companySelectionModal .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #0E3177 !important;
  font-family: "Geologica", sans-serif;
  padding: 0;
  font-size: 1rem;
  line-height: 24px;
}

#companySelectionModal .select2-container .select2-results__option--highlighted {
  background-color: #F3F6FF;
  /* πιο απαλό */
  color: #0E3177;
  /* ίδιο μπλε με το label */
  background-color: #f0f0f0;
  /* Match hover color */
}

/* Custom background or icon */
.select2-container .select2-selection--single {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234d5969' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 10px center, #fff;
  background-size: 16px 12px;
}

.select2-selection.is-invalid {
  border: 1px solid #dc3545 !important;
  /* Bootstrap red */
  border-radius: 0.25rem;
}



/* END SELECT2 STYLES */

.invalid {
  color: #dc3545 !important;
}


/* Label */
/* ΜΗΝ αλλάζεις το label/κουμπί */
label[for="companyDropdownBtn"],
#companyDropdownBtn {
  font-size: 18px !important;
  /* όπως πριν */
  line-height: 1.3 !important;
}

/* ΜΗΝ αγγίζεις το κουμπί & το label – καμία αλλαγή εδώ */

/* Dropdown: 1/3 του viewport (με χρήσιμα όρια) */
#companyDropdown.company-dropdown {
  width: clamp(420px, 33.333vw, 900px);
  max-width: none;
  padding: 16px 22px 18px;
  right: 0 !important;
  left: auto !important;
  transform-origin: right top;

  border-radius: 16px;
  overflow: hidden;
  /* για να “κάθονται” οι γωνίες */
  border: 1px solid #e9edf7;
  /* προαιρετικό */
  box-shadow: 0 8px 18px rgba(10, 45, 116, .08);
  /* προαιρετικό */
}


/* Sticky header (πλήθος + search) */
#companyDropdown.company-dropdown .company-dropdown-header {
  position: sticky;
  top: 16px;
  z-index: 2;
  background: #fff;
  /* ή var(--falcon-body-bg) */
}

/* Scroll μόνο στη λίστα */
#companyList {
  max-height: 60vh;
  overflow-y: auto;
}

/* Μεγάλες γραμματοσειρές ΜΟΝΟ για τις επιλογές (όχι για το κουμπί) */
#companyDropdown.company-dropdown .dropdown-item {
  white-space: normal;
  font-size: 1.12rem;
  line-height: 1.35;
  padding: .65rem .875rem;
  border-radius: 8px;
  /* ώστε να “κάθεται” ωραία το hover */
}

#companyDropdown.company-dropdown .dropdown-item:hover,
#companyDropdown.company-dropdown .dropdown-item:focus,
#companyDropdown.company-dropdown .dropdown-item.active {
  background: #F5F5F5;
  /* πιο έντονο hover όπως το ζητάς */
  color: inherit;
  /* κράτα τα χρώματα κειμένου */
}

/* Αν έχεις <div class="d-flex ..."> μέσα στο item, κάν’ το να τυλίγει */
#companyDropdown.company-dropdown .dropdown-item .d-flex {
  flex-wrap: wrap;
  /* ΑΦΜ πέφτει κάτω όταν δεν χωράει */
  gap: .25rem .5rem;
  align-items: center;
}

/* Τίτλος & ΑΦΜ layout */
#companyDropdown.company-dropdown .company-title {
  flex: 1 1 auto;
  min-width: 0;
}

#companyDropdown.company-dropdown .company-afm {
  flex: 0 0 auto;
  margin-left: auto;
  /* δεξιά όταν είναι στην ίδια γραμμή */
  white-space: nowrap;
  font-size: 1.05rem;
  /* ελαφρώς μικρότερο από τίτλο */
  opacity: .9;
}

/* Σε πολύ μικρές οθόνες, γέμισε το πλάτος για να μη γίνει ασφυκτικό */
@media (max-width: 768px) {
  #companyDropdown.company-dropdown {
    width: 100vw;
  }
}

/* Μην το σπρώχνεις δεξιά-τέρμα */
#companyList .company-afm {
  margin-left: 0 !important;
  white-space: nowrap;
}

/* Το wrapper να μην κάνει justify-between και να επιτρέπει wrapping */
#companyList .dropdown-item .d-flex {
  justify-content: space-between !important;
  /* πριν: flex-start */
  flex-wrap: wrap;
  gap: .25rem 1rem;
  width: 100% !important;
  /* νέο */
}

/* Ο τίτλος να πιάνει ~46% για να ξεκινά το ΑΦΜ λίγο πριν το κέντρο */
#companyList .company-title {
  flex: 0 0 46%;
  max-width: 46%;
  min-width: 0;
  color: #0E3177;
  font-weight: 500;
}

/* Το ΑΦΜ έρχεται δίπλα (και πέφτει από κάτω όταν δεν χωράει) */
#companyList .company-afm {
  flex: 0 0 auto;
  opacity: .85;
  font-size: 0.95rem;
  /* κράτα/άλλαξε ανά γούστο */
  color: #0E3177;


}

/* Κεντράρει το link "Όλες οι Εταιρίες" */
#companyList .dropdown-item.company-option[data-id="1"] {
  text-align: center;
}

/* Αν μέσα στο link υπάρχει wrapper .company-item (flex), κέντραρε κι αυτόν */
#companyList .dropdown-item.company-option[data-id="1"] .company-item {
  justify-content: center;
}

@media screen and (max-width:1100px) {
  .company-banner {
    font-size: 10px;
  }

}

.company-banner.show {
  animation: none !important;
}

/* SweetAlert2 - Global compact style */


@keyframes companyBannerFade {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

#emp-pie-card .legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

#emp-pie-card .legend-label {
  font-size: 1.15rem;
  /* μεγαλύτερα γράμματα */
  font-weight: 700;
}

#emp-pie-card .legend-values {
  font-size: 1.15rem;
  /* ίδιο μέγεθος και στα νούμερα */
  font-weight: 700;
}

#emp-pie-card .card-body {
  height: 200px;
  /* δοκίμασε 250–300px */
}

.company-banner{
  font-family: 'Geologica', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  display: block;
  width: 90%;
  text-align: center;
  margin: 8px auto;
  padding: 6px 10px;

  font-size: 14px;
  font-weight: 600;  /* (το 50 δεν είναι πρακτικό weight) */
  letter-spacing: .2px;

  color: #0E3177 !important;
  background: var(--bs-body-bg, #fff);

  border: none !important;          /* ✅ χωρίς border */
  /* box-shadow: 0 6px 24px rgba(0,0,0,.10); */
  pointer-events: none;
  /* border-radius: 999px; */
}

/* .menu-box {
  outline: 1px solid #e3eafc; 
  outline-offset: 1px;         
  border-radius: 12px;         
  background: #fff;            
} */




/* Container */
.user-menu .user-dropdown {
  min-width: 260px;
  padding: 10px 0 12px;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(16, 24, 40, .12), 0 2px 6px rgba(16, 24, 40, .06);
  background: #fff;
}

/* Header (όνομα + ΑΦΜ) */
.user-menu .user-header {
  text-align: center;
  padding: 14px 16px 12px;
  margin-bottom: 6px;
}

.user-menu .user-name {
  font-weight: 700;
  color: #5D5D5D;
  /* γκρι */
  letter-spacing: .2px;
}

.user-menu .user-afm {
  font-size: .92rem;
  color: #5D5D5D;
  /* γκρι */
  margin-top: 2px;
}


/* Pill κουμπιά */
.user-menu .dropdown-item {
  padding: 0;
  /* θα το ελέγχει το user-action */
  background: transparent;
}

/* Pill κουμπιά */
.user-menu .user-action {
  display: block;
  width: 100%;
  padding: .62rem .9rem;
  margin: 8px 0;
  border-radius: 12px;
  background: #F5F5F5;
  /* απαλό γκρι κουτάκι */
  font-weight: 600;
  color: #0E3177;
  /* μπλε κείμενο */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
  transition: background .15s ease, transform .05s ease;
}

.user-menu .user-action:hover {
  background: #EDEDED;
  /* λίγο πιο σκούρο γκρι στο hover */
  text-decoration: none;
}

.user-menu .user-action:active {
  transform: translateY(1px);
}

/* Logout κόκκινο */
.user-menu .user-logout {
  color: #d92332;
  background: #F5F5F5;
  /* ίδιο απαλό γκρι κουτί */
}

.user-menu .user-logout:hover {
  background: #EDEDED;
}

/* Όλο το user menu με Geologica */
.user-menu,
.user-menu * {
  font-family: 'Geologica', sans-serif !important;
}

/* 1) Σταθερό μπλε για όλα τα items μέσω Bootstrap variables, scoped στο menu */
.user-menu .dropdown-menu {
  --bs-dropdown-link-color: #0E3177;
  --bs-dropdown-link-hover-color: #0E3177;
  --bs-dropdown-link-active-color: #0E3177;
}

/* 2) Το Logout να μένει πάντα κόκκινο σε όλες τις καταστάσεις */
.user-menu .dropdown-item.user-logout,
.user-menu .dropdown-item.user-logout:hover,
.user-menu .dropdown-item.user-logout:focus,
.user-menu .dropdown-item.user-logout:active {
  color: #d92332 !important;
}

/* Top-right icons (bell & user) σε #0E3177 */
.navbar .nav-link .fa,
.navbar .nav-link .fas,
.navbar .nav-link .far,
.navbar .nav-link .fal,
.navbar .nav-link .fab {
  color: #0E3177 !important;
}

/* Αν είναι SVG icons */
.navbar .nav-link svg {
  fill: #0E3177 !important;
  stroke: #0E3177 !important;
}

/* Κράτα το ίδιο και σε hover/focus/active */
.navbar .nav-link:hover .fa,
.navbar .nav-link:focus .fa,
.navbar .nav-link:active .fa,
.navbar .nav-link:hover svg,
.navbar .nav-link:focus svg,
.navbar .nav-link:active svg {
  color: #0E3177 !important;
  fill: #0E3177 !important;
  stroke: #0E3177 !important;
}

/* Αν τα έχεις σε .btn-icon / .icon-indicator */
.btn-icon,
.icon-indicator {
  color: #0E3177 !important;
}

/* Top bar icons -> σταθερά #0E3177 */
.navbar-top .navbar-nav-icons .nav-link,
.navbar-top .navbar-nav-icons .nav-link i,
.navbar-top .navbar-nav-icons .nav-link svg {
  color: #0E3177 !important;
  fill: #0E3177 !important;
  stroke: #0E3177 !important;
}

/* Bell (αν έχει indicator) */
.navbar-top .notification-indicator,
.navbar-top #navbarDropdownNotification .fa-bell {
  color: #0E3177 !important;
}

/* User εικονίδιο μέσα στο avatar */
.navbar-top .avatar i.fa-user {
  color: #0E3177 !important;
}

/* Μην αλλάζουν σε hover/focus/active */
.navbar-top .navbar-nav-icons .nav-link:hover,
.navbar-top .navbar-nav-icons .nav-link:focus,
.navbar-top .navbar-nav-icons .nav-link:active {
  color: #0E3177 !important;
}



/* Κράτα ίδιο χρώμα σε hover/focus/active */
.navbar-top .nav-link:hover .user-icon-avatar i,
.navbar-top .nav-link:focus .user-icon-avatar i,
.navbar-top .nav-link:active .user-icon-avatar i {
  color: #0E3177 !important;
}

/* Καμπάνα: #0E3177 */
.navbar-top #navbarDropdownNotification i,
.navbar-top #navbarDropdownNotification svg {
  color: #0E3177 !important;
  fill: #0E3177 !important;
  stroke: #0E3177 !important;
}

/* Κουμπί avatar */
.navbar-top .nav-link-user {
  display: inline-flex;
  align-items: center;
}

/* Κύκλος + user εικονίδιο */
.navbar-top .user-icon-avatar {
  width: 32px;
  height: 32px;
  background: transparent;
  /* ή σβήστο τελείως */
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.navbar-top .user-icon-avatar i {
  font-size: 16px;
  line-height: 1;
  color: #0E3177;
  /* ζητούμενο χρώμα */
}

/* Καμπάνα στο ίδιο χρώμα */
#navbarDropdownNotification i,
#navbarDropdownNotification svg {
  color: #0E3177 !important;
  fill: #0E3177 !important;
  stroke: #0E3177 !important;
}

/* === User icon: μεγαλύτερο, σταθερό === */
.navbar-top .nav-link-user {
  padding: 0 !important;
  line-height: 1;
}

.navbar-top .nav-link-user .user-icon-avatar {
  width: 38px !important;
  /* μπορείς 36–40 */
  height: 38px !important;
  flex: 0 0 38px;
  /* να μην μικραίνει */
  border-radius: 50%;
  background: #e9eef6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.navbar-top .nav-link-user .user-icon-avatar i {
  font-size: 20px !important;
  /* δοκίμασε 20–22 */
  line-height: 1;
  color: #0E3177 !important;
}

/* Μικρό κενό από την καμπάνα */
.navbar-top #navbarDropdownNotification {
  margin-right: .35rem;
}

/* Μεγαλύτερο ανθρωπάκι (χωρίς να αλλάξει ο κύκλος) */
#userMenu .user-icon-avatar i,
#userMenu .user-icon-avatar .fa-user,
#userMenu .user-icon-avatar .fas.fa-user,
#userMenu .user-icon-avatar .fa-solid.fa-user {
  font-size: 22px !important;
  /* δοκίμασε 22–26 αν θέλεις */
  line-height: 1;
  color: #0E3177 !important;
  transform: translateY(1px);
  /* μικρό fine-tune κατακόρυφα */
}

/* (προαιρετικό) αν θες λίγο πιο γεμάτο κύκλο χωρίς να αλλάξει μέγεθος */
#userMenu .user-icon-avatar {
  background: #e9eef6;
  /* ίδιο όπως τώρα */
}

/* ===== Company chip button (Όλες οι εταιρείες) ===== */
#companyDropdownBtn.company-chip {
  /* κάν’ το “pill” */
  border-radius: 9999px !important;
  border: 1px solid #e3eafc !important;
  /* απαλό μπλε περίγραμμα */
  background: #fff !important;

  /* τυπογραφία & spacing */
  font-weight: 600;
  color: #0E3177 !important;
  padding: .45rem 1rem !important;
  /* ύψος/πλάτος σαν στο mock */
  line-height: 1 !important;

  /* εμφάνιση σαν “chip” */
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  box-shadow: 0 2px 6px rgba(14, 49, 119, .08);
}

/* εικονίδιο κτιρίου */
#companyDropdownBtn.company-chip i {
  color: #0E3177 !important;
  font-size: 1rem;
  /* όσο στη φωτό */
}

/* caret του dropdown (το τριγωνάκι) */
#companyDropdownBtn.company-chip.dropdown-toggle::after {
  border-top-color: #0E3177 !important;
  vertical-align: middle;
  margin-left: .25rem;
}

/* hover/focus states */
#companyDropdownBtn.company-chip:hover,
#companyDropdownBtn.company-chip:focus {
  border-color: #cdd9ff !important;
  box-shadow: 0 0 0 .12rem rgba(14, 49, 119, .10);
  background: #fff !important;
  color: #0E3177 !important;
}

/* για να μην “κληρονομήσει” άλλα btn-styles από Bootstrap */
.navbar-top #companyDropdownBtn.company-chip.btn,
#companyDropdownBtn.company-chip.btn {
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #e3eafc;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #cdd9ff;
  --bs-btn-color: #0E3177;
}

/* ===== Sidebar card (λευκό πλαίσιο) ===== */
.navbar-vertical .navbar-vertical-content {
  background: #fff;
  border: 1px solid #e9efff;
  border-radius: 16px;
  padding: 12px 8px;
  box-shadow: 0 6px 24px rgba(16, 24, 40, .06);
}

/* ===== Κάθε επιλογή ως “pill” ===== */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .70rem .9rem;
  margin: 7px 10px;
  border: 1px solid #edf2ff;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(16, 24, 40, .05);
  color: #0E3177;
  /* γράμματα */
  font-weight: 600;
  text-decoration: none;
}

/* hover/active – χωρίς μπλε “γέμισμα” */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link:hover,
.navbar-vertical .navbar-nav>.nav-item>a.nav-link:focus {
  border-color: #dbe6ff;
  box-shadow: 0 4px 12px rgba(16, 24, 40, .08);
  background: #fff;
  color: #0E3177;
}

.navbar-vertical .navbar-nav>.nav-item>a.nav-link.active {
  background: #fff !important;
  color: #0E3177 !important;
}

/* ===== Εικονίδια (αριστερά) ===== */
.navbar-vertical .nav-link .nav-link-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* .navbar-vertical .nav-link .nav-link-icon .fa,
.navbar-vertical .nav-link .nav-link-icon .fas,
.navbar-vertical .nav-link .nav-link-icon .far,
.navbar-vertical .nav-link .nav-link-icon svg{
  color:#0E3177 !important;
  fill:#0E3177 !important;    
  stroke:#0E3177 !important;
} */

/* ===== Βελάκι δεξιά στα collapses ===== */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link.dropdown-indicator {
  position: relative;
  padding-right: 2rem;
  /* χώρο για το βελάκι */
}

.navbar-vertical .navbar-nav>.nav-item>a.nav-link.dropdown-indicator::after {
  content: "\f107";
  /* Font Awesome chevron-down */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: .9rem;
  color: #b0bdd6;
  transition: transform .15s ease;
}

.navbar-vertical .navbar-nav>.nav-item>a[aria-expanded="true"].dropdown-indicator::after {
  transform: rotate(180deg);
}

/* ===== Υπομενού (δευτερεύουσες επιλογές) ===== */
.navbar-vertical .nav.collapse {
  margin: 2px 12px 8px 12px;
}

.navbar-vertical .nav.collapse .nav-link {
  border: 0;
  box-shadow: none;
  background: transparent;
  padding: .5rem 0 .5rem 2.25rem;
  /* indent */
  margin: 0;
  color: #344054;
  font-weight: 500;
}

.navbar-vertical .nav.collapse .nav-link:hover {
  color: #0E3177;
}

/* ===== Disabled items (γκριζαρισμένα) ===== */
.navbar-vertical .nav-link.disabled {
  color: #b7bfd3 !important;
  background: #f7f9ff !important;
  border-color: #eff3ff !important;
  opacity: 1;
  pointer-events: none;
}

.navbar-vertical .nav-link.disabled .nav-link-icon .fa {
  color: #c4cfe9 !important;
}

/* Σβήσε ό,τι κουτάκια/old styles μπορεί να μένουν */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link.dropdown-indicator::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* ΜΟΝΟ βελάκι με CSS (χωρίς γραμματοσειρά) */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link.dropdown-indicator {
  position: relative;
  padding-right: 2rem;
  /* χώρος για το βελάκι */
}

.navbar-vertical .navbar-nav>.nav-item>a.nav-link.dropdown-indicator::after {
  content: "";
  position: absolute;
  right: .9rem;
  top: 50%;
  width: .55rem;
  height: .55rem;
  border-right: 2px solid #96a6cc;
  /* χρώμα βέλους */
  border-bottom: 2px solid #96a6cc;
  transform: translateY(-60%) rotate(45deg);
  /* κάτω-δεξιά “V” */
  background: transparent !important;
  border-radius: 0;
  /* καμία γωνία -> όχι κουτί */
  transition: transform .15s ease;
}

/* Όταν είναι ανοιχτό: γυρνά το βελάκι προς τα πάνω */
.navbar-vertical .navbar-nav>.nav-item>a[aria-expanded="true"].dropdown-indicator::after {
  transform: translateY(-40%) rotate(-135deg);
}

/* ===== No boxes around menu items ===== */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link {
  padding: .65rem .9rem;
  margin: 6px 8px;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #0E3177;
  /* κείμενο */
  text-decoration: none;
}

/* hover/focus/active χωρίς κουτί */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link:hover,
.navbar-vertical .navbar-nav>.nav-item>a.nav-link:focus,
.navbar-vertical .navbar-nav>.nav-item>a.nav-link.active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #0E3177 !important;
}

/* υπομενού – επίσης flat */
.navbar-vertical .nav.collapse .nav-link {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: .5rem 0 .5rem 2.25rem;
  margin: 0;
}

/* disabled να μην βάφεται σε “κουτί” */
.navbar-vertical .nav-link.disabled {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #b7bfd3 !important;
  opacity: 1;
  pointer-events: none;
}

/* καθαρίζουμε τυχόν πριν/μετά διακοσμήσεις */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link::before,
.navbar-vertical .navbar-nav>.nav-item>a.nav-link::after {
  box-shadow: none !important;
  background: transparent !important;
}

/* ===== Compact κάθε επιλογή ===== */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link {
  padding: .45rem .75rem;
  /* πριν ~.70rem .9rem */
  margin: 2px 6px;
  /* πριν 6–8px */
  gap: .5rem;
  /* λίγο πιο κοντά το icon με το κείμενο */
}

/* κρατάμε χώρο για το βελάκι αλλά λίγο μικρότερο */
.navbar-vertical .navbar-nav>.nav-item>a.nav-link.dropdown-indicator {
  padding-right: 1.6rem;
}

.navbar-vertical .navbar-nav>.nav-item>a.nav-link.dropdown-indicator::after {
  right: .7rem;
}

/* ===== Υπομενού compact ===== */
.navbar-vertical .nav.collapse {
  margin: 0 8px 4px 8px;
  /* πιο σφιχτό γύρω-γύρω */
}

.navbar-vertical .nav.collapse .nav-link {
  padding: .38rem 0 .38rem 1.6rem;
  /* μικρότερο ύψος & indent */
}

/* ===== Τίτλος/κεφαλίδα κουτιού & εσωτερικά paddings ===== */
.navbar-vertical .navbar-vertical-content {
  padding: 10px 8px;
  /* λίγο πιο “μαζεμένο” */
}



/* User menu: πάντα μπλε κείμενο */
#topbarUserMenu {
  --bs-dropdown-link-color: #0E3177;
  --bs-dropdown-link-hover-color: #0E3177;
  --bs-dropdown-link-active-color: #0E3177;
}

/* κληρονομούν όλα τα παιδιά (span, strong κ.λπ.) */
#topbarUserMenu .dropdown-item,
#topbarUserMenu .dropdown-item *,
#topbarUserMenu .dropdown-item:hover,
#topbarUserMenu .dropdown-item:hover *,
#topbarUserMenu .dropdown-item:focus,
#topbarUserMenu .dropdown-item:focus *,
#topbarUserMenu .dropdown-item:active,
#topbarUserMenu .dropdown-item:active * {
  color: var(--bs-dropdown-link-hover-color) !important;
  -webkit-text-fill-color: var(--bs-dropdown-link-hover-color) !important;
  text-decoration: none !important;
}

/* προαιρετικό: hover background πιο “μπλε” αντί για γκρι */
#topbarUserMenu .dropdown-item:hover,
#topbarUserMenu .dropdown-item:focus {
  background: #F3F6FF !important;
}

/* εξαίρεση: Αποσύνδεση να μένει κόκκινη */
#topbarUserMenu .dropdown-item.text-danger,
#topbarUserMenu .dropdown-item.text-danger *,
#topbarUserMenu .dropdown-item.text-danger:hover,
#topbarUserMenu .dropdown-item.text-danger:hover * {
  color: #D64545 !important;
  -webkit-text-fill-color: #D64545 !important;
  background: #FDECEC !important;
}

/* Hover/focus: ΓΚΡΙ κουτί (όπως πριν), κείμενο παραμένει μπλε */
#topbarUserMenu .dropdown-item:hover,
#topbarUserMenu .dropdown-item:focus {
  background: #D0D5DF !important;
  color: #0E3177 !important;
}

/* ===============  SIDEBAR WIDTH OVERRIDES  =============== */
:root {
  --sidebar-w: 320px;
}

/* <-- ό,τι πλάτος θέλεις */

@media (min-width:1200px) {

  /* 1) Το ίδιο το sidebar */
  nav.navbar-vertical.navbar-expand-xl {
    width: var(--sidebar-w) !important;
  }

  /* 2) Οι εσωτερικοί wrappers που συχνά έχουν fixed width */
  nav.navbar-vertical.navbar-expand-xl .navbar-vertical-content,
  nav.navbar-vertical.navbar-expand-xl .navbar-collapse {
    width: var(--sidebar-w) !important;
    max-width: none !important;
    flex: 0 0 var(--sidebar-w) !important;
  }

  /* Αν υπάρχει αυτό το box στο δικό σου markup, λύσε το “κόψιμο” */
  nav.navbar-vertical .menu-box {
    width: 100% !important;
    max-width: none !important;
  }

  /* 3) Σπρώξε τη μεσαία περιοχή */
  nav.navbar-vertical.navbar-expand-xl+.content,
  nav.navbar-vertical.navbar-expand-xl~.content {
    margin-left: var(--sidebar-w) !important;
  }
}

/* Προαιρετικά: τι γίνεται όταν το sidebar είναι collapsed */
.navbar-vertical-collapsed nav.navbar-vertical {
  width: 4.75rem !important;
}

.navbar-vertical-collapsed .content {
  margin-left: 4.75rem !important;
}

/* -------- Sidebar collapsed behaviour (γεμίζει ο χώρος) -------- */
:root {
  --sidebar-expanded-w: var(--sidebar-w, 320px);
  /* από πριν */
  --sidebar-collapsed-w: 4.75rem;
  /* κλειστό sidebar */
}

/* το ίδιο το sidebar μικραίνει */
.navbar-vertical-collapsed nav.navbar-vertical {
  width: var(--sidebar-collapsed-w) !important;
  transition: width .15s ease;
}

/* ΠΡΕΠΕΙ να “σπάσουμε” τα fixed widths που είχαμε βάλει
   στην expanded κατάσταση για τα εσωτερικά wrappers */
.navbar-vertical-collapsed nav.navbar-vertical.navbar-expand-xl .navbar-vertical-content,
.navbar-vertical-collapsed nav.navbar-vertical.navbar-expand-xl .navbar-collapse,
.navbar-vertical-collapsed nav.navbar-vertical .menu-box {
  width: var(--sidebar-collapsed-w) !important;
  max-width: none !important;
  flex: 0 0 var(--sidebar-collapsed-w) !important;
}

/* η κεντρική περιοχή τραβιέται αριστερά για να γεμίσει ο χώρος */
.navbar-vertical-collapsed nav.navbar-vertical.navbar-expand-xl+.content,
.navbar-vertical-collapsed nav.navbar-vertical.navbar-expand-xl~.content {
  margin-left: var(--sidebar-collapsed-w) !important;
  transition: margin-left .15s ease;
}

/* αν είχες extra κενό με .content { margin-left: 24px; } κράτα το μόνο σε expanded */
@media (min-width:1200px) {
  body:not(.navbar-vertical-collapsed) .content {
    margin-left: calc(var(--sidebar-expanded-w)) !important;
  }
}

/* ====== Gutter & target height για το sidebar ====== */
:root {
  --sidebar-w: 320px;
  /* ήδη το έχεις */
  --sidebar-gap: 22px;
  /* γκρι κενό ανάμεσα */
  /* ύψος κουτιού μενού ώστε να “κάθεται” περίπου όσο τα δίπλα cards */
  --sidebar-target-h: min(72vh, 740px);
  /* πείραξέ το αν χρειαστεί */
}

/* ------- Expanded (XL και πάνω) ------- */
@media (min-width:1200px) {

  /* To ίδιο το sidebar + γκρι κενό δεξιά του */
  nav.navbar-vertical.navbar-expand-xl {
    width: var(--sidebar-w) !important;
    margin-right: var(--sidebar-gap) !important;
    /* το γκρι κενό */
  }

  /* Εσωτερικό κουτί μενού: ύψος κοντά στα δεξιά panels */
  nav.navbar-vertical.navbar-expand-xl .navbar-vertical-content {
    height: auto !important;
    max-height: var(--sidebar-target-h) !important;
    overflow: hidden;
    /* δεν τραβάει προς τα κάτω */
  }

  /* Content μετακινείται τόσο όσο το πλάτος + το κενό */
  nav.navbar-vertical.navbar-expand-xl+.content,
  nav.navbar-vertical.navbar-expand-xl~.content {
    margin-left: calc(var(--sidebar-w) + var(--sidebar-gap)) !important;
  }
}

/* ------- Collapsed: γεμίζει η οθόνη ------- */
.navbar-vertical-collapsed nav.navbar-vertical {
  margin-right: 0 !important;
  /* κόβουμε το κενό για full width */
}

.navbar-vertical-collapsed nav.navbar-vertical.navbar-expand-xl+.content,
.navbar-vertical-collapsed nav.navbar-vertical.navbar-expand-xl~.content {
  margin-left: var(--sidebar-collapsed-w) !important;
  /* ήδη το έχεις */
}

/* πόσο χαμηλά θέλουμε να φτάνει το λευκό πλαίσιο του sidebar */
:root {
  /* ↑ αυξάνουμε λίγο το target ύψος */
  --sidebar-target-h: clamp(620px, 85vh, 860px);
}

/* εφαρμογή (μόνο σε wide/desktop) */
@media (min-width:1200px) {
  nav.navbar-vertical.navbar-expand-xl .navbar-vertical-content {
    /* δίνουμε ένα “κατώφλι” ύψους για να κατέβει πιο κάτω */
    min-height: var(--sidebar-target-h) !important;
    max-height: var(--sidebar-target-h) !important;
    overflow: visible;
    /* να μη “κουρεύονται” οι σκιές */
    padding-bottom: 12px;
    /* μικρό buffer στο τέλος */
  }
}

/* Company pill: πιο κοντό σε desktop */
@media (min-width:1200px) {
  .navbar-vertical .company-banner {
    width: 72% !important;
    /* δοκίμασε 70–80% ανά γούστο */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 10px;
    /* κρατά το οβάλ όμορφο */
    padding-right: 10px;
  }
}

/* Αν προτιμάς απόλυτο όριο αντί για ποσοστό: */
@media (min-width:1200px) {
  .navbar-vertical .company-banner {
    max-width: 280px !important;
    /* ή 260–320px */
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.massSalaryCalculationBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20px);
  /* ίδιο “πάχος” μέσα στο sidebar */
  margin: 8px 10px;
  /* όπως της εταιρείας */
  height: 44px;
  /* ίδιο ύψος κουμπιού */
  padding: 0 16px;
  /* όπως το chip */

  background: #fff !important;
  border: 1px solid #e3eafc !important;
  border-radius: 9999px !important;
  /* full pill */

  font-weight: 500;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(14, 49, 119, .08);
  cursor: pointer;
}
.massSalaryCalculationBtn:hover,
.massSalaryCalculationBtn:focus {
  background: #F3F6FF !important;
  border-color: #cdd9ff !important;
  text-decoration: none;
}
.massSalaryCalculationBtn.btn {
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #e3eafc;
  --bs-btn-hover-bg: #F3F6FF;
  --bs-btn-hover-border-color: #cdd9ff;
  --bs-btn-color: inherit;
}

/* Ergani pill: ίδιες διαστάσεις με το company pill */
/* #massSalaryCalculationBtn, */
#erganiRedirect,
#erganiKratikoRedirect {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20px);
  /* ίδιο “πάχος” μέσα στο sidebar */
  margin: 8px 10px;
  /* όπως της εταιρείας */
  height: 44px;
  /* ίδιο ύψος κουμπιού */
  padding: 0 16px;
  /* όπως το chip */

  background: #fff !important;
  border: 1px solid #e3eafc !important;
  border-radius: 9999px !important;
  /* full pill */

  font-weight: 500;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(14, 49, 119, .08);
  cursor: pointer;
}

/* hover/focus – χωρίς να αλλάζει το χρώμα του κειμένου */
#erganiRedirect:hover,
#erganiRedirect:focus,
#erganiKratikoRedirect:hover,
#erganiKratikoRedirect:focus {
  background: #F3F6FF !important;
  border-color: #cdd9ff !important;
  text-decoration: none;
}

/* Τα 2 χρώματα (ισχυρή εξειδίκευση για να “περνάει” πάνω από Bootstrap) */
#erganiRedirect .emblem {
  color: #5e6ed6 !important;
}

/* μπλε */
#erganiRedirect .ergani {
  color: #3ca49c !important;
}

/* πράσινο */

/* Αν έχει μείνει καμία κληρονομιά από .btn */
#erganiRedirect.btn,
#erganiKratikoRedirect.btn {
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #e3eafc;
  --bs-btn-hover-bg: #F3F6FF;
  --bs-btn-hover-border-color: #cdd9ff;
  --bs-btn-color: inherit;
}

/* Ergani pill colors */
#erganiRedirect .emblem {
  color: #5e6ed6 !important;
}

/* μπλε */
#erganiRedirect .ergani {
  color: #3ca49c !important;
}

/* πράσινο */

/* (προαιρετικά, αν αντί για .emblem/.ergani χρησιμοποιήσεις text-classes) */
#erganiRedirect .text-primary {
  color: #5e6ed6 !important;
}

#erganiRedirect .text-success {
  color: #3ca49c !important;
}

:root {
  --sidebar-w: 280px;
  /* πλάτος όταν είναι ανοιχτή */
  --sidebar-collapsed-w: 72px;
  /* πλάτος όταν είναι κλειστή */
}

/* XL+ οθόνες: sidebar σταθερά αριστερά */
@media (min-width:1200px) {

  /* ομαλό transition πλάτους */
  nav.navbar-vertical.navbar-expand-xl {
    transition: width .22s ease;
  }

  /* === Collapsed (toggled κλειστή) === */
  :is(html, body).navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) nav.navbar-vertical.navbar-expand-xl {
    width: var(--sidebar-collapsed-w) !important;
  }

  /* όταν είναι collapsed, ΜΗΝ απλώνουν τα εσωτερικά */
  :is(html, body).navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .navbar-collapse {
    width: var(--sidebar-collapsed-w) !important;
    flex: 0 0 var(--sidebar-collapsed-w) !important;
  }

  /* κρύψε κείμενα/βελάκια/μπάνερ/ergani όταν είναι collapsed */
  :is(html, body).navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .nav-link-text,
  :is(html, body).navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .dropdown-indicator::after,
  :is(html, body).navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) #companySelectedBanner,
  /* banner εταιρείας */
  /* index.html */
  :is(html, body).navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) #erganiRedirect,
  :is(html, body).navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) #erganiKratikoRedirect {
    /* κουμπί ergani   */
    /* index.html */
    display: none !important;
  }

  /* λίγο “σφιχτό” padding στο collapsed */
  :is(html, body).navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .navbar-vertical-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* === Hover-open (όταν περνάς ποντίκι) === */
  :is(html, body).navbar-vertical-collapsed.navbar-vertical-collapsed-hover nav.navbar-vertical.navbar-expand-xl,
  /* === Κανονικά ανοιχτή (όταν δεν είναι collapsed) === */
  :is(html, body):not(.navbar-vertical-collapsed) nav.navbar-vertical.navbar-expand-xl {
    width: var(--sidebar-w) !important;
  }
}

/* === SIDEBAR HOVER FIX ===  (βάλ’ το ΤΕΛΟΣ στο custom.css) */
:root {
  --sidebar-w: 280px;
  /* ανοικτό */
  --sidebar-collapsed-w: 72px;
  /* κλειστό */
  --sidebar-gap: 22px;
}

@media (min-width:1200px) {

  /* Expanded (κανονικά ανοικτό) */
  html:not(.navbar-vertical-collapsed) nav.navbar-vertical.navbar-expand-xl {
    width: var(--sidebar-w) !important;
    margin-right: var(--sidebar-gap) !important;
    transition: width .22s ease;
  }

  html:not(.navbar-vertical-collapsed) .content {
    margin-left: calc(var(--sidebar-w) + var(--sidebar-gap)) !important;
    transition: margin-left .22s ease;
  }

  html:not(.navbar-vertical-collapsed) .navbar-vertical .navbar-vertical-content,
  html:not(.navbar-vertical-collapsed) .navbar-vertical .navbar-collapse {
    width: var(--sidebar-w) !important;
    max-width: none !important;
    flex: 0 0 var(--sidebar-w) !important;
  }

  /* Collapsed (toggled κλειστό) — ΜΟΝΟ icons */
  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) nav.navbar-vertical.navbar-expand-xl {
    width: var(--sidebar-collapsed-w) !important;
    margin-right: 0 !important;
    transition: width .22s ease;
  }

  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .content {
    margin-left: var(--sidebar-collapsed-w) !important;
    transition: margin-left .22s ease;
  }

  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .navbar-vertical-content,
  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .navbar-collapse {
    width: var(--sidebar-collapsed-w) !important;
    max-width: none !important;
    flex: 0 0 var(--sidebar-collapsed-w) !important;
  }

  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .nav-link-text,
  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .dropdown-indicator::after,
  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) #companySelectedBanner,
  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) #erganiRedirect {
    display: none !important;
  }

  /* HOVER-OPEN: όταν το html έχει ΚΑΙ τις 2 κλάσεις */
  html.navbar-vertical-collapsed.navbar-vertical-collapsed-hover nav.navbar-vertical.navbar-expand-xl {
    width: var(--sidebar-w) !important;
  }

  html.navbar-vertical-collapsed.navbar-vertical-collapsed-hover .navbar-vertical .navbar-vertical-content,
  html.navbar-vertical-collapsed.navbar-vertical-collapsed-hover .navbar-vertical .navbar-collapse {
    width: var(--sidebar-w) !important;
    max-width: none !important;
    flex: 0 0 var(--sidebar-w) !important;
  }

  html.navbar-vertical-collapsed.navbar-vertical-collapsed-hover .navbar-vertical .nav-link-text,
  html.navbar-vertical-collapsed.navbar-vertical-collapsed-hover .navbar-vertical .dropdown-indicator::after,
  html.navbar-vertical-collapsed.navbar-vertical-collapsed-hover #companySelectedBanner,
  html.navbar-vertical-collapsed.navbar-vertical-collapsed-hover #erganiRedirect {
    display: block !important;
    /* ή inline-flex για το κουμπί */
  }

  /* Αν ΔΕΝ θες να μετακινείται το content στο hover,
     άφησέ το ως έχει. Αν θες να μετακινείται, ξεκλείδωσε: */
  /* 
  html.navbar-vertical-collapsed.navbar-vertical-collapsed-hover .content{
    margin-left: calc(var(--sidebar-w) + var(--sidebar-gap)) !important;
  }
  */
}

@media (min-width:1200px) {

  /* collapsed state ONLY (όχι στο hover-open) */
  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .navbar-vertical-content {
    padding-left: 14px !important;
    /* λίγο “αέρας” αριστερά/δεξιά */
    padding-right: 14px !important;
  }

  /* όλα τα items: κέντρο και χωρίς extra paddings που τα σπρώχνουν */
  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .navbar-nav>.nav-item>.nav-link {
    display: flex !important;
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* το ίδιο και για το εικονίδιο */
  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .nav-link .nav-link-icon {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* (προαιρετικό) αν το πρώτο είχε διαφορετικά margins, ευθυγράμμισέ το ίδιο */
  html.navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .navbar-nav>.nav-item:first-child>.nav-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Ίδιο μπλε & πιο μεγάλα */
#companyBadge,
#companyCountBadge {
  color: #0E3177 !important;
  /* ίδιο μπλε και στα δύο */
  font-size: 1.2rem;
  /* αύξησε όσο θες (π.χ. 1.25rem) */
  line-height: 1.1;
}

/* Αν ο μετρητής έχει μείνει από .badge, σβήσε το “κουτί” και κράτα το πάχος */
#companyCountBadge {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

#companyDropdown #companySearchInput {
  border: 1px solid #E9EBF1;
  /* νέο stroke */
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
  /* καθαρό, χωρίς “βαρύ” εφέ */
  box-shadow: none;
  /* χωρίς σκιά */
  color: #0E3177;
  /* ή κράτα var(--brand) αν θες */
  width: 100%;
}

#companyDropdown #companySearchInput:hover,
#companyDropdown #companySearchInput:focus {
  border-color: #E9EBF1;
  outline: none;
  box-shadow: none;
}


/* Header του dropdown */
#companyDropdown .company-dropdown-header .d-flex {
  justify-content: flex-start !important;
  /* πριν: between */
  align-items: center;
  gap: .5rem;
  /* κενό ανάμεσα σε label & αριθμό */
  width: 100%;
  /* να πιάνει όλο το πλάτος */
  margin-bottom: 10px;
  padding-bottom: 12px;
}


/* σβήσε το “badge” κουτί από τον αριθμό */
#companyCountBadge {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: 400;
  /* όχι bold, αν θες 700 βάλε εδώ */
}

/* εισάγει ένα αόρατο block 12px στην κορυφή της λίστας */
#companyList::before {
  content: "";
  display: block;
  height: 12px;
}

/* Όλο το company dropdown με Geologica (χωρίς να χαλάσουν τα icon fonts) */
#companyDropdown,
#companyDropdown *:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class*="fa-"]) {
  font-family: 'Geologica', sans-serif !important;
}

#companyDropdown #companySearchInput {
  color: #0E3177 !important;
  -webkit-text-fill-color: #0E3177 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  /* regular */
}


#companyDropdown #companySearchInput::placeholder {
  color: #667085 !important;
  /* πιο ήπιο γκρι-μπλε */
  opacity: 1 !important;
  /* να πιάσει ακριβώς το χρώμα */
  font-weight: 400 !important;
  /* regular */
}

#companyDropdown #companySearchInput::-webkit-input-placeholder {
  color: #667085 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}

/* Κουμπί Αποσύνδεση: κόκκινο κείμενο παντού */
#topbarUserMenu .dropdown-item.user-logout,
#topbarUserMenu .dropdown-item.user-logout *,
#topbarUserMenu .dropdown-item.user-logout:hover,
#topbarUserMenu .dropdown-item.user-logout:hover *,
#topbarUserMenu .dropdown-item.user-logout:focus,
#topbarUserMenu .dropdown-item.user-logout:focus *,
#topbarUserMenu .dropdown-item.user-logout:active,
#topbarUserMenu .dropdown-item.user-logout:active * {
  color: #D64545 !important;
  -webkit-text-fill-color: #D64545 !important;
  /* για browsers που “γεμίζουν” το text */
}

/* ΜΟΝΟ εσωτερικό scroll στο περιεχόμενο του sidebar */
.navbar-vertical .navbar-vertical-content {
  max-height: calc(100vh - 72px);
  /* 72px ≈ ύψος topbar σου – ρύθμισέ το αν θες 64/80 */
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  /* κρίσιμο για flex containers */
}

/* Αν κάπου αλλού είχε οριστεί: καθάρισέ το */
@media (min-width:1200px) {
  nav.navbar-vertical.navbar-expand-xl .navbar-vertical-content {
    max-height: calc(100vh - 72px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
}

/* Ίδιο πλάτος/στοίχιση με το #erganiRedirect */
nav.navbar-vertical .company-banner {
  box-sizing: border-box;
  width: calc(100% - 20px) !important;
  /* ίδιο με το ergani */
  margin: 8px 10px !important;
  /* ίδιο περιθώριο */
  padding-left: 10px;
  /* ίδιο “πάχος” */
  padding-right: 10px;
}

/* Προαιρετικά: ίδιο ύψος “pill” look */
nav.navbar-vertical .company-banner {
  height: 44px;
  /* ίδιο με #erganiRedirect */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Εξασφάλισε ίδιο box model και για τα δύο */
#erganiRedirect,
nav.navbar-vertical .company-banner {
  box-sizing: border-box;
}

/* 1) Τα icons να κληρονομούν το χρώμα του link (και για SVG & path) */
.navbar-vertical .nav-link .nav-link-icon i,
.navbar-vertical .nav-link .nav-link-icon .fa,
.navbar-vertical .nav-link .nav-link-icon .fas,
.navbar-vertical .nav-link .nav-link-icon .far,
.navbar-vertical .nav-link .nav-link-icon .fab,
.navbar-vertical .nav-link .nav-link-icon svg,
.navbar-vertical .nav-link .nav-link-icon svg path {
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* 2) Το disabled χρώμα του link (άρα και των icons) */
.navbar-vertical .nav-link.disabled {
  color: #b7bfd3 !important;
  pointer-events: none;
}

/* 3) Αν έχεις κρατήσει παλιό rule που έβαφε μόνο τα .fa σε άλλο γκρι, ακύρωσέ το */
.navbar-vertical .nav-link.disabled .nav-link-icon .fa {
  color: #b7bfd3 !important;
}

.todayCard {
  border-radius: 6px !important;
}



/* Αν ο μετρητής έχει κλάση .badge (Bootstrap), αφαίρεσε στυλιζάρισμα */
#companyCountBadge {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* A. Κάνε τη λίστα ΟΝΤΩΣ scroller */
#companyList {
  max-height: 420px !important;
  /* φτιάξ’ το κατά βούληση */
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  /* Firefox */
}

/* WebKit (Chrome/Edge/Safari) – αισθητική σαν στο mock */
#companyList::-webkit-scrollbar {
  width: 10px;
}

#companyList::-webkit-scrollbar-track {
  background: #E9EBF1;
  border-radius: 10px;
}

#companyList::-webkit-scrollbar-thumb {
  background: #0E3177;
  border-radius: 10px;
  border: 2px solid #E9EBF1;
}

#companyList::-webkit-scrollbar-thumb:hover {
  background: #0b2b66;
}

/* Κράτα το dropdown να “κόβει” σωστά (για τις στρογγυλές γωνίες) */
#companyDropdown.company-dropdown {
  overflow: hidden !important;
}

/* B. Βγάλε το «διάχωμα»/γραμμή πάνω από τη λίστα */
#companyList::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
}

/* Αν η γραμμή προέρχεται από header border/shadow, καθάρισέ το κι αυτό */
#companyDropdown .company-dropdown-header {
  position: sticky;
  top: 0;
  /* όχι 16px για να μην αφήνει κενό */
  background: #fff;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* --- Λίστα εταιριών: απλό, καθαρό scrollbar --- */
#companyList {
  max-height: 420px;
  /* ό,τι ύψος θέλεις */
  overflow-y: auto;
  overflow-x: hidden;

  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #0E3177 #E9EBF1;
  /* thumb / track */
}

/* WebKit (Chrome/Edge/Safari) */
#companyList::-webkit-scrollbar {
  width: 8px;
}

#companyList::-webkit-scrollbar-track {
  background: #E9EBF1;
  border-radius: 999px;
}

#companyList::-webkit-scrollbar-thumb {
  background: #0E3177;
  border-radius: 999px;
}

#companyList::-webkit-scrollbar-thumb:hover {
  background: #0b2b66;
}

/* Κράτα τις στρογγυλές γωνίες του dropdown */
#companyDropdown.company-dropdown {
  overflow: hidden;
}

/* Βγάζει τη γραμμή/διαχωριστικό μετά το search */
#companyDropdown .company-dropdown-header {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Αν είχε μείνει “αόρατο spacer” πριν τη λίστα, σβήστο */
#companyList::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
}

/* Μεγαλύτερο κενό μετά το search */
#companyDropdown .company-dropdown-header {
  padding-bottom: 8px !important;
  /* προαιρετικό λίγο “αέρα” κάτω απ’ το input */
}

/* Ο divider ανάμεσα σε header και λίστα: δώσε κενό */
#companyDropdown .company-dropdown-header+.dropdown-divider {
  margin: 12px 0 !important;
  /* ↑ αυξομείωσε π.χ. 8–16px */
}

/* Αν ΔΕΝ θες να φαίνεται η γραμμή αλλά μόνο το κενό */
#companyDropdown .company-dropdown-header+.dropdown-divider {
  border-color: transparent !important;
  /* ή opacity:0; */
}

.company-square-icon {
  color: #0E3177;
  /* ← το μπλε σου */
}

/* === TOPBAR company icon: force bigger size === */
.navbar-top .company-square-icon[width],
.navbar-top .company-square-icon[height],
.navbar-top .company-square-icon {
  width: 24px !important;
  /* παίξε 28–34px */
  height: 24px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 6px;
  /* λίγο κενό από το κουμπί */
}

/* Πιο λεπτό περίγραμμα στο εικονίδιο (top bar) */
.navbar-top .company-square-icon rect,
.navbar-top .company-square-icon path {
  stroke-width: 1.1 !important;
  /* δοκίμασε 1.0–1.3 */
}

/* (αν έχεις το ίδιο SVG και στο sidebar) */
.navbar-vertical .company-square-icon rect,
.navbar-vertical .company-square-icon path {
  stroke-width: 1.1 !important;
}

/* === SWEETALERT2 — look όπως στη 2η εικόνα === */

/* Κοντέινερ (πιο compact) */
.swal2-popup {
  width: min(640px, calc(100vw - 32px)) !important;
  /* 750 -> 640, 40px -> 32px */
  border-radius: 16px !important;
  /* 20 -> 16 */
  padding: 28px 26px 22px !important;
  /* 36/32/28 -> 28/26/22 */
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 18px 48px rgba(14, 49, 119, .14),
    0 5px 14px rgba(14, 49, 119, .08) !important;
  /* λίγο πιο “ήπιο” */

  min-height: 320px !important;
  /* 380 -> 320 */
}

/* Τίτλος (πιο μικρός) */
.swal2-title {
  font-family: 'Geologica', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
  color: #0E3177 !important;
  font-weight: 500 !important;
  font-size: 32px !important;
  /* 40 -> 32 */
  line-height: 1.15 !important;
  /* λίγο πιο σφιχτό */
  margin: 2px 0 10px !important;
  /* 4/14 -> 2/10 */
  text-align: center !important;
}

/* Κείμενο (πιο μικρό + λιγότερο κάτω κενό) */
.swal2-html-container {
  color: #0E3177 !important;
  font-size: 16px !important;
  /* 18 -> 16 */
  line-height: 1.5 !important;
  max-width: 380px !important;
  /* 420 -> 380 */
  margin: 0 auto 12px !important;
  /* 18 -> 12 */
  text-align: center !important;
  font-weight: 300 !important;
}

/* Actions πιο κοντά */
.swal2-actions {
  margin-top: 10px !important;
  /* 15 -> 10 */
}

/* Κουμπί confirm (πιο compact) */
.swal2-styled.swal2-confirm {
  background: #fff !important;
  color: #0E3177 !important;
  border: 1px solid #e1e7f7 !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  /* 16.5 -> 15 */
  box-shadow: 0 2px 6px rgba(14, 49, 119, .08) !important;
  padding: 12px 24px !important;
  /* 14/30 -> 12/24 */
  min-width: 170px !important;
  /* 190 -> 170 */
  line-height: 1.1 !important;
}

/* Κρύψε icon για καθαρό header */
.swal2-icon {
  display: none !important;
}

/* Ελαφρύ blur στο backdrop */
.swal2-container {
  backdrop-filter: blur(2px);
}

/* Mobile fine-tuning */
@media (max-width: 480px) {
  .swal2-popup {
    padding: 28px 22px 22px !important;
  }

  .swal2-title {
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }

  .swal2-html-container {
    font-size: 15.5px !important;
  }
}

/* ---- Emblem Salary – 2nd modal look ---- */
.swal2-popup.swal2-es {
  width: min(760px, calc(100vw - 40px)) !important;
  padding: 40px 36px 34px !important;
  border-radius: 22px !important;
}

.swal2-es-title {
  font-family: 'Geologica', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
  color: #0E3177 !important;
  font-weight: 800 !important;
  font-size: 38px !important;
  line-height: 1.15 !important;
  margin: 6px 0 14px !important;
  text-align: center !important;
}

.swal2-es-text {
  color: #0E3177 !important;
  font-size: 19px !important;
  line-height: 1.55 !important;
  max-width: 560px !important;
  margin: 0 auto 22px !important;
  text-align: center !important;
}

.swal2-es-mark {
  font-size: 64px !important;
  line-height: 1 !important;
  color: #0E3177 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* actions area like big rounded pills */
.swal2-actions {
  gap: 18px !important;
  margin-top: 6px !important;
}

/* primary "Ναι" */
.swal2-es-cta {
  background: #0E3177 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 9999px !important;
  padding: 18px 36px !important;
  min-width: 220px !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  box-shadow: 0 6px 18px rgba(14, 49, 119, .16) !important;
}

.swal2-es-cta:hover,
.swal2-es-cta:focus {
  filter: brightness(1.05);
}

/* secondary "Όχι" (outline) */
.swal2-es-cancel {
  background: #fff !important;
  color: #0E3177 !important;
  border: 1px solid #e3eafc !important;
  border-radius: 9999px !important;
  padding: 18px 36px !important;
  min-width: 220px !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  box-shadow: none !important;
}

.swal2-es-cancel:hover,
.swal2-es-cancel:focus {
  background: #F6F8FF !important;
}

/* ===== Onboarding Swal (scoped) ===== */
:root {
  --onb-primary: #0E3177;
  --onb-text: #1F3E79;
  --onb-border: #E6EBF3;
}

/* Popup container */
.swal2-popup.onb-popup {
  width: min(760px, calc(100vw - 40px));
  border-radius: 22px;
  padding: 40px 36px 34px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(14, 49, 119, .14), 0 6px 16px rgba(14, 49, 119, .08);
}


/* Hero ! */
.onb-hero {
  display: block;
  text-align: center;
  margin: 0 auto 8px;
}

.onb-hero svg {
  width: 86px;
  height: 86px;
  display: block;
  margin: 0 auto;
}

/* Τίτλος: μία γραμμή, κεντραρισμένος */
.onb-wrap {
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
}

.onb-title {
  color: var(--onb-primary);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 12px 0;
  white-space: nowrap;
}

/* Κείμενο 4 γραμμών, κεντραρισμένο */
.onb-lines {
  color: var(--onb-text);
  font-size: 16px;
  line-height: 1.65;
}

.onb-line {
  margin: 0;
}

/* Κουμπιά */
.swal2-actions {
  gap: 24px !important;
  justify-content: center !important;
  margin-top: 20px !important;
}

.onb-btn {
  border-radius: 9999px !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  padding: 14px 28px !important;
  min-width: 140px;
  box-shadow: none !important;
}

.onb-confirm {
  background: var(--onb-primary) !important;
  color: #fff !important;
  border: 2px solid var(--onb-primary) !important;
}

.onb-cancel {
  background: #fff !important;
  color: var(--onb-primary) !important;
  border: 2px solid var(--onb-border) !important;
}

.onb-confirm:focus,
.onb-cancel:focus {
  outline: none !important;
}

/* Responsive: σπάσε τον τίτλο σε μικρά πλάτη */
@media (max-width: 520px) {
  .onb-title {
    white-space: normal;
  }
}

.swal2-popup.onb-popup .onb-title {
  font-weight: 600 !important;
}

/* --- Companies count (dropdown header) --- */
#companyBadge {
  color: #0E3177 !important;
  font-size: 1.2rem !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  /* πιο “ελαφρύ” από fw-semibold */
}

#companyCountBadge {
  color: #0E3177 !important;
  font-size: 1.2rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  /* έντονος αριθμός */
  background: transparent !important;
  /* καθάρισμα του .badge */
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* SweetAlert2 -> όλα τα κείμενα σε Geologica */
.swal2-popup,
.swal2-popup *:not([class*="fa-"]):not(.fa):not([class*="bi-"]):not(.bi),
.onb-title,
.onb-lines,
.onb-btn,
.swal2-es-title,
.swal2-es-text,
.swal2-es-btn {
  font-family: "Geologica", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Base: ομαλές μεταβάσεις */
.swal2-popup .swal2-styled.swal2-confirm {
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .08s ease, box-shadow .15s ease !important;
}

/* Hover/Focus: γεμίζει μπλε & σηκώνεται λίγο */
.swal2-popup .swal2-styled.swal2-confirm:hover,
.swal2-popup .swal2-styled.swal2-confirm:focus-visible {
  background: #0E3177 !important;
  color: #fff !important;
  border-color: #0E3177 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(14, 49, 119, .16) !important;
  outline: none !important;
}

/* Active: “πατάει” απαλά */
.swal2-popup .swal2-styled.swal2-confirm:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(14, 49, 119, .12) !important;
}

/* Βάση */
.swal2-container .swal2-popup .welcome-cta {
  background: #fff !important;
  color: #0E3177 !important;
  border: 1px solid #e1e7f7 !important;
  border-radius: 9999px !important;
  padding: 14px 30px !important;
  min-width: 190px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(14, 49, 119, .08) !important;
  transition: background .15s, color .15s, border-color .15s, transform .08s, box-shadow .15s !important;
}

/* Εξουδετέρωση του auto-focus ΜΟΝΟ όταν δεν γίνεται hover */
.swal2-container .swal2-popup .welcome-cta:focus:not(:hover) {
  background: #fff !important;
  color: #0E3177 !important;
  border-color: #e1e7f7 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Hover (και keyboard focus-visible) -> μπλε */
.swal2-container .swal2-popup .welcome-cta:hover,
.swal2-container .swal2-popup .welcome-cta:focus-visible {
  background: #0E3177 !important;
  color: #fff !important;
  border-color: #0E3177 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(14, 49, 119, .16) !important;
}

/* SweetAlert2: όλα σε Geologica (εκτός icon-fonts) */
.swal2-container .swal2-popup,
.swal2-container .swal2-popup *:not(.fa):not([class*="fa-"]):not(.bi):not([class*="bi-"]) {
  font-family: "Geologica", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Κουμπιά (confirm/cancel) να κληρονομούν */
.swal2-container .swal2-popup .swal2-styled {
  font-family: inherit !important;
  font-weight: 600;
  /* προαιρετικό */
}

/* ===================================================================
   Company Selection Modal — Full styling (Geologica, #0E3177 theme)
   =================================================================== */

/* 0) Γενικά: κάνε όλο το modal να χρησιμοποιεί Geologica */
#companySelectionModal .modal-content,
#companySelectionModal .modal-content * {
  font-family: "Geologica", system-ui, -apple-system, Segoe UI, Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
    sans-serif !important;
}

/* 1) Πλάτος & κεντράρισμα modal */
#companySelectionModal .modal-dialog {
  /* override το inline max-width:40% */
  max-width: none !important;
  width: min(860px, calc(100vw - 2rem)) !important;

  /* οριζόντιο & κάθετο κέντρο */
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  min-height: calc(100vh - 1rem) !important;
}

/* 2) Κάρτα */
#companySelectionModal .modal-content {
  border-radius: 22px !important;
  border: 1px solid #e9edf7 !important;
  box-shadow: 0 18px 48px rgba(12, 32, 84, .12) !important;
  overflow: hidden;
  /* καθαρό cut για τις στρογγυλές γωνίες */
  min-height: 420px !important;
}

/* Header grid όπως πριν */
#companySelectionModal .modal-header {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  /* L | C | R */
  grid-template-rows: auto auto !important;
  /* 1η: τίτλος, 2η: κουμπί */
  align-items: center !important;
  row-gap: 8px !important;
}

/* Τίτλος: να πιάνει ΟΛΗ την πρώτη σειρά και να κεντράρει */
#companySelectionModal .modal-title {
  grid-column: 1 / -1 !important;
  /* απλώνεται σε όλες τις στήλες */
  grid-row: 1 !important;
  justify-self: center !important;
  /* οπτικό κέντρο */
  text-align: center !important;
  /* ασφάλεια για πολύ μεγάλο πλάτος */
  margin: 0 !important;

  /* τυπογραφία όπως την ήθελες */
  color: #0E3177 !important;
  font-weight: 500 !important;
}

/* «Προσθήκη εταιρείας» */
#companySelectionModal #addCompanyBtn {
  /* απλώσ’ το σε όλο το πλάτος της γραμμής
     και στοίχισέ το δεξιά ανεξάρτητα από τις στήλες */
  grid-column: 1 / -1 !important;
  /* αντί για 3 */
  grid-row: 2 !important;
  justify-self: end !important;

  /* μέγεθος κουμπιού */
  height: 48px !important;
  padding: 0 24px !important;
  font-size: 1.0625rem !important;
  /* ~17px */

  /* σωστή κάθετη στοίχιση & μία γραμμή */
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;

  /* τα υπόλοιπα όπως τα είχες */
  border-radius: 999px !important;
  border: 1px solid #d6defa !important;
  background: #fff !important;
  color: #0E3177 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}


/* 4) Body: “box” γύρω από Label+Select */
#companySelectionModal .modal-body {
  padding: 6px 24px 0 24px !important;
}

#companySelectionModal .modal-body>form>.row>.col-12 {
  border: 1px solid #e6eef8 !important;
  border-radius: 16px !important;
  padding: 18px !important;
  background: #fff !important;
}

/* Label + badge */
#companySelectionModal label[for="companySelect"] {
  display: block;
  margin-bottom: 10px;
  color: #404b5a !important;
  font-weight: 600 !important;
}

#companySelectionModal #companyModalCountBadge {
  background: #eef2fa !important;
  color: #404b5a !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: .22rem .45rem !important;
}

/* 5) Select / Select2 */
#companySelectionModal .select2-container {
  width: 100% !important;
}

/* Select2 μέσα στο modal – ύψος 44px χωρίς να “χυθεί” */
#companySelectionModal .select2-selection--single {
  height: 44px !important;
  padding: 0 .75rem !important;
  /* μόνο δεξιά/αριστερά */
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
}

#companySelectionModal .select2-selection__rendered {
  line-height: normal !important;
}

/* Native <select> (Bootstrap .form-select) – ίδια οπτικά, χωρίς flex */
#companySelectionModal .form-select {
  height: 44px;
  /* ή min-height:44px */
  padding: .375rem .75rem;
  /* κάθετο padding αντί για flex */
  line-height: 1.5;
  /* default/normal */
  box-sizing: border-box;
}

#companySelectionModal .select2-selection__arrow {
  height: 44px !important;
}

/* διακριτικό focus, όχι έντονο halo */
#companySelectionModal .form-select:focus,
#companySelectionModal .select2-container--focus .select2-selection {
  border-color: #c8d3f7 !important;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .06) !important;
  outline: none !important;
}

/* 6) Footer + “Μετάβαση” */
#companySelectionModal .modal-footer {
  border: 0 !important;
  justify-content: center !important;
  padding: 18px 24px 26px 24px !important;
}

#companySelectionModal #selectCompanyButton {
  border-radius: 999px !important;
  padding: .75rem 2.25rem !important;
  font-size: 1.125rem !important;
  /* ~18px */
  font-weight: 800 !important;
  /* γεμάτο */
  letter-spacing: .2px !important;
  background: #0E3177 !important;
  border-color: #0E3177 !important;
  box-shadow: 0 6px 16px rgba(14, 49, 119, .14) !important;
}

/* 7) Backdrop πιο απαλό */
.modal-backdrop.show {
  opacity: .35;
}

/* 8) Mobile tweaks */
@media (max-width: 576px) {
  #companySelectionModal .modal-dialog {
    width: calc(100vw - 1.25rem) !important;
    min-height: calc(100vh - .5rem) !important;
  }

  #companySelectionModal .modal-title {
    font-size: 1.75rem !important;
  }

  #companySelectionModal #addCompanyBtn {
    margin-left: 0;
  }
}

/* base: ομαλές μεταβάσεις */
#companySelectionModal #addCompanyBtn {
  transition: background .15s ease, color .15s ease,
    border-color .15s ease, box-shadow .15s ease,
    transform .08s ease !important;
}

/* hover / keyboard focus -> μπλε όπως το "Μετάβαση" */
#companySelectionModal #addCompanyBtn:hover,
#companySelectionModal #addCompanyBtn:focus-visible {
  background: #0E3177 !important;
  border-color: #0E3177 !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(14, 49, 119, .14) !important;
  transform: translateY(-1px);
  outline: none !important;
}

/* active: “πατάει” λίγο */
#companySelectionModal #addCompanyBtn:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(14, 49, 119, .12) !important;
}

/* --- Select2: ευθυγράμμιση ύψους στο modal --- */
#companySelectionModal .select2-container .select2-selection--single {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 .75rem !important;
  /* καθάρισε το 5px πάνω/κάτω */
  box-sizing: border-box !important;
  border-radius: 12px !important;
}

#companySelectionModal .select2-container .select2-selection__rendered {
  line-height: 44px !important;
  padding-left: 0 !important;
  /* προαιρετικό: μην διπλομετράει */
}

#companySelectionModal .select2-container .select2-selection__arrow {
  height: 44px !important;
}

/* Αν βλέπεις να "κόβεται" ποτέ: */
#companySelectionModal .modal-content {
  overflow: visible !important;
}

/* και για ασφάλεια πάνω από το modal */
#companySelectionModal .select2-container--open {
  z-index: 2000 !important;
}

/* 1) Το “κουτί” του Select2 μέσα στο modal */
#companySelectionModal .select2-container--default .select2-selection--single {
  height: 36px !important;
  min-height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: .75rem !important;
  padding-right: 2rem !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
}

/* 2) Το κείμενο (span με id select2-...-container) */
#companySelectionModal #select2-companySelect-container {
  line-height: 36px !important;
  /* να “κάθεται” ακριβώς μέσα στο 36px */
  padding-left: 0 !important;
  /* μην διπλομετράει */
}

/* 3) Το βελάκι */
#companySelectionModal .select2-selection__arrow {
  height: 36px !important;
}

/* Label "Αριθμός εταιρειών:" στο modal -> ίδιο look με #companyBadge */
#companySelectionModal label[for="companySelect"] {
  color: #0E3177 !important;
  font-size: 1.2rem !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  /* ίδιο weight με #companyBadge */
  margin-bottom: .5rem !important;
  /* κράτα ό,τι κενό θες */
}

/* Badge αριθμού στο modal -> ίδιο look με #companyCountBadge */
#companySelectionModal #companyModalCountBadge {
  color: #0E3177 !important;
  font-size: 1.2rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  /* ίδιο weight με #companyCountBadge */

  /* Άκυρο Bootstrap .badge */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* 1) Κείμενο στο πεδίο (πάνω) — κάν’ το μπλε */
#companySelectionModal .select2-container--default .select2-selection--single .select2-selection__rendered,
#select2-companySelect-container {
  color: #0E3177 !important;
  -webkit-text-fill-color: #0E3177 !important;
  /* WebKit */
  text-shadow: none !important;
  /* σε περίπτωση που “γκριζάρει” */
}

/* placeholder χρώμα, αν χρειάζεται */
#companySelectionModal .select2-selection__placeholder {
  color: #667085 !important;
}

/* 2) Αφαίρεση highlight από την ΕΠΙΛΕΓΜΕΝΗ επιλογή μέσα στο dropdown */
#companySelectionModal .select2-container--default .select2-results__option[aria-selected="true"] {
  background: transparent !important;
  color: #0E3177 !important;
}

/* 3) Hover/keyboard highlight μέσα στο dropdown -> μπλε/λευκό */
#companySelectionModal .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #0E3177 !important;
  color: #fff !important;
}

/* (προαιρετικό) το search input μέσα στο dropdown να είναι μπλε */
#companySelectionModal .select2-container .select2-search__field {
  color: #0E3177 !important;
}

/* SweetAlert2: Cancel = white pill + red text (outline) */
.swal2-popup .swal2-styled.swal2-cancel {
  background: #fff !important;
  color: #D64545 !important;
  /* κόκκινο κείμενο */
  border: 1px solid #e3eafc !important;
  /* διακριτικό περίγραμμα */
  border-radius: 9999px !important;
  /* pill */
  padding: 0.75rem 2.25rem !important;
  min-width: 190px !important;
  /* ίδιο πλάτος με το Ναι */
  font-weight: 800 !important;
  font-size: 1.125rem !important;
  box-shadow: none !important;
  transition: background .15s ease, color .15s ease,
    border-color .15s ease, transform .08s ease,
    box-shadow .15s ease !important;
}

.swal2-popup .swal2-styled.swal2-cancel:hover,
.swal2-popup .swal2-styled.swal2-cancel:focus {
  background: #FDECEC !important;
  /* απαλό κόκκινο hover */
  color: #D64545 !important;
  border-color: #D64545 !important;
  transform: translateY(-1px);
  outline: none !important;
}

.swal2-popup .swal2-styled.swal2-cancel:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(214, 69, 69, .12) !important;
}

/* === SweetAlert2 — Γενικά κείμενα σε Geologica === */
.swal2-popup,
.swal2-popup *:not(.fa):not([class*="fa-"]):not(.bi):not([class*="bi-"]) {
  font-family: "Geologica", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* === Confirm (Ναι): μπλε pill με άσπρα γράμματα === */
.swal2-popup .swal2-styled.swal2-confirm {
  background: #0E3177 !important;
  /* μπλε φόντο */
  color: #fff !important;
  /* άσπρα γράμματα */
  border: 1px solid #0E3177 !important;
  border-radius: 9999px !important;
  /* pill */
  /* padding: 0.75rem 2.25rem !important; */
  min-width: 190px !important;
  font-weight: 800 !important;
  font-size: 1.125rem !important;
  line-height: 1.1 !important;
  box-shadow: 0 6px 16px rgba(14, 49, 119, .14) !important;
  transition: transform .08s ease, box-shadow .15s ease !important;
}

.swal2-popup .swal2-styled.swal2-confirm:hover,
.swal2-popup .swal2-styled.swal2-confirm:focus {
  filter: brightness(1.05);
  transform: translateY(-1px);
  outline: none !important;
}

.swal2-popup .swal2-styled.swal2-confirm:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(14, 49, 119, .12) !important;
}

/* === Cancel (Άκυρο): outline με κόκκινο κείμενο — όπως πριν === */
.swal2-popup .swal2-styled.swal2-cancel {
  background: #fff !important;
  color: #D64545 !important;
  border: 1px solid #e3eafc !important;
  border-radius: 9999px !important;
  padding: 0.75rem 2.25rem !important;
  min-width: 190px !important;
  font-weight: 800 !important;
  font-size: 1.125rem !important;
  box-shadow: none !important;
  transition: background .15s ease, color .15s ease,
    border-color .15s ease, transform .08s ease !important;
}

.swal2-popup .swal2-styled.swal2-cancel:hover,
.swal2-popup .swal2-styled.swal2-cancel:focus {
  background: #FDECEC !important;
  color: #D64545 !important;
  border-color: #D64545 !important;
  transform: translateY(-1px);
  outline: none !important;
}

.swal2-popup .swal2-styled.swal2-cancel:active {
  transform: translateY(0);
}

/* ===== Company modal – Select2 look σαν το index ===== */

/* Κοντέινερ dropdown */
#companySelectionModal .select2-dropdown {
  border: 1px solid #e6eef8 !important;
  border-radius: 16px !important;
  /* στρογγυλεμένο πλαίσιο */
  box-shadow: 0 14px 36px rgba(12, 32, 84, .12) !important;
  overflow: hidden;
  /* για τις γωνίες */
  padding-top: 6px !important;
  /* μικρό “αέρα” πάνω από το search */
}

/* Πάνω search (placeholder, ύψος, στρογγύλεμα) */
#companySelectionModal .select2-search--dropdown {
  padding: 6px 12px 10px !important;
}

#companySelectionModal .select2-search--dropdown .select2-search__field {
  height: 42px !important;
  border: 1px solid #E6EBF3 !important;
  border-radius: 12px !important;
  padding: 0 12px !important;
  font-family: "Geologica", sans-serif !important;
  color: #0E3177 !important;
}

#companySelectionModal .select2-search--dropdown .select2-search__field::placeholder {
  color: #98A3B8 !important;
  opacity: 1 !important;
}

/* Λίστα: γραμματοσειρά & paddings */
#companySelectionModal .select2-results__option {
  padding: .70rem .95rem !important;
  font-family: "Geologica", sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
  color: #0E3177 !important;
}

/* Ενεργό/hovered item: μπλε φόντο + άσπρα γράμματα */
#companySelectionModal .select2-results__option--highlighted[aria-selected] {
  background: #0E3177 !important;
  color: #fff !important;
}

/* Επιλεγμένη τιμή πάνω στο control */
#companySelectionModal .select2-selection--single .select2-selection__rendered {
  color: #0E3177 !important;
  font-family: "Geologica", sans-serif !important;
  font-weight: 500 !important;
}

/* Το “κουτί” του select (ίδιο μήκος/στρογγύλεμα με input) */
#companySelectionModal .select2-container--default .select2-selection--single {
  height: 48px !important;
  border: 1px solid #E6EBF3 !important;
  border-radius: 14px !important;
  display: flex;
  align-items: center;
  padding: 0 44px 0 12px !important;
}

/* ===== Scrollbar & βελάκια μπλε ===== */
/* Firefox */
#companySelectionModal .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: #0E3177 #E9EBF1;
}

/* WebKit */
#companySelectionModal .select2-results__options::-webkit-scrollbar {
  width: 10px;
}

#companySelectionModal .select2-results__options::-webkit-scrollbar-track {
  background: #E9EBF1;
  border-radius: 10px;
}

#companySelectionModal .select2-results__options::-webkit-scrollbar-thumb {
  background: #0E3177;
  border-radius: 10px;
  border: 2px solid #E9EBF1;
}

#companySelectionModal .select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #0b2b66;
}

/* Προαιρετικά, τα scroll buttons (πάνω/κάτω) */
#companySelectionModal .select2-results__options::-webkit-scrollbar-button {
  background: #0E3177;
}

/* (Αν υπάρξουν spans για τίτλο/ΑΦΜ) κάνε τα “στήλες” */
#companySelectionModal .select2-results__option .company-item {
  display: flex;
  align-items: center;
  gap: .5rem;
  width: 100%;
}

#companySelectionModal .select2-results__option .company-title {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 700;
  /* πιο έντονο */
}

#companySelectionModal .select2-results__option .company-afm {
  flex: 0 0 auto;
  white-space: nowrap;
  opacity: .9;
}

/* ίδιο μπλε με το select (όπως έχεις στα κείμενα #0E3177) */
#companySelectionModal .select2-search--dropdown .select2-search__field::placeholder {
  color: #0E3177 !important;
  opacity: 1 !important;
  /* να μην ξεθωριάζει */
}

/* (προαιρετικό) κάνε και το actual text ίδιο μπλε */
#companySelectionModal .select2-search--dropdown .select2-search__field {
  color: #0E3177 !important;
}

/* Μην αφήνεις το modal container να σκρολάρει κάθετα */
.modal {
  overflow-y: hidden !important;
}

/* Κράτησε το dialog στο κέντρο και περιόρισέ το στο viewport */
.modal-dialog {
  max-height: calc(100dvh - 2rem);
  display: flex;
  margin: auto;
  /* ασφάλεια για κεντράρισμα */
}

/* Κάνε το modal-content «στήλη» ώστε μόνο το body να παίρνει scroll */
.modal-content {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

/* ΜΟΝΟ εδώ επιτρέπεται το scroll */
.modal-body {
  overflow: auto;
  /* προσαρμογή: ύψος = viewport - header - footer - περιθώρια */
  max-height: calc(100dvh - 2rem - 4rem - 3rem);
  /* 4rem περίπου header, 3rem footer (ρύθμισέ τα) */
}

/* 1) Επιλεγμένη (selected) επιλογή = ΓΚΡΙ
   - ΜΟΝΟ όταν ΔΕΝ είναι σε hover/highlight */
#companySelectionModal .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted),
#companySelectionModal .select2-results__option--selected:not(.select2-results__option--highlighted) {
  background: #EFEFF1 !important;
  /* απαλό γκρι */
  color: #0E3177 !important;
  /* ίδιο μπλε κειμένου */
  border-radius: 12px;
  /* αν θες rounded look */
}

/* 2) Hover/keyboard highlight = ΜΠΛΕ (μένει ως έχει, απλώς για σιγουριά) */
#companySelectionModal .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #0E3177 !important;
  color: #fff !important;
  border-radius: 12px;
  /* προαιρετικό */
}

/* μικραίνει το X (clear) */
#companySelectionModal .select2-selection--single .select2-selection__clear {
  transform: scale(.80);
  /* ή παίξε με .70 – .90 */
  line-height: 1;
  margin-right: 26px;
  /* προαιρετικό: κενό από το caret */
}

/* το container να επιτρέπει absolute children */
#companySelectionModal .select2-container--default .select2-selection--single {
  position: relative;
  padding-right: 56px;
  /* χώρος για Χ + βελάκι */
}

/* Χ: δίπλα στο βελάκι, λίγο μικρότερο */
#companySelectionModal .select2-selection--single .select2-selection__clear {
  position: absolute;
  right: 34px;
  /* ← αριστερά από το βελάκι (right:10px) */
  top: 50%;
  transform: translateY(-50%) scale(.80);
  margin: 0;
  padding: 0;
  line-height: 1;
}


/* ---------- 1) Ρυθμίσεις βάσης ---------- */
:root {
  /* Κεντρική γραμματοσειρά */
  --ff-sans: "Geologica", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Override μεταβλητών Bootstrap & πιθανών themes */
  --bs-font-sans-serif: var(--ff-sans);
  --bs-body-font-family: var(--ff-sans);

  /* Αν το theme εκθέτει δικές του μεταβλητές, καλύπτουμε μερικές συνηθισμένες */
  --falcon-font-sans-serif: var(--ff-sans);
  --phoenix-font-sans-serif: var(--ff-sans);
}

html {
  font-family: var(--ff-sans);
  font-weight: 400;
  /* Regular */
  font-synthesis-weight: none;
  /* όχι faux bold */
}

/* Κληρονομικότητα στα βασικά controls */
body,
button,
input,
select,
textarea {
  font-family: inherit;
}

/* Utilities βαρών */
.fw-light {
  font-weight: 300;
}

.fw-regular {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-bold {
  font-weight: 700;
}

/* ---------- 2) Στοχευμένα overrides components που συνήθως “κολλάνε” σε Poppins ---------- */
/* Χρησιμοποιώ prefix "body " για λίγο μεγαλύτερη specificity από απλά .btn/.nav-link του theme */
body :is(h1, h2, h3, h4, h5, h6,
  .navbar, .navbar-brand, .nav, .nav-link, .nav-item,
  .dropdown-toggle, .dropdown-menu, .dropdown-item,
  .btn, .badge, .chip,
  .breadcrumb, .pagination,
  .table, .table *,
  .card, .card-title, .card-header, .card-body,
  .list-group-item, .accordion-button,
  .modal-title, .toast, .tooltip, .popover,
  .form-control, .form-select, .form-label, .form-check-label, .input-group-text) {
  font-family: var(--ff-sans);
}

/* ---------- 3) Προστασία ειδικών περιπτώσεων ---------- */
/* Κώδικας πάντα monospace */
code,
pre,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

:root {
  --falcon-heading-color: #0E3177;
  /* ισχύει για όλα τα headings που το χρησιμοποιούν */
}

nav[aria-label="breadcrumb"] {
  margin-bottom: 0.5rem;
}

/* ή 1.5rem/2rem */

nav[aria-label="breadcrumb"] .breadcrumb-item {
  font-weight: 300;
}

/* Τίτλος + breadcrumb: φέρε τα πιο κοντά παντού */
.heading-title {
  display: block;
  /* για να “πιάνει” margin */
  margin-bottom: .25rem !important;
  /* ή 0 */
}

.heading-title h1 {
  margin-bottom: 0 !important;
  /* μην ξαναπροσθέτει κενό */
}

/* προαιρετικό: μηδένισε το top του breadcrumb αν έχει */
nav[aria-label="breadcrumb"] {
  margin-top: 0 !important;
}

/* --- MOBILE: κόψε το min-width και απόφυγε το 100vw overflow --- */
@media (max-width: 576px) {
  #companyDropdown.company-dropdown {
    width: calc(100dvw - 24px) !important;
    /* γεμίζει όλο το πλάτος χωρίς overflow */
    max-width: none !important;
    left: 12px !important;
    right: 12px !important;
    /* αν ανοίγει από δεξιά, το right:12px κρατά “μαξιλάρι” */
  }
}

/* Fallback για browsers χωρίς dvw */
@supports not (width: 1dvw) {
  @media (max-width: 576px) {
    #companyDropdown.company-dropdown {
      width: calc(100vw - 24px) !important;
    }
  }
}

/* Προληπτικά – μην επιτρέπεις οριζόντιο scroll στο body */
html,
body {
  overflow-x: hidden;
}

/* Container της topbar (όπου είναι το κουμπί εταιρείας & τα icons) */
.navbar-top .navbar-nav,
.navbar-top .container,
.navbar-top .container-fluid {
  min-width: 0;
  /* κρίσιμο για text-truncation */
}

/* Ομάδα δεξιών actions να “σπάει” */
.topbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  min-width: 0;
}

/* Company chip: να χωράει και να κόβει σωστά κείμενο */
#companyDropdownBtn.company-chip {
  max-width: 100%;
  min-width: 0;
}

#companyDropdownBtn.company-chip .text {
  display: inline-block;
  max-width: 60vw;
  /* κινητά: μην ξεχειλώνει */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) {
  #companyDropdownBtn.company-chip .text {
    max-width: 40vw;
  }
}

/* Μικραίνουμε ελαφρά τα κουμπιά/εμβλήματα σε <576px */
@media (max-width: 576px) {

  .topbar-actions .btn,
  .topbar-actions .btn-icon,
  .topbar-actions .nav-link {
    padding: .35rem .5rem;
    line-height: 1.1;
  }
}

/* Κινητό: κρύψε καμπάνα + εικονίδιο κτηρίου (το μικρό SVG πριν το κουμπί) */
@media (max-width: 576px) {

  /* καμπάνα ειδοποιήσεων */
  #navbarDropdownNotification {
    display: none !important;
  }

  /* το μικρό building icon δίπλα από το company button */
  /* .company-square-icon{ 
    display:none !important; 
  } */

  /* σφίξε και τα κενά δεξιά από το company */
  .dropdown.me-3 {
    margin-right: .25rem !important;
  }
}

/* XS μόνο (<576px): κρύψε bell + building icon στην TOPBAR */
@media (max-width: 575.98px) {
  nav.navbar-top .navbar-nav-icons a#navbarDropdownNotification {
    display: none !important;
  }

  /* nav.navbar-top .navbar-nav-icons svg.company-square-icon{
    display: none !important;
  } */
}

/* XS: ακόμα πιο compact company button ώστε να χωράει δίπλα στο user */
@media (max-width: 575.98px) {
  #companyDropdownBtn.company-chip {
    display: inline-flex !important;
    align-items: center;
    gap: .35rem;
    height: 32px;
    /* πιο κοντό */
    padding: .25rem .5rem !important;
    /* μικρότερο padding */
    font-size: .80rem !important;
    /* ~12.8px */
    line-height: 1 !important;
    border-radius: 9999px !important;
    min-width: 0;
    /* κρίσιμο για truncation */
    max-width: 48vw;
    /* αφήνει χώρο για το user icon */
  }

  /* κόψιμο τίτλου με … και πιο αυστηρό όριο πλάτους */
  #companyDropdownBtn.company-chip .text {
    display: inline-block;
    max-width: 28vw;
    /* σφίξε όσο χρειάζεται */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* προαιρετικά: κρύψε το icon μέσα στο κουμπί για να κερδίσεις χώρο */
  #companyDropdownBtn.company-chip i {
    display: none !important;
  }

  /* λίγο κενό πριν από το user icon */
  .navbar-top .nav-link-user {
    margin-left: .35rem;
  }
}

/* extra-compact για πολύ στενές οθόνες */
@media (max-width: 380px) {
  #companyDropdownBtn.company-chip {
    max-width: 44vw;
  }

  #companyDropdownBtn.company-chip .text {
    max-width: 24vw;
  }
}

/* XS (<576px): company button = icon-only */
@media (max-width: 575.98px) {
  #companyDropdownBtn.company-chip {
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    min-width: auto !important;
    max-width: none !important;
    line-height: 1 !important;
  }

  /* κρύψε τον τίτλο */
  #companyDropdownBtn.company-chip .text {
    display: none !important;
  }

  /* δείξε/κέντραρε το icon (αν είχε κρυφτεί πιο πάνω) */
  #companyDropdownBtn.company-chip i,
  #companyDropdownBtn.company-chip .fa,
  #companyDropdownBtn.company-chip svg {
    display: inline-block !important;
    font-size: 18px !important;
    /* παίξε 16–20 αν θες */
    margin: 0 !important;
  }

  /* βγάλε το caret του dropdown */
  #companyDropdownBtn.company-chip.dropdown-toggle::after {
    display: none !important;
  }

  /* λίγο κενό πριν το user icon */
  .navbar-top .nav-link-user {
    margin-left: .35rem;
  }
}

/* XS (<576px): company button = icon-only (κρύψε τελείως τον τίτλο) */
@media (max-width: 575.98px) {
  #companyDropdownBtn.company-chip {
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* κρύψε οποιοδήποτε κείμενο μέσα στο κουμπί */
    font-size: 0 !important;
    /* εξαφανίζει text nodes */
  }

  /* αν έχει wrapper για τίτλο, κρύψ’ τον κι explicit */
  #companyDropdownBtn.company-chip .text,
  #companyDropdownBtn.company-chip .company-title {
    display: none !important;
  }

  /* δείξε μόνο το icon, σε κανονικό μέγεθος */
  #companyDropdownBtn.company-chip i,
  #companyDropdownBtn.company-chip .fa,
  #companyDropdownBtn.company-chip svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }

  /* βγάλε το caret */
  #companyDropdownBtn.company-chip.dropdown-toggle::after {
    display: none !important;
  }

  /* λίγο κενό πριν από το user icon */
  .navbar-top .nav-link-user {
    margin-left: .35rem;
  }
}

/* XS: Company dropdown full-width sheet */
@media (max-width: 575.98px) {
  :root {
    --topbar-h: 56px;
  }

  /* ρύθμισέ το αν η topbar σου είναι άλλη */

  /* Κάν’ το fixed, full-width, χωρίς μετατόπιση Popper */
  #companyDropdown.company-dropdown {
    position: fixed !important;
    top: var(--topbar-h) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
    margin: 0 !important;
    transform: none !important;
    /* ακύρωση translate3d */
    border-radius: 0 !important;
    /* να αγγίζει τα άκρα */
    border: 0 !important;
    z-index: 1080 !important;
    /* πάνω από όλα */
    box-shadow: 0 8px 18px rgba(10, 45, 116, .08);
  }

  /* Το περιεχόμενο να κάνει scroll εντός οθόνης */
  #companyDropdown.company-dropdown .company-dropdown-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    padding: 12px 16px;
  }

  #companyDropdown.company-dropdown .dropdown-divider {
    margin: 8px 0;
  }

  /* Ύψος dropdown = όλο το διαθέσιμο ύψος */
  #companyDropdown.company-dropdown {
    max-height: calc(100dvh - var(--topbar-h)) !important;
    overflow: hidden !important;
    /* για τις στρογγυλές γωνίες */
  }

  #companyList {
    max-height: calc(100dvh - var(--topbar-h) - 72px) !important;
    /* ~header */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* ===== Company Selection modal — μόνο mobile (≤576px) ===== */
@media (max-width: 575.98px) {

  /* 1) «Προσθήκη Εταιρείας» στο κέντρο και με κεντραρισμένο κείμενο */
  #companySelectionModal #addCompanyBtn {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 6px auto 12px !important;
    width: auto !important;
    /* να μην απλώνει */
    white-space: nowrap !important;
    /* να μη σπάει */
  }

  /* 2) «Αριθμός Εταιρειών» κέντρο, ο αριθμός από κάτω */
  #companySelectionModal .modal-body>form>.row>.col-12 {
    text-align: center !important;
  }

  #companySelectionModal label[for="companySelect"] {
    display: block !important;
    text-align: center !important;
    margin-bottom: .35rem !important;
    width: 100%;
  }

  #companySelectionModal #companyModalCountBadge {
    display: block !important;
    /* φέρ’ το από κάτω */
    text-align: center !important;
    margin: 0 auto .65rem !important;
  }

  /* 3) Το select/Select2 να κάθεται όμορφα στο κέντρο */
  #companySelectionModal .select2-container,
  #companySelectionModal .form-select {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }

  /* 4) Dropdown (λίστα) — μεγαλύτερο line-height, χωρίς “πατήματα” */
  #companySelectionModal .select2-results__option {
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: break-word !important;
    font-size: 1rem !important;
    padding: .70rem .95rem !important;
  }

  /* και το render του επιλεγμένου */
  #companySelectionModal .select2-selection__rendered {
    line-height: normal !important;
  }

  /* 5) Αν ανοίγει εκτός modal/viewport, κράτα το μέσα στο πλάτος */
  #companySelectionModal .select2-dropdown {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px !important;
  }
}

/* ===== Modal & Select2 fixes — ONLY on small screens ===== */

/* 1) Γενικά: όχι οριζόντιο scroll/compensation όταν ανοίγει modal */
html,
body {
  overflow-x: hidden;
}

body.modal-open,
.modal,
.modal-open .navbar-fixed-top,
.modal-open .navbar-static-top,
.modal-open .navbar-fixed-bottom {
  padding-right: 0 !important;
}

/* Ασφάλεια για το modal body */
.modal-body {
  overflow-x: hidden !important;
}

/* 2) Select2 dropdown πάνω από modal */
.select2-container--open {
  z-index: 2000 !important;
}

/* 3) MOBILE (<576px): modal & dropdown full-width, χωρίς κενά δεξιά/αριστερά */
@media (max-width: 575.98px) {

  /* Modal: full width, χωρίς κενά στα πλάγια */
  #companySelectionModal .modal-dialog {
    width: 100dvw !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #companySelectionModal .modal-content {
    border-radius: 0 !important;
  }

  /* Select2 dropdown: γεμίζει όλη την οθόνη, κεντραρισμένο by design */
  #companySelectionModal .select2-container--open .select2-dropdown {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
    margin: 0 !important;
    border-radius: 16px !important;
    /* ωραίες γωνίες στο κινητό */
  }

  /* Λίγος “αέρας” στο search */
  #companySelectionModal .select2-search--dropdown {
    padding: 8px 12px !important;
  }
}

/* === ΜΟΝΟ σε μικρές οθόνες (<576px) === */
@media (max-width: 575.98px) {

  /* 1) Τίτλος modal: μικρότερος */
  #companySelectionModal .modal-title {
    font-size: 1.3rem !important;
    /* π.χ. ~16.8px */
    line-height: 1.25 !important;
  }

  /* 2) "Αριθμός Εταιρειών" + αριθμός: μικρότερα */
  #companySelectionModal label[for="companySelect"] {
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
  }

  #companySelectionModal #companyModalCountBadge {
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  /* 3) Placeholder & επιλεγμένη τιμή του select (Select2 ή native) */
  #companySelectionModal .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
  }

  #companySelectionModal .select2-selection__placeholder {
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
  }

  /* (αν χρησιμοποιηθεί native <select>) */
  #companySelectionModal .form-select {
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
  }

  /* 4) Το modal πιο πάνω στο κινητό (χωρίς να αλλάξουμε desktop) */
  #companySelectionModal .modal-dialog-centered {
    display: flex !important;
    align-items: flex-start !important;
    /* ξεκινά από πιο πάνω */
    min-height: 100dvh !important;
    padding-top: 10dvh !important;
    /* πόσο “πάνω” θες (πείραξέ το) */
  }
}

/* Mobile only: κρύψε το X (clear) στο select2 */
@media (max-width: 575.98px) {

  /* Γενικά για όλα τα Select2 σε μικρές οθόνες */
  .select2-selection--single .select2-selection__clear {
    display: none !important;
  }

  /* Προσαρμογή δεξιού χώρου & caret */
  .select2-container .select2-selection--single {
    padding-right: 2rem !important;
    /* μικρότερο γιατί λείπει το X */
  }

  .select2-selection--single .select2-selection__arrow {
    right: 12px !important;
  }

  /* (αν θες να το περιορίσεις μόνο στο modal) */
  /* 
  #companySelectionModal .select2-selection--single .select2-selection__clear{ display:none !important; }
  #companySelectionModal .select2-container .select2-selection--single{ padding-right: 2rem !important; }
  #companySelectionModal .select2-selection--single .select2-selection__arrow{ right: 12px !important; }
  */
}

/* Mobile-only scroll lock για modal / dropdown / select2 / αριστερό μενού */
@media (max-width: 575.98px) {

  /* Κλείδωσε το background όταν ανοίγει overlay */
  body.modal-open,
  html:has(.dropdown-menu.show),
  body:has(.dropdown-menu.show),
  html:has(.select2-container--open),
  body:has(.select2-container--open),
  html:has(.offcanvas.show),
  body:has(.offcanvas.show) {
    overflow: hidden !important;
    overscroll-behavior: contain;
    height: 100dvh;
    /* iOS fix */
  }

  /* Offcanvas (αριστερό μενού) να σκρολάρει μόνο μέσα του, χωρίς scroll chaining */
  .offcanvas.show,
  .offcanvas.show .offcanvas-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
  }

  /* Αν το αριστερό μενού είναι .navbar-vertical (όχι offcanvas) */
  .navbar-vertical {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
  }

  /* Μπλοκάρεις σκρολάρισμα στο κύριο περιεχόμενο όταν υπάρχει overlay */
  body:has(.offcanvas.show) .content,
  body:has(.dropdown-menu.show) .content,
  body:has(.select2-container--open) .content {
    overflow: hidden !important;
    touch-action: none;
  }

  /* Backdrop να “ρουφάει” gestures */
  .offcanvas-backdrop.show {
    touch-action: none;
  }
}

/* Κρύψε το logo στο top bar για μικρές οθόνες (κάτω από 768px) */
@media (max-width: 576px) {
  .navbar-top .navbar-brand {
    display: none !important;
  }
}

.navbar-top .navbar-brand {
  position: relative;
  z-index: 1030;
  margin-right: 1rem !important;
}

/* --- Mobile: το εικονίδιο μένει, το κουμπί γίνεται αόρατο & κάθεται από πάνω --- */
@media (max-width: 576px) {

  /* Το container του dropdown να είναι σχετικό για absolute positioning */
  .navbar-nav-icons .dropdown {
    position: relative;
    display: flex;
    align-items: center;
  }

  /* Δείξε το εικονίδιο κτηρίου κανονικά */
  .navbar-nav-icons .company-square-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 6px;
  }

  /* Κάνε το πραγματικό trigger (button) αόρατο & μικρό,
     και βάλ’ το ΑΚΡΙΒΩΣ πάνω από το εικονίδιο */
  #companyDropdownBtn {
    position: absolute;
    left: 0;
    /* αν χρειάζεται, ρύθμισε π.χ. 2px */
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;

    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 0;
    /* πλήρως αόρατο αλλά clickable */
    z-index: 2;
    /* πάνω από το SVG για να πιάνει το tap */
  }

  /* Κρύψε οτιδήποτε μέσα στο κουμπί (κείμενα/βελάκια) για να μη “φουσκώνει” */
  #companyDropdownBtn .text,
  #companyDropdownBtn .fa,
  #companyDropdownBtn svg,
  #companyDropdownBtn::after {
    display: none !important;
  }

  /* Ασφάλεια: το “chip” να μην αφήνει λευκή κάψουλα */
  .company-chip {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}

/* Το περιεχόμενο του κάθετου μενού να είναι το μοναδικό scrolling container */
.navbar-vertical .navbar-vertical-content {
  max-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /* κόβει το “σούρωμα” στο background */
}

/* Όταν κλειδώνουμε το body */
.body-scroll-locked {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.company-square-icon {
  width: 20px;
  /* δοκίμασε 18–20 μέχρι να "κουμπώσει" */
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

.navbar-top .nav-link-user .user-icon-avatar,
#userMenu .user-icon-avatar {
  background: transparent !important;
  border-radius: 0 !important;
  /* ή άστο 50% αν θες μόνο τον κύκλο χωρίς fill */
  box-shadow: none !important;
}

/* DataTables + Bootstrap5 pagination: πάντα μπλε χρώμα */
body div.dataTables_wrapper .dataTables_paginate {
  color: #0E3177 !important;
  /* για να κληρονομεί το "inherit" του current */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}

/* Default numbers (1,2,3,4...) */
body div.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #0E3177 !important;
  /* μπλε για τους αριθμούς */
  padding: 6px 10px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  min-width: 32px;
  text-align: center;
  font-weight: 600;
}

/* Active page (current page 3) */
body div.dataTables_wrapper .dataTables_paginate .paginate_button.current,
body div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #0E3177 !important;
  /* μπλε φόντο για το ενεργό κουμπί */
  border: 0 !important;
  color: #fff !important;
  /* άσπρο κείμενο για το ενεργό */
}

/* Default: τα < και > είναι διαφανή και μπλε κείμενο */
body div.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
body div.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  background: transparent !important;
  color: #0E3177 !important;
  /* μπλε κείμενο */
  /* border: 1px solid #0E3177 !important; */
  /* μπλε περίγραμμα */
  border-radius: 9999px !important;
  /* κυκλικό σχήμα */
  width: 34px;
  height: 34px;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

/* Hover effect για prev/next (θα αλλάξει background στο hover) */
body div.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
body div.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
  background: #0E3177 !important;
  /* μπλε φόντο */
  color: #fff !important;
  /* άσπρο κείμενο */
  border-color: #0E3177 !important;
}

/* Active (current page) για < και > */
body div.dataTables_wrapper .dataTables_paginate .paginate_button.previous:active,
body div.dataTables_wrapper .dataTables_paginate .paginate_button.next:active {
  background: #0E3177 !important;
  /* μπλε φόντο */
  color: #fff !important;
  /* άσπρο κείμενο */
  border-color: #0E3177 !important;
}

/* Ellipsis (...) */
body div.dataTables_wrapper .dataTables_paginate .paginate_button.ellipsis {
  border: 0 !important;
  background: transparent !important;
  color: #0E3177 !important;
  /* μπλε για το ellipsis */
  min-width: 22px;
}

@media (max-width: 575.98px) {
  .cancelButton{
    height: 50px !important;
    padding: 16px 32px !important;     /* ίδιο με Διαγραφή */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    /* προαιρετικό: για να πλησιάσει ακριβώς το πλάτος του Διαγραφή */
    min-width: 145.75px !important;
  }
}

/* Mobile: βάλε το user icon δίπλα στο "Προσθήκη Εταιρείας" */
@media (max-width: 575.98px) {

  /* Κάνε το header "container" για positioning */
  #companySelectionModal .modal-header{
    position: relative;
  }

  /* Το κουμπί να έχει λίγο χώρο αριστερά για το icon */
  #companySelectionModal #addCompanyBtn{
    padding-left: 54px; /* ρυθμίζεις 48-60 */
  }

  /* Φέρε το user-menu πάνω στο κουμπί, αριστερά */
  #companySelectionModal .nav-item.dropdown.user-menu{
    position: absolute !important;
    top: 80px !important;     /* ρυθμίζεις για να πέσει στο ύψος του κουμπιού */
    left: calc(50% - 150px) !important;  /* χοντρικά αριστερά από το centered κουμπί */
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 5;
  }

  /* Μικρότερο icon για να "δένει" */
  #companySelectionModal .user-icon-avatar svg{
    width: 18px !important;
    height: 18px !important;
  }
}

/* =============================
   Mobile: "Έξοδος" (cancelButton) πάντα τέρμα δεξιά
   (στα main action rows κάτω από φόρμες)
   ============================= */
@media (max-width: 767.98px) {
  /* Κλασικό layout:
     <div class="row"><div class="d-md-flex justify-content-between"> ... */
  .row > .d-md-flex.justify-content-between > .col-12.col-md-6:first-child {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
  }

  /* Push "Έξοδος" στο τέρμα δεξιά */
  .row > .d-md-flex.justify-content-between > .col-12.col-md-6:first-child .cancelButton {
    margin-left: auto !important;
  }
}


/* Mobile: το hamburger να μένει πάντα τέλειος κύκλος */
@media (max-width: 576px) {
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 40px !important;
    flex-shrink: 0 !important;

    border-radius: 50% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon:hover,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon:focus,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon:active,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon[aria-expanded="true"] {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 50% !important;
  }

  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon .navbar-toggle-icon,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon .toggle-line {
    flex-shrink: 0 !important;
  }
}

/* Mobile: το hamburger να μένει κυκλικό + το ανοιχτό menu να ξεκινά πιο πάνω */
@media (max-width: 576px) {
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 40px !important;
    flex-shrink: 0 !important;

    border-radius: 50% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon:hover,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon:focus,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon:active,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon[aria-expanded="true"] {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 40px !important;
    flex-shrink: 0 !important;

    border-radius: 50% !important;
    transform: none !important;
    overflow: hidden !important;
  }

  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon::before,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon::after {
    border-radius: 50% !important;
  }

  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon .navbar-toggle-icon,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon .toggle-line {
    flex-shrink: 0 !important;
  }

  /* Το mobile menu να ξεκινά πιο πάνω */
  #navbarVerticalCollapse.collapse.show,
  #navbarVerticalCollapse.collapsing {
    margin-top: -32px !important;
  }
}

@media (max-width: 950px) and (max-height: 500px) and (orientation: landscape) {

  #navbarVerticalCollapse.collapse.show,
  #navbarVerticalCollapse.collapsing {
    width: 95vw !important;
    max-width: 95vw !important;
    min-height: 92vh !important;
    margin-top: -32px !important;
  }

  #navbarVerticalCollapse .navbar-vertical-content.scrollbar {
    width: 95vw !important;
    max-width: 95vw !important;
    min-height: 92vh !important;
    padding-bottom: 40px !important;
    background: #fff !important;
  }
}

html.navbar-vertical-collapsed #massSalaryCalculationButton .massSalaryCalculationText {
    display: none !important;
}

html.navbar-vertical-collapsed #massSalaryCalculationButton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 9999px !important;
}

html.navbar-vertical-collapsed #massSalaryCalculationButton i {
    margin: 0 !important;
    font-size: 1rem;
}

#massSalaryCalculationButton .massSalaryCalculationText {
  margin-left: 8px !important;
}

@media (max-width: 991.98px) {
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon {
    position: relative !important;
  }

  /* κρύβουμε το έτοιμο icon για να μη μπλέκεται */
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon .navbar-toggle-icon {
    display: none !important;
  }

  /* 3 καθαρές ίσιες γραμμές */
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon::before,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon::after,
  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon .toggle-line {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    width: 16px !important;
    height: 2px !important;
    background: #5f6f8f !important;
    border-radius: 2px !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon::before {
    top: 14px !important;
  }

  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon .toggle-line {
    top: 20px !important;
  }

  .navbar-top .navbar-toggler.navbar-toggler-humburger-icon::after {
    top: 26px !important;
  }
}

@media (max-width: 991.98px) {
  #navbarVerticalCollapse.collapse.show,
  #navbarVerticalCollapse.collapsing {
    height: calc(100dvh - 56px) !important;
    max-height: calc(100dvh - 56px) !important;
    overflow: hidden !important;
  }

  #navbarVerticalCollapse .navbar-vertical-content.scrollbar {
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;

    padding-bottom: calc(90px + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(90px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
  }

  #navbarVerticalCollapse #erganiRedirect,
  #navbarVerticalCollapse #erganiKratikoRedirect,
  #navbarVerticalCollapse .massSalaryCalculationBtn,
  #navbarVerticalCollapse .company-banner,
  #navbarVerticalCollapse .navbar-nav:last-child,
  #navbarVerticalCollapse .nav-item:last-child {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  #employeeSelectionModal .modal-body {
    overflow-y: scroll !important;
    max-height: 60vh;
    scrollbar-width: auto;
    scrollbar-color: #4f4f4f #d6d6d6;
    -webkit-overflow-scrolling: touch;
  }

  #employeeSelectionModal .modal-body::-webkit-scrollbar {
    width: 16px;
  }

  #employeeSelectionModal .modal-body::-webkit-scrollbar-track {
    background: #d6d6d6;
    border-radius: 12px;
  }

  #employeeSelectionModal .modal-body::-webkit-scrollbar-thumb {
    background: #4f4f4f;
    border-radius: 12px;
    border: 2px solid #d6d6d6;
  }

  #employeeSelectionModal .modal-body::-webkit-scrollbar-thumb:hover {
    background: #2f2f2f;
  }
}