/* =========================================
   HR Week – Unified Dark Theme (v3)
   Palette: #08091e (bg) / #1ab870 (accent) / #ffffff (text)
========================================= */
:root{
  --bg:#08091e; --bg-2:#0f1027; --bg-3:#10112a; --bd:#1c1d3a;
  --tx:#ffffff; --tx-muted:#d0d0d0; --accent:#1ab870; --accent-hover:#17a163;
}
.cookiesBtn__link {
    background-color: #18E183 !important;
    border-color: #18E183 !important;
    color: #fff; /* bela boja teksta */
}

.subMenu {
    background-color: rgba(70, 71, 71, 0.30); /* providno belom */
    backdrop-filter: blur(10px); /* zameni 10px po želji */
    -webkit-backdrop-filter: blur(10px); /* za Safari */
    border-radius: 10px; /* opcionalno, lepši izgled */
    border: 1px solid rgba(255,255,255,0.2); /* opcionalno, fine linije */
}
.mobile-menu-bottom {
    background: rgba(255, 255, 255, 0.10) !important; /* light transparent tint */
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;

    color: white !important;
    border: 0 !important;
    box-shadow: none !important;
}

.mobile-menu-bottom a,
.mobile-menu-bottom i,
.mobile-menu-bottom span {
    color: #fff !important;
    fill: #fff !important;
}

#offcanvasBottomNavigation > div > div > div > div.mobile-menu-bottom-item.sidebar {
    display: none !important;
}

.subMenuTxt
{
  color:white !important
}

 .modal-body {
background: unset !important; /* ili background: initial; */
color: unset !important;      /* ili color: initial; */
}
.modal-body , p{
background: unset !important; /* ili background: initial; */
color: black !important;  

}


/* Page */
body,
main.content,
main.content .container-content,
main.content .content-wraper,
main.content .feed--all-type,
main.content .sidebar-wraper{ background:var(--bg)!important; color:var(--tx)!important; }

/* =========================================
   HEADER – subtle “aurora” gradient
========================================= */
nav#default_header {
    /* Uklanja Bootstrap i inline background */
    background-color: transparent !important;

    /* Tvoja custom glass boja */
    background: var(--Glass-2, rgb(39 22 22 / 90%));

    /* Blur + shadow */
    box-shadow: 
        0 1px 2px rgba(0, 0, 0, 0.30),
        0 2px 6px 2px rgba(156, 107, 107, 0);
    backdrop-filter: blur(50px);

    /* Osigurava da centriranje radi */
    display: flex;
    justify-content: center;
}
/* REMOVE the thin blue line under the header (that div right after nav) */
nav#default_header + .w-100.border-top{ border-top:none!important; height:0!important; }

/* Navbar links/icons */
nav#default_header .nav-link,
nav#default_header .navbar-brand,
nav#default_header .navbar-brand span,
nav#default_header .offcanvas-title,
nav#default_header a{ color:#fff!important; }
nav#default_header .nav-link:hover,
nav#default_header .nav-link.active,
nav#default_header .link-primary:hover{ color:var(--accent)!important; background:transparent!important; }

/* Bigger logo */
nav#default_header .navbar-brand img.main-logo{
  filter:brightness(0) invert(1);
  max-height:52px;               /* ↑ was ~36px */
}
@media (min-width: 992px){
  nav#default_header .navbar-brand img.main-logo{ max-height:56px; }
}

/* Offcanvas (mobile menu) */
nav#default_header .offcanvas{ background:#08091e!important; color:#fff!important; }
nav#default_header .offcanvas .nav-link{ color:#fff!important; }
nav#default_header .offcanvas .nav-link:hover{ color:var(--accent)!important; }

/* =========================================
   Spacing between feed and right sidebar
========================================= */
@media (min-width: 992px){
  .content-wraper{ margin-right:24px!important; }
  .sidebar-wraper{ margin-left:24px!important; }
}


 .text-primary {
display:none !important;
    }

