.search-form {
    height: 40px;
}

.dropdown_search {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--nordic-bg-elevated, #111111);
    width: 100%;
    min-width: 160px;
    text-align: left;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    z-index: 1000;
    text-decoration: none;
    color: var(--nordic-text-primary, #FFFFFF);
    border: 1px solid var(--nordic-border-medium, #3A3A3A);
}

/* Override nordic-search__dropdown hiding when display:block is set by JS */
#dropdown-content[style*="display: block"],
#dropdown-content[style*="display:block"] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

#listOfEmployees {
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

#listOfEmployees li {
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

#listOfEmployees li:hover {
    background-color: var(--nordic-primary-subtle, rgba(191, 255, 0, 0.1));
}

li.employee_list_element_selected {
    background-color: var(--nordic-primary-subtle, rgba(191, 255, 0, 0.1));
    color: var(--nordic-primary, #BFFF00);
    text-decoration: underline;
}

a.employee_link {
    color: inherit;
    text-decoration: inherit;
}

.img-fluid {
    width: 300px;
    height: auto;
}

.img-fluid-thumbnail {
    width: 100px;
    height: auto;
}

/* Bootstrap img-thumbnail dark theme override */
.img-thumbnail {
    background-color: var(--nordic-bg-elevated, #111111);
    border-color: var(--nordic-border-medium, #3A3A3A);
}

.centr-col {
    display: flex;
    align-items: center;
    justify-content: center;
}

#alerts {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index:1
}

.breadcrumb-nav {
    padding: 0px;
    margin-bottom: 20px;
}

.breadcrumb-table {
    padding: 0px;
    margin: 0px;
}

.breadcrumb-table li {
    padding: 0px;
    margin: 0px;
}

.breadcrumb-table td {
    padding: 0px;
    text-align: center;
}

.breadcrumb-table form {
    padding: 0px;
    margin: 0px;
}

#cell-breadcrumbs {
    padding-left: 5px;
}

#div-breadcrumbs li{
    display:inline-block;
}

#cell-exit {
    padding-right: 5px;
}

.inner-div {
    padding-top: 10px;
    padding-bottom: 10px
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}