
/* Chrome, Edge y Opera */
::-webkit-scrollbar {
  width: 12px;
  background-color: #f1f1f1; /* Fondo de la barra, ponlo al gusto */
}
::-webkit-scrollbar-thumb {
  background: #244bbf; /* Tu azul mamalón */
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: #19307e; /* Azul más oscuro pa’ el hover */
}

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #244bbf #f1f1f1;
}


/*HEADER*/

.format-cards .course-content ul.cards {
    padding: 0;
    margin: 0;
}
.format-cards .single-section .course-section {
    border: none;
    margin: 0;
}
#coursecontentcollapse1 > my-3{
   margin: 0 !important;
}
.card-header{
display:none
}
.format-cards .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
        width: 10%!important;
}
.format-cards .dashboard-card-deck .dashboard-card {
    min-width: 13%;
}
/*BODY*/
#page-header{
   max-width: 100%;
}
.main-inner{
  max-width: 100%!important
}
.courseindex .courseindex-item.pageitem {
    background-color: #0f6cbf;
    color: #fff;
    scroll-margin: 6rem;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
#region-main {
  flex: 1 1 auto;
  max-width: 100%;
  margin: 0 auto;  
}
.btn-secondary {
    color: #000 !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
    padding: 8px 36px !important;
    border: solid 0px !important;
}
/*estilo-solid-header*/
.estilo-solid-header > h2{
  border-bottom: solid 1px #050A5C;
}
.estilo-solid-header > div{
    padding: 20px;
    background: #F1F1F1;
    border-radius: 5px;
    box-shadow: inset 1px 1px 24px rgba(0, 0, 0, 0.1);
}
.estilo-solid-header > div > h3{
    background: #050A5C;
    color: #FFF;
    padding: 7px 7px;
    text-align: center;
    border-radius: 5px;
}

/*estilo-content-light*/
.estilo-content-light > h2{
  border-bottom: solid 1px #E28F5E!important;
  color: #2c3e50;
}
.estilo-content-light > div{
    padding: 20px;
    background: #fffefe;
    border-radius: 5px;
    box-shadow: none!important;
}
::marker {
    color: #07095C;
    font-weight: bold;
}

/*.estilo-content-white*/
.estilo-content-white > h2{
border-bottom: solid 1px #050A5C;
}
.estilo-content-white > div{
    padding: 20px;
    background: #FFF;
    border-radius: 3px;
}

/*estilo-elementos-clave*/
.estilo-elementos-clave > h2{
border-bottom: solid 1px #050A5C;
}
.estilo-elementos-clave label{
color: #07095C;
}
.estilo-elementos-clave  .estilo-galeria{
    text-align: center;
    border: solid 1px #050A5C;
    padding: 45px;
    border-radius: 11px;
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.3);
    margin: 35px;
}
.position-float{
    position: relative;
    left: 0%;
    top: 67px;
}

/*estilo-elementos-conclusion*/
.estilo-elementos-conclusion > h2{
    border-bottom: solid 1px #050A5C;
}
.estilo-elementos-conclusion > div{
     background: #1D43BE!important;
    color:#FFF;
    padding: 20px;
    border-radius: 6px;
}
.estilo-elementos-conclusion-primary > div {
    background: #0f6cbf;
    color: #FFF;
    padding: 20px;
    border-radius: 6px;
    box-shadow: inset 3px 3px 7px rgba(255, 255, 255, 0.3);
}
.estilo-elementos-conclusion > div > p{
    border-left: solid 1px #FFFF!important;
    padding: 20px!important;
}
.estilo-elementos-conclusion-alterno>div {
    background: #fff;
    color: #0f6cbf;
    padding: 20px;
    border-radius: 6px;
}
.estilo-elementos-conclusion-alterno>div>p {
    border-left: solid 3px #0f6cbf !important;
    padding: 20px !important;
}



/*estilo-elementos-conclusion*/
.estilo-elementos-introduccion > h2{
    border-bottom: solid 1px #050A5C;
}
.estilo-elementos-introduccion > div{
     background: #5d6d7e;
    color:#FFF;
    padding: 20px;
    border-radius: 6px;
}
.estilo-elementos-introduccion-primary > div {
    background: #0f6cbf;
    color: #FFF;
    padding: 20px;
    border-radius: 6px;
    box-shadow: inset 3px 3px 7px rgba(255, 255, 255, 0.3);
}
.estilo-elementos-introduccion > div > p{
    border-left: solid 1px #FFFF!important;
    padding: 20px!important;
}
.estilo-elementos-introduccion-alterno>div {
    background: #fff;
    color: #0f6cbf;
    padding: 20px;
    border-radius: 6px;
}
.estilo-elementos-introduccion-alterno>div>p {
    border-left: solid 3px #0f6cbf !important;
    padding: 20px !important;
}

.img-responsive{
width: 100%
}
li.nav-item::marker {
      display: none;
      list-style: none!important;
      color: transparent;
}

