div.page-header{
      background: linear-gradient(180deg, #101b29, #424450);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.footer{
      background-color:#424450;
}
.footer-logo img {
      height: 40px !important;
      display: inline-block !important;	
      margin-bottom: 24px !important;
}
.footer .footer-links {
    color: #D7FF84; /* New color for the text and separators */
}
.main {
      background-color:#424450;
}
.category-header{
      background-image:none;
      background-color:#424450;
      border-bottom: 1px solid #424450;
      border-top: 1px solid #424450;
}
.category-title{
      color:#D7FF84
}
.category-container {
      background-color:#424450;
}

ul.category-list {
    border-left: none;
    border-right: none;
}
ul.category-list li a {
    transition: color .25s ease-out;
    display: block;
    color: #D7FF84; 
    padding: 0 0 0 1em;
    text-decoration: none;
}

ul.category-list li {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-user-select: none;
    user-select: none;
    background: #101B2980 !important; 
    display: block;
    line-height: 2.5em;
    color: #E2E8F0 !important; /* Soft light gray text */
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 12px;
    padding: 0 16px;
    border-left: 3px solid #D7FF84 !important; 
    border-top: none !important; 
    border-bottom: none !important;
    border-right: none !important; 
}

ul.category-list li:hover {
    background: #101B29 !important; 
    border-left: 3px solid #D7FF84 !important; 
    filter: brightness(1.2); 
}

ul.category-list li:hover a {
    color: #D7FF84;
}

ul.category-list li:active {
    background: #101B29 !important; 
    border-left: 3px solid #D7FF84 !important;
}

ul.category-list li:focus {
    outline: none;
    border-left: 3px solid #D7FF84 !important;
}
/* Update the color of all links */
a, .fake-link, .ui-widget-content a {
    color: #D7FF84; /* New color for links */
    text-decoration: none; /* Ensures no underline by default */
}

/* Add hover effect for better interactivity */
a:hover {
    color: #D7FF84;
    text-decoration: underline; /* Optional: Add underline on hover */
}
.category-sidebar{
    background:#D7FF84;
    border-left: 1px solid #424450;
}
.category-sidebar>.title {
    border-bottom: 1px solid #424450; /* Black border instead of light gray */
    box-shadow: 0 1px 0 #424450; /* Darker shadow */
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: .2em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #424450 !important; /* Black text for contrast against lime green */
}
.category-sidebar .title,
.category-sidebar .title *,
.category-sidebar h1,
.category-sidebar h2,
.category-sidebar h3,
.category-sidebar p,
.category-sidebar a,
.category-sidebar span {
    color: #424450 !important; /* Black text throughout the sidebar */
}

/* Make sure links are also black */
.category-sidebar a {
    color: #424450 !important;
    text-decoration: none;
}

.category-sidebar a:hover {
    color: #424450 !important; /* Slightly lighter on hover */
}
.main-page-list li .timing {
    color: #424450;
    text-shadow:none;
}
div.main-breadcrumb, div.main-breadcrumb.management {
    background-color:#424450;
    border-bottom: none !important;
}
div.main-breadcrumb .path .item,
div.main-breadcrumb .path .sep {
    color:#D7FF84;
}
.toolbar .i-button,
.toolbar .action-button {
    background: transparent !important;
    color: #E2E8F0 !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Hover state for toolbar buttons */
.toolbar .i-button:hover,
.toolbar .action-button:hover {
    background: #D7FF84 !important;
    color: #101B29 !important;
    border-color: #D7FF84 !important;
    text-decoration: none !important;
}
#global-menu {
    background:#424450;
}
#global-menu li :is(a,button) {
    background: transparent !important;
    color: #E2E8F0 !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    margin-right: 16px !important;
    margin-bottom: 0 !important;
    transition: all 0.2s ease !important;
    text-decoration:none;
}

#global-menu li :is(a,button):hover {
    background: transparent !important;
    color: #D7FF84 !important;
    border-bottom-color: #D7FF84 !important;
    text-decoration:none;
}
#dropdown-list-0 li a,
#dropdown-list-0 li button {
    background: #101B29 !important;
    color: #E2E8F0 !important; /* or #101B29 for black text if you prefer */
    border-bottom:none !important;
}