/* =========================================
   Page header title (HR Week 2025)
========================================= */
main.content .page-header h1,
main.content .breadcrumb-item h1{ color:#fff!important; }

/* =========================================
   Search, Filters & Sorting (top strip)
========================================= */
main.content .filters--search{ background:transparent!important; color:#fff!important; border-bottom:1px solid rgba(255,255,255,.10); }
main.content .filters--search .form-control{
  background:var(--bg-3)!important; color:#fff!important; border:1px solid var(--accent)!important;
  transition:box-shadow .3s ease, border-color .3s ease;
}
main.content .filters--search .form-control::placeholder{ color:#aaa!important; }
main.content .filters--search .form-control:focus{ outline:none!important; box-shadow:0 0 8px var(--accent); border-color:var(--accent-hover)!important; }
main.content .filters--search .input-group-text{ background:var(--accent)!important; border-color:var(--accent)!important; color:#fff!important; }
main.content .filters--search i{ color:#fff!important; }
main.content .btn-more-filters, main.content .sorting .dropdown-toggle{ color:#fff!important; }
main.content .btn-more-filters i{ color:var(--accent)!important; }
main.content .dropdown-menu{ background:var(--bg-3)!important; border:1px solid var(--accent)!important; }
main.content .dropdown-item{ color:#fff!important; }
main.content .dropdown-item:hover{ background:var(--accent)!important; color:#fff!important; }

/* =========================================
   Tabs – Agenda / Live / Past (no pills/lines)
========================================= */
main.content .agenda-filter .nav .nav-link{
  color:#fff!important; background:transparent!important; border:none!important; border-radius:0!important; padding:.5rem .75rem!important;
}
main.content .agenda-filter .nav .nav-link:hover,
main.content .agenda-filter .nav .nav-link.active{ color:var(--accent)!important; }

/* =========================================
   Agenda Cards
========================================= */
main.content .classicBox, main.content .classicBox.feed-item{
  background:var(--bg-2)!important; border:1px solid var(--bd)!important; color:var(--tx)!important;
}
main.content .classicBox h4 a, main.content a{ color:var(--accent)!important; }
main.content .classicBox .excerpt{ color:var(--tx-muted)!important; }
main.content .agenda_item_time_wrapper,
main.content .agenda_item_time_start,
main.content .agenda_item_time_end{ color:var(--tx)!important; }
main.content .session_type_badge_keynote,
main.content .type-topics-list-wraper .btn.type{ background:var(--accent)!important; color:#fff!important; border:none!important; }




/* =========================================
   Icons & Interactions (no green pills)
========================================= */
main.content i{ color:var(--tx)!important; }
main.content .views i, main.content .share a i{ color:var(--tx-muted)!important; }

/* Remove the small GREEN pill next to the views count */
.classicBox .meta-info .fa-stack .fa-circle{ color:transparent!important; } /* hides stacked circle bg */
.classicBox .meta-info .badge,
.classicBox .meta-info .label{ background:transparent!important; color:#fff!important; border:none!important; }

/* Interactions — white by default, green on hover/active */
main.content .interactions .like-btn,
main.content .interactions .bookmark-btn,
main.content .interactions .answers-number{ background:transparent!important; border:none!important; box-shadow:none!important; }
main.content .interactions .like-btn i,
main.content .interactions .bookmark-btn i,
main.content .interactions .answers-number i,
main.content .interactions .like-btn .like-count,
main.content .interactions .bookmark-btn .like-count,
main.content .interactions .answers-number .cr-count{ color:#fff!important; }
main.content .interactions .like-btn:hover i,
main.content .interactions .bookmark-btn:hover i,
main.content .interactions .answers-number:hover i,
main.content .interactions .like-btn:hover .like-count,
main.content .interactions .bookmark-btn:hover .like-count,
main.content .interactions .answers-number:hover .cr-count{ color:var(--accent)!important; }
main.content .interactions .like-btn.active i,
main.content .interactions .bookmark-btn.active i,
main.content .interactions .like-btn.active .like-count,
main.content .interactions .bookmark-btn.active .like-count,
main.content .interactions .like-btn[aria-pressed="true"] i,
main.content .interactions .bookmark-btn[aria-pressed="true"] i,
main.content .interactions .like-btn[aria-pressed="true"] .like-count,
main.content .interactions .bookmark-btn[aria-pressed="true"] .like-count{ color:var(--accent)!important; }

/* =========================================
   Sidebar – Download banner & Filters Grid
========================================= */
/* Download agenda block (icon darker) */
.sidebar-filters-wraper.download{
  background:
    radial-gradient(600px 280px at -15% -50%, rgba(26,184,112,0.22) 0%, rgba(26,184,112,0.07) 40%, rgba(26,184,112,0) 70%),
    linear-gradient(135deg, #0a0b22 0%, #08091e 55%, #070817 100%) !important;
  border-radius:8px; padding:14px; text-align:center;
  border:1px solid rgba(255,255,255,.12)!important;
}
.sidebar-filters-wraper.download a{ color:#fff!important; font-weight:500; text-decoration:none!important; }
/* make stacked circle dark and arrow light */
.sidebar-filters-wraper.download .fa-stack .fa-circle{ color:#0b0f1f!important; }
.sidebar-filters-wraper.download .fa-stack .fa-arrow-down-to-line{ color:#ffffff!important; }

/* Filters box with grid lines */
.sidebar-filters-wraper{
  background:var(--bg-2)!important; color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important; border-radius:8px;
}
.sidebar-filters-wraper h4, .sidebar-filters-wraper .offcanvas-title{ color:var(--accent)!important; }
.sidebar-filters-wraper .list-group.parent,
.sidebar-filters-wraper .list-group.child{ background:transparent!important; border:0!important; }
.sidebar-filters-wraper .list-group-item{
  background:transparent!important; color:#fff!important; border:0!important; padding:.6rem .85rem!important;
}
.sidebar-filters-wraper .list-group.child .list-group-item{
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.sidebar-filters-wraper .form-check-label{ color:#fff!important; }
.sidebar-filters-wraper .form-check-input{ background:transparent!important; border:1.5px solid var(--accent)!important; }
.sidebar-filters-wraper .form-check-input:checked{ background:var(--accent)!important; border-color:var(--accent)!important; }

/* Other sidebar blocks */
.sidebar-news-wraper, .sidebar-topics-wraper, .sidebar-events-wraper, .sidebar-banner-wraper{
  background:var(--bg-2)!important; border:1px solid var(--bd)!important; color:#fff!important;
}

/* =========================================
   Dividers / Misc
========================================= */
main.content hr, main.content .vr{ border-color:var(--bd)!important; color:var(--bd)!important; }
main.content .group-date{ color:#fff!important; }
main.content .cover-img, main.content .img-holder img{ border:1px solid var(--bd)!important; border-radius:6px; }


.sidebar-news-wraper, .sidebar-topics-wraper, .sidebar-events-wraper, .sidebar-banner-wraper, .sidebar-memebers-title-wraper {
    display:none !important;
}

.border-color {
    color: #ffffff !important;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: #ffffff !important;
}

#event_header.navbar.primary .vr, #default_header.navbar.primary .vr {
background-color: #ffffff;
}

/* Topics list buttons and links: green background, white text */
.additional-info .topics-list button,
.additional-info-wraper .topics-list button,
.agenda_item_actions_wrapper_right .topics-list button,
.additional-info .topics-list a,
.additional-info-wraper .topics-list a,
.agenda_item_actions_wrapper_right .topics-list a {
  background-color: #1ab870 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  display: inline-block;
  transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

/* Hover state */
.additional-info .topics-list button:hover,
.additional-info-wraper .topics-list button:hover,
.agenda_item_actions_wrapper_right .topics-list button:hover,
.additional-info .topics-list a:hover,
.additional-info-wraper .topics-list a:hover,
.agenda_item_actions_wrapper_right .topics-list a:hover {
  background-color: #17a163 !important;
  transform: translateY(-1px);
}

/* Optional spacing */
.additional-info .topics-list > * + *,
.additional-info-wraper .topics-list > * + *,
.agenda_item_actions_wrapper_right .topics-list > * + * {
  margin-left: 6px;
}


/* ============ Agenda item: aligned start & end times ============ */
.classicBox .agenda_item_wrapper {
  display: grid;
  grid-template-columns: 160px 1px 1fr; /* time | divider | content */
  column-gap: 16px;
  align-items: start;
}

/* Unified time block */
.classicBox .agenda_item_time_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  gap: 6px;
}

/* Both times same visual weight */
.classicBox .agenda_item_time_start .hour-minute b,
.classicBox .agenda_item_time_end .hour-minute b {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.classicBox .agenda_item_time_start .am-pm b,
.classicBox .agenda_item_time_end .am-pm b {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.85;
  margin-left: 6px;
}

/* Dates above/below time */
.classicBox .agenda_item_time_wrapper .agenda_item_date {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
}

/* Divider line */
.classicBox .agenda_item_wrapper .vr {
  width: 1px;
  background: rgba(255, 255, 255, 0.15);
  border: none !important;
  min-height: 100%;
}

/* Title area */
.classicBox .text-holder h4 {
  margin: 0 0 6px 0;
  line-height: 1.25;
}

/* Keynote badge alignment */
.classicBox .session_type_badge_keynote {
  margin-bottom: 8px;
  vertical-align: middle;
}

.btn-join-now {
  display: inline-block;
  background-color: #1ab870 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 8px 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
  margin-top: 8px;
}

/* Hover */
.btn-join-now:hover {
  background-color: #17a163 !important;
  transform: translateY(-1px);
  color: #ffffff !important;
}
.d-flex.flex-row.align-items-sm-center.pb-4 {
  justify-content: space-between;
}

.d-flex.flex-row.align-items-sm-center.pb-4 .dropdown {
  margin-left: auto;
}

.agenda_item_date_time_wrapper {
  background-color: #101622; /* dark navy consistent with page background */
  border-radius: 12px;
  padding: 12px 16px;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  color: #d1d5db; /* light gray text */
  box-shadow: 0 0 8px rgba(0,0,0,0.25);
}

.agenda_item_date_time_wrapper .col-4 div {
  font-size: 14px;
  line-height: 1.3;
}

.agenda_item_start_time_formated_label,
.agenda_item_end_time_formated_label,
.agenda_item_duration_time_formated_label {
  color: #9ca3af; /* muted label tone */
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.agenda_item_start_time_formated,
.agenda_item_end_time_formated,
.agenda_item_duration_time_formated {
  color: #fff;
  font-weight: 600;
  margin-top: 4px;
}

/* Green accent for the CTA button */
.agenda_item_actions_wrapper_left .btn-primary {
  background-color: #16a34a; /* HRWeek green */
  border: none;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}

.agenda_item_actions_wrapper_left .btn-primary:hover {
  background-color: #22c55e;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(22,163,74,0.3);
}

/* Adjust “Add to calendar” link color for balance */
.agenda_item_actions_wrapper_right a {
  color: #16a34a;
}

.agenda_item_actions_wrapper_right a:hover {
  color: #22c55e;
}

/* === JOIN NOW BUTTON — Green with White Text === */
.agenda_item_actions_wrapper_left .btn.btn-primary {
  background: #1ab870 !important; /* main green */
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 10px 24px !important;
  transition: 0.2s ease-in-out;
}
.agenda_item_actions_wrapper_left .btn.btn-primary i {
  color: #ffffff !important;
}
.agenda_item_actions_wrapper_left .btn.btn-primary:hover {
  background: #17a163 !important; /* darker green hover */
  transform: translateY(-1px);
}

/* === ADD TO CALENDAR & ADD TO MY AGENDA — White text links === */
.agenda_item_actions_wrapper_right a,
.agenda_item_actions_wrapper_right .agenda-btn {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 600 !important;
  padding: 0 !important;
  text-decoration: none !important;
}
.agenda_item_actions_wrapper_right .dropdown.calendar > a {
  background:transparent !important;
  color:#ffffff !important;
  border:none !important;
  font-weight:600 !important;
  padding:0 !important;
}

.agenda_item_actions_wrapper_right a:hover,
.agenda_item_actions_wrapper_right .agenda-btn:hover {
  text-decoration: underline !important;
}

/* icon color fix */
.agenda_item_actions_wrapper_right a i,
.agenda_item_actions_wrapper_right .agenda-btn i {
  color: #ffffff !important;
}

/* spacing between action links */
.agenda_item_actions_wrapper_right .dropdown.calendar {
  margin-right: 18px;
}

/* === USER DROPDOWN THEME (Dark + Neon Green) === */
.dropdown-menu[aria-labelledby="dropdown-member-menu"] {
  background: #0f1027 !important; /* dark navy */
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.45) !important;
}

/* Menu items text + icon */
.dropdown-menu[aria-labelledby="dropdown-member-menu"] .dropdown-item {
  color: #ffffff !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Icons to be white */
.dropdown-menu[aria-labelledby="dropdown-member-menu"] .dropdown-item i {
  color: #ffffff !important;
}

/* Hover: neon green text */
.dropdown-menu[aria-labelledby="dropdown-member-menu"] .dropdown-item:hover,
.dropdown-menu[aria-labelledby="dropdown-member-menu"] .dropdown-item:focus {
  background: rgba(26,184,112,0.12) !important; /* soft padded green bg */
  color: #1ab870 !important;
}

/* Hover icon turns green */
.dropdown-menu[aria-labelledby="dropdown-member-menu"] .dropdown-item:hover i {
  color: #1ab870 !important;
}

/* Divider color */
.dropdown-menu[aria-labelledby="dropdown-member-menu"] .dropdown-divider {
  border-color: rgba(255,255,255,0.12) !important;
}

/* Hide Support & Explore events menu links */
.secondary-menu .support,
.secondary-menu a[href*="events-overview"],
.secondary-menu .vr {
    display: none !important;
}

.breadcrumb-nav .breadcrumb-item.active {
    color: #ffffff !important;
}

/* ===============================
   AUTH PAGES (Login / Register)
   Dark theme + green buttons
   Append at END of CSS
================================ */

/* Scope containers */
.login-wrapper,
.register-wrapper,
.page-header .breadcrumb-wraper,
.container-content {
  background: transparent !important;
  color: #fff !important;
}

/* Headings, helper text, breadcrumb back */
.login-wrapper h3,
.register-wrapper h3,
.login-wrapper p,
.register-wrapper p,
.breadcrumb-back,
.breadcrumb-back i {
  color: #fff !important;
}

/* Make any breadcrumb active white on auth pages too */
.breadcrumb-nav .breadcrumb-item.active,
.breadcrumb-item.active > a {
  color: #ffffff !important;
}

/* Inputs & selects */
.login-wrapper .form-control,
.register-wrapper .form-control,
.login-wrapper .form-select,
.register-wrapper .form-select {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #fff !important;
}
.login-wrapper .form-control::placeholder,
.register-wrapper .form-control::placeholder { color: rgba(255,255,255,0.55) !important; }

/* Focus states */
.login-wrapper .form-control:focus,
.register-wrapper .form-control:focus,
.login-wrapper .form-select:focus,
.register-wrapper .form-select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 0.25rem rgba(26,184,112,0.25) !important;
}

/* Show/Hide eye icon */
.login-wrapper .btn-show-hide i,
.register-wrapper .btn-show-hide i { color: #fff !important; }

/* Divider text ("or") */
.login-wrapper .divider-text,
.register-wrapper .divider-text { color: #fff !important; }

/* Links (Forgot password, Resend, Switch…) */
.login-wrapper .link-primary,
.register-wrapper .link-primary { color: #41ffb2 !important; }
.login-wrapper .link-primary:hover,
.register-wrapper .link-primary:hover { color: #32d992 !important; }

/* === BUTTONS (force green) === */
/* Login page buttons */
#login-with-email,
#login-with-social,
#login-form button[type="submit"] {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
  font-weight: 600 !important;
  transition: transform .15s ease, background-color .2s ease !important;
}
#login-with-email:hover,
#login-with-social:hover,
#login-form button[type="submit"]:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  transform: translateY(-1px);
}

/* Register page buttons */
#register-with-email,
#register-with-social,
#register-form button[type="submit"] {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
  font-weight: 600 !important;
  transition: transform .15s ease, background-color .2s ease !important;
}
#register-with-email:hover,
#register-with-social:hover,
#register-form button[type="submit"]:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  transform: translateY(-1px);
}

/* Safety net: any .btn-primary inside auth wrappers = green */
.login-wrapper .btn-primary,
.register-wrapper .btn-primary {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}
.login-wrapper .btn-primary:hover,
.register-wrapper .btn-primary:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

/* =========================================
   FIX NAVBAR "Sign in" + "Join Now" buttons 
   Force green always
========================================= */
.btn.login,
.btn.register,
a.login.btn,
a.register.btn {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.btn.login:hover,
.btn.register:hover,
a.login.btn:hover,
a.register.btn:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  color: #fff !important;
}
/* ==========================================================
   FOOTER STYLING — Dark theme + green accents
========================================================== */

footer,
footer .container-xl {
  background: var(--bg) !important;
  color: var(--tx) !important;
     padding: 1rem !important;
}

/* Footer text */
footer p,
footer span,
footer .copyright span {
  color: var(--tx-muted) !important;
  font-size: 14px;
  line-height: 1.6;
}

/* Footer links */
footer .footer-link {
  color: var(--accent) !important;
  margin: 0 10px;
  font-weight: 500;
  text-decoration: none !important;
  transition: color .2s ease;
}

footer .footer-link:hover {
  color: var(--accent-hover) !important;
  text-decoration: underline !important;
}

/* Social icons base circle */
footer .fa-stack-2x {
  color: var(--bg-3) !important;   /* dark circle */
}

/* Social logo icon */
footer .fa-stack-1x {
  color: var(--accent) !important;
  transition: color 0.2s ease, transform 0.2s ease;
}

/* Hover social icon */
footer a:hover .fa-stack-1x {
  color: var(--accent-hover) !important;
  transform: translateY(-2px);
} 


    
#login-with-social,
#register-with-social {
  display: none !important;
}

/* Hide the "Switch to customer" links only on auth pages */
.login-wrapper a[href*="showLoginForm"],
.register-wrapper a[href*="showLoginForm"],
.login-wrapper a[href*="showRegistrationForm"],
.register-wrapper a[href*="showRegistrationForm"] {
  display: none !important;
}

.form-floating .form-control::placeholder {
  opacity: 0 !important; /* hide placeholder text */
}

.login-wrapper .divider-text,
.register-wrapper .divider-text {
  display: none !important;
}

/* Default (inside field) */
.login-wrapper .form-floating > label,
.register-wrapper .form-floating > label {
  color: rgba(255,255,255,0.85) !important;  /* brighter on dark bg */
  opacity: 1 !important;                    /* Bootstrap lowers this; we restore it */
}

/* When the label floats (focused or has value) */
.login-wrapper .form-floating > .form-control:focus ~ label,
.login-wrapper .form-floating > .form-control:not(:placeholder-shown) ~ label,
.login-wrapper .form-floating > .form-select ~ label,
.register-wrapper .form-floating > .form-control:focus ~ label,
.register-wrapper .form-floating > .form-control:not(:placeholder-shown) ~ label,
.register-wrapper .form-floating > .form-select ~ label {
  color: var(--accent) !important;          /* pop on focus/value */
  opacity: 1 !important;
}


.login-wrapper input:-webkit-autofill,
.register-wrapper input:-webkit-autofill,
.login-wrapper input:-webkit-autofill:hover,
.register-wrapper input:-webkit-autofill:hover,
.login-wrapper input:-webkit-autofill:focus,
.register-wrapper input:-webkit-autofill:focus {
  background-color: #10112a !important;       /* same as --bg-3 or your input bg */
  -webkit-box-shadow: 0 0 0px 1000px #10112a inset !important; /* fully dark overlay */
  -webkit-text-fill-color: #ffffff !important; /* white text */
  caret-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 8px !important;
  transition: background-color 0s ease-in-out 0s !important;
}
.login-wrapper {
  padding-bottom: 1rem !important;
}

.login-wrapper .col-md-6.mb-5 p.text-center.text-white {
  font-size: 1.25rem !important; /* mobile base */
}

/* Default logo styling */
.powered-by img {
  max-width: 180px;   /* good size for desktop */
  height: auto;
  transition: transform 0.2s ease;
}

.page-header,
.page-header .breadcrumb-wraper,
.page-header .breadcrumb-row,
.page-header .breadcrumb-nav {
  background-color: var(--bg) !important;  /* your dark background (#08091e) */
  color: #ffffff !important;
}

 /* === Reset-password dark theme === */
.reset-password-wrapper {
  background: transparent !important;      /* keep page dark */
  color: #ffffff !important;
}

/* Override Bootstrap’s .alert-primary (white + blue) */
.reset-password-wrapper .alert.alert-primary {
  background-color: rgba(26,184,112,0.1) !important;  /* soft translucent green */
  border: 1px solid var(--accent) !important;         /* HR Week green border */
  color: #ffffff !important;                          /* white text */
  border-radius: 8px !important;
  padding: 1.25rem 1.5rem !important;
}

/* Paragraph inside alert */
.reset-password-wrapper .alert.alert-primary p {
  color: #ffffff !important;
  margin: 0;
}

/* Optional – darken form fields too (same as login) */
.reset-password-wrapper .form-control {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}
.reset-password-wrapper .form-control:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 0.25rem rgba(26,184,112,0.25) !important;
}

.reset-password-wrapper .btn.btn-primary {
  background: var(--accent) !important;      /* HR Week green */
  border-color: var(--accent) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  transition: transform .15s ease, background-color .2s ease !important;
}
.reset-password-wrapper .btn.btn-primary:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  transform: translateY(-1px);
}
/* Hide divider and link under reset form */
.reset-password-wrapper .divider-text,
.reset-password-wrapper a[href*="showLoginForm"] {
  display: none !important;
}

/* Floating label color fix */
.reset-password-wrapper .form-floating > label {
  color: rgba(255,255,255,0.8) !important;
  opacity: 1 !important;
}

/* When focused or has text (label moves up) */
.reset-password-wrapper .form-floating > .form-control:focus ~ label,
.reset-password-wrapper .form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: var(--accent) !important; /* green highlight */
  opacity: 1 !important;
  padding: .35rem !important;
  border-radius: 4px !important;
}

.stack-top .to-top-button {
  position: fixed;        /* ensure it stays visible on scroll */
  right: 24px;            /* distance from right edge */
  bottom: 40px !important; /* adjust this value — increase to move lower */
  z-index: 999;           /* keep it above other elements */
}

/* Optional: hover effect for consistency */
.stack-top .to-top-button:hover {
  background: var(--accent-hover) !important;
  transform: translateY(-2px);
}
/* === PROFILE STATS (Followers / Following) ======================= */
.prtitelji-total,
.prati-total {
  color: var(--accent) !important;        /* HR Week green */
  font-weight: 600 !important;
}

.prtitelji-text,
.prati-text {
  color: #ffffff !important;              /* white labels */
  opacity: 0.9 !important;
  font-weight: 500 !important;
}
}

/* Optional: subtle hover effect */
.powered-by a:hover img {
  transform: scale(1.03);
}
/* Hiding Profile dropdown elements */
div.dropdown.user-profil > div > div > a.dropdown-item.di-my-feed,
div.dropdown.user-profil > div > div > a.dropdown-item.di-my-bookmarks,
div.dropdown.user-profil > div > div > a.dropdown-item.di-all-my-posts,
div.dropdown.user-profil > div > div > a.dropdown-item.di-my-submissions,
div.dropdown.user-profil > div > div > a.dropdown-item.di-my-applications,
div.dropdown.user-profil > div > div > a.dropdown-item.di-my-companies,
div.dropdown.user-profil > div > div > a.dropdown-item.di-my-teams, 
div.dropdown.user-profil > div > div > a.dropdown-item.di-select-topics,
#sidebar-my-profile > div.offcanvas-body.p-0 > div > a.dropdown-item.sdi-my-feed,
#sidebar-my-profile > div.offcanvas-body.p-0 > div > a.dropdown-item.sdi-my-bookmarks,
#sidebar-my-profile > div.offcanvas-body.p-0 > div > a.dropdown-item.sdi-all-my-posts,
#sidebar-my-profile > div.offcanvas-body.p-0 > div > a.dropdown-item.sdi-my-submissions,
#sidebar-my-profile > div.offcanvas-body.p-0 > div > a.dropdown-item.sdi-my-applications,
#sidebar-my-profile > div.offcanvas-body.p-0 > div > a.dropdown-item.sdi-my-companies,
#sidebar-my-profile > div.offcanvas-body.p-0 > div > a.dropdown-item.sdi-my-teams,
#sidebar-my-profile > div.offcanvas-body.p-0 > div > a.dropdown-item.sdi-select-topics { 
    display:none !important;
}
/* === HR WEEK — PROFILE PAGE (VIEW + EDIT) DARK THEME + FIXES ======= */

/* === 1) PROFILE VIEW (user profile / basic info) =================== */
.profile-owner-container-normal,
.profile-owner-container-normal .card,
.profile-owner-container-normal .card.profile-top-wraper.normal,
#profile-owner-content .card,
#profile-owner-content .card.osnovne {
  background: var(--bg-2) !important;       /* #0f1027 */
  color: var(--tx) !important;               /* white text */
  border: 1px solid var(--bd) !important;    /* #1c1d3a */
  box-shadow: none !important;
}

/* Card body and inner elements */
.profile-owner-container-normal .card .card-body,
#profile-owner-content .card .card-body {
  background: transparent !important;
  color: var(--tx) !important;
}

/* Cover + avatar */
.profile-owner-container-normal .profile-cover-default.normal {
  background-color: var(--bg-3) !important;
  background-size: cover;
  background-position: center;
}

/* AVATAR: make perfectly circular */
/* AVATAR — circular but aligned left */
.profile-owner-container-normal .image-wraper-default.normal .profile-image {
  border-radius: 50% !important;
  object-fit: cover !important;
  width: 160px !important;
  height: 160px !important;
  border: 3px solid rgba(255,255,255,0.15) !important;
  background: var(--bg-3) !important;
  margin: 0 !important;            /* removes centering */
  display: inline-block !important;
  vertical-align: middle !important;
}

/* optional: ensure wrapper keeps it vertically aligned */
.image-wraper-default.normal {
  display: flex !important;
  align-items: center !important;
}

}

/* Dividers & muted text */
.profile-owner-container-normal hr,
.profile-owner-container-normal .profile-divider.normal {
  border-color: rgba(255,255,255,0.12) !important;
}
.profile-owner-container-normal .text-muted,
.profile-owner-container-normal .no-info {
  color: rgba(255,255,255,0.68) !important;
}

/* Tabs strip ("Basic info") — REMOVE green bg highlight */
.profile-owner-container-normal #profile-owner.nav {
  background: transparent !important;
  border: none !important;
}
.profile-owner-container-normal #profile-owner.nav .nav-link {
  background: transparent !important;                 /* no fill */
  color: rgba(255,255,255,0.85) !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  transition: color .2s, background-color .2s;
  padding: 0.5rem 0.75rem !important;
}
.profile-owner-container-normal #profile-owner.nav .nav-link.active,
.profile-owner-container-normal #profile-owner.nav .nav-link:hover {
  background: transparent !important;                 /* remove highlight */
  color: var(--accent) !important;                    /* green text only */
  border: none !important;
  box-shadow: none !important;
}
.profile-owner-container-normal .nav,
.profile-owner-container-normal .nav-tabs {
  border-bottom: none !important;
}

/* "Online" badge */
.profile-owner-container-normal .btn-success {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

/* === 2) PROFILE EDIT (profile-content-wraper) ======================= */
.profile-content-wraper {
  background: #131637 !important;                     /* lighter navy */
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}

/* Columns / inner wrappers */
.profile-content-wraper .col-12,
.profile-content-wraper .col-md-auto,
#profile-edit-tab {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
}

/* Generic text */
.profile-content-wraper label,
.profile-content-wraper p,
.profile-content-wraper h3,
.profile-content-wraper span {
  color: #ffffff !important;
}

/* Inputs */
.profile-content-wraper input.form-control,
.profile-content-wraper textarea.form-control,
.profile-content-wraper select.form-select {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}
.profile-content-wraper input::placeholder,
.profile-content-wraper textarea::placeholder {
  color: rgba(255,255,255,0.55) !important;
}
.profile-content-wraper input:focus,
.profile-content-wraper textarea:focus,
.profile-content-wraper select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 0.25rem rgba(26,184,112,0.25) !important;
  color: #ffffff !important;
}

/* Autofill */
.profile-content-wraper input:-webkit-autofill,
.profile-content-wraper input:-webkit-autofill:hover,
.profile-content-wraper input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0.08) inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
}

/* Checkboxes/radios */
.profile-content-wraper .form-check-input {
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.6) !important;
}
.profile-content-wraper .form-check-input:checked {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}

/* Input groups */
.profile-content-wraper .input-group-text {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #fff !important;
}

/* Edit Tabs (you can keep subtle highlight here if you like) */
.profile-content-wraper .nav {
  background: transparent !important;
  border-bottom: none !important;
}
.profile-content-wraper .nav .nav-link {
  background: transparent !important;
  color: rgba(255,255,255,0.85) !important;
  border: none !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.profile-content-wraper .nav .nav-link.active,
.profile-content-wraper .nav .nav-link:hover {
  background: rgba(26,184,112,0.12) !important;       /* keep soft cue */
  color: var(--accent) !important;
}

/* Buttons: Save (green) + Cancel (visible) */
.profile-content-wraper .btn-primary,
.profile-content-wraper button[type="submit"],
.profile-content-wraper .btn-save {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  transition: background-color 0.2s ease, transform 0.15s ease;
}
.profile-content-wraper .btn-primary:hover,
.profile-content-wraper .btn-save:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  transform: translateY(-1px);
}
.profile-content-wraper .btn-secondary,
.profile-content-wraper .btn-cancel,
.profile-content-wraper .btn-outline-brand-gray,
.profile-content-wraper .btn-outline-brand-gray.text-dark {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500 !important;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.profile-content-wraper .btn-secondary:hover,
.profile-content-wraper .btn-cancel:hover,
.profile-content-wraper .btn-outline-brand-gray:hover,
.profile-content-wraper .btn-outline-brand-gray.text-dark:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.6) !important;
  color: #ffffff !important;
}
.profile-content-wraper .btn-outline-brand-gray i,
.profile-content-wraper .btn-cancel i {
  color: inherit !important;
}

/* === SELECT2 DROPDOWNS (Dark Theme Fix) ========================== */
.select2-container--bootstrap-5 .select2-selection--single,
.select2-container--bootstrap-5 .select2-selection--multiple {
  background-color: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  min-height: 46px !important;
}

/* Placeholder text */
.select2-container--bootstrap-5 .select2-selection__placeholder {
  color: rgba(255,255,255,0.55) !important;
}

/* Selected text */
.select2-container--bootstrap-5 .select2-selection__rendered {
  color: #ffffff !important;
  padding-left: 12px !important;
}

/* Dropdown arrow */
.select2-container--bootstrap-5 .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent !important;
}

