* {
  /* Variables */
  --main_color: #6785bf;
  --main_color_darker: #2c3e50;
  --sec_color: #f2f3f4;
  --sec_color_darker: #e4e6e8;
  --bg_color: rgba(224, 224, 224, 75%);
  --ft_color: #303036;
  --ft_b_color: #37373d;
  --link_color: #3498db;
  --export_color: #217346;

  /* Fonts */
  font-family: "Poppins", sans-serif;

  margin: 0px;
  padding: 0px;
  font-size: 1rem;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  background-color: var(--bg_color);
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-x: hidden;
}

.mainBody {
  width: 100%;
  min-height: calc(100vh - 8.61em);
  position: relative;
  top: 8.61em;
  transition: 0.4s;
}

.bScrolled {
  top: 4.61em;
  transition: 0.4s;
}

/* 
  Mensajes
*/

.error {
  color: #c90000;
}
.ok {
  color: #4d9b08;
}
.alerta {
  color: #b78600;
}

.msj {
  width: 100%;
  float: left;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 10px 0px;
  font-size: 1rem;
}

.msj.ok {
  background-color: #eaffdb;
  border: 2px solid #4d9b08;
}

.msj.alerta {
  background-color: #fdffa5;
  border: 2px solid #e2d64d;
}

.msj.error {
  background-color: #ffdbdb;
  border: 2px solid #c90000;
}

.msj strong {
  margin-left: 6px;
}