@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html {
    height: 100%;
}
body {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #000000;
}

#big-container {
    position:absolute;
    left:0; top:0; width: 100%; height:100%;
}

#orbitale_residence {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:none;
    opacity: 0;
    z-index:10;
}
#orbitale_residence iframe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

#close_frame_residence {
    position:absolute;
    right:55px;
    top:7px;
    width:32px;
    height:32px;
    cursor: pointer;
}
#bt_fullscreen {
    position:absolute;
    /* right:55px; */
    right: 15px;
    top:7px;
    width:32px;
    height:32px;
    cursor: pointer;
    visibility: visible;
    z-index:11;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }

/* --------------------------------------------------------------------------- */
@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('./Poppins-ExtraBold.woff2') format('woff2');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('./Poppins-Regular.woff2') format('woff2');
}

#dropdown-container {
    position: absolute;
    left: 10px;
    top: 10px;
    max-width:250px;
    /* background-color:rgba(255,0,0,.5); */
    z-index:15;

    display:none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    align-items: stretch;
    gap:0px;

}

#dropdown-header {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap:30px;
    padding:10px 20px;
    font-family: 'Poppins-ExtraBold', sans-serif;
    font-size:1em;
    border-radius: 3px;
    cursor:pointer;
}
#dropdown-container.theme-gold #dropdown-header {
    color:#BFA065;
    background-color: #E6E6E6;
}
#dropdown-container.theme-blue #dropdown-header {
    color:#29ABE2;
    background-color: #E6E6E6;
}
#dropdown-header img {
    height:1em;
}

#dropdown-body {
    font-family: 'Poppins-Regular', sans-serif;
    display:none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    align-items: stretch;
}

.dropdown-element {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap:20px;
    padding:10px 20px;
    color:#000000;
    background-color: #E6E6E6;
    font-size:1em;
    cursor:pointer;
}
.dropdown-element:first-child {
    border-radius: 3px 3px 0px 0px;
}
.dropdown-element:last-child {
    border-radius: 0px 0px 3px 3px;
}
.dropdown-element img {
    height:1.5em;
}
.dropdown-element object {
    height:1.5em;
}
.dropdown-element svg {
    width:30px;
    height:30px;
}

.dropdown-element:hover {
    background-color: #F2F2F2;
}
/*
bleu : 56c4f2
blanc : ffffff
noir : 1d1c1a

*/

#dropdown-container.theme-gold #dropdown-btn-all.active {
    background-color: #998051;
    color: white;
}
#dropdown-container.theme-gold .dropdown-element.active {
    background-color: #BFA065;
    color: white;
}
#dropdown-container.theme-gold .dropdown-element path {
    fill: #000000;
}
#dropdown-container.theme-gold .dropdown-element.active path {
    fill: #ffffff;
}
#dropdown-container.theme-blue #dropdown-btn-all.active {
    background-color: #c4c4c4;
    color:#1e95c7;
}
#dropdown-container.theme-blue .dropdown-element.active {
    background-color: #ffffff;
    color:#29ABE2;
}
#dropdown-container.theme-blue .dropdown-element path {
    fill: #000000;
}
#dropdown-container.theme-blue .dropdown-element.active path {
    fill: #29ABE2;
}

#dropdown-container.open  {
    gap:10px;
}
#dropdown-container.open #dropdown-body {
    display:flex;
}