/* ========================================
   Redmine Flux Daisy Theme - Custom Layout
   HTML Structure Based (Clean CSS)
   ======================================== */

/* ===== FONTS ===== */
@font-face {
    font-family: 'Poppins-Regular';
    src: url("/assets/plugin_assets/redmineflux_daisy/Poppins-Regular-80e51e32.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url("/assets/plugin_assets/redmineflux_daisy/Poppins-Medium-e462549e.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url("/assets/plugin_assets/redmineflux_daisy/Poppins-SemiBold-fc774283.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url("/assets/plugin_assets/redmineflux_daisy/Poppins-Bold-faff2f0a.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url("/assets/plugin_assets/redmineflux_daisy/Poppins-Light-d5afa9a3.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* ===== BODY & WRAPPER ===== */
html {
    overflow-y: clip;
}

body.daisy-theme {
    margin: 0;
    padding: 0;
    font-family: 'Poppins-Regular', sans-serif !important;
}

#wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: 'Poppins-Regular', sans-serif !important;
}

/* ===== TOP MENU ===== */
#top-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #E6E6E6;
    background: #FFF;
    height: 89px;
    color: #050505;
    padding: 8px 16px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Poppins-Regular', sans-serif !important;
}

/* Flux Logo Styling */
#top-menu .flux-logo {
    flex-shrink: 0;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

#top-menu .flux-logo-img {
    height: 40px;
    width: auto;
    vertical-align: middle;
}

#top-menu #loggedas {
    margin-right: -6px;
}

/* Top Menu Navigation (Center) */
#top-menu .top-menu-nav {
    flex-grow: 1;
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible;
}

#top-menu .top-menu-nav ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

#flux-overflow-menu>ul>li>a {
    line-height: 15px;
    padding: 10px 20px;
}

/* Overflow Menu Styles */
#flux-more-menu-btn {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    margin-left: -20px;
    background: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    color: #374151;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    white-space: nowrap;
}

#flux-more-menu-btn:hover {
    background: #F3F4F6;
    border-color: #D1D5DB;
}

#flux-more-menu-btn.active {
    background: #EFF6FF;
    border-color: #3B82F6;
    color: #1D4ED8;
}

.flux-more-icon {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
}

#flux-more-menu-btn.active .flux-more-icon {
    transform: rotate(180deg);
}

#flux-overflow-menu {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    min-width: 200px;
    max-width: 280px;
    padding: 8px 0;
    z-index: 10000;
    animation: slideDown 0.2s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#flux-overflow-menu.show {
    display: block;
    border-radius: 3px;
}

#flux-overflow-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#flux-overflow-menu li {
    margin: 0;
}

#flux-overflow-menu a {
    display: block;
    padding: 10px 16px;
    color: #374151;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.15s ease;
}

#flux-overflow-menu a:hover {
    background: #F9FAFB;
    color: #0094FF;
}

#flux-overflow-menu a.selected {
    background: #EFF6FF;
    color: #0094FF;
    font-weight: 600;
}

/* Top Menu Right (Account & Logged as) */
#top-menu .top-menu-right {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
}

/* Search Icon Styling */
#top-menu .search-icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 0;

}

#search-toggle-icon {

    background-image: url("/assets/plugin_assets/redmineflux_daisy/Searchicon-1380ae3d.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat !important;
}

/* User Avatar Circle - Shows only first letter */
#top-menu #loggedas {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    background: #0094ff;
    height: 30px;
    width: 30px;
    color: transparent;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

#top-menu #loggedas::before {
    content: attr(data-initial);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    pointer-events: none;
}

/* Make the link clickable and cover the entire circle */
#top-menu #loggedas a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    text-decoration: none;
    color: transparent;
}


#top-menu #account {
    display: flex;
    align-items: center;
}

/* Profile Icon for My Account */
#top-menu a.my-account {
    display: inline-flex;
    width: 20px;
    height: 20px;
    color: #2A2B2C;
    margin-right: 6px;
    font-size: 0px;
    margin-top: 4px;
    position: relative;
}

#top-menu a.my-account::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("/assets/plugin_assets/redmineflux_daisy/profile-3cf569b0.svg");
    background-repeat: no-repeat !important;
}

/* Tooltip for My Account */
#top-menu a.my-account::after {
    content: 'My account';
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 10px;
    line-height: 10px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    z-index: 1000;
}

#top-menu a.my-account:hover::after {
    opacity: 1;
}

/* Logout Icon for Sign out */
#top-menu a.logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 0;
    line-height: normal;
    font-size: 0;
    position: relative;
}

#top-menu a.logout::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("/assets/plugin_assets/redmineflux_daisy/logout-8f884381.svg");
    background-repeat: no-repeat;
}

/* Tooltip for Logout */
#top-menu a.logout::after {
    content: 'Sign out';
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1000;
}

#top-menu a.logout:hover::after {
    opacity: 1;
}

#top-menu a {
    margin-right: 25px;
    font-weight: 500;
    font-family: 'Poppins-Medium', sans-serif !important;
    color: #2A2B2C;
    line-height: 80px;
    text-decoration: none;
    font-size: 16px;
}


/* ===== LEFT SIDEBAR MAIN MENU ===== */
#main-menu.daisy-left-menu {
    position: fixed;
    left: 0;
    top: 89px;
    width: 200px;
    height: calc(100vh - 89px);
    margin: 0;
    padding: 20px 10px 10px 10px;
    background-color: #FBFBFB;
    border-right: 1px solid #EEE;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 50;
    box-shadow: 1px 0 0px rgba(0, 0, 0, 0.1);
}


#main-menu.daisy-left-menu li {
    display: block;
    margin: 20px 0px 20px 50px;
    width: fit-content;
    list-style: none;
}

#main-menu.daisy-left-menu li a {
    display: block;
    color: #1d273ce8;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 12px;
    border-radius: 4px;
    text-align: left;
    transition: all 0.3s ease;
    font-size: 14px;
    width: fit-content;
}

#main-menu.daisy-left-menu li a:hover,
#main-menu.daisy-left-menu li a.selected,
#main-menu.daisy-left-menu li a.selected:hover {
    color: #0094FF;
    background: none;
}

/* Submenu styling */
/* #main-menu.daisy-left-menu .menu-children {
    display: none;
    background: rgba(0, 0, 0, 0.1);
    padding-left: 15px;
    margin-top: 3px;
    border-radius: 4px;
    list-style: none;
} */

#main-menu.daisy-left-menu li:hover .menu-children,
#main-menu.daisy-left-menu li .menu-children.visible {
    display: block;
}

/* 
#main-menu.daisy-left-menu .menu-children li {
    margin: 2px 0;
}

#main-menu.daisy-left-menu .menu-children li a {
    padding: 7px 12px;
    font-size: 0.9em;
    font-weight: normal;
    color: #bdc3c7;
} */


/* Custom scrollbar for main menu */
#main-menu.daisy-left-menu::-webkit-scrollbar {
    width: 1px;
}

#main-menu.daisy-left-menu::-webkit-scrollbar-track {
    background: #FFFFFF;
}

#main-menu.daisy-left-menu::-webkit-scrollbar-thumb {
    background: #f7f5f5;
    border-radius: 3px;
}

#main-menu.daisy-left-menu::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF;

}

/* ===== CONTENT WRAPPER ===== */
/* Default: No left margin when main-menu doesn't exist */
#content-wrapper {
    margin-left: 0;
    margin-top: 97px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: calc(100vh - 100px);
}

/* Add left margin only when main-menu exists */
body:has(#main-menu) #content-wrapper {
    margin-left: 220px;
}

/* ===== HEADER ===== */
#header {
    min-height: 0px !important;
    padding: 0px !important;
}

/* Quick Search Styling */
#header #quick-search {
    display: none;
    position: fixed !important;
    top: 74px !important;
    right: 120px !important;
    background: white !important;
    padding: 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
    z-index: 10000 !important;
    min-width: 350px !important;
    float: none !important;
    clear: both !important;
    max-width: none !important;
    margin: 0 !important;
    border: 1px solid #e0e0e0 !important;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
}

#header #quick-search.show {
    display: flex;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    align-items: flex-end;
}

#header #quick-search form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

#header #quick-search label {
    color: #333 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    margin: 0 !important;
    display: block !important;
}

#header #quick-search label a {
    color: #0066cc !important;
    text-decoration: none !important;
}

