@charset "UTF-8";
/* JR 2016 */
.nav > li > a:focus, .nav > li > a:hover {
  background: black;
}
.nav-pills > li.active > a {
  color: #333;
  background: black;
}
.nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  color: #333;
  background: black;
}
.nav-pills > li > a {
  border-radius: 0;
}
.nav-tabs > li.active > a {
  color: #968F4A;
}
.nav-tabs > li.active > a:hover {
  color: black;
}
.nav-tabs > li > a {
  color: #999;
}

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

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

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

h1 {
  margin: 0;
  padding: 0;
}

a {
  color: #999;
  text-decoration: none;
}
a:active, a:focus, a:hover {
  color: black;
  text-decoration: none;
}

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

@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;
  }
}
.centrado {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.w100 {
  width: 100%;
}

.minh200 {
  min-height: 200px !important;
}

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

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

.margentop {
  margin-top: 2em;
}

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

.m1 {
  margin-top: 1em;
}

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

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

.m60 {
  margin-top: 60px !important;
}

.m50 {
  margin-top: 50px !important;
}

.m40 {
  margin-top: 40px !important;
}

.m30 {
  margin-top: 30px !important;
}

.m20 {
  margin-top: 20px !important;
}

.m10 {
  margin-top: 10px !important;
}

.mm10 {
  margin-top: -10px;
}

.m7 {
  margin-top: 7px !important;
}

.m26 {
  margin-top: 26px !important;
}

.pi0 {
  padding-inline: 0 !important;
}

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

.brb12 {
  border-end-end-radius: 12px;
  border-end-start-radius: 12px;
}

.f20 {
  font-size: 20px;
}

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

.text-danger {
  color: #e01620;
}

.text-success {
  color: mediumseagreen !important;
}

.text-dodger {
  color: #968F4A !important;
}

.bg-green {
  background-color: #e5e5e5;
}

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

.bg-grey {
  background: #efefef;
}

.color-principal {
  color: #e5e5e5;
}

.grey666 {
  color: #666;
}

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

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

.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;
}

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

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-content-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.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;
  }
}
@font-face {
  font-family: "EuclidCircularA-Bold";
  src: url("../fonts/EuclidCircularA-Bold.eot?") format("eot"), url("../fonts/EuclidCircularA-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "EuclidCircularA-BoldItalic";
  src: url("../fonts/EuclidCircularA-BoldItalic.eot?") format("eot"), url("../fonts/EuclidCircularA-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "EuclidCircularA-Light";
  src: url("../fonts/EuclidCircularA-Light.eot?") format("eot"), url("../fonts/EuclidCircularA-Light.ttf") format("truetype");
}
@font-face {
  font-family: "EuclidCircularA-LightItalic";
  src: url("../fonts/EuclidCircularA-LightItalic.eot?") format("eot"), url("../fonts/EuclidCircularA-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "EuclidCircularA-Medium";
  src: url("../fonts/EuclidCircularA-Medium.eot?") format("eot"), url("../fonts/EuclidCircularA-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "EuclidCircularA-MediumItalic";
  src: url("../fonts/EuclidCircularA-MediumItalic.eot?") format("eot"), url("../fonts/EuclidCircularA-MediumItalic.ttf") format("truetype");
}
@font-face {
  font-family: "EuclidCircularA-Regular";
  src: url("../fonts/EuclidCircularA-Regular.eot?") format("eot"), url("../fonts/EuclidCircularA-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "EuclidCircularA-RegularItalic";
  src: url("../fonts/EuclidCircularA-RegularItalic.eot?") format("eot"), url("../fonts/EuclidCircularA-RegularItalic.ttf") format("truetype");
}
@font-face {
  font-family: "EuclidCircularA-Semibold";
  src: url("../fonts/EuclidCircularA-Semibold.eot?") format("eot"), url("../fonts/EuclidCircularA-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "EuclidCircularA-SemiboldItalic";
  src: url("../fonts/EuclidCircularA-SemiboldItalic.eot?") format("eot"), url("../fonts/EuclidCircularA-SemiboldItalic.ttf") format("truetype");
}
body {
  font-family: "EuclidCircularA-Regular", sans-serif;
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "EuclidCircularA-Medium", sans-serif;
  font-weight: normal;
}

b,
strong {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.p-alt {
  font-size: 14px;
  color: #666;
}

.text-var {
  color: #999;
}

html {
  --scrollbarBG: white;
  --thumbBG: #999;
}

header {
  -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.08);
  z-index: 1;
}

h3.navbar-text {
  font-size: 24px;
  line-height: 24px;
  margin: 24px;
  color: #fff;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

.navbar {
  position: relative;
  border-radius: 0;
  margin: none;
}
.navbar i {
  font-size: 14px;
}
.navbar i.der {
  margin-left: 4px;
}
.navbar i.izq {
  margin-right: 8px;
}
.navbar i.fa-bell {
  margin-right: 4px;
}

.navbar-nav > li > .dropdown-menu {
  left: 0;
  -webkit-transform: skewX(35deg);
          transform: skewX(35deg);
  margin-top: -1px;
}

.dropdown-menu > li > a {
  padding-bottom: 7px;
  background-color: transparent;
  color: #999;
}
.dropdown-menu > li > a:focus {
  padding-bottom: 7px;
  background-color: transparent;
}
.dropdown-menu > li > a:hover {
  padding-bottom: 7px;
  background-color: transparent;
}
.dropdown-menu .campanita {
  overflow-y: scroll;
  height: 382px;
  width: 300px;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.dropdown-menu .campanita::-webkit-scrollbar {
  width: 8px;
}
.dropdown-menu .campanita {
  scrollbar-width: thin;
}
.dropdown-menu .campanita::-webkit-scrollbar-track {
  background: #e5e5e5;
  background: var(--scrollbarBG);
}
.dropdown-menu .campanita::-webkit-scrollbar-thumb {
  background-color: #999;
  background-color: var(--thumbBG);
  border-radius: 4px;
  border: 2px solid var(--scrollbarBG);
}
.dropdown-menu .campanita li {
  position: relative;
  padding: 16px;
  border-bottom: 1px solid #eee;
}
.dropdown-menu .campanita li:last-child {
  border-bottom: 0;
}
.dropdown-menu .campanita li:hover {
  background-color: #eee;
}
.dropdown-menu .campanita li h3 {
  margin-top: 0;
  margin-right: 12px;
  margin-bottom: 8px;
  font-size: 16px;
  color: #333;
}
.dropdown-menu .campanita li p {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1;
  color: #999;
}
.dropdown-menu .campanita li .acceso {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  text-transform: uppercase;
}
.dropdown-menu .campanita li .acceso:hover {
  color: black !important;
}
.dropdown-menu .campanita li .acceso:hover i {
  color: black !important;
}
.dropdown-menu .campanita li .acceso i {
  font-size: 10px;
  color: #999 !important;
}
.dropdown-menu .campanita li .cerrar {
  position: absolute;
  top: 16px;
  right: 16px;
}
.dropdown-menu .campanita li .cerrar:hover {
  color: black !important;
}
@media screen and (max-width: 767px) {
  .dropdown-menu .campanita {
    width: auto;
  }
}
.dropdown-menu.idiomas a:hover {
  color: black !important;
}

.navbar-top {
  height: 40px;
  background-color: #f5f5f5;
  color: white;
  z-index: 1000;
}
@media screen and (max-width: 767px) {
  .navbar-top {
    height: 50px;
    background-color: white;
  }
}
.navbar-top .navbar-nav {
  height: 40px;
}
.navbar-top .navbar-nav .segundo-n small {
  display: block;
}
.navbar-top .navbar-nav .segundo-n label.hand {
  margin: 0;
  font-weight: normal;
  color: #999;
}
.navbar-top .navbar-nav .segundo-n label.hand:hover {
  text-decoration: underline;
}
.navbar-top .navbar-nav > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  border-left: 1px solid #ddd;
  -webkit-transform: skewX(-35deg);
          transform: skewX(-35deg);
}
.navbar-top .navbar-nav > li:first-child {
  border-left: none;
}
.navbar-top .navbar-nav > li:hover, .navbar-top .navbar-nav > li:active, .navbar-top .navbar-nav > li:focus, .navbar-top .navbar-nav > li:active:focus {
  background: black;
  color: white;
}
.navbar-top .navbar-nav > li:hover .dropdown-toggle, .navbar-top .navbar-nav > li:active .dropdown-toggle, .navbar-top .navbar-nav > li:focus .dropdown-toggle, .navbar-top .navbar-nav > li:active:focus .dropdown-toggle {
  color: white;
}
.navbar-top .navbar-nav > li:hover .der, .navbar-top .navbar-nav > li:active .der, .navbar-top .navbar-nav > li:focus .der, .navbar-top .navbar-nav > li:active:focus .der {
  color: white;
}
.navbar-top .navbar-nav > li:hover .segundo-n .text-danger, .navbar-top .navbar-nav > li:active .segundo-n .text-danger, .navbar-top .navbar-nav > li:focus .segundo-n .text-danger, .navbar-top .navbar-nav > li:active:focus .segundo-n .text-danger {
  color: #e01620;
}
.navbar-top .navbar-nav > li:hover .segundo-n a, .navbar-top .navbar-nav > li:active .segundo-n a, .navbar-top .navbar-nav > li:focus .segundo-n a, .navbar-top .navbar-nav > li:active:focus .segundo-n a {
  color: #999;
}
.navbar-top .navbar-nav > li:hover a, .navbar-top .navbar-nav > li:active a, .navbar-top .navbar-nav > li:focus a, .navbar-top .navbar-nav > li:active:focus a {
  color: white;
}
.navbar-top .navbar-nav > li.navbar-login a {
  color: #999;
}
@media screen and (max-width: 767px) {
  .navbar-top .navbar-nav > li {
    width: 100%;
    border-left: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.navbar-top .navbar-nav > .open {
  background: black;
  color: white;
}
.navbar-top .navbar-nav > .open .dropdown-toggle {
  background-color: transparent;
  color: white;
}
.navbar-top .navbar-nav > .open .dropdown-toggle i {
  color: white;
}
.navbar-top .navbar-nav > .open .dropdown-toggle:focus, .navbar-top .navbar-nav > .open .dropdown-toggle:hover {
  background-color: transparent;
  color: white;
}
.navbar-top .navbar-nav > .open .dropdown-toggle:focus i, .navbar-top .navbar-nav > .open .dropdown-toggle:hover i {
  color: white;
}
.navbar-top .cara {
  overflow: hidden;
  height: 24px;
  width: 24px;
  margin-right: 8px;
  border-radius: 100%;
}
.navbar-top .cara img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.navbar-top .navbar-login {
  width: 340px;
  padding: 15px;
  color: #333;
}
.navbar-top .navbar-login a:hover {
  text-decoration: underline;
}
.navbar-top .navbar-login [class*=col-] {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .navbar-top .navbar-login {
    width: auto;
  }
}
.navbar-top h3.navbar-text {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: white;
}
.navbar-top .navbar-nav > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 24px;
  font-family: "EuclidCircularA-Semibold";
  font-size: 11px;
  text-transform: uppercase;
  line-height: 1;
  color: #999;
  -webkit-transform: skew(35deg);
          transform: skew(35deg);
}
@media screen and (max-width: 767px) {
  .navbar-top .navbar-nav > li > a {
    -webkit-transform: none;
            transform: none;
  }
}

.navbar-brand {
  position: relative;
  display: block;
  height: auto;
  padding: 10px 0;
}
.navbar-brand img {
  display: block;
  height: 100px;
}
.navbar-brand:hover {
  opacity: 0.85;
}
.navbar-brand .sng {
  width: 157px;
  height: 80px;
  padding: 25px 0;
}
.navbar-brand .sng2 {
  width: 218px;
  height: 80px;
}

.img-user {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 100%;
  background-color: black;
  color: white;
}
.img-user img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 20px;
}

.img-user-directory {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 100%;
  background-color: black;
  color: white;
}
.img-user-directory img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-user-directory .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: 48px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 20px;
}

@media (max-width: 767px) {
  .navbar-nav {
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
}

@media (max-width: 767px) {
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
}

.navbar-bottom {
  background-color: white;
}
@media screen and (max-width: 767px) {
  .navbar-bottom {
    display: none !important;
  }
}
.navbar-bottom .navbar-right {
  margin-right: -15px;
}
.navbar-bottom .navbar-right a {
  font-size: 1.2em;
  padding: 0 15px;
  line-height: 100px;
  color: white;
}
.navbar-bottom .navbar-right .cerrar {
  width: 72px;
  height: 72px;
  padding: 28px;
  border-left: 1px dotted #ddd;
  border-right: 1px dotted #ddd;
  background-color: #738395;
}
.navbar-bottom .navbar-right .cerrar img {
  display: block;
}
.navbar-bottom .navbar-right .cerrar:hover {
  background: rgb(208.6, 208.6, 208.6);
}

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

.navbar-nav.usuario {
  margin-left: 210px;
}

@media screen and (max-width: 768px) {
  h3.navbar-text {
    font-size: 18px;
  }
}
.notificaciones {
  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: 16px;
  width: 16px;
  border-radius: 100%;
  background-color: black;
  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;
  padding-left: 45px;
  list-style-type: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.resources-bar .resources-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  color: #fff;
  padding: 39px 0;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  position: relative;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.resources-bar .resources-item .fa {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  width: 36px;
  margin: 0 auto;
  border-radius: 100%;
  padding: 6px;
  font-size: 15px;
  line-height: 23px;
  background-color: #999;
  color: white;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.resources-bar .resources-item::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 0;
  width: 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;
}
.resources-bar .resources-item:hover {
  border-color: #024686;
  color: #999;
}
.resources-bar .resources-item:hover::after {
  border-bottom: solid #999 10px;
  bottom: 0;
}
.resources-bar .resources-item:hover .fa {
  opacity: 1;
  top: -6px;
}

.header-container {
  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;
}
.header-container .titulo {
  color: #1d1b16;
}
.header-container .titulo.con-cerrar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-container .titulo.con-cerrar .cerrar {
  font-size: 24px;
  margin-left: 24px;
}
.header-container .titulo h1 {
  font-size: 27px;
  color: #1d1b16;
}

.navbar-nav .dropdown.open .dropdown-menu .logout {
  color: #e01620;
}
.navbar-nav .dropdown.open .dropdown-menu .logout:hover {
  text-decoration: underline;
  color: rgb(186.8487804878, 18.3512195122, 26.6926829268);
}
@media screen and (max-width: 767px) {
  .navbar-nav .dropdown.open .dropdown-menu.idiomas {
    width: 100%;
  }
}

.navbar-inverse .navbar-nav li a:hover {
  color: white;
}
.navbar-inverse .navbar-nav li a:focus {
  color: #999;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  background-color: #e5e5e5;
}

.logo-nexus {
  display: none;
}
@media screen and (max-width: 767px) {
  .logo-nexus {
    display: block;
  }
  .logo-nexus img {
    height: 20px;
    margin: 15px 0 0 15px;
  }
}

@media screen and (max-width: 767px) {
  header.main .navbar .container {
    padding: 0;
  }
  header.main .navbar .container .navbar-header {
    margin: 0;
  }
  header.main .navbar .container .navbar-collapse {
    margin: 0;
    padding: 0;
  }
  header.main .navbar .container .navbar-collapse.in {
    overflow-y: initial;
  }
}
footer.main {
  padding: 50px 0 40px;
  background: black;
}
footer.main .copyright {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
footer.main .footer-logo {
  float: right;
  width: 110px;
  height: 18px;
  margin-top: 4px;
}
footer.main .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 .espacio {
  position: relative;
  margin-bottom: 24px;
}
.soporte .espacio:last-child {
  margin-bottom: 0;
}
.soporte h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 20px;
  color: #d5d5d5;
}
@media screen and (max-width: 1023px) {
  .soporte h2 {
    margin-bottom: 24px;
  }
}
.soporte .fas {
  position: absolute;
  top: 2px;
  font-size: 24px;
  color: white;
}
.soporte a {
  padding-bottom: 3px;
  border-bottom: 1px dotted #999;
  text-decoration: none;
  color: #999;
}
.soporte a:hover {
  border-bottom: 0;
}
.soporte ul {
  margin-left: 56px;
  margin-bottom: 0;
  color: white;
}
.soporte ul li {
  margin: 0 0 0.25em;
}
.soporte ul li h4 {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 4px;
  color: #d5d5d5;
}
.soporte ul li.tel {
  margin: 0;
}

.legal {
  font-size: 14px;
}

@media screen and (max-width: 1023px) {
  .pdatos {
    display: inline-block;
    margin-bottom: 32px;
  }
}

.footer-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.footer-row .footer-col {
  display: table-cell;
}
.footer-row .footer-col .fa {
  margin: 0 5px 0 0;
}

.modal .soporte .fa {
  top: 0;
  color: #999;
}
.modal .soporte ul li a {
  color: #1d1b16;
}
.modal .soporte ul li a:hover {
  color: #e5e5e5;
}

.bienvenida {
  height: 345px;
}
@media only screen and (max-width: 1279px) {
  .bienvenida {
    height: 297px;
    background-size: auto 297px;
  }
}
.bienvenida div {
  margin: 3px;
}
.bienvenida h4 {
  width: 120px;
  padding-right: 15px;
  border-right: 1px dotted #e5e5e5;
  text-align: right;
}

@media screen and (max-width: 1200px) {
  .cursos .filas .col-md-6 + .col-md-6 + .col-md-6,
  .cursos .filas .col-sm-6 + .col-sm-6 + .col-sm-6 {
    margin-top: 30px;
  }
  .cursos .card-ent .card-heading {
    height: 113px;
    min-height: 113px;
  }
  .cursos .card-eva .card-heading {
    height: 113px;
    min-height: 113px;
  }
}
@media screen and (max-width: 767px) {
  .cursos .filas .hgroup {
    margin-bottom: 30px;
  }
  .cursos .filas .col-sm-6 + .col-sm-6 {
    margin-top: 30px;
  }
  .cursos .sidebar {
    margin-top: 30px;
  }
  .cursos .col-xs-6:first-child {
    padding-right: 7.5px;
  }
  .cursos .col-xs-6:last-child {
    padding-left: 7.5px;
  }
  .cursos .hgroup-linea {
    margin: 0 0 16px;
  }
}
.cursos .filas.filas-w .card {
  border: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}
.cursos .filas.filas-w .card:hover, .cursos .filas.filas-w .card:focus, .cursos .filas.filas-w .card:active {
  background-color: black;
}
.cursos .filas.filas-w .card:hover .card-heading h3, .cursos .filas.filas-w .card:focus .card-heading h3, .cursos .filas.filas-w .card:active .card-heading h3 {
  color: white;
}
.cursos .filas.filas-w .card:hover figure, .cursos .filas.filas-w .card:focus figure, .cursos .filas.filas-w .card:active figure {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}
.cursos .filas.filas-w .card .card-heading h3 {
  color: #333;
}
.cursos .filas.filas-w .card .card-heading h3::after {
  display: none;
}
.cursos .filas .row + .row {
  margin-top: 30px;
}
.cursos .sidebar {
  margin-top: 89px;
}
.cursos .alerta {
  position: relative;
  margin-top: 20px;
  padding: 20px;
  border-radius: 6px;
  color: white;
  font-size: 14px;
}
.cursos .alerta.af-current {
  background-color: #e5e5e5;
}
.cursos .alerta.af-current .flecha-arriba {
  border-bottom: 6px solid #e5e5e5;
}
.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%;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.cursos .alerta p {
  margin-bottom: 0;
}
.cursos .diploma {
  margin-top: 30px;
}
.cursos .diploma .btn {
  padding: 12px 16px;
}
.cursos .list-group-item.diploma {
  border: none;
}
.cursos .embed-responsive-video {
  padding-bottom: 66.5%;
}
.cursos .caras {
  margin: 30px 0 8px 0;
  padding: 0;
  text-align: center;
}
.cursos .caras li {
  display: inline-block;
  width: 75px;
  padding-right: 20px;
  padding-left: 20px;
}
.cursos .caras li a:hover {
  opacity: 0.5;
}
.cursos .detalle-alumno {
  padding: 15px 5px;
  border-radius: 5px;
  background-color: #e4e4e4;
}
.cursos .detalle-alumno div:not(:last-child) {
  border-right: 1px solid #c5c9ca;
}

.ellave {
  position: relative;
  margin-top: -15px;
  margin-bottom: 30px;
  -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);
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.ellave .cur-sta {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ellave .cur-sta i {
  margin: 0;
}

.leyenda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-top: 16px;
}

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

.last-container {
  min-height: 500px;
  padding-bottom: 2em;
}

@media screen and (max-width: 1279px) {
  .destacado .banner2 h2 {
    margin-top: 20px;
    font-size: 24px;
  }
  .destacado .banner2 p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .destacado .container {
    width: 100%;
    padding: 0;
  }
  .destacado .container .row {
    margin: 0;
  }
  .destacado .container .row-no-gutters {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .destacado .item-noticias .grupo-enlaces .btn-lg .fas {
    display: block;
  }
  .destacado .item-noticias .grupo-enlaces .btn-lg span {
    display: none;
  }
}
.destacado .container {
  height: 100%;
}
.destacado .banner2 h2 {
  margin-top: 40px;
}
.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;
}
.destacado .item-noticias .grupo-enlaces .btn-lg .fas {
  display: none;
  margin: 0;
}
.destacado #slider {
  overflow: hidden;
  height: 100%;
}

.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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2em;
  padding: 20px;
  border-top: 3px solid #1d1b16;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 8px;
  background-color: #efefef;
}
.dashbox .title-dash {
  position: relative;
  height: 48px;
  padding: 0 20px;
  border-radius: 6px 6px 0 0;
  background-color: #337ab7;
  color: white;
}
.dashbox .body-dash {
  padding: 30px;
  background-color: white;
}
.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 #738395;
}

.dashbox-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.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;
}
.dash-block .dashbox-col {
  /*&.big {
  	padding-left: 20px;
  }*/
}

.dashbox-wrapper h2 {
  margin: 20px 0;
}
.dashbox-wrapper h3 {
  color: #1d1b16;
}

.dashbox-col {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-left: 10px;
}

.full-row {
  width: 100%;
}

.bar-men {
  margin-top: 5px;
  padding-left: 3px;
  font-size: 28px;
}
.bar-men .blue {
  color: #337ab7;
}

.azul {
  color: #e5e5e5;
}

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

.bar-slider {
  position: absolute;
  width: 30%;
  height: 30px;
  background-color: #337ab7;
}

.bar-title {
  position: absolute;
  top: 50%;
  width: 230px;
  color: white;
  font-size: 14px;
  -webkit-transform: translate(2%, -50%);
  transform: translate(2%, -50%);
}

.worker {
  display: table;
  line-height: 35px;
  text-align: right;
}

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

.worker-title {
  display: table-cell;
  font-weight: bold;
}

.chart-center {
  margin: 0 auto;
}

.chart {
  position: relative;
  line-height: initial !important;
}
.chart-legend {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.chart-data {
  font-size: 36px;
}
.chart-data span {
  font-size: 0.8em;
  line-height: 0.8em;
}
.chart-caption {
  font-weight: bold;
  font-size: 10px;
  line-height: initial;
  text-align: center;
  text-transform: uppercase;
}
.chart-arrow {
  margin-top: 5px;
}
.chart-arrow-col {
  display: table-cell;
}
.chart-arrow-col.middle {
  vertical-align: middle;
}
.chart-arrow .chart-title {
  /*color: #efefef;
  vertical-align: middle;*/
}
.chart-arrow .chart-title.big span {
  padding-left: 15px;
  font-size: 12px;
}
.chart-arrow .chart-title.big span:first-child {
  padding-left: 0;
  font-size: 34px;
  letter-spacing: 0.5px;
}
.chart-arrow .chart-title span {
  display: block;
}
.chart-arrow .chart-title span:first-child {
  padding-left: 0;
}

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

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

.big .arrow-left::before {
  top: -16px;
  margin-left: 30px;
  border-top: 37px solid transparent;
  border-right: 31px solid #337ab7;
  border-bottom: 36px solid transparent;
}

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

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

.participation-anterior {
  display: block;
}
.participation-anterior-icono {
  width: 420px;
  color: #555;
}
.participation-anterior-icono i {
  color: #999;
}

.participation-anterior,
.global-anterior {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  background-color: white;
  font-size: 14px;
}
.participation-anterior strong,
.global-anterior strong {
  color: #337ab7;
}

.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-top: 0;
  font-weight: bold;
  font-size: 21px;
}

.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%;
  margin-top: -2px;
  font-weight: 800;
  font-size: 27px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.titulo-pagina h1.miga {
  color: #888;
  font-weight: 500;
  font-size: 21px;
}
.titulo-pagina h1.miga span {
  color: #333;
  font-weight: 800;
  font-size: 24px;
}
.titulo-pagina .miga {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  color: #888;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.titulo-pagina .miga a {
  color: #888;
}
.titulo-pagina .miga a:hover {
  color: #999;
}
.titulo-pagina .miga h1 {
  position: initial;
  color: #333;
  font-weight: 800;
  font-size: 24px;
  -webkit-transform: none;
          transform: none;
}
.titulo-pagina .dias {
  margin-bottom: 0;
  font-size: 14px;
}
.titulo-pagina .dias h2 {
  margin: 0 0 5px;
  color: #e5e5e5;
  font-size: 18px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-align: right;
}
.titulo-pagina .dias .periodo {
  font-size: 12px;
  text-transform: uppercase;
}
.titulo-pagina .dias .periodo-actual {
  margin: 0 5px;
  padding: 3px 5px;
  border-radius: 3px;
  background-color: #999;
  color: white;
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.titulo-pagina .dias .usuario {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  text-align: right;
  text-transform: uppercase;
}
.titulo-pagina .dias .usuario strong {
  margin: 0 5px;
  font-weight: 800;
}
.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;
}

.ani2 {
  opacity: 0;
}

.home-calendar {
  padding: 24px;
  border-bottom: 2px solid #d5d5d5;
  background-color: #e5e5e5;
}
.home-calendar-date {
  position: relative;
  margin-top: 10px;
  padding-left: 12px;
  font-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  line-height: 16px;
  text-transform: uppercase;
}
.home-calendar-date::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #968F4A;
}
.home-calendar-date span {
  display: block;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.home-calendar-periodo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .home-calendar-periodo {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.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: "";
  position: absolute;
  top: -4px;
  left: 25%;
  display: block;
  width: 4px;
  height: 8px;
  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: "";
  position: absolute;
  top: -4px;
  right: 25%;
  display: block;
  width: 4px;
  height: 8px;
  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;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border: 1px solid #eee;
  border-radius: 4px;
  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%);
  background-color: white;
  -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);
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitefff', endColorstr='#d8d8d8', GradientType=0);
}
.home-calendar .calendario-date .papel .dias {
  display: block;
  margin-bottom: -12px;
  font-size: 34px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.home-calendar .calendario-date .papel span:nth-child(2) {
  font-size: 10px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.home-calendar h3 {
  margin-top: 10px;
  font-size: 14px;
}
.home-calendar h3 .periodo {
  text-transform: uppercase;
}
.home-calendar h3 .fecha {
  display: block;
  margin-top: 8px;
  color: #968F4A;
}
.home-calendar h3 strong {
  display: block;
  font-size: 20px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

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

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

.flujo {
  margin-top: 60px;
}
@media screen and (min-width: 992px) {
  .flujo .periodo {
    width: 20%;
  }
}
.flujo .periodo .caja {
  position: relative;
  display: inherit;
  margin-bottom: 40px;
  padding: 20px;
  border-radius: 9px;
  color: white;
}
.flujo .periodo .caja:hover {
  background-color: rgb(208.6, 208.6, 208.6);
}
.flujo .periodo .caja .fa-periodo {
  position: absolute;
  top: -24px;
  left: 50%;
  width: 36px;
  padding: 9px 0;
  border-radius: 100%;
  background-color: #eee;
  color: #333;
  font-size: 18px;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.flujo .periodo .caja h2 {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
}
.flujo .periodo .caja h2 strong {
  font-weight: 800;
}
.flujo .periodo .caja.realizado {
  background-color: #e5e5e5;
}
.flujo .periodo .caja.realizado:hover {
  background-color: rgb(208.6, 208.6, 208.6);
}
.flujo .periodo .caja.pendiente {
  background-color: #999;
}
.flujo .periodo .caja.pendiente:hover {
  background-color: rgb(132.6, 132.6, 132.6);
}
.flujo .periodo .caja.disabled {
  background-color: #bbb;
  cursor: not-allowed;
  pointer-events: none;
}
.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;
  background-color: #eee;
  color: #777;
  font-size: 12px;
  text-align: left;
}
.flujo .periodo .btn-periodo:hover {
  background-color: #999;
  color: white;
}
.flujo .periodo .fa-caret-right {
  position: absolute;
  top: 50%;
  right: -20px;
  color: #333;
  font-size: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@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;
  color: #999;
  font-size: 12px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .flujo .periodo .periodo-usuario {
    margin-bottom: 40px;
  }
}
.flujo .periodo .periodo-usuario i {
  position: absolute;
  top: -18px;
  left: 50%;
  font-size: 18px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.flujo .datos {
  margin-top: 20px;
}
.flujo .datos h4 {
  margin: 0;
  font-size: 9px;
  text-transform: uppercase;
}
.flujo .datos p {
  font-size: 15px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.flujo .datos p:last-child {
  margin-bottom: 0;
}
.flujo .datos .etiq {
  margin-top: 5px;
}
.flujo .fa-estado {
  width: 23px;
  margin-left: 5px;
  padding: 4px 0;
  border-radius: 100%;
  color: white;
  text-align: center;
}
.flujo .fa-estado.fa-check {
  background-color: mediumseagreen;
}
.flujo .fa-estado.fa-times {
  background-color: #e01620;
}
.flujo .fa-estado.fa-clock {
  background-color: #888;
}

.nav-tabs {
  width: 100%;
  font-size: 14px;
}
.nav-tabs > li.active > a {
  color: #1d1b16;
}
.nav-tabs > li.active > a:focus {
  color: #1d1b16;
}
.nav-tabs > li > a {
  color: #444242;
}

.evaluaciones .accordion .caja.valor-medio-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 194px;
  margin-top: 9px;
  text-align: center;
}
@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 .accordion .caja.valor-medio-box .dato {
  font-size: 44px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.evaluaciones .accordion .caja.valor-medio-box .dato-alt {
  margin: 0;
  font-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  letter-spacing: initial;
}
.evaluaciones .accordion .caja.valor-medio-box .bono-h1 {
  font-size: 24px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.evaluaciones .accordion .caja.valor-medio-box .bono-glyphicon {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #999;
  font-size: 16px;
}
.evaluaciones .accordion .caja.valor-medio-box .masinfo {
  color: #999;
  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 {
  position: absolute;
  top: -18px;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  background-color: #738395;
  color: white;
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.evaluaciones .accordion .caja.valor-medio-box h4 {
  font-size: 16px;
}
.evaluaciones .caja {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  padding: 30px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}
@media screen and (max-width: 767px) {
  .evaluaciones .caja .btn-group {
    width: 100%;
    text-align: center;
  }
  .evaluaciones .caja .niveles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
  .evaluaciones .caja .niveles .badge {
    margin-left: 16px;
  }
}
.evaluaciones .caja.bg-success {
  background-color: #dff0d8;
}
.evaluaciones .caja.bg-warning {
  background-color: #fcf8e3;
}
.evaluaciones .caja.bg-danger {
  background-color: #f2dede;
}
.evaluaciones .caja.accion p {
  margin-bottom: 0;
  font-size: 14px;
}
.evaluaciones .caja.accion label.radio {
  width: 45px;
  background-color: #e01620;
}
.evaluaciones .caja.accion label.radio.active, .evaluaciones .caja.accion label.radio:active {
  background-color: mediumseagreen;
}
.evaluaciones .caja .btn-group * {
  margin-left: 8px;
}
.evaluaciones .caja .btn-group *:first-child {
  margin-left: 0;
}
.evaluaciones .caja .tit-porc {
  margin-top: 10px;
  font-size: 12px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
}
.evaluaciones .caja .valor-medio {
  display: block;
  margin-bottom: 0;
  font-size: 3em;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.evaluaciones .caja .valor-medio .porc {
  margin-left: 2px;
  font-weight: 500;
  font-size: 0.33em;
}
.evaluaciones .caja .valor-medio .porc .glyphicon {
  margin-left: 10px;
}
.evaluaciones .caja .cajeo {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 30px;
  padding-bottom: 8px;
  border-bottom: 2px solid lightsteelblue;
}
.evaluaciones .caja .cajeo .text-dodger {
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.evaluaciones .caja .cajeo .btn-gold {
  height: 32px;
  padding: 0 12px;
  font-size: 11px;
}
.evaluaciones .caja .badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 14px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  letter-spacing: -0.25px;
  white-space: nowrap;
}
.evaluaciones .caja .badge.badge-1 {
  background-color: rgb(220.66, 238, 185.3);
  color: mediumseagreen;
}
.evaluaciones .caja .badge.badge-1 i {
  background-color: yellowgreen;
}
.evaluaciones .caja .badge.badge-2 {
  background-color: rgb(255, 224.4, 168.3);
  color: darkorange;
}
.evaluaciones .caja .badge.badge-2 i {
  background-color: orange;
}
.evaluaciones .caja .badge.badge-3 {
  background-color: rgb(255, 191.76, 168.3);
  color: indianred;
}
.evaluaciones .caja .badge.badge-3 i {
  background-color: orangered;
}
.evaluaciones .caja .badge i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border: 2px solid white;
  border-radius: 100%;
}
.evaluaciones .caja .niveles.niveles-fase {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.evaluaciones .caja .niveles.niveles-fase .valorar select {
  background-color: #d9edf7;
  color: #31708f;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.evaluaciones .caja .niveles.niveles-fase > div {
  padding-right: 30px;
  padding-left: 30px;
  border-right: 1px dashed lightsteelblue;
  text-align: center;
}
.evaluaciones .caja .niveles.niveles-fase > div:first-child {
  padding-right: 30px;
  padding-left: 0;
}
.evaluaciones .caja .niveles.niveles-fase > div:last-child {
  padding-right: 0;
  padding-left: 30px;
  border-right: 0;
}
.evaluaciones .caja .niveles.niveles-fase span {
  position: absolute;
  top: 50%;
  left: 0;
  color: #968F4A;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.evaluaciones .caja .niveles.niveles-fase h6 {
  margin-top: 0;
}
.evaluaciones .caja .niveles.niveles-fase h6 strong {
  color: #337ab7;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.evaluaciones .caja .niveles .badge {
  height: 32px;
  font-size: 20px;
}
.evaluaciones .caja .niveles h6 {
  color: #666;
  font-size: 11px;
  text-transform: uppercase;
}
.evaluaciones .caja .niveles hr {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  border-style: dashed !important;
  border-color: lightsteelblue;
}
.evaluaciones .caja .preval {
  float: right;
}
.evaluaciones .caja .preval p {
  margin-bottom: 0;
  font-size: 12px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.evaluaciones .caja .preval p strong {
  font-weight: 800;
  font-size: 18px;
}
.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: #e5e5e5;
  color: #333;
}
.evaluaciones .caja .slider-row .ui-widget-header {
  border: 1px solid #ddd;
  background: #eee;
  color: #333;
  font-weight: bold;
}
.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 .caja .plazo p {
  margin-bottom: 20px;
  font-size: 14px;
}
.evaluaciones .caja .plazo select {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px;
  background-color: #e26f00;
  color: white;
  font-size: 14px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.evaluaciones .caja .collapse.in {
  margin-top: 20px;
}
.evaluaciones .caja .collapse.in .well {
  margin-bottom: 0;
}
.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 .acciones label {
  font-size: 12px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.evaluaciones .caja .acciones select {
  width: 100%;
  padding: 5px 12px 6px;
  border: 1px solid rgb(137.7, 137.7, 137.7);
  border-radius: 4px;
  background-color: #999;
  color: white;
  font-size: 14px;
}
.evaluaciones .caja h2 {
  display: inline-block;
  margin: 0 0 15px;
  color: #e5e5e5;
  font-size: 18px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.evaluaciones .caja h2 span {
  font-weight: 500;
  font-size: 18px;
}
.evaluaciones .caja h2 .glyphicon {
  margin-left: 5px;
}
.evaluaciones .caja h3 {
  margin: 0 0 20px 0;
  padding: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  color: #e5e5e5;
  font-size: 18px;
}
.evaluaciones .caja h3 + p {
  margin-bottom: 0;
}
.evaluaciones .caja h4 {
  margin: 0 0 15px;
}
.evaluaciones .caja label[for*=br] {
  margin-bottom: 0;
  color: #337ab7;
  font-size: 20px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.evaluaciones .caja label[for*=br] .glyphicon {
  margin-left: 4px;
  color: #666;
  font-size: 16px;
}
.evaluaciones .caja label[for*=br] .select-gemelo {
  display: inline-block;
}
.evaluaciones .caja textarea.form-control {
  margin: 0px;
}
.evaluaciones .tab-content {
  padding: 15px;
  border: 1px solid #e5e5e5;
  background: white;
}
.evaluaciones .tab-content .caja.definiciones, .evaluaciones .tab-content .caja.valor-medio-box {
  padding: 20px;
}
.evaluaciones .tab-content .caja hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #ddd;
}
.evaluaciones .tab-content .caja h4 {
  color: #999;
}
.evaluaciones .chart {
  position: relative;
  width: 60px !important;
  height: 60px !important;
  line-height: 60px !important;
}
.evaluaciones .chart-data {
  font-weight: 800;
  font-size: 16px;
}
.evaluaciones .chart-data div {
  display: initial;
}
.evaluaciones .chart-data span {
  margin-left: 2px;
  font-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.evaluaciones .chart.chart-final {
  width: 120px !important;
  height: 120px !important;
  line-height: 120px !important;
}
.evaluaciones .chart.chart-final .chart-data {
  font-size: 36px;
}
.evaluaciones .chart.chart-final .chart-data span {
  font-size: 30px;
}
.evaluaciones .chart.chart-final .glyphicon {
  position: absolute;
  top: 0;
  right: -20px;
}
.evaluaciones .nav-tabs > li.active > a {
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  background-color: white;
  color: #999;
  font-weight: bold;
  cursor: default;
}
.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: #999;
  cursor: default;
}
.evaluaciones .nav-tabs > li > a {
  min-width: 130px;
  min-height: 65px;
  margin-left: 0.3em;
  border-color: #eee #eee #ddd;
  background: #f6f6f6;
}
.evaluaciones .nav-tabs > li:first-child > a {
  margin-left: 0;
}
.evaluaciones .tabs {
  position: relative;
  margin-top: 30px;
}
.evaluaciones .tabs .botones {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .evaluaciones .tabs .botones {
    display: none;
  }
}
.evaluaciones .tabs .btn .fa {
  margin-right: 5px;
  margin-left: 0;
}
.evaluaciones .ui-state-default,
.evaluaciones .ui-widget-content .ui-state-default,
.evaluaciones .ui-widget-header .ui-state-default {
  border: 1px solid #bbb;
  background: #ccc;
  color: #454545;
  font-weight: normal;
}
.evaluaciones .tip {
  position: relative;
  float: right;
  margin-top: 2px;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .evaluaciones .tip {
    float: none;
    margin-bottom: 20px;
  }
}
.evaluaciones .tip span {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.evaluaciones .tip select,
.evaluaciones .tip input {
  padding: 1px 0;
  border: 0;
  background: #999;
  color: white;
  font-weight: bold;
  text-align: center;
}
.evaluaciones .check-field {
  padding: 0 20px;
}
.evaluaciones .check-field > .oculto {
  display: none;
  margin-top: 0;
  padding: 7px 17px;
  border-top: none;
}
.evaluaciones .check-field > .oculto ~ .oculto {
  border-top: 1px solid #ccc;
}
.evaluaciones .check-field .oculto .bot-plus.eliminar:hover {
  color: #e01620;
}
.evaluaciones .check-field .oculto label {
  text-transform: none !important;
}
.evaluaciones .check-field .align-right {
  text-align: right;
}
.evaluaciones .check-field > label {
  font-size: 14px !important;
}
.evaluaciones .check-field input[type=checkbox]:checked ~ .oculto {
  display: block;
}
.evaluaciones .valor-introducido {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #d4dee1;
  color: #555;
  -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);
  font-size: 14px;
  line-height: 1.42857143;
}
.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 {
  color: #5c5c5c;
  font-size: 0.8em;
}
.evaluaciones .obs-seguimiento .form-control {
  display: none;
}
.evaluaciones .obs-seguimiento label {
  margin-right: 10px;
  margin-bottom: 10px;
}

.tab-validation {
  position: absolute;
  top: -10px;
  right: 8px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  color: white;
}
.tab-validation.tab-error {
  background-color: #e01620;
}
.tab-validation.tab-ok {
  background-color: mediumseagreen;
}
.tab-validation i {
  font-size: 10px;
}

.validadoOK .tab-validation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.label-wrapper {
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 9px;
  background-color: rgb(192.6, 192.6, 192.6);
}
.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-default {
  font-size: 12px;
}
.label-wrapper label.btn .fa {
  margin-right: 5px;
  margin-left: 0;
}

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

.contador {
  margin-top: 8px;
  color: #999;
  font-size: 12px;
}
.contador strong.green {
  color: #337ab7;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

.excelente {
  color: seagreen;
}

.alto {
  color: forestgreen;
}

.alto2 {
  color: mediumseagreen;
}

.medio {
  color: darkorange;
}

.bajo {
  color: #e01620;
}

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

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

.equipo {
  margin-top: 60px;
  margin-bottom: 28px;
}
@media screen and (max-width: 480px) {
  .equipo .leyendas .bg-info {
    margin-bottom: 10px;
  }
}
.equipo .data_table_css {
  margin-top: 50px;
}
@media screen and (min-width: 801px) {
  .equipo .table-responsive {
    overflow-x: visible;
    min-height: auto;
  }
}
@media screen and (max-width: 800px) {
  .equipo .table-responsive thead i.fa {
    display: none;
  }
}
.equipo .txt-intro {
  margin-bottom: 60px;
}
.equipo .txt-intro p {
  margin-bottom: 0;
}
.equipo .txt-intro p.txt-alerta {
  color: #e5e5e5;
  font-size: 13px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.equipo table {
  margin-bottom: 45px;
}
.equipo table .border-left-gold {
  border-left: 1px dashed #968F4A !important;
}
.equipo table .border-left-gold .form-control {
  margin-left: 5px;
}
.equipo table .com-eval {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.equipo table .com-eval div {
  margin-left: 20px;
}
.equipo table .com-eval div:first-child {
  margin-left: 0;
}
.equipo table thead {
  background-color: black;
  color: white;
}
.equipo table thead tr.linea-2 {
  background-color: #d5d5d5;
  color: #333;
}
.equipo table thead tr.linea-2 .text-img {
  padding: 10px 0 10px 10px;
}
.equipo table thead tr.linea-2 .text-left,
.equipo table thead tr.linea-2 .text-center {
  padding: 10px;
}
.equipo table thead tr.linea-2 th {
  border-color: #d5d5d5;
  font-size: 11px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.equipo table thead th {
  position: relative;
  vertical-align: top;
  padding: 15px;
  border-bottom: 2px solid #968F4A;
  font-size: 14px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.equipo table thead th .fa-periodo {
  position: absolute;
  top: -30px;
  left: 50%;
  width: 36px;
  padding: 9px 0;
  border-radius: 100%;
  background-color: #f5f5f5;
  color: #999;
  font-size: 18px;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.equipo table thead th.text-img {
  padding: 15px 0 15px 10px;
}
.equipo table thead th.text-left, .equipo table thead th.text-center {
  padding: 15px 10px;
}
.equipo table tbody td {
  vertical-align: middle;
  padding: 15px;
  font-size: 12px;
}
.equipo table tbody td .nombre {
  display: block;
  font-size: 16px;
}
.equipo table tbody td .nombre strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.equipo table tbody td .puesto {
  display: block;
  font-size: 12px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.equipo table tbody td .dpto {
  display: block;
  color: #968F4A;
  font-size: 12px;
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
}
.equipo table tbody td .img-usuario {
  overflow: hidden;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border-radius: 100%;
  background-size: cover;
}
.equipo table tbody td .fecha {
  display: block;
  margin-top: 8px;
  color: #999;
  font-size: 11px;
}
.equipo table tbody td.text-img {
  padding: 15px 0 15px 10px;
}
.equipo table tbody td.text-left, .equipo table tbody td.text-center {
  padding: 15px 10px;
}
.equipo table tbody td:last-child {
  padding-right: 20px;
}
.equipo .super {
  background-color: rgb(192.6, 192.6, 192.6);
  color: white;
}
.equipo .super .spv span {
  display: block;
  color: #999;
  font-size: 10px;
  text-transform: uppercase;
}

.table-striped > tbody > tr.super:nth-of-type(odd) {
  background-color: rgb(192.6, 192.6, 192.6);
}

.etiq {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 16px 0 12px;
  border: 0;
  color: white;
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  line-height: 1;
  text-transform: uppercase;
}
.etiq.etiq-general {
  background-color: black;
}
.etiq.etiq-realizado {
  background-color: mediumseagreen;
}
.etiq.etiq-norealizado {
  background-color: #e01620;
}
.etiq.etiq-pendiente {
  background-color: darkorange;
}
.etiq.etiq-nosujeto {
  background-color: #968F4A;
}
.etiq.etiq-nodisponible {
  background-color: #999;
}
.etiq.etiq-eliminar {
  background-color: white;
  color: #e5e5e5;
}
.etiq.etiq-eliminar:hover {
  color: #e5e5e5;
}
.etiq.disabled {
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: not-allowed;
}
.etiq[disabled] {
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: not-allowed;
}
.etiq .fa,
.etiq .fab,
.etiq .fal,
.etiq .far,
.etiq .fas {
  font-size: 16px;
}

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

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: rgb(49.7573221757, 148.4426778243, 93.709623431);
}
a.etiq-norealizado,
button.etiq-norealizado {
  cursor: not-allowed;
  pointer-events: none;
}
a.etiq-norealizado:hover,
button.etiq-norealizado:hover {
  background-color: rgb(186.8487804878, 18.3512195122, 26.6926829268);
}
a.etiq-pendiente:hover,
button.etiq-pendiente:hover {
  background-color: rgb(214.2, 117.6, 0);
}
a.etiq-nosujeto,
button.etiq-nosujeto {
  cursor: not-allowed;
  pointer-events: none;
}
a.etiq-nosujeto:hover,
button.etiq-nosujeto:hover {
  background-color: rgb(57.0345177665, 178.952284264, 215.1654822335);
}
a.etiq-nodisponible,
button.etiq-nodisponible {
  cursor: not-allowed;
  pointer-events: none;
}
a.etiq-nodisponible:hover,
button.etiq-nodisponible:hover {
  background-color: rgb(149.6, 149.6, 149.6);
}

.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: #f5f5f5;
}
.objetivos .objetivo-new .objetivo-head,
.objetivos .objetivo-track .objetivo-head {
  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;
  min-height: 64px;
  margin-bottom: 0;
  padding: 15px;
  border-radius: 0;
  background-color: black;
  color: white;
}
.objetivos .objetivo-new .objetivo-head.active,
.objetivos .objetivo-track .objetivo-head.active {
  background-color: black;
}
.objetivos .objetivo-new .objetivo-head.first,
.objetivos .objetivo-track .objetivo-head.first {
  border-radius: 4px 4px 0 0;
}
.objetivos .objetivo-new .objetivo-head .form-control,
.objetivos .objetivo-track .objetivo-head .form-control {
  height: 30px;
  padding: 0 5px;
  border: 0;
  border-radius: 0;
  background-color: #968F4A;
  color: white;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-new .objetivo-head h2,
.objetivos .objetivo-track .objetivo-head h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-new .objetivo-head h3,
.objetivos .objetivo-track .objetivo-head h3 {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 0;
  color: darkorange;
  font-size: 16px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-new .objetivo-head h3 strong,
.objetivos .objetivo-track .objetivo-head h3 strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-new .objetivo-head label,
.objetivos .objetivo-track .objetivo-head label {
  margin-top: 8px;
}
.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 {
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #d5d5d5;
  color: #333;
  font-size: 20px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.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: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  line-height: 1.45;
  text-transform: uppercase;
}
.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;
  padding: 10px 15px;
  border-radius: 4px;
  color: white;
  text-align: left;
}
.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: #e01620;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0 15px;
  background-color: #f5f5f5;
  color: white;
}
@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;
    -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: 10px;
  }
}
.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;
  padding: 5px 10px;
  border-radius: 4px;
  background-color: black;
  color: white;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.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-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  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;
  padding: 0;
  border: 0;
  color: white;
  font-size: 18px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.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: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.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: #999;
}
.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-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.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;
  color: #999;
  font-size: 18px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.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 {
  border-right: 0;
  border-left: 0;
  font-size: 10px;
  text-transform: uppercase;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > caption + thead > tr th,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > caption + thead > tr th {
  border-right: 0;
  border-left: 0;
  font-size: 10px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.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: #f5f5f5;
}
.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 {
  border-right: 0;
  border-left: 0;
  font-size: 10px;
  text-transform: uppercase;
}
.objetivos .objetivo-new .objetivo-body .objetivo-indicador .table > colgroup + thead > tr th,
.objetivos .objetivo-track .objetivo-body .objetivo-indicador .table > colgroup + thead > tr th {
  border-right: 0;
  border-left: 0;
  font-size: 10px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.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: #f5f5f5;
}
.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 {
  border-right: 0;
  border-left: 0;
  font-size: 10px;
  text-transform: uppercase;
}
.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 {
  border-right: 0;
  border-left: 0;
  font-size: 10px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.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: #f5f5f5;
}
.objetivos .objetivo-ficha {
  border-radius: 4px;
  background-color: #f5f5f5;
}
.objetivos .objetivo-ficha-plus {
  position: relative;
  min-height: 231px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.objetivos .objetivo-ficha-plus:hover {
  border: 1px solid #d5d5d5;
}
.objetivos .objetivo-ficha-plus:hover .grupo-i {
  color: #999;
}
.objetivos .objetivo-ficha-plus .grupo-i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #999;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.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-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.objetivos .objetivo-ficha.full {
  margin-top: 32px;
}
.objetivos .objetivo-ficha .objetivo-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 64px;
  padding: 15px;
  border-radius: 4px 4px 0 0;
  background-color: black;
  color: white;
}
@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;
    -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: 10px;
  }
}
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action > * {
  margin-left: 8px;
}
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action > *:first-child {
  margin-left: 0;
}
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action a,
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action button {
  border-color: #292728;
}
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action a:hover,
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action button:hover {
  border-color: white;
  background-color: white;
}
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action a:hover .fa-trash-alt,
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action button:hover .fa-trash-alt {
  color: #e01620;
}
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action a:hover i,
.objetivos .objetivo-ficha .objetivo-head .objetivo-head-action button:hover i {
  color: #333;
}
.objetivos .objetivo-ficha .objetivo-head .peso {
  display: inline-block;
  margin-left: 5px;
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #f5f5f5;
  color: white;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-head .peso p {
  margin-bottom: 0;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  letter-spacing: 0.5px;
}
.objetivos .objetivo-ficha .objetivo-head h2 small,
.objetivos .objetivo-ficha .objetivo-head h3 small {
  color: #999;
}
.objetivos .objetivo-ficha .objetivo-head h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-head h4 {
  display: inline-block;
  margin-bottom: 0;
}
.objetivos .objetivo-ficha .objetivo-body {
  padding: 30px;
}
@media screen and (max-width: 1023px) {
  .objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus [class*=col-sm-] {
    margin-top: 20px;
  }
  .objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus [class*=col-sm-]:first-child {
    margin-top: 0;
  }
  .objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus-lg .row > div {
    margin-top: 20px;
  }
  .objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus-lg .row > div:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .sumador .fa-minus-circle {
    margin-left: 0;
  }
  .objetivos .objetivo-ficha .objetivo-body .sumador {
    display: block;
  }
  .objetivos .objetivo-ficha .objetivo-body .sumador > * {
    margin-top: 10px;
    margin-left: 0;
  }
  .objetivos .objetivo-ficha .objetivo-body .sumador > *:first-child {
    margin-top: 0;
  }
}
.objetivos .objetivo-ficha .objetivo-body .bloque-objetivo {
  margin-top: 15px;
  padding: 15px;
  background-color: white;
}
.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 .btn-objetivo-group .btn-objetivo-minus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus.btn-objetivo-minus-lg {
  margin-top: 40px;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus.btn-objetivo-minus-lg > div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus:first-child {
  margin-top: 0;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .f14 {
  color: #333;
  font-size: 14px;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .valorar label {
  display: block;
  margin-bottom: 10px;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .valorar select {
  background-color: #d9edf7;
  color: #31708f;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .valorar select[disabled] {
  background-color: #eee;
  color: #555;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .bg-warning {
  background-color: #fcf8e3 !important;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .fa-minus-circle,
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .fa-trash-alt {
  margin-top: 35px;
  margin-left: 30px;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .d-flex {
  margin-top: 20px;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .d-flex:first-child {
  margin-top: 0;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus h6 {
  color: #968F4A;
  font-size: 16px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus h6:first-child {
  margin-top: 0;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus p {
  color: #333;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus a:hover .fa-minus-circle,
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus a:hover .fa-trash-alt {
  color: #e01620;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-plus {
  margin-top: 40px;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-plus:first-child {
  margin-top: 40px;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group label {
  color: #666;
  font-size: 11px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group label.error {
  color: white;
}
.objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group hr {
  margin-top: 30px;
  border-style: dashed;
  border-color: lightsteelblue;
}
.objetivos .objetivo-ficha .objetivo-body .sumador {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
}
.objetivos .objetivo-ficha .objetivo-body .sumador .no-label {
  margin-top: 26px;
}
.objetivos .objetivo-ficha .objetivo-body .sumador > * {
  margin-left: 15px;
}
.objetivos .objetivo-ficha .objetivo-body .sumador > *:first-child {
  margin-left: 0;
}
.objetivos .objetivo-ficha .objetivo-body .sumador button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #999;
}
.objetivos .objetivo-ficha .objetivo-body .sumador button:hover {
  color: #333;
}
.objetivos .objetivo-ficha .objetivo-body .sumados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.objetivos .objetivo-ficha .objetivo-body .sumados button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px 8px 0 0;
  padding: 4px 8px;
  border: 1px solid #faebcc;
  border-radius: 4px;
  background-color: #fcf8e3;
  color: #8a6d3b;
  font-size: 14px;
}
.objetivos .objetivo-ficha .objetivo-body .sumados button:hover {
  border-color: #8a6d3b;
  color: black;
}
.objetivos .objetivo-ficha .objetivo-body .sumados button:hover i {
  color: #e01620;
}
.objetivos .objetivo-ficha .objetivo-body .sumados button i {
  margin-left: 8px;
}
.objetivos .objetivo-ficha .objetivo-body h2 {
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 8px;
  border-bottom: 2px solid lightsteelblue;
  color: #337ab7;
  font-size: 20px;
}
.objetivos .objetivo-ficha .objetivo-body h2 small {
  color: dodgerblue;
  font-size: 75%;
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-body h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-body a.btn-objetivo-minus:hover i {
  color: #e01620;
}
.objetivos .objetivo-ficha .objetivo-body a.btn-objetivo-minus:hover h6 {
  color: #999;
}
.objetivos .objetivo-ficha .objetivo-body a.btn-objetivo-minus:hover p {
  color: #999;
}
.objetivos .objetivo-ficha .objetivo-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  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: rgb(222.7, 222.7, 222.7);
}
.objetivos .objetivo-ficha .objetivo-track h3 {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-track h3 strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-track .porcentaje {
  margin: 3px 0 0;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-eval {
  padding: 15px 20px;
  border-radius: 0 0 8px 8px;
  background-color: #f5f5f5;
}
.objetivos .objetivo-ficha .objetivo-eval h3 {
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-eval h3 strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha .objetivo-eval .porcentaje {
  margin: 3px 0 0;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.objetivos .objetivo-ficha h4 {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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.fijacion .columna,
.objetivos.fijacion .navegacion {
  margin-top: 30px;
}

.bot-grupo a,
.bot-grupo button {
  margin-left: 10px;
}

.textarea-grupo .form-group {
  margin-bottom: 30px;
}
.textarea-grupo .form-group:last-child {
  margin-bottom: 0;
}

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

.leyendas {
  font-size: 12px;
}
@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-btn-fijo {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
@media screen and (max-width: 767px) {
  .leyendas-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .leyendas-btn-din {
    margin-top: 10px;
  }
  .leyendas-btn-din .anotaciones {
    margin-left: 15px;
  }
  .leyendas-btn-din .anotaciones-ico {
    display: none;
  }
  .leyendas-btn-din .anotaciones:first-child {
    margin-left: 0;
  }
}
.leyendas-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.leyendas-btn-fijo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.leyendas-btn-din {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.leyendas-btn-din .anotaciones {
  margin-left: 30px;
}
.leyendas .bg-info,
.leyendas .bg-warning,
.leyendas .bg-danger {
  padding: 15px;
  border-radius: 4px;
}
.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 rgb(183.2956521739, 221.0347826087, 239.9043478261);
}
.leyendas .bg-warning {
  border: 1px solid rgb(248.0516129032, 238.7870967742, 190.1483870968);
}
.leyendas .bg-danger {
  border: 1px solid rgb(230.4695652174, 192.7304347826, 192.7304347826);
}
.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 {
  margin-right: 15px;
  font-size: 20px;
}
.leyendas .li_azul,
.leyendas .li_naranja,
.leyendas .li_gris,
.leyendas .li_realizado,
.leyendas .li_nosujeto,
.leyendas .li_norealizado,
.leyendas .li_pendiente {
  float: left;
  width: 20px;
  height: 14px;
  margin-top: 3px;
  margin-right: 15px;
  border-radius: 2px;
}
.leyendas .li_azul {
  background-color: #e5e5e5;
}
.leyendas .li_naranja {
  background-color: #999;
}
.leyendas .li_gris {
  background-color: #aaa;
}
.leyendas .li_realizado {
  background-color: mediumseagreen;
}
.leyendas .li_nosujeto {
  background-color: #5bc0de;
}
.leyendas .li_norealizado {
  background-color: #e01620;
}
.leyendas .li_pendiente {
  background-color: darkorange;
}
.leyendas ul.separado li,
.leyendas ol.separado li,
.leyendas strong.separado li {
  margin-bottom: 10px;
}

.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-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.inleyenda {
  position: relative;
  margin-bottom: 28px;
}
.inleyenda .bg-info {
  bottom: 0;
  padding: 10px 15px;
  border: 1px solid rgb(183.2956521739, 221.0347826087, 239.9043478261);
  border-radius: 3px;
  font-size: 12px;
}
@media screen and (max-width: 800px) {
  .inleyenda .bg-info {
    position: inherit;
  }
}
.inleyenda .bg-info .li_azul {
  float: left;
  width: 20px;
  height: 14px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #e5e5e5;
}
.inleyenda .bg-info .li_naranja {
  float: left;
  width: 20px;
  height: 14px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #999;
}
.inleyenda .bg-info .li_gris {
  float: left;
  width: 20px;
  height: 14px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #aaa;
}
.inleyenda .bg-info ul,
.inleyenda .bg-info ol,
.inleyenda .bg-info strong {
  color: #d5d5d5;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.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;
}

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

.certifications .consulta-cursos form,
.formacion .consulta-cursos form {
  padding: 25px 30px 30px;
  border-bottom: 6px solid rgb(198.4, 198.4, 198.4);
}
.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;
}

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

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

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

.training_campus .tarjetas-video {
  min-height: 476px;
}
.training_campus .tarjeta-video.Vídeo a .duracion-tipo .tipo {
  background-color: rgba(150, 143, 74, 0.9);
}
.training_campus .tarjeta-video.Documento a .duracion-tipo .tipo {
  background-color: rgba(60, 179, 113, 0.9);
}
.training_campus .tarjeta-video.Libro .duracion-tipo .tipo {
  background-color: rgba(213, 213, 213, 0.9);
}
.training_campus .tarjeta-video.Curso a .duracion-tipo .tipo {
  background-color: rgba(224, 22, 32, 0.9);
}
.training_campus .tarjeta-video .apertura {
  position: relative;
  z-index: 5;
  display: inline-block;
  margin-bottom: 30px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}
@media screen and (max-width: 480px) {
  .training_campus .tarjeta-video .apertura {
    height: auto;
  }
}
.training_campus .tarjeta-video .apertura .duracion-tipo {
  position: relative;
}
.training_campus .tarjeta-video .apertura .duracion-tipo .fa-play-circle,
.training_campus .tarjeta-video .apertura .duracion-tipo .fa-plus-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: none;
  color: white;
  font-size: 75px;
  opacity: 0.9;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.training_campus .tarjeta-video .apertura .duracion-tipo .tipo {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 2;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: #999;
  color: white;
  font-size: 11px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.training_campus .tarjeta-video .apertura .duracion-tipo .tipo i {
  margin-right: 5px;
}
.training_campus .tarjeta-video .apertura .duracion-tipo .duracion {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 2;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: #000;
  color: white;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
}
.training_campus .tarjeta-video .apertura .duracion-tipo .tiempo {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 1;
  padding: 3px 8px;
  border-radius: 2px;
  background-color: rgba(51, 51, 51, 0.9);
  color: white;
  font-weight: bold;
  font-size: 12px;
}
.training_campus .tarjeta-video .apertura .duracion-tipo img {
  width: 100%;
  border-radius: 4px 4px 0 0;
}
.training_campus .tarjeta-video .apertura .datos {
  position: relative;
  z-index: 10;
  min-height: 190px;
  padding: 15px 20px;
}
.training_campus .tarjeta-video .apertura .datos .autor {
  color: #999;
  font-size: 12px;
}
.training_campus .tarjeta-video .apertura .datos .visualiza {
  position: absolute;
  bottom: 15px;
  left: 20px;
  color: #666;
  font-size: 12px;
}
.training_campus .tarjeta-video .apertura .datos .visualiza .far {
  margin-right: 5px;
}
.training_campus .tarjeta-video .apertura .datos .num_votos {
  margin-left: 5px;
  color: #333;
  font-size: 12px;
}
.training_campus .tarjeta-video .apertura .datos .reloj .fa-clock {
  margin-right: 8px;
}
.training_campus .tarjeta-video .apertura .datos h3 {
  margin-top: 0;
  margin-bottom: 5px;
  color: #333;
  font-weight: normal;
  font-size: 18px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.training_campus .tarjeta-video .apertura .datos p {
  margin-bottom: 20px;
  color: #333;
  font-size: 14px;
}
.training_campus .tarjeta-video .apertura .icon-tipo {
  position: absolute;
  right: 20px;
  bottom: 15px;
  font-size: 14px;
}
.training_campus .tarjeta-video .apertura:hover {
  background-color: #999;
  text-decoration: none;
}
.training_campus .tarjeta-video .apertura:hover .duracion .fa-play-circle,
.training_campus .tarjeta-video .apertura:hover .duracion .fa-plus-circle {
  display: block;
}
.training_campus .tarjeta-video .apertura:hover .duracion img {
  opacity: 0.5;
}
.training_campus .tarjeta-video .apertura:hover .datos h3,
.training_campus .tarjeta-video .apertura:hover .datos p,
.training_campus .tarjeta-video .apertura:hover .datos .visualiza {
  color: white;
}
.training_campus .tarjeta-video .apertura:hover .datos .autor {
  color: #d5d5d5;
}
.training_campus .tarjeta-video .apertura:hover .rating-body {
  width: 90%;
  color: white;
}

.adoc {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px;
  background-color: #f5f5f5;
}
.adoc label {
  display: block;
  width: 100%;
}

.video_sco {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: white;
}
.video_sco .fa-times {
  color: white;
  font-size: 20px;
}
.video_sco .embebido {
  position: relative;
  width: 100%;
  height: calc(100% - 64px);
}
.video_sco header {
  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;
  padding: 0 16px;
  background-color: black;
  color: white;
}
.video_sco header h1 {
  font-size: 20px;
}
.video_sco button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

.block-apartado {
  padding: 30px;
  background: #f5f5f5;
}
.block-apartado + .block-apartado {
  margin-top: 40px;
}
.block-apartado.color1 .card.curso {
  border-top: 3px solid yellow;
}
.block-apartado.color2 .card.curso {
  border-top: 3px solid mediumaquamarine;
}
.block-apartado.color3 .card.curso {
  border-top: 3px solid lightgreen;
}
.block-apartado.color4 .card.curso {
  border-top: 3px solid orange;
}
.block-apartado.color5 .card.curso {
  border-top: 3px solid lightcoral;
}
.block-apartado.color6 .card.curso {
  border-top: 3px solid #e01620;
}
.block-apartado.color7 .card.curso {
  border-top: 3px solid plum;
}
.block-apartado h1 {
  margin-bottom: 16px;
  font-size: 20px;
  text-transform: uppercase;
}
.block-apartado h2 {
  margin-bottom: 16px;
  color: #666;
  font-size: 16px;
  font-family: "EuclidCircularA-Regular", sans-serif;
}
.block-apartado hr {
  margin-top: 30px;
  border-top: 1px dotted #d5d5d5;
}

.ui-draggable-disabled,
.ui-resizable-disabled {
  z-index: 999;
  opacity: 0.5;
}

.multi-paginado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.multi-paginado .mostrar {
  margin-right: 30px;
}
.multi-paginado .mostrar .js-num-elements {
  display: inline-block;
  width: auto;
}
.multi-paginado .mostrar span {
  margin-right: 10px;
}

.cropper-view-box {
  outline: 2px solid #999 !important;
  outline-color: #999 !important;
}

.image_container {
  position: relative;
}
.image_container #loading_photo {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  background-color: white;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.comentarios {
  display: inline-block;
}
.comentarios .form-control.bg-warning {
  background-color: #fcf8e3;
}
.comentarios label {
  color: #333;
  font-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.bee {
  color: dodgerblue;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

[v-cloak] {
  display: none;
}

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

#mensaje_advertencia {
  font-size: 16px;
}

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

#online.btn-group,
#firmar.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#online.btn-group .btn,
#firmar.btn-group .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

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

#progress,
#messages,
#navigation_controls,
#pdf-viewer {
  display: none;
}

#progress p {
  display: block;
  width: 100%;
  margin: 2px 0;
  padding: 2px 5px;
  border: 1px inset #446;
  border-radius: 5px;
}
#progress p.success {
  background: mediumseagreen none 0 0 no-repeat;
}
#progress p.failed {
  background: #e01620 none 0 0 no-repeat;
}

#pdf-viewer {
  margin: auto;
  padding: 2px;
  border-color: mediumseagreen;
  background-color: gray;
}

#canvas_container {
  position: relative;
  top: 0px;
  left: 0px;
  display: none;
  text-align: center;
}

.sign_pos,
#sign_global {
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  min-width: 50px;
  height: 40px;
  min-height: 20px;
  border: 1px solid;
  border: 0;
  border-color: grey;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
.sign_pos .img-user,
#sign_global .img-user {
  width: 32px;
  height: 32px;
}
.sign_pos .img-user .letras,
#sign_global .img-user .letras {
  height: 32px;
  font-size: 12px;
}

#sign_global {
  background-color: #6fcf97;
}

body {
  background: #ecf0f1;
  font-size: 16px;
}
body.en .idiomas a[href$="/en"]:before, body.en .idiomas a[href$="/en/panel"]:before {
  content: "\f105";
  margin-right: 8px;
  color: #968F4A;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}
body.es .idiomas a[href$="/es"]:before, body.es .idiomas a[href$="/es/panel"]:before {
  content: "\f105";
  margin-right: 8px;
  color: #968F4A;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}
body.fr .idiomas a[href$="/fr"]:before, body.fr .idiomas a[href$="/fr/panel"]:before {
  content: "\f105";
  margin-right: 8px;
  color: #968F4A;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}

main.wrapper {
  min-height: calc(100vh - 293px);
  background-color: white;
}
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 {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 265px;
}

section.cursos {
  padding-bottom: 48px;
}
@media screen and (max-width: 1279px) {
  section.cursos.curso-thin .curso-thin-ext {
    height: 172px;
  }
}
@media screen and (max-width: 1023px) {
  section.cursos.curso-thin .curso-thin-mods > .row {
    margin-top: 0;
  }
  section.cursos.curso-thin .curso-thin-mods > .row:first-child > div {
    margin-bottom: 32px;
  }
  section.cursos.curso-thin .curso-thin-ext {
    height: auto;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  section.cursos.curso-thin .curso-thin-mods .card.alt {
    margin-bottom: 32px;
  }
  section.cursos.curso-thin .sidebar {
    margin-top: 0;
  }
}
section.cursos.curso-thin .filas .hgroup-course {
  margin-bottom: 17px;
}
section.cursos.curso-thin .filas .curso-thin-info {
  text-align: center;
}
section.cursos.curso-thin .filas .curso-thin-info h1 {
  margin: 32px 0 24px;
  color: #999;
  font-size: 34px;
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
}
section.cursos.curso-thin .sidebar {
  margin-top: 32px;
}
section.cursos.curso-thin .curso-thin-mods {
  margin-top: 32px;
}
section.cursos.curso-thin .curso-thin-mods > .row {
  margin-top: 32px;
}
section.cursos.curso-thin .curso-thin-mods > .row:first-child {
  margin-top: 0;
}
section.cursos.curso-thin .curso-thin-mods .card {
  background-color: #999;
}
section.cursos.curso-thin .curso-thin-mods .card.alt {
  background-color: #968F4A;
}
section.cursos.curso-thin .curso-thin-mods .card:hover {
  background-color: black;
}
section.cursos.curso-thin .curso-thin-ext {
  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: 210px;
  text-align: center;
}
section.cursos.curso-thin .curso-thin-ext p {
  margin-bottom: 0;
}

fieldset[disabled] .card {
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: not-allowed;
}
fieldset[disabled] .btn-eva {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
fieldset[disabled] a.card {
  pointer-events: none;
}
fieldset[disabled] a.btn-eva {
  background-color: black;
  pointer-events: none;
}

label.btn-default.active {
  border-color: rgb(208.6, 208.6, 208.6);
  background-color: #e5e5e5;
  color: white;
}
label.btn-default.active:hover {
  border-color: rgb(208.6, 208.6, 208.6);
  background-color: #e5e5e5;
  color: white;
}
label.btn-default:active, label.btn-default:focus {
  border-color: rgb(208.6, 208.6, 208.6);
  background-color: #e5e5e5;
  color: white;
}

.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: mediumseagreen;
}
.btn-fortaleza.btn-conforme.active, .btn-fortaleza.btn-conforme:active, .btn-fortaleza.btn-conforme:focus {
  border-color: mediumseagreen;
  background-color: mediumseagreen;
}
.btn-fortaleza.btn-conforme.active:hover, .btn-fortaleza.btn-conforme:active:hover, .btn-fortaleza.btn-conforme:focus:hover {
  border-color: mediumseagreen;
  background-color: mediumseagreen;
}

.no-access .panel-danger .panel-heading {
  background-color: black;
}

.poster {
  padding: 10px;
  font-size: 14px;
}
.poster .poster-data {
  color: #337ab7;
  font-weight: bold;
}

.gestionar-og {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.gestionar-og .form-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
}
.gestionar-og .btn-gold {
  margin-left: 20px;
}

.ui-datepicker {
  z-index: 9999 !important;
}

.disabled {
  color: #999;
  opacity: 0.65;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bsocial .descarga .card {
  border: 1px solid #eee;
  border-radius: 12px;
  background-color: #fff1f1;
}
.bsocial .descarga .card::after {
  background-image: none;
}
.bsocial .descarga .card:hover {
  background-color: white;
}
.bsocial .descarga .card .card-body .minimo {
  position: relative;
  min-height: 96px;
}
.bsocial .descarga .card .card-body .minimo .fas {
  margin-right: 8px;
}
.bsocial .descarga .card .card-body .minimo .boton {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 6px 10px;
  border-radius: 4px;
  background-color: #cd9f9d;
  color: white;
  font-size: 12px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  line-height: 1;
  text-transform: uppercase;
}
.bsocial .descarga .card .card-body .minimo .apoyo-v {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
}
.bsocial .descarga .card .card-body .minimo img {
  position: absolute;
  top: 0;
  left: 0;
}
.bsocial .descarga .card .card-body .minimo p {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  font-size: 14px;
  text-transform: uppercase;
}
.bsocial .banner .card {
  border-radius: 12px;
}
.bsocial .banner .card::after {
  background-image: none;
}
.bsocial .banner .card:hover .card-body {
  background-image: url(../img/bsocial/banner_h.jpg);
}
.bsocial .banner .card:hover .card-body p {
  background-color: black;
}
.bsocial .banner .card-body {
  padding: 0;
  background-image: url(../img/bsocial/banner.jpg);
  background-position: bottom;
  background-size: cover;
}
.bsocial .banner .card-body h3 {
  margin-left: 24px;
  color: lightgoldenrodyellow;
  font-weight: 600;
  font-size: 34px;
  text-transform: uppercase;
  text-shadow: 2px 2px black;
}
.bsocial .banner .card-body p {
  margin: 0;
  margin-right: 24px;
  padding: 4px 12px;
  border-radius: 4px;
  background-color: #924123;
  color: white;
}
.bsocial .modal .fas {
  margin-right: 8px;
}
.bsocial .modal a {
  display: block;
  color: #337ab7;
}
.bsocial h5 {
  margin-top: 36px;
  margin-bottom: 12px;
  font-size: 20px;
}

#calendar-loading {
  position: fixed;
  inset: 0;
  z-index: 2000;
}

.calendar-loading-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
}

.calendar-loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.fc .reserva-tipo-1 {
  background-color: #8a6d3b;
}
.fc .reserva-tipo-2 {
  background-color: #3cb371;
}
.fc .fc-bg-event {
  cursor: pointer;
  pointer-events: auto;
}
.fc .fc-daygrid-day-number {
  pointer-events: none;
}
.fc .dia-reservado {
  cursor: pointer;
}

.calendario-alvic .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
  padding: 1.2em;
}
.calendario-alvic .fc .fc-multimonth-header-table thead {
  background-color: #337ab7;
}
.calendario-alvic .fc .fc-multimonth-header-table thead th {
  border: 0;
}
.calendario-alvic .fc .fc-col-header-cell-cushion {
  padding: 8px 0px;
  color: white;
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.calendario-alvic .fc .fc-multimonth-compact {
  border: 0;
}

.data_table_css .btn.btn-danger {
  background-color: #e01620;
}
.data_table_css .btn.btn-danger:hover {
  background-color: #c9302c;
}

.dT-botones .agil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dT-botones a + a {
  margin-left: 8px;
}

.modal-coches.modal-coches-panel label {
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
}
.modal-coches.modal-coches-panel textarea {
  margin-top: 8px;
}
.modal-coches .table {
  margin-bottom: 0;
}
.modal-coches thead {
  background-color: #337ab7;
  color: white;
}
.modal-coches label {
  margin-bottom: 0;
}

.modal .modal-body .modal-coches.modal-coches-panel .row {
  margin-bottom: 20px;
}
.modal .modal-body .modal-coches.modal-coches-panel label {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.modal .modal-body .modal-coches label {
  margin-bottom: 0;
}
.modal .modal-body .modal-coche-wrapper + .modal-coche-wrapper {
  margin-top: 60px;
}

.sgd .v2 .bot-home h3 {
  padding-inline: 20px;
}
.sgd .v2 .bot-home h3 .bot-home-titulo {
  width: calc(100% - 40px);
}
.sgd .bot-home.disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.sgd .bot-home.disabled h3 {
  background-color: #999;
}
.sgd .bot-home.disabled h3 .bot-home-icon {
  color: #ccc;
}
.sgd .linea-user .datos .datos-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.sgd .linea-user .datos .datos-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4px;
  font-size: 14px;
}
.sgd .linea-user .puesto {
  display: inline;
  margin-top: 0;
}
.sgd .linea-user .dpto {
  margin-left: 8px;
  font-family: "EuclidCircularA-Semibold";
}
.sgd .linea-user .centro {
  color: #337ab7;
  font-family: "EuclidCircularA-Semibold";
}
.sgd .linea-user .centro::after,
.sgd .linea-user .antiguedad::after {
  content: "\f0da";
  margin-inline: 12px;
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
}
.sgd .objetivos .objetivo-ficha {
  border-radius: 0;
}
.sgd .objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-plus.btn-objetivo-plus-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sgd .objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-plus.btn-objetivo-plus-flex a + a {
  margin-left: 10px;
}
.sgd .objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus .checkbox label {
  font-size: 14px;
  text-transform: none;
}
.sgd .objetivos .objetivo-ficha .objetivo-body .btn-objetivo-group .btn-objetivo-minus + .btn-objetivo-minus {
  margin-top: 30px;
}
.sgd .archivos-n {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sgd .archivos-n .alert + .alert {
  margin-left: 10px;
}
.sgd .alert.alert-mini {
  display: inline-block;
  padding: 12px 16px;
  font-size: 13px;
  line-height: 1;
}
.sgd .alert.alert-mini.alert-dismissable, .sgd .alert.alert-mini.alert-dismissible {
  margin-bottom: 0;
  padding-right: 35px;
  line-height: 1.5;
}
.sgd .btn-gold {
  z-index: 1000;
}
.sgd .btn-gold.btn-gold-danger {
  background-color: #e01620;
}
.sgd .btn-gold.btn-gold-danger:hover, .sgd .btn-gold.btn-gold-danger:active, .sgd .btn-gold.btn-gold-danger:focus {
  background-color: #ffdad6;
  color: #e01620;
}
.sgd .btn-sin {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}
.sgd .tables-thin {
  padding-inline: 24px;
}
.sgd .tables-thin .table-bordered {
  border-top-color: #337ab7;
}
.sgd .tables-thin thead {
  background-color: #337ab7;
  color: white;
}
.sgd .tables-thin thead tr th {
  border-color: #337ab7;
  font-size: 14px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.sgd .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.031372549);
  background-clip: border-box;
  -webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
.sgd .card::after {
  display: none;
}
.sgd .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 20px 20px;
  -webkit-box-flex: 1;
}
.sgd .card-body:last-child {
  border-bottom-right-radius: 0.375rem;
}
.sgd .card-body.card-body-table {
  padding: 0;
}
.sgd .card-body.card-body-table .table th,
.sgd .card-body.card-body-table .table td {
  padding-inline: 20px;
}
.sgd .card-body .form-control {
  font-size: 16px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.sgd .card-body .table {
  margin-bottom: 0;
  border-top-color: #06619c;
  background-color: white;
}
.sgd .card-body .table thead {
  background-color: #06619c;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
}
.sgd .card-body .table thead th {
  border-color: #06619c;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.sgd .card-body label {
  color: #555;
  font-size: 14px;
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
}
.sgd .card-title {
  font-weight: 600;
  font-size: 19.2px;
}
.sgd .card-text:last-child {
  margin-bottom: 0;
}
.sgd .card-header {
  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;
  margin-bottom: 0;
  padding: 16px 20px;
  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  background-color: #337ab7;
}
.sgd .card-header:first-child {
  border-radius: 6px 6px 0 0;
}
.sgd .card-header.especial {
  background-color: #003256;
}
.sgd .card-header .card-nivel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding-inline: 8px;
  border-radius: 8px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  line-height: 1;
}
.sgd .card-header .card-nivel.danger {
  border: 1px solid #f1aeb5;
  background-color: #f8d7da;
  color: #58151c;
}
.sgd .card-header .card-nivel.success {
  border: 1px solid #a3cfbb;
  background-color: #d1e7dd;
  color: #0a3622;
}
.sgd .card-header .card-nivel.warning {
  border: 1px solid #ffe69c;
  background-color: #fff3cd;
  color: #664d03;
}
.sgd .card-header .card-nivel.info {
  border: 1px solid #9eeaf9;
  background-color: #cff4fc;
  color: #055160;
}
.sgd .card-header h5 {
  margin: 0;
  color: white;
  font-size: 20px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.sgd .card-footer {
  padding: 16px 20px;
  border-top: 0px solid rgba(0, 0, 0, 0.125);
  background-color: transparent;
}
.sgd .card-footer:last-child {
  border-radius: 0 0 6px 6px;
}
.sgd .ficha-img .ficha-img-foto img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 96px;
  height: 96px;
  margin-right: 30px;
  border-radius: 100%;
}
.sgd .ficha-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sgd .ficha-info .ficha-nombre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sgd .ficha-info .ficha-nombre .ficha-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  margin-left: 30px;
  padding-inline: 8px;
  border-radius: 12px;
  background-color: #cff3e3;
  color: #087e4a;
  font-size: 14px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  line-height: 1;
}
.sgd .ficha-info .ficha-nombre h4 {
  margin: 0;
  color: #337ab7;
  font-size: 24px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.sgd .ficha-info .ficha-botones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sgd .ficha-info .ficha-botones button + button {
  margin-left: 10px;
}
.sgd .ficha-info button {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0px !important;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-color: #27bcfd;
  border-radius: 3.2px;
  background-color: #27bcfd;
  color: #fff;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  font-weight: 500 !important;
  font-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  line-height: 1;
  letter-spacing: 0.28px;
  text-align: center;
  overflow-wrap: break-word;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
}
.sgd .ficha-info button.cv {
  border-color: white;
  background-color: white;
  color: #4d5969;
  -webkit-box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}
.sgd .ficha-info button.cv:hover {
  border-color: white;
  background-color: white;
  color: #404a57;
  -webkit-box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.1), 0 3px 9px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.1), 0 3px 9px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}
.sgd .ficha-info button:hover {
  border-color: #1f96ca;
  background-color: #21a0d7;
}
.sgd .ficha-info button i {
  margin-right: 10px;
}
.sgd .ficha-lm {
  padding: 12px 16px;
  border-radius: 4px;
  background-color: #eaf0ff;
  text-align: center;
}
.sgd .ficha-lm label {
  color: #337ab7;
  font-size: 14px;
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
}
.sgd .ficha-lm p {
  margin: 0;
}
.sgd .valorar select {
  background-color: #d9edf7;
  color: #31708f;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.sgd .p-0 {
  padding: 0 !important;
}
.sgd .position-relative {
  position: relative;
}
.sgd .position-absolute {
  position: absolute;
}
.sgd .end-0 {
  right: 0;
}
.sgd .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sgd .justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sgd .justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.sgd .align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sgd .d-block {
  display: block !important;
}
.sgd .panel-group {
  margin-bottom: 0;
}
.sgd .panel-group .panel {
  overflow: hidden;
  border: 0;
  border-radius: 6px;
}
.sgd .panel-group .panel.panel-default > .panel-heading {
  padding: 15px;
  background-color: #337ab7;
  color: white;
}
.sgd .panel-group .panel.panel-default > .panel-heading .panel-title {
  font-size: 20px;
}
.sgd .panel-group .panel.panel-default > .panel-heading .panel-title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sgd .panel-group .panel.panel-default > .panel-heading .panel-title a:hover, .sgd .panel-group .panel.panel-default > .panel-heading .panel-title a:focus, .sgd .panel-group .panel.panel-default > .panel-heading .panel-title a:active {
  color: white;
}
.sgd .panel-group .panel.panel-default .panel-collapse .panel-body {
  padding: 0;
}
.sgd .panel-group .panel.panel-default .panel-collapse .panel-body .table {
  border-top-color: #003256;
  background-color: white;
}
.sgd .panel-group .panel.panel-default .panel-collapse .panel-body .table .basura {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  padding-inline: 8px;
  border: 0;
  border-radius: 4px;
  background-color: #e01620;
  color: white;
}
.sgd .panel-group .panel.panel-default .panel-collapse .panel-body .table thead {
  background-color: #003256;
  color: white;
}
.sgd .panel-group .panel.panel-default .panel-collapse .panel-body .table thead th {
  vertical-align: middle;
  border-color: #003256;
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.sgd .panel-group .panel.panel-default .panel-collapse .panel-body .table tbody td {
  vertical-align: middle;
  font-size: 14px;
}
.sgd .panel-group .panel.panel-default .panel-collapse .panel-body .table a {
  color: #006c40;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.sgd .panel-group .panel.panel-default .panel-collapse .panel-body .table a:hover {
  color: #00391f;
}
.sgd .panel-group .panel.panel-default .panel-collapse .panel-body .table a .fas {
  margin-right: 8px;
}
.sgd .checkbox {
  margin-bottom: 0;
  color: #666;
  font-size: 14px;
}
.sgd .checkbox label {
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
}
.sgd .checkbox button {
  margin-left: 10px;
}
.sgd .anotaciones {
  background-color: #337ab7;
}
.sgd .anotaciones:hover {
  background-color: #06619c;
}
.sgd .ninebox .esquina {
  border-bottom-color: white;
  border-left-color: white;
}
.sgd .ninebox .titulo-izq {
  width: 0px;
  font-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-align: center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.sgd .ninebox .titulo-aba {
  vertical-align: middle !important;
  font-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-align: center;
}
.sgd .ninebox .potal {
  vertical-align: middle !important;
  padding-block: 30px;
  background-color: #eaf0ff;
  color: #337ab7;
  font-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
}
.sgd .ninebox .rate {
  vertical-align: middle !important;
  padding-block: 30px;
  text-align: center;
}
.sgd .ninebox .rate.rate1 {
  background-color: #fad7dd;
}
.sgd .ninebox .rate.rate1 .rate-num {
  background-color: #9a4457;
}
.sgd .ninebox .rate.rate1 .rate-texto {
  color: #9a4457;
}
.sgd .ninebox .rate.rate2 {
  background-color: #fcdfdb;
}
.sgd .ninebox .rate.rate2 .rate-num {
  background-color: #9f5b50;
}
.sgd .ninebox .rate.rate2 .rate-texto {
  color: #9f5b50;
}
.sgd .ninebox .rate.rate3 {
  background-color: #fde6d8;
}
.sgd .ninebox .rate.rate3 .rate-num {
  background-color: #a66a4a;
}
.sgd .ninebox .rate.rate3 .rate-texto {
  color: #a66a4a;
}
.sgd .ninebox .rate.rate4 {
  background-color: #e5eede;
}
.sgd .ninebox .rate.rate4 .rate-num {
  background-color: #4f7a63;
}
.sgd .ninebox .rate.rate4 .rate-texto {
  color: #4f7a63;
}
.sgd .ninebox .rate.rate5 {
  background-color: #ccf6e4;
}
.sgd .ninebox .rate.rate5 .rate-num {
  background-color: #2e7a5d;
}
.sgd .ninebox .rate.rate5 .rate-texto {
  color: #2e7a5d;
}
.sgd .ninebox .rate .rate-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  color: white;
  font-size: 20px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.sgd .ninebox .rate .rate-texto {
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.sgd .ninebox .rate .rate-num + .rate-texto {
  margin-top: 10px;
}
.sgd .ninebox .rate button {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 12px;
  border: 1px solid #27bcfd;
  border-radius: 4px;
  background-color: #27bcfd;
  color: white;
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset;
          box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  word-wrap: break-word;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sgd .ninebox .rate .rate-num + .rate-texto + button {
  margin-top: 10px;
}
.sgd .tab-pane-info h2 strong {
  color: #337ab7;
}

body.login {
  background: #fff url(../img/bg-login.jpg) no-repeat top center;
  background-size: cover;
  min-height: 100vh;
}
body.login .panel-heading {
  padding-bottom: 0px;
}
body.login .btn-link {
  font-size: 13px;
  text-transform: none;
}
body.login .header {
  margin-bottom: 72px;
  border: none;
  background: white;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 767px) {
  body.login .header {
    margin-bottom: 50px;
  }
}
body.login .header .navbar-brand {
  width: auto;
  padding: 30px 0;
}
body.login .header .navbar-brand img {
  height: 60px;
}
body.login .header .botones .navbar-nav > li .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 0;
  text-align: initial;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
}
body.login .header-flex {
  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: 100px;
}
body.login .logo {
  width: 157px;
}
body.login .logo.porta {
  width: 218px;
}
body.login .login-flex .btn-submit {
  min-width: 100%;
  font-size: 16px;
}
body.login .login-flex .welcome {
  text-align: center;
}
body.login .login-flex .titulo-login {
  margin: 15px 0 0 0;
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #999;
}
body.login .login-flex .titulo-login img {
  margin: 24px 0 0 0;
}
body.login .login-flex .titulo-login strong {
  display: block;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-size: 34px;
  color: #333;
}
body.login .marca {
  font-size: 10px;
  text-transform: uppercase;
  color: white;
}
body.login .tagline {
  background-color: rgba(255, 255, 255, 0.66);
  color: #e5e5e5;
  padding: 15px 45px 10px 45px;
  border-radius: 4px;
  font-style: italic;
  font-size: 18px;
  text-align: center;
  margin: 4em 0;
}
body.login .botones .navbar-nav > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "EuclidCircularA-Semibold";
  font-size: 11px;
  text-transform: uppercase;
  line-height: 1;
}
body.login .botones .navbar-nav > li > a:hover, body.login .botones .navbar-nav > li > a:focus {
  background-color: transparent;
  color: black;
}
body.login .botones .navbar-nav > li > a .fas {
  font-size: 14px;
}
body.login .botones .navbar-nav > li > a .fas.izq {
  margin-right: 8px;
}
body.login .botones .navbar-nav > li > a .fas.der {
  margin-left: 4px;
}
body.login .botones .navbar-nav > li .dropdown-menu {
  -webkit-transform: none;
          transform: none;
}
body.login .panel-login .btn {
  width: 100%;
}
body.login .panel-login .btn.btn-secondary {
  text-align: left;
  background-image: url("../img/35deg.svg");
  background-repeat: no-repeat;
  background-position: 240px;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  body.login .panel-login .btn.btn-secondary {
    background-position: 332px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body.login .panel-login .btn.btn-secondary {
    background-position: 220px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body.login .panel-login .btn.btn-secondary {
    background-position: 220px;
  }
}
@media (max-width: 767px) {
  body.login .panel-login .btn.btn-secondary {
    background-position: 190px;
  }
}
body.login .panel-login .btn.btn-thin {
  width: auto;
  background-image: none;
}
body.login .panel-login .rotulo {
  margin-bottom: 10px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-weight: initial;
}
body.login .alert-warning .recuperar {
  color: #8a6d3b;
}
body.login .alert-warning .recuperar strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
body.login .alert-warning .recuperar:hover {
  color: black;
}
body.login .recuperar {
  display: block;
  font-size: 14px;
}

.panel-login {
  border: 0;
  border-radius: 0;
  color: #666;
  text-align: center;
  background-color: #f6f6f6;
  -webkit-box-shadow: 0px 6px 12px -5px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 6px 12px -5px rgba(0, 0, 0, 0.3);
}
.panel-login .panel-heading {
  border: 0;
  background-color: #f6f6f6;
}
.panel-login .panel-heading,
.panel-login .panel-body,
.panel-login .panel-footer {
  padding: 24px 36px;
}
.panel-login .form-control {
  padding: 12px 24px;
  font-size: 16px;
  line-height: 1.42857143;
  height: 48px;
}
.panel-login .alert {
  padding: 10px;
  font-size: 80%;
  margin: 15px 0;
}

.navbar-nav .open .dropdown-menu {
  display: table;
}

.navbar-login .inter-small strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    border: 0;
    background-color: white;
    -webkit-transform: none;
            transform: none;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
  }
  .navbar-inverse .navbar-toggle {
    border-color: white;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #999;
  }
}
/*password expire error area*/
.password-expire-error-msg {
  padding: 10px;
  margin-top: 20px;
  background-color: black;
  border-radius: 2px;
}
.password-expire-error-msg p {
  color: #f3f3f3;
  margin: 0;
}
.password-expire-error-msg p strong {
  text-transform: uppercase;
}

.form-group.top {
  margin-top: 40px;
}

.two-factor {
  display: inline-block;
  margin-top: 12px;
  padding: 8px 12px;
  border-radius: 4px;
  background-color: #d7f0f0;
  color: #20858f !important;
}

.agrupacion-campos {
  padding: 2em;
  margin-left: -15px;
  margin-right: -15px;
  background: #f5f5f5;
}
.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: #1d1b16;
}
.agrupacion-campos .container p {
  color: #292728;
  font-size: 1em;
  margin-top: -1.2em;
  margin-bottom: 1.5em;
  color: #555;
}

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

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

.acciones a {
  margin: 0 0.2em;
}

.important-input {
  background: #e5e5e5;
  border-color: black;
  font-weight: bold;
}

.dashboard.pgd .b-head-data {
  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: 66px;
  padding-inline: 20px;
  border-radius: 12px;
  background-color: #003256;
  color: white;
}
.dashboard.pgd .b-head-data h3,
.dashboard.pgd .b-head-data h4 {
  margin: 0;
}
.dashboard.pgd .b-head-data h3 {
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
}
.dashboard.pgd .b-head-data h3 strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.dashboard.pgd .b-head-data h4 {
  color: #9ecafc;
}
.dashboard.pgd .b-card {
  border-radius: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
}
.dashboard.pgd .b-card.b-white .b-card-header,
.dashboard.pgd .b-card.b-white .b-card-body {
  background-color: #f3f3f3;
}
.dashboard.pgd .b-card-header {
  padding: 15px 28px 13px;
  border-bottom: none;
  background-color: #9ecafc;
}
.dashboard.pgd .b-card-header.no-color {
  padding-bottom: 0;
  background-color: #d0e4ff;
}
.dashboard.pgd .b-card-header.no-color h4,
.dashboard.pgd .b-card-header.no-color h5 {
  margin-bottom: 0;
}
.dashboard.pgd .b-card-header.no-color h4 {
  color: #337ab7;
}
.dashboard.pgd .b-card-header.no-color h5 {
  color: #666;
}
.dashboard.pgd .b-card-header .b-card-header-big {
  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;
}
.dashboard.pgd .b-card-header .b-card-header-big .drops {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard.pgd .b-card-header .b-card-header-big .drops .form-control {
  height: 32px;
}
.dashboard.pgd .b-card-header .b-card-header-big .drops button {
  height: 32px;
  padding-inline: 12px;
  font-size: 12px;
}
.dashboard.pgd .b-card-header .b-card-header-big .drops * + * {
  margin-left: 8px;
}
.dashboard.pgd .b-card-header .b-card-header-big .dropdown .dropdown-menu {
  right: 0;
  left: auto;
}
.dashboard.pgd .b-card-header .b-card-header-big .dropdown button {
  height: 32px;
  margin-top: 4px;
  margin-left: 4px;
  padding-inline: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  background-color: white;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
}
.dashboard.pgd .b-card-header h4 {
  margin: 0;
  color: #144974;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.dashboard.pgd .b-card-header h5 {
  margin-top: 0;
  margin-bottom: 8px;
  color: #337ab7;
  font-size: 12px;
  text-transform: uppercase;
}
.dashboard.pgd .b-card-body {
  padding: 28px;
  background-color: #d0e4ff;
}
.dashboard.pgd .b-card-body.thin {
  padding: 1.5rem;
}
.dashboard.pgd .b-card-body.single .b-card-data {
  font-size: 34px;
  line-height: 34px;
}
.dashboard.pgd .b-card-body .b-card-body-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .dashboard.pgd .b-card-body .b-card-body-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.dashboard.pgd .b-card-body .b-card-body-flex.b-card-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dashboard.pgd .b-card-body .b-card-body-flex.b-card-flex-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard.pgd .b-card-body .b-card-body-flex.b-card-flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard.pgd .b-card-body .b-card-body-flex.b-card-flex-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.dashboard.pgd .b-card-body .b-card-body-flex .b-card-flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dashboard.pgd .b-card-body .b-card-body-flex .b-card-bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  min-width: 120px;
  height: 24px;
  margin-bottom: 0;
  background-color: white;
}
.dashboard.pgd .b-card-body .b-card-body-flex .b-card-bar.success span {
  border-left: none;
  background-color: mediumseagreen;
}
.dashboard.pgd .b-card-body .b-card-body-flex .b-card-bar.danger span {
  border-left: none;
  background-color: #e01620;
}
.dashboard.pgd .b-card-body .b-card-body-flex .b-card-bar.purpura span {
  border-left: none;
  background-color: #695779;
}
.dashboard.pgd .b-card-body .b-card-body-flex .b-card-bar.verje span {
  border-left: none;
  background-color: #198754;
}
.dashboard.pgd .b-card-body .b-card-body-flex .b-card-bar.amarillo span {
  border-left: none;
  background-color: #b8860b;
}
.dashboard.pgd .b-card-body .b-card-body-flex .b-card-bar span {
  height: 24px;
  border-left: none;
  background-color: #144974;
}
.dashboard.pgd .b-card-body .b-card-body-flex .b-card-columna {
  margin-left: 28px;
}
.dashboard.pgd .b-card-body .b-card-data {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  font-weight: 400;
  font-size: 44px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  line-height: 44px;
}
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n2 {
  font-size: 24px;
}
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n2 .b-card-i-txt {
  margin-right: 8px;
  font-size: 16px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n2 .fas {
  margin-right: 8px;
}
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n2 .fa-history,
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n2 .fa-hourglass-end {
  font-size: 16px;
}
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n3 {
  font-size: 20px;
}
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n3 .b-card-i-txt {
  margin-right: 8px;
  font-size: 14px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n3 .b-card-porc {
  font-size: 14px;
}
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n3 .fas {
  margin-right: 8px;
}
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n3 .fa-history,
.dashboard.pgd .b-card-body .b-card-data.b-card-data-n3 .fa-hourglass-end {
  font-size: 14px;
}
.dashboard.pgd .b-card-body .b-card-data.izq {
  width: auto;
  text-align: left;
}
.dashboard.pgd .b-card-body .b-card-data.der {
  width: auto;
}
.dashboard.pgd .b-card-body .b-card-data.centro {
  width: 100%;
  text-align: center;
}
.dashboard.pgd .b-card-body .porcentaje {
  margin-left: 4px;
  font-size: 67%;
}
.dashboard.pgd .b-card-body .porcentaje + .b-card-porc {
  margin-left: 8px;
}
.dashboard.pgd .b-card-body .b-card-super h6 {
  margin-bottom: 0;
}
.dashboard.pgd .b-card-body .b-card-super div {
  color: #003256;
  font-size: 34px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.dashboard.pgd .b-card-body .b-card-porc {
  font-size: 16px;
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
}
.dashboard.pgd .b-card-body .dep-card-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dashboard.pgd .b-card-body .dep-card-flex.danger .dep-card-value {
  background-color: #d0e4ff;
}
.dashboard.pgd .b-card-body .dep-card-flex.danger .dep-card-value::after {
  background-color: #d0e4ff;
}
.dashboard.pgd .b-card-body .dep-card {
  width: 109.7px;
  margin-right: 8px;
  margin-bottom: 10px;
}
.dashboard.pgd .b-card-body .dep-card.big {
  width: 172.65px;
}
.dashboard.pgd .b-card-body .dep-card.big-o {
  width: 208.8px;
  height: auto;
}
.dashboard.pgd .b-card-body .dep-card.bigger {
  width: 353.33px;
  height: auto;
}
.dashboard.pgd .b-card-body .dep-card .b-card-data-n2,
.dashboard.pgd .b-card-body .dep-card .b-card-data-n3 {
  margin-top: -1px;
}
@media (max-width: 767px) {
  .dashboard.pgd .b-card-body .dep-card {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .dashboard.pgd .b-card-body .dep-card.big, .dashboard.pgd .b-card-body .dep-card.big-o, .dashboard.pgd .b-card-body .dep-card.bigger {
    width: 100%;
  }
}
.dashboard.pgd .b-card-body .dep-card-value {
  background-color: #b3ebff;
}
.dashboard.pgd .b-card-body .dep-card-value::after {
  background-color: #b3ebff;
}
.dashboard.pgd .b-card-body .dep-card-value span {
  font-size: 20px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.dashboard.pgd .b-card-body .dep-card-title span {
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  line-height: 1.21;
  text-transform: uppercase;
}
.dashboard.pgd .b-card-body .table-data thead > tr > th {
  padding: 8px;
}
.dashboard.pgd .b-card-body .table-data tbody > tr > td {
  vertical-align: middle;
  padding-top: 8px;
}
.dashboard.pgd .b-card-body .table-data tbody > tr > td:first-child {
  padding-top: 8px;
  background-color: #f5f5f5;
  font-weight: normal;
  font-family: "EuclidCircularA-Medium", sans-serif;
  text-transform: none;
}
.dashboard.pgd .b-card-body .info-tt {
  margin-left: 4px;
  color: #337ab7;
  cursor: pointer;
}
.dashboard.pgd .b-card-body .fas.big {
  font-size: 34px;
}
.dashboard.pgd .b-card-body .fa-male.big,
.dashboard.pgd .b-card-body .fa-wheelchair.big {
  color: #337ab7;
}
.dashboard.pgd .b-card-body .fa-male.big + h6,
.dashboard.pgd .b-card-body .fa-wheelchair.big + h6 {
  color: #337ab7;
}
.dashboard.pgd .b-card-body .fa-history.big {
  color: #198754;
}
.dashboard.pgd .b-card-body .fa-history.big + h6 {
  color: #198754;
}
.dashboard.pgd .b-card-body .fa-female.big {
  color: #e01620;
}
.dashboard.pgd .b-card-body .fa-female.big + h6 {
  color: #e01620;
}
.dashboard.pgd .b-card-body .fa-hourglass-end.big {
  color: #b8860b;
}
.dashboard.pgd .b-card-body .fa-hourglass-end.big + h6 {
  color: #b8860b;
}
.dashboard.pgd .b-card-body .azul,
.dashboard.pgd .b-card-body .rojo,
.dashboard.pgd .b-card-body .purpura,
.dashboard.pgd .b-card-body .verje,
.dashboard.pgd .b-card-body .noprl,
.dashboard.pgd .b-card-body .prl,
.dashboard.pgd .b-card-body .mix-1 {
  background-color: transparent;
}
.dashboard.pgd .b-card-body .azul {
  color: #337ab7;
}
.dashboard.pgd .b-card-body .azul h6 {
  color: #337ab7;
}
.dashboard.pgd .b-card-body .rojo {
  color: #e01620;
}
.dashboard.pgd .b-card-body .rojo h6 {
  color: #e01620;
}
.dashboard.pgd .b-card-body .purpura {
  color: #834c75;
}
.dashboard.pgd .b-card-body .purpura h6 {
  color: #834c75;
}
.dashboard.pgd .b-card-body .verje {
  color: #198754;
}
.dashboard.pgd .b-card-body .verje h6 {
  color: #198754;
}
.dashboard.pgd .b-card-body .amarillo {
  color: #b8860b;
}
.dashboard.pgd .b-card-body .amarillo h6 {
  color: #b8860b;
}
.dashboard.pgd .b-card-body .naranja {
  color: #d2691e;
}
.dashboard.pgd .b-card-body .naranja h6 {
  color: #d2691e;
}
.dashboard.pgd .b-card-body .mix-1 {
  color: #77562f;
}
.dashboard.pgd .b-card-body .mix-1 h6 {
  color: #77562f;
}
.dashboard.pgd .b-card-body .canvas-1 {
  width: 100px;
}
.dashboard.pgd .b-card-body .canvas-2 {
  width: 60px;
}
.dashboard.pgd .b-card-body h5 {
  margin: 0 0 20px;
  color: #003256;
  font-size: 16px;
}
.dashboard.pgd .b-card-body h6 {
  margin-top: 0;
  margin-bottom: 0;
  color: #144974;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.dashboard.pgd .b-card-body h6.izq {
  text-align: left;
}
.dashboard.pgd .b-card-body h6.tall {
  font-size: 16px;
}
.dashboard.pgd .b-card-body table {
  margin: 0;
}
.dashboard.pgd .b-card-body table thead {
  height: 48px;
  background-color: #337ab7;
  color: white;
}
.dashboard.pgd .b-card-body hr {
  margin: 12px 0 0;
  border-top: 2px dotted #337ab7;
}
.dashboard.pgd .panel {
  min-height: auto;
  margin-bottom: 0;
  padding: 32px;
  border: 0;
  border-radius: 12px;
  background-color: #337ab7;
  color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
}
.dashboard.pgd .panel.v0 {
  background-color: #003256;
}
.dashboard.pgd .panel.v0 .panel-carets span {
  color: #d0e4ff;
}
.dashboard.pgd .panel.v0 h5 {
  color: #d0e4ff;
}
.dashboard.pgd .panel.v2 {
  background-color: #526070;
}
.dashboard.pgd .panel.v2 .panel-carets span {
  color: #d6e4f7;
}
.dashboard.pgd .panel.v2 h5 {
  color: #d6e4f7;
}
.dashboard.pgd .panel.v3 {
  background-color: #695779;
}
.dashboard.pgd .panel.v3 .panel-carets span {
  color: #d5bee5;
}
.dashboard.pgd .panel.v3 h5 {
  color: #d5bee5;
}
.dashboard.pgd .panel .panel-carets span {
  color: #9ecafc;
  font-size: 20px;
  line-height: 40px;
}
.dashboard.pgd .panel h2 {
  margin: 0;
  color: white;
  font-weight: normal;
  font-size: 44px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.dashboard.pgd .panel h4 {
  font-size: 20px;
}
.dashboard.pgd .panel h5 {
  color: #9ecafc;
}
.dashboard .btn-tip {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 30px;
  height: 30px;
  padding: 0;
  background: transparent;
  color: #738395;
}
.dashboard .btn-tip i {
  font-size: 1.3em;
}
.dashboard .btn-tip:hover {
  color: #738395;
}
.dashboard .panel {
  position: relative;
  min-height: 132px;
  padding: 35px 15px 25px;
  border-bottom: 10px solid gainsboro;
  background-color: #ececec;
  color: #333;
  -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05);
  text-align: center;
}
.dashboard .panel.bg-positivo {
  border-bottom: 10px solid rgb(2, 116, 2);
  background-color: #008c00;
  color: white;
}
.dashboard .panel.bg-positivo h2 {
  color: white;
}
.dashboard .panel.bg-positivo .btn-tip {
  color: white;
}
.dashboard .panel-carets {
  display: inline-block;
}
.dashboard .panel h2 {
  margin: 0;
  color: #738395;
  font-weight: bold;
  font-size: 36px;
}
.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;
  color: #444;
  font-size: 18px;
  line-height: 36px;
}
.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;
  line-height: 1.2;
  text-transform: uppercase;
}
.dashboard .caja-grande {
  position: relative;
  padding: 30px;
  border: 9px solid rgb(244.3, 244.3, 244.3);
  border-radius: 12px;
  background-color: #e5e5e5;
  color: #cbd4dd;
  text-align: center;
}
.dashboard .caja-grande .spot {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 20px;
  height: 6px;
  border-radius: 6px;
  background-color: #999;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.dashboard .caja-grande .numero {
  margin-bottom: 12px;
  border-bottom: 1px dotted rgb(198.4, 198.4, 198.4);
  color: white;
  font-weight: bold;
  font-size: 66px;
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.33);
}
.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: 6px;
  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);
  font-weight: bold;
  font-size: 21px;
}
.dashboard .caja-genero.hombres h3 {
  color: #e5e5e5;
}
.dashboard .caja-genero.hombres .fa {
  color: #e5e5e5;
}
.dashboard .caja-genero.hombres .numero {
  background-color: rgb(198.4, 198.4, 198.4);
}
.dashboard .caja-genero.mujeres h3 {
  color: #999;
}
.dashboard .caja-genero.mujeres .fa {
  color: #999;
}
.dashboard .caja-genero.mujeres .numero {
  background-color: rgb(137.7, 137.7, 137.7);
}
.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;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.dashboard .caja-chart .triangulo.hombre {
  border-right: 10px solid #e5e5e5;
}
.dashboard .caja-chart .triangulo.mujer {
  border-right: 10px solid #999;
}
.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 rgb(56.6825, 53.9175, 55.3);
  border-radius: 100%;
  background-color: #292728;
  color: white;
  font-size: 30px;
}
.dashboard .caja-dropdown.hombre .numero {
  border: 6px solid rgb(244.3, 244.3, 244.3);
  background-color: #e5e5e5;
}
.dashboard .caja-dropdown.mujer .numero {
  border: 6px solid rgb(168.3, 168.3, 168.3);
  background-color: #999;
}
.dashboard .caja-dropdown h4 {
  margin: 0;
}
.dashboard .caja-dropdown p {
  margin-bottom: 0;
}
.dashboard .caja-dropdown p small {
  font-size: 10px;
  text-transform: uppercase;
}
.dashboard .table.table-nine-box td {
  border: 1px solid #ddd;
}

.graficas .panel-card .panel-heading .panel-title {
  margin-top: 5px;
  color: #3d3935;
  font-size: 18px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

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

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

.opciones option {
  padding: 2px;
}

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

.detalle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding-inline: 8px;
  border: 0;
  border-radius: 16px;
  background-color: #198754;
  color: white;
  font-size: 10px;
  font-family: "EuclidCircularA-Medium";
  line-height: 1;
  text-transform: uppercase;
}
.detalle:hover {
  background-color: #C3FF93;
  color: #198754;
}
.detalle .fas {
  margin-right: 8px;
}

.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 .three:last-child {
  margin-bottom: 0;
}
.expediente .buttons .btn-primary {
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .expediente .buttons .btn-primary {
    padding: 0 16px;
  }
  .expediente .buttons .btn-primary::after {
    content: none;
  }
  .expediente .buttons .btn-primary .accesos {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 0%;
  }
  .expediente .buttons .btn-primary .accesos span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .expediente .buttons .btn-primary {
    padding: 0 16px;
  }
  .expediente .buttons .btn-primary span {
    display: block;
  }
}
.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 screen and (min-width: 768px) {
  .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 {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 20px;
  color: white;
}
.expediente .block h3 i {
  width: 20px;
  margin-right: 8px;
  text-align: center;
}
.expediente .block.dark {
  background-color: black;
  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 #d5d5d5;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #999;
}
.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 .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%;
  padding: 0;
  font-size: 14px;
  background-color: #999;
  color: white;
}
.expediente .btn-img:hover {
  background-color: black;
}
.expediente .btn-img::after {
  display: none;
}
.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 .flexi {
    margin-bottom: 0;
  }
}
.expediente .perfil .enunciado {
  color: #999;
}
.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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 0;
  background-color: #f7f7f7;
}
.expediente .perfil .seed-1 .datos h3 {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 24px;
  color: #333;
}
.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: #999;
}
.expediente .perfil .seed-1 .text-center.m10 small {
  display: block;
}
.expediente .perfil .seed-1 .text-danger:hover {
  text-decoration: underline;
  color: #e01620;
}
.expediente .perfil .seed-1 label.hand {
  margin: 0;
  font-weight: normal;
  color: #999;
}
.expediente .perfil .seed-1 label.hand:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .expediente .perfil .seed-1 {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
}
@media screen and (max-width: 767px) {
  .expediente .perfil .seed-1 .datos {
    text-align: center;
  }
}
.expediente .perfil .seed-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px dashed #d5d5d5;
  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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: #999;
}
@media screen and (max-width: 767px) {
  .expediente .perfil .seed-2 .titulo {
    width: auto;
    margin: 0 16px 8px 0;
  }
}
.expediente .perfil .seed-2 .datos {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 4px;
}
.expediente .perfil .seed-2 .datos:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .expediente .perfil .seed-2 .datos {
    width: 100%;
  }
}
.expediente .perfil .seed-2 .datos .movil {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 24px;
}
.expediente .perfil .seed-2 .datos .movil span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
  color: #999;
}
.expediente .perfil .seed-2 .datos .oficina {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.expediente .perfil .seed-2 .datos .oficina span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
  font-size: 14px;
  color: #999;
}
.expediente .perfil .seed-2 .datos .correo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 14px;
}
.expediente .perfil .seed-2 .datos .correo a {
  color: #999;
}
.expediente .perfil .seed-2 .datos .correo a:hover {
  color: black;
}
.expediente .perfil .seed-2 .datos .correo span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
}
.expediente .perfil .seed-2 .datos .edad,
.expediente .perfil .seed-2 .datos .formaciog {
  margin-right: 24px;
}
.expediente .perfil .seed-2 .datos .edad span,
.expediente .perfil .seed-2 .datos .formaciog span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
  color: #999;
}
.expediente .perfil .seed-2 .datos .general {
  margin-right: 24px;
}
.expediente .perfil .seed-2 .datos .general:last-child {
  margin-right: 0;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .expediente .perfil .seed-2 .datos {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.expediente .perfil .seed-2:last-child {
  border-bottom: 0;
}
.expediente .perfil .seed-3 {
  border-bottom: 1px dashed #d5d5d5;
  padding: 24px 0;
  background-color: white;
}
.expediente .perfil .seed-3 .datos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 4px;
}
.expediente .perfil .seed-3 .datos:last-child {
  margin-bottom: 0;
}
.expediente .perfil .seed-3 .datos h4 {
  font-size: 14px;
  text-transform: uppercase;
  color: #999;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  margin: 0;
  width: 96px;
  text-align: center;
  margin: 0 32px;
}
.expediente .perfil .seed-3 .datos .edad,
.expediente .perfil .seed-3 .datos .formaciog {
  margin-right: 24px;
}
.expediente .perfil .seed-3 .datos .edad span,
.expediente .perfil .seed-3 .datos .formaciog span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
  color: #999;
}
.expediente .perfil .seed-3 .datos .general {
  margin-right: 24px;
}
.expediente .perfil .seed-3 .datos .general:last-child {
  margin-right: 0;
}
.expediente .perfil .seed-3 .datos .movil {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 24px;
}
.expediente .perfil .seed-3 .datos .movil span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
  color: #999;
}
.expediente .perfil .seed-3 .datos .correo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 14px;
}
.expediente .perfil .seed-3 .datos .correo a {
  color: #999;
}
.expediente .perfil .seed-3 .datos .correo a:hover {
  color: black;
}
.expediente .perfil .seed-3 .datos .correo span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
}
.expediente .perfil .seed-4 {
  padding: 24px 0;
  background-color: white;
}
.expediente .perfil .seed-4 .datos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 4px;
}
.expediente .perfil .seed-4 .datos:last-child {
  margin-bottom: 0;
}
.expediente .perfil .seed-4 .datos h4 {
  font-size: 14px;
  text-transform: uppercase;
  color: #999;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  margin: 0;
  width: 96px;
  text-align: center;
  margin: 0 32px;
}
.expediente .perfil .seed-4 .datos .contrato {
  margin-right: 24px;
}
.expediente .perfil .seed-4 .datos .contrato span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 8px;
  color: #999;
}
.expediente .perfil .seed-4 .datos .general {
  margin-right: 24px;
}
.expediente .perfil .seed-4 .datos .general:last-child {
  margin-right: 0;
}
.expediente .perfil .foto {
  position: relative;
  margin: 0 32px;
}
@media screen and (max-width: 767px) {
  .expediente .perfil .foto {
    margin: -40px auto 24px;
  }
}
.expediente .perfil .foto img {
  width: 96px;
  height: 96px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

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

.directorio table.bt tfoot th::before,
.directorio table.bt tfoot td::before {
  content: none;
}
.directorio table.bt tbody td::before {
  content: none;
}

section.programas {
  padding-bottom: 0;
  padding: 24px 0;
  background: black;
}
section.programas .row + .row {
  margin-top: 16px;
}
section.programas .banner {
  margin-top: 0;
}
section.programas .banner .media {
  margin-bottom: 0;
}
section.biblioteca {
  padding-bottom: 0;
  color: #1d1b16;
  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: #1d1b16;
  font-size: 45px;
  line-height: 40px;
}

.solicitudes .panel {
  padding: 32px 40px;
  border-top: 4px solid black;
}
.solicitudes .linea .parte {
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .solicitudes .linea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 24px;
  }
  .solicitudes .linea .parte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-right: 24px;
    margin-bottom: 0;
  }
  .solicitudes .linea .parte:last-child {
    margin-right: 0;
  }
}
.solicitudes .caja {
  margin-bottom: 24px;
}
.solicitudes .caja h4 {
  margin-bottom: 4px;
}
.solicitudes .caja textarea {
  margin-top: 8px;
}
.solicitudes .caja .contador {
  font-size: 14px;
}
.solicitudes .caja .contador strong.green {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.solicitudes h4 {
  margin-top: 0;
  margin-right: 8px;
  margin-bottom: 0;
  font-size: 11px;
  text-transform: uppercase;
  color: #999;
}
.solicitudes p {
  margin-bottom: 0;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

.qr {
  width: 200px;
  margin-block: 20px;
}
.qr img {
  width: 100%;
}

.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: black;
}
.organigrama .aviso {
  font-size: 11px;
  text-transform: uppercase;
  color: #777;
}
.organigrama .aviso .fas {
  margin: 0 10px;
  font-size: 15px;
  color: #999;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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 rgb(127.5, 127.5, 127.5);
  padding: 18px;
  font-size: 18px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: none;
}
.organigrama .botones .btn-primary:hover .circulo {
  background-color: rgb(127.5, 127.5, 127.5);
}
.organigrama .botones .btn-primary .circulo {
  top: -6px;
  height: 12px;
  width: 12px;
  background-color: #999;
}
.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 rgb(127.5, 127.5, 127.5);
  padding: 15px;
  font-size: 16px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: none;
  white-space: pre-line;
}
.organigrama .botones .btn-secondary:hover .circulo {
  background-color: rgb(127.5, 127.5, 127.5);
}
.organigrama .botones .btn-secondary .circulo {
  top: -4.5px;
  height: 9px;
  width: 9px;
  background-color: #999;
}
.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: #e5e5e5;
  font-weight: bold;
  padding-bottom: 30px;
  border-bottom: 1px solid #1d1b16;
  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 .card {
  border-radius: 100%;
  width: 265px;
  height: 265px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #999;
  background-color: #999;
}
.valores .card figure {
  max-width: none;
  min-height: 160px;
}
.valores .card:hover, .valores .card:focus, .valores .card:active {
  background: #1d1b16;
}
.valores .card .card-heading {
  padding-left: 20px;
}
.valores .card .card-heading h3 {
  color: #fff;
  text-align: center;
  padding: 0;
  border: 0;
  text-transform: uppercase;
  font-size: 19px;
}
.valores .responsabilidad {
  background: #c0504d;
  border-color: #c0504d;
}
.valores .responsabilidad:hover, .valores .responsabilidad:focus, .valores .responsabilidad:active {
  background: #bf3b37;
  border-color: #bf3b37;
}
.valores .compromiso {
  background: #9bbb59;
  border-color: #9bbb59;
}
.valores .compromiso:hover, .valores .compromiso:focus, .valores .compromiso:active {
  background: #8eb643;
  border-color: #8eb643;
}
.valores .equipo {
  background: #8064a2;
  border-color: #8064a2;
}
.valores .equipo:hover, .valores .equipo:focus, .valores .equipo:active {
  background: #725299;
  border-color: #725299;
}
.valores .profesionalidad {
  background: #4bacc6;
  border-color: #4bacc6;
}
.valores .profesionalidad:hover, .valores .profesionalidad:focus, .valores .profesionalidad:active {
  background: #34a3c9;
  border-color: #34a3c9;
}
.valores .cercania {
  background: #f79646;
  border-color: #f79646;
}
.valores .cercania:hover, .valores .cercania:focus, .valores .cercania:active {
  background: #ff843d;
  border-color: #ff843d;
}
.valores .hgroup .page-heading {
  font-size: 30px;
  font-weight: 100;
  text-transform: uppercase;
  color: #1d1b16;
}
.valores .hgroup .page-heading span {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  color: #e5e5e5;
}
.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: #fff;
  padding: 10px 0;
  margin: 0;
}
.valores .carousel-caption p {
  margin: 15px 0 0 0;
  text-align: justify;
  min-height: 115px;
}
.valores .item-zero .carousel-caption h1, .valores .zero.active, .valores .zero:hover, .valores .zero:focus {
  background: rgb(192, 81, 77);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(192, 81, 77)), color-stop(100%, rgb(219, 152, 104)));
  background: -webkit-gradient(linear, left top, right top, from(rgb(192, 81, 77)), to(rgb(219, 152, 104)));
  background: linear-gradient(to right, rgb(192, 81, 77) 0%, rgb(219, 152, 104) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0514d', endColorstr='#db9868', GradientType=1 );
}
.valores .item-one .carousel-caption h1, .valores .one.active, .valores .one:hover, .valores .one:focus {
  background: rgb(154, 187, 89);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(154, 187, 89)), color-stop(100%, rgb(144, 213, 116)));
  background: -webkit-gradient(linear, left top, right top, from(rgb(154, 187, 89)), to(rgb(144, 213, 116)));
  background: linear-gradient(to right, rgb(154, 187, 89) 0%, rgb(144, 213, 116) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9abb59', endColorstr='#90d574', GradientType=1 );
}
.valores .item-two .carousel-caption h1, .valores .two.active, .valores .two:hover, .valores .two:focus {
  background: rgb(128, 100, 162);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(128, 100, 162)), color-stop(100%, rgb(180, 128, 190)));
  background: -webkit-gradient(linear, left top, right top, from(rgb(128, 100, 162)), to(rgb(180, 128, 190)));
  background: linear-gradient(to right, rgb(128, 100, 162) 0%, rgb(180, 128, 190) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8064a2', endColorstr='#b480be', GradientType=1 );
}
.valores .item-three .carousel-caption h1, .valores .three.active, .valores .three:hover, .valores .three:focus {
  background: rgb(75, 171, 198);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(75, 171, 198)), color-stop(100%, rgb(102, 151, 225)));
  background: -webkit-gradient(linear, left top, right top, from(rgb(75, 171, 198)), to(rgb(102, 151, 225)));
  background: linear-gradient(to right, rgb(75, 171, 198) 0%, rgb(102, 151, 225) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4babc6', endColorstr='#6697e1', GradientType=1 );
}
.valores .item-four .carousel-caption h1, .valores .four.active, .valores .four:hover, .valores .four:focus {
  background: rgb(247, 150, 70);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(247, 150, 70)), color-stop(100%, rgb(255, 230, 106)));
  background: -webkit-gradient(linear, left top, right top, from(rgb(247, 150, 70)), to(rgb(255, 230, 106)));
  background: linear-gradient(to right, rgb(247, 150, 70) 0%, rgb(255, 230, 106) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79646', endColorstr='#ffe66a', GradientType=1 );
}
.valores .carousel-control {
  height: 36px;
  top: 34%;
}
.valores .carousel-control .glyphicon-chevron-left, .valores .carousel-control .glyphicon-chevron-right {
  width: auto;
  height: auto;
  cursor: pointer;
}
.valores .carousel-indicators {
  position: relative;
  left: 0;
  bottom: 0;
  margin: 0;
  z-index: auto;
  width: auto;
  height: auto;
}
.valores .carousel-indicators li, .valores .carousel-indicators .active {
  margin: 20px 10px 0 0;
  width: auto;
  height: auto;
}
.valores .carousel-indicators li {
  float: left;
  text-indent: 0;
  padding: 5px 10px;
  border-width: 2px;
  font-weight: bold;
}
.valores .carousel-indicators .zero {
  color: #c0504d;
  border-color: #c0504d;
}
.valores .carousel-indicators .one {
  color: #9bbb59;
  border-color: #9bbb59;
}
.valores .carousel-indicators .two {
  color: #8064a2;
  border-color: #8064a2;
}
.valores .carousel-indicators .three {
  color: #4bacc6;
  border-color: #4bacc6;
}
.valores .carousel-indicators .four {
  color: #f79646;
  border-color: #f79646;
}
.valores .carousel-indicators .zero.active, .valores .carousel-indicators .one.active, .valores .carousel-indicators .two.active, .valores .carousel-indicators .three.active, .valores .carousel-indicators .four.active {
  color: #fff;
  border: 0;
  padding: 7px 12px;
}
.valores .carousel-indicators .zero:hover, .valores .carousel-indicators .zero:focus, .valores .carousel-indicators .one:hover, .valores .carousel-indicators .one:focus, .valores .carousel-indicators .two:hover, .valores .carousel-indicators .two:focus, .valores .carousel-indicators .three:hover, .valores .carousel-indicators .three:focus, .valores .carousel-indicators .four:hover, .valores .carousel-indicators .four:focus {
  color: #fff;
  border: 0;
  padding: 7px 12px;
}

.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-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  color: rgb(198.4, 198.4, 198.4);
}
.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;
  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-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  color: #013398;
}
.certifications .certifications-list .datos p {
  margin-right: 30px;
  font-size: 15px;
  font-weight: bold;
  color: rgb(198.4, 198.4, 198.4);
}
.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: 800;
  color: rgb(198.4, 198.4, 198.4);
}
.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: #1d1b16;
}
.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: rgb(198.4, 198.4, 198.4);
}
.certifications .certifications-list table tbody td {
  border: 0;
  font-size: 18px;
  font-weight: 800;
}
.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: #1d1b16;
}
.buzon .form-buzon h3 small {
  font-weight: normal;
  color: #999;
}
.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: rgb(216.4, 216.4, 216.4);
}
.buzon .form-buzon .tipo-buzon .btn.focus {
  border-bottom: 4px solid #e01620;
  outline: none;
  background-color: #F3E6E6;
  color: #e01620;
}
.buzon .form-buzon .tipo-buzon i {
  margin-right: 10px;
}
.buzon .form-buzon .tipo-buzon .btn-idea:hover {
  border-bottom: 4px solid #1d1b16;
}
.buzon .form-buzon .tipo-buzon .btn-idea:active {
  border-bottom: 4px solid #1d1b16;
  background-color: #999;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-idea.active {
  border-bottom: 4px solid #1d1b16;
  border-color: #1d1b16;
  background-color: #999;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-sugerencia:hover {
  border-bottom: 4px solid #999;
}
.buzon .form-buzon .tipo-buzon .btn-sugerencia:active {
  border-bottom: 4px solid #999;
  background-color: rgb(122.4, 122.4, 122.4);
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-sugerencia.active {
  border-bottom: 4px solid #999;
  border-color: #999;
  background-color: rgb(122.4, 122.4, 122.4);
  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: rgb(44.6359832636, 133.1640167364, 84.0644351464);
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-felicitacion.active {
  border-bottom: 4px solid mediumseagreen;
  border-color: mediumseagreen;
  background-color: rgb(44.6359832636, 133.1640167364, 84.0644351464);
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-consulta:hover {
  border-bottom: 4px solid black;
}
.buzon .form-buzon .tipo-buzon .btn-consulta:active {
  border-bottom: 4px solid black;
  background-color: black;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-consulta.active {
  border-bottom: 4px solid black;
  border-color: black;
  background-color: black;
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-queja:hover {
  border-bottom: 4px solid #e01620;
}
.buzon .form-buzon .tipo-buzon .btn-queja:active {
  border-bottom: 4px solid #e01620;
  background-color: rgb(168.2731707317, 16.5268292683, 24.0390243902);
  color: white;
}
.buzon .form-buzon .tipo-buzon .btn-queja.active {
  border-bottom: 4px solid #e01620;
  border-color: #e01620;
  background-color: rgb(168.2731707317, 16.5268292683, 24.0390243902);
  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: black;
}
.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: #999;
}
.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: #968F4A;
}
.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: #e01620;
}
.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: #e01620;
}
.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: #999;
}
.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;
  }
}
.buzon .titulo-b {
  margin: 16px 0 24px;
}
.buzon .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  padding: 16px;
  font-size: 14px;
  line-height: 1;
  background-color: #f5f5f5;
}
.buzon .info i {
  margin-right: 16px;
  font-size: 16px;
}
.buzon .info span {
  line-height: 1.21;
}
.buzon .sugerencia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.buzon .sugerencia .contador {
  margin-top: 24px !important;
  color: #999 !important;
}
.buzon .sugerencia .contador .green {
  color: #333;
}
.buzon .sugerencia .box-anonymous {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.buzon .sugerencia .box-anonymous .anonimo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.buzon .sugerencia .box-anonymous .anonimo input {
  margin: -2px 16px 0 0;
}
.buzon .sugerencia .box-anonymous .btn {
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  .buzon .sugerencia .box-anonymous .anonimo {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 20px;
  }
}
.buzon .sugerencia .btn {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .buzon .sugerencia .contador {
    font-size: 14px;
  }
  .buzon .sugerencia .btn {
    padding: 0 16px;
  }
  .buzon .sugerencia .btn::after {
    content: none;
  }
}

.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: #e5e5e5;
}
.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: #999;
}
.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: #999;
  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: black;
}
.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: #999;
}
.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: #968F4A;
}
.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: #e01620;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  color: #292728;
}
.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: #999;
}
@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;
}
@media screen and (max-width: 767px) {
  .biblioteca .button-group .item {
    margin-right: 4px;
  }
}
.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:focus, .biblioteca .button-group .dropdown-menu > li > button:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  color: #262626;
}
.biblioteca .button-group .dropdown-menu > li > button.tipo-documento {
  color: mediumseagreen;
}
.biblioteca .button-group .dropdown-menu > li > button.tipo-video {
  color: #e5e5e5;
}
.biblioteca .button-group .dropdown-menu > li > button.tipo-ebook {
  color: black;
}
.biblioteca .button-group .dropdown-menu > li > button.tipo-curso {
  color: #e01620;
}
.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: #999;
  color: white;
}
.biblioteca .button-group .btn-default .caret {
  margin-left: 15px;
}
.biblioteca .button-group.filters-button-group .btn-group .dropdown-toggle .caret {
  margin-left: 8px;
}
.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(229, 229, 229, 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(213, 213, 213, 0.9);
}
.biblioteca .videos .tarjeta-video.Curso a .duracion-tipo .tipo {
  background-color: rgba(224, 22, 32, 0.9);
}
.biblioteca .videos .tarjeta-video .apertura {
  display: inline-block;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  position: relative;
  z-index: 5;
  min-height: 380px;
}
@media screen and (max-width: 480px) {
  .biblioteca .videos .tarjeta-video .apertura {
    height: auto;
  }
}
.biblioteca .videos .tarjeta-video .apertura:hover {
  text-decoration: none;
  background-color: black;
}
.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: #968F4A;
}
.biblioteca .videos .tarjeta-video .apertura:hover .datos .fecha {
  color: #999;
}
.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%;
}
.biblioteca .videos .tarjeta-video .apertura .duracion-tipo .tipo {
  position: absolute;
  right: 20px;
  top: 15px;
  padding: 4px 8px;
  font-size: 11px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background-color: #968F4A;
  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: #000;
  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;
  padding: 15px 20px;
}
.biblioteca .videos .tarjeta-video .apertura .datos h3 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  color: #333;
}
.biblioteca .videos .tarjeta-video .apertura .datos p {
  margin-bottom: 20px;
  font-size: 14px;
  color: #333;
}
.biblioteca .videos .tarjeta-video .apertura .datos p:last-child {
  margin-bottom: 0;
}
.biblioteca .videos .tarjeta-video .apertura .datos .autor {
  font-size: 12px;
  color: #968F4A;
}
.biblioteca .videos .tarjeta-video .apertura .datos .fecha {
  margin-bottom: 0;
  font-size: 12px;
  color: #999;
}
.biblioteca .videos .tarjeta-video .apertura .datos .visualiza {
  position: absolute;
  left: 20px;
  bottom: 15px;
  font-size: 12px;
  color: #999;
}
.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: #1d1b16;
}
.biblioteca .form-buzon h3 small {
  font-weight: normal;
  color: #999;
}
.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: rgb(216.4, 216.4, 216.4);
}
.biblioteca .form-buzon .tipo-buzon .btn.focus {
  border-bottom: 4px solid #e01620;
  outline: none;
  background-color: #F3E6E6;
  color: #e01620;
}
.biblioteca .form-buzon .tipo-buzon i {
  margin-right: 10px;
}
.biblioteca .form-buzon .tipo-buzon .btn-idea:hover {
  border-bottom: 4px solid #1d1b16;
}
.biblioteca .form-buzon .tipo-buzon .btn-idea:active {
  border-bottom: 4px solid #1d1b16;
  background-color: #999;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-idea.active {
  border-bottom: 4px solid #1d1b16;
  border-color: #1d1b16;
  background-color: #999;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-sugerencia:hover {
  border-bottom: 4px solid #999;
}
.biblioteca .form-buzon .tipo-buzon .btn-sugerencia:active {
  border-bottom: 4px solid #999;
  background-color: rgb(122.4, 122.4, 122.4);
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-sugerencia.active {
  border-bottom: 4px solid #999;
  border-color: #999;
  background-color: rgb(122.4, 122.4, 122.4);
  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: rgb(44.6359832636, 133.1640167364, 84.0644351464);
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-felicitacion.active {
  border-bottom: 4px solid mediumseagreen;
  border-color: mediumseagreen;
  background-color: rgb(44.6359832636, 133.1640167364, 84.0644351464);
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-consulta:hover {
  border-bottom: 4px solid black;
}
.biblioteca .form-buzon .tipo-buzon .btn-consulta:active {
  border-bottom: 4px solid black;
  background-color: black;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-consulta.active {
  border-bottom: 4px solid black;
  border-color: black;
  background-color: black;
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-queja:hover {
  border-bottom: 4px solid #e01620;
}
.biblioteca .form-buzon .tipo-buzon .btn-queja:active {
  border-bottom: 4px solid #e01620;
  background-color: rgb(168.2731707317, 16.5268292683, 24.0390243902);
  color: white;
}
.biblioteca .form-buzon .tipo-buzon .btn-queja.active {
  border-bottom: 4px solid #e01620;
  border-color: #e01620;
  background-color: rgb(168.2731707317, 16.5268292683, 24.0390243902);
  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: black;
}
.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: #999;
}
.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: #968F4A;
}
.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: #e01620;
}
.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: #999;
}
.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: #999;
}
.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 .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: #1d1b16;
  font-weight: bold;
  padding-bottom: 30px;
  border-bottom: 1px solid #1d1b16;
  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: #337ab7;
  font-weight: bold;
  margin-bottom: 20px;
}
.biblioteca .curso .categoria {
  background-color: rgba(224, 22, 32, 0.9);
}
.biblioteca .documento .categoria {
  background-color: rgba(60, 179, 113, 0.9);
}
.biblioteca.noticias .videos .panel {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  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;
}
.biblioteca.noticias .videos .panel .panel-body ul {
  margin: 0;
  font-size: 14px;
}
.biblioteca.noticias .videos .tarjeta-video .apertura .duracion-tipo {
  height: 147px;
}
.biblioteca.noticias .videos .tarjeta-video .apertura .duracion-tipo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biblioteca.noticias .videos .tarjeta-video .apertura .datos {
  min-height: 224px;
  padding: 24px;
}
@media screen and (max-width: 767px) {
  .biblioteca.noticias .videos .tarjeta-video .apertura .datos {
    min-height: auto;
  }
}
.biblioteca.noticias .videos .tarjeta-video .apertura.oferta {
  display: block;
  border-top: 3px solid black;
}
.biblioteca.noticias .videos .tarjeta-video .apertura.oferta .datos {
  min-height: 130px;
}
@media screen and (max-width: 767px) {
  .biblioteca .filters-button-group .btn {
    height: 32px;
    border: none;
    font-size: 10px;
    padding: 0 8px;
    background-color: #e5e5e5;
  }
  .biblioteca .filters-button-group .btn::after {
    display: none;
  }
  .biblioteca .filters-button-group .btn .caret {
    display: none;
  }
}

