@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	src: local('Inter'), local('Inter-Regular'), url('https://bms-cardioawarness.igloosuite.com/Content/Clients/bms-cardioawarness.igloosuite.com/fonts/bmsredesign/BMSHumanity-Regular.woff2') format('woff2');
	font-display: swap;
} 

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 300;
	src: local('Inter Light'), local('Inter-Light'), url('https://bms-cardioawarness.igloosuite.com/Content/Clients/bms-cardioawarness.igloosuite.com/fonts/bmsredesign/BMSHumanity-Light.woff2') format('woff2');
	font-display: swap;
} 

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	src: local('Inter Bold'), local('Inter-Bold'), url('https://bms-cardioawarness.igloosuite.com/Content/Clients/bms-cardioawarness.igloosuite.com/fonts/bmsredesign/BMSHumanity-Bold.woff2') format('woff2');
	font-display: swap;
} 

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: bold;
	src: local('Inter Bold Italic'), local('Inter-BoldItalic'), url('https://bms-cardioawarness.igloosuite.com/Content/Clients/bms-cardioawarness.igloosuite.com/fonts/bmsredesign/BMSHumanity-BoldItalic.woff2') format('woff2');
	font-display: swap;
} 

@font-face {
	font-family: Inter;
	font-style: italic;
	font-weight: 500;
	src: local('Inter Italic'), local('Inter-Italic'), url('https://bms-cardioawarness.igloosuite.com/Content/Clients/bms-cardioawarness.igloosuite.com/fonts/bmsredesign/BMSHumanity-Italic.woff2') format('woff2');
	font-display: swap;
} 

:root {
  /* Colors */
  --color-brand: #be2bbb;
  --color-brand-dark: #ab2ca8;
  --color-primary: #154496;
  --color-primary-dark: #132f78;
  --color-cta: #dc2d17;
  --color-cta-contrast: #fff;
  --color-muted: #595454;
  --color-muted-2: #858585;
  --color-border: #a69f9f;
  --color-bg-soft: #eee7e7;
  --color-secondary: #522c6c;
  --color-danger: #d80002;
  --color-white: #fff;
  --color-surface: #f2f2f2;
  --color-menu: #00273f;
  --color-blue-dark: #003c62;
  --color-accent: #036b9d;
  --color-shadow: #cfd4d6;
  --color-bg-soft-light: #f7efef;
  --color-muted-3: #cac4c4;
  --color-warning: #f0b000;
  --color-light-blue: #c3d5e6;
  --progress-1: #f0b000;
  --progress-2: #bc502c;
  --progress-3: #9d2340;
  --progress-4: #4b0113;
  --color-border-light: #dfe8e9;
  --color-muted-dark: #6b6b6b;
  --color-surface-2: #ececec;
  --focus-color: rgb(21 68 150 / 90%);
} 

:focus-visible {
  outline: 3px solid var(--focus-color);
  outline-offset: 2px;
}

/*          ***         */

/* Fondos login / registro */

.fondo-login {
   background-color: white;
   background-image: url("../img/BMS_Banner_loging_Cardio_1920x1080.jpg");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: bottom center !important;
   min-height: 100vh;
}

.fondo-registro {
   background-color: white;
   background-image: url("../img/BMS_Banner_loging_Cardio_1920x1080.jpg");
   background-size: cover;
   background-position: top center;
}

.banner-parcial {
   max-height: 100% !important;
} 

.lista-cursos > .titulo-lista {
   /* display: none; */
   margin-bottom: 30px;
}

/* ========= Rapid2  ============ */

.menu-lateral {
   background: var(--color-menu) !important;
} 

.navbar,
header {
   background: var(--color-surface) !important;
   color: var(--color-muted) !important;
   min-height: 80px;
}  

.navbar-brand {
   background: var(--color-surface) !important;
   color: var(--color-muted) !important;
   box-shadow: none;
}  

.navbar-default .navbar-nav > li > a {
   color: #fff !important;
}

.nav-pills > li.active > a,
.btn-secundario {
   background-color: var(--color-blue-dark) !important;
   color: var(--color-white) !important;
}  

.logo-lab {
   background: transparent !important;
}

#btn-login,
#panel-aviso #btn-info,
#panel-login .btn-primario,
.soporte-tecnico-login button {
   background: var(--color-brand) !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: rgb(255 255 255 / 80%);
   border: 1px solid var(--color-border);
   border-radius: 5px;
   box-shadow: 0 0 20px var(--color-shadow);
}