/* Optional: Add a hover effect for dropdown items */
#dropdown-list-0 li a:hover,
#dropdown-list-0 li button:hover {
    background: #101B29 !important;
    color: #D7FF84 !important;
    border-bottom-color:none !important;
}
/* Override styling for links inside dropdown items */
.i-dropdown > li a,
.i-dropdown > li .fake-link {
    color: #E2E8F0 !important; /* Black text for dropdown links */
    text-decoration: none !important;
}

/* Hover effect for dropdown links */
.i-dropdown > li a:hover,
.i-dropdown > li .fake-link:hover {
    color: #D7FF84 !important; /* Slightly lighter black on hover */
    text-decoration: none !important;
}
.i-dropdown > li {
    background-color: #101B29 !important; /* Dark blue background */
    border-color: #424450;
}
.i-dropdown {
    box-shadow: 0 2px 8px rgba(16, 27, 41, 0.15) !important;
    border: 1px solid #424450 !important;
}
.qtip.qtip-default,
.qtip.qtip-default .qtip-content {
    background: #101B29 !important;
    color: #E2E8F0 !important;
}
.qtip-default.qtip-popup {
    border: 1px solid #424450 !important;
    box-shadow: 0 2px 8px rgba(16, 27, 41, 0.15) !important;
}
.qtip-default.qtip-popup a {
    color: #E2E8F0;
    text-decoration:none !important;
}
.qtip-default.qtip-popup a:hover{
    color:#D7FF84;
    text-decoration:none important;
}
.side-menu {
    border: 1px solid #424450 !important;
    background: #101B29 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
}
.side-menu ul.menu-items > li {
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    background: transparent !important;
}
.side-menu ul.menu-items>li.section .title-wrapper::before {
    color: #424450 !important;
}
.side-menu ul.menu-items>li .title-wrapper .title {
    color: #E2E8F0 !important;
}
/* Default state for menu items */
.side-menu ul.menu-items > li a.title {
    color: #E2E8F0 !important;
    background: transparent !important;
    text-decoration: none !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 6px 6px 0 !important;
    margin: 2px 0 !important;
    transition: all 0.2s ease !important;
}

/* Hover effect: lime green text and left border */
.side-menu ul.menu-items > li a.title:hover {
    color: #D7FF84 !important;
    border-left: 3px solid #D7FF84 !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* Active item: remove all conflicting styles */
.side-menu ul.menu-items > li a.title:focus,
.side-menu ul.menu-items > li a.title:active {
    color: #D7FF84 !important;
    border-left: 3px solid #D7FF84 !important;
    background: transparent !important;
}
.side-menu ul.menu-items>li.active a.title{
    color: #D7FF84 !important;
    border-left: 3px solid #D7FF84 !important;
    background: transparent !important;
}
.side-menu ul.menu-items>li>ul>li.active .title{
    color: #D7FF84 !important;
    border-left: 3px solid #D7FF84 !important;
    background: #101B29 !important;
    border-radius: 0 !important;
}
.side-menu ul.menu-items > li > ul > li.active::before{
    background: #101B29 !important;
    border-radius: 0 !important;
}
ul.menu-items li.active::before {
    border-left: none !important;
}
div.management-page {
    background: #101B29 !important;
    padding: 2rem !important;
    margin: 1rem !important;
    border-radius: 8px !important;
    border: 1px solid #424450 !important; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden !important; /* Remove scroll */
    box-sizing: border-box !important;
}

div.management-page table,
div.management-page .i-table,
div.management-page .list .i-table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    table-layout: fixed !important; 
}

.management-page header .title>.text>.title-with-actions h2{
    color: #D7FF84 !important;
}
.management-page header .title{
    border-bottom:none !important;
}

.management-page header .page-description {
    color: #E2E8F0 !important;
}
.i-box, .review-item-content, .regform-section, .regform-done, .regform-section-sortable-placeholder, #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder, .categorynav .category-list, .i-timeline-item .i-timeline-item-box {
    padding: 2rem !important; /* Increased from 10px for better spacing */
    border-radius: 8px !important;
    border: 1px solid #424450 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.2s ease !important; /* Enhanced transition */
    background: #101B29 !important;
    color: #E2E8F0 !important;
    margin-bottom: 2rem !important; /* Add spacing between sections */
}