.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: #738395;
}
.modal .biblioteca small ul {
  font-weight: normal;
}
.modal .biblioteca a:hover {
  color: #999;
}

.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%;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.noticias .form-buzon {
  margin-bottom: 30px;
}
.noticias .form-buzon h3 {
  margin-top: 0;
  margin-bottom: 20px;
  color: #1d1b16;
  font-size: 18px;
}
.noticias .form-buzon h3 small {
  color: #999;
  font-weight: normal;
}
.noticias .form-buzon .datos-mini h3 {
  margin-bottom: 10px;
}
@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 .tipo-buzon label {
  position: relative;
  float: left;
  margin-right: 15px;
  border-bottom: 4px solid #e6e9e9;
  background-color: #f7f7f7;
  color: #333;
  text-transform: none;
}
.noticias .form-buzon .tipo-buzon label:last-child {
  margin-right: 0;
}
.noticias .form-buzon .tipo-buzon label:hover {
  background-color: rgb(216.4, 216.4, 216.4);
}
.noticias .form-buzon .tipo-buzon .btn.focus {
  border-bottom: 4px solid #e01620;
  background-color: #f3e6e6;
  color: #e01620;
  outline: none;
}
.noticias .form-buzon .tipo-buzon i {
  margin-right: 10px;
}
.noticias .form-buzon .tipo-buzon .btn-idea:hover {
  border-bottom: 4px solid #1d1b16;
}
.noticias .form-buzon .tipo-buzon .btn-idea:active {
  border-bottom: 4px solid #1d1b16;
  background-color: #999;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-idea.active {
  border-color: #968F4A;
  border-bottom: 4px solid #1d1b16;
  background-color: #999;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-sugerencia:hover {
  border-bottom: 4px solid #999;
}
.noticias .form-buzon .tipo-buzon .btn-sugerencia:active {
  border-bottom: 4px solid #999;
  background-color: rgb(122.4, 122.4, 122.4);
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-sugerencia.active {
  border-color: #999;
  border-bottom: 4px solid #999;
  background-color: rgb(122.4, 122.4, 122.4);
  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: rgb(44.6359832636, 133.1640167364, 84.0644351464);
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-felicitacion.active {
  border-color: mediumseagreen;
  border-bottom: 4px solid mediumseagreen;
  background-color: rgb(44.6359832636, 133.1640167364, 84.0644351464);
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-consulta:hover {
  border-bottom: 4px solid black;
}
.noticias .form-buzon .tipo-buzon .btn-consulta:active {
  border-bottom: 4px solid black;
  background-color: black;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-consulta.active {
  border-color: black;
  border-bottom: 4px solid black;
  background-color: black;
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-queja:hover {
  border-bottom: 4px solid #e01620;
}
.noticias .form-buzon .tipo-buzon .btn-queja:active {
  border-bottom: 4px solid #e01620;
  background-color: rgb(168.2731707317, 16.5268292683, 24.0390243902);
  color: white;
}
.noticias .form-buzon .tipo-buzon .btn-queja.active {
  border-color: #e01620;
  border-bottom: 4px solid #e01620;
  background-color: rgb(168.2731707317, 16.5268292683, 24.0390243902);
  color: white;
}
.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 {
  width: 65px;
  height: 65px;
  color: white;
  font-size: 24px;
}
.noticias .form-buzon .panel.panel-post .panel-heading .tipo-ico.consulta {
  background: black;
}
.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: #999;
}
.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: #968F4A;
}
.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: #e01620;
}
.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 #js-box-colectivos select {
  /* option:checked{
                background:#000 -webkit-linear-gradient(bottom, #000 0%, #000 100%);
                color:#ffffff !important;
            }

            option:selected {
                background:#000 -webkit-linear-gradient(bottom, #000 0%, #000 100%);
                color: #ffffff !important;
            }*/
}
.noticias .form-buzon .panel #js-box-colectivos select option:disabled {
  background-color: #f5f5f5 !important;
  color: #000000 !important;
}
.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 .panel #bolsa_permisos span {
  display: inline-block;
  margin-bottom: 5px;
}
.noticias .form-buzon .nopanel {
  padding: 0 0 30px;
}
.noticias .form-buzon .nopanel .buzon-ico {
  position: relative;
  height: 80px;
}
.noticias .form-buzon .nopanel .buzon-ico i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #999;
  font-size: 54px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.noticias .form-buzon .enviar .btn {
  margin-right: 10px;
}
.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-right: 15px;
  margin-bottom: 0;
}
.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 {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
}
.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;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (max-width: 767px) {
  .noticias .contenedor-noticia .titulo-plus {
    display: block;
  }
}
.noticias .contenedor-noticia img {
  width: 100%;
  height: auto;
}
.noticias .contenedor-noticia h1 {
  color: black;
}
.noticias .contenedor-noticia h3 {
  margin: 0;
  color: #999;
}
.noticias .contenedor-noticia .titulo-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .noticias .contenedor-noticia .titulo-btns {
    margin-top: 16px;
  }
  .noticias .contenedor-noticia .titulo-btns .btn {
    margin-left: 0;
  }
}
.noticias .contenedor-noticia .titulo-btns .btn {
  margin-left: 15px;
}
.noticias .contenedor-noticia .categoria {
  z-index: 2;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: #968F4A;
  color: white;
  font-size: 11px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.noticias .contenedor-noticia .categoria i,
.noticias .contenedor-noticia .categoria svg {
  margin-right: 5px;
}
.noticias .contenedor-noticia .categoria svg {
  width: 11px;
  height: 11px;
}
.noticias .contenedor-noticia .categoria svg path {
  fill: white;
}
.noticias .contenedor-noticia .categoria.curso {
  background-color: #e01620;
}
.noticias .contenedor-noticia .categoria.documento {
  background-color: mediumseagreen;
}
.noticias .contenedor-noticia .categoria.video {
  background-color: #e5e5e5;
}
.noticias .contenedor-noticia .categoria.libro {
  background-color: #d5d5d5;
}
.noticias .contenedor-noticia .contenido-flotado .flotado {
  float: right;
  max-width: 380px;
  margin-bottom: 20px;
  margin-left: 20px;
  border-bottom: 4px solid black;
}
@media screen and (max-width: 767px) {
  .noticias .contenedor-noticia .contenido-flotado .flotado {
    max-width: 100%;
    margin-left: 0;
  }
}
.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;
  vertical-align: top;
  float: none;
  text-align: center;
}
.modal-posicionar-noticias .columna-flechas {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 345px;
  color: black;
  font-size: 24px;
}
.modal-posicionar-noticias h3 {
  margin-top: 0;
  margin-bottom: 20px;
  color: black;
  font-size: 18px;
}
.modal-posicionar-noticias ul {
  position: relative;
  overflow-y: auto;
  min-height: 300px;
  max-height: 300px;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  -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, -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;
}
.modal-posicionar-noticias ul li {
  padding: 2px 10px;
  border-bottom: 1px #eee solid;
  background-color: #ffffff;
  color: #555;
  font-size: 14px;
  text-align: left;
}
.modal-posicionar-noticias .aclaration {
  margin-top: 20px;
  margin-bottom: 0;
}
.modal-posicionar-noticias .aclaration span {
  display: block;
  font-size: 14px;
  text-align: center;
}
.modal-posicionar-noticias ul#origen li:hover {
  background-color: black;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.modal-posicionar-noticias ul#destino li {
  border-width: 0px 0px 1px 0px !important;
}
.modal-posicionar-noticias ul#destino li:hover {
  cursor: all-scroll;
}
.modal-posicionar-noticias .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-posicionar-noticias .modal-footer p {
  margin-bottom: 0;
}
.modal-posicionar-noticias #mensaje-error-modal {
  margin-right: 8px;
  color: #e01620;
  font-size: 14px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.modal-posicionar-noticias #mensaje {
  margin-right: 8px;
  color: mediumseagreen;
  font-size: 14px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

