/*EDITADO OSCAR DIAZ;*/
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	src: local('Inter'), local('Inter-Regular'), url('../fonts/inter/Inter-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	src: local('Inter Light'), local('Inter-Light'), url('../fonts/inter/Inter-light.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: bold;
	src: local('Inter Bold'), local('Inter-Bold'), url('../fonts/inter/Inter-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: bold;
	src: local('Inter Bold Italic'), local('Inter-BoldItalic'), url('../fonts/inter/Inter-BoldItalic.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 500;
	src: local('Inter Italic'), local('Inter-Italic'), url('../fonts/inter/Inter-Italic.woff2') format('woff2');
}
/*          ***         */
/*Fondos login / registro*/

.fondo-login {
   background-color: white;
   background-image: url(../img/fondo-registro.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: bottom center !important;
   height: 100%;
}

.fondo-registro {
   background-color: white;
   background-image: url(../img/fondo-registro.jpg);
   background-size: cover;
   background-position: top center;
}

.banner-parcial {
   max-height: 100% !important;
}
.lista-cursos > .titulo-lista {
   /*display: none;*/
}

/*========= Rapid2  ============*/

.menu-lateral {
   background: #00273f !important;
}
.navbar,
header {
   background: #ffffff !important;
   color: #595454 !important;
   min-height: 80px;
}
.navbar-brand {
   background: #ffffff !important;
   color: #595454 !important;
   box-shadow: none;
   -webkit-box-shadow: none;
}
.navbar-default .navbar-nav > li > a {
   color: #fff !important;
}
.nav-pills > li.active > a,
.btn-secundario,
.btn-terciario {
   background-color: #003c62 !important;
   color: #fff !important;
}
.logo-lab {
   background: transparent !important;
}
#btn-login,
#panel-aviso #btn-info,
#panel-login .btn-primario,
.soporte-tecnico-login button {
   background: #be2bbb !important;
   color: #fff !important;
   border-radius: 20px !important;
   padding: 10px 20px;
   font-weight: normal;
   border: none;
   margin-top: 1%;
}
.clr-texto-container {
   padding: 2rem;
   background-color: rgba(255, 255, 255, 0.8);
   border: 1px solid #a69f9f;
   border-radius: 5px;

   -moz-box-shadow: 0px 0px 20px #cfd4d6;
   -webkit-box-shadow: 0px 0px 20px #cfd4d6;
   box-shadow: 0px 0px 20px #cfd4d6;
}
.panel-sombra {
   padding: 2rem;
   background-color: white;
   border: 1px solid #a69f9f;
   border-radius: 5px;

   -moz-box-shadow: 0px 0px 20px #cfd4d6;
   -webkit-box-shadow: 0px 0px 20px #cfd4d6;
   box-shadow: 0px 0px 20px #cfd4d6;
}
.panel-sombra #titulo-div h3 {
   font-size: 1.5rem;
   text-align: center !important;
   margin-bottom: 10px;
}
.panel-sombra .form-control {
   background-color: white;
   color: #858585;
   border: 1px solid #858585;
}
.panel-sombra .foot-login a:hover {
   color: #be2bbb !important;
   text-decoration: none;
}

.panel-sombra .foot-login .form-group {
   padding-top: 20px;
   margin-top: 20px;
   border-top: 2px dotted #a69f9f;
}
    .panel-sombra .foot-login .form-group label {
        font-weight: bold;
        color: #858585 !important;
        font-size: 15px!important;
    }
    .panel-sombra .foot-login .form-group a {
        color: #858585 !important;
    }
.panel-sombra .foot-login .copy-footer-form {
   color: #858585 !important;
   font-size: 12px;
}
.clr-texto-container img {
   width: 16px;
   height: 16px;
   margin-right: 10px;

   color: #858585;
}
.reference {
   visibility: hidden;
}
.clr-texto-container .clr-texto-title {
   color: #858585;
   /*font-weight: bold;*/
   padding-bottom: 2rem;
   border-bottom: 2px dotted #a69f9f;
}
.clr-texto-container .clr-texto-ppal {
   color: #858585 !important;
   font-weight: bold;
   margin: 2rem 0;
}
.clr-texto-container .clr-texto-ppal img {
   color: #858585 !important;
   fill: #858585 !important;
}
.clr-texto-buttons {
   display: flex;
   justify-content: center;
   text-align: center;
}
.modal-content .modal-body {
   padding: 4% !important;
}
.modal-content .modal-body p {
   font-weight: bold;
   color: #595454;
   margin-bottom: 15px;
}
.modal-content .modal-body #ajaxReplace label {
   font-weight: bold;
   color: #595454 !important;
   text-transform: uppercase;
}
.modal-content .modal-body #ajaxReplace input,
.modal-content .modal-body #ajaxReplace textarea {
   background-color: white;
   border: 1px solid #858585;
}
.modal-content .modal-body #ajaxReplace .btn.btn-primario {
   background: #be2bbb !important;
   color: #fff !important;
   border-radius: 20px !important;
   padding: 10px 20px;
   font-weight: bold;
   border: none;
   margin-top: 15px;
}
#panel-login .titulo-principal,
.foot-login .clr-texto-ppal,
#panel-aviso .clr-texto-ppal {
   color: #858585 !important;
   font-size: 15px!important;
}
.fondo-registro .clr-texto-ppal {
   color: #858585 !important;
}
#panel-login.box-form {
   background: rgba(255, 255, 255, 0.8) !important;
   color: #6b6b6b !important;
}
#panel-login.box-form .form-group.row label {
   font-weight: bold;
}
#panel-login.box-form #btn-registro {
   background: #be2bbb !important;
   color: #fff !important;
   border-radius: 20px !important;
   padding: 10px 20px;
   font-weight: bold;
   border: none;
   margin-top: 15px;
   text-decoration: none;
   width: 50%;
   margin-left: 25%;
}
#btn-registro,
.btn-send-form {
   background: #c3d5e6 !important;
   color: #036b9d !important;
}
#panel-login .enlace-volver {
    color: #858585 !important;
    text-decoration: none!important;
}