/* Dropdown menu itself */
.select2-container--bootstrap-5 .select2-dropdown {
  background-color: var(--bg-3) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}

/* Hovered or highlighted options */
.select2-container--bootstrap-5 .select2-results__option--highlighted {
  background-color: rgba(26,184,112,0.25) !important;
  color: #ffffff !important;
}

/* Normal options */
.select2-container--bootstrap-5 .select2-results__option {
  color: #ffffff !important;
  padding: 8px 12px !important;
}
/* === ONBOARDING FORM DARK THEME ================================== */
.container-content-basic.container-content-inbound,
.classicBox,
.fe-form,
.validation-wraper,
.page-header,
.horizontal-stepper {
  background: transparent !important;
  color: #ffffff !important;
}

/* Headings and general text */
.container-content-basic.container-content-inbound h4,
.container-content-basic.container-content-inbound h5,
.container-content-basic.container-content-inbound p,
.container-content-basic.container-content-inbound label,
.container-content-basic.container-content-inbound span,
.container-content-basic.container-content-inbound .text-muted {
  color: #ffffff !important;
}

/* Subtle explanatory text */
.text-muted {
  opacity: 0.85 !important;
}

/* Accent color (green) for emphasis */
a,
.fa-circle-exclamation,
.step.active .step-number,
.step.active .step-text,
.btn-link.btn-print i {
  color: var(--accent) !important;
}

