body, html {
    font-family: Arial, sans-serif;
    overflow-x: hidden;
}

/* Asegúrate de que también se aplique a elementos específicos */
h1, h2, h3, h4, h5, h6, p, span, a, div, input, button, textarea {
    font-family: Arial, sans-serif;
}

/* START SLIDER */
#region-main iframe {
  width: 100%;
}

.carousel-inner {
  background-color: #001763;
}
.theme-slider, #home-page-carousel .carousel-item {
  /*height: 200px !important;*/
  width: 100%;
  background-size: contain !important;
  min-height: 100px;
}   
@media only screen and (min-width: 800px) {
    .theme-slider, #home-page-carousel .carousel-item {
        height: 240px !important; 
    }
}
@media only screen and (min-width: 1100px) {
    .theme-slider, #home-page-carousel .carousel-item {
        height: 360px !important; 
        background-size: cover !important;  
    }
}
#box_menu_cursos .cv-accordion-item:nth-child(6) {
    display: none;
}
/* END SLIDER */

.novisible {
	display: none !important;
}

.responsive-inicio {
	display: none;
}

.cv-item_curso {
	cursor: default !important;
}

.filtro_inicio_responsive {
	display: none;
}

.btn_box_abrir2 {
	display: none;
}

.titulo_responsive {
	text-align: center;
	margin-bottom: 50px;
	color: #4F4F4F;
}

.answer select {
	width: 100%;
}

select:not(:-internal-list-box) {
	overflow: hidden !important;
	width: 100% !important;
	white-space: break-spaces !important;
}

.answer select option {
	width: 100% !important;
	white-space: break-spaces !important;
}

.header-logo-lmssharky-responsive {
	margin-top: 40px;
	margin-left: 30px;
	float: left;
	width: 40%;
	display: none;
}

.header-logo-responsive {
	margin-top: 40px;
	margin-left: 40px;
	float: left;
	width: 45%;
	display: none;
}

.header-menubar .navbar-inner {
	min-height: 40px;
	background: transparent;
	padding-right: 0;
	padding-left: 0;
	border: 0;
	border-radius: 0;
	filter: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 122%;
}

.responsive_menu_1 {
	display: none;
}

.modal-content {
	border-radius: 35px;
}

.responsive_detalle {
	display: none;
}

.icono_filtro2 {
	display: none;
}

.d-inline-block.mr-3.class_logos_responsive.class_logos_responsive {
	display: none;
}

.d-inline-block.mr-3.class_logos_responsive.class_logos_web {
	display: block;
}

ul.nav.navbar-nav.ml-auto {
	margin-top: -100px;
}

.header-logo-nuevo {
	margin-left: 50px !important;
	float: left;
	margin: 15px 0;
	margin-top: -80px;
}


/* HEADER BTN USER */


.nContainterHeader .count-container {
    color: #fff !important;
    padding: 0 4px;
    min-width: 14px;
    text-align: center;
    line-height: 14px;
    font-weight: 800;
    border-radius: 8px;
}

