html, body {height:100%;}

/* Prevent pinch zoom in Windows 10 */
* {
    touch-action: pan-x pan-y;
    -ms-content-zooming: none;
    -ms-touch-action: pan-x pan-y;
    -webkit-content-zooming: none;
    -webkit-touch-action: pan-x pan-y;
}
/*
@media screen and (orientation:portrait) and (min-width: 320px) and (max-width: 768px){

    body {
      -ms-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      width: 100vh;
      height: 100vw;
      overflow-y:scroll;
      overflow-x:hidden;
    }
  }
*/
body{
    overflow-y:hidden;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

sub, sup{
    font-size: 75% !important;
}

#modal-metal-description {
    text-align: justify;
    text-justify: inter-word;
}

/* body:after{
    display:none;
    content: url('./../responsiveimg/xl/airplane-hover.png') url('./../responsiveimg/xl/windmill-hover.png') url('./../responsiveimg/xl/pool-hover.png') url('./../responsiveimg/xl/lamppost-hover.png') url('./../responsiveimg/xl/trees-hover.png') url('./../responsiveimg/xl/power-line-hover.png') url('./../responsiveimg/xl/train-hover.png') url('./../responsiveimg/xl/build-hover.png') url('./../responsiveimg/xl/cabin-hover.png') url('./../responsiveimg/xl/car-hover.png') url('./../responsiveimg/xl/people-hover.png') url('./../responsiveimg/xl/bridge-hover.png');
} */

#more-info-div>b>a{
    color: #007bff !important;
}

.modal.show {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

#chart-row>.chart-container:nth-child(n+3){
    margin-top: -.25rem;
}

.m-0{
    margin: 0;
}

#metalDetailsModalLabel{
    color: #0071BC;
}

.modal-xl {
    width: 75%;
    margin: 1.75rem auto;
}

.chart-container{
    position: relative;
    height: 325px;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 1000px;
    }
}

@media (min-width: 992px){
    .modal-xl {
        max-width: 1600px;
    }
}

.prl-03{
    padding-right: 0.3vh;
    padding-left: 0.3vh;
}

.prl-05{
    padding-right: 0.5vh;
    padding-left: 0.5vh;
}

.prl-07{
    padding-right: 0.7vh;
    padding-left: 0.7vh;
}

.prl-1{
    padding-right: 1vh;
    padding-left: 1vh;
}

.no-data{
    /* margin-left:10px; */
    font-size: 14px;
}

.center-container{
    text-align: center;
    
    /* Prevent image elements selection */
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Not implemented yet */
    -o-user-select: none;
    user-select: none;    
}

.centered-landscape{
    display: inline-block;
    height: 100vh;
}

.checkbox-closer{
    display: inline-block;
    height: 100vh;
    position: absolute;
    z-index: 0;
}

.img-background {
    /*width: 100%;*/
    height:100vh;
    content: url('../responsiveimg/xl/bg_6.png');
}
.responsive {
    width: 100%;
    height: auto;
}

.div-airplane{
    position: absolute;
    margin-left:28.4vh;
    margin-top:2.5vh;
}

.img-airplane{    
    content: url('./../responsiveimg/xl/airplane.png');    
    width: 19.5vh;
    /*height: 15.3vh;*/
}

.img-airplane:hover{
    content: url('./../responsiveimg/xl/airplane-hover.png');
}

.div-windmill{
    position: absolute;
    margin-left:145vh;
    margin-top:8vh; 
}

.img-windmill{    
    content: url('./../responsiveimg/xl/windmill.png');    
    width: 21vh;
    height: 18.84vh;
}

.img-windmill:hover{
    content: url('./../responsiveimg/xl/windmill-hover.png');
}

.div-pool{
    position: absolute;
    margin-left:141.9vh;
    margin-top:66.5vh;
}

.img-pool{    
    content: url('./../responsiveimg/xl/pool.png');
    /*width: 14.14vh;*/
    height: 15vh;
}

.img-pool:hover{
    content: url('./../responsiveimg/xl/pool-hover.png');
}

.div-lamppost{
    position: absolute;
    margin-left:64vh;
    margin-top:52vh;
}

.img-lamppost{    
    content: url('./../responsiveimg/xl/lamppost.png');
    width: 30vh;
    /*height: 14.57vh;*/
}

.img-lamppost:hover{
    content: url('./../responsiveimg/xl/lamppost-hover.png');
}

.div-trees{
    position: absolute;
    margin-left:2vh;
    margin-top:27.4vh;
}

.img-trees{    
    content: url('./../responsiveimg/xl/trees.png');
    width: 47vh;
    /*height: 30.63vh;*/
}

.img-trees:hover{
    content: url('./../responsiveimg/xl/trees-hover.png');
}

