.palletImgText {
    position: absolute;
    top: 10%;
    left: 20px;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.artOverLink {
    text-align: center;
}
td.logOverviewImages {
    vertical-align: bottom;
}
.thumbImg {
    vertical-align: bottom;
}
.bigImg {
    vertical-align: bottom;
}

.bigImageTableCell {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}

.bigImageDiv {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}

.logOverviewFilter {
    background-color: darkgrey;
}

/* Dropdown Button */
.dropbtn {
    background-color: #222222;
    color: #999999;
    padding: 16px;
    font-size: 14px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #222222;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: #999999;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            color: white;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #222222;
}

.cookie-container {
    position: fixed;
    bottom: 50%;
    left: 30%;
    right: 35%;
    z-index: 3;
    background: rgb(180, 60, 37);
    color: rgb(255, 255, 255);
    padding: 2em;
    box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
    transition: 400ms;
}

    .cookie-container p {
        color: rgb(255, 255, 255);
        margin: 0 0 30px;
        font-size: 16px;
    }

    .cookie-container a {
        color: rgb(255, 255, 255);
    }

.cookie-btn {
    background: rgb(255, 255, 255);
    border-color: transparent;
    color: rgb(0, 0, 0);
    padding: 10px 36px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.navbar-button-container {
    max-width: 1152px;
    margin: auto;
    margin-top: 60px;
    z-index: 1100;
}

.navbar-button-container button {
    margin: 2px;
}