@media (max-width: 1080px) {
	.header-logo-nuevo {
		display: none;
	}

	/* .popover-region-container {
		position: relative;
		top: 140px !important;
		z-index: 999999999;
		
	} */

	.mod_quiz_preflight_popup {
		width: 90% !important;
	}

	.quizstartbuttondiv button {
		height: 60px !important;
	}

	.header-logo {
		margin-left: 20px;
		position: relative;
		top: -90px;
	}

	.responsive_menu_filtro {
		display: inline-block;
		width: 100%;
	}

	ul.nav.navbar-nav.ml-auto {
		margin-top: 0px;
	}

	.header-logo {
		position: relative;
		top: 0px;
	}

	#box_app {
		display: none;
		z-index: 99999;
	}

	@media(min-width: 800px) {
		#box_app {
			display: block;
			left: 329px;
		}
	}

	.footer_responsive {
		width: 100% !important;
	}

	.detalle_web {
		display: none;
	}

	.titulo_curso_responsive {
		font-style: normal;
		font-weight: bold;
		font-size: 18px;
		display: flex;
		align-items: center;
		letter-spacing: -0.01em;
		color: #4F4F4F;
		margin-bottom: 20px;
	}

	.cv-texto-responsive {
		padding-left: 25px;
		font-size: 12px;
		width: 100%;
		line-height: 18px;
		margin-bottom: 15px;
	}

	.cv-texto-responsive_2 {
		padding: 2PX 8PX;
  font-size: 15px;
  width: 100%;
  line-height: 20px;
	}
  .detalle_curso_responsive{
    margin: 0 0 16px 0;
    display: flex;
  }
  .detalle_curso_responsive .material-icons {
    color: #002060;
  }

	.responsive_detalle {
		display: block;
		width: 100%;
		margin: auto;
	}

	.d-inline-block.mr-3.class_logos_responsive {
		display: block !important;
	}

	.d-inline-block.mr-3.class_logos_web {
		display: none !important;
	}

	.division_responsive {
		width: 100%;
		height: 10px;
		border-bottom: 1px solid #b3b2b1;
		float: left;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.cv-texto-descripcion-responsive {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 14px;
		padding-right: 0;
	}

	.cv-requisitos-responsive {
		padding: 0px 25px 1px 0px;
	}

	h4.titulo-requisitos {
		font-size: 20px;
		font-weight: bold;
		color: #FF0000;
    display: none;
	}

	.cv-card-accordion {
		background: #0089FB url(../img/f_right.png) no-repeat;
		background-size: 20px;
		background-position: 97% center;
		color: white;
		display: flex;
		align-items: center;
		cursor: pointer;
		height: 50px;
		font-size: 15px;
		padding: 0 5%;
	}

	.menu-miscuros {
		display: none;
	}

	.footer-texto {
		margin-right: 100px;
		margin-left: 100px;
	}

	.footer-middle {
		padding-top: 2em;
		color: white;
		padding: 10px;
	}

	/*button.btn.nav-link.float-sm-left.mr-1.btn-secondary {
		display: none;
	}*/
button.btn.nav-link.float-sm-left.mr-1.btn-secondary {
	}
	.btn_box_abrir {
		margin-left: -20px;
		margin-right: 15px;
	}

	#footer {
		padding: 0 !important;
		margin-top: 20px;
		text-align: center;
	}

	@media(min-width: 768px) {
		#footer {
			height: 52%;
		}
	}

	@media(min-width: 1080px) {
		#footer {
			height: 46%;
		}
	}

	body {
		background: #ffffff !important;
	}

	.footer-pad {
		margin-top: 10px;
	}

	.icono_help {
		display: none;
	}

	.header-logo {
		display: none;
	}

	.header-menubar {
		height: 165px !important;
		background: #0066CC !important;
	}

	.filtro_inicio_responsive {
		display: block;
		font-size: 15px;
	}

	.header-logo-lmssharky-responsive {
		margin-top: 10px !important;
		margin-left: 15px;
		float: left;
		width: 45%;
		display: block;
	}

	.d-inline-block.mr-3.class_logos_responsive {
		width: 100%;
	}

	/* .popover-region-toggle.nav-link {
		position: relative !important;
		left: 370px !important;
		top: -9px !important;
	} */

	.header-logo-responsive {
		margin-top: 10px !important;
		margin-left: 20px;
		float: left;
		width: 45%;
		display: block;
	}

	.responsive-inicio {
		display: none !important;
	}

	.btn-login {
		color: #ffffff;
		background-color: #0066CC;
		line-height: 40px;
		margin-right: 0px;
		width: 50%;
		border-radius: 0;
	}

	.btn-register {
		color: #6F6F6F;
		border: 0px solid #6F6F6F;
		box-sizing: border-box;
		line-height: 38px;
		border-radius: 6px;
		width: 50%;
		margin-left: -5px;
	}

	.homepage-carousel {
		z-index: 1 !important;
		position: relative !important;
	}

	.carousel-inner {
		position: relative;
		width: 100%;
		overflow: hidden;
		z-index: 9 !important;
	}
	.carousel-inner a {
		display: flex !important;
	}

	.carousel-inner a .carousel-item {
		background-size: cover !important;
	}

	.responsive-user {
		margin-top: -44px;
	}

	.responsive-user span.usertext.mr-1 {
		display: block !important;
		font-size: 12px;
		float: left;
	}

	.navbar-expand .navbar-nav {
		justify-content: right;
		min-width: 100px !important;
	}

	.col-3.col-sm-3.col-md-1.col-lg-1.col-xl-1.text-center.px-0.py-0.mr-5.mt-2 {
		position: relative;
		top: -64px;
		left: 10%;
	}

	.row2.boxapp {
		position: relative;
		left: 3%;
		/* top: 20%; */
	}

	@media(min-width: 700px) {
		.row2.boxapp {
			left: 14px;
		}
	}

	.txtmisservicios {
		/*font-family: "GothamRounded-bold";*/
		color: #1878f5 !important;
		position: absolute;
		height: 20px;
		z-index: 1;
		left: 6px;
		top: 15px;
		LINE-HEIGHT: 15px;
		border: 0px solid;
	}


	.btn_box_abrir2 {
		cursor: pointer;
		background: #fa7b8a url(../img/img_menu.png);
		border-radius: 11px;
		height: 43px;
		width: 47px;
		line-height: 36px;
		padding: 3px;
		background-repeat: no-repeat;
		color: transparent;
		display: inline-block;
		background-position: center;
		top: 60px;
		position: relative;
	}

	#box_app div.row2:first-child {
		 left: 6%; 
		position: relative;
		/* width: 310px; */
	}

	/* @media(min-width: 700px){
		#box_app div.row:first-child{
			left: 73%;
		}
	} */

	.btn_box_abrir {
		cursor: pointer;
		background: #F2F2F2 url(../img/parrilla-v4.svg);
		border-radius: 11px;
		height: 43px;
		width: 47px;
		line-height: 36px;
		padding: 3px;
		background-repeat: no-repeat;
		color: transparent;
		display: inline-block;
		background-position: center;
		top: 60px;
		position: relative;
		left: -340px !important;
		z-index: 999;
	}

	.top_0 {
		top: 0px !important;
	}
 .dropdown {
	}

	.header-logo-lmssharky {
		display: none !important;
	}

	.responsive_menu_1 {
		position: relative;
		top: -55px;
		left: -15%;
	}

	.responsive_menu_2 {
		position: relative;
		top: -55px;
		left: -10%;
	}

	.menu_responsive_1 {
		left: 240px;
		position: relative;
		z-index: 9;
	}

	/* .menu_responsive_2 {
		width: 100%;
		background: white;
		position: relative;
		z-index: 9;
	} */

	.container {
		width: 100% !important;
		/*padding: 0px !important;*/
	}

	.menu_opcion_responsive {
		/*font-family: Gotham Rounded;*/
		font-size: 14px;
		font-style: normal;
		text-align: left;
		background: #F7F8FA;
		color: #6F6F6F;
		padding: 20px 0px 0px 0px;
		margin: 3px 0px 3px 0px;
		height: 59px;
	}

	.class_logos_web {
		display: none;
	}

	.menu_opcion_responsive a {
		margin-left: 30px;
		color: #6F6F6F;
	}

	.container .row {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

	div#page-content {
		width: 100%;
		margin: auto;
	}

	div#page {
		background: white;
	}

	.img_responsive_detalle {
		width: 5%;
		float: left;
		margin-right: 10px;
	}

	.img_responsive_detalle_2 {
		width: 12px;
		float: left;
	}

	.titulo_responsive {
		/*font-family: Gotham Rounded;*/
		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		line-height: 105.5%;
		color: #4F4F4F;
		display: inline;
		position: relative;
		top: -15px;
	}

	.breadcrumb.custom {
		border: none;
		width: 100%;
		position: relative;
		/*left: -20px;*/
	}

	.content-accordion {
		width: 100%;
	}

	footer {
		background: #373a3c;
		color: white;
		margin-top: 0px;
		height: 120px;
	}

	div#btn_box_abrir3 {
		position: relative;
		z-index: 9999;
		width: fit-content;
		float: right;
	}

	.icono_filtro {
		width: 70px;
		float: right;
	}

	.icono_filtro2 {
		display: block;
		width: 70px;
		float: right;
		position: relative;
		z-index: 999999;
	}

	.tab-curso-avance-content ul.section {
		grid-template-columns: repeat(1, 1fr);
	}

	.mod_quiz_preflight_popup .d-flex.flex-wrap {
		display: block !important;
	}

	.popover-region-toggle::after {
		content: "";
		display: inline-block;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-bottom: 9px solid #fff;
		position: absolute;
		bottom: -35px !important;
		right: 8px;
		z-index: 2;
	}

	.titulo-one-topic h2 {
		font-size: 14px;
		font-weight: bold;
		color: #575656;
		line-height: 17px;
		display: none !important;
	}

	.page-header-headings {
		display: none !important;
	}

	header#page-header {
		display: none !important;
	}

	ul.section.img-text {
		margin-top: 0px !important;
	}

	ul.section.img-text {
		margin-top: 0px !important;
	}

	ul.section.img-text li {
		margin: 5px !important;
	}

	.slider.container {
		margin-top: -10px;
		height: 57px;
		position: relative;
	}

	div.slider .wrapper {
		overflow: hidden;
		position: relative;
		z-index: 1;
		margin: auto;
	}
}


