/* general */
.login {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-flow: wrap;
}
#loginForm {
    color: #f9f9f9;
}
#loginForm input {
    outline: none;
    width: 101%;
    padding: 1rem;
    padding-left: 5rem;
    background: rgba(245, 245, 245, 0.89);
    color: #17403f;
    box-shadow: none;
    border: none;
}
.icon {
    position: absolute;
    color: #f9f9f9;
    background: #212121;
    width: 40px;
    height: 40px;
    padding: 10px;
    font-family: 'Glyphicons Halflings';
}
.icon.user::before {
    content: "\e008";
}
.icon.password::before {
    content: "\1f512";
}
#loginForm input.btn {
    border-radius: 5px;
    margin: 0.2rem 0;
    font-weight: bold;
    background: #00a99e;
    color: #f9f9f9;
    padding-left:0;
}
/* smartphones, iPhone, portrait 480x320 phones */
@media (min-width:320px) and (max-width: 1024px) {
}
/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width:481px) {
}
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:641px) {
}
/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px) {
}
/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px) {
}