a, a:visited {
    color: #017dae;
}

.bg-black {
    background: #000;
}

.bg-primary {
    background: #017dae !important;
}

.bg-keyword-match {
    background: #ffe0b2 !important;
}

.no-bottom-border {
    border-bottom: none !important;
}

.table {
    table-layout: fixed;
    width: 100%;
}

.btn {
    border-color: #017dae;
    color: #017dae;
}

.btn:hover {
    border-color: #9f3050;
}

.btn.btn-primary {
    background: #017dae;
    background-color: #017dae;
}

.btn.btn-primary:focus, .btn.btn-primary:hover {
    background: #017ba9;
    border-color: #017ba9; /*#07bafe*/
}

.btn-group {
    margin-top: 1.5rem;
}

.p-top-right {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 100;
}

/**
 Panel
 */
.panel {
    border: none;
}

.panel .panel-header {
    padding: .25rem .5rem;
}

.panel .panel-body {
    padding: .25rem .5rem;
}

.input-group .input-group-addon,
.input-group .input-group-btn {
    background: #FFF;
    border: .05rem solid #bcc3ce;
    color: #000;
}
.form-input-hint {
    color: #FFF;
    margin-bottom: 0;
}


/**
 Page
 */
#page.container {
    /** max-height: 100vh;
    overflow: hidden;  responsive **/
    padding: 0;
}

#right-side {
    height: 100vw;
    max-height: 500px;
    /** max-height: 100vh; responsive **/
}


/**
 Metadata
 */
.metadata .panel-body {
    font-size: .85em;
}

.metadata tr {
    vertical-align: top;
}

.metadata td {
    padding: .25rem;
}


/**
 Image gallery
 */
#images.grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0.25rem;
    align-items: center;
}

.grid figure {
    border-bottom: 3px solid transparent;
    margin: 0;
    max-width: 100%;
    white-space: nowrap;
}

#images figure img {
    display: block;
    margin: 0 auto;
    padding: .5rem 0 .25rem;
}

#images figure.active {
    border-bottom: 3px solid #9f3050;
}

#images figure:hover {
    border-bottom: 3px solid #017dae;
}

#image-frame {
    height: 100%;
    width: 100vw;
    max-width:100%
}

.keyword-match {
    font-size: .7rem;
    line-height: 1;
    min-width: .9rem;
    padding: .1rem .2rem;
    text-align: center;
    white-space: nowrap;

    background: #ffd367;
    background-clip: padding-box;
    border-radius: 1.5rem;
    box-shadow: 0 0 0 0.1rem #9f3050;
    color: #9f3050;
    display: inline-block;
}


/**
 Pagination
 */
 .pagination {
    display: flex;
    justify-content: center;
    padding: 0;
    font-size: .7rem;
}
.pagination .page-item {
    width: 10%;
    text-align: center;
}

.pagination .page-item a {
	color: #017dae;
}

.pagination .page-item.active a {
	background: #9f3050;
}
.pagination .page-item a:hover {
    background: #017dae;
    color: #fff;
}

.pagination .page-item.first,
.pagination .page-item.last {
    display: none;
}

#keyword-search-form {
    margin-top: .75rem;
}


@media screen and (min-width: 961px) {
    #left-side {
        max-height: 100vh;
        overflow-y: scroll;
    }

    #right-side {
        height: 100vh;
        max-height: 100vh;
        position: fixed;
        right: 0;
    }
}


@media screen and (min-width: 1281px) and (max-width : 1680px) {
    #images .column {
        width: 20%;
    }
}

#pdf-dialog p {
    margin: 1.2rem 0;
}

.data-js table ul {
    margin: 0;
}

.data-js table ul li {
    margin-top: 0;
    word-wrap: break-word;
}
.data-js table ul li ~ li {
    margin-top: .4rem;
}