/**HEADER**/

@media (max-width:480px) {
	.header-logo-responsive {
		margin-top: 10px !important;
		margin-left: 20px;
		float: left;
		width: 45%;
		display: block;
	}

	/* .popover-region-container {
		position: relative;
		top: 140px !important;
		z-index: 999999999;
	} */

	.header-logo-lmssharky-responsive {
		margin-top: 10px !important;
		margin-left: 15px;
		float: left;
		width: 45%;
		display: block;
	}

	.btn_box_abrir {
		cursor: pointer;
		background: #F2F2F2 url(../img/parrilla-v4.svg);
		border-radius: 11px;
		height: 43px;
		width: 47px;
		line-height: 36px;
		padding: 3px;
		background-repeat: no-repeat;
		color: transparent;
		display: inline-block;
		background-position: center;
		top: 65px;
		position: relative;
		left: -255px !important;
	}

	/* .popover-region-toggle.nav-link {
		position: relative !important;
		left: 275px !important;
		top: -9px !important;
	} */

	iframe {
		width: 100% !important;
	}

	.quizstartbuttondiv button {
		height: 60px !important;
	}

	.mod_quiz_preflight_popup {
		width: 90% !important;
	}

	.mod_quiz_preflight_popup .d-flex.flex-wrap {
		display: block !important;
	}

	.popover-region-toggle::before {
		display: none !important;
	}
  .titulo-one-topic h2 {
		/*font-size: 14px;
		font-weight: bold;
		color: #575656;
		line-height: 17px;
		display: none !important;*/
	}

	.page-header-headings {
		display: none !important;
	}

	header#page-header {
		display: none !important;
	}

	ul.section.img-text li {
		margin: 5px !important;
	}

	.slider.container {
		margin-top: -10px;
		height: 34px;
		position: relative;
	}

	div.slider .wrapper {
		overflow: hidden;
		position: relative;
		z-index: 1;
		/*width: 70%;*/
		margin: auto;
	}
}

@media (max-width:380px) {

	.mod_quiz_preflight_popup .d-flex.flex-wrap {
		display: block !important;
	}

	.btn_box_abrir {
		cursor: pointer;
		background: #F2F2F2 url(../img/parrilla-v4.svg);
		border-radius: 11px;
		height: 43px;
		width: 47px;
		line-height: 36px;
		padding: 3px;
		background-repeat: no-repeat;
		color: transparent;
		display: inline-block;
		background-position: center;
		top: 65px;
		position: relative;
		left: -242px !important;
	}

	/* .popover-region-toggle.nav-link {
		position: relative !important;
		left: 220px !important;
		;
		top: -50px !important;
		;
	} */

	.btn_box_abrir2 {
		cursor: pointer;
		background: #fa7b8a url(../img/img_menu.png);
		border-radius: 11px;
		height: 43px;
		width: 47px;
		line-height: 36px;
		padding: 3px;
		background-repeat: no-repeat;
		color: transparent;
		display: inline-block;
		background-position: center;
		top: 18px !important;
		position: relative;
	}

	/* .menu_responsive_2 {
		width: 100%;
		background: white;
		position: relative;
		z-index: 9;
		margin-top: -20px !important;
	} */

	iframe {
		width: 100% !important;
	}


	#footer {
		padding: 0 !important;
		/* height: 170% !important; */
		margin-top: 20px;
		text-align: center;
	}

	.quizstartbuttondiv button {
		height: 60px !important;
	}

	.mod_quiz_preflight_popup {
		width: 90% !important;
	}

	/* .popover-region-container {
		position: relative;
		top: 140px !important;
		z-index: 999999999;
	} */

	.popover-region-toggle::after {
		content: "";
		display: inline-block;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-bottom: 9px solid #fff;
		position: absolute;
		bottom: -35px !important;
		right: 8px;
		z-index: 2;
	}

	.titulo-one-topic h2 {
		font-size: 14px;
		font-weight: bold;
		color: #575656;
		line-height: 17px;
		display: none !important;
	}

	.page-header-headings {
		display: none !important;
	}

	header#page-header {
		display: none !important;
	}

	ul.section.img-text {
		margin-top: 0px !important;
	}

	ul.section.img-text li {
		margin: 5px !important;
	}

	.slider.container {
		margin-top: -10px;
		height: 34px;
		position: relative;
	}

	div.slider .wrapper {
		overflow: hidden;
		position: relative;
		z-index: 1;
		margin: auto;
	}


}

