:root {
    --registry-red: #cd0022;
    --registry-red-hover: #a5001b;
    --registry-red-active: #7f0014;
    --registry-red-disabled: #e6a3ac;
    --registry-blue: #245787;
    --registry-blue-hover: #1e4a72;
    --registry-blue-active: #183d5d;
    --registry-blue-disabled: #a9c0d6;
    --background-white: #f0f0f0;
    --box-background: #ffffff;
    --border-bottom: #dee2e6 ;
    --collection-color:#29a900;
    --edition-color:#00a8cc;
    --lexical-resource-color:#e77e00;
    --instittution-color:#9900cc;
    --person-color:#6c757d;
}

.header-bottom {
    border-bottom: 1px solid var(--registry-red);
}

.header-logo {
    height: 50px;
    width: 100%;
}

.body {
    background-color: var(--background-white);
    font-family: "Roboto Flex", sans-serif;
}

.box {
    border-radius: 0.5rem;
}

.same-height {
    display: flex;
}

#main-row {
    height: 75vh;
}

input[type="text"]:focus {
    border-color: var(--registry-blue);
    box-shadow: 0 0 0 0.25rem #bdcad6;
}

.item-entry {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-bottom: 1px solid var(--border-bottom);
    cursor: pointer;
    overflow: hidden;
    background-color: var(--box-background);
    transition: background-color 0.2s;
}

.item-entry:hover {
    background-color: #e9ecef;
}

.no-results-item {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-bottom: 1px solid var(--border-bottom);
    cursor: default;
    overflow: hidden;
    background-color: var(--box-background);
    transition: background-color 0.2s;
}

.single-item {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    cursor: pointer;
    overflow: hidden;
    background-color: var(--box-background);
    transition: background-color 0.2s;
}

.item-icon {
    margin-right: 0.75rem;
    flex-shrink: 0;
}

.item-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}

.btn.btn-primary {
    background-color: var(--registry-blue);
    border-color: var(--registry-blue);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: var(--registry-blue-hover);
    border-color: var(--registry-blue-hover);
}

.btn.btn-primary:active{
    background-color: var(--registry-blue-active);
    border-color: var(--registry-blue-active);
}

.btn.btn-primary:disabled
{
    background-color: var(--registry-blue-disabled);
    border-color: var(--registry-blue-disabled);
    opacity: 0.65;
}

.btn.btn-primary.pressed,
.btn.btn-secondary.pressed {
    background-color: var(--registry-red);
    border-color: var(--registry-red);
}
.btn.btn-primary.pressed:hover,
.btn.btn-primary.pressed:focus,
.btn.btn-secondary.pressed:hover,
.btn.btn-secondary.pressed:focus {
    background-color: var(--registry-red-hover);
    border-color: var(--registry-red-hover);
}

.btn.btn-primary.pressed:active,
.btn.btn-secondary.pressed:active {
    background-color: var(--registry-red-active);
    border-color: var(--registry-red-active);
}

.btn.btn-primary.pressed:disabled,
.btn.btn-secondary.pressed:disabled {
    background-color: var(--registry-red-disabled);
    border-color: var(--registry-red-disabled);
    opacity: 0.65;
}

.tab-content,
.tab-pane {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.nav-tabs .nav-link {
    color: var(--registry-blue);
}

.noUi-connect {
    background: var(--registry-blue);
}

.flex-list-1 {
    flex: 1 1 0;
    min-height: 0;
}

.flex-list-2 {
    flex: 2 1 0;
    min-height: 0;
}

.toast {
    background-color: var(--registry-blue);
    color: white;
}

.collection {
    color: var(--collection-color);
}
.edition {
    color: var(--edition-color);
}
.lexical-resource {
    color: var(--lexical-resource-color);
}
.institution {
    color: var(--instittution-color);
}
.person {
    color: var(--person-color);
}