/* CSS Document */

.clear {
    clear: both;
}

.app-wrapper {
    width:80%;
    margin:200px auto 0px auto;
    padding:50px 0px;
}

.submit-btn {
     -moz-appearance: none;
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    flex-grow: 0;
    font-size: 1.4rem;
    letter-spacing: 3px;
    margin: 20px auto;
    padding: 2rem 0;
    text-align: center;
    text-transform: uppercase;
    transition: color 0.3s linear 0s, background-color 0.3s linear 0s;
    width: 20rem; 
}

.submit-btn:hover {
    background: #00b085;
}

h2, h3 {
    margin:30px 0px 20px 0px; 
}

label { 
    width:200px;
    display: inline-block;
    float:left;
    margin:0px 25px 15px 0px; 
    font-size: 13px;
}

input[type="text"], input[type="date"], input[type="email"] {
    display:block;
    width:100%;
    border:1px solid #ccc;
    margin:5px 0px 0px 0px;
    padding:6px 4px!important;
    border-radius: 1px;
    box-shadow: none!important;
    height:35px;
    font-size:16px;
}

input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus {
    background: #f5f5f5;
}

select {
    display: block;
    width:100%;
    border:1px solid #ccc;
    padding:4px;
    margin-bottom:8px;
    margin:5px 0px 0px 0px;
    height:35px;
    font-size:16px;
}

label.error {
    color: #ff0000;
    width:100%;
    margin:5px 0px 0px 0px;
}

textarea {
    font-size: 16px;
}