/**FIN HEADER**/


/* Start mantenimientos */
#page-header{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* End mantenimientos */


/** NUEVAS CLASES **/


/* RB NUEVO - START HEADER */
.nContainterHeader {
    width: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    max-width: 100%;
    z-index: 10000;
    box-shadow: #00176312 0px 5px 10px !important;
}
.nContainterHeader .nContainerContentLogout{
	  display: flex;
	  justify-content: left;
	  align-items: center;
	  padding: 16px 0;
    width: 100%;
    gap: .7rem;
}
.nContainterHeader .nContainerContentLogout .nSubContainerLogoLMS{
    display: flex;
}
.nlogoLmsSharky{
    height: 40px;
}
.nContainterHeader .nContainerContentLogout .web-inicio{
    display: flex;
    margin: 0;
    justify-content: flex-end;
    flex: 1;
}
.nContainterHeader .nContainerContentLogout .web-inicio a{
    font-weight: 600;
    text-decoration: none;
    border: 2px solid #307FDE;
    background-color: #fff;
    padding: 8px;
    margin: 0;
    line-height: 20px;
    border-radius: 6px;
    font-size: 15px;
    color: #307FDE;
    width: auto;
    height: auto;
    text-align: center;
}
.nContainterHeader .nContainerContentLogout .web-inicio a:hover{
    background-color: #002060 !important;
    border-color: #002060 !important;
    color: #fff;
}
.nLogin{
    margin: 0 0 0 6px !important;
    background-color: #307FDE !important;
    color: #fff !important;
}
.nContainterHeader .nContainerContentLogged{

}
.nContainterHeader .nContainerContentLogged .nSubContainerLogoLMS{
    display: none;
}

.nContainterHeader .nContainerContentLogged .nSubContainerButtons {
	display: flex;
    gap: 0;
    justify-content: right;
    align-items: center;
    padding: 0;
}
.nContainterHeader .nContainerContentLogged .nSubContainerButtons .aCrecer {
    font-size: 15px;
    line-height: 20px;
    padding: 8px 12px;
    margin-right: 16px;
    text-decoration: none;
    font-weight: 600;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    color: #00000090;
}

.nContainterHeader .nContainerContentLogged .nSubContainerButtons .aCrecer:hover{
    border-bottom: 3px solid #307FDE;
    color: #307FDE;
}

.usermenu .action-menu .menubar .dropdown a.dropdown-toggle:after {
    color: #002060;
    display: none;
}
.usermenu .moodle-actionmenu a.dropdown-toggle{
    padding: 5px 10px;
    border-radius: 6px;
    display: flex !important;
    align-items: center;
    margin-left: 8px;
}
.usermenu .moodle-actionmenu a.dropdown-toggle:hover {
    background-color: #DDE4E9;
}
.userbutton{
    width: auto;
    display: flex;
    align-items: center;
}
span.avatars {
    float: left;
    clear: right;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
}    
span.avatar.current {
    display: inline-block;
}
.avatars .avatar.current img {
    width: 30px !important;
    height: 30px;
    padding: 0;
    margin: 0 !important;
    position: initial;
    filter: none !important;
}
span.usertext {
    padding: 6px 4px;
    margin-right: 0 !important;
    line-height: 16px;
    top: auto !important;
    font-size: 15px !important;
    position: relative;
    color: #00000090;
    font-weight: 600;
}
span.rol {
    display: none !important;
}


@media (min-width: 800px) {
  .nContainterHeader .nContainerContentLogout {
    padding: 24px 0;
  }
  .nlogoLmsSharky{
    height: 44px;
  }
	.nContainterHeader .nContainerContentLogout .web-inicio a{
    padding: 8px 16px;
  }
  .nLogin{
    margin: 0 0 0 12px !important;
  }
  .usermenu .action-menu .menubar .dropdown a.dropdown-toggle:after {
    display: block;
  }
}

@media (min-width: 1080px) {
	
}
/* RB NUEVO - END HEADER */

/* BORRAR */
.nQuestion {
    display: none !important;
}
.nSearch {
    display: none !important;
}
.nMenu {
    display: none !important;
}
 


.nRegister {
    /*font-weight: 600;
    text-decoration: none !important;
    border: 2px solid #307FDE !important;
    background-color: #307FDE;
    padding: 0 16px;
    margin: 0 0 0 8px;
    line-height: 40px;
    color: #fff;
    border-radius: 6px;
    font-size: 15px;*/
}

.nLogin {
  /*border: 2px solid #307EDE;
  color: #307EDE;
  font-weight: 600;
  text-decoration: none;
  line-height: 40px;
  color: #307EDE;
    border-radius: 6px;
    padding: 0 16px;
    height: 40px;
    font-size: 15px;*/
}
.nLogin:hover{
 /*background-color: #307EDE;
 color: #fff;
 text-decoration: none !important;*/
}





.nContainerContentLogged {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 19px;
	padding: 12px 0;
  width: 100%;
}

@media (min-width: 800px) {
	/*.nContainerContentLogged {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		padding: 27px 0;
	}*/
 .nContainerContentLogged {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		padding: 24px 0;
	}

	.nContainerContentLogged div:nth-of-type(1) {
		/*order: 4;*/
	}

	.nContainerContentLogged div:nth-of-type(2) {
		/*order: 1;*/
	}

	.nContainerContentLogged div:nth-of-type(3) {
		/*order: 2;
    display: none;*/
	}
 .nSubContainerButtons .popover-region {
    display: flex !important;
}

	.nContainerContentLogged div:nth-of-type(4) {
		order: 3;
	}
}

