body.admin {
  height: 100%;
}
body.admin:before {
  content: " ";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-image: url("/telecentro/img/background.png");
  opacity: 0.2;
}
body.admin input[type="file"] {
  height: 38px !important;
  overflow: hidden;
}

body.admin.login:before {
  opacity: 1;
  background-color: #3D3E3F;
  background-image: url("/telecentro/img/background.png");
  background-blend-mode: multiply;
}
body.admin.login footer {
  display: none;
}
body.admin.login .field > label {
  display: none !important;
}
body.admin.login .input,
body.admin.login button,
body.admin.login .button,
body.admin.login input {
  text-align: center !important;
  font-weight: 900 !important;
  max-width: 21em !important;
  text-transform: lowercase !important;
}
body.admin.login #logos,
body.admin.login #header,
body.admin.login #login-button {
  margin-top: 50px;
}
body.admin.login #logos > * {
  margin-top: 2rem;
}
body.admin.login #logos img {
  width: 14em;
}

body.admin #menu {
  border: none;
  box-shadow: none;
  background: transparent;
}
body.admin #menu #logo {
  padding-top: 0.3em;
}
body.admin #menu #logo:hover {
  background: inherit !important;
}
body.admin #menu #logo > img {
  width: 20em;
}
body.admin #menu #buttons .button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body.admin #menu #buttons .item {
  padding-top: 0.5em;
}
body.admin #menu #bem-vindo {
  padding-right: 12em;
}
body.admin #menu .item.simple {
  padding: 0.9em 0.3em;
}
body.admin #menu .item.simple .button,
body.admin #menu #sair {
  width: 5em;
  height: 4.6em;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
body.admin #menu #sair {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
body.admin #menu #sair:hover {
  background: inherit !important;
}
body.admin #menu #sair i {
  margin-right: 0;
}
body.admin #menu .item.simple .button.active {
  height: 5em;
  border-top: 0.4em solid red;
}