.searchViewDropDownDiv {
    grid-area: dropdownarea;
}

.searchViewsUpdatesDiv {
    grid-area: changesarea;
}

.searchViewTableButtonsDiv {
    grid-area: changesbuttonsarea;
}

.searchViewShareDiv {
    display: inline-block;
}

.searchViewFollowDiv {
    display: inline-block;
}

.searchViewsFooterDiv {
    grid-area: footerarea;
}

.searchFunctionsButtonDiv {
    margin-left: 20px !important;
    margin-top: 120px !important;
    z-index: 200;
    position: absolute;
}

.searchProductSelector {
    cursor: pointer;
    width: 149px;
    height: 100%;
    float: right;
    background: #1F493F 0% 0% no-repeat padding-box;
    border-radius: 0px 10px 10px 0px;
    text-align: left;
    font-family: 'Lato', Sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: -0.42px;
    color: #D9F2ED;
    opacity: 1;
    padding: 10px 0 10px 10px;
}

.searchProductLabel {
    margin: 0 15px 0 5px;
    line-height: 1;
    vertical-align: middle;
}

.searchProductSelector
.material-icons {
    font-weight: 300;
}

.searchButtonContainer {
    grid-area: hitsarea;
    height: 44px;
    white-space: nowrap;
}


.aiSearchButtonDiv {
    grid-area: hitsarea2;
    margin: 12px;
    margin-left: 0px;
}

.hitsButtonDiv:hover {
    background-color: var(--HoverButtonBackground);
    color: var(--ButtonText);
}

.supportText {
    color: var(--color-fg-default);
    height: 40px;
    float: right;
    padding-top: 6px;
}

.highlightedButton {
    background: var(--ActiveGreen);
}

.animationGoalItem {
    background-color: transparent;
    position: absolute;
    height: 1px;
    width: 300px;
    display: inline-block;
}

    .animationGoalItem
    .material-icons {
        float: left;
        font-size: 18px;
        margin: 12px 2px 10px 7px;
        vertical-align: middle;
    }

    .animationGoalItem
    .SearchGridButtonText {
        float: left;
        font-family: 'Lato', Sans-serif;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: -0.28px;
        margin: 12px 0px 10px 0;
    }

    .animationGoalItem
    .hitsButtonDiv {
        width: 172px;
    }

.unLoadedButtonsPanelInstant {
    transition: 0s;
    bottom: -100px;
}

.companyRowMenuContainer {
    justify-self: center;
    margin: 0 auto;
    display: inline-block;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.apply-shake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}

.companyRowMenuSpecsPanel {
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    height: 100%;
    padding: 2px;
    border: none;
    text-align: left;
    display: block;
    width: 120px;
    outline: none;
    cursor: pointer;
}

.companyRowMenuPanel {
    float: left;
    height: 100%;
    width: 85px;
    border-left: 1px solid var(--StandardBorder);
    text-align: center;
    display: block;
    outline: none;
    cursor: pointer;
}

.companyRowMenuBorder {
    float: left;
    height: 100%;
    margin-left: 5px;
    border-left: 1px solid var(--LightGrey);
}

.SpecsPanelText {
    margin-top: 5px;
    color: var(--StrongText);
    font: normal 16px 'Lato', Sans-serif;
}

.SpecsPanelDeselect {
    margin-top: 5px;
    color: #F78383;
    font: normal 12px 'Lato', Sans-serif;
    letter-spacing: 0px;
}

.companyRowMenuPanel:focus {
    outline: none;
}

.companyRowMenuPanel:hover
.companyRowMenuPanelIcon {
    color: var(--StrongText);
}

.companyRowMenuPanel:hover
.companyRowMenuPanelSubLabel {
    color: var(--Red);
}

.companyRowMenuPanelIcon {
    display: block;
    color: var(--ActiveGreen);
}

    .companyRowMenuPanelIcon
    .material-icons {
        font-size: 24px;
    }

.companyRowMenuPanelImageIcon {
    height: 24px;
    width: auto;
}

.companyRowMenuPanelLabel {
    display: inline-block;
    padding: 5px;
    text-align: center;
    font: normal 12px 'Lato', Sans-serif;
}

.companyRowMenuPanelSubLabel {
    font-size: 9px;
    color: var(--DarkGrey);
    margin-top: -3px;
}