#foNews .alert {
  font-size: 12px;
}
#foNews #app label {
  font-weight: normal;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}

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

.curso {
  padding-bottom: 3em;
}
.curso .panel-info > .panel-heading {
  color: white;
  background-color: #738395;
  border-color: #738395;
}
.curso .panel-default > .panel-heading {
  color: white;
  background-color: #2F2B27;
}
.curso .panel-default > .panel-heading h3::after {
  float: left;
  content: "/ ";
  color: #A154A0;
  margin-right: 8px;
  font-size: 32px;
  line-height: 0.7;
}
.curso .list-group-item.acceder:hover {
  background: #cbd4dd;
}
.curso .sidebar-header {
  background: #2F2B27;
  color: #fff;
  padding: 1px 20px;
  border-radius: 5px 5px 0 0;
}
.curso .acciones .sidebar-header {
  background: #2F2B27;
  color: #fff;
  padding: 12px 20px;
}
.curso .acciones h3 {
  font-size: 20px;
  color: #fff;
  line-height: 28px;
}
.curso .acciones h3.icono::after {
  content: none;
}
.curso .acciones h3::after {
  float: left;
  content: "/ ";
  color: #cbd4dd;
  margin-right: 8px;
  font-size: 32px;
  line-height: 0.7;
}
.curso .acciones h3 i {
  margin-right: 10px;
}
.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 #e5e5e5;
  border-top: 0;
  font-size: 22px;
  font-weight: 800;
}
.curso .panel-title {
  font-size: 20px;
  text-transform: uppercase;
}
.curso h4.acceder {
  color: #333 !important;
  font-size: 1.5em !important;
  margin: 20px !important;
}
.curso .list-group-item {
  margin: 0;
  border-radius: 0;
  min-height: 55px;
  line-height: 33px;
}
.curso .list-group-item.disabled {
  background-color: white;
}
.curso .list-group-item.check:hover .icon-w {
  color: green;
}
.curso .list-group-item.unlock:hover .icon-w {
  color: #292728;
}
.curso .list-group-item.check, .curso .list-group-item.unlock {
  color: #e5e5e5;
  font-weight: bold;
}
.curso .list-group-item.check:hover, .curso .list-group-item.unlock:hover {
  background-color: #e4e4e4;
}
.curso .list-group-item.check:hover .icon-w, .curso .list-group-item.unlock:hover .icon-w {
  background-color: white;
}
.curso .list-group-item.cta.bgc {
  background-color: #a5bcea;
}
.curso .list-group-item.cta figure {
  width: 100px;
  margin-left: 10px;
}
.curso .list-group-item.cta h4 {
  font-size: 1.4em;
  margin-top: 5px;
}
.curso .list-group-item .titulo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.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.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:hover, .curso .card:active {
  background: #fff;
  -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: #e5e5e5;
}
.curso .card .col.estado {
  width: 10%;
}
.curso .card .col.icono {
  float: right;
  width: 10%;
  background-color: #e5e5e5;
  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: #e5e5e5;
  text-align: center;
  font-size: 32px;
  color: #fff;
  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 {
  float: left;
  clear: left;
}
.curso .card .col strong {
  color: #e5e5e5;
}
.curso .card .col small {
  color: #e5e5e5;
}
.curso .card.disabled {
  pointer-events: none;
  opacity: 0.75;
}
.curso .card.disabled .estado::before {
  content: "\f023";
  color: #e01620;
  opacity: 0.75;
}
.curso .card.finalizado .estado::before {
  content: "\f00c";
}
.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 a .modulo {
  color: #e5e5e5;
  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: #e01620;
  opacity: 0.75;
}
.curso a .modulo i::before {
  display: inline-block;
  vertical-align: top;
}
.curso a .modulo small,
.curso a .modulo strong {
  float: left;
  clear: left;
}
.curso a .modulo small {
  text-transform: uppercase;
  font-size: 60%;
  color: #e5e5e5;
}
.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: #292728;
}
.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: #292728;
  background: white;
  border-radius: 50px;
  padding: 12px;
}
.curso a .modulo.finalizado::before {
  content: "\f00c";
  color: mediumseagreen;
}
.curso a .modulo.disabled::before {
  content: "\f023";
  color: #e01620;
}
.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 .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 .btn-primary {
  margin-top: 32px;
}
.ejercicios-tutor .content .panel .panel-body h3 {
  margin-top: 0;
  color: #A154A0;
  margin-bottom: 32px;
}
.ejercicios-tutor .btn-default {
  background: #ddd;
}
.ejercicios-tutor .btn {
  background: #A154A0;
  border: 1px solid #fff;
}
.ejercicios-tutor .btn:hover {
  color: #fff;
  background: rgb(110.7285714286, 57.7714285714, 110.0408163265);
}
.ejercicios-tutor header {
  background: #A154A0;
  color: #fff;
  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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 120%;
}
.ejercicios-tutor header p {
  text-transform: uppercase;
  font-size: 85%;
}

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

