body {
  padding-top: 54px;
  display: flex;
  justify-content: center;
}

.nav-interfaces {
  background: #f8f9fe !important;

  border-bottom: 1px solid #dddef7 !important;
}

.nav-titulo {
  font-family: "Red Hat Text", sans-serif;

  font-size: 16px !important;

  font-weight: bolder;

  color: #0e0e7c !important;
}

.btn-home {
  background: #fff !important;

  border: 1px solid #02b0d2 !important;

  border-radius: 0px !important;

  font-family: "Red Hat Text", sans-serif !important;

  margin-bottom: 2px !important;

  padding: 10px !important;

  color: #02b0d2 !important;

  font-weight: 700 !important;

  cursor: pointer !important;

  transition: ease 0.2s !important;

  font-size: 17px !important;

  margin: auto !important;
}

.btn-home:hover {
  background: #02b0d2 !important;

  border: 1px solid #02b0d2 !important;

  border-radius: 0px !important;

  font-family: "Red Hat Text", sans-serif !important;

  margin-bottom: 2px !important;

  padding: 10px !important;

  color: #fff !important;

  font-weight: 700 !important;

  cursor: pointer !important;

  transition: ease 0.2s !important;

  font-size: 17px !important;

  margin: auto !important;
}

.parrafo-home {
  font-size: large;

  color: #0e0e7c;

  font-weight: 900;

  font-family: "Red Hat Text", sans-serif;
}

.title-tracker {
  color: #0e0e7c;

  font-family: "Montserrat", sans-serif;

  font-size: large;

  letter-spacing: 0.2px;
}

.footer-back {
  background: #0e0e7c;

  bottom: 0;
}

.back-trian {
  background: url(/static/imagenes/homepage-shape-2.svg) 22% 2% / 120px 74px
      no-repeat,
    url(/static/imagenes//Fondo-Filosofia.png) 77% repeat,
    linear-gradient(to top, #fbfbfb, #fbfbfb);

  position: static;

  height: 750px;
}

.border-line {
  border: 1px solid #fff;
}

.respaldado {
  font-family: "Red Hat Text", sans-serif;

  font-size: larger;
}

.card-box {
  color: #353535;

  background: white;

  border-radius: 0px;

  padding: 10px;

  margin: 10px;
}

.btn-subir {
  border-radius: 0px;

  font-family: "Montserrat", sans-serif;

  font-size: smaller;

  letter-spacing: 0.2px;

  background: #f8f9fa;

  border: 1px solid #02b0d2;

  transition: 1s;

  color: #02b0d2;

  margin-bottom: 10px;

  padding: 8px;

  font-weight: 700;

  margin: auto;

  border-radius: 0px;

  margin-left: 1em;

  padding-left: 1em;

  padding-right: 1em;
}

.btn-info.disabled,
.btn-info:disabled {
  color: #353232;

  background-color: #939494;

  border-color: #c5c5c5;
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;

  background-color: #939494;

  border-color: #c5c5c5;
}

.btn-ver {
  font-family: "Montserrat", sans-serif;

  font-size: smaller;

  letter-spacing: 0.2px;

  border: 2px solid #0e0e7c;

  transition: 1s;

  color: #ffffff;

  margin-bottom: 10px;

  padding: 6px;

  font-weight: 700;

  margin: auto;

  background: #0e0e7c;

  border-radius: 0px;

  padding-left: 1em !important;

  padding-right: 1em !important;

  margin-left: 1em;
}

.btn-realizar {
  font-family: "Montserrat", sans-serif;

  font-size: smaller;

  letter-spacing: 0.2px;

  border: 2px solid #f37021;

  transition: 1s;

  color: #ffffff;

  margin-bottom: 10px;

  padding: 6px;

  font-weight: 700;

  margin: auto;

  background: #f37021;

  border-radius: 0px;

  padding-left: 1em !important;

  padding-right: 1em !important;

  margin-left: 0.2em;
}

.label-form {
  font-size: medium;

  color: #0e0e7c;

  font-weight: 900;

  font-family: "Red Hat Text", sans-serif;
}

.text-table {
  font-size: medium;

  color: #474c4c;

  font-weight: 900;

  font-family: "Red Hat Text", sans-serif;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

button.btn .show-ctrl {
  display: none;
}

button.btn .hide-ctrl {
  display: block;
}

button.btn.collapsed .show-ctrl {
  display: block;
}

button.btn.collapsed .hide-ctrl {
  display: none;
}