.d-none {
    display: none!important;
}

#ttAll, #ttFailure, #ttService{
    z-index: inherit;
}

#ttAll:hover, #ttFailure:hover, #ttService:hover{
    background-color: #ff8000;
}

#machine-life-content-container .fatiga{
    cursor: pointer;
}
#machine-life-content-container .extreme-tower{
    position: absolute;
    margin-top: 4%; 
    left:25%;
    height: 60vh;
}

#machine-life-content-container .extreme-nacelle{
    position: absolute;
    top: 38%;
    left: 25%;
    height: 25vh;
}
#machine-life-content-container .button {
    background-color: #ff8000;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    
    /*
    width: 8vw;
    height: 5.5vh;*/
}
#machine-life-content-container .button:hover{
    opacity: 0.7;
    cursor: pointer;
}
#machine-life-content-container .nacelle-btn{
    position: absolute;
    left:46.5%;
    top: 50%;
}
#machine-life-content-container .blade-btn{
    position: absolute;
    left:46.5%;
    top: 41%;
}
#machine-life-content-container .hub-btn{
    position: absolute;
    left:46.5%;
    top: 59%;
}
#machine-life-content-container .foundaton-btn{
    position: absolute;
    left:46.5%;
    top:77%;
}
#machine-life-content-container .tower-btn{
    position: absolute;
    left:46.5%;
    top:68%;
}
#machine-life-content-container .back-btn{
    position: absolute;
    left:2%;
    top:10%;
}
#machine-life-content-container .extreme-only-tower{
    position: absolute;
    top: 0%; 
    left:25%;
    height: 70vh;
}
#machine-life-content-container .extreme-foundation{
    position: absolute;
    top: 50%;
    left:25%;
    height: 7vh;
}

#FOUNDATIONBOLTS{
    position: absolute;
    top: 54%;
    left:45%;
}
#TOWERTOPBOLTS{
    position: absolute;
    top: 66%;
    left:45%; 
}
#FLANGE1BOLTS{
    position: absolute;
    top: 70%;
    left:45%;
}
#HUBPITCHBOLTS{
    position: absolute;
    top: 64%;
    left:55%;
}
#BLADEPITCHBOLTS{
    position: absolute;
    top: 68%;
    left:55%;
}
#machine-life-content-container .empty-div-1{
    height: 65vh;
}
#machine-life-content-container .fatigaContainer{
    color: white;
    font-size:80%;
    padding: 5%;
}

#machine-life-content-container .movile{
    background-color: white;
    color: black;
    display: block;
    border-radius: 5px;
    padding: 10px;
    font-size: 1.2rem;
    font-weight: bold;
}

#machine-life-content-container .movile > a{
    display: block;
    color: black;
}

#machine-life-content-container .movile > div > a{
    display: block;
    color: white;
    background-color: grey;
    font-size: 1.1rem;
    padding: 10px;
    border: 1px solid white;
}

#machine-life-content-container .movile > div > a > div:first-child{
    display: flex;
    justify-content: space-between;
}

#machine-life-content-container .movile > div > a > .bar{
    position: absolute;
}

#machine-life-content-container .movile > div > a > .bar > img{
    position: relative;
    top: -23px;
}

#machine-life-content-container .movile > div > div{
    background-color: lightgray;
    padding: 10px;
    text-align: center;
    border-left: 1px solid white;
    border-right: 1px solid white;
    font-size: 1rem;
}

#machine-life-content-container .movile > div > div > button{
    margin: auto;
    border-radius: 5px;
    padding: 7px 18px;
}

.movile-section{
    display: initial;
}

.desktop{
    display: none;
}

@media(max-width: 768px) {
    #machine-life-content-container .subtitles{
        font-size: 1.2rem;
        padding-left: 5%;
        padding-top: 7%;
        font-weight: bold;
    }
    #machine-life-content-container .extreme-nacelle{
        position: absolute;
        top: 5%;
        left: 5%;
        height: 20vh;
    }

    #machine-life-content-container .extreme-tower{
        position: absolute;
        top: 3%;
        left:8%;
        height: 60vh;
    }
    #machine-life-content-container .empty-div-1{
        height:60vh;
    }
    #machine-life-content-container .empty-div-2{
        height:66vh;
    }
    #machine-life-content-container .xtr-bar{
        width: 8vh!important;
        height: 1.5vh!important;
    }
}
@media(min-width: 768px) {
    .movile-section{
        display: none!important;
    }

    .desktop{
        display: initial!important;
    }

    #machine-life-content-container .subtitles{
        font-size: 1.2rem;
        padding-left: 0%;
        padding-top: 2%;
        font-weight: bold;
    }
    #machine-life-content-container .extreme-nacelle{
        position: absolute;
        top: 23%;
        left: 45%;
        height: 18vw;
    }

    #machine-life-content-container .extreme-tower{
        margin-top: 0;
        left:45%;
        height: 40vw;
    }
    #machine-life-content-container .empty-div-1{
        height:0vh;
    }
    #machine-life-content-container .empty-div-2{
        height:0vh;
    }
    #machine-life-content-container .xtr-bar{
        width: 4.5vw!important;
        height: 1vw!important;
    }
}
@media(min-width: 768px) and (orientation: portrait){
    #machine-life-content-container .extreme-nacelle{
        position: absolute;
        top: 20%;
        left: 45%;
        height: 20vh;
    }
    #machine-life-content-container *{
        font-size: 101%!important;
    }
}
/* Style the tab content */
#machine-life-content-container .tabcontent {
    border-top: none;
    color: white;
    font-size:80%;
    padding: 5%;
}
#machine-life-content-container .table{
    color:white;
}

#mal-wt p{
    margin-bottom: 0;
}

#machine-life-content-container .button{
    border-radius: 0;
}