@charset "UTF-8";

/*!
 * +----------------------------------------------------------------------------+
 * | RETO FRAMEWORK v9.0.0
 * +----------------------------------------------------------------------------+
 * | Copyright (c) 2004 - 2021, RETOWARE.COM (www.retoware.com)
 * | Jorge Alberto Reteguin Pimentel <jorge.reteguin@retoware.com>
 * | Released under the MIT license
 * | www.retoware.com/retoframework/license/license.txt
 * | version: 0.9.25
 * +----------------------------------------------------------------------------+
 */
:root {
  --ar-font-sans-serif: "Inter", sans-serif;
  --az-red: #d9338c;
  --white: #fff;
  --black: #000;
  --ar-body-color: var(--ar-gray-900);
  --ar-blockquote-mark-color: var(--az-red);
  --ar-link-color: var(--ar-info);
  --ar-link-hover-color: var(--ar-info);
}

html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.dark-mode {
  --ar-body-color: var(--white);
  --ar-gray-900: var(--white);
}

.navbar {
  --ar-navbar-color: var(--ar-gray-900);
  --ar-navbar-hover-color: var(--ar-red);
  --ar-navbar-active-color: var(--ar-red);
}

.navbar-nav {
  --ar-mega-dropdown-column-width: 23rem;
}

.dropdown-menu {
  --ar-dropdown-link-color: var(--ar-gray-900);
}

.dropdown-menu,
.dark-mode .dropdown-menu:not(.ignore-dark-mode) {
  --ar-dropdown-link-hover-color: var(--ar-red);
  --ar-dropdown-link-active-color: var(--ar-red);
}

.blockquote::before {
  color: var(--ar-blockquote-mark-color);
  font-family: "Font Awesome 5 Pro";
  content: "\f10d";
}

.view {
  display: none;
}

.view.show {
  display: block;
}

.dropdown-header {
  padding: 0.75rem 1.25rem 0.2rem 1.25rem;
  border-bottom: 2px solid var(--az-red);
}

.nav-link-style {
  text-decoration: none;
}

.light-cell {
  border-bottom: 1px solid #808080;
}

@media (min-width: 768px) {
  .light-cell {
    border-right: 1px solid #808080;
    border-bottom: none;
  }
}

.bw-cell {
  color: #fff !important;
  background-color: #1a202c !important;
  border-right: 1px solid #fff;
}

.dark-cell {
  color: #fff;
  background-color: #1a202c !important;
  border-bottom: 1px solid #808080;
}

.form-switch.mode-switch .form-check-label:first-of-type {
  color: var(--ar-info);
}

.form-switch.mode-switch .form-check-input:checked~.form-check-label:last-of-type {
  color: var(--ar-info);
}

.form-switch.mode-switch .form-check-input {
  background-color: var(--ar-info) !important;
}

.form-check-input {
  width: 1.5rem;
  height: 1.5rem;
}

.input-group-text {
  border: var(--ar-border-width) solid var(--ar-gray-400);
  border-width: 1px 0 1px 1px;
  padding: 0.825rem 1rem;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0;
}

.form-control:disabled,
.form-control[readonly]:not(.date-picker) {
  background-color: #f3f3f9;
  opacity: 1;
}

.form-text {
  font-size: calc(var(--ar-body-font-size) * 0.8);
  color: var(--ar-gray-900);
}

.text-muted {
  color: var(--ar-gray-800) !important;
}

.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly]:not(.date-picker) {
  background-color: #383838;
}

.dropzone {
  border: 2px dashed var(--ar-info);
  border-radius: 1em;
  background: transparent;
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.modal-header {
  padding: var(--ar-modal-header-padding-y);
  margin-right: calc(var(--ar-modal-padding) * -1);
  margin-left: calc(var(--ar-modal-padding) * -1);
}

.flag-icon:before {
  content: "\00a0";
}

.flag-icon-cr {
  background-image: url(../../img/flags/cr.svg);
}

.flag-icon-do {
  background-image: url(../../img/flags/do.svg);
}

.flag-icon-gt {
  background-image: url(../../img/flags/gt.svg);
}

.flag-icon-hn {
  background-image: url(../../img/flags/hn.svg);
}

.flag-icon-mx {
  background-image: url(../../img/flags/mx.svg);
}

.flag-icon-ni {
  background-image: url(../../img/flags/ni.svg);
}

.flag-icon-pa {
  background-image: url(../../img/flags/pa.svg);
}

.flag-icon-pe {
  background-image: url(../../img/flags/pe.svg);
}

.flag-icon-sv {
  background-image: url(../../img/flags/sv.svg);
}

@keyframes highlight {
  0% {
    background: #ffa800;
  }

  100% {
    background: none;
  }
}

.highlight {
  animation: highlight 1s;
}

.idaz-profile-bg-red {
  background-color: rgba(255, 99, 132, 0.4) !important;
}

.idaz-profile-bg-orange {
  background-color: rgba(255, 159, 64, 0.4) !important;
}

.idaz-profile-bg-yellow {
  background-color: rgba(255, 205, 86, 0.4) !important;
}

.idaz-profile-bg-green {
  background-color: rgba(117, 212, 116, 0.4) !important;
}

.idaz-profile-bg-blue {
  background-color: rgba(54, 162, 235, 0.4) !important;
}

.idaz-profile-bg-purple {
  background-color: rgba(153, 102, 255, 0.4) !important;
}

.fa-lymphocyte {
  background-image: url(../../img/staticInfo/lymphocyte-duotone.svg);
}

.nav-link-style {
  color: var(--ar-body-color);
  font-weight: 500;
}

.nav-link-style.active {
  color: var(--ar-link-hover-color);
}

#btn-help-floating {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 3rem;
  right: 1rem;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 1050;
}

.text-justify {
  text-align: justify;
  text-justify: inter-word;
}