/* Steps indicator */
.horizontal-stepper .step.active .default-node {
  background-color: var(--accent) !important;
  color: #ffffff !important;
}
.horizontal-stepper .step .default-node {
  background-color: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
}
.horizontal-stepper .dot-line span {
  background-color: rgba(255,255,255,0.3) !important;
}

/* Form inputs */
.fe-form .form-control,
.fe-form .form-select {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

.fe-form .form-control::placeholder,
.fe-form .form-select::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

/* On focus */
.fe-form .form-control:focus,
.fe-form .form-select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 0.25rem rgba(26,184,112,0.25) !important;
  color: #ffffff !important;
}

/* Select2 Dropdowns */
.select2-container--bootstrap-5 .select2-selection--single,
.select2-container--bootstrap-5 .select2-selection--multiple {
  background-color: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  min-height: 46px !important;
}
.select2-container--bootstrap-5 .select2-selection__placeholder {
  color: rgba(255,255,255,0.55) !important;
}
.select2-container--bootstrap-5 .select2-selection__rendered {
  color: #ffffff !important;
}
.select2-container--bootstrap-5 .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent !important;
}
.select2-container--bootstrap-5 .select2-dropdown {
  background-color: var(--bg-3) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}
.select2-container--bootstrap-5 .select2-results__option--highlighted {
  background-color: rgba(26,184,112,0.25) !important;
  color: #ffffff !important;
}