.i-form fieldset legend {
    color: #E2E8F0 !important;
    border-bottom: 1px solid #E2E8F0 !important;
}
.i-form .form-group .form-field .form-field-description, .i-form label{
    color: #E2E8F0 !important;
}
.text-holder-box {
    background: #101B29 !important;
    border: 1px solid #424450 !important;
    height: 2.5em !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}
.i-form .form-group .form-field select{
    background: rgba(66, 68, 80, 0.3) !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}
/* Update form labels and text inside boxes */
.i-box label,
.i-box .form-label,
.i-box h3,
.i-box h4 {
    color: #E2E8F0 !important;
}

/* Update input fields inside boxes */
.i-box input[type="text"],
.i-box input[type="password"],
.i-box input[type="email"],
.i-box textarea,
.i-box select {
    background: rgba(66, 68, 80, 0.3) !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}

/* Update buttons inside boxes */
.i-box .i-button,
.i-box button {
    background: #D7FF84 !important;
    color: #101B29 !important;
    border: 1px solid #D7FF84 !important;
}

.i-box .i-button:hover,
.i-box button:hover {
    background: #101B29 !important;
    color: #D7FF84 !important;
    border: 1px solid #D7FF84 !important;
}

.ui.search.dropdown > input.search {
    background: rgba(66, 68, 80, 0.3) !important;
    color: #E2E8F0 !important;
}

.ui.search.selection.dropdown {
    background: rgba(66, 68, 80, 0.3) !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
}
.ui.dropdown .menu > .item {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border-top: 1px solid #424450 !important;
}

.ui.dropdown .menu > .item:hover {
    background: #101B29 !important;
    color: #D7FF84 !important;
}
.ui.cards a.card, .ui.link.cards .card, a.ui.card, .ui.link.card {
    background: #424450 !important;
    color: #E2E8F0 !important;
}

.ui.cards a.card a, .ui.link.cards .card a, a.ui.card a, .ui.link.card a {
    color: #D7FF84 !important;
}

.ui.cards a.card:hover, .ui.link.cards .card:hover, a.ui.card:hover, .ui.link.card:hover {
    background: #D7FF84 !important;
    color: #424450 !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.ui.cards a.card:hover a, .ui.link.cards .card:hover a, a.ui.card:hover a, .ui.link.card:hover a {
    color: #424450 !important;
}

.i-box-header {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    font-weight: 600 !important;
}

.i-box-title {
    color: #E2E8F0 !important;
    font-weight: bold !important;
}
.banner .title {
    margin-bottom: 19px;
    font-family: "Roboto Light", sans-serif;
    font-size: 2em;
    color: #D7FF84 !important;
    font-weight: 600 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
    letter-spacing: 1px !important;
}
.banner .title .date{
    color: #E2E8F0 !important;
}
.event-settings {
    border: 1px solid #424450 !important;
    background: #101B29 !important;
}

.action-box {
    border: 1px solid #424450 !important;
    background: #101B29 !important;
    color: #E2E8F0 !important;
}
div.exclusivePopup {
    background-color:#101B29;
}
:not(.ui) > input[type=search] {
    background: rgba(66, 68, 80, 0.3) !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}

/* Category list items - Base styling */
.categorynav .category-list .item {
    background: #101B29 !important;
    color: #E2E8F0 !important; /* Light grey for normal text */
    border: 1px solid #424450 !important;
    border-left: 3px solid transparent !important; /* Default transparent left border */
    transition: all 0.2s ease !important;
}


.categorynav .category-list .item:hover::before {
    border-left: none !important;
}
/* Hover state for category items */
.categorynav .category-list .item:hover {
    background: #101B29 !important;
    color: #D7FF84 !important; /* Lime green on hover */
    border-left: 3px solid #D7FF84 !important; /* Only lime green left border */
}
.categorynav .category-list .item.current-category::before {
    border-left: none !important;
}
.categorynav .category-list .item.current-category {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border-bottom: 1px solid #424450 !important;
    border-left: 3px solid #D7FF84 !important; /* Lime green left border */
    background: #101B29 !important;
    color: #D7FF84 !important; /* Selected is lime green */
}

/* More subtle action buttons - cleaner appearance with faster transition */
.categorynav .category-list .item .button-wrapper .action-button:not(.label):not(.borderless):not(.text-color) {
    background: transparent !important;
    border: 1px solid rgba(226, 232, 240, 0.3) !important;
    color: #E2E8F0 !important;
    font-size: 0.85em !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    transition: background-color 0.1s ease, border-color 0.1s ease, color 0.1s ease !important;
}

