/*!
 * Copyright (c) 2024. Adler Marmol & Camila Molina.
 * Unauthorized copying or redistribution of this file in source and binary forms via any medium is strictly prohibited.
 * Contact:
 * - adler.marmol@gmail.com
 * - mariacmolinav@gmail.com
 */
.mt--2 {
  margin-top: -2rem !important; }

.mb--2 {
  margin-bottom: -2rem !important; }

.mr--2 {
  margin-right: -2rem !important; }

.ml--2 {
  margin-left: -2rem !important; }

.my--2 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important; }

.mx--2 {
  margin-left: -2rem !important;
  margin-right: -2rem !important; }

.pt--2 {
  padding-top: -2rem !important; }

.pb--2 {
  padding-bottom: -2rem !important; }

.pr--2 {
  padding-right: -2rem !important; }

.pl--2 {
  padding-left: -2rem !important; }

.py--2 {
  padding-top: -2rem !important;
  padding-bottom: -2rem !important; }

.px--2 {
  padding-left: -2rem !important;
  padding-right: -2rem !important; }

.mt--1 {
  margin-top: -1rem !important; }

.mb--1 {
  margin-bottom: -1rem !important; }

.mr--1 {
  margin-right: -1rem !important; }

.ml--1 {
  margin-left: -1rem !important; }

.my--1 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important; }

.mx--1 {
  margin-left: -1rem !important;
  margin-right: -1rem !important; }

.pt--1 {
  padding-top: -1rem !important; }

.pb--1 {
  padding-bottom: -1rem !important; }

.pr--1 {
  padding-right: -1rem !important; }

.pl--1 {
  padding-left: -1rem !important; }

.py--1 {
  padding-top: -1rem !important;
  padding-bottom: -1rem !important; }

.px--1 {
  padding-left: -1rem !important;
  padding-right: -1rem !important; }

.mt-0 {
  margin-top: 0rem !important; }

.mb-0 {
  margin-bottom: 0rem !important; }

.mr-0 {
  margin-right: 0rem !important; }

.ml-0 {
  margin-left: 0rem !important; }

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important; }

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important; }

.pt-0 {
  padding-top: 0rem !important; }

.pb-0 {
  padding-bottom: 0rem !important; }

.pr-0 {
  padding-right: 0rem !important; }

.pl-0 {
  padding-left: 0rem !important; }

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important; }

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important; }

.mt-1 {
  margin-top: 1rem !important; }

.mb-1 {
  margin-bottom: 1rem !important; }

.mr-1 {
  margin-right: 1rem !important; }

.ml-1 {
  margin-left: 1rem !important; }

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.pt-1 {
  padding-top: 1rem !important; }

.pb-1 {
  padding-bottom: 1rem !important; }

.pr-1 {
  padding-right: 1rem !important; }

.pl-1 {
  padding-left: 1rem !important; }

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.mt-2 {
  margin-top: 2rem !important; }

.mb-2 {
  margin-bottom: 2rem !important; }

.mr-2 {
  margin-right: 2rem !important; }

.ml-2 {
  margin-left: 2rem !important; }

.my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important; }

.mx-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important; }

.pt-2 {
  padding-top: 2rem !important; }

.pb-2 {
  padding-bottom: 2rem !important; }

.pr-2 {
  padding-right: 2rem !important; }

.pl-2 {
  padding-left: 2rem !important; }

.py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }

.px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important; }

.mt-3 {
  margin-top: 3rem !important; }

.mb-3 {
  margin-bottom: 3rem !important; }

.mr-3 {
  margin-right: 3rem !important; }

.ml-3 {
  margin-left: 3rem !important; }

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.mx-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.pt-3 {
  padding-top: 3rem !important; }

.pb-3 {
  padding-bottom: 3rem !important; }

.pr-3 {
  padding-right: 3rem !important; }

.pl-3 {
  padding-left: 3rem !important; }

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.mt-4 {
  margin-top: 4rem !important; }

.mb-4 {
  margin-bottom: 4rem !important; }

.mr-4 {
  margin-right: 4rem !important; }

.ml-4 {
  margin-left: 4rem !important; }

.my-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important; }

.mx-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important; }

.pt-4 {
  padding-top: 4rem !important; }

.pb-4 {
  padding-bottom: 4rem !important; }

.pr-4 {
  padding-right: 4rem !important; }

.pl-4 {
  padding-left: 4rem !important; }

.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }

.px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important; }

.mt-5 {
  margin-top: 5rem !important; }

