body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.clickable-row {
	cursor: pointer;
}

.btn {
  background-color: #50504d !important;
}

.nav-wrapper{
  background-color: #7d4659 !important;
}

.app-primary {
  background-color: #7d4659 !important;
}

.dropdown-content > li > a {
  color: #7d4659 !important;
}

.required-field {
  color: red;
}

/* El tema Vuexy pone overflow:hidden en .app-content pensando en el layout
   vertical (con scroll interno propio). En el layout horizontal que usamos
   eso corta cualquier contenido más alto que la ventana y bloquea el scroll
   de la página (ej. el wizard de registro de postulante). */
html body .content.app-content {
  overflow: visible;
}