body {
    /*background-color: #264e9c !important;*/
}

.text-primary {
    color: #264e9c !important;
}

.btn-primary {
    background-color: #264e9c !important;
    border-color: #264e9c !important;
}

.container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 #000;
    box-shadow: 0 0 10px 0 #000;
}

.map-container {
    position: relative;
    top: -358px;
    left: 0;
}

#details img {
    position: relative;
    width: 99.5%;
    height: auto;
    top: -20%;
    border: 2px white solid;
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    z-index: 0;
    transition-duration: 0.2s;
}

/*#details img:hover, */#details img.image-highlight {
    height: auto;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    z-index: 100;
    transition-duration: 0.2s;
    width: 108%;
    margin-left: -4%;
    margin-top: -1%;
}

area, area:hover {
    transition-duration: 0.5s;
}

.btn-title:hover {
    background-color: #f8f9fa !important;
    border-color: #6c757d !important;
}

.btn-title:hover {
    background-color: #f8f9fa !important;
    cursor: initial !important;
}

#panorama-container, #desc-container {
    position: fixed;
    top: 8%;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 99999;
    border: 3px white solid;
    transition-duration: 0.5s;
}

#desc-container {
    width: 60%;
    margin-left: -30%;
    min-height: 50%;
    /*
    max-height: 80%;
    overflow-y: scroll;
    */
    padding: 15px;
}

#close-panorama, #close-desc {
    font-size: 1.2em;
}

#close-panorama:hover, #close-desc:hover {
    color: red !important;
    cursor: pointer;
}

area {
    cursor: pointer;
}