#header #quick-search label a:hover {
    text-decoration: underline !important;
}

#header #quick-search input[type="text"] {
    padding: 10px 12px 10px 20px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
    height: 35px;
}

#header #quick-search #project-jump .drdn-trigger {
    height: 35px;
}

#header #quick-search #project-jump .drdn-items>a:hover {
    background-color: #0094ffe0;
    color: #fff !important;
}

#header #quick-search input[type="text"]:focus {
    outline: none !important;
    border-color: #0066cc !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1) !important;
}

#header h1 {
    color: #f8f8f8;
    margin: 10px 0;
}

#header a {
    color: #f8f8f8;
}

/* ===== MAIN CONTENT AREA ===== */
#main {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    background-color: #fff;
    overflow-y: auto;
    max-height: calc(100vh - 20px - 100px);
}

/* ===== CONTENT (Left side, grows to fill space) ===== */
#content {
    order: 1;
    flex-grow: 1;
    padding: 10px 16px;
    background-color: #fff;
    overflow: auto !important;
}

/* Page Header Wrapper (contains h1 and h2) */
.page-header-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    max-width: 100%;
    overflow: hidden;
}

.page-header-wrapper h1,
.page-header-wrapper h2 {
    margin: 0;
    padding: 0;
    flex-shrink: 1;
    min-width: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Page Title in Content */
#content .content-page-title {
    font-size: 24px;
    font-weight: bold;
    max-width: 100%;
    color: #000000;
}

.page-header-wrapper h2 {
    font-size: 24px;
    max-width: 100%;
    color: #000000;
    margin-left: -7px;
}

/* ===== CONTEXTUAL & QUERY FORM ===== */
/* Contextual buttons (top-right action buttons) */
.contextual {
    margin-top: -55px;
}

.contextual>*:not(:first-child) {
    margin-left: 5px;
}

/* Contextual button styling */
.icon-add,
#issue_tree>div>a,
#relations>div>a {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/plus_icon_blue-07ee381a.svg");
    background-repeat: no-repeat !important;
}



/* Bookmark icons */
.icon-bookmark {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white"><path d="M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z"/></svg>');
    background-size: 16px;
    background-position: 92% 50%;
    background-repeat: no-repeat !important;
}

.icon-bookmark-off {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>');
    background-size: 16px;
    background-position: 92% 50%;
    background-repeat: no-repeat !important;
}


.icon-bookmarked-project {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="%230094ff"><path d="M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z"/></svg>');
    background-size: 16px;
    background-repeat: no-repeat !important;
}

div.contextual>a.icon-add,
.contextual>.icon-time-add,
div.contextual #create-checklist-template-link,
.contextual.add_email_template #create-email-template-link,
#tab-content-Testcase_Run_Types>div>div>a.icon.icon-add,
#create-email-template-link,
#create-run-type-link {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/plus-b56b987d.svg") !important;
    background-size: 12px;
    background-repeat: no-repeat !important;
}

.icon-settings {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/settings_icon_white-d2d7377d.svg");
    background-size: 18px;
    background-repeat: no-repeat !important;
}

.icon-checked {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/tick_ico-7920ebe8.svg");
    background-repeat: no-repeat !important;
}

.icon.icon-reload {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/clear-0ae94a37.svg");
    background-size: 16px !important;
    background-repeat: no-repeat !important;
}

.icon-save {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/Done_ico-77909a3e.svg") !important;
    background-position: 90% 50% !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
}

.icon-edit {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/edit_white-3a03c4af.svg");
    background-position: 85% 50% !important;
    background-repeat: no-repeat !important;
}

.icon-del {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/delete_ico_white-0d379d7d.svg");
    background-size: 15px !important;
    background-position: 85% 50% !important;
    background-repeat: no-repeat !important;
}

div.contextual>a, #create-email-template-link,
#create-run-type-link {
    background-color: #0094FF;
    padding: 0px 36px 0px 20px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 12px;
    background-position: 90%;

}

div.contextual>a:hover,
#tab-content-versions>form>fieldset>a.icon.icon-reload:hover,
#content>form>fieldset>a.icon.icon-reload:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #0080e6 !important;
}

/* Query form spacing */
#query_form_with_buttons {
    background: #E6F9F4;
    padding: 15px 10px 7px 10px;
    border-radius: 3px;
    margin-bottom: 3em;
}

/* Query form buttons */
#query_form_with_buttons>p>a {
    padding: 10px 36px 10px 20px;
    background-color: #0094ff;
    color: white;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    background-position: 80% 50%;
    background-size: 13px;
}

#query_form_with_buttons>p>a:hover {
    background-color: #0080e6;
}

#query_form_with_buttons>p>a.icon.icon-edit,
#query_form_with_buttons>p>a.icon.icon-del {
    background-position: 90% 50% !important;
}

#query_form_with_buttons>p>a.icon-checked,
#content>form>fieldset>input.small,
#tab-content-versions>form>fieldset>input[type=submit],
#users_form>fieldset>input.small {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/tick_ico-7920ebe8.svg");
    background-repeat: no-repeat !important;

}


#content>form>fieldset>input.small,
#tab-content-versions>form>fieldset>input[type=submit],
#users_form>fieldset>input.small {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/tick_ico-7920ebe8.svg");
    padding: 19px 36px 19px 20px;
    background-position: 80% 50%;
    background-repeat: no-repeat;
}


#tab-content-versions>form>fieldset>a.icon.icon-reload,
#content>form>fieldset>a.icon.icon-reload,
.controller-timelog.action-report #query_form>p>a.icon.icon-reload {
    padding: 11px 36px 12px 20px;
    background-color: #0094ff;
    color: white;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    background-position: 80% 50%;
    background-size: 13px;
    /* vertical-align: text-bottom ; */
}

.controller-timelog.action-report #query_form>p>a.icon.icon-reload>svg {
    display: none;
}


/* project settings */


#tab-content-versions>div>a.icon.icon-locked,
#tab-content-activities>div>a {
    margin-top: 50px;
}

#tab-content-versions>div>a.icon.icon-locked {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/archive_white-3711650f.svg");
    background-position: 93% 8px;
        background-repeat: no-repeat;
        background-size: 16px;
}


#project_trackers>div>a.icon.icon-settings,
#project_issue_custom_fields>div>a.icon.icon-settings {
    margin-top: 55px;
    padding: 4px 39px 3px 17px !important;
    background-image: url("/assets/plugin_assets/redmineflux_daisy/settings_icon_white-d2d7377d.svg");
    background-repeat: no-repeat !important;
    font-size: 12px !important;
}

#tab-content-members>div {
    margin-top: -10px;
}

.tab-content>p,
.controller-enumerations.action-index #content>p {
    margin: 25px 0px !important;
}

.tab-content>p>a,
.controller-enumerations.action-index #content>p>a {
    background-color: #0094ff !important;
    background-image: url("/assets/plugin_assets/redmineflux_daisy/plus-b56b987d.svg");
    background-repeat: no-repeat !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    padding:8px 35px 8px 15px;
    color: #ffffff !important;
    text-decoration: none;
    background-position: 88% 51%;
}

#tab-content-activities>div>a.icon.icon-del {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/clear-0ae94a37.svg");
    background-repeat: no-repeat !important;
}

/* Hide buttons when both fieldsets are collapsed */
#query_form_with_buttons:has(fieldset#filters.collapsed):has(fieldset#options.collapsed)>p {
    display: none;
}

/* Show buttons when at least one fieldset is open */
#query_form_with_buttons:has(fieldset#filters:not(.collapsed))>p,
#query_form_with_buttons:has(fieldset#options:not(.collapsed))>p {
    display: block;
}

fieldset#filters {
    border-bottom: 1px solid #c0c0c03d;
}

.collapsible.collapsed {
    background: #e6f9f400;
    box-shadow: none;
}


legend.icon.icon-collapsed {
    color: #1D273C;
}

fieldset.collapsible {
    position: relative;
}

fieldset.collapsible>legend {
    font-size: 12px;
    color: #0094FF;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Poppins-Medium', sans-serif !important;
    ;
    cursor: default;
    display: inline-block;
    width: fit-content;
}

legend.icon.icon-collapsed,
legend.icon.icon-expanded {
    background-image: none;
    padding-left: 0px;
}

.controller-queries .icon-collapsed {
    background-image: none;
}

