#gdi  {
  font-family: "Open Sans", sans-serif !important;
}

#gdi .plyr__control.plyr__control--overlaid {
  background: transparent;
}

#gdi .title-video {
  font-size: 14px;
  line-height: 25.5px;
  margin-bottom: 35.49px;
  color: #5592a9;
  font-style: italic;
  font-weight: 700;
  text-align: center;
}

#gdi .nav-complete {
  background: #93caeb;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: fixed !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2000 !important;
}

#gdi .navbar {
  padding: 0 !important;
}

#gdi .nav-complete .nav-link.dropdown-toggle {
  text-align: center;
}

#gdi .nav-complete a.nav-link {
  color: #004e72;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13.52px;
  min-height: 58px;
  display: flex;
  align-items: center;
}

#gdi .content-buttonContainer {
  text-align: center;
  margin-bottom: 40px;
}

#gdi .content-button {
  color: #000;
  text-decoration: none;
  width: 280px;
  padding: 15px 10px 15px 50px;
  border-radius: 5px;
  background-color: #5592a9;
  background-image: url(../img/recursos/descarga1.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 5px;
}

#gdi .content-button:hover {
  color: #fff;
  text-decoration: none;
  background-image: url("../img/recursos/descarga2.png");
}

#gdi .content-formField {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 32 32'%3E%3Ctitle%3Echeck1%3C/title%3E%3Cpath fill='%230B8A45' d='M27 4l-15 15-7-7-5 5 12 12 20-20z'%3E%3C/path%3E%3C/svg%3E");
  background-size: revert;
  background-position: 70px center;
  background-repeat: no-repeat;
}

#gdi .content-formField_error {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 32 32'%3E%3Ctitle%3Echeck1%3C/title%3E%3Cpath fill='%23FF0606' d='M31.708 25.708c-0-0-0-0-0-0l-9.708-9.708 9.708-9.708c0-0 0-0 0-0 0.105-0.105 0.18-0.227 0.229-0.357 0.133-0.356 0.057-0.771-0.229-1.057l-4.586-4.586c-0.286-0.286-0.702-0.361-1.057-0.229-0.13 0.048-0.252 0.124-0.357 0.228 0 0-0 0-0 0l-9.708 9.708-9.708-9.708c-0-0-0-0-0-0-0.105-0.104-0.227-0.18-0.357-0.228-0.356-0.133-0.771-0.057-1.057 0.229l-4.586 4.586c-0.286 0.286-0.361 0.702-0.229 1.057 0.049 0.13 0.124 0.252 0.229 0.357 0 0 0 0 0 0l9.708 9.708-9.708 9.708c-0 0-0 0-0 0-0.104 0.105-0.18 0.227-0.229 0.357-0.133 0.355-0.057 0.771 0.229 1.057l4.586 4.586c0.286 0.286 0.702 0.361 1.057 0.229 0.13-0.049 0.252-0.124 0.357-0.229 0-0 0-0 0-0l9.708-9.708 9.708 9.708c0 0 0 0 0 0 0.105 0.105 0.227 0.18 0.357 0.229 0.356 0.133 0.771 0.057 1.057-0.229l4.586-4.586c0.286-0.286 0.362-0.702 0.229-1.057-0.049-0.13-0.124-0.252-0.229-0.357z'%3E%3C/path%3E%3C/svg%3E");
}

#gdi .nav-complete .nav-link.generalidades:hover {
  background-color: #f5d93e;
}

#gdi .nav-complete .nav-link.identificacion:hover {
  background-color: #0B8A45;
  color: white;
}

#gdi .nav-complete .nav-link.preparacion:hover {
  background-color: #76B62A;
}

#gdi .nav-complete .nav-link.evaluacion:hover {
  background-color: #00a7e1;
}

#gdi .nav-complete .nav-link.gestion:hover {
  background-color: #888782;
  color: white;
}

#gdi .nav-complete .nav-link.gerencia:hover {
  background-color: #5592a9;
  color: white;
}

#gdi .nav-complete .dropdown-menu.show.generalidades-nav {
  background: #f5d93e;
}

#gdi .dropdown-menu.identificacion-nav.show {
  background: #0B8A45 !important;
}

#gdi .nav-complete .dropdown-menu.show.preparacion-nav {
  background: #76B62A;
}

#gdi .nav-complete .dropdown-menu.show.evaluacion-nav {
  background: #00a7e1;
}

#gdi .nav-complete .dropdown-menu.show.gestion-nav {
  background: #888782;
}

#gdi .nav-complete .dropdown-menu.show.gerencia-nav {
  background: #5592a9;
}

#gdi .nav-item.active {
  background: #5592a9;
}

#gdi .nav-item.dropdown.active .nav-link.gerencia {
  color: white;
}

#gdi .nav-complete .dropdown-menu {
  border: 0 !important;
  margin: 0;
  border-radius: 0;
  padding: 28.46px 16px 3px 17.07px;
}

#gdi .nav-complete .dropdown-item {
  padding: 0;
}

