.ThemeGlobal {
    .ImcNavigation {
        --navigation-padding: 12px 24px;
        --navigation-logo-width: 59px;
        --navigation-logo-height: 54px;
        --navigation-logo-padding: 0 24px 0 0;
        --navigation-background: var(--theme-pattern-primary);
        --navigation-shadow: 0px 2px 4px 2px #25252512, 0px 8px 8px 1px #25252512, 0px 14px 28px 3px #25252512;
        --navigation-item-font-size: 14px;
        --navigation-item-font-weight: 600;
        --navigation-item-hover-background: #e1e1e1;
        --navigation-item-hover-text-color: #252525;
        --navigation-item-active-text-color: #252525;
        --navigation-item-padding: 9px 12px;
        --navigation-item-badge-position-top: 0;
        --navigation-item-badge-position-left: 50%;
        --navigation-dropdown-padding: 20px;
        --navigation-dropdown-item-padding: 9px 12px;
        --navigation-dropdown-item-hover-background: #e1e1e1;
        --navigation-dropdown-border-radius: calc(var(--theme-setting-globalradius) * 3);
        --navigation-profile-user-info-padding: 4px 0 16px;
        --navigation-item-badge-background: #528dba;

        .MenuItem {
            border-radius: var(--theme-setting-globalradius);

            .active {
                .ImcText {
                    text-decoration: underline;
                }
            }
        }

        &.isFloating,
        .NavWrapper.isFloating {
            border-radius: calc(var(--theme-setting-globalradius) * 3);
            border: 1px #e1e1e1;
        }

        .NavWrapper.isFloating {
            box-shadow: none;
        }

        .dropdown {
            border: 1px solid #e1e1e1;

            .arrow {
                display: none;
            }

            .menuEntry {
                border-radius: var(--theme-setting-globalradius);
            }

            .ImcInput {
                --input-border-radius: calc(var(--theme-setting-globalradius) * 3) calc(var(--theme-setting-globalradius) * 3) var(--theme-setting-globalradius) var(--theme-setting-globalradius);
            }
        }

    }

    .ImcFooter {
        --footer-background: #424242;
        --footer-item-text-color: #fff;
        --footer-item-hover-text-color: #fff;
        --footer-item-hover-text-decoration: underline;
    }

    .QuickSearch {
        --quick-search-border: 1px solid #ccc;
        --quick-search-icon-active-color: #252525;
        --quick-search-border-color: #252525;

        .ImcInput {
            --input-background: #f3f3f3;
            --input-border: 1px solid #f3f3f3;
            --input-hover-border: 1px solid #f3f3f3;
        }
    }

    .search {
        .ImcInput {
            .inputBox {
                border-radius: calc(var(--theme-setting-globalradius) * 3);
            }
        }
    }

    .SearchResults {
        .ImcLink {
            color: #528dba !important;

            .ImcText {
                color: inherit !important;
            }

            &:hover {
                color: #528DBA !important;

                &+.ImcIcon {
                    color: #528DBA !important;
                }
            }
        }

        .ImcIcon {
            color: #528dba !important;
        }
    }

    .ImcInput {
        --input-hover-border: 1px solid #252525;
    }

    .ImcCheckbox {
        --checkbox-hover-border-color: #252525;
    }

    .ImcChip {
        --chip-outline-hover-border: 1px solid #252525;

        &.clear-btn .ImcText {
            --clear-button-color-primary: #528dba;

            &:hover {
                color: #528dba !important;
            }
        }
    }

    .ImcDatepicker {
        --date-picker-calendar-my-select-color: #252525;
    }


    .QuickSearchContent {
        --quick-search-background: #fff;
    }

    .LearningCard {
        --card-background: #fff;
        --card-border-radius: calc(var(--theme-setting-globalradius) * 2);
        --card-box-shadow: 0px 2px 4px 2px #25252512, 0px 8px 8px 1px #25252512, 0px 14px 28px 3px #25252512;
        box-shadow: 0px 2px 4px 2px #25252512, 0px 8px 8px 1px #25252512, 0px 14px 28px 3px #25252512;
    }

    .ImcHeader {
        --header-shadow: none;

        .ImcHeading {
            --heading-text-color: #424242;
            margin-top: 10px;
        }

        .tabsWrapper {
            margin: 0 auto !important;
        }

        .actions:empty {
            display: none;
        }
    }

    .ChipList {
        .ImcTooltip {
            display: flex;
        }
    }

    .ImcButton {
        --button-secondary-background: #fff;
        --button-secondary-border: 1px solid #252525;
        --button-secondary-text-color: #252525;

        &.secondary {
            --button-hover-border: 1px solid #252525;
        }

        &.showMore {
            border: 2px solid var(--theme-color-primary-over);
            padding: 4px 8px;

            &:hover {
                background-color: var(--theme-color-primary);

                .ImcText {
                    color: var(--theme-color-primary-over);
                }
            }
        }
    }

    .ImcMenu {
        .ImcMenuItem {
            --menu-item-title-font-weight: 400;
            --menu-item-hover-background: #f3f3f3;
            --dropdown-item-hover-background: #f3f3f3;
            --dropdown-item-hover-text-color: #252525;
            --menu-item-hover-text-color: #252525;
        }
    }

    .FilterDock {
        .ImcButton.is-secondary {
            &:hover {
                .ImcIcon {
                    --icon-color: #252525;
                }
            }
        }

        .filter-toggle-button.primary[aria-expanded="true"] {

            &,
            &:focus:not(:focus-visible):not(:hover):not(.selected):not(.toggle) {
                .ImcIcon {
                    --icon-color: #fff;
                }

                .ImcText {
                    --text-color: #fff;
                }
            }
        }
    }

    .LearningCard {
        .ImcHeading {
            --heading-text-color: #424242;
        }

        .ImcChip {
            --chip-text-color: #424242;
        }
    }

    .ImcHtml {
        --link-text-color: #528dba;
        --link-hover-text-color: #528DBA;
        --link-text-decoration: none;
        --link-hover-text-decoration: none;
    }

    .attachment {
        .download {
            color: var(--link-text-color);

            &:hover {
                color: var(--link-hover-text-color);
            }
        }
    }

    .email-header {
        .ImcToolbar {
            --toolbar-border: 1px solid #e1e1e1;
            --toolbar-clean-action-hover-background: #e1e1e1;
            --toolbar-clean-action-hover-icon-color: #252525;
        }
    }

    .panelHeader {
        .SearchBar {
            --search-box-background: #f3f3f3;
            --search-box-border: 1px solid #f3f3f3;
            --search-box-button-text-color: var(--theme-color-primary-over);
            --search-box-button-background: transparent;
            --search-box-button-background-hover: var(--theme-color-primary);
            --search-box-border-hover: var(--theme-border-primary);
            --search-box-border-focus: var(--theme-border-primary);
            --search-box-button-text-color-hover: var(--theme-color-primary-over);

            /* .ImcButton.searchButton {
                color: var(--theme-color-primary-over);
            } */
        }
    }

    .ImcLoader {
        --loading-spinner-color: var(--theme-color-primary-over);
    }
}