/* ubuntu-condensed-regular - latin */
@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('static/fonts/ubuntu-condensed-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'),
       url('static/fonts/ubuntu-condensed-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('static/fonts/ubuntu-condensed-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('static/fonts/ubuntu-condensed-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('static/fonts/ubuntu-condensed-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('static/fonts/ubuntu-condensed-v8-latin-regular.svg#UbuntuCondensed') format('svg'); /* Legacy iOS */
}

/*do not select elements, if you add this class the user is not allowed to highlight the text*/

.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 */
}

body {
    margin: 0;
    overflow: hidden;
    background-color: black;
    font-family: 'Ubuntu Condensed', sans-serif;
}

#mainScene {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#togglerBar {
    position: fixed;
    height: 100%;
    top: 2%;
    left: 1%;
    text-align: center;
    display: none;
}

.toggler {
    margin: 5px 5px;
    padding: 2px 6px;
}

#datePickerBar {
    position: fixed;
    width: 100%;
    bottom: 5%;
    text-align: center;
    display: none;
}

#datepicker {
    width: 380px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 12px;
    border-radius: 20px;
    border: 3px solid #1F1F1F;
    background-color: #2F2F2F;
}

#datepicker .form-control {
    width: 120px;
    display: inline-block;
}

#datepicker .switch {
    margin: auto 26px;
    display: inline-block;
}

#datepicker .switch .caption {
    display: block;
    position: absolute;
    top: 100%;
    left: -20%;
}

/*Used to manage style of other text (except title and page description) declared in text.properties*/

.description-tool{
    margin: 1em 0;
    font-size: 16px;
    color: #222;
    font-family: 'Raleway', sans-serif;
    text-align: justify;
}