/*Color marca principal*/

.clr-fondo-ppal,
.panel-progreso {
   background: #154496 !important ;
}

.clr-fondo-secundario {
   background-color: #f0b000;
}
.panel-default.panel-sombra {
   margin-left: 10%;
}
/*=====================*/

/*Color texto principal*/


.clr-texto-ppal {
   color: #132f78 !important;
}
.clr-texto-secundario {
   color: #d80002;
}
a.clr-texto-ppal:hover {
   color: #522c6c;
   text-decoration: underline;
}

/*=====================*/

/*Boton primario/Texto boton primario*/

.btn-primario {
   background-color: #dc2d17 !important;
   color: #fff;
}
.btn-primario:hover,
.btn-primario:focus {
   color: #fff;
}

/*VMO*/
.btn-primario.inactive {
   background-color: transparent;
   border: 1px solid #522c6c;
   color: #522c6c;
}
/*=====================*/

/*Boton secundario/Texto boton secundario*/

.btn-secundario {
   background-color: #fff;
   color: #522c6c;
}

.btn-secundario-vmo:hover {
   color: #fff;
}
.btn-secundario:hover,
.btn-secundario:focus {
   color: #036ba9;
}

/*VMO*/
.btn-secundario-vmo {
   background-color: #f93332;
   color: #fff;
}
/*=====================*/

/*Boton terciario/Texto boton terciario*/

.btn-terciario {
   background-color: white;
   color: #522c6c;
}

.btn-terciario:hover,
.btn-terciario:focus {
   color: #522c6c;
}

/*=====================*/

.btn-inactivo {
   background-color: #afaeaf;
   color: #dedede;
   cursor: not-allowed;
}

