body { font-family: 'Roboto', sans-serif; background-color: #ececec; }
a { color:#1565c0; }
a:hover, a:focus { text-decoration:none; color:#2e2e77; }
p { color:#282828; }

/* header */
header { text-align:center; float:left; width:100%; display:block; min-height:300px; background:#2e2e77; }
header h1 { color:#fff; margin:80px 0px 10px 0px; font-size:42px; font-weight:300; }
header p { color:#fff; font-size:16px; }

/* btn */
.btn-default { border:none; background:#2e2e77; color:#fff; text-transform:uppercase; border-radius: 20px; }
.btn-default.focus, .btn-default:focus { color: #282828; background-color: #acacac; border:none; box-shadow:none; }

/* checkbox */
.checkbox-warning input[type="checkbox"]:checked + label::before {background-color: #2e2e77; border-color: #2e2e77;}

/* section login */
section { float:left; width:100%; }

/* panel */
.panel { position:relative; width:570px; margin:-120px auto 0px; -webkit-box-shadow:  0 10px 20px 0 rgba(168, 182, 191, .6); -moz-box-shadow:  0 10px 20px 0 rgba(168, 182, 191, .6); box-shadow: 0 10px 20px 0 rgba(168, 182, 191, .6); background-color: #fff; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.panel .panel-body { padding:50px 90px; }
.panel .panel-footer { border-radius:0px 0px 4px 4px; text-align:center; background-color: #f8f8f8; padding:30px; }
.panel .panel-footer p { margin-bottom:0px; }

/* form */
form .form-control {height:42px;box-shadow:none; border-left:none; border-top:none; border-right:none; border-radius:0px;font-size:16px; padding:4px 0px; }
form .form-control:focus { box-shadow:none; border-color:#2e2e77; }
form .form-control::-webkit-input-placeholder {color: #d1d1d1;}
form .form-control:-moz-placeholder {color: #d1d1d1;}
form .form-control::-moz-placeholder {color: #d1d1d1;}
form .form-control:-ms-input-placeholder {color: #d1d1d1;}
form .form-group a { line-height: 40px; text-align: right; display: block; }

/* social */
.social { text-align:center; margin-top:25px; margin-bottom:0px; }
.social li a {display: block;border-radius: 20px;font-size: 18px;color:#acacac; border: 1px solid #acacac; padding: 5px 25px 4px 25px;text-align: center; }
.social li a:hover, .social li a:focus { border-color: #2e2e77; text-decoration:none; color:#2e2e77; }