/* Subtle hover state for action buttons - faster transition */
.categorynav .category-list .item .button-wrapper .action-button:not(.label):not(.borderless):not(.text-color):hover {
    background: rgba(215, 255, 132, 0.1) !important;
    border: 1px solid rgba(215, 255, 132, 0.4) !important;
    color: #D7FF84 !important;
    transform: none !important; /* Remove any transform effects */
}

/* Current category title styling - more specific selectors */
.categorynav .category-list .item.current-category .title,
.categorynav .category-list .item.current-category .title-wrapper .title,
.categorynav .category-list .item.current-category * {
    color: #D7FF84 !important; /* Selected is lime green */
}

/* Normal category titles */
.categorynav .category-list .item .title-wrapper .title {
    color: #E2E8F0 !important; /* Light grey for normal text */
    transition: color 0.2s ease !important;
}

/* Hover state for category titles */
.categorynav .category-list .item:hover .title-wrapper .title {
    color: #D7FF84 !important; /* Lime green on hover */
}
.categorynav .category-list .item.current-category .navigate-up {
    background: #101B29 !important;
}
.ui-draggable .ui-dialog-titlebar{
    background:#101B29 !important;
    border-bottom: none !important;
}

.ui-dialog-titlebar-close:not(.ui-state-hover) {
    right: 1rem !important; /* Move it more to the left by increasing the right margin */
    color: #E2E8F0 !important;
}


.event-list h4 {
    color: #E2E8F0 !important;
}
dl.i-data-list dt, dl.i-data-list dd{
    color: #E2E8F0 !important; 
}
.ui-widget-content{
    border: 1px solid #424450 !important;   
}
.ui-dialog .ui-dialog-title{
    color: #E2E8F0 !important;
    padding-top: 10px !important;
    font-size: 1.1em ;
    font-weight: bold ;
}


.ui-corner-all .ui-dialog-content{
    border: none !important;
}
.your-details .your-details-wrapper,
.your-details .your-details-wrapper h3,
.your-details .your-details-wrapper i{
    color: #E2E8F0 !important;
}

p {
    color: #E2E8F0;
}

.confTitleBox {
    background-color: #424450;
}

.conference-title-link {
    color: #D7FF84 !important;
}

.conference-title-link:hover {
    text-decoration: none !important;
}

.support_box {
    margin-top: 10px !important;
    width: 100%;
    color: #E2E8F0 !important; /* Light gray text instead of #aaa */
    background: #101B29 !important; /* Dark blue background instead of #f6f6f6 */
    border: 1px solid #424450 !important; /* Medium gray border instead of #ccc */
    border-radius: 8px !important; /* Add rounded corners to match other elements */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; /* Add subtle shadow like other boxes */
}

.support_box > h3 {
    color: #E2E8F0 !important; /* Light text */
    background: #101B29 !important; /* Same as your other headers */
}

.confSubTitleBox {
    background: #424450;
    border: none !important;
}
.confSubTitleContent{
    color: #E2E8F0 !important;
}

#outer{
    background: #101B29 !important;
    border: none !important;
}

/* Remove the old styling and replace with sidebar-like styling */
.menuConfSelected, .menuConfMiddleCellSelected {
    color: #E2E8F0 !important;
    background: #101B29 !important;
    border: none !important;
    border-left: 3px solid #D7FF84 !important; /* Left green border for selected */
    transition: all 0.2s ease !important;
}

/* Default state for menu links */
.menuConfTitle a {
    color: #E2E8F0 !important;
    background: #101B29 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    border-left: 3px solid transparent !important; /* Transparent border by default */
}

/* Hover state for menu links */
.menuConfTitle a:hover {
    color: #D7FF84 !important;
    background: #101B29 !important; /* Keep same background */
    border-left: 3px solid #D7FF84 !important; /* Add left green border on hover */
}

.menuConfSelected a, 
.menuConfSelected .menuConfTitle a,
.menuConfMiddleCellSelected a {
    color: #D7FF84 !important; /* Selected links should be lime green */
    background: #101B29 !important;
    border-left: 3px solid #D7FF84 !important; /* Keep the green border */
    text-decoration: none !important;
}