/*Item contenido visto*/

.contenido-visto {
   background-color: #036ba5;
   color: white;
}

/*=====================*/

/*Item contenido visto*/

.contenido-encurso {
   background-color: #eeeeee;
}

/*=====================*/

/*Item contenido visto*/

.contenido-pendiente {
   background-color: #dbdbdb;
}

/*=====================*/

/*Opciones quiz*/

input.radio-r:checked ~ label {
   background-color: #036ba5;
   color: #fff;
}

/*=====================*/

/*Barra progreso quiz*/

.progress-bar-first {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9b000+0,bc502c+100 */
   background: #f0b000;
   /* Old browsers */
   background: -moz-linear-gradient(left, #f0b000 0%, #bc502c 100%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #f0b000 0%, #bc502c 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #f0b000 0%, #bc502c 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0b000', endColorstr='#bc502c', GradientType=1);
   /* IE6-9 */
}

.progress-bar-two {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bc502c+0,9e2141+100 */
   background: #bc502c;
   /* Old browsers */
   background: -moz-linear-gradient(left, #bc502c 0%, #9e2141 100%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #bc502c 0%, #9e2141 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #bc502c 0%, #9e2141 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bc502c', endColorstr='#9e2141', GradientType=1);
   /* IE6-9 */
}

.progress-bar-three {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bc502c+0,9e2141+100 */
   background: #bc502c;
   /* Old browsers */
   background: -moz-linear-gradient(left, #9d2340 0%, #4b0113 100%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #9d2340 0%, #4b0113 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #9d2340 0%, #4b0113 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9d2340', endColorstr='#4b0113', GradientType=1);
   /* IE6-9 */
}

/*=====================*/

/*Flechas slider*/

.slick-prev:before,
.slick-next:before {
   color: #522c6c;
}

/*=====================*/

/*Barra progreso*/

.progress-bar {
   background-color: #f0b000;
   color: #522c6c;
}

/*=====================*/

/*=====================*/

/*Label */

.label {
   border: 1px solid #522c6c;
   padding: 6px 12px;
   border-radius: 8px;
}

/*=====================*/

/* Simulador */

.clr-prim {
   color: #046aa5 !important;
}

.titulo-prim-simulador,
.titulo-sec-simulador {
   color: #dc2d17 !important;
}

.btn-prim-simulador {
   background-color: #dc2d17 !important;
   color: #fff !important;
}

.btn-sec-simulador {
   background-color: #003c62 !important;
   color: #fff !important;
}

.btn-sec-simulador:hover,
.btn-sec-simulador:focus,
.btn-prim-simulador:hover,
.btn-prim-simulador:focus {
   color: #fff !important;
}

.btn-outline {
   border: 1px solid #ccc !important;
   background: transparent;
   border-radius: 0;
   margin: 4px 0;
}

.btn-dolor {
   border: 0 !important;
   background: #ececec !important;
   pointer-events: none;
}

.btn-bg-simulador {
   font-size: 24px;
}

.simulador-border-right {
   border-right: 1px solid #522c6d !important;
   padding-right: 10px;
}

.main-menu .nombre-usuario {
   color: #fff;
}

.main-menu.open {
   background: #036b9e !important;
}

.main-menu.open .dropdown-toggle .nombre-usuario {
   color: #fff !important;
}

.menu-dcha > li a:hover,
.menu-dcha > li a:focus {
   background: #036b9e !important;
   color: #fff !important;
}

section#simulador-pregunta > div > div > p:nth-child(4) {
   display: none;
}

@media (min-width: 992px) {
   .menu-lateral {
      height: 100vh !important;
   }

   .logo-lab img {
      width: 100%;
      margin-left: 30% !important;
   }
}

.container-fluid {
   padding: 0;
}

.info-izq img {
   display: none !important;
}
.info-izq p {
   font-size: 1rem !important;
   color: #595454 !important;
   line-height: unset !important;
}
.info-izq .clr-texto-ppal {
   color: #595454 !important;
   display: block;
}
.info-izq .clr-texto-ppal:before {
   content: url('../img/lockImage.png');
   transform: scale(0.5);
   padding-right: 1rem;
}
.info-izq .btn-primario {
   background: #046a9e !important;
   color: #fff;
}

.fondo-solicitud-codigo {
   background-image: url(../img/fondo-registro.jpg) !important;
   background-size: cover;
   background-position: top center;
}

#pop-info p {
   padding: 2% !important;
   padding-bottom: 0 !important;
   font-size: 1rem !important;
   overflow-y: auto !important;
   max-height: 100% !important;
}

.fondo-login ~ footer,
.portada-r2r ~ footer {
   margin-top: 0;
}

@media (min-width: 1200px) {
   .faq-selector-btn-class {
      /*margin-bottom: 15px;*/
   }
   .navbar-brand {
     /* height: 110%;*/
   }
   footer {
      /*position: fixed;*/
   }
}

@media (max-width: 575.98px) {
   .navbar-brand img {
      width: 80%;
   }
   .logo-lab img {
      margin-left: 0% !important;
   }

   .dropdown-item {
      color: #be2bbb !important;
   }

   .txt-subtitle-bd-class small {
      float: none !important;
   }
   
   .panel-default.panel-sombra {
     margin-left: 0%; 
}

.panel-contenido {
    margin: 5% 2% 10% !important;
}

}

@media (max-width: 768px) {
   .banner-movil {
      display: none;
   }
   .wrapper {
      overflow: hidden;
   }
   .container-fluid {
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
   }
   .logo-lab img {
      margin-left: 0% !important;
   }

   .dropdown-item {
      color: #be2bbb !important;
   }

   .txt-subtitle-bd-class small {
      float: none !important;
   }
}
#pop-info {
   top: 0 !important;

   bottom: 0 !important;

   -webkit-transform: translateY(0%) !important;
}
#pop-info .modal-dialog {
   width: 600px !important;
}
.en-linea {
   color: #595454;
}

