@import "../../bootstrap.css";
/*@import "customselect";*/
.group:after {
  clear: both;
  content: "";
  display: table;
}
.clearfix {
  clear: both;
}
.line-height-1em {
  line-height: 1em !important;
}
/** colores institucionales autoescuela.
    TODO: reducir la paleta posterior a estos.
 */
/*@cabecera-color: @default-color-alt;*/
/*@noticias-pager-item-selected: @azul-fuerte;*/
/*@breadcrumb-link-actual: @default-color;*/
/* pag: 01 que ofrecemos*/
/*@qo-menuinterno-item-highlight: @naranja;*/
@font-face {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/iconos.eot?r7qwsm');
  src: url('../fonts/iconos.eot?r7qwsm#iefix') format('embedded-opentype'), url('../fonts/iconos.ttf?r7qwsm') format('truetype'), url('../fonts/iconos.woff?r7qwsm') format('woff'), url('../fonts/iconos.svg?r7qwsm#icomoon') format('svg');
}
[class^="icon-"],
[class*=" icon-"] {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}
.icon-f-aba-32:before {
  content: "\e900";
}
.icon-f-arr-32:before {
  content: "\e901";
}
.icon-f-der-32:before {
  content: "\e902";
}
.icon-f-izq-32:before {
  content: "\e903";
}
.icon-fl-aba:before {
  content: "\e904";
}
.icon-fl-arr:before {
  content: "\e905";
}
.icon-fl-der:before {
  content: "\e906";
}
.icon-fl-izq:before {
  content: "\e907";
}
html {
  overflow: hidden;
}
.cabecera-flex {
  z-index: 2;
  border-radius: 0;
  margin: 0px !important;
  max-width: 100% !important;
  position: relative;
  height: 50px;
  font-size: 11px;
  background: #ff8c00;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.cabecera-flex:before,
.cabecera-flex:after {
  content: none;
}
.cabecera-flex .btn-sesion {
  position: absolute;
  color: #2e81af;
  font-weight: bold;
  right: 0;
  padding-right: 20px;
}
.cabecera-flex > a,
.cabecera-flex > .btn-group {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  display: inline-block;
}
.cabecera-flex a,
.cabecera-flex .btn,
.cabecera-flex a:active,
.cabecera-flex a:focus,
.cabecera-flex .btn:active,
.cabecera-flex .btn:focus {
  font-size: 13px !important;
  background: transparent;
  border: 0 none;
  color: #ffffff;
  box-shadow: none;
}
.cabecera-flex > .btn-idioma,
.cabecera-flex > .btn-premium,
.cabecera-flex > .btn-sesion {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media (min-width: 768px) {
  .cabecera-flex > .btn-idioma,
  .cabecera-flex > .btn-premium {
    margin-right: 3em;
  }
}
@media (max-width: 768px) {
  .cabecera-flex > .btn-idioma,
  .cabecera-flex > .btn-premium {
    margin-right: 0em;
  }
}
.cabecera-flex > .btn-premium {
  padding: 0.4em 0.5em 0.4em 33px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*background: url('../../images/shared/premium.png') no-repeat left 5px center #2e81af;*/
}
.cabecera-flex > .usuario-info {
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
  padding-left: 40px;
  max-width: 60%;
}
@media (min-width: 768px) {
  .cabecera-flex > .usuario-info {
    max-width: 27%;
  }
}
.cabecera-flex > .usuario-info button {
  max-width: 100%;
  padding-left: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cabecera-flex > .usuario-info img.foto {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.cabecera-flex > .usuario-info .dropdown-menu {
  left: 40px;
}
.cabecera-flex > a.logo {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 30%;
  margin-left: 15px;
  background: url('../../images/shared/autoescuela-fff.png') no-repeat center;
  background-size: 100% auto;
}
@media (min-width: 768px) {
  .cabecera-flex > a.logo {
    width: 158px;
    margin-right: 50px;
  }
}
@media (max-width: 768px) {
  .cabecera-flex > a.logo {
    width: 158px;
    margin-right: 0;
  }
}
.cabecera-flex > a.logo:before {
  content: '';
  display: block;
  padding-bottom: 18.98%;
}
.navbar-default {
  margin-bottom: 0px;
}
.navbar-default .menu-web {
  display: flex;
}
.navbar-default .menu-web .navbar-header {
  width: 17em;
  align-self: center;
}
.navbar-default .menu-web .navbar-header .logoae {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
}
.navbar-default .menu-web .menu-right {
  margin-left: auto;
}
.icon {
  margin-left: 15px;
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
  padding: 5px;
}
.topnav {
  border-bottom: none !important;
}
#navAdmin .tresponsive {
  background: black !important;
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 767px) {
  .tresponsive {
    position: relative;
  }
  .tresponsive {
    float: none;
    display: block !important;
    text-align: left;
  }
}
@media screen and (max-width: 740px) and (min-width: 320px) {
  .navbar {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
  }
}
.navbar-principal {
  display: inline-flex;
  position: absolute;
  width: 100%;
  margin-top: -10px;
}
.navbar-principal a {
  display: inline-table;
  margin-right: 10px;
  font-weight: 600;
}
.navbar-principal .btn-menu-web {
  margin-top: -65px;
  border-radius: 5px;
  background: #E0E0E2;
  padding: 18px 16px 12px 16px;
  box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.navbar-principal .btn-menu-web .menu-super-text {
  color: black;
  vertical-align: sub;
}
.navbar-principal .btn-menu-web img {
  width: 16px;
  margin-left: 2px;
}
.navbar-principal .btn-menu-web:link {
  background: #E0E0E2;
}
.navbar-principal .btn-menu-web:active,
.navbar-principal .btn-menu-web:active {
  color: black;
  background: white;
}
.navbar-principal .btn-menu-super {
  margin-top: -65px;
  border-radius: 5px;
  background: yellow;
  padding: 17px 15px 13px 15px;
  box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.navbar-principal .btn-menu-super .menu-super-text {
  color: black;
  vertical-align: sub;
}
.navbar-principal .btn-menu-super img {
  width: 16px;
  filter: invert(100%);
  margin-left: 2px;
}
.navbar-principal .btn-menu-super:link {
  background: yellow;
}
.navbar-principal .btn-menu-super:active,
.navbar-principal .btn-menu-super:active {
  color: black;
  background: white;
}
.navbar-principal .btn-menu-admin {
  color: black;
  margin-top: -65px;
  border-radius: 5px;
  background: #55e583;
  padding: 20px 16px 13px 16px;
  box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.navbar-principal .btn-menu-admin img {
  width: 16px;
  margin-top: -5px;
  margin-left: 4px;
}
.navbar-principal .btn-menu-admin:link {
  background: #55e583;
}
.navbar-principal .btn-menu-admin:active,
.navbar-principal .btn-menu-admin:active {
  color: black;
  background: white;
}
.navbar-principal .btn-menu-alumn {
  color: black;
  margin-top: -65px;
  border-radius: 5px;
  background: #3e8ebd;
  padding: 20px 15px 12px 15px;
  box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.2);
  margin-right: 30px;
  z-index: 1;
  cursor: pointer;
}
.navbar-principal .btn-menu-alumn img {
  width: 16px;
  margin-top: -2px;
  margin-left: 4px;
}
.navbar-principal .btn-menu-alumn:link {
  background: #3e8ebd;
}
.navbar-principal .btn-menu-alumn:active,
.navbar-principal .btn-menu-alumn:active {
  color: black;
  background: white;
}
.navbar-principal .btn-visible {
  margin-top: -6px;
  transition: margin 2s;
}
.btn-menu-personal {
  position: absolute;
  right: 120px;
}
.btn-menu-personal img {
  float: left;
  border: 2px solid white;
  width: 34px;
  height: 34px;
  border-radius: 43px;
  padding: 0;
  margin: 0;
}
.btn-menu-logOff {
  border: 1px solid navajowhite;
  position: absolute;
  border-radius: 5px;
  background: #dc3545;
  padding: 4px 10px 3px 10px;
  display: inline-table;
  right: 0;
  margin-right: 20px;
  left: auto;
}
@media (max-width: 768px) {
  .btn-menu-logOff {
    padding: 4px 0px 4px 10px;
  }
}
.btn-menu-logOff:hover {
  background: white;
}
.btn-menu-logOff:hover span {
  color: black;
}
.btn-menu-logOff:hover img {
  filter: invert(100%);
}
.navbar-menu-superAdmin {
  z-index: 1;
  margin-top: -5px;
  background: yellow;
}
.navbar-menu-superAdmin a {
  background-color: yellow;
  color: black;
}
.navbar-menu-user {
  z-index: 1 !important;
  margin-top: -5px;
  background: #2e81af;
}
.navbar-menu-user a {
  background-color: #2e81af;
  margin: 0;
  padding: 5px 10px;
}
.navbar-menu-user .dropdown-menu a {
  background-color: white;
}
.navbar-menu-user .mensajes {
  display: inline-flex;
}
.navbar-menu-user .mensajes .alert-mensaje {
  color: white;
  position: absolute;
  border-radius: 100px;
  background: red;
  padding: 0px 8px 0px 7px;
  margin: -7px 0px 26px -4px;
  text-align: center;
  font-size: 10px;
  font-weight: 800;
  animation: blinker 1.5s ease-in-out infinite;
  z-index: 4;
}
.topnav-logo {
  width: 200px;
  padding: 12px;
}
.topnav-logo-admin {
  filter: invert(1);
  width: 200px;
  padding: 12px;
}
.navbar-menu-admin {
  z-index: 1;
  margin-top: -5px;
  background: #55e583;
}
.navbar-menu-admin a {
  background-color: #55e583;
  margin: 0;
  padding: 5px 10px;
}
.navbar-menu-admin .mensajes {
  background: #55e583;
  display: inline-flex;
}
.navbar-menu-admin .mensajes .alert-mensaje {
  border-radius: 100px;
  background: red;
  padding: 0px 8px 0px 7px;
  margin: 4px 0px 26px -20px;
  text-align: center;
  font-size: 10px;
  font-weight: 800;
  animation: blinker 1.5s ease-in-out infinite;
}
@keyframes blinker {
  30% {
    opacity: 0;
  }
}
.menu-visible {
  margin: -20px 0 0 0 !important;
  transition: margin 0.25s;
  width: 100%;
  display: inline-table;
  z-index: 0 !important;
}
#webContent {
  min-height: 100%;
}
#myCarousel {
  height: 300px;
  overflow: hidden;
}
#myCarousel .carousel-inner {
  z-index: 0;
  height: 300px;
}
#myCarousel .carousel-inner .slide-jirafa {
  background: url('../../images/home/Home_jirafa.jpg') no-repeat center #56c6e6;
  background-size: auto 100%;
  height: 100%;
  background-position: center;
}
@media (max-width: 768px) {
  #myCarousel .carousel-inner .slide-jirafa {
    background-size: auto 40%;
    background-position: bottom;
  }
}
#myCarousel .carousel-inner .slide-jirafa .container {
  height: 300px;
}
#myCarousel .carousel-inner .slide-jirafa .container .brandtitle h1,
#myCarousel .carousel-inner .slide-jirafa .container .brandtitle h2,
#myCarousel .carousel-inner .slide-jirafa .container .brandtitle .tip {
  filter: drop-shadow(3px 2px 4px grey);
  color: white;
}
#myCarousel .carousel-inner .slide-jirafa .container .brandtitle h1 {
  text-align: left;
  font-weight: 700;
}
@media (max-width: 768px) {
  #myCarousel .carousel-inner .slide-jirafa .container .brandtitle h1 {
    font-size: 1.6em;
  }
}
#myCarousel .carousel-inner .slide-jirafa .container .brandtitle h2 {
  font-size: 1.7em;
  margin-top: 0;
}
@media (max-width: 768px) {
  #myCarousel .carousel-inner .slide-jirafa .container .brandtitle h2 {
    font-size: 1em;
  }
}
#myCarousel .carousel-inner .slide-jirafa .container .brandtitle a {
  font-weight: 700;
  padding: 15px 30px;
  margin: 10px 0;
  filter: drop-shadow(3px 3px 0px white);
}
@media (max-width: 768px) {
  #myCarousel .carousel-inner .slide-jirafa .container .brandtitle a {
    padding: 5px 15px;
    margin: 0px auto;
    display: block;
  }
}
@media (max-width: 768px) {
  #myCarousel .carousel-inner .slide-jirafa .container .brandtitle .tip-margin {
    display: none;
  }
}
@media (max-width: 768px) {
  #myCarousel .carousel-inner .slide-jirafa .container .tip {
    font-size: 60%;
  }
}
#myCarousel .carousel-inner .nube {
  position: absolute;
  background: none no-repeat center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: -1;
  line-height: 0px;
}
@media (max-width: 768px) {
  #myCarousel .carousel-inner .nube {
    line-height: 300px;
  }
}
#myCarousel .carousel-inner .nube1 {
  width: 5em;
  height: 88px;
  bottom: auto;
  top: 0;
  right: 0;
  animation: animatedBackground 50s linear infinite;
}
@media (min-width: 2560px) {
  #myCarousel .carousel-inner .nube1 {
    width: 3em;
  }
}
#myCarousel .carousel-inner .nube2 {
  top: 55px;
  right: 80px;
  width: 1em;
  height: 33px;
  animation: animatedBackground 90s linear infinite;
}
@media (min-width: 2560px) {
  #myCarousel .carousel-inner .nube2 {
    width: 1em;
  }
}
#myCarousel .carousel-inner .nube3 {
  width: 9em;
  height: 86px;
  bottom: auto;
  top: 20px;
  animation: animatedBackground2 30s linear infinite;
}
@media (min-width: 2560px) {
  #myCarousel .carousel-inner .nube3 {
    width: 7em;
  }
}
#myCarousel .carousel-inner .nube4 {
  top: 13%;
  width: 3em;
  height: 33px;
  animation: animatedBackground3 40s linear infinite;
}
@media (min-width: 2560px) {
  #myCarousel .carousel-inner .nube4 {
    width: 2em;
  }
}
@keyframes animatedBackground {
  from {
    right: 0%;
  }
  /*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    right: 100%;
  }
}
@keyframes animatedBackground2 {
  from {
    top: -86px;
    right: 40%;
  }
  /*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    right: 100%;
  }
}
@keyframes animatedBackground3 {
  from {
    right: 30%;
  }
  /*use negative width if you want it to flow right to left else and positive for left to right*/
  to {
    right: 100%;
  }
}
.slide-index-secundario {
  width: 100%;
  height: 300px;
  background-color: #ffbd00;
  display: flex !important;
  cursor: pointer;
}
.slide-index-secundario h2 {
  height: 300px;
  width: 100%;
  margin: 0;
  background-image: url(../../images/home/BANNER_SUPER.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: bottom;
}
.slide-index-secundario img {
  position: absolute !important;
  height: 286px !important;
  top: 0%;
  right: auto;
  left: 30%;
  width: auto;
}
@media (max-width: 445px) {
  .slide-index-secundario img {
    position: absolute !important;
    height: auto !important;
    top: 30%;
    right: auto;
    width: 100%;
    padding: 10px;
    left: 0%;
  }
}
@media (min-width: 446px) and (max-width: 768px) {
  .slide-index-secundario img {
    position: absolute !important;
    height: auto !important;
    top: 10%;
    right: auto;
    width: 100%;
    padding: 10px;
    left: 0%;
  }
}
@media (min-width: 769px) and (max-width: 1290px) {
  .slide-index-secundario img {
    position: absolute !important;
    height: 170px !important;
    top: 10%;
    right: auto;
    width: auto;
    padding: 10px;
    left: 30%;
  }
}
@media (min-width: 1291px) {
  .slide-index-secundario img {
    position: absolute !important;
    height: 286px !important;
    top: 0%;
    right: auto;
    left: 30%;
    width: auto;
  }
}
.logoheader {
  max-width: 20%;
}
#myProgress {
  text-align: left;
}
.oculto {
  display: none;
}
.text-align-right {
  text-align: right;
}
@media (max-width: 340px) {
  .hidden-xxs {
    display: none;
  }
}
.alcance h1 {
  margin: 25px;
  text-align: center;
  font-size: 185%;
  font-weight: 700;
  color: #3e8ebd;
}
.alcance .img-alcance {
  text-align: -webkit-center;
}
.alcance .img-alcance .image-cropper {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  cursor: pointer;
}
.alcance .img-alcance .image-cropper img {
  padding: 20%;
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
  background: #ff8c00;
  text-align: center;
}
.alcance .img-alcance .image-cropper .img-rectangular {
  padding: 25% 17% !important;
}
.alcance > div {
  position: relative;
}
.alcance > div > .txt {
  margin: 15px 0 30px;
  font-size: 18px;
  text-align: center;
}
@media (min-width: 768px) {
  .alcance > div > .txt {
    margin-bottom: 55px;
  }
}
.info-escuela {
  display: flex;
  position: relative;
  background: #f6f6f6;
  align-items: center;
  padding: 40px 0;
}
.info-escuela h1 {
  margin-top: 0;
  width: 50%;
  color: #3e8ebd;
  font-size: 23px;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  .info-escuela h1 {
    width: 100%;
    font-size: 30px;
    text-align: left;
  }
}
.info-escuela p {
  text-align: left;
}
@media (min-width: 768px) {
  .info-escuela p {
    text-align: left;
  }
}
.info-escuela h2 {
  margin: 30px 0 20px;
  color: #2e81af;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
@media (min-width: 768px) {
  .info-escuela h2 {
    text-align: left;
  }
}
.info-escuela .btn-inscribir {
  display: block;
  padding: 20px 35px 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border-bottom: 3px solid #3e8ebd;
  border-right: 3px solid #3e8ebd;
  color: #ffffff;
  background: #2e81af;
  float: left;
  padding: 2% 0% 2%;
  width: 62%;
  margin: auto;
  font-size: 125%;
  font-weight: 700;
  text-align: center;
  min-width: 140px;
}
#myCarouselNews .newsOne {
  padding: 25px;
  background-color: #E0E0E2;
  border-bottom: 1px solid lightgray;
}
#myCarouselNews .newsTwo {
  padding: 25px;
  border-bottom: 1px solid lightgray;
}
#myCarouselNews .newsThree {
  padding: 25px;
  background-color: #E0E0E2;
  border-bottom: 1px solid lightgray;
}
#myCarouselNews .newsFour {
  padding: 25px;
  border-bottom: 1px solid lightgray;
}
#myCarouselNews .newsFive {
  padding: 25px;
  margin-bottom: 30px;
  background-color: #E0E0E2;
  border-bottom: 1px solid lightgray;
}
#myCarouselNews .leer-mas {
  width: 165px;
  display: block;
  margin: 0 auto;
  background-color: #ff8c00;
  color: white;
  font-weight: 700;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  #myCarouselNews .leer-mas {
    margin-left: 0;
  }
}
#myCarouselNews img {
  width: 100%;
}
.noticia-detalle {
  padding: 50px;
}
.noticia-detalle .marco {
  padding: 0;
  margin: 0;
  width: 100%;
}
.noticia-detalle .marco img {
  width: inherit;
}
.noticias {
  display: block;
  position: relative;
  background: #f6f6f6;
  align-items: center;
  background-color: #E0E0E2;
}
.noticias .carousel-inner {
  padding: 25px 0;
}
.noticias h1 {
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  color: #3e8ebd;
  margin: 25px 0 25px;
  font-size: 30px;
}
.noticias .news {
  background-color: #E0E0E2 !important;
  /*        .-noticia-box-layout();*/
}
.noticias .news img {
  width: 100%;
}
.noticias .news .leer-mas {
  display: inline-block;
  color: #f68e1d;
  font-size: 15px;
  font-weight: 700;
}
.noticias .news .fecha {
  margin-bottom: 15px;
  color: #888888;
  font-size: 12px;
  font-style: italic;
}
.noticias .news p {
  font-size: 15px;
}
@media (max-width: 426px) {
  .noticias .news p {
    font-size: 13px;
  }
}
.noticias .news .viewport {
  overflow: visible;
}
.noticias .news .slides {
  font-size: 15px !important;
}
.noticias .news h2 {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 426px) {
  .noticias .news h2 {
    font-size: 15px;
  }
}
.videos {
  background: #3e8ebd;
}
.videos h1 {
  text-align: center;
  font-weight: 700;
  color: white;
  margin: 25px 0 25px;
  font-size: 30px;
}
.videos h2 {
  text-align: center;
  margin-top: 0;
  color: #3e8ebd;
}
.videos video,
.videos img {
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.videos iframe {
  border: 0;
  border-radius: 20px 20px 0px 0px;
  width: 100%;
  box-shadow: 5px 0px 5px 0 rgba(0, 0, 0, 0.2), 5px 0px 5px 0 rgba(0, 0, 0, 0.19);
}
.videos .box-info-video {
  background-color: white;
  width: 100%;
  margin-top: -5px;
  border-radius: 0px 0px 20px 20px;
  box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 6px 0 rgba(0, 0, 0, 0.19);
}
.videos .container-video {
  padding: 0% 10%;
  width: 100%;
  height: 100%;
}
.videos .container-video .video {
  text-align: -webkit-center;
  margin-bottom: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .videos .container-video .video {
    margin-bottom: 50px;
  }
}
.videos .container-video .video h2 {
  margin: 0;
  padding: 6% 0;
  font-size: 115%;
  font-weight: 600;
  color: #3e8ebd;
}
.videos .container-video .video .autor {
  text-align: left;
  padding: 1% 6%;
  font-size: 80%;
  color: #888;
}
.videos .container-video .video .promo {
  width: 100%;
  padding-left: 3%;
  line-height: 30px;
  font-size: 100%;
  font-style: italic;
  color: #fff;
  background: url(../../images/shared/estrella.png) no-repeat center left 5px #ffbd00;
}
#caracteristicasIndex {
  position: relative;
  background: #ff8c00;
  padding: 24px 20px 24px;
  color: #ffffff;
}
#caracteristicasIndex container-caracteristicas {
  padding: 0% 10%;
  width: 100%;
  height: 100%;
}
#caracteristicasIndex.azul {
  background: #3e8ebd;
}
#caracteristicasIndex > div h2 {
  margin-top: 0;
  font-size: 22px;
  font-weight: 700;
}
@media (min-width: 768px) {
  #caracteristicasIndex > div h2 {
    font-size: 17px;
  }
}
#caracteristicasIndex > div p {
  font-size: 14px;
}
@media (min-width: 768px) {
  #caracteristicasIndex > div p {
    font-size: 14px;
  }
}
#caracteristicasIndex > div a {
  font-size: 13px;
  text-align: left;
}
@media (min-width: 768px) {
  #caracteristicasIndex > div a {
    font-size: 14px;
  }
}
#caracteristicasIndex .flex {
  display: flex;
  padding: 0% 10%;
}
#caracteristicasIndex .col-sm-2 {
  max-width: 60px;
}
.contacto-redes {
  padding: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .contacto-redes {
    padding: 23px;
    text-align-last: right;
  }
}
.contacto-redes .redes-sociales {
  text-align: center;
  padding-top: 5px;
}
@media (min-width: 768px) {
  .contacto-redes .redes-sociales {
    float: right;
  }
}
.contacto-redes .redes-sociales a {
  display: inline-block;
  margin: 0 7px;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.contacto-redes .redes-sociales a.facebook {
  background: url('../../images/shared/facebook.png') no-repeat center;
}
.contacto-redes .redes-sociales a.twitter {
  background: url('../../images/shared/twitter.png') no-repeat center;
}
.contacto-redes .redes-sociales a.youtube {
  background: url('../../images/shared/youtube.png') no-repeat center;
}
.contacto-redes .redes-sociales a.instagram {
  background: url('../../images/shared/instagran.png') no-repeat center;
}
.footer {
  width: 100%;
  display: flex;
  position: absolute;
  padding: 10px 35px 5px;
  background: #3e8ebd;
  color: #ffffff;
}
.footer .ligas {
  padding: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .footer .ligas:after {
    content: '';
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .footer .ligas:after {
    content: none;
  }
}
.footer .ligas a {
  display: block;
  color: #ffffff;
  margin-right: 5%;
  margin-bottom: 7px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .footer .ligas a {
    display: inline;
    font-size: 14px;
  }
}
.footer .ligas .vineta {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 5px;
  background: url('../../images/shared/vineta.svg');
}
.footer .copyright {
  text-align: right;
  padding: 0px 0px 0px 20px;
  font-size: 10px;
}
@media (min-width: 768px) {
  .footer .copyright {
    font-size: 14px;
  }
}
.footer .copyright > img {
  width: 100px;
}
@media (min-width: 768px) {
  .footer .copyright > img {
    vertical-align: sub;
    width: 140px;
  }
}
.footer > span {
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .footer > span {
    width: auto;
    font-size: 13px;
  }
}
#tab-profesor {
  position: fixed;
  left: 0;
  z-index: 99998;
  /*width: 320px;*/
  bottom: 30px;
  -webkit-transition: top 0.5s ease-in;
  -moz-transition: top 0.5s ease-in;
  -ms-transition: top 0.5s ease-in;
  -o-transition: top 0.5s ease-in;
}
#tab-profesor a.handle {
  top: auto !important;
  left: auto !important;
  bottom: 0 !important;
  right: 17px !important;
  position: fixed !important;
  display: block;
  height: 40px !important;
  width: 470px !important;
  line-height: 40px;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  background: #ff8c00;
  background-color: #ff8c00;
  background-image: none !important;
  background-repeat: no-repeat;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (max-width: 768px) {
  #tab-profesor a.handle {
    width: 320px !important;
  }
}
#tab-profesor label {
  display: block;
  margin-bottom: 10px;
}
#tab-profesor input {
  margin-left: 5px;
  width: 36vw;
  height: 100%;
  border: 0 none;
  float: left;
}
#tab-profesor .cuerpo {
  display: none;
}
#tab-profesor.abierto a.handle {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/dropdown.png');
  background-color: #3e8ebd;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#tab-profesor.abierto .cuerpo {
  top: auto !important;
  width: 470px !important;
  right: 17px !important;
  left: auto !important;
  bottom: 40px;
  position: fixed !important;
  display: block;
  height: 300px;
  border-top: 20px solid #3e8ebd;
  border-left: 20px solid #3e8ebd;
  border-right: 20px solid #3e8ebd;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  background: #ffffff;
}
@media (max-width: 768px) {
  #tab-profesor.abierto .cuerpo {
    width: 320px !important;
  }
}
.btnIdioma {
  float: right;
  background-color: #efecec;
  padding: 3px 12px;
}
.btn-idioma .btn-idioma {
  margin-top: -4px;
}
@media (min-width: 768px) {
  .btn-idioma .btn-idioma {
    margin-right: 40px;
  }
}
.btn-idioma .btn-idioma > button {
  padding: 0;
  border: 0 none;
  color: #ffffff;
  font-size: 11px;
  background-color: transparent;
}
.btn-idioma .btn-idioma > button:hover,
.btn-idioma .btn-idioma > button:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: inherit;
}
@media (min-width: 768px) {
  .btn-idioma .btn-idioma > button {
    font-size: 13px;
  }
}
.btn-idioma .btn-idioma > button .caret {
  margin-left: 3px;
}
#tab-profesor input {
  max-width: 100%;
  margin-left: 5px;
  width: 370px !important;
  height: 100%;
  border: 0 none;
  float: left;
}
@media (max-width: 768px) {
  #tab-profesor input {
    width: 215px !important;
  }
}
a.btn-link img {
  width: 50%;
  height: 100%;
}
.pag-companyProfile {
  margin-top: 20px;
}
.pag-companyProfile h1 {
  font-weight: 600;
  font-size: 30px;
}
.pag-companyProfile header {
  color: #3e8ebd;
  margin-top: 20px;
}
.pag-companyProfile input {
  width: 100%;
}
.pag-companyProfile .submit-box {
  text-align: left;
  margin-top: 25px;
}
.row.areacontenido-box {
  margin: 0px 50px 0px 50px;
}
@media (max-width: 768px) {
  .row.areacontenido-box {
    margin: 0px 15px;
  }
}
.row.areacontenido-box a.btn-back {
  float: right;
  display: inline-block;
  font-size: 12px;
  color: #ff8c00;
  margin-bottom: 20px;
}
.row.areacontenido-box .areacontenido .data-frame {
  display: inline-table;
  background: #f4f4f4;
  height: 200px;
  border-radius: 25px;
  padding: 25px;
  text-align: center;
  border: 5px solid white;
  font-weight: 800;
  font-size: 150%;
  line-height: 30px;
}
@media (max-width: 768px) {
  .row.areacontenido-box .areacontenido .data-frame {
    padding: 0;
    font-size: 10px;
    height: 76px;
    line-height: 15px;
  }
}
.row.areacontenido-box .areacontenido .data-frame span {
  height: 100%;
  width: 100%;
  padding: 3px;
}
.row.areacontenido-box .areacontenido .data-frame img {
  width: 20%;
  filter: opacity(0.8);
}
.row.areacontenido-box .areacontenido .data-frame-section {
  padding-top: 18px;
  position: relative;
  display: inline-table;
  border: 10px solid white;
  border-radius: 15px;
  height: 150px;
  cursor: pointer;
  text-align: center;
  min-width: 20%;
  font-weight: 600;
  background: #56c6e6;
  color: white;
}
.row.areacontenido-box .areacontenido .data-frame-section:hover {
  background: #ff8c00;
}
@media (max-width: 768px) {
  .row.areacontenido-box .areacontenido .data-frame-section {
    min-width: 50%;
    font-size: 10px;
  }
}
.row.areacontenido-box .areacontenido .data-frame-section img {
  max-width: 30%;
  height: 70px;
  padding: 3px;
  bottom: 0;
  top: auto;
}
@media (max-width: 768px) {
  .row.areacontenido-box .areacontenido .data-frame-section img {
    max-width: 75%;
  }
}
.row.areacontenido-box .areacontenido h1 {
  margin: 0 0 15px;
  text-align: left;
  color: #3e8ebd;
  font-size: 18px;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido h1 {
    margin-bottom: 24px;
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .row.areacontenido-box .areacontenido h1 {
    margin-bottom: 30px;
    font-size: 28px;
  }
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .row.areacontenido-box .areacontenido h1 {
    margin: 20px 0 15px;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .row.areacontenido-box .areacontenido h1 {
    margin-top: 9%;
  }
}
.row.areacontenido-box .areacontenido h2 {
  color: #3e8ebd;
}
.row.areacontenido-box .areacontenido p {
  font-size: 13px;
}
@media (min-width: 992px) {
  .row.areacontenido-box .areacontenido p {
    font-size: 14px;
  }
}
.row.areacontenido-box .areacontenido .grid {
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  overflow: hidden;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido .grid {
    position: relative;
    height: 320px;
    width: 100%;
  }
}
.row.areacontenido-box .areacontenido .grid .cell {
  position: relative;
}
.row.areacontenido-box .areacontenido .grid .cell.aprobado {
  background: #ffbd00;
}
.row.areacontenido-box .areacontenido .grid .cell.aprobado .lbl {
  font-size: 18px;
  padding: 15px 0 12px;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido .grid .cell.aprobado .lbl {
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 1.1em;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .row.areacontenido-box .areacontenido .grid .cell.aprobado .lbl {
    width: 65%;
    padding-top: 25px;
  }
}
.row.areacontenido-box .areacontenido .grid .cell.aprobado .val {
  padding-right: 15px;
  font-size: 45px;
  text-align: right;
  font-weight: 700;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido .grid .cell.aprobado {
    position: absolute;
    top: 0;
    width: 50%;
    height: 30%;
    padding-top: 10px;
    padding-left: 10px;
    border-right: 20px solid #ffffff;
  }
}
.row.areacontenido-box .areacontenido .grid .cell.estadisticas {
  background: #56c6e6;
  padding-bottom: 20px;
}
.row.areacontenido-box .areacontenido .grid .cell.estadisticas .lbl {
  font-size: 20px;
  padding: 15px 0;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido .grid .cell.estadisticas .lbl {
    padding: 30px 0;
    font-size: 24px;
  }
}
.row.areacontenido-box .areacontenido .grid .cell.estadisticas figure {
  padding: 0;
  padding: 0 0 25px;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido .grid .cell.estadisticas figure {
    padding: 0;
  }
}
.row.areacontenido-box .areacontenido .grid .cell.estadisticas figure > img {
  width: 90px;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido .grid .cell.estadisticas {
    position: absolute;
    top: 0%;
    width: 50%;
    height: 100%;
    /*border-top: 20px solid @default-color-alt;*/
    border-right: 20px solid #ffffff;
  }
}
.row.areacontenido-box .areacontenido .grid .cell.manuales {
  background: #3e8ebd;
  padding-bottom: 20px;
}
.row.areacontenido-box .areacontenido .grid .cell.manuales .lbl {
  font-size: 20px;
  padding: 15px 0;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido .grid .cell.manuales .lbl {
    padding: 30px 0;
    font-size: 24px;
  }
}
.row.areacontenido-box .areacontenido .grid .cell.manuales .mitad {
  float: left;
  width: 50%;
  text-align: center;
}
.row.areacontenido-box .areacontenido .grid .cell.manuales .mitad figure > img {
  width: 50px;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido .grid .cell.manuales .mitad figure > img {
    width: 80px;
  }
}
.row.areacontenido-box .areacontenido .grid .cell.manuales .mitad .lbl {
  font-size: 15px;
}
@media (min-width: 768px) {
  .row.areacontenido-box .areacontenido .grid .cell.manuales {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
figure#test-image {
  max-width: 450px;
  max-height: 330px;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .submit-box a.fondo-azul-claro {
  font-weight: 700;
  border: 2px solid #3e8ebd;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .submit-box a.fondo-azul-suave {
  font-weight: 700;
  background-color: #56c6e6;
  border: 2px solid #56c6e6;
}
@media (max-width: 767px) {
  div.datos-alumno div.col-reciclar {
    padding: 0;
  }
}
@media (max-width: 400px) {
  #box-botones {
    width: 100%;
  }
}
@media (max-width: 360px) {
  #navegar-a {
    width: 65%;
  }
  .pag > .menu-row .navbar .navbar-collapse#menu-principal.in {
    margin-bottom: 70px !important;
  }
  div.datos-alumno div.col-reciclar {
    width: 90%;
    position: absolute;
    top: 15px;
  }
  div.datos-alumno div.col-reciclar a:not(:first-child) {
    margin-top: 15px;
  }
}
@media (max-width: 360px) and (min-width: 320px) and (max-width: 580px) {
  .pag > .menu-row .navbar .navbar-collapse#menu-principal.in {
    background: transparent;
    border: none;
  }
}
.fotologin.w64h64 {
  width: 32px;
  height: 32px;
}
.fotologin.w64h64:hover {
  transform: scale(5);
}
.offline {
  padding: 0 3%;
}
.offline h3 {
  color: #ff8c00;
}
.offline p {
  color: #555555;
}
.offline form input[type=text],
.offline form input[type=email],
.offline form textarea {
  border: 1px solid #CCCCCC !important;
  text-align: left;
  text-transform: none;
  padding: 3px 15px;
  min-height: 25px;
  display: inline-block;
  border-radius: 4px;
  margin: 3px 0;
  height: unset !important;
  width: 100%;
}
.offline form textarea {
  min-height: 100px;
}
.offline form input[type=submit] {
  background-color: #ff8c00;
  color: white;
  text-align: center;
  padding: 3px 15px;
  border: 0;
  border-radius: 4px;
  width: 100%;
  height: unset !important;
}
.mw4096 {
  max-width: 4096px !important;
}
.h225 {
  height: 225px;
}
.brd-chat {
  border-top: 2px solid #3e8ebd;
}
.btn-chat {
  width: 90px;
}
a {
  cursor: pointer;
}
ul.with-scroll {
  height: 520px;
  overflow-y: scroll;
}
.sep-btnsel {
  margin: 0 0 15px 15px;
}
@media (max-width: 487px) {
  .sep-btnsel {
    margin: 15px;
  }
}
#btn-make-test {
  margin: 25px;
}
#glasspane {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
html {
  height: 100%;
  box-sizing: border-box;
}
body {
  position: relative;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #505050;
  overflow-x: hidden;
}
a {
  text-decoration: none !important;
  color: white;
}
.group:after {
  clear: both;
  content: "";
  display: table;
}
/*
._slideshow(@color-item: @default-color-alt, @color-item-selected: @azul-fuerte) {
    > .viewport {
        overflow: hidden;

        > .slides {
            font-size: 0;
            .transition (margin-left 0.5s linear);

            > * {
                display: inline-block;
                margin-right: 20px;
            }
        }
    }

    .slides > * > img {
        width: 100%;
    }

    .pager {
        ._pager(@color-item, @color-item-selected);
    }
}

.slideshow {
    ._slideshow();
}

.slideshow-vertical {
    > .viewport {
        overflow: hidden;

        > .slides {
            .transition (margin-top 0.5s linear);
        }

        @media screen and (min-width:320px) and (max-width:580px) {
            overflow: hidden;
            height: 560px !important;
        }
    }
}*/
a.btn-compartir {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: none no-repeat center;
  background-size: 100% auto;
}
a.btn-compartir.facebook {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-facebook.png');
}
a.btn-compartir.twitter {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-twitter.png');
}
a.btn-compartir.googleplus {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-googleplus.png');
}
a.btn-compartir.linkedin {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-linkedin.png');
}
a.btn-compartir.printer {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-printer.png');
}
.separador.inline {
  display: inline-block;
  height: 2em;
  width: 1px;
  margin: 0 1em;
  border-left: 1px dotted #3e8ebd;
}
.separador.inline.invisible {
  border-left: 1px solid transparent;
}
input[type="radio"] + label {
  margin-right: 1.5em;
  font-weight: 400;
  cursor: pointer;
}
input[type="radio"] + label span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
  background: url('../../images/shared/radio--naranja.svg') left top no-repeat;
  background-size: 100%;
  cursor: pointer;
}
input[type="radio"]:checked + label span {
  background: url('../../images/shared/radio-checked--naranja.svg') left top no-repeat;
  background-size: 100%;
}
select,
select + .customSelect,
input,
textarea {
  padding: 0 6px;
  border: 1px solid #56c6e6;
}
.wrap-select {
  position: relative;
}
.wrap-select .customSelect {
  height: 30px;
  box-sizing: border-box;
  line-height: 30px;
}
.wrap-select .customSelect {
  border: 1px solid #56c6e6;
  padding: 0 6px;
  overflow: hidden;
}
.wrap-select .customSelect:before {
  content: '';
  display: block;
  position: absolute;
  background: url('../../images/shared/fl-aba--azul-suave.svg') no-repeat center;
  background-size: auto 90%;
  background-origin: content-box;
  width: 30px;
  height: 30px;
  top: 50%;
  right: 4px;
  margin-top: -15px;
  pointer-events: none;
}
.wrap-select .customSelect.unused {
  color: #848484;
}
.wrap-select select.naranja + .customSelect:before {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/fl-aba--naranja.svg');
}
.wrap-select select.negro + .customSelect:before {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/fl-aba.svg');
}
.wrap-select select.azul + .customSelect:before {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/fl-aba--azul.svg');
}
select,
select + .customSelect,
input {
  height: 30px;
  line-height: 30px;
}
.input-box {
  position: relative;
  display: inline-block;
}
.input-box .placeholder {
  position: absolute;
  top: 50%;
  margin-top: -0.6em;
  padding-left: 9px;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
@media (min-width: 768px) {
  .input-box .placeholder {
    position: static;
    display: inline-block;
    margin-top: 0.5em;
    float: left;
    height: 1.2em;
  }
}
.input-box input[type='text']:focus + .placeholder,
.input-box input[type='text']:valid + .placeholder {
  display: none;
}
@media (min-width: 768px) {
  .input-box input[type='text']:focus + .placeholder,
  .input-box input[type='text']:valid + .placeholder {
    display: inline-block;
  }
}
.input-box.ico:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2px;
  width: 1.2em;
  height: 1.2em;
  margin-top: -0.6em;
  background: none center;
  background-size: 100%;
}
.input-box.ico input[type='text'] {
  padding-right: 1.5em;
}
.input-box.ico.ico--lupa:after {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-lupa.png');
}
select,
select + .customSelect,
textarea,
input,
svg.placeholder text {
  font-size: 12px;
}
@media (min-width: 768px) {
  select,
  select + .customSelect,
  textarea,
  input,
  svg.placeholder text {
    font-size: 13px;
    border-color: #c8c8c8;
  }
}
.wraptextarea {
  position: relative;
  overflow: hidden;
}
.wraptextarea textarea {
  padding: 15px;
}
.wraptextarea textarea + .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  pointer-events: none;
  font-size: 0.7em;
  overflow: hidden;
}
.wraptextarea textarea:focus + .placeholder,
.wraptextarea textarea:valid + .placeholder {
  display: none;
}
/** iconos inline */
i.ico {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: baseline;
  background: none no-repeat center;
  background-size: 100% auto;
}
i.ico.ico--fl-izq {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/fl-izq--naranja.svg');
}
i.ico.ico--fl-izq.blanco {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/f-izq-32--blanco.svg');
}
i.ico.ico--logout {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-logout.png');
}
i.ico.ico--calendario {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-calendario.png');
}
i.ico.ico--leccion-dia {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-leccion.png');
}
i.ico.ico--ver {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-ver.png');
}
i.ico.ico--ver.naranja {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-ver--naranja.png');
}
i.ico.ico--check {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-check.png');
}
i.ico.icoitem--test {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-tests-ffffff.png');
}
i.ico.icoitem--video {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-videos-ffffff.png');
}
i.ico.icoitem--manual {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-manuales-ffffff.png');
}
i.ico.icoitem--sesion {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-sesion-ffffff.png');
}
i.ico.icoitem--summary {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-summary-fffff.png');
}
.submit-box {
  text-align: center;
}
@media (min-width: 768px) {
  .submit-box {
    text-align: right;
  }
}
.submit-box a {
  font-size: 14px;
}
.dropdown-menu {
  border: 1px solid #56c6e6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.dropdown-menu li {
  padding: 0 10px;
}
.dropdown-menu li a {
  padding: 5px 20px;
  color: #3e8ebd !important;
}
.dropdown-menu li.subitem a {
  padding-left: 30px;
}
.dropdown-menu li + li:not(.subitem) a {
  border-top: 1px solid #e0e0e0;
}
.pag.pag-queofrecemos .row.hero {
  z-index: 0;
  position: relative;
  height: 300px;
}
.pag.pag-queofrecemos .row.hero #exam-fondo {
  background: url(../../images/Exam/Home_ExamenTeorico.jpg) no-repeat center #c69c6d;
  background-size: auto 100%;
  height: 100%;
  background-position: center;
}
@media (max-width: 768px) {
  .pag.pag-queofrecemos .row.hero #exam-fondo {
    background-size: auto 40%;
    background-position: bottom;
  }
}
.pag.pag-queofrecemos .row.hero #exam-fondo h1 {
  line-height: 150px;
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 7em;
  filter: drop-shadow(3px 2px 4px grey);
  font-family: 'Quicksand', sans-serif;
  padding-top: 50px;
}
@media (max-width: 768px) {
  .pag.pag-queofrecemos .row.hero #exam-fondo h1 {
    padding-top: 50px;
    line-height: 60px;
    margin: 0 auto 0 0;
    font-size: 4em;
  }
}
.pag.pag-queofrecemos .row.hero #services-fondo {
  background: url(../../images/services/Home_QueOfrecemos.jpg) no-repeat center #40c7c1;
  background-size: auto 100%;
  height: 100%;
  background-position: center;
}
@media (max-width: 768px) {
  .pag.pag-queofrecemos .row.hero #services-fondo {
    background-size: auto 40%;
    background-position: bottom;
  }
}
.pag.pag-queofrecemos .row.hero #services-fondo h1 {
  line-height: 170px;
  margin: 0 auto 0 -180px;
  text-align: center;
  color: white;
  font-size: 7em;
  filter: drop-shadow(3px 2px 4px grey);
  font-family: 'Quicksand', sans-serif;
}
@media (max-width: 768px) {
  .pag.pag-queofrecemos .row.hero #services-fondo h1 {
    font-size: 3em;
    margin: 0 auto 0 -75px;
    padding-top: 0;
  }
}
.pag.pag-queofrecemos .row.hero #services-fondo h2 {
  line-height: 0px;
  margin: 0px auto 0 80px;
  text-align: center;
  color: white;
  font-size: 7em;
  filter: drop-shadow(3px 2px 4px grey);
  font-family: 'Quicksand', sans-serif;
}
@media (max-width: 768px) {
  .pag.pag-queofrecemos .row.hero #services-fondo h2 {
    font-size: 2.8em;
    margin: -45px auto 0 16px;
  }
}
.pag.pag-queofrecemos .row.hero .menu-interno {
  text-align: center;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.hero .menu-interno {
    margin-top: 250px;
  }
}
.pag.pag-queofrecemos .row.hero .menu-interno > a {
  display: inline-block;
  width: 11.5em;
  height: 3em;
  line-height: 3em;
  margin: 10px 5px;
  border: 1px solid #2e81af;
  color: #ff8c00;
  font-size: 15px;
  font-weight: 600;
  background: white;
}
.pag.pag-queofrecemos .row.hero .menu-interno > a:hover,
.pag.pag-queofrecemos .row.hero .menu-interno > a:active {
  background: #ff8c00;
  color: #ffffff;
  border: 1px solid #ff8c00;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag.pag-queofrecemos .row.hero .menu-interno {
    margin-top: 38px;
  }
}
.pag.pag-queofrecemos .row.manuales {
  position: relative;
  background: #ff8c00;
  color: #ffffff;
}
.pag.pag-queofrecemos .row.manuales h1 {
  margin: 25px 0 25px;
}
.pag.pag-queofrecemos .row.manuales h2 {
  margin-top: 0;
}
.pag.pag-queofrecemos .row.manuales figure > img {
  width: 70px;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.manuales figure > img {
    width: 115px;
  }
}
@media (min-width: 992px) {
  .pag.pag-queofrecemos .row.manuales figure > img {
    width: auto;
  }
}
.pag.pag-queofrecemos .row.manuales .manual {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.manuales .manual {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.manuales .manual h2 {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .pag.pag-queofrecemos .row.manuales .manual h2 {
    margin-top: 30px;
  }
}
.pag.pag-queofrecemos .row.manuales .manual p {
  margin-bottom: 15px;
}
.pag.pag-queofrecemos .row.manuales > .extensor-izq {
  display: none;
  background: #ff8c00;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.manuales > .extensor-izq {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.manuales > .extensor-izq {
    left: -999px;
  }
}
.pag.pag-queofrecemos .row.manuales > .extensor-der {
  display: none;
  background: #ff8c00;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.manuales > .extensor-der {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.manuales > .extensor-der {
    right: -999px;
  }
}
.pag.pag-queofrecemos .row.videos {
  background: white;
}
.pag.pag-queofrecemos .row.videos h1 {
  font-size: 40px;
  color: #3e8ebd;
}
.pag.pag-queofrecemos .row.videos .video {
  padding: 0px 100px;
}
@media (max-width: 768px) {
  .pag.pag-queofrecemos .row.videos .video {
    padding: 0px 35px;
  }
}
.pag.pag-queofrecemos .row.tests {
  position: relative;
  background: #ffbd00;
  color: #ffffff;
}
.pag.pag-queofrecemos .row.tests figure > img {
  width: 70px;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.tests figure > img {
    width: auto;
  }
}
.pag.pag-queofrecemos .row.tests .test {
  padding: 25px 55px;
  margin-bottom: 0px !important;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.tests .test {
    text-align: center;
  }
}
.pag.pag-queofrecemos .row.tests .test h2 {
  margin-top: 0;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.tests .test h2 {
    min-height: 2.2em;
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .pag.pag-queofrecemos .row.tests .test h2 {
    margin-top: 30px;
  }
}
.pag.pag-queofrecemos .row.tests .test p {
  margin-bottom: 15px;
  position: relative;
  max-height: 4.2em;
  overflow: hidden;
}
.pag.pag-queofrecemos .row.tests .test p:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0em;
  width: 3em;
  height: 1.3em;
}
.pag.pag-queofrecemos .row.profesor-online {
  position: relative;
  background: #f4f4f4;
}
.pag.pag-queofrecemos .row.profesor-online figure > img {
  width: 70px;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.profesor-online figure > img {
    width: auto;
  }
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.profesor-online .mitad {
    text-align: center;
  }
}
.pag.pag-queofrecemos .row.profesor-online .mitad.estadisticas {
  background: #e0e0e0;
}
.pag.pag-queofrecemos .row.profesor-online .mitad.estadisticas p {
  position: relative;
  max-height: -webkit-max-content;
  max-height: 100% !important;
  overflow: hidden;
}
.pag.pag-queofrecemos .row.profesor-online .mitad h2 {
  color: #3e8ebd;
  font-size: 30px;
  text-align: center;
}
@media (min-width: 992px) {
  .pag.pag-queofrecemos .row.profesor-online .mitad h2 {
    font-size: 35px;
  }
}
.pag.pag-queofrecemos .row.profesor-online .mitad p {
  margin-top: 15px;
  margin-bottom: 20px;
  position: relative;
  max-height: 4.2em;
  overflow: hidden;
}
.pag.pag-queofrecemos .row.profesor-online .mitad p:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0em;
  width: 3em;
  height: 1.3em;
}
.pag.pag-queofrecemos .row.profesor-online > .extensor-izq {
  display: none;
  background: #f4f4f4;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.profesor-online > .extensor-izq {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.profesor-online > .extensor-izq {
    left: -999px;
  }
}
.pag.pag-queofrecemos .row.profesor-online > .extensor-der {
  display: none;
  background: #e0e0e0;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.profesor-online > .extensor-der {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.profesor-online > .extensor-der {
    right: -999px;
  }
}
.pag.pag-queofrecemos .row.planes {
  position: relative;
  background: #ffffff;
  padding-bottom: 0 !important;
}
.pag.pag-queofrecemos .row.planes h1 {
  margin: 30px 0 30px;
  color: #3e8ebd;
  font-size: 32px;
  text-align: center;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.planes h1 {
    margin: 30px 0 30px;
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .pag.pag-queofrecemos .row.planes h1 {
    margin: 30px 0 30px;
    font-size: 40px;
  }
}
.pag.pag-queofrecemos .row.planes .plan {
  position: relative;
  padding-top: 0;
  padding-bottom: 40px;
  background: #ffbd00;
  color: #ffffff;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.planes .plan {
    min-height: 640px;
    padding-top: 75px;
  }
}
.pag.pag-queofrecemos .row.planes .plan.plan-con-registro {
  color: #505050;
  background: #e0e0e0;
  padding-left: 30px;
}
.pag.pag-queofrecemos .row.planes .plan.plan-con-registro h2 {
  color: #3e8ebd;
}
.pag.pag-queofrecemos .row.planes .plan.plan-premium,
.pag.pag-queofrecemos .row.planes .plan.plan-sin-registro {
  padding-left: 30px;
}
.pag.pag-queofrecemos .row.planes .plan h2 {
  margin-bottom: 0;
  font-size: 25px;
}
.pag.pag-queofrecemos .row.planes .plan .precio {
  font-size: 20px;
  font-style: italic;
  color: #2e81af;
}
.pag.pag-queofrecemos .row.planes .plan ul.caracteristicas {
  margin: 30px 0 40px;
  padding: 0;
  list-style: none;
}
.pag.pag-queofrecemos .row.planes .plan ul.caracteristicas li {
  position: relative;
  line-height: 3em;
  border-bottom: 1px solid #56c6e6;
  font-size: 14px;
  padding-left: 1.5em;
}
.pag.pag-queofrecemos .row.planes .plan ul.caracteristicas li:before {
  content: '\232A';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  font-size: 120%;
}
.pag.pag-queofrecemos .row.planes .plan .sello {
  position: absolute;
  top: -40px;
  right: 0;
  width: 140px;
  height: 140px;
}
.pag.pag-queofrecemos .row.planes .plan .sello > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.pag.pag-queofrecemos .row.planes .plan .sello > figcaption {
  position: relative;
  display: block;
  margin-top: 50px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  z-index: 1;
}
.pag.pag-queofrecemos .row.planes .plan > .extensor-izq {
  display: none;
  background: #3e8ebd;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.planes .plan > .extensor-izq {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.planes .plan > .extensor-izq {
    left: -999px;
  }
}
.pag.pag-queofrecemos .row.planes .plan > .extensor-der {
  display: none;
  background: #3e8ebd;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.planes .plan > .extensor-der {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-queofrecemos .row.planes .plan > .extensor-der {
    right: -999px;
  }
}
.pag.pag-queofrecemos .row.planes .tip-sticker {
  position: fixed;
  top: 50%;
  right: -11.5em;
  width: 13.5em;
  -webkit-transition: right 0.5s ease-out;
  -moz-transition: right 0.5s ease-out;
  -ms-transition: right 0.5s ease-out;
  -o-transition: right 0.5s ease-out;
  padding: 1em 0.5em 1em 2em;
  background: #ff8c00;
  border: 5px solid #ffffff;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  z-index: 999;
}
.pag.pag-autoescuelas .row.hero {
  z-index: 0;
  position: relative;
  height: 300px;
}
.pag.pag-autoescuelas .row.hero #autoescuelas-fondo {
  background: url(../../images/drivingschools/Home_Autoescuelas.jpg) no-repeat center #F6E6CC;
  background-size: auto 100%;
  height: 100%;
  background-position: center;
}
@media (max-width: 768px) {
  .pag.pag-autoescuelas .row.hero #autoescuelas-fondo {
    background-size: auto 43%;
    background-position: bottom;
  }
}
.pag.pag-autoescuelas .row.hero #autoescuelas-fondo h1 {
  padding-top: 50px;
  line-height: 150px;
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 7em;
  filter: drop-shadow(3px 2px 4px grey);
  font-family: 'Quicksand', sans-serif;
}
@media (max-width: 768px) {
  .pag.pag-autoescuelas .row.hero #autoescuelas-fondo h1 {
    font-size: 2.5em;
    line-height: 130px;
  }
}
.pag.pag-autoescuelas .row.hero p {
  margin-top: 135px;
  text-align: center;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.hero p {
    margin-top: 160px;
  }
}
.pag.pag-autoescuelas .row.funcionalidades {
  position: relative;
  margin-top: 0px;
  background: white;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad {
  position: relative;
  padding-top: 40px;
  padding-bottom: 35px;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad h2 {
  margin-top: 0;
  color: #3e8ebd;
  font-size: 20px;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad figure > img {
  width: 75px;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad figure > img {
    width: 90px;
  }
}
@media (min-width: 992px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad figure > img {
    width: auto;
  }
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad p {
  margin-bottom: 0;
  font-size: 14px;
  position: relative;
  max-height: 4.2em;
  overflow: hidden;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad p:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0em;
  width: 3em;
  height: 1.3em;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad h2 {
    min-height: 2.2em;
    margin-top: 20px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad figure > img {
    width: auto;
    height: 90px;
  }
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.estadisticas {
  background: #ff8c00;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.estadisticas h2 {
  color: #ffffff;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.estadisticas p {
  color: #ffffff;
  position: relative;
  max-height: 4.2em;
  overflow: hidden;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.estadisticas p:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0em;
  width: 3em;
  height: 1.3em;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.estadisticas > .extensor-izq {
  display: none;
  background: #ff8c00;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.estadisticas > .extensor-izq {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.estadisticas > .extensor-izq {
    left: -999px;
  }
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.idiomas {
  color: #ffffff;
  background: #ffbd00;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.idiomas h2 {
  color: #ffffff;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.idiomas p {
  position: relative;
  max-height: 4.2em;
  overflow: hidden;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.idiomas p:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0em;
  width: 3em;
  height: 1.3em;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.idiomas > .extensor-der {
  display: none;
  background: #ffbd00;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.idiomas > .extensor-der {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.idiomas > .extensor-der {
    right: -999px;
  }
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.gestion {
  background: #f4f4f4;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.gestion p {
  position: relative;
  max-height: 4.2em;
  overflow: hidden;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.gestion p:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0em;
  width: 3em;
  height: 1.3em;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.gestion > .extensor-izq {
  display: none;
  background: #f4f4f4;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.gestion > .extensor-izq {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.gestion > .extensor-izq {
    left: -999px;
  }
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.adapta {
  background: #e0e0e0;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.adapta p {
  position: relative;
  max-height: 4.2em;
  overflow: hidden;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.adapta p:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0em;
  width: 3em;
  height: 1.3em;
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.adapta > .extensor-der {
  display: none;
  background: #e0e0e0;
  z-index: -1;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.adapta > .extensor-der {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.adapta > .extensor-der {
    right: -999px;
  }
}
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.estadisticas,
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.permisos,
.pag.pag-autoescuelas .row.funcionalidades .funcionalidad.idiomas {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.estadisticas,
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.permisos,
  .pag.pag-autoescuelas .row.funcionalidades .funcionalidad.idiomas {
    padding-top: 50px;
  }
}
.pag.pag-autoescuelas .row.contacto {
  padding-bottom: 70px;
  text-align: center;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.contacto {
    padding-bottom: 100px;
  }
}
.pag.pag-autoescuelas .row.contacto h1 {
  font-size: 24px;
  color: #3e8ebd;
  margin-top: 45px;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 992px) {
  .pag.pag-autoescuelas .row.contacto h1 {
    font-size: 30px;
  }
}
.pag.pag-autoescuelas .row.contacto p {
  font-size: 14px;
}
.pag.pag-autoescuelas .row.contacto .campo {
  margin-top: 25px;
}
.pag.pag-autoescuelas .row.contacto .campo figure {
  display: inline-block;
}
.pag.pag-autoescuelas .row.contacto .campo input {
  width: 250px;
  font-size: 13px;
}
@media (min-width: 768px) {
  .pag.pag-autoescuelas .row.contacto .campo input {
    width: 380px;
  }
}
@media (min-width: 992px) {
  .pag.pag-autoescuelas .row.contacto .campo input {
    width: 220px;
  }
}
.pag.pag-autoescuelas .row.contacto .campo.enviar {
  margin-top: 40px;
  text-align: center;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag.pag-autoescuelas .row.contacto .campo.enviar {
    margin: 25px 0 0 14px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag.pag-autoescuelas .row.contacto .campo.enviar {
    left: 18px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag.pag-autoescuelas .row.contacto .campo.enviar input {
    width: 40%;
  }
}
.pag.pag-autoescuelas .tip-sticker {
  position: fixed;
  top: 50%;
  right: -11.5em;
  width: 13.5em;
  -webkit-transition: right 0.5s ease-out;
  -moz-transition: right 0.5s ease-out;
  -ms-transition: right 0.5s ease-out;
  -o-transition: right 0.5s ease-out;
  padding: 1em 0.5em 1em 2em;
  background: #ff8c00;
  border: 5px solid #ffffff;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  z-index: 999;
}
.pag.pag-casosexito .row.hero {
  z-index: 0;
  position: relative;
  height: 300px;
}
.pag.pag-casosexito .row.hero #exitos-fondo {
  background: url(../../images/succestories/Home_CasosDeExito.jpg) no-repeat center #7DCBCF;
  background-size: auto 100%;
  height: 100%;
}
.pag.pag-casosexito .row.hero #exitos-fondo h1 {
  line-height: 60px;
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 7em;
  filter: drop-shadow(3px 2px 4px grey);
  font-family: 'Quicksand', sans-serif;
}
@media (max-width: 768px) {
  .pag.pag-casosexito .row.hero #exitos-fondo h1 {
    font-size: 5em;
  }
}
.pag.pag-casosexito .row.hero #exitos-fondo h2 {
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 4em;
  filter: drop-shadow(3px 2px 4px grey);
  font-family: 'Quicksand', sans-serif;
}
@media (max-width: 768px) {
  .pag.pag-casosexito .row.hero #exitos-fondo h2 {
    font-size: 3em;
  }
}
.pag.pag-casosexito .row.hero p {
  margin-top: 135px;
  text-align: center;
}
@media (min-width: 768px) {
  .pag.pag-casosexito .row.hero p {
    margin-top: 160px;
  }
}
.pag.pag-casosexito .indicators-comments {
  position: relative !important;
  margin-top: 10px;
}
.pag.pag-casosexito .indicators-comments .active {
  background-color: #ff8c00;
}
.pag.pag-casosexito .testimonio .commentOne {
  margin: 30px 40% 30px 30px;
  background-color: #f4f4f4;
}
@media (max-width: 768px) {
  .pag.pag-casosexito .testimonio .commentOne {
    margin: 15px !important;
  }
}
.pag.pag-casosexito .testimonio .commentTwo {
  margin: 30px 30px 30px 40%;
  background-color: #f4f4f4;
}
@media (max-width: 768px) {
  .pag.pag-casosexito .testimonio .commentTwo {
    margin: 15px !important;
  }
}
.pag.pag-casosexito .testimonio p {
  margin: 15px 0;
  text-align: justify;
  font-style: italic;
}
.pag.pag-casosexito .testimonio figure {
  filter: opacity(0.1);
  padding: 15px;
}
.pag.pag-casosexito .pager {
  text-align: right;
  font-size: 30px;
}
.pag.pag-casosexito .pager a {
  color: #ff8c00;
}
.pag.pag-casosexito .tip-sticker {
  position: fixed;
  top: 50%;
  right: -11.5em;
  width: 13.5em;
  -webkit-transition: right 0.5s ease-out;
  -moz-transition: right 0.5s ease-out;
  -ms-transition: right 0.5s ease-out;
  -o-transition: right 0.5s ease-out;
  padding: 1em 0.5em 1em 2em;
  background: #ff8c00;
  border: 5px solid #ffffff;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  z-index: 999;
}
.indicators-news {
  position: relative;
  bottom: 0 !important;
}
.indicators-news .active {
  background-color: #ff8c00;
}
.indicators-news li {
  border: 2px solid gray;
}
.pag-noticias-listado .row.hero {
  z-index: 0;
  position: relative;
  height: 300px;
}
.pag-noticias-listado .row.hero #noticias-fondo {
  background: url(../../images/news/Home_Noticias.jpg) no-repeat center #FDCE39;
  background-size: auto 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .pag-noticias-listado .row.hero #noticias-fondo {
    background-size: auto 40%;
    background-position: bottom;
  }
}
.pag-noticias-listado .row.hero #noticias-fondo h1 {
  line-height: 150px;
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 7em;
  filter: drop-shadow(3px 2px 4px grey);
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
}
@media (max-width: 768px) {
  .pag-noticias-listado .row.hero #noticias-fondo h1 {
    padding-top: 50px;
    line-height: 150px;
    font-size: 4em;
  }
}
.pag-noticias-listado .row.hero p {
  margin-top: 165px;
  text-align: center;
}
@media (min-width: 768px) {
  .pag-noticias-listado .row.hero p {
    margin-top: 200px;
  }
}
.pag.pag-noticias-ficha .noticia-detalle h1 {
  margin: 15px 0 20px;
  text-align: left;
  color: #3e8ebd;
  font-weight: 600;
  font-size: 18px;
}
@media (min-width: 768px) {
  .pag.pag-noticias-ficha .noticia-detalle h1 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .pag.pag-noticias-ficha .noticia-detalle h1 {
    font-size: 30px;
  }
}
.pag.pag-noticias-ficha .noticia-detalle .fecha {
  font-size: 12px;
}
@media (min-width: 992px) {
  .pag.pag-noticias-ficha .noticia-detalle .fecha {
    font-size: 13px;
  }
}
.pag.pag-noticias-ficha .noticia-detalle p {
  font-size: 13px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .pag.pag-noticias-ficha .noticia-detalle p {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .pag.pag-noticias-ficha .noticia-detalle p {
    font-size: 15px;
    margin-bottom: 30px;
  }
}
.pag.pag-noticias-ficha .noticia-detalle figure {
  margin: 30px 0;
}
.pag.pag-noticias-ficha .noticia-detalle figure:first-child {
  margin-top: 0;
}
@media (min-width: 992px) {
  .pag.pag-noticias-ficha .noticia-detalle figure.marco {
    padding: 10px;
    /*border: 1px solid @borde-ligero-color;*/
  }
}
.pag.pag-noticias-ficha .noticia-detalle figure > img {
  width: 30%;
}
.pag.pag-noticias-ficha .noticia-detalle h2 {
  margin: 60px 0 20px;
  color: #3e8ebd;
  font-size: 18px;
}
@media (min-width: 768px) {
  .pag.pag-noticias-ficha .noticia-detalle h2 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .pag.pag-noticias-ficha .noticia-detalle h2 {
    font-size: 25px;
  }
}
.pag.pag-noticias-ficha .row.compartir-noticia {
  position: relative;
  margin-bottom: 90px;
  padding: 25px 0;
  text-align: center;
  background: #f4f4f4;
}
@media (min-width: 768px) {
  .pag.pag-noticias-ficha .row.compartir-noticia {
    padding: 30px 0;
    margin-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .pag.pag-noticias-ficha .row.compartir-noticia {
    margin-bottom: 0;
  }
}
.pag.pag-noticias-ficha .row.compartir-noticia .btn-compartir {
  margin-left: 4px;
  margin-right: 4px;
}
.pag.pag-noticias-ficha .row.compartir-noticia > .extensor-izq {
  display: none;
  background: #f4f4f4;
}
@media (min-width: 768px) {
  .pag.pag-noticias-ficha .row.compartir-noticia > .extensor-izq {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-noticias-ficha .row.compartir-noticia > .extensor-izq {
    left: -999px;
  }
}
.pag.pag-noticias-ficha .row.compartir-noticia > .extensor-der {
  display: none;
  background: #f4f4f4;
}
@media (min-width: 768px) {
  .pag.pag-noticias-ficha .row.compartir-noticia > .extensor-der {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pag.pag-noticias-ficha .row.compartir-noticia > .extensor-der {
    right: -999px;
  }
}
.pag.pag-contacto .row.hero {
  z-index: 0;
  position: relative;
  height: 300px;
}
.pag.pag-contacto .row.hero #contact-fondo {
  background: url(../../images/contact/Home_Contacto.jpg) no-repeat center #D0EDFD;
  background-size: auto 100%;
  height: 100%;
  background-position: center;
}
@media (max-width: 768px) {
  .pag.pag-contacto .row.hero #contact-fondo {
    background-size: auto 40%;
    background-position: bottom;
  }
}
.pag.pag-contacto .row.hero #contact-fondo h1 {
  line-height: 150px;
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 7em;
  filter: drop-shadow(3px 2px 4px grey);
  font-weight: 600;
  font-family: 'Quicksand', sans-serif;
}
@media (max-width: 768px) {
  .pag.pag-contacto .row.hero #contact-fondo h1 {
    line-height: 240px;
    font-size: 3.4em;
  }
}
.pag.pag-contacto .row.hero p {
  margin-top: 125px;
  text-align: center;
}
@media (min-width: 768px) {
  .pag.pag-contacto .row.hero p {
    margin-top: 145px;
  }
}
@media (min-width: 992px) {
  .pag.pag-contacto .row.hero p {
    margin-top: 180px;
  }
}
.pag.pag-contacto .row.dobleseccion {
  margin: 20px 20px;
}
.pag.pag-contacto .row.datos-contacto {
  position: relative;
  margin-top: -60px;
  padding: 100px 15px 40px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .pag.pag-contacto .row.datos-contacto {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .pag.pag-contacto .row.datos-contacto {
    padding: 0;
    margin-top: 0;
  }
}
.pag.pag-contacto .row.datos-contacto > div {
  padding-left: 40px;
}
.pag.pag-contacto .row.datos-contacto > div:last-child {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .pag.pag-contacto .row.datos-contacto > div:last-child {
    margin-top: 0;
  }
}
.pag.pag-contacto .row.datos-contacto > div.telefono {
  background: url('../../images/shared/ae-telefono.png') no-repeat top left;
}
@media (min-width: 992px) {
  .pag.pag-contacto .row.datos-contacto > div.telefono {
    margin-bottom: 50px;
  }
}
.pag.pag-contacto .row.datos-contacto > div.email {
  background: url('../../images/shared/ae-email.png') no-repeat top left;
}
@media (min-width: 992px) {
  .pag.pag-contacto .row.datos-contacto > div.email {
    margin-bottom: 50px;
  }
}
.pag.pag-contacto .row.datos-contacto label {
  display: block;
  font-weight: 400;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .pag.pag-contacto .row.datos-contacto label {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .pag.pag-contacto .row.datos-contacto label {
    font-size: 16px;
  }
}
.pag.pag-contacto .row.datos-contacto a {
  line-height: 0.8em;
  color: #ff8c00;
  font-weight: 600;
  font-size: 20px;
}
@media (min-width: 768px) {
  .pag.pag-contacto .row.datos-contacto a {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .pag.pag-contacto .row.datos-contacto a {
    font-size: 20px;
  }
}
.pag.pag-contacto .row.formulario-contacto {
  position: relative;
  font-size: 14px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .pag.pag-contacto .row.formulario-contacto {
    margin-bottom: 70px;
  }
}
.pag.pag-contacto .row.formulario-contacto h1 {
  margin-left: 0;
  margin-right: 0;
  color: #3e8ebd;
  font-size: 17px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pag.pag-contacto .row.formulario-contacto h1 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .pag.pag-contacto .row.formulario-contacto h1 {
    margin-top: 0;
  }
}
.pag.pag-contacto .row.formulario-contacto input {
  vertical-align: bottom;
}
.pag.pag-contacto .row.formulario-contacto input[type=text],
.pag.pag-contacto .row.formulario-contacto textarea {
  width: 100%;
  margin-bottom: 25px;
  max-width: 100%;
}
.pag.pag-contacto .row.formulario-contacto input[type=text] {
  height: 42px;
}
.pag.pag-contacto .row.formulario-contacto textarea {
  height: 8em;
  padding: 10px;
}
@media (min-width: 768px) {
  .pag.pag-contacto .row.formulario-contacto textarea {
    height: 14em;
  }
}
.pag.pag-contacto .row.formulario-contacto input[type=checkbox] + label {
  font-weight: 400;
}
.pag.pag-contacto .row.formulario-contacto input[type=checkbox] + label + a {
  color: #3e8ebd;
  font-weight: 600;
}
.pag.pag-contacto .row.formulario-contacto .submit-box {
  text-align: left;
  margin-top: 20px;
}
.pag.pag-contacto .row.formulario-contacto .tip-sticker {
  position: fixed;
  top: 50%;
  right: -11.5em;
  width: 13.5em;
  -webkit-transition: right 0.5s ease-out;
  -moz-transition: right 0.5s ease-out;
  -ms-transition: right 0.5s ease-out;
  -o-transition: right 0.5s ease-out;
  padding: 1em 0.5em 1em 2em;
  background: #ff8c00;
  border: 5px solid #ffffff;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  z-index: 999;
}
.pag.pag-contacto .row.compartir {
  text-align: center;
  margin-bottom: 70px;
}
.pag.pag-contacto .row.compartir .btn-compartir {
  margin-left: 4px;
  margin-right: 4px;
}
.pag.pag-foro .row.foro-cabecera h1,
.pag.pag-foro .row.foro-detalle h1,
.pag.pag-foro .row.foro-cabecera h2,
.pag.pag-foro .row.foro-detalle h2 {
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  color: #3e8ebd;
  text-align: left;
}
.pag.pag-foro .row.foro-cabecera {
  border-bottom: 1px solid #56c6e6;
}
.pag.pag-foro .row.foro-cabecera .campo {
  margin-bottom: 20px;
}
.pag.pag-foro .row.foro-cabecera .campo .input-box,
.pag.pag-foro .row.foro-cabecera .campo select,
.pag.pag-foro .row.foro-cabecera .campo .customSelect,
.pag.pag-foro .row.foro-cabecera .campo input {
  width: 100%;
}
@media (min-width: 768px) {
  .pag.pag-foro .row.foro-cabecera .campo .input-box,
  .pag.pag-foro .row.foro-cabecera .campo input {
    width: auto;
  }
}
@media (min-width: 768px) {
  .pag.pag-foro .row.foro-cabecera .campo .input-box:after {
    right: -1.8em;
  }
  .pag.pag-foro .row.foro-cabecera .campo .input-box input {
    width: 250px;
  }
  .pag.pag-foro .row.foro-cabecera .campo .input-box .placeholder {
    width: 9em;
    padding-left: 0;
  }
}
.pag.pag-foro .row.foro-detalle .tabla {
  margin-top: 30px;
  border-bottom: 1px solid #c8c8c8;
}
.pag.pag-foro .row.foro-detalle .tabla .tbl-head > *,
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > *:nth-child(2n-1) {
  padding-top: 0.5em;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: #ffbd00;
}
@media (min-width: 768px) {
  .pag.pag-foro .row.foro-detalle .tabla .tbl-head > *,
  .pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > *:nth-child(2n-1) {
    padding-bottom: 0.5em;
  }
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row {
  margin-bottom: 30px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pag.pag-foro .row.foro-detalle .tabla .row.tbl-row {
    margin-top: 25px;
    margin-bottom: 20px;
    padding-top: 10px;
    border-top: 1px solid #c8c8c8;
  }
  .pag.pag-foro .row.foro-detalle .tabla .row.tbl-row:first-child,
  .pag.pag-foro .row.foro-detalle .tabla .row.tbl-row:nth-child(2) {
    border-top: 0 none;
    padding-top: 0;
  }
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > * {
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > *:before,
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > *:after {
  content: '';
  display: block;
  height: 0.5em;
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > *:nth-child(2n-1) {
  clear: both;
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > *:nth-child(2n) {
  font-size: 13px;
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > *:nth-child(2n):after {
  border-bottom: 1px solid #c8c8c8;
  padding-left: 15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > *:nth-child(2n):after {
    content: none;
  }
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row > *:last-child:after {
  content: none;
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row .nombre,
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row .usuario,
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row .status {
  display: block;
  position: relative;
  max-height: 1.2em;
  overflow: hidden;
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row .nombre:before,
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row .usuario:before,
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row .status:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0em;
  width: 1.5em;
  height: 1.3em;
}
.pag.pag-foro .row.foro-detalle .tabla .row.tbl-row .status {
  color: #3e8ebd;
  font-weight: 600;
}
.pag.pag-foro .row.foro-detalle .pager {
  text-align: right;
  margin-bottom: 50px;
}
.pag.pag-foro .row.foro-detalle .pager a {
  font-size: 200%;
  color: #ff8c00;
}
.row.foro-formulario {
  position: relative;
  margin-bottom: 50px;
  background: #ededed;
}
.row.foro-formulario h2 {
  margin-bottom: 30px;
  color: #3e8ebd;
}
.row.foro-formulario p {
  text-align: center;
}
@media (min-width: 768px) {
  .row.foro-formulario p {
    text-align: left;
  }
}
.row.foro-formulario p #btn-registrar {
  margin-top: 1em;
  vertical-align: middle;
}
.row.foro-formulario p #btn-registrar:before {
  content: '';
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  .row.foro-formulario p #btn-registrar {
    margin-left: 1em;
    margin-top: 0;
  }
  .row.foro-formulario p #btn-registrar:before {
    content: none;
  }
}
.row.foro-formulario > .cabecera {
  margin-bottom: 50px;
}
.row.foro-formulario input,
.row.foro-formulario textarea,
.row.foro-formulario select,
.row.foro-formulario .customSelect {
  width: 100%;
}
.row.foro-formulario input,
.row.foro-formulario select,
.row.foro-formulario .customSelect {
  height: 44px;
}
.row.foro-formulario .customSelect {
  font-size: 13px;
  line-height: 44px;
  background: #ffffff;
}
.row.foro-formulario textarea {
  height: 8em;
}
.row.foro-formulario > .campo {
  margin-bottom: 25px;
}
.row.foro-formulario .submit-box {
  margin-top: 15px;
  margin-bottom: 35px;
  text-align: center;
}
@media (min-width: 768px) {
  .row.foro-formulario .submit-box {
    margin-top: 0;
    text-align: right;
  }
}
.row.foro-formulario .submit-box a {
  font-weight: 700;
}
.row.foro-formulario > .extensor-izq {
  display: none;
  background: #ededed;
}
@media (min-width: 768px) {
  .row.foro-formulario > .extensor-izq {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .row.foro-formulario > .extensor-izq {
    left: -999px;
  }
}
.row.foro-formulario > .extensor-der {
  display: none;
  background: #ededed;
}
@media (min-width: 768px) {
  .row.foro-formulario > .extensor-der {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .row.foro-formulario > .extensor-der {
    right: -999px;
  }
}
.pag.pag-foro.pag-foro-tema .row.foro-cabecera {
  border-bottom: 0 none;
}
.pag.pag-foro-hilo .row.foro-cabecera h1 {
  margin-left: 0;
  margin-right: 0;
  color: #3e8ebd;
  text-align: left;
}
.pag.pag-foro-hilo .row.hilo-cabecera h2 {
  color: #3e8ebd;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .pag.pag-foro-hilo .row.hilo-cabecera h2 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .pag.pag-foro-hilo .row.hilo-cabecera h2 {
    font-size: 25px;
  }
}
.pag.pag-foro-hilo .row.hilo-cabecera a {
  color: #ff8c00;
  margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
}
.pag.pag-foro-hilo .row.hilo-post {
  background: #e0e0e0;
  padding: 20px 15px;
}
.pag.pag-foro-hilo .row.hilo-post .autor {
  border-bottom: 1px solid #505050;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .pag.pag-foro-hilo .row.hilo-post .autor {
    padding-bottom: 0;
    border-bottom: 0 none;
    border-right: 1px solid #505050;
  }
}
.pag.pag-foro-hilo .row.hilo-post .autor .usuario {
  color: #505050;
  font-size: 14px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .pag.pag-foro-hilo .row.hilo-post .autor .usuario {
    font-size: 15px;
  }
}
.pag.pag-foro-hilo .row.hilo-post .autor .ingreso,
.pag.pag-foro-hilo .row.hilo-post .autor .num-mensajes,
.pag.pag-foro-hilo .row.hilo-post .autor .fecha-hora {
  font-size: 14px;
  font-weight: 600;
}
.pag.pag-foro-hilo .row.hilo-post .mensaje {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .pag.pag-foro-hilo .row.hilo-post .mensaje {
    padding-top: 0;
  }
}
.pag.pag-foro-hilo .row.hilo-post .mensaje .texto {
  font-size: 13px;
}
.pag.pag-foro-hilo .row.hilo-post .mensaje .texto a {
  color: #ff8c00;
}
.pag.pag-foro-hilo .row.hilo-comentarios {
  padding-left: 15px;
  padding-right: 15px;
}
.pag.pag-foro-hilo .row.hilo-comentarios h2 {
  margin-top: 30px;
  margin-bottom: 0;
  color: #3e8ebd;
}
@media (min-width: 992px) {
  .pag.pag-foro-hilo .row.hilo-comentarios h2 {
    font-size: 25px;
  }
}
.pag.pag-foro-hilo .row.hilo-comentarios .comentario {
  margin-top: 45px;
  padding-bottom: 45px;
  border-bottom: 2px solid #888888;
}
.pag.pag-foro-hilo .row.hilo-comentarios .comentario .autor {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .pag.pag-foro-hilo .row.hilo-comentarios .comentario .autor {
    padding-bottom: 0;
    border-bottom: 0 none;
    border-right: 1px solid #c8c8c8;
  }
}
.pag.pag-foro-hilo .row.hilo-comentarios .comentario .autor .usuario {
  color: #3e8ebd;
  font-size: 14px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .pag.pag-foro-hilo .row.hilo-comentarios .comentario .autor .usuario {
    font-size: 15px;
  }
}
.pag.pag-foro-hilo .row.hilo-comentarios .comentario .autor .ingreso,
.pag.pag-foro-hilo .row.hilo-comentarios .comentario .autor .num-mensajes,
.pag.pag-foro-hilo .row.hilo-comentarios .comentario .autor .fecha-hora {
  font-size: 14px;
  font-weight: 600;
}
.pag.pag-foro-hilo .row.hilo-comentarios .comentario .mensaje {
  padding-top: 15px;
}
@media (min-width: 768px) {
  .pag.pag-foro-hilo .row.hilo-comentarios .comentario .mensaje {
    padding-top: 0;
  }
}
.pag.pag-foro-hilo .row.hilo-comentarios .comentario .mensaje .texto {
  font-size: 13px;
}
.pag.pag-foro-hilo .row.hilo-comentarios .comentario .mensaje .texto a {
  color: #ff8c00;
}
.pag.pag-foro-hilo .row.hilo-comentarios .pager {
  text-align: right;
}
.pag.pag-foro-hilo .row.hilo-comentarios .pager a {
  color: #ff8c00;
  font-size: 200%;
}
.pag.pag-foro-hilo .row.foro-formulario .cabecera h2 {
  text-align: center;
}
.pag.pag-foro-hilo .row.foro-formulario .cabecera p {
  font-size: 14px;
}
.pagclass-privada {
  position: relative;
  /*------------------------DESDEQ AQUI--------------------------------------------------------------------------------*/
  /*a {*/
  /*color: blue;*/
  /*}*/
}
.pagclass-privada .selectbox {
  padding-right: 16px;
  background: url('../../images/shared/dropdown.png') no-repeat center right 3px;
}
.pagclass-privada ul.relacionados {
  margin: 0;
  padding: 0 0 0 15px;
  list-style-type: none;
}
.pagclass-privada ul.relacionados li {
  line-height: 25px;
  padding: 0 0 10px 0;
  margin: 0;
}
.pagclass-privada ul.relacionados li a {
  display: block;
  height: auto;
  /*line-height: 50px*/
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  border-bottom: 1px solid #e0e0e0;
  color: #505050;
  word-break: normal;
  padding-bottom: 10px;
}
.pagclass-privada ul.relacionados li a .numero {
  font-weight: 600;
  font-size: 18px;
  color: #56c6e6;
  padding-right: 0.5em;
}
.pagclass-privada .box-contenido {
  border: 1px solid #56c6e6;
  padding: 15px;
}
.pagclass-privada .btn2 {
  position: relative;
  width: 100%;
  height: 35px;
  margin-bottom: 30px;
  line-height: 35px;
  color: #ffffff;
  font-size: 3vw;
  text-align: left;
}
@media (max-width: 768px) {
  .pagclass-privada .btn2 {
    font-size: 3vw;
  }
}
.pagclass-privada .btn2:before {
  content: '';
  position: relative;
  display: block;
  width: 40px;
  height: 100%;
  float: left;
  margin-right: 20px;
  border-right: 1px solid #ffffff;
  background: none no-repeat center;
  background-size: auto 24px;
}
@media (min-width: 768px) {
  .pagclass-privada .btn2:before {
    width: 55px;
  }
}
.pagclass-privada .btn2.facebook {
  background-color: #576ea5;
}
.pagclass-privada .btn2.facebook:before {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-small-facebook.png');
}
.pagclass-privada .btn2.googleplus {
  background-color: #bc3a03;
}
.pagclass-privada .btn2.googleplus:before {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-small-googleplus.png');
}
.pagclass-privada .btn2.email {
  background-color: #82c5e4;
}
.pagclass-privada .btn2.email:before {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-small-email.png');
  width: 47px;
}
@media (min-width: 768px) {
  .pagclass-privada .btn2 {
    height: 45px;
    line-height: 45px;
    margin-bottom: 17px;
    font-size: 17px;
  }
}
.pagclass-privada a.ico {
  display: inline-block;
  min-height: 32px;
  padding-left: 36px;
  background: none no-repeat center;
  background-size: auto 100%;
  vertical-align: middle;
}
.pagclass-privada a.ico.ico--logout {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-logout.png');
}
.pagclass-privada a.ico.ico--calendario {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-calendario.png');
}
.pagclass-privada a.ico.ico--leccion-dia {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-leccion.png');
}
.pagclass-privada a.ico.ico--alerta {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-alerta.png');
}
.pagclass-privada a.ico.ico--mensaje {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-mensaje.png');
}
.pagclass-privada a.ico.ico--descargar {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-descarga.png');
}
.pagclass-privada a.ico.ico--imprimir {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-imprimir.png');
}
.pagclass-privada .expandible {
  /*max-height: 0;*/
  overflow: hidden;
  clear: both;
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  -ms-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
}
.pagclass-privada .expandible.expandido {
  max-height: 800px;
}
@media (min-width: 768px) {
  .pagclass-privada .expandible {
    clear: none;
    max-height: 800px;
    overflow: inherit;
  }
}
.pagclass-privada a.dropdown-trigger {
  display: inline-block;
  min-width: 15px;
  width: 1.5em;
  height: 1em;
  background: url('../../images/shared/dropdown--naranja.png') no-repeat center;
  background-size: auto 6px;
}
.pagclass-privada a.dropdown-trigger.expandido {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/dropdown-up--naranja.png');
}
.pagclass-privada .tabla .row.tbl-head {
  margin-left: 0;
  margin-right: 0;
}
.pagclass-privada .tabla .row.tbl-head > * {
  padding: 15px 0;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  background: #56c6e6;
}
.pagclass-privada .tabla .tbl-row--colapsable {
  position: relative;
}
@media (min-width: 768px) {
  .pagclass-privada .tabla .tbl-row--colapsable > *:first-child,
  .pagclass-privada .tabla .tbl-row--colapsable > *:nth-last-child(2) {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
  }
}
.pagclass-privada .tabla .tbl-row--colapsable .dropdown-trigger-box {
  margin-bottom: 15px;
  font-size: 12px;
}
@media (min-width: 768px) {
  .pagclass-privada .tabla .tbl-row--colapsable .dropdown-trigger-box {
    margin-bottom: 0;
  }
}
.pagclass-privada .tabla .tbl-row--colapsable .expandible > * {
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  font-size: 11px;
}
.pagclass-privada .tabla .tbl-row--colapsable .expandible .col-xs-5 {
  padding-left: 32px;
  padding-right: 0;
}
.pagclass-privada .col-volver > a {
  height: 35px;
  line-height: 35px;
  color: #ff8c00;
  font-size: 11px;
}
.pagclass-privada .row.cabecera {
  position: relative;
  vertical-align: baseline;
}
@media (min-width: 768px) {
  .pagclass-privada .row.cabecera.background-visible-xs > a.logo {
    display: none;
  }
}
.pagclass-privada .row.cabecera > a.logo {
  position: absolute;
  width: 30%;
  left: 15px;
  top: 20px;
  background: url('../../images/shared/autoescuela-fff.png') no-repeat center;
  background-size: 100% auto;
}
@media (min-width: 768px) {
  .pagclass-privada .row.cabecera > a.logo {
    left: 15px;
    top: 10px;
    width: 158px;
  }
}
.pagclass-privada .row.cabecera > a.logo:before {
  content: '';
  display: block;
  padding-bottom: 21%;
}
.pagclass-privada .row.cabecera > .bandeja-notificaciones {
  padding-left: 0;
  height: 100%;
  text-align: center;
}
.pagclass-privada .row.cabecera > .sesion-info {
  padding-left: 0;
}
.pagclass-privada .row.cabecera > .sesion-info img.foto {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.pagclass-privada > .question-panel a,
.pagclass-privada .row.cabecera > .leccion-dia a {
  display: block;
  height: 100%;
  padding-left: 32px !important;
  background-position: left center !important;
  background-size: 32px auto;
  text-align: left;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral {
  position: absolute;
}
@media (min-width: 768px) {
  .pagclass-privada .row.menu-lateral-box .menu-lateral {
    margin-top: 50px;
  }
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * {
  position: relative;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *:first-child .item > a {
  margin-top: 0;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-inicio > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-inicio > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-inicio-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-manuales > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-manuales > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-manuales-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-videos > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-videos > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-videos-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-tests > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-tests > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-tests-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-estadisticas > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-estadisticas > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-estadisticas-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-resumenes > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-resumenes > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-summary-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-clases-practicas > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-clases-practicas > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-clases-practicas-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-secciones > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-secciones > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-section-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-personaliza > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-personaliza > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-personalizar-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-alumnos > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-alumnos > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-alumnos-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-mensajeria > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-mensajeria > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-mensajeria-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-facturas > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-facturas > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-facturas-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item.item-stats > a,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item.item-stats > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-estadisticas-high.png');
}
@media (min-width: 768px) {
  .pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item + .subitems,
  .pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item + .subitems {
    max-height: 555px;
  }
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item {
  padding-left: 8px;
  padding-right: 0;
}
@media (min-width: 768px) {
  .pagclass-privada .row.menu-lateral-box .menu-lateral > * .item {
    padding-left: 15px;
  }
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 1px;
  background: #ededed;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item > a {
  position: relative;
  display: block;
  height: 34px;
  margin: 20px 0;
  background: none no-repeat top 1px left;
  padding-left: 38px;
  color: #505050;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item > a:first-child {
  padding-top: 0;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item > a > span {
  line-height: 34px;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item > a > .selectbox {
  padding-right: 0;
  background-image: none;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item > a > .selectbox:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 4em;
  width: 10px;
  height: 6px;
  background: url('../../images/shared/dropdown--naranja.png') no-repeat center;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-inicio > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-inicio.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-inicio > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-inicio-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-manuales > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-manuales.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-manuales > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-manuales-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-videos > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-videos.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-videos > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-videos-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-tests > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-tests.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-tests > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-tests-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-estadisticas > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-estadisticas.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-estadisticas > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-estadisticas-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-resumenes > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-summary.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-resumenes > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-summary-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-clases-practicas > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-clases-practicas.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-clases-practicas > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-clases-practicas-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-secciones > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-section.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-secciones > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-section-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-personaliza > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-personalizar.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-personaliza > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-personalizar-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-alumnos > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-alumnos.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-alumnos > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-alumnos-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-utilidades > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-section.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-mensajeria > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-mensajeria.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-mensajeria > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-mensajeria-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-facturas > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-facturas.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-facturas > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-facturas-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-stats > a {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-estadisticas.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-stats > a.seleccionado {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-estadisticas-high.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item.item-contraer > a {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-facturas.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item + .subitems {
  position: relative;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-in;
  -moz-transition: max-height 0.5s ease-in;
  -ms-transition: max-height 0.5s ease-in;
  -o-transition: max-height 0.5s ease-in;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item + .subitems a {
  display: block;
  height: 1.5em;
  margin: 5px 0;
  color: #505050;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item + .subitems a.actual,
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item + .subitems a:active,
.pagclass-privada .row.menu-lateral-box .menu-lateral > * .item + .subitems a:hover {
  color: #ff8c00;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pagclass-privada .row.menu-lateral-box .menu-lateral > * .item + .subitems a {
    margin: 13px 0;
  }
}
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.actual .item > a > .selectbox:after,
.pagclass-privada .row.menu-lateral-box .menu-lateral > *.seleccionado .item > a > .selectbox:after {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/dropdown-up--naranja.png');
}
.pagclass-privada .row.menu-lateral-box .menu-lateral.flotante > * .item + .subitems {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.pagclass-privada .row.menu-lateral-box .menu-lateral.flotante > *.seleccionado .item + .subitems {
  position: absolute;
  top: 0;
  left: 100%;
  width: 240px;
  max-height: 999px;
  background: #ffffff;
  z-index: 99;
  -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
}
.pagclass-privada .row.menu-lateral-box .menu-lateral.contraido .texto {
  display: none;
}
.pagclass-privada .row.ultimos-tests {
  margin-top: 50px;
  margin-bottom: 50px;
}
.pagclass-privada .row.ultimos-tests > h1 {
  font-size: 22px !important;
  margin-bottom: 0 !important;
}
.pagclass-privada .row.ultimos-tests .row.test {
  padding: 35px 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.pagclass-privada .row.ultimos-tests .row.test .categoria {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #ff8c00;
}
.pagclass-privada .row.ultimos-tests .row.test .nombre {
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pagclass-privada .row.ultimos-tests .row.test .nombre {
    margin-bottom: 0;
  }
}
.pagclass-privada .row.ultimos-tests .row.test .pct-aciertos {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .pagclass-privada .row.ultimos-tests .row.test .pct-aciertos {
    margin-bottom: 0;
  }
}
.pagclass-privada .row.ultimos-tests .row.test .status {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pagclass-privada .row.ultimos-tests .row.test .status {
    margin-bottom: 0;
  }
}
.pagclass-privada .row.ultimos-tests .row.test .falladas {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .pagclass-privada .row.ultimos-tests .row.test .falladas {
    margin-bottom: 10px;
  }
}
.pagclass-privada .row.ultimos-tests .row.test .acciones > a {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: none no-repeat center;
  background-size: auto;
  margin-left: 1em;
}
.pagclass-privada .row.ultimos-tests .row.test .acciones > a:first-child {
  margin-left: 0;
}
.pagclass-privada .row.ultimos-tests .row.test .acciones > a.rehacer {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-rehacer.png');
}
.pagclass-privada .row.ultimos-tests .row.test .acciones > a.ver-manual {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-manuales.png');
}
.pagclass-privada .row.ultimos-tests .row.test .acciones > a.ver-video {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-videos.png');
}
.pagclass-privada .row.ultimos-tests .row.link {
  padding: 30px 15px 0;
  text-align: right;
}
.pagclass-privada .row.ultimos-tests .row.link a {
  color: #ff8c00;
  font-weight: 600;
}
.pagclass-privada .row.videos-vistos {
  margin-top: 50px;
  margin-bottom: 50px;
}
.pagclass-privada .row.videos-vistos > h1 {
  font-size: 22px !important;
  margin-bottom: 0 !important;
}
@media (min-width: 768px) {
  .pagclass-privada .row.videos-vistos .tbl-videos {
    padding: 0 10px;
    margin-top: 20px;
    border: 1px solid #3e8ebd;
    overflow-x: hidden;
  }
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video {
  padding: 35px 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
  .pagclass-privada .row.videos-vistos .tbl-videos .row.video {
    padding: 15px 0;
  }
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video .categoria {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #ff8c00;
}
@media (min-width: 768px) {
  .pagclass-privada .row.videos-vistos .tbl-videos .row.video .categoria {
    margin-bottom: 0;
  }
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video .nombre {
  margin-bottom: 30px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pagclass-privada .row.videos-vistos .tbl-videos .row.video .nombre {
    margin-bottom: 0;
  }
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video .duracion {
  display: inline-block;
  font-weight: 700;
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video .accion {
  display: inline-block;
  vertical-align: middle;
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video .accion > a {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: none no-repeat center;
  background-size: auto;
  margin-left: 1em;
  margin-left: 1em !important;
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video .accion > a:first-child {
  margin-left: 0;
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video .accion > a.rehacer {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-rehacer.png');
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video .accion > a.ver-manual {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-manuales.png');
}
.pagclass-privada .row.videos-vistos .tbl-videos .row.video .accion > a.ver-video {
  background-repeat: no-repeat;
  background-image: url('../../images/private/item-videos.png');
}
.pagclass-privada .row.menu-row {
  position: relative;
  padding: 5px 0;
  color: #ff8c00;
  /*            background: @bg-local;
*/
  /*margin-bottom: 26px;*/
}
@media (min-width: 768px) {
  .pagclass-privada .row.menu-row .titulo {
    text-align: right;
  }
}
.pagclass-privada .row.menu-row .titulo h1 {
  margin: 0;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pagclass-privada .row.menu-row .titulo h1 {
    font-size: 24px;
  }
}
.pagclass-privada .row.menu-row > .extensor-izq {
  display: none;
  background: #f4f4f4;
}
@media (min-width: 768px) {
  .pagclass-privada .row.menu-row > .extensor-izq {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pagclass-privada .row.menu-row > .extensor-izq {
    left: -999px;
  }
}
.pagclass-privada .row.menu-row > .extensor-der {
  display: none;
  background: #f4f4f4;
}
@media (min-width: 768px) {
  .pagclass-privada .row.menu-row > .extensor-der {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pagclass-privada .row.menu-row > .extensor-der {
    right: -999px;
  }
}
.pagclass-privada .row.footer {
  z-index: 99;
  margin: 0;
}
.pagclass-privada .row.footer .copyright {
  margin-top: 0;
}
.pagclass-privada .introduccion {
  position: relative;
  /*&:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            height: 2px;
            left: 0;
            right: 0;
            background: @azul;
        }*/
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pagclass-privada .introduccion h1 {
    margin-top: 24px !important;
  }
}
.pagclass-privada .introduccion figure {
  position: relative;
  width: 100%;
  padding: 0;
  background: url('../../images/private/pluma.jpg') no-repeat top left;
  background-size: auto 100%;
}
.pagclass-privada .introduccion figure:before {
  content: '';
  display: block;
  padding-bottom: 70%;
}
@media (min-width: 768px) {
  .pagclass-privada .introduccion figure:before {
    padding-bottom: 54.52%;
  }
}
@media (min-width: 768px) {
  .pagclass-privada .introduccion figure:before {
    padding-bottom: 37.9%;
  }
}
.pagclass-privada .introduccion figure:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  width: 93px;
  height: 93px;
  background: url('../../images/shared/ico-playbig.png') no-repeat center;
}
.pagclass-privada .introduccion figure video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .pagclass-privada .introduccion figure {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.pagclass-privada .videos-test-relacionados .box-contenido {
  margin-bottom: 15px;
}
.pagclass-privada .videos-test-relacionados .box-contenido h1 {
  font-size: 20px;
}
@media (min-width: 992px) {
  .pagclass-privada .videos-test-relacionados .box-contenido h1 {
    font-size: 22px;
  }
}
.pagclass-privada .row.form h1 {
  margin-left: 0;
  margin-right: 0;
  color: #3e8ebd;
  font-size: 18px;
}
@media (min-width: 992px) {
  .pagclass-privada .row.form h1 {
    font-size: 22px;
  }
}
.pagclass-privada .row.form p.titulo {
  padding: 20px 0;
  text-align: center;
}
.pagclass-privada .row.form p.titulo > a {
  color: #ff8c00;
}
.pagclass-privada .row.form .campo {
  margin-bottom: 30px;
}
.pagclass-privada .row.form .campo.error input[type="text"],
.pagclass-privada .row.form .campo.error input[type="password"],
.pagclass-privada .row.form .campo.error select,
.pagclass-privada .row.form .campo.error textarea {
  color: #ff8c00;
  border-color: #ff8c00;
}
.pagclass-privada .row.form .campo.error > .texto-error {
  display: block;
  color: #ff8c00;
}
.pagclass-privada .row.form .campo .texto-error {
  font-size: 14px;
  display: none;
}
.pagclass-privada .row.form .campo input[type="text"],
.pagclass-privada .row.form .campo input[type="password"],
.pagclass-privada .row.form .campo select,
.pagclass-privada .row.form .campo .customSelect,
.pagclass-privada .row.form .campo input[type="file"] + label {
  height: 40px;
  line-height: 40px;
}
.pagclass-privada .row.form .campo input[type="text"],
.pagclass-privada .row.form .campo input[type="password"],
.pagclass-privada .row.form .campo select,
.pagclass-privada .row.form .campo .customSelect,
.pagclass-privada .row.form .campo input[type="file"] + label,
.pagclass-privada .row.form .campo textarea {
  width: 100%;
  border: 1px solid #c8c8c8;
}
.pagclass-privada .row.form .campo .customSelect:before {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/fl-aba--naranja.svg');
}
.pagclass-privada .row.form .campo input[type="checkbox"] + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/checkbox--naranja.svg');
}
.pagclass-privada .row.form .campo input[type="checkbox"]:checked + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/checkbox-checked--naranja.svg');
}
.pagclass-privada .row.form .submit-box {
  text-align: justify;
}
@media (min-width: 768px) {
  .pagclass-privada .row.form .submit-box {
    text-align: center;
  }
  .pagclass-privada .row.form .submit-box:after {
    content: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pagclass-privada .row.form .submit-box {
    text-align: center;
  }
}
.pagclass-privada .row.form .submit-box:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.pagclass-privada .row.form .opcional {
  font-size: 14px;
  font-style: italic;
  color: #ff8c00;
  line-height: 1.6;
}
.pagclass-privada {
  padding-bottom: 150px;
}
@media (min-width: 768px) {
  .pagclass-privada {
    padding-bottom: 90px;
  }
}
.pagclass-privada .row.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 15px 15px;
}
.pagclass-privada .row.footer > .copyright {
  margin-top: 0;
}
.pagclass-privada.premium .row.cabecera {
  background-color: #3e8ebd;
}
.pagclass-privada.premium .row.cabecera > .extensor-izq {
  display: none;
  background: #3e8ebd;
}
@media (min-width: 768px) {
  .pagclass-privada.premium .row.cabecera > .extensor-izq {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pagclass-privada.premium .row.cabecera > .extensor-izq {
    left: -999px;
  }
}
.pagclass-privada.premium .row.cabecera > .extensor-der {
  display: none;
  background: #3e8ebd;
}
@media (min-width: 768px) {
  .pagclass-privada.premium .row.cabecera > .extensor-der {
    display: block;
    position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .pagclass-privada.premium .row.cabecera > .extensor-der {
    right: -999px;
  }
}
.pagclass-privada.premium .row.menu-row {
  color: #3e8ebd;
}
.pagclass-privada.premium .row.form .campo input[type="text"],
.pagclass-privada.premium .row.form .campo input[type="password"],
.pagclass-privada.premium .row.form .campo select,
.pagclass-privada.premium .row.form .campo .customSelect,
.pagclass-privada.premium .row.form .campo input[type="file"] + label {
  border-color: #56c6e6;
}
.pagclass-privada.premium .row.form .campo .customSelect:before {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/fl-aba--azul-suave.svg');
}
.pagclass-privada.premium .row.form .campo input[type="radio"] + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/radio--azul-suave.svg');
}
.pagclass-privada.premium .row.form .campo input[type="radio"]:checked + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/radio-checked--azul-suave.svg');
}
.pagclass-privada.premium .row.form .campo input[type="checkbox"] + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/checkbox--azul-suave.svg');
}
.pagclass-privada.premium .row.form .campo input[type="checkbox"]:checked + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/checkbox-checked--azul-suave.svg');
}
.pagclass-privada.premium .row.form .campo .opcional {
  color: #56c6e6;
}
.pagclass-privada.premium .row.form .campo.error input[type="text"],
.pagclass-privada.premium .row.form .campo.error input[type="password"],
.pagclass-privada.premium .row.form .campo.error select,
.pagclass-privada.premium .row.form .campo.error textarea {
  color: #56c6e6;
  border-color: #56c6e6;
}
.pagclass-privada.premium .row.form .campo.error > .texto-error {
  display: block;
  color: #56c6e6;
}
.pag.pag-contrasena .row.form-email {
  text-align: center;
}
.pag.pag-contrasena .row.form-email label {
  font-weight: 400;
  color: #888888;
  margin-top: 60px;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .pag.pag-contrasena .row.form-email label {
    margin-top: 140px;
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .pag.pag-contrasena .row.form-email label {
    margin-top: 100px;
  }
}
.pag.pag-contrasena .row.form-email input[type="text"],
.pag.pag-contrasena .row.form-email input[type="password"] {
  width: 100%;
  max-width: 350px;
  margin-bottom: 60px;
  border: 1px solid #c8c8c8;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag.pag-contrasena .row.form-email input[type="text"],
  .pag.pag-contrasena .row.form-email input[type="password"] {
    margin-bottom: 20px;
  }
}
.pag.pag-contrasena .row.form-email .fase-aceptacion {
  text-align: center;
}
.pag.pag-contrasena .row.form-email .fase-aceptacion > *:first-child {
  margin-top: 100px;
}
.pag.pag-contrasena .row.form-email .fase-aceptacion > *:last-child {
  margin-bottom: 100px;
}
.pag.pag-contrasena .row.form-email .fase-aceptacion h2 {
  color: #3e8ebd;
  font-size: 18px;
  margin-bottom: 20px;
}
.pag.pag-contrasena .row.form-email .fase-aceptacion p {
  margin-bottom: 20px;
}
.pag.pag-confirmacion .row.informacion {
  margin-top: 50px;
  margin-bottom: 40px;
  text-align: center;
}
.pag.pag-confirmacion .row.informacion h2 {
  font-size: 16px;
  color: #3e8ebd;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .pag.pag-confirmacion .row.informacion h2 {
    font-size: 20px;
  }
}
.pag.pag-confirmacion .row.informacion a {
  color: #ff8c00;
  font-weight: 700;
}
.pag.pag-confirmacion .row.informacion p {
  font-size: 14px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .pag.pag-confirmacion .row.informacion p {
    font-size: 15px;
  }
}
.pag.pag-confirmacion .row.informacion strong {
  font-weight: 700;
  color: #3e8ebd;
}
.pag.pag-confirmacion .row.banner {
  padding: 20px 0;
  margin-bottom: 90px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  background: #f4f4f4;
}
.pag.pag-confirmacion .row.banner a {
  color: #ff8c00;
}
@media (min-width: 768px) {
  .pag.pag-confirmacion .row.banner {
    font-size: 24px;
  }
}
.pag.pag-registro .row.registro {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 100px;
}
.pag.pag-registro .row.registro h1 {
  color: #3e8ebd;
  font-size: 20px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .pag.pag-registro .row.registro h1 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .pag.pag-registro .row.registro h1 {
    font-size: 28px;
  }
}
.pag.pag-registro .row.registro .modos {
  margin-bottom: 60px;
}
.pag.pag-registro .row.registro p {
  font-size: 14px;
}
.pag.pag-registro .row.registro p a {
  color: #ff8c00;
}
.pag.pag-confirmacion.premium .row.informacion a {
  color: #3e8ebd;
}
.pag.pag-rrss .row.form .titulo {
  margin-top: 60px;
  margin-bottom: 20px;
}
.pag.pag-rrss .row.form .submit-box {
  margin-top: 40px;
  margin-bottom: 60px;
}
.pag.pag-pago .row.form .datos-extra {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-in;
  -moz-transition: max-height 0.5s ease-in;
  -ms-transition: max-height 0.5s ease-in;
  -o-transition: max-height 0.5s ease-in;
}
.pag.pag-pago .row.form .datos-extra.abierto {
  max-height: 999px;
}
.pag.pag-pago .row.form .datos-extra .campo {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .pag.pag-pago .row.form .datos-extra .campo .innercampo:first-child {
    padding-left: 0;
  }
  .pag.pag-pago .row.form .datos-extra .campo .innercampo:nth-child(2),
  .pag.pag-pago .row.form .datos-extra .campo .innercampo:nth-child(3) {
    padding-right: 0;
  }
}
.pag.pag-pago .row.form .datos-extra .campo .lbl {
  line-height: 40px;
}
.pag.pag-pago .row.form .datos-extra .campo input {
  font-size: 14px;
}
.pag.pag-pago .row.form a.ico.ico--question {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('../../images/shared/question-fff.svg') no-repeat center #ff8c00;
  background-size: 80% auto;
  vertical-align: middle;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.pag.pag-pago .row.form input.char3 {
  width: 3em;
}
.pag.pag-pago .row.form input.char9 {
  width: 9em;
}
.pag.pag-pago .row.form input.char12 {
  width: 12em;
}
.pag.pag-pago.premium .row.form a.ico.ico--question {
  background-color: #3e8ebd;
}
@media (min-width: 768px) {
  .pag.pag-usuario-registrado .row.login h1 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .pag.pag-usuario-registrado .row.login h1 {
    font-size: 26px;
  }
}
.pag.pag-usuario-registrado .row.login hr {
  display: block;
  height: 1px;
  border: 0 none;
  background: #ff8c00;
}
.breadcrumb {
  position: absolute;
  font-size: 11px;
  background: transparent;
  background: none;
  margin-left: 1%;
}
@media (min-width: 992px) {
  .breadcrumb {
    font-size: 12px;
    margin-left: 1%;
  }
}
.breadcrumb a {
  color: #ff8e0c;
}
.breadcrumb .actual {
  color: #505050;
  font-weight: 600;
}
section h1 {
  margin: 25px 0 25px;
  color: #ffffff;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}
@media (min-width: 768px) {
  section h1 {
    font-size: 40px;
  }
}
section h2 {
  font-size: 22px;
  font-weight: 600;
}
@media (min-width: 768px) {
  section h2 {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  section h2 {
    font-size: 30px;
  }
}
section figure {
  text-align: center;
}
.video-container {
  position: relative;
}
.video-container:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  border: 1px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: url('../../images/shared/play-fff.png') no-repeat center;
  background-size: 31px 31px;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: red;
}
@media screen and (min-width: 320px) and (max-width: 670px) {
  .pag-estadisticas {
    margin-top: 9%;
  }
}
.pag-estadisticas .stat-panel {
  margin-bottom: 0 !important;
  padding: 15px;
  margin: 15px 0;
}
.pag-estadisticas .stat-panel .nombre {
  padding: 15px;
  font-size: 22px;
}
@media (min-width: 768px) {
  .pag-estadisticas .stat-panel .nombre {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .pag-estadisticas .stat-panel .nombre {
    padding: 0 0 0 15px;
    font-size: 18px;
  }
}
.pag-estadisticas .stat-panel .nombre i.ico {
  vertical-align: bottom;
}
.pag-estadisticas .stat-panel .dato {
  line-height: 1.5em;
  text-align: center;
}
@media (min-width: 992px) {
  .pag-estadisticas .stat-panel .dato {
    text-align: left;
    font-size: 14px;
    height: 50px;
  }
}
.pag-estadisticas .stat-panel .dato-center {
  text-align: center;
}
.pag-estadisticas .stat-panel .dato-last {
  text-align: end;
}
@media (max-width: 992px) {
  .pag-estadisticas .stat-panel .dato-last {
    text-align: center;
  }
}
.pag-estadisticas .stat-panel .dato-parrafo {
  text-align: left;
  font-size: 14px;
}
.pag-estadisticas .stat-panel .valor {
  font-size: 1.5em;
  line-height: 2em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pag-estadisticas .stat-panel .valor {
    font-size: 1.3em;
  }
}
.pag-estadisticas .stat-panel .valor.cifra {
  display: inline-block;
  float: right;
  width: 40px;
}
@media (min-width: 340px) {
  .pag-estadisticas .stat-panel .valor.cifra {
    width: 90px;
  }
}
@media (min-width: 768px) {
  .pag-estadisticas .stat-panel .valor.cifra {
    float: none;
    width: auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag-estadisticas .stat-panel .valor.cifra {
    display: contents;
  }
}
.pag-estadisticas .stat-panel .valor .big {
  font-size: 1.1em;
}
.pag-estadisticas .stat-panel .box-pie-stat {
  text-align: center;
  display: inline-grid;
}
.pag-estadisticas .stat-panel .box-pie-stat .nombre {
  padding: 10px 0;
  font-size: 14px;
  font-weight: 600;
}
.pag-estadisticas .stat-panel .box-pie-stat .pie {
  display: inline-block;
  /*width: 90px;
                height: 90px;
                background: @default-color-alt;*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.pag-estadisticas .cifra {
  font-size: 24px;
}
.pag-estadisticas .stats-generales {
  padding-top: 5px;
  border: 1px solid #56c6e6;
}
.pag-estadisticas .stats-generales h1 {
  color: #56c6e6;
}
.pag-estadisticas .stats-generales #cmbTipoStat,
.pag-estadisticas .stats-generales #cmbTipoStat + .customSelect {
  width: 100%;
  border: 1px solid #c8c8c8;
}
.pag-estadisticas .stats-generales #cmbTipoStat + .customSelect:before {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/fl-aba--naranja.svg');
}
.pag-estadisticas .stats-generales #selector-periodo {
  color: #505050;
}
.pag-estadisticas .stats-generales #selector-periodo a {
  color: #505050;
}
.pag-estadisticas .stats-generales #selector-periodo a.seleccionado {
  color: #ff8c00;
}
.pag-estadisticas .stats-generales .grafico {
  height: 240px;
  overflow-x: auto;
  background: #ededed;
}
.pag-estadisticas .stats-generales .leyendas,
.pag-estadisticas .stats-generales .titulo {
  height: 40px;
  line-height: 40px;
}
@media (min-width: 768px) {
  .pag-estadisticas .stats-generales .leyendas,
  .pag-estadisticas .stats-generales .titulo {
    float: left;
    width: 50%;
  }
}
.pag-estadisticas .stats-generales .titulo {
  text-align: right;
}
.pag-estadisticas .stats-generales .leyendas {
  font-size: 14px;
}
.pag-estadisticas .stats-generales .leyendas .tag {
  position: relative;
  display: block;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .pag-estadisticas .stats-generales .leyendas .tag {
    display: inline-block;
  }
}
.pag-estadisticas .stats-generales .leyendas .tag:before {
  content: '';
  display: block;
  width: 15px;
  top: 50px;
  height: 1px;
  background: #000000;
}
.pag-estadisticas .stats-generales .leyendas .tag.manuales:before {
  background: #ffbd00;
}
.pag-estadisticas .stats-generales .leyendas .tag.tests:before {
  background: #505050;
}
.pag-estadisticas .stats-generales .titulo {
  font-size: 16px;
  font-weight: 600;
  color: #3e8ebd;
}
.pag-estadisticas .stats-generales .titulo > strong {
  color: #505050;
}
.pag-estadisticas .stats-generales > * {
  margin-bottom: 10px;
}
.pag-estadisticas .stats-generales .nombre {
  padding: 0;
  font-size: 16px;
  color: #56c6e6;
}
@media (min-width: 768px) {
  .pag-estadisticas .stats-generales .nombre {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .pag-estadisticas .stats-generales .nombre {
    font-size: 20px;
  }
}
.pag-estadisticas i.ico {
  width: 34px;
  height: 28px;
  vertical-align: baseline;
}
.pag-estadisticas .test-realizados {
  background: #56c6e6;
  color: #ffffff;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag-estadisticas .test-realizados {
    padding: 5px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-estadisticas .test-realizados {
    padding: 5px;
  }
}
.pag-estadisticas .videos-vistos {
  background: #3e8ebd;
  color: #ffffff;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag-estadisticas .videos-vistos {
    padding: 5px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-estadisticas .videos-vistos {
    padding: 5px;
  }
}
.pag-estadisticas .manuales {
  background: #ffbd00;
  color: #ffffff;
}
@media (min-width: 768px) {
  .pag-estadisticas .manuales {
    min-height: 260px;
  }
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag-estadisticas .manuales {
    padding: 5px;
    margin: -40px 13px 0 0;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-estadisticas .manuales {
    padding: 5px;
  }
}
.pag-estadisticas .sesiones {
  background: #505050;
  color: #ffffff;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag-estadisticas .sesiones {
    padding: 5px;
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-estadisticas .sesiones {
    padding: 5px;
  }
}
.pag-estadisticas .sesiones #count-tiempo {
  font-size: 1em;
}
.pag-estadisticas .sesiones #ultima-sesion {
  font-size: 1.2em;
}
.pag-estadisticas .sesiones .dato {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .pag-estadisticas .col-sesiones {
    padding-left: 0;
  }
}
.pag-fichatest .row.areacontenido-box .areacontenido > .row {
  padding-left: 0;
  padding-right: 0;
}
.pag-fichatest .row.controles {
  padding-left: 0;
  padding-right: 0;
}
.pag-fichatest .row.controles .renglon1 {
  margin-bottom: 30px;
  /*> *:last-child(3) {
                padding-right: 0;
            }*/
}
@media (min-width: 768px) {
  .pag-fichatest .row.controles .renglon1 {
    margin-bottom: 25px;
  }
}
.pag-fichatest .row.controles .renglon1 h1,
.pag-fichatest .row.controles .renglon1 a {
  height: 25px;
  line-height: 25px;
  vertical-align: baseline;
}
.pag-fichatest .row.controles .renglon1 h1 {
  margin-bottom: 0;
}
.pag-fichatest .row.controles .renglon1 a.btn-finalizar.slim {
  display: block;
  padding: 0 15px 0 0;
  font-size: 12px;
  background-color: transparent;
  color: #3e8ebd;
  text-align: right;
}
.pag-fichatest .row.controles .renglon1 a.btn-finalizar.slim:after {
  width: 16px;
  background-size: 16px auto;
}
.pag-fichatest .row.controles #box-tiemporestante {
  z-index: 2;
  position: relative;
  margin: auto;
  width: 200px;
  height: 55px;
  padding-left: 50px;
  background: url('../../images/private/ico-reloj.png') no-repeat center left 5px #ffbd00;
  color: #ffffff;
}
@media (min-width: 768px) {
  .pag-fichatest .row.controles #box-tiemporestante {
    width: 240px;
    margin: 0;
    padding-left: 70px;
    background-position: center left 15px;
  }
}
.pag-fichatest .row.controles #box-tiemporestante .lbl,
.pag-fichatest .row.controles #box-tiemporestante .val {
  width: 130px;
  float: left;
}
@media (min-width: 768px) {
  .pag-fichatest .row.controles #box-tiemporestante .lbl,
  .pag-fichatest .row.controles #box-tiemporestante .val {
    width: 115px;
  }
}
.pag-fichatest .row.controles #box-tiemporestante .lbl {
  height: 25px;
  line-height: 25px;
  vertical-align: bottom;
  font-size: 12px;
}
.pag-fichatest .row.controles #box-tiemporestante .val {
  height: 30px;
  line-height: 20px;
  vertical-align: top;
  font-size: 24px;
  font-weight: 700;
}
.pag-fichatest .row.controles #box-tiemporestante .btn-playpause {
  float: right;
  height: 100%;
  width: 55px;
  border-left: 1px solid #ffffff;
  cursor: pointer;
  background: url('../../images/private/ico-pausar.png') no-repeat center;
}
.pag-fichatest .row.controles #box-tiemporestante .btn-playpause.reproduciendo {
  background-color: #55e583;
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-reproducir.png');
}
.pag-fichatest .row.controles #box-tiemporestante .btn-playpause .btn-playpause:hover,
.pag-fichatest .row.controles #box-tiemporestante .btn-playpause .btn-playpause:active {
  background-repeat: no-repeat;
  background-image: url('../../images/private/ico-reproducir.png');
}
.pag-fichatest .row.controles .renglon2 {
  z-index: 2;
  margin-bottom: 15px;
}
.pag-fichatest #box-botones #save-test-desktop {
  float: right;
  height: 55px;
  width: 55px;
  /*border-left: 1px solid @video-bg;*/
  background: url(../../images/shared/save.png) no-repeat center;
}
.row.reactivo {
  position: relative;
  margin-bottom: 10px;
  z-index: 0;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .row.reactivo {
    margin-left: 6px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .row.reactivo {
    margin-left: 22px;
  }
}
@media (max-width: 768px) {
  .row.reactivo .wrapper-tests {
    padding-right: 20px;
  }
}
.row.reactivo .num-pregunta {
  margin-bottom: 20px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #3e8ebd;
}
@media (min-width: 768px) {
  .row.reactivo .num-pregunta {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
  }
}
.row.reactivo .num-pregunta .col-idioma {
  position: relative;
  font-size: 80%;
  text-align: right;
}
.row.reactivo .num-pregunta .col-idioma a.btn-idioma {
  padding-right: 16px;
  background: url('../../images/shared/fl-aba--naranja.svg') no-repeat center right 3px;
  background-size: 12px auto;
  color: #ff8c00;
  font-size: 12px;
  font-weight: 400;
}
.row.reactivo .num-pregunta .col-idioma a.btn-idioma + .menu {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-in;
  -moz-transition: max-height 0.5s ease-in;
  -ms-transition: max-height 0.5s ease-in;
  -o-transition: max-height 0.5s ease-in;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  visibility: hidden;
  border: 1px solid #56c6e6;
  font-size: 12px;
  font-weight: 400;
  background: #ffffff;
  z-index: 99;
}
@media (min-width: 768px) {
  .row.reactivo .num-pregunta .col-idioma a.btn-idioma + .menu {
    width: 50%;
  }
}
.row.reactivo .num-pregunta .col-idioma a.btn-idioma + .menu ul {
  margin: 0;
  padding: 0 10px;
  list-style-type: none;
}
.row.reactivo .num-pregunta .col-idioma a.btn-idioma + .menu li {
  padding: 5px 0;
  border-bottom: 1px solid #c8c8c8;
}
.row.reactivo .num-pregunta .col-idioma a.btn-idioma + .menu li:last-child {
  border-bottom: 0 none;
}
.row.reactivo .num-pregunta .col-idioma a.btn-idioma + .menu li a {
  display: block;
  color: #3e8ebd;
}
.row.reactivo .num-pregunta .col-idioma a.btn-idioma.activa + .menu {
  max-height: 555px;
  visibility: visible;
}
.row.reactivo .pregunta {
  margin-bottom: 20px;
  font-size: 14px;
  text-overflow: ellipsis;
}
.row.reactivo .imagen img,
.row.reactivo .imagen figure {
  height: 265px;
  object-fit: contain;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  background: none no-repeat top left;
  cursor: zoom-in;
  background-size: 100%;
}
.row.reactivo .imagen img:before,
.row.reactivo .imagen figure:before {
  content: '';
  display: block;
  padding-bottom: 70%;
}
@media (min-width: 768px) {
  .row.reactivo .imagen img:before,
  .row.reactivo .imagen figure:before {
    padding-bottom: 90%;
  }
}
@media (min-width: 768px) {
  .row.reactivo .imagen img:before,
  .row.reactivo .imagen figure:before {
    padding-bottom: 73%;
  }
}
.row.reactivo .respuestas {
  position: relative;
  font-size: 14px;
}
.row.reactivo .respuestas:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background: #e0e0e0;
}
.row.reactivo .respuestas i {
  font-style: normal;
  font-size: 18px;
  font-weight: 700;
  color: #3e8ebd;
  line-height: 0.8;
  margin-right: 0.2em;
}
.row.reactivo .respuestas label {
  cursor: pointer;
}
.row.reactivo .respuestas .answer {
  min-height: 40px;
  cursor: pointer;
  padding-top: 7px;
}
.row.reactivo .respuestas .answer-new {
  background: url('../../images/shared/answer-new.png') no-repeat;
}
.row.reactivo .respuestas .answer-new:hover {
  background: url('../../images/shared/answer-tmp.png') no-repeat;
}
.row.reactivo .respuestas .answer-tmp {
  background: url('../../images/shared/answer-tmp.png') no-repeat;
}
.row.reactivo .respuestas .answer-ko {
  background: url('../../images/shared/answer-ko.png') no-repeat;
}
.row.reactivo .respuestas .answer-ok {
  background: url('../../images/shared/answer-ok.png') no-repeat;
}
.row.reactivo .respuestas input[type="radio"] + label span {
  vertical-align: baseline;
}
.row.reactivo .respuestas input[type="radio"].correcta + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/radio--verde-suave.svg');
}
.row.reactivo .respuestas input[type="radio"].incorrecta + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/radio--rojo-suave.svg');
}
.row.reactivo .respuestas input[type="radio"]:checked.correcta + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/radio-checked--verde-suave.svg');
}
.row.reactivo .respuestas input[type="radio"]:checked.incorrecta + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/radio-checked--rojo-suave.svg');
}
.row.reactivo .respuestas > div {
  font-size: 0.9em;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 4.6em;
  margin-bottom: 0.4em;
}
.row.reactivo a.ver-respuesta-video {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding-left: 40px;
  background: url('../../images/private/item-videos.png') no-repeat center left;
  color: #ff8c00;
  font-size: 10px;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .row.reactivo a.ver-respuesta-video {
    text-align: left !important;
    font-size: 13px;
  }
}
.row.reactivo a.ver-respuesta-manual {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding-left: 40px;
  background: url('../../images/private/item-manuales.png') no-repeat center left;
  color: #ff8c00;
  font-size: 10px;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .row.reactivo a.ver-respuesta-manual {
    text-align: left !important;
    font-size: 13px;
  }
}
.row.reactivo a.btn-anterior,
.row.reactivo a.btn-siguiente,
.row.reactivo a.btn-continuar {
  display: inline-block;
  color: #ff8c00;
  font-size: 12px;
  line-height: 12px;
  height: 16px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .row.reactivo a.btn-anterior,
  .row.reactivo a.btn-siguiente,
  .row.reactivo a.btn-continuar {
    height: 28px;
    line-height: 28px;
  }
}
.row.reactivo a.btn-siguiente,
.row.reactivo a.btn-continuar {
  padding-right: 16px;
  background: url('../../images/shared/f-der-32--naranja.svg') no-repeat center right transparent;
  background-size: auto 12px;
}
.row.reactivo a.btn-anterior {
  padding-left: 16px;
  background: url('../../images/shared/f-izq-32--naranja.svg') no-repeat center left transparent;
  background-size: auto 12px;
}
.row.explicacion {
  margin-bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 345px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .row.explicacion {
    width: auto;
  }
}
.row.explicacion .box-explicacion {
  text-align: center;
  padding: 20px 16px;
  font-size: 13px;
  margin-top: 15px;
  background-color: #ff8c00;
}
@media (max-width: 768px) {
  .row.explicacion .box-explicacion {
    font-size: 11px;
  }
}
.row.explicacion .box-explicacion h2 {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 600;
  color: white;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .row.explicacion .box-explicacion h2 {
    font-size: 12px;
  }
}
.row.explicacion .box-explicacion p {
  margin: 10px 0 0;
}
.question-panel {
  margin-bottom: 65px auto;
}
.question-panel .question {
  font-size: 0.1px;
}
.question-panel .question > * {
  display: inline-block;
  width: 42px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #56c6e6;
  text-align: center;
  color: #3e8ebd;
  font-weight: 700;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .question-panel .question > * {
    margin: 0 2.5% 25px;
  }
}
@media (min-width: 1440px) {
  .question-panel .question > * {
    margin: 0 3.3% 25px;
  }
}
@media (min-width: 2560px) {
  .question-panel .question > * {
    margin: 0 4.1% 25px;
  }
}
.question-panel .question > *.lleno {
  background: #e0e0e0;
  border-color: #3e8ebd;
}
.question-panel .question > *.actual {
  background: #56c6e6;
  color: #ffffff;
}
.question-panel .question > *.correcta {
  color: #ffffff;
  border-color: #55e583;
  background: #55e583;
}
.question-panel .question > *.incorrecta {
  color: #ffffff;
  border-color: #e55555;
  background: #e55555;
}
.question-panel .question:after {
  content: '';
  display: inline-block;
  width: 100%;
}
@media (max-width: 767px) {
  .question-panel {
    margin-bottom: 0;
  }
  .question-panel * {
    margin: 5px 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .question-panel {
    margin-bottom: 0;
  }
  .question-panel * {
    margin: 5px 5px;
  }
}
.pag-manual .row.introduccion,
.pag-test .row.introduccion,
.pag-video .row.introduccion {
  padding-bottom: 0;
}
.pag-manual .row.introduccion:after,
.pag-test .row.introduccion:after,
.pag-video .row.introduccion:after {
  content: none;
}
.pag-manual .pager,
.pag-test .pager,
.pag-video .pager {
  font-size: 30px;
  text-align: right;
}
.pag-manual .pager:before,
.pag-test .pager:before,
.pag-video .pager:before {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  height: 1px;
  width: 100%;
  background: #3e8ebd;
}
.pag-manual .pager a,
.pag-test .pager a,
.pag-video .pager a {
  color: #ff8c00;
}
.pag-manual ul.relacionados li:last-child a,
.pag-test ul.relacionados li:last-child a,
.pag-video ul.relacionados li:last-child a {
  border-bottom: 0 none;
}
.pag-manual ul.relacionados.items-expandibles li > a,
.pag-test ul.relacionados.items-expandibles li > a,
.pag-video ul.relacionados.items-expandibles li > a {
  padding-left: 36px;
  background: url('../../images/shared/fl-aba--naranja.svg') no-repeat left center;
  background-size: 32px auto;
  cursor: pointer;
}
.pag-manual ul.relacionados.items-expandibles li > .subitems,
.pag-test ul.relacionados.items-expandibles li > .subitems,
.pag-video ul.relacionados.items-expandibles li > .subitems {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s linear;
  -moz-transition: max-height 0.5s linear;
  -ms-transition: max-height 0.5s linear;
  -o-transition: max-height 0.5s linear;
}
.pag-manual ul.relacionados.items-expandibles li > .subitems a,
.pag-test ul.relacionados.items-expandibles li > .subitems a,
.pag-video ul.relacionados.items-expandibles li > .subitems a {
  padding-left: 63px;
}
.pag-manual ul.relacionados.items-expandibles li.expandido > a,
.pag-test ul.relacionados.items-expandibles li.expandido > a,
.pag-video ul.relacionados.items-expandibles li.expandido > a {
  background-repeat: no-repeat;
  background-image: url('../../images/shared/fl-arr--naranja.svg');
}
.pag-manual ul.relacionados.items-expandibles li.expandido > .subitems,
.pag-test ul.relacionados.items-expandibles li.expandido > .subitems,
.pag-video ul.relacionados.items-expandibles li.expandido > .subitems {
  max-height: 700px;
}
.pag-tests-premium h2 {
  font-size: 22px;
  color: #3e8ebd;
}
.pag-tests-premium #tests-grid {
  height: 950px;
  overflow: hidden;
  margin-bottom: 40px;
}
.pag-tests-premium #tests-grid .tira {
  -webkit-transition: margin-top 0.5s linear;
  -moz-transition: margin-top 0.5s linear;
  -ms-transition: margin-top 0.5s linear;
  -o-transition: margin-top 0.5s linear;
}
.pag-tests-premium #tests-grid a {
  display: inline-block;
  width: 42px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #56c6e6;
  text-align: center;
  color: #3e8ebd;
  font-weight: 700;
  font-size: 14px;
  display: block;
  float: left;
  margin: 5px;
}
@media (min-width: 992px) {
  .pag-tests-premium #tests-grid {
    height: 600px;
    margin-bottom: 30px;
  }
}
.pag-tests-premium .pager {
  padding-top: 20px;
  border-top: 1px solid #3e8ebd;
  font-size: 30px;
  text-align: right;
  color: #ff8c00;
}
.pag-tests-premium .pager span {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  font-size: 15px;
}
.pag-tests-premium .pager a {
  color: #ff8c00;
}
.pag-tests-premium .box-contenido {
  margin-bottom: 20px;
}
.pag-tests-premium .row.areacontenido-box .areacontenido > .row.cols-7-y-5 {
  padding-left: 0;
  padding-right: 0;
}
.pag-test-done .badge {
  margin: -5px -36px 15px 8px;
  position: relative;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: #ff8c00;
}
.pag-test-done .badge.inline-badge {
  margin: 15px 0 0 15px;
  position: relative;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: #ff8c00;
  float: right;
}
.badge.inline-badge.all-not-read {
  margin-left: 2%;
}
@media (min-width: 768px) {
  .badge.inline-badge.all-not-read {
    margin-left: 2%;
  }
}
.pag-dashboard .slideshow .pager {
  position: relative;
  margin: 25px auto 0;
  text-align: center;
}
.pag-dashboard .slideshow .pager a {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #ffbd00;
  vertical-align: top;
}
.pag-dashboard .slideshow .pager a:hover,
.pag-dashboard .slideshow .pager a:active {
  text-decoration: none;
}
.pag-dashboard .slideshow .pager a.selected {
  background: #ffbd00;
}
.pag-dashboard .slideshow .pager a.anterior,
.pag-dashboard .slideshow .pager a.siguiente {
  display: none;
}
.pag-dashboard .contacto-ubicacion {
  border-bottom: 2px solid #56c6e6;
  margin-bottom: 35px;
}
.pag-dashboard .contacto-ubicacion > * {
  padding-bottom: 30px;
  font-size: 0.85em;
}
@media (min-width: 768px) {
  .pag-dashboard .contacto-ubicacion > * {
    float: left;
    width: 50%;
    padding-bottom: 40px;
    font-size: 1em;
  }
}
.pag-dashboard .contacto-ubicacion > *.contacto > * {
  margin-bottom: 0.25em;
}
@media (min-width: 768px) {
  .pag-dashboard .contacto-ubicacion > *.contacto > * {
    margin-bottom: 0.75em;
  }
}
.pag-dashboard .contacto-ubicacion > *.ubicacion .mapa {
  overflow: hidden;
  width: 95%;
  height: 25%;
}
.pag-dashboard .contacto-ubicacion > *.ubicacion .mapa img {
  width: 100%;
}
.pag-dashboard .contacto-ubicacion h2 {
  font-size: 1.3em;
}
.pag-dashboard .contacto-ubicacion a {
  color: #505050;
}
.pag-dashboard.autoescuelas {
  max-width: inherit !important;
  /*.mensajeria > .gris {
        background-repeat: no-repeat;
        background-image: url('../../images/drivingschools/item-mensajeria.png');
    }*/
}
.pag-dashboard.autoescuelas .areacontenido > .row {
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-dashboard.autoescuelas .areacontenido > .row {
    margin-right: 25px;
  }
}
.pag-dashboard.autoescuelas .amarillo {
  padding: 15px 0;
  background: #ffbd00;
  color: #ffffff;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .amarillo {
    padding: 20px 0;
    text-align: center !important;
  }
}
.pag-dashboard.autoescuelas .amarillo .lbl {
  padding-right: 0;
  font-size: 16px;
  line-height: 38px;
  text-align: right;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .amarillo .lbl {
    text-align: center;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-dashboard.autoescuelas .amarillo .lbl {
    padding-right: 18px;
  }
}
.pag-dashboard.autoescuelas .amarillo .val {
  font-size: 24px;
  font-weight: 700;
  line-height: 38px;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .amarillo .val {
    font-size: 36px;
  }
}
.pag-dashboard.autoescuelas .verde {
  color: #ffffff;
  background: #55e583;
  padding: 20px 0;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .verde {
    padding: 7px 0;
  }
}
.pag-dashboard.autoescuelas .verde .lbl {
  padding-left: 30px;
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .verde .lbl {
    font-size: 36px;
    line-height: 2;
    text-align: center;
  }
}
.pag-dashboard.autoescuelas .verde .val {
  padding-left: 0;
  margin-left: -15px;
}
.pag-dashboard.autoescuelas .verde .val img {
  width: 100%;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .verde .val img {
    width: auto;
  }
}
.pag-dashboard.autoescuelas .azul {
  color: #ffffff;
  background: #56c6e6;
  padding: 20px 0;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .azul {
    padding: 15px 0;
  }
}
.pag-dashboard.autoescuelas .azul .lbl {
  padding-left: 30px;
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .azul .lbl {
    font-size: 36px;
    line-height: 2;
    text-align: center;
  }
}
.pag-dashboard.autoescuelas .azul .val {
  padding-left: 0;
  margin-left: -15px;
}
.pag-dashboard.autoescuelas .azul .val img {
  width: 100%;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .azul .val img {
    width: auto;
  }
}
.pag-dashboard.autoescuelas .gris {
  padding: 10px 0;
  background-color: #ededed;
  color: #505050;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .gris {
    padding: 20px 0;
  }
}
@media (min-width: 992px) {
  .pag-dashboard.autoescuelas .gris {
    padding: 30px 0;
  }
}
.pag-dashboard.autoescuelas .admon-alumnos > .gris,
.pag-dashboard.autoescuelas .secciones > .gris,
.pag-dashboard.autoescuelas .mensajeria > .gris,
.pag-dashboard.autoescuelas .facturas > .gris {
  height: 95px;
  padding-top: 55px;
  background: none no-repeat top 12px center #ededed;
  background-size: auto;
  text-align: center;
  font-size: 12px;
  line-height: 3em;
}
@media (min-width: 768px) {
  .pag-dashboard.autoescuelas .admon-alumnos > .gris,
  .pag-dashboard.autoescuelas .secciones > .gris,
  .pag-dashboard.autoescuelas .mensajeria > .gris,
  .pag-dashboard.autoescuelas .facturas > .gris {
    height: 75px;
    padding: 20px 0 20px 80px;
    text-align: left;
    line-height: 2;
    font-size: 18px;
    background-position: center left 15px;
  }
}
.pag-dashboard.autoescuelas .admon-alumnos,
.pag-dashboard.autoescuelas .secciones,
.pag-dashboard.autoescuelas .mensajeria,
.pag-dashboard.autoescuelas .facturas {
  padding-left: 0;
  padding-right: 1px;
}
.pag-dashboard.autoescuelas .admon-alumnos,
.pag-dashboard.autoescuelas .mensajeria {
  margin-bottom: 15px;
}
.pag-dashboard.autoescuelas .admon-alumnos > .gris {
  line-height: 1.2em;
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-alumnos.png');
}
@media (min-width: 992px) {
  .pag-dashboard.autoescuelas .admon-alumnos > .gris {
    line-height: 2;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-dashboard.autoescuelas .admon-alumnos > .gris {
    font-size: 16px;
  }
}
.pag-dashboard.autoescuelas .mensajeria > .gris {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-mensajeria.png');
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-dashboard.autoescuelas .mensajeria > .gris {
    font-size: 16px;
  }
}
.pag-dashboard.autoescuelas .secciones > .gris {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-section.png');
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-dashboard.autoescuelas .secciones > .gris {
    font-size: 16px;
  }
}
.pag-dashboard.autoescuelas .facturas > .gris {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/item-facturas.png');
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-dashboard.autoescuelas .facturas > .gris {
    font-size: 16px;
  }
}
.pag-personalizar h1 {
  font-weight: 600;
}
.pag-personalizar .row.areacontenido-box .areacontenido > .row.form {
  padding-left: 0;
  padding-right: 0;
}
.pag-personalizar .wraptextarea textarea {
  height: 150px;
}
.pag-personalizar .wraptextarea textarea#txtDescripcionAutoescuela {
  height: 190px;
}
@media (min-width: 768px) {
  .pag-personalizar .wraptextarea textarea {
    height: 170px;
  }
}
.pag-personalizar .tip {
  font-size: 0.75em;
  font-weight: 600;
}
.pag-personalizar h2 {
  font-size: 16px;
  color: #3e8ebd;
}
@media (min-width: 768px) {
  .pag-personalizar h2 {
    font-size: 20px;
  }
}
.pag-personalizar figure.foto {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 115px;
  height: 105px;
  margin: 0;
  padding: 0;
  background: url('../../images/drivingschools/foto-generica.jpg') no-repeat top 20px center;
  border: 1px solid #ededed;
}
.pag-personalizar figure.foto > label {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  line-height: 20px;
  background: #ededed;
  color: #ff8c00;
  font-size: 12px;
}
.pag-personalizar input[type="file"] + label {
  position: relative;
  font-size: 0.6em;
}
.pag-personalizar input[type="file"] + label > span {
  position: absolute;
  top: 5%;
  right: 5px;
  height: 90%;
  padding: 0 1em;
  color: #ff8c00;
  background: #ededed;
}
.pag-personalizar #foto-carrusel + label {
  width: 1.5em;
  font-size: 30px;
  color: #ff8c00;
  text-align: center;
  vertical-align: middle;
}
.pag-personalizar a.vista-previa {
  font-size: 13px;
  color: #ff8c00;
}
.pag-personalizar a.vista-previa i {
  margin-top: -4px;
  font-size: 30px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .pag-personalizar .row.form .submit-box {
    text-align: right;
  }
}
.pag-utilidades h2,
.pag-estadisticas h2 {
  margin-bottom: 20px;
  color: #2e81af;
}
.pag-estadisticas.autoescuelas .row.areacontenido-box .areacontenido > .row h1,
.pag-utilidades .row.areacontenido-box .areacontenido > .row h1,
.pag-facturas .row.areacontenido-box .areacontenido > .row h1,
.pag-alumnos .row.areacontenido-box .areacontenido > .row h1 {
  font-weight: 600;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .campo label,
.pag-utilidades .row.form-alumnos .campo label,
.pag-facturas .row.form-alumnos .campo label,
.pag-alumnos .row.form-alumnos .campo label {
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .pag-estadisticas.autoescuelas .row.form-alumnos .campo label,
  .pag-utilidades .row.form-alumnos .campo label,
  .pag-facturas .row.form-alumnos .campo label,
  .pag-alumnos .row.form-alumnos .campo label {
    font-size: 11px;
  }
}
.pag-estadisticas.autoescuelas .row.form-alumnos .campo label.sublabel,
.pag-utilidades .row.form-alumnos .campo label.sublabel,
.pag-facturas .row.form-alumnos .campo label.sublabel,
.pag-alumnos .row.form-alumnos .campo label.sublabel {
  position: absolute;
  top: 0;
  font-style: italic;
  font-weight: 400;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .input-box.ico.ico--lupa,
.pag-utilidades .row.form-alumnos .input-box.ico.ico--lupa,
.pag-facturas .row.form-alumnos .input-box.ico.ico--lupa,
.pag-alumnos .row.form-alumnos .input-box.ico.ico--lupa {
  width: 100%;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .input-box.ico.ico--lupa:after,
.pag-utilidades .row.form-alumnos .input-box.ico.ico--lupa:after,
.pag-facturas .row.form-alumnos .input-box.ico.ico--lupa:after,
.pag-alumnos .row.form-alumnos .input-box.ico.ico--lupa:after {
  right: 6px;
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-lupa--azul.png');
}
.pag-estadisticas.autoescuelas .row.form-alumnos .input-box.ico.ico--lupa input[type="text"],
.pag-utilidades .row.form-alumnos .input-box.ico.ico--lupa input[type="text"],
.pag-facturas .row.form-alumnos .input-box.ico.ico--lupa input[type="text"],
.pag-alumnos .row.form-alumnos .input-box.ico.ico--lupa input[type="text"] {
  width: 100%;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .fecha-box,
.pag-utilidades .row.form-alumnos .fecha-box,
.pag-facturas .row.form-alumnos .fecha-box,
.pag-alumnos .row.form-alumnos .fecha-box {
  position: relative;
  padding-top: 25px;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .fecha-box > .wrap-select,
.pag-utilidades .row.form-alumnos .fecha-box > .wrap-select,
.pag-facturas .row.form-alumnos .fecha-box > .wrap-select,
.pag-alumnos .row.form-alumnos .fecha-box > .wrap-select {
  display: inline-block;
  width: 2.9em;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .fecha-box > .wrap-select.yy,
.pag-utilidades .row.form-alumnos .fecha-box > .wrap-select.yy,
.pag-facturas .row.form-alumnos .fecha-box > .wrap-select.yy,
.pag-alumnos .row.form-alumnos .fecha-box > .wrap-select.yy {
  width: 3.3em;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .fecha-box > .wrap-select select,
.pag-utilidades .row.form-alumnos .fecha-box > .wrap-select select,
.pag-facturas .row.form-alumnos .fecha-box > .wrap-select select,
.pag-alumnos .row.form-alumnos .fecha-box > .wrap-select select,
.pag-estadisticas.autoescuelas .row.form-alumnos .fecha-box > .wrap-select select + .customSelect,
.pag-utilidades .row.form-alumnos .fecha-box > .wrap-select select + .customSelect,
.pag-facturas .row.form-alumnos .fecha-box > .wrap-select select + .customSelect,
.pag-alumnos .row.form-alumnos .fecha-box > .wrap-select select + .customSelect {
  font-size: 11px;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .fecha-box > .wrap-select select + .customSelect,
.pag-utilidades .row.form-alumnos .fecha-box > .wrap-select select + .customSelect,
.pag-facturas .row.form-alumnos .fecha-box > .wrap-select select + .customSelect,
.pag-alumnos .row.form-alumnos .fecha-box > .wrap-select select + .customSelect {
  padding: 0 4px;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .fecha-box > .wrap-select select + .customSelect:before,
.pag-utilidades .row.form-alumnos .fecha-box > .wrap-select select + .customSelect:before,
.pag-facturas .row.form-alumnos .fecha-box > .wrap-select select + .customSelect:before,
.pag-alumnos .row.form-alumnos .fecha-box > .wrap-select select + .customSelect:before {
  width: 16px;
  height: 16px;
  margin-top: -10px;
}
.pag-estadisticas.autoescuelas .row.form-alumnos .fecha-box i.ico.ico--calendario,
.pag-utilidades .row.form-alumnos .fecha-box i.ico.ico--calendario,
.pag-facturas .row.form-alumnos .fecha-box i.ico.ico--calendario,
.pag-alumnos .row.form-alumnos .fecha-box i.ico.ico--calendario {
  position: absolute;
  top: 30px;
  right: -28px;
  background-repeat: no-repeat;
  background-image: url('../../images/shared/ico-calendario-big.png');
  width: 32px;
  height: 32px;
}
@media (min-width: 768px) {
  .pag-estadisticas.autoescuelas .row.form-alumnos .fecha-box i.ico.ico--calendario,
  .pag-utilidades .row.form-alumnos .fecha-box i.ico.ico--calendario,
  .pag-facturas .row.form-alumnos .fecha-box i.ico.ico--calendario,
  .pag-alumnos .row.form-alumnos .fecha-box i.ico.ico--calendario {
    position: static;
  }
}
.pag-estadisticas.autoescuelas .row.form-alumnos .filtrar-box,
.pag-utilidades .row.form-alumnos .filtrar-box,
.pag-facturas .row.form-alumnos .filtrar-box,
.pag-alumnos .row.form-alumnos .filtrar-box {
  padding-top: 25px;
}
@media (min-width: 992px) {
  .pag-estadisticas.autoescuelas .row.form-alumnos .filtrar-box,
  .pag-utilidades .row.form-alumnos .filtrar-box,
  .pag-facturas .row.form-alumnos .filtrar-box,
  .pag-alumnos .row.form-alumnos .filtrar-box {
    margin-left: -32px;
  }
}
.pag-estadisticas.autoescuelas .row.form-alumnos .filtrar-box a,
.pag-utilidades .row.form-alumnos .filtrar-box a,
.pag-facturas .row.form-alumnos .filtrar-box a,
.pag-alumnos .row.form-alumnos .filtrar-box a {
  display: inline-block;
  line-height: 40px;
  color: #3e8ebd !important;
  font-size: 14px;
  font-weight: 600;
}
.pag-estadisticas.autoescuelas .row.listado .titulo-box,
.pag-utilidades .row.listado .titulo-box,
.pag-facturas .row.listado .titulo-box,
.pag-alumnos .row.listado .titulo-box {
  margin: 15px 0;
}
.pag-estadisticas.autoescuelas .row.listado .titulo-box > *:last-child,
.pag-utilidades .row.listado .titulo-box > *:last-child,
.pag-facturas .row.listado .titulo-box > *:last-child,
.pag-alumnos .row.listado .titulo-box > *:last-child {
  text-align: right;
}
.pag-estadisticas.autoescuelas .row.listado h2,
.pag-utilidades .row.listado h2,
.pag-facturas .row.listado h2,
.pag-alumnos .row.listado h2 {
  margin: 0;
  color: #3e8ebd;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}
.pag-estadisticas.autoescuelas .row.listado a.ico.ico--descargar,
.pag-utilidades .row.listado a.ico.ico--descargar,
.pag-facturas .row.listado a.ico.ico--descargar,
.pag-alumnos .row.listado a.ico.ico--descargar,
.pag-estadisticas.autoescuelas .row.listado a.ico.ico--imprimir,
.pag-utilidades .row.listado a.ico.ico--imprimir,
.pag-facturas .row.listado a.ico.ico--imprimir,
.pag-alumnos .row.listado a.ico.ico--imprimir {
  line-height: 30px;
}
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable i.ico.ico--check,
.pag-utilidades .row.listado .tbl-row--colapsable i.ico.ico--check,
.pag-facturas .row.listado .tbl-row--colapsable i.ico.ico--check,
.pag-alumnos .row.listado .tbl-row--colapsable i.ico.ico--check {
  font-size: 14px;
}
@media (min-width: 768px) {
  .pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-premium,
  .pag-utilidades .row.listado .tbl-row--colapsable .col-premium,
  .pag-facturas .row.listado .tbl-row--colapsable .col-premium,
  .pag-alumnos .row.listado .tbl-row--colapsable .col-premium {
    text-align: center;
  }
}
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-usuario,
.pag-utilidades .row.listado .tbl-row--colapsable .col-usuario,
.pag-facturas .row.listado .tbl-row--colapsable .col-usuario,
.pag-alumnos .row.listado .tbl-row--colapsable .col-usuario {
  font-size: 11px;
}
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-verficha,
.pag-utilidades .row.listado .tbl-row--colapsable .col-verficha,
.pag-facturas .row.listado .tbl-row--colapsable .col-verficha,
.pag-alumnos .row.listado .tbl-row--colapsable .col-verficha {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  text-align: center;
}
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-verficha a,
.pag-utilidades .row.listado .tbl-row--colapsable .col-verficha a,
.pag-facturas .row.listado .tbl-row--colapsable .col-verficha a,
.pag-alumnos .row.listado .tbl-row--colapsable .col-verficha a {
  color: #ff8c00;
}
@media (min-width: 768px) {
  .pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-verficha,
  .pag-utilidades .row.listado .tbl-row--colapsable .col-verficha,
  .pag-facturas .row.listado .tbl-row--colapsable .col-verficha,
  .pag-alumnos .row.listado .tbl-row--colapsable .col-verficha {
    position: static;
  }
}
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-usuario,
.pag-utilidades .row.listado .tbl-row--colapsable .col-usuario,
.pag-facturas .row.listado .tbl-row--colapsable .col-usuario,
.pag-alumnos .row.listado .tbl-row--colapsable .col-usuario,
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-nombre,
.pag-utilidades .row.listado .tbl-row--colapsable .col-nombre,
.pag-facturas .row.listado .tbl-row--colapsable .col-nombre,
.pag-alumnos .row.listado .tbl-row--colapsable .col-nombre,
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-apellidos,
.pag-utilidades .row.listado .tbl-row--colapsable .col-apellidos,
.pag-facturas .row.listado .tbl-row--colapsable .col-apellidos,
.pag-alumnos .row.listado .tbl-row--colapsable .col-apellidos,
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-idioma,
.pag-utilidades .row.listado .tbl-row--colapsable .col-idioma,
.pag-facturas .row.listado .tbl-row--colapsable .col-idioma,
.pag-alumnos .row.listado .tbl-row--colapsable .col-idioma,
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-fecha,
.pag-utilidades .row.listado .tbl-row--colapsable .col-fecha,
.pag-facturas .row.listado .tbl-row--colapsable .col-fecha,
.pag-alumnos .row.listado .tbl-row--colapsable .col-fecha,
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-idioma,
.pag-utilidades .row.listado .tbl-row--colapsable .col-idioma,
.pag-facturas .row.listado .tbl-row--colapsable .col-idioma,
.pag-alumnos .row.listado .tbl-row--colapsable .col-idioma,
.pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-premium,
.pag-utilidades .row.listado .tbl-row--colapsable .col-premium,
.pag-facturas .row.listado .tbl-row--colapsable .col-premium,
.pag-alumnos .row.listado .tbl-row--colapsable .col-premium {
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  .pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-usuario,
  .pag-utilidades .row.listado .tbl-row--colapsable .col-usuario,
  .pag-facturas .row.listado .tbl-row--colapsable .col-usuario,
  .pag-alumnos .row.listado .tbl-row--colapsable .col-usuario,
  .pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-nombre,
  .pag-utilidades .row.listado .tbl-row--colapsable .col-nombre,
  .pag-facturas .row.listado .tbl-row--colapsable .col-nombre,
  .pag-alumnos .row.listado .tbl-row--colapsable .col-nombre,
  .pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-apellidos,
  .pag-utilidades .row.listado .tbl-row--colapsable .col-apellidos,
  .pag-facturas .row.listado .tbl-row--colapsable .col-apellidos,
  .pag-alumnos .row.listado .tbl-row--colapsable .col-apellidos,
  .pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-idioma,
  .pag-utilidades .row.listado .tbl-row--colapsable .col-idioma,
  .pag-facturas .row.listado .tbl-row--colapsable .col-idioma,
  .pag-alumnos .row.listado .tbl-row--colapsable .col-idioma,
  .pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-fecha,
  .pag-utilidades .row.listado .tbl-row--colapsable .col-fecha,
  .pag-facturas .row.listado .tbl-row--colapsable .col-fecha,
  .pag-alumnos .row.listado .tbl-row--colapsable .col-fecha,
  .pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-idioma,
  .pag-utilidades .row.listado .tbl-row--colapsable .col-idioma,
  .pag-facturas .row.listado .tbl-row--colapsable .col-idioma,
  .pag-alumnos .row.listado .tbl-row--colapsable .col-idioma,
  .pag-estadisticas.autoescuelas .row.listado .tbl-row--colapsable .col-premium,
  .pag-utilidades .row.listado .tbl-row--colapsable .col-premium,
  .pag-facturas .row.listado .tbl-row--colapsable .col-premium,
  .pag-alumnos .row.listado .tbl-row--colapsable .col-premium {
    padding-right: 0;
  }
}
.pag-estadisticas.autoescuelas .row.listado .pager,
.pag-utilidades .row.listado .pager,
.pag-facturas .row.listado .pager,
.pag-alumnos .row.listado .pager {
  margin-top: 0;
  margin-bottom: 80px;
  text-align: right;
  font-size: 30px;
}
.pag-estadisticas.autoescuelas .row.listado .pager a,
.pag-utilidades .row.listado .pager a,
.pag-facturas .row.listado .pager a,
.pag-alumnos .row.listado .pager a {
  color: #ff8c00;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido > .row {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .col-volver {
  text-align: right;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido a.ico {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding-left: 36px;
  padding-right: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #ff8c00;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido a.ico.ico--reciclar {
  color: #ff8c00;
  background: url('../../images/drivingschools/ico-reset.png') no-repeat left 5px center #ededed;
  background-size: 24px auto;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido a.ico.ico--email-gris {
  background: url('../../images/drivingschools/ico-email-gris.png') no-repeat left 0 center;
  background-size: 32px auto;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido a.ico.ico--historico {
  background: url('../../images/drivingschools/ico-lista.png') no-repeat left 0 center;
  background-size: 32px auto;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .col-tituloficha h1 {
  margin: 15px 0 !important;
  font-weight: 600;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag-fichaalumno .row.areacontenido-box .areacontenido .col-tituloficha h1 {
    margin: 35px 0 15px 0;
    font-weight: 600;
  }
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag-fichaalumno .row.areacontenido-box .areacontenido .col-tituloficha col-md-tab-12 {
    margin-top: 30px;
  }
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .col-reciclar {
  text-align: left;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .col-reciclar a {
  position: relative;
  top: -85px;
  left: 15px;
}
@media (min-width: 768px) {
  .pag-fichaalumno .row.areacontenido-box .areacontenido .col-reciclar a {
    position: static;
    margin: 15px 0;
    left: auto;
    top: auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .pag-fichaalumno .row.areacontenido-box .areacontenido .col-reciclar a {
    position: relative;
    top: 0;
    left: 15px;
  }
}
.pag-fichaalumno .row.areacontenido-box .areacontenido h2 {
  margin: 15px 0;
  color: #3e8ebd;
  font-size: 16px;
  font-weight: 600;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .campo {
  margin-bottom: 15px;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .campo:after {
  clear: both;
  content: "";
  display: table;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido label {
  font-size: 14px;
  font-weight: 600;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido input {
  width: 100%;
  font-size: 14px;
  border-color: #c8c8c8;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido input[type="checkbox"] + label {
  margin-right: 1em;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido input[type="checkbox"] + label span {
  margin-right: 0;
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/checkbox--gris.svg');
}
.pag-fichaalumno .row.areacontenido-box .areacontenido input[type="checkbox"]:checked + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/checkbox-checked--gris.svg');
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .submit-box {
  margin-top: 30px;
  text-align: right;
  margin-bottom: 30px;
}
.pag-fichaalumno .row.areacontenido-box .areacontenido .submit-box a {
  font-weight: 600;
}
@media (max-width: 419px) {
  .pag-fichaalumno .row.areacontenido-box .areacontenido .submit-box a {
    margin-bottom: 15px;
  }
}
.pag-utilidades .row.form .campo {
  margin-bottom: 15px;
}
.pag-utilidades .row.listado .titulo-box {
  margin: 15px 0;
}
.pag-utilidades textarea {
  height: 10em;
  width: 100%;
}
.pag-utilidades input[type="checkbox"] + label {
  display: inline;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pag-utilidades input[type="checkbox"] + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/checkbox-000000.svg');
}
.pag-utilidades input[type="checkbox"]:checked + label span {
  background-repeat: no-repeat;
  background-image: url('../../images/drivingschools/checkbox-000000--checked.svg');
}
.pag-utilidades a.dropdown-trigger {
  vertical-align: middle;
}
.pag-utilidades .tbl-head input[type="checkbox"] + label span {
  width: 12px;
  height: 12px;
  background-color: #56c6e6;
}
.modal-fondo {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
}
.modal-fondo.visible {
  visibility: visible;
  opacity: 1;
}
.modal-panel {
  position: absolute;
  top: 15%;
  left: 50%;
  width: 80%;
  margin-left: -40%;
  padding: 30px 15px 15px;
  border: 14px solid #3e8ebd;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
}
@media (min-width: 768px) {
  .modal-panel {
    top: 30%;
    width: 440px;
    margin-left: -160px;
  }
}
.modal-panel.messenger {
  width: 90%;
  height: 90%;
  margin: inherit;
  top: 5%;
  left: 5%;
}
.modal-panel .btnCerrar {
  position: absolute;
  top: 5px;
  right: 5px;
  background: url('../../images/shared/cerrar.png') no-repeat center;
  background-size: 100% auto;
  width: 23px;
  height: 23px;
}
.modal-panel .titulo {
  margin-top: -25px;
  font-size: 18px;
  color: #3e8ebd;
}
@media (min-width: 768px) {
  .modal-panel .titulo {
    font-size: 22px;
  }
}
.modal-panel .mensaje {
  margin: 15px 0 30px;
  font-weight: 600;
  font-size: 15px;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .modal-panel .mensaje {
    margin: 8px 0 30px;
  }
}
.modal-panel .acciones {
  float: right;
}
.modal-panel .acciones a {
  display: block;
  margin-bottom: 10px;
  padding: 12px 16px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: #ff8c00;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
@media (min-width: 768px) {
  .modal-panel .acciones a {
    display: inline-block;
    margin: 0 0 0 5px;
  }
}
@media (min-width: 768px) {
  .modal-panel .acciones {
    font-size: 0.1px;
    text-align: justify;
  }
  .modal-panel .acciones:after {
    content: '';
    display: inline-block;
    width: 100%;
  }
}
.modal-panel-video {
  position: absolute;
  top: 15%;
  left: 50%;
  width: 80%;
  margin-left: -40%;
  padding: 30px 15px 15px;
  border: 14px solid #3e8ebd;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
}
@media (min-width: 768px) {
  .modal-panel-video {
    top: 15%;
    width: 1000px;
    margin-left: -500px;
  }
}
.modal-panel-video.messenger {
  width: 90%;
  height: 90%;
  margin: inherit;
  top: 5%;
  left: 5%;
}
.modal-panel-video .mensaje {
  margin: 15px 0 30px;
  font-weight: 600;
  font-size: 15px;
}
.modal-fondo-success {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.modal-fondo-danger {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.col-burger {
  margin-top: 30px;
}
#btn-menulateral-burger {
  width: 34px;
  height: 34px;
  background-color: #ff8c00;
  margin-top: 10px;
  padding: 10px;
}
#btn-menulateral-burger img,
#btn-menulateral-burger svg {
  width: 34px;
  height: 34px;
}
.menulateral-hide-panel {
  width: 22%;
  height: 34px;
  color: #ffffff;
  background-color: #ff8c00;
  margin: 10px 10px 0 15px;
  padding: 7px;
  cursor: pointer;
}
.menulateral-hide-panel:hover {
  background-color: #56c6e6;
}
/** estilos componentes .net */
.dataTables_wrapper,
table.dataTable {
  font-family: 'Open Sans', sans-serif;
  border: 0 none;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .dataTables_wrapper,
  table.dataTable {
    margin-right: 20px;
  }
}
table.dataTable thead {
  background: #56c6e6 /*@azul-suave*/;
}
table.dataTable td,
table.dataTable th {
  border: 0 none !important;
}
table.dataTable th {
  padding: 15px 0;
  color: #fff;
  /*@default-color-alt;*/
  text-align: left;
  font-size: 12px;
  font-weight: 600 /*@weight-semibold*/;
  background: #56c6e6 /*@azul-suave*/;
  vertical-align: middle;
}
table.dataTable thead .sorting:after {
  opacity: 0.7;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 8px;
  left: 4px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #2e81af;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #ff8c00;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 12px;
}
table.dataTable tbody {
  font-size: 11px;
}
table.dataTable tbody a {
  color: #ff8c00;
}
.dataTables_wrapper input[type="text"],
.dataTables_wrapper input[type="search"],
.dataTables_wrapper select {
  border: 1px solid #c8c8c8 /*@borde-ligero-color*/;
  border-radius: 0;
  box-shadow: none;
}
.dataTables_wrapper .pagination > li:first-child > a,
.dataTables_wrapper .pagination > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dataTables_wrapper .pagination > li:last-child > a,
.dataTables_wrapper .pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dataTables_wrapper .pagination > .active > a,
.dataTables_wrapper .pagination > .active > a:focus,
.dataTables_wrapper .pagination > .active > a:hover,
.dataTables_wrapper .pagination > .active > span,
.dataTables_wrapper .pagination > .active > span:focus,
.dataTables_wrapper .pagination > .active > span:hover {
  background-color: #56c6e6;
}
.dataTables_wrapper .btn-group > .btn {
  border-radius: 0;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: 'Glyphicons Halflings';
  opacity: 0.5;
}
table.dataTable thead .sorting:after {
  /* opacity:.2; */
  content: "\e150";
}
table.dataTable thead .sorting_asc:after {
  content: "\e155";
}
table.dataTable thead .sorting_desc:after {
  content: "\e156";
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}
/*# sourceMappingURL=estilo.map */
/*------------------------------NUEVO--------------------------------*/
.leccion {
  display: inline-block;
  vertical-align: baseline;
  background: none no-repeat center;
  background-size: 100% auto;
}
.fotoLogin {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: left;
}
.pagclass-privada .row.cabecera > .question-panel,
.pagclass-privada .row.cabecera > .leccion-dia {
  margin-top: 14px;
}
/*.checkboxBase {
    display: none;
}*/
.checkboxBase:not(:checked) {
  display: inline-block;
  /*width: 16px;*/
  height: 16px;
  margin: 0;
  vertical-align: sub;
  cursor: pointer;
  /*background: url('../../images/shared/checkbox.png') left top no-repeat;
    background-size: 100%;*/
}
.checkboxBase:checked {
  display: inline-block;
  /*width: 16px;*/
  height: 16px;
  margin: 0;
  vertical-align: sub;
  background-size: 100%;
  /*background: url('../../images/shared/checkbox--checked.png') left top no-repeat;
    background-size: 100%;*/
}
.radioButtonBase {
  display: none;
}
.radioButtonBase:not(:checked) {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
  cursor: pointer;
  /*background: url('../../images/shared/checkbox.png') left top no-repeat;
    background-size: 100%;*/
}
.radioButtonBase:checked {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
  background-size: 100%;
  /*background: url('../../images/shared/checkbox--checked.png') left top no-repeat;
    background-size: 100%;*/
}
.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  margin-left: 5px;
}
.labelDrivingLicenses {
  font-size: 14px;
  font-weight: 600;
  color: #3e8ebd;
  margin-left: 2%;
  margin-right: 2%;
}
.btn-naranja {
  color: #ffffff;
  background-color: #ff8c00;
  border-color: #ff8c00;
}
.btn-naranja:hover {
  color: #ffffff;
  background-color: #ff8c00;
  border-color: #ff8c00;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #FFDEB7;
}
.table-striped > tbody > tr.selected {
  background-color: #56c6e6;
}
.dataTables_filter,
.dataTables_length,
.dataTables_info {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #505050;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .dataTables_filter,
  .dataTables_length,
  .dataTables_info {
    font-weight: 600;
    font-size: 12px;
    margin-left: 5%;
  }
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .dataTables_filter,
  .dataTables_length,
  .dataTables_info {
    margin-right: 16px;
  }
}
#video-controls {
  background-color: grey;
  margin-top: 50%;
  margin-left: 2%;
  width: 96.4%;
  height: 4%;
  margin-bottom: 20px;
}
@media screen and (max-width: 375px) {
  #video-controls {
    margin-top: -7%;
  }
}
@media screen and (max-width: 667px) {
  #video-controls {
    margin-top: -7%;
    height: 10%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .pag-fichatest .row.controles .renglon2 #box-tiemporestante {
    width: 240px;
  }
  #video-controls {
    height: 3.6%;
  }
}
.btn-linkVideoPlay {
  position: relative;
  display: inline-block;
  line-height: 2.5em;
  padding: 0 2.5em 0 1.5em;
  overflow: hidden;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  background-color: transparent;
  border: none;
  background-image: url('../../images/shared/PlayPauseWhite.png');
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -666em;
}
.btn-linkVideoScreen {
  position: relative;
  display: inline-block;
  line-height: 2.5em;
  padding: 0 2.5em 0 1.5em;
  overflow: hidden;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  background-color: transparent;
  border: none;
  background-image: url('../../images/shared/ExpandScreenWhite.png');
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -666em;
}
.btn-linkVideoAudio {
  position: relative;
  display: inline-block;
  line-height: 2.5em;
  padding: 0 2.5em 0 1.5em;
  overflow: hidden;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  background-color: transparent;
  border: none;
  background-image: url('../../images/shared/SpeakerWhite.png');
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -666em;
}
.btn-linkVideoAudio:hover {
  background-color: #ff8c00;
}
.btn-linkVideoScreen:hover {
  background-color: #ff8c00;
}
.btn-linkVideoPlay:hover {
  background-color: #ff8c00;
}
ul {
  margin-top: -1px;
}
.blink {
  animation-name: flicker;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: flicker;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes flicker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes flicker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flicker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.has-bill {
  margin-top: 2%;
}
.labePackages {
  font-size: 14px;
  font-weight: 600;
  color: #ff8c00;
}
.labePackages input {
  margin: 0px !important;
}
.labePackages td {
  vertical-align: middle !important;
}
@media (max-width: 340px) {
  .hidden-xxs {
    display: none;
  }
}
@media (max-width: 380px) {
  .ocultarPackage {
    display: none;
  }
}
/*chat*/
.bottom-bar {
  max-height: 30px;
}
#tab-profesor {
  font-size: 0.8em;
  padding: 3px;
}
#messages {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 85%;
  padding: 3%;
}
/*    .messenger .text-message {
        background-color: @azul-suave;
        width: 87%;
        max-height: inherit;
        color: white;
        border-radius: 6px;
        height: 33px;
    }*/
#messages li {
  display: block;
}
.show-more {
  margin-top: 2px;
  height: 30px;
  line-height: 30px;
  justify-content: center;
  text-align: center;
  border-radius: 12px;
  position: absolute;
  left: 44%;
  color: white;
  cursor: pointer;
  width: 25%;
  font-weight: 700;
  background-color: #3e8ebd;
}
.show-more div {
  height: 30px;
  line-height: 30px;
  display: inline-flex;
}
.show-more div img {
  transform: rotate(270deg);
  width: 15px;
  margin: 5px;
}
#tab-profesor ::-webkit-scrollbar {
  width: 12px;
}
#tab-profesor ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(86, 198, 230, 0.3);
  border-radius: 10px;
}
#tab-profesor ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(86, 198, 230, 0.5);
}
.messenger ::-webkit-scrollbar {
  width: 12px;
}
.messenger ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(86, 198, 230, 0.3);
  border-radius: 10px;
}
.messenger ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(86, 198, 230, 0.5);
}
/*fin chat*/
/* video */
*:-webkit-full-screen {
  width: 100% !important;
  background: #000000;
}
*:-webkit-full-screen img {
  height: 100% !important;
}
.video-box {
  width: 100%;
  margin: auto;
  position: relative;
  background: #000000;
}
.video-box:before {
  content: '';
  display: block;
  padding-bottom: 56.25%;
}
.video-box > video,
.video-box > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-box > .video-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 84px;
  background: #515151;
  color: #ffffff;
  font-size: 12px;
  opacity: 0.5;
}
.video-box > .done-test {
  position: absolute;
  /*bottom: 0;*/
  left: 0;
  width: 100%;
  background: #2e81af;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
}
.video-box > .done-test:hover {
  color: #ff8e0c;
}
.video-box > .video-controls * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.video-box > .video-controls.oculto {
  display: block;
  opacity: 0.5;
}
.video-box > .video-controls .slider.reproduccion {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 12px;
  background: #a7a7a7;
  cursor: pointer;
  overflow: hidden;
}
.video-box > .video-controls .slider.reproduccion > .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ff8e0c;
  width: 100%;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  cursor: pointer;
}
@media (min-width: 768px) {
  .video-box > .video-controls .slider.reproduccion {
    height: 6px;
  }
}
.video-box > .video-controls a,
.video-box > .video-controls .tiempo-box,
.video-box > .video-controls .volumen-box {
  margin-top: 12px;
  height: 52px;
  display: block;
}
.video-box > .video-controls a.play,
.video-box > .video-controls .tiempo-box {
  float: left;
}
.video-box > .video-controls .volumen-box,
.video-box > .video-controls a.fullscreen {
  float: right;
}
.video-box > .video-controls a.fullscreen {
  width: 84px;
  background: url('../../images/video/ico-fs.png') no-repeat center;
}
.video-box > .video-controls a.fullscreen.onfs {
  background-repeat: no-repeat;
  background-image: url('../../images/video/ico-fson.png');
}
.video-box > .video-controls a.play {
  width: 84px;
  background: url('../../images/video/ico-play.png') no-repeat center;
}
.video-box > .video-controls a.play.pause {
  background-repeat: no-repeat;
  background-image: url('../../images/video/ico-pause.png');
}
.video-box > .video-controls .volumen-box {
  position: relative;
  width: 162px;
}
.video-box > .video-controls .volumen-box a.mute {
  margin-top: 0;
  width: 32px;
  background: url('../../images/video/ico-mute.png') no-repeat center;
}
.video-box > .video-controls .volumen-box a.mute.muted {
  background-repeat: no-repeat;
  background-image: url('../../images/video/ico-muted.png');
}
.video-box > .video-controls .volumen-box .slider.volumen {
  position: absolute;
  left: 32px;
  top: 50%;
  width: 100px;
  height: 12px;
  margin-top: -6px;
  background: #000000;
  cursor: pointer;
}
.video-box > .video-controls .volumen-box .slider.volumen > .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #ff8e0c;
}
@media (min-width: 768px) {
  .video-box > .video-controls .volumen-box .slider.volumen {
    height: 12px;
    margin-top: -6px;
  }
}
@media (max-width: 480px) {
  #box-botones {
    padding: 0;
  }
  .video-box > .video-controls .volumen-box .slider.volumen {
    width: 80px;
  }
}
.video-box > .video-controls .tiempo-box {
  width: 120px;
  text-align: right;
  line-height: 52px;
}
.video-box > .video-controls .tiempo-box .total {
  color: #c1c1c1;
}
@media (max-width: 480px) {
  .video-box > .video-controls .tiempo-box {
    display: none;
  }
}
#read-check {
  margin: 3px 10px;
}
#bocadillo-derecha {
  background-color: #ff8c00;
  color: white;
  border-radius: 5px;
  padding: 5px 20px;
  margin-top: 10px;
}
#bocadillo-derecha:before {
  content: "";
  float: right !important;
  width: 0;
  height: 0;
  border-bottom: 15px solid #ff8c00;
  border-right: 5px solid transparent;
  border-left: 10px solid transparent;
  margin: -15px -10px 0 0;
}
#bocadillo-izquierda {
  background-color: #ff8c00;
  color: white;
  border-radius: 5px;
  padding: 5px 20px;
  margin-top: 10px;
}
#bocadillo-izquierda:before {
  content: "";
  float: left !important;
  width: 0;
  height: 0;
  border-bottom: 15px solid #ff8c00;
  border-right: 10px solid transparent;
  border-left: 5px solid transparent;
  margin: -15px -10px 0 0;
}
@media (max-width: 768px) {
  .dropdown-menu.my-profile {
    right: 0%;
    text-align: center;
    transform: translate(-50%, 0);
  }
  #statsChart_container {
    z-index: -2;
  }
}
.manual-frame {
  height: 100%;
  width: 100%;
}
.button-viewPassword {
  background-image: url('../../images/private/ico-ojo.png');
  height: 23px;
  width: 37px;
  margin-left: 10px;
  margin-top: 4px;
  position: absolute;
  background-repeat: no-repeat;
  border-style: none;
  background-color: white;
}
.capaAvisoPoliticaCookies_superior_mensajes {
  background: transparent;
  width: 100%;
  z-index: 2147483647;
  bottom: 0;
  position: fixed;
  display: block;
  padding: 0;
}
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies {
  margin: 0 auto;
  padding: 15px 20px;
  vertical-align: middle;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
  position: relative;
  display: block;
  clear: both;
  min-height: 75px;
}
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado {
  max-width: 1340px;
  width: 98%;
  margin: 0 auto;
}
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado p,
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado div {
  font-size: 1em;
  line-height: 1.5em;
  max-width: 1200px;
  margin: 0 auto;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  text-align: center;
}
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado p strong,
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado div strong {
  display: block;
  margin-bottom: 3px;
  line-height: 19px;
  font-weight: bold;
  color: #ff9900;
  font-size: 17px;
}
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado p a,
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado div a {
  font-weight: bold;
  color: #ff9900;
}
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado div.cookiesleft {
  float: left;
  /*width: 90%;*/
}
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado div.cookiesright {
  float: left;
  width: 8%;
  padding-left: 2%;
}
.capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado a.cerrarAvisoPoliticaCookies {
  background: #2e81af;
  white-space: nowrap;
  overflow: hidden;
  padding: 10px 15px;
  color: white;
  font-weight: normal;
  position: relative;
  top: 10px;
  border-radius: 5px;
}
.link-orange {
  color: #ff8c00;
}
.leyenda {
  float: left;
  width: 3%;
  height: 2.5%;
  border: 1px solid #56c6e6;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  .leyenda {
    width: 4%;
  }
}
.leyenda.azul {
  background-color: #56c6e6;
}
.leyenda.roja {
  background-color: #e55555;
}
.leyenda.verde {
  background-color: #55e583;
}
.leyenda.blanca {
  background-color: white;
}
.leyenda.gris {
  background-color: #e0e0e0;
}
#noticia {
  background-color: #E0E0E2;
  left: 0px;
}
@media (max-width: 1024px) {
  div.cookiesleft {
    width: 84%;
  }
  div.cookiesright {
    width: 14%;
  }
}
@media (max-width: 580px) {
  div.cookiesleft {
    width: 78%;
  }
  div.cookiesright {
    width: 20%;
  }
  .capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado p,
  .capaAvisoPoliticaCookies_superior_mensajes .contenidoAvisoPoliticaCookies div.centrado div {
    font-size: 0.85em;
    line-height: 1.25em;
  }
}
#tab-profesor.abierto .cuerpo.h450 {
  height: 450px;
  top: -450px;
}
@media screen and (max-width: 980px) {
  .buttonSendVideo {
    display: none;
  }
  .buttonUploadVideo {
    display: none;
  }
}
.barra-stats {
  padding-top: 4%;
}
@media screen and (min-width: 668px) and (max-width: 1024px) {
  .barra-stats {
    padding-top: 3%;
  }
}
select#Filter_DrivingLicenseId {
  margin-right: 1%;
}
@media screen (max-width: 1024px) {
  select#Filter_DrivingLicenseId {
    margin-right: 0;
  }
}
select#Filter_StatsPeriod {
  margin-right: 1%;
}
@media screen (max-width: 1024px) {
  select#Filter_StatsPeriod {
    margin-right: 0;
  }
}
.fontSize_DataTable {
  font-size: 17px;
}
@media screen and (min-width: 320px) and (max-width: 740px) {
  .pag > .menu-row .navbar .navbar-header .navbar-toggle {
    margin: 0px;
  }
  input#UserPhoto,
  select#Dto_CountryId,
  select#Dto_ProvinceId {
    width: 100%;
    background: #fff;
    border: 1px solid #c8c8c8;
    height: 32px;
    padding: 4px 0px;
  }
  .automatic-panel label {
    width: 90%;
  }
  #automatic-panel {
    text-align: right;
  }
  #automatic-panel .chkExplanation {
    text-align: right;
  }
  #automatic-panel label {
    display: initial;
    margin-bottom: 5px;
    margin-left: 5px;
    font-size: 12px;
  }
  .stat-panel select {
    margin-bottom: 5px;
    margin-top: 12px;
    position: relative;
    z-index: 1;
  }
  select#TestTypeId {
    margin: 12px 0 12px 0px;
  }
  select#Filter_SessionsPeriod {
    margin-left: 16px;
  }
  .dataTables_length {
    font-size: 11px;
  }
  .table-sm {
    margin-left: -10px;
  }
  .btn-sm {
    margin-left: 10px;
  }
  .pagination {
    margin-left: 5%;
    font-size: 13px;
  }
  #modal .question-panel .question > * {
    width: 76px;
  }
  .modal-panel.messenger {
    overflow: scroll;
  }
}
@media screen and (min-width: 320px) and (max-width: 740px) and (max-width: 768px) {
  #automatic-panel {
    text-align: left;
  }
}
@media screen and (min-width: 320px) and (max-width: 740px) and (max-height: 768px) {
  #automatic-panel .chkExplanation {
    text-align: left;
  }
}
@media screen and (min-width: 741px) and (max-width: 1024px) {
  #users-table_filter input[type="search"] {
    margin-top: 11px;
  }
  .pull-right .btn-link.btn-link--no-ico {
    margin-right: 8px;
  }
  .dataTables_length {
    font-size: 11px;
  }
  select#StatsPeriod {
    width: 128%;
  }
  .stat-panel select {
    margin-top: 17px;
    margin-left: 3px;
    width: 48%;
  }
  .stat-panel .pull-right {
    margin-top: 12px;
  }
  #automatic-panel {
    margin-left: 27px;
  }
  .col-md-tab-12 {
    width: 100%;
  }
  .table-md {
    margin-left: 19px;
  }
  #navigation .gris-tab-text {
    padding-left: 0;
    width: 22%;
  }
  #navigation .blanca-tab-text {
    width: 39%;
  }
  #modal .gris-tab-text {
    padding-left: 0;
    width: 24%;
  }
  #modal .blanca-tab-text {
    width: 39%;
  }
  select#Filter_SessionsPeriod {
    margin-left: 16px;
  }
  .pagination {
    margin-left: 15%;
  }
}
.navbar-menu-admin .opened {
  background: #55e583;
}
#navAdmin .dataTables_scrollBody {
  margin-top: -20px;
}
.dataTables_filter {
  text-align: right;
  margin-right: 17px;
}
.loader {
  border: 16px solid transparent;
  border-radius: 50%;
  border-top: 16px solid #ff8c00;
  -webkit-animation: spin 0.3s linear infinite;
  /* Safari */
  animation: spin 0.3s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mainloader {
  position: absolute;
  margin-right: 50%;
  width: 2%;
  margin-left: 50%;
  z-index: 999999;
  display: none;
}
.pag-margin {
  margin: 10px 30px;
}
.pag-margin form {
  margin-bottom: 40px;
}
.pag-margin #buttons a {
  margin-top: -15px;
}
#examWeb h1 {
  color: #3e8ebd;
}
.dropdown-menu {
  left: auto !important;
}
.logo-blanco {
  position: absolute;
  top: 0;
  width: 240px;
  margin: 8px;
}
@media screen and (min-width: 375px) and (max-width: 741px) {
  .logo-blanco {
    width: 175px;
    margin: 12px;
  }
}
@media screen and (max-width: 375px) {
  .logo-blanco {
    width: 0px;
  }
}
.login-center {
  width: 30%;
  margin: 0 auto;
}
@media screen and (max-width: 741px) {
  .login-center {
    width: 75%;
    margin: 0 auto;
  }
}
.nav li {
  border-bottom: none !important;
}
.btn-link :after {
  background: none !important;
}
.pag {
  min-height: 100%;
}
#SchoolCarousel img {
  width: 100%;
}
.modal-panel.messenger .input-group {
  max-width: 100%;
  width: 100%;
  display: inline-flex;
}
.modal-panel.messenger .input-group input {
  max-width: 95% !important;
}
.modal-panel.messenger .input-group span {
  width: 75px !important;
}
.modal-panel.messenger .input-group span a {
  border-radius: 0px 10px 10px 0px !important;
  height: 33px !important;
  max-height: 100% !important;
}
@media screen and (max-width: 768px) {
  .col-xs-12 {
    width: 100% !important;
  }
}
#examRequerimentsSection1 .row,
#examRequerimentsSection2 .row {
  padding: 0 30px;
}
#profesor .row {
  padding: 0 25px 25px;
}
.nom-margin {
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .nom-margin {
    margin-bottom: 0px;
  }
}
.box-explicacion-profesor {
  margin: 10px 0px 5px;
  padding: 20px;
}
#explanation {
  color: white;
  text-align: center;
  font-size: 13px;
  background-color: #2e81af;
}
#explanation h2 {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 600;
  color: white;
}
@media screen and (min-width: 320px) and (max-width: 580px) {
  #explanation h2 {
    font-size: 12px;
  }
}
#explanation p {
  color: white;
  margin: 10px 0 0;
}
.btn-link-blue {
  background-color: #3e8ebd !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-color: #2e81af !important;
}
.btn-link-blue:hover,
.btn-link-blue:focus {
  background-color: #ff8c00 !important;
  border-color: white !important;
}
.btn-link-orange {
  background-color: #ff8c00 !important;
  border-color: #ffbd00 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: white;
}
.btn-link-orange:hover,
.btn-link-orange:focus {
  background-color: #3e8ebd !important;
  border-color: #2e81af !important;
}
.btn-link-white {
  background-color: white !important;
  border-color: white !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #3e8ebd;
}
.btn-link-white:hover,
.btn-link-white:focus {
  background-color: #ff8c00 !important;
}
.btn-link-grey {
  background-color: #F4F4F4 !important;
  border-color: white !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #3e8ebd;
}
.btn-link-grey:hover,
.btn-link-grey:focus {
  background-color: #ff8c00 !important;
  color: white;
}
.btn-link-red {
  background-color: red !important;
  border-color: white !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: white;
}
.btn-link-red:hover,
.btn-link-red:focus {
  background-color: #ff8c00 !important;
}
.btn-link-messenger {
  background-color: #3e8ebd !important;
  border-color: #2e81af !important;
}
.btn-link-messenger:hover,
.btn-link-messenger:focus {
  background-color: #ff8c00 !important;
  border-color: white !important;
}
.btn-link-messenger img {
  width: 15px;
}
.texto-login a {
  color: #ff8c00 !important;
}
#messengerGroup .buttonUploadVideo {
  width: 30px;
  cursor: pointer;
  height: 30px;
  margin-right: 10px;
}
#messengerGroup input {
  height: 30px;
  border: 1px solid lightgray;
}
#messengerGroup .buttonSendVideo {
  background-color: white;
  border: none;
}
#messengerGroup .buttonSendVideo img {
  width: 25px;
  margin-left: 5px;
  margin-right: 10px;
}
progress {
  border: 1px solid lightgray;
  width: 100%;
  height: 35px;
  background: lightgray;
  border-radius: 100px;
}
progress {
  color: lightblue;
}
progress::-webkit-progress-value {
  background: lightblue;
}
progress::-moz-progress-bar {
  background: lightgrey;
}
progress::-webkit-progress-value {
  background: red;
  border-radius: 20px;
}
progress[value^="0"]::-webkit-progress-value,
progress[value^="1"]::-webkit-progress-value {
  background: red;
  border-radius: 20px;
}
progress[value^="2"]::-webkit-progress-value,
progress[value^="3"]::-webkit-progress-value {
  background: #d47120;
  border-radius: 20px;
}
progress[value^="4"]::-webkit-progress-value,
progress[value^="5"]::-webkit-progress-value {
  background: #f5f51b;
  border-radius: 20px;
}
progress[value^="6"]::-webkit-progress-value,
progress[value^="7"]::-webkit-progress-value {
  background: #b3d420;
  border-radius: 20px;
}
progress[value^="8"]::-webkit-progress-value,
progress[value^="9"]::-webkit-progress-value {
  background-color: #7ad420;
  border-radius: 20px;
}
progress[value^="9"]::-webkit-progress-value,
progress[value="100"]::-webkit-progress-value {
  background-color: #20d423 !important;
  border-radius: 20px;
}
progress::-webkit-progress-bar {
  background: #f7f7f7;
  border-radius: 20px;
}
.progress-label {
  padding: 7px;
  position: absolute;
  color: white;
  padding-right: 30px;
  width: 100%;
  text-align: center;
}
@media (max-width: 425px) {
  .progress-label {
    text-align: center;
    color: black;
  }
}
.answer div {
  display: flex;
}
@media (max-width: 768px) {
  .topnav .dropdown-menu {
    position: inherit !important;
    margin-top: -5px !important;
    padding: 0;
  }
}
.margin-top11 {
  margin-top: 11px;
}
#saveTestFinishButton {
  margin-right: 30px;
  visibility: hidden;
}
.fullScreen {
  margin-right: 47px;
}
.exitFullScreen {
  position: absolute;
  top: 10px;
  left: 14px;
  z-index: 100000001;
  display: none;
}
#cierramodal {
  position: absolute;
  z-index: -1999999;
  background: transparent;
  width: 100%;
  height: 100%;
  top: 0;
}
.delante {
  z-index: 1999999 !important;
}
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 17%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
  background-color: #fff;
  margin: auto;
  padding: 20px;
  width: 40%;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
  .modal-content {
    width: 100% !important;
  }
}
.closeModalProfile {
  float: right;
  font-size: 28px;
  cursor: pointer;
}
.btn-openModalProfile {
  background-color: #2e81af;
  font-size: 25px;
  color: white;
  text-align: center;
  cursor: pointer;
  animation: parpadeo 0.5s infinite alternate ease-in-out;
}
.btn-openModalProfile:hover {
  animation-play-state: paused;
}
.btn-openModalProfile.viewed {
  background-color: #888;
  cursor: default;
}
@keyframes parpadeo {
  0% {
    background-color: #55e583;
  }
  100% {
    background-color: #ffff00;
  }
}
.recaptcha-container {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  /* evita scroll horizontal */
}
/* Ajuste din�mico de ancho */
.g-recaptcha {
  transform-origin: 0 0;
  display: inline-flex;
}
/* En pantallas peque�as, reducir tama�o */
@media (max-width: 480px) {
  .g-recaptcha {
    transform-origin: 0 0;
  }
}
/* En pantallas muy grandes, aumentar */
@media (min-width: 1200px) {
  .g-recaptcha {
    transform-origin: 0 0;
  }
}