/* Required field feedback */
.invalid-feedback {
  color: #ff7878 !important;
}

/* Buttons */
.btn-primary,
.form-submit {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease;
}
.btn-primary:hover,
.form-submit:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  transform: translateY(-1px);
}

/* Print button (outline white) */
.btn-link.btn-print {
  display:none !important;
}

/* Divider line */
.title-divider-belowe,
hr {
  border-color: rgba(255,255,255,0.15) !important;
}

/* Classic box */
.classicBox {
  background: #10112a !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}



/* Select2 dropdown caret hover fix */
.select2-container--bootstrap-5 .select2-selection__arrow:hover b {
  border-color: var(--accent) transparent transparent transparent !important;
}
/* Hide the top summary card (ID / Opportunity / Date / Step / Status) */
.classicBox.print-header {
  display: none !important;
}
/* === FIX SELECT2 SELECTED CHOICE BACKGROUND (REMOVE WHITE HIGHLIGHT) === */

/* Selected tags in multi-select (e.g., Comp&Ben | Performance mng) */
.select2-container--bootstrap-5 .select2-selection__choice {
  background-color: rgba(26,184,112,0.15) !important; /* soft green tint */
  border: 1px solid rgba(26,184,112,0.4) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
}

/* Remove any white background or shadow on hover/focus */
.select2-container--bootstrap-5 .select2-selection__choice:hover,
.select2-container--bootstrap-5 .select2-selection__choice:focus {
  background-color: rgba(26,184,112,0.25) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Ensure the remove “×” button matches */
.select2-container--bootstrap-5 .select2-selection__choice__remove {
  color: rgba(255,255,255,0.7) !important;
  margin-right: 4px !important;
  transition: color 0.2s ease;
}


.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field,
body > span > span > span.select2-search.select2-search--dropdown > input {
  background-color: #10112a !important; /* dark navy background */
  color: #ffffff !important;             /* white text */
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  caret-color: #ffffff !important;
}
.container-content-inbound .h-page-section.section-text-light {
  color: #27c97b !important; /* deep navy text */
  text-shadow:
    0 0 1px rgba(39, 201, 123, 0.7),
    0 0 1px rgba(39, 201, 123, 0.5),
    0 0 1px rgba(39, 201, 123, 0.3);
}
}


/* === Dark theme for #field-expertise input ================== */
#field-expertise, # #field-format {
  background-color: #10112a !important;     /* navy background */
  color: #ffffff !important;                /* white text */
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Placeholder color */
#field-expertise, #field-format::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

/* On focus */
#field-expertise, #field-format:focus {
  border-color: #27C97B !important; /* your green accent */
  box-shadow: 0 0 0 0.2rem rgba(39,201,123,0.25) !important;
  outline: none !important;
}