.nav-stacked-custom {
   display: block;
}

.fondo-banner {
   width: 100%;
   margin-left: 0.7%;
   background-image: url('../img/banner2.png');
   background-repeat: no-repeat;
   background-size: contain;
   height: 330px;
}

.fondo-banner img {
   display: none;
   width: 100%;
   margin-left: 0.7%;
}
.textTitleStyle_class {
   color: #595454 !important;
   font-weight: 100 !important;
   font-family: 'Inter' !important;
   font-size: 3rem !important;
}
input[type='submit'] {
   background-color: #be2bbb;
   border-color: none !important;
   color: white !important;
   border-radius: 50px;
   padding: 10px 20px;
   font-family: unset !important;
   margin-top: 10px;
}
.box {
   margin-bottom: 10%;
}
.box button {
   background-color: #eee7e7 !important;
   color: #595454 !important;
   border: 1px solid #595454 !important;
   border-radius: 5px !important;
   font-family: unset !important;
   font-size: 1.3rem;
}
.box button:hover {
   background-color: #f7efef !important;
}
.box button span.caret {
   display: none;
}
.box button:after {
   content: url('../img/arrowQuestion.png');
   float: right;
   margin: 10px 20px;
}
.box div {
   background-color: #f7efef !important;
   color: #595454 !important;
   border: 1px solid #eee7e7 !important;
   border-radius: 5px !important;
   font-family: unset !important;
}
.box div p {
   margin: 10px 0;
   font-family: unset !important;
   font-size: 1.3rem;
}
.btn-general-custom {
   background-color: #595454;
   border-color: none;
   color: white;
   border-radius: 50px;
   padding: 10px 20px;
}
.navbar-light .navbar-nav .nav-link {
   background-color: white;
   padding: 10px 20px;
   border-radius: 50px;
}
.img-fluid.img-fluid-custom {
   width: 80% !important;
   padding: 20px 0;
}
main .img-fluid.img-fluid-custom {
   width: 100% !important;
   padding: unset;
}
.fc-event,
.fc-event-dot {
   background-color: #be2bbb !important;
   border: 1px solid #be2bbb !important;
   cursor: pointer !important;
}
.fc-event .fc-content,
.fc-event-dot .fc-content {
   background-color: #be2bbb !important;
   border: 1px solid #be2bbb !important;
}
.box-list-events h4 {
   font-size: 1rem !important;
   color: #be2bbb !important;
}
.box-list-events .title-list-events.color-webinar p {
   background: #a69f9f !important;
   padding: 4px 20px 4px 20px !important;
   border-radius: 5px 5px 0 0 !important;
}
.box-list-events .description-list-events h4 {
   background: #be2bbb !important;
   margin-top: 10px !important;
}
.box-list-events .description-list-events a {
   padding: 12px 20px !important;
   border-radius: 50px !important;
   border: 2px solid #be2bbb !important;
   background: transparent !important;
   font-size: 1.2rem !important;
   color: #be2bbb !important;
}
.contenido-interno .img-fluid-custom {
   width: 100% !important;
}

