/* COLORES */
.bg-blanco {
  background-color: #FFF;
}

.bg-verde {
  background-color: #080;
}

.bg-verdeclaro {
  background-color: #0C0;
}

.bg-amarillo {
  background-color: #EF5;
}

.bg-naranja {
  background-color: #F90;
}

.bg-rojo {
  background-color: #C00;
}

.bg-azul {
  background-color: #0761b9;
}

.bg-negro {
  background-color: #000;
}

/* HEADER */
header {
  color: #FFF;
  background-color: #343a40;
}
header .logo img {
  max-width: 260px;
}
header .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
header .menu ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
header .menu ul li a {
  color: #FFF;
  font-size: 16px;
  text-transform: uppercase;
  padding: 0px 5px;
  width: 100%;
  border-radius: 3px;
}
header .menu ul li a:hover, header .menu ul li a.active {
  color: #FFF;
  text-decoration: none;
  background-color: #a22929;
  transition: all 0.3s ease 0s;
}
header .extras {
  height: 50px;
  padding: 3px 11px 0;
}
header .extras ul li {
  display: inline-block;
  margin: 7px 0;
  position: relative;
}
header .extras a, header .extras .btn_desplegable, header .extras .fechas {
  font-family: "Open Sans";
  font-size: 13px;
  color: #f5f3f2;
  padding: 10px 20px 0;
  margin-left: 0px;
  height: 36px;
  display: block;
}
header .extras .mensajes {
  position: absolute;
  top: -8px;
  left: -11px;
  background-color: #C00;
  color: #FFF;
  padding: 2px;
  font-family: "Titillium web";
  border-radius: 3px;
  font-size: 12px;
  width: 19px;
  text-align: center;
}
header .extras i {
  color: #FFF;
  font-size: 16px;
  padding-right: 5px;
}
header .extras .btn_desplegable {
  cursor: pointer;
  text-decoration: none;
  border-radius: 3px;
  line-height: 2px;
}
header .extras .btn_desplegable:hover, header .extras .btn_desplegable.active {
  background-color: #000;
  color: #FFF;
  transition: all 0.5s ease 0s;
}
header .extras .btn_desplegable.active + .flotante {
  opacity: 1;
  transition: all 0.1s ease 0s;
  z-index: 1;
}
header .solo-iconos .extras .texto {
  display: none;
}
header .solo-iconos .extras i {
  padding-right: 0px;
}
header .solo-iconos .extras .fechas .texto {
  display: initial;
}
header .solo-iconos .extras .fechas i {
  padding-right: 5px;
}
header .solo-iconos .flotante.box-notificaciones {
  right: 0px;
}
header .flotante {
  z-index: -1;
}
header .flotante i {
  color: #f5f3f2;
  padding-right: 2px;
}
header .flotante.box-usuario {
  background-color: #000;
  min-height: 50px;
  width: 173px;
  top: 37px;
  right: 0;
  border-radius: 3px;
  opacity: 0;
}
header .flotante.box-usuario.active {
  opacity: 1;
  transition: all 0.1s ease 0s;
  z-index: 1;
}
header .flotante.box-usuario ul {
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
header .flotante.box-usuario ul li {
  margin: 0;
  padding: 0;
}
header .flotante.box-usuario ul li a {
  color: #FFF;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  border-bottom: 1px solid #5d6165;
  font-size: 13px;
  font-family: "Open Sans";
  text-transform: uppercase;
}
header .flotante.box-usuario ul li a i {
  padding-right: 10px;
}
header .flotante.box-usuario ul li a:hover {
  color: #a22929;
}
header .flotante.box-usuario ul li a:hover i {
  color: #a22929;
}
header .flotante.box-usuario ul li:last-child a {
  border-bottom: none;
}
header .flotante.box-notificaciones {
  background-color: #000;
  width: 270px;
  top: 37px;
  border-radius: 3px;
  opacity: 0;
}
header .flotante.box-notificaciones.active {
  opacity: 1;
  transition: all 0.3s ease 0s;
  z-index: 1;
}
header .flotante.box-notificaciones a {
  display: flex;
  height: auto;
  border-bottom: 1px solid #5d6165;
  padding: 14px 0;
  cursor: pointer;
  border-radius: 3px;
}
header .flotante.box-notificaciones a:last-child {
  border-bottom: none;
}
header .flotante.box-notificaciones a:hover {
  text-decoration: none;
  background-color: #a22929;
  color: #FFF;
}
header .flotante.box-notificaciones .icono {
  padding: 0 10px;
}
header .flotante.box-notificaciones .datos {
  font-family: "Open Sans";
  font-size: 13px;
}
header .flotante.box-notificaciones .datos strong {
  font-weight: 700;
  color: #f5f3f2;
}

.submenu {
  background-color: #B0B0B0;
  position: absolute;
  left: 0;
}
.submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.submenu ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.submenu ul li a {
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0px 5px;
  width: 100%;
  border-radius: 3px;
}
.submenu ul li a:hover, .submenu ul li a.active {
  color: #FFF;
  text-decoration: none;
  background-color: #a22929;
  transition: all 0.3s ease 0s;
}

/* FOOTER */
/* MAIN */
body {
  background-color: #FAFAFA;
  font-family: "Titillium web";
  font-weight: 300;
  background-image: url(back.png);
}

main {
  margin: 0 auto;
}

input:focus {
  outline: none !important;
  box-shadow: none !important;
}

pre {
  height: 40vh;
  border: 1px solid #f5f3f2;
  padding: 10px;
  background-color: #5d6165;
  overflow: scroll;
  color: #FFF;
}

strong, b {
  font-weight: 700;
}

.reset-lista {
  margin: 0;
  padding: 0;
}

.reset-lista li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.label-derecha label {
  display: block;
  color: #f5f3f2;
  text-align: right;
}

.tooltip-inner {
  background-color: #a22929;
}

/* LOGIN */
.login {
  background: #339999;
  background: -moz-radial-gradient(center, ellipse cover, #339999 1%, #04635a 100%);
  background: -ms-radial-gradient(center, ellipse cover, #339999 1%, #04635a 100%);
  background: -o-radial-gradient(center, ellipse cover, #339999 1%, #04635a 100%);
  background: radial-gradient(ellipse at center, #339999 1%, #04635a 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #339999), color-stop(100%, #04635a));
  background: -webkit-radial-gradient(center, ellipse cover, #339999 1%, #04635a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$verde1", endColorstr="$verde2",GradientType=1 );
  height: calc(100vh);
  width: 100%;
  font-family: "Titillium web";
  /* RESPONSIVE */
}
.login .clearfix:before, .login .clearfix:after {
  content: " ";
  display: table;
}
.login .clearfix:after {
  clear: both;
}
.login body {
  color: #606468;
  font: 87.5%/1.5em "Titillium web", sans-serif;
  margin: 0;
}
.login a:hover {
  decoration: underline;
}
.login input {
  border: none;
  family: "Titillium web", Arial, sans-serif;
  height: 1.5 em;
  size: 14px;
}
.login .container {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
}
.login #login {
  padding: 0px;
  height: 310px;
  border-right: 1px solid #fff;
  transition: all 1s ease-in-out 1s;
  overflow: hidden;
  width: 50%;
  opacity: 1;
}
.login #login form {
  width: 230px;
}
.login #login form i.fas {
  color: #04635a;
  background-color: #fff;
  display: block;
  float: left;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  border-radius: 3px 0px 0px 3px;
  text-align: center;
  width: 50px;
}
.login #login form input {
  height: 50px;
}
.login #login form input:focus {
  outline: none !important;
  box-shadow: none !important;
}
.login #login form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.login #login form input[type=text], .login #login form input[type=password] {
  color: #000;
  background-color: #fff;
  margin-bottom: 0;
  padding: 0 16px;
  border-radius: 0px 3px 3px 0px;
  width: 180px;
}
.login #login form input[type=submit] {
  background-color: #000;
  color: #FFF;
  padding: 0 16px;
  cursor: pointer;
}
.login #login form input[type=submit]:hover {
  background-color: #a22929;
}
.login #login form span:nth-child(2) {
  width: 40%;
}
.login #login form > p span {
  left: 5px;
}
.login .logo {
  width: 50%;
  transition: width 1s ease-in-out 1s;
}
.login .logo img {
  margin: 0 0 9px 0px;
  width: 280px;
}
.login .middle {
  display: flex;
  width: 700px;
}
.login .recuerdo a {
  color: #FFF;
  font-size: 13px;
  line-height: 12px;
}
.login .mensajes {
  color: #FFF;
  font-size: 13px;
  line-height: 12px;
  visibility: hidden;
}
.login.error span.fa {
  color: #C00 !important;
}
.login.error .mensajes {
  visibility: visible;
}
.login.valid span.fa {
  color: #388E3C !important;
}
.login.valid #login {
  width: 0px;
  height: 0px;
  opacity: 0;
  transition: width 0.3s ease-in-out 0.7s, height 0.3s ease 0.9s, opacity 0.2s ease 1.1s;
}
.login.valid .logo {
  width: 100%;
  transition: width 0.3s ease-in-out 0.7s;
}
@media (max-width: 575.98px) {
  .login .middle {
    display: grid;
    width: 100%;
  }
  .login .logo {
    width: 100%;
    order: 1;
  }
  .login #login {
    width: 100%;
    order: 2;
    border: none;
  }
  .login #login input[type=submit] {
    display: block;
    width: 100%;
  }
  .login #login span:nth-child(2) {
    width: 100% !important;
  }
}
.login.recuperar .restablecer {
  position: relative;
  right: -30px;
}

