@import url(http://fonts.googleapis.com/css?family=Vibur);
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: arial;
}

body, html {
  height:100%;
  margin:0;
  padding:0;
}

main{
  height: 100%;
  width: 100%;
}

/*
body {
  background-image:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("/images/estoque.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size:cover;
}
*/

body  {
  background-color: #2c3b53;
  /*Verdinho #ACC3A6 */
}

h1 {
  color: #ccc;
  text-align: center;
  font-family: 'Vibur', cursive;
  font-size: 50px;
}

.content{
  margin-top: 10%;
}

.logo_shadow{
  -webkit-filter: drop-shadow(0 5px 4px rgba(0,0,0,.8));
  -moz-filter: drop-shadow(0 5px 4px rgba(0,0,0,.8));
  -ms-filter: drop-shadow(0 5px 4px rgba(0,0,0,.8));
  -o-filter: drop-shadow(0 5px 4px rgba(0,0,0,.8));
  filter: drop-shadow(0 5px 4px rgba(0,0,0,.8));
  margin: auto;
  margin-top: 15px;
  margin-bottom: 20px;
}


.form-top {
  overflow: hidden;
  padding: 0 25px 15px 25px;
  background: #444;
  background: rgba(0, 0, 0, 0.45);
  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 30px 30px 0 0;
  text-align: left;
}

.form-bottom {
  padding: 25px 25px 30px 25px;
  /*background: #444;*/
  /*background: rgba(0, 0, 0, 0.40);*/
  -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 30px 30px;
  text-align: left;
  color:white;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.form-group {
  position: relative;
  margin-bottom: 15px;
}

.form-control {
  width: 100%;
  height: 50px;
  border: none;
  padding: 5px 7px 5px 15px;
  background: #fff;
  color: #666;
  border: 2px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 30px;
}

.login-funcionario:focus {
  border-color: #71adc0;
}

.login-representante:focus {
  border-color: #2d3a4f;
}

.form-group .fa {
  position: absolute;
  right: 15px;
  top: 17px;
  color: #999;
}

.log-status.wrong-entry {
  -moz-animation: wrong-log 0.3s;
  -webkit-animation: wrong-log 0.3s;
  animation: wrong-log 0.3s;
}

.log-status.wrong-entry .form-control, .wrong-entry .form-control + .fa {
  border-color: #ed1c24;
  color: #ed1c24;
}

.btn-danger {
  color: #fff;
  background-color: #2d3a4f;
  border-color: #2d3a4f;
}

.btn-danger:hover {
  background-color: #28426b;
  border-color: #28426b;
}

.btn-primary {
  color: #fff;
  background-color: #71adc0;
  border-color: #71adc0;
}

.btn-primary:hover {
  background-color: #456990;
  border-color: #456990;
}

.link {
  text-decoration: none;
  color: #C6C6C6;
  float: right;
  font-size: 12px;
  margin-bottom: 15px;
}
.link:hover {
  text-decoration: underline;
  color: #8C918F;
}

.alert {
  display: none;
  font-size: 12px;
  color: #f00;
  float: left;
}

@-moz-keyframes wrong-log {
  0%, 100% {
    left: 0px;
  }
  20% , 60% {
    left: 15px;
  }
  40% , 80% {
    left: -15px;
  }
}
@-webkit-keyframes wrong-log {
  0%, 100% {
    left: 0px;
  }
  20% , 60% {
    left: 15px;
  }
  40% , 80% {
    left: -15px;
  }
}
@keyframes wrong-log {
  0%, 100% {
    left: 0px;
  }
  20% , 60% {
    left: 15px;
  }
  40% , 80% {
    left: -15px;
  }
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a4aaae
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
  color: #a94442
}

.checkbox {
  font-size: 12px;
}