/* Plus icon for collapsed state */
fieldset.collapsible.collapsed>legend::after {
    content: '+';
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 20px;
    color: #0094FF;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: 'Poppins-Medium', sans-serif;
}

/* Minus icon for expanded state */
fieldset.collapsible:not(.collapsed)>legend::after {
    content: '−';
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #0094FF;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins-Medium', sans-serif;
}

/* Hide default icons */
fieldset.collapsible>legend.icon-expanded::before,
fieldset.collapsible>legend.icon-collapsed::before {
    display: none;
}

/* ===== MODERN OPTIONS LAYOUT ===== */
#options-modern-layout {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.options-left-section {
    flex: 0 1 60%;
    min-width: 0;
}

.options-right-section {
    flex: 1 1 40%;
    min-width: 280px;
    max-width: 400px;
}


.columns-label {
    font-size: 14px;
    font-weight: 600;
    color: #1D273C;
    margin-bottom: 10px;
    display: block;
}

/* Column selection items */
.query-columns .buttons input[type=button] {
    width: 35px;
    display: block;
    border: none;
    background: none;
    font-size: 18px;
    color: #A2A4AB;
    font-weight: bold;
}

option {
    background: #0094FF1A url("/assets/plugin_assets/redmineflux_daisy/more_icon-2e09ba28.svg") no-repeat;
    background-position: 95% 45%;
    border-radius: 3px;
    margin: 8px 8px 8px 1px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Poppins-Medium', sans-serif !important;
    padding: 8px 25px 8px 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

select[multiple=multiple] {
    padding-right: initial;
    width: 254px;
    height: 220px !important;
    background: #FEFFFF;
    border: 1px solid rgba(16, 70, 70, 0.1);
    border-radius: 5px;
    margin: 0 15px;
    background: none !important;
    background-color: white !important;
    background-image: none !important;
}

/* Arrow buttons spacing */
span.buttons {
    margin: 0 45px;
    display: inline-block;
}

span.buttons input {
    margin: 5px 0;
    display: block;
}

/* Right section options */
.option-row {
    margin-bottom: 20px;
}

.option-row label {
    font-size: 13px;
    font-weight: 600;
    color: #1D273C;
    display: block;
    margin-bottom: 8px;
}

.option-row select {
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    color: #333;
}

.option-section-label {
    font-size: 14px;
    font-weight: 600;
    color: #1D273C;
    margin-bottom: 10px;
}

.checkbox-group {
    background: #ffffffbd;
    padding: 12px;
    border-radius: 4px;
}

.checkbox-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: normal;
    color: #333;
    cursor: pointer;
}

.checkbox-group label input[type="checkbox"] {
    margin-right: 8px;
    cursor: pointer;
}

.checkbox-group label:last-child {
    margin-bottom: 0;
}

fieldset {
    border: none;
}

fieldset#options {
    margin-top: 10px;
}



/* ===== SIDEBAR (Right side of Content) ===== */
#sidebar {
    order: 2;
    flex-shrink: 0;
    width: 250px;
    padding: 20px 8px 20px 20px;
    background: #FFFFFF;
    border-left: 1px solid rgb(221 221 221 / 35%);
}

#sidebar h3 {
    font-size: 14px;
    margin-top: 14px;
    color: #666;
}

/* Sidebar Toggle Button */
.sidebar-toggle-btn {
    position: fixed;
    top: 50%;
    right: 260px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: #0094ff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 998;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.sidebar-toggle-btn svg {
    color: #fff;
    transition: transform 0.3s ease;
}

/* Collapsed Sidebar State */
#sidebar.collapsed {
    width: 15px;
    padding: 0;
    overflow: hidden;
}

#sidebar.collapsed~#content {
    margin-right: 0;
}

/* When collapsed, move toggle button to the right edge */
#sidebar.collapsed .sidebar-toggle-btn,
body:has(#sidebar.collapsed) .sidebar-toggle-btn {
    right: 0;
}

#sidebar.collapsed .sidebar-toggle-btn svg {
    transform: rotate(180deg);
}

#sidebar.collapsed .sidebar-content {
    display: none;
}

/* Sidebar Content Wrapper */
.sidebar-content {
    transition: opacity 0.3s ease;
}

/* When no sidebar */
#main.nosidebar #sidebar {
    display: none;
}

/* Hide sidebar when sidebar-content is empty */
#sidebar:has(.sidebar-content:empty) {
    display: none;
}

/* Hide toggle button when sidebar is empty */
body:has(#sidebar .sidebar-content:empty) .sidebar-toggle-btn {
    display: none;
}


#sidebar a.selected {
    background-color: transparent;
    color: #3e92fc;
    font-weight: 600;
    padding-left: 3px !important;
}

#sidebar #admin-menu a {
    background-image: none;
    padding-left: 10px !important;
}


#sidebar #admin-menu a.icon.icon-user.users {
    padding-left: 0px !important;
}

#sidebar #admin-menu a.icon.icon-user.users.selected {
    padding-left: 12px !important;
}


.controller-users.action-edit #content>div.contextual>a.icon.icon-user {
    background-image: none !important;
}

/* ===== FOOTER ===== */
#footer {
    clear: both;
    border-top: 1px solid #bbb;
    font-size: 0.9em;
    color: #aaa;
    padding: 3px 16px;
    text-align: center;
    background: #fff;
}

/* ===== RESPONSIVE ===== */
@media screen and (max-width: 1089px) {
    #main-menu.daisy-left-menu {
        width: 180px;
    }

    body:has(#main-menu) #content-wrapper {
        margin-left: 180px;
    }

    #sidebar {
        width: 200px;
    }
}


@media (min-width: 899px) and (max-width: 1300px) {
    .option-row {
        margin-bottom: 20px;
        float: right;
    }
}

@media screen and (max-width: 768px) {
    #main-menu.daisy-left-menu {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    body:has(#main-menu) #content-wrapper {
        margin-left: 0;
    }

    body.daisy-theme.menu-open #main-menu.daisy-left-menu {
        transform: translateX(0);
    }
}

/* Project card  */

#projects-index ul.projects li.root {
    box-shadow: 2px 0px 3px 1px #D3EEFF;
    background: #FFFFFF;
    border: none;
    border-radius: 8px;
    margin-bottom: 25px;
    min-height: 100px;
}

#projects-index ul.projects div.root a.project::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/project_name-c5032d1b.svg");
    font-size: 18px;
    color: #29435C;
    text-decoration: none;
    padding-right: 7px;
    margin-top: 5px;
    vertical-align: top;
}

#projects-index ul.projects div.root a.project:hover {
    color: #0094ff;
}

#projects-index a.icon-user {
    padding-right: 0;
}

.icon-user,
a.project.root.leaf.public.icon.icon-user.my-project {
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230094ff'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* === Hide core Redmine v6 inline SVGs and use custom SVG icons for bookmark & user (v5 & v6 compatible) === */

/* Hide core inline SVGs in project board/card view */
#projects-index svg.icon-svg {
    display: none !important;
}

/* Remove background-image and size constraints from project links to avoid conflicts */
#projects-index a.icon-user.my-project,
#projects-index a.icon-bookmarked-project {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
}

/* Custom user SVG icon via ::after (only user, not bookmarked) */
#projects-index a.icon-user.my-project:not(.icon-bookmarked-project)::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230094ff'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
    vertical-align: middle;
}

/* Custom bookmark SVG icon via ::after (only bookmarked, not user) */
#projects-index a.icon-bookmarked-project:not(.icon-user)::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230094ff'%3E%3Cpath d='M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
    vertical-align: middle;
}

/* Both user and bookmarked - show both custom icons via ::after with multiple backgrounds */
#projects-index a.icon-user.my-project.icon-bookmarked-project::after {
    content: '';
    display: inline-block;
    width: 36px;
    height: 16px;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230094ff'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230094ff'%3E%3Cpath d='M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
    background-position: left center, right center;
    background-size: 16px 16px, 16px 16px;
    background-repeat: no-repeat, no-repeat;
    margin-left: 5px;
    vertical-align: middle;
}

/* === End custom SVG icons === */

#projects-index {
    background: #EBF7FF;
    padding: 30px;
}

label {
    color: black;
    cursor: default;
    font-size: 13px;
    font-weight: 100;
    font-family: 'Poppins-Regular', sans-serif !important;
}


/* main menu */

#main-menu>ul>li>a.overview::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/overview-027f2756.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