/* Autofill fix */
#field-expertise, #field-format:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #10112a inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
}
.filters--selected .btn.btn-link, .filters--selected .btn.btn-dropdown-options {
color: #ffffff !important;
}

.custom-field-wraper .custom-field {
  color: var(--tx, #fff) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: inline !important; /* no block/pill look */
}


.container-content-inbound .h-page-section.section-text-dark {
    color: var(--accent) !important; }

.sidebar-filters-wraper.download {
display: none !important;
}

/* Mobile scale */
@media (max-width: 768px){
  .countdown-timer-section .tick .tick-flip-panel-front-text,
  .countdown-timer-section .tick .tick-flip-panel-back-text {
    font-size: 40px !important;
  }
  .countdown-timer-section .tick .tick-label{
    font-size: 14px !important;
    letter-spacing: .1em !important;
  }
}

body > main > div.container-content > div > div.sidebar-wraper > div > div > div:nth-child(2) > div:nth-child(2) > div > div.col-12.filteri-wraper.event-type {
    display: none !important;
}

main.content .session_type_badge_keynote, main.content .type-topics-list-wraper .btn.type { 
        display: none !important;
}



.MuiSpeedDial-root {
  z-index: 1040;
}

/* Main SpeedDial (launcher) */
.MuiSpeedDial-fab {
  background: #18E183 !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  transition: all 0.3s ease;
}

.MuiSpeedDial-fab:hover,
.MuiSpeedDial-fab:focus,
.MuiSpeedDial-fab:active {
  background: #12B76C  !important; /* darker shade of #25aae1 */
  box-shadow: none !important;
  filter: none !important;
}

/* Optional: remove MUI ripple highlight */
.MuiTouchRipple-root {
  display: none !important;
}

/* Action buttons */
.MuiSpeedDialAction-fab {
  box-shadow: none !important;
  filter: none !important;
  background: #1f2937 !important;
  color: #fff !important;
  transition: background 0.3s ease;
}

.MuiSpeedDialAction-fab:hover {
  background: #2b3a4a !important;
}
/* Make SpeedDial main button green */
.MuiButtonBase-root.MuiFab-root {
  background: #18E183 !important;
  color: #fff !important;
}

.MuiButtonBase-root.MuiFab-root:hover,
.MuiButtonBase-root.MuiFab-root:focus,
.MuiButtonBase-root.MuiFab-root:active {
  background: #12B76C !important;
}
/* ===============================
   PREVENT RIGHT-SIDE CLIPPING
   =============================== */

/* Scroll container visibility */
div[data-avatar-type="ChatBot"] .AtZjzny-\+hLypEvTh1PcPw\=\= {
  overflow-x: visible !important;
  padding-bottom: 12px !important; /* space above input bar */
}

/* ===============================================
   LIGHTER GLASS CONTAINER
   =============================================== */

div[data-avatar-type="ChatBot"] {
  background: rgba(255, 255, 255, 0.16) !important;   /* lighter */
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 16px !important;
  padding-bottom: 16px !important;  /* space between input and bottom edge */
}

/* =========================================
   CHAT BUBBLES, CLOSE BUTTON, SEND BUTTON
   ========================================= */

/* 1) MESSAGE BUBBLES – base shape */
div[data-avatar-type="ChatBot"] .JYn3Iz4ebtL3Aw9Zfl1eoA\=\= {
  background: #18E183 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  max-width: 80% !important;
  display: inline-block !important;
  white-space: normal !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}

/* 2) CLOSE BUTTON – WHITE ICON, NO BACKGROUND (updated class) */
div[data-avatar-type="ChatBot"] button.-qKjeF3tp53xtCG3I03s4g\=\= {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

div[data-avatar-type="ChatBot"] button.-qKjeF3tp53xtCG3I03s4g\=\= i {
  color: #fff !important;
  font-size: 20px !important;
}

/* 3) SEND BUTTON – bigger & snug against input */
div[data-avatar-type="ChatBot"] button.btn-chat {
  background: #18E183 !important;
  color: #fff !important;
  border: none !important;

  /* size */
  height: 36px !important;
  padding: 0 20px !important;

  font-size: 1rem !important;
  font-weight: 500 !important;
  border-radius: 20px !important;

  cursor: pointer !important;
  box-shadow: none !important;

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

div[data-avatar-type="ChatBot"] button.btn-chat:hover {
  background: #12B76C !important;
}

/* =========================================
   FIX: BUBBLES LEFT/RIGHT + TIMESTAMP BELOW
   ========================================= */

/* Wrapper: column so bubble + time stack vertically */
div[data-avatar-type="ChatBot"] .XvG4typCNfStAzzRNAeKYA\=\= {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: initial !important;
}

/* Timestamps always below the bubble */
div[data-avatar-type="ChatBot"] .XvG4typCNfStAzzRNAeKYA\=\= > span {
  font-size: 11px;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.6);
}

/* USER messages (have extra class yIcij...) → align RIGHT */
div[data-avatar-type="ChatBot"]
  .XvG4typCNfStAzzRNAeKYA\=\=.yIcijJiYmeqjcme57Gnj-g\=\= {
  align-items: flex-end !important;
}

/* BOT messages (no yIcij...) → align LEFT */
div[data-avatar-type="ChatBot"]
  .XvG4typCNfStAzzRNAeKYA\=\=:not(.yIcijJiYmeqjcme57Gnj-g\=\=) {
  align-items: flex-start !important;
}

/* YOUR bubble color = BLUE */
div[data-avatar-type="ChatBot"]
  .XvG4typCNfStAzzRNAeKYA\=\=.yIcijJiYmeqjcme57Gnj-g\=\=
  .JYn3Iz4ebtL3Aw9Zfl1eoA\=\= {
  background: #18E183 !important;
  color: #fff !important;
}

/* BOT bubble color = GRAY */
div[data-avatar-type="ChatBot"]
  .XvG4typCNfStAzzRNAeKYA\=\=:not(.yIcijJiYmeqjcme57Gnj-g\=\=)
  .JYn3Iz4ebtL3Aw9Zfl1eoA\=\= {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #fff !important;
}
/* FORCE ALL TEXT INSIDE CHAT BUBBLES TO BE WHITE */
div[data-avatar-type="ChatBot"] .JYn3Iz4ebtL3Aw9Zfl1eoA\=\=,
div[data-avatar-type="ChatBot"] .JYn3Iz4ebtL3Aw9Zfl1eoA\=\= * {
  color: #ffffff;
}
/* ===============================================
   INPUT FIELD (NOT WHITE) & SPACING
   =============================================== */

/* Wrapper around input + send button */
div[data-avatar-type="ChatBot"] .UBv8R7uYk21wNZ-ss8S0nQ\=\= {
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;

  /* spacing relative to messages & window bottom */
  margin-top: 6px !important;
  margin-bottom: 0 !important;

  /* layout */
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;          /* minimal space between input and Send button */
  padding: 4px 8px !important;
  min-height: 48px !important;
  height: auto !important;
  overflow: visible !important;
}

/* Input itself */
div[data-avatar-type="ChatBot"] input.form-control {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 0.95rem !important;

  height: 100% !important;
  line-height: 1.3 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  overflow: visible !important;
}

/* Placeholder color */
div[data-avatar-type="ChatBot"] input.form-control::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Chrome autofill white fix */
div[data-avatar-type="ChatBot"] input.form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0.18) inset !important;
  -webkit-text-fill-color: #fff !important;
}