@media (min-width: 1310px) {
	.nContainerContentLogged {
		width: 1310px;
	}
  .nContainerContentLogout {
		width: 1310px !important;
	}
}

/*.pagelayout-login .nSubContainerLogoMinedu{
  display: block !important;
  height: 44px;
}*/
@media (min-width: 800px) {
	
}

.nSubContainerLogoLmsSharky {
	width: auto;
	display:flex;
       align-items: center;
}

@media (min-width: 800px) {
	.nSubContainerLogoLmsSharky {
		width: 100%;
		height: 44px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
}



@media (min-width: 800px) {
	.nSubContainerButtons {
		flex-wrap: nowrap;
		padding-bottom: 0;
		justify-content: flex-end;
		align-items: center;
		gap: 0.1px;
	width: 100%;
	}

	.nSubContainerButtons div:nth-of-type(1) {
		order: 1;
	}

	.nSubContainerButtons div:nth-of-type(2) {
		order: 2;
	}
	.nSubContainerButtons div:nth-of-type(3) {
	}

	.nSubContainerButtons div:nth-of-type(4) {
		order: 4;
	}

	.nSubContainerButtons div:nth-of-type(5) {
		order: 5;
	}

	.nSubContainerButtons div:nth-of-type(6) {
		order: 6;
	}

	.nSubContainerButtons div:nth-of-type(7) {
		order: 7;
	}

}

.nSubContainerButtons>img,
i {
	cursor: pointer;
}

.nSubContainerButtons .fa-bell {
	cursor: pointer;
	color: var(--white);
}


.nSubContainerButtons .usermenu .avatars img {
	filter: hue-rotate(0deg) saturate(0%) brightness(170%);
}

@media(min-width: 800px) {
	.nMenu {
		display: none;
	}
}


@media(min-width: 800px) {
	.nQuestion {
		height: 43px;
		width: 77px;
		display: block;
		padding-right: 34px;
	}
}

.nGrill {
	width: 43px;
	height: 43px;

}

@media(min-width: 800px) {
	.nGrill {
		height: 43px;
		width: 43px;
	}

	.nGrill img {
		height: 43px;
		width: 43px;
	}
}

.nMoodleDashboard {
	display: none;
}

@media(min-width: 800px) {
	.nMoodleDashboard {
		display: block;
		padding-right: 17px;
	}
}

.nSearch {
	visibility: hidden;
	width: 90px;
	height: 43px;
}

@media(min-width: 800px) {
	.nSearch {
		display: none;
	}
 .nMenu {
		display: none;
	}
 .nQuestion{
   display: none;
 }
}

.nlogoMinedu {
	width: 175px;
	height: 40.8px;
}

.btn-login {
	border: 2px solid white;
}

@media(min-width: 800px) {
	
}

@media(min-width: 1080px) {
	.popover-region {
		left: 0px;
	}
}

.popover-region-container {
	width: 350px;
	top: 75px;
	right: -90px;
	border-radius: 8px;
	z-index: 99999;
}

.popover-region-toggle::before {
	top: 40px;
}

.popover-region-toggle::after {
	top: 40px;
}

@media(min-width: 1080px) {
	.popover-region-toggle::before {
		top: 65px;
	}

	.popover-region-toggle::after {
		top: 65px;
	}
}

.menu_responsive_2 {
	position: absolute;
	width: 350px;
	top: 115px;
	z-index: 99999;
}


.nCloseSesion {
	font-size: 18px;
	text-transform: capitalize;
	color: #fff;
}

.nButtonClose {
	background: #0066CC;
	display: flex;
	border-radius: 10px;
	padding: 8px 6px;
}

.nButtonCloseContainer {
	background: #fff;
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 15px 0px;
}

.nVisible {
	display: block !important;
}

@media(min-width: 800px) {
	.nVisible {
		display: none !important;
	}
}

.nContainterHeader .nContainerContentLogged div[data-region="drawer-toggle"] button.btn {
    height: 40px;
    border: 0;
    background: none;
    padding: 0 9px;
    margin: 0 8px 0 0 !important; 
    width: 40px;
}
.nContainterHeader .nContainerContentLogged div[data-region="drawer-toggle"] button.btn i.icon {
	display: none;
}

.nContainterHeader .nContainerContentLogged div[data-region="drawer-toggle"] button.btn>span {
    width: 100%;
    height: 3px;
    background-color: #0053a5 !important;
    display: block;
    margin: 5px auto;
    border-radius: 5px;
}
.nDrawerIsActive {
	background-color: #ffffff !important;
	border-radius: 6px !important;
}

.nDrawerIsActive>span {
	background-color: #F33A4D !important;
}

.popover-region {
    height: auto;
    width: auto;
}
.popover-region-toggle {
    border-radius: 6px;
    padding: 8px;
}
.popover-region-toggle:hover {
    background-color: #DDE4E9;
}

.popover-region .popover-region-toggle .icon.fa.fa-bell {
    width: 24px;
    height: 24px;
    margin: 0 auto !important;
    font-size: 24px !important;
    color: #002060;
}



/* CSS MOVIL RB */

.usermenu .menu {
    background-color: #fff !important;
    box-shadow: 0px 2px 12px 2px rgba(0,0,0,.12);
    width: 100%;
    transform: translate3d(0, 46px, 0px) !important;
    padding: 8px 0;
    border-radius: 6px;
}
.menu .dropdown-divider {
    display: none;
}
a.dropdown-item.menu-action{
  background-color: transparent !important;
  border: none !important;
}
a.dropdown-item.menu-action span, a.dropdown-item.menu-action i{
  color: #656565 !important;
    opacity: .9;
}
a.dropdown-item.menu-action:hover, a.dropdown-item.menu-action:focus{
  background-color: #f2f2f2 !important;
  color: #0053a5 !important;
}
a.dropdown-item.menu-action:hover span, a.dropdown-item.menu-action:hover i, a.dropdown-item.menu-action:focus span, a.dropdown-item.menu-action:focus i{
  color: #0053a5 !important;
}


/* ESTILOS MIS CURSOS */

.nTitle-description {
	color: #0089FB;
	font-weight: 900;
	font-size: 14px;
	line-height: 16.8PX;
	padding-left: 24px;
	margin-top: 6px;
	margin-bottom: 16px;
}

.contenido_programa, .requisitos_programa {
    padding-left: 24px;
}

.nText-requisitos {
	color: #000000;
	font-weight: 900;
	font-size: 20px;
	line-height: 24PX;
}

.nText-paragraph {
	color: #4f4f4f;
	font-size: 13px;
	line-height: 15.6PX;
	margin-top: 39px;
	margin-bottom: 46px;
}

.nCV-card-accordion {
	display: flex;
	align-items: center;
	gap: 13px;
	height: 51px;
	transition: 1s;
	color: #878787;
	background-color: #F7F8FA;
	padding: 0px 13px;
	cursor: pointer;
}

.arrow {
	width: 12px !important;
	border-style: solid;
	border-width: 6px 0px 6px 9px;
	width: 0;
	height: 0;
	border-radius: 0px 0px 0px 0px !important;
}

.arrow>div {
	border-style: solid;
	border-width: 4px 0px 4px 6px;
	width: 0;
	height: 0;
	position: relative;
	border-radius: 0px 0px 0px 0px !important;
}

.arrow.right {
	transition: 1s;
	border-color: transparent transparent transparent #6F6F6F;
}

.arrow.right>div {
	transition: 1s;
	border-color: transparent transparent transparent #F7F8FA;
	top: -4px;
	left: -9px;
}

.nCV-card-accordion2 {
	display: flex;
	align-items: center;
	gap: 13px;
	height: 51px;
	transition: 1s;
	color: #F7F8FA;
	background-color: #0089FB;
	padding: 0px 13px;
	cursor: pointer;
}

.arrow.up {
	transition: 1s;
	border-color: transparent transparent transparent #F7F8FA;
}

.arrow.up>div {
	transition: 1s;
	border-color: transparent transparent transparent #0089FB;
	top: -4px;
	left: -9px;
}

.nStart {
	transform: rotate(0deg);
	transition: 1s;
}

.nRotate {
	transform: rotate(90deg);
	transition: 1s;
}

/* ESTILOS BANNER PROGRAMA */

.nBanner_programa {
	color: #0066CC;
	font-size: 18px;
	width: 100%;
	display: block;
	margin-top: 23px;
	margin-bottom: 24px;
}

span .nBanner_programa {
	text-decoration: none;
}

.nContent_banner {
	width: 100%;
	max-height: 330px;
	margin-bottom: 31px;
	display: flex;
	justify-content: center;
	background-color: #fff;
	border: 0px solid #00ABBF;
}

.nImage_card {
	width: 100%;
}

.nBoton_intro {
	color: #fff;
	padding: 17px 30px;
	border-radius: 4px;
	width: 178px;
	text-align: center;
	margin: 15px 0px 25px 0px;
}

.nCV-detalle-curso {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
}

.nCV-progreso_curso {
	display: flex;
	justify-content: space-between;
	padding: 3px 0;
	align-items: center;
	margin: 3px 0 6px 0px;
}

.nProgramCourses {
	width: 100%;
	display: grid;
	justify-items: center;
	grid-template-columns: repeat(1, 1fr);
}
 @media(min-width: 700px){
	.nProgramCourses {
		justify-items: center;
		grid-template-columns: repeat(2, 1fr);
	}
} 
@media(min-width: 1080px){
	.nProgramCourses {
		grid-template-columns: repeat(3, 1fr);
	}
} 

@media(min-width: 1400px){
	.nProgramCourses {
		grid-template-columns: repeat(4, 1fr);
	}
} 
@media(min-width: 680px){
	.nProgramCourses .cv-item_curso {
		width:100%;
		height: 395px;
	}
}
@media(min-width: 1080px){
	.nProgramCourses .cv-item_curso {
		width:90%;
		height: 395px;
	}
}

.nProgramCourses .cv-item_curso {
	margin-right: 0px;
	width: 280px;
	height: 395px;
}

/* ESTILOS CARD CURSOS */

.nContent_card {
	position: absolute;
	margin: 12px 14px;
	width: 101px;
	height: 30px;
	border-radius: 4px;
}

.nText_card {
	font-size: 12px;
	font-weight: 350;
	color: #fff;
	text-align: center;
	padding: 6px 12px;
}

.nCard_green {
	background: #0BD6AA;
}

.nCard_orange {
	background: #F49F39;
}

.nCard_red {
	background: #F33A4D;
}

.nCard_black {
	background: #2F3B55;
}

/* ESTILOS FOOTER */

@media(max-width: 768px) {
	.fBoxFooter {
		text-align: center;
	}
}

.fBoxFooter {
	background: #575656;
}

.fBoxFooter a {
	color: #f8f9fa !important;
}

.fBoxFooter a:hover {
	text-decoration: none;
}

.fContentFooter {
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.fcontainerFooter {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
}

@media(min-width: 768px) {
	.fContainerFooter {
		width: 100%;
		flex-direction: row;
		margin: 25px 0px;
	}
}

.fContentTitle {
	width: 100%;
	display: flex;
	justify-content: center;
}

@media(min-width: 768px) {
	.fContentTitle {
		margin-right: 0px;
		padding-bottom: 5px;

	}
}

.fContentNavigator {
	display: flex;
	justify-content: center;
	width: 100%;

}

.fContentNavigator span {
	margin-left: 0px;
	margin-right: 0px;
	opacity: .6;
}

.fContentText {
	margin-right: 0px;
}

.fSocialNetwork {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
	gap: 20px;
	align-items: center;
}


@media(min-width: 992px) {
	.fSocialNetwork {
		width: 246px;
		display: flex;
		justify-content: center;
		flex-direction: row;
	}
}

@media(min-width: 992px) {
	.fSocialText {
		width: 101px;
	}

	.fIconNetwork {
		width: 125px;
	}
}


@media (max-width: 1200px){
    /*.breadcrumb.custom{
        border: none;
        width: 100%;
        position: relative;
        left: -20px;
    }*/
}
/* media query paradetalle programa*/
@media(min-width: 768px){
	.col-md-11 {
		max-width:100%;
		flex: 0%;
	}
}

.nContenido {
	margin: 0 15px;
}

@media(max-width: 1080px) {
	.container .nBanner_programa {
		padding-left: 15px;
	}
}

@media(max-width: 1080px) {
.container .nBoton_intro {
	margin-left: 29px;
	}
}
/* estilos para contenedor card todos los cursos */
.nAllCourses .cv-content-info-cursos {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        gap: 1.2rem;
        padding: 0 !important;
        margin-top: 1.3rem !important;
    }
@media(min-width: 660px) {

 .nAllCourses .cv-content-info-cursos .cv-item_curso {
	  width: 100%;
	}
  .nAllCourses .cv-content-info-cursos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        gap: 1.3rem;
        padding: 0 0 0 1.5rem !important;
        margin-top: 0 !important;
    }
}

@media(min-width: 1280px){
	.nAllCourses .cv-content-info-cursos{
		grid-template-columns: repeat(3, 1fr)
	}
}
@media(min-width: 768px){
	.nAllCourses .col-md-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.nAllCourses .col-md-9{
		flex: 0 0 100%;
		max-width: 100%;
}
}
@media(min-width: 900px){
	.nAllCourses .col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.nAllCourses .col-md-9{
		flex: 0 0 75%;
		max-width: 75%;
 	}
}

/* estilos para contenedor decard todos mis cursos */

.nMyCourses .cv-item_curso {
	/*height: 395px;*/
  height: auto;
  right: auto !important;
}

/* Estilos para contenedor Footer */

@media(min-width: 600px){
    .footer_responsive {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		}
	
	.nFooterAllCourses{
		margin-top: 70px;
	}

	.footer_responsive .fContentFooter {
		grid-column: 1 / 3;
		
	}
	.footer_responsive .fContainerFooter {
		flex-direction: row;
	}
	.footer_responsive .fContentTitle {
    display: flex;
    justify-content: center;
    margin: 0 auto;
	}

	
}

@media(min-width: 1080px) {
	.footer_responsive {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		
	}
	.nFooterAllCourses{
		margin-top: 0px;
	}
	.footer_responsive .fContentFooter {
		grid-column: 1 / 5;
		
	}
}

@media(min-width: 1200px){
	.footer_responsive {
		display: grid;
	
	}
	.footer_responsive .fContentFooter {
		grid-column: 2 / 4;
		
	}
}
	


@media(min-width: 768px) {
	.footer_responsive .col-md-3 {
		max-width: 100%;
	}
}

/* Estilos para scroll */
/*body::-webkit-scrollbar {
	width: 7px;
}
body::-webkit-scrollbar-thumb {
	background: #b3b2b1;
	border-radius: 5px;
}
@media(min-width: 768px) {
	body::-webkit-scrollbar {
		width: 20px;
	}
	body::-webkit-scrollbar-thumb {
		background: #b3b2b1;
		border-radius: 5px;
	}
}*/
.nAllCourses .cv-content-info-cursos .alert-danger{
	grid-column: 1 / 3;
	width: 100%;
	height: 100%;
}
@media(min-width: 520px) {
	.nAllCourses .cv-content-info-cursos .alert-danger {
		height: 100%;
	}
}

/*borrando estilos en linea*/



.cv-progreso_curso ~ .cv-info_curso {
    display:block
}

@media(min-width: 800px){
	.cajacontenedorSERV{
		max-width: 32%;
		margin-left: 4px;
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media(min-width: 1080px){
	.cajacontenedorSERV{
		max-width: 32%;
		margin-left: 0px;
	}
}

#box_app div.row2:first-child {
	width: 94%;
}
@media(min-width: 900px){
	#box_app div.row2:first-child {
		width: 100%;
	}
}

@media(min-width: 800px){
	#box_app {
		top: 100px;
		width: 421px;
	}
}