#main-menu>ul>li>a.activity:before {
    content: url("/assets/plugin_assets/redmineflux_daisy/activity-8484aeb0.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}



#main-menu>ul>li>a.keys::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/keys-d9cf06bf.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}


#main-menu>ul>li>a.roadmap::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/roadmap-a9802c8f.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

#main-menu>ul>li>a.issues::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/issues-1c74a8a6.svg");
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

#main-menu>ul>li>a.time-entries::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/spent_time-78b19c0d.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

#main-menu>ul>li>a.gantt::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/gant-5b5d9198.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}


#main-menu>ul>li>a.calendar::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/calendar-5ca4485d.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

.controller-calendars.action-show #content>form:nth-child(3)>table.cal {
    display: table;
    font-size: 12px;
}

#main-menu>ul>li>a.news::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/news-479c9a1b.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

#main-menu>ul>li>a.documents::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/documents-a528b030.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

#main-menu>ul>li>a.wiki::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/wiki-8da1ffb5.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

#main-menu>ul>li>a.files::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/files-1d64184c.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

#main-menu>ul>li>a::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/Default_icon-e376ec00.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}


#main-menu>ul>li>a.settings::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/settings-56b5e1ce.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}


#main-menu>ul>li>a.agile::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/agileboard-02797857.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}


#main-menu>ul>li>a.project-issue-templates::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/issue_template-b542ed3a.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}


#main-menu>ul>li>a.projects::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/project-1d01c98f.svg");
    background-repeat: no-repeat !important;
    margin-left: -45px;
    position: absolute;
    margin-top: -3px;
}

#main-menu>ul>li a.new-object::before {
    display: none;
}


#main-menu li a.new-object::after {
    content: "Add +" !important;
    color: #ffffff;

}

#main-menu li a.new-object {
    color: #ffffff00;
    padding: 7px 12px 7px 5px;
    border-radius: 5px;
    width: 55px;
    font-size: 13px;
}

#main-menu li a.new-object,
#main-menu li a.new-object:hover {
    background-color: #0094FF !important;
}

#main-menu .menu-children {

    border: 1px solid #759FCF;
    border-radius: 3px;
    width: 200px;
}

#main-menu .menu-children li {
    width: fit-content;
    margin: 5px 0px 5px 10px;
}

#main-menu .menu-children li a {
    margin: -5px;
    font-weight: 100;
}

/* project overview */

.issues.box {
    background-color: #ecf8ff;
    border-radius: 5px;
    padding: 30px;
    box-shadow: none;
    border: none;
    font-weight: 400;
}

.controller-projects.action-show table.issue-report {
    table-layout: auto;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: none;
    border: none;
}

table.issue-report>thead>tr>th {

    padding-bottom: 15px !important;
    border-bottom: 1px solid rgb(211 204 204 / 50%);
    font-family: 'Poppins-Regular', sans-serif !important;
    text-transform: capitalize;
    background-color: #ffffff;
}

.controller-projects.action-show h3.icon.icon-issue {
    margin-top: 23px;
    position: absolute;
    margin-left: 22px;
    font-size: 18px;
    color: #1D273C;
    background-image: none;
}

div.issues.box>table>tbody>tr>td>a {
    color: #1D273C;
    font-weight: 100;
}



.spent_time.box {
    background: #ecf8ff;
    padding: 20px 30px 17px 30px;
    border: none;

}

.icon-issue,
.icon-time-entry,
.icon-time,
.icon-group,
.icon-groupnonmember,
.icon-groupanonymous,
.icon-projects {
    background: none;
    padding-left: 0px;
}

h3 {
    font-size: 18px;
}



.controller-projects.action-show #content>div.splitcontent>div.splitcontentright>div.members.box {
    padding: 25px;
}

.controller-projects.action-show .members.box {
    margin-bottom: 3em !important;
}

.members.box,
.projects.box {
    background: #fff;
    padding: 35px;
    border: none;
    box-shadow: none;
    font-weight: 400;
    margin-bottom: 1em;
    padding-bottom: 10px;
    border: 1px solid #E6E6E7;
}

.members.box a.user.active {
    width: max-content;
    padding: 8px 15px;
    border-radius: 30px !important;
    background-color: #ecf8ff !important;
    font-size: 0.8rem !important;
    color: #29435c !important;
    text-align: center !important;
    border: 1px solid #E6E6E7;
    align-items: center;
    display: inline-block;
    margin: 9px 8px;
}

.controller-projects.action-show .members.box span.label {
    display: block;
    margin-top: 10px;
    margin-left: 10px;
}



/* table design */

table.list th,
.table-list-header {
    background-color: #ffffff;
    height: 50px;
    font-size: 13px;
    border-bottom: 1px solid #8080802e;
}

tr.issue {
    background: #ecf8ff;
}

.issues .context-menu-selection {
    background-color: #c3e9ff !important;
    color: #000000 !important;
}

.issues .context-menu-selection a {
    color: #000000 !important;
}

.issues .context-menu-selection:hover {
    background-color: #d1ebfa !important;
    color: #000000 !important;
}

table.list td {
    text-align: center;
    vertical-align: middle;
    padding-right: 10px;
    border-bottom: 1px solid rgb(206 211 230 / 50%);
    padding: 15px;
}


table.list:not(.odd-even) tbody tr:nth-child(odd),
table.list:not(.odd-even) tbody tr:nth-child(even),
.even,
#issue-changesets div.changeset:nth-child(even),
.odd,
#issue-changesets div.changeset:nth-child(odd),
table.list:not(.odd-even) tbody tr:nth-child(even),
.even,
#issue-changesets div.changeset:nth-child(even),
.odd,
table.list:not(.odd-even) tbody tr:nth-child(odd) {
    background-color: #ecf8ff !important;
    color: black !important;
}


table.list:not(.odd-even) tbody tr:nth-child(odd):hover,
#issue-changesets div.changeset:nth-child(odd),
.odd:hover,
#issue-changesets div.changeset:nth-child(odd):hover,
table.list:not(.odd-even) tbody tr:nth-child(even):hover,
.even:hover,
#issue-changesets div.changeset:nth-child(even):hover {
    background-color: #d1ebfa !important;
}


.time-entries .context-menu-selection,
.time-entries .context-menu-selection:hover {
    background-color: #d1ebfa !important;
    color: black !important;
}

.time-entries .context-menu-selection a,
.time-entries .context-menu-selection a:hover {
    color: black !important;
}

th.firstname,
th.lastname,
.controller-groups.action-index #content>div.autoscroll>table>thead>tr>th:nth-child(1),
.controller-roles.action-index #content>table.list.roles>thead>tr>th:nth-child(1),
.controller-trackers.action-index #content>table.list.trackers>thead>tr>th:nth-child(1),
#content>table.list.issue_statuses>thead>tr>th:nth-child(1),
#tab-content-IssueCustomField>table>thead>tr>th:nth-child(1),
#content>table.list.enumerations>thead>tr>th:nth-child(1),
.controller-custom_fields table>thead>tr>th:nth-child(1),
.tab-content>table>thead>tr>th:nth-child(1),
#tab-content-members>table>thead>tr>th:nth-child(2),
#tab-content-activities>form>table>thead>tr>th:nth-child(1),
.controller-admin.action-projects #content>div.autoscroll>table>thead>tr>th:nth-child(1),
table.list.users>thead>tr>th:nth-child(1),
table.list.users>thead>tr>th:nth-child(2),
table.list.users>thead>tr>th:nth-child(3) {
    text-align: justify;
    padding-left: 15px;
}

#import-form>fieldset.box.tabular.collapsible>legend::after {
    top: 10px;
}

#saved-items>li {
    margin: 8px 0px;
}


#context-menu li>a {
    padding-left: 5px;
}

/* pagination */

span.pagination {

    text-align: center;
}

span.pagination span.items {
    float: right;
}

span.pagination span.per-page {
    float: left;
}

.pagination ul.pages li.current {
    color: white;
    background: #0094ff !important;
    border-color: #0094ff;
    border-radius: 3px;
    padding: 2px 3px 2px 3px !important;
}

#content>span>ul>li:nth-child(n)>a,
#content>span>ul>li:nth-child(n)>a:hover {
    background: #ffffff !important;
    padding: 8px 12px 8px 12px !important;
    border-radius: 3px;
}