#gdi .link-download {
  background-color: #c8dae2;
  padding: 26px  79px;
}

#gdi .link-download a {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
}

#gdi .nav-complete .dropdown-menu a {
  min-height: 0;
  padding-bottom: 14.23px;
  font-size: 12.81px;
  color: white;
  font-weight: 400;
}

#gdi .nav-complete .dropdown-menu a:hover {
  background: transparent;
  font-style: italic;
  font-weight: 600 !important;
}

#gdi .generalidades-nav a.dropdown-item {
  min-height: 0;
  padding-bottom: 14.23px;
  font-size: 12.81px;
  color: #004e72;
  font-weight: 400;
}

#gdi .article-container {
  margin-top: 58px;
}

#gdi .initial-banner {
  min-height: 556.36px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 38.84px;
}

#gdi .initial-banner h1 {
  font-size: 44.53px;
  font-weight: 800;
  text-transform: uppercase;
  color: #004e72;
  line-height: 52.19px;
}

#gdi .initial-banner p {
  font-size: 20.18px;
  font-weight: 600;
  color: #215B9C;
  line-height: 27.83px;
}

#gdi .initial-banner::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("../img/06-gerencia.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

#gdi .initial-banner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #5090A8;
  opacity: 1;
}

#gdi .content-text {
  max-width: 789px;
  margin: 0 auto;
}

#gdi .content-text p {
  font-size: 16.7px;
  line-height: 25.5px;
  margin-bottom: 35.49px;
}

#gdi .content-text h2, #gdi .content-text h3 {
  font-weight: 800;
}

#gdi .content-text h2.content-text-titles {
  font-size: 27px;
  margin-top: 53px;
  color: #003b5a;
  margin-bottom: 26.5px;
}

#gdi .card-body h2.content-text-titles:first-child {
  margin-top: 21px;
}

#gdi .content-text h3.content-text-subtitles {
  font-size: 19.48px;
  color: #615f59;
  margin-bottom: 31.31px;
}

#gdi h3.content-text-subtitles {
  font-size: 19.48px;
  color: #615f59;
  margin-bottom: 31.31px;
  font-weight: 800;
}

#gdi .content-text h3.content-text-subtitles.villa-paz {
  font-size: 19.48px;
  font-weight: 500;
  color: #003c5b;
  margin-top: 60px;
  margin-bottom: 31.31px;
}

#gdi .tooltip .arrow::before {
  display: none;
}

#gdi .outstanding-section h3.content-text-subtitles {
  color: #003c5b;
}

#gdi .padding-container {
  padding: 48px 0;
}

#gdi .outstanding-word {
  font-size: 13.92px;
  font-weight: 800;
  text-transform: uppercase;
  color: #615f59;
}

#gdi .btn.btn-link.button-to-content {
  min-height: 79.33px;
  background: #5592a9;
  color: #004e72;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none !important;
}

#gdi .nav-section-bottom {
  min-height: 79.33px;
  background: #5592a9;
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

#gdi .chapters-content .card-header {
  padding: 0;
  background-color: transparent;
  border-bottom: 0;
}

#gdi .chapters-title {
  font-size: 13.22px;
}

#gdi p.outstanding-paragraphs {
  color: #003c5b;
  font-size: 14.61px;
  font-weight: 700;
  border-left: 14.61px solid #5592a9;
  padding-left: 14.61px;
}

#gdi .outstanding-section {
  background: #c8dae2;
}

#gdi .chapters-content .card-body {
  padding: 0rem;
}

#gdi .list-paragraphs {
  padding-left: 29.92px;
}

#gdi .cursive-list {
  font-style: italic;
}

#gdi .btn.btn-link.button-to-content[aria-expanded="true"] {
  background-color: transparent;
}

#gdi .btn.btn-link.button-to-content[aria-expanded="false"] {
  background-color: #5592a9 !important;
}

#gdi .btn.btn-link.button-to-content[aria-expanded="false"]:hover {
  background-color: #003c5b !important;
}

#gdi .btn.btn.btn-link.button-to-content[aria-expanded="false"]:hover .mb-0.chapters-title {
  color: white;
}

#gdi .btn.btn-link.button-to-content.active .arrow-icon-card {
  rotate: 180deg;
  color: #003c5b;
}

#gdi .arrow-icon-card {
  font-size: 30px;
  color: white;
}

#gdi .tooltip.show {
  opacity: 1 !important;
}

#gdi .download-recurso:hover {
  filter: blur(1.5px);
  cursor: pointer;
}

#gdi .interactive-words.img-margin.content-caja-de-herramientas-extend {
  background-color: #f4f4f4;
  width: 100%;
  position: relative;
  padding: 60px 0 60px 0;
}

#gdi .content-text a {
  color: #003c5b;
  font-weight: 700;
  border-bottom: 2px solid #003c5b;
}

#gdi .interactive-section {
  margin-bottom: 60px;
}

#gdi .interactive-section .fines {
  color: #4d4c47;
}