@media (min-width: 1080px) {
    #box_app {
		width: 430px;
		height: auto;
		}
		
}

@media (min-width: 1080px) {
    .boxapp {
		display: flex;
		justify-content: center;
		gap: 6px;
	}
}

.row2 {
	display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    justify-content: flex-start;
    gap: 8px;
}

@media(min-width: 800px){
	.row2{
		row-gap: 5px;
	}
}

@media(min-width: 1080px){
	.row2{
		gap: 6px;
	}
}
.row2.boxapp {
	padding : 40px 3px 8px 8px;
	left: 10px;
}

#box_app {
	position: absolute;
}


.ntxtmisservicios {
	color: #1878f5 !important;
	position: absolute;
	height: 20px;
	z-index: 1;
	left: 0px;
	top: 15px;
	LINE-HEIGHT: 15px;
	border: 0px solid;
}

@media(min-width:1080px){
	.ntxtmisservicios {
		color: #1878f5 !important;
		position: absolute;
		height: 20px;
		z-index: 1;
		left: 8px;
		top: 15px;
		LINE-HEIGHT: 15px;
		border: 0px solid;
	}
}

.nXcerrarSERV {
    color: #ffffff;
    position: absolute;
    height: 20px;
    width: 20px;
    z-index: 1;
    right: 0px;
    top: 10px;
    LINE-HEIGHT: 12px;
    border: 0px solid;
    border-radius: 15px;
    background-color: #cccccc;
}