.evaluacion .content {
  padding: 48px 0 72px;
}
.evaluacion .content .panel.intro {
  margin-top: 40px;
  margin-bottom: 0;
}
.evaluacion .page-heading {
  margin: 0;
  font-size: 34px;
}
.evaluacion .panel-heading {
  border-bottom-color: #e5e5e5;
  padding: 24px;
  background: #f5f5f5;
}
.evaluacion .panel-body {
  padding: 48px;
}
.evaluacion .panel-body.notas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.evaluacion .panel-body.notas .score {
  margin: 0 auto;
}
.evaluacion .panel-body p {
  margin-top: 16px;
  margin-bottom: 0;
}
.evaluacion .panel-body p:first-child {
  margin-top: 0;
}
.evaluacion .panel-footer {
  border-top-color: transparent;
  border-radius: 0;
  padding: 24px;
  background-color: black;
  color: white;
}
.evaluacion .panel-footer .prueba .btn {
  margin-left: 16px;
}
.evaluacion .panel-title {
  font-size: 20px;
}
.evaluacion .list-group {
  margin-top: 40px;
  margin-bottom: 0;
}
.evaluacion .list-group-item {
  padding: 16px;
  border-color: #e5e5e5;
}
.evaluacion .list-group-item.pregunta {
  padding: 16px 24px;
  border-color: black;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-size: 20px;
  background-color: black;
  color: white;
}
.evaluacion .list-group-item.pregunta:hover {
  background-color: black;
}
.evaluacion .list-group-item.respuesta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluacion .list-group-item:hover {
  background-color: #f5f5f5;
}
.evaluacion .list-group-item:first-child, .evaluacion .list-group-item:last-child {
  border-radius: 0;
}
.evaluacion .list-group-item .feedback {
  margin-left: 16px;
  font-size: 11px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.evaluacion .list-group-item .feedback .fa {
  margin-right: 8px;
}
.evaluacion .well {
  margin-bottom: 0;
  margin-top: 40px;
  border: 0;
  background-color: black;
  border-radius: 0;
  min-height: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.evaluacion .well.well-sm {
  padding: 16px;
}
.evaluacion .score {
  width: 180px;
  height: 180px;
  margin: 40px auto;
  padding: 24px;
  text-align: center;
  background: black;
  color: white;
}
.evaluacion .score .title {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  color: #d5d5d5;
}
.evaluacion .score .points {
  padding: 16px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-size: 68px;
  line-height: 60px;
}
.evaluacion .score .date {
  font-size: 11px;
  color: #d5d5d5;
}
.evaluacion label.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  padding: 0;
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: none;
  color: #292728;
  white-space: normal;
  text-align: left;
}
.evaluacion label.btn::after {
  display: none;
}
.evaluacion label.btn.active, .evaluacion label.btn:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.evaluacion label.btn .far {
  margin-right: 16px;
}
.evaluacion label.btn input[type=radio] {
  display: none;
}
.evaluacion label.btn input[type=radio] ~ i.far.fa-circle {
  color: #e5e5e5;
  display: block;
}
.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: black;
  display: block;
}
.evaluacion label.btn:hover input[type=radio] ~ i.far {
  color: black;
}