.panel-sombra {
   padding: 2rem;
   background-color: white;
   border: 1px solid var(--color-border);
   border-radius: 5px;
   box-shadow: 0 0 20px var(--color-shadow);
}

.panel-sombra #titulo-div h3 {
   font-size: 2.5rem;
   text-align: center !important;
   margin-bottom: 10px;
}

.panel-sombra .form-control {
   background-color: white;
   color: var(--color-muted-2);
   border: 1px solid var(--color-muted-2);
} 

.panel-sombra .foot-login a:hover {
   color: var(--color-brand) !important;
   text-decoration: none;
} 

.panel-sombra .foot-login .form-group {
   padding-top: 20px;
   margin-top: 20px;
   border-top: 2px dotted var(--color-border);
} 

    .panel-sombra .foot-login .form-group label {
        font-weight: bold;
        color: var(--color-muted-2) !important;
    } 

    .panel-sombra .foot-login .form-group a {
        color: var(--color-muted-2) !important;
    } 

.panel-sombra .foot-login .copy-footer-form {
   color: var(--color-muted-2) !important;
} 

.clr-texto-container img {
   width: 16px;
   height: 16px;
   margin-right: 10px;
   color: var(--color-muted-2);
} 

.reference {
   visibility: hidden;
}

.clr-texto-container .clr-texto-title {
   color: var(--color-muted-2);

   /* font-weight: bold; */
   padding-bottom: 2rem;
   border-bottom: 2px dotted var(--color-border);
}  

.clr-texto-container .clr-texto-ppal {
   color: var(--color-muted-2) !important;
   font-weight: bold;
   margin: 2rem 0;
}

.clr-texto-container .clr-texto-ppal img {
   color: var(--color-muted-2) !important;
   fill: var(--color-muted-2) !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: var(--color-muted);
   margin-bottom: 15px;
}

.modal-content .modal-body #ajaxReplace label {
   font-weight: bold;
   color: var(--color-muted) !important;
   text-transform: uppercase;
} 

.modal-content .modal-body #ajaxReplace input,
.modal-content .modal-body #ajaxReplace textarea {
   background-color: white;
   border: 1px solid var(--color-muted-2);
}

.modal-content .modal-body #ajaxReplace .btn.btn-primario {
   background: var(--color-brand) !important;
   color: var(--color-white) !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: var(--color-muted-2) !important;
}

.fondo-registro .clr-texto-ppal {
   color: var(--color-muted-2) !important;
}

#panel-login.box-form {
   background: rgb(255 255 255 / 80%) !important;
   color: var(--color-muted-dark) !important;
}

#panel-login.box-form .form-group.row label {
   font-weight: bold;
}

#panel-login.box-form #btn-registro {
   background: var(--color-brand) !important;
   color: var(--color-white) !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: var(--color-light-blue) !important;
   color: var(--color-accent) !important;
}

#panel-login .enlace-volver {
    color: var(--color-muted-2) !important;
    text-decoration: none!important;
}

/* Color marca principal */

.clr-fondo-ppal,
.panel-progreso {
   background: var(--color-primary) !important ;
}

.clr-fondo-secundario {
   background-color: var(--color-warning);
}

.panel-default.panel-sombra {
   margin-left: 10%;
}

/* ===================== */

/* Color texto principal */


.clr-texto-ppal {
   color: var(--color-primary-dark) !important;
} 

.clr-texto-secundario {
   color: var(--color-danger);
} 

a.clr-texto-ppal:hover {
   color: var(--color-secondary);
   text-decoration: underline;
} 

/* ===================== */

/* Boton primario/Texto boton primario */

.btn-primario {
   background-color: var(--color-cta) !important;
   color: var(--color-white);
}

.btn-primario:hover,
.btn-primario:focus {
   color: #fff;
}

/* VMO */
.btn-primario.inactive {
   background-color: transparent;
   border: 1px solid var(--color-secondary);
   color: var(--color-secondary);
} 

/* ===================== */

/* Boton secundario/Texto boton secundario */

.btn-secundario {
   background-color: #fff;
   color: var(--color-secondary);
}

.btn-secundario-vmo:hover {
   color: #fff;
}

.btn-secundario:hover,
.btn-secundario:focus {
   color: var(--color-accent);
}

/* VMO */
.btn-secundario-vmo {
   background-color: var(--color-danger);
   color: #fff;
}

/* ===================== */

/* Boton terciario/Texto boton terciario - consolidated below */

/* ===================== */