.pagination ul.pages li:first-child,
.pagination ul.pages li:last-child,
#content>span.pagination ul.pages li.next.page a,
#content>span.pagination ul.pages li.previous.page>a {

    background: none !important;
    border: none;
    box-shadow: none;
    font-size: 0px;
    border-radius: 3px;
}

#content>span>ul>li.previous.page>a::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/arrow_left-49e4d0f5.png") !important;
    margin-right: -30px;
    background-repeat: no-repeat !important;
}

#content>span>ul>li.next.page>a::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/arrow_right-e6b20439.png") !important;
    margin-left: -18px;
    background-repeat: no-repeat !important;
}

.pagination ul.pages li.previous span::before,
.pagination ul.pages li.previous a::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/arrow_left-49e4d0f5.png") !important;
    margin-left: -13px;
    background-repeat: no-repeat !important;

}

.pagination ul.pages li.next span::before,
.pagination ul.pages li.next a::before {
    content: url("/assets/plugin_assets/redmineflux_daisy/arrow_right-e6b20439.png") !important;
    margin-left: 6px;
    background-repeat: no-repeat !important;
}

.pagination ul.pages li {
    border: none !important;
}

#content>span>ul>li:nth-child(n)>a {
    margin-left: 10px;
    margin-right: 10px;
}


.pagination ul.pages li {
    background: none !important;
    border: none;
}

.controller-gantts.action-show #content>span>ul>li.previous.page>a {
    background: #ced3e6 !important;
    display: block;
    font-size: 12px;
    color: black !important;
    height: 14px;
    line-height: normal;
    margin-left: 0px;
}

.controller-gantts.action-show #content>span>ul>li.next.page>a {
    background: #ced3e6 !important;
    display: block;
    font-size: 12px;
    color: black !important;

    line-height: normal;
}

.controller-gantts.action-show span.pagination,
.controller-calendars.action-show span.pagination {
    text-align: unset;
    padding-top: 0px !important;
}

.controller-gantts.action-show #content>span>ul>li.previous.page>a::before,
.controller-gantts.action-show #content>span>ul>li.next.page>a::before,
.controller-calendars.action-show li.previous.page>a::before,
.controller-calendars.action-show li.next.page>a::before {
    display: none;
}

.controller-gantts.action-show li.next.page {
    float: right;
    border-radius: 3px;
}

.gantt_subjects div,
.gantt_selected_column_content div {
    line-height: 10px !important;
    height: 25px !important;
}

.controller-calendars.action-show li>a {
    font-size: 12px;
}


.controller-calendars.action-show span.pagination {
    margin-top: 30px;
}

.controller-calendars p.buttons {
    margin-top: 2em;
}

.cal .starting a.issue,
p.cal.legend .starting,
.cal .ending a.issue,
p.cal.legend .ending {
    background-position: 0px 0px;
    padding-left: 16px !important;
}

.controller-calendars #content>form>ul.cal>li>div>svg {
    margin-right: -20px;
    width: 15px;
}

a:link,
a:visited {
    color: #000000;
    text-decoration: none;
}

#context-menu {
    z-index: 999 !important;
}


div#activity h3 {
    padding: 10px 0px 0px 13px;
    background-color: #ecf8ff;
    margin-bottom: -20px;
}

div#activity {
    /* background: #f5fbff; */
    padding: 5px;
}

#activity>dl>dt.grouped>a:hover {
    color: rgb(0 148 255 / 90%) !important;
}

div#activity dt {
    padding-top: 30px;
    border-top: none;
}

div#activity dd {
    border-bottom: 1px solid #ddd;
    margin-left: 90px;
}

div#activity dd.grouped {
    border-bottom: 1px solid #ddd;
}

#activity .icon-time-entry,
#activity .icon-time {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/logtime-fdf9098a.svg");
    background-size: 20px;
    background-repeat: no-repeat !important;
}

#activity .icon-issue {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/document_icon-c2efc161.svg");
    background-size: 16px;
    background-repeat: no-repeat;
}

#activity .icon-issue-note {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/issue_icon-8c67ba70.svg");
    background-size: 16px;
    background-repeat: no-repeat;
}

#activity .icon-news {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/news_icon-1cc06cdc.svg");
    background-repeat: no-repeat;
}

#activity .icon-issue-edit {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/edit_grey-b4a06502.svg");
    background-repeat: no-repeat;
}

#activity .icon-issue-closed {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/issue_icon-8c67ba70.svg");
    background-repeat: no-repeat;
}

#activity .icon-wiki-page {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/wiki_icon-b6f1973f.svg");
    background-repeat: no-repeat !important;
}

div#activity dt.icon {

    background-position: 60px 34px !important;
    background-repeat: no-repeat;
}

div#activity dl dt {
    padding-left: 90px !important;

}

div#activity dt.grouped {
    margin-left: 90px;

}


div#activity dd.grouped {
    margin-left: 178px;
}

div#activity dl {
    background: #ecf8ff;
    margin-left: 0em;
    padding-bottom: 15px;

}

#activity>dl>dt {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.controller-activities.action-index p.subtitle {
    float: right;
    margin: -35px 3px 0px 0;
    font-size: 16px;
    font-style: normal;
    color: #1D273C;
}

.controller-activities #content>p.nodata {
    margin-top: 1%;
}

div#activity dt .time {
    color: #A2A4AB;
    font-size: 12px;
    border: none !important;
    float: right;
    margin-right: 22px;
    font-family: 'Poppins-Medium', sans-serif !important;
}

div#activity dt.icon {
    display: grid;
}

div#activity dt.me .time {
    /* margin-left: 10px;
    background: #0094ff63; */
    color: #0094FF !important;
    /* padding: 4px;
    border-radius: 4px;
    margin-top: -2px; */
}

#activity dl dt span.project {
    font-weight: 600;
    font-size: 14px;
    color: rgb(0 148 255 / 90%);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}


#activity>dl>dt>a {

    text-decoration: none;
    font-size: 13px;
    color: #29435cd6;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 815px;
}

/* new forms and button */

.box.tabular,
.box {
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

input[type="checkbox" i] {
    height: 24px !important;
}


input[type="submit"],
button[type="submit"] {
    padding: 19px 25px 19px 25px;
    line-height: 0px;
    color: white;
    background-color: #0094ff !important;
    font-size: 13px;
    border-radius: 5px;
    border: none;
}

.tabular label {
    color: #6d7193e0;
}

.tabular input,
.tabular select {

    height: 40px;
    background-color: #ecf8ff;
    border: none;
}

.tabular input.autocomplete {

    height: 40px;
    background-color: #ecf8ff;
    border: none;
    background-position: 4% 50%;
    background-repeat: no-repeat;
}

.jstEditor textarea,
.jstEditor iframe,
#content .tabs ul li a.selected {

    background: #ecf8ff;
}

input.file_selector.filedrop {
    background: none;
    border: none;
    height: fit-content;
}

#content>div.issue.tracker-3.status-1.priority-2.priority-default.created-by-me.assigned-to-me.details>div.next-prev-links.contextual>a {
    background: none;
    color: black;
    margin-left: -21px;
}

.controller-issues.action-show a.journal-link {
    background-color: white !important;
    color: black !important;
    /* margin-left: -21px; */
    padding: 0px !important;
    margin-top: -15px;
}

div.issue {
    background: white;
}

div.issue .next-prev-links,
div.next-prev-links.contextual>a {
    color: #999;
    margin-top: -4px;
    font-size: 14px !important;
    background: none;
    padding-left: 0px;
    padding-right: 4px;
    background: transparent !important;
}

#issue_tree>div>a,
#relations>div>a {
    background-color: unset !important;
    padding: 0px;
    color: black;
    top: 40px;
    background-repeat: no-repeat;
    background-position: 1px 13px;
    padding-left: 15px;
    position: relative;
}

div#history {
    margin-bottom: 70px;
}

.icon-actions {
    transform: rotate(90deg) !important;
}



.controller-account.action-login .page-header-wrapper {
    display: none;

}

input#pref_hide_mail {
    height: 23px;
}

.controller-my.action-account #content>div.contextual>a.icon.icon-email-add,
.controller-my.action-account #content>div.contextual>a.icon.icon-passwd {
    background-image: none;
    padding: 0px 15px;
}

.controller-users.action-edit #content>div.contextual>a.icon.icon-email-add,
.controller-users.action-edit #content>div.contextual>a.icon.icon-lock,
.controller-users.action-edit #content>div.contextual>a.icon.icon-del {
    background-image: none;
    padding-right: 15px;
}