.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;
}
.qfundae hr {
  margin: 0;
}

.pcontrol .hgroup-menu {
  margin-bottom: 30px;
}
.pcontrol .card.curso:hover::after {
  padding-top: 165px;
  border-radius: 4px;
}

.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;
}

@media screen and (max-width: 650px) {
  .alviccenter .col-xs-6:first-child,
  .alviccenter .col-xs-6:last-child {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .alviccenter .ficha {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 10px !important;
  }
  .alviccenter .ficha h3 {
    margin-top: 10px;
    font-size: 14px;
  }
  .alviccenter .tabla thead {
    display: none;
  }
  .alviccenter .tabla tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .alviccenter .tabla tbody tr {
    position: relative;
    padding: 1rem 0;
  }
  .alviccenter .tabla tbody tr .flex-canal {
    width: 100%;
  }
  .alviccenter .tabla tbody tr .flex-titulo {
    padding-top: 0;
    text-align: left !important;
  }
  .alviccenter .tabla tbody tr .flex-titulo.canal {
    padding-top: 20px !important;
  }
  .alviccenter .tabla tbody tr .flex-fecha {
    position: absolute;
    top: 24px;
    right: 0;
    font-size: 10px;
  }
  .alviccenter .tabla tbody tr .flex-fecha.canal {
    top: 0px !important;
  }
  .alviccenter .tabla tbody tr .estado-check,
  .alviccenter .tabla tbody tr .estado-close,
  .alviccenter .tabla tbody tr .estado-no-procede {
    padding: 0 1rem;
  }
  .alviccenter .tabla tbody tr .estado-check p,
  .alviccenter .tabla tbody tr .estado-close p,
  .alviccenter .tabla tbody tr .estado-no-procede p {
    margin: 0;
  }
  .alviccenter .tabla tbody tr .botones {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .alviccenter .tabla tbody tr .botones a {
    margin-top: 0.5rem !important;
    margin-left: 0 !important;
  }
  .alviccenter .buscador {
    width: 100%;
  }
  .alviccenter .buscador .buscador_input {
    font-size: 12px;
  }
  .alviccenter .buscador-grupo > * {
    margin-bottom: 10px !important;
    margin-left: 0 !important;
  }
}
.alviccenter .float-right {
  float: right !important;
}
.alviccenter h3 {
  font-family: "Roboto Slab", Arial, Helvetica, sans-serif !important;
}
.alviccenter .hgroup.hgroup-course {
  border-bottom: none !important;
}
.alviccenter .hgroup.hgroup-course .page-heading {
  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;
  margin: 16px 0 0;
  padding: 0 40px !important;
  color: #008790 !important;
  font-weight: 700 !important;
  font-size: 42px !important;
}
.alviccenter .hgroup.hgroup-course .page-heading .circulo {
  display: inline-block;
  margin-right: 15px;
}
.alviccenter .hgroup.hgroup-course .page-heading .circulo svg {
  height: 42px;
}
.alviccenter .hgroup.hgroup-course .page-heading .circulo svg path {
  fill: #008790;
}
.alviccenter .ficha {
  padding: 30px 20px !important;
  border-bottom: 2px solid #008790 !important;
  border-radius: 2rem !important;
  background-color: #e5f3f4 !important;
  color: #008790 !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}
.alviccenter .ficha h3 {
  font-weight: 700 !important;
}
.alviccenter .ficha .circulo {
  position: relative !important;
  margin: 0 !important;
  background-color: #008790 !important;
  color: #e5f3f4 !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}
.alviccenter .ficha .circulo .notificacion-pendiente,
.alviccenter .ficha .circulo .notificacion-check {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: white;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}
.alviccenter .ficha .circulo .notificacion-pendiente {
  background-color: red;
}
.alviccenter .ficha .circulo .notificacion-check {
  background-color: green;
}
.alviccenter .ficha .circulo svg {
  width: 40px;
  height: 40px;
  color: white;
}
.alviccenter .ficha .circulo svg path {
  fill: #e5f3f4;
}
.alviccenter .ficha:hover {
  background-color: #008790 !important;
  color: #e5f3f4 !important;
}
.alviccenter .ficha:hover .circulo {
  background-color: #e5f3f4 !important;
  color: #008790 !important;
}
.alviccenter .ficha:hover .circulo svg {
  color: #008790;
}
.alviccenter .ficha:hover .circulo svg path {
  fill: #008790;
}
.alviccenter .buscador {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33%;
  margin: 0 auto;
}
.alviccenter .buscador .buscador_input {
  position: relative;
  z-index: 1;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  width: 100%;
  min-height: 5.6rem;
  padding: 1.6rem 4rem 1.6rem 1.6rem;
  border: 2px dashed #80c3c7;
  border-radius: 3.2rem;
  background-color: rgba(0, 0, 0, 0);
  color: #008790;
  line-height: 1.1;
  -webkit-transition: opacity 0.4s ease, color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, outline-color 0.4s ease;
  transition: opacity 0.4s ease, color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, outline-color 0.4s ease;
}
.alviccenter .buscador .buscador_input:focus-visible {
  border: 2px dashed #008790 !important;
  outline: none !important;
}
.alviccenter .buscador .buscador_button {
  position: absolute;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  left: unset;
  z-index: 2;
  display: block;
  padding: 0.8rem 1.6rem;
  border: none;
  background-color: transparent;
  color: #008790;
  cursor: pointer;
}
.alviccenter .buscador .buscador_button span {
  display: block;
  width: 2.4rem;
  font-size: 2.4rem;
}
.alviccenter .tabla {
  width: 100%;
}
.alviccenter .tabla thead th {
  padding: 1rem;
  border: 1px white solid;
  background-color: #80c3c7;
  color: #008790;
  font-size: 18px;
}
.alviccenter .tabla thead th .ordenar {
  margin-left: 1rem;
  color: #008790;
}
.alviccenter .tabla tbody tr {
  border-bottom: 1px dashed #80c3c7;
}
.alviccenter .tabla tbody tr td {
  padding: 1rem;
  line-height: 1.2 !important;
}
.alviccenter .tabla .botones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.alviccenter .tabla .flex-canal {
  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;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.alviccenter .tabla .flex-canal .circulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  margin: 0px;
  border-radius: 100%;
  background-color: #333;
  color: white;
  font-size: 34px;
}
.alviccenter .tabla .flex-canal .circulo svg,
.alviccenter .tabla .flex-canal .circulo i {
  width: 20px;
  height: 20px;
  line-height: 4px;
  text-align: center;
}
.alviccenter .tabla .flex-canal .circulo svg path,
.alviccenter .tabla .flex-canal .circulo i path {
  fill: white;
}
.alviccenter .tabla .flex-canal .circulo i::before {
  font-size: 15px;
}
.alviccenter .tabla .flex-canal p {
  margin: 0 0 0 10px !important;
}
.alviccenter .tabla .estado-check p,
.alviccenter .tabla .estado-close p,
.alviccenter .tabla .estado-no-procede p {
  display: inline !important;
  margin: 0 !important;
}
.alviccenter .tabla .estado-check i,
.alviccenter .tabla .estado-close i,
.alviccenter .tabla .estado-no-procede i {
  display: inline !important;
  margin-right: 4px;
}
.alviccenter .tabla .estado-check {
  color: green;
}
.alviccenter .tabla .estado-close {
  color: red;
}
.alviccenter .tabla .estado-no-procede {
  color: orange;
}
.alviccenter {
  /*.multi-paginado {
    .mostrar {
      margin-right: 0px !important;
    }
  }*/
}
.alviccenter .btn-alviccenter-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0.5rem 2rem;
  border: none;
  border-radius: 2rem;
  background-color: #008790;
  color: white;
}
.alviccenter .btn-alviccenter-primary:hover {
  background-color: #80c3c7 !important;
  color: #008790 !important;
}
.alviccenter .btn-alviccenter-primary.text-center {
  text-align: center !important;
}
.alviccenter .btn-alviccenter-primary.green {
  border: 1px solid #00903c;
  background-color: #00903c !important;
  color: #fff !important;
}
.alviccenter .btn-alviccenter-primary.green:hover {
  background-color: #bee6c8 !important;
  color: #00903c !important;
}
.alviccenter .btn-alviccenter-primary.red {
  border: 1px solid #901100;
  background-color: #f7d1d1 !important;
  color: #901100 !important;
}
.alviccenter .btn-alviccenter-primary.red:hover {
  background-color: #901100 !important;
  color: #fff !important;
}
.alviccenter .btn-alviccenter-primary.volver {
  border: 1px solid #008790;
  background-color: #fff !important;
  color: #008790 !important;
}
.alviccenter .btn-alviccenter-primary.volver:hover {
  background-color: #80c3c7 !important;
  color: #008790 !important;
}
.alviccenter .btn-alviccenter-primary + .btn-alviccenter-primary {
  margin-left: 1rem;
}
.alviccenter .flex-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.alviccenter .titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.alviccenter .titulo .circulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 100%;
  background-color: #e5f3f4;
  color: #008790;
}
.alviccenter .titulo h3 {
  margin-bottom: 0;
  color: #008790;
  font-weight: 600;
  font-size: 24px;
}

.noticias .alviccenter .contenedor-noticia .categoria {
  background-color: #008790;
}

@media screen and (max-width: 767px) {
  .noticias .alviccenter.form-buzon .g-btns a,
  .noticias .alviccenter.form-buzon .g-btns button {
    margin-bottom: 15px;
  }
  .alviccenter .hgroup.hgroup-course .page-heading {
    font-size: 24px !important;
  }
}
.dep-card {
  display: inline-block;
  width: 110px;
  height: 150px;
  background-color: #f9f9f9;
  padding: 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;
  padding-top: 20px;
}
.dep-card-wrapper {
  width: 100%;
  text-align: center;
}
.dep-card-wrapper .dep-card:not(:first-child) {
  margin-left: 5px;
}
.dep-card-value {
  position: relative;
  background-color: #d1d1d1;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.dep-card-value::after {
  content: "";
  display: block;
  background-color: #d1d1d1;
  height: 12px;
  width: 12px;
  position: absolute;
  bottom: -5px;
  margin: 0 auto;
  left: 0;
  right: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.dep-card-value span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.9em;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.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: 13px;
  height: 40px;
  text-align: center;
  line-height: 15px;
}
.dep-card-title span {
  position: absolute;
  display: block;
  min-width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.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;
}
@media (max-width: 1279px) {
  .dep-card {
    margin-bottom: 10px;
  }
}

.participation {
  padding-right: 30px;
  border-right: 2px solid #ccc;
}
.participation-data {
  display: inline-block;
  font-size: 75px;
  font-weight: 800;
}
.participation-group {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}
.participation-title {
  color: #e5e5e5;
  font-size: 35px;
  line-height: 35px;
}
.participation-staff {
  font-size: 20px;
  line-height: 20px;
}
.participation figure {
  font-size: 70px;
  color: #666;
  float: right;
}
@media (min-width: 1280px) {
  .participation {
    min-width: 600px;
  }
  .participation .participation-group {
    margin-left: 14px;
    margin-right: 8px;
  }
}

.encuesta {
  min-width: 480px;
}
.encuesta-data {
  display: inline-block;
  font-size: 75px;
  font-weight: 800;
}
.encuesta-group {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 14px;
  margin-right: 8px;
}
.encuesta-group div:first-child {
  font-size: 17px;
  line-height: 17px;
}
.encuesta-group div:last-child {
  color: #e5e5e5;
  font-size: 30px;
  line-height: 30px;
}
.encuesta.fw {
  min-width: 100%;
}
.encuesta figure {
  display: inline-block;
  font-size: 50px;
  color: #666;
}

.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: #e5e5e5;
  font-size: 40px;
  line-height: 40px;
}

.two-row-title {
  min-width: 480px;
}
.two-row-title-data {
  display: inline-block;
  font-size: 75px;
  font-weight: 800;
}
.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: #e5e5e5;
  font-weight: 800;
  font-size: 22px;
  line-height: 23px;
}
.two-row-title figure {
  display: inline-block;
  font-size: 50px;
  color: #666;
}

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

.blobal-data {
  width: 300px;
}
.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: #e5e5e5;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
}
.blobal-data.fw {
  width: 100%;
}

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

.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-title {
  display: table-cell;
  padding: 5px;
  font-weight: bold;
  font-size: 15px;
}
.pie-row:first-child {
  margin-top: 15px;
}
.pie-container {
  width: 154px;
  height: 154px;
}

.bloque {
  background-color: #fff;
  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.danger span {
  background-color: #CD3D2C;
  border-left: 3px solid rgb(163.0120481928, 48.5060240964, 34.9879518072);
}
.bloque-bar.warning span {
  background-color: #D9A300;
  border-left: 3px solid rgb(166, 124.6912442396, 0);
}
.bloque-bar.success span {
  background-color: #008A4B;
  border-left: 3px solid rgb(0, 87, 47.2826086957);
}
.bloque-bar span {
  display: block;
  height: 20px;
  background-color: #abcdd9;
  border-left: 3px solid rgb(135.8852459016, 184.0983606557, 201.1147540984);
}
.bloque-data {
  font-size: 30px;
  font-weight: 800;
}

.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.danger span {
  background-color: #CD3D2C;
  border-left: 3px solid rgb(163.0120481928, 48.5060240964, 34.9879518072);
}
.graph-row-bar.warning span {
  background-color: #D9A300;
  border-left: 3px solid rgb(166, 124.6912442396, 0);
}
.graph-row-bar.success span {
  background-color: #008A4B;
  border-left: 3px solid rgb(0, 87, 47.2826086957);
}
.graph-row-bar span {
  display: block;
  height: 25px;
  background-color: rgb(142.9081967213, 188.2786885246, 204.2918032787);
  border-left: 3px solid rgb(118.3278688525, 173.6475409836, 193.1721311475);
  line-height: 0;
  width: 50%;
}
.graph-row-scale {
  display: inline-block;
  margin-left: -2px;
  width: 275px;
  height: 25px;
}
.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-scale-point {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 23px;
}
.graph-scale-point:not(:last-child) {
  border-top: 1px solid #000;
}
.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-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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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.success span {
  background-color: #00B259;
  border-left: 3px solid rgb(0, 127, 63.5);
}
.b-card-bar.warning span {
  background-color: #D9A300;
  border-left: 3px solid rgb(166, 124.6912442396, 0);
}
.b-card-bar.danger span {
  background-color: #CD3D2C;
  border-left: 3px solid rgb(163.0120481928, 48.5060240964, 34.9879518072);
}
.b-card-bar span {
  display: block;
  height: 28px;
  background-color: #abcdd9;
  border-left: 3px solid rgb(135.8852459016, 184.0983606557, 201.1147540984);
}
.b-card-data {
  display: inline-block;
  vertical-align: top;
  width: 14%;
  font-size: 25px;
  line-height: 25px;
  font-weight: 800;
  text-align: center;
}

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

.h2-title {
  font-size: 20px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

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

.table-data {
  background-color: #ffffff;
}

.table-data tbody > tr > td.default {
  background-color: #ffffff;
}
.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 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 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: #ffffff !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;
}
.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.default {
  background-color: #ffffff;
}
.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;
}
.table-criticos tbody tr > td:last-child {
  font-weight: bold;
}

