@import "http://fonts.googleapis.com/css?family=Roboto:100";

@import "http://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css";

.flat-form {
background:#34495e;
margin:15% auto;
width:45%;
height:50%;
position:relative;
font-family:'Roboto'
}

.tabs {
background:#1DD2AF;
height:40px;
margin:0;
padding:0;
list-style-type:none;
width:100%;
position:relative;
display:block;
margin-bottom:20px
}

.tabs li {
display:block;
float:left;
margin:0;
padding:0
}

.tabs a {
background:#1DD2AF;
display:block;
float:left;
text-decoration:none;
color:#fff;
font-size:16px;
padding:12px 22px
}

.tabs li:last-child a {
border-right:none;
width:174px;
padding-left:0;
padding-right:0;
text-align:center
}

.tabs a.active {
background:#1DD2AF;
border-right:none;
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
transition:all .5s linear
}

.form-action {
padding:0 20px;
position:relative
}

.form-action h1 {
font-size:42px;
padding-bottom:10px;
color:#FFF
}

.form-action p {
font-size:12px;
padding-bottom:10px;
line-height:25px
}

form {
padding-right:20px!important
}

form input[type=text],form input[type=password],form input[type=submit] {
font-family:'Roboto'
}

form input[type=text],form input[type=password] {
width:100%;
height:40px;
margin-bottom:10px;
padding-left:15px;
background:#fff;
border:none;
color:#e74c3c;
outline:none
}

.dark-box {
background:#5e0400;
box-shadow:1px 3px 3px #3d0100 inset;
height:40px;
width:50px
}

.form-action .dark-box.bottom {
position:absolute;
right:0;
bottom:-24px
}

.tabs + .dark-box.top {
position:absolute;
right:0;
top:0
}

.show {
display:block
}

.hide {
display:none
}

.button {
border:none;
display:block;
background:#136899;
height:40px;
width:80px;
color:#fff;
text-align:center;
border-radius:5px;
-webkit-transition:all .15s linear;
-moz-transition:all .15s linear;
transition:all .15s linear
}

.button:hover {
background:#1e75aa
}

.button:active {
background:#136899
}

::-webkit-input-placeholder {
color:dark
}

:-moz-placeholder {
color:#e74c3c
}

::-moz-placeholder {
color:#e74c3c
}

:-ms-input-placeholder {
color:#e74c3c
}