html, body {
    background-color: #666;
}

html {
    overflow-y: scroll;
}

.login-form {
    margin: auto;
    margin-top: 50px;
    max-width: 500px;
}

.login-form input {
    background-color: #ccc;
}

.panel-dark {
    background-color: #222;
    border-color: #000;
}

.panel-dark .panel-heading {
    background-color: #333;
    color: #eee;
    border: 0;
    cursor: zoom-in;
}

.panel-dark .panel-body {
    border: 0;
    color: #ddd;
}

.panel-dark .collapsed {
    display: none;
}

.row {
}

.row-number-1 {
}

.row-number-2 {
    background-color: #2c2c2c;
}

.container {
    margin-top: 70px;
}

.col a {
    text-decoration: none;
    cursor: pointer;
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* Yep! */
  width: 48%;
  height: 59%;
}

.dark {
    background-color: #333;
    border: #666 solid thin;
}

input.sm {
    max-width: 50px;
}

input.md {
    max-width: 100px;
}

input.lg {
    max-width: 150px;
}