@media (min-width: 992px) {
    #page.drawers.show-drawer-left.show-drawer-right {
        margin-left: 315px; /* Ajustar margen del contenido para acoplarse al menu izquierdo ampliado*/
    }
}

.mario-noshadow > div {
 box-shadow: none !important;
border:none !important;
}

@media (max-width: 1415px) {
#page-course-view-topics aside #block-region-top {
    padding: 0 15px;
}
}

#page-course-view-topics aside#block-region-top section.block_html {
background-color: white;
    -webkit-box-shadow: -1px 1px 5px 0px #5b5b5b14 !important;
    box-shadow: -1px 1px 5px 0px #5b5b5b14 !important;
    border: 1px solid #e9edf1;
}
 
@media (max-width: 1415px) {
#page-course-view-topics section#region-main {
    padding: 0px 15px;
}
}


div.primary-navigation > nav > ul > li.nav-item {
padding-left: 15px;
}

/*Ajustar margen superior de contenido bajo navbar, ya que reduje el tamaño de esta barra*/
#page.drawers {
    margin-top: 55px;
}

.navbar.fixed-top {
    background-color: #FFF;
    border-bottom: #fbfbfb 1px solid;
    box-shadow: -18px -2px 3px 2px #0000002e;
    height: 55px;
}


.navbar.fixed-top .navbar-brand .logo {
    max-height: calc(38px - (0.35rem * 2)) !important;
}

#page-course-view-grid #page.drawers .main-inner, #page-course-view-topics  #page.drawers .main-inner{ 
                    background-color: inherit !important;
                    padding: 0px !important;
                    margin-top: 0px !important;
                    }

body {
    background-color: #f7f7f7 !important;
   font-size: 12pt !important;
   font-family: "Roboto Condensed" !important;


}

.secondary-navigation .navigation {
    border-radius: 0px 0px 7px 7px;
}

.course-section .availabilityinfo {
      background-color: inherit;
}

a {
    color: #00455a;
}

#block-region-above {
max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    border-radius: 0.5rem;
    background-color: inherit;
    flex: 1 0 auto;
}



 /*OJO ESTO PUEDE GENERAR ERRORES -- ELIMINAR MARGEN SUPERIOR PARA PEGAR BANNER CURSO AL NAVBAR
#page.drawers .main-inner {
    margin-top: 0rem !important;
}
*/


/*Agregar fondo a las secciones del curso*/
.course-section .section-item {
    background-color: white;
    -webkit-box-shadow: -1px 1px 5px 0px #5b5b5b14 !important;
    box-shadow:-1px 1px 5px 0px #5b5b5b14 !important;
    border: 1px solid #e9edf1;
    border-radius: .5rem;
}

/* Quito margenes internos a los costados de las secciones para que ocupen todo el espacio*/
@media (min-width: 768px) {
    #page.drawers div[role="main"] {
 padding: 0px;
        }
}

/*Encabezado de sección heredan fondo del body*/
.header-maxwidth {
   background-color: inherit !important;
}

/* Texto de encabezado de página un tono más claro*/
#page-header h1.h2 {
    color: #333333 !important;
}



.navbar-nav .popover-region .icon {
    font-weight: normal !important;
    font-size: 20px !important;
}


/*Fondo de sidebar*/
.drawer {
    background-color: #f7f7f7 !important;
}




 

/* Menu del curso*/
.secondary-navigation .navigation .nav-tabs {
    max-width: 1400px;
}

/* Ancho máximo en configuracion de actividades*/
@media (min-width: 768px) {
    .header-maxwidth {
        max-width: 1400px;
        background-color: #ffffff;
    }
}

/* Alinear menu de configuración con header de actividad*/
.secondary-navigation .navigation {
    margin: 0px !important;
}

#region-main {
    /* padding: 15px; */
    background-color: inherit;
}


/* Centrar la barra de navegación para pantallas grandes*/

.container-fluid {
max-width: 1400px !important;
}

/*En páginas de sitio como la de búsqueda*/
@media (min-width: 768px) {
    .pagelayout-standard #page.drawers .main-inner, body.limitedwidth #page.drawers .main-inner {
        max-width: 1400px;
    }
}

/* Ampliar div de contenido en pantallas grandes*/
@media (min-width: 768px) {
    body.limitedwidth #page.drawers .main-inner {
        max-width: 1400px;
    }
}

/* Páginas administrativas con ancho limitado*/
#page.drawers .main-inner {
    max-width: 1400px;
   /* background-color: inherit !important; */
} 
/* Centrar la barra de navegación para pantallas grandes*/

.container-fluid {
max-width: 1400px !important;
}

/*En páginas de sitio como la de búsqueda*/
@media (min-width: 768px) {
    .pagelayout-standard #page.drawers .main-inner, body.limitedwidth #page.drawers .main-inner {
        max-width: 1400px;
    }
}

/* Ampliar div de contenido en pantallas grandes*/
@media (min-width: 768px) {
    body.limitedwidth #page.drawers .main-inner {
        max-width: 1400px;
    }
}

/* Páginas administrativas con ancho limitado*/
#page.drawers .main-inner {
    max-width: 1400px;
   /* background-color: inherit !important; */
} 


/*CONTENIDO AGREGADO POR VALEN*/
/*Resolución minima para que los contenedores dejen de moverse*/
@media (min-width: 1920px) {
#page.drawers.show-drawer-left, 
#page.drawers.show-drawer-right,
#page.drawers.show-drawer-left.show-drawer-right {
margin-left: 0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
}
}

/*Color de icono de candado en actividades bloqueadas, con una o varias condiciones*/
div.activity-availability>div>div>i.fa-lock::before, div.activity-availability>div>i.fa-lock::before {
background-color: #e5b46e;
    padding: 4px;
    border-radius: 5px;
    color: white;
    font-size: 0.8em;
}

/*Border divisorio entre actividades*/
.activity {
    border-top: 2px dotted #e6ecf1;
}

/* Estilos de mensaje de bloqueo exclusivo de las secciones*/

div.section_availability > div.availabilityinfo {
     background-color: #fff9da;
    display: inline-flex;
    padding: 0.25em 0.875em;
    color: #533931;
}

/*Alinear icon de bloqueo de actividad con ícono de calendario de fechas*/
.course-section .availabilityinfo {
padding: inherit;
color: #4b545d;
font-size: 0.8em;
    border-left: #dfdfdf 1px solid;
    padding-left: 15px;
    border-radius: inherit;
    padding-top: 0.25rem !important;
    margin-top: inherit;
}

/*Enlace dentro de restricciones de actividad*/

span.availability-excerpt > strong > a {
font-weight: normal;
color: #40518b;
}

/*Negrita en nombres de actividades*/

div.activity-name-area > div.activitytitle > div.activityname > a {
    font-weight: 600;
    color: #334554;
}


#page-my-index #page-header {
 display: none;
}