.btn-inactivo {
   background-color: var(--color-muted-3);
   color: var(--color-muted-3);
   cursor: not-allowed;
}

/* Item contenido visto */

.contenido-visto {
   background-color: var(--color-accent);
   color: var(--color-white);
} 

/* ===================== */

/* Item contenido visto */

.contenido-encurso {
   background-color: var(--color-bg-soft);
}

/* ===================== */

/* Item contenido visto */

.contenido-pendiente {
   background-color: var(--color-muted-3);
}

/* ===================== */

/* Opciones quiz */

input.radio-r:checked ~ label {
   background-color: var(--color-accent);
   color: var(--color-white);
} 

/* ===================== */

/* Barra progreso quiz */

.progress-bar-first {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9b000+0,bc502c+100 */
   background: var(--progress-1);

   /* Old browsers */
   background: linear-gradient(left, var(--progress-1) 0%, var(--progress-2) 100%);

   /* FF3.6-15 */
   background: linear-gradient(left, var(--progress-1) 0%, var(--progress-2) 100%);

   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, var(--progress-1) 0%, var(--progress-2) 100%);

   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

   /* legacy IE filter (uses hex): corresponds to var(--progress-1) -> var(--progress-2) */
   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: var(--progress-2);

   /* Old browsers */
   background: linear-gradient(left, var(--progress-2) 0%, var(--progress-3) 100%);

   /* FF3.6-15 */
   background: linear-gradient(left, var(--progress-2) 0%, var(--progress-3) 100%);

   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, var(--progress-2) 0%, var(--progress-3) 100%);

   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

   /* legacy IE filter (uses hex): corresponds to var(--progress-2) -> var(--progress-3) */
   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: var(--progress-2);

   /* Old browsers */
   background: linear-gradient(left, var(--progress-3) 0%, var(--progress-4) 100%);

   /* FF3.6-15 */
   background: linear-gradient(left, var(--progress-3) 0%, var(--progress-4) 100%);

   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, var(--progress-3) 0%, var(--progress-4) 100%);

   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

   /* legacy IE filter (uses hex): corresponds to var(--progress-3) -> var(--progress-4) */
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9d2340', endColorstr='#4b0113', GradientType=1);

   /* IE6-9 */
}

/* ===================== */

/* Flechas slider */

.slick-prev::before,
.slick-next::before {
   color: var(--color-secondary);
}

/* ===================== */

/* Barra progreso */

.progress-bar {
   background-color: var(--color-warning);
   color: var(--color-secondary);
}

/* ===================== */

/* ===================== */

/* Label */

.label {
   border: 1px solid var(--color-secondary);
   padding: 6px 12px;
   border-radius: 8px;
}

/* ===================== */

/* Simulador */

.clr-prim {
   color: var(--color-accent) !important;
}

.titulo-prim-simulador,
.titulo-sec-simulador {
   color: var(--color-cta) !important;
}

.btn-prim-simulador {
   background-color: var(--color-cta) !important;
   color: var(--color-white) !important;
}

.btn-sec-simulador {
   background-color: var(--color-blue-dark) !important;
   color: var(--color-white) !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: var(--color-surface-2) !important;
   pointer-events: none;
}

.btn-bg-simulador {
   font-size: 24px;
}

.simulador-border-right {
   border-right: 1px solid var(--color-secondary) !important;
   padding-right: 10px;
}

.main-menu .nombre-usuario {
   color: #fff;
}

.main-menu.open {
   background: var(--color-accent) !important;
}

.main-menu.open .dropdown-toggle .nombre-usuario {
   color: var(--color-white) !important;
}

.menu-dcha > li a:hover,
.menu-dcha > li a:focus {
   background: var(--color-accent) !important;
   color: var(--color-white) !important;
} 

section#simulador-pregunta > div > div > p:nth-child(4) {
   display: none;
}

@media (width >= 992px) {
   .menu-lateral {
      height: 100vh !important;
   }
} 

.container-fluid {
   padding: 0;
}

.info-izq img {
   display: none !important;
}

.info-izq p {
   font-size: 1rem !important;
   color: var(--color-muted) !important;
   line-height: unset !important;
}  

.info-izq .clr-texto-ppal {
   color: var(--color-muted) !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: var(--color-accent) !important;
   color: var(--color-white);
}

.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 (width >= 1200px) {
   .faq-selector-btn-class {
      /* margin-bottom: 15px; */
   }

   .navbar-brand {
     /* height: 110%; */
   }

   footer {
      /* position: fixed; */
   }
}