.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: #fff;
}

.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-align: center;
}
.indicadores.plantilla .tarjeta .emedia-div h4 {
  margin-bottom: 0;
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #999;
}
.indicadores.plantilla .tarjeta .emedia-div .fa-caret-down {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #999;
}
.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-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.indicadores.plantilla .tarjeta hr {
  margin-top: 45px;
  border-color: #ccc;
}
.indicadores.plantilla .cabecera {
  margin-bottom: 20px;
}
.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;
}
.indicadores.plantilla .tarjeta h2 {
  text-align: center;
}
@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: 1280px) {
  .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;
  }
}
.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 rgb(208.6, 208.6, 208.6);
  border-radius: 9px;
  padding: 30px;
  background-color: #f7f7f7;
}
.indicadores .tarjeta .chart {
  position: relative;
  height: 100% !important;
  width: 100% !important;
  line-height: 100% !important;
}
.indicadores .tarjeta .chart-height {
  margin-bottom: 10px;
}
.indicadores .tarjeta .chart canvas {
  height: 100% !important;
  width: 100% !important;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #999;
}
.indicadores .tarjeta .dato-porc h3 .fa-caret-left {
  margin-right: 5px;
}
.indicadores .tarjeta .dato-porc p {
  font-size: 9px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: #999;
}
.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: 6px;
  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: #e01620;
}
.indicadores .tarjeta .dato-pen i {
  width: 22px;
  margin-right: 5px;
  border-radius: 100%;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  background-color: #e01620;
  color: white;
}
.indicadores .tarjeta .dato-pen strong {
  margin-right: 5px;
  font-size: 15px;
}
.indicadores .tarjeta .dato-gen {
  margin-bottom: 5px;
}
.indicadores .tarjeta .dato-gen.male i,
.indicadores .tarjeta .dato-gen.male strong {
  background-color: #e5e5e5;
}
.indicadores .tarjeta .dato-gen.female i,
.indicadores .tarjeta .dato-gen.female strong {
  background-color: #999;
}
.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: 6px;
  font-weight: bold;
  font-size: 18px;
  padding: 1px 6px 2px;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 30px;
  text-align: center;
  background-color: #999;
  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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background-color: #ccc;
  color: #333;
}
.indicadores .tarjeta .circulo-tag {
  width: 74px;
  padding: 18px 0;
  font-size: 27px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  background-color: #999;
  color: white;
}
.indicadores .tarjeta .circulo-tag-alt {
  width: 64px;
  padding: 14px 0;
  font-size: 24px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  border: 1px solid #ccc;
}
.indicadores .tarjeta .dato-total h3 {
  margin: 38px 0 0;
  font-size: 18px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 30px;
  text-align: center;
  color: seagreen;
}
.indicadores .tarjeta h2 {
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 800;
  color: #1d1b16;
}
.indicadores h1 {
  margin: 12px 0 36px;
  font-size: 30px;
}
.indicadores h2 {
  margin-top: 0;
  font-size: 18px;
  color: #999;
}

.buscador {
  margin-bottom: 0;
}
.buscador-grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.buscador-grupo.buscador-grupo-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.buscador-grupo.buscador-grupo-fechas .datepicker {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  max-width: 112px;
}
.buscador-grupo.noboot > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-left: 15px;
}
.buscador-grupo.noboot > div:first-child {
  -webkit-box-flex: 3;
      -ms-flex: 3 0 auto;
          flex: 3 0 auto;
  margin-left: 0;
}
.buscador-grupo.noboot > div:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.buscador-grupo.noboot select {
  margin-bottom: 0;
}
.buscador-grupo.sin-panel-buzon .buscador-btn-grupo {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .buscador-grupo.ultima-linea input,
  .buscador-grupo.ultima-linea select {
    margin-bottom: 0;
  }
}
.buscador-grupo.ultima-linea input:last-child,
.buscador-grupo.ultima-linea select:last-child {
  margin-bottom: 0;
}
.buscador-grupo .buscador-btn-grupo {
  margin-right: 40px;
}
.buscador-grupo .buscador-btn-grupo.sin-margen {
  margin-right: 0;
}
.buscador-grupo .buscador-btn-grupo a,
.buscador-grupo .buscador-btn-grupo button,
.buscador-grupo .buscador-btn-grupo .acciones-lote {
  margin-right: 10px;
}
.buscador-grupo .buscador-btn-grupo a:last-child,
.buscador-grupo .buscador-btn-grupo button:last-child,
.buscador-grupo .buscador-btn-grupo .acciones-lote:last-child {
  margin-right: 0;
}
.buscador-grupo .buscador-fechas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.buscador-grupo .buscador-fechas input,
.buscador-grupo .buscador-fechas select {
  margin-bottom: 0px;
}
.buscador-grupo .buscador-fechas input:first-child,
.buscador-grupo .buscador-fechas select:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  margin-bottom: 15px;
}
.buscador-grupo input,
.buscador-grupo select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  margin-bottom: 15px;
}
.buscador-grupo input:first-child,
.buscador-grupo select:first-child {
  margin-left: 0;
}
.buscador-grupo > * {
  margin-left: 15px;
}
.buscador-grupo > *:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .buscador-grupo {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .buscador-grupo.con-panel-buzon {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .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-grupo.con-panel-buzon .buscador-btn-grupo {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .buscador-grupo.con-panel-buzon .panel-buzon {
    margin-top: 0;
  }
  .buscador-grupo.con-panel-buzon .panel-buzon:hover {
    margin-top: -1px;
  }
}
@media screen and (max-width: 767px) {
  .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: 800;
  color: #1d1b16;
}
.buscador .well label i {
  margin-right: 10px;
  color: #333;
}
.buscador .well select {
  margin-bottom: 20px;
}
.buscador .lab-titulo {
  margin-bottom: 10px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: initial;
  color: #1d1b16;
}
.buscador .lab-titulo-bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 15px;
}
.buscador .lab-titulo-bot .lab-titulo-bot-i {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.buscador .lab-titulo-bot .lab-titulo-bot-i .lab-titulo {
  margin-bottom: 0px;
}
.buscador .lab-titulo-bot .lab-titulo-bot-d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.buscador .lab-titulo-bot .lab-titulo-bot-d * {
  margin-left: 15px;
}
.buscador .lab-titulo-bot .lab-titulo-bot-d *:first-child {
  margin-left: 0;
}
.buscador .btn-lg {
  padding: 9px 15px;
}
.buscador .btn-buscador i {
  margin: 0 10px 0 0;
}
.buscador .btn-buscador.no-txt i {
  margin: 0;
}
.buscador .panel-buzon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 16px;
  background-color: #198754;
  border-radius: 20px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  color: white;
}
.buscador .panel-buzon.disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.65;
}
.buscador .panel-buzon.success {
  background-color: mediumseagreen;
  color: white;
}
.buscador .panel-buzon.success:hover {
  background-color: black;
}
.buscador .panel-buzon.success i {
  color: white;
}
.buscador .panel-buzon:hover {
  background-color: #C3FF93;
  color: #198754;
}
.buscador .panel-buzon .panel-buzon-body {
  padding: 15px 20px;
}
.buscador .panel-buzon .panel-buzon-body i {
  float: left;
  font-size: 24px;
  color: #fff;
}
.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(#999, 6);
}
.buscador .panel-buzon i {
  margin-right: 8px;
  font-size: 16px;
}
@media screen and (max-width: 1279px) {
  .buscador .panel-buzon.btn-def {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    padding: 0;
  }
  .buscador .panel-buzon.btn-def i {
    margin-right: 0;
  }
  .buscador .panel-buzon.btn-def span {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .buscador .panel-buzon {
    margin: 15px 0;
  }
}
.buscador .pestanas-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 9;
}
.buscador .pestanas-s .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-top: -1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.buscador .pestanas-s .navbar-nav .disabled:hover {
  background-color: #f5f5f5;
}
.buscador .pestanas-s .navbar-nav .disabled:hover a {
  color: #ccc;
}
.buscador .pestanas-s .navbar-nav .disabled a {
  color: #ccc;
}
.buscador .pestanas-s .navbar-nav li {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-top: 2px;
  margin-left: 8px;
  cursor: pointer;
  text-transform: uppercase;
  border: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.buscador .pestanas-s .navbar-nav li:first-child {
  margin-left: 0;
}
.buscador .pestanas-s .navbar-nav li.active {
  border-bottom: 0;
  background-color: white;
  cursor: initial;
}
.buscador .pestanas-s .navbar-nav li.active:hover {
  background-color: white;
}
.buscador .pestanas-s .navbar-nav li.active:hover a {
  color: #337ab7;
}
.buscador .pestanas-s .navbar-nav li.active a {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  color: #337ab7;
  cursor: initial;
}
.buscador .pestanas-s .navbar-nav li.active a:hover, .buscador .pestanas-s .navbar-nav li.active a:focus {
  background-color: transparent;
}
.buscador .pestanas-s .navbar-nav li:hover {
  background-color: black;
}
.buscador .pestanas-s .navbar-nav li:hover a {
  color: white;
}
.buscador .pestanas-s .navbar-nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0 16px;
  background-color: transparent;
  color: #333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.buscador .pestanas-s .pestana-s-bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px;
  margin-bottom: 23px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.buscador .pestanas-s .pestana-s-bot * {
  margin-left: 8px;
}
.buscador .pestanas-s .pestana-s-bot *:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .buscador .pestanas-s {
    display: block;
  }
  .buscador .pestanas-s .pestana-s-bot {
    margin-left: 0;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .buscador .pestanas-s .pestana-s-bot * {
    margin-left: 0;
  }
  .buscador .pestanas-s .navbar-nav {
    display: block;
    height: auto;
    margin-top: 0;
  }
  .buscador .pestanas-s .navbar-nav li {
    font-size: 12px;
    width: 100%;
    height: 30px;
    margin: 0;
    border-bottom: 0;
  }
  .buscador .pestanas-s .navbar-nav li.active {
    font-size: 14px;
    height: 60px;
  }
}
.buscador form {
  margin-bottom: 32px;
  border-top: 0;
  border-bottom: 0;
  padding: 0;
}
.buscador form.no-border {
  border: 0;
  padding: 0;
}
@media screen and (min-width: 1023px) {
  .buscador .well {
    padding-bottom: 10px;
  }
  .buscador .well select {
    margin-bottom: 0;
  }
}

.indicador {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 12px;
  position: relative;
  display: inline-block;
  padding: 29px 24px 24px;
  text-align: center;
  text-transform: uppercase;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
}
.indicador i {
  font-size: 20px !important;
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 2px solid white;
  border-radius: 100%;
  background-color: white;
}
.indicador span {
  font-size: 42px;
  line-height: 1;
  display: block;
}
.indicador small {
  font-size: 100%;
  text-transform: none;
}
@media screen and (max-width: 767px) {
  .indicador {
    margin-top: 30px;
    float: none !important;
  }
}

.evaluacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.evaluacion .cabecera {
  margin: 0 0 45px;
}
.evaluacion .cabecera .opciones,
.evaluacion .cabecera .year {
  font-size: 1.3em;
  padding-right: 20px;
}
.evaluacion .cabecera .opciones {
  background-color: #e5e5e5;
  padding-left: 20px;
  border-radius: 0 3px 3px 0;
  text-transform: none;
}
.evaluacion .cabecera .opciones,
.evaluacion .cabecera .opciones:active,
.evaluacion .cabecera .opciones:focus {
  color: #1d1b16;
}
.evaluacion .cabecera .year {
  background-color: #fff;
  border-radius: 3px 0 0 3px;
  margin-right: -3px;
  padding-left: 30px;
  color: #1d1b16;
  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: #fff !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 .cabecera h1 {
  font-size: 30px;
}
.evaluacion .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
  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 .nav-tabs {
  margin-top: 2em;
}
.evaluacion .nav-tabs > li.active > a {
  color: #1d1b16;
}
.evaluacion .nav-tabs > li.active > a:focus {
  color: #1d1b16;
}
.evaluacion .nav-tabs > li > a {
  color: #444242;
}
.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: 8px;
  border-bottom: 1px solid #dcdcdc;
  border-top: 3px solid #e5e5e5;
  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 .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-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-wrapper h3, .evaluacion .dashbox-wrapper-inline h3 {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.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: #fff;
}
.evaluacion .dashbox-cian .dashbox-icon {
  color: rgba(0, 108, 136, 0.5);
}
.evaluacion .dashbox-verde {
  border-top: 3px solid #006F3D;
  background-color: #00A65A;
  color: #fff;
}
.evaluacion .dashbox-verde .dashbox-icon {
  color: rgba(0, 111, 61, 0.5);
}
.evaluacion .dashbox-amarillo {
  border-top: 3px solid #BC790A;
  background-color: #F39C12;
  color: #fff;
}
.evaluacion .dashbox-amarillo .dashbox-icon {
  color: rgba(188, 121, 10, 0.5);
}
.evaluacion .dashbox-rojo {
  border-top: 3px solid #BD3020;
  background-color: #DD4B39;
  color: #fff;
}
.evaluacion .dashbox-rojo .dashbox-icon {
  color: rgba(189, 48, 32, 0.5);
}
.evaluacion .dashbox-gris {
  border-top: 3px solid rgb(197.7, 197.7, 197.7);
  background-color: #d5d5d5;
  color: #fff;
  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: #fff;
}
.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 .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 .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: #e5e5e5;
  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: #1d1b16;
}
.evaluacion .green {
  color: #999;
}
.evaluacion .worker {
  display: table;
  text-align: right;
  line-height: 35px;
  width: 230px;
}
.evaluacion .worker-number {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.3em;
  width: 100%;
}
.evaluacion .worker-title {
  display: table-cell;
  font-weight: bold;
}
.evaluacion .chart {
  position: relative;
  line-height: initial !important;
}
.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: #e5e5e5;
  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: #1d1b16;
  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: #1d1b16;
}
.evaluacion .chart-arrow .chart-title {
  color: #1d1b16;
  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: #e5e5e5;
}
.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 #e5e5e5;
  top: -25px;
  left: -20px;
  margin: 0 auto;
}
.evaluacion .big .arrow-left::before {
  border-top: 55px solid transparent;
  border-bottom: 55px solid transparent;
  border-right: 20px solid #e5e5e5;
  top: -35px;
}
.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: #fff;
  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: #1d1b16;
}
.evaluacion .bg-arrow.competencias::before {
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
}
.evaluacion .bg-arrow.competencias {
  margin-top: 22px;
}
.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: #1d1b16;
}
.evaluacion .bg-arrow::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 48px solid transparent;
  border-bottom: 48px solid transparent;
  border-right: 30px solid #fff;
  float: left;
}
.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: #fff;
  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 .poster {
  display: table;
  width: 252px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}
.evaluacion .poster .poster-title {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  background-color: #BBB;
  padding: 16px 15px;
  line-height: 20px;
  font-size: 13px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  height: 95px;
}
.evaluacion .poster {
  /*.poster-data {
     font-family: $fuenteBold;
     color: $colorSecundarioClaro;
  }*/
}
.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: 800;
}
.evaluacion .participation-anterior {
  display: block;
}
.evaluacion .participation-anterior-icono {
  width: 420px;
  margin-top: 15px;
  color: #555;
}
.evaluacion .btn-submit {
  background: #999;
  border: solid 1px #999;
  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: #fff;
}
.evaluacion .btn-submit:hover {
  background: #1d1b16;
  border: solid 1px #999;
}
.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 .btn-submit {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  height: auto;
  width: 80%;
}
.evaluacion .table thead > tr > th {
  border-bottom: 0;
  padding: 1.5em 0 1.5em 1em;
  background: #e5e5e5;
  color: #1d1b16;
}
.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 .acciones a {
  margin: 0 0.2em;
}
.evaluacion .pagination.active > a, .evaluacion .pagination.active > span {
  z-index: 3;
  cursor: default;
}
.evaluacion .pagination.active > a:focus, .evaluacion .pagination.active > a:hover, .evaluacion .pagination.active > span:focus, .evaluacion .pagination.active > span:hover {
  z-index: 3;
  cursor: default;
}
.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: #fff;
  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 {
  /* Resultados por área */
}
.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 screen and (min-width: 1280px) {
  .evaluacion .dashbox {
    padding: 0.5em 1em 1em 1.5em;
  }
  .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 #fff;
    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 screen and (min-width: 1024px) {
  .evaluacion .dashbox {
    padding: 0.5em 0.5em 0.5em 0.5em;
  }
}
@media screen and (max-width: 1023px) {
  .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 #e5e5e5;
    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 .poster {
    width: auto;
    text-align: center;
  }
  .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 #e5e5e5;
    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: 767px) {
  .evaluacion .sombraTabla {
    overflow-x: auto;
  }
  .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;
  }
}
@media (max-width: 384px) {
  .evaluacion .anyos {
    margin: 0;
  }
}

.competencias .navegacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.competencias .navegacion * {
  margin-left: 8px;
}
.competencias .navegacion *:first-child {
  margin-left: 0;
}

.formacion {
  padding: 12px 0 28px;
  font-size: 14px;
}
.formacion .cabecera {
  margin: 0 0 45px;
}
.formacion .cabecera .year {
  width: 180px;
  margin-right: 0;
  padding-right: 20px;
  font-size: 1.3em;
  border-radius: 3px;
  padding-left: 30px;
  background-color: #e5e5e5;
  color: #1d1b16;
}
.formacion .cabecera .year i {
  padding-left: 12px;
}
.formacion .cabecera h1 {
  font-size: 30px;
}
.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-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  color: #1d1b16;
}
.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: #999;
}
.formacion .btn-tip:hover {
  color: #999;
}
.formacion .btn-tip .icon-info {
  background-position: 0 -72px;
}
.formacion .panel-carets {
  display: inline-block;
}
.formacion .panel-carets .fa-caret-up {
  color: mediumseagreen;
}
.formacion .panel-carets .fa-caret-down {
  color: #e01620;
}
.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;
}
@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 rgb(208.6, 208.6, 208.6);
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom: none;
  background-color: transparent;
}
.formacion .panel-card .panel-heading .panel-title {
  color: #1d1b16;
  font-size: 21px;
  font-weight: 800;
}
.formacion .panel-card .panel-heading h4.panel-title {
  color: #999;
  font-size: 21px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.formacion .panel-body {
  display: block;
  padding: 5px 30px 40px;
}
.formacion .panel-body .table-480 {
  display: none;
}
.formacion .panel-body table {
  width: 100%;
  margin-top: 25px;
}
.formacion .panel-body table strong {
  font-weight: 800;
}
@media screen and (max-width: 480px) {
  .formacion .panel-body table {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .formacion .panel-body .table-800 {
    display: none;
  }
  .formacion .panel-body .table-480 {
    display: table;
  }
}
.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: #999;
  color: white;
  border-color: #999;
}
@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;
}
.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 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;
  }
}
@media screen and (max-width: 480px) {
  .formacion .cabecera .dropdown {
    margin-top: 20px;
  }
  .formacion .cabecera .year {
    display: block;
    width: auto;
  }
}

.buscador .panel.gdoc .panel-body .buscador-grupo input,
.buscador .panel.gdoc .panel-body .buscador-grupo select {
  margin-bottom: 0;
}
.buscador .panel.gdoc .panel-body .buscador-grupo input:last-child,
.buscador .panel.gdoc .panel-body .buscador-grupo select:last-child {
  margin-right: 0;
}
.buscador .panel.gdoc .panel-body .form-control {
  height: 40px;
}
.buscador .panel.gdoc .panel-body > * {
  margin-top: 15px;
}
.buscador .panel.gdoc .panel-body > *:first-child {
  margin-top: 0;
}
.buscador .linea-autor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  border-bottom: 1px solid #e5e5e5;
  padding: 30px;
  background-color: #f5f5f5;
}
.buscador .linea-autor .grande .sub {
  margin-bottom: 8px;
}
.buscador .linea-autor .grande .dato {
  font-size: 20px;
}
.buscador .linea-autor .sub {
  margin-bottom: 12px;
  font-size: 11px;
  text-transform: uppercase;
}
.buscador .linea-autor .dato {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.buscador .linea-autor .dato .ok,
.buscador .linea-autor .dato .ko {
  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: 0 auto;
  border-radius: 100%;
  font-size: 16px;
  color: white;
}
.buscador .linea-autor .dato .ok {
  background-color: mediumseagreen;
}
.buscador .linea-autor .dato .ko {
  background-color: #e01620;
}
.buscador .linea-autor > div {
  margin-left: 30px;
}
.buscador .linea-autor > div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-left: 0;
}

.close {
  color: black;
  opacity: 1;
  text-shadow: 0;
}
.close .fa {
  color: #e5e5e5;
}

.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;
}

