﻿
h3 {
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: bold;
}

form {
    display:inline-block;
    margin-bottom: 15px;
}

.label-format {
    display: block;
    text-align:left;
    font-size: 1.2em;
    color: dimgray;
}

.login .input-format{
    width: 100%;
}

form.wrong {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-animation: login-wrong 0.5s ease-out;
    animation: login-wrong 0.5s ease-out;
}

form .campos .msg:not(:empty) {
  color: #fff;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 20px;
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #fff;
  background-color: #ff0050;
}

form .campos {
  margin: 50px 15px 0 15px;
  height: 120px;
}

form .campos div {
  width: 100%;
  margin: 10px 0 5px 0;
}

form .campos > div:last-child{
    padding-bottom: 15px;
}

form .campos input:not([type="submit"]) {

  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
}

.btn {
    margin-top: 5px;
    border: none;
    color: #fff;
    background-color: dimgray;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    min-width: 150px;
}

.btn.success {
    background-color: #06AA48;
    border: 1px solid #058237;
    color: #fff;
}

.btn.secondary {
    background-color: #fff;
    border: 1px solid dimgray;
    color: dimgray;
}

.btn:hover {
  background-color: #545353;
  color: #fff;
}

.txtTituloMenu {
  font-family: 'Exo 2', 'Trebuchet MS Bold';
  font-size: 28px;
  color: #ff6e00;
  display: inline;
  vertical-align: middle;
}
.img-cadeado-login {
  display: inline;
  margin-right: 5px;
  vertical-align: middle;
}

.t-a-center, .text-center {
    text-align: center;
}

.text-wrap {
    word-wrap: break-word;
}

.toast {
    border-radius: 5px;
    background-color: #06AA48;
    position: fixed;
    bottom: 20px;
    right: 10px;
    left: 10px;
    color: #fff;
    font-size: 1.5em;
    padding: 10px;
    text-align:center;
}