html,body{ color: #474747; }
html, body {font-size:20px; font-family:'MavenPro-Regular';}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family:'MavenPro-Regular'; }
.sco strong, .sco b{ font-family:'MavenPro-Bold';color: #00a0e4; }

.navegacion{display:inline-block;float:right;padding-bottom:0;margin: 0;}
.navegacion_btn{cursor:pointer;min-width:40px; cursor: pointer; color: #00A0E4; text-align: center; line-height: 49px; font-size: 48px;}
.navegacion_btn img{max-height:40px;overflow:hidden;}
.main-footer{padding:0;height:50px;margin:0;}
.nombre-modulo{font-size: 27px;
    color: #FFF;
    text-align: left;
    padding-left: 1em;
    font-style: italic;}
.main-header,
.logo, .skin-blue .main-header .navbar,.skin-blue .main-header .logo {background-color:#00A0E4 !important;}
.toggle-nav{ cursor: pointer; }
.show-menu-btn {         float: left;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -moz-border-radius: 100%;
    background-color: #00A0E4;
    color: #FFF;
    font-size: 25px;
    width: 45px;
    height: 45px;
    display: block;
    position: relative;
    top: 3px; }
.skin-blue .wrapper,
.skin-blue .left-side{background-color:#f5f5f5;}
.main-header .navbar{margin-right:230px;margin-left:0px;}
.main-header .logo{float:right;    line-height: 45px;background-image: url('../img/back_logo_bayer.png'); background-repeat: no-repeat; background-size: cover; border-left: solid 5px #FFF; width: 90px;}
.main-header .logo span img{float:right;}
.title-portada{font-size:5em;color:#FFF;padding-left:2%;}
.title-portada span{font-size:2em;}
.gotoTema{cursor:pointer;}
.paginacion{font-size:14px;    line-height: 49px;
    width: 49px;
    height: 49px;text-align:center;border-radius:100%;background-color:#00A0E4;color:#FFF;font-weight:600;position:absolute;left:0;right:0;margin:0 auto;font-family:'MavenPro-Bold';}
.instruccion{margin-left:0;margin-right:1em;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out;}
.instruccion::before{content:url(../img/instruccion-l.png);position:relative;display:inline-block;float:left;height:40px;overflow:hidden;}
.instruccion span{background-color:#076CC9;color:#FFF;height:40px;line-height:38px;display:inline-table;padding-left:1em;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;}
.instruccion span b{color:#FFF;}
.instruccion::after{content:url(../img/instruccion-r.png);position:relative;float:right;height:40px;overflow:hidden;}
.sider-menu-e360{white-space:normal;}
.sider-menu-e360 li a span { font-size: .8em; }
.main-sidebar{max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.menu-opciones{position:fixed;min-height:90%;left:0;top:0;padding-top:50px;width:45px;background-color:transparent;text-align:center;z-index:9;}
.sidebar div button, .sidebar div button:hover { color: #FFF; }
.btn_anterior{float:left;}
.console_div{position:absolute;right:0;bottom:55px;}
@media (max-width:1024px){
  .title-portada{background-color:rgba(27,117,175,0.29);text-align:center;padding-left:0em;}
}



@media  (max-width:767px){
  .nombre-modulo{
    font-size: 18px;
    padding-left: 0;
    text-align: center;
    margin: 0;
    line-height: 50px;
  }
  .logo{background-color:#269DD4!important;margin-right:0;margin-left:0;}
  .main-header .logo,
  .main-header .navbar{float:none;width:100%;background-color:#f5f5f5!important; border-left:none;}
  .show-menu-btn{display:none;}
  .instruccion::before,
  .instruccion::after{display:none;}
  .instruccion{position:absolute;width:70%;float:none;margin:0 auto;left:0;right:0;}
  .instruccion span{text-align:center;padding-left:0em;padding-right:0em;font-size:13px;text-align:center;display:block;}
  /* .paginacion{display:none;} */
}


@media screen and (min-width: 300px) and (max-width: 766px) {
  .nombre-modulo{
    font-size: 14px;
    padding-left: 0;
    text-align: center;
    margin: 0;
    line-height: 50px;
  }
}




/********************************************************/
.sco-wrapper{background-color:#FFF;}
.sco{padding:0;margin:0;}
.sco ul{list-style-image:url('../img/bullets/bullet_lvl1.png');}
.sco ul li ul{list-style-image:url('../img/bullets/bullet_lvl2.png');}
.sco ul li ul li ul{list-style-image:url('../img/bullets/bullet_lvl3.png');}
.sco ul li ul li ul li ul{list-style-image:url('../img/bullets/bullet_lvl4.png');}
.sco ul li ul li ul li ul li ul{list-style-image:url('../img/bullets/bullet_lvl5.png');}
.sco ul li ul li ul li ul li ul li ul{list-style-image:url('../img/bullets/bullet_lvl6.png');}
.sco ul.bulletalterno{list-style-image:url('../img/bullet-b.png');}
.icontent{width:90%;margin:0 auto;}
.btn-success{background-color:#43A760;border-color:#43A760;}
.wrapper{overflow:hidden;}
blockquote{border-left:5px solid #3c8dbc;}
.modal .modal-dialog {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.modal .modal-body {
  overflow-y: auto;
}
@media (max-width: 767px){
  .modal .modal-dialog {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-right: 0px;
  }
  .modal-open .modal {    padding-right: 0 !important; }
}
.titulos { font-size: 24px; font-family:'MavenPro-Bold';color: #00a0e4;  }

.instruccionpop_siguiente {
    display: block;
   
    position: absolute;
    display: block;
    z-index: 5;
    right: 52px;
    left: auto;
    top: 85%;
   
}


.instruccion_icon::before{
  content: url('../img/__icono.png');
  position: absolute;
  display: block;
  left: 0;
  top: -40px;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite; 

  -ms-animation: pulsate 2s ease-out;
  -ms-animation-iteration-count: infinite; 
  -o-animation: pulsate 2s ease-out;
  -o-animation-iteration-count: infinite; 

  -moz-animation: pulsate 2s ease-out;
  -moz-animation-iteration-count: infinite; 


  opacity: 0.0;
}

.instruccion_icon_siguiente::before{
  content: url('../img/__icono__s.png');
  position: absolute;
  display: block;
  right: 40px;
  margin-top: -20px;
  -webkit-animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite; 

  -ms-animation: pulsate 2s ease-out;
  -ms-animation-iteration-count: infinite; 
  -o-animation: pulsate 2s ease-out;
  -o-animation-iteration-count: infinite; 

  -moz-animation: pulsate 2s ease-out;
  -moz-animation-iteration-count: infinite; 


  opacity: 0.0;
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@-moz-keyframes pulsate {
    0% {-moz-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-moz-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@-ms-keyframes pulsate {
    0% {-ms-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-ms-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@-o-keyframes pulsate {
    0% {-o-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-o-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@keyframes pulsate {
    0% {transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1.2, 1.2); opacity: 0.0;}
}


.instruccionpop_siguiente img { max-width: 50px; width: 100%; height: auto; }

.popover-content p { margin:  0 !important; }

.instruccionpop_siguiente .popover-content p { margin: 0; }
.instruccionpop_siguiente.left>.arrow::after{     border-left-color: #ef8035 !important;  }
.instruccionpop_siguiente b, .instruccionpop_siguiente strong{  color: #FFF !important; }

.instruccionpop .popover-content p { margin: 0; }
.instruccionpop{display:block;background-color:#ef8035 !important;color:#FFF !important;  }
.instruccionpop b, .instruccionpop strong{  color: #FFF !important; }
.instruccionpop.top>.arrow::after{     border-top-color: #ef8035 !important;  }
.instruccionpop.right>.arrow::after{     border-right-color: #ef8035 !important;  }
.instruccionpop.left>.arrow::after{     border-left-color: #ef8035 !important;  }
.instruccionpop.bottom>.arrow::after{     border-bottom-color: #ef8035 !important;  }



.popover { z-index: 10; }

.popover.right>.arrow::after{border-right-color:#474747;}
.popper{display:block;background-color:#474747;color:#FFF;  }
.popover.left>.arrow::after{border-left-color:#474747;}
.popover.top>.arrow::after{border-top-color:#474747;}
.popover.bottom>.arrow::after{border-bottom-color:#474747;}
/************************************************************/
/*  pop */
/* https://limonte.github.io/sweetalert2/ */
/**************************************************************/
.popup{
  background-color: rgba(66, 177, 218,.9);
  color: #FFF;
}
.swal2-content,.swal2-title { color: #FFF !important; }
.swal2-content { text-align: left !important; }
.popover {font-family:'MavenPro-Regular' !important; }
.subtitulo{
  background-color: rgba(255, 255, 255, .6);padding: 1em;margin: 0;width: 100%;
}
.importante { 
font-family:'MavenPro-Bold';color: #00a0e4;
font-size: 1.3em;
white-space: nowrap;
 }