.grupo-btn-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grupo-btn-modal > * {
  margin-left: 15px;
}
.grupo-btn-modal > *:first-child {
  margin-left: 0;
}

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

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  height: 40px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  padding: 0 56px 0 16px;
  border: 1px solid;
  border-radius: 0;
  line-height: 1;
  color: #999;
}
.btn-default {
  background-color: transparent;
  color: #999;
}
.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus {
  border-color: #999;
  background-color: #999;
  color: white;
}
.btn-default::after {
  background-color: #999;
}
.btn-default.btn-on.active {
  background-color: #5BB75B;
  color: white;
}
.btn-default.btn-on.active:hover {
  background-color: #5BB75B;
  color: white;
}
.btn-default.btn-on::after {
  content: initial;
  width: 0px;
}
.btn-default.btn-off.active {
  background-color: #DA4F49;
  color: white;
}
.btn-default.btn-off.active:hover {
  background-color: #DA4F49;
  color: white;
}
.btn-default.btn-off::after {
  content: initial;
  width: 0px;
}
.btn.btn-primary {
  background-color: transparent;
  color: white;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:active:focus {
  border-color: white;
  background-color: white;
  color: black;
}
.btn.btn-primary .fas {
  margin-right: 16px;
  font-size: 18px;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .btn.btn-primary .fas {
    display: none;
  }
}
.btn.btn-primary span {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .btn.btn-primary span {
    display: none;
  }
}
.btn.btn-secondary {
  background-color: transparent;
  color: black;
}
.btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus, .btn.btn-secondary:active:focus {
  border-color: black;
  background-color: black;
  color: white;
}
.btn.btn-secondary::after {
  background-color: black;
}
.btn.btn-link {
  color: #999;
}
.btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:active:focus {
  color: #d5d5d5;
  text-decoration: none;
}
.btn.btn-info, .btn.btn-submit {
  font-size: 12px;
  font-weight: 500;
  background-color: #999;
  color: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn.btn-info:hover, .btn.btn-submit:hover, .btn.btn-info:active, .btn.btn-submit:active, .btn.btn-info:focus, .btn.btn-submit:focus, .btn.btn-info:active:focus {
  background-color: #1d1b16;
  color: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn.btn-warning {
  background-color: darkorange;
  color: white;
}
.btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:focus {
  background-color: #cc7000;
  color: white;
}
.btn.btn-success {
  border-color: mediumseagreen;
  background-color: transparent;
  color: mediumseagreen;
}
.btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus {
  border-color: mediumseagreen;
  background-color: mediumseagreen;
  color: white;
}
.btn.btn-success::after {
  background-color: mediumseagreen;
}
.btn.btn-danger {
  border-color: #e01620;
  background-color: transparent;
  color: #e01620;
}
.btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus {
  border-color: #e01620;
  background-color: #e01620;
  color: white;
}
.btn.btn-danger::after {
  background-color: #e01620;
}
.btn-gold {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 36px;
  border: 0;
  border-radius: 36px;
  padding: 0 16px;
  text-transform: uppercase;
  color: white;
  background-color: #198754;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.btn-gold.btn-gold-w {
  background-color: white;
  color: mediumseagreen;
}
.btn-gold.btn-gold-w:hover {
  background-color: rgb(247.35, 247.35, 247.35);
  color: mediumseagreen;
}
.btn-gold.btn-gold-d {
  background-color: #e01620;
}
.btn-gold.btn-gold-d:hover {
  background-color: rgb(214.712195122, 21.087804878, 30.6731707317);
  color: white;
}
.btn-gold.btn-gold-r {
  border: 1px solid #e5e5e5;
}
.btn-gold.btn-gold-ico {
  width: 36px;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-gold.btn-gold-ico.disabled {
  color: #d5d5d5;
}
.btn-gold.disabled, .btn-gold[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-gold:hover, .btn-gold:active, .btn-gold:focus {
  color: #198754;
  background-color: #C3FF93;
}
.btn-gold input[type=radio] {
  display: none;
}
@media screen and (max-width: 1023px) {
  .btn-gold.notv .fa-izq {
    margin-right: 0;
  }
  .btn-gold.notv .fa-der {
    margin-left: 0;
  }
  .btn-gold.notv span {
    display: none;
  }
}
.btn-alt {
  border-color: #968F4A;
  background-color: transparent;
  color: #968F4A;
}
.btn-alt:hover, .btn-alt:active, .btn-alt:focus {
  border-color: #968F4A;
  background-color: #968F4A;
  color: white;
}
.btn-alt::after {
  background-color: #968F4A;
}
.btn-ico {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  padding: 0;
  background-color: transparent;
  color: #999;
  border-color: #d5d5d5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-ico::after {
  display: none;
}
.btn-ico:hover {
  border-color: black;
}
.btn-ico:hover .fas {
  color: #999;
}
.btn-submit {
  background: #999;
  border: solid 1px #999;
  padding: 8px 15px;
  text-align: center;
  margin-top: 7px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
  color: white;
}
.btn-inactivo {
  background-color: #e4e4e4;
  cursor: inherit;
}
.btn-tip {
  background: transparent;
  padding: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2px;
  top: 2px;
  color: #738395;
}
.btn-tip:hover {
  color: #738395;
}
.btn-tip i {
  font-size: 1.3em;
}
.btn-claros {
  color: #f7f7f7;
  background-color: #e5e5e5;
  -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 i {
  bottom: 15px;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
.btn-claros:hover {
  color: #2f353a;
  background-color: #9a9a9a;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.btn-home {
  position: relative;
  width: 100%;
  height: 75px;
  margin-bottom: 15px;
  white-space: normal;
}
.btn-home i {
  position: absolute;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.3);
  right: 15px;
  bottom: 25px;
}
.btn-home strong {
  position: absolute;
  right: 0;
  left: 0;
  width: 65%;
  font-size: 17px;
  line-height: 18px;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn-monocurso {
  overflow: hidden;
  display: block;
  height: 400px;
  background-size: cover;
  border-radius: 0;
  border-bottom: 4px solid #e5e5e5;
  -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: #e5e5e5;
  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 .icon-play {
  color: #738395;
}
.btn-monocurso:hover figure {
  -webkit-filter: saturate(120%);
  filter: saturate(120%);
}
.btn-monocurso:hover {
  border-bottom: 4px solid #738395;
}
.btn-new-info {
  margin-left: 15px;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.btn-ayuda {
  border: 0;
  padding: 0;
  background-color: transparent;
  color: #999;
}
.btn-ayuda:hover {
  color: #333;
}
.btn-docs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: black;
  padding: 0;
}
.btn-docs .fas {
  font-size: 14px;
}
.btn-docs::after {
  display: none;
}
.btn-docs:hover {
  background-color: #999;
  color: white;
}
.btn-panel-admin {
  position: relative;
  display: block;
  background-color: #dfdfd0;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  padding: 20px 40px;
  color: #666;
  -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);
  min-height: 140px;
}
@media screen and (max-width: 991px) {
  .btn-panel-admin {
    margin-top: 12px;
  }
}
.btn-panel-admin h2 {
  width: 85%;
  font-size: 18px;
  line-height: 30px;
  margin-top: 7px;
  text-transform: uppercase;
  color: #333;
}
.btn-panel-admin h2 strong {
  font-size: 25px;
  color: #1d1b16;
}
.btn-panel-admin h2.one-line {
  margin-top: 22px;
}
.btn-panel-admin {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-panel-admin:hover, .btn-panel-admin:active {
  color: #e5e5e5;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-panel-admin .icon {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 36px;
  width: 16%;
}
@media screen and (max-width: 991px) {
  .btn-panel-admin .icon {
    bottom: 25px;
  }
}
.btn-panel-admin .icon img {
  width: 100%;
  max-width: 105px;
}
.btn-eva {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 6px;
  background-color: black;
  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.disabled, .btn-eva[disabled] {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.btn-eva:hover, .btn-eva:active, .btn-eva:focus, .btn-eva:active:focus {
  background-color: black;
  color: white;
}
.btn-eva .cur-sta {
  top: 10px;
}
.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 h4 {
  margin: 30px 0;
  padding: 0 15px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 30px;
}
.btn-eva span {
  position: absolute;
  top: 9px;
  font-size: 18px;
  font-weight: 100;
}
.btn-eval {
  border: 1px solid #d5d5d5;
  padding: 0 16px;
}
.btn-eval-team {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 36px;
  padding: 0 16px;
  text-transform: uppercase;
  color: white;
  border-radius: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-eval-team.state-general {
  background-color: black;
}
.btn-eval-team.state-general:hover {
  background-color: black;
}
.btn-eval-team.state-realizado {
  background-color: mediumseagreen;
}
.btn-eval-team.state-realizado:hover {
  background-color: rgb(49.7573221757, 148.4426778243, 93.709623431);
}
.btn-eval-team.state-norealizado {
  background-color: #e01620;
  pointer-events: none;
  cursor: not-allowed;
}
.btn-eval-team.state-norealizado:hover {
  background-color: rgb(186.8487804878, 18.3512195122, 26.6926829268);
}
.btn-eval-team.state-pendiente {
  background-color: darkorange;
}
.btn-eval-team.state-pendiente:hover {
  background-color: rgb(214.2, 117.6, 0);
}
.btn-eval-team.state-nosujeto {
  background-color: #968F4A;
}
.btn-eval-team.state-nosujeto:hover {
  background-color: rgb(122.6785714286, 116.9535714286, 60.5214285714);
}
.btn-eval-team.state-nodisponible {
  background-color: #999;
  pointer-events: none;
  cursor: not-allowed;
}
.btn-eval-team.state-nodisponible:hover {
  background-color: rgb(132.6, 132.6, 132.6);
}
.btn-eval-team.state-eliminar {
  background-color: white;
  color: #e5e5e5;
}
.btn-eval-team.state-eliminar:hover {
  color: #e5e5e5;
}
.btn-eval-team.disabled {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
.btn-eval-team:hover {
  color: white;
}
.btn-eval-team i {
  margin: 0 !important;
  color: white;
}
.btn-eval::after {
  display: none;
}
.btn-eval:hover {
  color: #999;
}
.btn-eval:hover span {
  border-color: #999;
  color: #999;
}
.btn-eval span {
  color: #333;
}
.btn-eval i {
  font-size: 16px;
}
.btn-eval-team[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
.btn-tutorial {
  display: block;
  position: relative;
  margin-top: 10px;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 14px;
  background-color: #999;
  color: white;
}
.btn-tutorial:hover {
  background-color: #999;
  color: white;
}
.btn-tutorial i {
  position: absolute;
  top: 13px;
  right: 30px;
}
.btn-fw {
  width: 100%;
}
.btn-full {
  width: 100%;
}
.btn-fortaleza {
  width: 100%;
  padding-left: 1.2em;
  text-align: left;
}
.btn-fortaleza input {
  display: none;
}
.btn.btn-thin {
  height: 10px;
  border: none;
  padding: 0 46px 0 0;
  color: white;
}
.btn.btn-thin::after {
  height: 8px;
  right: -10px;
}
.btn.btn-thin:hover, .btn.btn-thin:active, .btn.btn-thin:focus, .btn.btn-thin:active:focus {
  color: #999;
}
.btn.btn-thin:hover::after, .btn.btn-thin:active::after, .btn.btn-thin:focus::after, .btn.btn-thin:active:focus::after {
  background-color: #999;
}
.btn.btn-thin.btn-secondary {
  color: black;
}
.btn.btn-thin.btn-secondary::after {
  background-color: black;
}
.btn.btn-thin.btn-secondary:hover, .btn.btn-thin.btn-secondary:active, .btn.btn-thin.btn-secondary:focus, .btn.btn-thin.btn-secondary:active:focus {
  background-color: transparent;
  color: #999;
}
.btn.btn-thin.btn-secondary:hover::after, .btn.btn-thin.btn-secondary:active::after, .btn.btn-thin.btn-secondary:focus::after, .btn.btn-thin.btn-secondary:active:focus::after {
  background-color: #999;
}
.btn.delete_permiso, .btn.delete_empleado {
  border: 0;
  background-color: #e5e5e5;
}
.btn.delete_permiso::after, .btn.delete_empleado::after {
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: bold;
  right: 12px;
  height: initial;
  width: initial;
  content: "\f057";
  -webkit-transform: initial;
          transform: initial;
  color: #999;
  background-color: initial;
}
.btn.delete_permiso:hover, .btn.delete_empleado:hover {
  background-color: #e01620;
  color: white;
}
.btn.delete_permiso:hover::after, .btn.delete_empleado:hover::after {
  color: white;
}
.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;
}
.btn::after {
  content: "";
  position: absolute;
  right: -20px;
  -webkit-transform: skewX(-35deg);
          transform: skewX(-35deg);
  height: 40px;
  width: 40px;
  background-color: white;
}
.btn .fa {
  margin-left: 4px;
}

.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: #cbd4dd;
  color: #d5d5d5;
}
.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: #999;
  color: white;
}
.evaluaciones .btn-submit:active, .evaluaciones .btn-submit:focus, .evaluaciones .btn-submit:hover {
  background-color: #1d1b16;
}
.evaluaciones .btn-submit i {
  margin-right: 5px;
  margin-left: 0;
}
.evaluaciones .botones-800 {
  display: none;
}
@media screen and (max-width: 800px) {
  .evaluaciones .botones-800 {
    display: block;
    margin-top: 40px;
  }
}

.anyo .btn-anyo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding: 0 12px 0 16px;
  border: 1px solid #d5d5d5;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
}
.anyo .btn-anyo i {
  color: #999;
}
.anyo .btn-anyo::after {
  display: none;
}
.anyo .btn-anyo:hover {
  border-color: #999;
  color: #999;
}

.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;
}

.bot-home {
  display: block;
  overflow: hidden;
  position: relative;
  height: 260px;
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  -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: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0;
  padding-left: 20px;
  margin: 0;
  line-height: 97px;
  background-color: black;
}
.bot-home h3 .bot-home-titulo {
  display: block;
  font-size: 1em;
  text-align: center;
  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: white;
  color: #999;
}
.bot-home h3 .bot-home-icon i {
  position: static;
  font-size: 24px;
  line-height: 60px;
  vertical-align: top;
}

.high-buttons .btn-panel-admin {
  min-height: 128px;
}
.high-buttons .col-md-4 .img-01,
.high-buttons .col-md-4 .img-02,
.high-buttons .col-md-4 .img-03,
.high-buttons .col-md-4 .img-04 {
  background-size: cover;
}
.high-buttons .img-01,
.high-buttons .img-02,
.high-buttons .img-03,
.high-buttons .img-04 {
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  .high-buttons .img-01,
  .high-buttons .img-02,
  .high-buttons .img-03,
  .high-buttons .img-04 {
    background-size: cover;
  }
}
.high-buttons .img-01 {
  background-image: url(../img/img-01.png);
}
.high-buttons .img-02 {
  background-image: url(../img/img-02.png);
}
.high-buttons .img-03 {
  background-image: url(../img/img-03.png);
}
.high-buttons .img-04 {
  background-image: url(../img/img-04.png);
}
.high-buttons .btn-panel-admin h2 {
  font-size: 18px;
}
.high-buttons .btn-panel-admin h2 strong {
  font-size: 27px;
}

.v2 .bot-home {
  height: 240px;
  margin-bottom: 32px;
}
.v2 .bot-home.img01 {
  background-image: url("../img/home-btn-01-v3.jpg");
  background-size: cover;
}
.v2 .bot-home.img02 {
  background-image: url("../img/home-btn-02-v3.jpg");
  background-size: cover;
}
.v2 .bot-home.img03 {
  background-image: url("../img/home-btn-03-v3.jpg");
  background-size: cover;
}
.v2 .bot-home.img04 {
  background-image: url("../img/home-btn-04-v3.jpg");
  background-size: cover;
}
.v2 .bot-home h3 {
  line-height: inherit;
  height: 120px;
}
.v2 .bot-home h3 .bot-home-titulo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 90%;
  line-height: 28px;
}
.v2 .home-calendar {
  margin-top: 16px;
  margin-bottom: 4em;
}

.data_table_css .btn {
  padding: 6px 10px;
  font-size: 14px;
  background-color: #337ab7;
  border-radius: 8px;
}
.data_table_css .btn-lg {
  height: 40px;
  padding: 0 16px;
  font-size: 11px;
  color: white;
}
.data_table_css .btn-lg::after {
  display: none;
}
.data_table_css .btn-lg:hover {
  background-color: #144974;
  color: white;
}
.data_table_css .btn-lg i {
  margin-right: 8px;
  font-size: 16px;
  color: white;
}
.data_table_css .btn-def {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.data_table_css .btn-alert, .data_table_css .btn-alert:visited {
  color: #fff;
  background-color: #BA290C;
  border-color: #ac260b;
}
.data_table_css .btn-alert:hover {
  color: #fff;
  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: #999;
  color: white;
}
.data_table_css .btn-firmado i {
  margin-right: 5px;
}
.data_table_css .btn-respuesta {
  padding: 9px 15px;
  font-size: 12px;
  background-color: mediumseagreen;
}
.data_table_css .btn-respuesta:hover {
  background-color: rgb(52.3179916318, 156.0820083682, 98.5322175732);
}
.data_table_css .btn-respuesta .fas {
  margin-right: 10px;
}

a.btn-eva.disabled {
  background-color: black;
  pointer-events: none;
}

label.btn::after {
  display: none;
}
label.btn-gold {
  cursor: pointer;
}

.cursos .card-ent {
  margin: 0;
  padding-bottom: 0;
  background-color: #cbd4dd;
}
.cursos .card-ent.curso:hover::after {
  width: 30%;
  height: 100%;
  padding: 0;
}
.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: rgb(74.1171875, 95.09375, 104.8828125);
}
.cursos .card-eva {
  margin: 0;
  padding-bottom: 0;
  background-color: #ed7527;
}
.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 .card-eva .card-heading {
  position: relative;
  height: 118px;
}
.cursos .card-eva .card-heading .notas {
  position: absolute;
  top: 108px;
  left: 147px;
  font-size: 18px;
  font-weight: 100;
  color: rgb(74.1171875, 95.09375, 104.8828125);
}
.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;
}

.card {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: black;
}
.card.card-darken {
  background-color: #008cb4;
  color: white;
  border-bottom: 10px solid #037798;
}
.card.disabled, .card[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
.card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent));
  background-image: linear-gradient(to top, black 0%, transparent 100%);
}
.card:hover figure, .card:focus figure, .card:active figure {
  opacity: 0.3333333333;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.card:hover .card-heading h3::after, .card:focus .card-heading h3::after, .card:active .card-heading h3::after {
  right: -28px;
}
.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-body, .card-footer {
  display: block;
  position: relative;
  padding: 20px;
}
.card-heading {
  position: absolute;
  bottom: 24px;
  width: 100%;
  padding: 0 24px;
  z-index: 1;
}
.card-heading .tag-aula {
  text-transform: uppercase;
  color: #e5e5e5;
  letter-spacing: 2px;
  margin-bottom: 8px;
  display: block;
}
.card-heading .card-title {
  font-weight: 400;
  color: #e5e5e5;
}
.card-heading h3 {
  position: relative;
  font-size: 20px;
  margin: 0;
  color: white;
}
.card-heading h3::after {
  content: "";
  position: absolute;
  right: -44px;
  bottom: 6px;
  -webkit-transform: skewX(-35deg);
          transform: skewX(-35deg);
  height: 8px;
  width: 40px;
  background-color: white;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.card-heading small {
  text-transform: uppercase;
}
.card-title {
  color: #35444b;
  margin: 0;
  font-size: 20px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  line-height: 1;
}
.card-footer {
  color: #65665C;
  padding-top: 0;
  font-size: 13px;
  text-transform: uppercase;
  text-align: right;
}
.card-footer .tipo-formacion {
  position: relative;
  padding: 4px 10px;
  border-radius: 2px;
  line-height: normal;
  right: auto;
  top: auto;
}
.card-footer span {
  text-transform: lowercase;
  margin: 0 2px;
  font-size: 14px;
  line-height: 18px;
}
.card-dark {
  position: relative;
  overflow: hidden;
  display: block;
  color: white;
  border-radius: 6px;
  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: 6px;
  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: #fff;
  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: 6px;
  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: #e5e5e5;
}
.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: #000;
  height: 190px;
}
.card-default figure .actions {
  color: white;
  position: absolute;
  top: 24%;
  left: 0;
  right: 0;
  text-align: center;
}
.card-default figure .actions i {
  font-size: 50px;
}
.card-default figure .actions span {
  display: block;
}
.card-default figure .actions {
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.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: #e5e5e5;
  letter-spacing: 2px;
  margin-bottom: 8px;
  display: block;
}
.card-default .card-heading .card-title {
  font-weight: 400;
  color: #e5e5e5;
}
.card-default .card-heading small {
  margin-top: 5px;
}
.card-default .card-title {
  color: #35444b;
  margin: 0;
  font-size: 20px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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: 6px;
  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: #e5e5e5;
}
.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: #e5e5e5;
}
.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: #000;
  height: 190px;
}
.card-default-nav figure .actions {
  color: white;
  position: absolute;
  top: 24%;
  left: 0;
  right: 0;
  text-align: center;
}
.card-default-nav figure .actions i {
  font-size: 50px;
}
.card-default-nav figure .actions span {
  display: block;
}
.card-default-nav figure .actions {
  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::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: #e5e5e5;
  letter-spacing: 2px;
  margin-bottom: 8px;
  display: block;
}
.card-default-nav .card-heading .card-title {
  font-weight: 400;
  color: #e5e5e5;
}
.card-default-nav .card-heading small {
  margin-top: 5px;
}
.card-default-nav .card-title {
  color: #35444b;
  margin: 0;
  font-size: 20px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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: #ffffff;
}
.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-horas {
  position: absolute;
  right: 10px;
  top: 113px;
  background-color: #184c95;
  color: #ffffff;
  padding: 3px 7px;
  border-radius: 5px;
}
.card-eva-img figure {
  position: relative;
  background-color: white;
}
.card-eva-img:hover .card-heading h3 {
  border-left: 2px solid #e5e5e5;
}
.card-eva-img figure::after {
  background: #e5e5e5 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;
}
.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;
}
.card-share .btn-group-d {
  line-height: 60px;
}
.card-share {
  margin-bottom: 20px;
}
.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: #ffffff;
}
.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.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: #292728;
  font-size: 13px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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 rgb(178.5, 98, 0);
  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: #292728;
  font-size: 13px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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 rgb(178.5, 98, 0);
  border-right: 10px solid transparent;
}
.card.curso {
  height: 210px;
  padding: 0;
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.card.curso::after {
  display: none;
}
.card.curso.disabled figure {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.card.curso:hover figure::after {
  display: none;
  content: "";
  opacity: 0.6;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card.curso:hover figure img {
  -webkit-transform: scale(1.16);
          transform: scale(1.16);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.card.curso.docs, .card.curso.eva {
  height: 172px;
  margin-top: 30px;
}
.card.curso.docs.alt, .card.curso.eva.alt {
  background-color: #968F4A;
}
.card.curso .card-heading h3 {
  font-size: 16px;
  line-height: 1.2;
}
.card.curso figure {
  overflow: hidden;
  height: 105px;
}
.card.curso figure::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 210px;
  opacity: 0;
  background: #e5e5e5 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 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card.curso img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media screen and (max-width: 1279px) {
  .card.curso {
    height: 172px;
  }
  .card.curso.docs, .card.curso.eva {
    height: 153px;
  }
  .card.curso figure {
    height: 86px;
  }
}
.card .cur-sta {
  position: absolute;
  z-index: 100;
  top: 12px;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card .cur-sta i {
  font-size: 12px;
  color: white;
}
.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: #e01620;
}
.card figure {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 192px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1279px) {
  .card figure {
    min-height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .card figure {
    height: 150px;
  }
}
@media screen and (min-width: 1280px) {
  .card .card-title {
    font-size: 24px;
  }
}

.c-card {
  position: relative;
  display: block;
  overflow: hidden;
  height: 235px;
  border-radius: 8px;
  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-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%;
}
.c-card:hover {
  text-decoration: none;
}
.c-card:hover img {
  opacity: 0.8;
}

.dpro {
  display: block;
  margin-bottom: 24px;
  background-color: #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}
.dpro:hover {
  background-color: black;
}
.dpro:hover .btn-thin {
  color: white;
}
.dpro:hover .btn-thin::after {
  right: -30px;
  background-color: white;
}
.dpro:hover .detalle {
  background-color: black;
}
.dpro:hover .img-responsive {
  opacity: 0.3333333333;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.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: 120px;
  padding: 20px 24px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .dpro .cover {
    position: absolute;
    height: 186px;
    z-index: 2;
  }
}
.dpro .btn-thin::after {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.dpro .btn-thin {
  z-index: 99;
}
.dpro .img-responsive {
  position: relative;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .dpro .img-responsive {
    height: 186px;
  }
}
.dpro .detalle {
  position: absolute;
  top: 0;
  right: 186px;
  -webkit-transform: skewX(-35deg);
          transform: skewX(-35deg);
  height: 120px;
  width: 120px;
  background-color: #999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 1279px) {
  .dpro .detalle {
    right: 145px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .dpro .detalle {
    right: 107px;
    height: 186px;
    width: 130px;
  }
}
@media screen and (max-width: 767px) {
  .dpro .detalle {
    right: 57px;
  }
}
.dpro .detalle.v2 {
  right: 76px !important;
}
@media screen and (max-width: 1279px) {
  .dpro .detalle.v2 {
    right: 76px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .dpro .detalle.v2 {
    right: 48px !important;
  }
}
@media screen and (max-width: 767px) {
  .dpro .detalle.v2 {
    right: 68px !important;
  }
}
.dpro h3 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  color: white;
  z-index: 99;
}
.dpro h3 small {
  font-size: 14px;
  text-transform: uppercase;
  color: #d5d5d5;
}
.dpro.green {
  background-color: #008790 !important;
}
.dpro.green .detalle {
  background-color: #008790 !important;
}
.dpro.green:hover {
  background-color: #01575e !important;
}
.dpro.green:hover .detalle {
  background-color: #01575e !important;
}

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

.gris {
  background-color: #968F4A;
}

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

.negro {
  background-color: black;
}

.verde {
  background-color: mediumseagreen;
}

.rojo {
  background-color: #e01620;
}

.small-cards .card.curso {
  height: 105px;
}
.small-cards .card.curso:hover {
  background-color: rgb(38.25, 38.25, 38.25);
}
.small-cards .card.curso figure {
  display: none;
}

.cursos .trx-cards .card.curso {
  height: 50px;
  border: 0;
  background-color: #738395;
}
.cursos .trx-cards .card.curso .card-heading h3 {
  font-size: 14px;
  line-height: 1;
  color: white;
}
.cursos .trx-cards .card .cur-sta {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cursos .trx-cards .card .card-heading {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-right: 46px;
}
.cursos .trx-cards .card .card-heading h3::after {
  display: none;
}

.row.v2 a.card.curso {
  background-color: #d5d5d5;
}
.row.v2 a.card.curso:hover {
  background-color: rgb(174.75, 174.75, 174.75);
}
.row.v2 a.card.curso .card-heading h3 {
  color: #292728;
}

.biblioteca .tarjeta-campus {
  display: block;
  overflow: hidden;
  margin-bottom: 32px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background-color: white;
}
.biblioteca .tarjeta-campus .t-c-imagen {
  position: relative;
  height: 146px;
}
.biblioteca .tarjeta-campus .t-c-imagen .t-c-i-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biblioteca .tarjeta-campus .t-c-imagen .t-c-i-bandera {
  position: absolute;
  top: 12px;
  right: 12px;
}
.biblioteca .tarjeta-campus .t-c-imagen .t-c-i-reloj {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 12px;
  position: absolute;
  right: 12px;
  bottom: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  width: 32px;
  border-radius: 100%;
  text-transform: uppercase;
  color: #333;
  background-color: #ccc;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.biblioteca .tarjeta-campus .t-c-datos {
  padding: 24px;
}
@media (width >= 1200px) {
  .biblioteca .tarjeta-campus .t-c-datos.x1 h3 {
    min-height: 60px;
  }
  .biblioteca .tarjeta-campus .t-c-datos.x2 h3 {
    min-height: 80px;
  }
}
.biblioteca .tarjeta-campus .t-c-datos h3 {
  min-height: 40px;
  margin: 0px;
  font-size: 18px;
  line-height: 20px;
  color: #333;
}
.biblioteca .tarjeta-campus .t-c-datos p {
  min-height: 32px;
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 16px;
}
.biblioteca .tarjeta-campus:hover {
  background-color: #999;
  color: #ccc;
}
.biblioteca .tarjeta-campus:hover h3 {
  color: white;
}
.biblioteca .tarjeta-video > a {
  display: block;
  overflow: hidden;
  margin-bottom: 32px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background-color: white;
}
.biblioteca .tarjeta-video > a .t-v-imagen {
  position: relative;
  height: 146px;
}
.biblioteca .tarjeta-video > a .t-v-imagen .t-v-i-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biblioteca .tarjeta-video > a .t-v-imagen .t-v-i-categoria {
  font-size: 10px;
  position: absolute;
  top: 12px;
  left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  padding: 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  color: white;
  border-radius: 2px;
  background-color: #999;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.biblioteca .tarjeta-video > a .t-v-imagen .t-v-i-ico {
  position: absolute;
  right: 12px;
  bottom: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  width: 32px;
  border-radius: 100%;
  background-color: #ccc;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.biblioteca .tarjeta-video > a .t-v-imagen .t-v-i-ico i {
  font-size: 12px;
  color: #333;
}
.biblioteca .tarjeta-video > a .t-v-imagen .t-v-i-ico .tooltip .tooltip-inner {
  background-color: white;
  color: #333;
}
.biblioteca .tarjeta-video > a .t-v-imagen .t-v-i-ico .tooltip.top .tooltip-arrow {
  border-top-color: white;
}
.biblioteca .tarjeta-video > a .t-v-datos {
  padding: 24px;
}
.biblioteca .tarjeta-video > a .t-v-datos h3 {
  min-height: 100px;
  margin: 0px;
  font-size: 18px;
  line-height: 20px;
  color: #333;
}
.biblioteca .tarjeta-video > a .t-v-datos p {
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 16px;
}
.biblioteca .tarjeta-video > a:hover {
  background-color: #999;
  color: #ccc;
}
.biblioteca .tarjeta-video > a:hover h3 {
  color: white;
}
.biblioteca .tarjeta-video.Vídeo .t-v-imagen .t-v-i-categoria {
  background-color: #968F4A;
}
.biblioteca .tarjeta-video.Documento .t-v-imagen .t-v-i-categoria {
  background-color: mediumseagreen;
}
.biblioteca .tarjeta-video.Libro .t-v-i-categoria {
  background-color: #d5d5d5;
}
.biblioteca .tarjeta-video.Curso .t-v-imagen .t-v-i-categoria {
  background-color: #e01620, 0.9;
}

a.card.disabled {
  pointer-events: none;
}

.cursos .table.modulos {
  text-align: center;
}
.cursos .table.modulos th {
  border-bottom-width: 1px;
  text-align: center;
}
.cursos .table > tbody > tr > td, .cursos .table > tbody > tr > th, .cursos .table > tfoot > tr > td, .cursos .table > tfoot > tr > th, .cursos .table > thead > tr > td, .cursos .table > thead > tr > th {
  vertical-align: middle;
}

.table-default {
  margin-top: 20px;
  border-bottom: 1px solid #c8c8c8;
  -webkit-box-shadow: -10px 0px 50px -30px #000, 10px 0px 50px -30px #000;
          box-shadow: -10px 0px 50px -30px #000, 10px 0px 50px -30px #000;
  -webkit-box-shadow: 0px 20px 30px -30px #000;
          box-shadow: 0px 20px 30px -30px #000;
  font-size: 14px;
}
.table-default.highlight-title tbody tr td:first-child {
  font-weight: bold;
  font-weight: normal !important;
  text-transform: uppercase;
}
.table-default .detail-icons {
  text-align: center;
  white-space: nowrap;
  font-size: 22px;
  padding: 0 5px !important;
}
.table-default thead {
  background-color: #1d1b16;
  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-action {
  border-bottom: 1px solid #c8c8c8;
  -webkit-box-shadow: -10px 0px 50px -30px #000, 10px 0px 50px -30px #000;
          box-shadow: -10px 0px 50px -30px #000, 10px 0px 50px -30px #000;
  -webkit-box-shadow: 0px 20px 30px -30px #000;
          box-shadow: 0px 20px 30px -30px #000;
  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:not(:last-child) {
  padding-left: 20px;
}
.table-action thead tr th:first-child input[type=checkbox] {
  margin-left: -10px;
}
.table-action thead tr th .ordenar {
  color: white;
  float: right;
}
.table-action tbody tr {
  height: 67px;
  background-color: #fff;
}
.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: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: #4CAF50;
}
.table-action tbody tr td.no-superado {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, 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: "EuclidCircularA-Medium", Arial, Helvetica, 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: #e5e5e5;
}
.table-forum-title h4:hover {
  color: #d5d5d5;
}
.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 .botones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.js-detail-body td .botones * + * {
  margin-left: 8px;
}
.js-detail-body td .botones .btn {
  padding: 0 12px;
}
.js-detail-body td .botones .btn-def {
  padding: 0;
}
.js-detail-body td .botones .btn i {
  margin: 0;
}
.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: #e5e5e5;
}
.js-detail-body td ul .fa.fa-check, .js-detail-body td ul .fa.fa-check-circle {
  background-color: mediumseagreen;
}

.noticias .js-detail-body td .botones span .btn {
  margin-right: 0;
}

.fichasTable {
  text-transform: none;
}
.fichasTable .fT-foto {
  width: 80px;
}
.fichasTable .fT-foto img {
  height: 48px;
  width: 48px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fichasTable .fT-datos span {
  display: block;
}
.fichasTable .fT-datos span:last-child {
  margin-bottom: 0;
}
.fichasTable .fT-datos .fT-empleado {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #333;
}
.fichasTable .fT-datos .fT-dpto {
  width: 100%;
  font-size: 13px;
  line-height: 24px;
}
.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: #999;
}
.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;
}
@media screen and (max-width: 767px) {
  .fichasTable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px;
  }
  .fichasTable .fT-foto {
    width: auto;
    margin-right: 16px;
  }
  .fichasTable .fT-centro {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .docTable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px;
  }
  .docTable .dT-titulo:first-child {
    width: 100%;
    font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
    font-size: 16px !important;
  }
  .docTable .dT-celda {
    margin-top: 4px;
    margin-right: 16px;
  }
  .docTable .dT-celda:last-child {
    margin-right: 0;
  }
  .docTable .dT-celda.dT-estado {
    line-height: 50%;
  }
  .docTable .dT-celda.dT-estado .bt-content span {
    margin-left: 16px;
  }
  .docTable .dT-botones {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    margin-top: 8px;
  }
}

.solo-list {
  padding-left: 20px;
}

th {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
th.acciones a:hover, th.acciones a:active, th.acciones a:focus {
  background-color: rgba(0, 0, 0, 0.3);
  color: #CEDFF7;
}

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;
}
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,
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: #cbd4dd;
  color: #666;
  border-radius: 8px;
}
th.acciones a.js-delete, th.acciones a.bg-icon-delete,
td.acciones a.js-delete,
td.acciones a.bg-icon-delete {
  background-color: #cbd4dd;
  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: #cbd4dd;
  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: #cbd4dd;
}
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 .icon-wrapper,
td.acciones .icon-wrapper {
  display: inline-block;
}

@media (max-width: 1023px) {
  .sombraTabla {
    overflow-x: auto;
  }
  .table-responsive {
    overflow-x: auto;
    border: none;
  }
}
.buscar-alumnos .titulo {
  font-weight: bold;
  color: #738395;
  font-size: 1.2em;
  border-bottom: 3px solid #e7e8e8;
  padding-bottom: 8px;
  margin-top: 5px;
}
.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.active {
  height: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.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;
}
@media screen and (min-width: 768px) {
  .buscar-alumnos .form-wrapper.active {
    height: auto;
  }
}
.buscar-alumnos .form-wrapper .titulo {
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.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: 15px 30px;
  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-rounded {
  min-height: 98px;
  padding: 5px;
  border-radius: 10px;
  text-align: center;
}
.buscar-alumnos .box h2 {
  font-size: 24px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  color: #337ab7;
}
.buscar-alumnos .box h2 strong {
  display: block;
  font-size: 16px;
  color: black;
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
  margin-bottom: 8px;
}
.buscar-alumnos .num-alumnos {
  background-color: #144974;
  color: white;
}
.buscar-alumnos .num-alumnos h1 {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 44px;
  padding-bottom: 10px;
}
.buscar-alumnos .num-alumnos p {
  padding-top: 10px;
  font-size: 16px;
}
.buscar-alumnos .fecha-hora {
  background-color: #9ecafc;
  padding-block: 15px;
}
.buscar-alumnos .fecha-hora .titulo-fecha-hora {
  font-size: 16px;
}
.buscar-alumnos .fecha-hora .fecha {
  font-size: 20px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  color: #144974;
}
.buscar-alumnos .fecha-hora .hora {
  font-size: 20px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  color: #144974;
}
.buscar-alumnos .fecha-hora span {
  display: block;
}
.buscar-alumnos .titulo-lista {
  font-size: 18px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 2px solid #337ab7;
  line-height: 32px;
}
.buscar-alumnos .cuadro-resultados {
  background-color: white;
  min-height: 100px;
  -webkit-box-shadow: 0px 20px 30px -30px #000;
          box-shadow: 0px 20px 30px -30px #000;
}
.buscar-alumnos .btn-default {
  color: #333;
}
.buscar-alumnos .resultados {
  font-size: 15px;
}
.buscar-alumnos .resultados td {
  color: #738395;
  line-height: 30px;
}
.buscar-alumnos label {
  font-size: 0.9em;
}

.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: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.tag-wrapper {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 95%;
  padding-right: 20px;
  min-height: 20px;
}
.tag-wrapper span {
  float: right;
}
.tag-simple {
  font-size: 15px;
  background-color: white;
  padding: 5px 12px;
  border-radius: 5px;
  bottom: -30px;
}
.tag-simple--success {
  color: mediumseagreen;
}
.tag-simple--warning {
  color: #e01620;
}
.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: 0.5px;
  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: #968F4A;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .tag-e {
    display: block;
  }
  .tag-e span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    margin-top: 4px;
  }
}
.tag-nivel {
  margin-left: 10px;
  border-radius: 3px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #999;
  color: white;
  white-space: nowrap;
}
.tag.online {
  background-color: #72a829;
}
.tag.webinar {
  background-color: #2c97d9;
}
.tag.presencial {
  background-color: #C4302B;
}
.tag i {
  margin-right: 4px;
  font-size: 0.9em;
}

td .tag {
  position: relative;
}

.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: #e01620;
  color: white;
}
.icon-lock {
  background-color: #e8e8e8;
  color: #292728;
}
.icon-unlock {
  background-color: #cbd4dd;
  color: #292728;
}

.cursos .icon {
  position: absolute;
  right: 15px;
  bottom: 18px;
}

.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;
}

.data_table_css .fa-check,
.data_table_css .fa-times {
  width: 18px;
  margin-right: 10px;
  border-radius: 100%;
  padding: 4px 0;
  font-size: 10px;
  text-align: center;
  color: white;
}
.data_table_css .fa-check {
  background-color: mediumseagreen;
}
.data_table_css .fa-times {
  background-color: #e01620;
}
.data_table_css .fa-check-circle,
.data_table_css .fa-times-circle {
  margin-top: -3px;
  font-size: 22px;
  vertical-align: middle;
}
.data_table_css .fa-check-circle {
  color: mediumseagreen;
}
.data_table_css .fa-times-circle {
  color: #e01620;
}

.glyphicon {
  cursor: default;
}

.form-grupo .agrupacion-campos {
  padding: 1em 2em;
  background-color: transparent;
}
.form-grupo .agrupacion-campos:nth-child(2n+1) {
  background-color: transparent;
}
.form-grupo .nav > li > a {
  font-size: 0.9em;
}
.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-horizontal .caja-flexible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-horizontal .caja-flexible h3 {
  margin-right: 15px;
  margin-bottom: 0;
}
.form-horizontal .control-label {
  font-weight: normal;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}

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

.form-control {
  border-color: #e5e5e5;
  border-radius: 0;
}

.label {
  font-size: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 20px;
  padding: 0 8px;
  font-weight: normal;
  text-transform: uppercase;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.label-realizado {
  background-color: mediumseagreen;
}
.label-pendiente {
  font-weight: 100;
  background-color: white;
  color: #666;
}

.error {
  position: relative;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: #F3E6E6;
  color: #e01620;
  font-size: 1.4rem;
  text-shadow: none;
}
.error-form {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 30px;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #e01620;
}
.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;
}
.error:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 9px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid #e01620;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

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

form #add_permission_new {
  margin-top: 27px;
}

label {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
label.error {
  margin: 12px 0 0 5px;
  border: 1px solid #e01620;
  background-color: #e01620;
  color: white;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
}
label > input.error:before {
  display: none;
}

input[type=checkbox] {
  color: #000;
  font-weight: normal;
}
input[type=radio]:checked + span, input[type=checkbox]:checked + span {
  color: #337ab7;
  font-weight: bold;
}

.pes-idiomas {
  margin-top: -30px;
  margin-bottom: 30px;
}
.pes-idiomas .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-bottom: 0;
}
.pes-idiomas .nav-tabs li.active a {
  background-color: #f5f5f5;
}
.pes-idiomas .nav-tabs li.active a:hover {
  border-color: #f5f5f5;
}
.pes-idiomas .nav-tabs li.active a:hover h3 {
  color: #333;
}
.pes-idiomas .nav-tabs li.active a h3 {
  color: #333;
}
.pes-idiomas .nav-tabs li:last-child a {
  margin-right: 0;
}
.pes-idiomas .nav-tabs li a {
  padding-bottom: 20px;
  border-color: #f5f5f5;
}
.pes-idiomas .nav-tabs li a:hover {
  border-color: black;
}
.pes-idiomas .nav-tabs li a:hover h3 {
  color: white;
}
.pes-idiomas .nav-tabs li a h3 {
  font-size: 11px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #999;
}
.pes-idiomas .tab-content {
  padding: 0 24px;
  background-color: #f5f5f5;
}

.publi-banner #box-posicion {
  margin-right: 15px;
}

.bloqueado {
  display: inline-block;
  width: 100%;
}

.bolsa_permisos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 8px 8px 0;
  border: 1px solid #e5e5e5;
}
.bolsa_permisos .tarjeta-col {
  padding: 24px;
  background-color: #f5f5f5;
  color: #999;
}
.bolsa_permisos .tarjeta-col-id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bolsa_permisos .tarjeta-col-id .img-user {
  margin-right: 12px;
}
.bolsa_permisos .tarjeta-col-id .tag-firma {
  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;
  border-radius: 100%;
  font-size: 10px;
  color: white;
}
.bolsa_permisos .img-user {
  width: 32px;
  height: 32px;
}
.bolsa_permisos .img-user .letras {
  height: 32px;
  font-size: 12px;
}
.bolsa_permisos .colectivo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0;
  margin-right: 24px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.bolsa_permisos .delete_permiso {
  font-size: 14px;
}
.bolsa_permisos .box_firma {
  font-size: 14px;
}
.bolsa_permisos .box_firma input[type=checkbox] {
  margin: 4px 8px 0 0;
}
.bolsa_permisos .box_firma .linea-firma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.bolsa_permisos .box_firma .linea-firma * {
  margin: 0;
  margin-right: 8px;
}
.bolsa_permisos .box_firma .linea-firma *:last-child {
  margin-right: 0;
}
.bolsa_permisos .box_firma .linea-firma input[type=checkbox] {
  margin-top: 0;
}
.bolsa_permisos .box_firma .linea-firma .form-control {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: 32px;
  width: auto;
}
.bolsa_permisos span {
  margin-top: 8px;
  margin-left: 8px;
  margin-bottom: 0 !important;
}
.bolsa_permisos span:last-child {
  margin-right: 0;
}
.bolsa_permisos .box_firma {
  display: none;
}