/* For non-selected menu items */
.menuConfTitle {
    background: #101B29 !important;
    border: none !important;
}
.infoline.location .place{
    color: #E2E8F0 !important;
}
.infoline .icon {
    color: #D7FF84 !important;
}

.infoline .text {
    color: #E2E8F0 !important;
}

.infoline.date .datetime{
    color: #E2E8F0 !important;
}

.login-page {
    background: #424450 !important;
}

.login-page .register{
    color: #E2E8F0 !important;
}

.login-page .middle .centered-column-wrapper .header-logo {
    margin-bottom: 20px;
    width: 100%;
}

.fixed-width-standalone-page header h2{
    color: #E2E8F0 !important;
    font-weight: bold !important;
}

.login-page .titled-rule{
    color: #E2E8F0 !important;
}

.message.info {
    background: #101B29 !important;
    border: 1px solid #424450 !important;
}

.ui.info.message {
    background: #101B29 !important;
    box-shadow : none !important;
}

.i-button:disabled:not(.borderless), .i-button.icon-time.disabled{
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.ui.left.center.popup:before{
    background: #101B29 !important;
    box-shadow: none !important;
}
.ui.popup {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
}

div.f-self-no-shrink{
    color: #424450 !important; /* hide the text */
}

.error-box{
    background: #101B29 !important;
    border: 1px solid #424450 !important;
}
.error-box h1,p{
    color: #E2E8F0 !important;
}

.simpleTextAnnouncement {
    background: #424450 !important;
    color: #D7FF84 !important;
    border-top: none !important;
}

/* Updated global button styling - subtle hover effect */
.i-button:not(.label):not(.borderless):not(.text-color) {
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    transition: all 0.2s ease !important;
}

.i-button:not(.label):not(.borderless):not(.text-color):hover {
    background: transparent !important; 
    color: #D7FF84 !important; 
    border: 1px solid #D7FF84 !important; 
    text-decoration: none !important;
}


.i-button:not(.label):not(.borderless):not(.text-color):active,
.i-button:not(.label):not(.borderless):not(.text-color).selected {
    background: transparent !important; 
    color: #D7FF84 !important; 
    border: 1px solid #D7FF84 !important; 
}

/* Update highlight buttons to match */
.i-button.highlight:not(.label):not(.borderless):not(.text-color):hover {
    background: transparent !important; 
    color: #D7FF84 !important; 
    border: 1px solid #D7FF84 !important; 
    cursor: pointer !important;
    text-decoration: none !important;
}


/* Checkbox selection styling */
input[type=checkbox]:checked + label:not(.label):not(.borderless):not(.text-color):not(.striped) {
    background: transparent !important;
    color: #D7FF84 !important;
    border: 1px solid #D7FF84 !important;
}

/* Disabled button state */
.i-button:disabled:not(.borderless) {
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* Special highlight buttons (already in your CSS but ensuring consistency) */
.i-button.highlight:not(.label):not(.borderless):not(.text-color) {
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}


/* Simple login form input styling */
.login-page form input:not([type=submit]) {
    height: 2.8em;
    padding: 0.7em 1em;
    line-height: 1.5;
    width: 100%;
    background: rgba(16, 27, 41, 0.6) !important;
    color: #E2E8F0 !important;
    border: 1px solid #4B5563 !important;
    border-radius: 6px !important;
    font-size: 1em;
    transition: all 0.2s ease !important;
    caret-color: #E2E8F0 !important;
}

/* Focus state - no visual changes */
.login-page form input:not([type=submit]):focus {
    outline: none !important;
}

/* Fix text selection to keep light color */
.login-page form input:not([type=submit])::selection {
    background: rgba(215, 255, 132, 0.3) !important;
    color: #E2E8F0 !important;
}

/* Fix autofill to match our styling */
.login-page form input:not([type=submit]):-webkit-autofill,
.login-page form input:not([type=submit]):-webkit-autofill:hover,
.login-page form input:not([type=submit]):-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px rgba(16, 27, 41, 0.6) inset !important;
    -webkit-text-fill-color: #E2E8F0 !important;
}

/* Placeholder styling */
.login-page form input:not([type=submit])::placeholder {
    color: rgba(226, 232, 240, 0.5) !important;
}

/* inside event form */
.i-location-field .wrapper input.i-location-input-field {
    background: #101B29 !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}

:not(.ui)>input[type=text]{
    background: transparent !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}

.durationpicker{
    background: #101B29 !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}

.ui.attached.segment {
    background: #101B29 !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}

input#input-captcha{
    background: #101B29 !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}

input#email{
    background: #101B29 !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}

.ui.button{
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

.ui.button:hover{
    background: transparent !important;
    color: #D7FF84 !important;
    border: 1px solid #D7FF84 !important;
}


.ui.modal > .actions, .ui.modal > .content, .ui.modal > .header{
    background: #101B29 !important;
    color: #E2E8F0 !important;
}

.ui.form .field > label {
    color: #E2E8F0 !important;
}

.ui.modal > .close {
    color: #E2E8F0 !important;
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
    z-index: 1000 !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.ui.form .field .ui.input input{
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

.ui.form textarea{
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}
.ui.info.message .header{
    color: #E2E8F0 !important;
}
.ui.message{
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}
.ui.list > .item:hover{
    background: transparent !important;
}
.ui.list > .item .description{
    color: #E2E8F0 !important;
}

.ui.divider {
    color: #E2E8F0 !important;
}

.ui.form input[type="checkbox"]{
    background: #E2E8F0 !important;
    border: none !important;
}

.ui.segment{
    background: #101B29 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}
.ui.segment .item:not(:last-child) {
    border-bottom: 1px solid #424450 !important;
    padding-bottom: 0.8rem !important;
    margin-bottom: 0.8rem !important;
}

.search-page header h2{
    color: #E2E8F0 !important;
    font-weight: bold !important;
}

.search-page header .title {
    border-bottom: none !important;
}

.ui.secondary.pointing.menu {
    border-bottom: 2px solid #424450 !important; 
}

.ui.secondary.menu {
    background: transparent !important;
}

.ui.secondary.menu .item {
    color: #E2E8F0 !important; 
    border-bottom: 2px solid transparent !important;
    transition: all 0.2s ease !important;
}
.ui.secondary.menu .item:hover {
    color: #D7FF84 !important; 
    border-bottom-color: rgba(215, 255, 132, 0.5) !important; 
}

/* Active/selected state */
.ui.secondary.menu .item.active,
.ui.secondary.pointing.menu .item.active {
    color: #D7FF84 !important; 
    border-bottom: 2px solid #D7FF84 !important; 
}

.ui.checkbox label{
    color: #E2E8F0 !important;
}

.ui.header{
    color: #E2E8F0 !important;
}
#language-list{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#language-list button:not(:disabled){
    color: #E2E8F0 !important;
}

#language-list button:disabled{
    color: #D7FF84 !important;
}

#language-list button:not(:disabled):hover{
    color: #D7FF84 !important;
}

#tz-selector-widget select{
    background: #101B29 !important;
    border: 1px solid #424450 !important;
    color: #E2E8F0 !important;
    border-radius: 4px !important;
}
select option {
    color: #E2E8F0 !important;
}
#tz-selector-widget select option:checked{
    background: #D7FF84 !important;
    color: #101B29 !important;
}

#tz-selector-widget select option:hover{
    background: #101B29 !important;
    color: #D7FF84 !important;
}

#tz-selector-widget button{
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

#tz-selector-widget button:hover{
    background: transparent !important;
    color: #D7FF84 !important;
    border: 1px solid #D7FF84 !important;
}

#tz-selector-widget .options label:not(:last-child) input+*{
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

#tz-selector-widget .options label:not(:last-child) input+*:hover{
    background: transparent !important;
    color: #D7FF84 !important;
    border: 1px solid #D7FF84 !important;
}