.list-unstyled .btn-secundario,
.btn-terciario {
   display: block;
}

.modal-body .plyr--ready .plyr--setup {
   width: 100%;
}

footer {
   background-color: #eee7e7;
   padding: 20px 0;
}
footer div {
   background-color: #eee7e7 !important;
   color: #595454 !important;
}
footer p,
footer a {
   color: #595454 !important;
}
footer .first-link {
   padding-top: 8px;
   border-right: 1px solid #595454;
}
footer .second-link {
   padding-top: 8px;
}
#page-register {
    font-family: 'Inter' !important;
    color: #595454 !important;
}
#page-register strong {
   color: #595454 !important;
}
    #page-register .font-sf-light {
        font-family: 'Inter' !important;
    }
#page-register form {
   margin-bottom: 20%;
}
#page-register label {
   font-weight: bold;
}
#page-register a.btn {
   background: #a69f9f !important;
   color: #fff !important;
   border-radius: 20px !important;
   padding: 10px 60px;
   font-weight: bold;
   border: none;
   margin-top: 1%;
}
#page-register input.btn {
   background: #be2bbb !important;
   color: #fff !important;
   border-radius: 20px !important;
   padding: 10px 60px;
   font-weight: bold;
   border: none;
   margin-top: 1%;
}
#page-register .copy-footer-form {
   display: none;
}
#page-register form .form-group input[type='checkbox'] {
   margin-left: 30%;
}
#page-register form .form-group input[type='checkbox'] + label {
   color: #be2bbb !important;
}
#page-register .head-register {
   background-image: unset !important;
   background-color: #eee7e7;
}
#page-register .head-register h3 {
   color: #595454 !important;
   font-weight: bold;
   padding-left: 30px;
   display: block;
   font-size: 3rem;
   text-align: left;
   margin-left: 15%;
}
#page-register .head-register h3:before {
   content: url('../img/logoBri.png');
   transform: scale(0.5);
   border-right: 2px solid #595454;
   margin-right: 2rem;
   padding: 0 2rem;
}
.img-thumbnail {
   padding: 0 !important;
}
.card-body .clr-texto-ppal {
   color: #595454 !important;
   font-weight: normal !important;
}
.card-body .progress .progress-bar {
   background-color: #ab2ca8 !important;
   color: white !important;
}
.content-custom-calendar {
   margin-bottom: 10%;
}
.content-custom-calendar .fc-toolbar.fc-header-toolbar .fc-button-primary {
   border-color: #ab2ca8 !important;
   color: #ab2ca8 !important;
   background: unset !important;
   border-radius: 10px !important;
}
.content-custom-calendar .fc-toolbar.fc-header-toolbar h2 {
   color: #595454 !important;
}
.content-custom-calendar .fc-view-container {
   padding: 15px !important;
   background-color: white !important;
   border: 1px solid #a69f9f !important;
}
.content-custom-calendar .fc-view-container .fc-head .fc-day-header {
   color: #595454 !important;
}
.content-custom-calendar .fc-day-number {
   color: #595454 !important;
   float: bottom !important;
}
.content-custom-calendar .fc-head td,
.content-custom-calendar .fc-head th {
   border: unset !important;
}
.fc-bg td.fc-day {
   /*margin: 10px;
   border: 2px solid #ddd;*/
}
.fc .fc-row .fc-content-skeleton table td span {
   /*margin-top: 50%;*/
}
.content-custom-calendar .fc-body .fc td,
.content-custom-calendar .fc-body .fc th {
   margin: 3px !important;
}
.content-custom-calendar .fc-today {
   background-color: #ab2ca8 !important;
}
.content-custom-calendar .fc-today .fc-day-number {
   color: white !important;
   float: bottom !important;
}
.txt-subtitle-bd-class {
   color: #595454 !important;
   font-weight: bold !important;
   margin-bottom: 3% !important;
}
.divider-title {
   display: none !important;
}
.txt-title-bd-class {
    color: #595454 !important;
    font-weight: 100 !important;
    font-family: 'Inter' !important;
    font-size: 3rem !important;
}
.title-miperfil {
    color: #595454 !important;
    font-weight: 100 !important;
    font-family: 'Inter' !important;
    font-size: 3rem !important;
    margin-top: 80px;
}
.txt-subtitle-bd-class {
   margin-top: 5%;
   color: #595454 !important;
   font-weight: normal !important;
}
.txt-subtitle-bd-class small {
   display: none;
}
.bb-style-solid-gray-class {
   display: flex !important;
}
.bb-style-solid-gray-class .primary-color-class {
   color: #595454 !important;
}
.faq-selector-btn-class {
   background-color: #eee7e7;
   color: #595454;
   /* border: unset; */
   /* width: 300px; */
   /* display: table !important;*/
   border-color: #595454;
   border: 2px solid #595454;
   border-radius: 50px;
}
.faq-selector-btn-class:hover {
   background-color: #cac4c4;
   border-radius: 50px;
}
.faq-selector-btn-class p {
   color: #595454;
   /*margin: 5px 0 0;*/
   /*border: 2px solid #595454;*/
   /*border-radius: 50px;*/
   /*padding: 5px 5px 0 0 !important;*/
   /*vertical-align: middle;*/
   /*display: table-cell;*/
}
.faq-selector-btn-class p:before {
   /*content: url('../img/iconFaq.png');
   margin: 0 10px 0 5px;
   vertical-align: -50%;*/
}
.txt-faq-sm-content-class {
    font-family: 'seguiRegular';
    color: #595454;
    font-size: 1rem;
}
.faq-selector-btn-class img {
   display: none;
}
.progress-bar-striped {
   background-image: unset;
}
.collapse-detail-meeting .body-list-events {
   margin-top: 10px;
}
.panel-contenido {
   margin: 5% 10% 10% !important;
}
.panel-contenido label {
   font-weight: bold !important;
   color: #595454 !important;
}
.panel-contenido button {
   padding: 12px 20px;
   border-radius: 50px;
   border: 2px solid #be2bbb;
   background: #be2bbb;
   font-size: 1.2rem;
   color: white;
}
/*.panel-contenido button {
   padding: 12px 20px !important;
   border-radius: 50px !important;
   border: 2px solid #be2bbb !important;
   background: #be2bbb !important;
   font-size: 1.2rem !important;
   color: white !important;
}*/
.dropdown-item:focus,
.dropdown-item:hover {
   background-color: #be2bbb !important;
   color: white !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 30px #eee7e7 inset;
}
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 30px #eee7e7 inset;
}