.js-list-users {
  position: absolute;
  max-width: 28%;
}
.js-list-users.bolsa_permisos {
  border: 0;
  padding: 0;
}
.js-list-users.bolsa_permisos .user-list {
  opacity: 0.5;
}
.js-list-users.bolsa_permisos .user-list.tarjeta-col {
  width: 100%;
  margin-bottom: 8px;
  padding: 16px;
}
.js-list-users.bolsa_permisos .user-list.tarjeta-col:last-child {
  margin-bottom: 0;
}
.js-list-users.bolsa_permisos .user-list.usuario-activo {
  border: 1px solid black;
  opacity: 1;
}
.js-list-users.bolsa_permisos .colectivo {
  overflow: hidden;
  max-width: 161px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.js-list-users.bolsa_permisos .fa-caret-left {
  color: black;
}

.important-input {
  font-weight: normal;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

.noticias label {
  font-weight: normal;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}

.controles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 24px 0;
}
.controles .btn-nav-cir {
  font-size: 20px;
  line-height: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  color: white;
  border: 0;
  border-radius: 100%;
  background-color: black;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.controles .form-control {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 64px;
  margin: 0 32px;
  text-align: center;
}

.actions-icons {
  text-align: center;
  white-space: nowrap;
}
.actions-icons__top a {
  top: 4px;
}
.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 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: 8px;
  border: 0;
}
.actions-icons a.disabled,
.actions-icons button.disabled {
  background-color: #e4e4e4;
  color: #b3b3b3;
  pointer-events: none;
  cursor: not-allowed;
}
.actions-icons a:hover:not(.disabled),
.actions-icons button:hover:not(.disabled) {
  background-color: #666;
  color: white;
}
.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 i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 1.15em;
}

.data_table_css.directorio table.bt tfoot th .bt-content,
.data_table_css.directorio table.bt tfoot td .bt-content,
.data_table_css.directorio table.bt tbody th .bt-content,
.data_table_css.directorio table.bt tbody td .bt-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.data_table_css.directorio table.bt tfoot th::before,
.data_table_css.directorio table.bt tfoot td::before,
.data_table_css.directorio table.bt tbody th::before,
.data_table_css.directorio table.bt tbody td::before {
  height: 80px;
}
.data_table_css .dataTables_wrapper thead {
  font-size: 15px;
  background-color: #f7f7f7;
  color: #e5e5e5;
}
.data_table_css .dataTables_wrapper thead th {
  border-bottom: 3px solid rgb(208.6, 208.6, 208.6);
  padding: 20px;
  font-weight: 800;
  color: #1d1b16;
}
.data_table_css .dataTables_wrapper thead th .ordenar {
  float: right;
  color: #999;
}
.data_table_css .dataTables_wrapper tbody {
  font-size: 12px;
  text-transform: uppercase;
}
.data_table_css .dataTables_wrapper tbody tr td {
  padding: 16px;
  vertical-align: middle;
  line-height: 1;
}
.data_table_css .dataTables_wrapper tbody tr td:first-child {
  font-size: 14px;
  text-transform: none;
}
.data_table_css .dataTables_wrapper tbody .tipo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 1.21;
  text-transform: initial;
}
.data_table_css .dataTables_wrapper .especial thead th {
  height: 56px;
  border: 0;
  padding: 0 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-weight: initial;
  font-size: 14px;
  line-height: 1.21;
  vertical-align: middle;
  background-color: black;
  color: white;
}
.data_table_css .dataTables_wrapper .dash-tool {
  width: 190px;
}
.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;
  color: #999;
}
.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: rgb(241.6, 241.6, 241.6);
  color: #333;
  cursor: pointer;
}
.data_table_css .dataTables_paginate .paginate_button.current,
.data_table_css .dataTables_paginate .ellipsis.current {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  background-color: rgb(226.3, 226.3, 226.3);
  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 .alert-danger {
  color: #e01620;
  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: #fff;
  border: none;
}
.data_table_css .info:hover {
  background-color: #337ab7;
  color: #fff;
}
.data_table_css .info:focus {
  background-color: #337ab7;
  color: #fff;
}
.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: #fff;
}
.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: #e5e5e5;
}
.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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.data_table_css .estado.ko {
  color: #e01620;
}
.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 .equipo {
  margin-top: 60px;
}
.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;
}
.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;
}
.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;
}
@media screen and (max-width: 1024px) {
  .data_table_css .dataTables_info {
    margin-bottom: 20px !important;
  }
}

.grupo-buscador .data_table_css .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: white;
}
.grupo-buscador .data_table_css thead {
  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);
}
.message header {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.banner {
  position: relative;
  margin-top: 24px;
}
.banner.accesos .media {
  height: 49px;
  padding: 0 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.42857143;
}
@media screen and (max-width: 767px) {
  .banner.accesos .media {
    height: 40px;
    margin-right: 15px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.banner.accesos .media span {
  font-size: 11px;
  color: white;
}
@media screen and (max-width: 767px) {
  .banner.accesos .media span {
    display: none;
  }
}
.banner.accesos .media:hover {
  color: #999;
}
.banner.accesos .media:hover span {
  color: #999;
}
.banner .noticias {
  margin-bottom: 16px;
}
.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 #292728;
}
.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;
  line-height: 1.2;
  color: white;
}
@media screen and (max-width: 767px) {
  .banner .media h4 {
    font-size: 14px;
  }
}
.banner .media span {
  font-size: 14px;
  color: #d5d5d5;
}
@media screen and (max-width: 767px) {
  .banner .media span {
    font-size: 12px;
  }
}
.banner .media i.der {
  margin-left: 16px;
  color: #999;
}
.banner .media i.izq {
  margin-right: 16px;
  font-size: 18px;
  color: #999;
}
@media screen and (max-width: 767px) {
  .banner .media i.izq {
    margin-right: 0;
  }
}
.banner .media:hover {
  border: 1px solid #999;
}
.banner .media:hover h4,
.banner .media:hover span {
  color: #999;
}
.banner p {
  margin-bottom: 16px;
  font-family: "EuclidCircularA-Medium";
  font-size: 14px;
  text-transform: uppercase;
  color: #d5d5d5;
}
@media screen and (max-width: 767px) {
  .banner p {
    width: 100%;
  }
}
.banner hr {
  border-color: #999;
}
@media screen and (max-width: 1023px) {
  .banner {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .banner .noticias {
    width: 100%;
  }
}

.ficha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 148px;
  padding: 20px 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid #d5d5d5;
  background-color: #e5e5e5;
  color: #333;
}
.ficha:hover {
  background-color: black;
  color: white;
}
.ficha .circulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 72px;
  width: 72px;
  margin-left: 24px;
  border-radius: 100%;
  font-size: 34px;
  background-color: white;
}
.ficha .circulo.normativa {
  color: #999;
}
.ficha .circulo.productos {
  color: #968F4A;
}
.ficha h3 {
  margin: 0;
  font-size: 18px;
}
.ficha span {
  display: block;
  margin-bottom: 8px;
  font-family: "EuclidCircularA-Medium";
  font-size: 10px;
  text-transform: uppercase;
}
.ficha span.normativa {
  color: #999;
}
.ficha span.productos {
  color: #968F4A;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .ficha {
    min-height: 159px;
  }
}
@media screen and (max-width: 767px) {
  .ficha {
    min-height: auto;
  }
}

.leyenda-pie .pie1,
.leyenda-pie .pie2,
.leyenda-pie .pie3,
.leyenda-pie .pie4 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.leyenda-pie .pie1 p,
.leyenda-pie .pie2 p,
.leyenda-pie .pie3 p,
.leyenda-pie .pie4 p {
  margin-bottom: 8px;
  font-size: 14px;
}
.leyenda-pie .pie1 p.seleccionada,
.leyenda-pie .pie2 p.seleccionada,
.leyenda-pie .pie3 p.seleccionada,
.leyenda-pie .pie4 p.seleccionada {
  font-weight: bold;
  color: #e5e5e5;
}
.leyenda-pie .pie1 p.seleccionada small,
.leyenda-pie .pie2 p.seleccionada small,
.leyenda-pie .pie3 p.seleccionada small,
.leyenda-pie .pie4 p.seleccionada small {
  color: #999;
}
.leyenda-pie .pie1 p .legend-box,
.leyenda-pie .pie2 p .legend-box,
.leyenda-pie .pie3 p .legend-box,
.leyenda-pie .pie4 p .legend-box {
  height: 8px;
  width: 8px;
  margin-right: 16px;
  margin-left: 0;
  border-radius: 100%;
}
.leyenda-pie .pie1 p strong,
.leyenda-pie .pie2 p strong,
.leyenda-pie .pie3 p strong,
.leyenda-pie .pie4 p strong {
  margin: 0 8px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.leyenda-pie .pie1 p small,
.leyenda-pie .pie2 p small,
.leyenda-pie .pie3 p small,
.leyenda-pie .pie4 p small {
  color: #666;
}

.alert {
  font-size: 14px;
}
.alert strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

.custom-radio {
  cursor: pointer;
  cursor: hand;
  padding-bottom: 5px;
}
.custom-radio-wrapper.custom-radio-list li {
  display: inline-block;
  width: 20%;
  text-align: center;
}
.custom-radio-wrapper li {
  list-style: none;
}
.custom-radio span {
  position: relative;
  display: block;
  padding-left: 25px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, 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;
}

@media screen and (max-width: 1279px) {
  .data_table_css .tipo .fas {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .data_table_css .dataTables_wrapper tbody tr td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    line-height: 1.42857143;
  }
  table.bt tfoot th::before,
  table.bt tfoot td::before,
  table.bt tbody th::before,
  table.bt tbody td::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 56px;
    width: 128px;
    margin-right: 16px;
    padding: 0 16px;
    font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
    background-color: black;
    color: white;
  }
}
.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: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  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: #fff;
  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;
}

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

.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-content {
  border: 0;
  border-radius: 0;
}
.modal-content #box-modal-body-results .estats,
.modal-content #box-modal-body-results-notification .estats {
  border: 1px solid #eee;
  border-top: 3px solid black;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .modal-content #box-modal-body-results .estats,
  .modal-content #box-modal-body-results-notification .estats {
    margin-bottom: 15px;
  }
}
.modal-content #box-modal-body-results .estats.creadas,
.modal-content #box-modal-body-results-notification .estats.creadas {
  border-top-color: mediumseagreen;
}
.modal-content #box-modal-body-results .estats.creadas span,
.modal-content #box-modal-body-results-notification .estats.creadas span {
  color: mediumseagreen;
}
.modal-content #box-modal-body-results .estats.errores,
.modal-content #box-modal-body-results-notification .estats.errores {
  border-top-color: indianred;
}
.modal-content #box-modal-body-results .estats.errores span,
.modal-content #box-modal-body-results-notification .estats.errores span {
  color: indianred;
}
.modal-content #box-modal-body-results .estats.pendientes,
.modal-content #box-modal-body-results-notification .estats.pendientes {
  border-top-color: orange;
}
.modal-content #box-modal-body-results .estats.pendientes span,
.modal-content #box-modal-body-results-notification .estats.pendientes span {
  color: orange;
}
.modal-content #box-modal-body-results .estats h4,
.modal-content #box-modal-body-results-notification .estats h4 {
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}
.modal-content #box-modal-body-results .estats span,
.modal-content #box-modal-body-results-notification .estats span {
  display: block;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 36px;
  text-align: center;
}
.modal-header {
  background: #f5f5f5;
}
.modal-header-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-header .close {
  float: none;
  margin: 0;
}
.modal-header .close:hover {
  color: black;
  opacity: 1;
}
.modal-body .hoja-modal .alert {
  font-size: 14px;
}
.modal-body .box-cropper .nav-zoom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
.modal-body .box-cropper .nav-zoom #bar_zoom {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.modal-body iframe {
  border: 0;
}
.modal-body h3 {
  margin-top: 0;
}
.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal-footer .btn + .btn {
  margin-left: 8px;
}
.modal-footer .btn-secondary::after {
  background-color: black;
}
.modal.gold .modal-header {
  background: #337ab7;
  color: white;
}
.modal.gold .close {
  color: white;
  text-shadow: 0 1px 0 #666;
}
.modal.gold *:last-child {
  margin-bottom: 0;
}
.modal.gold h6 {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin-top: 0;
  color: #968F4A;
}
.modal.gold table {
  font-size: 14px;
}
.modal.gold table thead {
  background-color: mediumseagreen;
}
.modal.gold table th {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: white;
  border: 1px solid mediumseagreen !important;
  border-bottom: 3px solid #337ab7 !important;
}
.modal.gold b,
.modal.gold strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.modal .table-striped td .fas {
  margin-right: 8px;
}
.modal .table-striped td .fas.no-txt {
  margin: 0;
}
.modal .ver-s .modal-footer {
  border: 0;
}
.modal .ver-s .multil-v .panel {
  padding: 32px 40px 40px;
}
.modal .ver-s .multil-v hr {
  margin: 24px 0;
}
.modal .ver-s .multil-v .linea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.modal .ver-s .multil-v .parte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-right: 24px;
}
.modal .ver-s .multil-v .parte:last-child {
  margin-right: 0;
}
.modal .ver-s .multil-v .parte h4,
.modal .ver-s .multil-v .parte p {
  margin: 0;
}
.modal .ver-s .multil-v .parte h4 {
  margin-right: 8px;
}
.modal .ver-s .multil-v .estado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 16px;
  margin-top: 24px;
  border-bottom: 2px solid #e5e5e5;
  padding: 16px 24px;
  text-align: center;
  background-color: #f5f5f5;
}
.modal .ver-s h4 {
  font-size: 11px;
  text-transform: uppercase;
  color: #999;
}
.modal .ver-s p {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.modal .docus-m {
  margin-top: 16px;
}
.modal .docus-m .cajas-docus-m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .modal .docus-m .cajas-docus-m {
    display: block;
  }
}
.modal .docus-m .docu-m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 40px;
}
.modal .docus-m .docu-m:last-child {
  margin-right: 0;
}
.modal .docus-m .docu-m .fas {
  margin-right: 16px;
}
.modal .docus-m .docu-m h4 {
  margin: 0;
  font-size: 16px;
}
.modal .docus-m .docu-m h4 a {
  color: #333;
}
.modal .docus-m .docu-m h4 a:hover {
  color: #999;
}
.modal .docus-m .docu-m.uni-docu {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
@media screen and (max-width: 767px) {
  .modal .docus-m .docu-m {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.modal .soporte {
  margin-top: 24px;
}
@media screen and (max-width: 1023px) {
  .modal .soporte .espacio {
    margin-bottom: 16px;
  }
}
.modal .soporte h5 {
  margin: 0;
  font-size: 20px;
}
@media screen and (max-width: 1023px) {
  .modal .soporte h5 {
    margin-bottom: 24px;
  }
}
.modal .soporte h6 {
  margin-top: 6px;
  margin-bottom: 4px;
  font-size: 12px;
  text-transform: uppercase;
}
.modal .soporte .fas,
.modal .soporte ul {
  color: #333;
}
.modal .soporte .fas li a,
.modal .soporte ul li a {
  color: #999;
}
.modal .soporte .fas li a:hover,
.modal .soporte ul li a:hover {
  color: black;
}
@media screen and (max-width: 1023px) {
  .modal .soporte .fas li a,
  .modal .soporte ul li a {
    display: block;
    width: 199px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.modal .btn-grupo-espacio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal .btn-grupo-espacio * {
  margin-left: 8px;
}
.modal .btn-grupo-espacio *:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .modal .ver-s .multil-v .panel {
    padding: 16px 24px 24px;
  }
  .modal .ver-s .multil-v .linea {
    display: block;
    margin-bottom: 8px;
  }
  .modal .ver-s .multil-v .linea:last-child {
    margin-bottom: 0;
  }
  .modal .ver-s .multil-v .parte {
    display: block;
    margin-top: 8px;
    margin-right: 0;
  }
  .modal .ver-s .multil-v .parte:first-child {
    margin-top: 0;
  }
  .modal .ver-s .multil-v .parte h4 {
    margin-right: 0;
  }
  .modal .ver-s .multil-v .estado {
    margin-top: 0;
    padding: 8px 16px 4px;
    text-align: left;
  }
  .modal .ver-s .multil-v hr {
    margin: 16px 0;
  }
}

.my .modal-header.danger {
  background-color: #e01620;
}
.my .modal-header.warning {
  background-color: darkorange;
}
.my .modal-body {
  font-size: 14px;
}
.my .modal-body ul,
.my .modal-body ol,
.my .modal-body strong {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.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 rgb(183.2956521739, 221.0347826087, 239.9043478261);
}
.my .modal-body .bg-danger {
  border: 1px solid rgb(230.4695652174, 192.7304347826, 192.7304347826);
}
.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: #e5e5e5;
}
.my .modal-body .li_naranja {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #999;
}
.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: #e01620;
}
.my .modal-body .li_pendiente {
  float: left;
  height: 14px;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius: 3px;
  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: #738395;
}

#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 black;
}
#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: 800;
  color: #e5e5e5;
}
#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: 800;
  color: #999;
}
#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: 800;
}
#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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 20px;
  background-color: #e5e5e5;
  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: 800;
}
#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 #e5e5e5;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td.nivel,
.modal-contenido .modal-body .modal-resumen table tbody td.nivel {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-align: center;
  color: #999;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td.valoracion,
.modal-contenido .modal-body .modal-resumen table tbody td.valoracion {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td.area,
.modal-contenido .modal-body .modal-resumen table tbody td.area {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  color: #999;
}
#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-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  color: #e5e5e5;
}
#detalle_evaluacion_contenido .modal-body .modal-resumen table tbody td .encuesta,
.modal-contenido .modal-body .modal-resumen table tbody td .encuesta {
  font-weight: 800;
  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: #e5e5e5;
  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: darkorange;
}
#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: #999;
}
#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: 800;
  color: #d5d5d5;
}
#detalle_evaluacion_contenido .alertas .alertas-sms .roles .rol span,
.modal-contenido .alertas .alertas-sms .roles .rol span {
  display: block;
  font-size: 12px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #999;
}
#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: 800;
  text-transform: uppercase;
  color: #e5e5e5;
}
#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: 8px;
  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-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  color: #e5e5e5;
}
#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: #d5d5d5;
}
#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: 800;
  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: 800;
  color: #d5d5d5;
}
#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-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #999;
}
#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 .btn-secondary::after,
.modal-contenido .modal-footer .btn-secondary::after {
  background-color: black;
}
#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;
}
@media screen and (max-width: 767px) {
  #detalle_evaluacion_contenido,
  .modal-contenido {
    padding: 1em 3em !important;
  }
  #detalle_evaluacion_contenido .modal-header h3,
  .modal-contenido .modal-header h3 {
    font-size: 20px;
  }
}

.preguntas {
  background: transparent;
}
.preguntas .respuesta {
  margin-left: 20px;
}
.preguntas .respuesta *:last-child {
  margin-bottom: 0;
}
.preguntas .respuesta label {
  margin-bottom: 20px;
}
.preguntas .pin-hr {
  margin: 20px 0 30px;
  width: 30px;
  height: 2px;
  background-color: #337ab7;
}
.preguntas .paginado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.preguntas .paginado .marcador {
  font-size: 14px;
  text-align: center;
  width: 56px;
  padding: 4px 0;
  border-radius: 4px;
  background-color: #f5f5f5;
}
.preguntas .paginado * {
  margin-left: 16px;
}
.preguntas .paginado *:first-child {
  margin-left: 0;
}
.preguntas #app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 360px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.preguntas *:last-child {
  margin-bottom: 0;
}
.preguntas h2 {
  font-size: 24px;
  margin-top: 10px;
  color: #333;
}
.preguntas h6 {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin-top: 0;
  color: #968F4A;
}
.preguntas strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

.hgroup {
  overflow: hidden;
  margin: 0 0 32px;
  color: #e5e5e5;
}
.hgroup-linea {
  margin: 0 0 32px;
}
.hgroup-linea::after {
  content: "";
  width: 96px;
  height: 1px;
  background-color: #d5d5d5;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.hgroup-course {
  border-bottom: 1px #e5e5e5 solid;
}
.hgroup .page-heading {
  float: left;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
}
.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;
}
.hgroup h4 {
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-align: center;
  margin: 0;
  color: #666;
}

.cursos .hgroup .page-heading {
  margin: 32px 0 16px;
  font-size: 24px;
  font-weight: normal;
  color: #333;
}
.cursos .hgroup .page-heading span {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  color: #292728;
}

.aula,
.jumbotron {
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
  color: #fff;
  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: 800;
}
.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;
}

@media screen and (max-width: 767px) {
  .hero .breadcrumb {
    -webkit-transform: none;
            transform: none;
  }
  .hero .breadcrumb li {
    -webkit-transform: none;
            transform: none;
  }
}
.hero .breadcrumb {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 32px;
  padding: 6px 16px;
  border-top: 1px solid #e5e5e5;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.03);
  list-style: none;
  font-size: 0.9em;
  -webkit-transform: skewX(-35deg);
          transform: skewX(-35deg);
}
.hero .breadcrumb .tag {
  top: 0;
  right: 0;
  left: auto;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 0 4px 4px 0;
  font-size: 20px;
}
.hero .breadcrumb .pull-right::before {
  display: none;
}
.hero .breadcrumb li {
  -webkit-transform: skewX(35deg);
          transform: skewX(35deg);
}
.hero .btn-ayuda {
  margin-left: 15px;
  font-size: 24px;
  line-height: 1;
}

.buzon .hero .btn-ayuda {
  font-size: 21px;
}

.hero-parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1023px) {
  .hero-parts .incubus {
    margin-top: 16px;
  }
}
@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 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin-top: 15px;
  }
  .hero-parts .incubus .sms-estado {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin-bottom: 15px;
  }
  .hero-parts .incubus .dias {
    margin-left: 0;
    text-align: center;
  }
  .hero-parts .incubus .anyo {
    margin-left: 0;
  }
}
.hero-parts .breadcrumb {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: 32px;
  margin-bottom: 0;
}
.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 .dias .periodo {
  font-size: 12px;
}
.hero-parts .incubus .dias .periodo .periodo-actual {
  color: #968F4A;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.hero-parts .incubus .dias strong {
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.hero-parts .incubus .anyo {
  margin-left: 30px;
}
.hero-parts .incubus .anyo + .anyo {
  margin-left: 8px;
}
.hero-parts .incubus .foto-boton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero-parts .incubus .drops {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 24px;
}
.hero-parts .incubus .drops > * {
  margin-left: 8px;
}
.hero-parts .incubus .drops select {
  height: 32px;
}
.hero-parts .incubus .drops button,
.hero-parts .incubus .drops a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding-inline: 12px;
  font-size: 12px;
  line-height: 1;
}

.linea-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0 40px;
}
@media screen and (max-width: 1023px) {
  .linea-user .img {
    display: none;
  }
  .linea-user .linea-user-btn {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .linea-user .linea-user-btn:first-child {
    margin-top: 0;
  }
  .linea-user .puesto {
    margin-top: 8px;
  }
  .linea-user h2 {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .linea-user {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .linea-user .linea-user-id,
  .linea-user .linea-user-fase {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    margin-top: 20px;
  }
  .linea-user .linea-user-id:first-child,
  .linea-user .linea-user-fase:first-child {
    margin-top: 0;
  }
  .linea-user .linea-user-id .datos,
  .linea-user .linea-user-fase .datos {
    text-align: center;
  }
  .linea-user .linea-user-id {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .linea-user .puesto {
    display: table;
    width: 100%;
  }
}
.linea-user-id {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.linea-user-fase.linea-user-fase-combi .linea-user-fase-id {
  border-radius: 4px 4px 0 0;
}
.linea-user-fase .linea-user-fase-id {
  padding: 16px 24px;
  border-radius: 4px;
  background-color: #337ab7;
  color: white;
  text-align: center;
}
.linea-user-fase .linea-user-fase-id .fa-izq {
  margin-right: 4px;
}
.linea-user-fase .linea-user-fase-id .fa-der {
  margin-left: 4px;
}
.linea-user-fase .linea-user-fase-id h3 {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 18px;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.linea-user-fase .linea-user-fase-id h6 {
  margin: 0;
  color: lightblue;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.linea-user-fase .linea-user-fase-state {
  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: 28px;
  padding: 0 16px;
  border-radius: 0 0 4px 4px;
  background-color: #e01620;
  color: white;
  font-size: 12px;
  line-height: 1;
}
.linea-user .img {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px dotted #e5e5e5;
}
.linea-user .img .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;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.linea-user .img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 48px;
  height: 48px;
  border-radius: 100%;
}
.linea-user .puesto {
  display: block;
  height: 16px;
  margin-top: 4px;
  font-size: 12px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}
.linea-user .dpto {
  color: #968F4A;
  font-size: 12px;
}
.linea-user h2 {
  height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
}

.titulos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.anan {
  color: #666;
}

.carousel-caption {
  position: absolute;
  top: 24px;
  right: 60%;
  left: 54px;
  width: 66%;
  padding: 0;
  text-align: left;
  text-shadow: none;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .carousel-caption .btn {
    padding: 0 16px;
  }
  .carousel-caption .btn::after {
    display: none;
  }
}
.carousel-caption h1 {
  font-size: 32px;
}
.carousel-caption h3 {
  font-size: 16px;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0;
}
.carousel-caption h2 {
  margin-top: 24px;
  color: white;
}
@media screen and (max-width: 767px) {
  .carousel-caption h2 {
    font-size: 26px;
  }
}
.carousel-caption p {
  font-family: "EuclidCircularA-Medium";
  font-size: 14px;
  text-transform: uppercase;
  color: #d5d5d5;
}
@media screen and (max-width: 767px) {
  .carousel-caption p {
    font-size: 12px;
  }
}
.carousel-control {
  width: 6%;
}
.carousel-control.left, .carousel-control.right {
  background-image: none;
}
.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: #999;
}
.carousel.slide .fa-angle-left {
  left: 0px;
}
@media screen and (max-width: 767px) {
  .carousel.slide .fa-angle-left {
    left: 16px;
  }
}
.carousel.slide .fa-angle-right {
  right: 24px;
}
@media screen and (max-width: 767px) {
  .carousel.slide .fa-angle-right {
    right: 16px;
  }
}

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

.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%, black), to(transparent));
  background-image: linear-gradient(to right, black 33%, transparent 100%);
}

section.destacado {
  padding-bottom: 0;
  background-color: black;
  margin-bottom: 20px;
  color: white;
}
section.destacado .carousel-indicators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.destacado .carousel-indicators li {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  border-color: white;
}
section.destacado .carousel-indicators li.active {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: white;
}
@media screen and (max-width: 767px) {
  section.destacado .carousel-indicators {
    display: none;
  }
}

.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-color: #e5e5e5;
  border-radius: 0;
}
.panel-default > .panel-heading {
  background-image: none;
  background-color: black;
}
.panel-login {
  margin-bottom: 40px;
}
.panel-heading {
  background-color: #e1e5e6;
  border-bottom: 1px solid #e6e9e9;
  color: #1d1b16;
}
.panel-danger .panel-heading {
  color: #e5e5e5;
  background-color: #cbd4dd;
}
.panel-oscuro .panel-heading {
  background-color: #292728;
  color: white;
  -webkit-text-emphasis: none;
          text-emphasis: none;
}
.panel-diploma {
  -webkit-box-shadow: 0px 20px 30px -30px #000;
          box-shadow: 0px 20px 30px -30px #000;
}
.panel-diploma .panel-heading {
  background-color: #e5e5e5;
  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.solicitud-n .alert {
  font-size: 12px;
}
.panel.solicitud-n .linea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.panel.solicitud-n .calendario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-right: 24px;
}
.panel.solicitud-n .calendario:last-child {
  margin-right: 0;
}
.panel.solicitud-n .calendario label {
  margin-right: 8px;
  margin-bottom: 0;
  font-family: "EuclidCircularA-Semibold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .panel .linea {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .panel .calendario {
    margin-right: 0;
  }
  .panel .calendario #documento {
    margin-block: 10px;
    width: 100%;
  }
  .panel .calendario + .calendario {
    margin-top: 10px;
  }
}

.cursos .panel {
  margin: 0;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.cursos .panel-heading {
  border: 0;
  border-radius: 0;
  padding: 16px;
  background-color: black;
}
.cursos .panel-body {
  padding: 16px;
  background-color: #f5f5f5;
}
.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 {
  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: 182px;
  width: 182px;
}
.cursos .panel-body .contenedor-chart .chart-leyenda .txt {
  margin-left: 4px;
  font-size: 10px;
  text-transform: uppercase;
}
.cursos .panel-title {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  color: #d5d5d5;
}

.admin-dash .detalle-alumno {
  background-color: #e4e4e4;
  border-radius: 5px;
  padding: 8px 15px;
}
.admin-dash .detalle-alumno div:not(:last-child) {
  border-right: 1px solid #c5c9ca;
}
.admin-dash .table .fa-trophy {
  color: darkgoldenrod;
}
.admin-dash .panel {
  position: relative;
  min-height: 132px;
  padding: 15px 15px 16px;
  background: #ececec;
  color: #333;
  text-align: center;
  border-radius: 6px;
  -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 #d5d5d5;
}
.admin-dash .panel.panel--ajustar {
  min-height: 144px !important;
}
.admin-dash .panel.panel--ajustar .btn-tip {
  top: 6px;
  font-size: 14px;
  cursor: pointer;
}
.admin-dash .panel .btn-tip {
  color: black;
}
.admin-dash .panel h2 {
  font-size: 36px;
  margin: 15px 0 0 0;
  font-weight: bold;
  color: black;
}
.admin-dash .panel small {
  display: block;
  margin-top: 5px;
  text-transform: uppercase;
  line-height: 1.2;
}

.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 #ffffff;
  padding-left: 10px;
}
.my-data .name-wrapper {
  height: 100px;
}
.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;
}
.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;
}

#Imageid {
  padding-bottom: 15px;
}

.pagination {
  margin: 0;
  padding: 0;
  font-size: 15px;
}
.pagination > .active > a {
  z-index: 3;
  color: #999;
  cursor: default;
  background-color: inherit !important;
  border-color: #ddd !important;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.pagination > .active > a:focus, .pagination > .active > a:hover {
  z-index: 3;
  color: #999;
  cursor: default;
  background-color: inherit !important;
  border-color: #ddd !important;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.pagination > .active > span {
  z-index: 3;
  color: #999;
  cursor: default;
  background-color: inherit !important;
  border-color: #ddd !important;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #999;
  cursor: default;
  background-color: inherit !important;
  border-color: #ddd !important;
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #1d1b16;
  text-decoration: none;
  background-color: white;
  border: 1px solid #e5e5e5;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: black;
  color: white;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 0;
}
.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: black;
  color: white;
}

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

.tab-content .tab-pane .tab-pane-title {
  margin-bottom: 30px;
  padding: 12px 16px;
  border-radius: 4px;
  color: white;
  background-color: #337ab7;
}
.tab-content .tab-pane .tab-pane-title h4 {
  margin: 0;
}
.tab-content .tab-pane .tab-pane-title h4 small {
  color: lightblue;
}
.tab-content .tab-pane .tab-pane-title i {
  margin-right: 8px;
  color: lightblue;
}
.tab-content .tab-pane .tab-pane-info {
  margin-bottom: 30px;
  padding: 16px 24px;
}
.tab-content .tab-pane .tab-pane-info.tab-pane-info-ext {
  margin-bottom: 20px;
  padding-top: 0;
}
.tab-content .tab-pane .tab-pane-info.tab-pane-info-ext h3 {
  font-family: "EuclidCircularA-Regular", Arial, Helvetica, sans-serif;
  font-size: 20px;
}
.tab-content .tab-pane .tab-pane-info .pin-hr {
  margin: 20px 0;
  width: 30px;
  height: 2px;
  background-color: #337ab7;
}
.tab-content .tab-pane .tab-pane-info .btn-gold.btn-gold-w i {
  color: mediumseagreen;
}
.tab-content .tab-pane .tab-pane-info .btn-gold i {
  font-size: 12px;
}
.tab-content .tab-pane .tab-pane-info *:last-child {
  margin-bottom: 0;
}
.tab-content .tab-pane .tab-pane-info h2 {
  font-size: 24px;
  margin-top: 10px;
  color: #333;
}
.tab-content .tab-pane .tab-pane-info i {
  font-size: 24px;
  color: #337ab7;
}
.tab-content .tab-pane .tab-pane-info strong {
  font-family: "EuclidCircularA-Medium", Arial, Helvetica, sans-serif;
}
.tab-content .tab-pane .navegacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

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

.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: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  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: #fff;
  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;
}

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

.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: #e5e5e5;
}
.b-evaluacion .icon-evaluacion {
  fill: #738395;
}
.b-evaluacion .btn-evaluacion:hover {
  background: #cbd4dd;
}
.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: #738395;
  color: white;
  line-height: 40px;
}
.b-evaluacion .btn-default.disabled {
  background-color: #e4e4e4;
}
.b-evaluacion .btn-default:hover {
  color: white;
  background-color: #e5e5e5;
}

.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: #ffffff;
  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: #d5d5d5;
  margin-left: 85px;
  margin-bottom: 0;
}
.b-forum .panel-post .panel-heading small {
  margin-left: 85px;
  color: #292728;
}
.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;
}