#tz-selector-widget .options label:last-of-type input+*{
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

#tz-selector-widget .options label:last-of-type input+*:hover{
    background: transparent !important;
    color: #D7FF84 !important;
    border: 1px solid #D7FF84 !important;
}

/* Fixed-width standalone page styling - single box with proper padding */
.fixed-width-standalone-page header, .fixed-width-standalone-page .page-content {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    padding: 1rem !important;
    margin: 1rem !important;
}

/* Make header and content appear as one unified box */
.fixed-width-standalone-page header {
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 1rem !important;
}

.fixed-width-standalone-page header .title{
    border-bottom: none !important;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0 !important;

}

.fixed-width-standalone-page .page-content {
    border-top: none !important;
    border-radius: 0 0 8px 8px !important;
    margin-top: 0 !important;
    padding-top: 1rem !important;
}

/* Add spacing between form fields */
.fixed-width-standalone-page .ui.form .field {
    margin-bottom: 1.5rem !important;
}

/* Overall container spacing */
.fixed-width-standalone-page {
    padding: 2rem !important;
}

.regform-list h3, .management-page header h3, td, .conference-page header h3, .conference-page .page-content h3{
    color: #E2E8F0 !important;
}

h2#main-content{
    color: #D7FF84 !important;
}

.conference-page header .title{
    border-bottom:none !important;
}

