#logo-img {
  /*The location of the logo image.*/
  background-image: url("/legacy/images/logo/logo.png");
  background-repeat: no-repeat;
  /*The vertical and horizontal positioning of the logo.
    Vertical positioning is set first, this can be top, middle or bottom.
    Horizontal positioning is set second and can be left, center or right.*/
  background-position: top center;
  /*The width of the image.
    The image height can also be set here. E.g. background-size: 200px 150px; will set the height to 150px.*/
  background-size: 325px;
  /*The height of the page.
    If you want the logo to be at the bottom of the page, increase this number to the height of the browser (this will not be dynamic).*/
  height: 325px;
  margin: 20px; }

.login-section {
  /*Sets the background colour of the login page.*/
  background-color: inherit; }

/*Settings about the Title.*/
.login-section .login-div h2 {
  color: #f0ad4e;
  text-align: center;
  width: 435px;
  margin-left: 0; }

/*Controls opacity from disabled buttons from all over the system*/
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: .65; }