/* nav{
    background-color:rgb(60,60,60);
    color:rgb(210, 210, 210);
} */


nav
{
    padding-left: 0;
    padding-right: 0;
    margin-left: 0; 
    margin-right:0; 
}

.nav-column-title
{
    display: flex; 
    align-items: center; 
}

.nav-column-button
{
    align-items: center; 
    display: flex; 
    justify-content: flex-end;
}

.nav-gradient
{
    background-image: linear-gradient(to right, rgb(80,80,80), rgb(120,120,120));
}


.content-text
{
    background-color: white;
    color: rgb(80,80,80);
    padding-left: 0;
    padding-right:0;
}

.nana 
{
    background-color: aqua;
    background-image: url('images/home_background.png');
}

body, html{
    height: 100%;
}

.body-lock-scroll {
    overflow: hidden;
}
p{
    text-align: justify;
}


#textelementpref
{
    font-size: 12pt;
}

/* This is a hack for pannellum to show a rotating loading icon instead of the old and ugly panel they use
*
*   For the load of the picture when autoLoad is true
*
*/
.pnlm-container {
    background: rgb(70, 71, 75)!important;
    background: rgba(70, 71, 75, 0.75)!important;
}
.pnlm-load-box p {
    display: none!important;
}
.pnlm-lbar, .pnlm-lbox {
    display: none!important;
}
.pnlm-load-box {
    background: transparent!important;
    opacity: 1!important;
    margin: -75px 0 0 -40px!important;
    width: 80px!important;
    height: 80px!important;
}
.pnlm-load-box:after {
    content: " "!important;
    display: block!important;
    width: 64px!important;
    height: 64px!important;
    margin: 8px!important;
    border-radius: 50%!important;
    border: 6px solid #fff!important;
    border-color: #fff transparent #fff transparent!important;
    animation: pnlm-load-box 1.2s linear infinite!important;
}
@keyframes pnlm-load-box {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* End of the little hack*/
.panorama-controls {
    position: absolute;
    right: 0;
    z-index: 2;
    text-align: right;
}
.panorama-ctrl {
    margin: 3px;
    text-align: right;
}

.image-background-container {
    height: 100%;
    background-color: "#46474B";
    overflow: hidden;
    position: relative;
}

.image-background-home {
    background: no-repeat url('/images/home_background.png');
}
.image-background-end {
    background: no-repeat url('/images/background_endvisit.png');
}

.image-background {
    position: absolute;
    background-position: center;
    background-size: cover;
    width:100%;
    height:100%;
}
/*
.map-background
{
    background-image: url('/images/map.png');
    background-repeat: no-repeat;

    width:100%;
    height: calc(width * 2434 / 1688);
    background-size:100% auto;
}
*/