.navbar-course-module header,
.navbar-course-module .navbar {
   background: #132f78 !important;
   padding: 0 20px;
}
.navbar-course-module header {
   padding-left: unset !important;
}
.navbar-course-module .navbar {
   z-index: 20 !important;
}
.navbar-course-module .navbar .navbar-brand {
   padding: 40px 40px 15px;
}
.navbar-course-module .navbar .faq-selector-btn-class {
   background: #132f78 !important;
   color: white !important;
}
.navbar-course-module .navbar .faq-selector-btn-class p {
   background: #132f78 !important;
   color: white !important;
   border: 2px solid white;
}
.navbar-course-module .navbar .faq-selector-btn-class p:before {
   /*filter: brightness(300%);*/
}
.p-course-module .card-body h5 {
   color: #132f78 !important;
}
.p-course-module .fondo-banner {
   background-image: url('../img/bannerMano.png');
   background-size: cover;
   background-position-y: center;
}
.p-course-module .card-body .progress .progress-bar {
   background-color: #132f78 !important;
}
.p-course-module .menu-lateral .container {
   padding-top: 30px;
}
.p-course-module li {
   margin: 10px 0;
}
.navbar-course-module .dropdown-item:hover {
   background-color: #132f78 !important;
}
@media (min-width: 992px) {
   .p-course-module .menu-lateral {
      width: 12% !important;
      z-index: 9999 !important;
      /*z-index: 10 !important;*/
   }
   .navbar-course-module .navbar {
      margin-left: unset !important;
   }
}
@media (min-width: 1200px) {
   .navbar-course-module .navbar .navbar-brand {
      margin-left: 14% !important;
      position: absolute;
      height: 180%;
   }
   .navbar-course-module .img-fluid.img-fluid-custom {
      width: 80% !important;
      /*padding: 30% 0 10px;*/
   }
}