/* BUSCADOR */
#buscador {
  background-color: #343a40;
  padding: 20px;
  border-radius: 0 0 10px 10px;
  width: 70%;
  left: 15%;
  overflow: scroll;
  position: fixed;
  top: 92px;
  z-index: 2;
  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.5);
}
#buscador div.filtros {
  display: none;
}
#buscador div.filtros select {
  height: 34px;
  font-family: "Open Sans";
  border: none;
  font-size: 11px;
}
#buscador div.filtros input[type=text] {
  font-size: 11px;
  padding: 5px 10px !important;
}
#buscador div.filtros .btn-group {
  margin-bottom: 2px;
}
#buscador div.filtros .btn-group .btn {
  flex: 0 1 100%;
  height: 27px;
  margin-top: 4px;
}
#buscador .cantidad {
  line-height: 18px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 100;
  padding-top: 5px;
  color: #f5f3f2 !important;
}
#buscador .cantidad strong {
  font-weight: 900;
  font-size: 28px;
  color: #FFF;
}
#buscador .acciones .exportar-extras {
  bottom: 24px;
}
#buscador .acciones .exportar-extras .btn {
  font-size: 14px;
  right: 0px;
  padding: 0px 23px;
  border-radius: 0 5px 5px;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
  z-index: 0;
}
#buscador .acciones .exportar-extras .btn.pdf {
  bottom: 0px;
}
#buscador .acciones .exportar-extras .btn.xls {
  bottom: 0px;
}
#buscador .acciones .exportar-extras.active .btn {
  opacity: 1;
  z-index: 1;
}
#buscador .acciones .exportar-extras.active .btn.pdf {
  bottom: -48px;
  transition: all 0.2s ease-in-out 0s;
}
#buscador .acciones .exportar-extras.active .btn.xls {
  bottom: -72px;
  transition: all 0.2s ease-in-out 0.1s;
}

div.resultados {
  max-height: 60vh;
  overflow: scroll;
}

