/**
 * EASy application bootstrap files
 *
 * Copyright (C) 2016  Muhammad Irwan Yanwari (irwan.yanwari@gmail.com)
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */
/* 
    Created on : Aug 13, 2016, 10:01:14 AM
    Author     : Irwan Yanwari
*/

body {
    height: 100%;
    width: 100%;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #a09c95;
    margin: 0;
    padding: 0;        
    background: #f1f1f1;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

h1, h2, h3, h4 {
    padding: 0;
    margin: 0;
    color: #ffffff;
}

input {
    box-shadow: 0 0 5px rgba(183, 183, 183, .10);
    border: 1px solid rgba(183, 183, 183, .10);
}

input:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}

input:hover, textarea:hover {
    box-shadow: 0 0 5px rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
}

#wraper {
    width: 100%;
    max-width: 500px;
    margin: auto auto;
    margin-top: 100px;
}

#login-layer-1 {
    padding: 10px;
    border: #818181 solid 1px;
    background-color: #fff;
}

#login-layer-2 {
    padding: 10px;
    background-color: #00a8dc;
    border: #818181 solid 1px;
    background: -webkit-linear-gradient(left, #e5e5e5, #adadad);
    background: -o-linear-gradient(left, #e5e5e5, #adadad);
    background: -moz-linear-gradient(left, #e5e5e5, #adadad);
    background: -linear-gradient(to right, #e5e5e5, #adadad);
}

#login-header {
    text-align: center;
    padding: 20px;
    padding-top: 50px;
}

.bottom-line {
    width: 100%;
}

input {
    margin: 5px;
    font-weight: 700;
}

.input-main {
    padding: 10px;
    width: 80%;
    max-width: 300px;
    text-align: center;
}

.input-submit {
    padding: 10px;
    width: 88%;
    max-width: 323px;
    border: gray solid 1px;
    background-color: limegreen;
    color: white;
}

#login-body {
    text-align: center;
    padding-bottom: 30px;
}

@media screen and (max-width: 720px){
#wraper {
    height: 100%;
    margin-top: 0px;
}

}