@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);

/*
 * Utility Classes
 */
.mb0 {
    margin-bottom: 0;
}

/*
 * Layout components
 */
body {
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #d2d6de;
}

.content {
    width: 360px;
    margin: 90px auto 0 auto;
}

.header {
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    padding: 20px 10px 17px;
}

.footer {
    background-color: #fff;
    padding: 10px 20px 15px;
}

.footer hr {
    border-top: 1px solid #eee;
    border-bottom: none;
    margin: 0 0 10px;
}

.alert {
    border-radius: 0;
}

.btn {
    border-radius: 0;
}

/*
 * The form and it's components
 */
.form {
    padding: 20px 20px 5px;
    background-color: #fff;
}

.form .form-group {
    position: relative;
}

.form input {
    border-radius: 0;
    padding-right: 42px;
    box-shadow: none;
    border-color: #d2d6de;
}

.form .glyphicon-envelope,
.form .glyphicon-lock,
.form .glyphicon-user {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.form .glyphicon-envelope:before {
    content: "\2709";
    color: #777;
}

.form .glyphicon-lock:before {
    content: "\e033";
    color: #777;
}

.form .glyphicon-user:before {
    content: "\e008";
    color: #777;
}

.form .btn {
    border-radius: 0;
}