* { font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-weight:400;}
.body-box { margin:0; border:0; background: url(/img/bg.jpg) no-repeat top center; background-color:#FFF;} /*  background-color:#e4e4e4; */
#box { width:280px; padding:25px 25px 15px 25px; overflow:auto; margin:0 auto; background:#f6f6f6; border-radius:15px; margin-top:20px; box-shadow: 0 0 10px #000;} /*  box-shadow: 0 0 5px #ccc; */ 

#box h1 {font-size: 30px; color:#010101; text-align:center; padding:15px 10px 25px 10px; font-weight:bold; margin:0;}
#box h1 img { width:100%; height:auto;}
#box p { font-size:12px; margin:0; padding:0 0 15px 0; font-weight:normal; color:#666; text-align:center;}
#box a { color:#666; text-decoration:none;}
#box a:hover { color:#d50000; text-decoration:underline;}
@media (min-width:768px){
.body-box { background-size: 100% auto;} /*  background-color:#e4e4e4; */
#box { margin-top:90px;}
}
@media (min-width:1024px){
#box { margin-top:140px;}
}
.logo { width:100%; height:auto;}
.explicacao { font-style:italic;}

.form-control { height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1.5rem;font-weight:400;line-height:1.5;color:#6c757d;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control {padding:10px 12px; border-bottom:1px solid #CCC; border-left:0; border-right:0; border-top:0; width:223px; font-size:13px; margin:0; text-align:left; border-radius:0; color:#333;}
.form-control { height:100%;}
.form-control:focus{border-color:#CCC;box-shadow:4px;}
#box ::-webkit-input-placeholder, #box :-moz-placeholder, #box ::-moz-placeholder, #box :-ms-input-placeholder{font-weight:500; text-align:left; color:#333;}
#box .text-danger{color:#F00;}

#box .btn-primary{color:#fff; background:#131313; background: linear-gradient(0deg, #131313 0%, #686868 100%); border-radius:5px; font-size:13px; font-weight:500; padding:8px 21px 8px 21px; margin:0 0 5px 0; text-transform:uppercase; border:0;}
#box .btn-primary.active, #box .btn-primary:active, #box .btn-primary:focus, #box .btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff; background: #121212; background: linear-gradient(180deg, #131313 0%, #686868 100%); border:0}
#box .btn-primary.active, #box .btn-primary:active, #box.open .dropdown-toggle.btn-primary{background-image:none}
.form-control:focus {outline:0;box-shadow:0 0 0 .25rem rgba(200,200,200,.4)}

#box .btn-primary .badge{color:#262626;background-color:#fff}

.copy { position:absolute; bottom:0; width:100%; height:25px; text-align:center; color:#FFF; font-size:11px; font-weight:500;}