table.resultados thead th {
  text-transform: uppercase;
  border: none;
}
table.resultados thead th .bit {
  width: 7px;
  text-indent: -9999px;
}
table.resultados thead th:nth-child(6) {
  flex: 0 0 16% !important;
}
table.resultados tbody td {
  text-transform: uppercase;
  color: #f5f3f2;
  border-top: 1px solid #B0B0B0;
}
table.resultados tbody td a {
  color: #f5f3f2;
}
table.resultados tbody td a:hover {
  color: #a22929;
}
table.resultados tbody td:nth-child(3) a {
  font-weight: 700;
  color: #FFF;
}
table.resultados tbody td:nth-child(3) a:hover {
  color: #a22929;
  text-decoration: none;
}
table.resultados tbody td:nth-child(6) {
  flex: 0 0 16% !important;
  min-width: 170px;
}
table.resultados tbody td:nth-child(6) a {
  margin-left: 9px;
}
table.resultados tbody tr:hover .actions {
  visibility: visible;
}
table.resultados tbody tr:hover td {
  background-color: #000;
}
table.resultados tbody tr.active td {
  background-color: #FFF9C4;
}
table.resultados tbody tr.datos td {
  background-color: #B0B0B0;
  font-size: 13px;
  font-family: "Open Sans";
  text-transform: none;
  font-weight: 700;
  height: auto;
  transition: all 1s ease-in-out 0s;
  border: none;
  color: #FFF;
  padding-left: 0;
  padding-right: 0;
}
table.resultados tbody tr.datos td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
table.resultados tbody tr.datos td:nth-child(2) li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
table.resultados tbody tr.datos td label {
  width: 15px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  clear: both;
  font-weight: 300;
  color: #f5f3f2;
}
table.resultados tbody tr.datos td:nth-child(4) label {
  width: 68px;
}
table.resultados tbody tr.datos td .bit {
  height: 105px;
  margin-top: 0;
}
table.resultados tbody tr.datos td div.animada {
  animation: abrir 0.2s linear 0s;
  overflow: hidden;
}
table.resultados tbody tr.datos td span.saldo {
  background-color: darkgreen;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 3px;
}
table.resultados tbody tr.datos td span.saldo.deudor {
  background-color: darkred;
}
table.resultados tbody tr.datos .comentarios {
  height: 106px;
  overflow: scroll;
  padding-right: 20px;
}
table.resultados tbody tr.datos .comentarios li {
  margin-bottom: 10px;
}
table.resultados tbody tr.datos .comentarios .meta {
  color: #f5f3f2;
  font-weight: 300;
}
table.resultados tbody tr.datos .comentarios .comentario {
  font-weight: 400;
}
table.resultados tbody tr.datos table {
  padding-right: 10px;
}
table.resultados tbody .bit {
  height: 48px;
  width: 7px;
  margin-top: 0px;
}
table.resultados tbody .bit.azul {
  background-color: #0761b9;
}
table.resultados tbody .bit.verde {
  background-color: #080;
}
table.resultados tbody .bit.verdeclaro {
  background-color: #0C0;
}
table.resultados tbody .bit.amarillo {
  background-color: #EF5;
}
table.resultados tbody .bit.naranja {
  background-color: #F90;
}
table.resultados tbody .bit.rojo {
  background-color: #C00;
}
table.resultados tbody .bit.negro {
  background-color: #000;
}
table.resultados tbody .actions {
  visibility: hidden;
}
table.resultados tbody .elipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* GENERALES */
h1, h2, h3 {
  font-family: "Noto Serif";
  color: #339999;
  font-weight: 300;
}

.destacado {
  font-size: 23px;
  line-height: 27px;
  font-family: "Noto Serif";
}

.destacado h1 {
  color: #5d6165;
}

.sombra {
  border-radius: 0 0 10px 10px;
  box-shadow: 0 6px 5px rgba(0, 0, 0, 0.5);
}

.avatar {
  width: 100%;
}
.avatar div {
  height: 0;
  padding-bottom: 100%;
  text-align: center;
  font-size: 2rem;
  color: #343a40;
  width: 100%;
  position: relative;
  border-radius: 5px;
}
.avatar div span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.avatar img {
  border-radius: 5px;
}

.mensajes .avatar div {
  font-size: 1.5rem;
}

a.btn-circle {
  text-decoration: none;
}
a.btn-circle span {
  color: #343a40;
  padding: 0 10px 5px;
}
a.btn-circle i {
  background-color: #339999;
  padding: 10px 11px;
  display: inline-block;
  color: #FFF;
  font-size: 18px;
  border-radius: 100px;
}
a.btn-circle i:hover {
  background-color: #04635a;
}

.jqte_toolbar a {
  color: #5d6165 !important;
  margin-right: 5px;
}
.jqte_toolbar a:hover {
  color: #04635a;
}
.jqte_toolbar .jqte_tool_depressed:hover {
  background-color: #343a40;
}
.jqte_toolbar .jqte_tool_depressed:hover a {
  color: #FFF;
}

.grilla .caja {
  height: 100%;
  background-color: #f5f3f2;
  padding: 0;
  position: relative;
}
.grilla .caja h2 {
  padding: 18px 30px 15px 70px;
  font-family: "Noto Serif";
  font-weight: 700;
  font-size: 26px;
  background-color: #B0B0B0;
  color: #5d6165;
  margin: 0;
}
.grilla .caja i.fa-2x {
  position: absolute;
  left: 0;
  top: 0;
  padding: 18px 20px;
  color: rgba(52, 58, 64, 0.7);
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5), -1px -1px rgba(0, 0, 0, 0.3);
}
.grilla .caja ul {
  margin: 0px 0 0;
  padding: 0;
}
.grilla .caja ul li {
  margin: 0;
  list-style: none;
  border-bottom: 1px dashed #5d6165;
  line-height: 19px;
  font-family: "Open Sans";
}
.grilla .caja ul li:hover {
  background-color: #FFF9C4;
}
.grilla .caja ul li:hover:last-child {
  border-radius: 0 0 10px 10px;
}
.grilla .caja ul li:last-child {
  border-bottom: none;
}
.grilla .caja ul li a {
  display: block;
  padding: 15px 50px 15px 125px;
  position: relative;
  text-decoration: none;
  color: #000;
  min-height: 120px;
}
.grilla .caja ul li a .imagen {
  position: absolute;
  left: 20px;
  bottom: 16px;
  box-shadow: 0 3px 5px #666;
}
.grilla .caja ul li a .imagen img {
  width: 66px;
}
.grilla .caja ul li a .fecha {
  display: block;
  width: 90px;
  font-family: "Open Sans";
  font-size: 12px;
  margin-bottom: 2px;
}
.grilla .caja ul li a .titulo {
  padding: 0 20px 0 0;
  font-weight: 700;
  color: #5d6165;
}
.grilla .caja ul li a .action {
  position: absolute;
  right: 10px;
  top: 40px;
  height: 40px;
  width: 40px;
}
.grilla .caja ul li a .action svg {
  fill: #B0B0B0;
  display: none;
}
.grilla .caja ul li a .new {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  color: #FFF;
  background-color: #a22929;
  padding: 0px 5px 0 7px;
  text-transform: uppercase;
  border-radius: 0 0 0 10px;
}
.grilla .caja ul li a:hover .action svg {
  display: block;
}
.grilla .caja ul li a:hover .titulo {
  color: #000;
}
.grilla .btn {
  position: relative;
  background-color: #339999;
  height: 90px;
  padding: 10px 15px 0 70px;
  white-space: normal;
}
.grilla .btn h2 {
  margin-bottom: 0;
  text-align: left;
  font-size: 20px;
  font-family: "Open Sans";
  text-transform: uppercase;
  color: #FFF;
  font-weight: 700;
}
.grilla .btn i {
  padding: 13px 20px;
  color: rgba(3, 66, 66, 0.7);
  position: absolute;
  top: 0;
  left: 0px;
}
.grilla .btn div {
  text-align: left;
  line-height: 14px;
  color: #FFF;
  font-size: 15px;
}
.grilla .btn:hover {
  background-color: #a22929;
}
.grilla .btn:hover i {
  color: rgba(103, 23, 30, 0.9);
}

