body {
    padding-top: 25px;
}

.radar-live, .radar-training, .office-365, .keys-desktop, .training-programme {

    height: 100px;
    width: 250px;
    color: white;
    border: 2px solid white;
    border-radius: 15px;
}

.radar-live {
    background: url(https://keyslogon.azurewebsites.net/images/radar.png);
    background-repeat: no-repeat;
    background-position: center;
}

    .radar-live:hover {
        border: 2px solid #8AC4EA;
    }

.radar-training {
    background: url(https://keyslogon.azurewebsites.net/images/radartraining.png);
    background-repeat: no-repeat;
    background-position: center;
}

    .radar-training:hover {
        border: 2px solid #509789;
    }

.office-365 {
    background: url(https://keyslogon.azurewebsites.net/images/office-365.png);
    background-repeat: no-repeat;
    background-position: center;
}

    .office-365:hover {
        border: 2px solid #F3CA61;
       
    }

.training-programme {
    background: url(https://keyslogon.azurewebsites.net/images/trainingprogramme.png);
    background-repeat: no-repeat;
    background-position: center;
}

    .training-programme:hover {
        border: 2px solid #A073B2;
    }
.keys-desktop {
    background: url(https://keyslogon.azurewebsites.net/images/KeysDesktop.png);
    background-repeat: no-repeat;
    background-position: center;
}

    .keys-desktop:hover {
        border: 2px solid #DD5C46;
    }

.logonpage {
    border: 3px solid rgb(230, 0, 126);
    border-radius: 15px;
    padding-top: 15px;
}
.change .row {
    margin-bottom: 15px;
}

#pwForm .short {
    font-weight: bold;
    color: #FF0000;
    font-size: 10px;
}

#pwForm .weak {
    font-weight: bold;
    color: orange;
    font-size: 10px;
}

#pwForm .good {
    font-weight: bold;
    color: #2D98F3;
    font-size: 10px;
}

#pwForm .strong {
    font-weight: bold;
    color: limegreen;
    font-size: 10px;
}

.mobile-align-logo {
    text-align: center
}

.mobile-align-text {
    text-align: center;
}
.training-planner {



}
@media (min-width: 992px) {
    .mobile-align-logo {
        text-align: left
    }

    .mobile-align-text {
        text-align: right;
    }
}