/*NavegaciÃƒÂ³n*/
#submenu .nav-link.active, #submenu .nav-item.show .nav-link {
    color: #fff!important;
    background-color: #015ad8!important;
    border-color: #dee2e6 #dee2e6 #fff!important;
    box-shadow: 4px 4px 6px rgb(0 0 0 / 30%);
}
#submenu .nav-link {
    border: 0px solid #fff0!important;
}
#submenu{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-content>.active{
    display: block;
    padding: 30px 12px;
} 

/*Nav Plugin*/
#tabs-tree-start > .tabs-wrapper> ul > li > .nav-link.active{
     color: #fff!important;
    background-color: #015ad8!important;
    border-color: #dee2e6 #dee2e6 #fff!important;
    box-shadow: 4px 4px 6px rgb(0 0 0 / 30%);
    border: none!important;
}
#tabs-tree-start > .tabs-wrapper> ul > li > .nav-link{
   box-shadow: 1px 1px 6px rgb(0 0 0 / .1);
}

/*Video*/
.mediaplugin>div {
    margin: initial!important;
    width: 100%!important;
    max-width: 100% !important;
    height: 100% !important;
}

.ico-green {
 color: #409913;
}

.ico-green-1 {
 color: #367914;
}
.ico-green-2 {
 color: #256f00;
}
.ico-green-3 {
 color: #efffe7;
}

.ico-blue {
 color: #0860ad;
}

.ico-blue-1 {
 color: #2874a6;
}
.ico-blue-2 {
 color: #1a5276;
}
.ico-blue-3 {
 color: #7db8cd;
}

.ico-orange {
 color: #d35400;
}
.ico-orange-1 {
 color: #e67e22;
}
.ico-orange-2 {
 color: #b9770e;
}

.ico-orange-3 {
 color: #DF925F;
}

.ico-purple{
color: #6c3483;
}

.ico-purple-1{
color: #76448a ;
}
.ico-purple-2{
color: #9b59b6;
}
.ico-purple-3{
color: #a77dcd;
}




.ico-red {
 color: #d50613
}
.ico-red-1 {
 color: #922b21;
}
.ico-red-2 {
 color: #cb4335;
}

.ico-red-3 {
 color: #cd7d82;
}


[data-region="footer-container-popover"] .btn-footer-popover {
    display: none;
}

.nav.nav-tabs.mb-3.format_onetopic-tabs > li {
    margin-top: 10px;
}


body{
font-size: 1rem !important;
    font-family: 'montserrat', sans-serif !important;
}

.titulo-bg
{
background: #193489;
    border-radius: 10px;
    padding: 40px !important;
}

.subtitulo{
font-size: 1.4rem !important;
color:#ffff; ;
}

 

.pane-text {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #f2f4f4;
    border-radius: 10px;
    box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.08);
    background-color: #fbfcfc;
}

.pane-text2 {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #f2f4f4;
    border-radius: 10px;
    box-shadow: 3px 8px 10px rgba(0, 0, 0, 0.08);
    background-color: #fff;
}

.pane-text>.estilo-content-light>div>p, .pane-text2>.estilo-content-light>div>p {
    border-left: solid 1px #E28F5E !important;
    padding: 20px !important;
}

.edash-header-user-sec li .dropdown .notification-icon
{

   background-color: #566573 !important;
}

ul.edash-header-user-sec > div > form > div.input-group > label {
    color: white;
}

form.editmode-switch-form > div.input-group > label {
    color: white;
}
/*Scorm In*/
.features-area.bg-color::before {
    background-color: #303459 !important;

}

#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
    width: 95%;
    margin-left: 4%;
}

#scorm_toc, #scorm_toc_toggle{
    visibility: hidden;
}
/*Scorm Fin*/

.navbar.fixed-top #usernavigation .nav-link {
    
    color: white;
}



a:hover{
color: #121a5e;
}



.gallery-item img {
    border-radius: 20px;
    border: 1px solid #2e4053;
} 

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
       max-width: 90%!important;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 90%!important;
    }
}
@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 90%!important;
    }
}
@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 90%!important;
    }
}
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 90%!important;
    }
}

.page-header-image{
    display: none !important;
}

.page-header-headings .text-muted {
    display: none !important;
  }

/*[data-for="page-activity-header"] {
  display: none !important;
}*/

#theme_boost-drawers-courseindex {
background: linear-gradient(145deg, #ffffff 0%, #f4f6fc 68%, #f4f6fc 100%)!important;
border-image: linear-gradient(      to top,       #eaf0fd,       rgba(0, 0, 0, 0)    ) 1 100%!important;
border-right: 2px solid;
    box-shadow: 0px 15px 13px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    margin-top: -20px;
    z-index: 1001;
}

.navbar .navbar-brand {
    margin: 0 auto;
    position: absolute;
    left: 35%;
    transform: translateX(-50%);
}

.fa-chevron-down::before {
    content: "\f192"; /* Unicode del ícono "fa-circle-dot" */
    font-family: "Font Awesome 6 Free"; /* Asegúrate de que sea la versión que estás usando */
    font-weight: 400; /* 400 para regular (far), 900 para solid (fas) */
}

.navbar, .navbar-area{
   background: linear-gradient(to right,#fff 45%,#303459 100%)!important;
}

li {
  line-height: 2; /* ó simplemente no definirlo, ya que 1 es el valor por defecto */
}