#gdi .interactive-words {
  text-align: center;
  color: #00a8e1;
  font-weight: 800;
  cursor: pointer;
  font-size: 12px;
  margin: 80px 0 !important;
  text-transform: uppercase;
}

#gdi .interactive-words span {
  margin: 0 10px;
}

#gdi .interactive-section span:hover {
  color: #0F769F;
}

.tooltip .tooltip-inner {
  max-width: 300px !important;
  padding: 10px !important;
  color: white;
  text-align: center;
  background-color: #5592a9 !important;
  border-radius: 0.25rem;
  font-size: 12px;
  opacity: 1;
  font-weight: 700;
}

#gdi .content-caja-de-herramientas-extend {
  background-color: #f4f4f4;
  width: 100%;
  position: relative;
  padding: 60px 0 60px 0;
}

#gdi .quiz-wrapper {
  position: relative;
  display: block;
  max-width: 1000px;
  display: flex;
}

#gdi .quiz-wrapper ul.options {
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

#gdi .quiz-wrapper ul.options li {
  border: 1px solid transparent;
  padding: 6px 8px;
  list-style: none;
}

#gdi .quiz-wrapper ul.options li.title {
  background: #004e72;
  color: white;
}

#gdi .quiz-wrapper ul.options li.option {
  display: block;
  position: relative;
  z-index: 50;
  font-size: 14px;
  color: #004e72;
  font-weight: 800;
  margin: 5px 0;
  text-transform: uppercase;
  cursor: pointer;
}

#gdi .color-option {
  background-color: #c8dae2;
}

#gdi .quiz-wrapper .answers {
  display: inline-block;
  min-width: 435px;
  font-size: 16.7px;
  line-height: 20px;
  color: #615f59;
}

#gdi .quiz-wrapper .answers .target {
  display: inline-block;
  width: 100%;
  background: #f8f8f9;
  border: 1px solid #004e72;
  text-align: center;
  min-height: 30px;
  color: #004e72;
  font-weight: 700;
}

#gdi .answers ul {
  list-style: none;
  margin-top: 30px;
}

#gdi .answers li {
  margin: 0;
}

#gdi .answers-li {
  margin: 0 0 20px 0 !important;
}

#gdi .container-fluid.padding-container.content-caja-de-herramientas.drag-drop-18 {
  background-color: #f4f4f4;
  flex-direction: column;
}

#gdi #quiz #submit {
  background: transparent;
  border: 0;
  color: #004e72;
  font-weight: 700;
}

#gdi #quiz ul {
  list-style: none;
  padding-inline-start: 0;
}

#gdi #quiz h3.content-text-subtitles {
  color: #004e72;
}

#gdi .parent-RACI .header-table {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  background-color: #00769e;
  color: white;
  max-width: 87px;
  text-align: center;
  padding: 10px 0;
}

#gdi select#raci {
  width: 100%;
  background-color: transparent;
  border: 0;
  color: #676666;
  font-weight: 800;
  font-size: 10px;
  text-transform: uppercase;
}

#gdi .parent-RACI th {
  font-size: 10px;
  font-weight: 800;
  color: #00769e;
  padding: 20px 0;
  text-align: center;
}

#gdi .parent-RACI table, #gdi th, #gdi td {
  border: 1px solid #7fbace;
}

#gdi nav .btn.btn-link.button-to-content {
  min-height: 0;
  padding-top: 0;
  color: white !important;
  text-transform: none;
  font-weight: 400;
  text-decoration: none !important;
}

#gdi nav .btn.btn-link.button-to-content[aria-expanded="false"]:hover {
  background: transparent !important;
}

@media screen and (max-width: 720px) {
  #gdi h2.content-text-titles {
    width: 100% !important;
  }
  #gdi .nav-item {
    width: 100%;
    text-align: center;
  }
  #gdi .nav-complete {
    justify-content: right !important;
    padding: 5px;
  }
  #gdi .article-container {
    margin-top: 0;
  }
  #gdi .initial-banner {
    min-height: 45vh !important;
  }
  #gdi .initial-banner h1 {
    font-size: 20.53px;
    text-transform: uppercase;
    color: #004e72;
    line-height: 30.19px;
    padding: 40px 20px 20px 40px;
  }
  #gdi .container-fluid .content-text {
    max-width: 789px;
    margin: 0 auto;
    padding: 0 40px;
  }
  #gdi .content-caja-de-herramientas .content-text {
    max-width: 789px;
    margin: 0 auto;
    padding: 32px 40px !important;
  }
  #gdi .padding-container:nth-of-type(1) {
    padding: 0px;
  }
  #gdi .content-text h2.content-text-titles:first-of-type {
    margin-top: 0 !important;
  }
  #gdi .circle-nav {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
  }
  #gdi .link-download {
    background-color: #fff8dc;
    padding: 23px;
  }
}

#gdi .question-final {
  font-weight: 800;
  font-size: 19.48px;
  color: #004e72;
  margin-bottom: 15px;
  margin-top: 31px;
}
