@charset "UTF-8";
/* JR 2016 */
.nav > li > a:focus,
.nav > li > a:hover {
  background: rgba(0, 0, 0, 0);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: black;
  background: rgba(0, 0, 0, 0);
}

.nav-pills > li > a {
  border-radius: 0;
}

h1 {
  margin: 0;
  padding: 0;
}

.h1,
h1 {
  font-size: 33px;
}

a {
  color: #44479d;
  text-decoration: none;
}

a:active,
a:focus,
a:hover {
  color: #7f82c8;
  text-decoration: none;
}

textarea {
  min-width: 100%;
  max-width: 100%;
}

.navbar-default {
  background-color: inherit;
  border: 0;
}

.navbar {
  position: relative;
  min-height: inherit;
  margin-bottom: inherit;
  border: 0;
}

.nav-tabs > li > a {
  color: #8c8a89;
}

.nav-tabs > li.active > a {
  color: #fff;
}

.nav-tabs > li.active > a:hover {
  color: #fff;
}

.h2-reset {
  margin: 0;
  padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: normal;
  }
}
.bg-green {
  background-color: #fff;
}

.bg-white {
  background-color: white;
}

.bg-grey {
  background: #efefef;
}

.color-principal {
  color: #fff;
}

.uprer,
.upper {
  text-transform: uppercase;
}

.margentop {
  margin-top: 2em;
}

.margin-h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.grey666 {
  color: #666;
}

.glyphicon {
  cursor: default;
}

.m1 {
  margin-top: 1em;
}

.m2 {
  margin-top: 32px !important;
}

.opa80 {
  opacity: 0.8;
}
.opa80 span,
.opa80 strong {
  opacity: 1;
}

.btn-fw {
  width: 100%;
}

.reset-margin {
  margin: 0;
  margin-bottom: 0 !important;
}

.reset-mr {
  margin-right: 0;
}

.mano,
.hand {
  cursor: hand;
  cursor: pointer;
}

@media (min-width: 768px) {
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-left {
    text-align: left;
  }
  .mt-sm-10 {
    margin-top: 10px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mt-sm-30 {
    margin-top: 30px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .pull-sm-left {
    float: left !important;
  }
  .pull-sm-right {
    float: right !important;
  }
}
@media (min-width: 992px) {
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-left {
    text-align: left;
  }
  .mt-md-10 {
    margin-top: 10px;
  }
  .mt-md-20 {
    margin-top: 20px;
  }
  .mt-md-30 {
    margin-top: 30px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .pull-md-left {
    float: left !important;
  }
  .pull-md-right {
    float: right !important;
  }
  .col-md-less-right {
    padding-right: 0;
  }
  .col-md-less-left {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-left {
    text-align: left;
  }
  .mt-lg-10 {
    margin-top: 10px;
  }
  .mt-lg-20 {
    margin-top: 20px;
  }
  .mt-lg-30 {
    margin-top: 30px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .pull-lg-left {
    float: left !important;
  }
  .pull-lg-right {
    float: right !important;
  }
}
.centrado {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.w100 {
  width: 100%;
}

.btn-full {
  width: 100%;
}

.m60 {
  margin-top: 60px;
}

.m50 {
  margin-top: 50px;
}

.m40 {
  margin-top: 40px;
}

.m30 {
  margin-top: 30px;
}

.m20 {
  margin-top: 20px;
}

.m10 {
  margin-top: 10px;
}

.m26 {
  margin-top: 26px;
}

.minh200 {
  min-height: 200px;
}

.pt-20 {
  padding-top: 20px !important;
}

.flex-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}

.flex-2 {
  -webkit-box-flex: 2 !important;
      -ms-flex: 2 !important;
          flex: 2 !important;
}

.flex-3 {
  -webkit-box-flex: 3 !important;
      -ms-flex: 3 !important;
          flex: 3 !important;
}

/*@font-face {
   font-family: 'Ranelte';
   src: url('/assets/fonts/ranelte.otf');
}

@font-face {
   font-family: 'Droid Sans';
   src: url('/assets/fonts/droid-sans.ttf');
}

@font-face {
   font-family: 'Droid Serif';
   src: url('/assets/fonts/droid-serif.ttf');
}

@font-face {
   font-family: 'Droid Serif Bold';
   src: url('/assets/fonts/droid-serif-bold.ttf');
}*/
body {
  font-family: Arial, Helvetica, sans-serif, serif;
}

h1,
h2,
h3,
h4 {
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
}

b,
strong,
label {
  font-family: Helvetica, Arial, sans-serif;
}

button,
input,
select,
textarea {
  font-family: Helvetica, Arial, sans-serif;
}

header {
  position: fixed;
  z-index: 100;
  width: 100%;
  padding: 0;
  background-color: white;
  color: black;
  -webkit-box-shadow: 0 2px 14px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 14px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  header .navbar-collapse h1 {
    font-size: 12px !important;
  }
  header .navbar-collapse.navbar-bottom {
    display: none;
  }
}
header .navbar-collapse .dropdown-menu {
  right: 0;
  left: auto;
}
header .navbar-collapse .dropdown-toggle {
  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;
}
header .flexy {
  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;
  height: 60px;
}
header .flexy .logo {
  height: 30px;
}
header .flexy > a {
  padding: 0.5rem;
}
header .flexy > a:hover {
  background-color: #ddd;
}
header .flexy .navbar.navbar-default {
  width: 100%;
  margin: 0;
}
header .flexy .navbar.navbar-default .collapse.navbar-collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
header .flexy .navbar.navbar-default .collapse.navbar-collapse .dropdown {
  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%;
  margin-top: 0;
  margin-left: 20px;
}
header .flexy .navbar.navbar-default .collapse.navbar-collapse .dropdown h1 {
  margin-right: 30px;
  padding-left: 2rem;
  border-left: 2px #000 solid;
  font-size: 20px;
}
@media (max-width: 767px) {
  header .flexy .navbar.navbar-default .collapse.navbar-collapse .dropdown h1 {
    margin-right: 0px !important;
  }
}
header .flexy .navbar.navbar-default .collapse.navbar-collapse .dropdown a {
  color: #000;
}

h3.navbar-text {
  margin: 24px;
  color: white;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}

.navbar {
  position: relative;
  margin: none;
  border-radius: 0;
}
.navbar a > i {
  margin-right: 8px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu .navbar-login-session-bg {
    background-color: transparent;
  }
}
.navbar-nav.usuario {
  margin-left: 210px;
}
.navbar-nav > li a:hover, .navbar-nav > li a:focus {
  background-color: transparent !important;
  color: #999 !important;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: -1px;
}

.navbar-top {
  background-color: #f5f5f5;
  color: black;
}
@media (max-width: 767px) {
  .navbar-top {
    background-color: #fff;
  }
  .navbar-top .navbar-login {
    width: 100%;
    padding: 0 0 15px;
  }
}
.navbar-top .navbar-login {
  width: 340px;
  padding: 15px;
  color: #333;
}
.navbar-top .navbar-login [class*=col-] {
  padding: 0;
}
.navbar-top .navbar-login a {
  color: #a53535 !important;
}
.navbar-top .navbar-login a:hover {
  color: #7a6363 !important;
}
.navbar-top .navbar-right {
  margin-right: -15px;
}
.navbar-top h3.navbar-text {
  margin-top: 5px;
  margin-bottom: 5px;
  color: white;
  font-size: 20px;
  line-height: 22px;
}
.navbar-top .navbar-nav > li > a {
  padding: 6px 20px;
  color: black;
  font-size: 12px;
}

.navbar-brand {
  height: initial;
  padding: 0;
}
.navbar-brand img {
  height: 40px;
}

.dropdown-menu > li.navbar-login-session-bg > a,
.dropdown-menu > li.navbar-login-session-bg > a:focus,
.dropdown-menu > li.navbar-login-session-bg > a:hover {
  padding-bottom: 7px;
  background-color: transparent;
  color: #333 !important;
}

.navbar-login-session-bg .logout {
  color: #fff;
}

.evaluacion .navbar-brand img {
  height: 80px;
  margin-top: 9px;
}

.img-user {
  position: relative;
  overflow: hidden;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #7a6363;
  background-size: cover;
  color: white;
}
.img-user .letras {
  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;
  height: 65px;
  font-size: 24px;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
}
.img-user img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.navbar-bottom {
  background-color: #fff;
  background-size: auto 64px;
}
.navbar-bottom .navbar-right a {
  padding: 0 15px;
  color: white;
  font-size: 1.2em;
  line-height: 100px;
}
.navbar-bottom .navbar-right .cerrar {
  width: 72px;
  height: 72px;
  padding: 28px;
  border-right: 1px dotted #ddd;
  border-left: 1px dotted #ddd;
  background-color: #c63527;
}
.navbar-bottom .navbar-right .cerrar img {
  display: block;
}
.navbar-bottom .navbar-right .cerrar:hover {
  background: #ebebeb;
}

.btn-top-destacado {
  background-color: #e3e3e3;
}
.btn-top-destacado:hover {
  background-color: white;
}

@media screen and (max-width: 768px) {
  h3.navbar-text {
    font-size: 18px;
  }
}
.notificaciones {
  margin-left: 5px;
  padding: 0 5px;
  border-radius: 100%;
  background-color: white;
}

.resources-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 45px;
  list-style-type: none;
}
.resources-bar .resources-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 39px 0;
  color: white;
  font-weight: 600;
  text-align: center;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.resources-bar .resources-item .fa {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  padding: 6px;
  border-radius: 100%;
  background-color: white;
  color: white;
  font-size: 15px;
  line-height: 23px;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.resources-bar .resources-item::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  border-right: solid transparent 10px;
  border-bottom: solid transparent 10px;
  border-left: solid transparent 10px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.resources-bar .resources-item:hover {
  border-color: #024686;
  color: white;
}
.resources-bar .resources-item:hover::after {
  bottom: 0;
  border-bottom: solid white 10px;
}
.resources-bar .resources-item:hover .fa {
  top: -6px;
  opacity: 1;
}

.header-container {
  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;
  height: 64px;
}
.header-container .titulo {
  color: white;
}
.header-container .titulo h1 {
  color: #000;
  font-weight: 700;
  font-size: 24px;
}

@media (max-width: 767px) {
  .mini-brand {
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 15px;
  }
  .mini-brand img {
    height: 34px;
  }
}

footer {
  height: 40px;
  background: white;
  color: black;
  padding: 10px 0;
}
footer .copyright {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
footer .footer-logo {
  float: right;
  width: 110px;
  height: 18px;
  margin-top: 4px;
}
footer .ajustado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.soporte {
  font-size: 15px;
}
.soporte .fab,
.soporte .fas {
  font-size: 20px;
}
.soporte .fas {
  margin-left: 56px;
  color: white;
}
.soporte .fas:first-child {
  margin-left: 0;
}
.soporte .rrss a {
  margin-left: 15px;
  border-bottom: 0;
  color: white;
}
.soporte .rrss a:first-child {
  margin-left: 0;
}
.soporte .contacto-rrhh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.soporte .contacto-rrhh .entrada {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px;
}
.soporte .contacto-rrhh .entrada:first-child {
  margin-left: 0;
}
.soporte .contacto-rrhh .contador {
  display: block;
  padding: 4px 0;
  text-align: center;
  color: #9e2a2b;
  border-radius: 4px;
  background-color: white;
}
.soporte .contacto-rrhh .visitas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-left: 40px;
}
.soporte .contacto-rrhh .visitas .cifra {
  margin-left: 15px;
}
.soporte .contacto-rrhh .visitas .cifra:first-child {
  margin-left: 0;
}
.soporte .contacto-rrhh .visitas .cifra h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  margin-bottom: 4px;
  color: #d5d5d5;
}
.soporte .contacto-rrhh .visitas .cifra p {
  margin-bottom: 0.25em;
}
.soporte .datos-linea {
  margin-top: 40px;
}
.soporte .datos-linea:first-child {
  margin-top: 0;
}
.soporte h2 {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 18px;
}
.soporte h2:first-child {
  margin-top: 0;
}
.soporte h2 strong {
  font-family: Helvetica, Arial, sans-serif;
}
.soporte h2 + div {
  margin-top: 20px;
}
.soporte a {
  padding-bottom: 3px;
  border-bottom: 1px dotted #fff;
  text-decoration: none;
  color: white;
}
.soporte a:hover {
  border-bottom: 0;
}
.soporte ul {
  margin-left: 15px;
  margin-bottom: 0;
}
.soporte ul li {
  margin: 0 0 0.25em;
}
.soporte ul li h4 {
  margin: 0;
  font-size: 12px;
  color: #d5d5d5;
  text-transform: uppercase;
  margin-bottom: 4px;
  letter-spacing: 1px;
}
.soporte ul li.tel {
  margin: 0;
}
@media (max-width: 1023px) {
  .soporte .contacto-rrhh .visitas {
    margin-top: 0;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .soporte .datos-linea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
  }
  .soporte .datos-linea .rrss a {
    margin-right: 0;
    margin-left: 15px;
  }
  .soporte .datos-linea .web {
    margin-left: 15px;
  }
  .soporte .datos-linea h2 + div {
    margin-top: 0;
  }
  .soporte .bloque-datos {
    margin-top: 30px;
  }
  .soporte .bloque-datos .datos-linea .contacto-rrhh {
    margin-top: 16px;
  }
  .soporte .bloque-datos .datos-linea .contacto-rrhh .entrada {
    margin-top: 16px;
    margin-left: 0;
  }
  .soporte .bloque-datos .datos-linea .contacto-rrhh .entrada:first-child {
    margin-top: 0;
  }
  .soporte .correo {
    display: block;
    overflow: hidden;
    max-width: 286px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

body {
  background: #ecf0f1;
  font-size: 14px;
}

main.wrapper {
  background-color: #eee;
  min-height: calc(100vh - 40px);
}
main.wrapper .carousel-inner > .item.active, main.wrapper .carousel-inner > .item.next.left, main.wrapper .carousel-inner > .item.prev.right {
  height: 265px;
}
main.wrapper .carousel-inner > .item.active img, main.wrapper .carousel-inner > .item.next.left img, main.wrapper .carousel-inner > .item.prev.right img {
  height: 265px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section.cursos {
  padding-bottom: 20px;
}

.bienvenida {
  height: 345px;
}
.bienvenida h4 {
  width: 120px;
  padding-right: 15px;
  border-right: 1px dotted #fff;
  text-align: right;
}
.bienvenida div {
  margin: 3px;
}

@media only screen and (max-width: 1199px) {
  .bienvenida {
    height: 297px;
    background-size: auto 297px;
  }
}
.pcontrol .hgroup-menu {
  margin-bottom: 30px;
}
.pcontrol .card.curso:hover::after {
  padding-top: 165px;
  border-radius: 4px;
}

.cursos .hgroup .page-heading {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
}
.cursos .hgroup .page-heading span {
  font-weight: 700;
  color: #fff;
}
.cursos .icon {
  position: absolute;
  right: 15px;
  bottom: 18px;
}
.cursos .card-ent {
  margin: 0;
  padding-bottom: 0;
  background-color: #c63527;
}
.cursos .card-ent .card-heading {
  position: relative;
  height: 118px;
}
.cursos .card-ent .card-heading h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  min-width: 185px;
  margin: 0;
  font-size: 30px;
}
.cursos .card-ent .card-heading h3 span {
  position: absolute;
  top: 9px;
  font-size: 18px;
  font-weight: 100;
  color: #4a5f69;
}
@media only screen and (max-width: 1199px) {
  .cursos .card-ent .card-heading {
    min-height: 113px;
    height: 113px;
  }
}
.cursos .card-ent.curso:hover::after {
  width: 30%;
  height: 100%;
  padding: 0;
}
.cursos .card-eva {
  margin: 0;
  padding-bottom: 0;
  background-color: #ed7527;
}
.cursos .card-eva .card-heading {
  position: relative;
  height: 118px;
}
.cursos .card-eva .card-heading h3 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  min-width: 185px;
  margin: 0;
  font-size: 30px;
  color: white;
  border-left: 2px solid white;
}
.cursos .card-eva .card-heading h3 span {
  position: absolute;
  top: 9px;
  font-size: 18px;
  font-weight: 100;
}
.cursos .card-eva .card-heading .notas {
  position: absolute;
  top: 108px;
  left: 147px;
  font-size: 18px;
  font-weight: 100;
  color: #4a5f69;
}
@media only screen and (max-width: 1199px) {
  .cursos .card-eva .card-heading {
    min-height: 113px;
    height: 113px;
  }
}
.cursos .card-eva.curso:hover::after {
  width: 0%;
  height: 100%;
  padding: 0;
}
.cursos .card-eva:hover .card-heading h3 {
  color: black;
  border-left: 2px solid black;
}
.cursos .panel-heading {
  padding: 12px 15px;
  background-color: #eee;
}
.cursos .panel-body {
  background-color: whitesmoke;
}
.cursos .panel-body .contenedor-chart {
  position: relative;
  height: 182px;
}
.cursos .panel-body .contenedor-chart .chart-leyenda,
.cursos .panel-body .contenedor-chart canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cursos .panel-body .contenedor-chart .chart-leyenda {
  height: 182px;
  width: 182px;
  text-align: center;
}
.cursos .panel-title {
  text-transform: uppercase;
  color: #666;
}
.cursos .sidebar {
  margin-top: 143px;
}
.cursos .alerta {
  position: relative;
  margin-top: 20px;
  padding: 20px;
  border-radius: 4px;
  font-size: 14px;
  color: white;
}
.cursos .alerta.af-current {
  background-color: #fff;
}
.cursos .alerta.af-current .flecha-arriba {
  border-bottom: 6px solid #fff;
}
.cursos .alerta.af-final {
  background-color: mediumseagreen;
}
.cursos .alerta.af-final .flecha-arriba {
  border-bottom: 6px solid mediumseagreen;
}
.cursos .alerta .flecha-arriba {
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.cursos .alerta p {
  margin-bottom: 0;
}

.card .cur-sta {
  top: 10px;
}

a.card.disabled,
fieldset[disabled] a.card {
  pointer-events: none;
}

.card.disabled,
.card[disabled],
fieldset[disabled] .card {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

.ellave {
  position: relative;
  margin-top: -15px;
  margin-bottom: 30px;
  font-weight: 700;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33);
}
.ellave .cur-sta {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ellave .cur-sta i {
  margin: 0;
}

.cur-sta {
  position: absolute;
  right: 8px;
  top: -4px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  border: 2px solid white;
}
.cur-sta i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
}

.gris {
  background-color: grey;
}

.blanco {
  background-color: white;
}
.blanco i {
  color: #fff;
}

.verde {
  background-color: mediumseagreen;
}

.violeta {
  background-color: #9e2a2b;
}

.leyenda {
  margin-top: 15px;
  text-align: center;
}
.leyenda span {
  margin-right: 5px;
}
.leyenda span:last-child {
  margin-right: 0;
}

.label-realizado {
  font-weight: 100;
  background-color: #fff;
}

.label-pendiente {
  font-weight: 100;
  background-color: white;
  color: #666;
}

.btn-eva {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
  background-color: #44479d;
  color: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33);
}
.btn-eva h4 {
  margin: 30px 0;
  padding: 0 15px;
  font-weight: 700;
  font-size: 30px;
}
.btn-eva .cur-sta {
  top: 10px;
}
.btn-eva span {
  position: absolute;
  top: 9px;
  font-size: 18px;
  font-weight: 100;
}
.btn-eva .sta {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: right;
}
.btn-eva .sta i {
  padding-right: 15px;
  font-size: 30px;
}
.btn-eva:hover, .btn-eva:active, .btn-eva:focus, .btn-eva:active:focus {
  background-color: #9b2a1f;
  color: white;
}

a.btn-eva.disabled,
fieldset[disabled] a.btn-eva {
  pointer-events: none;
  background-color: #44479d;
}

.btn-eva.disabled,
.btn-eva[disabled],
fieldset[disabled] .btn-eva {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.table.modulos {
  text-align: center;
}
.table.modulos th {
  border-bottom-width: 1px;
  text-align: center;
}

.list-group-item.diploma {
  border: none;
}

.diploma .btn {
  padding: 12px 16px;
}

.navbar-toggle {
  margin-top: 9px;
  margin-bottom: 9px;
  padding: 9px 0;
  border: 0;
  border-radius: 0;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  background-color: #e5e5e5;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    padding: 3px 20px;
    color: #fff;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: white;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: transparent;
}

.embed-responsive-video {
  padding-bottom: 66.5%;
}

.caras {
  margin: 22px 0 40px 0;
  padding: 0;
  text-align: center;
}
.caras li {
  display: inline-block;
  width: 75px;
  padding-left: 20px;
  padding-right: 20px;
}
.caras li a:hover {
  opacity: 0.5;
}

.detalle-alumno {
  background-color: #e4e4e4;
  padding: 15px 5px;
  border-radius: 5px;
}
.detalle-alumno div:not(:last-child) {
  border-right: 1px solid #c5c9ca;
}

.figure-alumno {
  overflow: hidden;
  display: block;
  width: 140px;
  margin: 0 auto;
  border-radius: 10px;
}

.error-password {
  position: relative;
  padding-left: 10px;
}

.error-password li {
  position: relative;
  list-style: none;
  padding-left: 25px;
}

.error-password li::before {
  content: "\f00d";
  position: absolute;
  top: 2px;
  left: 5px;
  display: inline-block;
  font: 600 normal normal 14px/1 "Font Awesome 5 Free";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 1px;
}

.last-container {
  padding-bottom: 96px;
  min-height: 500px;
}
@media screen and (max-width: 1279px) {
  .last-container {
    padding-bottom: 64px;
  }
}

.destacado .container {
  height: 100%;
}
.destacado #slider {
  height: 100%;
  overflow: hidden;
}
.destacado .banner2 h2 {
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .destacado .banner2 h2 {
    margin-top: 20px;
    font-size: 24px;
  }
  .destacado .banner2 p {
    font-size: 14px;
  }
}
.destacado .item .btn-lg {
  padding: 8px 16px;
  font-size: 12px;
}
.destacado .item-noticias img {
  width: 100%;
}
.destacado .item-noticias .grupo-enlaces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.destacado .item-noticias .grupo-enlaces a {
  margin-right: 8px;
}
.destacado .item-noticias .grupo-enlaces a:last-child {
  margin-right: 0;
}

.banner {
  position: relative;
  margin-top: 24px;
}
.banner p {
  margin-bottom: 16px;
  font-weight: 300;
  color: #d5d5d5;
}
.banner p small {
  color: white;
}
.banner .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 8px;
  padding: 12px 16px;
  border: 1px solid #f2f2f2;
}
.banner .media:hover {
  border: 1px solid white;
}
.banner .media:hover h4,
.banner .media:hover span {
  color: white;
}
.banner .media .unalinea {
  width: 0%;
}
.banner .media .unalinea h4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.banner .media div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.banner .media h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: white;
}
.banner .media span {
  font-size: 14px;
  color: #d5d5d5;
}
.banner .media i {
  margin-left: 16px;
  color: white;
}
.banner .btn-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  padding: 10px 12px;
  font-size: 12px;
  text-align: left;
}
.banner .btn-primary.btn-thin {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px 8px;
  font-size: 10px;
}
.banner .btn-primary .fas {
  margin: 0 16px 0 6px;
  font-size: 18px;
}

.mce-branding {
  display: none;
}

[v-cloak] {
  display: none;
}

.form-grupo .agrupacion-campos {
  padding: 1em 2em;
  background-color: transparent;
}
.form-grupo .agrupacion-campos:nth-child(2n+1) {
  background-color: transparent;
}
.form-grupo h4.fieldset {
  border-bottom: 1px solid white;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
}
.form-grupo legend {
  font-size: 0.95em;
  font-weight: bold;
}
.form-grupo label {
  font-size: 0.9em;
}
.form-grupo .nav > li > a {
  font-size: 0.9em;
}

.error {
  position: relative;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: #F3E6E6;
  color: #a94442;
  font-size: 1.4rem;
  font-family: arial;
  text-shadow: none;
}

.error:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 9px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid #a94442;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

label.error {
  margin: 12px 0 0 5px;
  border: 1px solid #a94442;
  background-color: #a94442;
  color: white;
}

label > input.error:before {
  display: none;
}

.group label {
  color: black;
  font-weight: normal;
}

input[type=checkbox] {
  color: black;
  font-weight: normal;
}

input[type=radio]:checked + span {
  color: #0053a2;
  font-weight: bold;
}

input[type=checkbox]:checked + span {
  color: #0053a2;
  font-weight: bold;
}

.text-cost-align {
  text-align: right;
}

.cost-input {
  float: right;
}

.dashbox-direc-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dashbox {
  padding: 24px;
  background-color: #efefef;
  border-radius: 4px;
  border-bottom: 1px solid #dcdcdc;
  border-top: 3px solid #fff;
  min-height: 165px;
}
.dashbox .title-dash {
  position: relative;
  height: 48px;
  padding: 0 20px;
  border-radius: 4px 6px 0 0;
  background-color: #0053a2;
  color: white;
}
.dashbox .body-dash {
  background-color: white;
  padding: 30px;
}
.dashbox #riesgos .body-dash {
  background: url("/assets/img/riesgos.jpg") white scroll no-repeat top right;
}
.dashbox #igualdad .body-dash {
  background: url("/assets/img/igualdad.jpg") white scroll no-repeat top right;
}
.dashbox #acoso .body-dash {
  background: url("/assets/img/acoso.jpg") white scroll no-repeat top right;
}
.dashbox hr {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #c63527;
}

.dashbox-row {
  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;
}

.dash-block {
  display: table;
}
.dash-block .dashbox-col {
  display: table-cell;
}
.dash-block .dashbox-col.middle {
  vertical-align: middle;
}
.dash-block .dashbox-col.middle.bar1 {
  width: 370px;
}

.full-row {
  width: 100%;
}

.dashbox-wrapper h2 {
  margin: 20px 0;
}

.bar-men {
  margin-top: 20px;
  font-size: 24px;
}

.azul {
  color: #fff;
}

.bar {
  position: relative;
  height: 30px;
  overflow: hidden;
  background-color: #BBB;
}

.bar-slider {
  position: absolute;
  height: 30px;
  background-color: #fff;
}

.bar-title {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(2%, -50%);
  transform: translate(2%, -50%);
  width: 230px;
  font-family: Helvetica, Arial, sans-serif;
  color: white;
}

.worker {
  display: table;
  text-align: right;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 35px;
}

.worker-number {
  display: table-cell;
  padding-right: 0.3em;
  width: 100%;
}

.worker-title {
  display: table-cell;
}

.chart-center {
  margin: 0 auto;
}

.chart {
  position: relative;
}

.mi-formacion .chart {
  margin: 0 auto;
}

.chart-legend {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
}

.chart-data {
  margin-top: -8px;
  font-size: 34px;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
  color: #44479d;
}
.chart-data span {
  font-size: 24px;
}

.chart-caption {
  margin-top: -8px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  color: #337ab7;
}

.chart-arrow .chart-title span {
  display: block;
}
.chart-arrow .chart-title span:first-child {
  padding-left: 0;
}
.chart-arrow .chart-title.big span {
  padding-left: 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.chart-arrow .chart-title.big span:first-child {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 34px;
  letter-spacing: 0.5px;
  padding-left: 0;
}

.chart-arrow-col.middle {
  vertical-align: middle;
}

.chart-arrow-col {
  display: table-cell;
}

.arrow-left {
  position: relative;
  top: -20px;
}

.arrow-left::before {
  content: " ";
  position: absolute;
  top: -25px;
  left: -30px;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 45px solid transparent;
  border-right: 20px solid #fff;
  border-bottom: 45px solid transparent;
}

.big .arrow-left::before {
  top: -15px;
  margin-left: 30px;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-right: 30px solid #fff;
}

.bg-principal {
  background-color: #fff;
}

.chart-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 178px;
  margin-left: 30px;
  padding: 15px 0;
  font-size: 10px;
  text-transform: uppercase;
  line-height: initial;
  background-color: #fff;
  color: white;
}
.chart-title span {
  display: table-cell;
  vertical-align: top;
}
.chart-title span:first-child {
  font-size: 34px;
  color: white;
}

.participation-anterior-icono {
  color: #555;
}
.participation-anterior-icono i {
  color: #9e2a2b;
}

.participation-anterior,
.global-anterior {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  background-color: white;
}
.participation-anterior strong,
.global-anterior strong {
  color: #44479d;
}

.footer-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.footer-row .footer-col {
  display: table-cell;
}
.footer-row .footer-col .fas {
  margin-right: 5px;
  font-size: 14px;
  color: #44479d;
}
.footer-row .footer-col .text-right {
  font-size: 12px;
  color: #666;
}

.dashbox-wrapper .title-dash .title-eva,
.dashbox-wrapper-inline .title-dash .title-eva {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.dashbox-wrapper h3,
.dashbox-wrapper-inline h3 {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.dashbox-wrapper h4,
.dashbox-wrapper-inline h4 {
  color: #fff;
}

.btn-submit {
  background: white;
  border: solid 1px white;
  padding: 8px 15px;
  text-align: center;
  margin-top: 7px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  color: white;
}

.bg-rueda {
  background-color: #eee;
  background-image: url("../img/bg-wave.jpg");
  background-position: center;
  background-size: cover;
}

.titulo-pagina h1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -2px;
  font-size: 27px;
  font-weight: 700;
}
.titulo-pagina h1.miga {
  font-size: 21px;
  font-weight: 500;
  color: #888;
}
.titulo-pagina h1.miga span {
  font-size: 24px;
  font-weight: 700;
  color: #333;
}
.titulo-pagina .miga {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -3px;
  font-size: 12px;
  color: #888;
}
.titulo-pagina .miga a {
  color: #888;
}
.titulo-pagina .miga a:hover {
  color: white;
}
.titulo-pagina .miga h1 {
  position: initial;
  -webkit-transform: none;
          transform: none;
  font-size: 24px;
  font-weight: 700;
  color: #333;
}
.titulo-pagina .dias {
  margin-bottom: 0;
  font-size: 14px;
}
.titulo-pagina .dias h2 {
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  color: #fff;
}
.titulo-pagina .dias .periodo {
  font-size: 12px;
  text-transform: uppercase;
}
.titulo-pagina .dias .periodo-actual {
  margin: 0 5px;
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: white;
  color: white;
}
.titulo-pagina .dias .usuario {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
}
.titulo-pagina .dias .usuario strong {
  margin: 0 5px;
  font-weight: 700;
}
.titulo-pagina .dias .usuario span {
  text-transform: none;
}
.titulo-pagina .dias .img-usuario {
  overflow: hidden;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background-size: cover;
}

.anyo .dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.anyo .btn-anyo {
  height: 32px;
  margin-right: 15px;
  font-size: 16px;
}

.ani2 {
  opacity: 0;
}

.home-calendar {
  border-radius: 10px;
  padding: 30px;
  background-color: #eee;
  color: #333;
}
.home-calendar h3 {
  margin: 0;
  font-size: 12px;
  line-height: initial;
}
.home-calendar h3 strong {
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.home-calendar .home-calendar-date {
  position: relative;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 16px;
}
.home-calendar .home-calendar-date::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 6px;
  width: 6px;
  background-color: #44479d;
}
.home-calendar .home-calendar-date span {
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.home-calendar .home-calendar-periodo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767px) {
  .home-calendar .home-calendar-periodo {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.home-calendar .home-calendar-legend {
  margin-bottom: 0;
  font-size: 14px;
  text-align: right;
}
.home-calendar .calendario-date {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0;
  margin-left: 16px;
}
.home-calendar .calendario-date::before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 25%;
  height: 8px;
  width: 4px;
  background: #d8d8d8;
  background: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#a0a0a0));
  background: linear-gradient(to bottom, #d8d8d8 0%, #a0a0a0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8d8d8", endColorstr="#a0a0a0", GradientType=0);
}
.home-calendar .calendario-date::after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  right: 25%;
  height: 8px;
  width: 4px;
  background: #d8d8d8;
  background: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#a0a0a0));
  background: linear-gradient(to bottom, #d8d8d8 0%, #a0a0a0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8d8d8", endColorstr="#a0a0a0", GradientType=0);
}
.home-calendar .calendario-date .papel {
  display: block;
  height: 64px;
  width: 64px;
  margin: 0 auto;
  border: 1px solid #eee;
  border-radius: 4px;
  text-align: center;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, from(whitefff), color-stop(90%, #e5e6e3), to(#d8d8d8));
  background: linear-gradient(to bottom, whitefff 0%, #e5e6e3 90%, #d8d8d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="whitefff", endColorstr="#d8d8d8", GradientType=0);
  -webkit-box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
          box-shadow: 0.2em 0.2em 0.25em rgba(32, 32, 32, 0.2);
}
.home-calendar .calendario-date .papel .dias {
  display: block;
  margin-bottom: -12px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 34px;
}
.home-calendar .calendario-date .papel span:nth-child(2) {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
}

.btn-tutorial {
  display: block;
  position: relative;
  margin-top: 10px;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 14px;
  background-color: #2C325F;
  color: white;
}
.btn-tutorial:hover {
  background-color: #2C325F;
  color: white;
}
.btn-tutorial i {
  position: absolute;
  top: 13px;
  right: 30px;
}

.v2 .home-calendar {
  border-bottom: 2px solid #e0dede;
}

.col-info-der {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  padding-right: 15px;
}

.col-info-izq {
  right: 84px;
}

.col-info-izq-lg {
  right: 138px;
}

.tag-nivel {
  margin-left: 10px;
  border-radius: 3px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #fff;
  color: white;
  white-space: nowrap;
}

.info-row {
  border-radius: 3px;
  padding: 15px;
  background-color: white;
}
.info-row p,
.info-row ul {
  font-size: 14px;
}
.info-row p strong {
  font-size: 16px;
  font-weight: 600;
  color: #e26f00;
}
.info-row ul {
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .info-row {
    margin-bottom: 40px;
  }
}

.flujo {
  margin-top: 60px;
}
@media screen and (min-width: 992px) {
  .flujo .periodo {
    width: 20%;
  }
}
.flujo .periodo .caja {
  display: inherit;
  position: relative;
  margin-bottom: 40px;
  border-radius: 9px;
  padding: 20px;
  color: white;
}
.flujo .periodo .caja:hover {
  background-color: #ebebeb;
}
.flujo .periodo .caja .fa-periodo {
  position: absolute;
  top: -24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 36px;
  border-radius: 100%;
  padding: 9px 0;
  font-size: 18px;
  text-align: center;
  background-color: #eee;
  color: #333;
}
.flujo .periodo .caja h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}
.flujo .periodo .caja h2 strong {
  font-weight: 700;
}
.flujo .periodo .caja.realizado {
  background-color: #fff;
}
.flujo .periodo .caja.realizado:hover {
  background-color: #ebebeb;
}
.flujo .periodo .caja.pendiente {
  background-color: white;
}
.flujo .periodo .caja.pendiente:hover {
  background-color: #ebebeb;
}
.flujo .periodo .caja.disabled {
  background-color: #bbb;
  pointer-events: none;
  cursor: not-allowed;
}
.flujo .periodo .caja.ultimo {
  margin-bottom: 0;
}
@media screen and (max-width: 800px) {
  .flujo .periodo .caja.ultimo {
    margin-bottom: 40px;
  }
}
.flujo .periodo .btn-periodo {
  position: relative;
  display: block;
  margin-top: 20px;
  padding: 9px 20px;
  font-size: 12px;
  text-align: left;
  background-color: #eee;
  color: #777;
}
.flujo .periodo .btn-periodo:hover {
  background-color: white;
  color: white;
}
.flujo .periodo .fa-caret-right {
  position: absolute;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 24px;
  color: #333;
}
@media screen and (max-width: 768px) {
  .flujo .periodo .fa-caret-right {
    display: none;
  }
}
.flujo .periodo .periodo-usuario {
  position: relative;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: white;
}
.flujo .periodo .periodo-usuario i {
  position: absolute;
  top: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .flujo .periodo .periodo-usuario {
    margin-bottom: 40px;
  }
}
.flujo .datos {
  margin-top: 20px;
}
.flujo .datos h4 {
  margin: 0;
  font-size: 9px;
  text-transform: uppercase;
}
.flujo .datos p {
  font-size: 15px;
  font-weight: 600;
}
.flujo .datos p:last-child {
  margin-bottom: 0;
}
.flujo .datos .etiq {
  margin-top: 5px;
}
.flujo .fa-estado {
  width: 23px;
  margin-left: 5px;
  border-radius: 100%;
  padding: 4px 0;
  text-align: center;
  color: white;
}
.flujo .fa-estado.fa-check {
  background-color: mediumseagreen;
}
.flujo .fa-estado.fa-times {
  background-color: #c63527;
}
.flujo .fa-estado.fa-clock {
  background-color: #888;
}

.nav-tabs {
  width: 100%;
  text-align: center !important;
}

.nav-tabs > li > a {
  color: #444242;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus {
  color: #fff;
}

.nav-tabs > li.active > a {
  color: #fff;
}

.evaluaciones .competencias {
  margin-top: 15px;
}
.evaluaciones .nav-footer {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}
.evaluaciones .fa-pen-nib {
  font-size: 16px;
}
.evaluaciones .accordion .caja.valor-medio-box {
  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;
  position: relative;
  min-height: 194px;
  margin-top: 9px;
  text-align: center;
}
.evaluaciones .accordion .caja.valor-medio-box .dato {
  font-size: 44px;
  font-weight: 700;
}
.evaluaciones .accordion .caja.valor-medio-box .dato-alt {
  margin: 0;
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: initial;
}
.evaluaciones .accordion .caja.valor-medio-box .bono-h1 {
  font-size: 24px;
  font-weight: 700;
}
.evaluaciones .accordion .caja.valor-medio-box .bono-glyphicon {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 16px;
  color: #8c8a89;
}
.evaluaciones .accordion .caja.valor-medio-box .masinfo {
  color: #8c8a89;
  cursor: pointer;
}
.evaluaciones .accordion .caja.valor-medio-box .state-cerrado {
  text-align: center;
}
.evaluaciones .accordion .caja.valor-medio-box .state-objective {
  text-align: center;
}
.evaluaciones .accordion .caja.valor-medio-box .state-objective .fa-info-circle {
  cursor: pointer;
}
.evaluaciones .accordion .caja.valor-medio-box .fa-calendar-times,
.evaluaciones .accordion .caja.valor-medio-box .fa-eye-slash,
.evaluaciones .accordion .caja.valor-medio-box .fa-ban,
.evaluaciones .accordion .caja.valor-medio-box .fa-exclamation-triangle {
  display: block;
  margin-bottom: 5px;
  font-size: 24px;
}
.evaluaciones .accordion .caja.valor-medio-box .f1 {
  margin-top: 0;
}
.evaluaciones .accordion .caja.valor-medio-box h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 36px;
  border-radius: 4px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  background-color: #44479d;
  color: white;
}
.evaluaciones .accordion .caja.valor-medio-box h4 {
  font-size: 16px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .evaluaciones .accordion .caja.valor-medio-box {
    min-height: 229px;
  }
}
@media (max-width: 767px) {
  .evaluaciones .accordion .caja.valor-medio-box {
    margin-top: 45px;
  }
}
.evaluaciones .caja {
  margin-top: 15px;
  border-radius: 4px;
  border-bottom: 1px solid #eee;
  padding: 30px;
  background-color: #f7f7f7;
}
.evaluaciones .caja:first-child {
  margin-top: 0;
}
.evaluaciones .caja .tit-porc {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  line-height: 15px;
}
.evaluaciones .caja p {
  margin-top: 10px;
  margin-bottom: 0;
}
.evaluaciones .caja label + p {
  margin-top: 0;
}
.evaluaciones .caja.accion p {
  margin-bottom: 0;
  font-size: 14px;
}
.evaluaciones .caja.accion label.radio {
  background-color: #c63527;
  width: 45px;
}
.evaluaciones .caja.accion label.radio.active, .evaluaciones .caja.accion label.radio:active {
  background-color: mediumseagreen;
}
.evaluaciones .caja h2 {
  display: inline-block;
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: 600;
}
.evaluaciones .caja h2 span {
  font-size: 18px;
  font-weight: 500;
}
.evaluaciones .caja h2 .glyphicon {
  margin-left: 5px;
}
.evaluaciones .caja h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.evaluaciones .caja h3 + p {
  margin-bottom: 0;
}
.evaluaciones .caja h4 {
  margin: 0 0 15px;
}
.evaluaciones .caja .valor-medio {
  display: block;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 700;
}
.evaluaciones .caja .valor-medio .porc {
  margin-left: 2px;
  font-size: 0.33em;
  font-weight: 500;
}
.evaluaciones .caja .valor-medio .porc .glyphicon {
  margin-left: 10px;
}
.evaluaciones .caja label[for*=br] {
  margin-bottom: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #44479d;
}
.evaluaciones .caja label[for*=br] .glyphicon {
  margin-left: 4px;
  font-size: 16px;
  color: #666;
}
.evaluaciones .caja label[for*=br] .select-gemelo {
  display: inline-block;
}
.evaluaciones .caja .preval {
  float: right;
}
.evaluaciones .caja .preval p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.evaluaciones .caja .preval p strong {
  font-size: 18px;
  font-weight: 700;
}
.evaluaciones .caja .glyphicon {
  cursor: default;
}
.evaluaciones .caja .mano,
.evaluaciones .caja .hand {
  cursor: hand;
  cursor: pointer;
}
.evaluaciones .caja .slider-row {
  display: inline-block;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 10px;
}
.evaluaciones .caja .slider-row .ui-widget-content {
  border: 1px solid #aaa;
  background: #fff;
  color: #333;
}
.evaluaciones .caja .slider-row .ui-widget-header {
  border: 1px solid #ddd;
  font-weight: bold;
  background: #eee;
  color: #333;
}
.evaluaciones .caja .plazo p {
  margin-bottom: 20px;
  font-size: 14px;
}
.evaluaciones .caja .plazo select {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px;
  font-size: 14px;
  font-weight: 700;
  background-color: #e26f00;
  color: white;
}
.evaluaciones .caja textarea.form-control {
  margin: 0px;
}
.evaluaciones .caja .collapse.in {
  margin-top: 20px;
}
.evaluaciones .caja .collapse.in .well {
  margin-bottom: 0;
}
.evaluaciones .caja .acciones label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.evaluaciones .caja .acciones select {
  width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  padding: 5px 12px 6px;
  font-size: 14px;
  background-color: white;
  color: white;
}
.evaluaciones .caja .acciones .contador {
  margin-bottom: 10px;
}
.evaluaciones .caja .acciones .btn-primary {
  font-size: 12px;
}
.evaluaciones .caja .acciones .btn-primary .fa {
  margin-right: 5px;
  margin-left: 0;
}
.evaluaciones .caja .plazo .checkbox {
  margin-bottom: 30px;
  padding-top: 19px;
  font-size: 14px;
}
.evaluaciones .caja .plazo .checkbox label {
  margin-right: 15px;
  font-weight: bold;
}
.evaluaciones .tab-content {
  background: white;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  padding: 30px 30px 10px;
}
.evaluaciones .tab-content .caja.definiciones, .evaluaciones .tab-content .caja.valor-medio-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluaciones .tab-content .caja .apuntes {
  margin-top: 10px;
}
.evaluaciones .tab-content .caja hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #ddd;
}
.evaluaciones .tab-content .caja h4 {
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.45;
}
.evaluaciones .tab-content .caja textarea.form-control {
  color: black;
}
.evaluaciones .tab-content .caja textarea.form-control::-webkit-input-placeholder {
  color: #bbb;
}
.evaluaciones .tab-content .caja textarea.form-control:focus {
  background-color: aliceblue;
}
.evaluaciones .chart {
  position: relative;
  height: 60px !important;
  width: 60px !important;
  line-height: 60px !important;
}
.evaluaciones .chart.chart-final {
  height: 64px !important;
  width: 64px !important;
  margin: 0;
  line-height: 64px !important;
}
.evaluaciones .chart.chart-final .chart-data {
  font-size: 20px;
}
.evaluaciones .chart.chart-final .chart-data span {
  font-size: 14px;
}
.evaluaciones .chart.chart-final .glyphicon {
  position: absolute;
  top: -5px;
  right: -10px;
  font-size: 16px;
}
.evaluaciones .chart.chart-final canvas {
  width: 64px !important;
  height: 64px !important;
}
.evaluaciones .chart-data {
  font-size: 16px;
  font-weight: 700;
}
.evaluaciones .chart-data div {
  display: initial;
}
.evaluaciones .chart-data span {
  margin-left: 2px;
  font-size: 14px;
  font-weight: 600;
}
.evaluaciones .nav-tabs > li > a {
  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-color: #eee #eee #ddd;
  min-width: 160px;
  min-height: 75px;
  background: #f6f6f6;
  margin-left: 0.3em;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px !important;
  line-height: 1.1 !important;
}
.evaluaciones .nav-tabs > li.active > a,
.evaluaciones .nav-tabs > li.active > a:focus,
.evaluaciones .nav-tabs > li.active > a:hover {
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  background-color: white;
  color: #44479d;
  cursor: default;
}
.evaluaciones .nav-tabs > li:first-child > a {
  margin-left: 0;
}
.evaluaciones .nav-tabs > li.active > a {
  font-weight: bold;
}
.evaluaciones .nav-tabs > li > a {
  min-height: 75px;
  min-width: 160px;
  margin-left: 0.3em;
  border-color: #eee #eee #ddd;
  background: #f6f6f6;
}
.evaluaciones .btn-fondo-gris {
  border-radius: 3px;
  padding: 9px 15px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  background: #ddd;
  color: #333;
}
.evaluaciones .btn-fondo-gris:active, .evaluaciones .btn-fondo-gris:focus, .evaluaciones .btn-fondo-gris:hover {
  background: #c63527;
  color: #9e2a2b;
}
.evaluaciones .btn-fondo-gris i {
  margin-right: 5px;
  margin-left: 0;
}
.evaluaciones .btn-submit {
  margin: 0;
  border-radius: 3px;
  padding: 9px 15px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  background: #2C325F;
  color: white;
}
.evaluaciones .btn-submit:active, .evaluaciones .btn-submit:focus, .evaluaciones .btn-submit:hover {
  background-color: #2C325F;
}
.evaluaciones .btn-submit i {
  margin-right: 5px;
  margin-left: 0;
}
.evaluaciones .tabs {
  position: relative;
  margin-top: 40px;
}
.evaluaciones .tabs .botones {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.evaluaciones .tabs .botones .btn {
  font-size: 12px;
}
.evaluaciones .tabs .botones .btn .fas.izq {
  margin-right: 5px;
}
@media screen and (max-width: 800px) {
  .evaluaciones .tabs .botones {
    display: none;
  }
}
.evaluaciones .botones-800 {
  display: none;
}
@media screen and (max-width: 800px) {
  .evaluaciones .botones-800 {
    display: block;
    margin-top: 40px;
  }
}
.evaluaciones .ui-state-default,
.evaluaciones .ui-widget-content .ui-state-default,
.evaluaciones .ui-widget-header .ui-state-default {
  border: 1px solid #bbb;
  background: #ccc;
  font-weight: normal;
  color: #454545;
}
.evaluaciones .tip {
  margin-top: 10px;
}
.evaluaciones .tip span {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .evaluaciones .tip {
    float: none;
    margin-bottom: 20px;
  }
}
.evaluaciones .check-field {
  padding: 0 20px;
}
.evaluaciones .check-field > label {
  font-size: 14px !important;
}
.evaluaciones .check-field > .oculto {
  margin-top: 0;
  border-top: none;
  display: none;
  padding: 7px 17px;
}
.evaluaciones .check-field > .oculto ~ .oculto {
  border-top: 1px solid #ccc;
}
.evaluaciones .check-field .oculto label {
  text-transform: none !important;
}
.evaluaciones .check-field .oculto .bot-plus.eliminar:hover {
  color: #bf0000;
}
.evaluaciones .check-field input[type=checkbox]:checked ~ .oculto {
  display: block;
}
.evaluaciones .check-field .align-right {
  text-align: right;
}
.evaluaciones .valor-introducido {
  border: 1px solid #ccc;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background: #D4DEE1;
}
.evaluaciones .valor-introducido p {
  margin: 0;
}
.evaluaciones .acciones-item {
  padding: 7px 17px 30px;
}
.evaluaciones .acciones-item label {
  font-size: 12px;
  text-transform: none !important;
}
.evaluaciones .check-field > .acciones-item ~ .acciones-item {
  border-top: 1px solid #ccc;
}
.evaluaciones .check-field label ~ i.fa,
.evaluaciones .check-field i.far,
.evaluaciones .check-field i.fas {
  font-size: 0.8em;
  color: #5c5c5c;
}
.evaluaciones .obs-seguimiento label {
  margin-right: 10px;
  margin-bottom: 10px;
}
.evaluaciones .obs-seguimiento .form-control {
  display: none;
}
.evaluaciones.competencias .tab-pane .navegacion {
  margin-top: 15px;
}
.evaluaciones.competencias .nav-tabs > li {
  width: 149px;
}
@media (max-width: 767px) {
  .evaluaciones.competencias .nav-tabs > li {
    width: 100%;
  }
}
.evaluaciones.competencias .etiq {
  margin-top: 10px;
}

.tab-ok {
  border: 1px solid #007e3f;
  background-color: #fff;
}

.tab-validation {
  display: none;
  position: absolute;
  top: -4px;
  right: 0px;
  height: 22px;
  width: 22px;
  border-radius: 100%;
  text-align: center;
  line-height: 20px;
  color: white;
  -webkit-box-shadow: 1px 1px 2px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 2px rgba(32, 32, 32, 0.2);
}
.tab-validation .fa {
  opacity: 0.9;
}

.label-wrapper {
  margin-bottom: 30px;
  border-radius: 9px;
  padding: 15px;
  background-color: #7e2122;
}
.label-wrapper label {
  margin-bottom: 10px;
}
.label-wrapper label:last-child {
  margin-bottom: 0;
}
.label-wrapper label.btn {
  padding: 6px 10px;
}
.label-wrapper label.btn .fa {
  margin-left: 0;
  margin-right: 5px;
}

.label-wrapper label.btn-default {
  font-size: 12px;
}

label.btn-default.active:hover,
label.btn-default:active,
label.btn-default:focus,
label.btn-default.active {
  border-color: #ebebeb;
  background-color: #fff;
  color: white;
}

.js-escucha-checkbox input[type=checkbox] {
  display: none;
}

@media (min-width: 1200px) {
  #fortalezas .btn-fortaleza {
    padding-left: 1.2em;
  }
}
@media (min-width: 992px) {
  #fortalezas .btn-fortaleza {
    padding-left: 8px;
  }
}

.btn-fortaleza {
  width: 100%;
  padding-left: 1.2em;
  text-align: left;
}
.btn-fortaleza input {
  display: none;
}
.btn-fortaleza.btn-conforme {
  color: mediumseagreen;
}
.btn-fortaleza.btn-conforme:hover {
  color: seagreen;
}
.btn-fortaleza.btn-conforme.active, .btn-fortaleza.btn-conforme:active, .btn-fortaleza.btn-conforme:focus {
  border-color: seagreen;
  background-color: mediumseagreen;
}
.btn-fortaleza.btn-conforme.active:hover, .btn-fortaleza.btn-conforme:active:hover, .btn-fortaleza.btn-conforme:focus:hover {
  border-color: seagreen;
  background-color: mediumseagreen;
}

.contador strong.green {
  color: mediumseagreen;
}

.excelente {
  color: seagreen;
}

.alto {
  color: forestgreen;
}

.alto2 {
  color: mediumseagreen;
}

.medio {
  color: darkorange;
}

.bajo {
  color: #c63527;
}

.doblerow {
  margin-right: -30px;
  margin-left: -30px;
}

.firma {
  margin-top: 2em;
  background-color: #efefef;
  border-radius: 0;
  color: #333;
  padding: 1.5em;
}

#mensaje_advertencia {
  font-size: 16px;
}

.equipo {
  margin-top: 64px;
}
.equipo .data_table_css {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .equipo .table-responsive {
    min-height: auto;
    overflow-x: visible;
  }
}
.equipo .txt-intro {
  margin-bottom: 60px;
}
.equipo .txt-intro p {
  margin-bottom: 0;
}
.equipo .txt-intro p.txt-alerta {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
.equipo table {
  margin-bottom: 0;
}
.equipo table thead {
  background-color: #44479d;
  color: white;
}
.equipo table thead th {
  position: relative;
  padding: 15px;
  border-bottom: 2px solid #383a81;
  vertical-align: top;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.equipo table thead th .fa-periodo {
  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;
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 36px;
  height: 36px;
  border-radius: 100%;
  font-size: 14px;
  background-color: #fff;
  color: white;
}
.equipo table thead th .fa-periodo.ultimo {
  left: calc(50% - 5px);
}
@media screen and (max-width: 767px) {
  .equipo table thead th .fa-periodo {
    display: none;
  }
}
.equipo table thead th.text-img {
  padding: 15px 0 15px 10px;
}
@media screen and (max-width: 1279px) {
  .equipo table thead th.text-img {
    display: none;
  }
}
.equipo table thead th.text-left, .equipo table thead th.text-center {
  padding: 15px 10px;
  font-family: Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 1279px) {
  .equipo table thead th.text-left, .equipo table thead th.text-center {
    padding: 15px 5px;
  }
}
@media screen and (max-width: 1279px) {
  .equipo table thead th.text-left {
    padding-left: 15px;
  }
}
@media screen and (min-width: 1280px) {
  .equipo table thead th.minimo {
    min-width: 164px;
  }
}
.equipo table thead th:last-child {
  padding-right: 20px;
}
@media screen and (max-width: 1279px) {
  .equipo table thead th:last-child {
    padding-right: 15px;
  }
}
.equipo table tbody td {
  padding: 15px;
  font-size: 12px;
  vertical-align: middle;
}
.equipo table tbody td .nombre {
  display: block;
  font-size: 14px;
  color: #44479d;
}
.equipo table tbody td .nombre strong {
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
}
.equipo table tbody td .puesto {
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #337ab7;
}
.equipo table tbody td .dpto {
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #666;
}
.equipo table tbody td .img-usuario {
  overflow: hidden;
  height: 36px;
  width: 36px;
  border-radius: 100%;
  background-size: cover;
}
.equipo table tbody td .fecha {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
.equipo table tbody td .etiq {
  padding: 0 16px;
}
@media screen and (max-width: 1023px) {
  .equipo table tbody td .etiq {
    padding: 0 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .equipo table tbody td .etiq {
    max-width: 80px;
  }
}
.equipo table tbody td.text-img {
  padding: 15px 0 15px 15px;
}
.equipo table tbody td.text-img .letras {
  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: 36px;
  width: 36px;
  border-radius: 100%;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  background-color: #fff;
  color: white;
}
@media screen and (max-width: 1279px) {
  .equipo table tbody td.text-img {
    display: none;
  }
}
.equipo table tbody td.text-left, .equipo table tbody td.text-center {
  padding: 15px 10px;
}
@media screen and (max-width: 1279px) {
  .equipo table tbody td.text-left, .equipo table tbody td.text-center {
    padding: 15px 5px;
  }
}
@media screen and (max-width: 1279px) {
  .equipo table tbody td.text-left {
    padding-left: 15px;
  }
}
.equipo table tbody td:last-child {
  padding-right: 20px;
}
.equipo .super {
  background-color: #7e2122;
  color: white;
}
.equipo .super .spv span {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: white;
}
.equipo .leyendas {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .equipo .leyendas {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .equipo .leyendas .bg-info {
    margin-bottom: 10px;
  }
}

.equipos {
  margin: 90px 0 45px;
}
.equipos .miembro {
  padding-bottom: 15px;
  border-radius: 4px;
  background-color: #eee;
}
.equipos .miembro .id {
  position: relative;
  padding: 75px 15px 0;
}
.equipos .miembro .id .foto {
  top: -45px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 1px dotted #bbb;
  padding-bottom: 15px;
}
.equipos .miembro .id .foto img {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.equipos .miembro .id .nombre {
  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: 24px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: 0.5px;
  color: #fff;
}
.equipos .miembro .id .puesto {
  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: 24px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #44479d;
}
.equipos .miembro .id .dpto {
  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: 24px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #337ab7;
}
.equipos .miembro .periodo {
  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;
  padding: 15px 15px 0;
}
.equipos .miembro .periodo .titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Helvetica, Arial, sans-serif;
}
.equipos .miembro .periodo .titulo i {
  font-size: 20px;
  margin-right: 15px;
  width: 24px;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.equipos .miembro .periodo .acceso {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-width: 120px;
  margin-left: 30px;
}
.equipos .miembro .periodo .acceso .etiq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.table-striped > tbody > tr.super:nth-of-type(odd) {
  background-color: #7e2122;
}

.etiq {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 0;
  border-radius: 4px;
  padding: 0 16px 0 12px;
  height: 36px;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: white;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  letter-spacing: 0.5px;
}
.etiq.etiq-general {
  background-color: #fff;
}
.etiq.etiq-realizado {
  background-color: mediumseagreen;
}
.etiq.etiq-norealizado {
  background-color: #c63527;
}
.etiq.etiq-pendiente {
  background-color: darkorange;
}
.etiq.etiq-nosujeto {
  background-color: #5bc0de;
}
.etiq.etiq-nodisponible {
  background-color: #aaa;
}
.etiq.etiq-eliminar {
  background-color: white;
  color: #fff;
}
.etiq.etiq-eliminar:hover {
  color: #fff;
}
.etiq.disabled {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
.etiq .fa,
.etiq .fab,
.etiq .fal,
.etiq .far,
.etiq .fas {
  font-size: 16px;
}

.etiq[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

fieldset[disabled] .etiq {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

a.etiq:hover, a.etiq:active, a.etiq:focus,
button.etiq:hover,
button.etiq:active,
button.etiq:focus {
  color: white;
}
a.etiq-realizado:hover,
button.etiq-realizado:hover {
  background-color: #32945e;
}
a.etiq-norealizado,
button.etiq-norealizado {
  pointer-events: none;
  cursor: not-allowed;
}
a.etiq-norealizado:hover,
button.etiq-norealizado:hover {
  background-color: #a42c20;
}
a.etiq-pendiente:hover,
button.etiq-pendiente:hover {
  background-color: #d67600;
}
a.etiq-nosujeto,
button.etiq-nosujeto {
  pointer-events: none;
  cursor: not-allowed;
}
a.etiq-nosujeto:hover,
button.etiq-nosujeto:hover {
  background-color: #39b3d7;
}
a.etiq-nodisponible,
button.etiq-nodisponible {
  pointer-events: none;
  cursor: not-allowed;
}
a.etiq-nodisponible:hover,
button.etiq-nodisponible:hover {
  background-color: #969696;
}

.definiciones .glyphicon {
  margin-right: 10px;
}
.definiciones p {
  font-size: 14px;
}

.objetivos .objetivo-new,
.objetivos .objetivo-track {
  width: 100%;
  margin-top: 40px;
  border-radius: 4px;
  background-color: #f7f7f7;
}
.objetivos .objetivo-new .objetivo-head,
.objetivos .objetivo-track .objetivo-head {
  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;
  height: 64px;
  margin-bottom: 0;
  border-radius: 0;
  padding: 15px;
  background-color: #44479d;
  color: white;
}
.objetivos .objetivo-new .objetivo-head.active,
.objetivos .objetivo-track .objetivo-head.active {
  background-color: #44479d;
}
.objetivos .objetivo-new .objetivo-head.first,
.objetivos .objetivo-track .objetivo-head.first {
  border-radius: 4px 4px 0 0;
}
.objetivos .objetivo-new .objetivo-head h2,
.objetivos .objetivo-track .objetivo-head h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}
.objetivos .objetivo-new .objetivo-head h3,
.objetivos .objetivo-track .objetivo-head h3 {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  color: darkorange;
}
.objetivos .objetivo-new .objetivo-head h3 strong,
.objetivos .objetivo-track .objetivo-head h3 strong {
  font-weight: 700;
}
.objetivos .objetivo-new .objetivo-head label,
.objetivos .objetivo-track .objetivo-head label {
  margin-top: 8px;
}
.objetivos .objetivo-new .objetivo-head .form-control,
.objetivos .objetivo-track .objetivo-head .form-control {
  height: 30px;
  border: 0;
  border-radius: 0;
  padding: 0 5px;
  font-weight: 600;
  background-color: white;
  color: white;
}
.objetivos .objetivo-new .objetivo-body,
.objetivos .objetivo-track .objetivo-body {
  padding: 15px;
}
.objetivos .objetivo-new .objetivo-body .objetivo-parte,
.objetivos .objetivo-track .objetivo-body .objetivo-parte {
  margin-top: 15px;
  padding: 30px;
  background-color: white;
}
.objetivos .objetivo-new .objetivo-body .objetivo-parte:first-child,
.objetivos .objetivo-track .objetivo-body .objetivo-parte:first-child {
  margin-top: 0;
}
.objetivos .objetivo-new .objetivo-body .bot-grupo,
.objetivos .objetivo-track .objetivo-body .bot-grupo {
  margin-top: 15px;
}
.objetivos .objetivo-new .objetivo-body h3,
.objetivos .objetivo-track .objetivo-body h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 10px;
  color: #fff;
  border-bottom: 1px dashed #d5d5d5;
}
.objetivos .objetivo-new .objetivo-body h4,
.objetivos .objetivo-new .objetivo-body label,
.objetivos .objetivo-track .objetivo-body h4,
.objetivos .objetivo-track .objetivo-body label {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  line-height: 1.45;
}
.objetivos .objetivo-new .objetivo-body h4 .glyphicon,
.objetivos .objetivo-new .objetivo-body label .glyphicon,
.objetivos .objetivo-track .objetivo-body h4 .glyphicon,
.objetivos .objetivo-track .objetivo-body label .glyphicon {
  margin-left: 5px;
}
.objetivos .objetivo-new .objetivo-body p:last-child,
.objetivos .objetivo-track .objetivo-body p:last-child {
  margin-bottom: 0;
}
.objetivos .objetivo-new .objetivo-body .peso,
.objetivos .objetivo-track .objetivo-body .peso {
  display: inline-block;
  margin-bottom: 0;
  border-radius: 4px;
  padding: 10px 15px;
  text-align: left;
  color: white;
}
.objetivos .objetivo-new .objetivo-body .peso.excelente,
.objetivos .objetivo-track .objetivo-body .peso.excelente {
  background-color: mediumseagreen;
}
.objetivos .objetivo-new .objetivo-body .peso.alto,
.objetivos .objetivo-track .objetivo-body .peso.alto {
  background-color: forestgreen;
}
.objetivos .objetivo-new .objetivo-body .peso.medio,
.objetivos .objetivo-track .objetivo-body .peso.medio {
  background-color: darkorange;
}
.objetivos .objetivo-new .objetivo-body .peso.bajo,
.objetivos .objetivo-track .objetivo-body .peso.bajo {
  background-color: #c63527;
}
.objetivos .objetivo-new .objetivo-body .peso h4,
.objetivos .objetivo-new .objetivo-body .peso p,
.objetivos .objetivo-track .objetivo-body .peso h4,
.objetivos .objetivo-track .objetivo-body .peso p {
  margin-bottom: 0;
}
.objetivos .objetivo-new .objetivo-body .peso p,
.objetivos .objetivo-track .objetivo-body .peso p {
  font-size: 20px;
  font-weight: 700;
}
.objetivos .objetivo-new .objetivo-body .chart,
.objetivos .objetivo-track .objetivo-body .chart {
  margin-top: 15px;
}
.objetivos .objetivo-new .objetivo-body .chart .chart-data,
.objetivos .objetivo-track .objetivo-body .chart .chart-data {
  font-weight: 700;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador {
  margin-top: 30px;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador:first-child,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador:first-child {
  margin-top: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-indicador-head,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-indicador-head {
  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;
  height: 48px;
  padding: 0 15px;
  color: white;
  background-color: #fff;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-indicador-head .peso,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-indicador-head .peso {
  display: inline-block;
  margin-left: 5px;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 700;
  background-color: #44479d;
  color: white;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-indicador-head .peso p,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-indicador-head .peso p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-indicador-head h3,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-indicador-head h3 {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  color: white;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-indicador-head h4,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-indicador-head h4 {
  display: inline-block;
  margin-bottom: 0;
  font-family: Helvetica, Arial, sans-serif;
}
@media (max-width: 767px) {
  .objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-indicador-head,
  .objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-indicador-head {
    height: auto;
    padding: 15px;
  }
  .objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-indicador-head > div,
  .objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-indicador-head > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-parte,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-parte {
  margin-top: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento {
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #d5d5d5;
  color: #fff;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento h2,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento h2 {
  margin: 0;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento h4,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento h4 {
  margin-bottom: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento p,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento p {
  margin-bottom: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento-evaluacion h2,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-parte .objetivo-seguimiento-evaluacion h2 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .objetivo-parte .glyphicon-info-sign,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .objetivo-parte .glyphicon-info-sign {
  margin-left: 5px;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table:last-child,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table:last-child {
  margin-bottom: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table td,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table td {
  font-size: 14px;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > caption + thead > tr:first-child > td,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > caption + thead > tr:first-child > td {
  text-transform: uppercase;
  font-size: 10px;
  border-left: 0;
  border-right: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > caption + thead > tr th,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > caption + thead > tr th {
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  border-left: 0;
  border-right: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > caption + thead tr + tr th,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > caption + thead tr + tr th {
  padding: 4px 8px;
  border-bottom-width: 1px;
  background-color: #ededed;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > colgroup + thead > tr:first-child > td,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > colgroup + thead > tr:first-child > td {
  text-transform: uppercase;
  font-size: 10px;
  border-left: 0;
  border-right: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > colgroup + thead > tr th,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > colgroup + thead > tr th {
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  border-left: 0;
  border-right: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > colgroup + thead tr + tr th,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > colgroup + thead tr + tr th {
  padding: 4px 8px;
  border-bottom-width: 1px;
  background-color: #ededed;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > thead:first-child > tr:first-child > td,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > thead:first-child > tr:first-child > td {
  text-transform: uppercase;
  font-size: 10px;
  border-left: 0;
  border-right: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > thead:first-child > tr th,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > thead:first-child > tr th {
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  border-left: 0;
  border-right: 0;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > thead:first-child tr + tr th,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > thead:first-child tr + tr th {
  padding: 4px 8px;
  border-bottom-width: 1px;
  background-color: #ededed;
}
.objetivos .objetivo-ficha-plus {
  position: relative;
  min-height: 231px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.objetivos .objetivo-ficha-plus:hover {
  border: 1px solid #fff;
}
.objetivos .objetivo-ficha-plus:hover .grupo-i {
  color: #fff;
}
.objetivos .objetivo-ficha-plus .grupo-i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  color: #999;
}
.objetivos .objetivo-ficha-plus .grupo-i i {
  font-size: 36px;
}
.objetivos .objetivo-ficha-plus .grupo-i p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.objetivos .objetivo-ficha {
  border-radius: 4px;
  background-color: #f7f7f7;
}
.objetivos .objetivo-ficha h4 {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.objetivos .objetivo-ficha h4:first-child {
  margin-top: 0;
}
.objetivos .objetivo-ficha p {
  margin-bottom: 0;
}
.objetivos .objetivo-ficha p + p {
  margin-top: 10px;
}
.objetivos .objetivo-ficha .objetivo-head {
  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;
  height: 64px;
  border-radius: 4px 4px 0 0;
  padding: 15px;
  background-color: #44479d;
  color: white;
}
.objetivos .objetivo-ficha .objetivo-head h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}
.objetivos .objetivo-ficha .objetivo-head h4 {
  display: inline-block;
  margin-bottom: 0;
}
.objetivos .objetivo-ficha .objetivo-head .peso {
  display: inline-block;
  margin-left: 5px;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 700;
  background-color: #fff;
  color: white;
}
.objetivos .objetivo-ficha .objetivo-head .peso p {
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  .objetivos .objetivo-ficha .objetivo-head {
    height: auto;
  }
  .objetivos .objetivo-ficha .objetivo-head h2 {
    width: 100%;
  }
  .objetivos .objetivo-ficha .objetivo-head .grupo-peso {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.objetivos .objetivo-ficha .objetivo-body {
  /*height: 206px;*/
  padding: 30px;
}
.objetivos .objetivo-ficha .objetivo-body .grupo-h {
  margin-top: 20px;
}
.objetivos .objetivo-ficha .objetivo-body .grupo-h:first-child {
  margin-top: 0;
}
.objetivos .objetivo-ficha .objetivo-body .grupo-h .titulo-lg {
  min-height: 34px;
}
.objetivos .objetivo-ficha .objetivo-body h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}
.objetivos .objetivo-ficha .objetivo-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 30px 30px;
}
.objetivos .objetivo-ficha .objetivo-footer .etiq {
  margin-bottom: 8px;
  margin-left: 8px;
}
.objetivos .objetivo-ficha .objetivo-footer .etiq:first-child {
  margin-left: 0;
}
.objetivos .objetivo-ficha .objetivo-track {
  padding: 15px 20px;
  background-color: #dfdfdf;
}
.objetivos .objetivo-ficha .objetivo-track h3 {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}
.objetivos .objetivo-ficha .objetivo-track h3 strong {
  font-weight: 700;
}
.objetivos .objetivo-ficha .objetivo-track .porcentaje {
  margin: 3px 0 0;
  font-weight: 700;
}
.objetivos .objetivo-ficha .objetivo-eval {
  border-radius: 0 0 8px 8px;
  padding: 15px 20px;
  background-color: #c63527;
}
.objetivos .objetivo-ficha .objetivo-eval h3 {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}
.objetivos .objetivo-ficha .objetivo-eval h3 strong {
  font-weight: 700;
}
.objetivos .objetivo-ficha .objetivo-eval .porcentaje {
  margin: 3px 0 0;
  font-weight: 700;
}
.objetivos .objetivo-ficha.full {
  margin-top: 32px;
}
.objetivos.fijacion .columna,
.objetivos.fijacion .navegacion {
  margin-top: 30px;
}

.bot-grupo.text-right a,
.bot-grupo.text-right button {
  margin-left: 10px;
}
.bot-grupo.text-right a:first-child,
.bot-grupo.text-right button:first-child {
  margin-left: 0;
}
.bot-grupo.text-left a,
.bot-grupo.text-left button {
  margin-right: 10px;
}
.bot-grupo.text-left a:first-child,
.bot-grupo.text-left button:first-child {
  margin-right: 0;
}

.textarea-grupo .form-group {
  margin-bottom: 30px;
}
.textarea-grupo .form-group:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .textarea-grupo div div {
    margin-top: 30px;
  }
  .textarea-grupo div div:first-child {
    margin-top: 0;
  }
}

.combo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.combo .combo-flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.leyendas {
  font-size: 12px;
}
.leyendas .leyendas-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.leyendas .leyendas-btn .leyendas-btn-fijo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.leyendas .leyendas-btn .leyendas-btn-din {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.leyendas .leyendas-btn .leyendas-btn-din .anotaciones {
  margin-left: 30px;
}
.leyendas .bg-info,
.leyendas .bg-warning,
.leyendas .bg-danger {
  border-radius: 4px;
  padding: 15px;
}
.leyendas .bg-info ul,
.leyendas .bg-warning ul,
.leyendas .bg-danger ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.leyendas .bg-info ul li,
.leyendas .bg-warning ul li,
.leyendas .bg-danger ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.leyendas .bg-info {
  border: 1px solid #b7ddf0;
}
.leyendas .bg-warning {
  border: 1px solid #f8efbe;
}
.leyendas .bg-danger {
  border: 1px solid #e6c1c1;
}
.leyendas .sms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.leyendas .sms .fas {
  font-size: 20px;
  margin-right: 15px;
}
.leyendas .li_azul,
.leyendas .li_naranja,
.leyendas .li_gris,
.leyendas .li_realizado,
.leyendas .li_nosujeto,
.leyendas .li_norealizado,
.leyendas .li_pendiente {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 15px;
  border-radius: 2px;
}
.leyendas .li_azul {
  background-color: #fff;
}
.leyendas .li_naranja {
  background-color: white;
}
.leyendas .li_gris {
  background-color: #aaa;
}
.leyendas .li_realizado {
  background-color: mediumseagreen;
}
.leyendas .li_nosujeto {
  background-color: #5bc0de;
}
.leyendas .li_norealizado {
  background-color: #c63527;
}
.leyendas .li_pendiente {
  background-color: darkorange;
}
.leyendas ul.separado li,
.leyendas ol.separado li,
.leyendas strong.separado li {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  .leyendas .li_azul,
  .leyendas .li_naranja,
  .leyendas .li_gris,
  .leyendas .li_realizado,
  .leyendas .li_nosujeto,
  .leyendas .li_norealizado,
  .leyendas .li_pendiente {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .leyendas .leyendas-btn .leyendas-btn-fijo {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
@media screen and (max-width: 767px) {
  .leyendas .leyendas-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .leyendas .leyendas-btn .leyendas-btn-din {
    margin-top: 10px;
  }
  .leyendas .leyendas-btn .leyendas-btn-din .anotaciones {
    margin-left: 15px;
  }
  .leyendas .leyendas-btn .leyendas-btn-din .anotaciones:first-child {
    margin-left: 0;
  }
  .leyendas .leyendas-btn .leyendas-btn-din .anotaciones .anotaciones-ico {
    display: none;
  }
}

.mysuper_buscador {
  margin-top: 45px;
}
.mysuper_buscador .parametros {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mysuper_buscador .parametros button {
  margin-left: 15px;
}
.mysuper_buscador .parametros button.fa {
  font-size: 12px;
}
.mysuper_buscador .parametros button i {
  margin-right: 5px;
  margin-left: 0;
}
.mysuper_buscador .well {
  margin-top: 15px;
  margin-bottom: 0;
}
.mysuper_buscador .well label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.inleyenda {
  position: relative;
  margin-bottom: 28px;
}
.inleyenda .bg-info {
  bottom: 0;
  border: 1px solid #b7ddf0;
  border-radius: 3px;
  padding: 10px 15px;
  font-size: 12px;
}
.inleyenda .bg-info ul,
.inleyenda .bg-info ol,
.inleyenda .bg-info strong {
  font-weight: 600;
  color: #9e2a2b;
}
.inleyenda .bg-info ul.separado li,
.inleyenda .bg-info ol.separado li,
.inleyenda .bg-info strong.separado li {
  margin-bottom: 10px;
}
.inleyenda .bg-info ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.inleyenda .bg-info .li_azul {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #fff;
}
.inleyenda .bg-info .li_naranja {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: white;
}
.inleyenda .bg-info .li_gris {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #aaa;
}
@media screen and (max-width: 800px) {
  .inleyenda .bg-info {
    position: inherit;
  }
}

.dash-tabs {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
}
.dash-tabs.nav-tabs > li:not(.active) > a {
  background-color: #f3f0f0;
}

.anyos {
  min-width: 90px;
}
.anyos li a {
  text-align: center;
}

.certifications .consulta-cursos form,
.formacion .consulta-cursos form {
  border-bottom: 6px solid #e0e0e0;
  padding: 25px 30px 30px;
}
.certifications .consulta-cursos form .form-combo,
.formacion .consulta-cursos form .form-combo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.certifications .consulta-cursos form .form-combo a,
.certifications .consulta-cursos form .form-combo button,
.formacion .consulta-cursos form .form-combo a,
.formacion .consulta-cursos form .form-combo button {
  margin-left: 30px;
}
.certifications .consulta-cursos form .form-group,
.formacion .consulta-cursos form .form-group {
  margin-bottom: 0;
}

#detalle_advertencia .alertas-ico {
  position: relative;
  margin: 0 auto;
  height: 78px;
  width: 78px;
  border-radius: 100%;
}
#detalle_advertencia .alertas-ico.realizado {
  background-color: mediumseagreen;
}
#detalle_advertencia .alertas-ico.pendiente {
  background-color: #fff;
}
#detalle_advertencia .alertas-ico .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 36px;
  color: white;
}
#detalle_advertencia .alertas-ico .fa-exclamation-triangle {
  margin-top: -2px;
}

.validadoOK .tab-validation {
  display: block;
}

.tab-error {
  background-color: red;
  border: 1px solid #ad0202;
}

.tab-ok {
  background-color: rgb(0, 178, 89);
  border: 1px solid rgb(0, 126, 63);
}

.flexible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flexible input,
.flexible select {
  margin-right: 10px;
}

.flexible-der {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.tsc_pagination {
  margin-left: 0px;
  padding-left: 0px;
}
.tsc_pagination li {
  list-style: none;
}

.bsocial .cajas {
  margin-top: 56px;
}
.bsocial .cajas .caja {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  background-color: #eee;
  border-radius: 4px;
}
.bsocial .cajas .caja img {
  height: 64px;
  width: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 16px;
  border: 1px solid #d6d6d6;
  border-radius: 100%;
}
.bsocial .cajas .caja h4 {
  margin: 0;
  font-size: 16px;
}
.bsocial .cajas .caja .btn {
  margin-left: 48px;
}

.periodo {
  font-size: 14px;
}
.periodo .periodo-actual {
  color: #fff;
}

.anotaciones {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  height: 100px;
  padding: 0 30px;
  color: white;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.anotaciones .anotaciones-ico {
  margin-right: 20px;
}
.anotaciones .anotaciones-ico .fas {
  font-size: 24px;
}
.anotaciones .anotaciones-txt {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.2;
  letter-spacing: 0.5px;
}
.anotaciones:hover {
  color: white;
}

.linea1-val {
  width: 40%;
}

.bloques .periodo {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.bloques .fecha {
  color: #fff;
}
.bloques .lab-titulo {
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  .bloques > div {
    margin-top: 20px;
  }
  .bloques > div:first-child {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .evaluaciones .nav-tabs > li > a {
    font-size: 12px !important;
    padding: 0.5rem !important;
    height: 55px !important;
    width: auto !important;
    min-width: auto !important;
  }
}
.login-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 40px);
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("../img/bg-login.jpg");
  background-size: cover;
}
.login-flex.v2 {
  background-image: url("../img/bg_seguimiento.jpg");
}
.login-flex .login {
  max-width: 430px;
}
.login-flex .login .row {
  background-color: #fff;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 2px 14px 6px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 14px 6px rgba(0, 0, 0, 0.4);
}
.login-flex .login .btn-submit {
  color: #333 !important;
  background-color: #fff !important;
  border: 1px solid #333;
  font-size: 14px;
  font-weight: 600;
}
.login-flex .login .btn-submit:hover, .login-flex .login .btn-submit:active, .login-flex .login .btn-submit:focus {
  background-color: #e6e6e6 !important;
}
.login-flex .login .alert a {
  color: #8a6d3b !important;
}
.login-flex .login .alert a:hover, .login-flex .login .alert a:active, .login-flex .login .alert a:focus {
  color: #664f26 !important;
}

input.dni,
input.pass {
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 35px;
}

input.dni {
  background-image: url("../img/id.png");
}

input.pass {
  background-image: url("../img/lock.png");
}

.panelLogin {
  position: relative;
  border: 0;
  color: #333;
  text-align: center;
  padding: 1em;
}
.panelLogin img {
  padding: 0 2em;
}

.tituloLogin {
  color: #333 !important;
  margin-top: 10px !important;
}

.copy {
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 1rem;
}

.ayuda {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 10px;
  right: 12px;
  color: #333 !important;
}
.ayuda:hover {
  color: #000 !important;
}
.ayuda span {
  display: none;
  padding-right: 4px;
}
.ayuda i {
  font-size: 2.2rem;
}

@media (max-width: 768px) {
  .login-flex {
    padding-top: 2rem !important;
    height: 100% !important;
  }
  .login {
    /*width: 90% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;*/
  }
  .login .row {
    width: 100%;
    margin: 0 !important;
  }
  .login .panel {
    margin-top: 0 !important;
  }
  .login .panelLogin {
    height: 100%;
  }
  .login .panelLogin img {
    padding: 0;
  }
}
.agrupacion-campos {
  background: #f9f9f9;
  padding: 2em;
  margin-left: -15px;
  margin-right: -15px;
}
.agrupacion-campos .container {
  padding: 2em;
  border-radius: 5px;
}
.agrupacion-campos .container h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  margin-bottom: 0.95em;
  margin-top: 0px;
  color: #fff;
}
.agrupacion-campos .container p {
  color: #8c8a89;
  font-size: 1em;
  margin-top: -1.2em;
  margin-bottom: 1.5em;
  color: #555;
}

.agrupacion-campos:nth-child(2n+1) {
  background: #eeeff3;
}

.footer-submit {
  margin-top: 1em;
  margin-bottom: 2em;
}

.acciones a {
  margin: 0 0.2em;
}

.important-input {
  background: #cedcef;
  border-color: #6873ab;
  font-weight: bold;
}

.dashboard .btn-tip {
  background: transparent;
  padding: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2px;
  top: 2px;
  color: #c63527;
}
.dashboard .btn-tip i {
  font-size: 1.3em;
}
.dashboard .btn-tip:hover {
  color: #c63527;
}
.dashboard .panel {
  position: relative;
  min-height: 132px;
  padding: 35px 15px 25px;
  background-color: #ececec;
  color: #333;
  text-align: center;
  -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05);
  border-bottom: 10px solid gainsboro;
}
.dashboard .panel.bg-positivo {
  background-color: #008C00;
  color: white;
  border-bottom: 10px solid rgb(2, 116, 2);
}
.dashboard .panel.bg-positivo h2 {
  color: white;
}
.dashboard .panel.bg-positivo .btn-tip {
  color: white;
}
.dashboard .panel-carets {
  display: inline-block;
}
.dashboard .panel h2 {
  font-size: 36px;
  margin: 0;
  font-weight: bold;
  color: #c63527;
}
.dashboard .panel-carets span {
  border-left: 1px solid #444;
}
.dashboard .panel-carets h2 {
  float: left;
}
.dashboard .panel-carets span {
  float: left;
  margin: 3px 0 0 15px;
  padding-left: 15px;
  font-size: 18px;
  line-height: 36px;
  color: #444;
}
.dashboard .panel-carets .fa-caret-down {
  color: #c0392b;
}
.dashboard .panel-carets .fa-caret-up {
  color: #27ae60;
}
.dashboard .panel-carets i {
  float: left;
  margin: 4px 0 0 10px;
  font-size: 30px;
}
.dashboard .panel small {
  display: block;
  margin-top: 3px;
  text-transform: uppercase;
  line-height: 1.2;
}
.dashboard .caja-grande {
  position: relative;
  padding: 30px;
  border: 9px solid white;
  border-radius: 12px;
  text-align: center;
  background-color: #fff;
  color: #c63527;
}
.dashboard .caja-grande .spot {
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 6px;
  border-radius: 4px;
  background-color: white;
}
.dashboard .caja-grande .numero {
  margin-bottom: 12px;
  border-bottom: 1px dotted #e0e0e0;
  font-size: 66px;
  font-weight: bold;
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.33);
  color: white;
}
.dashboard .caja-grande h3 {
  margin-bottom: 0;
  text-transform: uppercase;
}
.dashboard .caja-grande p {
  margin-bottom: 0;
  text-transform: uppercase;
}
.dashboard .caja-grande p small {
  font-size: 10px;
}
.dashboard .caja-genero {
  text-align: center;
}
.dashboard .caja-genero h3 {
  margin-bottom: 30px;
}
.dashboard .caja-genero .fa {
  display: block;
  font-size: 99px;
}
.dashboard .caja-genero .numero {
  display: inline-block;
  margin: 30px 0 0;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 21px;
  font-weight: bold;
  color: white;
  -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.16);
          box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.16);
}
.dashboard .caja-genero.hombres h3 {
  color: #fff;
}
.dashboard .caja-genero.hombres .fa {
  color: #fff;
}
.dashboard .caja-genero.hombres .numero {
  background-color: #e0e0e0;
}
.dashboard .caja-genero.mujeres h3 {
  color: white;
}
.dashboard .caja-genero.mujeres .fa {
  color: white;
}
.dashboard .caja-genero.mujeres .numero {
  background-color: #f0f0f0;
}
.dashboard .caja-chart .chart-legend,
.dashboard .caja-chart canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.dashboard .caja-chart .chart-legend .chart-data,
.dashboard .caja-chart canvas .chart-data {
  color: #333;
}
.dashboard .caja-chart .chart-legend .chart-caption,
.dashboard .caja-chart canvas .chart-caption {
  font-weight: normal;
}
.dashboard .caja-chart .triangulo {
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.dashboard .caja-chart .triangulo.hombre {
  border-right: 10px solid #fff;
}
.dashboard .caja-chart .triangulo.mujer {
  border-right: 10px solid white;
}
.dashboard .dropdown h3 {
  margin-bottom: 40px;
}
.dashboard .caja-dropdown {
  text-align: center;
}
.dashboard .caja-dropdown .numero {
  display: inline-block;
  width: 100px;
  margin-bottom: 10px;
  padding: 23px 0;
  border: 6px solid #9b9998;
  border-radius: 100%;
  font-size: 30px;
  background-color: #8c8a89;
  color: white;
}
.dashboard .caja-dropdown.hombre .numero {
  border: 6px solid white;
  background-color: #fff;
}
.dashboard .caja-dropdown.mujer .numero {
  border: 6px solid white;
  background-color: white;
}
.dashboard .caja-dropdown h4 {
  margin: 0;
}
.dashboard .caja-dropdown p {
  margin-bottom: 0;
}
.dashboard .caja-dropdown p small {
  font-size: 10px;
  text-transform: uppercase;
}

.graficas .panel-card .panel-heading .panel-title {
  color: #3d3935;
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
}

.legend-box {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}

.datos-usuario {
  padding: 8px;
  border: 1px dashed #b5b5b5;
  margin-top: 10px;
  background-color: white;
}

.opciones option {
  padding: 2px;
}

.estadisticas .dashbox-wrapper hr {
  margin-top: 40px;
  margin-bottom: 40px;
}

.ok_kbis {
  position: absolute;
  z-index: 100;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(50%);
          transform: translateY(-50%) translateX(50%);
  display: inline-block;
  width: 360px;
  line-height: 35px;
  background-color: #ceefd3;
  padding: 10px 20px 10px 30px;
  border-radius: 5px;
  border-bottom: 3px solid rgba(60, 118, 61, 0.5);
}

.ok_kbis::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #ceefd3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  left: -7px;
}

.ko_kbis {
  position: absolute;
  z-index: 100;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(50%);
          transform: translateY(-50%) translateX(50%);
  display: inline-block;
  width: 360px;
  background-color: #f2dede;
  padding: 10px 20px 10px 30px;
  border-radius: 5px;
  border-bottom: 3px solid rgba(211, 134, 132, 0.5);
}

.ko_kbis::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #f2dede;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  left: -7px;
}

.ko_kbis i {
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ok_kbis i {
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.expediente .buttons .three {
  width: 100%;
}
.expediente .buttons .btn-primary {
  margin-top: 8px;
  padding: 8px 16px;
  background-color: #2C325F;
}
.expediente .buttons .btn-primary:first-child {
  margin-top: 0;
}
.expediente .buttons .btn-primary.btn-lg {
  position: relative;
  font-size: 14px;
  text-align: left;
  line-height: 1.42857143;
  background-color: white;
  color: #9e2a2b;
}
.expediente .buttons .btn-primary.btn-lg:hover {
  background-color: #c63527;
}
.expediente .buttons .btn-primary.btn-lg .fa {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  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;
  height: 20px;
  width: 20px;
  margin: 0;
  border-radius: 100%;
  font-size: 10px;
  color: white;
}
.expediente .buttons .btn-primary.btn-lg .fa.fa-times {
  background-color: #c63527;
}
.expediente .buttons .btn-primary.btn-lg .fa.fa-check {
  background-color: mediumseagreen;
}
.expediente .buttons .btn-primary:hover {
  background-color: #2C325F;
}
.expediente .buttons .btn-primary .fa {
  margin-right: 10px;
}
.expediente .padding {
  padding: 24px;
}
.expediente .column-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.expediente .column-container .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expediente .column-container .column-2 {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.expediente .column-container .column-2 hr {
  width: 100%;
}
.expediente .column-container .align-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.expediente .column-container .align-col .last {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
@media (min-width: 992px) {
  .expediente .column-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.expediente .block {
  position: relative;
  border-radius: 4px;
  background-color: #d3d5dd;
  -webkit-box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.1);
}
.expediente .block article {
  position: relative;
  z-index: 1;
}
.expediente .block.min-heigth {
  min-height: 490px;
}
.expediente .block h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: white;
  margin-top: 0;
  margin-bottom: 24px;
}
.expediente .block h3 i {
  width: 20px;
  margin-right: 8px;
  text-align: center;
}
.expediente .block.dark {
  background-color: #fff;
  color: white;
}
.expediente .block.dark dt {
  color: white;
}
.expediente .flexi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 8px;
}
.expediente .flexi a {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 8px;
}
.expediente .flexi a:last-child {
  margin-right: 0;
}
.expediente .alerta {
  position: relative;
  margin-top: 48px;
  margin-bottom: 16px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #c63527;
}
.expediente hr {
  border-color: white;
  opacity: 0.18;
}
.expediente hr.less {
  margin: 32px auto;
  border-style: dashed;
}
.expediente .bg-icon-mail::after {
  content: "\f0e0";
  position: absolute;
  bottom: 0;
  right: 25px;
  font-family: "Font Awesome 5 Free";
  font-size: 100px;
  color: rgba(255, 255, 255, 0.3);
}
@-webkit-keyframes scrollGood {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -600px, 0);
    transform: translate3d(0, -600px, 0);
  }
}
@keyframes scrollGood {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -600px, 0);
    transform: translate3d(0, -600px, 0);
  }
}
.expediente .detail-photo {
  overflow: hidden;
  background: rgb(2, 70, 134);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(2, 70, 134)), to(rgb(0, 84, 162)));
  background: linear-gradient(to bottom, rgb(2, 70, 134) 0%, rgb(0, 84, 162) 100%);
  color: white;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
  border-bottom: 4px solid #024686;
}
.expediente .detail-photo .scroller {
  -webkit-animation: scrollGood 130s linear infinite;
          animation: scrollGood 130s linear infinite;
  background-position: center center;
  background-size: 600px;
  position: absolute;
  top: 0;
  left: 0;
  height: 1200px;
  width: 100%;
  z-index: -1;
  opacity: 0.05;
}
.expediente .detail-photo figure {
  overflow: hidden;
  width: 164px;
  height: 164px;
  margin: 0 auto;
  background-color: white;
  border-radius: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.expediente .detail-photo h2 {
  font-size: 1em;
}
.expediente .detail-photo p {
  font-size: 0.8em;
}
.expediente dl dt {
  color: #fff;
  font-size: 0.85em;
}
.expediente dl dd {
  font-size: 0.85em;
}
.expediente dl:last-child {
  margin-bottom: 0;
}
.expediente .detail-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expediente .detail-inline dl {
  display: inline-block;
}
.expediente .detail-inline dl.dl-3 {
  width: 32%;
  text-align: center;
}
.expediente .detail-inline dl.dl-2 {
  width: 50%;
}
.expediente .detail-inline dl dt {
  color: #fff;
  font-size: 0.85em;
}
.expediente .detail-inline dl dd {
  font-size: 0.85em;
}
.expediente .btn-img {
  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;
  position: absolute;
  bottom: -5px;
  right: -5px;
  height: 36px;
  width: 36px;
  border-radius: 100%;
  font-size: 14px;
  background-color: white;
  color: white;
}
.expediente .btn-img:hover {
  background-color: #e6e6e6;
}
.expediente .btn-img .fas {
  margin: 0;
}
@media screen and (max-width: 576px) {
  .expediente .buttons .btn-primary {
    width: 100%;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .expediente .buttons .btn-primary {
    width: 100%;
    margin-top: 8px;
  }
  .expediente .buttons .btn-primary:first-child {
    margin-top: 0;
  }
  .expediente .flexi {
    margin-bottom: 0;
  }
}
.expediente .perfil .enunciado {
  color: #c63527;
}
.expediente .perfil .noflexi {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}
.expediente .perfil .grupos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.expediente .perfil .seed-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 0;
  background-color: #f7f7f7;
}
.expediente .perfil .seed-1 .datos h3 {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.expediente .perfil .seed-1 .datos p {
  font-size: 18px;
  margin: 0;
}
.expediente .perfil .seed-1 .datos .dpto {
  margin-top: 4px;
  font-size: 16px;
}
.expediente .perfil .seed-1 .datos .dpto small {
  color: #c63527;
}
.expediente .perfil .seed-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px dashed #e7e7e7;
  padding: 24px 0;
  background-color: white;
}
.expediente .perfil .seed-2 .titulo {
  width: 128px;
  margin: 0 16px;
}
.expediente .perfil .seed-2 .titulo h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #2C325F;
}
.expediente .perfil .seed-2 .datos .linea {
  margin-bottom: 4px;
}
.expediente .perfil .seed-2 .datos .linea:last-child {
  margin-bottom: 0;
}
.expediente .perfil .seed-2 .datos .multilinea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}
.expediente .perfil .seed-2 .datos .multilinea:last-child {
  margin-bottom: 0;
}
.expediente .perfil .seed-2 .datos .multilinea div {
  margin-right: 24px;
}
.expediente .perfil .seed-2 .datos .multilinea div:last-child {
  margin-right: 0;
}
.expediente .perfil .seed-2 .datos .multilinea .movil {
  margin-right: 0;
}
.expediente .perfil .seed-2 .datos .correo {
  font-size: 14px;
}
.expediente .perfil .seed-2 .datos .correo a {
  color: #fff;
}
.expediente .perfil .seed-2 .datos .correo a:hover {
  color: #fff;
}
.expediente .perfil .seed-2 .datos .correo span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
}
.expediente .perfil .seed-2 .datos .oficina span,
.expediente .perfil .seed-2 .datos .movil span,
.expediente .perfil .seed-2 .datos .edad span,
.expediente .perfil .seed-2 .datos .formaciog span,
.expediente .perfil .seed-2 .datos .contrato span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
  color: #9e2a2b;
}
.expediente .perfil .seed-3 {
  display: block;
  border-bottom: 1px dashed #e7e7e7;
  padding: 24px 0;
  background-color: white;
}
.expediente .perfil .seed-3 .titulo {
  width: auto;
  margin-right: 0;
  margin-top: 16px;
}
.expediente .perfil .seed-3 .titulo h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 8px;
  text-transform: uppercase;
  color: #e26f00;
}
.expediente .perfil .foto {
  position: relative;
  margin: 0 32px;
}
.expediente .perfil .foto img {
  width: 96px;
  height: 96px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.expediente .pincha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  border-radius: 4px;
  padding: 16px;
  font-size: 12px;
  line-height: 1.32142857;
  background-color: #e6e6e6;
}
.expediente .pincha span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.expediente .pincha i {
  font-size: 20px;
}

.titulo-historico {
  color: #004595;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #004595;
}

section.programas {
  padding-bottom: 0;
  color: #3d3935;
  padding: 20px 0;
  background: #eee;
}
section.programas .btn-info, section.programas .btn-submit {
  height: 80px;
  line-height: 58px;
}
section.programas h1 {
  color: #fff;
  font-size: 45px;
  line-height: 40px;
}

section.biblioteca {
  padding-bottom: 0;
  color: #3d3935;
  padding: 20px 0;
  background-image: url("/assets/img/biblioteca.jpg");
}
@media (max-width: 960px) {
  section.biblioteca {
    background: #eee;
  }
}
section.biblioteca .container {
  width: 100%;
}
section.biblioteca .btn-info, section.biblioteca .btn-submit {
  height: 80px;
  line-height: 58px;
}
section.biblioteca h1 {
  color: #fff;
  font-size: 45px;
  line-height: 40px;
}

/*.programas {
  // color: white;
  // padding: 60px 0;
  // height: 320px;
  // background: url(../img/medio-ambiente.jpg) no-repeat top center;

  // .section-title {
  //   font-size: 40px;
  //   line-height: 1.25;
  //   margin: 0 0 16px;
  //   text-shadow: 0 1px 1px rgba(0,0,0,.25);
  // }
}*/
.modal-home .close {
  position: relative;
  top: -15px;
  right: -10px;
}
.modal-home .modal-body {
  padding: 35px;
}
.modal-home .modal-body h1 {
  color: #fff;
  font-weight: bold;
  padding-bottom: 30px;
  border-bottom: 1px solid #004595;
  margin-bottom: 20px;
}
.modal-home .modal-body figure {
  border-radius: 5px;
  overflow: hidden;
}
.modal-home .modal-body figure img {
  width: 100%;
}
.modal-home .modal-body .ajustar-foto {
  padding: 15px 30px 0 30px;
}

.close {
  color: white;
  opacity: 1;
  text-shadow: 0;
}

.organigrama .titulo-resultados {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.organigrama .titulo-resultados .detalle {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 4px;
  width: 30px;
  background-color: #c63527;
}
.organigrama .aviso {
  font-size: 11px;
  text-transform: uppercase;
  color: #777;
}
.organigrama .aviso .fas {
  margin: 0 10px;
  font-size: 15px;
  color: #fff;
}
.organigrama .botones {
  margin: 40px 0;
}
.organigrama .botones .row {
  margin-bottom: 20px;
}
.organigrama .botones h3 {
  margin-top: 10px;
  margin-bottom: 30px;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.organigrama .botones .btn {
  position: relative;
  display: block;
  border-radius: 4px;
}
.organigrama .botones .btn .circulo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 100%;
}
.organigrama .botones .btn-primary {
  border-bottom: 3px solid #1c203c;
  padding: 18px;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
}
.organigrama .botones .btn-primary:hover .circulo {
  background-color: #1c203c;
}
.organigrama .botones .btn-primary .circulo {
  top: -6px;
  height: 12px;
  width: 12px;
  background-color: #2C325F;
}
.organigrama .botones .btn-secondary {
  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;
  height: 116px;
  border-bottom: 2px solid #e6e6e6;
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  white-space: pre-line;
}
.organigrama .botones .btn-secondary:hover .circulo {
  background-color: #e6e6e6;
}
.organigrama .botones .btn-secondary .circulo {
  top: -4.5px;
  height: 9px;
  width: 9px;
  background-color: #fff;
}
.organigrama .botones .btn-default {
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0;
  text-transform: none;
}
.organigrama .botones .combinada {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.organigrama .devuelta {
  margin: 20px 0 40px;
}
.organigrama .legends {
  margin-bottom: 25px;
}

.no-hidden-sm {
  display: block;
}

@media (min-width: 992px) {
  .no-hidden-sm {
    display: none;
  }
}
.modal-organigrama .close {
  position: relative;
  top: -15px;
  right: -10px;
}
.modal-organigrama .modal-body {
  padding: 35px;
}
.modal-organigrama .modal-body h1 {
  color: #fff;
  font-weight: bold;
  padding-bottom: 30px;
  border-bottom: 1px solid #004595;
  margin-bottom: 20px;
}
.modal-organigrama .modal-body figure {
  border-radius: 5px;
  overflow: hidden;
}
.modal-organigrama .modal-body figure img {
  width: 100%;
}
.modal-organigrama .modal-body .ajustar-foto {
  padding: 15px 30px 0 30px;
}

.extra-lg {
  width: 67%;
}

.valores {
  margin-top: 16px;
}
.valores .entrada-p {
  margin-bottom: 30px;
  text-align: center;
}
.valores .entrada-p .portada {
  position: relative;
  margin-bottom: 30px;
}
.valores .entrada-p .portada img {
  border-bottom: 4px solid #9e2a2b;
  border-radius: 4px;
}
.valores .entrada-p .portada .icono {
  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;
  position: absolute;
  bottom: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: #fff;
  color: white;
}
.valores .entrada-p h3 {
  position: relative;
  font-weight: 700;
}
.valores .entrada-p p {
  margin-bottom: 0;
}
.valores .entrada-g {
  margin-bottom: 16px;
  text-align: center;
}
.valores .entrada-g img {
  border-radius: 4px;
}
.valores .entrada-g h3 {
  font-size: 20px;
  font-weight: 700;
}
.valores .entrada-g p {
  font-size: 14px;
}
.valores .hgroup .page-heading {
  font-size: 30px;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
}
.valores .hgroup .page-heading span {
  font-weight: 700;
  color: #fff;
}
.valores .hgroup::after {
  height: 1px;
  width: 40px;
  background-color: white;
}
.valores .carousel-caption {
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
  color: #333;
  font-size: 16px;
  padding: 0;
  text-shadow: none;
  top: 0;
  width: auto;
  text-align: center;
}
.valores .carousel-caption h1 {
  color: white;
  padding: 10px 0;
  margin: 0;
}
.valores .carousel-caption p {
  margin: 15px 0 0 0;
  text-align: justify;
  min-height: 115px;
}

.vertically-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 991px) {
  .vertically-centered {
    display: block;
  }
}
.certifications .certifications-list {
  border-radius: 0 0 4px 4px;
  padding: 25px 30px;
  background-color: #c6d8e4;
  color: white;
}
.certifications .certifications-list h2 {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 600;
  color: #e0e0e0;
}
.certifications .certifications-list .datos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.certifications .certifications-list .datos h3,
.certifications .certifications-list .datos p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  line-height: 1.42857143;
  text-transform: uppercase;
}
.certifications .certifications-list .datos h3 {
  margin-top: 3px;
  margin-right: 10px;
  border-left: 3px solid #c00;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #013398;
}
.certifications .certifications-list .datos p {
  margin-right: 30px;
  font-size: 15px;
  font-weight: bold;
  color: #e0e0e0;
}
.certifications .certifications-list .datos .formacion {
  margin-left: 10px;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
  background-color: #aec7d8;
}
.certifications .certifications-list .datos i {
  margin-right: 5px;
}
.certifications .certifications-list .chart-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  margin-bottom: 25px;
}
.certifications .certifications-list .chart-group .text-center {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.certifications .certifications-list .chart {
  position: relative;
  height: 90px;
}
.certifications .certifications-list .chart.chart-center {
  margin: 0 auto;
}
.certifications .certifications-list .chart .chart-legend {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.certifications .certifications-list .chart .chart-legend .chart-data {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  color: #e0e0e0;
}
.certifications .certifications-list .chart-title {
  width: inherit;
  margin: 10px auto 0;
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
  line-height: inherit;
  background: none;
  color: #013398;
}
.certifications .certifications-list table {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 0;
  border-radius: 4px;
  border-collapse: collapse;
}
.certifications .certifications-list table thead {
  background-color: #004595;
}
.certifications .certifications-list table thead th {
  border: 0;
  font-size: 12px;
  text-transform: uppercase;
}
.certifications .certifications-list table tbody {
  background-color: rgba(255, 255, 255, 0.5);
  color: #e0e0e0;
}
.certifications .certifications-list table tbody td {
  border: 0;
  font-size: 18px;
  font-weight: 700;
}
.certifications .certifications-list .btn-danger .fa {
  margin-right: 10px;
  margin-left: 0;
}
.certifications .loading-block {
  margin-top: 30px;
  text-align: center;
}
.certifications .loading-block .fa {
  margin-right: 5px;
  font-size: 18px;
  color: #cc0000;
}
.certifications .loading-block span {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
}
.certifications .certifications-users-table tbody tr td {
  vertical-align: middle;
}
.certifications .certifications-users-table tbody tr td .progress {
  margin: 4px 0 0 0;
}
.certifications .table-responsive {
  overflow-x: auto;
}
@media screen and (max-width: 576px) {
  .certifications .certifications-list .datos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 992px) {
  .certifications .certifications-list .chart-group {
    margin-top: 15px;
  }
  .certifications .certifications-list .col-sm-9 {
    width: auto;
  }
  .certifications .certifications-list .col-sm-3 {
    width: 100%;
  }
}

.buzon .bg-rueda {
  margin-bottom: 32px;
}
.buzon .bg-rueda .btn-volver {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.buzon .bg-rueda .btn-ayuda {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
}
.buzon .form-buzon {
  margin-bottom: 30px;
}
.buzon .form-buzon h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.buzon .form-buzon h3 small {
  font-weight: normal;
  color: #fff;
}
.buzon .form-buzon .datos-mini h3 {
  margin-bottom: 10px;
}
.buzon .form-buzon .tipo-buzon label {
  position: relative;
  float: left;
  margin-right: 15px;
  border-bottom: 4px solid #e6e9e9;
  text-transform: none;
  background-color: #f7f7f7;
  color: #333;
}
.buzon .form-buzon .tipo-buzon label:last-child {
  margin-right: 0;
}
.buzon .form-buzon .tipo-buzon label:hover {
  background-color: #d8d8d8;
}
.buzon .form-buzon .tipo-buzon .btn.focus {
  border-bottom: 4px solid #c63527;
  outline: none;
  background-color: #F3E6E6;
  color: #c63527;
}
.buzon .form-buzon .tipo-buzon i {
  margin-right: 10px;
}
.buzon .form-buzon .tipo-buzon .btn-idea:hover {
  border-bottom: 4px solid darkorange;
}
.buzon .form-buzon .tipo-buzon .btn-idea:active {
  border-bottom: 4px solid darkorange;
  background-color: #c26a00;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-idea.active {
  border-bottom: 4px solid darkorange;
  border-color: darkorange;
  background-color: #c26a00;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-sugerencia:hover {
  border-bottom: 4px solid #fff;
}
.buzon .form-buzon .tipo-buzon .btn-sugerencia:active {
  border-bottom: 4px solid #fff;
  background-color: #e0e0e0;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-sugerencia.active {
  border-bottom: 4px solid #fff;
  border-color: #fff;
  background-color: #e0e0e0;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-felicitacion:hover {
  border-bottom: 4px solid mediumseagreen;
}
.buzon .form-buzon .tipo-buzon .btn-felicitacion:active {
  border-bottom: 4px solid mediumseagreen;
  background-color: #2d8554;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-felicitacion.active {
  border-bottom: 4px solid mediumseagreen;
  border-color: mediumseagreen;
  background-color: #2d8554;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-consulta:hover {
  border-bottom: 4px solid #6873ab;
}
.buzon .form-buzon .tipo-buzon .btn-consulta:active {
  border-bottom: 4px solid #6873ab;
  background-color: #4c5689;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-consulta.active {
  border-bottom: 4px solid #6873ab;
  border-color: #6873ab;
  background-color: #4c5689;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-queja:hover {
  border-bottom: 4px solid #c63527;
}
.buzon .form-buzon .tipo-buzon .btn-queja:active {
  border-bottom: 4px solid #c63527;
  background-color: #93271d;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-queja.active {
  border-bottom: 4px solid #c63527;
  border-color: #c63527;
  background-color: #93271d;
  color: white;
}
@media screen and (max-width: 992px) {
  .buzon .form-buzon .tipo-buzon {
    display: inline-block;
    margin-bottom: -10px;
  }
  .buzon .form-buzon .tipo-buzon label {
    margin-bottom: 10px;
  }
}
.buzon .form-buzon .panel {
  padding: 35px 40px 10px;
}
.buzon .form-buzon .panel.panel-post {
  padding: 0;
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico {
  height: 65px;
  width: 65px;
  color: white;
  font-size: 24px;
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.consulta {
  background: #6873ab;
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.consulta i::before {
  content: "\f075";
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.sugerencia {
  background: #fff;
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.sugerencia i::before {
  content: "\f0a1";
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.felicitacion {
  background: mediumseagreen;
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.felicitacion i::before {
  content: "\f164";
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.idea {
  background: darkorange;
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.idea i::before {
  content: "\f0eb";
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.queja {
  background: #c63527;
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico.queja i::before {
  content: "\f165";
}
.buzon .form-buzon .panel.panel-post .panel-heading .tipo-ico i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.buzon .form-buzon .panel.panel-post .panel-heading h3 {
  margin-top: 20px;
}
.buzon .form-buzon .panel .row {
  margin-bottom: 30px;
}
.buzon .form-buzon .panel.editdash .tipo-buzon {
  display: inline-block;
  margin-bottom: 30px;
}
.buzon .form-buzon .panel.editdash .checkbox {
  font-size: 14px;
}
.buzon .form-buzon .panel.editdash .flexible .checkbox {
  margin: 0;
  padding: 7px 0;
}
.buzon .form-buzon .panel.editdash .flexible .validada p {
  margin-bottom: 0;
  margin-left: 10px;
}
.buzon .form-buzon .panel.editdash .enviar .btn {
  margin-right: 10px;
  padding: 6px 15px;
}
.buzon .form-buzon .panel.editdash .enviar p {
  margin-right: 10px;
  margin-bottom: 0;
  padding: 7px 0;
  font-size: 14px;
}
.buzon .form-buzon .panel.editdash .enviar p.ok {
  color: mediumseagreen;
}
.buzon .form-buzon .panel.editdash .enviar p.ko {
  color: #c63527;
}
.buzon .form-buzon .panel.editdash .respuesta h3 {
  margin-right: 15px;
}
.buzon .form-buzon .panel.editdash .respuesta .checkbox {
  padding: 0;
}
.buzon .form-buzon .panel .form-group {
  margin-bottom: 30px;
}
.buzon .form-buzon .nopanel {
  padding: 0 0 30px;
}
.buzon .form-buzon .nopanel .buzon-ico {
  height: 80px;
  position: relative;
}
.buzon .form-buzon .nopanel .buzon-ico i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 54px;
  color: white;
}
.buzon .form-buzon .g-btns a,
.buzon .form-buzon .g-btns button {
  float: left;
  margin-left: 15px;
}
@media screen and (max-width: 992px) {
  .buzon .grupo-checkbox .checkbox {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 992px) {
  .buzon .separador-campo-sm {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .buzon .separador-campo-xs {
    margin-bottom: 30px;
  }
}

.modal .modal-body {
  padding: 30px;
}
.modal .modal-body.instrucciones p:last-child {
  margin-bottom: 0;
}
.modal .modal-body.instrucciones .btn {
  margin: 10px 0;
}
.modal .modal-body.instrucciones .btn .fa {
  margin-right: 10px;
  margin-left: 0;
}
.modal .modal-body .consulta h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.modal .modal-body .consulta .datos-mini h3 {
  margin-bottom: 10px;
}
.modal .modal-body .consulta h4 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 24px;
  color: #fff;
}
.modal .modal-body .consulta .sugerencia {
  display: inline-block;
  margin-bottom: 30px;
  border-radius: 4px;
  padding: 9px 15px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #fff;
  color: white;
}
.modal .modal-body .consulta .sugerencia i {
  margin-right: 10px;
}
.modal .modal-body .consulta .autor {
  margin-bottom: 30px;
  text-transform: uppercase;
}
.modal .modal-body .consulta p {
  font-size: 14px;
}
.modal .modal-body .consulta p:last-child {
  margin-bottom: 0;
}
.modal .modal-body .panel {
  padding: 35px 40px 10px;
}
.modal .modal-body .panel.panel-post {
  margin: 0;
  padding: 0;
}
.modal .modal-body .panel.panel-post .panel-heading {
  font-size: 16px;
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico {
  height: 65px;
  width: 65px;
  color: white;
  font-size: 24px;
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.consulta {
  background: #6873ab;
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.consulta i::before {
  content: "\f075";
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.sugerencia {
  background: #fff;
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.sugerencia i::before {
  content: "\f0a1";
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.felicitacion {
  background: mediumseagreen;
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.felicitacion i::before {
  content: "\f164";
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.idea {
  background: darkorange;
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.idea i::before {
  content: "\f0eb";
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.queja {
  background: #c63527;
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico.queja i::before {
  content: "\f165";
}
.modal .modal-body .panel.panel-post .panel-heading .tipo-ico i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modal .modal-body .panel.panel-post .panel-heading h3 {
  margin-top: 20px;
}
.modal .modal-body .panel.panel-post .panel-heading strong {
  font-weight: 700;
  color: #8c8a89;
}
.modal .modal-body .panel.panel-post .panel-body p {
  font-size: 16px;
}
.modal .modal-body .panel .row {
  margin-bottom: 30px;
}
.modal .modal-body .buzon-ico {
  height: 80px;
  position: relative;
}
.modal .modal-body .buzon-ico i {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 78px;
  color: white;
}
@media screen and (max-width: 767px) {
  .modal .modal-body .buzon-ico i {
    font-size: 42px;
  }
}

.biblioteca .button-group .item {
  margin-right: 10px;
}
.biblioteca .button-group .item:last-child {
  margin-right: 0;
}
.biblioteca .button-group .dropdown-menu {
  min-width: auto;
}
.biblioteca .button-group .dropdown-menu > li > button {
  width: 100%;
  border: 0;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  background-color: transparent;
  color: #333;
  white-space: nowrap;
}
.biblioteca .button-group .dropdown-menu > li > button.tipo-documento {
  color: mediumseagreen;
}
.biblioteca .button-group .dropdown-menu > li > button.tipo-video {
  color: #fff;
}
.biblioteca .button-group .dropdown-menu > li > button.tipo-ebook {
  color: #6873ab;
}
.biblioteca .button-group .dropdown-menu > li > button.tipo-curso {
  color: #c63527;
}
.biblioteca .button-group .dropdown-menu > li > button i {
  margin-right: 5px;
}
.biblioteca .button-group .btn-default {
  padding: 6px 15px;
}
.biblioteca .button-group .btn-default.is-checked {
  background-color: white;
  color: white;
}
.biblioteca .button-group .btn-default .caret {
  margin-left: 15px;
}
.biblioteca .videos {
  margin-top: 12px;
}
.biblioteca .videos .tarjetas-video {
  min-height: 476px;
}
.biblioteca .videos .tarjeta-video.Vídeo a .duracion-tipo .tipo {
  background-color: rgba(255, 255, 255, 0.9);
}
.biblioteca .videos .tarjeta-video.Documento a .duracion-tipo .tipo {
  background-color: rgba(60, 179, 113, 0.9);
}
.biblioteca .videos .tarjeta-video.Libro .duracion-tipo .tipo {
  background-color: rgba(158, 42, 43, 0.9);
}
.biblioteca .videos .tarjeta-video.Curso a .duracion-tipo .tipo {
  background-color: rgba(198, 53, 39, 0.9);
}
.biblioteca .videos .tarjeta-video .apertura {
  display: inline-block;
  border: 1px solid #e7e7e7;
  margin-bottom: 30px;
  border-radius: 4px;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 480px) {
  .biblioteca .videos .tarjeta-video .apertura {
    height: auto;
  }
}
.biblioteca .videos .tarjeta-video .apertura:hover {
  text-decoration: none;
  background-color: white;
}
.biblioteca .videos .tarjeta-video .apertura:hover .duracion .fa-play-circle,
.biblioteca .videos .tarjeta-video .apertura:hover .duracion .fa-plus-circle {
  display: block;
}
.biblioteca .videos .tarjeta-video .apertura:hover .duracion img {
  opacity: 0.5;
}
.biblioteca .videos .tarjeta-video .apertura:hover .datos h3,
.biblioteca .videos .tarjeta-video .apertura:hover .datos p,
.biblioteca .videos .tarjeta-video .apertura:hover .datos .visualiza {
  color: white;
}
.biblioteca .videos .tarjeta-video .apertura:hover .datos .autor {
  color: #9e2a2b;
}
.biblioteca .videos .tarjeta-video .apertura:hover .rating-body {
  color: white;
  width: 90%;
}
.biblioteca .videos .tarjeta-video .apertura .duracion-tipo {
  position: relative;
}
.biblioteca .videos .tarjeta-video .apertura .duracion-tipo .fa-play-circle,
.biblioteca .videos .tarjeta-video .apertura .duracion-tipo .fa-plus-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
  font-size: 75px;
  color: white;
  opacity: 0.9;
  z-index: 1;
}
.biblioteca .videos .tarjeta-video .apertura .duracion-tipo img {
  width: 100%;
  border-radius: 4px 4px 0 0;
}
.biblioteca .videos .tarjeta-video .apertura .duracion-tipo .tipo {
  position: absolute;
  right: 20px;
  top: 15px;
  border-radius: 2px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #fff;
  color: white;
  z-index: 2;
}
.biblioteca .videos .tarjeta-video .apertura .duracion-tipo .tipo i {
  margin-right: 5px;
}
.biblioteca .videos .tarjeta-video .apertura .duracion-tipo .duracion {
  background-color: black;
  position: absolute;
  right: 20px;
  bottom: 15px;
  border-radius: 2px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  z-index: 2;
}
.biblioteca .videos .tarjeta-video .apertura .duracion-tipo .tiempo {
  position: absolute;
  right: 20px;
  bottom: 15px;
  border-radius: 2px;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: bold;
  background-color: rgba(51, 51, 51, 0.9);
  color: white;
  z-index: 1;
}
.biblioteca .videos .tarjeta-video .apertura .datos {
  position: relative;
  z-index: 10;
  min-height: 190px;
  padding: 15px 20px;
}
.biblioteca .videos .tarjeta-video .apertura .datos h3 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.biblioteca .videos .tarjeta-video .apertura .datos p {
  margin-bottom: 20px;
  font-size: 14px;
  color: #333;
}
.biblioteca .videos .tarjeta-video .apertura .datos .autor {
  font-size: 12px;
  color: #fff;
}
.biblioteca .videos .tarjeta-video .apertura .datos .visualiza {
  position: absolute;
  left: 20px;
  bottom: 15px;
  font-size: 12px;
  color: #666;
}
.biblioteca .videos .tarjeta-video .apertura .datos .visualiza .far {
  margin-right: 5px;
}
.biblioteca .videos .tarjeta-video .apertura .datos .num_votos {
  font-size: 12px;
  color: #333;
  margin-left: 5px;
}
.biblioteca .form-buzon {
  margin-bottom: 30px;
}
.biblioteca .form-buzon h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.biblioteca .form-buzon h3 small {
  font-weight: normal;
  color: #fff;
}
.biblioteca .form-buzon .datos-mini h3 {
  margin-bottom: 10px;
}
.biblioteca .form-buzon .tipo-buzon label {
  position: relative;
  float: left;
  margin-right: 15px;
  border-bottom: 4px solid #e6e9e9;
  text-transform: none;
  background-color: #f7f7f7;
  color: #333;
}
.biblioteca .form-buzon .tipo-buzon label:last-child {
  margin-right: 0;
}
.biblioteca .form-buzon .tipo-buzon label:hover {
  background-color: #d8d8d8;
}
.biblioteca .form-buzon .tipo-buzon .btn.focus {
  border-bottom: 4px solid #c63527;
  outline: none;
  background-color: #F3E6E6;
  color: #c63527;
}
.biblioteca .form-buzon .tipo-buzon i {
  margin-right: 10px;
}
.biblioteca .form-buzon .tipo-buzon .btn-idea:hover {
  border-bottom: 4px solid darkorange;
}
.biblioteca .form-buzon .tipo-buzon .btn-idea:active {
  border-bottom: 4px solid darkorange;
  background-color: #c26a00;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-idea.active {
  border-bottom: 4px solid darkorange;
  border-color: darkorange;
  background-color: #c26a00;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-sugerencia:hover {
  border-bottom: 4px solid #fff;
}
.biblioteca .form-buzon .tipo-buzon .btn-sugerencia:active {
  border-bottom: 4px solid #fff;
  background-color: #e0e0e0;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-sugerencia.active {
  border-bottom: 4px solid #fff;
  border-color: #fff;
  background-color: #e0e0e0;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-felicitacion:hover {
  border-bottom: 4px solid mediumseagreen;
}
.biblioteca .form-buzon .tipo-buzon .btn-felicitacion:active {
  border-bottom: 4px solid mediumseagreen;
  background-color: #2d8554;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-felicitacion.active {
  border-bottom: 4px solid mediumseagreen;
  border-color: mediumseagreen;
  background-color: #2d8554;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-consulta:hover {
  border-bottom: 4px solid #6873ab;
}
.biblioteca .form-buzon .tipo-buzon .btn-consulta:active {
  border-bottom: 4px solid #6873ab;
  background-color: #4c5689;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-consulta.active {
  border-bottom: 4px solid #6873ab;
  border-color: #6873ab;
  background-color: #4c5689;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-queja:hover {
  border-bottom: 4px solid #c63527;
}
.biblioteca .form-buzon .tipo-buzon .btn-queja:active {
  border-bottom: 4px solid #c63527;
  background-color: #93271d;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-queja.active {
  border-bottom: 4px solid #c63527;
  border-color: #c63527;
  background-color: #93271d;
  color: white;
}
@media screen and (max-width: 768px) {
  .biblioteca .form-buzon .tipo-buzon {
    display: inline-block;
    margin-bottom: -10px;
  }
  .biblioteca .form-buzon .tipo-buzon label {
    margin-bottom: 10px;
  }
}
.biblioteca .form-buzon .panel {
  padding: 35px 40px 10px;
}
.biblioteca .form-buzon .panel.panel-post {
  padding: 0;
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico {
  height: 65px;
  width: 65px;
  color: white;
  font-size: 24px;
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.consulta {
  background: #6873ab;
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.consulta i::before {
  content: "\f075";
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.sugerencia {
  background: #fff;
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.sugerencia i::before {
  content: "\f0a1";
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.felicitacion {
  background: mediumseagreen;
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.felicitacion i::before {
  content: "\f164";
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.idea {
  background: darkorange;
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.idea i::before {
  content: "\f0eb";
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.queja {
  background: #c63527;
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico.queja i::before {
  content: "\f165";
}
.biblioteca .form-buzon .panel.panel-post .panel-heading .tipo-ico i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.biblioteca .form-buzon .panel.panel-post .panel-heading h3 {
  margin-top: 20px;
}
.biblioteca .form-buzon .panel .row {
  margin-bottom: 30px;
}
.biblioteca .form-buzon .panel.editdash .tipo-buzon {
  display: inline-block;
  margin-bottom: 30px;
}
.biblioteca .form-buzon .panel.editdash .checkbox {
  font-size: 14px;
}
.biblioteca .form-buzon .panel.editdash .flexible .checkbox {
  margin: 0;
  padding: 7px 0;
}
.biblioteca .form-buzon .panel.editdash .flexible .validada p {
  margin-bottom: 0;
  margin-left: 10px;
}
.biblioteca .form-buzon .panel.editdash .respuesta h3 {
  margin-right: 15px;
}
.biblioteca .form-buzon .panel.editdash .respuesta .checkbox {
  padding: 0;
}
.biblioteca .form-buzon .panel .form-group {
  margin-bottom: 30px;
}
.biblioteca .form-buzon .nopanel {
  padding: 0 0 30px;
}
.biblioteca .form-buzon .nopanel .buzon-ico {
  height: 80px;
  position: relative;
}
.biblioteca .form-buzon .nopanel .buzon-ico i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 54px;
  color: white;
}
.biblioteca .form-buzon .enviar .btn {
  margin-right: 10px;
  padding: 6px 15px;
}
.biblioteca .form-buzon .g-btns a,
.biblioteca .form-buzon .g-btns button {
  float: left;
  margin-left: 15px;
}
.biblioteca .form-buzon .publi-banner .checkbox {
  margin-right: 15px;
}
.biblioteca .form-buzon .publi-banner .form-control {
  width: auto;
  margin-right: 0;
}
.biblioteca .form-buzon .publi-banner .sel-img {
  display: inline-block;
  padding-top: 7px;
}
.biblioteca .form-buzon .publi-banner .sel-img p {
  margin-bottom: 0;
  margin-right: 15px;
}
.biblioteca .form-buzon .publi-banner .enviar .btn {
  margin-right: 0;
}
.biblioteca .form-buzon .publi-banner .enviar .btn .fas {
  margin-right: 10px;
}
.biblioteca .form-buzon .publi-banner .leyenda {
  margin-top: 10px;
  color: #666;
}
.biblioteca .form-buzon .publi-banner .leyenda p {
  margin-bottom: 0;
}
.biblioteca .form-buzon .publi-banner .leyenda p small {
  font-size: 75%;
}
.biblioteca .form-buzon .select-archv {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.biblioteca .rating-body {
  position: absolute;
  bottom: 15px;
  font-size: 14px;
  color: white;
}
.biblioteca .rating-body .empty {
  opacity: 0.33;
}
.biblioteca .rating-body form .hover {
  color: yellow;
}
.biblioteca .rating-body form {
  float: left;
}
.biblioteca .rating-body span {
  margin-right: 5px;
  float: left;
}
.biblioteca .rating-body .num_votos {
  font-size: 12px;
  color: #333;
  margin-left: 5px;
}
.biblioteca .icon-tipo {
  position: absolute;
  right: 20px;
  font-size: 14px;
  bottom: 15px;
}
.biblioteca .glyphicon {
  cursor: pointer;
}
.biblioteca .caja-opciones input,
.biblioteca .caja-opciones select {
  width: 100%;
}
.biblioteca .cuerpo-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 30px 0;
}
.biblioteca .contenedor-curso-documento {
  position: relative;
}
.biblioteca .contenedor-curso-documento img {
  width: 100%;
}
.biblioteca .contenedor-curso-documento h1 {
  color: #0053a2;
  font-weight: bold;
  padding-bottom: 30px;
  border-bottom: 1px solid #004595;
  margin-bottom: 20px;
}
.biblioteca .contenedor-curso-documento .categoria {
  position: absolute;
  right: 20px;
  top: 15px;
  border-radius: 2px;
  padding: 4px 8px;
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  z-index: 2;
}
.biblioteca .contenedor-curso-documento h4 {
  color: #0053a2;
  font-weight: bold;
  margin-bottom: 20px;
}
.biblioteca .curso .categoria {
  background-color: rgba(198, 53, 39, 0.9);
}
.biblioteca .documento .categoria {
  background-color: rgba(60, 179, 113, 0.9);
}
.biblioteca.noticias .videos .panel {
  border: 1px solid #e7e7e7;
  background: white;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.biblioteca.noticias .videos .panel .panel-heading {
  border-bottom: 0;
  background-color: #f5f5f5;
  color: #333;
}
.biblioteca.noticias .videos .panel .panel-heading h4 {
  margin: 4px 0;
  font-size: 16px;
  font-weight: 600;
}
.biblioteca.noticias .videos .panel .panel-body ul {
  margin: 0;
  font-size: 14px;
}
.biblioteca.noticias .videos .panel .panel-body ul a {
  color: white;
}
.biblioteca.noticias .videos .panel .panel-body ul a:hover {
  color: #e6e6e6;
}
.biblioteca.noticias .videos .btn-thin {
  font-size: 12px;
}
.biblioteca.noticias .videos .tarjeta-video .apertura .duracion-tipo {
  height: 146px;
}
.biblioteca.noticias .videos .tarjeta-video .apertura .duracion-tipo img {
  height: 100%;
  width: 100%;
  border-radius: 3px 3px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.biblioteca.noticias .videos .tarjeta-video .apertura .datos {
  min-height: 267px;
}

.modal .biblioteca .modulos li {
  margin-bottom: 10px;
}
.modal .biblioteca .modulos li:last-child {
  margin-bottom: 0;
}
.modal .biblioteca .modulos span {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
}
.modal .biblioteca h5 {
  margin-top: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #c63527;
}
.modal .biblioteca small ul {
  font-weight: normal;
}
.modal .biblioteca a:hover {
  color: white;
}

.filters-button-group {
  margin-left: 30px;
}

.noticias .bg-rueda {
  margin-bottom: 32px;
}
.noticias .bg-rueda .btn-volver {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.noticias .bg-rueda .btn-ayuda {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
}
.noticias .form-buzon {
  margin-bottom: 30px;
}
.noticias .form-buzon h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.noticias .form-buzon h3 small {
  font-weight: normal;
  color: #fff;
}
.noticias .form-buzon .datos-mini h3 {
  margin-bottom: 10px;
}
.noticias .form-buzon .tipo-buzon label {
  position: relative;
  float: left;
  margin-right: 15px;
  border-bottom: 4px solid #e6e9e9;
  text-transform: none;
  background-color: #f7f7f7;
  color: #333;
}
.noticias .form-buzon .tipo-buzon label:last-child {
  margin-right: 0;
}
.noticias .form-buzon .tipo-buzon label:hover {
  background-color: #d8d8d8;
}
.noticias .form-buzon .tipo-buzon .btn.focus {
  border-bottom: 4px solid #c63527;
  outline: none;
  background-color: #F3E6E6;
  color: #c63527;
}
.noticias .form-buzon .tipo-buzon i {
  margin-right: 10px;
}
.noticias .form-buzon .tipo-buzon .btn-idea:hover {
  border-bottom: 4px solid darkorange;
}
.noticias .form-buzon .tipo-buzon .btn-idea:active {
  border-bottom: 4px solid darkorange;
  background-color: #c26a00;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-idea.active {
  border-bottom: 4px solid darkorange;
  border-color: darkorange;
  background-color: #c26a00;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-sugerencia:hover {
  border-bottom: 4px solid #fff;
}
.noticias .form-buzon .tipo-buzon .btn-sugerencia:active {
  border-bottom: 4px solid #fff;
  background-color: #e0e0e0;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-sugerencia.active {
  border-bottom: 4px solid #fff;
  border-color: #fff;
  background-color: #e0e0e0;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-felicitacion:hover {
  border-bottom: 4px solid mediumseagreen;
}
.noticias .form-buzon .tipo-buzon .btn-felicitacion:active {
  border-bottom: 4px solid mediumseagreen;
  background-color: #2d8554;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-felicitacion.active {
  border-bottom: 4px solid mediumseagreen;
  border-color: mediumseagreen;
  background-color: #2d8554;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-consulta:hover {
  border-bottom: 4px solid #6873ab;
}
.noticias .form-buzon .tipo-buzon .btn-consulta:active {
  border-bottom: 4px solid #6873ab;
  background-color: #4c5689;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-consulta.active {
  border-bottom: 4px solid #6873ab;
  border-color: #6873ab;
  background-color: #4c5689;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-queja:hover {
  border-bottom: 4px solid #c63527;
}
.noticias .form-buzon .tipo-buzon .btn-queja:active {
  border-bottom: 4px solid #c63527;
  background-color: #93271d;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-queja.active {
  border-bottom: 4px solid #c63527;
  border-color: #c63527;
  background-color: #93271d;
  color: white;
}
@media screen and (max-width: 768px) {
  .noticias .form-buzon .tipo-buzon {
    display: inline-block;
    margin-bottom: -10px;
  }
  .noticias .form-buzon .tipo-buzon label {
    margin-bottom: 10px;
  }
}
.noticias .form-buzon .panel {
  padding: 35px 40px 10px;
}
.noticias .form-buzon .panel.panel-post {
  padding: 0;
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico {
  height: 65px;
  width: 65px;
  color: white;
  font-size: 24px;
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.consulta {
  background: #6873ab;
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.consulta i::before {
  content: "\f075";
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.sugerencia {
  background: #fff;
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.sugerencia i::before {
  content: "\f0a1";
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.felicitacion {
  background: mediumseagreen;
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.felicitacion i::before {
  content: "\f164";
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.idea {
  background: darkorange;
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.idea i::before {
  content: "\f0eb";
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.queja {
  background: #c63527;
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.queja i::before {
  content: "\f165";
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.noticias .form-buzon .panel.panel-post .panel-heading h3 {
  margin-top: 20px;
}
.noticias .form-buzon .panel .row {
  margin-bottom: 30px;
}
.noticias .form-buzon .panel.editdash .tipo-buzon {
  display: inline-block;
  margin-bottom: 30px;
}
.noticias .form-buzon .panel.editdash .checkbox {
  font-size: 14px;
}
.noticias .form-buzon .panel.editdash .flexible .checkbox {
  margin: 0;
  padding: 7px 0;
}
.noticias .form-buzon .panel.editdash .flexible .validada p {
  margin-bottom: 0;
  margin-left: 10px;
}
.noticias .form-buzon .panel.editdash .respuesta h3 {
  margin-right: 15px;
}
.noticias .form-buzon .panel.editdash .respuesta .checkbox {
  padding: 0;
}
.noticias .form-buzon .panel .form-group {
  margin-bottom: 30px;
}
.noticias .form-buzon .nopanel {
  padding: 0 0 30px;
}
.noticias .form-buzon .nopanel .buzon-ico {
  height: 80px;
  position: relative;
}
.noticias .form-buzon .nopanel .buzon-ico i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 54px;
  color: white;
}
.noticias .form-buzon .enviar .btn {
  margin-right: 10px;
  padding: 6px 15px;
}
.noticias .form-buzon .g-btns a,
.noticias .form-buzon .g-btns button {
  float: left;
  margin-left: 15px;
}
.noticias .form-buzon .publi-banner .checkbox {
  margin-right: 15px;
}
.noticias .form-buzon .publi-banner .form-control {
  width: auto;
  margin-right: 0;
}
.noticias .form-buzon .publi-banner .sel-img {
  display: inline-block;
  padding-top: 7px;
}
.noticias .form-buzon .publi-banner .sel-img p {
  margin-bottom: 0;
  margin-right: 15px;
}
.noticias .form-buzon .publi-banner .enviar .btn {
  margin-right: 0;
}
.noticias .form-buzon .publi-banner .enviar .btn .fas {
  margin-right: 10px;
}
.noticias .form-buzon .publi-banner .leyenda {
  margin-top: 10px;
  color: #666;
}
.noticias .form-buzon .publi-banner .leyenda p {
  margin-bottom: 0;
}
.noticias .form-buzon .publi-banner .leyenda p small {
  font-size: 75%;
}
.noticias .form-buzon .select-archv {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.noticias #modal-posiciones:hover {
  cursor: pointer;
}
.noticias .contenedor-noticia {
  position: relative;
}
.noticias .contenedor-noticia .titulo-plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 20px;
}
.noticias .contenedor-noticia img {
  width: 100%;
}
.noticias .contenedor-noticia h1 {
  color: #fff;
  font-weight: bold;
}
.noticias .contenedor-noticia h3 {
  margin: 0;
  color: #fff;
}
.noticias .contenedor-noticia .titulo-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.noticias .contenedor-noticia .titulo-btns .btn {
  margin-left: 15px;
}
.noticias .contenedor-noticia .categoria {
  border-radius: 2px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #fff;
  color: white;
  z-index: 2;
}
.noticias .contenedor-noticia .categoria i {
  margin-right: 5px;
}
.noticias .contenedor-noticia .categoria.curso {
  background-color: #c63527;
}
.noticias .contenedor-noticia .categoria.documento {
  background-color: mediumseagreen;
}
.noticias .contenedor-noticia .categoria.video {
  background-color: #fff;
}
.noticias .contenedor-noticia .categoria.libro {
  background-color: #9e2a2b;
}
.noticias .contenedor-noticia .contenido-flotado .flotado {
  float: right;
  max-width: 380px;
  margin-left: 20px;
  margin-bottom: 20px;
  border-bottom: 4px solid #034686;
}
.noticias .contenedor-noticia .rating-body {
  position: relative;
  bottom: auto;
}
.noticias .contenedor-noticia .kanye {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.modal-posicionar-noticias #foPosiciones {
  text-align: center;
}
.modal-posicionar-noticias .columnas-posicionar {
  display: inline-block;
  float: none;
  vertical-align: top;
  text-align: center;
}
.modal-posicionar-noticias .columna-flechas {
  vertical-align: middle;
  font-size: 26px;
  color: #0053a2;
  font-weight: bold;
  min-height: 450px;
  line-height: 450px;
}
.modal-posicionar-noticias h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #0053a2;
}
.modal-posicionar-noticias ul {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
  border: 1px solid #ccc;
  border-radius: 3px;
  position: relative;
  height: 80%;
  padding: 0;
  overflow-y: auto;
  min-height: 400px;
  max-height: 400px;
}
.modal-posicionar-noticias ul li {
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
  background-color: white;
  text-align: left;
}
.modal-posicionar-noticias .aclaration {
  margin-top: 15px;
}
.modal-posicionar-noticias .aclaration span {
  font-size: 14px;
  font-weight: bold;
  display: block;
  widows: 100%;
  text-align: center;
}
.modal-posicionar-noticias ul#origen li:hover {
  cursor: pointer;
  color: white;
  text-decoration: none;
  background-color: #0053a2;
}
.modal-posicionar-noticias ul#destino li {
  border-width: 0px 0px 1px 0px !important;
}
.modal-posicionar-noticias ul#destino li:hover {
  cursor: all-scroll;
}

.encuesta {
  /*.nav-tabs{
    border: 0;
  }*/
}
.encuesta .tab-content > .active {
  display: block !important;
}
.encuesta .bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: -15px;
  border-radius: 0 10px 10px 0;
}
.encuesta .bg1 {
  background-image: url("../img/bg_formulario1.jpg");
}
.encuesta .bg2 {
  background-image: url("../img/bg_formulario2.jpg");
}
.encuesta .bg3 {
  background-image: url("../img/bg_formulario3.jpg");
}
.encuesta .bg4 {
  background-image: url("../img/bg_formulario4.jpg");
}
.encuesta .bg5 {
  background-image: url("../img/bg_formulario5.jpg");
}
.encuesta .bg6 {
  background-image: url("../img/bg_formulario6.jpg");
}
.encuesta .bg7 {
  background-image: url("../img/bg_formulario7.jpg");
}
.encuesta .cards {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.encuesta .cards .panel-heading {
  border-radius: 10px 10px 0 0 !important;
}
.encuesta .cards .answer {
  padding: 2rem !important;
  border-radius: 0 0 10px 10px !important;
  height: calc(100% - 60px) !important;
}
.encuesta .cards .answer.flexy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.encuesta .cards .answer.flexy div {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-right: 1px solid #ccc;
}
.encuesta .cards .answer.flexy div:first-child {
  margin-left: 0;
}
.encuesta .cards .answer.flexy div:last-child {
  border-right: none;
  margin-right: 0;
}
.encuesta .cards .answer .js-adjunto {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: mediumseagreen;
  color: #fff;
  padding: 0.5rem;
  border-radius: 4px;
}
.encuesta .cards .answer .js-adjunto::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f019" !important;
  color: #fff;
  font-weight: 600;
  padding-right: 0.5rem;
}
.encuesta .cards .answer .js-adjunto:hover, .encuesta .cards .answer .js-adjunto:active, .encuesta .cards .answer .js-adjunto:focus {
  color: #ddd !important;
}
.encuesta .cards .answer .js-adjunto:hover::before, .encuesta .cards .answer .js-adjunto:active::before, .encuesta .cards .answer .js-adjunto:focus::before {
  color: #ddd !important;
}
.encuesta .cards .answer p {
  line-height: 1.2;
  word-break: break-word;
}
.encuesta .cards .answer .chat {
  position: relative;
  max-height: 500px;
  min-height: 160px;
  scroll-behavior: auto;
  overflow: auto;
  background-image: url("../img/bg-chat.png");
  padding: 2rem;
  border: 1px solid #999;
}
.encuesta .cards .answer .chat .alinea-denunciante, .encuesta .cards .answer .chat .alinea-responsable {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 1rem auto;
  padding: 2rem;
  padding-bottom: 1rem !important;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.encuesta .cards .answer .chat .alinea-denunciante .js-adjunto, .encuesta .cards .answer .chat .alinea-responsable .js-adjunto {
  background-color: transparent;
  color: #000;
  border: 1px solid #ccc;
}
.encuesta .cards .answer .chat .alinea-denunciante .js-adjunto::before, .encuesta .cards .answer .chat .alinea-responsable .js-adjunto::before {
  color: #666 !important;
}
.encuesta .cards .answer .chat .alinea-denunciante .js-adjunto:hover, .encuesta .cards .answer .chat .alinea-denunciante .js-adjunto:active, .encuesta .cards .answer .chat .alinea-denunciante .js-adjunto:focus, .encuesta .cards .answer .chat .alinea-responsable .js-adjunto:hover, .encuesta .cards .answer .chat .alinea-responsable .js-adjunto:active, .encuesta .cards .answer .chat .alinea-responsable .js-adjunto:focus {
  color: #666 !important;
}
.encuesta .cards .answer .chat .alinea-denunciante .js-adjunto:hover::before, .encuesta .cards .answer .chat .alinea-denunciante .js-adjunto:active::before, .encuesta .cards .answer .chat .alinea-denunciante .js-adjunto:focus::before, .encuesta .cards .answer .chat .alinea-responsable .js-adjunto:hover::before, .encuesta .cards .answer .chat .alinea-responsable .js-adjunto:active::before, .encuesta .cards .answer .chat .alinea-responsable .js-adjunto:focus::before {
  color: #666 !important;
}
.encuesta .cards .answer .chat .alinea-denunciante span, .encuesta .cards .answer .chat .alinea-responsable span {
  font-size: 14px !important;
  line-height: 1 !important;
  padding-bottom: 0.5rem !important;
}
.encuesta .cards .answer .chat .alinea-denunciante ul, .encuesta .cards .answer .chat .alinea-responsable ul {
  -webkit-padding-start: 20px !important;
          padding-inline-start: 20px !important;
}
.encuesta .cards .answer .chat .alinea-denunciante p, .encuesta .cards .answer .chat .alinea-denunciante li, .encuesta .cards .answer .chat .alinea-denunciante a, .encuesta .cards .answer .chat .alinea-responsable p, .encuesta .cards .answer .chat .alinea-responsable li, .encuesta .cards .answer .chat .alinea-responsable a {
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.encuesta .cards .answer .chat .alinea-denunciante small, .encuesta .cards .answer .chat .alinea-responsable small {
  font-style: italic;
  font-weight: normal;
  width: 100%;
  font-size: 10px !important;
  text-align: right !important;
  padding-top: 1rem !important;
}
.encuesta .cards .answer .chat .alinea-denunciante .comentario, .encuesta .cards .answer .chat .alinea-responsable .comentario {
  display: block;
  margin-bottom: 10px;
}
.encuesta .cards .answer .chat .alinea-denunciante::before, .encuesta .cards .answer .chat .alinea-responsable::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
}
.encuesta .cards .answer .chat .alinea-denunciante {
  background-color: #d9fdd3;
  margin-left: 0 !important;
  border-radius: 0 6px 6px 6px;
}
.encuesta .cards .answer .chat .alinea-denunciante::before {
  left: -14px;
  border-color: #d9fdd3 #d9fdd3 transparent transparent;
}
.encuesta .cards .answer .chat .alinea-responsable {
  background-color: #fff;
  margin-right: 0 !important;
  border-radius: 6px 0 6px 6px;
}
.encuesta .cards .answer .chat .alinea-responsable::before {
  right: -14px;
  border-color: #fff transparent transparent #fff;
}
.encuesta .cards .answer .chat-texto {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1rem 0;
  background-color: #fff;
}
.encuesta .cards .answer .chat-texto textarea {
  font-weight: normal;
  margin: 0 4px;
  min-width: calc(100% - 106px);
}
.encuesta .cards .answer .chat-texto .btn-enviar {
  position: absolute;
  right: 108px;
  height: 26px;
  width: auto;
  margin: 5px;
}
.encuesta .cards .answer .chat-texto .btn-icono {
  width: 45px;
  margin-right: 4px;
}
.encuesta .cards .answer .chat-texto .btn-icono span {
  display: none;
  text-transform: none;
  font-size: 10px;
  line-height: 1.1;
  margin-left: 6px;
}
.encuesta .img-ok {
  background-image: url("../img/ok-encuesta.jpg");
  border: 1px solid #ddd;
  margin-top: 30px;
  margin-left: 20px;
  min-height: 326px;
}
.encuesta .img-ok h3 {
  position: relative;
  top: 80px;
  width: 50%;
  font-size: 30px;
  margin-left: 50px;
  font-weight: 600;
}
.encuesta .img-ok div:last-child h3 {
  margin: 0 auto;
  font-weight: 700;
  top: 120px;
}
.encuesta .progress {
  background-color: white;
  border: 1px solid #eee;
}
.encuesta .verde {
  color: #00b259;
}
.encuesta .alinea-preguntas {
  font-size: 16px;
  display: table;
}
.encuesta .alinea-preguntas span {
  display: table-cell;
  padding-left: 20px;
}
.encuesta .alinea-preguntas span:first-child {
  width: 25px;
  color: #ccc;
  padding-left: 10px;
}
.encuesta .alinea-preguntas span:first-child i.fa-check-circle {
  color: #00b259;
}
.encuesta .pasos div {
  padding: 0 4px !important;
}
.encuesta .pasos p {
  position: relative;
  width: 100% !important;
  padding: 4px !important;
  margin: 4px 0 !important;
  border-radius: 4px !important;
}
.encuesta .pasos p.active {
  background-color: #9fc790 !important;
  font-weight: 700 !important;
}
.encuesta .pasos p.active::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f303" !important;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -4px;
  right: -4px;
  background-color: white;
  color: #7ca86d;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  border: 1px solid #7ca86d;
}
.encuesta .pasos p.realizado {
  background-color: #dff0d8 !important;
}
.encuesta .pasos p.realizado::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c" !important;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -4px;
  right: -4px;
  background-color: white;
  color: #a8cf98;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid #a8cf98;
}
.encuesta .pasos p.disabled {
  background-color: #f5f5f5 !important;
  border: 1px solid #ccc !important;
}
.encuesta .pasos p.disabled::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f023" !important;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -4px;
  right: -4px;
  background-color: #f5f5f5;
  color: #ccc;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  border: 1px solid #ccc;
}
.encuesta .panel-heading {
  color: #f0f0f0;
  background-color: #333;
  border-radius: 10px 10px 0 0;
}
.encuesta .panel-heading span {
  position: relative;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100px;
  height: 40px;
  border-radius: 4px;
  padding: 0;
  margin-bottom: -6px !important;
  white-space: nowrap;
}
.encuesta .panel-heading span i, .encuesta .panel-heading span strong {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2rem;
}
.encuesta .panel-heading h3 {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  font-weight: bold;
}
.encuesta .panel-title {
  padding: 8px;
  text-transform: uppercase;
}
.encuesta .panel-body > .row-95 {
  width: 95%;
  margin: 0 auto;
}
.encuesta .panel-footer {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 0 0 10px 10px;
  padding: 20px !important;
}
.encuesta .panel-footer .btn-default {
  background-color: #fff;
}
.encuesta .answer {
  padding: 20px;
  background-color: #e4e4e4;
  margin-top: 0px;
  font-size: 15px;
  font-weight: 600;
}
.encuesta .answer hr {
  border: 1px solid #dfdfdf !important;
}
.encuesta .answer p {
  margin: 0;
  font-weight: normal;
}
.encuesta .answer .select div {
  text-align: right;
  margin-top: 30px;
}
.encuesta .answer .select select {
  border-radius: 3px;
  font-weight: bold;
}
.encuesta .answer .select select:focus, .encuesta .answer .select select:active {
  border-color: #007f40;
  -webkit-box-shadow: 1px 1px 6px #007f40;
          box-shadow: 1px 1px 6px #007f40;
  outline-color: #007f40;
  outline: inherit;
}
@media (min-width: 992px) {
  .encuesta .answer .select {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    right: 5px;
  }
  .encuesta .answer .select div {
    text-align: right;
    margin-top: 0;
  }
}
.encuesta .abiertas {
  margin-bottom: 20px;
}
.encuesta .abiertas h4 {
  min-height: 38px;
}
.encuesta .abiertas textarea {
  background-color: #efefef;
}
.encuesta .validadoOK [data-validate=true] {
  background-color: #00b259;
  font-weight: bold;
  color: white;
  border-color: #007f40;
}
.encuesta .validadoOK [data-validate=false] {
  background-color: #c74040 !important;
  border: 1px solid #770d0d !important;
  color: white !important;
}
.encuesta .answer:nth-child(2n) {
  background-color: #f5f5f5;
}
.encuesta .pest-home {
  min-height: 450px;
  background-image: url("../img/narra01.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.encuesta .pest-home .panel-body {
  border: 0;
}
.encuesta .pest-home h2 {
  font-weight: bold;
}
.encuesta .pest-home-img2 {
  background-image: url("../img/narra02.png");
}
.encuesta .pest-home-img2 .pest-text-portada {
  margin-left: 50%;
}
.encuesta .pest-img .panel-body {
  padding-bottom: 0;
  padding-top: 0;
}
.encuesta .pest-text-portada {
  width: 40%;
  margin-left: 2rem;
  font-size: 1.6rem;
}
.encuesta .pest-text-portada .resaltado {
  font-size: 1.8rem;
}
.encuesta .pest-img-escala {
  margin-bottom: 3rem;
  margin-left: 2rem;
  margin-top: 1.5rem;
  display: inline-block;
  padding: 1rem;
  border: 1px solid #ddd;
  background-color: white;
}
.encuesta .img1 {
  background-image: url("../img/encuesta-img2.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 335px;
}
.encuesta .img2 {
  background-image: url("../img/puzzle.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 335px;
}
.encuesta .img3 {
  background-image: url("../img/encuesta-img4.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 335px;
  border-right: 1px solid #ddd;
}
.encuesta .img4 {
  background-image: url("../img/encuesta-img3.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 335px;
}
.encuesta .pert-title {
  margin-top: 2rem;
  margin-right: 0rem;
  width: 80%;
  float: right;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
}
.encuesta .pert-title h3 {
  margin-top: 10px !important;
}
.encuesta .alert {
  font-size: 14px;
  margin-bottom: 0px !important;
}
.encuesta .on-error {
  position: absolute;
  display: none;
  background-color: #c74040 !important;
  border-bottom: 2px solid #770d0d;
  top: 0;
  left: 0;
  padding: 0.5rem;
  width: 100%;
  padding-left: 2rem;
  color: white;
}
.encuesta .panel-footer {
  position: relative;
  overflow: hidden;
}
.encuesta .panel-heading {
  position: relative;
}
.encuesta .escala {
  position: absolute;
  right: 10px;
  bottom: 7px;
}
.encuesta .clock i {
  font-size: 43px;
  color: #00b259;
}
.encuesta .clock p {
  margin-left: 10px;
}
.encuesta .mensaje-final {
  margin: 2rem !important;
  padding: 4rem !important;
}
@media (max-width: 767px) {
  .encuesta .chat-texto {
    padding: 0.5rem 0 !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .encuesta .chat-texto textarea {
    font-weight: normal !important;
    margin: 0 !important;
    min-width: auto !important;
    width: 100% !important;
  }
  .encuesta .chat-texto .btn-enviar {
    position: relative !important;
    right: 0px !important;
    height: 26px !important;
    width: 100% !important;
    margin: 4px 0px !important;
  }
  .encuesta .chat-texto .btn-icono {
    position: relative !important;
    right: 0px !important;
    width: 100% !important;
    margin: 2px 0px !important;
  }
  .encuesta .chat-texto .btn-icono span {
    display: inline !important;
  }
  .encuesta .answer.flexy {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .encuesta .answer.flexy div {
    margin-top: 10px !important;
    margin-left: 0rem !important;
    margin-right: 0rem !important;
    border: none !important;
  }
  .encuesta .answer .chat .alinea-denunciante, .encuesta .answer .chat .alinea-responsable {
    max-width: 100% !important;
    padding: 1.4rem !important;
  }
  .encuesta .pest-text-portada h2 {
    margin-top: 30px !important;
    font-size: 18px !important;
  }
  .encuesta .pert-title {
    margin-top: 0rem !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
    width: auto !important;
    background-color: rgb(255, 255, 255) !important;
  }
  .encuesta .pert-title h3 {
    margin-top: 0px !important;
    font-size: 20px !important;
  }
  .encuesta .pert-title .alert {
    font-size: 14px !important;
  }
  .encuesta .img1, .encuesta .img2, .encuesta .img3, .encuesta .img4 {
    background-position: 400px;
  }
  .encuesta .panel-heading {
    border-radius: 10px 10px 0 0 !important;
  }
  .encuesta .panel-heading h3 {
    font-size: 18px !important;
  }
  .encuesta .panel-footer {
    border-radius: 0 0 10px 10px !important;
  }
  .encuesta select, .encuesta textarea, .encuesta input {
    width: 100% !important;
  }
  .encuesta .mensaje-final {
    margin: 2rem 0 !important;
    padding: 2rem !important;
  }
}
.encuesta .panel-heading span {
  background-color: #fff;
}
.encuesta .panel-heading span i {
  color: #333;
}
.encuesta .panel-heading span strong {
  color: #333;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
  .encuesta .pest-text-portada {
    width: 100%;
    margin-left: 1rem;
    padding-right: 1rem;
  }
  .encuesta .pest-home {
    background-position: 1000px;
  }
  .encuesta .pest-img-escala {
    margin-left: 0;
  }
  .encuesta .pest-img-escala img {
    width: 100%;
  }
  .encuesta .img1, .encuesta .img2, .encuesta .img3, .encuesta .img4 {
    height: 250px;
  }
  .encuesta .panel-heading span {
    display: none;
  }
  .encuesta .escala {
    position: relative;
  }
  .encuesta .panel-body > .row-95 {
    width: 100%;
  }
  /*.panel-body {
    padding: 0;
  }*/
  .encuesta .alinea-preguntas span:first-child {
    width: 13px;
    padding-left: 0px;
  }
  .encuesta .alinea-preguntas span {
    padding-left: 10px;
  }
}
.progress.progress-striped.active span {
  margin-left: 10px;
  font-weight: 700;
  line-height: 26px;
}

.progress {
  height: 26px;
}

.breadcrumb + .hgroup {
  border-bottom: 0;
}
.breadcrumb + .hgroup h1 {
  font-size: 2em;
}

.curso {
  padding-bottom: 3em;
}
.curso .panel-info > .panel-heading {
  color: white;
  background-color: #c63527;
  border-color: #c63527;
}
.curso .panel-default > .panel-heading {
  color: white;
  background-color: #2F2B27;
}
.curso .panel-default > .panel-heading h3::after {
  float: left;
  content: "/ ";
  color: #A154A0;
  display: inline-block;
  margin-right: 8px;
  font-size: 32px;
  line-height: 0.7;
}
.curso .list-group-item.acceder:hover {
  background: #c63527;
}
.curso .sidebar .sidebar-header {
  background: #2F2B27;
  color: white;
  padding: 1px 20px;
  border-radius: 5px 5px 0 0;
}
.curso .acciones .sidebar-header {
  background: #2F2B27;
  color: white;
  padding: 12px 20px;
}
.curso .acciones h3::after {
  float: left;
  content: "/ ";
  color: #c63527;
  display: inline-block;
  margin-right: 8px;
  font-size: 32px;
  line-height: 0.7;
}
.curso .acciones h3 {
  font-size: 20px;
  color: white;
  line-height: 28px;
}
.curso .acciones h3 i {
  margin-right: 10px;
}
.curso .acciones h3.icono::after {
  content: none;
}
.curso h4.acceder {
  color: #333 !important;
  font-size: 1.5em !important;
  margin: 20px !important;
}
.curso .img-curso {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33);
}
.curso .list-group .header {
  margin: 0;
  color: #333;
  border-bottom: 4px solid white;
  border-top: 0;
  font-size: 22px;
  font-weight: 700;
}
.curso .panel-title {
  font-size: 20px;
  text-transform: uppercase;
}
.curso .list-group-item {
  margin: 0;
  border-radius: 0;
  min-height: 55px;
  line-height: 33px;
}
.curso .list-group-item.check:hover .icon-w {
  background-color: white;
  color: green;
}
.curso .list-group-item.unlock:hover .icon-w {
  background-color: white;
  color: #666;
}
.curso .list-group-item.check:hover, .curso .list-group-item.unlock:hover {
  background-color: #e4e4e4;
}
.curso .list-group-item .titulo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.curso .list-group-item.unlock, .curso .list-group-item.check {
  color: #fff;
  font-weight: bold;
}
.curso .list-group-item.disabled {
  background-color: white;
}
.curso .list-group-item.cta figure {
  width: 100px;
  margin-left: 10px;
}
.curso .list-group-item.cta.bgc {
  background-color: #a5bcea;
}
.curso .list-group-item.cta h4 {
  font-size: 1.4em;
  margin-top: 5px;
}
.curso .icon-pos-a {
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.curso .card {
  font-size: 20px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  height: 80px;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.curso .card:hover, .curso .card:active {
  background: white;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.curso .card .col {
  float: left;
  position: relative;
  min-height: 1px;
  height: 100%;
  padding: 16px;
}
.curso .card .col.titulo {
  width: 50%;
  font-size: 24px;
  margin-top: 18px;
}
.curso .card .col.nota {
  width: 30%;
}
.curso .card .col.nota small {
  text-transform: uppercase;
  font-size: 75%;
}
.curso .card .col.nota span {
  font-weight: 300;
  font-size: 75%;
  color: white;
}
.curso .card .col.estado {
  width: 10%;
}
.curso .card .col.icono {
  float: right;
  width: 10%;
  background-color: #fff;
  background-image: url(../img/btn-shadow.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.curso .card .col.icono::before {
  font-family: "Font Awesome 5 Free";
  content: "\f090";
  display: block;
  float: right;
  width: 40px;
  height: 40px;
  color: white;
  text-align: center;
  font-size: 32px;
  color: white;
  padding: 6px;
  line-height: 40px;
}
.curso .card .col.icono.finalizado::before {
  content: "\f00c";
}
.curso .card .col.icono.disabled::before {
  content: "\f023";
}
.curso .card .col small,
.curso .card .col strong {
  display: inline-block;
  float: left;
  clear: left;
}
.curso .card .col strong {
  color: #fff;
}
.curso .card .col small {
  color: white;
}
.curso .card.evaluacion .icono {
  background-color: darkorange;
}
.curso .card.evaluacion .icono::before {
  content: "\f044";
}
.curso .card.diploma .icono {
  background-color: mediumseagreen;
}
.curso .card.diploma .icono::before {
  content: "\f091";
}
.curso .card .estado::before {
  content: "\f09c";
  font-family: "Font Awesome 5 Free";
  display: block;
  float: right;
  width: 48px;
  height: 48px;
  text-align: center;
  font-size: 20px;
  color: mediumseagreen;
  background: white;
  border-radius: 50px;
  padding: 10px;
}
.curso .card.finalizado .estado::before {
  content: "\f00c";
}
.curso .card.disabled .estado::before {
  content: "\f023";
  color: #c63527;
  opacity: 0.75;
}
.curso .card.disabled {
  pointer-events: none;
  opacity: 0.75;
}
.curso a.modulo {
  color: #fff;
  display: block;
  font-size: 24px;
  padding: 24px;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.curso a.modulo.disabled {
  pointer-events: none;
  opacity: 0.75;
}
.curso a.modulo.disabled i {
  color: #c63527;
  opacity: 0.75;
}
.curso a.modulo i::before {
  display: inline-block;
  vertical-align: top;
}
.curso a.modulo small,
.curso a.modulo strong {
  display: inline-block;
  float: left;
  clear: left;
}
.curso a.modulo small {
  text-transform: uppercase;
  font-size: 60%;
  color: white;
}
.curso a.modulo .nota {
  width: 30%;
  position: absolute;
  right: 200px;
}
.curso a.modulo .nota small {
  text-transform: uppercase;
  font-size: 60%;
}
.curso a.modulo .nota strong {
  font-size: 75%;
  color: #8c8a89;
}
.curso a.modulo.siosi {
  background-image: url(../img/siosi.png);
}
.curso a.modulo.rapidfire {
  background-image: url(../img/rapidfire.png);
}
.curso a.modulo.acceso {
  background-image: url(../img/acceso-curso.png);
}
.curso a.modulo.entrenamiento {
  background-image: url(../img/entrenamiento.png);
}
.curso a.modulo.evaluacion {
  background-image: url(../img/evaluacion.png);
}
.curso a.modulo.diploma {
  background-image: url(../img/diploma.png);
}
.curso a.modulo.diploma strong {
  color: mediumseagreen;
  margin: 8px 0;
}
.curso a.modulo::before {
  font-family: "Font Awesome 5 Free";
  content: "\f09c";
  display: block;
  float: right;
  width: 54px;
  height: 54px;
  text-align: center;
  font-size: 24px;
  margin-right: 120px;
  color: #8c8a89;
  background: white;
  border-radius: 50px;
  padding: 12px;
}
.curso a.modulo.finalizado::before {
  content: "\f00c";
  color: mediumseagreen;
}
.curso a.modulo.disabled::before {
  content: "\f023";
  color: #c63527;
}
.curso a.modulo:hover, .curso a.modulo:active {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.ejercicios-tutor {
  background: url(../img/bg.jpg) no-repeat top center;
}
.ejercicios-tutor header {
  background: #A154A0;
  color: white;
  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: 11px 16px;
  height: 62px;
}
.ejercicios-tutor header h1,
.ejercicios-tutor header p {
  margin: 0;
}
.ejercicios-tutor header h1 {
  font-weight: 700;
  font-size: 120%;
}
.ejercicios-tutor header p {
  text-transform: uppercase;
  font-size: 85%;
}
.ejercicios-tutor header .btn {
  background: #A154A0;
  border: 1px solid white;
}
.ejercicios-tutor header .btn:hover {
  color: white;
  background: #6f3a6e;
}
.ejercicios-tutor .content {
  margin-top: 32px;
}
.ejercicios-tutor .viewer object {
  display: block;
  width: 100%;
  height: calc(100vh - 62px);
}
.ejercicios-tutor .viewer iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.ejercicios-tutor .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ejercicios-tutor .buttons .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ejercicios-tutor .buttons .btn + .btn {
  margin-left: 16px;
}
.ejercicios-tutor .nota {
  padding: 8px 16px;
  border-radius: 4px;
  background: #ddd;
  color: #35444b;
  margin: 16px 0;
  text-align: center;
  font-size: 85%;
}
.ejercicios-tutor .content .panel {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.ejercicios-tutor .content .panel .panel-body {
  padding: 32px 32px 0;
}
.ejercicios-tutor .content .panel .panel-body h3 {
  margin-top: 0;
  color: #A154A0;
  margin-bottom: 32px;
}
.ejercicios-tutor .content .panel .panel-body .btn-primary {
  margin-top: 32px;
}
.ejercicios-tutor .btn-default {
  background: #ddd;
}

.practico .card-ent {
  height: 108px;
  overflow: hidden;
}
.practico .card-ent .card-heading {
  position: relative;
  height: 108px;
  min-height: 95px;
}
.practico .btn-primary {
  background-color: #4e949c;
}
.practico .card-eva {
  height: 170px;
}
.practico .card-eva .card-heading h3 {
  top: 70%;
}

.protocolos #pag1_igualdad,
.protocolos #pag2_igualdad,
.protocolos #pag1_riesgos,
.protocolos #pag1_rgpd {
  margin-bottom: 40px;
}
.protocolos #pag1_acoso,
.protocolos #pag2_acoso,
.protocolos #pag1_riesgos,
.protocolos #pag1_rgpd {
  margin-bottom: 40px;
}
.protocolos #pag1_acoso p:last-child,
.protocolos #pag2_acoso p:last-child,
.protocolos #pag1_riesgos p:last-child,
.protocolos #pag1_rgpd p:last-child {
  margin-bottom: 0;
}
.protocolos h4 {
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.protocolos h4 i {
  margin-right: 8px;
}
.protocolos .confirmar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.protocolos .confirmar input {
  margin-right: 16px;
}
.protocolos .fecha {
  margin-bottom: 0;
  font-size: 14px;
  color: #9e2a2b;
}
.protocolos .centros img {
  border-radius: 3px 3px 0 0;
}
.protocolos .centros .boxed {
  padding: 20px 16px;
  text-align: center;
}

.evaluacion {
  padding-bottom: 3em;
}
.evaluacion .panel-heading {
  padding: 10px 15px;
  background: #fff;
}
.evaluacion .panel-heading .panel-title {
  font-weight: 700;
  font-size: 20px;
  color: white;
}
.evaluacion .alert-aviso {
  width: 180px;
  margin: 24px;
  border: 1px solid #cac5c5;
  background-color: white;
}
.evaluacion .ml-24 {
  margin-left: 24px;
}
.evaluacion .score {
  background: #fff;
  color: #c63527;
  display: inline-block;
  margin: 24px;
  border-radius: 3px;
  width: 180px;
  height: 180px;
  padding: 20px;
  text-align: center;
}
.evaluacion .score * {
  display: block;
}
.evaluacion .score .title {
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
}
.evaluacion .score .points {
  font-size: 56px;
  font-weight: 700;
  line-height: 56px;
  color: white;
  padding: 16px;
}
.evaluacion .score .date {
  font-size: 14px;
}
.evaluacion .list-group-item .feedback {
  margin: 0 12px;
  text-transform: uppercase;
}
.evaluacion .list-group-item:hover {
  background: #f7f7f7;
}
.evaluacion .list-group-item.active:hover {
  background: #fff;
}
.evaluacion .list-group .list-group-item.pregunta {
  background-color: #666;
  color: white;
  border-radius: 5px 5px 0 0;
}
.evaluacion label.btn {
  display: block;
  padding: 6px 0;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  cursor: pointer;
  color: #8c8a89;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 16px;
  position: relative;
  text-transform: none;
}
.evaluacion label.btn.active, .evaluacion label.btn:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.evaluacion label.btn span {
  margin-left: 48px;
  display: inline-block;
}
.evaluacion label.btn input[type=radio] {
  display: none;
}
.evaluacion label.btn .far {
  position: absolute;
  top: 0;
  left: 6px;
  vertical-align: -4px;
  margin-right: 8px;
}
.evaluacion label.btn input[type=radio] ~ i.far.fa-circle {
  color: white;
  display: inline;
}
.evaluacion label.btn input[type=radio] ~ i.far.fa-dot-circle,
.evaluacion label.btn input[type=radio]:checked ~ i.far.fa-circle {
  display: none;
}
.evaluacion label.btn input[type=radio]:checked ~ i.far.fa-dot-circle {
  color: mediumseagreen;
  display: inline;
}
.evaluacion label.btn:hover input[type=radio] ~ i.far {
  color: mediumseagreen;
}

.evaluacion h3.navbar-text {
  color: white;
  line-height: 30px;
}
.evaluacion .navbar-brand {
  padding: 0;
}
.evaluacion .navbar-bottom .navbar-right .cerrar {
  width: 80px;
  height: 80px;
  padding: 31px;
  border-left: 1px dotted #014586;
  border-right: 1px dotted #014586;
  background-color: #fff;
}
.evaluacion .navbar-bottom .navbar-right .cerrar img {
  display: block;
}
.evaluacion .navbar-bottom .navbar-right .cerrar:hover {
  background: #ebebeb;
}

.qfundae hr {
  margin: 0;
}
.qfundae .hgroup-linea::after {
  left: 0;
}
.qfundae .panel-heading {
  background-color: #494949;
  border-bottom: 2px solid #ecf0f1;
  color: white;
}
.qfundae .panel-heading h3 {
  font-weight: bold;
}
.qfundae .checkbox-list label {
  display: block;
  margin-bottom: 10px;
}
.qfundae .panel {
  border-bottom: 2px solid #c1c0c0;
}
.qfundae .panel-body {
  padding: 20px 30px;
}
.qfundae .panel-body-list p {
  margin-left: 40px;
  position: relative;
}
.qfundae .panel-body-list p > span {
  position: absolute;
  left: -37px;
  font-weight: bold;
}

.admin-dash .usuario .my-data .name-wrapper {
  height: 100px;
}
.admin-dash .usuario .my-data h1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.admin-dash .usuario .my-data .name-wrapper {
  height: 100px;
}
.admin-dash .usuario .my-data h1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.admin-dash .usuario .data-mini {
  margin: 32px 0;
  padding: 20px 0 16px;
}
.admin-dash .usuario .data-mini .user {
  margin: 0;
  font-size: 24px;
}
.admin-dash .usuario .data-mini .form-inline {
  margin: -5px 0 6px;
}

.cmi .anyo .dropdown {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cmi .anyo .btn-anyo {
  margin-right: 0;
}

.cmi-menu .cmi-menu-bloque {
  margin-top: 40px;
}
.cmi-menu .cmi-menu-bloque .row {
  margin-top: 20px;
}
.cmi-menu .cmi-menu-bloque h2 {
  margin: 0;
  font-size: 34px;
  text-align: center;
}

.cmi-calendario legend {
  margin-bottom: 0;
  font-size: 24px;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
}
.cmi-calendario h4 {
  font-size: 16px;
  margin: 0;
  color: #fff;
}

.dep-card-wrapper {
  width: 100%;
  text-align: center;
}
.dep-card-wrapper .dep-card:not(:first-child) {
  margin-left: 5px;
}

.dep-card {
  display: inline-block;
  width: 140px;
  height: 175px;
  background-color: #f9f9f9;
  padding: 20px 10px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 3px rgba(32, 32, 32, 0.2);
  vertical-align: top;
}
.dep-card.default {
  background-color: #DDDDDD;
}
.dep-card.default .dep-card-value {
  background-color: #f8f8f8;
}
.dep-card.default .dep-card-value::after {
  background-color: #f8f8f8;
}
.dep-card.danger .dep-card-value {
  background-color: #CD3D2C;
  color: white;
}
.dep-card.danger .dep-card-value::after {
  background-color: #CD3D2C;
}
.dep-card.warning .dep-card-value {
  background-color: #D9A300;
  color: white;
}
.dep-card.warning .dep-card-value::after {
  background-color: #D9A300;
}
.dep-card.success .dep-card-value {
  background-color: #008A4B;
  color: white;
}
.dep-card.success .dep-card-value::after {
  background-color: #008A4B;
}

.dep-card-value {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 16px;
  border-radius: 100%;
  background-color: #9e2a2b;
}
.dep-card-value::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 auto;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #9e2a2b;
}
.dep-card-value span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 700;
  color: white;
}

.dep-card-icon {
  position: absolute;
  right: -2px;
  bottom: -6px;
  background-color: white;
  width: 29px;
  height: 29px;
  border-radius: 100%;
}
.dep-card-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-55%, -50%);
          transform: translate(-55%, -50%);
  color: #394264;
}

.dep-card-title {
  position: relative;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  line-height: 15px;
}
.dep-card-title span {
  color: #fff;
}

@media (max-width: 1199px) {
  .dep-card {
    margin-bottom: 10px;
  }
}
.btn-dash {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #DFDFD0;
  border-radius: 10px;
  min-height: 100px;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.btn-dash:hover {
  background-color: #d5d5c1;
  -webkit-transform: scale(1.05) !important;
          transform: scale(1.05) !important;
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-dash.ani {
  opacity: 0;
}
.btn-dash.green {
  background-color: #00b259;
}
.btn-dash.green .btn-dash-title {
  color: white;
}

.btn-dash-title {
  display: inline-block;
  position: relative;
  width: 70%;
  padding: 1rem;
  padding-left: 2.5rem;
  font-size: 14px;
  font-weight: bold;
  font-size: 1.8rem;
  color: #333;
  min-height: 100px;
  vertical-align: top;
}
.btn-dash-title span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.btn-dash-icon {
  position: relative;
  display: inline-block;
  margin-left: -4px;
  width: 30%;
  min-height: 100px;
}
.btn-dash-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.participation {
  padding-right: 30px;
  border-right: 2px solid #ccc;
}
.participation figure {
  display: inline-block;
  font-size: 70px;
  color: #666666;
  float: right;
}

@media (min-width: 1200px) {
  .participation {
    min-width: 600px;
  }
  .participation-group {
    margin-left: 14px;
    margin-right: 8px;
  }
}
.participation-data {
  display: inline-block;
  font-size: 75px;
  font-weight: 700;
}

.participation-group {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}

.participation-title {
  color: #fff;
  font-size: 35px;
  line-height: 35px;
}

.participation-staff {
  font-size: 20px;
  line-height: 20px;
}

.global-group {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 14px;
  margin-right: 8px;
}
.global-group div:first-child {
  font-size: 17px;
  line-height: 17px;
}
.global-group div:last-child {
  color: #fff;
  font-size: 40px;
  line-height: 40px;
}

.two-row-title {
  min-width: 480px;
}
.two-row-title figure {
  display: inline-block;
  font-size: 50px;
  color: #666666;
}

.two-row-title-data {
  display: inline-block;
  font-size: 75px;
  font-weight: 700;
}

.two-row-title-group {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 14px;
  margin-right: 8px;
}
.two-row-title-group div:first-child {
  font-size: 15px;
  line-height: 15px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.two-row-title-group div:last-child {
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  line-height: 23px;
}

.title-group {
  font-weight: 700;
  font-size: 22px;
  line-height: 23px;
  margin-left: 20px;
  border-bottom: 2px solid #fff;
  width: 50%;
}

.blobal-data {
  width: 300px;
}
.blobal-data.fw {
  width: 100%;
}

.blobal-data-subtitle {
  font-size: 15px;
  line-height: 12px;
  font-weight: bold;
}

.blobal-data-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
}
.blobal-data-title span {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
}

.global-data-value {
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
}

.line-right {
  border-right: 2px solid #b4b4b4;
}

@media screen and (max-width: 767px) {
  .borrar-xs {
    display: none;
  }
}
.pie-row {
  display: table;
}

.pie-row-data {
  display: table-cell;
  padding: 5px;
  font-weight: bold;
  min-width: 60px;
  text-align: right;
  font-size: 15px;
}

.pie-row-color {
  display: table-cell;
  padding: 5px;
}
.pie-row-color.red {
  color: #CD3D2C;
}
.pie-row-color.blue {
  color: #0096BC;
}
.pie-row-color.yellow {
  color: #D88A0E;
}
.pie-row-color.green {
  color: #008A4B;
}
.pie-row-color.orange {
  color: #e3a40c;
}
.pie-row-color.purple {
  color: #9f0ce3;
}
.pie-row-color.white {
  color: #ffffff;
}
.pie-row-color.black {
  color: #000000;
}
.pie-row-color.brown {
  color: #906b49;
}
.pie-row-color.pink {
  color: #e79fda;
}
.pie-row-color.cian {
  color: #83f8fc;
}
.pie-row-color.grey {
  color: #c0c0c0;
}

.pie-row-title {
  display: table-cell;
  padding: 5px;
  font-weight: bold;
  font-size: 15px;
}

.pie-container {
  width: 154px;
  height: 154px;
}

.bloque {
  background-color: white;
  min-width: 100%;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.2);
  min-height: 112px;
}

.bloque-title {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 12px;
  font-size: 12px;
  margin-bottom: 5px;
  height: 25px;
}
.bloque-title span {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.bloque-bar {
  height: 20px;
  background-color: #f0f0f0;
}
.bloque-bar span {
  display: block;
  height: 20px;
  background-color: #abcdd9;
  border-left: 3px solid #88b8c9;
}

.bloque-data {
  font-size: 30px;
  font-weight: 700;
}

.bloque-bar.danger span {
  background-color: #CD3D2C;
  border-left: 3px solid #a33123;
}

.bloque-bar.warning span {
  background-color: #D9A300;
  border-left: 3px solid #a67d00;
}

.bloque-bar.success span {
  background-color: #008A4B;
  border-left: 3px solid #00572f;
}

.graph {
  margin-top: 40px;
  width: 550px;
}

.graph-row {
  display: block;
  width: 100%;
  line-height: 10px;
  margin-bottom: 8px;
}

.graph-row-title {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
  width: 222px;
  font-weight: bold;
  background-color: #f7f7f7;
}

.graph-row-bar {
  display: inline-block;
  margin-left: -4px;
  width: 250px;
  height: 25px;
  background-color: #CCCCCC;
  line-height: 0;
}
.graph-row-bar span {
  display: block;
  height: 25px;
  background-color: #8fbccc;
  border-left: 3px solid #76aec1;
  line-height: 0;
  width: 50%;
}

.graph-row-scale {
  display: inline-block;
  margin-left: -2px;
  width: 275px;
  height: 25px;
}

.graph-scale-point {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 23px;
}
.graph-scale-point:not(:last-child) {
  border-top: 1px solid black;
}
.graph-scale-point:not(:first-child) {
  margin-left: -4px;
}
.graph-scale-point span.line {
  display: block;
  position: absolute;
  background-color: #333333;
  width: 2px;
  height: 10px;
  margin-top: -1px;
}
.graph-scale-point span.num {
  display: block;
  position: relative;
  width: 30px;
  text-align: center;
  top: 8px;
  right: 14px;
  font-weight: bold;
  font-size: 0.9em;
  height: 20px;
}

.graph-row-bar.danger span {
  background-color: #CD3D2C;
  border-left: 3px solid #a33123;
}

.graph-row-bar.warning span {
  background-color: #D9A300;
  border-left: 3px solid #a67d00;
}

.graph-row-bar.success span {
  background-color: #008A4B;
  border-left: 3px solid #00572f;
}

.graph-row-value {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  line-height: 23px;
  margin-right: -4px;
  margin-left: -4px;
  width: 15%;
  font-weight: bold;
}

.graph-valor-medio {
  position: absolute;
  top: 0;
  margin-left: 23px;
  position: relative;
}
.graph-valor-medio div {
  position: absolute;
  top: -20px;
  height: 144px;
  background-color: #333;
  width: 2px;
  left: 200px;
}
.graph-valor-medio div span {
  display: block;
  position: absolute;
  top: -30px;
  left: -33px;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 13px;
  text-align: center;
}
.graph-valor-medio div:before {
  content: "";
  display: block;
  background-color: #333;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-left: -3px;
}

.b-card {
  width: 100%;
  -webkit-box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.2);
  border-radius: 5px;
  overflow: hidden;
  background-color: white;
  min-height: 195px;
}
.b-card-header {
  position: relative;
  padding: 1rem 1.5rem;
  background-color: #f6f6f6;
  border-bottom: 1px solid #E6E6E6;
}
.b-card-icon {
  position: absolute;
  background-color: #333;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
.b-card-icon i {
  position: absolute;
  top: 49%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
}
.b-card-title {
  display: inline-block;
  width: 95%;
  font-weight: bold;
  line-height: 13px;
  margin-left: 35px;
  font-size: 1.1em;
  text-transform: uppercase;
}
.b-card-body {
  padding: 1.5rem;
}
.b-card-body h3 {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
.b-card-bar {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  background-color: #f0f0f0;
  margin-bottom: 10px;
  width: 85%;
}
.b-card-bar span {
  display: block;
  height: 28px;
  background-color: #abcdd9;
  border-left: 3px solid #88b8c9;
}
.b-card-bar.success span {
  background-color: #00B259;
  border-left: 3px solid #007f40;
}
.b-card-bar.warning span {
  background-color: #D9A300;
  border-left: 3px solid #a67d00;
}
.b-card-bar.danger span {
  background-color: #CD3D2C;
  border-left: 3px solid #a33123;
}
.b-card-data {
  display: inline-block;
  vertical-align: top;
  width: 14%;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  text-align: center;
}

.boton-portada {
  display: block;
  position: relative;
  height: 210px;
  border-radius: 10px;
  padding-left: 50px;
  background-color: #DFDFD0;
  background-image: url("../img/gb-btn-portada.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  -webkit-box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.4);
          box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.4);
}
.boton-portada.img2 {
  background-image: url("../img/gb-btn-portada2.png");
}

.boton-portada-title {
  width: 90%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.boton-portada-title div {
  font-size: 38px;
  font-weight: 700;
  line-height: 38px;
}
.boton-portada-title div:first-child {
  color: #333;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.boton-portada-conf {
  display: block;
  height: 158px;
  background-color: #CBCBB4;
  background-image: url("../img/icon-boton-portada.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-left: 50px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.4);
          box-shadow: 1px 1px 5px rgba(32, 32, 32, 0.4);
}

.boton-portada-conf-title {
  width: 90%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.boton-portada-conf-title div {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}
.boton-portada-conf-title div:first-child {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.row-btn h3 {
  font-size: 17px;
  text-transform: uppercase;
}

.h2-title {
  font-size: 20px;
  font-weight: 700;
}

.titulo-resultados {
  font-size: 1.7em;
  text-transform: uppercase;
  font-weight: bold;
}

.table-data {
  background-color: white;
}

.table-data tbody > tr > td:not(:first-child) {
  text-align: center;
}
.table-data tbody > tr > td:first-child {
  font-weight: bold;
  text-transform: uppercase;
  background-color: #ececec;
}
.table-data tbody > tr > td.default {
  background-color: white;
}
.table-data tbody > tr > td.danger {
  background-color: #CD3D2C;
  color: white;
}
.table-data tbody > tr > td.warning {
  background-color: #D9A300;
  color: white;
}
.table-data tbody > tr > td.success {
  background-color: #008A4B;
  color: white;
}

.table-data thead > tr > th {
  margin: 0;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.table-criticos {
  background-color: white !important;
  -webkit-box-shadow: 1px 1px 3px rgba(32, 32, 32, 0.2);
          box-shadow: 1px 1px 3px rgba(32, 32, 32, 0.2);
  margin-bottom: 60px;
  background-color: #cfcdcd;
}
.table-criticos .tr-footer {
  background-color: #F0FAF5 !important;
  border-top: 1px solid #666;
}
.table-criticos thead {
  position: relative;
  border: 1px solid #abd9c2;
  border-bottom: 2px solid #00b259;
}
.table-criticos th {
  text-transform: uppercase;
  background-color: #F0FAF5 !important;
  color: #333;
  position: relative;
}
.table-criticos th:first-child {
  padding-left: 55px !important;
}
.table-criticos tbody tr > td:last-child {
  font-weight: bold;
}
.table-criticos tbody tr > td.default {
  background-color: white;
}
.table-criticos tbody tr > td.danger {
  background-color: #CD3D2C;
  color: white;
}
.table-criticos tbody tr > td.warning {
  background-color: #D9A300;
  color: white;
}
.table-criticos tbody tr > td.success {
  background-color: #008A4B;
  color: white;
}

.t-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  display: inline-block;
  background-color: #00b259;
  width: 29px;
  height: 29px;
  border-radius: 100%;
}
.t-icon i {
  position: absolute;
  margin-left: 0 !important;
  top: 49%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
}

.indicadores h1 {
  margin: 12px 0 36px;
  font-size: 30px;
}
.indicadores h2 {
  margin-top: 0;
  font-size: 18px;
  color: #fff;
}
.indicadores .cabecera .form-group {
  margin-top: 15px;
  margin-bottom: 0;
}
.indicadores .head-desplegable {
  margin-bottom: 30px;
}
.indicadores .btn .caret {
  margin-left: 5px;
}
.indicadores .dropdown-area {
  font-size: 12px;
}
.indicadores .tarjeta {
  margin-bottom: 40px;
  border-top: 3px solid #ebebeb;
  border-radius: 9px;
  padding: 30px;
  background-color: #f7f7f7;
}
.indicadores .tarjeta h2 {
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 700;
  color: #fff;
}
.indicadores .tarjeta .chart {
  position: relative;
  height: 100% !important;
  width: 100% !important;
  line-height: 100% !important;
}
.indicadores .tarjeta .chart canvas {
  height: 100% !important;
  width: 100% !important;
}
.indicadores .tarjeta .chart-height {
  margin-bottom: 10px;
}
.indicadores .tarjeta .dato-porc {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.indicadores .tarjeta .dato-porc h3 {
  margin: 0 0 15px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
.indicadores .tarjeta .dato-porc h3 .fa-caret-left {
  margin-right: 5px;
}
.indicadores .tarjeta .dato-porc p {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}
.indicadores .tarjeta .dato-porc p:first-child {
  margin-bottom: 0;
}
.indicadores .tarjeta .dato-porc strong {
  margin-right: 3px;
  font-size: 30px;
}
.indicadores .tarjeta .dato-porc span {
  font-size: 24px;
}
.indicadores .tarjeta .dato-emp h3 {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.indicadores .tarjeta .dato-emp h3 .fa-caret-right {
  margin-left: 5px;
}
.indicadores .tarjeta .dato-num {
  margin-bottom: 5px;
}
.indicadores .tarjeta .dato-num i {
  width: 22px;
  margin-right: 5px;
  border-radius: 100%;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  background-color: mediumseagreen;
  color: white;
}
.indicadores .tarjeta .dato-num strong {
  background-color: mediumseagreen;
  color: white;
  border-radius: 4px;
  font-weight: bold;
  font-size: 18px;
  padding: 1px 6px 2px;
}
.indicadores .tarjeta .dato-pen {
  margin-bottom: 30px;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #c63527;
}
.indicadores .tarjeta .dato-pen i {
  width: 22px;
  margin-right: 5px;
  border-radius: 100%;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  background-color: #c63527;
  color: white;
}
.indicadores .tarjeta .dato-pen strong {
  margin-right: 5px;
  font-size: 15px;
}
.indicadores .tarjeta .dato-gen {
  margin-bottom: 5px;
}
.indicadores .tarjeta .dato-gen i {
  width: 22px;
  margin-right: 5px;
  border-radius: 100%;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  color: white;
}
.indicadores .tarjeta .dato-gen strong {
  color: white;
  border-radius: 4px;
  font-weight: bold;
  font-size: 18px;
  padding: 1px 6px 2px;
}
.indicadores .tarjeta .dato-gen.male i,
.indicadores .tarjeta .dato-gen.male strong {
  background-color: #fff;
}
.indicadores .tarjeta .dato-gen.female i,
.indicadores .tarjeta .dato-gen.female strong {
  background-color: white;
}
.indicadores .tarjeta .btn-lg {
  padding: 9px 15px;
}
.indicadores .tarjeta .btn-descargar {
  font-size: 12px;
}
.indicadores .tarjeta .btn-descargar i {
  margin: 0 10px 0 0;
}
.indicadores .tarjeta .pla-total {
  margin-bottom: 30px;
}
.indicadores .tarjeta .circulo-total {
  width: 86px;
  margin: 0 auto;
  border-radius: 100%;
  padding: 22px 0;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  background-color: #fff;
  color: white;
}
.indicadores .tarjeta .circulo-total p {
  margin-bottom: 0;
}
.indicadores .tarjeta .circulo-ico {
  position: relative;
  height: 86px;
  width: 86px;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 100%;
  font-size: 30px;
  text-align: center;
}
.indicadores .tarjeta .circulo-ico .circulo-ico-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.indicadores .tarjeta .circulo-ico .circulo-ico-center .fa {
  display: block;
}
.indicadores .tarjeta .circulo-ico .circulo-ico-center h3 {
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 700;
}
.indicadores .tarjeta .circulo-ico .fa-caret-right {
  position: absolute;
  top: 50%;
  right: -21px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 24px;
  color: #333;
}
.indicadores .tarjeta .circulo-tag,
.indicadores .tarjeta .circulo-tag-alt {
  position: relative;
  margin: 0 auto;
  border-radius: 100%;
  text-align: center;
}
.indicadores .tarjeta .circulo-tag p,
.indicadores .tarjeta .circulo-tag-alt p {
  margin-bottom: 0;
}
.indicadores .tarjeta .circulo-tag span,
.indicadores .tarjeta .circulo-tag-alt span {
  position: absolute;
  bottom: -33%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 12px;
  padding: 5px 10px;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #ccc;
  color: #333;
}
.indicadores .tarjeta .circulo-tag {
  width: 74px;
  padding: 18px 0;
  font-size: 27px;
  font-weight: 700;
  background-color: #fff;
  color: white;
}
.indicadores .tarjeta .circulo-tag-alt {
  width: 64px;
  padding: 14px 0;
  font-size: 24px;
  font-weight: 600;
  border: 1px solid #ccc;
}
.indicadores .tarjeta .dato-total h3 {
  margin: 38px 0 0;
  font-size: 18px;
  font-weight: 700;
}
.indicadores .tarjeta .pla-hombres {
  margin-bottom: 30px;
}
.indicadores .tarjeta .circulo-area p {
  width: 96px;
  margin: 0 auto;
  border: 1px dashed #ccc;
  border-radius: 100%;
  padding: 27px 0;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  color: seagreen;
}
.indicadores.plantilla .tarjeta .chart-min {
  position: relative;
}
.indicadores.plantilla .tarjeta .chart-min .chart-data-min {
  font-size: 21px;
}
.indicadores.plantilla .tarjeta .dato-porc {
  margin-bottom: 15px;
}
.indicadores.plantilla .tarjeta .dato-porc strong {
  font-size: 21px;
}
.indicadores.plantilla .tarjeta .dato-porc span {
  font-size: 15px;
}
.indicadores.plantilla .tarjeta .dato-porc h3 {
  margin-bottom: 10px;
}
.indicadores.plantilla .tarjeta .dato-emp .dato-num {
  margin-bottom: 0;
}
.indicadores.plantilla .tarjeta .emedia {
  position: relative;
  height: 64px;
  width: 64px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.indicadores.plantilla .tarjeta .emedia .emedia-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.indicadores.plantilla .tarjeta .emedia .emedia-center h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}
.indicadores.plantilla .tarjeta .emedia-div h4 {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
.indicadores.plantilla .tarjeta .emedia-div .fa-caret-down {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #fff;
}
.indicadores.plantilla .tarjeta hr {
  margin-top: 45px;
  border-color: #ccc;
}
.indicadores.plantilla .cabecera {
  margin-bottom: 20px;
}
.indicadores.plantilla .tarjeta h2 {
  text-align: center;
}
.indicadores.plantilla .tarjeta .pla-total .row,
.indicadores.plantilla .tarjeta .pla-hombres .row,
.indicadores.plantilla .tarjeta .pla-mujeres .row {
  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;
}
.indicadores.plantilla .tarjeta .pla-total .row .col-sm-6,
.indicadores.plantilla .tarjeta .pla-hombres .row .col-sm-6,
.indicadores.plantilla .tarjeta .pla-mujeres .row .col-sm-6 {
  width: auto;
}
.indicadores.plantilla .tarjeta .pla-total .dato-emp,
.indicadores.plantilla .tarjeta .pla-hombres .dato-emp,
.indicadores.plantilla .tarjeta .pla-mujeres .dato-emp {
  padding-bottom: 20px;
}
@media screen and (min-width: 576px) {
  .indicadores.plantilla .tarjeta {
    padding: 20px;
  }
  .indicadores.plantilla .tarjeta .pla-hombres {
    margin-bottom: 0;
  }
  .indicadores.plantilla .tarjeta .emedia-div .fa-caret-down {
    margin-bottom: 0;
  }
  .indicadores.plantilla .col-sm-3 {
    width: 50%;
    float: left;
  }
  .indicadores.plantilla .col-sm-3 .tarjeta {
    min-height: 440px;
  }
  .indicadores.plantilla .col-sm-3 .tarjeta .circulo-tag-alt {
    width: 94px;
    padding: 29px 0;
  }
  .indicadores.plantilla .col-sm-3 .tarjeta .pla-total .emedia-div {
    margin-top: 40px;
  }
  .indicadores.plantilla .col-sm-3 .tarjeta .pla-total .emedia-center h3 {
    margin-top: 13px;
  }
  .indicadores.plantilla .col-sm-3 .tarjeta .col-sm-offset-2 {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .indicadores.plantilla .cabecera {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .indicadores.plantilla .tarjeta h2 {
    text-align: left;
  }
  .indicadores.plantilla .col-sm-3 {
    width: 25%;
  }
  .indicadores.plantilla .col-sm-3 .tarjeta .circulo-tag-alt {
    width: 64px;
    padding: 14px 0;
  }
}

.buscador {
  margin-bottom: 0;
}
.buscador form {
  margin-bottom: 10px;
  border-top: 0;
  border-bottom: 0;
  padding: 0;
}
.buscador form.no-border {
  border: 0;
  padding: 0;
}
.buscador .buscador-grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.buscador .buscador-grupo input,
.buscador .buscador-grupo select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 15px;
  margin-bottom: 15px;
}
.buscador .buscador-grupo.sin-panel-buzon .buscador-btn-grupo {
  margin-right: 0;
}
.buscador .buscador-grupo .buscador-btn-grupo {
  margin-right: 40px;
}
.buscador .buscador-grupo .buscador-btn-grupo.sin-margen {
  margin-right: 0;
}
.buscador .buscador-grupo .buscador-btn-grupo a,
.buscador .buscador-grupo .buscador-btn-grupo button,
.buscador .buscador-grupo .buscador-btn-grupo .acciones-lote {
  float: left;
  margin-right: 10px;
}
.buscador .buscador-grupo .buscador-btn-grupo a:last-child,
.buscador .buscador-grupo .buscador-btn-grupo button:last-child,
.buscador .buscador-grupo .buscador-btn-grupo .acciones-lote:last-child {
  margin-right: 0;
}
@media screen and (max-width: 992px) {
  .buscador .buscador-grupo.con-panel-buzon {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .buscador .buscador-grupo.con-panel-buzon input {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .buscador .buscador-grupo.con-panel-buzon .buscador-btn-grupo {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .buscador .buscador-grupo.con-panel-buzon .panel-buzon {
    margin-top: 0;
  }
  .buscador .buscador-grupo.con-panel-buzon .panel-buzon:hover {
    margin-top: -1px;
  }
}
@media screen and (max-width: 767px) {
  .buscador .buscador-grupo .buscador-btn-grupo {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.buscador .well {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  padding: 20px 30px 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.buscador .well label {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
.buscador .well label i {
  margin-right: 10px;
  color: #333;
}
.buscador .well select {
  margin-bottom: 20px;
}
.buscador .lab-titulo {
  margin-bottom: 4px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500 !important;
  letter-spacing: 0.5px;
  color: #333;
}
.buscador .btn-lg {
  padding: 9px 15px;
}
.buscador .btn-buscador {
  font-size: 12px;
}
.buscador .btn-buscador i {
  margin: 0 10px 0 0;
}
.buscador .btn-buscador.no-txt i {
  margin: 0;
}
@media screen and (min-width: 992px) {
  .buscador .well {
    padding-bottom: 10px;
  }
  .buscador .well select {
    margin-bottom: 0;
  }
}
.buscador .panel-buzon {
  margin-top: -15px;
  border-bottom: 3px solid #024686;
  border-radius: 4px;
  background-color: #fff;
}
.buscador .panel-buzon:hover {
  margin-top: -14px;
  border-bottom: 2px solid #024686;
  background-color: #024686;
}
.buscador .panel-buzon .panel-buzon-body {
  padding: 15px 20px;
}
.buscador .panel-buzon .panel-buzon-body i {
  float: left;
  font-size: 24px;
  color: white;
}
.buscador .panel-buzon .panel-buzon-body h3 {
  margin: 0;
  padding-left: 39px;
  font-size: 15px;
  font-weight: bold;
  color: white;
}
.buscador .panel-buzon .panel-buzon-body .btn-info, .buscador .panel-buzon .panel-buzon-body .btn-submit {
  width: 100%;
  background-color: lightten(#fff, 6);
}

.dashbox-wrapper .resultados-vmc h3 {
  margin-bottom: 20px;
  border-bottom: 3px solid #337ab7;
  padding-bottom: 5px;
  text-transform: uppercase;
  color: #44479d;
}

.evaluacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px 0 28px;
  font-size: 14px;
  /* Resultados por área */
  /* Responsive Media Queries */
}
.evaluacion .cabecera {
  margin: 0 0 45px;
}
.evaluacion .cabecera h1 {
  font-size: 30px;
}
.evaluacion .cabecera .opciones,
.evaluacion .cabecera .year {
  font-size: 1.3em;
  padding-right: 20px;
}
.evaluacion .cabecera .opciones {
  background-color: #fff;
  padding-left: 20px;
  border-radius: 0 3px 3px 0;
  text-transform: none;
}
.evaluacion .cabecera .opciones,
.evaluacion .cabecera .opciones:active,
.evaluacion .cabecera .opciones:focus {
  color: white;
}
.evaluacion .cabecera .year {
  background-color: white;
  border-radius: 3px 0 0 3px;
  margin-right: -3px;
  padding-left: 30px;
  color: #fff;
  width: 180px;
}
.evaluacion .cabecera .year i {
  padding-left: 12px;
}
.evaluacion .cabecera .shadow {
  background-color: #f2f2f2;
}
.evaluacion .cabecera .rounded {
  border-radius: 5px;
}
.evaluacion .cabecera .box-collapse {
  padding: 1.5em;
  margin-top: 1em;
}
.evaluacion .cabecera .readonly-false {
  color: #555;
  background-color: white !important;
  background-image: none;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 0 transparent;
          box-shadow: inset 0 0 0 transparent;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow;
  transition: border-color ease-in-out 0.15s, box-shadow;
  transition: border-color ease-in-out 0.15s, box-shadow, -webkit-box-shadow;
  cursor: text;
}
.evaluacion .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: white;
  background-image: none;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.evaluacion .form-control {
  border-color: #ddd;
}
.evaluacion .nav-tabs {
  margin-top: 2em;
}
.evaluacion .nav-tabs > li > a {
  color: #444242;
}
.evaluacion .nav-tabs > li.active > a,
.evaluacion .nav-tabs > li.active > a:focus {
  color: #fff;
}
.evaluacion .margin-h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.evaluacion .dashbox {
  padding: 0.1em 1em 1em 1.5em;
  background-color: #efefef;
  margin-bottom: 2em;
  border-radius: 4px;
  border-bottom: 1px solid #dcdcdc;
  border-top: 3px solid #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluacion .dashbox-direc-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.evaluacion .dashbox-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluacion .dash-block {
  display: table;
}
.evaluacion .dash-block .dash-block-row {
  display: table-row;
}
.evaluacion .dash-block .dashbox-col {
  display: table-cell;
}
.evaluacion .dash-block .dashbox-col.middle {
  width: initial;
  vertical-align: middle;
}
.evaluacion .dashbox-col {
  position: relative;
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  vertical-align: top;
}
.evaluacion .dashbox-col-50 {
  width: 50%;
}
.evaluacion .dashbox-wrapper h3,
.evaluacion .dashbox-wrapper-inline h3 {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.evaluacion .dashbox-wrapper-inline .dashbox,
.evaluacion .dashbox-wrapper-inline .dashbox-25,
.evaluacion .dashbox-wrapper-inline .dashbox-30,
.evaluacion .dashbox-wrapper-inline .dashbox-50 {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.evaluacion .dashbox-wrapper-inline .dashbox-25 {
  width: 24%;
  margin-right: 0.6%;
  min-height: 170px;
}
.evaluacion .dashbox-wrapper-inline .dashbox-30 {
  width: 32%;
  margin-right: 0.6%;
  min-height: 170px;
}
.evaluacion .dashbox-wrapper-inline .dashbox-60 {
  width: 66%;
}
.evaluacion .dashbox-wrapper-inline .dashbox-100 {
  width: 100%;
}
.evaluacion .dashbox-wrapper-inline .dashbox-100 .btn-submit {
  margin-right: 8px;
  margin-top: 20px;
}
.evaluacion .dashbox-btn-wrapper {
  width: 250px;
  border-left: 2px solid #E4E4E4;
  height: 160px;
  padding-left: 15px;
}
.evaluacion .dashbox-btn-wrapper .btn-submit {
  width: 100%;
  text-align: left;
}
.evaluacion .dashbox-btn-title {
  font-weight: bold;
  padding-top: 1.8em;
}
.evaluacion .dashbox-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 9em;
}
.evaluacion .dashbox-border-gris {
  border-top: 3px solid #333;
}
.evaluacion .dashbox-cian {
  border-top: 3px solid #006C88;
  background-color: #00C0EF;
  color: white;
}
.evaluacion .dashbox-cian .dashbox-icon {
  color: rgba(0, 108, 136, 0.5);
}
.evaluacion .dashbox-verde {
  border-top: 3px solid #006F3D;
  background-color: #00A65A;
  color: white;
}
.evaluacion .dashbox-verde .dashbox-icon {
  color: rgba(0, 111, 61, 0.5);
}
.evaluacion .dashbox-amarillo {
  border-top: 3px solid #BC790A;
  background-color: #F39C12;
  color: white;
}
.evaluacion .dashbox-amarillo .dashbox-icon {
  color: rgba(188, 121, 10, 0.5);
}
.evaluacion .dashbox-rojo {
  border-top: 3px solid #BD3020;
  background-color: #DD4B39;
  color: white;
}
.evaluacion .dashbox-rojo .dashbox-icon {
  color: rgba(189, 48, 32, 0.5);
}
.evaluacion .dashbox-gris {
  border-top: 3px solid #862424;
  background-color: #9e2a2b;
  color: white;
  display: table;
  width: 100%;
}
.evaluacion .dashbox-gris .dashbox-icon {
  color: rgba(26, 40, 58, 0.5);
}
.evaluacion .dashbox-lila {
  border-top: 3px solid #4B0082;
  background-color: #9932CC;
  color: white;
}
.evaluacion .dashbox-lila .dashbox-icon {
  color: rgba(139, 0, 139, 0.5);
}
.evaluacion .dashbox-absolute {
  position: absolute;
  float: left;
}
.evaluacion .dashbox-header {
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: 2px solid #333;
  padding-bottom: 5px;
  font-size: 18px;
  text-transform: uppercase;
}
.evaluacion .dashbox-fortalezas {
  display: table;
  width: 100%;
}
.evaluacion .dashbox-fortalezas .dashbox-col {
  display: table-cell;
  width: 50%;
  padding-right: 8px;
}
.evaluacion .title-eva {
  font-size: 1.2em !important;
  border-bottom: 2px solid #bdc6bd;
  width: 94%;
  padding-bottom: 10px;
  margin-left: 2%;
}
.evaluacion .bar {
  position: relative;
  width: 230px;
  height: 30px;
  overflow: hidden;
  background-color: #BBB;
}
.evaluacion .bar-men {
  font-size: 28px;
  padding-left: 3px;
  margin-top: 5px;
}
.evaluacion .bar-slider {
  position: absolute;
  background-color: #fff;
  width: 30%;
  height: 30px;
}
.evaluacion .bar-title {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(2%, -50%);
          transform: translate(2%, -50%);
  font-weight: bold;
  width: 230px;
  color: white;
}
.evaluacion .green {
  color: #fff;
}
.evaluacion .worker {
  display: table;
  text-align: right;
  line-height: 35px;
  width: 230px;
}
.evaluacion .worker .worker-number {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.3em;
  width: 100%;
}
.evaluacion .worker .worker-title {
  display: table-cell;
  font-weight: bold;
}
.evaluacion .chart {
  position: relative;
}
.evaluacion .chart-center {
  margin: 0 auto;
}
.evaluacion .chart-title {
  position: relative;
  font-weight: bold;
  font-size: 11px;
  line-height: 11px;
  margin-top: 3px;
  display: table;
  background-color: #fff;
  color: white;
  padding: 3px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 200px;
}
.evaluacion .chart-title span {
  display: table-cell;
  vertical-align: top;
  padding-top: 5px;
}
.evaluacion .chart-title span:first-child {
  font-size: 30px;
  line-height: 30px;
  padding-right: 6px;
  padding-left: 6px;
  color: white;
  padding-top: 0px;
}
.evaluacion .chart-legend {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0 auto;
  width: 100px;
}
.evaluacion .chart-small .chart-data {
  font-size: 35px;
  width: 90%;
  margin: 0px auto;
  margin-top: 3px;
  text-align: center;
}
.evaluacion .chart-small .chart-data span {
  font-size: 0.7em;
}
.evaluacion .chart-arrow {
  display: table;
  width: 80%;
  margin-top: 5px;
  margin-left: 0.3em;
}
.evaluacion .chart-arrow.middle {
  vertical-align: middle;
}
.evaluacion .chart-arrow .chart-legend {
  width: inherit;
  color: #efefef;
}
.evaluacion .chart-arrow .chart-title {
  color: #efefef;
  vertical-align: middle;
}
.evaluacion .chart-arrow .chart-title.big span {
  font-size: 1.2em;
  padding-left: 20px;
  padding-top: 10px;
}
.evaluacion .chart-arrow .chart-title.big span:first-child {
  font-size: 4em;
  padding-left: 20px;
  padding-top: 0px;
}
.evaluacion .chart-arrow .chart-title span {
  display: block;
}
.evaluacion .chart-arrow .chart-title span:first-child {
  padding-left: 0;
}
.evaluacion .chart-arrow .chart-data {
  font-size: 18px;
  width: inherit;
  margin: 0px auto;
  text-align: center;
}
.evaluacion .chart-arrow .bg-green {
  padding: 6px;
  background-color: #fff;
}
.evaluacion .chart-arrow .bg-green .nolineh {
  line-height: inherit !important;
}
.evaluacion .chart-arrow-col {
  display: table-cell;
}
.evaluacion .arrow-left {
  position: relative;
  top: -20px;
}
.evaluacion .arrow-left::before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 45px solid transparent;
  border-bottom: 45px solid transparent;
  border-right: 20px solid #fff;
  top: -25px;
  left: -20px;
  margin: 0 auto;
}
.evaluacion .big .arrow-left::before {
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent;
  border-right: 20px solid #fff;
  top: -50px;
}
.evaluacion .bg-arrow-title {
  padding-left: 30px;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 2px;
}
.evaluacion .bg-arrow-col {
  position: relative;
  float: left;
  vertical-align: top;
  background-color: white;
  margin: 0;
  height: 96px;
  padding: 10px;
  padding-left: 5px;
  width: 100px;
}
.evaluacion .bg-arrow-wrap {
  border-right: 1px solid #E4E4E4;
  padding-right: 15px;
}
.evaluacion .bg-arrow-wrap.last {
  border: 0;
}
.evaluacion .bg-arrow-data {
  font-size: 30px;
  font-weight: bold;
}
.evaluacion .bg-arrow-caption {
  font-size: 13px;
  padding-left: 5px;
  line-height: 11px;
  color: #777;
}
.evaluacion .bg-arrow::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 48px solid transparent;
  border-bottom: 48px solid transparent;
  border-right: 30px solid white;
  float: left;
}
.evaluacion .bg-arrow.competencias {
  margin-top: 22px;
}
.evaluacion .bg-arrow.competencias::before {
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
}
.evaluacion .bg-arrow.competencias .bg-arrow-col {
  width: 180px;
  height: 120px;
  display: table;
}
.evaluacion .bg-arrow.competencias .bg-arrow-data {
  margin-top: 5px;
  font-size: 40px;
  width: 39%;
}
.evaluacion .bg-arrow.competencias .bg-arrow-caption {
  padding-left: 0;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  text-transform: uppercase;
  color: #fff;
}
.evaluacion .chart-data {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
}
.evaluacion .chart-data span {
  font-size: 0.8em;
  line-height: 0.8em;
}
.evaluacion .chart-caption {
  font-size: 10px;
  width: 90%;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.evaluacion .data-block-title {
  font-weight: bold;
  overflow: hidden;
}
.evaluacion .data-block-title span:first-child {
  float: left;
}
.evaluacion .data-block-title span:last-child {
  float: right;
}
.evaluacion .data-block {
  position: relative;
  display: inline-block;
  width: 100%;
  border-left: 4px solid #ccc;
  background-color: white;
  font-size: 14px;
  padding: 10px;
  margin-top: 5px;
}
.evaluacion .data-block span {
  position: absolute;
  right: 4%;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}
.evaluacion .full-row {
  width: 100%;
}
.evaluacion .participation-anterior,
.evaluacion .global-anterior {
  display: inline;
  background-color: white;
  padding: 3px 7px;
  border-radius: 3px;
}
.evaluacion .participation-anterior strong,
.evaluacion .global-anterior strong {
  font-weight: 700;
}
.evaluacion .participation-anterior {
  display: block;
}
.evaluacion .participation-anterior-icono {
  width: 420px;
  margin-top: 15px;
  color: #555;
}
.evaluacion .btn-submit {
  background: #2C325F;
  border: solid 1px #2C325F;
  padding: 8px 15px;
  text-align: center;
  margin-top: 7px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  color: white;
}
.evaluacion .btn-submit:hover {
  background: #2C325F;
  border: solid 1px #2C325F;
}
.evaluacion .btn-full {
  width: 100%;
}
.evaluacion .footer-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.evaluacion .footer-row .footer-col {
  display: table-cell;
}
.evaluacion .media-date {
  font-size: 5em;
  font-weight: bold;
}
.evaluacion .texto1 {
  font-size: 4em;
  font-weight: bold;
  line-height: 65px;
}
.evaluacion .texto2 {
  font-size: 1em;
  font-weight: bold;
}
.evaluacion .table {
  margin-top: 20px;
}
.evaluacion .table thead > tr > th {
  border-bottom: 0;
  padding: 1.5em 0 1.5em 1em;
  background: #fff;
  color: white;
}
.evaluacion .table thead > tr > th:last-child {
  text-align: center;
  width: 10em;
  padding-left: 0;
}
.evaluacion .table tbody > tr > td {
  border: 1px solid #ddd;
  height: 4em;
  vertical-align: middle;
}
.evaluacion .table tbody > tr > td:last-child {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.evaluacion .table .btn-submit {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  height: auto;
  width: 80%;
}
.evaluacion .acciones a {
  margin: 0 0.2em;
}
.evaluacion .pagination > li > a,
.evaluacion .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  background-color: white;
  border: 1px solid #ddd;
}
.evaluacion .pagination > li > a:focus,
.evaluacion .pagination > li > a:hover,
.evaluacion .pagination > li > span:focus,
.evaluacion .pagination > li > span:hover {
  z-index: 2;
  background-color: #eee;
  border-color: #ddd;
}
.evaluacion .pagination > .active > a,
.evaluacion .pagination > .active > a:focus,
.evaluacion .pagination > .active > a:hover,
.evaluacion .pagination > .active > span,
.evaluacion .pagination > .active > span:focus,
.evaluacion .pagination > .active > span:hover {
  z-index: 3;
  cursor: default;
}
.evaluacion .v2 .blobal-data {
  padding: 20px;
}
.evaluacion .v2 .global-data-value {
  font-size: 85px;
  line-height: 65px;
}
.evaluacion .v2 .blobal-data-title {
  padding: 10px 0;
}
.evaluacion .v2 .blobal-data-title span {
  font-size: 24px;
  line-height: 22px;
}
.evaluacion .anyos {
  margin-right: 157px;
}
@media (min-width: 992px) {
  .evaluacion .dashbox {
    padding: 0.5em 0.5em 0.5em 0.5em;
  }
}
@media (min-width: 1200px) {
  .evaluacion .dashbox {
    padding: 0.5em 1em 1em 1.5em;
  }
}
@media (max-width: 1199px) {
  .evaluacion .bg-arrow.competencias {
    margin: 0 auto;
    width: 200px;
  }
  .evaluacion .bg-arrow.competencias .bg-arrow-data {
    width: auto;
  }
  .evaluacion .bg-arrow.competencias::before {
    display: block;
    float: none;
    border-bottom: 30px solid white;
    border-top: none;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
  }
  .evaluacion .bg-arrow.competencias .bg-arrow-col {
    width: 200px !important;
    height: auto;
    text-align: center;
  }
  .evaluacion .bg-arrow-wrap {
    border-right: none;
    padding-right: 0;
  }
  .evaluacion .dashbox-wrapper .dashbox-direc-col .dashbox-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .evaluacion .dashbox-wrapper .dashbox-direc-col .dashbox-row .dashbox-col-50 {
    width: auto;
    margin: 0 auto;
  }
  .evaluacion .opciones {
    margin-top: 10px;
  }
  .evaluacion .anyos {
    margin: 0;
    top: 40px;
  }
}
@media (max-width: 991px) {
  .evaluacion .container {
    width: 100%;
  }
  .evaluacion .valoraciones {
    margin-top: -26px !important;
    padding-bottom: 5px;
  }
  .evaluacion .full-row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .evaluacion .dashbox-direc-col .dashbox-row .dashbox-col-50.dash-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .evaluacion .dashbox-direc-col .dashbox-row .dashbox-col-50.dash-block .dashbox-col {
    padding-left: 0 !important;
  }
  .evaluacion .dashbox-direc-col .dashbox-row .dashbox-col-50.dash-block .chart-arrow {
    margin-top: 23px;
    margin-left: 0;
    width: 236px;
  }
  .evaluacion .dashbox-direc-col .dashbox-row .dashbox-col-50.dash-block .chart-arrow .arrow-left::before {
    border-left: 118px solid transparent;
    border-right: 118px solid transparent;
    border-bottom: 20px solid #fff;
    top: -91px;
    left: 0;
  }
  .evaluacion .dashbox-direc-col .dashbox-row .participation-anterior {
    width: auto;
  }
  .evaluacion .dash-block .dashbox-col.middle {
    width: auto !important;
    margin: 0 auto;
  }
  .evaluacion .dash-block .dashbox-col.middle.big {
    margin-top: 24px;
    padding: 0;
  }
  .evaluacion .title-eva {
    text-align: center;
    margin-top: 40px !important;
  }
  .evaluacion .big .arrow-left::before {
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 20px solid #fff;
    border-top: 0;
    top: -54px;
    left: 0;
  }
  .evaluacion .chart-arrow .chart-title {
    text-align: center;
  }
  .evaluacion .chart-arrow .chart-title span {
    padding-left: 0 !important;
  }
  .evaluacion .footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .evaluacion .blobal-data-subtitle {
    text-align: center;
    margin-top: 30px;
  }
  .evaluacion .blobal-data-title {
    text-align: center;
  }
  .evaluacion .global-anterior {
    margin-left: 44%;
  }
  .evaluacion .dashbox-row-col .row {
    width: 100%;
  }
  .evaluacion .dashbox-row-col .row .title-group {
    width: 100%;
  }
  .evaluacion .form-control {
    margin: 10px 0;
  }
  .evaluacion .year, .evaluacion .opciones {
    margin-top: 35px;
  }
  .evaluacion .anyos {
    margin-right: 156px;
    top: 75px;
  }
}
@media (max-width: 700px) {
  .evaluacion #Competencias .dashbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .evaluacion #Competencias .dashbox .dashbox-btn-wrapper {
    width: auto;
    height: auto;
    padding-left: 0;
    border-left: none;
  }
  .evaluacion #Competencias .dashbox .dashbox-btn-wrapper .btn-submit {
    text-align: inherit;
  }
  .evaluacion #Competencias > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .evaluacion #Competencias > .row h3 {
    margin-top: 0 !important;
  }
  .evaluacion #Competencias > .row .valoraciones {
    margin-top: 30px !important;
  }
  .evaluacion #form1 .btn-submit {
    width: 100%;
  }
  .evaluacion #Preferencias .dashbox-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .evaluacion #Preferencias .dashbox-row .dashbox-30 {
    width: auto;
  }
  .evaluacion #CursosFortalezasDescargar .dashbox-fortalezas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .evaluacion #CursosFortalezasDescargar .dashbox-fortalezas .dashbox-col:not(:first-child) .data-block-title {
    display: none;
  }
  .evaluacion #CursosFortalezasDescargar .dashbox-fortalezas .dashbox-col {
    padding-right: 0;
    width: auto;
  }
  .evaluacion .sombraTabla {
    overflow-x: auto;
  }
}
@media (max-width: 384px) {
  .evaluacion .anyos {
    margin: 0;
  }
}

.poster .poster-data {
  font-family: Helvetica, Arial, sans-serif;
  color: #337ab7;
}

.formacion {
  padding: 12px 0 28px;
  font-size: 14px;
}
.formacion .cabecera {
  margin: 0 0 45px;
}
.formacion .cabecera h1 {
  font-size: 30px;
}
.formacion .cabecera .year {
  width: 180px;
  margin-right: 0;
  padding-right: 20px;
  font-size: 1.3em;
  border-radius: 3px;
  padding-left: 30px;
  background-color: #fff;
  color: white;
}
.formacion .cabecera .year i {
  padding-left: 12px;
}
@media screen and (max-width: 480px) {
  .formacion .cabecera .dropdown {
    margin-top: 20px;
  }
  .formacion .cabecera .year {
    display: block;
    width: auto;
  }
}
.formacion .grupo-paneles {
  border: 1px solid #ddd;
  border-top: none;
  padding: 30px 30px 10px;
  background: #f7f7f7;
}
.formacion .grupo-buscador {
  border: 1px solid #ddd;
  border-top: none;
  padding: 25px 30px;
  background: #f7f7f7;
}
.formacion .planchas .panel {
  position: relative;
  min-height: 132px;
  padding: 35px 15px 25px;
  color: #666;
  border: 0;
}
.formacion .planchas .panel h2 {
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  color: #333;
}
.formacion .planchas .panel small {
  display: block;
  margin-top: 3px;
  text-transform: uppercase;
  line-height: 1.2;
}
.formacion .planchas .panel small strong {
  font-weight: 600;
  color: #fff;
}
.formacion .planchas .panel small span {
  text-transform: none;
}
@media screen and (max-width: 800px) {
  .formacion .planchas .panel h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .formacion .planchas .panel h2 {
    font-size: 36px;
  }
}
.formacion .planchas-grupo {
  margin-bottom: 15px;
}
.formacion .bg-gris-arena {
  background: white;
}
.formacion .bg-gris-arena .panel-carets span {
  border-left: 1px solid #ccc;
}
.formacion .btn-tip {
  background: transparent;
  padding: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2px;
  top: 2px;
  color: #2C325F;
}
.formacion .btn-tip:hover {
  color: #2C325F;
}
.formacion .btn-tip .icon-info {
  background-position: 0 -72px;
}
.formacion [class^=icon-] {
  display: inline-block;
  margin-right: 3px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.formacion .panel-carets {
  display: inline-block;
}
.formacion .panel-carets h2 {
  float: left;
}
.formacion .panel-carets span {
  float: left;
  margin: 3px 0 0 15px;
  padding-left: 15px;
  font-size: 18px;
  line-height: 36px;
  color: #666;
}
.formacion .panel-carets i {
  float: left;
  margin: 4px 0 0 10px;
  font-size: 30px;
}
.formacion .panel-carets .fa-caret-up {
  color: mediumseagreen;
}
.formacion .panel-carets .fa-caret-down {
  color: #c63527;
}
@media screen and (max-width: 800px) {
  .formacion .panel-carets span {
    font-size: 15px;
    line-height: 24px;
  }
  .formacion .panel-carets i {
    font-size: 24px;
  }
}
@media screen and (max-width: 800px) {
  .formacion .panel-carets span {
    font-size: 18px;
    line-height: 36px;
  }
  .formacion .panel-carets i {
    font-size: 36px;
  }
}
.formacion .panel-card {
  display: block;
  background: white;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}
.formacion .panel-card .panel-heading {
  padding: 25px 30px;
  border-top: 3px solid #ebebeb;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom: none;
  background-color: transparent;
}
.formacion .panel-card .panel-heading .panel-title {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
}
.formacion .panel-card .panel-heading h4.panel-title {
  color: #fff;
  font-size: 21px;
  font-weight: 600;
}
.formacion .panel-body {
  display: block;
  padding: 5px 30px 40px;
}
.formacion .panel-body table {
  width: 100%;
  margin-top: 25px;
}
.formacion .panel-body table strong {
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .formacion .panel-body table {
    margin-bottom: 0 !important;
  }
}
.formacion .panel-body .table-480 {
  display: none;
}
@media screen and (max-width: 480px) {
  .formacion .panel-body .table-800 {
    display: none;
  }
  .formacion .panel-body .table-480 {
    display: table;
  }
}
.formacion thead tr {
  height: 30px;
  border-bottom-style: solid;
  border-width: 1px;
}
.formacion tbody tr td {
  padding-top: 5px;
}
@media screen and (max-width: 480px) {
  .formacion tbody tr td {
    font-size: 12px;
  }
}
.formacion .legend-box {
  display: block;
  width: 10px;
  height: 10px;
  float: left;
  margin: 5px;
}
.formacion .input-group-addon {
  border-radius: 2px 0 0 2px;
  text-align: center;
  background-color: #fff;
  color: white;
  border-color: #fff;
}
@media screen and (max-width: 800px) {
  .formacion .input-group-addon {
    height: 36px;
    border-radius: 2px 2px 0px 0px;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .formacion .input-group-addon {
    height: auto;
    border-radius: 2px 0 0 2px;
    text-align: center;
  }
}
.formacion .input-group-100x {
  width: 100%;
}
.formacion .input-group-100x .form-control {
  height: 45px;
}
@media screen and (max-width: 800px) {
  .formacion .input-group-100x {
    display: block;
  }
  .formacion .input-group-100x .form-control {
    height: 36px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2px;
  }
}
@media screen and (max-width: 480px) {
  .formacion .input-group-100x {
    display: table;
    margin-bottom: 10px;
  }
  .formacion .input-group-100x .form-control {
    height: 45px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.formacion .text-right .input-group .input-group-btn .btn-lg {
  border-radius: 4px;
}
.formacion .input-group-btn .btn-lg {
  padding: 11px 32px;
  border-radius: 0 4px 4px 0;
}
.formacion .btn-blk {
  display: block;
  width: 100%;
  padding: 12px;
}
.formacion .btn-blk i {
  margin-right: 5px;
  margin-left: 0;
}
.formacion .consultas-grupo {
  margin: 30px 0 45px;
}
.formacion .consulta-cursos {
  margin-bottom: 25px;
}
.formacion .consulta-cursos form {
  border: none;
  padding: 0;
  padding-bottom: 5px;
}
.formacion .consulta-cursos form select {
  border-color: #ccc;
}
@media screen and (max-width: 480px) {
  .formacion .consulta-cursos form .form-group {
    margin-bottom: 20px;
  }
}
.formacion .buscador {
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .formacion .dash-tabs.nav-tabs > li > a {
    margin-right: 0;
    border-radius: 0;
  }
}
.formacion .dash-tabs.nav-tabs > li:not(.active) > a {
  border: 1px solid #ddd;
  font-weight: normal;
  background-color: white;
}
.formacion .dash-tabs.nav-tabs > li:not(.active) > a:hover {
  background-color: #f7f7f7;
}
.formacion .dash-tabs.nav-tabs > li.active > a {
  font-weight: bold;
  background-color: #f7f7f7;
}
@media screen and (max-width: 480px) {
  .formacion .dash-tabs.nav-tabs > li {
    float: none;
  }
}
.formacion .resultados .table-striped > tbody > tr:nth-of-type(even) {
  background-color: white;
}

.grupo-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.grupo-btn .btn,
.grupo-btn .etiq {
  margin-left: 15px;
}
.grupo-btn .btn:first-child,
.grupo-btn .etiq:first-child {
  margin-left: 0;
}

.btn-panel-admin {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 120px;
  padding: 30px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: white;
  border-radius: 4px;
  background-color: #44479d;
  -webkit-box-shadow: 0.2em 0.2em 0.25em rgba(61, 24, 24, 0.2);
          box-shadow: 0.2em 0.2em 0.25em rgba(61, 24, 24, 0.2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-panel-admin:hover, .btn-panel-admin:active, .btn-panel-admin:focus {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: white;
}
.btn-panel-admin .fas {
  margin-left: 30px;
  font-size: 24px;
}

.btn {
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: 700;
  padding: 0px 16px;
  border: none;
  border-radius: 4px;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
  white-space: inherit !important;
}
.btn .fa,
.btn .fab,
.btn .fal,
.btn .far,
.btn .fas {
  font-size: 16px;
}

.btn-ico-der {
  padding-right: 12px;
}

.btn-ico-izq {
  padding-left: 12px;
}

.btn-group-lg > .btn,
.btn-lg {
  padding: 12px 32px;
  font-size: 16px;
  border-radius: 3px;
}

.close .fa {
  color: #fff;
}

.btn-group > .btn:last-child:not(:first-child):not(.dropdown-toggle) {
  border-left: 1px solid rgba(255, 255, 255, 0.33);
}

.btn-primary {
  color: white;
  background-color: #fff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
  color: white;
  background-color: #fff;
}

.btn-secondary {
  color: #fff;
  background-color: white;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus {
  color: #fff;
}

.btn-link {
  text-transform: initial;
  color: #c32828;
}
.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link:active:focus {
  text-decoration: none;
  color: #9e2a2b;
}

.btn-default {
  border: 1px solid #ddd;
  background-color: transparent;
  color: #44479d;
}
.btn-default:hover {
  border-color: #ddd;
  background-color: #f5f5f5;
}

.btn-info, .btn-submit {
  font-size: 12px;
  font-weight: 500;
  background-color: #fff;
  color: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-info:hover, .btn-submit:hover, .btn-info:active, .btn-submit:active, .btn-info:focus, .btn-submit:focus, .btn-info:active:focus {
  color: white;
}

.btn-warning {
  background-color: darkorange;
  color: white;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
  background-color: #cc7000;
  color: white;
}

.btn-success {
  background-color: mediumseagreen;
  color: white;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
  background-color: #2f8d59;
  color: white;
}

.btn-danger {
  background-color: #c63527;
  color: white;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background-color: #9b2a1f;
  color: white;
}

.js-excel-download {
  border-color: #02592e;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #02723b;
  color: white;
}
.js-excel-download:hover {
  border-color: #014a26;
  background-color: #02592e;
  color: white;
}

.btn-monocurso {
  overflow: hidden;
  display: block;
  height: 400px;
  background-size: cover;
  border-radius: 5px;
  border-bottom: 4px solid #fff;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.btn-monocurso figure {
  height: 400px;
  background-size: cover;
  -webkit-filter: saturate(90%);
  filter: saturate(90%);
}
.btn-monocurso h4.acceder {
  color: white !important;
}
.btn-monocurso .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 5em;
  color: #fff;
  background-color: white;
  width: 150px;
  height: 150px;
  border-radius: 100%;
}
.btn-monocurso .icon-play i {
  position: absolute;
  top: 50%;
  left: 57%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-monocurso .icon-pos-a {
  right: 40px;
  top: auto;
  bottom: 10px;
}
.btn-monocurso:hover {
  border-bottom: 4px solid #c63527;
}
.btn-monocurso:hover .icon-play {
  color: #c63527;
}
.btn-monocurso:hover figure {
  -webkit-filter: saturate(120%);
  filter: saturate(120%);
}

.btn-inactivo {
  background-color: #e4e4e4;
  cursor: inherit;
}

.btn-tip {
  background: transparent;
  padding: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2px;
  top: 2px;
  color: #c63527;
}
.btn-tip:hover {
  color: #c63527;
}
.btn-tip i {
  font-size: 1.3em;
}

.btn-claros {
  color: #f7f7f7;
  background-color: #fff;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.btn-claros.bot-home i {
  font-size: 40px;
  color: rgba(255, 255, 255, 0.4);
  right: 10px;
  bottom: 5px;
  -webkit-transition: background-color, bottom 0.6s ease;
  transition: background-color, bottom 0.6s ease;
}
.btn-claros:hover {
  color: #2f353a;
  background-color: #9a9a9a;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.btn-claros:hover i {
  bottom: 15px;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}

.bot-plus {
  margin-top: 25px;
  margin-left: 30px;
  border: 0;
  padding: 0;
  font-size: 24px;
  background-color: transparent;
  color: #999;
}
.bot-plus:hover {
  color: #333;
}

.btn-new-info {
  margin-left: 15px;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.btn-ayuda {
  border: 0;
  padding: 0;
  background-color: transparent;
  color: #888;
}
.btn-ayuda:hover {
  color: #333;
}

.bot-home {
  display: block;
  overflow: hidden;
  position: relative;
  height: 260px;
  width: 100%;
  border-radius: 10px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-box-shadow: 0.2em 0.2em 0.25em rgba(61, 24, 24, 0.2);
          box-shadow: 0.2em 0.2em 0.25em rgba(61, 24, 24, 0.2);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.bot-home:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.03) !important;
          transform: scale(1.03) !important;
}
.bot-home.ani {
  opacity: 0;
}
.bot-home.img01 {
  background-image: url("../img/home-btn-01.jpg");
}
.bot-home.img02 {
  background-image: url("../img/home-btn-02.jpg");
}
.bot-home.img03 {
  background-image: url("../img/home-btn-03.jpg");
}
.bot-home.img04 {
  background-image: url("../img/home-btn-04.jpg");
}
.bot-home h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 30px;
  margin: 0;
  background-color: #44479d;
}
.bot-home h3 .bot-home-titulo {
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  color: white;
}
.bot-home h3 .bot-home-icon {
  display: block;
  position: absolute;
  top: -30px;
  right: 20px;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  text-align: center;
  background-color: #fff;
  color: white;
}
.bot-home h3 .bot-home-icon i {
  position: static;
  font-size: 24px;
  line-height: 60px;
  color: white;
  vertical-align: top;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .bot-home h3 .bot-home-icon {
    height: 40px;
    width: 40px;
  }
  .bot-home h3 .bot-home-icon i {
    font-size: 16px;
    line-height: 40px;
  }
}

.bot-home-lg {
  display: block;
  color: white;
  border-bottom: 2px solid #383a81;
  border-radius: 5px;
  background-color: #44479d;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.bot-home-lg:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.03) !important;
          transform: scale(1.03) !important;
}
.bot-home-lg.ani {
  opacity: 0;
}
.bot-home-lg-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 98px;
  padding: 0 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bot-home-lg-txt h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  color: white;
}
.bot-home-lg-icon {
  position: absolute;
  top: 50%;
  right: -15px;
  width: 60px;
  height: 60px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  color: white;
  border-radius: 100%;
  background-color: #fff;
  z-index: 1;
}
.bot-home-lg-icon i {
  font-size: 24px;
  line-height: 60px;
  color: white;
  vertical-align: top;
}
.bot-home-lg-img {
  overflow: hidden;
  height: 98px;
  margin-left: -15px;
  border-radius: 0 5px 3px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bot-home-lg-img.img1 {
  background-image: url("../img/home-e360-4.jpg");
}

.v2 .bot-home {
  height: 240px;
  border-radius: 5px;
}
.v2 .bot-home.img01 {
  background-image: url("../img/home-btn-01.jpg");
  background-size: cover;
}
.v2 .bot-home.img02 {
  background-image: url("../img/home-btn-02.jpg");
  background-size: cover;
}
.v2 .bot-home.img03 {
  background-image: url("../img/home-btn-03.jpg");
  background-size: cover;
}
.v2 .bot-home.img1lg {
  background-image: url("../img/home-e360-1.jpg");
  background-size: cover;
}
.v2 .bot-home.img2lg {
  background-image: url("../img/home-e360-2.jpg");
  background-size: cover;
}
.v2 .bot-home.img3lg {
  background-image: url("../img/home-e360-3.jpg");
  background-size: cover;
}
.v2 .bot-home h3 {
  height: 100px;
  border-bottom: 2px solid #383a81;
}
.v2 .bot-home h3 .bot-home-titulo {
  font-weight: bold;
  line-height: 22px;
}
@media (max-width: 767px) {
  .v2 .bot-home {
    margin-top: 20px;
    height: 180px;
  }
}

.btn-redondo {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  border-radius: 100%;
  padding: 0;
}

.btn-w-input {
  padding-top: 0;
  padding-bottom: 0;
}

.card .card-body,
.card .card-footer {
  display: block;
  position: relative;
  padding: 20px;
}

.card {
  overflow: hidden;
  position: relative;
  display: block;
  min-height: 240px;
  margin-bottom: 24px;
  border: none;
  border-bottom: 2px solid #ddd;
  border-radius: 4px;
  padding: 0;
  text-decoration: none;
  background-color: #eee;
  color: #35444b;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.card:hover, .card:focus, .card:active {
  cursor: pointer;
  background: white;
  text-decoration: none;
  color: white;
  border-color: #e6e6e6;
}
.card:hover .estado, .card:focus .estado, .card:active .estado {
  top: -25px;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: slidein;
          animation-name: slidein;
}
@-webkit-keyframes slidein {
  from {
    top: -19px;
  }
  to {
    top: -25px;
  }
}
@keyframes slidein {
  from {
    top: -19px;
  }
  to {
    top: -25px;
  }
}
.card.disabled::before {
  content: "Próximamente";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 20px;
  bottom: 20px;
  height: 24px;
  border-radius: 2px;
  padding: 0 8px;
  font-size: 10px;
  text-transform: uppercase;
  background-color: #fff;
  color: white;
}
.card.card-darken {
  background-color: #008cb4;
  color: white;
  border-bottom: 10px solid #037798;
}
.card.buzon .card-heading h3 {
  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;
  margin-bottom: 10px;
}
.card.buzon .card-heading p {
  margin-bottom: 0;
  font-size: 14px;
}
.card figure {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 120px;
}
.card img {
  border-radius: 4px 4px 0 0;
}
.card .card-heading {
  position: relative;
  padding-bottom: 0;
  padding: 20px 24px 0;
}
.card .card-heading h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
.card .card-heading .tag-aula {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 8px;
  display: block;
}
.card .card-heading .card-title {
  font-weight: 400;
  color: #fff;
}
.card .card-heading small {
  text-transform: uppercase;
}
.card .card-title {
  color: #35444b;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 1200px) {
  .card .card-title {
    font-size: 24px;
  }
}
.card .card-footer span {
  text-transform: lowercase;
  margin: 0 2px;
  font-size: 14px;
  line-height: 18px;
}
.card .card-footer {
  color: #65665C;
  padding-top: 0;
  font-size: 13px;
  text-transform: uppercase;
  text-align: right;
}
.card .card-footer .tipo-formacion {
  position: relative;
  padding: 4px 10px;
  border-radius: 2px;
  line-height: normal;
  right: auto;
  top: auto;
}
.card .estado {
  position: absolute;
  top: -19px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 38px;
  padding: 2px 0;
  border-radius: 100%;
  font-size: 24px;
  text-align: center;
  color: white;
}
.card .pasado {
  background-color: mediumseagreen;
}
.card .pendiente {
  background-color: #c63527;
}

.card-dark {
  position: relative;
  overflow: hidden;
  display: block;
  color: white;
  border-radius: 4px;
  margin-bottom: 30px;
  border: none;
  padding: 0;
  text-decoration: none;
  background-position: 50% 50% !important;
  background-size: 100%;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  height: 140px;
}
.card-dark figure {
  position: absolute;
  top: 0;
}
.card-dark figure img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.card-dark figure::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 140px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.card-dark:hover, .card-dark:focus, .card-dark:active {
  cursor: pointer;
  background: white;
  text-decoration: none;
  color: white;
  background-size: 115%;
}
.card-dark:hover figure img, .card-dark:focus figure img, .card-dark:active figure img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-dark:hover .actions, .card-dark:focus .actions, .card-dark:active .actions {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.card-dark:hover .card-heading h3, .card-dark:focus .card-heading h3, .card-dark:active .card-heading h3 {
  top: 40%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-dark:hover .card-footer, .card-dark:focus .card-footer, .card-dark:active .card-footer {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 54%;
}
.card-dark .card-heading {
  position: absolute;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 140px;
}
.card-dark .card-heading h3 {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  line-height: 19px;
  width: 90%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-dark .card-footer {
  z-index: 3;
  position: absolute;
  top: 44%;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-dark .card-footer small {
  display: block;
}
.card-dark .card-footer span {
  float: none;
  font-size: 12px;
}
.card-dark .card-footer span::before {
  content: "•";
  margin-right: 5px;
  font-size: 10px;
}

.card-dark-btn {
  position: relative;
  overflow: hidden;
  display: block;
  color: white;
  border-radius: 4px;
  margin-bottom: 30px;
  border: none;
  padding: 0;
  text-decoration: none;
  background-position: 50% 50% !important;
  background-size: 100%;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  height: 140px;
}
.card-dark-btn figure {
  position: absolute;
  top: 0;
}
.card-dark-btn figure img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.card-dark-btn figure::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 140px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.card-dark-btn:hover, .card-dark-btn:focus, .card-dark-btn:active {
  cursor: pointer;
  background: white;
  text-decoration: none;
  color: white;
  background-size: 115%;
}
.card-dark-btn:hover figure img, .card-dark-btn:focus figure img, .card-dark-btn:active figure img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-dark-btn:hover .actions, .card-dark-btn:focus .actions, .card-dark-btn:active .actions {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.card-dark-btn:hover .card-heading h3, .card-dark-btn:focus .card-heading h3, .card-dark-btn:active .card-heading h3 {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-dark-btn:hover .card-body, .card-dark-btn:focus .card-body, .card-dark-btn:active .card-body {
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.card-dark-btn:hover .card-footer, .card-dark-btn:focus .card-footer, .card-dark-btn:active .card-footer {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 54%;
}
.card-dark-btn .card-heading {
  position: absolute;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 70px;
}
.card-dark-btn .card-heading h3 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  line-height: 19px;
  width: 90%;
  font-size: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-dark-btn .card-body {
  z-index: 3;
  opacity: 0;
  position: absolute;
  top: 54%;
  left: 0;
  right: 0;
  width: 140px;
  margin: 0 auto;
  padding: 10px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.3);
  color: white;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-dark-btn .card-footer {
  z-index: 3;
  position: absolute;
  top: 54%;
  width: 100%;
  text-align: center;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-dark-btn .card-footer small {
  display: block;
}
.card-dark-btn .card-footer span {
  float: none;
  font-size: 12px;
}
.card-dark-btn .card-footer span::before {
  content: "•";
  margin-right: 5px;
  font-size: 10px;
}

.card-default {
  position: relative;
  display: block;
  color: #35444b;
  border-radius: 4px;
  margin-bottom: 30px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border: none;
  padding: 0;
  text-decoration: none;
  padding-bottom: 25px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.card-default:hover, .card-default:focus, .card-default:active {
  cursor: pointer;
  background: white;
  text-decoration: none;
  color: #fff;
}
.card-default:hover img, .card-default:focus img, .card-default:active img {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.card-default:hover .actions, .card-default:focus .actions, .card-default:active .actions {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.card-default .tag-wrapper span,
.card-default .tag-wrapper small {
  float: none;
  font-size: 12px;
}
.card-default .tag-wrapper span::before,
.card-default .tag-wrapper small::before {
  content: "•";
  margin-right: 5px;
  font-size: 10px;
}
.card-default figure {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background-color: black;
  height: 190px;
}
.card-default figure .actions {
  color: white;
  position: absolute;
  top: 24%;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-default figure .actions i {
  font-size: 50px;
}
.card-default figure .actions span {
  display: block;
}
.card-default img {
  border-radius: 4px 4px 0 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.card-default .card-heading {
  padding-bottom: 0;
  padding-top: 10px;
  min-height: 100px;
  padding: 19px 15px 10px;
}
.card-default .card-heading h3 {
  font-size: 16px;
  margin: 0;
}
@media (min-width: 1200px) {
  .card-default .card-heading h3 {
    font-size: 16px;
  }
}
.card-default .card-heading .tag-aula {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 8px;
  display: block;
}
.card-default .card-heading .card-title {
  font-weight: 400;
  color: #fff;
}
.card-default .card-heading small {
  margin-top: 5px;
}
.card-default .card-title {
  color: #35444b;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 1200px) {
  .card-default .card-title {
    font-size: 24px;
  }
}
.card-default .card-footer span {
  text-transform: lowercase;
  margin: 0 2px;
  font-size: 14px;
  line-height: 18px;
}
.card-default .card-footer {
  color: #65665C;
  padding-top: 0;
  font-size: 13px;
  text-transform: uppercase;
  text-align: right;
}
.card-default .card-footer .tipo-formacion {
  position: relative;
  padding: 4px 10px;
  border-radius: 2px;
  line-height: normal;
  right: auto;
  top: auto;
}

.card-default-nav {
  position: relative;
  display: block;
  color: #35444b;
  border-radius: 4px;
  margin-bottom: 10px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border: none;
  padding: 0;
  text-decoration: none;
  padding-bottom: 25px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.card-default-nav:hover, .card-default-nav:focus, .card-default-nav:active {
  cursor: pointer;
  background: white;
  text-decoration: none;
  color: #fff;
}
.card-default-nav:hover img, .card-default-nav:focus img, .card-default-nav:active img {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.card-default-nav:hover .actions, .card-default-nav:focus .actions, .card-default-nav:active .actions {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.card-default-nav:hover figure:after, .card-default-nav:focus figure:after, .card-default-nav:active figure:after {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-default-nav:hover nav, .card-default-nav:focus nav, .card-default-nav:active nav {
  bottom: 0px;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
.card-default-nav.active {
  cursor: pointer;
  background: white;
  text-decoration: none;
  color: #fff;
}
.card-default-nav.active img {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.card-default-nav.active .actions {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.card-default-nav.active figure:after {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-default-nav.active nav {
  bottom: 0px;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
.card-default-nav .tag-wrapper span,
.card-default-nav .tag-wrapper small {
  float: none;
  font-size: 12px;
}
.card-default-nav .tag-wrapper span::before,
.card-default-nav .tag-wrapper small::before {
  content: "•";
  margin-right: 5px;
  font-size: 10px;
}
.card-default-nav figure {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background-color: black;
  height: 190px;
}
.card-default-nav figure .actions {
  color: white;
  position: absolute;
  top: 24%;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-default-nav figure .actions i {
  font-size: 50px;
}
.card-default-nav figure .actions span {
  display: block;
}
.card-default-nav figure::after {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.card-default-nav img {
  border-radius: 4px 4px 0 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.card-default-nav .card-heading {
  padding-bottom: 0;
  padding-top: 10px;
  min-height: 100px;
  padding: 19px 15px 10px;
}
.card-default-nav .card-heading h3 {
  font-size: 16px;
  margin: 0;
}
@media (min-width: 1200px) {
  .card-default-nav .card-heading h3 {
    font-size: 18px;
  }
}
.card-default-nav .card-heading .tag-aula {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 8px;
  display: block;
}
.card-default-nav .card-heading .card-title {
  font-weight: 400;
  color: #fff;
}
.card-default-nav .card-heading small {
  margin-top: 5px;
}
.card-default-nav .card-title {
  color: #35444b;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 1200px) {
  .card-default-nav .card-title {
    font-size: 24px;
  }
}
.card-default-nav .card-footer span {
  text-transform: lowercase;
  margin: 0 2px;
  font-size: 14px;
  line-height: 18px;
}
.card-default-nav .card-footer {
  color: #65665C;
  padding-top: 0;
  font-size: 13px;
  text-transform: uppercase;
  text-align: right;
}
.card-default-nav .card-footer .tipo-formacion {
  position: relative;
  padding: 4px 10px;
  border-radius: 2px;
  line-height: normal;
  right: auto;
  top: auto;
}
.card-default-nav figure {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 190px;
}
.card-default-nav nav {
  position: absolute;
  bottom: -195px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  background-color: #262729;
  -webkit-transition: bottom 0.6s ease;
  transition: bottom 0.6s ease;
}
.card-default-nav nav .mod-name {
  white-space: nowrap;
  width: calc(100% - 30px);
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
.card-default-nav nav ul {
  padding: 0;
  margin: 0;
}
.card-default-nav nav li {
  position: relative;
  list-style: none;
}
.card-default-nav nav li .icon {
  top: 7px;
  right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}
.card-default-nav nav li .icon.icon-check {
  background-color: green;
}
.card-default-nav nav li:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.card-default-nav nav li a {
  display: block;
  padding: 9px 10px;
  color: white;
}
.card-default-nav .icon {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
}
.card-default-nav .h-line {
  font-size: 20px;
  font-weight: bold;
}
.card-default-nav .h-line::after {
  content: "";
  display: block;
  width: 40px;
  border-bottom: 3px solid #fb2245;
  margin-top: 13px;
}

.card.aula img {
  border-radius: 4px 4px 0 0;
  width: 40%;
}
@media (min-width: 1200px) {
  .card.aula {
    min-width: 100%;
  }
}

.card.inactivo {
  pointer-events: none;
}
.card.inactivo figure::before {
  content: attr(data-info);
  position: absolute;
  display: block;
  top: 10px;
  right: -10px;
  width: 0;
  height: 0;
  float: left;
  height: 24px;
  width: 140px;
  color: #8c8a89;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 24px;
  padding: 0 10px;
  background-color: darkorange;
  -webkit-box-shadow: -4px 4px 3px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -4px 4px 3px 0px rgba(0, 0, 0, 0.25);
  z-index: 10;
  border-radius: 3px 0 0 3px;
}
.card.inactivo figure::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: 34px;
  right: -10px;
  border-top: 10px solid #b36200;
  border-right: 10px solid transparent;
}

.card.novedad figure::before {
  content: attr(data-info);
  position: absolute;
  display: block;
  top: 10px;
  right: -10px;
  width: 0;
  height: 0;
  float: left;
  height: 24px;
  width: 140px;
  color: #8c8a89;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 24px;
  padding: 0 10px;
  background-color: darkorange;
  -webkit-box-shadow: -4px 4px 3px 0px rgba(0, 0, 0, 0.25);
          box-shadow: -4px 4px 3px 0px rgba(0, 0, 0, 0.25);
  z-index: 10;
  border-radius: 3px 0 0 3px;
}
.card.novedad figure::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: 34px;
  right: -10px;
  border-top: 10px solid #b36200;
  border-right: 10px solid transparent;
}

.cur-sta {
  z-index: 100;
}

.card-horas {
  position: absolute;
  right: 10px;
  top: 113px;
  background-color: #184c95;
  color: white;
  padding: 3px 7px;
  border-radius: 5px;
}

.card.curso figure::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 210px;
  opacity: 0;
  background: #fff url("/assets/img/play.svg") no-repeat center center;
  background-size: 72px 72px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.card.curso figure {
  overflow: hidden;
  height: 210px;
}
.card.curso img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.card.curso:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.card.curso:hover figure::after {
  content: "";
  opacity: 0.6;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.tipo-formacion {
  position: absolute;
  text-transform: uppercase;
  right: 15px;
  top: 15px;
  background-color: #44479d;
  padding: 3px 10px;
  color: white;
  border-radius: 5px;
  line-height: 27px;
}

.card-eva-img figure {
  position: relative;
  background-color: white;
}
.card-eva-img:hover .card-heading h3 {
  border-left: 2px solid #fff;
}
.card-eva-img figure::after {
  background: #fff url("/assets/img/eva.svg") no-repeat center center !important;
  background-size: 72px 72px !important;
}

.card-library {
  height: 410px;
  text-align: center;
  background-color: white;
}
.card-library:hover {
  background-color: #e4e4e4;
}
.card-library img {
  max-width: 190px;
}
.card-library .card-title {
  font-size: 1em;
}
@media (min-width: 1200px) {
  .card-library {
    font-size: 1.3em;
  }
}
.card-library .card-body small {
  text-transform: uppercase;
}
.card-library .card-body .autor {
  display: block;
  font-size: 0.8em;
  font-style: italic;
}

.c-card {
  position: relative;
  display: block;
  overflow: hidden;
  height: 235px;
  border-radius: 4px;
  background-color: white;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.33);
  margin-bottom: 30px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.c-card:hover {
  text-decoration: none;
}
.c-card:hover img {
  opacity: 0.8;
}

.c-card-body figure {
  overflow: hidden;
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 3px solid #ADACAC;
}
.c-card-body i {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.c-card-body small {
  position: absolute;
  bottom: 22px;
  left: 70px;
  font-style: italic;
  font-weight: bold;
}

.c-card-title {
  position: relative;
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  height: 62px;
}
.c-card-title span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 90%;
}

.card-cuestionario {
  overflow: hidden;
  position: relative;
  display: block;
  background-color: #d2d2d2;
  color: #333;
  padding: 56px;
  font-size: 16px;
  border-radius: 5px;
  width: 100%;
  margin: 0 auto;
  font-weight: bold;
  padding-left: 80px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-cuestionario:hover, .card-cuestionario:active {
  background-color: #919191;
  color: #333;
}
.card-cuestionario span {
  position: relative;
}
.card-cuestionario:hover figure {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-cuestionario figure {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 150px;
  background-position: center;
  background-size: cover;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-cuestionario .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 22px;
}

.card-share {
  position: relative;
  display: block;
  width: 100%;
  height: 134px;
  background-color: #eee;
  color: #333;
  font-size: 16px;
  border-radius: 5px;
  margin: 0 auto;
  padding-top: 27px;
  margin-bottom: 20px;
}
.card-share .btn-group-d {
  line-height: 60px;
}

.card-evaluacion {
  position: relative;
  display: block;
  background-color: #adadad;
  color: white;
  color: #333;
  padding: 56px;
  font-size: 16px;
  border-radius: 5px;
  width: 100%;
  margin: 0 auto;
  font-weight: bold;
  padding-left: 80px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 20px;
}
.card-evaluacion:hover, .card-evaluacion:active, .card-evaluacion:focus {
  padding-left: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #919191;
  color: #333;
}
.card-evaluacion:hover .card-evaluacion-tooltip, .card-evaluacion:active .card-evaluacion-tooltip, .card-evaluacion:focus .card-evaluacion-tooltip {
  border-left: 3px solid white;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-evaluacion:hover .card-evaluacion-tooltip p, .card-evaluacion:active .card-evaluacion-tooltip p, .card-evaluacion:focus .card-evaluacion-tooltip p {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
  opacity: 1;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  color: white;
}
.card-evaluacion .card-evaluacion-tooltip {
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  height: 37px;
  width: 40%;
  font-weight: normal;
  font-size: 14px;
  border-left: 0px solid white;
  padding-left: 12px;
  line-height: 35px;
  margin-left: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-evaluacion .card-evaluacion-tooltip p {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: -160px;
  margin: 0;
  opacity: 0;
  line-height: 17px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.card-evaluacion .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 50px;
  text-align: center;
  font-size: 22px;
}
.card-evaluacion:hover, .card-evaluacion:active, .card-evaluacion:focus {
  color: #333;
}
.card-evaluacion.final {
  background-color: #FB2245;
  color: white;
}
.card-evaluacion.final .card-evaluacion-tooltip {
  border-left: 0px solid #f7788c;
}
.card-evaluacion.final:hover, .card-evaluacion.final:active, .card-evaluacion.final:focus {
  background-color: #ce203c;
  color: white;
}
.card-evaluacion.final:hover .card-evaluacion-tooltip, .card-evaluacion.final:active .card-evaluacion-tooltip, .card-evaluacion.final:focus .card-evaluacion-tooltip {
  border-left: 3px solid #f7788c;
}

.card-action {
  overflow: hidden;
  position: relative;
  height: 190px;
  border-radius: 5px;
  background-color: #262729;
  margin-bottom: 20px;
}
.card-action figure {
  position: absolute;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.5;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 250px;
}
.card-action h2 {
  position: relative;
  text-align: center;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  color: white;
  font-size: 20px;
  padding: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-action nav {
  position: absolute;
  bottom: -125px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  background-color: #262729;
  -webkit-transition: bottom 0.6s ease;
  transition: bottom 0.6s ease;
}
.card-action nav ul {
  padding: 0;
}
.card-action nav li {
  position: relative;
  list-style: none;
}
.card-action nav li .icon {
  top: 7px;
  right: 18px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}
.card-action nav li:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.card-action nav li a {
  display: block;
  padding: 9px 10px;
  text-align: center;
  color: white;
}
.card-action .icon {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
}
.card-action:hover nav {
  bottom: 0px;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
.card-action:hover figure {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0.3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-action:hover h2 {
  top: 20%;
  -webkit-transform: translateY(-50%) scale(0.8);
          transform: translateY(-50%) scale(0.8);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-action.active nav {
  bottom: 0px;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
.card-action.active figure {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0.3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card-action.active h2 {
  top: 20%;
  -webkit-transform: translateY(-50%) scale(0.8);
          transform: translateY(-50%) scale(0.8);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.card-large .card {
  min-height: 286px;
}

.dpro {
  margin-bottom: 24px;
  background-color: #e6e6e6;
  border-bottom: 2px solid #d1d1d1;
  border-radius: 4px;
}
.dpro .cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  height: 160px;
  padding: 20px 24px;
}
@media screen and (max-width: 1023px) {
  .dpro .cover {
    height: 186px;
  }
}
.dpro h3 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  color: white;
}
.dpro h3 small {
  font-size: 14px;
  text-transform: uppercase;
  color: #d5d5d5;
}
.dpro .btn-secondary {
  font-size: 10px;
  background-color: white;
  color: white;
}
.dpro .btn-secondary:hover {
  background-color: #e6e6e6;
}
.dpro .img-responsive {
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .dpro .img-responsive {
    height: 186px;
  }
}

.table-default.highlight-title tbody tr td:first-child {
  font-weight: bold;
  font-weight: normal !important;
  text-transform: uppercase;
}

.table-default {
  margin-top: 20px;
  border-bottom: 1px solid #c8c8c8;
  -webkit-box-shadow: -10px 0px 50px -30px black, 10px 0px 50px -30px black;
          box-shadow: -10px 0px 50px -30px black, 10px 0px 50px -30px black;
  -webkit-box-shadow: 0px 20px 30px -30px black;
          box-shadow: 0px 20px 30px -30px black;
  font-size: 14px;
}
.table-default thead {
  background-color: #004595;
  color: white;
}
.table-default thead tr {
  height: 65px;
}
.table-default thead tr th {
  position: relative;
  vertical-align: middle;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  text-transform: lowercase;
}
.table-default thead tr th::first-letter {
  text-transform: uppercase;
}
.table-default thead tr th .ordenar {
  color: white;
  position: absolute;
  right: 8px;
  top: 23px;
}
.table-default thead tr th:not(:last-child) {
  padding-right: 20px;
}
.table-default thead tr th:first-child input[type=checkbox] {
  margin-left: -10px;
}
.table-default tbody tr {
  height: 67px;
  background-color: #ececec;
}
.table-default tbody tr td {
  vertical-align: middle;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.table-default tbody tr td:last-child {
  border-right: 1px solid #ddd;
}
.table-default tbody tr td:first-child {
  border-left: 1px solid #c8c8c8;
  padding-left: 20px;
}
.table-default tbody tr td:first-child a {
  float: left;
  width: 100%;
  margin-left: 20px;
}
.table-default tbody tr td:first-child input[type=checkbox] {
  float: left;
  margin-left: 5px;
}
.table-default .detail-icons {
  text-align: center;
  white-space: nowrap;
  font-size: 22px;
  padding: 0 5px !important;
}

td.notas {
  white-space: nowrap;
}

td.notas .icon-gris,
td.notas .icon-check,
td.notas .icon-times,
td.al-left .icon-gris,
td.al-left .icon-check,
td.al-left .icon-times {
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}
td.notas .icon-gris + span,
td.notas .icon-check + span,
td.notas .icon-times + span,
td.al-left .icon-gris + span,
td.al-left .icon-check + span,
td.al-left .icon-times + span {
  line-height: 26px;
}

td.icons {
  white-space: nowrap;
}
td.icons [class*=icon-] {
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}
td.icons [class*=icon-] + span {
  line-height: 26px;
}

th.acciones,
td.acciones {
  text-align: center;
  white-space: nowrap;
}
th.acciones a,
td.acciones a {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #c63527;
  color: #666;
  border-radius: 4px;
}
th.acciones a i,
td.acciones a i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-size: 1.15em;
}
th.acciones a.js-delete, th.acciones a.bg-icon-delete,
td.acciones a.js-delete,
td.acciones a.bg-icon-delete {
  background-color: #c63527;
  color: #BA290C;
}
th.acciones a.js-delete:hover, th.acciones a.js-delete:active, th.acciones a.js-delete:focus, th.acciones a.bg-icon-delete:hover, th.acciones a.bg-icon-delete:active, th.acciones a.bg-icon-delete:focus,
td.acciones a.js-delete:hover,
td.acciones a.js-delete:active,
td.acciones a.js-delete:focus,
td.acciones a.bg-icon-delete:hover,
td.acciones a.bg-icon-delete:active,
td.acciones a.bg-icon-delete:focus {
  background-color: #BA290C;
  color: #FBD2C8;
}
th.acciones a.bg-icon-info,
td.acciones a.bg-icon-info {
  background-color: #c63527;
  color: #337ab7;
}
th.acciones a.bg-icon-info:hover, th.acciones a.bg-icon-info:active, th.acciones a.bg-icon-info:focus,
td.acciones a.bg-icon-info:hover,
td.acciones a.bg-icon-info:active,
td.acciones a.bg-icon-info:focus {
  background-color: #337ab7;
  color: white;
}
th.acciones a.bg-icon-ok,
td.acciones a.bg-icon-ok {
  background-color: #ACD299;
  color: #005900;
}
th.acciones a.bg-icon-ok:hover, th.acciones a.bg-icon-ok:active, th.acciones a.bg-icon-ok:focus,
td.acciones a.bg-icon-ok:hover,
td.acciones a.bg-icon-ok:active,
td.acciones a.bg-icon-ok:focus {
  background-color: #005900;
  color: #ACD299;
}
th.acciones a.disabled,
td.acciones a.disabled {
  background-color: #DDD;
  color: #666;
}
th.acciones a.disabled:hover, th.acciones a.disabled:active, th.acciones a.disabled:focus,
td.acciones a.disabled:hover,
td.acciones a.disabled:active,
td.acciones a.disabled:focus {
  background-color: #DDD;
  color: #666;
}
th.acciones a:hover, th.acciones a:active, th.acciones a:focus,
td.acciones a:hover,
td.acciones a:active,
td.acciones a:focus {
  background-color: #666;
  color: #c63527;
}
th.acciones .icon-wrapper,
td.acciones .icon-wrapper {
  display: inline-block;
}

td.estado {
  position: relative;
  padding-left: 60px !important;
  width: 170px;
}
td.estado .icon-check,
td.estado .icon-lock,
td.estado .icon-times {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 23px;
  border-radius: 100%;
}

th.acciones a:hover, th.acciones a:active, th.acciones a:focus {
  background-color: rgba(0, 0, 0, 0.3);
  color: #CEDFF7;
}

.table-action {
  border-bottom: 1px solid #c8c8c8;
  -webkit-box-shadow: -10px 0px 50px -30px black, 10px 0px 50px -30px black;
          box-shadow: -10px 0px 50px -30px black, 10px 0px 50px -30px black;
  -webkit-box-shadow: 0px 20px 30px -30px black;
          box-shadow: 0px 20px 30px -30px black;
  font-size: 14px;
}
.table-action thead {
  background-color: #333;
  color: white;
}
.table-action thead tr {
  height: 65px;
}
.table-action thead tr th {
  vertical-align: middle;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 15px;
  text-transform: lowercase;
}
.table-action thead tr th::first-letter {
  text-transform: uppercase;
}
.table-action thead tr th .ordenar {
  color: white;
  float: right;
}
.table-action thead tr th:not(:last-child) {
  padding-left: 20px;
}
.table-action thead tr th:first-child input[type=checkbox] {
  margin-left: -10px;
}
.table-action tbody tr {
  height: 67px;
  background-color: white;
}
.table-action tbody tr td {
  vertical-align: middle;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.table-action tbody tr td.superado {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: #4CAF50;
}
.table-action tbody tr td.no-superado {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: rgb(214, 42, 42);
}
.table-action tbody tr td.no-realizado {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: #5c5c5c;
}
.table-action tbody tr td:last-child {
  border-right: 1px solid #ddd;
}
.table-action tbody tr td:first-child {
  border-left: 1px solid #c8c8c8;
  padding-left: 20px;
}
.table-action tbody tr td:first-child input[type=checkbox] {
  margin-left: -10px;
}

.table-forum {
  margin-top: 20px;
}
.table-forum-title {
  display: block;
  margin-left: 0 !important;
}
.table-forum-title h4 {
  margin-bottom: 10px;
  font-size: 16px !important;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.table-forum-title h4:hover {
  color: #9e2a2b;
}
.table-forum td {
  vertical-align: middle !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}
.table-forum thead tr {
  background-color: #333;
  color: white;
}

.table-dash tbody tr {
  height: 67px;
  background-color: #ececec;
}

.js-detail-body td ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.js-detail-body td ul .fa {
  margin-right: 5px;
  padding: 3px;
  border-radius: 100%;
  text-align: center;
  font-weight: 900;
  color: white;
}
.js-detail-body td ul .fa.fa-clock, .js-detail-body td ul .fa.fa-times-circle {
  background-color: #fff;
}
.js-detail-body td ul .fa.fa-check, .js-detail-body td ul .fa.fa-check-circle {
  background-color: mediumseagreen;
}

@media (max-width: 992px) {
  .sombraTabla {
    overflow-x: auto;
  }
  .table-responsive {
    overflow-x: auto;
    border: none;
  }
}
.fichasTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fichasTable .fT-foto {
  margin-right: 20px;
}
.fichasTable .fT-foto img {
  height: 48px;
  width: 48px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fichasTable .fT-datos {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.fichasTable .fT-datos span {
  display: block;
}
.fichasTable .fT-datos .fT-empleado {
  font-weight: 700;
  text-transform: uppercase;
  color: #c63527;
}
.fichasTable .fT-datos .fT-dpto {
  font-size: 13px;
}
.fichasTable .fT-contacto {
  -webkit-box-flex: 0;
      -ms-flex: 0 2 100%;
          flex: 0 2 100%;
}
.fichasTable .fT-contacto div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fichasTable .fT-contacto div .circulo {
  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: 24px;
  width: 24px;
  margin-right: 8px;
  color: #2C325F;
}
.fichasTable .fT-contacto div .circulo .fas {
  margin: 0;
}
.fichasTable .fT-contacto .fT-correo .circulo {
  font-size: 13px;
}
.fichasTable .fT-contacto .fT-correo .texto {
  font-size: 13px;
}

.dataTable-atm table {
  border-top-color: #44479d;
}
.dataTable-atm table.dataTable thead {
  background-color: #44479d;
}
.dataTable-atm table.dataTable thead th {
  height: 56px;
  vertical-align: middle;
  font-family: Helvetica, Arial, sans-serif;
  border-color: #44479d;
  color: white;
}
.dataTable-atm table.dataTable thead th .ordenar {
  margin-left: 10px;
}
.dataTable-atm table.dataTable tbody td {
  vertical-align: middle;
}
.dataTable-atm table.dataTable tbody td .grupo-btn .btn,
.dataTable-atm table.dataTable tbody td .grupo-btn .etiq {
  margin-left: 5px;
}
.dataTable-atm table.dataTable tbody td .grupo-btn .btn:first-child,
.dataTable-atm table.dataTable tbody td .grupo-btn .etiq:first-child {
  margin-left: 0;
}
.dataTable-atm table.dataTable tbody td .fas {
  margin: 0;
}

.buscar-alumnos .titulo {
  font-weight: bold;
  color: #c63527;
  font-size: 1.2em;
  border-bottom: 3px solid #e7e8e8;
  padding-bottom: 8px;
  margin-top: 5px;
}
.buscar-alumnos label {
  font-size: 0.9em;
}
.buscar-alumnos .form-wrapper {
  min-height: auto;
  overflow: hidden;
  height: 70px;
  border-bottom: 5px solid #bbb;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.buscar-alumnos .form-wrapper .titulo {
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.buscar-alumnos .form-wrapper.active {
  height: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (min-width: 760px) {
  .buscar-alumnos .form-wrapper.active {
    height: auto;
  }
}
.buscar-alumnos .form-wrapper.active .titulo {
  border-bottom: 2px solid #e7e8e8;
}
.buscar-alumnos .form-wrapper.active .btn-lupa {
  background-image: none;
}
.buscar-alumnos .form-wrapper.active .btn-lupa i {
  opacity: 1;
}
.buscar-alumnos .btn-lupa {
  position: absolute;
  right: 0;
  top: -10px;
  display: block;
  width: 30px;
  height: 30px;
  font-size: 17px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
  background-color: #e4e4e4;
}
.buscar-alumnos .btn-lupa i {
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #8d8d8d;
}
.buscar-alumnos .btn-lupa i.fa-angle-up {
  font-size: 25px;
}
.buscar-alumnos .box {
  padding: 6px 16px;
  margin-bottom: 20px;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}
.buscar-alumnos .box h2 {
  font-size: 22px;
  font-weight: bold;
  color: #c63527;
}
.buscar-alumnos .box h2 strong {
  display: block;
  font-size: 0.8em;
  color: #333;
}
.buscar-alumnos .box-rounded {
  min-height: 98px;
  padding: 5px;
  border-radius: 10px;
  text-align: center;
}
.buscar-alumnos .num-alumnos {
  background-color: #c63527;
  color: white;
}
.buscar-alumnos .num-alumnos h1 {
  font-weight: 700;
  font-size: 45px;
}
.buscar-alumnos .num-alumnos p {
  padding-top: 5px;
  font-size: 15px;
  font-weight: bold;
}
.buscar-alumnos .fecha-hora {
  background-color: #E0E4E5;
}
.buscar-alumnos .fecha-hora span {
  display: block;
}
.buscar-alumnos .fecha-hora .titulo-fecha-hora {
  padding-top: 5px;
  font-weight: bold;
  font-size: 14px;
}
.buscar-alumnos .fecha-hora .fecha {
  font-size: 16px;
  font-weight: bold;
  color: #c63527;
}
.buscar-alumnos .fecha-hora .hora {
  font-weight: bold;
  color: #c63527;
}
.buscar-alumnos .titulo-lista {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 10px;
  border-bottom: 2px solid #c63527;
}
.buscar-alumnos .cuadro-resultados {
  background-color: white;
  min-height: 100px;
  -webkit-box-shadow: 0px 20px 30px -30px black;
          box-shadow: 0px 20px 30px -30px black;
}
.buscar-alumnos .btn-default {
  color: #333;
}
.buscar-alumnos .resultados {
  font-size: 15px;
}
.buscar-alumnos .resultados td {
  color: #c63527;
  line-height: 30px;
}

.tag-wrapper {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 95%;
  padding-right: 20px;
  min-height: 20px;
}
.tag-wrapper span {
  float: right;
}

.tag {
  position: absolute;
  left: 0;
  display: inline;
  padding: 2px 9px;
  border-radius: 4px;
  text-align: center;
  text-transform: uppercase;
  background-color: #333;
  color: white;
  margin-left: 10px;
  font-family: Helvetica, Arial, sans-serif;
}
.tag i {
  margin-right: 4px;
  font-size: 0.9em;
}
.tag.online {
  background-color: #72a829;
}
.tag.webinar {
  background-color: #2c97d9;
}
.tag.presencial {
  background-color: #C4302B;
}

td .tag {
  position: relative;
}

.tag-simple {
  font-size: 15px;
  background-color: white;
  padding: 5px 12px;
  border-radius: 5px;
  bottom: -30px;
}
.tag-simple--success {
  color: green;
}
.tag-simple--warning {
  color: #C4302B;
}

.tag-e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tag-e span {
  font-size: 10px;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  margin-left: 10px;
  padding: 0 6px;
  text-transform: uppercase;
  color: white;
  border-radius: 2px;
  background-color: #44479d;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .tag-e {
    display: block;
  }
  .tag-e span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    margin-top: 4px;
  }
}

.icon-pos-a {
  position: absolute;
}

.icon-w {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  text-align: center;
  line-height: 28px;
}

.icon-check {
  background-color: green;
  color: white;
}

.icon-times {
  background-color: #c63527;
  color: white;
}

.icon-lock {
  background-color: #e8e8e8;
  color: #666;
}

.icon-unlock {
  background-color: #c63527;
  color: #666;
}

.fa.fa-izq,
.fab.fa-izq,
.fal.fa-izq,
.far.fa-izq,
.fas.fa-izq {
  margin-right: 8px;
}
.fa.fa-der,
.fab.fa-der,
.fal.fa-der,
.far.fa-der,
.fas.fa-der {
  margin-left: 8px;
}

.form-wrapper {
  padding: 20px;
  border-bottom: 6px solid #003465;
  min-height: 130px;
  border-radius: 3px;
}
.form-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.form-anotaciones .grupo-btn {
  margin-top: 24px;
}

.error-form {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 30px;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #c63527;
}
.error-form div {
  position: relative;
  border-radius: 4px;
  padding: 5px 10px;
  background-color: indianred;
  color: white;
}
.error-form div::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 0;
  width: 0;
  border-top: 6px solid indianred;
  border-right: 6px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 6px solid transparent;
}
.error-form div .fa {
  margin-right: 5px !important;
  margin-left: 0 !important;
}

.btn .error-form {
  top: initial;
  right: initial;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-right: 0;
}
.btn .error-form div::before {
  top: -6px;
  left: 50%;
  bottom: initial;
  border-top: 0px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid indianred;
  border-left: 6px solid transparent;
}

.actions-icons {
  text-align: center;
  white-space: nowrap;
}
.actions-icons span {
  display: inline-block;
}
.actions-icons a,
.actions-icons button {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #e4e4e4;
  color: #666;
  border-radius: 4px;
  border: 0;
}
.actions-icons a small,
.actions-icons button small {
  position: absolute;
  background-color: #337ab7;
  width: 15px;
  height: 15px;
  color: white;
  border-radius: 100%;
  font-size: 10px;
  bottom: 0;
}
.actions-icons a:hover:not(.disabled),
.actions-icons button:hover:not(.disabled) {
  background-color: #666;
  color: white;
}
.actions-icons a.disabled,
.actions-icons button.disabled {
  background-color: #e4e4e4;
  color: #b3b3b3;
  pointer-events: none;
  cursor: not-allowed;
}
.actions-icons i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 1.15em;
}
.actions-icons .bg-icon-danger {
  background-color: #e4e4e4;
  color: #BA290C;
}
.actions-icons .bg-icon-danger:hover:not(.disabled) {
  background-color: #BA290C;
  color: white;
}
.actions-icons .bg-icon-success {
  background-color: #bbdec6;
  color: #038f49;
}
.actions-icons .bg-icon-success:hover:not(.disabled) {
  background-color: #038f49;
  color: white;
}
.actions-icons .bg-icon-default {
  background-color: #e4e4e4;
  color: #666;
}
.actions-icons .bg-icon-default:hover:not(.disabled) {
  background-color: #666;
  color: white;
}
.actions-icons .bg-icon-primary {
  background-color: #e4e4e4;
  color: #038f49;
}
.actions-icons .bg-icon-primary:hover:not(.disabled) {
  background-color: #038f49;
  color: white;
}
.actions-icons .bg-icon-warning {
  background-color: #e4e4e4;
  color: #dba81c;
}
.actions-icons .bg-icon-warning:hover:not(.disabled) {
  background-color: #dba81c;
  color: white;
}
.actions-icons .bg-icon-info {
  background-color: #cfdbe6;
  color: #337ab7;
}
.actions-icons .bg-icon-info:hover:not(.disabled) {
  background-color: #337ab7;
  color: white;
}
.actions-icons .bg-icon-neutral {
  background-color: #cfdbe6;
  color: #41494f;
}
.actions-icons .bg-icon-neutral:hover:not(.disabled) {
  background-color: #337ab7;
  color: white;
}
.actions-icons__top a {
  top: 4px;
}

.data_table_css h1 {
  margin-bottom: -10px;
}
.data_table_css .panel-heading,
.data_table_css h3 {
  font-size: 1.2em;
  font-weight: bold;
}
.data_table_css table {
  margin-bottom: 30px;
  border: 0;
}
.data_table_css .dataTables_wrapper .minimo {
  min-width: 120px;
}
.data_table_css .dataTables_wrapper thead {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #44479d;
  color: white;
}
.data_table_css .dataTables_wrapper thead th {
  border: 1px solid #383a81;
  border-bottom: 2px solid #383a81;
  padding: 15px;
  font-weight: normal;
}
.data_table_css .dataTables_wrapper thead th .ordenar {
  float: right;
  margin-left: 15px;
  color: #fff;
}
.data_table_css .dataTables_wrapper tbody {
  font-size: 12px;
  text-transform: uppercase;
}
.data_table_css .dataTables_wrapper tbody tr td {
  padding: 15px 20px;
  vertical-align: middle;
}
.data_table_css .dataTables_wrapper tbody tr td:first-child {
  font-size: 15px;
  text-transform: none;
}
.data_table_css .dataTables_filter {
  margin-bottom: 60px;
}
.data_table_css .dataTables_filter label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.data_table_css .dataTables_filter label input[type=search] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  font-weight: normal;
}
.data_table_css .dataTables_filter label input[type=search]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.data_table_css .dataTables_info {
  display: inline-block;
  font-size: 15px;
}
.data_table_css .dataTables_paginate {
  float: right;
  height: 70px;
  font-size: 15px;
  color: #337ab7;
}
.data_table_css .dataTables_paginate .paginate_button,
.data_table_css .dataTables_paginate .ellipsis {
  float: left;
  padding: 5px 12px;
  background-color: white;
  border-top: solid 1px lightgrey;
  border-bottom: solid 1px lightgrey;
  border-left: solid 1px lightgrey;
  -webkit-box-shadow: 0px 5px 35px -10px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 5px 35px -10px rgba(0, 0, 0, 0.3);
}
.data_table_css .dataTables_paginate .paginate_button:hover,
.data_table_css .dataTables_paginate .ellipsis:hover {
  background-color: #f2f2f2;
  color: #333;
  cursor: pointer;
}
.data_table_css .dataTables_paginate .paginate_button.current,
.data_table_css .dataTables_paginate .ellipsis.current {
  font-weight: 700;
  background-color: #e2e2e2;
  color: #333;
  pointer-events: none;
}
.data_table_css .dataTables_paginate .previous {
  border-radius: 4px 0 0 4px;
}
.data_table_css .dataTables_paginate .next {
  border-right: solid 1px lightgrey;
  border-radius: 0 4px 4px 0;
}
.data_table_css .dataTables_paginate.paging_numbers {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.data_table_css .btn {
  padding: 6px 10px;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
}
.data_table_css .btn-lg {
  padding: 9px 15px;
}
.data_table_css .btn-alert,
.data_table_css .btn-alert:visited {
  color: white;
  background-color: #BA290C;
  border-color: #ac260b;
}
.data_table_css .btn-alert:hover {
  color: white;
  background-color: #a2240a;
  border-color: #98220a;
}
.data_table_css .btn-firmado {
  margin-left: 15px;
  font-size: 12px;
  background-color: #ddd;
  color: #777;
}
.data_table_css .btn-firmado:hover {
  background-color: white;
  color: white;
}
.data_table_css .btn-firmado i {
  margin-right: 5px;
}
.data_table_css .btn-respuesta {
  padding: 9px 15px;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  background-color: mediumseagreen;
}
.data_table_css .btn-respuesta:hover {
  background-color: #349c63;
}
.data_table_css .btn-respuesta .fas {
  margin-right: 10px;
}
.data_table_css .fa-check {
  width: 22px;
  margin-right: 10px;
  border-radius: 100%;
  padding: 5px 0;
  font-size: 12px;
  text-align: center;
  background-color: mediumseagreen;
  color: white;
}
.data_table_css .fa-times {
  width: 22px;
  margin-right: 10px;
  border-radius: 100%;
  padding: 5px 0;
  font-size: 12px;
  text-align: center;
  background-color: #c63527;
  color: white;
}
.data_table_css .fa-check-circle {
  margin-top: -3px;
  font-size: 22px;
  vertical-align: middle;
  color: mediumseagreen;
}
.data_table_css .fa-times-circle {
  margin-top: -3px;
  font-size: 22px;
  vertical-align: middle;
  color: #c63527;
}
.data_table_css .alert-danger {
  color: #a94442;
  background-color: #f2dede !important;
  border-color: #ebccd1;
}
.data_table_css .upload-file {
  position: relative;
  background-color: white;
  height: 150px;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
}
.data_table_css .upload-file span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  font-weight: bold;
}
.data_table_css .list-msg {
  width: 100%;
  border: 1px solid #e2e2e2;
  padding: 10px;
  background-color: #f2f2f2;
}
.data_table_css .info {
  display: inline-block;
  background-color: #024686;
  padding-left: 1.4em;
  padding-right: 1.4em;
  margin-top: 0px;
  color: white;
  border: none;
}
.data_table_css .info:hover {
  background-color: #0053a2;
  color: white;
}
.data_table_css .info:focus {
  background-color: #0053a2;
  color: white;
}
.data_table_css .table-default {
  margin-top: 15px;
}
.data_table_css .fondoOferta {
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e3e3e3));
  background: linear-gradient(to bottom, #f1f1f1 0%, #e3e3e3 100%);
  padding: 20px 20px;
  -webkit-box-shadow: 1px 1px 10px -3px rgba(32, 32, 32, 0.2);
  box-shadow: 1px 1px 10px -3px rgba(32, 32, 32, 0.2);
  border-bottom: 5px solid #bbb;
}
.data_table_css .panel-default .panel-body {
  background: white;
  border-bottom: 10px solid #e3e3e3;
}
.data_table_css .dd-scroll-100 {
  overflow-y: scroll;
  height: 100px;
  border: solid 1px #ccc;
  border-bottom: solid 5px #ccc;
  background-color: white;
}
.data_table_css .editOfert {
  float: right;
  font-size: 1.5rem;
  margin-bottom: 0.8em;
}
.data_table_css .bot-resaltado {
  padding: 5px 15px;
  background-color: rgba(0, 0, 0, 0.1);
  color: #4e4e4e;
  border-radius: 4px;
}
.data_table_css .autor {
  text-transform: none;
  color: #fff;
}
.data_table_css .tipo.tipo-notxt {
  text-align: center;
}
.data_table_css .tipo.tipo-notxt .fas {
  margin-right: 0;
  cursor: pointer;
}
.data_table_css .tipo .fas {
  margin-right: 10px;
}
.data_table_css .estado {
  font-weight: bold;
}
.data_table_css .estado.ko {
  color: #c63527;
}
.data_table_css .estado.ok {
  color: mediumseagreen;
}
.data_table_css .principal {
  font-size: 15px;
  text-transform: none;
}
.data_table_css .actions-icons {
  font-size: 14px;
}
.data_table_css .notrans {
  text-transform: none;
}
.data_table_css .dataTable thead .sorting i::before {
  content: "\f0dc";
}
.data_table_css .dataTable thead .sorting i.fa-user-edit::before {
  content: "\f4ff";
}
.data_table_css .dataTable thead .sorting i.fa-flag-checkered::before {
  content: "\f11e";
}
.data_table_css .dataTable thead .sorting i.fa-binoculars::before {
  content: "\f1e5";
}
.data_table_css .dataTable thead .sorting_asc i::before {
  content: "\f0de";
}
.data_table_css .dataTable thead .sorting_desc i::before {
  content: "\f0dd";
}
.data_table_css .titulo-elli {
  overflow: hidden;
  max-width: 380px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .data_table_css .dataTables_info {
    margin-bottom: 20px !important;
  }
}
.data_table_css #table_id_length,
.data_table_css #docs_table_length,
.data_table_css #docs_table_filter,
.data_table_css #buzon_index_table_filter,
.data_table_css #buzon_dash_table_filter,
.data_table_css #news_index_table_filter,
.data_table_css #biblioteca_index_table_filter {
  display: none;
}

.grupo-buscador .data_table_css thead {
  background-color: white;
}
.grupo-buscador .data_table_css .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: white;
}

.message {
  margin-bottom: 1.2em;
  margin-top: 0.5em;
  border-bottom: 2px solid #eaeaea;
  padding: 0.5em;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f4f4f4));
  background-image: linear-gradient(#fcfcfc, #f4f4f4);
}

span.tipo.tipo-notxt {
  display: block;
  width: 24px;
  text-align: center;
}

.leyenda-pie .pie1,
.leyenda-pie .pie2 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.leyenda-pie .pie1 p,
.leyenda-pie .pie2 p {
  margin-bottom: 8px;
  font-size: 14px;
}
.leyenda-pie .pie1 p strong,
.leyenda-pie .pie2 p strong {
  margin: 0 8px;
}
.leyenda-pie .pie1 p small,
.leyenda-pie .pie2 p small {
  color: #666;
}
.leyenda-pie .pie1 p .legend-box,
.leyenda-pie .pie2 p .legend-box {
  height: 8px;
  width: 8px;
  margin-right: 16px;
  margin-left: 0;
  border-radius: 100%;
}
.leyenda-pie .pie1 p.seleccionada,
.leyenda-pie .pie2 p.seleccionada {
  font-weight: bold;
  color: #fff;
}
.leyenda-pie .pie1 p.seleccionada small,
.leyenda-pie .pie2 p.seleccionada small {
  color: #fff;
}

.custom-radio-wrapper li {
  list-style: none;
}
.custom-radio-wrapper.custom-radio-list li {
  display: inline-block;
  width: 20%;
  text-align: center;
}

.custom-radio {
  cursor: pointer;
  cursor: hand;
  padding-bottom: 5px;
}
.custom-radio span {
  position: relative;
  display: block;
  padding-left: 25px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
}
.custom-radio input[type=radio] {
  opacity: 0;
  position: absolute;
}
.custom-radio input[type=radio] + span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/assets/img/form/no-checked.png");
  background-position: 0 0;
}
.custom-radio input[type=radio]:checked + span::before {
  content: "";
  background-image: url("/assets/img/form/no-checked.png");
  background-position: 20px 0;
}

.valora-radio .custom-radio {
  position: relative;
}
.valora-radio .custom-value {
  position: absolute;
  bottom: -34px;
  left: 0;
  padding: 0;
  width: 20px;
  text-align: center;
}
.valora-radio .custom-value.small {
  font-size: 14px;
}

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: white;
  opacity: 0;
}

.cropper-modal {
  background-color: black;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: white;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}


.caja-imagen-noticia img {
  max-width: 100%;
}

#upload_image {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.modal .lenlaces a {
  display: block;
  margin-right: 24px;
  margin-bottom: 16px;
}
.modal .lenlaces a:hover {
  color: #2C325F;
}
.modal .lenlaces a:last-child {
  margin-bottom: 0;
}
.modal .lenlaces a i {
  margin-right: 16px;
}
.modal .video-p iframe {
  margin-bottom: 20px;
}
.modal .video-p p {
  margin-bottom: 0;
  text-align: center;
}
.modal .modal-body.ayuda-c figure {
  margin-bottom: 0;
}
.modal .modal-body.ayuda-c .leyenda {
  margin-top: 60px;
  margin-bottom: 0;
  text-align: left;
}
.modal .modal-body .soporte {
  margin-top: 20px;
  font-size: 14px;
}
.modal .modal-body .soporte .contacto-rrhh {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 10px;
}
.modal .modal-body .soporte .contacto-rrhh:first-child {
  margin-top: 0;
}
.modal .modal-body .soporte .contacto-rrhh .list-unstyled li {
  margin-top: 2px;
  margin-bottom: 0;
}
.modal .modal-body .soporte .contacto-rrhh .list-unstyled li:first-child {
  margin-top: 0;
}
.modal .modal-body .soporte .contacto-rrhh .list-unstyled li h4 {
  color: #9e2a2b;
}
.modal .modal-body .soporte .fas {
  top: 0;
  color: #44479d;
}
.modal .modal-body .soporte ul li a {
  border-color: #44479d;
  color: #44479d;
}
.modal .modal-body .soporte ul li a:hover {
  border-bottom: 0;
  color: #7f82c8;
}
@media screen and (max-width: 767px) {
  .modal .modal-body .soporte .contacto-rrhh {
    display: block;
  }
  .modal .modal-body .soporte .fas {
    display: none;
  }
  .modal .modal-body .soporte .list-unstyled {
    margin-left: 0;
  }
  .modal .modal-body .soporte .entrada {
    margin-top: 20px;
    margin-left: 0;
  }
  .modal .modal-body .soporte .entrada:first-child {
    margin-top: 0;
  }
}
.modal .modal-body .alert {
  margin: 0;
}
.modal .modal-body h3 {
  margin-top: 0;
}
.modal .modal-body p {
  margin-top: 10px;
  margin-bottom: 0;
}
.modal .modal-body p:first-child {
  margin-top: 0;
}
.modal .modal-body p#mensaje_advertencia {
  margin-top: 0;
}
.modal .modal-header {
  border-radius: 4px 4px 0 0;
  background: #44479d;
  color: white;
}
.modal .modal-header .modal-title {
  font-weight: 700;
}
.modal .modal-header .close:hover {
  color: #e6e6e6;
}

.my .modal-body {
  font-size: 14px;
}
.my .modal-body ul,
.my .modal-body ol,
.my .modal-body strong {
  font-weight: 600;
}
.my .modal-body ul.separado li,
.my .modal-body ol.separado li,
.my .modal-body strong.separado li {
  margin-bottom: 10px;
}
.my .modal-body .bg-info,
.my .modal-body .bg-danger {
  margin-top: 15px;
  border-radius: 3px;
  padding: 10px 15px;
}
.my .modal-body .bg-info ul,
.my .modal-body .bg-danger ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.my .modal-body .bg-info {
  border: 1px solid #b7ddf0;
}
.my .modal-body .bg-danger {
  border: 1px solid #e6c1c1;
}
.my .modal-body .bg-danger p {
  margin-bottom: 0;
}
.my .modal-body .li_azul {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #fff;
}
.my .modal-body .li_naranja {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: white;
}
.my .modal-body .li_gris {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #aaa;
}
.my .modal-body .li_realizado {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: mediumseagreen;
}
.my .modal-body .li_nosujeto {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #5bc0de;
}
.my .modal-body .li_norealizado {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #c63527;
}
.my .modal-body .li_pendiente {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: darkorange;
}
.my .modal-header.danger {
  background-color: #c63527;
}
.my .modal-header.warning {
  background-color: darkorange;
}

.doc-roles .modal-body {
  min-height: 200px;
  padding: 30px;
}
.doc-roles .modal-body figure {
  float: right;
  width: 250px;
  margin: 0 0 30px 30px;
}
.doc-roles small {
  color: #c63527;
}

.table-striped.table-bordered:last-child {
  margin-bottom: 0;
}
.table-striped.valoracion {
  margin-bottom: 0;
}
.table-striped.valoracion span {
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
  color: white;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-striped.comportamientos {
  margin-bottom: 30px;
}
.table-striped.comportamientos td {
  padding: 15px;
}
.table-striped.comportamientos ul {
  -webkit-padding-start: 47px;
          padding-inline-start: 47px;
}
.table-striped .lider {
  padding: 8px 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
}
.table-striped .divisor {
  padding: 15px;
}
.table-striped .divisor .flexor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.table-striped .divisor .flexor div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 15px;
}
.table-striped td .fas {
  margin-right: 5px;
}
.table-striped td .fas.no-txt {
  margin: 0;
}

#detalle_evaluacion_contenido,
.modal-contenido {
  font-size: 14px;
}
#detalle_evaluacion_contenido.modal-content,
.modal-contenido.modal-content {
  padding: 3em 5em;
  border-radius: 0;
}
#detalle_evaluacion_contenido .modal-header,
.modal-contenido .modal-header {
  background: white;
  color: #333;
  border-radius: 0;
  border-bottom: 4px solid #9e2a2b;
}
#detalle_evaluacion_contenido .modal-header h3,
.modal-contenido .modal-header h3 {
  margin: 0;
  text-transform: uppercase;
}
#detalle_evaluacion_contenido .modal-header h3.eva,
.modal-contenido .modal-header h3.eva {
  font-size: 14px;
}
#detalle_evaluacion_contenido .modal-header h3.st,
.modal-contenido .modal-header h3.st {
  font-size: 23px;
  font-weight: 700;
  color: #fff;
}
#detalle_evaluacion_contenido .modal-header h4,
.modal-contenido .modal-header h4 {
  margin: 0;
  text-transform: uppercase;
}
#detalle_evaluacion_contenido .modal-header h4.green,
.modal-contenido .modal-header h4.green {
  font-size: 23px;
  font-weight: 700;
  color: white;
}
#detalle_evaluacion_contenido .modal-body,
.modal-contenido .modal-body {
  padding: 0;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen,
.modal-contenido .modal-body .modal-resumen {
  width: 100%;
  margin: 0 auto;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .grupo-porc,
.modal-contenido .modal-body .modal-resumen .grupo-porc {
  margin-top: 30px;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .grupo-porc .chart-data,
.modal-contenido .modal-body .modal-resumen .grupo-porc .chart-data {
  font-weight: 700;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .grupo-porc .chart-data span,
.modal-contenido .modal-body .modal-resumen .grupo-porc .chart-data span {
  margin-left: 2px;
  font-size: 30px;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .grupo-porc h2,
.modal-contenido .modal-body .modal-resumen .grupo-porc h2 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .cabecera,
.modal-contenido .modal-body .modal-resumen .cabecera {
  margin: 0;
  margin-top: 30px;
  padding: 5px 5px 5px 15px;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
  background-color: #fff;
  color: white;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .cabecera:first-child,
.modal-contenido .modal-body .modal-resumen .cabecera:first-child {
  margin-top: 0;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .cuerpo,
.modal-contenido .modal-body .modal-resumen .cuerpo {
  overflow: hidden;
  width: 100%;
  margin-bottom: 2em;
  border-bottom: 2px solid gainsboro;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  background-color: white;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table,
.modal-contenido .modal-body .modal-resumen table {
  width: 100%;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table thead,
.modal-contenido .modal-body .modal-resumen table thead {
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  background-color: #a2d2ff;
  color: #333;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table thead th,
.modal-contenido .modal-body .modal-resumen table thead th {
  padding: 5px 5px 5px 15px;
  font-weight: normal;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table thead th.w50,
.modal-contenido .modal-body .modal-resumen table thead th.w50 {
  width: 50%;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody tr,
.modal-contenido .modal-body .modal-resumen table tbody tr {
  background-color: white;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody tr:nth-of-type(2n+1),
.modal-contenido .modal-body .modal-resumen table tbody tr:nth-of-type(2n+1) {
  background-color: white;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody tr.media,
.modal-contenido .modal-body .modal-resumen table tbody tr.media {
  border-top: 1px solid #eee;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody tr.media .porcentaje,
.modal-contenido .modal-body .modal-resumen table tbody tr.media .porcentaje {
  text-transform: uppercase;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody tr.media .porcentaje span,
.modal-contenido .modal-body .modal-resumen table tbody tr.media .porcentaje span {
  font-size: 18px;
  font-weight: 700;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td,
.modal-contenido .modal-body .modal-resumen table tbody td {
  padding: 5px 5px 5px 15px;
  vertical-align: baseline;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td.br,
.modal-contenido .modal-body .modal-resumen table tbody td.br {
  border-right: 2px solid #fff;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td.nivel,
.modal-contenido .modal-body .modal-resumen table tbody td.nivel {
  font-weight: 600;
  text-align: center;
  color: #fff;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td.valoracion,
.modal-contenido .modal-body .modal-resumen table tbody td.valoracion {
  font-weight: 700;
  text-align: center;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td.porcentaje,
.modal-contenido .modal-body .modal-resumen table tbody td.porcentaje {
  font-weight: 700;
  text-align: center;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td.accion,
.modal-contenido .modal-body .modal-resumen table tbody td.accion {
  font-weight: 700;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td.area,
.modal-contenido .modal-body .modal-resumen table tbody td.area {
  font-weight: 600;
  color: #fff;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td ul,
.modal-contenido .modal-body .modal-resumen table tbody td ul {
  margin-bottom: 0;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td ul li,
.modal-contenido .modal-body .modal-resumen table tbody td ul li {
  font-weight: 700;
  color: #fff;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td .encuesta,
.modal-contenido .modal-body .modal-resumen table tbody td .encuesta {
  font-weight: 700;
  text-transform: uppercase;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .table-resumen-idioma,
.modal-contenido .modal-body .modal-resumen .table-resumen-idioma {
  width: 100%;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .table-resumen-idioma th,
.modal-contenido .modal-body .modal-resumen .table-resumen-idioma th {
  background-color: white;
  color: #333;
  font-weight: normal;
  padding-left: 10px;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .table-resumen-idioma th:first-child,
.modal-contenido .modal-body .modal-resumen .table-resumen-idioma th:first-child {
  width: 40%;
  padding: 2px 5px;
  text-transform: uppercase;
  font-size: 1.2em;
  background-color: #fff;
  color: white;
  border-right: 2px solid white;
  font-weight: bold;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .table-resumen-idioma td,
.modal-contenido .modal-body .modal-resumen .table-resumen-idioma td {
  background-color: white;
  padding: 10px;
  vertical-align: top;
  padding-left: 15px;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen .table-resumen-idioma td:first-child,
.modal-contenido .modal-body .modal-resumen .table-resumen-idioma td:first-child {
  border-right: 2px solid white;
}
#detalle_evaluacion_contenido .alertas .alertas-sms,
.modal-contenido .alertas .alertas-sms {
  margin: 60px 0;
  position: relative;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .alertas-ico,
.modal-contenido .alertas .alertas-sms .alertas-ico {
  position: relative;
  float: left;
  height: 78px;
  width: 78px;
  border-radius: 100%;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .alertas-ico.realizado,
.modal-contenido .alertas .alertas-sms .alertas-ico.realizado {
  background-color: mediumseagreen;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .alertas-ico.pendiente,
.modal-contenido .alertas .alertas-sms .alertas-ico.pendiente {
  background-color: #fff;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .alertas-ico .fa,
.modal-contenido .alertas .alertas-sms .alertas-ico .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 36px;
  color: white;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .alertas-ico .fa-exclamation-triangle,
.modal-contenido .alertas .alertas-sms .alertas-ico .fa-exclamation-triangle {
  margin-top: -2px;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .roles,
.modal-contenido .alertas .alertas-sms .roles {
  margin-bottom: 30px;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .roles p,
.modal-contenido .alertas .alertas-sms .roles p {
  margin-bottom: 0;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .roles .firma-ico,
.modal-contenido .alertas .alertas-sms .roles .firma-ico {
  position: relative;
  float: left;
  height: 54px;
  width: 54px;
  margin-right: 20px;
  border-radius: 100%;
  background-color: #fff;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .roles .firma-ico .fa,
.modal-contenido .alertas .alertas-sms .roles .firma-ico .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
  color: white;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .roles .rol,
.modal-contenido .alertas .alertas-sms .roles .rol {
  font-weight: 700;
  color: #9e2a2b;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .roles .rol span,
.modal-contenido .alertas .alertas-sms .roles .rol span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
}
#detalle_evaluacion_contenido .alertas .alertas-sms p,
.modal-contenido .alertas .alertas-sms p {
  font-size: 18px;
}
#detalle_evaluacion_contenido .alertas .alertas-sms p .fase,
.modal-contenido .alertas .alertas-sms p .fase {
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .datos,
.modal-contenido .alertas .alertas-sms .datos {
  border-left: 4px solid #ddd;
  padding: 20px 25px;
  background-color: #eee;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .datos ul,
.modal-contenido .alertas .alertas-sms .datos ul {
  margin-bottom: 0;
  padding-left: 20px;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .conformidad,
.modal-contenido .alertas .alertas-sms .conformidad {
  border-radius: 4px;
  padding: 25px 30px;
  background-color: #eee;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .conformidad p,
.modal-contenido .alertas .alertas-sms .conformidad p {
  margin-bottom: 25px;
  font-size: 14px;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .conformidad .row,
.modal-contenido .alertas .alertas-sms .conformidad .row {
  margin-bottom: 10px;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .conformidad .pass-grupo,
.modal-contenido .alertas .alertas-sms .conformidad .pass-grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .conformidad .pass-grupo .btn,
.modal-contenido .alertas .alertas-sms .conformidad .pass-grupo .btn {
  margin-left: 10px;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .conformidad .btn,
.modal-contenido .alertas .alertas-sms .conformidad .btn {
  font-size: 12px;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .conformidad .btn .fa,
.modal-contenido .alertas .alertas-sms .conformidad .btn .fa {
  margin: 0 5px 0 0;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .conformidad .chFortaleza,
.modal-contenido .alertas .alertas-sms .conformidad .chFortaleza {
  display: none;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .conformidad .well,
.modal-contenido .alertas .alertas-sms .conformidad .well {
  margin-top: 25px;
}
#detalle_evaluacion_contenido .alertas .validacion p,
.modal-contenido .alertas .validacion p {
  font-size: 14px;
}
#detalle_evaluacion_contenido .alertas .validacion .p-btn-group,
.modal-contenido .alertas .validacion .p-btn-group {
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 0;
}
#detalle_evaluacion_contenido .alertas .validacion .caja,
.modal-contenido .alertas .validacion .caja {
  display: inline-block;
  width: 100%;
  border-radius: 9px;
  border-bottom: 1px solid gainsboro;
  padding: 30px;
  background-color: #eee;
}
#detalle_evaluacion_contenido .alertas .validacion .caja h2,
.modal-contenido .alertas .validacion .caja h2 {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
#detalle_evaluacion_contenido .alertas .validacion .caja h2 span,
.modal-contenido .alertas .validacion .caja h2 span {
  font-size: 18px;
  font-weight: 500;
}
#detalle_evaluacion_contenido .alertas .validacion .caja h2 .glyphicon,
.modal-contenido .alertas .validacion .caja h2 .glyphicon {
  margin-left: 5px;
}
#detalle_evaluacion_contenido .alertas .validacion .caja .well,
.modal-contenido .alertas .validacion .caja .well {
  margin-top: 25px;
}
#detalle_evaluacion_contenido .alertas .validacion .caja .checkbox label,
.modal-contenido .alertas .validacion .caja .checkbox label {
  margin-right: 15px;
  font-weight: bold;
}
#detalle_evaluacion_contenido .resultado,
.modal-contenido .resultado {
  margin-top: 40px;
}
#detalle_evaluacion_contenido .resultado .bg,
.modal-contenido .resultado .bg {
  padding: 19px 0 21px;
  background-color: #9e2a2b;
}
#detalle_evaluacion_contenido .resultado .bg .estado-ico,
.modal-contenido .resultado .bg .estado-ico {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 60px;
  width: 60px;
  border-radius: 100%;
}
#detalle_evaluacion_contenido .resultado .bg .estado-ico.realizado,
.modal-contenido .resultado .bg .estado-ico.realizado {
  background-color: mediumseagreen;
}
#detalle_evaluacion_contenido .resultado .bg .estado-ico .fa,
.modal-contenido .resultado .bg .estado-ico .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
  color: white;
}
#detalle_evaluacion_contenido .resultado .bg .estado-txt,
.modal-contenido .resultado .bg .estado-txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
  margin-left: 75px;
  font-size: 23px;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
}
#detalle_evaluacion_contenido .resultado .bg .fecha,
.modal-contenido .resultado .bg .fecha {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
  font-size: 17px;
  text-transform: uppercase;
  color: white;
}
#detalle_evaluacion_contenido .resultado .roles,
.modal-contenido .resultado .roles {
  padding: 20px 0;
  background-color: white;
}
#detalle_evaluacion_contenido .resultado .roles .rol,
.modal-contenido .resultado .roles .rol {
  display: inline-block;
  margin-right: 45px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  color: #9e2a2b;
}
#detalle_evaluacion_contenido .resultado .roles .rol .fa,
.modal-contenido .resultado .roles .rol .fa {
  margin-right: 5px;
}
#detalle_evaluacion_contenido .resultado .roles .rol span,
.modal-contenido .resultado .roles .rol span {
  margin-right: 5px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
}
#detalle_evaluacion_contenido .table-movilidad tr:nth-child(2) td,
.modal-contenido .table-movilidad tr:nth-child(2) td {
  background-color: white;
  color: #333;
  padding: 5px 5px 5px 15px;
}
#detalle_evaluacion_contenido .fa-exclamation-triangle,
.modal-contenido .fa-exclamation-triangle {
  font-size: 48px;
}
#detalle_evaluacion_contenido .modal-footer a,
#detalle_evaluacion_contenido .modal-footer button,
.modal-contenido .modal-footer a,
.modal-contenido .modal-footer button {
  margin-left: 5px;
}
#detalle_evaluacion_contenido .modal-footer a i,
#detalle_evaluacion_contenido .modal-footer button i,
.modal-contenido .modal-footer a i,
.modal-contenido .modal-footer button i {
  margin-right: 8px;
  margin-left: 2px;
}

.hgroup {
  position: relative;
  overflow: hidden;
  margin: 48px 0 25px;
}
.hgroup-linea {
  margin: 0 0 32px;
}
.hgroup-linea::after {
  content: "";
  width: 144px;
  border-bottom: 1px dashed #d5d5d5;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.hgroup-course {
  border-bottom: 2px #fff solid;
}
.hgroup .page-heading {
  float: left;
  margin-top: 64px;
  margin-bottom: 20px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px) {
  .hgroup .page-heading {
    margin-top: 52px;
    font-size: 24px;
  }
}
.hgroup .icon-corner {
  float: left;
  height: 72px;
  width: 72px;
  background: url(../img/corner.png) no-repeat top left;
  background-size: contain;
}
.hgroup .btn-container {
  float: right;
  padding-top: 5px;
}
.hgroup .page-heading .icon-heading {
  float: none;
  margin: 0;
}
.hgroup .icon-heading {
  float: left;
  margin: 20px 16px 10px 0;
}
.hgroup .tag {
  top: 10px;
  right: 0;
  left: auto;
  font-size: 1em;
  padding-left: 20px;
  padding-right: 20px;
}

.aula,
.jumbotron {
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  padding-bottom: 64px;
  padding: 64px 0;
}
.aula .page-heading,
.jumbotron .page-heading {
  float: none;
  font-size: 48px;
  font-weight: 700;
}
.aula .lead,
.jumbotron .lead {
  font-size: 32px;
  margin: 0;
  text-transform: uppercase;
}
.aula .btn,
.jumbotron .btn {
  margin: 16px 0;
}

.jumbotron {
  position: relative;
  padding: 48px 0;
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}

.hero {
  padding: 130px 0 0;
}
.hero .breadcrumb {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 6px 16px;
  margin-bottom: 32px;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
  font-size: 14px;
}
.hero .breadcrumb .tag {
  top: 0;
  left: auto;
  right: 0;
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 0 4px 4px 0;
}
.hero .breadcrumb .pull-right::before {
  display: none;
}
.hero .btn-ayuda {
  font-size: 24px;
  line-height: 1;
}

.buzon .hero .btn-ayuda {
  font-size: 21px;
}
.buzon .hero .hero-parts {
  margin-bottom: 32px;
}

.hero-parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-parts .breadcrumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: 32px;
  margin-bottom: 0;
  font-family: Helvetica, Arial, sans-serif;
}
.hero-parts .incubus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero-parts .incubus .sms-estado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-parts .incubus .dias {
  margin-bottom: 0;
  margin-left: 30px;
}
.hero-parts .incubus .anyo {
  margin-left: 30px;
}
.hero-parts .incubus .foto-boton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .hero-parts {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .hero-parts .breadcrumb {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100%;
    height: auto;
  }
  .hero-parts .incubus {
    width: 100%;
    margin-top: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hero-parts .incubus .sms-estado {
    margin-bottom: 15px;
  }
  .hero-parts .incubus .dias {
    margin-left: 0;
    text-align: center;
  }
  .hero-parts .incubus .anyo {
    margin-left: 0;
  }
}

.linea-user {
  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;
  margin-top: 40px;
}
.linea-user .linea-user-id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.linea-user .img {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px dotted #dedede;
}
.linea-user .img img {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.linea-user .img .letras {
  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: 48px;
  width: 48px;
  border-radius: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  background-color: #fff;
  color: white;
}
.linea-user h2 {
  height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  color: #44479d;
}
.linea-user .puesto {
  display: block;
  height: 16px;
  margin-top: 4px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #337ab7;
}
.linea-user .dpto {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #666;
}
@media screen and (max-width: 1023px) {
  .linea-user .img {
    display: none;
  }
  .linea-user .linea-user-id {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .linea-user .linea-user-btn {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .linea-user .linea-user-btn:first-child {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .linea-user {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .linea-user .linea-user-id {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-top: 20px;
  }
  .linea-user .linea-user-id:first-child {
    margin-top: 0;
  }
  .linea-user .linea-user-id .datos {
    text-align: center;
  }
  .linea-user .puesto {
    display: table;
    width: 100%;
    margin-top: 8px;
  }
  .linea-user h2 {
    height: auto;
  }
}

.carrusel-img {
  height: 282px;
}
.carrusel-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.carousel-caption {
  position: absolute;
  top: 24px;
  right: 60%;
  left: 54px;
  width: 66%;
  padding: 0;
  text-align: left;
  text-shadow: none;
  z-index: 10;
}
.carousel-caption h1 {
  font-size: 32px;
}
.carousel-caption h2 {
  font-weight: 600;
  color: white;
}
.carousel-caption h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.carousel-caption p {
  text-transform: uppercase;
  color: #d5d5d5;
}

.carousel-control {
  width: 6%;
}
.carousel-control.left, .carousel-control.right {
  background-image: none;
}

section.destacado {
  padding-bottom: 0;
  background-color: #e6e6e6;
  margin-bottom: 20px;
  color: white;
}
section.destacado .carousel-indicators {
  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;
}
section.destacado .carousel-indicators li {
  margin: 0 4px;
  border-color: white;
}
section.destacado .carousel-indicators li.active {
  background-color: white;
}

.destacado .carousel .item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #e6e6e6), to(transparent));
  background-image: linear-gradient(to right, #e6e6e6 33%, transparent 100%);
}

.carousel.slide .fa-angle-left,
.carousel.slide .fa-angle-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 40px;
  color: #fff;
}
.carousel.slide .fa-angle-left {
  left: 0px;
}
.carousel.slide .fa-angle-right {
  right: 24px;
}

.modal-body .carrusel-img {
  height: 188px;
}
.modal-body .carousel-caption {
  left: 36px;
  top: 24px;
}
.modal-body .carousel-caption .btn {
  padding: 8px 21px;
  font-size: 11px;
}
.modal-body h2 {
  font-size: 20px;
  margin-top: 13px;
  margin-bottom: 7px;
}

.panel {
  border: none;
  border-bottom: 2px solid #e0dede;
  background: #eee;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.33);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.33);
}

.panel-login {
  margin-bottom: 40px;
}

.panel-heading {
  background-color: #e1e5e6;
  border-bottom: 1px solid #e6e9e9;
}

.panel-danger .panel-heading {
  color: #fff;
  background-color: #c63527;
}

.panel-oscuro .panel-heading {
  background-color: #666;
  color: white;
  -webkit-text-emphasis: none;
          text-emphasis: none;
}

.panel-diploma {
  -webkit-box-shadow: 0px 20px 30px -30px black;
          box-shadow: 0px 20px 30px -30px black;
}
.panel-diploma .panel-heading {
  background-color: #fff;
  color: white;
}
.panel-diploma .panel-heading h3 {
  margin: 10px;
}
.panel-diploma .panel-body {
  padding: 5px 30px 40px 30px;
}
.panel-diploma .superado .fa {
  border-radius: 100%;
  padding: 8px;
}
.panel-diploma .superado .fa.fa-check {
  background-color: mediumseagreen;
  color: white;
}

.panel-default > .panel-heading {
  background-image: none;
  background-color: #ececec;
}

#Imageid {
  padding-bottom: 15px;
}

.admin-dash .detalle-alumno {
  background-color: #e4e4e4;
  padding: 15px 5px;
  border-radius: 5px;
}
.admin-dash .detalle-alumno div:not(:last-child) {
  border-right: 1px solid #c5c9ca;
}
.admin-dash .detalle-alumno {
  padding: 8px 15px;
}
.admin-dash .panel {
  position: relative;
  min-height: 132px;
  padding: 15px 15px 16px;
  background: #ececec;
  color: #333;
  text-align: center;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05);
  border-bottom: 4px solid #9e2a2b;
}
.admin-dash .panel h2 {
  font-size: 36px;
  margin: 15px 0 0 0;
  font-weight: bold;
  color: #c63527;
}
.admin-dash .panel small {
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "Roboto Condensed", sans-serif;
}
.admin-dash .panel .btn-tip {
  color: #44479d;
}

.my-data .file-employee {
  height: 140px;
  background-color: #e0e4e5;
  padding: 20px 20px;
  border-radius: 5px;
}
.my-data .file-employee span {
  display: block;
  border-left: 1px solid white;
  padding-left: 10px;
}
.my-data .name-wrapper {
  height: 100px;
}
.my-data h1 {
  position: absolute;
  top: 50%;
  width: 90%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0px;
  font-size: 20px;
}
.my-data h1 small {
  display: block;
  margin-top: 5px;
}
.my-data .user-active {
  position: absolute;
  bottom: 0;
  width: 140px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: green;
  color: white;
  border-radius: 0 0 5px 5px;
}
.my-data .user-inactive {
  position: absolute;
  bottom: 0;
  width: 140px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #F44336;
  color: white;
  border-radius: 0 0 5px 5px;
}

.pagination {
  margin: 0;
  padding: 0;
  font-size: 15px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #44479d;
  cursor: default;
  background-color: inherit !important;
  border-color: #ddd !important;
  font-weight: bold;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #44479d;
  text-decoration: none;
  background-color: white;
  border: 1px solid #e7e7e7;
}
.pagination > li > a.current,
.pagination > li > span.current {
  background-color: #fff;
  color: white;
}

.pagination > li:first-child > a.current,
.pagination > li:first-child > span.current,
.pagination > li:last-child > a.current,
.pagination > li:last-child > span.current {
  background-color: #fff;
  color: #44479d;
}

.tabpanel .nav-tabs a {
  font-weight: bold;
}
.tabpanel .tab-pane {
  padding: 20px;
}
.tabpanel .tab-pane h2 {
  font-weight: bold;
  color: #fff;
  margin-top: 0;
}
.tabpanel .tab-pane h3 {
  font-weight: bold;
  color: #fff;
}

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: white;
  opacity: 0;
}

.cropper-modal {
  background-color: black;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: white;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}


.caja-imagen-noticia img {
  max-width: 100%;
}

#upload_image {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.b-evaluacion {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  border-top: 10px solid #2f2b27;
  border-radius: 3px;
}
.b-evaluacion.disabled {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.b-evaluacion.disabled .evaluacion-activa {
  display: none;
}
.b-evaluacion.disabled .evaluacion-bloqueada {
  color: #333;
}
.b-evaluacion .panel-body {
  display: block;
  min-height: 160px;
  padding: 30px;
}
.b-evaluacion .panel-body:hover .icon-evaluacion {
  fill: #fff;
}
.b-evaluacion .icon-evaluacion {
  fill: #c63527;
}
.b-evaluacion .btn-evaluacion:hover {
  background: #c63527;
}
.b-evaluacion .btn-evaluacion .heading {
  position: relative;
  min-height: 70px;
}
.b-evaluacion .btn-evaluacion .heading h4 {
  color: #333;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 26px;
}
.b-evaluacion .btn-inactivo {
  background-color: #e4e4e4;
  cursor: inherit;
}
.b-evaluacion .table {
  margin-bottom: 10px;
}
.b-evaluacion .table th {
  padding: 6px;
  color: #919191;
  font-weight: 400;
  border-bottom: 0;
}
.b-evaluacion .table td {
  border-top: 0;
}
.b-evaluacion .table th, .b-evaluacion .table td {
  text-align: center;
  width: 50%;
}
.b-evaluacion .btn-default {
  background-color: #c63527;
  color: white;
  line-height: 40px;
}
.b-evaluacion .btn-default.disabled {
  background-color: #e4e4e4;
}
.b-evaluacion .btn-default:hover {
  color: white;
  background-color: #fff;
}

.link-arrow::after {
  content: url(/assets/img/arrow-right-long.png);
  margin-left: 10px;
  vertical-align: middle;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover .link-arrow::after {
  margin-left: 20px;
}

.b-chat section {
  overflow-y: scroll;
  height: 290px;
}
.b-chat section article {
  margin-bottom: 5px;
  border-bottom: 2px solid #ecf0f1;
  padding-bottom: 5px;
}

.b-forum .panel-post {
  border-bottom: 2px solid #e4e4e4;
}
.b-forum .panel-post .panel-heading {
  position: relative;
  border: 1px solid #e3e3e3;
  background-color: white;
  padding-bottom: 20px;
}
.b-forum .panel-post .panel-heading figure {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 65px;
  height: 65px;
  overflow: hidden;
  border-radius: 100%;
}
.b-forum .panel-post .panel-heading figure img {
  display: block;
  max-width: 65px;
  max-height: 65px;
}
.b-forum .panel-post .panel-heading h3 {
  font-size: 22px;
  font-weight: bold;
  color: #9e2a2b;
  margin-left: 85px;
  margin-bottom: 0;
}
.b-forum .panel-post .panel-heading small {
  margin-left: 85px;
  color: #8c8a89;
}
.b-forum .comment-head {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.b-forum .comment-head .comment-time {
  margin-left: 40px;
  font-size: 11px;
}
.b-forum .comment-head h4 {
  margin: 0 0 0 40px;
}
.b-forum .comment-head figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 100%;
}
.b-forum .comment-head figure img {
  display: block;
  max-width: 32px;
  max-height: 32px;
}

[v-cloak] {
  display: none;
}

.survey {
  overflow: auto;
  overflow-x: hidden;
  color: #333;
  height: 475px;
  position: relative;
}
.survey article {
  position: absolute;
  width: 100%;
}
.survey .subarticle {
  position: absolute;
  width: 100%;
  top: 60px;
  min-height: 415px;
}
.survey.survey-open {
  overflow: auto;
  overflow-x: hidden;
  height: auto;
}
.survey.survey-open article {
  position: relative;
  width: 100%;
  min-height: auto;
}
.survey.survey-open .subarticle {
  position: relative;
  width: 100%;
  top: 20px;
}
.survey.survey-open h2,
.survey.survey-open h3 {
  border-bottom: 1px solid #cfa788;
  padding-bottom: 10px;
}
.survey.survey-open .form-group.row .col-sm-12 span {
  font-size: 2em;
}
.survey.survey-open .cartel {
  display: block;
  border-radius: 5px;
  background-color: #e9e6df;
  color: #3d3935;
  border: 3px solid #65665c;
  font-size: 1.5em;
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.survey.survey-open .cartel.supergood {
  border-color: rgb(62, 130, 69);
  background-color: rgb(109, 192, 101);
  color: #196920;
}
.survey.survey-open .cartel.good {
  border-color: rgb(85, 174, 94);
  background-color: rgb(180, 218, 146);
  color: #337d3a;
}
.survey.survey-open .cartel.bad {
  border-color: rgb(186, 108, 37);
  background-color: rgb(248, 177, 73);
  color: #754814;
}
.survey.survey-open .cartel.superbad {
  border-color: rgb(177, 50, 47);
  background-color: rgb(241, 89, 96);
  color: #801414;
}
.survey.survey-open .cara img {
  margin: 0 auto;
}
.survey.survey-open .cara figcaption {
  text-align: center;
  font-size: 1.5em;
  padding: 10px;
  background-color: #e9e6df;
  border-radius: 5px;
  width: 70%;
  margin: 10px auto;
}
.survey.survey-open .boton-seleccion {
  display: block;
  text-align: left;
}
.survey.survey-open .boton-seleccion:hover {
  background-color: #c88686;
}
.survey.survey-open .titulo-cursos {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  border-bottom: 4px solid #cfa788;
  margin-bottom: 40px;
}
.survey.survey-open dl dd,
.survey.survey-open dl dt {
  display: inline-block;
}
.survey h3 {
  font-size: 22px;
}
.survey .lead {
  font-size: 18px;
}
.survey .cara {
  cursor: pointer;
  cursor: hand;
  position: relative;
}
.survey .cara img {
  width: 100px;
  height: 100px;
}
.survey .cara input {
  opacity: 0;
  width: 100px;
  height: 100px;
  position: absolute;
  cursor: pointer;
  cursor: hand;
}
.survey .cara input + span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  opacity: 0;
  border-radius: 100%;
  background-color: rgb(151, 151, 151);
  color: #3d3935;
}
.survey .cara input + span svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.survey .cara input:checked + span {
  opacity: 1;
}
.survey .boton-check {
  cursor: pointer;
  cursor: hand;
}
.survey .boton-check p {
  min-height: auto;
  font-size: 14px;
}
.survey .boton-check input {
  opacity: 0;
}
.survey .boton-check input + span {
  position: absolute;
  top: 0;
  left: -12px;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #e9e6df;
  color: #3d3935;
  border: 3px solid #65665c;
}
.survey .boton-check input + span svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}
.survey .boton-check input + span.supergood {
  border-color: rgb(62, 130, 69);
  background-color: rgb(109, 192, 101);
}
.survey .boton-check input + span.supergood::after {
  background-color: #196920;
}
.survey .boton-check input + span.good {
  border-color: rgb(85, 174, 94);
  background-color: rgb(180, 218, 146);
}
.survey .boton-check input + span.good::after {
  background-color: #337d3a;
}
.survey .boton-check input + span.bad {
  border-color: rgb(186, 108, 37);
  background-color: rgb(248, 177, 73);
}
.survey .boton-check input + span.bad::after {
  background-color: #754814;
}
.survey .boton-check input + span.superbad {
  border-color: rgb(177, 50, 47);
  background-color: rgb(241, 89, 96);
}
.survey .boton-check input + span.superbad::after {
  background-color: #801414;
}
.survey .boton-check input + span::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  width: 11px;
  height: 11px;
  background-color: #333;
  border-radius: 100%;
  opacity: 0;
}
.survey .boton-check input:checked + span::after {
  opacity: 1;
}
.survey .boton-check input:checked + span + p {
  color: #000;
}
.survey .boton-check2 {
  cursor: pointer;
  cursor: hand;
}
.survey .boton-check2 p {
  min-height: auto;
  font-size: 14px;
}
.survey .boton-check2 input {
  opacity: 0;
}
.survey .boton-check2 input + span {
  position: absolute;
  top: 0;
  left: 15px;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #e9e6df;
  color: #3d3935;
  border: 3px solid #65665c;
}
.survey .boton-check2 input + span svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}
.survey .boton-check2 input + span.supergood {
  border-color: rgb(62, 130, 69);
  background-color: rgb(109, 192, 101);
}
.survey .boton-check2 input + span.supergood::after {
  background-color: #196920;
}
.survey .boton-check2 input + span.good {
  border-color: rgb(85, 174, 94);
  background-color: rgb(180, 218, 146);
}
.survey .boton-check2 input + span.good::after {
  background-color: #337d3a;
}
.survey .boton-check2 input + span.bad {
  border-color: rgb(186, 108, 37);
  background-color: rgb(248, 177, 73);
}
.survey .boton-check2 input + span.bad::after {
  background-color: #754814;
}
.survey .boton-check2 input + span.superbad {
  border-color: rgb(177, 50, 47);
  background-color: rgb(241, 89, 96);
}
.survey .boton-check2 input + span.superbad::after {
  background-color: #801414;
}
.survey .boton-check2 input + span::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  width: 11px;
  height: 11px;
  background-color: #333;
  border-radius: 100%;
  opacity: 0;
}
.survey .boton-check2 input:checked + span::after {
  opacity: 1;
}
.survey .boton-check2 input:checked + span + p {
  color: #000;
}
.survey .col-md-20 {
  float: left;
  width: 19.5%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.survey .like {
  padding-left: 40px;
}
.survey .like i {
  position: absolute;
  top: 11px;
  left: 15px;
  width: 30px;
  height: 30px;
}
.survey .boton-seleccion {
  padding: 20px;
  border-bottom: 1px solid #b86363;
  text-align: center;
  background-color: #c88686;
  border-radius: 4px;
  color: #000;
}
.survey .boton-seleccion:hover {
  background-color: #b86363;
}
.survey .boton-seleccion input {
  opacity: 0;
}
.survey .boton-seleccion input + span {
  position: absolute;
  top: 16px;
  right: 10px;
  display: block;
  width: 30px;
  height: 30px;
  opacity: 0;
  border-radius: 100%;
  background-color: #e9e6df;
  color: #3d3935;
}
.survey .boton-seleccion input + span svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.survey .boton-seleccion input:checked + span {
  opacity: 1;
}
.survey [v-cloak] {
  display: none;
}
.survey .lead-sm {
  font-size: 18px;
}
.survey .valora-listado {
  width: 99%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.survey .valora-listado .form-group {
  margin-bottom: 15px;
  padding: 10px;
  text-align: center;
  width: 13%;
  background-color: #e9e6df;
  border-radius: 5px;
  margin-right: 5px;
}
.survey .valora-listado .control-label {
  min-height: 65px;
  position: relative;
  background-color: white;
  border-radius: 5px;
  border-bottom: 1px solid #e4e4e4;
  width: 100%;
}
.survey .valora-listado .control-label span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 14px;
}
.survey .relative {
  position: relative;
}
.survey .barra-wrapp {
  position: absolute;
  bottom: 5px;
  left: 151px;
  width: 100%;
  z-index: 1000;
}
.survey .barra {
  display: block;
  background: #e9e6df;
  height: 17px;
  border-radius: 5px;
  overflow: hidden;
}
.survey .barra span {
  background-color: #c88686;
  width: 0;
  display: block;
  height: 40px;
}
.survey .list-unstyled.margin0 li {
  margin: 0;
}
.survey .progreso .btn-wrapper.right {
  z-index: 1000;
  position: absolute;
  bottom: 0;
  right: 0;
}
.survey .progreso .btn-primary.left {
  z-index: 1000;
  position: absolute;
  bottom: 0;
  left: 0;
}
.survey .btn-wrapper:hover .msg {
  display: block;
}
.survey .msg {
  display: none;
  position: absolute;
  bottom: 64px;
  right: 50px;
  width: 500px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px;
  z-index: 1000;
  border-radius: 5px;
  color: white;
}
.survey .msg::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: -15px;
  right: 10px;
}

@media (min-width: 992px) {
  .survey .barra-wrapp {
    width: 68%;
  }
  .survey .boton-check p {
    min-height: 90px;
  }
  .survey .survey .survey .lead {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .survey .lead {
    font-size: 20px;
  }
  .survey .boton-check p {
    min-height: 80px;
    font-size: 15px;
  }
  .survey .barra-wrapp {
    width: 73%;
  }
}
#survey .titulo-curso {
  position: absolute;
  right: 0;
  top: 5px;
  color: #801414;
  text-transform: uppercase;
}

.m100 {
  margin-top: 100px;
}

.c-encuesta .survey {
  min-height: 540px;
}
.c-encuesta.frontpage,
.c-encuesta .subarticle {
  background: #f2f7fd;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 8px;
}
.c-encuesta .c-encuesta-body {
  padding: 24px 0 24px 48px;
  background-color: rgba(240, 245, 255, 0.6392156863);
}
.c-encuesta .c-encuesta-body-wt {
  padding: 24px 0 24px 48px;
}
.c-encuesta .c-encuesta-body.int {
  padding: 24px;
  background-color: rgba(255, 255, 255, 0.8);
}
.c-encuesta .c-encuesta-body.int p:last-child {
  margin-bottom: 0;
}
.c-encuesta .subarticle {
  position: absolute;
  width: 100%;
  top: 40px;
  min-height: 420px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}
.c-encuesta .subarticle.c-table {
  padding: 0 15px;
}
.c-encuesta .c-encuesta-title {
  margin: 64px;
  max-width: 50%;
  font-size: 48px;
}
.c-encuesta .c-encuesta-title strong {
  padding-bottom: 4px;
  display: inline-block;
  border-bottom: 4px solid #ffc607;
}
.c-encuesta .c-encuesta-title-section {
  margin: 0;
}
.c-encuesta .c-encuesta-table {
  background: transparent;
  margin-bottom: 0;
}
.c-encuesta .c-encuesta-table th + th {
  width: 100px;
  text-align: center;
}
.c-encuesta .c-encuesta-table td + td {
  text-align: center;
}
.c-encuesta .c-encuesta-table td + td .boton-check2 {
  cursor: pointer;
  position: relative;
  margin: 0 auto;
  width: 25px;
}
.c-encuesta .c-encuesta-table td + td .boton-check2 input + span {
  left: 0;
}
.c-encuesta .c-encuesta-table td + td .boton-check2 input + span.c-encuesta-icon {
  border-color: rgb(163, 0, 0);
  background-color: rgba(163, 5, 0, 0.33);
}
.c-encuesta .c-encuesta-table td + td .boton-check2 input + span.c-encuesta-icon::after {
  background-color: rgb(163, 0, 0);
}
.c-encuesta h2,
.c-encuesta h3 {
  font-family: Helvetica, Arial, sans-serif;
  color: #44479d;
}

.e360 .label-lg .label {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.e360 .label-lg .label-success {
  color: #3c763d;
  background-color: #dff0d8;
}
.e360 .label-lg .label-danger {
  color: #a94442;
  background-color: #f2dede;
}
.e360 .label-lg label {
  width: 100%;
}
.e360 .equipo table tbody td.text-img {
  width: 56px;
}

.portal_etica {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
}
.portal_etica .bg-etico {
  height: calc(100vh - 40px);
  background-image: url("../img/bg_etico.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.portal_etica .bg-etico.procedimiento {
  background-image: url("../img/bg_procedimiento.jpg");
}
.portal_etica .bg-etico.formulario {
  background-image: url("../img/bg_formulario.jpg");
}
.portal_etica .bg-etico.seguimiento {
  background-image: url("../img/bg_seguimiento.jpg");
}
.portal_etica .bg-etico.interior {
  height: 100%;
  min-height: calc(100vh - 40px);
}
.portal_etica .bg-etico.interior .panel-centrado {
  position: relative;
  background-color: white !important;
  margin: 20px;
  padding: 3rem 4rem;
  width: auto;
  left: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
}
.portal_etica .bg-etico.interior .panel-centrado p, .portal_etica .bg-etico.interior .panel-centrado blockquote {
  font-size: 16px !important;
}
.portal_etica .bg-etico.interior .panel-centrado .linea {
  height: 2px;
  background: #ddd;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}
.portal_etica .bg-etico.interior .panel-centrado .botonera-abajo {
  margin-top: 40px;
}
.portal_etica .estado1 {
  color: mediumseagreen;
}
.portal_etica .estado2 {
  color: darkorange;
}
.portal_etica .estado3 {
  color: #c63527;
}
.portal_etica .fondo-gris {
  padding: 0px;
  background-color: #e4e4e4;
  margin: 40px 0 10px 0;
  border-radius: 6px;
}
.portal_etica .titulo-pagina {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.portal_etica .panel-centrado {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 800px;
  margin-bottom: 80px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.portal_etica .panel-centrado .img-entrada {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  max-width: 400px;
}
.portal_etica .panel-centrado h1, .portal_etica .panel-centrado small {
  color: #44479d !important;
}
.portal_etica .panel-centrado h1 {
  padding: 0;
  text-align: center;
}
.portal_etica .panel-centrado .btn-volver {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.portal_etica .btn-home {
  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;
  width: 100%;
  height: 160px;
  padding: 32px;
  margin-top: 140px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  background-color: white;
  border-radius: 0.5rem;
  border: 1px solid rgba(49, 49, 49, 0.12);
  -webkit-box-shadow: 3px 3px 0 0 rgba(49, 49, 49, 0.12);
          box-shadow: 3px 3px 0 0 rgba(49, 49, 49, 0.12);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.portal_etica .btn-home::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 3;
  background-color: #c63527;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.portal_etica .btn-home:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.03) !important;
          transform: scale(1.03) !important;
}
.portal_etica .btn-home:hover::after {
  height: 8px;
}
.portal_etica .btn-home:hover h3 .btn-home-icon {
  width: 164px;
  height: 164px;
}
.portal_etica .btn-home:hover h3 .btn-home-titulo {
  color: #333;
}
.portal_etica .btn-home h3 {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 160px;
}
.portal_etica .btn-home h3 .btn-home-titulo {
  position: absolute;
  display: block;
  top: 100px;
  width: 100%;
  color: #333;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.8em;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  padding: 1.5rem;
}
.portal_etica .btn-home h3 .btn-home-icon {
  position: absolute;
  top: -105px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  border: 4px solid #44479d;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*i {
    position: relative;
    line-height: 160px;
    vertical-align: top;
    color: $colorSecundario;
    font-size: 7rem;
    z-index: 9999;
  }*/
}
.portal_etica .btn-home h3 .btn-home-icon.bg1 {
  background-image: url("../img/btn01.jpg");
}
.portal_etica .btn-home h3 .btn-home-icon.bg2 {
  background-image: url("../img/btn02.jpg");
}
.portal_etica .btn-home h3 .btn-home-icon.bg3 {
  background-image: url("../img/btn03.jpg");
}
@media (max-width: 767px) {
  .portal_etica .bg-etico {
    height: auto !important;
    padding-top: 40px !important;
  }
  .portal_etica .bg-etico.interior {
    padding: 0px !important;
    margin: 0px !important;
  }
  .portal_etica .bg-etico.interior .container {
    padding: 0px !important;
    margin: 0px !important;
  }
  .portal_etica .bg-etico.interior .pasos .icono {
    line-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 4px auto !important;
  }
  .portal_etica .bg-etico.interior .pasos .icono .icono-icon {
    width: 17px !important;
    height: 20px !important;
    line-height: 17px !important;
    font-size: 8px !important;
  }
  .portal_etica .bg-etico .col-sm-none {
    display: none;
  }
  .portal_etica .fondo-gris {
    padding: 1rem !important;
  }
  .portal_etica .fondo-gris .text-right {
    text-align: left !important;
  }
  .portal_etica .panel-centrado {
    position: relative !important;
    width: auto !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    -webkit-transform: none !important;
            transform: none !important;
    padding: 2rem !important;
    margin: 0 !important;
  }
  .portal_etica .panel-centrado .img-entrada {
    display: none !important;
  }
  .portal_etica .panel-centrado h1 {
    display: none !important;
  }
  .portal_etica .panel-centrado .botonera-abajo {
    margin-top: 20px !important;
    padding: 0px !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
  .portal_etica .panel-centrado .botonera-abajo .btn {
    padding: 0px 6px !important;
  }
}

.msg-error {
  padding: 0.5rem 1rem;
}

#filedrag {
  display: none;
  text-align: center;
  padding: 1em 0;
  margin: 0 0 1em;
  color: #968F4A;
  border: 2px dashed #968F4A;
  border-radius: 6px;
  cursor: default;
}
#filedrag.hover {
  border-color: mediumseagreen;
  border-style: solid;
  color: mediumseagreen;
  -webkit-box-shadow: inset 0 0 8px #000;
          box-shadow: inset 0 0 8px #000;
}