@media (width <= 575.98px) {
   .navbar-brand img {
      width: 80%;
   }

   .logo-lab img {
      margin-left: 0% !important;
   }
}

@media (width <= 768px) {
   .banner-movil {
      display: none;
   }

   .wrapper {
      overflow: hidden;
   }

   .container-fluid {
      padding-bottom: 135px;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
   }

   .logo-lab img {
      margin-left: 0% !important;
   }
}

#pop-info {
   top: 0 !important;
   bottom: 0 !important;
   transform: translateY(0%) !important;
}

#pop-info .modal-dialog {
   max-width: 600px !important;
   width: 100% !important;
   margin: 1rem auto;
} 

.en-linea {
   color: var(--color-muted);
} 

.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: var(--color-muted) !important;
   font-weight: 100 !important;
   font-family: Inter !important;
   font-size: 3rem !important;
} 

input[type='submit'] {
   background-color: var(--color-brand);
   border: none !important;
   color: var(--color-white) !important;
   border-radius: 50px;
   padding: 10px 20px;
   font-family: unset !important;
   margin-top: 10px;
}  

.box {
   margin-bottom: 10%;
}

.box button {
   background-color: var(--color-bg-soft) !important;
   color: var(--color-muted) !important;
   border: 1px solid var(--color-muted) !important;
   border-radius: 5px !important;
   font-family: unset !important;
   font-size: 1.3rem;
} 

.box button:hover {
   background-color: var(--color-bg-soft-light) !important;
}

.box button span.caret {
   display: none;
}

.box button::after {
   content: url('../img/arrowQuestion.png');
   float: right;
   margin: 10px 20px;
}

.box div {
   background-color: var(--color-bg-soft-light) !important;
   color: var(--color-muted) !important;
   border: 1px solid var(--color-bg-soft) !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: var(--color-muted);
   border: none;
   color: var(--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: var(--color-brand) !important;
   border: 1px solid var(--color-brand) !important;
   cursor: pointer !important;
}

.fc-event .fc-content,
.fc-event-dot .fc-content {
   background-color: var(--color-brand) !important;
   border: 1px solid var(--color-brand) !important;
} 

.box-list-events h4 {
   font-size: 1rem !important;
   color: var(--color-brand) !important;
} 

.box-list-events .title-list-events.color-webinar p {
   background: var(--color-border) !important;
   padding: 4px 20px !important;
   border-radius: 5px 5px 0 0 !important;
}

.box-list-events .description-list-events h4 {
   background: var(--color-brand) !important;
   margin-top: 10px !important;
}  

.box-list-events .description-list-events a {
   padding: 12px 20px !important;
   border-radius: 50px !important;
   border: 2px solid var(--color-brand) !important;
   background: transparent !important;
   font-size: 1.2rem !important;
   color: var(--color-brand) !important;
} 

.contenido-interno .img-fluid-custom {
   width: 100% !important;
}

.list-unstyled .btn-secundario,
.btn-terciario {
   display: block;
}

.btn-terciario {
   background-color: white;
   color: var(--color-secondary);
}

.btn-terciario:hover,
.btn-terciario:focus {
   color: var(--color-secondary);
} 

.modal-body .plyr--ready .plyr--setup {
   width: 100%;
}

footer {
   background-color: var(--color-bg-soft);
   padding: 20px 0;
} 

footer div {
   background-color: var(--color-bg-soft) !important;
   color: var(--color-muted) !important;
} 

footer p,
footer a {
   color: var(--color-muted) !important;
} 

footer .first-link {
   padding-top: 8px;
   border-right: 1px solid var(--color-muted);
}  

footer .second-link {
   padding-top: 8px;
}

#page-register {
    font-family: Inter !important;
    color: var(--color-muted) !important;
}

#page-register strong {
   color: var(--color-muted) !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: var(--color-border) !important;
   color: var(--color-white) !important;
   border-radius: 20px !important;
   padding: 10px 60px;
   font-weight: bold;
   border: none;
   margin-top: 1%;
}

#page-register input.btn {
   background: var(--color-brand) !important;
   color: var(--color-white) !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'] + label {
   color: var(--color-brand) !important;
}

#page-register .head-register {
   background-image: unset !important;
   background-color: var(--color-bg-soft);
}

#page-register .head-register h3 {
   color: var(--color-muted) !important;
   font-weight: bold;
   padding-left: 30px;
   display: flex;
   align-items: center;
   gap: 0.75rem;
   font-size: 3rem;
   text-align: left;
   margin-left: 15%;
}

