/*
Adds a red asterisk after the label for required form fields.
 */
.form-group.required .control-label:after {
    content: " *";
    color: red;
    font-weight: bold;
}

/*
 The default help block as an anchor for smaller devices is tiny, increase size a bit.
 */
a.help-block,
span.help-block {
    font-size: 15px;
}

/*
 Progress bars after passwords need a bit more margin for layout.
 */
input[type=password] + .progress {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*
 The password verdict is a bit squished.  Give it some extra room.
 Also, change the colour, which is white by default.
 */
.password-verdict {
    padding-left: 4px;
    padding-right: 4px;
    color: #000;
}

#server_name {
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    #server_name {
        margin-top: 31px;
    }
}
/*@media screen and (min-width: 1024px) {*/
/*    #server_name {*/
/*        margin-top: 42px;*/
/*    }*/
/*}*/
@media screen and (min-width: 1080px) {
    #server_name {
        margin-top: 36px;
    }
}
@media screen and (min-width: 1200px) {
    #server_name {
        margin-top: 42px;
    }
}