@media(min-width:900px){
	.nXcerrarSERV {
		color: #ffffff;
		position: absolute;
		height: 20px;
		width: 20px;
		z-index: 1;
		right: 20px;
		top: 10px;
		LINE-HEIGHT: 12px;
		border: 0px solid;
		border-radius: 15px;
		background-color: #cccccc;
	}
}

@media(min-width:1080px){
	.nXcerrarSERV {
		color: #ffffff;
		position: absolute;
		height: 20px;
		width: 20px;
		z-index: 1;
		right: 8px;
		top: 10px;
		LINE-HEIGHT: 12px;
		border: 0px solid;
		border-radius: 15px;
		background-color: #cccccc;
	}
}

.ntxtbotonSERVICIOS {
    color: #535353 !important;
    font-size: 0.65rem;
    padding: 0px;
    LINE-HEIGHT: 10px;
    text-align: center;
    height: 0 !important;
	width:115px;
	padding-left: 5px;
}


.cajaBOTONSERV {
	width: 120px;
	height: 103px;
	padding: 7px 5px 5px 5px;
	border-radius: 10px;
	top: 8px;
	text-align: center;
}

[class^=imghvr-] a {
    top: 68px !important;
}





/* START WRAP RB */


.btn {
    border-radius: 6px;
    text-transform: capitalize;
    font-weight: 600;
}
.btn-primary {
    background-color: #ffa323 !important;
    color: #00539E;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    background-color: #fdc500 !important;
    color: #fff;
}
.btn-secondary {
    color: #00539E;
}
.btn-secondary:hover {
    background-color: #DDE4E9 !important;
    color: #00539E !important;
}
.activity-navigation .float-right .btn-link {
        background-color: #307FDE;
    border-radius: 8px;
    color: #fff !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border: 2px solid #307FDE;
}