/* Replaced pseudo-element approach: use an <img> placed in the markup for better layout control */
#page-register .head-register .register-logo {
   display: inline-block;
   height: 36px;
   width: auto;
   max-height: 36px;
   flex-shrink: 0;
   vertical-align: middle;
   margin-right: 0.75rem;
   border-right: 2px solid var(--color-muted);
   padding-right: 0.75rem;
   object-fit: contain;
}

@media (max-width: 575.98px) {
  #page-register .head-register h3 {
    gap: 0.5rem;
  }
  #page-register .head-register .register-logo {
    height: 24px; /* smaller on mobile */
    max-height: 24px;
    margin-right: 0.5rem;
    padding-right: 0.5rem;
  }
}

.img-thumbnail {
   padding: 0 !important;
}

.card-body .clr-texto-ppal {
   color: var(--color-muted) !important;
   font-weight: bold !important;
   font-family: Inter !important;
} 

.card-body .progress .progress-bar {
   background-color: var(--color-brand-dark) !important;
   color: var(--color-white) !important;
} 

.content-custom-calendar {
   margin-bottom: 10%;
}

.content-custom-calendar .fc-toolbar.fc-header-toolbar .fc-button-primary {
   border-color: var(--color-brand-dark) !important;
   color: var(--color-brand-dark) !important;
   background: unset !important;
   border-radius: 10px !important;
} 

.content-custom-calendar .fc-toolbar.fc-header-toolbar h2 {
   color: var(--color-muted) !important;
} 

.content-custom-calendar .fc-view-container {
   padding: 15px !important;
   background-color: white !important;
   border: 1px solid var(--color-border) !important;
}  

.content-custom-calendar .fc-view-container .fc-head .fc-day-header {
   color: var(--color-muted) !important;
} 

.content-custom-calendar .fc-day-number {
   color: var(--color-muted) !important;
   float: none !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: var(--color-brand-dark) !important;
}

.content-custom-calendar .fc-today .fc-day-number {
   color: var(--color-white) !important;
   float: none !important;
}  

.divider-title {
   display: none !important;
}

.txt-title-bd-class {
    color: var(--color-muted) !important;
    font-weight: 100 !important;
    font-family: Inter !important;
    font-size: 3rem !important;
} 

.title-miperfil {
    color: var(--color-muted) !important;
    font-weight: bold !important;
    font-family: Inter !important;
    font-size: 3rem !important;
    margin-top: 80px;
}

.txt-subtitle-bd-class {
   margin-top: 5%;
   margin-bottom: 3% !important;
   color: var(--color-muted) !important;
   font-weight: bold !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: var(--color-muted) !important;
}

.faq-selector-btn-class {
   background-color: var(--color-bg-soft);
   color: var(--color-muted);

   /* border: unset; */

   /* width: 300px; */

   /* display: table !important; */
   border: 2px solid var(--color-muted);
   border-radius: 50px;
}  

.faq-selector-btn-class:hover {
   background-color: var(--color-muted-3);
   border-radius: 50px;
}

.faq-selector-btn-class p {
   color: var(--color-muted);

   /* 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: var(--color-muted);
    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: var(--color-muted) !important;
}   

.panel-contenido button {
   padding: 12px 20px;
   border-radius: 50px;
   border: 2px solid var(--color-brand);
   background: var(--color-brand);
   font-size: 1.2rem;
   color: white;
} 

/* .panel-contenido button {
   padding: 12px 20px !important;
   border-radius: 50px !important;
   border: 2px solid var(--color-brand) !important;
   background: var(--color-brand) !important;
   font-size: 1.2rem !important;
   color: var(--color-white) !important;
} */
.dropdown-item:focus,
.dropdown-item:hover {
   background-color: var(--color-brand) !important;
   color: var(--color-white) !important;
} 

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   box-shadow: 0 0 0 30px var(--color-bg-soft) inset;
} 

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active {
   box-shadow: 0 0 0 30px var(--color-bg-soft) inset;
} 

.navbar-course-module header,
.navbar-course-module .navbar {
   background: var(--color-primary-dark) !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: var(--color-primary-dark) !important;
   color: var(--color-white) !important;
}

.navbar-course-module .navbar .faq-selector-btn-class p {
   background: var(--color-primary-dark) !important;
   color: var(--color-white) !important;
   border: 2px solid var(--color-white);
} 