.mensajes .encabezado, .s-mensajes .encabezado {
  padding: 21px 10px;
  cursor: pointer;
  border-bottom: 1px dashed #5d6165;
}
.mensajes .encabezado:hover, .s-mensajes .encabezado:hover {
  background-color: #FFF9C4 !important;
}
.mensajes .encabezado:last-of-type, .s-mensajes .encabezado:last-of-type {
  border-radius: 0 0 10px 10px;
  padding-bottom: 27px;
  border-bottom: none;
}
.mensajes .encabezado .no-leido .nombre, .mensajes .encabezado .no-leido .asunto, .s-mensajes .encabezado .no-leido .nombre, .s-mensajes .encabezado .no-leido .asunto {
  font-weight: 700;
}
.mensajes .foto, .s-mensajes .foto {
  border-radius: 50%;
  overflow: hidden;
  background-color: #FFF;
  border: 1px solid #5d6165;
}
.mensajes .foto img, .s-mensajes .foto img {
  width: 100%;
}
.mensajes .remitente, .mensajes .destinatarios, .s-mensajes .remitente, .s-mensajes .destinatarios {
  color: #339999;
  font-family: "Noto Serif";
}
.mensajes .remitente .cargos, .mensajes .destinatarios .cargos, .s-mensajes .remitente .cargos, .s-mensajes .destinatarios .cargos {
  position: absolute;
  right: 10px;
}
.mensajes .remitente span, .mensajes .destinatarios span, .s-mensajes .remitente span, .s-mensajes .destinatarios span {
  font-family: "Open Sans";
  color: #FFF;
  font-size: 11px;
  padding: 0 3px 1px;
  position: relative;
  bottom: 1px;
  text-transform: uppercase;
  border-radius: 3px;
  margin-right: 3px;
}
.mensajes .remitente span.cargo.presidente, .mensajes .remitente span.cargo.vicepresidente, .mensajes .remitente span.cargo.conserje, .mensajes .remitente span.cargo.administrador, .mensajes .remitente span.cargo.desarrollador, .mensajes .destinatarios span.cargo.presidente, .mensajes .destinatarios span.cargo.vicepresidente, .mensajes .destinatarios span.cargo.conserje, .mensajes .destinatarios span.cargo.administrador, .mensajes .destinatarios span.cargo.desarrollador, .s-mensajes .remitente span.cargo.presidente, .s-mensajes .remitente span.cargo.vicepresidente, .s-mensajes .remitente span.cargo.conserje, .s-mensajes .remitente span.cargo.administrador, .s-mensajes .remitente span.cargo.desarrollador, .s-mensajes .destinatarios span.cargo.presidente, .s-mensajes .destinatarios span.cargo.vicepresidente, .s-mensajes .destinatarios span.cargo.conserje, .s-mensajes .destinatarios span.cargo.administrador, .s-mensajes .destinatarios span.cargo.desarrollador {
  background-color: #04635a;
}
.mensajes .remitente span.cargo.propietario, .mensajes .remitente span.cargo.garage, .mensajes .remitente span.cargo.local, .mensajes .remitente span.cargo.inquilino, .mensajes .destinatarios span.cargo.propietario, .mensajes .destinatarios span.cargo.garage, .mensajes .destinatarios span.cargo.local, .mensajes .destinatarios span.cargo.inquilino, .s-mensajes .remitente span.cargo.propietario, .s-mensajes .remitente span.cargo.garage, .s-mensajes .remitente span.cargo.local, .s-mensajes .remitente span.cargo.inquilino, .s-mensajes .destinatarios span.cargo.propietario, .s-mensajes .destinatarios span.cargo.garage, .s-mensajes .destinatarios span.cargo.local, .s-mensajes .destinatarios span.cargo.inquilino {
  background-color: #5d6165;
  display: inline-block;
  text-align: center;
}
.mensajes .meta, .s-mensajes .meta {
  position: absolute;
  top: -14px;
  right: 0;
}
.mensajes .meta div, .s-mensajes .meta div {
  font-size: 10px;
  margin: 0 3px;
}
.mensajes .asunto, .s-mensajes .asunto {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.mensajes .asunto strong, .s-mensajes .asunto strong {
  font-weight: 700;
}
.mensajes .mensaje a, .s-mensajes .mensaje a {
  color: #04635a;
}
.mensajes .mensaje .asunto, .s-mensajes .mensaje .asunto {
  font-size: 20px;
  font-family: "Open Sans";
  text-overflow: initial;
  white-space: normal;
}
.mensajes .mensaje .archivo, .s-mensajes .mensaje .archivo {
  border-bottom: 1px dotted #B0B0B0;
}
.mensajes .mensaje .archivo:last-child, .s-mensajes .mensaje .archivo:last-child {
  border-bottom: none;
}
.mensajes .mensaje .archivo i, .s-mensajes .mensaje .archivo i {
  color: #5d6165;
  margin-right: 10px;
}
.mensajes .mensaje .archivo span, .s-mensajes .mensaje .archivo span {
  font-size: 12px;
  font-family: "Open Sans";
  font-weight: 600;
}

/* SECCIONES */
.secciones .seccion {
  background-color: #339999;
  padding: 15px 30px 10px 15px;
  display: inline-block;
  clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
}
.secciones .seccion h1 {
  color: #FFF;
  line-height: 20px;
  font-size: 24px;
}
.secciones a.nuevo-mensaje {
  background-color: #339999;
  padding: 8px 15px 5px 18px;
  display: inline-block;
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
  float: right;
  color: #FFF;
  font-size: 26px;
}
.secciones a.nuevo-mensaje:hover {
  background-color: #04635a;
}
.secciones .contenedor {
  background-color: #f5f3f2;
  width: 100%;
  height: calc(100vh - 280px);
}
.secciones .contenedor .encabezado {
  border-left: 5px solid #f5f3f2;
  padding: 21px 40px 16px 10px;
}
.secciones .contenedor .encabezado:hover {
  border-left-color: #FFF9C4;
}
.secciones .contenedor .encabezado.active {
  border-left-color: #a22929;
}
.secciones .contenedor .encabezado:last-of-type {
  border-radius: 0 0 0 0.25rem !important;
}
.secciones .contenedor.libre {
  height: auto;
  background-color: #FFF;
}
.secciones .contenedor .listado {
  height: calc(100vh - 280px);
  overflow-y: scroll;
  padding: 0 0 0px 0;
  border-radius: 0 0 0 0.25rem !important;
}

/* MENSAJES */
.s-mensajes .mensaje {
  background-color: #FFF;
  width: 100%;
  height: calc(100vh - 280px);
}
.s-mensajes .mensaje .listado {
  padding: 20px 30px 0 20px;
}
.s-mensajes .mensaje .listado .header {
  border-bottom: 1px solid #f5f3f2;
}
.s-mensajes .mensaje .listado .header .datos {
  position: relative;
}
.s-mensajes .mensaje .listado .header .datos .remitente, .s-mensajes .mensaje .listado .header .datos .destinatarios {
  font-family: "Open Sans";
  font-size: 15px;
  color: #5d6165;
  margin: 0 0 7px;
}
.s-mensajes .mensaje .listado .header .datos .remitente label, .s-mensajes .mensaje .listado .header .datos .destinatarios label {
  margin: 0;
  text-align: right;
  display: inline-block;
}
.s-mensajes .mensaje .listado .header .datos .remitente .cargos, .s-mensajes .mensaje .listado .header .datos .destinatarios .cargos {
  position: initial;
  font-weight: 400;
  display: inline-block;
}
.s-mensajes .mensaje .listado .header .datos .destinatarios .cargo.propietario, .s-mensajes .mensaje .listado .header .datos .destinatarios .cargo.presidente, .s-mensajes .mensaje .listado .header .datos .destinatarios .cargo.vicepresidente, .s-mensajes .mensaje .listado .header .datos .destinatarios .cargo.conserje, .s-mensajes .mensaje .listado .header .datos .destinatarios .cargo.administrador, .s-mensajes .mensaje .listado .header .datos .destinatarios .cargo.desarrollador, .s-mensajes .mensaje .listado .header .datos .destinatarios .cargo.todos {
  background-color: #B0B0B0;
}
.s-mensajes .mensaje .listado .header .datos .meta {
  position: absolute;
  top: 0;
  right: 15px;
  color: #5d6165;
  font-size: 13px;
}
.s-mensajes .mensaje .listado .header .datos .meta i {
  color: #5d6165;
  padding: 0 3px;
}
.s-mensajes .mensaje .listado .header .datos .actions {
  text-transform: uppercase;
  font-family: "Open Sans";
  font-size: 12px;
  position: relative;
  margin-top: 12px;
}
.s-mensajes .mensaje .listado .header .datos .actions .botones {
  position: absolute;
  top: 0;
  left: 15px;
  display: none;
}
.s-mensajes .mensaje .listado .header .datos .actions .botones.active {
  display: block;
}
.s-mensajes .mensaje .listado .header .datos .actions a {
  color: #5d6165;
  padding: 2px 5px;
  margin-left: 3px;
  text-decoration: none;
}
.s-mensajes .mensaje .listado .header .datos .actions a.boton {
  background-color: #f5f3f2;
}
.s-mensajes .mensaje .listado .header .datos .actions a.trigger {
  background-color: #FFF;
  padding: 0 2.5px;
  display: inline-block;
  color: #B0B0B0;
  margin-left: 0;
}
.s-mensajes .mensaje .listado .header .datos .actions a.trigger:hover {
  color: #5d6165;
  background: none;
}
.s-mensajes .mensaje .listado .header .datos .actions a:hover {
  background-color: #a22929;
  color: #FFF;
}
.s-mensajes .mensaje .listado .cuerpo .texto strong {
  font-weight: 700;
}
.s-mensajes .mensaje .listado .cuerpo .respuestas .datos {
  position: relative;
}
.s-mensajes .mensaje .listado .cuerpo .respuestas .datos .remitente {
  font-family: "Open Sans";
  font-size: 15px;
  color: #5d6165;
  margin: 0 0 7px;
}
.s-mensajes .mensaje .listado .cuerpo .respuestas .datos .remitente label {
  margin: 0;
  text-align: right;
  display: inline-block;
}
.s-mensajes .mensaje .listado .cuerpo .respuestas .datos .remitente .cargos {
  position: initial;
  font-weight: 400;
  display: inline-block;
}
.s-mensajes .mensaje .listado .cuerpo .respuestas .datos .meta {
  position: absolute;
  top: 0;
  right: 0px;
  color: #5d6165;
  font-size: 13px;
}
.s-mensajes .mensaje .listado .cuerpo .respuestas .datos .meta i {
  color: #5d6165;
  padding: 0 3px;
}
.s-mensajes .mensaje .listado .cuerpo .respuestas a.archivo:first-of-type {
  margin-top: 10px;
}
.s-mensajes .mensaje .listado .cuerpo .respuestas .texto {
  background-color: #f5f3f2;
}
.s-mensajes .mensaje .listado .footer {
  border-top: 1px solid #f5f3f2;
}
.s-mensajes .mensaje .listado .footer textarea {
  background-color: #f5f3f2;
  color: #000;
  height: 200px;
}
.s-mensajes .mensaje .listado .footer p.adjuntos div {
  position: relative;
}
.s-mensajes .mensaje .listado .footer p.adjuntos div i {
  color: #5d6165;
  margin-right: 10px;
}
.s-mensajes .mensaje .listado .footer p.adjuntos div span {
  font-size: 12px;
  font-family: "Open Sans";
  font-weight: 600;
}
.s-mensajes .mensaje .listado .footer p.adjuntos div a.borrar_adjunto {
  position: absolute;
  right: 0;
}
.s-mensajes .mensaje .listado .footer p.adjuntos div a.borrar_adjunto i {
  color: #a22929;
}
.s-mensajes .encuesta .texto {
  background-color: #FFF !important;
}
.s-mensajes .encuesta a {
  color: #FFF;
}

/* COMUNICADOS */
.s-comunicados .comunicado .imagen {
  position: relative;
  background-color: #FFF;
  box-shadow: 0 1rem 1.1rem rgba(0, 0, 0, 0.175) !important;
}
.s-comunicados .comunicado .imagen .categoria {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #343a40;
  color: #FFF;
  font-size: 12px;
  padding: 3px 7px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
}
.s-comunicados .comunicado .fecha {
  font-family: "Titillium web";
  color: #343a40;
  font-size: 13px;
  font-weight: bold;
}
.s-comunicados .comunicado .titulo a {
  font-weight: 700;
  color: #04635a;
  font-size: 18px;
  line-height: 18px;
  display: block;
}
.s-comunicados .comunicado .meta .fecha {
  justify-content: right;
}
.s-comunicados .comunicado .new {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 10px;
  color: #FFF;
  background-color: #a22929;
  padding: 0px 5px 0 7px;
  text-transform: uppercase;
  border-radius: 0 0 0 10px;
}
.s-comunicados .actas {
  background-color: #f90 !important;
}
.s-comunicados .comunicados {
  background-color: #0761b9 !important;
}
.s-comunicados .convocatorias {
  background-color: #0fa8b7 !important;
}
.s-comunicados .cuentas {
  background-color: #a819cc !important;
}

/* CONTACTOS */
.s-contactos .contacto {
  position: relative;
  background-color: #FFF;
  box-shadow: 0 1rem 1.1rem rgba(0, 0, 0, 0.175) !important;
  min-height: 200px;
}
.s-contactos .contacto .categoria {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #343a40;
  color: #FFF;
  font-size: 12px;
  padding: 3px 7px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
}
.s-contactos .contacto .titulo {
  font-weight: 700;
  color: #04635a;
  font-size: 18px;
  line-height: 18px;
  display: block;
  margin-bottom: 10px;
}
.s-contactos .contacto a {
  color: #339999;
}
.s-contactos .servicios {
  background-color: #f90 !important;
}
.s-contactos .datos {
  background-color: #0761b9 !important;
}

/* ENCUESTAS */
.s-encuestas .encuesta {
  position: relative;
  background-color: #FFF;
  box-shadow: 0 1rem 1.1rem rgba(0, 0, 0, 0.175) !important;
  min-height: 200px;
}
.s-encuestas .encuesta .categoria {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #343a40;
  color: #FFF;
  font-size: 12px;
  padding: 3px 7px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
}
.s-encuestas .encuesta .titulo {
  color: #04635a;
  font-size: 24px;
  line-height: 32px;
  display: block;
  margin-bottom: 10px;
  font-family: "Noto Serif";
}
.s-encuestas .opciones {
  background-color: #f5f3f2;
}
.s-encuestas .opciones .form-check {
  padding: 10px;
  border-bottom: 1px dashed #B0B0B0;
}
.s-encuestas .opciones .form-check:last-of-type {
  border-bottom: none;
}
.s-encuestas .resultados {
  background-color: #f5f3f2;
  padding: 15px 0;
  font-size: 13px;
  font-family: "Titillium web";
}
.s-encuestas .resultados .total {
  background-color: #FFF;
  width: 100%;
  height: 25px;
}
.s-encuestas .resultados .total .valor {
  height: 100%;
  min-width: 1% !important;
  background-color: #339999;
  transition: all 0.3s ease-in-out 1s;
}
.s-encuestas .meta {
  position: relative;
  border-bottom: 1px solid #B0B0B0;
  margin-bottom: 20px;
  font-family: "Open Sans";
  font-size: 14px;
}
.s-encuestas .meta i {
  color: #5d6165;
}
.s-encuestas .meta label {
  font-size: 13px;
}
.s-encuestas .meta .cargos {
  position: relative;
  left: 5px;
  top: 0;
}
.s-encuestas .meta .cargos span {
  font-family: "Open Sans";
  color: #FFF;
  font-size: 11px;
  padding: 0 3px 1px;
  position: relative;
  bottom: 1px;
  text-transform: uppercase;
  border-radius: 3px;
  margin-right: 3px;
}
.s-encuestas .meta .cargos span.cargo.presidente, .s-encuestas .meta .cargos span.cargo.vicepresidente, .s-encuestas .meta .cargos span.cargo.conserje, .s-encuestas .meta .cargos span.cargo.administrador, .s-encuestas .meta .cargos span.cargo.desarrollador {
  background-color: #04635a;
}
.s-encuestas .meta .cargos span.cargo.propietario, .s-encuestas .meta .cargos span.cargo.garage, .s-encuestas .meta .cargos span.cargo.local, .s-encuestas .meta .cargos span.cargo.inquilino {
  background-color: #5d6165;
  display: inline-block;
  text-align: center;
}

/* PENDIENTES */
.s-pendientes table, .s-pendientes-old table, .s-avisos table, .s-avisos-old table {
  background-color: #f5f3f2;
}
.s-pendientes thead th, .s-pendientes-old thead th, .s-avisos thead th, .s-avisos-old thead th {
  background-color: #04635a !important;
  border: none;
}
.s-pendientes tbody td, .s-pendientes-old tbody td, .s-avisos tbody td, .s-avisos-old tbody td {
  font-family: "Titillium web";
  line-height: 19px !important;
}
.s-pendientes tbody td .etiqueta, .s-pendientes-old tbody td .etiqueta, .s-avisos tbody td .etiqueta, .s-avisos-old tbody td .etiqueta {
  font-size: 13px;
  font-family: "Open Sans";
  color: #FFF;
  padding: 0px;
  background-color: #343a40;
  text-align: center;
  text-transform: uppercase;
  border-radius: 3px;
  margin-bottom: 3px;
  padding: 1px 3px;
  visibility: hidden;
  text-decoration: none;
}
.s-pendientes tbody td .etiqueta.pendiente, .s-pendientes tbody td .etiqueta.curso, .s-pendientes-old tbody td .etiqueta.pendiente, .s-pendientes-old tbody td .etiqueta.curso, .s-avisos tbody td .etiqueta.pendiente, .s-avisos tbody td .etiqueta.curso, .s-avisos-old tbody td .etiqueta.pendiente, .s-avisos-old tbody td .etiqueta.curso {
  background-color: #a22929;
}
.s-pendientes tbody td .etiqueta.realizada, .s-pendientes tbody td .etiqueta.archivada, .s-pendientes-old tbody td .etiqueta.realizada, .s-pendientes-old tbody td .etiqueta.archivada, .s-avisos tbody td .etiqueta.realizada, .s-avisos tbody td .etiqueta.archivada, .s-avisos-old tbody td .etiqueta.realizada, .s-avisos-old tbody td .etiqueta.archivada {
  background-color: #B0B0B0;
  color: #f5f3f2;
}
.s-pendientes tbody td .etiqueta:hover, .s-pendientes-old tbody td .etiqueta:hover, .s-avisos tbody td .etiqueta:hover, .s-avisos-old tbody td .etiqueta:hover {
  background-color: #343a40;
}
.s-pendientes a, .s-pendientes-old a, .s-avisos a, .s-avisos-old a {
  color: #04635a;
  font-weight: 700;
}
.s-pendientes .cargos, .s-pendientes-old .cargos, .s-avisos .cargos, .s-avisos-old .cargos {
  display: block;
}
.s-pendientes .cargos span, .s-pendientes-old .cargos span, .s-avisos .cargos span, .s-avisos-old .cargos span {
  font-family: "Open Sans";
  color: #FFF;
  font-size: 11px;
  line-height: initial;
  padding: 0 3px 1px;
  position: relative;
  bottom: 1px;
  text-transform: uppercase;
  border-radius: 3px;
  margin-right: 3px;
}
.s-pendientes .cargos span.cargo.presidente, .s-pendientes .cargos span.cargo.vicepresidente, .s-pendientes .cargos span.cargo.conserje, .s-pendientes .cargos span.cargo.administrador, .s-pendientes .cargos span.cargo.desarrollador, .s-pendientes-old .cargos span.cargo.presidente, .s-pendientes-old .cargos span.cargo.vicepresidente, .s-pendientes-old .cargos span.cargo.conserje, .s-pendientes-old .cargos span.cargo.administrador, .s-pendientes-old .cargos span.cargo.desarrollador, .s-avisos .cargos span.cargo.presidente, .s-avisos .cargos span.cargo.vicepresidente, .s-avisos .cargos span.cargo.conserje, .s-avisos .cargos span.cargo.administrador, .s-avisos .cargos span.cargo.desarrollador, .s-avisos-old .cargos span.cargo.presidente, .s-avisos-old .cargos span.cargo.vicepresidente, .s-avisos-old .cargos span.cargo.conserje, .s-avisos-old .cargos span.cargo.administrador, .s-avisos-old .cargos span.cargo.desarrollador {
  background-color: #04635a;
}
.s-pendientes .cargos span.cargo.propietario, .s-pendientes .cargos span.cargo.garage, .s-pendientes .cargos span.cargo.local, .s-pendientes .cargos span.cargo.inquilino, .s-pendientes-old .cargos span.cargo.propietario, .s-pendientes-old .cargos span.cargo.garage, .s-pendientes-old .cargos span.cargo.local, .s-pendientes-old .cargos span.cargo.inquilino, .s-avisos .cargos span.cargo.propietario, .s-avisos .cargos span.cargo.garage, .s-avisos .cargos span.cargo.local, .s-avisos .cargos span.cargo.inquilino, .s-avisos-old .cargos span.cargo.propietario, .s-avisos-old .cargos span.cargo.garage, .s-avisos-old .cargos span.cargo.local, .s-avisos-old .cargos span.cargo.inquilino {
  background-color: #5d6165;
  display: inline-block;
  text-align: center;
}
.s-pendientes h3, .s-pendientes-old h3, .s-avisos h3, .s-avisos-old h3 {
  color: #5d6165;
  text-transform: uppercase;
  font-family: "Open Sans";
}

.table-hover tbody tr:hover td .etiqueta {
  visibility: visible;
}

.s-pendientes-old thead th, .s-avisos-old thead th {
  background-color: #343a40 !important;
}

/* OVERLAY */
.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 20;
}
.overlay .crear_mensaje {
  position: relative;
  width: 40%;
  margin: 15vh 30% 0 30%;
  background-color: #FFF;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}
.overlay .subir_archivo {
  position: relative;
  height: 250px;
  width: 40%;
  margin: calc(50% - 227px) 30% 0 30%;
  background-color: #FFF;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}
.overlay .cerrar {
  position: absolute;
  right: -41px;
  top: 0;
  z-index: 99;
}
.overlay .cerrar a {
  display: block;
  background-color: #339999;
  color: #FFF;
  text-align: center;
  font-size: 40px;
  line-height: 32px;
  clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
  padding: 0 11px 6px 8px;
}
.overlay .cerrar a:hover {
  background-color: #a22929;
  text-decoration: none;
}
.overlay .formulario {
  overflow-y: scroll;
  height: 80vh;
}
.overlay .formulario textarea {
  background-color: #f5f3f2;
  height: 200px;
}
.overlay .formulario input, .overlay .formulario select {
  background-color: #f5f3f2;
}
.overlay .formulario p.error {
  color: #a22929;
  display: none;
}
.overlay .formulario p.adjuntos div {
  position: relative;
}
.overlay .formulario p.adjuntos div i {
  color: #5d6165;
  margin-right: 10px;
}
.overlay .formulario p.adjuntos div span {
  font-size: 12px;
  font-family: "Open Sans";
  font-weight: 600;
}
.overlay .formulario p.adjuntos div a.borrar_adjunto {
  position: absolute;
  right: 0;
}
.overlay .formulario p.adjuntos div a.borrar_adjunto i {
  color: #a22929;
}

/* DROPZONE */
.dropzone {
  background: #f5f3f2 !important;
  text-align: center;
  border: none !important;
}
.dropzone .dz-message {
  font-weight: 400;
  font-size: 20px;
}
.dropzone .dz-preview.dz-image-preview {
  background: none !important;
}

/* MI PERFIL */
.mi-perfil .cargos {
  position: relative;
  left: 5px;
  top: 0;
}
.mi-perfil .cargos span {
  font-family: "Open Sans";
  color: #FFF;
  font-size: 11px;
  padding: 0 3px 1px;
  position: relative;
  bottom: 1px;
  text-transform: uppercase;
  border-radius: 3px;
  margin-right: 3px;
}
.mi-perfil .cargos span.cargo.presidente, .mi-perfil .cargos span.cargo.vicepresidente, .mi-perfil .cargos span.cargo.conserje, .mi-perfil .cargos span.cargo.administrador, .mi-perfil .cargos span.cargo.desarrollador {
  background-color: #04635a;
}
.mi-perfil .cargos span.cargo.propietario, .mi-perfil .cargos span.cargo.garage, .mi-perfil .cargos span.cargo.local, .mi-perfil .cargos span.cargo.inquilino {
  background-color: #5d6165;
  display: inline-block;
  text-align: center;
}
.mi-perfil a {
  color: #a22929;
}
.mi-perfil .foto {
  padding-bottom: 100%;
  height: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.mi-perfil label {
  width: 60px;
  margin-right: 15px;
  justify-content: left;
  font-weight: 700;
}
.mi-perfil input, .mi-perfil select {
  padding: 3px 10px;
  font-family: "Titillium web";
  border: 1px solid #CCC;
  width: calc(100% - 110px) !important;
}
.mi-perfil input[type=checkbox] {
  margin-left: 0px;
  width: auto !important;
}
.mi-perfil .preferencias svg path {
  fill: #999;
  cursor: pointer;
}
.mi-perfil .preferencias svg path::hover {
  fill: #0AF;
}
.mi-perfil .cambio {
  font-size: 14px;
}
.mi-perfil h3 {
  color: #5d6165;
  font-family: "Open Sans";
}
.mi-perfil .error {
  color: #a22929;
  padding: 20px 0;
  display: none;
}
.mi-perfil .error.ok {
  color: #04635a;
}
.mi-perfil .habilitados .row {
  border-bottom: 1px solid #B0B0B0;
  padding: 10px 5px;
}
.mi-perfil .habilitados .row:last-child {
  border-bottom: none;
}
.mi-perfil .habilitados .row .actions a {
  background-color: #a22929;
  color: #FFF;
  font-size: 20px;
  line-height: 11px;
  text-decoration: none;
  display: none;
  height: 17px;
  width: 18px;
  text-align: center;
}
.mi-perfil .habilitados .row:hover .actions a {
  display: inline-block;
}
.mi-perfil.clave label {
  width: 90px;
}

/* ANIMACIONES */
@keyframes abrir {
  0% {
    height: 0px;
  }
  100% {
    height: 105px;
  }
}
/* RESPONSIVE */
@media (max-width: 575.98px) {
  header .menus {
    margin-top: -53px;
  }
  header .menu {
    height: auto;
  }
  header .menu ul {
    margin-top: 20px;
  }
  header .menu ul li {
    width: 100%;
    border-bottom: 1px solid #f5f3f2;
  }
  header .menu ul li a {
    padding: 10px 0;
    display: block;
  }
  header .menu ul li:last-child {
    border-bottom: none;
  }
  header .logo {
    position: relative;
    z-index: 999;
  }
  header .logo img {
    max-width: 150px;
  }
  header .extras li {
    margin: 3px 0 !important;
  }
  header .extras li:last-child {
    margin-top: 0;
  }
  header .extras i {
    font-size: 20px;
  }
  header .extras a.btn_desplegable {
    padding: 10px 10px 0 !important;
  }
  header .extras .navbar-toggler {
    padding: 7px;
    margin: 0 6px;
    border: none;
    position: relative;
    top: -2px;
  }
  header .extras .fechas {
    display: none;
  }

  .s-mensajes .contenedor {
    height: auto;
  }
  .s-mensajes .contenedor .mensajes .listado {
    height: auto;
    max-height: 255px;
  }
  .s-mensajes .contenedor .mensaje {
    height: auto;
  }
  .s-mensajes .contenedor .mensaje .meta {
    top: 60px !important;
  }
  .s-mensajes .contenedor .mensaje .listado {
    height: auto;
  }
  .s-mensajes .contenedor .respuesta .meta {
    top: -5px !important;
  }

  .overlay .crear_mensaje {
    position: relative;
    width: 78%;
    margin: 15vh 9% 0 9%;
  }
  .overlay .formulario {
    padding: 0 20px;
  }

  .login.recuperar .restablecer {
    right: 0px !important;
  }

  .s-avisos table th:nth-child(2), .s-avisos table td:nth-child(2), .s-avisos-old table th:nth-child(2), .s-avisos-old table td:nth-child(2) {
    display: block;
    width: 100%;
  }
  .s-avisos table th:nth-child(3), .s-avisos table th:nth-child(4), .s-avisos-old table th:nth-child(3), .s-avisos-old table th:nth-child(4) {
    display: none;
  }
  .s-avisos table td:nth-child(3), .s-avisos table td:nth-child(4), .s-avisos-old table td:nth-child(3), .s-avisos-old table td:nth-child(4) {
    display: block;
    padding: 0 0.75rem 0.75rem;
    border: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .container {
    width: 100% !important;
    max-width: 100%;
  }

  .menus {
    margin-top: -66px;
  }

  .menu {
    height: auto;
  }
  .menu ul {
    margin-top: 20px;
  }
  .menu ul li {
    width: 100%;
    border-bottom: 1px solid #f5f3f2;
  }
  .menu ul li a {
    padding: 10px 0;
    display: block;
  }
  .menu ul li:last-child {
    border-bottom: none;
  }

  .logo {
    position: relative;
    z-index: 999;
  }
  .logo img {
    max-width: 150px;
  }

  .s-mensajes .contenedor .mensajes .listado {
    height: auto;
    max-height: 255px;
  }
  .s-mensajes .contenedor .mensaje {
    height: auto;
  }
  .s-mensajes .contenedor .mensaje .meta {
    top: 60px !important;
  }
  .s-mensajes .contenedor .mensaje .listado {
    height: auto;
  }

  .overlay .crear_mensaje {
    position: relative;
    width: 78%;
    margin: 15vh 9% 0 9%;
  }
  .overlay .formulario {
    padding: 0 20px;
  }

  .login.recuperar .restablecer {
    right: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menus {
    margin-top: -53px;
  }

  .logo {
    position: relative;
    z-index: 999;
  }
  .logo img {
    max-width: 150px;
  }

  .s-mensajes .contenedor .mensajes .listado {
    height: auto;
    max-height: 255px;
  }
  .s-mensajes .contenedor .mensaje .meta {
    top: 60px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .grilla .caja ul li a {
    padding: 15px 30px 15px 125px;
  }

  .grilla .btn {
    height: 95px;
  }
}

/*# sourceMappingURL=EBA.css.map */