.version-resume-title {
    width: 30%;
}

.version-resume-loading {
    text-align: center;
    height: 450px;
}

.version-resume__container {
    display: grid;
    grid-template-columns: 50% 50%
}

.version-resume__container h3 {
    padding: 0px 0 25px 0;
    text-align: center;
}

.version-resume__details div span {
    float: left;
    font-weight: bold;
    width: 90px;
    padding-top: 15px;
}

.version-resume__details div label {
    padding-top: 15px;
}

.version-resume-loading img {
    width: 80px;
    height: 80px;
    padding-top: 25%;
}

.version-resume-graphic h3 {
    padding: 0px 0 25px 0;
    text-align: center;
}

.version-resume-graphic__alerts {
    margin-top: 180px;
}

.version-resume-graphic__legends div div {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    float: left;
}

.version-resume-graphic__legends span {
    padding-left: 5px;
}

.version-resume__update button {
    float: right;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #448EA6;
}

.version-resume__update button span {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0,0,0,0.15);
    border-radius: 3px 0 0 3px;
}

#legendDownload {
    background-color: rgb(124, 181, 236);
}

#legendInstallation {
    background-color: rgb(144, 237, 125);
}

#legendDownloadnotinstall {
    background-color: rgb(255, 136, 108);
}