.navbar-course-module .navbar .faq-selector-btn-class p::before {
   /* filter: brightness(300%); */
}

.p-course-module .card-body h5 {
   color: var(--color-primary-dark) !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: var(--color-primary-dark) !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: var(--color-primary-dark) !important;
}

@media (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 (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: var(--color-muted-2) !important;
   text-decoration: none;
}

.card-body .card-text {
   color: var(--color-muted-2) !important;
} 

.portada-r2r .banner-parcial .fondo-banner {
   min-height: 50vh;
} 

.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: var(--color-brand) !important;
}  

.foot-login .clr-texto-register{
   color: var(--color-brand) !important;
}

.img-listar-curso {
   background-color: var(--color-bg-soft) !important;
} 

.dropup,
.dropdown {
  background-color: white;
  margin-right: 10px;
  border-radius: 5px;
  color: var(--color-brand);
  border-style: solid;
  border-color: var(--color-border-light);
  border-width: 1px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.en-linea-imgusr { 
   /* color: var(--color-muted); */
   color: var(--color-brand-dark);
} 

.imagen-usuario {
     height: 100%!important; 
}

.btn-primary:hover,
.btn-primary:active, 
.btn-primary:focus {
    color: var(--color-white)!important;
    background-color: var(--color-border)!important;
    border-color: var(--color-border)!important;
}

.lista-cursos .titulo-principal .txt-subtitle-bd-class {
    /* background-image: url("../img/barra-subtitulo.png");
            background-position: left bottom;
            background-repeat: no-repeat;
            padding: 20px 10px 20px 60px; */
    font-family: Inter;
    font-weight: bold !important;
    padding: 20px 10px 23px 5px;
    border-top: 1px solid #000;
    font-size: 0;
  }
  
  h3.txt-subtitle-bd-class {
    color: var(--color-muted);
  }
  
  .titulo-principal > h3.txt-subtitle-bd-class::before {
    content: "Mis cursos";
    font-family: Inter;

    /* background-image: url("https://azmed-gastroenterologia.igloosuite.com/Content/Clients/azmed-gastroenterologia.igloosuite.com/img/icon_book.png"); */
    height: 50px;

    /* width: 50px; */

    /* position: absolute; */
    background-repeat: no-repeat;
    background-size: contain;

    /* left: -60px; */
    font-size: 2rem;
    visibility: visible;
  }
  
    .titulo-principal .clr-texto-ppal {
    font-size: 0;
    color: var(--color-muted) !important;
    font-weight: bold !important;

    /* background-image: url("https://elearning-incontinencia-tena.igloosuite.com/Content/Clients/elearning-incontinencia-tena.igloosuite.com/assets/img/virrete.png"); */
    background-size: 50px 50px;
    background-position: left center;
    background-repeat: no-repeat;

    /* padding: 20px 10px 13px 60px; */
    margin-bottom: 10px !important;
    font-family: Inter;
  } 

  .titulo-principal .clr-temas::before{
    content: "Mis ";

    /* font-size: 2em; */
    font-family: Inter;
  }

  .titulo-principal .clr-texto-ppal {
    font-size: 2em;
    color: var(--color-muted);
    
  } 
  
  /* .panel-contenido-interno > titulo-principal .clr-texto-ppal {
    font-size: 32px;
    font-family: "Inter";
  } */
  
    @media (width <= 575.98px) {
  .dropdown-item {
      color: var(--color-brand) !important;
   }
   
   .panel-contenido {
        margin: 20% 2% 10% !important;
    }
    
    .btn-primary {
    color: var(--color-white);
    background-color: var(--color-brand) !important;
    border-color: var(--color-brand) !important;
  }  
  
  .panel-body{
    padding: 5px!important;
  }  
}

#MvcDynamicField_ORIGEN_CURSO_wrapper {
    margin-bottom: 20px;
}

/* Media query para móviles - Cambio de imagen de fondo login */
@media (width <= 767px) {
   .fondo-login {
        background-image: url("../img/BMS_Banner-mobile-login_Cardio.jpg") !important;
    }

   .fondo-registro {
        background-image: url("../img/BMS_Banner-mobile-login_Cardio.jpg") !important;
        background-size: cover;
        background-position: top center;
    }
}

/* Caption para campo de contraseña */
.form-group:has(#Password)::after {
    content: "Mínimo 8 caracteres. Solo letras y números, sin caracteres especiales.";
    display: block;
    font-size: 0.85rem;
    color: var(--color-muted-2);
    margin-top: 5px;
    font-style: italic;
}