.modal-content,
.vl-body .modal .modal-content {
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);

    /* Very light white glass */
    background: rgba(255, 255, 255, 0.9); 
    background-blend-mode: normal;

    color: #000; /* or var(--bs-white) if you want white text */

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 28px;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
/* ===========================================================
   MEETING MODAL — FULL GLASSMORPH + BLUE ACCENT THEME
   Targets ONLY .edit-render-point-modal
   =========================================================== */

/* MAIN CONTAINER */
.modal.edit-render-point-modal .modal-content {
  background: rgba(255,255,255,0.45) !important;
  -webkit-backdrop-filter: blur(50px) !important;
  backdrop-filter: blur(50px) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.25) !important;
  color: #000 !important;
}

/* HEADER */
.modal.edit-render-point-modal .modal-header {
  background: rgba(255,255,255,0.25) !important;
  -webkit-backdrop-filter: blur(40px) !important;
  backdrop-filter: blur(40px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 28px 28px 0 0 !important;
}

.modal.edit-render-point-modal .modal-title {
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 20px !important;
}

/* CLOSE BUTTON */
.modal.edit-render-point-modal .btn-close {
  filter: invert(0) !important;
  opacity: .7 !important;
}
.modal.edit-render-point-modal .btn-close:hover {
  opacity: 1 !important;
}

/* FOOTER */
.modal.edit-render-point-modal .modal-footer {
  background: rgba(255,255,255,0.25) !important;
  -webkit-backdrop-filter: blur(40px) !important;
  backdrop-filter: blur(40px) !important;
  border-top: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 0 0 28px 28px !important;
}

/* BUTTONS */
.modal.edit-render-point-modal .btn-primary {
  background: #18E183 !important;
  border-color: #18E183 !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  padding: 8px 20px !important;
}
.modal.edit-render-point-modal .btn-primary:hover {
  background: #12B76C !important;
}

.modal.edit-render-point-modal .btn-outline-secondary {
  border-radius: 10px !important;
  color: #000 !important;
  border: 1px solid rgba(0,0,0,0.25) !important;
  background: rgba(255,255,255,0.3) !important;
}
.modal.edit-render-point-modal .btn-outline-secondary:hover {
  background: rgba(0,0,0,0.08) !important;
}

/* ===========================================================
   SELECT2 — CLOSED FIELD (WHITE GLASS)
=========================================================== */
.modal.edit-render-point-modal
  .select2-container--bootstrap-5
  .select2-selection--single {
  background: rgba(255,255,255,0.7) !important;
  -webkit-backdrop-filter: blur(30px) !important;
  backdrop-filter: blur(30px) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  min-height: 46px !important;
  color: #000 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important;
}

.modal.edit-render-point-modal .select2-selection__rendered {
  color: #000 !important;
}

.modal.edit-render-point-modal .select2-selection__placeholder {
  color: rgba(0,0,0,0.45) !important;
}

.modal.edit-render-point-modal .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent !important;
}

/* ===========================================================
   SELECT2 DROPDOWN + SEARCH FIELD (ONLY WHEN MODAL IS OPEN)
=========================================================== */
body:has(.modal.edit-render-point-modal.show) .select2-dropdown {
  background: rgba(255,255,255,0.75) !important;
  -webkit-backdrop-filter: blur(30px) !important;
  backdrop-filter: blur(30px) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  color: #000 !important;
}

/* Search field */
body:has(.modal.edit-render-point-modal.show)
  .select2-search--dropdown .select2-search__field,
body:has(.modal.edit-render-point-modal.show)
  > span > span > span.select2-search.select2-search--dropdown > input {
  background: rgba(255,255,255,0.95) !important;
  color: #000 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
  caret-color: #000 !important;
}

/* Options */
body:has(.modal.edit-render-point-modal.show)
  .select2-results__option {
  color: #000 !important;
  background: transparent !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
}

/* Hover */
body:has(.modal.edit-render-point-modal.show)
  .select2-results__option--highlighted {
  background: rgba(37,170,225,0.25) !important;
  color: #18E183 !important;
}

/* Selected */
body:has(.modal.edit-render-point-modal.show)
  .select2-results__option[aria-selected="true"] {
  background: #18E183 !important;
  color: #fff !important;
}

/* ===========================================================
   CALENDAR WIDGET (TEMPUS DOMINUS)
=========================================================== */
.modal.edit-render-point-modal .tempus-dominus-widget {
  background: rgba(255,255,255,0.5) !important;
  -webkit-backdrop-filter: blur(40px) !important;
  backdrop-filter: blur(40px) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  color: #000 !important;
}

.modal.edit-render-point-modal .calendar-header i {
  color: #18E183 !important;
}

.modal.edit-render-point-modal .day {
  color: #000 !important;
}

.modal.edit-render-point-modal .day:hover:not(.disabled) {
  background: rgba(37,170,225,0.25) !important;
  border-radius: 6px;
}

.modal.edit-render-point-modal .day.today {
  background: rgba(37,170,225,0.35) !important;
  color: #fff !important;
  border-radius: 6px;
}

/* ================================
   MEETING MODAL – CALENDAR ONLY
   (no dropdown / header changes)
   ================================ */

