
html {
  scroll-behavior: smooth;
}

body {
  background: url(../../assets/img/comun/fondo.jpg);
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
}


button:focus,
input:focus,
textarea:focus {
  outline: none;
}

.header_principal {
  position: relative;
  height: 50px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_principal .contenedor_header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_principal .contenedor_header .logos img {
  height: 30px;
}

.header_principal .contenedor_header .contenedor_usuario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_principal .contenedor_header .contenedor_usuario .icon_usuario {
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header_principal .contenedor_header .contenedor_usuario .icon_usuario .campana {
  height: 30px;
}
.plom{
  color: #575756;
}
.dropdown-item .dropdown-menu{
  color: #575756!important;
}
.session-user-icon {
    padding: .75rem;
}
.session-user-icon .dropdown-menu:after {
  right: 15px!important;
    border-right: 1px solid rgba(0,0,0,.30)!important;
    border-bottom: 1px solid rgba(0,0,0,.30)!important;
}
.header_principal .contenedor_header .contenedor_usuario .icon_usuario .envelope {
  height: 20px;
}

.header_principal .contenedor_header .contenedor_usuario .icon_usuario .coment {
  height: 25px;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  cursor: pointer;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu img {
  background: #fff;
  margin-left: 10px;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all .5s;
  transition: all .5s;
  border: 1px #CDCDCD solid;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu nav {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  background: #28AECE;
  position: absolute;
  top: 200px;
  padding: 0;
  width: 150px;
  z-index: -100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 12px;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu nav .triangulo_invertido {
  position: absolute;
  top: -7px;
  right: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #28AECE transparent;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu nav ul .linea_separacion {
  height: 1px;
  background: #fff;
  width: 100%;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu nav ul li {
  padding: 5px;
  list-style: none;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu nav ul li a {
  padding-left: 10px;
  color: #fff;
  text-decoration: none;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu:hover img {
  border: 1px #28AECE solid;
}

.header_principal .contenedor_header .contenedor_usuario .usuario_menu:hover nav {
  opacity: 1;
  z-index: 100;
  top: 62px;
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #004A92;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #004A92;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #004A92;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #004A92;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #004A92;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #004A92;
}

.menu_navegacion {
  position: relative;
  z-index: 10;
  height: 100px;
  background: #004A92;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu_navegacion .container {
  padding-right: 0;
}

.menu_navegacion .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu_navegacion .navbar-brand label {
  background: #fff;
  font-size: 17px;
  height: 35px;
  margin: 0;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px 0 0 5px;
  color: #004A92;
}

.menu_navegacion .navbar-brand input {
  border: none;
  border-radius: 0 5px 5px 0;
  font-family: "Open Sans", sans-serif;
  padding: 5px 0;
  font-size: 14px;
}

.menu_navegacion button .icon .linea_1, .menu_navegacion button .icon .linea_2, .menu_navegacion button .icon .linea_3 {
  width: 30px;
  height: 3px;
  border-radius: 5px;
  background: #fff;
}

.menu_navegacion button .icon .linea_2 {
  margin: 5px 0;
}

.menu_navegacion .navbar-nav li {
  position: relative;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  margin: 0 10px;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
  opacity: .5;
}

.menu_navegacion .navbar-nav li:hover .submenu_navegador {
  opacity: 1;
  top: 100px;
  display: block;
}

.menu_navegacion .navbar-nav li .submenu_navegador {
  position: absolute;
  background: #004A92;
  opacity: 0;
  top: 600px;
  right: 0;
  width: 200px;
  z-index: 100;
  padding: 0;
  margin: 0;
  opacity: 0;
  display: none;
  -webkit-transition: all 3s;
  transition: all 3s;
}

.menu_navegacion .navbar-nav li .submenu_navegador li {
  height: 50px;
  border-top: 1px solid #fff;
  margin: 0;
}

.menu_navegacion .navbar-nav li .submenu_navegador li a {
  color: #fff;
  font-weight: 400;
  width: 100%;
  text-align: right;
}

.menu_navegacion .navbar-nav li .submenu_navegador li:hover {
  border: none;
  border-top: 1px solid #fff;
}

.menu_navegacion .navbar-nav li a {
  -webkit-transition: all .5s;
  transition: all .5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}

.menu_navegacion .navbar-nav li a img {
  height: 28px;
  margin-bottom: 7px;
}

.menu_navegacion .navbar-nav li a span {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

.menu_navegacion .navbar-nav li:hover {
  border-bottom: 5px solid #fff;
  opacity: 1;
}

.menu_navegacion .navbar-nav li:hover a {
  font-weight: bold;
}

.menu_navegacion .navbar-nav .active {
  opacity: 1;
  border-bottom: 5px solid #fff;
}

.menu_navegacion .navbar-nav .active a {
  font-weight: bold;
}

.menu_navegacion .navbar-nav .ultimo_menu {
  margin-right: 0;
  padding-right: 0;
}

.header_principal .contenedor_header {
  /*padding: 20px;*/
}

@media (max-width: 1200px) {
  .header_principal .contenedor_header {
    padding: 0;
  }
}

@media (max-width: 480px) {
  .header_principal .contenedor_header .logos img {
    max-width: 120px;
    height: auto;
  }
}

@media (max-width: 1199.98px) {
  .menu_navegacion {
    height: auto;
  }
  .menu_navegacion .container {
    padding: 10px 20px;
  }
  .menu_navegacion button {
    padding: 0;
  }
  .menu_navegacion .navbar-nav li {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    height: 50px;
  }
  .menu_navegacion .navbar-nav li .submenu_navegador {
    background: #04396C;
    width: 100%;
    left: 0;
  }
  .menu_navegacion .navbar-nav li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu_navegacion .navbar-nav li a img {
    height: 20px;
    margin: 0;
    margin-right: 10px;
  }
  .menu_navegacion .navbar-nav li:hover {
    border-bottom: 2px solid #fff;
  }
  .menu_navegacion .navbar-nav li:hover .submenu_navegador {
    top: 50px;
  }
  .menu_navegacion .navbar-nav .active {
    border-bottom: 2px solid #fff;
  }
}

.contenedor_contenido {
  margin-top: 30px;
  margin-bottom: 70px;
  position: relative;
}

.foto_menu_diviciones {
  margin-right: 20px;
  padding: 0;
  position: relative;
}

.foto_menu_diviciones .foto_nombre {
  padding: 15px 0;
  background: #fff;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.foto_menu_diviciones .foto_nombre .foto_perfil {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #F59D24;
}

.foto_menu_diviciones .foto_nombre h5 {
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
  position: relative;
}

.foto_menu_diviciones .foto_nombre a {
  height: 30px;
  padding: 0 10px;
  background: #F59D24;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  -webkit-transition: all .5s;
  transition: all .5s;
  text-decoration: none;
  font-size: 15px;
}

.foto_menu_diviciones .foto_nombre a img {
  width: 15px;
  margin-right: 5px;
}

.foto_menu_diviciones .foto_nombre a:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.foto_menu_diviciones .foto_nombre a:active {
  opacity: .8;
}

.foto_menu_diviciones .foto_nombre a:focus {
  opacity: .8;
}

.foto_menu_diviciones .botones {
  margin-top: 20px;
  width: 100%;
}

.foto_menu_diviciones .botones ul {
  padding: 0;
}

.foto_menu_diviciones .botones ul li {
  width: 100%;
  background: #0a8cb3;
  height: 45px;
  padding: 0 10px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 5px 5px 0;
  border-left: 5px solid #09A8D7;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
  cursor: pointer;
}

.foto_menu_diviciones .botones ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 14px;
  font-family: "Quicksand", sans-serif;
  text-decoration: none;
}

.foto_menu_diviciones .botones ul li a img {
  width: 15px;
  margin-right: 5px;
}

.foto_menu_diviciones .botones ul li:hover {
  background: #09A8D7;
  width: 110%;
}

.publicacion_comentarios {
  width: 54.8%;
  margin-right: 20px;
}

.publicacion_comentarios .titulo {
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  background: #28AECE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.publicacion_comentarios .titulo .texto_titulo_centro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.publicacion_comentarios .titulo .texto_titulo_centro img {
  width: 20px;
  margin-right: 5px;
}

.publicacion_comentarios .titulo .texto_titulo_centro span {
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}

.publicacion_comentarios .titulo .switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.publicacion_comentarios .titulo .switch .texto_form {
  color: #004A92;
  font-weight: 700;
}

.publicacion_comentarios .titulo .switch form select {
  border-radius: 5px;
  width: 100px;
  margin-left: 10px;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: none;
  margin-top: 2px;
}

.publicacion_comentarios .titulo .switch p {
  color: #fff;
  font-size: 14px;
  margin: 0;
}

.publicacion_comentarios .titulo .switch .switchBtn {
  margin: 0 5px;
  position: relative;
  display: inline-block;
  width: 43px;
  height: 20px;
  top: 2px;
}

.publicacion_comentarios .titulo .switch .switchBtn input {
  display: none;
}

.publicacion_comentarios .titulo .switch .slide {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #004A92;
  -webkit-transition: .4s;
  transition: .4s;
  padding: 8px;
  color: #fff;
}

.publicacion_comentarios .titulo .switch .slide:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 20px;
  bottom: -1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.publicacion_comentarios .titulo .switch input:checked + .slide {
  background-color: #3373BE;
}

.publicacion_comentarios .titulo .switch input:focus + .slide {
  -webkit-box-shadow: 0 0 1px #01aeed;
          box-shadow: 0 0 1px #01aeed;
}

.publicacion_comentarios .titulo .switch input:checked + .slide:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
  left: -28px;
}

.publicacion_comentarios .titulo .switch .slide.round {
  border-radius: 34px;
}

.publicacion_comentarios .titulo .switch .slide.round:before {
  border-radius: 50%;
}

.publicacion_comentarios .contenedor_form_texto {
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 10px 10px;
}

.publicacion_comentarios .contenedor_form_texto form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.publicacion_comentarios .contenedor_form_texto form .asunto {
  color: #28AECE;
  font-family: "Quicksand", sans-serif;
  background: none;
  border-bottom: 1px solid #D1D1D1;
}

.publicacion_comentarios .contenedor_form_texto form input {
  border: none;
  background: #F2F2F2;
  padding: 10px;
  margin: 10px 0;
}

.publicacion_comentarios .contenedor_form_texto form textarea {
  border: none;
  width: 100%;
  height: 100px;
  background: #F2F2F2;
  padding: 10px;
}

.publicacion_comentarios .contenedor_form_texto form .botones_formulario {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.publicacion_comentarios .contenedor_form_texto form .botones_formulario .subir_archivos {
  width: 100%;
}

.publicacion_comentarios .contenedor_form_texto form .botones_formulario .subir_archivos .file_upload {
  top: -17px;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}

.publicacion_comentarios .contenedor_form_texto form .botones_formulario .subir_archivos .file_upload:hover {
  background: #0A8CB3;
}

.publicacion_comentarios .contenedor_form_texto form .botones_formulario .enviar button {
  border: none;
  cursor: pointer;
  background: #28AECE;
  color: #fff;
  padding: 7px 10px;
  border-radius: 5px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.publicacion_comentarios .contenedor_form_texto form .botones_formulario .enviar button:hover {
  background: #0A8CB3;
}

.publicacion_comentarios .card-body {
  border: none;
}

.publicacion_comentarios .quitar_sombra {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.publicacion_comentarios .comentario_principal {
  margin-top: 20px;
  border-radius: 5px;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  border-bottom: solid 1px #D1D1D1;
}

.publicacion_comentarios .comentario_principal .foto_nombre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.publicacion_comentarios .comentario_principal .foto_nombre img {
  width: 50px;
  height: 50px;
  border: solid 2px #004A92;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10px;
}

.publicacion_comentarios .comentario_principal .foto_nombre .texto h5 {
  margin: 0;
}

.publicacion_comentarios .comentario_principal .foto_nombre .texto p {
  margin: 0;
}

.publicacion_comentarios .comentario_principal .foto_nombre .texto span {
  font-size: 13px;
  font-family: "Quicksand", sans-serif;
}

.publicacion_comentarios .comentario_principal p {
  margin-top: 15px;
  color: #004A92;
  font-size: 13px;
}

.publicacion_comentarios .comentario_principal .fecha_like_coments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.publicacion_comentarios .comentario_principal .fecha_like_coments span {
  font-family: "Quicksand", sans-serif;
  text-transform: uppercase;
  font-size: 13px;
}

.publicacion_comentarios .comentario_principal .fecha_like_coments .fecha div {
  font-family: "Quicksand", sans-serif;
  font-size: 13px;
}

.publicacion_comentarios .comentario_principal .fecha_like_coments .numero_comentarios_likes a {
  color: #004A92;
  margin-left: 5px;
  font-size: 14px;
  text-decoration: none;
}

.publicacion_comentarios .secundario .foto_nombre {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.publicacion_comentarios .secundario .img_publicada {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0;
}

.publicacion_comentarios .secundario .img_publicada img {
  width: 100%;
  max-width: 500px;
  -o-object-fit: contain;
     object-fit: contain;
}

.publicacion_comentarios .secundario .enlace_publicado {
  margin: 15px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.publicacion_comentarios .secundario .enlace_publicado a {
  margin-right: 20px;
  color: #E71D73;
}

.comentario_respuesta {
  padding-left: 50px;
  margin: 10px 0;
}

.file_upload {
  background: #28AECE;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  height: 40px;
  line-height: 41px;
  margin-bottom: 10px;
  margin-top: 15px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 40px;
}

.file_upload i {
  font-size: 16px;
  position: relative;
  top: -2px;
}

.file_upload input {
  background: transparent;
  cursor: pointer;
  display: inline;
  height: 40px;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 40px;
  z-index: 1;
}

.noticias {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #fff;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 0;
}

.noticias .titulo {
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
  background: #E71D73;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.noticias .titulo .texto_titulo_centro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.noticias .titulo .texto_titulo_centro img {
  width: 20px;
  margin: 0;
  margin-right: 5px;
  border: none;
}

.noticias .titulo .texto_titulo_centro span {
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}

.noticias img {
  margin-top: 10px;
  border-top: 2px #004A92 solid;
  width: 100%;
}

.noticias .lineas_colores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.noticias .lineas_colores .azul {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #004A92;
}

.noticias .lineas_colores .celeste {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #28AECE;
}

.noticias .lineas_colores .verde {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #318F3D;
}

.noticias .lineas_colores .amarillo {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #F59D24;
}

.noticias .lineas_colores .rosa {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #E71D73;
}

.noticias .lineas_colores .rojo {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #E90E0E;
}

.noticias .lineas_colores .plomo {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #4F4F4F;
}

.noticias .comentario_columna {
  border-top: 1px solid #D1D1D1;
  padding: 20px;
}

.noticias .comentario_columna p {
  font-size: 15px;
  color: #004A92;
  text-align: right;
  background: #DEDEDE;
  padding: 10px;
}

.noticias .comentario_columna p .triangulo {
  position: relative;
  top: 44px;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 17px solid #DEDEDE;
}

.noticias .comentario_columna .frase_titulo {
  background: none;
  padding: 0;
}

.noticias .boton_historial {
  border-top: 1px solid #D1D1D1;
  padding: 20px;
}

.noticias .boton_historial a {
  text-decoration: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  background: #F59D24;
  border-radius: 5px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.noticias .boton_historial a img {
  width: 20px;
  margin: 0;
  margin-right: 5px;
  border: none;
}

.noticias .boton_historial a:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.noticias .boton_historial a:active {
  opacity: .5;
}

.noticias .boton_historial a:focus {
  opacity: .5;
}

.contenedor_scroll_up {
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.contenedor_scroll_up a {
  position: fixed;
  z-index: 100;
  right: 20px;
  bottom: 20px;
  background: #28AECE;
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

footer {
  position: fixed;
  width: 100%;
  z-index: 100;
  bottom: 0;
  margin-top: 30px;
  background: #004A92;
  padding: 10px;
}

footer .contenedor_footer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .contenedor_footer .datos a {
  color: #fff;
  margin-right: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

footer .contenedor_footer .datos a i {
  margin-right: 5px;
}

footer .contenedor_footer .redes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .contenedor_footer .redes a img {
  width: 25px;
  margin-left: 10px;
}

@media (max-width: 1199.98px) {
  .foto_menu_diviciones {
    margin: 20px;
  }
  .publicacion_comentarios {
    width: 100%;
    margin: 20px;
  }
  .publicacion_comentarios .titulo {
    padding: 10px 5px;
  }
  .publicacion_comentarios .titulo .texto_titulo_centro span {
    font-size: 13px;
  }
  .noticias {
    margin: 20px;
  }
  .noticias img {
    max-width: 400px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  footer .contenedor_footer .datos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer .contenedor_footer .datos a {
    margin: 5px;
  }
  footer .contenedor_footer .datos a span {
    display: none;
  }
  footer .contenedor_footer .datos a i {
    font-size: 25px;
  }
  footer .contenedor_footer .redes {
    margin: 10px 0;
  }
  footer .contenedor_footer .redes a {
    margin: 5px;
  }
}


.collapse_comentarios {
  width: 100%;
  height: 30px;
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.collapse_comentarios a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  color: #28AECE;
  font-family: "Quicksand", sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.botones_ver_descargar {
  margin-top: 10px;
}

.botones_ver_descargar a {
  background: #F59D24;
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 5px;
  margin-right: 5px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.botones_ver_descargar a:hover {
  background: #a55b0a;
}

.contenedor_formulario {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.contenedor_formulario .formulario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 500px;
  background: #fff;
  padding: 50px;
}
.contenedor_formulario .formulario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 400px;
  background: #fff;
  padding: 50px;
}


.contenedor_formulario .formulario .header_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.contenedor_formulario .formulario .header_form img {
  height: 30px;
}

.contenedor_formulario .formulario h4 {
  margin: 90px 0 50px 0;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}

.contenedor_formulario .formulario form {
  width: 300px;
}

.contenedor_formulario .formulario form .form_grupo {
  border-bottom: 1px solid  #BBBBBB;
  margin-top: 10px;
}

.contenedor_formulario .formulario form .form_grupo label, .contenedor_formulario .formulario form .form_grupo input {
  border: none;
}

.contenedor_formulario .formulario form .form_grupo label {
  padding: 5px 10px;
  color: #004A92;
}

.contenedor_formulario .formulario form .form_grupo input {
  padding: 5px 10px;
}

.contenedor_formulario .formulario form .enviar_grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.contenedor_formulario .formulario form .enviar_grupo button {
  background: #28AECE;
  color: #fff;
  width: 120px;
  border: none;
  padding: 3px 0;
  border-radius: 5px;
  margin-top: 20px;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
  margin-bottom: 10px;
}

.contenedor_formulario .formulario form .enviar_grupo button:hover {
  background: #0A8CB3;
}

.contenedor_formulario .formulario form .enviar_grupo a {
  font-size: 13px;
  color: #004A92;
  font-weight: bold;
}

.contenedor_formulario .formulario .lineas_colores {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contenedor_formulario .formulario .lineas_colores .azul {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #004A92;
}

.contenedor_formulario .formulario .lineas_colores .celeste {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #28AECE;
}

.contenedor_formulario .formulario .lineas_colores .verde {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #318F3D;
}

.contenedor_formulario .formulario .lineas_colores .amarillo {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #F59D24;
}

.contenedor_formulario .formulario .lineas_colores .rosa {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #E71D73;
}

.contenedor_formulario .formulario .lineas_colores .rojo {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #E90E0E;
}

.contenedor_formulario .formulario .lineas_colores .plomo {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #4F4F4F;
}

.contenedor_formulario .formulario .nuevos_usuarios {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.contenedor_formulario .formulario .nuevos_usuarios h4 {
  margin-top: 40px;
  margin-bottom: 5px;
}

.contenedor_formulario .formulario .nuevos_usuarios a {
  background: #28AECE;
  color: #fff;
  width: 130px;
  border: none;
  padding: 3px 10px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.contenedor_formulario .formulario .nuevos_usuarios a:hover {
  background: #0A8CB3;
}

.lineas_colores {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lineas_colores .azul {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #004A92;
}

.lineas_colores .celeste {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #28AECE;
}

.lineas_colores .verde {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #318F3D;
}

.lineas_colores .amarillo {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #F59D24;
}

.lineas_colores .rosa {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #E71D73;
}

.lineas_colores .rojo {
  height: 3px;
  width: 14%;
  margin: 1px;
  background: #E90E0E;
}

.lineas_colores .plomo {
  height: 3px;
  width: 15%;
  margin: 1px;
  background: #4F4F4F;
}

.scrollTop {
  opacity: 0;
}

.publicacion_comentarios .comentario_principal {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.publicacion_comentarios .comentario_principal {
  padding-bottom: 0;
}

.fondo_registro {
  background: rgba(255, 255, 255, 0.5);
}

.fondo_registro .titulo_form {
  margin-top: 10px;
}

.fondo_registro .titulo_form h2 {
  font-size: 20px;
}

.fondo_registro .titulo_form .lineas_colores {
  margin: 0;
  padding: 0 20px;
  margin-top: 20px;
}

.fondo_registro form {
  background: #fff;
  margin: 20px;
  padding: 0 0 20px 0;
}

.fondo_registro form .form_titulo {
  border-radius: 5px 5px 0 0;
  background: #0A8CB3;
  padding: 7px 20px;
}

.fondo_registro form .form_titulo h4 {
  color: #fff;
  margin: 0;
  font-size: 18px;
}

.fondo_registro form .contenedor_select select {
  border: #F59D24 solid 1px;
  color: #F59D24;
  border-radius: 5px;
  font-size: 15px;
  padding: 5px 10px;
  margin-top: 20px;
}

.fondo_registro form .contenedor_input input {
  border: none;
  background: #ECECEC;
  font-size: 13px;
  padding: 5px 10px;
  margin-top: 10px;
  width: 100%;
}

.fondo_registro form .linea_separacion_form {
  width: 100%;
  height: 1px;
  background: #ECECEC;
  margin: 0 20px;
  margin-top: 10px;
}

.contenedor_texto_form_advertencia {
  margin: 50px 20px 0 20px;
  background: #E71D73;
  border-radius: 5px;
}

.contenedor_texto_form_advertencia p {
  color: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
}

.contenedor_boton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.boton_registro {
  margin: 50px auto 100px auto;
  background: #28AECE;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.boton_registro:hover {
  background: #0A8CB3;
}

.seccion_acordeon_2 {
  margin: 0;
  width: 100%;
}

.seccion_acordeon_2 .accordion .card-header button a {
  color: #fff;
  font-weight: 300;
  font-size: 13px;
  background: #004A92;
  padding: 3px 10px;
  border-radius: 5px;
}

.contenedor_collapse {
  margin: 30px;
}

@media (max-width: 768px) {
  .contenedor_collapse {
    margin: 20px;
  }
}

.contenedor_collapse .nombre_amarillo {
  width: 100%;
}

.contenedor_collapse .nombre_amarillo p {
  border: 1px #a55b0a solid;
  margin: 0;
  color: #a55b0a;
  font-size: 15px;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
}

.contenedor_collapse .contenedor_nombres {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D5D5D5;
}

.contenedor_collapse .contenedor_nombres p {
  margin: 0;
  font-size: 14px;
  padding-left: 10px;
  position: relative;
  top: 4px;
}

.contenedor_collapse .contenedor_nombres .contenedor_botones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contenedor_collapse .contenedor_nombres .contenedor_botones .zoom {
  text-decoration: none;
  color: #0A8CB3;
}

.contenedor_collapse .contenedor_nombres .contenedor_botones .subir {
  text-decoration: none;
  margin-right: 10px;
  background: #a55b0a;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  width: 70px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contenedor_collapse .contenedor_nombres .contenedor_botones .ver {
  text-decoration: none;
  margin-right: 10px;
  background: #0A8CB3;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  width: 70px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contenedor_collapse .contenedor_nombres .contenedor_botones .eliminar {
  text-decoration: none;
  background: #E71D73;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  width: 70px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.navegacion_2 {
  background: #004A92;
  padding: 10px 0;
}

.navegacion_2 .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.navegacion_2 .row .enlaces {
  color: #fff;
}

.navegacion_2 .row .enlaces a {
  margin-right: 5px;
  font-family: "Quicksand", sans-serif;
  color: #fff;
}

.navegacion_2 .row .inicio_ayuda a {
  color: #fff;
  margin-left: 10px;
  padding: 5px 0;
  text-decoration: none;
}

.navegacion_2 .row .inicio_ayuda .active {
  border-bottom: 2px #fff solid;
}

.etapas {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.etapas .etapa {
  position: relative;
  margin-right: 41px;
  width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

}
.etapas .etapa:hover{
    text-decoration:none;
}
    .etapas .etapa:last-of-type {
        margin-right: 0px;
    }
.etapas .etapa .numero::after{
      content:'';
      height: 4px;
      width: 120px;
      background: #fff;
      opacity: 1;
      position: absolute;
      top: 30px;
      left: 80px;
      z-index: -1;
}
    .etapas .etapa:last-of-type .numero::after {
        width: 0px;
    }
.etapas .etapa .titulo {
  font-family: "Quicksand", sans-serif;
  color: #c3c1da;
  font-weight: bold;
  font-size: 20px;
  margin: 5px 0;
  line-height: 1;
  text-align:center;
}

@media (max-width: 768px) {
  .etapas .etapa .titulo {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .etapas .etapa .titulo {
    font-size: 14px;
    width: 70px;
  }
}

.etapas .etapa .t_activo {
  opacity: 1;
  color: #E71D73;
}

.etapas .etapa .numero {
    opacity: 1;
    font-family: "Quicksand", sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    width: 64px;
    height: 64px;
    background: #c3c1da;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    border: 4px solid #fff;
}

@media (max-width: 768px) {
  .etapas .etapa .numero {
    width: 35px;
    height: 35px;
  }
}

.etapas .etapa .realizado {
  opacity: 1;
}

.etapas .etapa .activo {
  opacity: 1;
  background: #E71D73;
  color: white;
  border: 2px solid #E71D73;
}

.etapas .etapa .acabado {
  border: 2px solid #F59D24;
  background: #F59D24;
}

.etapas .etapa .acabado + .linea_divisora {
  background: #F59D24;
}

.etapas .etapa .acabado_color {
  color: #F59D24;
}

.etapas .etapa .acabado-verde {
  border: 2px solid #318F3D;
  background: #318F3D;
}

.etapas .etapa .acabado-verde + .linea_divisora {
  background: #318F3D;
}

.etapas .etapa .acabado_color_verde {
  color: #318F3D;
}

.etapas .etapa .acabado-rosa {
  border: 2px solid #E71D73;
  background: #E71D73;
}

.etapas .etapa .acabado-rosa + .linea_divisora {
  background: #E71D73;
}

.etapas .etapa .acabado_color_rosa {
  color: #E71D73;
}

.etapas .etapa .acabado_color_blue {
  color: #004A92;
}

.etapas .etapa .acabado-blue {
  border: 2px solid #004A92;
  background: #004A92;
}

.etapas .etapa .acabado-blue + .linea_divisora {
  background: #004A92;
}

@media (max-width: 767.98px) {
  .navegacion_2 {
    padding: 20px;
  }
  .contenedor_botones {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contenedor_botones a {
    margin: 5px;
  }
  .etapas .etapa {
    width: 78px;
  }
    .etapas .etapa .numero::after {
        width: 100px;
        top: 18px;
        left: 43px;
    }
  .etapas .etapa:last-child {
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  .etapas .etapa {
    width: 50px;
  }
    .etapas .etapa .numero::after {
        width: 65px;
        top: 18px;
        left: 35px;
    }
}

.contenedor_next_prev .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contenedor_next_prev .row .regresar {
  left: 20px;
  position: relative;
  color: #fff;
  text-decoration: none;
  background: #004A92;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90px;
  height: 30px;
  border-radius: 2px 5px 5px 2px;
}

.contenedor_next_prev .row .regresar a {
  text-decoration: none;
  color: #fff;
}

.contenedor_next_prev .row .regresar .triangulo {
  width: 0;
  height: 0;
  left: -10px;
  border-style: solid;
  border-width: 15px 10px 15px 0;
  border-color: transparent #004A92 transparent transparent;
  position: absolute;
}

.contenedor_next_prev .row .siguiente {
  right: 20px;
  position: relative;
  color: #fff;
  text-decoration: none;
  background: #0A8CB3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90px;
  height: 30px;
  border-radius: 5px 2px 2px 5px;
}

.contenedor_next_prev .row .siguiente a {
  text-decoration: none;
  color: #fff;
}

.contenedor_next_prev .row .siguiente .triangulo {
  width: 0;
  height: 0;
  right: -10px;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent #0A8CB3;
  position: absolute;
}

.contenedor_next_prev .justificar_final {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 100px;
}

.contenedor_collapse .contenedor_proceso_nombre_inicio p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contenedor_collapse .contenedor_proceso_nombre_inicio p span {
  margin-right: 100px;
}

.contenedor_collapse .contenedor_nombres .textos_nombres {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contenedor_collapse .contenedor_nombres .textos_nombres p {
  margin-right: 50px;
}

.contenedor_collapse .contenedor_nombres .textos_nombres .dni {
  margin-left: 45px;
}

.boton_confirmar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 100px;
}

.boton_confirmar a {
  background: #28AECE;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.boton_confirmar a:hover {
  background: #0A8CB3;
}

.texto_confirmacion {
  margin-top: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.texto_confirmacion p {
  color: #004A92;
}

.texto_confirmacion p strong {
  color: #0A8CB3;
}

.texto_confirmacion p span {
  font-weight: bold;
}

.texto_confirmacion_2 {
  margin-top: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.texto_confirmacion_2 p {
  color: #004A92;
}

.texto_confirmacion_2 p strong {
  color: #0A8CB3;
}

.texto_confirmacion_2 p span {
  font-weight: bold;
  color: #E71D73;
}

.fondo_azul_modal {
  background: #004A92 !important;
}

.contenedor_botones .check {
  color: #318F3D;
}

.boton_confirmar_2 a {
  background: #E71D73;
}

/*nuevos estilos*/
.header_login_top {
  padding: 30px 0 20px 70px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.header_login_top img {
  max-width: 200px;
}

.header_login_top img:nth-child(2) {
  margin-left: 20px;
}

.background-login {
  background-image: url(../img/fondo_login.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.contenedor_formulario .formulario {
  max-width: 400px;
  width: 100%;
  padding: 50px 30px;
}

.contenedor_formulario .formulario form .form_grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0;
}

.contenedor_formulario .formulario form .form_grupo label {
  width: 100%;
  max-width: 15%;
}

.contenedor_formulario .formulario form .form_grupo input {
  width: 100%;
  max-width: 85%;
  padding: 5px 10px 5px 0;
  border-bottom: 1px solid  #BBBBBB;
}

.contenedor_formulario .formulario > img {
  max-width: 180px;
}

.contenedor_formulario .formulario h4 {
  margin: 0;
}

.footer_login {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footer_login .lineas_colores > div {
  height: 8px;
}

.navegacion_2 {
  padding: 0;
}

/*PASO 1*/
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.header-fixed + .container {
  padding-top: 130px;
}

.session-user-icon span {
  margin-right: 10px;
}

.session-user-icon .dropdown {
  padding: 10px 0;
}

.session-user-icon .dropdown:hover .dropdown-menu {
  -webkit-transform: translate3d(-121px, 60px, 0px) !important;
          transform: translate3d(-121px, 60px, 0px) !important;
}
.session-user-icon .link {
    font-weight: 600;
    color: #b9b8b8;
    text-decoration:none;
    margin-right:10px;
}
    .session-user-icon .link:hover {
        
  
        color:var(--main-default-color);
    }

.session-user-icon .dropdown-toggle {
  border: 0;
  cursor: pointer;
  background: transparent;
  color: #c3c1da;
  outline: none;
  font-size: 40px;
  line-height: 1;
  padding: 0;
}

@media (max-width: 991px) {
  .session-user-icon .dropdown-toggle {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.session-user-icon .dropdown-toggle:after {
  content: none;
}

@media (max-width: 480px) {
  .session-user-icon .dropdown-toggle {
    font-size: 30px;
  }
}

.session-user-icon .conten-user-notification,
.session-user-icon .dropdown-menu:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  right: 10px;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  border-right: 1px solid #CAD5E0;
  border-bottom: 1px solid #CAD5E0;
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}

@media (min-width: 991px) {
  .session-user-icon .dropdown:hover .dropdown-menu {
    display: block;
  }
}

.session-user-icon .dropdown-menu {
  top: 0 !important;
  border-radius: 0;
  padding: 0;
}

.session-user-icon .dropdown-menu.show {
  -webkit-transform: translate3d(-121px, 60px, 0px) !important;
          transform: translate3d(-121px, 60px, 0px) !important;
}

.session-user-icon .dropdown-item:hover {
  background: #fff;
}

.navegacion_2 {
  background: white;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.navegacion_2 .col-md-6:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  overflow: hidden;
}

@media (max-width: 480px) {
  .navegacion_2 .col-md-6:nth-child(1) {
    height: 26px;
  }
}

.navegacion_2 .col-md-6:nth-child(1) img {
  max-width: 120px;
  border-right: 1.5px solid #b9b8b8;
  padding-right: 10px;
}

@media (max-width: 480px) {
  .navegacion_2 .col-md-6:nth-child(1) img {
    padding-right: 5px;
    max-width: 90px;
  }
}

.navegacion_2 .col-md-6:nth-child(1) .title span {
  color: #6d6d6d;
  padding-left: 10px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
}

@media (max-width: 480px) {
  .navegacion_2 .col-md-6:nth-child(1) .title span {
    font-size: 13px;
    padding-left: 5px;
  }
}

@media (max-width: 768px) {
  .navegacion_2 .col-md-6:nth-child(1) {
    width: 90%;
  }
}

.navegacion_2 .col-md-6:nth-child(2) .session-user-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.navegacion_2 .col-md-6:nth-child(2) .session-user-icon span {
  font-family: 'Open sans', sans-serif;
  font-weight: 400;
  color: #b9b8b8;
}

/*@media (max-width: 768px) {
  .navegacion_2 .col-md-6:nth-child(2) .session-user-icon span {
    display: none;
  }
}*/

.navegacion_2 .col-md-6:nth-child(2) .session-user-icon .user {
  margin-left: 10px;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  text-align: center;
  background: #c3c1da;
  color: white;
  font-size: 18px;
}

@media (max-width: 768px) {
  .navegacion_2 .col-md-6:nth-child(2) {
    width: 10%;
  }
  .navegacion_2 .col-md-6:nth-child(2) .dropdown-menu a {
    display: block !important;
  }
  .navegacion_2 .col-md-6:nth-child(2) .dropdown-menu.show {
    -webkit-transform: translate3d(-202px, 60px, 0px) !important;
            transform: translate3d(-202px, 60px, 0px) !important;
  }
}

@media (max-width: 480px) {
  .navegacion_2 .col-md-6:nth-child(2) .dropdown-menu.show {
    -webkit-transform: translate3d(-211px, 51px, 0px) !important;
            transform: translate3d(-211px, 51px, 0px) !important;
  }
}

.text-welcome {
  text-align: center;
  margin: 5px 0;
}

.text-welcome h1 {
  text-transform: uppercase;
  margin: 0;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-size: 30px;
}

.text-welcome h1 span:nth-child(1) {
  color: #004A92;
}

.text-welcome h1 span:nth-child(2) {
  color: #0A8CB3;
}

.text-welcome h1 span:nth-child(3) {
  color: #318F3D;
}

.text-welcome h1 span:nth-child(4) {
  color: #F59D24;
}

.text-welcome h1 span:nth-child(5) {
  color: #E71D73;
}

.text-welcome p {
  font-family: 'Open sans', sans-serif;
  color: #28AECE;
  font-size: 18px;
}

.text-welcome p:nth-child(1) {
  margin: 0;
}

/*.card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}*/
@media (max-width: 768px) {
  .card-body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.card-body .img-user-content {
    width: 100%;
    max-width: 200px;
    padding: 30px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    border: 1px solid #d8d8d8;
}

.card-body .img-user-content .session-user-icon {
  text-align: center;
  width: 100%;
}

.card-body .img-user-content .session-user-icon .user {
  margin: auto;
  display: block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  text-align: center;
  background: #d8d8d8;
  color: white;
  font-size: 44px;
}

.card-body .img-user-content .session-user-icon span {
  font-family: 'Open sans', sans-serif;
  color: #ccc;
  text-align: center;
}

 .card-body .img-user-content .session-user-icon .btn-style-edit {
  margin: 20px auto 0 auto;
}



.card-body .info-user {
  width: 77%;
}

.card-body .info-user ul {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  max-width: 660px;
  width: 100%;
  border-bottom: 1px solid #575756;
}

.card-body .info-user ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #575756;
}

.card-body .info-user ul li .title {
  font-weight: bold;
  font-family: 'Open sans', sans-serif;
  font-size: 16px;
  max-width: 240px;
  width: 100%;
}

@media (max-width: 575px) {
  .card-body .info-user ul li .title {
    font-size: 14px;
  }
}

@media (max-width: 490px) {
  .card-body .info-user ul li .title {
    font-size: 13px;
    max-width: 150px;
  }
}

@media (max-width: 390px) {
  .card-body .info-user ul li .title {
    max-width: 105px;
  }
}

.card-body .info-user ul li .dni {
  text-align: right;
}

@media (max-width: 575px) {
  .card-body .info-user ul li .dni {
    font-size: 14px;
  }
}

@media (max-width: 490px) {
  .card-body .info-user ul li .dni {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .card-body .info-user {
    width: 70%;
  }
}

@media (max-width: 768px) {
  .card-body .info-user {
    width: 100%;
    margin-top: 20px;
  }
}

.card-body .sseion-facebook {
  width: 100%;
  max-width: 553px;
}

.card-body .sseion-facebook h4 {
  color: #575756;
  font-weight: bold;
}

.card-body .sseion-facebook p {
  color: #575756;
  font-family: 'Open sans', sans-serif;
}

#collapseTwo {
  border: 1px solid #E71D73;
}

.table-responsive {
  padding: 30px;
}

@media (max-width: 768px) {
  .table-responsive {
    padding: 20px;
  }
}

.table-responsive .table {
  border-collapse: initial;
}

.table-responsive .table .thead-border tr th {
  font-family: 'Open sans', sans-serif;
  font-weight: 600;
  color: #F59D24;
  font-size: 16px;
  border-bottom: 1px solid #F59D24;
  border-top: 1px solid #F59D24;
}

@media (max-width: 1200px) {
  .table-responsive .table .thead-border tr th {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .table-responsive .table .thead-border tr th {
    font-size: 13px;
  }
}

.table-responsive .table .thead-border tr th:first-child, .table-responsive .table .thead-border tr th:last-child {
  border: 1px solid #F59D24;
}

.table-responsive .table .thead-border tr th:first-child {
  border-right: 0;
}

.table-responsive .table .thead-border tr th:last-child {
  border-left: 0;
}

.table-responsive .table thead th {
  border-bottom: 0;
}

.table-responsive .table td, .table-responsive .table th {
  padding: 6px 10px 6px 10px;
}

.table-responsive .table tbody tr td {
  font-family: 'Open sans', sans-serif;
  font-weight: 400;
  color: #575756;
  font-size: 14px;
}

@media (max-width: 1200px) {
  .table-responsive .table tbody tr td {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .table-responsive .table tbody tr td {
    font-size: 12px;
  }
}

.zui-table {
  border-collapse: collapse;
  border-spacing: 0;
}

.zui-table-rounded thead th {
  background-color: #fff;
  border: none;
}

.zui-table-rounded thead th:first-child {
  border-radius: 5px 0 0 0;
}

.zui-table-rounded thead th:last-child {
  border-radius: 0 5px 0 0;
}

.zui-table-rounded tbody td {
  border: 0;
  border-bottom: 1px solid #ccc;
}

.btn-style-edit {
  display: block;
  border-radius: 4px;
  font-family: 'Open sans', sans-serif;
  font-size: 16px;
  color: white;
  background: #28aece;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  max-width: 120px;
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  cursor: pointer;
}

.btn-style-edit i {
  margin-right: 5px;
}

.btn-style-edit:hover {
  text-decoration: none;
  color: white;
  background: #0A8CB3;
}

.paso2 .card-body {
  border: 1px solid #E71D73;
  margin: 0;
  padding: 20px;
}

.paso2 form {
  max-width: 600px;
  width: 100%;
  margin: auto;
}

@media (max-width: 768px) {
  .paso2 form {
    max-width: 450px;
  }
}

@media (max-width: 575px) {
  .paso2 form {
    max-width: 400px;
  }
}

@media (max-width: 450px) {
  .paso2 form {
    max-width: 315px;
  }
}

.paso2 .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.paso2 .form-group label {
  width: 40%;
  margin: 0;
  font-size: 14px;
  font-family: 'Open sans', sans-serif;
}

@media (max-width: 450px) {
  .paso2 .form-group label {
    font-size: 12px;
  }
}

.paso2 .form-group .form-control {
  width: 60%;
  font-family: 'Open sans', sans-serif;
  border: 1px solid #eff1f2;
  background: #eff1f2;
}

.paso2 .form-group .form-control:hover {
  outline: none;
}

.paso2 .form-group .form-control:focus {
  border: 1px solid #eff1f2;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.paso2 .form-group select {
  border: 1px solid #F59D24 !important;
  color: #F59D24;
}

.paso2 .form-group select option {
  color: #F59D24;
}

.paso2 .btn-style-edit {
  margin: 0 0 0 auto;
}

.paso3 ul {
  width: 100%;
  padding: 0;
  margin: 0;
}

.paso3 ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.paso3 ul li span {
  color: #575756;
}

.paso3 ul .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.paso3 ul .icons .btn-icons {
  display: block;
  border-radius: 5px;
  width: 100%;
  padding: 0 10px;
  height: 30px;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
}

.paso3 ul .icons .back-blue {
  margin-right: 20px;
  background: #28AECE;
}

.paso3 ul .icons .back-blue:hover {
  text-decoration: none;
  background: #0A8CB3;
}

.paso3 ul .icons .back-green {
  background: #318F3D;
}

.paso3 ul .icons .back-green:hover {
  background: green;
}

.paso3-1 {
  border: 0 !important;
}

.paso3-1 ul li {
  padding: 10px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.paso3-1 ul li:last-child {
  border-bottom: 0;
}

.paso4 .content-passw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media (max-width: 768px) {
  .paso4 .content-passw {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.paso4 .content-passw .title span {
  font-family: 'Open sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #575756;
  text-transform: uppercase;
}

.paso4 .content-passw .title span i {
  color: #F59D24;
}

.paso4 .content-passw .passw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .paso4 .content-passw .passw {
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  .paso4 .content-passw .passw {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.paso4 .content-passw .passw .btn-exp {
  display: block;
  border-radius: 5px;
  width: 100%;
  max-width: 200px;
  padding: 0;
  height: 30px;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  margin-right: 20px;
  background: #1b81dd;
}

.paso4 .content-passw .passw .btn-exp i {
  margin-right: 10px;
}

.paso4 .content-passw .passw .btn-exp:hover {
  text-decoration: none;
  background: #0A8CB3;
}

@media (max-width: 768px) {
  .paso4 .content-passw .passw .btn-exp {
    max-width: 170px;
  }
}

@media (max-width: 480px) {
  .paso4 .content-passw .passw .btn-exp {
    max-width: 200px;
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.paso4 .content-passw .passw .input-pass {
  position: relative;
}

.paso4 .content-passw .passw .input-pass input {
  border: 1px solid #1b81dd;
  font-family: 'Open sans', sans-serif;
  padding: 10px 33px 10px 10px;
  height: 30px;
}

.paso4 .content-passw .passw .input-pass input:focus {
  border: 1px solid #1b81dd;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.paso4 .content-passw .passw .input-pass .toggle-password {
  position: absolute;
  top: 7px;
  right: 12px;
}

.paso4 .content-passw .passw .input-pass .fa-eye:before,
.paso4 .content-passw .passw .input-pass .fa-eye-slash:before {
  color: #1b81dd;
}

.paso4 .content-resumen {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 991px) {
  .paso4 .content-resumen {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.paso4 .content-resumen .col-resumen:nth-child(1) {
  width: 40%;
}

@media (max-width: 991px) {
  .paso4 .content-resumen .col-resumen:nth-child(1) {
    width: 100%;
  }
}

.paso4 .content-resumen .col-resumen:nth-child(2) {
  width: 60%;
  padding: 5px;
  background: #eee;
}

@media (max-width: 991px) {
  .paso4 .content-resumen .col-resumen:nth-child(2) {
    width: 100%;
    margin-top: 20px;
  }
}

.paso4 .content-resumen .col-resumen ul {
  padding: 0;
  margin: 0;
}

.paso4 .content-resumen .col-resumen ul li {
  list-style: none;
  color: #969696;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
}

.paso4 .content-resumen .col-resumen ul li:nth-child(1) {
  border-top: 2px solid #eee;
}

.paso4 .content-resumen .col-resumen ul li .btn-search {
  display: block;
  border-radius: 5px;
  width: 100%;
  max-width: 40px;
  padding: 0 10px;
  height: 30px;
  color: #fff;
  background: #28aece;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 10px;
  margin-right: 10px;
  border: 0;
}

.paso4 .content-resumen .col-resumen ul li .btn-search:hover {
  text-decoration: none;
  background: #0a8cb3;
}

.paso4 .content-resumen .col-resumen .btn-style-edit {
  margin: 20px 10px 0 auto;
  background: #F59D24;
}

.paso4 .content-resumen .col-resumen .btn-style-edit:hover {
  background: #ffb26c;
}

.message-paso3 {
  border: 1px solid #E71D73;
  padding: 10px;
  margin-top: 20px;
  font-family: 'Open sans', sans-serif;
  text-align: center;
}

.message-paso3 p {
  margin: 0;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.message-paso3 p strong {
  margin: 0 5px;
}

.message-paso3 p .btn-exp {
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 10px;
  background: #1b81dd;
  color: #fff;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.message-paso3 p .btn-exp:hover {
  text-decoration: none;
  background: #0A8CB3;
}

.message-paso3 p .btn-exp i {
  margin-right: 5px;
}

@media (max-width: 768px) {
  .message-paso3 p {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .message-paso3 p span {
    margin-bottom: 10px;
  }
}


.content-img {
  position: relative;
}

.content-img .content-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
  position: absolute;  
  top:290px;
  bottom: 0;
  right: 0;
  width: 100%;
  margin-bottom: 20px;
}

.content-img .content-button .btn-style-edit {
  max-width: 250px;
  max-width: 150px;
}

.content-img .content-button .btn-style-edit:nth-child(1) {
  margin-right: 10px;
  background: #F59D24;
}

@media (max-width: 340px) {
  .content-img .content-button .btn-style-edit:nth-child(1) {
    margin-right: 0;
  }
}

.content-img .content-button .btn-style-edit:nth-child(2) {
  margin-right: 10px;
  background: #E71D73;
}

@media (max-width: 340px) {
  .content-img .content-button .btn-style-edit:nth-child(2) {
    margin-right: 0;
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .content-img .content-button {
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0;
  }
}

.content-final {
  background: white;
}

.content-final .message {
  padding: 40px 20px;
  text-align: right;
}

.content-final .message p {
  color: #575756;
  margin: 0;
}

.content-final .message p a {
  color: #004A92;
  font-weight: bold;
}

.pro-panel{
    background:red;
}

/* Pasos */

.etapas .etapa.activo-uno .titulo {
    color: var(--main-success-color) !important;
}
.etapas .etapa.activo-uno .numero {
    background: var(--main-success-color) !important;
}
.etapas .etapa.activo-dos .titulo {
    color: var(--main-warning-color) !important;
}

.etapas .etapa.activo-dos .numero {
    background: var(--main-warning-color) !important;
}
.etapas .etapa.activo-tres .titulo {
    color: var(--main-secondary-color) !important;
}

.etapas .etapa.activo-tres .numero {
    background: var(--main-secondary-color) !important;
}

/* Pasos nuevos */
.etapas .etapa.completo .titulo {
    color: var(--light-success-color) !important;
}
.etapas .etapa.completo .numero {
    background: var(--light-success-color) !important;
}
.etapas .etapa.activo .titulo {
    color: var(--light-secondary-color) !important;
}

.etapas .etapa.activo .numero {
    background: var(--light-secondary-color) !important;
}
@media (max-width: 992px)
{	
    .foto-nota {
            margin-left: 0px;
            padding-top: 30px;
            text-align: center;
    }
}
@media (min-width: 992px)
{	
    .foto-nota {
            margin-left: -10px;
            padding-top: 0px;
    }
}

.img_modal {
    max-width: 100%;
}


table.notas thead th, table.colegios thead th {
    font-size: 14px !important;
}

table.pro-table tr td:first-child {
    border-left: 1px solid #ced4da;
}
table.pro-table tr td:last-child {
    border-right: 1px solid #ced4da;
}

table.pro-table tfoot tr td:first-child, table.pro-table tfoot tr td:last-child {
    border-left: none;
    border-right: none;
}
table.notas input {
    font-size: 14px;
    height: 32px;
    margin: auto;
}
table.colegios input {
    font-size: 14px;
    margin: auto;
}
    table.notas input.nota {
        width: 56px;
        text-align: center;
    }
    table.notas td {
        
  
    }
table.notas td.nota {
    width:95px !important;
}

table.notas input:disabled {
    background-color: #f3f3f3;
    color: #949494;
    opacity: 1;
    cursor: not-allowed;
}

table.notas tfoot td {
    border-top: 2px solid #F59D24;
}


table.colegios td.grado {
    width: 60px;
}
table.colegios td.anio {
    width: 60px;
}

table.colegios td.codigo {
    width: 130px;
}

table.colegios input.anio {
    width: 64px;
    text-align: center;
}

table.colegios td.anio {
    width: 74px;
}

table.colegios input.codigo {
    width: 100px;
    text-align: center;
}

table.colegios .ubigeo {
    font-size:12px;
    display:block;
}
table.colegios td.editar {
    width: 80px;
}
table.colegios td.eliminar {
    width: 100px;
}
table.notas td.eliminar {
    width: 100px;
}

table.notas .thead-border.competencias tr th:first-child, table.notas .thead-border.competencias tr th:last-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

table.notas tbody tr:last-child td{
    border-bottom:none;
}

table.notas tbody.competencias tr td {
    border-bottom: none;
}

table.notas tbody.competencias tr.area td {
    border-top: 1px solid #ced4da;
}
table.notas tbody.competencias tr.area:first-child td {
    border-top: none;
}