.div-power-line{
    position: absolute;
    margin-left:45.5vh;
    margin-top:25.5vh;
}

.img-power-line{    
    content: url('./../responsiveimg/xl/power-line.png');
    width: 20vh;
    /*height: 30.63vh;*/
}

.img-power-line:hover{
    content: url('./../responsiveimg/xl/power-line-hover.png');
}

.div-train{
    position: absolute;
    margin-left:-2.2vh;
    margin-top:59.7vh;
}

.img-train{    
    content: url('./../responsiveimg/xl/train.png');
    width: 71vh;
    /*height: 30.63vh;*/
}

.img-train:hover{
    content: url('./../responsiveimg/xl/train-hover.png');
}

.div-build {
    position: absolute;
    margin-left: 88vh;
    margin-top: 63vh;
}

.img-build {
    content: url('./../responsiveimg/xl/build.png');
    width: 35vh;
    /*height: 20vh;*/
}

.img-build:hover{
    content: url('./../responsiveimg/xl/build-hover.png');
}

.img-house-road{
    content: url('./../responsiveimg/xl/house_road.png');
    width:18vh;
    position: absolute;
    margin-left: 87.4vh;
    margin-top: 86.9vh;
}

.div-cabin{
    position: absolute;
    margin-left:111vh;
    margin-top:78vh;
}

.img-cabin{    
    content: url('./../responsiveimg/xl/cabin.png');
    width: 16vh;
    /*height: 10vh;*/
}

.img-cabin:hover{
    content: url('./../responsiveimg/xl/cabin-hover.png');
}

.div-car{
    position: absolute;
    margin-left:106vh;
    margin-top:89vh;
}

.img-car{    
    content: url('./../responsiveimg/xl/car.png');
    width: 11vh;
    /*height: 5.23vh;*/
}

.img-car:hover{
    content: url('./../responsiveimg/xl/car-hover.png');
}

.img-road-dark{
    content: url('./../responsiveimg/xl/road_dark.png');
    width:38vh;
    position: absolute;
    margin-left: 93.0vh;
    margin-top: 87.9vh;
}

.img-people-static{    
    content: url('./../responsiveimg/xl/people-static.png');
    position: absolute;
    width: 22vh;
    /*height: 19vh;*/
    margin-left:57vh;
    margin-top:51.5vh;            
}

.div-people{
    position: absolute;
    margin-left:56vh;
    margin-top:66.5vh; 
}

.img-people{    
    content: url('./../responsiveimg/xl/people.png');
    /*width: 5.12vh;*/
    height: 10vh;
}

.img-people:hover{
    content: url('./../responsiveimg/xl/people-hover.png');
}

.div-bridge{
    margin-left: 101.1vh;
    margin-top: 27.4vh;
    position: absolute;
}

.img-bridge {
    content: url('./../responsiveimg/xl/bridge.png');
    width: 58.3vh;
    /*height: 23.1vh;*/
}

.img-bridge:hover {
    content: url('./../responsiveimg/xl/bridge-hover.png');
}

.houses{
    position: absolute;
    margin-left: 29vh;
    margin-top: 30vh;
}

.img-invert-house{
    content: url('./../responsiveimg/xl/invert_house.png');
    width: 27vh;
    /*height: 15vh;*/
}

.img-houses{
    content: url('./../responsiveimg/xl/houses.png');
    width: 69vh;
    position: absolute;
    margin-left: 28vh;
    margin-top: 31vh;
}

.houses>.img-invert-house:nth-child(1){
    margin-right:-7vh;
    margin-bottom:-11vh;
}
.houses>.img-invert-house:nth-child(3){
    margin-left:-7vh;
    margin-bottom:11vh;
}

/* ICONS START */

.img-sub-casa-17{
    content: url('./../images/sub-casa-17.png');
}

.img-sub-casa-18{
    content: url('./../images/sub-casa-18.png');
}

.img-sub-casa-19{
    content: url('./../images/sub-casa-19.png');
}

.img-sub-casa-20{
    content: url('./../images/sub-casa-20.png');
}

.img-sub-casa-21{
    content: url('./../images/sub-casa-21.png');
}

.img-sub-casa-22{
    content: url('./../images/sub-casa-22.png');
}

.img-sub-casa-23{
    content: url('./../images/sub-casa-23.png');
}

.img-sub-casa-24{
    content: url('./../images/sub-casa-24.png');
}

.img-sub-casa-25{
    content: url('./../images/sub-casa-25.png');
}

.img-battery-02{
    content: url('./../images/battery-02.png');
}

.img-gps-272{
    content: url('./../images/gps-272.png');
}

.img-pipeline-262{
    content: url('./../images/pipeline-262.png');
}

.img-electric-car{
    content: url('./../images/electric-car.png');
}

/* ICONS END */