.textSearchDiv2 {
    grid-area: searcharea2;
    width: 100%; /* TODO: TEMPORARY SOLUTION UNTIL GRID IS CORRECTED */
}

.searchTableDiv {
    grid-area: tablearea;
    flex: 1 1 auto;
    overflow: auto;
    margin-top: 10px;
    z-index: 1;
    border-radius: 8px;
    background: var(--color-bg-default);
}

.selectedTableDiv {
    grid-area: tablearea;
    flex: 1 1 auto;
    overflow: auto;
    height: 0%;
    z-index: 20;
}

.selectedSearchTableDiv {
    grid-column-start: 1;
    grid-row: 1;
    flex: 1 1 auto;
    overflow: auto;
    height: 100%;
    margin-right: 10px;
    position: relative;
}

.labelNoOfHits {
    margin-top: 5px;
    margin-bottom: 5px;
    color: var(--ButtonText);
}

.selectedTopDiv {
    grid-column-start: 1;
    grid-row-start: 1;
}

.selectedRightMenuDiv {
    grid-column: 2;
    grid-row: 1;
    background-color: var(--DarkGreen);
    padding: 4px;
    border-radius: 2px;
    z-index: 601;
}

.mainSelectColumn {
    width: 100%;
    height: 28px;
    padding-top: 5px;
}



.searchDictionaryCheckBoxList {
    margin-top: 8px;
    margin-bottom: 12px;
    overflow-y: auto;
}

.buttonSwitchTableStyle {
    background-color: var(--DarkGreen);
    color: var(--ButtonText);
    width: 100%;
}

.summaryRow {
    background-color: var(--HighlightedBackground);
    border-top: 4px solid var(--StandardBorder);
}

.savedSearchesButton {
    background-color: var(--DarkGreen);
    color: var(--ButtonText);
    font-size: 14px;
    padding: 3px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 380px;
    border: 2px solid transparent;
    border-radius: 2px;
}

    .savedSearchesButton:hover {
        background-color: #3f5a1d;
        border: 2px solid #3f5a1d;
    }

    .savedSearchesButton
    i[class ^= "fa"] {
        margin-right: 4px;
    }

.searchViewsList {
    margin-top: 8px;
    margin-bottom: 30px;
    overflow-y: auto;
}

.savedSearchLabel {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    padding-top: 4px;
    vertical-align: middle;
    width: 270px;
    display: inline-block;
}

/* FAVORITES POPUP */

.favouritesListDiv {
    margin-top: 8px;
    margin-bottom: 20px;
    overflow-y: auto;
    min-width: 440px;
}

.favouritesListItem {
    font-size: 14px;
    margin-bottom: 5px;
    border-left: solid 4px transparent;
    margin: 4px 0;
    padding: 3px 3px 3px 8px;
    transition: .1s ease-in;
    cursor: pointer;
    height: 60px;
    width: 100%;
    background: var(--LighterGrey);
    border-radius: 5px;
}

.favouritesListItemRow {
    display: inline-block;
    width: 95%;
    float: left;
}

.dropdownListContainer
.favouritesListItemRow {
    width: 83%;
}

.favouriteItemSubDiv
label {
    display: inline-block;
}