.mb-5 {
  margin-bottom: 5rem !important; }

.mr-5 {
  margin-right: 5rem !important; }

.ml-5 {
  margin-left: 5rem !important; }

.my-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important; }

.mx-5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important; }

.pt-5 {
  padding-top: 5rem !important; }

.pb-5 {
  padding-bottom: 5rem !important; }

.pr-5 {
  padding-right: 5rem !important; }

.pl-5 {
  padding-left: 5rem !important; }

.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important; }

.px-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important; }

.text-primary-lighter {
  color: #C8FAD6 !important; }

.background-primary-lighter {
  background-color: #C8FAD6 !important; }

.text-primary-light {
  color: #5BE49B !important; }

.background-primary-light {
  background-color: #5BE49B !important; }

.text-primary-main {
  color: #00A76F !important; }

.background-primary-main {
  background-color: #00A76F !important; }

.text-primary-dark {
  color: #007867 !important; }

.background-primary-dark {
  background-color: #007867 !important; }

.text-primary-darker {
  color: #004B50 !important; }

.background-primary-darker {
  background-color: #004B50 !important; }

.text-secondary-lighter {
  color: #EFD6FF !important; }

.background-secondary-lighter {
  background-color: #EFD6FF !important; }

.text-secondary-light {
  color: #C684FF !important; }

.background-secondary-light {
  background-color: #C684FF !important; }

.text-secondary-main {
  color: #8E33FF !important; }

.background-secondary-main {
  background-color: #8E33FF !important; }

.text-secondary-dark {
  color: #5119B7 !important; }

.background-secondary-dark {
  background-color: #5119B7 !important; }

.text-secondary-darker {
  color: #27097A !important; }

.background-secondary-darker {
  background-color: #27097A !important; }

.text-info-lighter {
  color: #CAFDF5 !important; }

.background-info-lighter {
  background-color: #CAFDF5 !important; }

.text-info-light {
  color: #61F3F3 !important; }

.background-info-light {
  background-color: #61F3F3 !important; }

.text-info-main {
  color: #00B8D9 !important; }

.background-info-main {
  background-color: #00B8D9 !important; }

.text-info-dark {
  color: #006C9C !important; }

.background-info-dark {
  background-color: #006C9C !important; }

.text-info-darker {
  color: #003768 !important; }

.background-info-darker {
  background-color: #003768 !important; }

.text-success-lighter {
  color: #D3FCD2 !important; }

.background-success-lighter {
  background-color: #D3FCD2 !important; }

.text-success-light {
  color: #77ED8B !important; }

.background-success-light {
  background-color: #77ED8B !important; }

.text-success-main {
  color: #22C55E !important; }

.background-success-main {
  background-color: #22C55E !important; }

.text-success-dark {
  color: #118D57 !important; }

.background-success-dark {
  background-color: #118D57 !important; }

.text-success-darker {
  color: #065E49 !important; }

.background-success-darker {
  background-color: #065E49 !important; }

.text-warning-lighter {
  color: #FFF5CC !important; }

.background-warning-lighter {
  background-color: #FFF5CC !important; }

.text-warning-light {
  color: #FFD666 !important; }

.background-warning-light {
  background-color: #FFD666 !important; }

.text-warning-main {
  color: #FFAB00 !important; }

.background-warning-main {
  background-color: #FFAB00 !important; }

.text-warning-dark {
  color: #B76E00 !important; }

.background-warning-dark {
  background-color: #B76E00 !important; }

.text-warning-darker {
  color: #7A4100 !important; }

.background-warning-darker {
  background-color: #7A4100 !important; }

.text-danger-lighter {
  color: #FFE9D5 !important; }

.background-danger-lighter {
  background-color: #FFE9D5 !important; }

.text-danger-light {
  color: #FFAC82 !important; }

.background-danger-light {
  background-color: #FFAC82 !important; }

.text-danger-main {
  color: #FF5630 !important; }

.background-danger-main {
  background-color: #FF5630 !important; }

.text-danger-dark {
  color: #B71D18 !important; }

.background-danger-dark {
  background-color: #B71D18 !important; }

.text-danger-darker {
  color: #7A0916 !important; }

.background-danger-darker {
  background-color: #7A0916 !important; }

.text-gray-100 {
  color: #F9FAFB !important; }

.background-gray-100 {
  background-color: #F9FAFB !important; }

.text-gray-200 {
  color: #F4F6F8 !important; }

.background-gray-200 {
  background-color: #F4F6F8 !important; }

.text-gray-300 {
  color: #DFE3E8 !important; }

.background-gray-300 {
  background-color: #DFE3E8 !important; }

.text-gray-400 {
  color: #C4CDD5 !important; }

.background-gray-400 {
  background-color: #C4CDD5 !important; }

.text-gray-500 {
  color: #919EAB !important; }

.background-gray-500 {
  background-color: #919EAB !important; }

.text-gray-600 {
  color: #637381 !important; }

.background-gray-600 {
  background-color: #637381 !important; }

.text-gray-700 {
  color: #454F5B !important; }

.background-gray-700 {
  background-color: #454F5B !important; }

.text-gray-800 {
  color: #212B36 !important; }

.background-gray-800 {
  background-color: #212B36 !important; }

.text-gray-900 {
  color: #161C24 !important; }

.background-gray-900 {
  background-color: #161C24 !important; }

body {
  min-height: 100%;
  background-color: #F9FAFB !important;
  color: #212B36 !important;
  line-height: 1.4; }

a {
  color: #00A76F; }

.mui-body {
  height: 100%;
  background-color: #F9FAFB !important;
  color: #212B36 !important; }

.mui-panel {
  color: #212B36 !important;
  padding: 24px 15px;
  border-radius: 8px;
  background-color: white;
  border-top: 1px solid #ededed;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 2px solid #d4d4d4;
  box-shadow: rgba(145, 158, 171, 0.16) 0 8px 16px 0; }

.background-none {
  background-color: transparent !important; }

/* Box */
.content-box {
  border-radius: 8px;
  width: fit-content;
  padding: 1rem 1rem; }

/* Code Box */
.code-box {
  text-align: center;
  border-radius: 8px;
  font-size: 2rem;
  letter-spacing: 4px;
  width: fit-content;
  font-family: "Courier New", monospace;
  background-color: #F9FAFB;
  padding: 0 1rem; }

/* Text logo */
.text-logo > img {
  width: 60px; }
.text-logo > span.title {
  font-weight: bold;
  color: #637381;
  font-size: 1.5rem;
  display: block;
  margin-top: -0.5rem; }
.text-logo > span.subtitle {
  font-weight: bold;
  color: #637381;
  margin-top: 0; }
.text-logo span.version {
  font-weight: bold;
  color: white;
  background-color: #00A76F;
  padding: 0.2rem 0.5rem;
  margin-top: 0;
  border-radius: 8px; }

.footer {
  color: #454F5B; }

/* Buttons */
.mui-btn {
  border-radius: 8px !important; }

.mui-btn--dark {
  background-color: #161C24 !important;
  color: white !important;
  font-weight: bold !important;
  border: 0 !important;
  border-radius: 8px !important; }

.mui-btn--primary {
  background-color: #00A76F !important;
  color: white !important;
  font-weight: bold !important;
  border: 0 !important;
  border-radius: 8px !important; }

/* APP Bar */
.mui-appbar {
  background-color: #161C24 !important;
  color: white !important;
  font-weight: bold !important;
  border: 0 !important; }
  .mui-appbar .nav-link {
    color: white !important;
    font-weight: bold;
    text-transform: uppercase; }
  .mui-appbar .nav-link.external-link {
    color: white !important;
    font-weight: bold;
    border: 1px solid #00A76F;
    border-radius: 8px; }
  .mui-appbar .nav-link.active {
    color: #00A76F !important;
    font-weight: bold; }

/*For styled lists*/
table.styled-list {
  border: none;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: inherit; }
  table.styled-list tr td {
    padding: 10px 0 20px 0;
    position: relative; }
  table.styled-list tr td.styled-list-head {
    text-align: center;
    width: 15px;
    font-weight: bolder;
    border-right: 2px solid #637381; }
    table.styled-list tr td.styled-list-head div {
      background-color: #212B36;
      color: white;
      width: 30px;
      height: 25px;
      border-radius: 50%;
      text-align: center;
      padding-top: 5px;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 18px; }
  table.styled-list tr td.styled-list-content {
    position: relative;
    padding-left: 25px;
    top: -10px; }
    table.styled-list tr td.styled-list-content div {
      background-color: #F4F6F8;
      position: relative;
      padding: 1rem !important;
      line-height: 1.4;
      top: -15px;
      border-radius: 8px; }
  table.styled-list tr.styled-list-no-line td.styled-list-head {
    text-align: center;
    width: 15px;
    font-weight: bolder;
    border-right: none; }

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