/* table button icons */
.list.memberships .buttons .icon,
td.buttons>a.icon,
td.buttons>a.icon:hover,
#tab-content-versions>table>tbody>tr>td.buttons>a,
#content>table.approval-schemas-table>tbody>tr>td>a.icon,
#content>div.row_dif>div>table>tbody>tr>td>a,
table.list td.buttons a,
#table_Container>table>tbody>tr>td>a,
#content>div.holiday-scheme-index>table>tbody>tr>td.buttons,
.controller-approval_schemas #content>table>tbody>tr>td>a,
div.table-list-cell.buttons>a,
div.table-list-cell.buttons>a,
#email_templates>table>tbody>tr>td.email_template_actions>a,
#tab-content-Testcase_Run_Types>table>tbody>tr>td>a {
    color: #181c25 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: 5px 10px !important;
    background-size: 14px !important;
    padding: 10px 0px 0px 24px !important;
    font-size: 12px;
}

.list.memberships .buttons .icon.icon-edit,
td.buttons>a.icon.icon-edit,
#tab-content-versions>table>tbody>tr>td.buttons>a.icon.icon-edit,
#content>table.approval-schemas-table>tbody>tr>td>a.icon-only.icon-edit,
#content>div.row_dif>div>table>tbody>tr>td>a.icon-only.icon-edit,
#content>div.holiday-scheme-index>table>tbody>tr>td.buttons>a.icon-edit,
.controller-approval_schemas #content>table>tbody>tr>td>a.icon-edit,
#email_templates>table>tbody>tr>td.email_template_actions>a.icon-edit,
#tab-content-Testcase_Run_Types>table>tbody>tr>td>a.icon-edit,
.checklist-template-table .icon.icon-edit,
#content>table>tbody>tr>td>a.icon-only.icon-edit,
#content>div>table.issue_template_table>tbody>tr>td.template_action>a.icon.icon-edit,
div.table-list-cell.buttons>a.icon.icon-edi,
#all_attributes>p>a>span.icon-edit,
.time-entry>td.buttons>a.icon-only.icon-edit,
div.table-list-cell.buttons>a.icon.icon-edit,
.note>div.contextual>span>a.icon-only.icon-edit,
#email_templates>table>tbody>tr>td.email_template_actions>a.icon-edit,
#tab-content-Testcase_Run_Types>table>tbody>tr>td>a.icon-edit,
.message.reply>div.contextual>a.icon-edit {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/penciledit-a3b23d8e.svg") !important;
    background-size: 14px !important;
    background-repeat: no-repeat !important;
}

.list.memberships .buttons .icon.icon-del,
td.buttons>a.icon.icon-del,
#tab-content-versions>table>tbody>tr>td.buttons>a.icon.icon-del,
#content>table.approval-schemas-table>tbody>tr>td>a.icon-only.icon-del,
#content>div.row_dif>div>table>tbody>tr>td>a.icon-only.icon-del,
table.list td.buttons>a.icon-del,
#table_Container>table>tbody>tr>td>a.icon-del,
.controller-approval_schemas #content>table>tbody>tr>td>a.icon-del,
#content>table>tbody>tr>td>a.icon-only.icon-del,
#content>div>table.issue_template_table>tbody>tr>td.template_action>a.icon.icon-del,
div.table-list-cell.buttons>a.icon.icon-del,
#email_templates>table>tbody>tr>td.email_template_actions>a.icon-del,
#tab-content-Testcase_Run_Types>table>tbody>tr>td>a.icon-del,
a.icon-only.icon-del.remove-upload,
.message.reply>div.contextual>a.icon-del,
.time_entry.journal>div>div>span>a.icon-only.icon-del {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/delete_ico-639feb8e.svg") !important;
    background-repeat: no-repeat !important;
}

td.buttons>a.icon.icon-copy {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/copy_ico-44dbc067.svg") !important;
    background-repeat: no-repeat !important;

}

.controller-workflows.action-edit #content>div.contextual>a.icon.icon-copy,
.controller-workflows.action-permissions #content>div.contextual>a.icon.icon-copy {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/copy_white-e5a76369.svg") !important;
    background-position: 60px 14px !important;
    background-size: 14px !important;
    background-repeat: no-repeat !important;
}

.icon-summary {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/lightning-09374d50.svg") !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
}

.icon-sort-handle {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/reorder-05ba821e.svg") !important;
    background-repeat: no-repeat !important;

}

.icon-checked {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/tick_icon_green-918a7138.svg");
    background-repeat: no-repeat !important;
    background-size: 13px;
    background-position: 0px 2px;
}

.icon-comment,
.icon-comments {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/Message-a8a8f40d.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 15px;
}

.controller-messages #content>div.contextual>a.icon.icon-comment {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/Message_white-1ec1157e.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 15px;
    background-position: 65px 14px;
}

.message.reply>div.contextual>a {
    background-color: transparent;
    color: black !important;
    padding: 0px;
    background-color: transparent !important;
    padding: 0px 0px 0px 16px;
    font-size: 0px;
}

.message .contextual {
    margin-top: -11px !important;
}

div>div.attachments>div {
    margin-top: 0px;
    display: flex;
}

div>div.attachments>div>a,
div>div.attachments>div>a:hover {
    background-color: transparent !important;
    padding: 0px 0px 0px 16px;
    font-size: 0px;
}

div>div.attachments>div>a.icon-only.icon-edit {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/penciledit-a3b23d8e.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 14px !important;
}


.contextual .drdn-items>a.icon {
    padding-left: 4px !important;
    background-position-x: 4px;
    background-image: none;
}

.contextual .drdn-items>a.icon>svg {
    display: none;
}

.contextual .drdn-content {
    top: 30px;
}

#context-menu li>a {
    background-image: none;
}


/* Flash Message */

.controller-issues.action-show div.flash,
.controller-rf_organizations div.flash,
.controller-rf_customers div.flash,
.controller-rf_project_helpdesk div.flash,
.controller-rf_helpdesk div.flash,
.controller-rf_project_helpdesk div.flash,
.controller-issue_template div.flash,
.controller-issue_template_setting div.flash,
.controller-testcase_environment div.flash,
.controller-runs div.flash,
.controller-testcase_reports div.flash,
.controller-my.action-account div.flash,
.controller-documents div.flash,
.controller-groups div.flash,
.controller-roles div.flash,
.controller-custom_fields div.flash,
.controller-messages div.flash,
.controller-news div.flash,
.controller-users div.flash,
.controller-approval_schemas div.flash,
.controller-files div.flash,
.controller-dashboard div.flash,
.controller-timelog div.flash,
.controller-versions div.flash,
.controller-issues div.flash,
.controller-global_invoices div.flash,
.controller-invoices div.flash{
    margin: 5px 0px 60px 0px;
}

div.flash.notice {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/tick_icon_green-918a7138.svg") !important;
    background-position: 10px 10px !important;
    background-repeat: no-repeat !important;
}

div.flash.error,
#errorExplanation {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/exclamation-58fa3955.svg") !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
}

div.flash.notice>svg>use , div.flash.error > svg > use,
#errorExplanation > svg > use {
    display: none;
}

#errorExplanation{
    background-position: 18px center !important;
}
div.flash svg.icon-svg {
    margin-right: 3px !important;
    margin-left: -19px !important;
}

div.flash.error{
    background-position: 5px center !important;
}


/* Contextual button styling */

.mypage-box>div>a.icon-only.icon-settings {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/settings_icon-ef668a37.svg");
    background-repeat: no-repeat !important;
    background-size: 14px;
    background-position: 2px;
}


.icon-fav,
.icon-fav-off {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/Watch_white-25383753.svg");
    background-size: 16px !important;
    background-position: 85% 50% !important;
    background-repeat: no-repeat !important;
}

.controller-wiki #sidebar>div.contextual>a.icon.icon-edit {
    background-image: none;
}

.icon-copy {
    background-image: url("/assets/plugin_assets/redmineflux_daisy/copy_ico-44dbc067.svg");
    background-size: 16px !important;
    background-position: 18% 52% !important;
    background-repeat: no-repeat !important;
}

#wiki_form>div>fieldset>div.contextual {
    margin-top: 0px;
    padding: 0px;
}