.list .i-table td {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    padding: 0.8rem !important;
    transition: all 0.2s ease !important;
}

.list .i-table th {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    padding: 0.8rem !important;
    font-weight: bold !important;
}

.list .i-table tr {
    outline: 1px solid #424450 !important;
}
.list .i-table tr:hover {
    outline: 1px solid #D7FF84 !important;
}

.list .i-table tr:hover td {
    background: #101B29 !important;
    color: #E2E8F0 !important;
}

.list .i-table {
    background: #101B29 !important;
    border: none !important;
    border-radius: 4px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/*div.ui.right.center.popup.transition.visible{
    background: #E2E8F0 !important;
}*/

._-web-client-js-react-forms-___fields-module__fieldset___Bk-9g legend {
    color: #E2E8F0 !important;
}

.success-message-box{
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border: 1px solid #D7FF84 !important;
    border-radius: 4px !important;
}

.conference-page header h2{
    color: #D7FF84 !important;
    font-weight: bold !important;
}

.events-registration-client-styles-___regform-module__form-item___AlbiE.events-registration-client-styles-___regform-module__disabled___A4p\+q {
    background: #101B29 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    background: #101B29 !important;
}

.ui-widget-content{
    color: #E2E8F0 !important;
}

.permalink-text {
    color: #E2E8F0 !important;
}

.ui-tabs .ui-tabs-panel {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

.ui-tabs .ui-tabs-nav {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border-bottom: none !important;
}

.tabExtraButtons .buttonContainer {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
}

.tabExtraButtons .buttonContainer:hover {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border: 1px solid #D7FF84 !important;
}

.ui-tabs .ui-tabs-nav li a.ui-tabs-anchor{
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
    border-right: 1px solid #424450 !important;
    border-top: 1px solid #424450 !important;
    border-left: none !important;
}

.tabExtraButtons .buttonContainer .button {
    background: #101B29 !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

.hourLine {
    border-top: 1px solid #424450 !important;
}

ind-select [role=option] {
    color: #E2E8F0 !important;
    background: transparent !important;
}

.ui.form ind-select .caption {
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

ind-select dialog{
    background: transparent !important;
    color: #E2E8F0 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

ind-select [role=listbox]{
    background: #101B29 !important;
    border: 1px solid #424450 !important;
    border-radius: 4px !important;
}

ind-select [role=option] {
    color: #E2E8F0 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

ind-select [role=option]:hover{
    border: 1px solid #D7FF84 !important;
}


.ui-tabs .ui-tabs-panel .timetableBlock {
    min-width: 80% !important; 
    width: auto !important;
}

.ui-widget-content {
    background: #101B29 !important;
}

.regform-done .i-box-header .i-box-metadata .label, .regform-done .i-box-header .i-box-metadata .content{
    color: #E2E8F0 !important;
}

.regform-done .regform-done-caption{
    color: #E2E8F0 !important;
    border-bottom: 1px dashed #424450 !important;
    border-right: 1px dashed #424450 !important;
}

._-web-client-js-react-components-___Checkbox-module__checkbox___5Eco4[data-as-toggle=true]::before {
    border: 1px solid #424450;
    background: #fff;
}

.events-registration-client-js-form-___FormErrorList-module__form-error-list___Nv3hw{
    background: #101B29 !important;
    border: .2em solid #424450;
}

.events-registration-client-js-form-___FormErrorList-module__form-error-list___Nv3hw li a, .events-registration-client-js-form-___FormErrorList-module__form-error-list___Nv3hw h4, .events-registration-client-js-form-___FormErrorList-module__form-error-list___Nv3hw li::marker {
    color: #E2E8F0 !important;
}
.events-registration-client-js-form-___FormErrorList-module__form-error-list___Nv3hw li a:hover{
    color: #D7FF84 !important;
}