.favouritesHeading {
    float: left;
    padding: 5px 0;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.favouritesBottomRowContainer {
    float: left;
    width: 100%;
    margin: 5px 2px 0 0;
}

.numberOfFavouritesItems {
    float: left;
    margin-right: 5px;
    font-size: 11px;
    font-weight: 600;
    width: 90px;
}

.numberOfFavouritesNumber {
    color: var(--ActiveGreen);
    margin-right: 1px;
    font-size: 11px;
}

.favouritesSharedText {
    border-radius: 5px;
    background: var(--ItemIsActiveBG);
    color: var(--Background);
    padding: 1px 5px 2px 5px;
    font-size: 11px;
    float: left;
    margin-right: 20px;
}

.createdby-text {
    float: right;
    color: var(--DarkGrey);
    font-size: 11px;
    font-weight: 600;
    margin-top: 8px;
    margin-right: -17px;
}

.button-container {
    width: 62px;
    height: 30px;
    margin-top: 10px;
    float: right;
}

.removeFavouriteButton:after {
    content: "\e872";
    font-family: "Material Icons";
    font-size: 20px;
    margin-right: 4px;
    padding: 3px;
    cursor: inherit;
    color: var(--color-fg-default);
    float: right;
}

.editFavouriteButton:after {
    content: "\e3c9";
    font-family: "Material Icons";
    font-size: 20px;
    margin-right: 4px;
    padding: 3px;
    cursor: inherit;
    color: var(--color-fg-default);
    float: right;
}

.addToFavouriteButton:after {
    display: inline-block;
    content: "\e03b";
    font-family: "Material Icons";
    font-size: 20px;
    margin-top: 17px;
    cursor: inherit;
    color: var(--color-fg-default);
}

.favouritesListItem:hover
.editFavouriteButton:after {
    color: var(--ActiveGreen);
}

.favouritesListItem:hover
.removeFavouriteButton:after {
    color: var(--WarningRed);
    content: "\e92b";
}

.favouritesListItem
h4 {
    font-size: 16px;
    overflow: hidden;
    width: 385px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.favouritesListItem:last-child {
    border-bottom: solid 1px var(--StandardBorder);
}

.favouritesListItem:hover {
    border-left-color: var(--DarkGreen);
    background-color: var(--LightGreen);
}

.favouriteItemNameLabel {
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.favouriteItemSubDiv {
    font-size: 12px;
    width: 285px;
    cursor: pointer;
    white-space: nowrap;
}



.selectedSaveSearchItem {
    height: 35px;
    padding: 2px 5px;
    margin: 3px 0;
    cursor: pointer;
    color: var(--color-fg-default);
    border-left: 4px solid var(--ActiveGreen);
}

.deSelectedSaveSearchItem {
    height: 35px;
    padding: 2px 5px;
    margin: 3px 0;
    cursor: pointer;
    color: var(--color-fg-default);
    border-left: 4px solid transparent;
}

    .deSelectedSaveSearchItem:hover {
        border-left-color: var(--DarkGreen);
        color: var(--StrongText);
    }

.selectedSaveSearchItem:hover {
    border-left-color: var(--DarkGreen);
    color: var(--StrongText);
}

.savedSearchesCreateNewPopup {
    background: var(--color-bg-default);
    display: block;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px black;
    z-index: 600;
}

.clearOpenWindowsDiv {
    border: 2px solid var(--DarkGreen);
    padding: 4px;
    border-radius: 14px;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    color: var(--DarkGreen);
    height: 30px;
    width: 30px;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.1s;
    float: right;
}

.clearOpenText {
    float: left;
    margin-top: 1px;
}

.clearOpenWindowsDiv
.material-icons {
    float: left;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 0;
}

.clearOpenWindowsDiv:hover {
    /*    margin-right: 0px;
*/ width: 90px;
}

    .clearOpenWindowsDiv:hover
    .clearOpenText:after {
        content: "CLEAR ALL";
    }

.nextLastDiv {
    justify-self: right;
    grid-column: 16;
}

.lastDiv {
    justify-self: right;
    grid-column: 99;
    width: 115px;
    width: 150px;
}


.eventCompanyName {
    color: var(--LinkBlue);
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
}

.eventText {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}

.hiddenDiv {
    display: none;
}

.loadedExcelCompanyHeaderContainer {
    width: 400px;
}

.loadedCompanyHeading {
    font-size: 16px;
}

.loadedCompantLabel {
    color: var(--DarkGrey);
    font-weight: 600;
}

.loadedFileHeaderLabel {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: var(--DarkGrey);
    margin-right: 5px;
}

.loadedFileHeader {
    font-size: 20px;
    font-style: italic;
    margin-left: 30px;
    margin-bottom: 15px;
    display: block;
}

.searchViewTextBlock {
    width: 800px;
    grid-area: tablearea;
    padding: 0 20px;
}

    .searchViewTextBlock
    h1 {
        font-size: 24px;
        font-weight: bold;
    }

    .searchViewTextBlock
    p {
        margin-top: 5px;
        font-size: 16px;
    }

.companyEventHeading {
    margin: -5px 0 5px 20px;
    font-size: 18px;
    font-weight: bold;
}

    .companyEventHeading
    .material-icons {
        margin-right: 10px;
        margin-top: -5px;
        font-size: 24px;
        color: var(--ActiveGreen);
    }


    .companyEventHeading
    .companyEventIcon {
        height: 30px;
        width: auto;
        margin-right: 10px;
    }

.workspaceEventsHeading {
    margin: 10px 0px 15px -5px;
    font-size: 18px;
    font-weight: bold;
}

    .workspaceEventsHeading
    .material-icons {
        margin-right: 10px;
        margin-top: -5px;
        font-size: 24px;
        color: var(--ActiveGreen);
    }

    .workspaceEventsHeading
    .companyEventIcon {
        height: 30px;
        width: auto;
        margin-right: 10px;
    }


/* KEYWORDS */
.keywordSearchFilterContainer {
    /*width: 1050px;*/
    float: left;
}

.keywordDictionaryListContainer {
}

.input-icon {
    position: relative;
    display: flex;
    align-items: center;
}

    .input-icon i {
        position: absolute;
        left: 10px;
        color: #aaa;
    }

    .input-icon input[type="text"] {
        width: 100%;
        padding: 10px 10px 10px 30px; /* Adjust padding to make space for the icon */
        border-radius: 8px; /* Rounded corners */
        border: 1px solid #ccc;
        box-sizing: border-box;
    }


.filterHeaderDescription {
    font-size: 14px;
    margin-bottom: 8px;
    color: var(--DarkGrey);
}

.keywordFilterCointainer {
    height: 99%;
    display: inline-flex;
}

.keywordSearchFilterContainer
.keywordListContainer
.treeViewItemContainer {
    margin: 0;
    clear: both;
    height: 20px;
    margin-top: 4px;
}

.keywordSearchFilterContainer
.keywordListContainer {
    float: left;
    width: 360px;
    float: left;
}

.keywordDictionaryListItem {
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.keywordDictionaryListHeading {
    display: block;
    font-size: 14px;
    font-weight: 600;
    clear: both;
    padding: 10px 0 5px 5px;
}

.keywordSearchFilterContainer
.keywordSelectionContainer {
    width: 370px;
    float: left;
    overflow: auto;
    padding: 0 5px 0 10px;
}

.keywordSearchFilterContainer
.keywordLegendContainer {
    min-height: 400px;
    width: 300px;
    float: left;
    overflow: auto;
    padding: 0 5px 0 10px;
}

    .keywordSearchFilterContainer
    .keywordLegendContainer
    .legendHeading {
        float: left;
        margin: 8px 0 3px 0;
        font-size: 18px;
        font-weight: 600;
    }

    .keywordSearchFilterContainer
    .keywordLegendContainer
    .legendParagraph {
        float: left;
        margin: 8px 0 3px 0;
        font-size: 14px;
        line-height: 22px;
    }

#setupcolumns #searchDictionaryCheckBoxList {
    height: 150px;
}

.supervisedKeywordsContainer {
    float: left;
    padding: 3px 4px;
    border-radius: 5px;
    margin-bottom: 5px;
    width: 99%;
}

    .supervisedKeywordsContainer
    .keywordDictionaryListHeading {
        font-weight: 600;
        font-size: 18px;
        line-height: 0.7;
        margin-bottom: 5px;
    }

.unsupervisedKeywordsContainer {
    float: left;
    padding: 3px 4px;
    border-radius: 5px;
    width: 99%;
}

    .unsupervisedKeywordsContainer
    .keywordDictionaryListHeading {
        font-weight: 600;
        font-size: 18px;
        line-height: 0.7;
    }


.includeExcludeWrapper {
    float: left;
    margin-left: 15px;
    height: auto;
}

.includeExcludeContainer {
    clear: both;
}

.includeExludeLabel {
    margin-top: 2px;
    margin-left: 7px;
    font-size: 16px;
}

.includeBox {
    position: relative;
    float: left;
    padding: 8px 5px 30px 5px;
    border-radius: 10px;
    min-height: 55px;
    margin: 5px 0 20px 0;
    min-width: 350px;
    min-height: 80px;
    width: 99%;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 13%);
}

.excludeBox {
    float: left;
    padding: 8px 5px 15px 5px;
    border-radius: 10px;
    min-height: 55px;
    margin: 5px 0;
    min-width: 350px;
    min-height: 80px;
    width: 99%;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 13%);
}

.includeExcludeItem {
    border: 1px solid var(--color-bg-neutral);
    background-color: var(--color-bg-neutral);
    color: var(--color-fg-default);
    padding: 1px 0 1px 0;
    border-radius: 10px;
    display: inline-block;
    float: left;
    clear: both;
    position: relative;
    margin: 4px 3px;
    cursor: pointer;
    z-index: 100;
    transition: ease-in .1s;
}

    .includeExcludeItem:hover {
        border: 1px solid var(--color-bg-neutral-hovered);
        background-color: var(--color-bg-neutral-hovered);
    }


.includeExcludeItemLabel {
    height: 16px;
    font-size: 12px;
    margin: 0 6px;
}


.groupSeparator {
    color: var(--color-fg-default);
    padding: 3px 6px;
    border-radius: 8px;
    float: left;
    clear: both;
    display: inline-block;
    position: relative;
    margin: 5px 3px 2px 3px;
    z-index: 100;
    font-size: 8px;
    cursor: default;
}

    .groupSeparator:last-child {
        display: none;
    }

.keywordGroupEmptyContainer
.groupSeparator {
    margin-top: 6px;
}

.includeBox
.includeExcludeItem {
    clear: none;
    cursor: default;
}

    .includeBox
    .includeExcludeItem:hover {
        background-color: var(--color-bg-brand-hovered);
        border-color: var(--color-bg-brand-hovered);
    }

.excludeBox
.includeExcludeItem:hover {
    background-color: var(--color-bg-neutral-hovered);
    border-color: var(--color-bg-neutral-hovered);
}

.excludeBox
.includeExcludeItem {
    cursor: default;
    background-color: var(--LightRed);
    border-color: var(--LightRed);
    color: var(--FixedBlack);
    content: "clear";
    clear: none;
}

    .excludeBox
    .includeExcludeItem:hover {
        background-color: var(--color-bg-neutral-hovered);
        border-color: var(--color-bg-neutral-hovered);
    }

.excludeItem.dragover {
    background-color: var(--LightGrey);
}

.includeExcludeItem:hover
.removeItemButton {
    content: "clear";
}

    .includeExcludeItem:hover
    .removeItemButton
    .material-icons:after {
        content: "clear";
    }

    .includeExcludeItem:hover
    .removeItemButton
    .material-icons:after {
        content: "clear";
        color: var(--Background);
    }

.removeItemButton {
    width: 18px;
    height: 16px;
    transition: ease-in .2s;
    font-size: small;
    cursor: pointer;
    float: right;
    margin: -1px 0 0 0;
    padding: 0;
}

    .removeItemButton
    .material-icons:after {
        content: "clear";
        color: transparent;
    }

    .removeItemButton
    .material-icons {
        color: transparent;
        margin: 0 0 0 4px;
        transition: ease-in .2s;
    }

.keywordGroupEmptyContainer {
}

.orGroupSeparator {
    color: var(--color-fg-default);
    padding: 2px 2px 2px 2px;
    border-radius: 8px;
    display: inline-block;
    float: left;
    position: relative;
    margin: 6px 2px;
    z-index: 100;
    font-size: 8px;
    cursor: default;
}

    .orGroupSeparator:last-child {
        display: none;
    }

.keywordGroupContainer {
    clear: both;
    display: inline-block;
    background: var(--color-bg-neutral-subtle-hovered);
    border-color: var(--color-bg-neutral-subtle-hovered);
    float: left;
    border-radius: 15px;
    overflow: hidden;
    max-width: 650px;
    padding: 1px 2px;
    margin: 3px 0 2px 0;
}

    .keywordGroupContainer:nth-child(2n) {
        background-color: var(--color-bg-neutral-subtle-hovered);
        border-color: var(--color-bg-neutral-subtle-hovered);
    }

    .keywordGroupContainer:nth-child(4n+1) {
        background-color: var(--color-bg-neutral-subtle-hovered);
        border-color: var(--color-bg-neutral-subtle-hovered);
    }

.noKeywordText {
    margin: 10px 20px;
    font-size: 16px;
    color: var(--DarkGrey);
}

.oneKeywordText {
    font-size: 11px;
    position: absolute;
    bottom: 4px;
    left: 0px;
    margin-left: 10px;
    margin-bottom: 4px;
    color: var(--DarkGrey);
}

.excludeListItem {
    background-color: var(--LightRed);
    border-color: var(--LightRed);
    color: black;
}

.includeListItem {
    background-color: var(--color-bg-brand-active);
    border-color: var(--color-bg-brand-active);
}

    .includeListItem:hover {
        background-color: var(--color-bg-brand-hovered);
        border-color: var(--color-bg-brand-hovered);
    }



.requiredFilterHeader {
    font-size: 9px;
    color: var(--LightRed);
    margin: 0 4px 1px 0;
}

.requiredFilterContainer {
    width: 450px;
    margin: 0 0 5px 0;
    font-weight: 600;
}

.requiredFilter {
    font-size: 9px;
    color: var(--Red);
    margin: 0 4px 2px 0;
}

.filterListContainer {
    max-height: 600px;
    max-width: 450px;
    overflow: auto;
}

@media (max-height:920px) {
    .filterListContainer {
        max-height: 400px;
        overflow: auto;
    }
}

@media (max-height:700px) {
    .filterListContainer {
        max-height: 300px;
        overflow: auto;
    }
}

.requiredTextContainer {
    width: 400px;
    padding-bottom: 10px;
    display: inline-block;
}

.requiredIconContainer {
    width: 15px;
    display: inline-block;
    position: relative;
    margin-top: -14px;
    vertical-align: text-top;
}

.searchResultNotification {
    grid-area: alertfilterarea;
    height: fit-content;
    width: fit-content;
    white-space: nowrap;
    margin: 0;
    padding: 5px 10px 5px 5px;
    border: 1px solid var(--YellowBorder);
    border-radius: 5px;
    background-color: var(--YellowBackground);
}

    .searchResultNotification
    .notificationIcon {
        float: left;
        width: 35px;
        margin-right: 5px;
    }

        .searchResultNotification
        .notificationIcon
        .material-icons {
            font-size: 18px
        }

    .searchResultNotification .notificationTextContainer {
        float: left;
        font-weight: 600;
        display: inline-block;
    }



@media (max-height:1600px) {
    .favouritesListDiv {
        max-height: 500px;
        overflow: auto;
    }

    .CompanyInfoContentWindow {
        min-height: 800px;
    }
}

@media (max-height:1000px) {
    .favouritesListDiv {
        max-height: 400px;
        overflow: auto;
    }

    .companyInfoContentWindow {
        min-height: 800px;
    }
}

@media (max-height:900px) {
    .favouritesListDiv {
        max-height: 300px;
        overflow: auto;
    }

    .companyInfoContentWindow {
        min-height: 750px;
    }
}

@media (max-height:800px) {
    .favouritesListDiv {
        max-height: 300px;
        overflow: auto;
    }

    .companyInfoContentWindow {
        min-height: auto;
    }
}

@media (max-height:700px) {
    .favouritesListDiv {
        max-height: 200px;
        overflow: auto;
    }

    .companyInfoContentWindow {
        min-height: auto;
    }
}


.dictionarylistItem {
    background-color: var(--color-bg-brand-active);
    color: var(--color-fg-default);
    padding: 3px 7px;
    border-radius: var(--border-radius-pill);
    display: inline-block;
    float: left;
    position: relative;
    margin: 3px;
    cursor: pointer;
    z-index: 100;
    z-index: 0;
    line-height: normal;
    white-space: nowrap;
}

.grid-row-selected
.dictionarylistItem {
    background-color: var(--AccentedBorder);
}

.mud-alert-filled-normal {
    border: 1px solid var(--StandardText);
}

.mud-alert-filled-normal, .mud-snackbar-content-message {
    font-size: 14px;
    font-weight: bold;
}

/* Override MudBlazor Snackbar background colors */
.mud-snackbar.mud-alert-filled-success {
    background-color: var(--color-bg-success) !important;
    color: var(--color-fg-default);
}

.mud-snackbar.mud-alert-filled-warning {
    background-color: var(--color-bg-warning) !important;
    color: var(--color-fg-default);
}

.mud-snackbar.mud-alert-filled-error {
    background-color: var(--color-bg-error) !important;
    color: var(--color-fg-default);
}

.mud-snackbar.mud-alert-filled-normal,
.mud-snackbar.mud-alert-filled-info {
    background-color: var(--color-bg-default) !important;
    color: var(--color-fg-default);
}


.countryFlagRow {
    height: 24px;
    width: -webkit-fill-available;
    margin: 2px 0;
}

.industryFlag {
    float: right;
    margin-left: 4px;
}

    .industryFlag
    img {
        height: 18px;
        margin-right: 6px;
    }