/* Cancel button/link styling */
#new_time_entry>a,
#issue-form>a,
#new_membership>p>a,
#repository-form>p>a,
#new-watcher-form>p.buttons>a,
.edit_time_entry>a,
#new-relation-form>p>a,
.note>p>a,
.controller-projects.action-destroy #content>form>p>a,
#edit_membership>p>a,
.cancel-btn,
#new_rf_canned_response>p>a,
.edit_rf_canned_response>p>a,
.back-button,
#content>form>input.back-button,
#new_rf_organization>p>a,
.edit_rf_organization>p>a,
#customer_form>p>a,
a.btn-link,
#new_rf_product>p>a,
.edit_rf_product>p>a,
#edit-customer-form>p>a,
#customer-form>p>a,
.mypage-box>div>form>p>a.add-filter,
#new_testcase_report>a,
#news-form>a,
#new_document>p>a,
#wiki_form>p>a,
#new_page>p>a,
.controller-wikis.action-destroy #content>form>a,
#ajax-modal>form>p>a,
.mypage-box>div>form>p>a,
.controller-sprint_crafts a.cancel_button,
.controller-enumerations.action-destroy #content>form>a,
.controller-checklist_templates #content>a.cancel-btn,
.edit_testcase_report>a,
.controller-tags #content>form>a,
.controller-testcase_email_templates .back-button,
.controller-attachments.action-edit_all #content>form>p>a,
#message-form>p>a,
#csv-export-form>p.buttons>a,
a.cancel,
a.cancel_button ,
#new_customer>a ,
.my-page-agile-btn-secondary{

    padding: 9px 30px 9px 30px;
    background-color: white;
    color: #000000;
    border: 1px solid #E6E6E6;
    border-radius: 5px !important;
    font-size: 13px;
    font-family: 'Poppins-Regular', sans-serif !important;
    margin-left: 2px;
}

#new_time_entry>a:hover,
#issue-form>a:hover,
#new_membership>p>a:hover,
#repository-form>p>a:hover,
#new-watcher-form>p.buttons>a:hover,
.edit_time_entry>a:hover,
#new-relation-form>p>a:hover,
.note>p>a:hover,
.controller-projects.action-destroy #content>form>p>a:hover,
#edit_membership>p>a:hover,
#new_rf_canned_response>p>a:hover,
.edit_rf_canned_response>p>a:hover,
.cancel-btn:hover,
.back-button:hover,
#content>form>input.back-button:hover,
#new_rf_organization>p>a:hover,
.edit_rf_organization>p>a:hover,
#customer_form>p>a:hover,
a.btn-link:hover,
#new_rf_product>p>a:hover,
.edit_rf_product>p>a:hover,
#edit-customer-form>p>a:hover,
#customer-form>p>a:hover,
.mypage-box>div>form>p>a:hover,
#cancel_defect_form:hover,
#new_testcase_report>a:hover,
#news-form>a:hover,
#new_document>p>a:hover,
#wiki_form>p>a:hover,
#new_page>p>a:hover,
.controller-wikis.action-destroy #content>form>a:hover,
#ajax-modal>form>p>a:hover,
.mypage-box>div>form>p>a:hover,
.controller-sprint_crafts a.cancel_button:hover,
.controller-enumerations.action-destroy #content>form>a:hover,
.controller-testcase_import a.button_for_cancel:hover,
.edit_testcase_report>a:hover,
.controller-tags #content>form>a:hover,
.controller-testcase_email_templates .back-button:hover,
.controller-attachments.action-edit_all #content>form>p>a:hover,
#message-form>p>a:hover,
#csv-export-form>p.buttons>a:hover,
a.cancel:hover,a.cancel_button:hover,
#new_customer>a:hover,
.my-page-agile-btn-secondary:hover {
    background-color: #ced3e6a8 !important;
}

/* ===== Home page WELCOME BANNER ===== */
.welcome-banner {
    margin: -10px -16px 30px -16px;
    width: calc(100% + 32px);
}

.welcome-image-container {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 8px;
}

.welcome-image {
    width: -webkit-fill-available;
    height: 100%;
    background-color: #ecf8ff;
    content: url("/assets/plugin_assets/redmineflux_daisy/welcome-image-08372d64.png");
}

.welcome-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.welcome-title {
    font-size: 23px;
    font-family: 'Poppins-Bold', sans-serif;

}

.welcome-subtitle {
    font-size: 23px;
    font-weight: 500;
    margin: 0;
    font-family: 'Poppins-Medium', sans-serif;
    display: flex;
    align-items: center;
    gap: 15px;
}

.welcome-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
    content: url("/assets/plugin_assets/redmineflux_daisy/welcome-icon-27524664.svg");
}

/* ===== HOME PAGE NEWS SECTION DESIGN ===== */
.controller-welcome.action-index #content>h2 {
    font-size: 20px;
    color: #1D273C;
    margin-bottom: 15px;
    font-weight: 600;
    border-bottom: 2px solid #0094FF;
    padding-bottom: 8px;
    display: inline-block;
}

.controller-welcome.action-index #content>div.splitcontent {
    flex-direction: column;
    gap: 20px;
}

.controller-welcome.action-index .splitcontentleft,
.controller-welcome.action-index .splitcontentright {
    width: 100%;
    margin: 0;
}

/* News box container */
.controller-welcome.action-index .news.box {
    background: #FFFFFF;
    border: 1px solid #E6E6E7;
    border-radius: 4px;
    padding: 0;
    box-shadow: none;
}

/* News box header */
.controller-welcome.action-index .news.box h3 {
    color: #1D273C;
    margin: 0;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #E6E6E7;
    background: #F9FAFB;
}

/* Individual news item */
.controller-welcome.action-index .news.box p {
    margin: 0;
    padding: 14px 16px;
    border-bottom: 1px solid #F0F0F0;
    line-height: 1.5;
}

.controller-welcome.action-index .news.box p:last-of-type {
    border-bottom: none;
}

/* News title link */
.controller-welcome.action-index .news.box p a:first-child {
    font-size: 14px;
    font-weight: 500;
    color: #1D273C;
    text-decoration: none;
}

.controller-welcome.action-index .news.box p a:first-child:hover {
    color: #0094FF;
    text-decoration: underline;
}

/* Project name link */
.controller-welcome.action-index .news.box p a.project {
    font-size: 12px;
    color: #0094FF;
    text-decoration: none;
    margin-right: 4px;
}

/* Comments count */
.controller-welcome.action-index .news.box .comments {
    font-size: 12px;
    color: #A2A4AB;
    margin-left: 6px;
}

/* News summary */
.controller-welcome.action-index .news.box .summary {
    display: block;
    font-size: 13px;
    color: #6D7193;
    margin: 5px 0;
}

/* Author and date */
.controller-welcome.action-index .news.box .author {
    font-size: 12px;
    color: #A2A4AB;
    display: block;
    margin-top: 5px;
}

.controller-welcome.action-index .news.box .author a {
    color: #0094FF;
    text-decoration: none;
}

/* View all news link */
.controller-welcome.action-index .news.box>a {
    display: block;
    padding: 10px 16px;
    text-align: center;
    color: #0094FF;
    font-size: 13px;
    text-decoration: none;
    border-top: 1px solid #E6E6E7;
    background: #F9FAFB;
}

.controller-welcome.action-index .news.box>a:hover {
    text-decoration: underline;
}

/* Responsive adjustments for welcome banner */
@media screen and (max-width: 768px) {
    .welcome-image-container {
        height: 150px;
    }

    .welcome-title {
        font-size: 32px;
    }

    .welcome-subtitle {
        font-size: 16px;
    }

    .welcome-icon {
        width: 20px;
        height: 20px;
    }

    .controller-welcome.action-index .news.box h3 {
        padding: 12px 15px;
        font-size: 15px;
    }

    .controller-welcome.action-index .news.box p {
        padding: 15px;
    }
}

/* administration pages */

.controller-workflows.action-edit #workflow_form>div.autoscroll {
    overflow: revert;
}

.controller-enumerations.action-index #content>p {
    margin: 20px 0px;
}

#sidebar #admin-menu a.icon.icon-help.info {
    background: none;
    border: none;
    margin: 0px 0px 0px -3px !important;
        padding: 0px 0px 0px 7px;
}

#permissions_form>div>table>tbody>tr>td,
#permissions_form>div>table>thead>tr>th {
    text-align: justify;
}



.attachments_fields input.filename {
    vertical-align: top;
}

