:root {
  --first-color: #ff9800;
  --logo: url(../img/logo_cob_71.png);
}

.logo {
  background: center / contain no-repeat var(--logo);
  height: 150px;
  margin-bottom: 50px;
  margin-top: -150px;
}

.img-responsive {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.login {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  width: 25%;
  min-width: 350px;
}

.login .title {
  background-color: var(--first-color);
  border: 1px solid var(--first-color);
  border-radius: 30px 30px 0 0;
  color: white;
  min-height: 50px;
  padding-left: 15px;
}

.login h3 {
  font-size: 16px;
  margin-top: unset !important;
  padding-top: 15px;
}

.login .content {
  display: flex;
  flex-direction: row;
  padding: 15px;
  background-color: white;
  border: 1px solid var(--first-color);
  border-radius: 0 0 30px 30px;
}

.form {
  flex: auto;
}

.login input {
  border: 1px solid var(--first-color);
}

.login .valid {
  line-height: 30px;
}

.login .form-group.valid .text-info {
  color: #448aff;
  font-size: 10pt;
  text-decoration: underline;
}

.login .btn {
  float: right;
  font-weight: bold;
  background-color: #27ae60;
  vertical-align: text-bottom;
}

.login .btn:hover {
  background-color: white;
  color: var(--first-color);
  border-color: var(--first-color);
}