/* Slightly round just this widget in this modal */
.modal.edit-render-point-modal .tempus-dominus-widget {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Base day cell: keep existing styling, just round corners */
.modal.edit-render-point-modal
  .tempus-dominus-widget
  .date-container-days .day {
  border-radius: 8px !important;
}

/* Hover state – light blue tint */
.modal.edit-render-point-modal
  .tempus-dominus-widget
  .date-container-days .day:hover:not(.disabled) {
  background: rgba(37,170,225,0.20) !important; /* #25AAE1, 20% */
  color: inherit !important;
}

/* Today – outlined in your blue */
.modal.edit-render-point-modal
  .tempus-dominus-widget
  .date-container-days .day.today {
  border: 1px solid #18E183 !important;
  color: #18E183 !important;
  background: transparent !important;
}

/* Selected day – solid blue pill */
.modal.edit-render-point-modal
  .tempus-dominus-widget
  .date-container-days .day.active {
  background: #18E183 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

.modal.edit-render-point-modal .list-group-item.active {
  background-color: #18E183 !important;
  border-color: #18E183 !important;
  color: #fff !important;
}
.notification-log-window__cta-btn {
    background: #18E183 !important;
}

.notification-log-window__section-header {
  display: none !important;
}
.notification-log-window__feed-label {
    font-family: Roboto, sans-serif;
    color: #000000;
    font-weight: 500 !important; 
    font-size: 1.125rem !important; /* same as h4 */
    line-height: 1.2 !important;
    padding: 0 16px !important;
    margin: 0;
}

.d-md-block, .d-block {
  color: #1AB870; }

.interactions-holder
{
    display:none !important;
}
.user-info-wraper {
      display:none !important;}

body > div.container-fluid.mobile-menu-bottom > div > div.mobile-menu-bottom-item.sidebar { 
    display: none !important; }
.navbar .navbar-action-btn .user-profil-wraper .dropdown-menu {
    border: 1px solid rgba(255, 255, 255, 0.40) !important;
    background: rgba(70, 71, 71, 0.60) !important;
    background-blend-mode: luminosity;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30),
                0 2px 6px 2px rgba(0, 0, 0, 0.15) !important;
    backdrop-filter: blur(50px) !important;
}

/* Force the entire toast container to be dark glass */
.toast.error-toast {
    background: rgba(18, 20, 22, 0.72) !important;  /* dark, clean glass */
    backdrop-filter: blur(26px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(180%) !important;

    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    overflow: hidden !important;
}

/* Remove Bootstrap's default white backgrounds */
.toast.error-toast .toast-header,
.toast.error-toast .toast-body {
    background: transparent !important;
}

/* Subtle red title + icon */
.toast.error-toast .toast-header strong,
.toast.error-toast .toast-header i {
    color: #ff6b6b !important;      /* subtle red */
    font-weight: 600 !important;
}

/* Normal body text */
.toast.error-toast .toast-body {
    color: #ffffff !important;
}

/* Close button visible */
.toast.error-toast .btn-close {
    filter: invert(1) brightness(90%) !important;
}

#toggleHamburgerOffcanvas {
    display: none !important;
}

#login-form > div.d-flex.justify-content-between.align-items-center.mb-4 > p:nth-child(2) > a
{display: none !important;}
/* Scale down on tablets & mobile */
@media (max-width: 768px) {
  .powered-by img {
    max-width: 120px !important;  /* smaller logo for mobile */
  }
@media (min-width: 992px) {
  .login-wrapper .col-md-6.mb-5 p.text-center.text-white {
    font-size: 1.75rem !important; /* desktop */
  }
}

/* Center items on mobile */
@media (max-width: 768px){
  footer .socials a {
    margin: 0 8px;
  }
  footer .copyright {
    text-align: center !important;
    margin-top: 10px;
  }
}
//* =====================================================
   🌙 HR WEEK — MOBILE RESPONSIVE STYLING
   Compact Agenda • On Demand Alignment • Bottom Bar Fix
   (place at very end of CSS file)
===================================================== */

@media (max-width: 480px) {

  /* === GENERAL CARD + LAYOUT ======================= */
  .classicBox,
  .classicBox.feed-item { 
    margin: 8px 10px !important;
    border-radius: 10px !important;
  }
  .classicBox .card-body,
  .classicBox .content,
  .classicBox .text-break { 
    padding: 12px !important;
  }

  /* Header row inside card */
  .d-flex.flex-row.align-items-sm-center.pb-4 {
    padding-bottom: 6px !important;
    gap: 6px !important;
  }

  /* Title + excerpt */
  .classicBox h3, .classicBox h4 { 
    font-size: 16px !important; 
    line-height: 1.25 !important; 
    margin: 6px 0 4px !important;
  }
  .classicBox .excerpt { 
    font-size: 13px !important; 
    margin: 2px 0 6px !important;
  }

  /* === TIME + BADGE ================================ */
  .classicBox .agenda_item_time_wrapper { 
    gap: 8px !important; 
    margin-bottom: 6px !important;
  }
  .classicBox .agenda_item_time_start .hour-minute b,
  .classicBox .agenda_item_time_end   .hour-minute b { 
    font-size: 16px !important; 
  }
  .classicBox .agenda_item_time_start .am-pm b,
  .classicBox .agenda_item_time_end   .am-pm b { 
    font-size: 10px !important; 
    margin-left: 3px !important;
  }

  [class^="session_type_badge_"],
  [class*=" session_type_badge_"] {
    font-size: 10px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    margin: 4px 0 6px !important;
  }

  /* === IMAGE ======================================= */
  .classicBox .agenda_item_image {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    margin: 6px 0 !important;
  }

  /* === DATE / TIME BOX ============================= */
  .agenda_item_date_time_wrapper {
    padding: 8px 10px !important;
    row-gap: 6px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
  }
  .agenda_item_date_time_wrapper .col-4 div { 
    font-size: 13px !important; 
  }

  /* === ACTION BUTTONS ============================== */
  .agenda_item_actions_wrapper { 
    row-gap: 8px !important; 
    margin-top: 8px !important; 
  }
  .agenda_item_actions_wrapper_left .btn-primary {
    width: 100% !important;
    padding: 9px 12px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
  }
  .agenda_item_actions_wrapper_right {
    gap: 12px !important;
  }
  .agenda_item_actions_wrapper_right a,
  .agenda_item_actions_wrapper_right .agenda-btn {
    font-size: 13px !important;
  }

  /* === TOPIC TAGS / CHIPS ========================== */
  .featured-topics-wraper .btn,
  .additional-info-wraper .btn,
  .classicBox .custom-field,
  .classicBox .tag-link {
    font-size: 10.5px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
  }

  /* === GROUP DATE LABEL ============================ */
  .group-date,
  .agenda-day-title,
  .container-content h3.section-title {
    font-size: 15px !important;
    margin: 12px 12px 6px !important;
  }

  /* === FILTERS / SEARCH BAR TWEAK ================== */
  .filters--search .form-control {
    font-size: 14px !important;
    padding: 8px 10px !important;
  }
  .filters--search .input-group-text {
    padding: 8px 10px !important;
  }

  /* === BOTTOM NAV FIX ============================== */
  .navbar.fixed-bottom,
  .fixed-bottom,
  .app-tabbar,
  .mobile-bottom-nav,
  .bottom-navbar,
  footer.fixed-bottom {
    background: var(--bg) !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    color: #fff !important;
  }
  .navbar.fixed-bottom a,
  .fixed-bottom a,
  .app-tabbar a,
  .mobile-bottom-nav a,
  .bottom-navbar a {
    color: #fff !important;
  }

  /* === “ON DEMAND” ALIGNMENT ======================= */
  .agenda-filter .nav {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
  }
  .agenda-filter .nav .nav-link,
  .agenda-filter .nav a {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.1 !important;
    padding: 6px 8px !important;
    font-size: 14px !important;
    height: auto !important;
  }
  .agenda-filter .nav a:last-child,
  .agenda-filter .nav .nav-link:last-child {
    margin-left: auto !important;       /* move to right */
    align-self: center !important;       /* vertically center */
    color: var(--accent) !important;     /* HR Week green */
  }
}

/* Slightly wider mobile screens (up to small tablets) */
@media (min-width: 481px) and (max-width: 768px) {
  .classicBox h3, .classicBox h4 {
    font-size: 17px !important;
  }
  .agenda-filter .nav .nav-link {
    font-size: 15px !important;
  }
    
}
/* Fix: keep "On Demand" on one line (no spill on mobile) */
@media (max-width: 480px){
  .agenda-filter .nav{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;   /* single line */
    gap:10px;
  }
  /* allow children to shrink */
  .agenda-filter .nav > *{ min-width:0 !important; }

  /* base tab size */
  .agenda-filter .nav .nav-link,
  .agenda-filter .nav a{
    flex:0 1 auto !important;      /* shrink when needed */
    padding:6px 8px !important;
    font-size:14px !important;
    line-height:1.1 !important;
  }

  /* the last tab = "On Demand" */
  .agenda-filter .nav .nav-link:last-child,
  .agenda-filter .nav a:last-child{
    margin-left:auto !important;   /* push to the right */
    flex:0 1 auto !important;      /* allow shrinking */
    white-space:nowrap !important; /* no wrap */
    max-width:42vw !important;     /* cap width */
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    color:var(--accent) !important;
  }
}

/*action timeline*/
.horizontal-stepper .step
{
display:none !important;    
}
    
    /* PROFILE SIDEBAR CONTENT – DARK + VISIBLE */
#sidebar-my-profile {
    background: #08091e !important; }
    
 
#sidebar-my-profile .sidebar-content.profile {
  background: #08091e !important;   /* or transparent, but dark */
  color: #ffffff !important;
}

/* Make the links readable */
#sidebar-my-profile .sidebar-content.profile .dropdown-item {
  color: #ffffff !important;
  background: transparent !important;
}

#sidebar-my-profile .sidebar-content.profile .dropdown-item i {
  color: #ffffff !important;
}

/* Hover state */
#sidebar-my-profile .sidebar-content.profile .dropdown-item:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #1ab870 !important;
}

#sidebar-my-profile .sidebar-content.profile .dropdown-item:hover i {
  color: #1ab870 !important;
}
.sidebar-title-profile #container-inside {
    background-color: #1ab870; }

	
	div.MuiSpeedDial-root.MuiSpeedDial-directionUp {
  right: 90px !important;
  bottom: 12px !important;
}
    
 .chatbot-container a {
	color: #18E183 !important;
 }

.notification-log-window__item {
    min-height: unset !important;
    }