.activity-navigation .float-right .btn-link:hover {
    background-color: #005BAA;
}
.bannerLogin-rb{
}
.swiper-button-prev, .swiper-button-next {
    background-color: #fff;
    width: 40px !important;
    height: 40px !important;
    border-radius: 20px;
    margin: 0 6px;
    box-shadow: 0px 1px 1px 2px rgba(0,0,0,.08);
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 18px !important;
    line-height: 40px !important;
    font-weight: 600;
}
.swiper-button-prev:after{
    margin-right: 2px;
}
.swiper-button-next:after{
    margin-left: 2px;
}
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background-color: #00000040 !important;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    background-color: #fcbe31 !important;
}
.bannerLogin-rb .swiper-slide img {
  width: 100%;
}
.wrapForm-rb{
  background-color:#ebf2f8;
}
.login-rb{
 width: 80%;
}
.wrapForm-rb .login-rb h4{
  font-weight: 600;
}
.wrapForm-rb .forgetpass a {
    line-height: 20px !important;
    font-size: 14px !important;
}

#page-content {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
/* BORRAR css page login */
/*.pagelayout-login #page {
    background-color: #ffffff !important;
    padding: 0;
}
.pagelayout-login #page-content {
    padding: 0;
}
.pagelayout-login #region-main {
    padding: 0;
}
#region-main-box {
    padding: 0;
}
section#region-main {
    border-radius: 8px;
}
*/
.wrap-rb {
    line-height: 1.6;
    color: #333;
}

.cta-rb{
    background-color: #E4E9FA;
    border-radius: 20px;
    background-image: url(../img/bg-cta.png);
    background-size: contain;
}



/* Footer */
.wrap-rb .footer {
    background-color: #002060;
    color: #fff !important;
    text-align: left;
}
.wrap-rb .footer .footerBottom-rb{
  background-color: #002060;
}
.wrap-rb .footer .footerBottom-rb p{
  opacity: .6;
  font-size: 14px;
}
.wrap-rb .footer h6, .wrap-rb .footer a{
    color: #fff !important;
    line-height: 24px;
}
.wrap-rb .footer h6 {
    font-weight: 600;
}
.social-rb a {
    background-color: #ffffff24;
    padding: 8px;
    border-radius: 40px;
}
.social-rb a img {
    width: 24px;
}
.social-rb a:hover {
    background-color: #ffffff40;
}


/* SLIDER RB */


.homepage-carousel .carousel-indicators {
		display: flex !important;
}
.carousel-indicators li{
    border-top: none !important;
    border-bottom: none !important;
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 6px;
    margin: 0 4px;
    background-color: #fff;
    opacity: 1;
}
.carousel-indicators li.active {
    background-color: #FC9C31 !important;
}
.homepage-carousel .carousel-control {
    background-color: #ffffff;
}
.homepage-carousel .carousel-control:hover {
    background-color: #ffffff80;
}
.homepage-carousel .carousel-control span{
    display: none !important;
}
.homepage-carousel .left::before {
    font-family: 'Material Icons';
    content: 'chevron_left';
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 8px;
    left: 8px;
    color: #001763;
}
.homepage-carousel .right::before {
    font-family: 'Material Icons';
    content: 'chevron_right';
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 8px;
    left: 8px;
    color: #001763;
}

@media (max-width: 575px) {
    .menubar .dropdown .dropdown-menu {
        left: auto !important;
        right: 0;
    }
}

.banner-principal-curso.container {
  max-width: 100%;
  padding: 0;
}
.nContenedor-imagen{
  height: auto;
  text-align: center;
  background-color: #001763;
}

	.titulo-one-topic {
		display: none !important;
	}