.controller-issues #all_attributes>p>a>span.icon.icon-edit {
    background-position: 0px 2px !important;
}

#ajax-modal>table.list.email_addresses>tbody>tr>td.buttons>a.icon-only.icon-email {
    margin: -6px -8px 0px 0px;
}


/* version 6 */

.mypage-box>div.contextual>a>svg,
.mypage-box>div.contextual>span>svg>use,
#context-menu li>a>svg,
#content>p>span.icon.icon-bookmarked-project>svg,
#content>p>span.icon.icon-user.my-project>svg,
#projects-index svg.icon-svg,
div#activity dt svg.icon-svg,
#all_attributes>p>a>span.icon-edit>svg>use,
#attributes>div>div.splitcontentleft>p>a>svg>use,
.time-entry>td.buttons>a>svg>use,
#query_form_with_buttons>p.buttons>a.icon>svg,
.tab-content>div.contextual>a>svg,
.tab-content>p>a>svg,
#project_issue_custom_fields>div>a>svg,
#project_trackers>div>a>svg,
#tab-content-versions>form>fieldset>a.icon.icon-reload>svg,
#content>form>fieldset>a.icon.icon-reload>svg,
legend>a>svg>use,
#tab-content-activities>form>table>tbody>tr>td.tick>span>svg>use,
#tab-content-activities>form>table>thead>tr>th>a>svg>use,
#admin-index>#admin-menu>ul>li>a>svg,
table.list.projects>tbody>tr.project>td.name>span>svg>use,
span.icon-sort-handle>svg>use,
#role-permissions-trackers>div>table>tbody>tr>td.name>a>svg>use,
a.icon-checked>svg>use,
span.icon-checked>svg>use,
.controller-enumerations #content>p>a>svg {
    display: none;
}

.mypage-box>div.contextual>a.icon-close>svg {
    display: inline;
    margin-left: -15px;
}

.controller-projects #content>p>span.icon.icon-bookmarked-project,
.controller-projects #content>p>span.icon.icon-user.my-project {
    width: fit-content;
    padding-left: 16px;
}

.controller-projects #content>p>span.icon.icon-bookmarked-project {
    background-position: 4px 2px;
}

.columns-selection-wrapper {
    display: flex;
    align-items: center;
}

table.list td.buttons a.icon-actions {
    padding: 0px 0px 0px 8px !important;
}

#content>div.contextual>a.icon.icon-comment {
    padding-right: 0px;
}

#content>div.contextual>a.icon.icon-comment>svg {
    display: inline;
    float: right;
    padding: 10px 13px 0px 6px;
    stroke: white;
}


select.expandable {
    vertical-align: middle !important;
}

/* version 6 */

.mypage-box>div.contextual>a>svg,
.mypage-box>div.contextual>span>svg>use,
#context-menu li>a>svg,
#content>p>span.icon.icon-bookmarked-project>svg,
#content>p>span.icon.icon-user.my-project>svg,
#projects-index svg.icon-svg,
div#activity dt svg.icon-svg,
#all_attributes>p>a>span.icon-edit>svg>use,
#attributes>div>div.splitcontentleft>p>a>svg>use,
.time-entry>td.buttons>a>svg>use,
td.buttons>a>svg>use,
#query_form_with_buttons>p.buttons>a.icon>svg,
.tab-content>div.contextual>a>svg,
.tab-content>p>a>svg,
#project_issue_custom_fields>div>a>svg,
#project_trackers>div>a>svg,
#tab-content-versions>form>fieldset>a.icon.icon-reload>svg,
#content>form>fieldset>a.icon.icon-reload>svg,
legend>a>svg>use,
#tab-content-activities>form>table>tbody>tr>td.tick>span>svg>use,
#tab-content-activities>form>table>thead>tr>th>a>svg>use,
#admin-index>#admin-menu>ul>li>a>svg,
table.list.projects>tbody>tr.project>td.name>span>svg>use,
span.icon-sort-handle>svg>use,
#role-permissions-trackers>div>table>tbody>tr>td.name>a>svg>use,
a.icon-checked>svg>use,
span.icon-checked>svg>use,
.controller-enumerations #content>p>a>svg,
#content>div.roadmap-page>div>form>div>div.issue-row>a.icon-actions>svg>use,
#content>div.contextual>a>svg {
    display: none;
}

.mypage-box>div.contextual>a.icon-close>svg {
    display: inline;
    margin-left: -15px;
}

#context-menu li a.submenu,
#context-menu li.folder ul li a:not(.icon) {
    padding-left: 10px !important;
}

.controller-projects #content>p>span.icon.icon-bookmarked-project,
.controller-projects #content>p>span.icon.icon-user.my-project {
    width: fit-content;
    padding-left: 16px;
}

.controller-projects #content>p>span.icon.icon-bookmarked-project {
    background-position: 4px 2px;
}

.columns-selection-wrapper {
    display: flex;
    align-items: center;
}

#content>div.contextual>a.icon.icon-comment {
    padding-right: 0px;
}

#content>div.contextual>a.icon.icon-comment>svg {
    display: inline;
    float: right;
    padding: 10px 13px 0px 6px;
    stroke: white;
}


select.expandable {
    vertical-align: middle !important;
}

#projects-index ul.projects div.root a.project {
    width: auto;
    padding-right: 0px;
}

.mypage-box>div.contextual>a:hover {
    background-color: transparent !important;
}

#content>div.contextual>a.icon.icon-back {
    padding: 0px 14px;
}


#tab-content-boards>div>div>div>div>div.table-list-cell.buttons>a>svg,
td.buttons>a>svg {
    margin-right: -22px;
}

td.buttons>a.icon-actions>svg {
    margin-right: 0px;
}

#relations>form>table>tbody>tr>td.buttons>a.icon-only.icon-actions.js-contextmenu>svg,
#issue_tree>form>table>tbody>tr>td.buttons>a.icon-only.icon-actions.js-contextmenu>svg {
    margin-right: 20px;
}

#tab-content-boards>div>div>div>div>div.table-list-cell.buttons>a>svg>use {
    display: none;
}

#add_attachment_form>div.box.filedroplistner {
    box-shadow: none;
    border: none;
    padding: 0px;
    margin: 0px;
}

.mypage-box td.buttons>a.icon-actions {
    padding: 0px !important;
}

.mypage-box td.buttons>a.icon-actions>svg>use,
.controller-admin.action-projects td.buttons>a.icon-actions>svg>use {
    display: block !important;
    padding: 0px !important;
}

td.buttons>a.icon-actions>svg>use,
td.buttons>a.icon-actions>svg>use {
    display: block !important;
}

#replies>h3.comments.icon.icon-comments>svg>use,
.message.reply>div.contextual>a.icon>svg>use {
    display: none;
}

#replies>h3.comments.icon.icon-comments {
    background-position: 0px 8px;
}

.message.reply>div.contextual>a.icon>svg {
    margin-right: -16px;
}

#content>div.autoscroll>table>tbody>tr>td.buttons>a.icon-only.icon-download>svg {
    margin: -6px -9px 0px 0px !important;
    margin-top: -6px;
}

#content>div.autoscroll>table>tbody>tr>td.buttons>a.icon-only.icon-download>svg>use {
    display: block;
}

#main #sidebar a.selected svg.icon-svg {
    stroke: #169 !important;
}

a.icon-del.remove-upload>svg>use,#content>fieldset>div>div.attachments>div.contextual>a.icon-only.icon-edit>svg>use {
    display: none;
}

svg.s16.icon-svg.svg-attachment {
    vertical-align: baseline;
}

.tagedit_button {
    margin-top: -3px;
}

fieldset.box.tag_box {
    margin-top: -58px !important;
    box-shadow: none !important;
    border: none;
    vertical-align: middle;
}

div.attributes.rf_attributes-section>div.tags.attribute {
    display: flex;
}

#content>div.contextual>a>span.icon.icon-time-add {
    background-image: none;
    padding-left: 0px;
}

tr.project>td.name>span>span.rf-cell-display>span>svg {
    display: none;
}

.rf-edit-icon svg {
    margin-left: 0px !important;
}

#content>p:nth-child(5)>span.icon.icon-user.my-project>span {
    background-image: none;
    padding-left: 0px !important;
    margin-left: 4px;
}

#content>p:nth-child(5)>span.icon.icon-bookmarked-project>span {
    background-image: none;
    padding-left: 6px !important;
}