/*EDITADO OSCAR DIAZ;*/

.foot-login a {
   color: #858585 !important;
   text-decoration: none;
}

.card-body .card-text {
   color: #858585!important;
   font-size: 14px;
}

.portada-r2r .banner-parcial .fondo-banner {
   height: 100%;
}

.portada-r2r .banner-parcial .fondo-banner img {
   display: block!important;
}

.modal-header .btn-x-close{
    padding: 12px 20px !important;
    border-radius: 50px !important;
    border: none !important;
    background: none !important;
    font-size: 1.2rem !important;
    color: white !important;
}

html,
body {
	font-family: 'Inter'!important;
}

.clr-texto-register  {
   color: #be2bbb!Important;
}
.foot-login .clr-texto-register{
   color: #be2bbb !important;
}

.img-listar-curso {
   background-color: #ffffff !important;
   border-width: 0;
}

.dropup,
.dropdown {
  background-color: white;
  margin-right: 10px;
  border-radius: 5px;
  color: #be2bbb;
  border-style: solid;
  border-color: #dfe8e9;
  border-width: 1px;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.en-linea-imgusr {
   /*color: #595454;*/
   color: #ab2ca8;
}

.imagen-usuario {
  width: 40px;
  height: 40px;
  padding-top: 6px;
  background: #e0e1e3;
  text-align: center;
  color: #ab2ca8 !important;
  margin: 0;
}

.fa-user.fa-w-14 {
  height: auto;
  width: 55%;
}

#titulo-div {
    border-bottom: none!important; 
}

.panel-body {
     padding: 0px!important;  
}

#btn-login,
#panel-aviso #btn-info,
#panel-login .btn-primario,
button {
   border-radius: 10px !important;
   padding: 10px 50px !important;
}

footer {
    margin-top: 0px!important;
}

 /*.titulo-principal .clr-texto-ppal:before{
    content: "yyy";
  }
   .titulo-principal .clr-texto-ppal{
    display: none;
  }
 .titulo-principal .clr-texto-ppal:after{
    content: "xxx";
  }*/
  
.titulo-principal .clr-texto-ppal {
    font-size: 0;
    color: #595454 !important;
    font-weight: bold;
    background-image: url("https://bms-speakertraining.igloosuite.com/Content/Clients/bms-speakertraining.igloosuite.com/img/iconbook.png");
    background-size: 50px 50px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 20px 10px 13px 60px;
    margin-bottom: 10px !important;
  }
  .clr-modulos:after{
    content: "Módulos";
    font-size: 2.5rem!important;
  }
  .clr-temas:after{
    content: "Áreas terapéuticas";
    font-size: 2.5rem!important;
  }
 .clr-contents{
    font-size: 32px!important;
  }
.btn-primary:hover,
.btn-primary:active, 
.btn-primary:focus {
    color: #fff!important;
    background-color: #a69f9f!important;
    border-color: #a69f9f!important;
}
.lista-cursos .titulo-principal .txt-subtitle-bd-class {
    font-family: "Inter";
    font-weight: bold !important;
    padding: 20px 10px 23px 5px;
    border-top: 1px solid #000;
    font-size: 0;
}
.titulo-principal > h3.txt-subtitle-bd-class::before {
    content: "Áreas terapéuticas";
    font-family: "Inter"; 
    height: 50px;
    font-size: 2rem;
    visibility: visible;
    color: #595454 !important;
    font-weight: bold;
    background-image: url(https://bms-speakertraining.igloosuite.com/Content/Clients/bms-speakertraining.igloosuite.com/img/iconbook.png);
    background-size: 50px 50px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 20px 10px 13px 60px;
    margin-bottom: 10px !important;
}

#check-pdf{
  margin-top: 0px!important;
}

#divCopyPDF label{
  margin-bottom: 0rem!important;
}

#buttonPDFDownload{
  color: white!important;
}



/* Nuevo objetivos especificos */
.portada {
    background-color: #F2F2F2;
    margin-top: 5%;
}


.section-objetivo {
    /* background: linear-gradient(180deg, rgb(45 181 43 / 0%) 42.81%, rgb(126 181 43 / 9%) 50.05%, rgb(126 181 43 / 20%) 67.95%, rgb(126 181 43) 102.12%); */
}

.section-objetivo {
    .container {
        padding: 2rem 0 2rem 0;
    }
}

.text-tit-4 {
    font-size: 39px;
    color: #3e4444;
    font-weight: bold;
}

.cont-obje {
    display: flex
;
    align-items: center;
    justify-content: space-evenly;
}

.cont-obje {
    .obj-indiv {
        max-width: 26%;
        display: grid;
        justify-items: center;
        text-align: center;
        background-color: #ffffff;
        border-radius: 10px;
        padding: 20px;
    }
}


.cont-obje {
    & .obj-indiv {
        .cont-img {
            padding: 15px;
            border-radius: 60px;
            background-color: #ffffff;
            padding: 5px;
        }
    }
}

.cont-obje{
  flex-direction: row;
  background-color: transparent;
  border-color: transparent;
}

@media (max-width: 575.98px) {
    .panel-contenido {
        margin: 5% 2% 10% !important;
    }
    
    .btn-primary {
    color: #fff;
    background-color: #be2bbb !important;
    border-color:#be2bbb !important;
  }
  
  .container .cont-obje {
    gap: 16px!important;
  }
  .obj-indiv {
    max-width: 220px!important;
    padding: 12px!important;
  }
  
  .container .cont-obje {
    flex-direction: column!important;
    align-items: center!important;
    gap: 24px!important;
  }
  .obj-indiv {
    width: 100%!important;
    max-width: 400px!important;
    margin: 0 auto;
  }
  .text-tit-4.objetivo {
    font-size: 1.3rem!important;
  }
  
   .cont-obje {
    flex-direction: column!important;
  }  
}
