.perfiles-container {
    margin: 0;
    height: auto;
}
/* BK-21442 logo version movil*/
.home-login .login-title .home-login-logo-mobile{
	display: none;
}

.close.filters{
    background: #3AC62A;
    color: #FFF;
    font-size: 12px !important;
    padding: 5px 10px;
    opacity: 1;
    margin-top: 8px;
}

/* BK-23003 eliminamos rss en disp. moviles */
body.android .grid-stack-item[id^='rss'],
body.ios .grid-stack-item[id^='rss'],
body.ipad .grid-stack-item[id^='rss'],
body.app .grid-stack-item[id^='rss'],
body.is_app .grid-stack-item[id^='rss'],
body.isTablet .grid-stack-item[id^='rss']
 {
	height: 0px;
	min-height: 0px;
}

@media screen and (orientation:portrait)  and (max-width: 1023px) {
	#tools {
		bottom: 0!important;
		top: auto!important;
		right: auto!important;
		left: 50%!important;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	#tools ul {
		width: auto;
		border-radius: 0;
		white-space: normal;
		height: auto;
	}

	#tools ul li {
		display: inline-block;
	}

	#alumnos #tools #divMenuToggleButtons {
		display: inline-block !important;
	}
}

#tools #divBtnMenuToggle {
	display: none;
}

#alumnos #tools #divMenuToggleButtons {
	display: inline-block;
}

@media screen and (orientation:landscape) and (max-width: 1023px) {
	.body_misalumnos #alumnos #tools {
		bottom: 0!important;
		top: auto!important;
		right: auto!important;
		left: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.body_misalumnos #alumnos #tools ul {
		width: auto;
		border-radius: 0;
		white-space: normal;
		height: 55px;
		display: flex;
	}

	.body_misalumnos #alumnos #tools ul li {
		display: inline-block;
	}

	.body_misalumnos #alumnos #tools #divBtnMenuToggle {
		display: inline-block;
		width: 55px;
		height: 55px;
		text-align: center;
	}
	.body_misalumnos #alumnos #tools #btnMenuToggle {
		display: inline-block;
		margin-top: 13px;
		color: #808080;
	}
	.body_misalumnos #alumnos #tools #divMenuToggleButtons{
		display: none;
		width: calc(100vw - 57px);
		text-align: center;
		padding-right: 57px;
	}
}

@media screen and (max-width: 1024px) {
	.contenedor_escritorio {
    	max-width: 975px;
    	width: auto!important;
	}
}

@media screen and (max-width: 940px) {
	.body_calendar .fc-content {
		padding-right: 0;
	}
	.body_calendar #map_events {
		width: 350px;
	}
	.body_calendar #clickFestivos {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 992px) and (min-width: 580px) {

	.content-wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}
	.navbar-brand {
		display: block;
		width: 130px;
		height: 34px;
		margin-top: 15px;
	}
	.navbar {
		min-height: 64px;
	}

	.navbar > .container {
		max-width: none;
		width: 100%;
		padding: 5px 30px;
	}
	.offline-pc .navbar > .container{
		padding:0px 30px 20px;
	}

	.navbar .navbar-user {
		margin-top: 16px;
	}

	.navbar #main-nav {
		margin-top: 18px;
	}

	.navbar #main-nav ul li#offlinepc-progressbar-parent,
	.navbar #main-nav ul li a {
		font-size: 12px;
		font-size: 1.2rem;
		padding-left: 6px;
		padding-right: 6px;
	}
	#main-nav ul li#offlinepc-progressbar-parent .progress{
		height: 12px;
	}
	#main-nav #offlinepc-progressbar-parent .progress-percent{
		display: none;
	}
	.progress-msg{
		margin-top: -3px;
	}

	#main-nav.admin-on ul li#offlinepc-progressbar-parent {
		max-width: 70px;
	}

	/* Ficha alumno */
	#ficha-alumno .units .item .actividad {
		margin-bottom: 0;
	}
	.contenido .items ul.list-items.resources li {
		width: 145px;
	}
	/******************
	******* Wiki ******
	*******************/

	#wiki_lateral_col {
		margin-bottom: 20px;
		height: auto!important;
		margin-top: 0!important;
	}
}


@media screen and (max-width: 767px) and (min-width: 580px) {


	.offline-pc .navbar #main-nav ul li#offlinepc-progressbar-parent,
	.offline-pc .navbar #main-nav ul li a {
		font-size: 12px;
		font-size: 1.2rem;
		max-width: 100%;
	    float: none !important;
	    margin: 0;
	}
	.offline-pc .navbar #main-nav.admin-on ul li#offlinepc-progressbar-parent,
	.offline-pc .navbar #main-nav.admin-on ul li a {
    	font-size: 11px;
    	font-size: 1.1rem;
		padding-left: 4px;
		padding-right: 4px;
	}

	.wTitle-xs {
		display: block;
	}
	.wTitle-xs .title > a {
		display: block;
	}
	.wTitle-lg {
		display: none;
	}
	#ficha-alumno .units .item .actividad {
		height: auto;
	}
	#ficha-alumno .units .item .actividad .progreso{
		width: auto;
		width: -moz-calc(100% - 220px);
 	 	width: -webkit-calc(100% - 220px);
  		width: calc(100% - 220px);
	}
}


@media screen and (max-width: 767px) {

	/******************
	****** Course *****
	*******************/
	.body_clase #actividad .carousel-inner .item-container{
		margin-top: 0;
	}

	.body_clase .libro-right:before {
    	background-color: #3B8E40;
	}
	.body_clase .libro-right:after {
    	background-color: #4DD455;
	}
	.body_clase .content-wrapper.actividad {
		padding-top: 60px;
	}


	.grid-stack .desktop_element {
		padding: 0;
	}
	.grid-stack-item {height: auto!important;}
	.body_desktop_element {position: static; height: auto; overflow: visible;}
	.grid-stack > .grid-stack-item > .grid-stack-item-content {position: static;}


	/* Ficha */
	#ficha-alumno .units #ficha_estandares .item .row.actividad {
		padding-right: 40px;
		padding-top: 0;
		margin-top: 10px;
	}
	#ficha_estandares .item .actividad .title {
		width: 50%;
	}
	#ficha-alumno .units #ficha_estandares .item .actividad .progreso {
		width: 50%;
		margin-top: 4px;
	}

	#ficha-alumno .units .item .actividad .title>a {
		max-width: 100%;
		margin-top: 0;
	}

	/******************
	******* Foro ******
	*******************/
	.mis_mensajes_foro .un_mensaje_foro  {
		padding-left: 80px;
	}

	.mis_mensajes_foro .msgDivImagen {
		width: 38px;
		height: 38px;
	}
	.mis_mensajes_foro .listado_derivados_foro .msgDivImagen {
		left: 20px;
	}
	.mis_mensajes_foro .listado_derivados_foro .un_mensaje_foro {
		padding-left: 80px;
	}
	/******************
	******* Wiki ******
	*******************/

	#wiki_lateral_col {
		margin-bottom: 20px;
		height: auto!important;
	}
	.mostrarEntradasOn #orden_nombre,
	.mostrarEntradasOn #orden_fecha_ult_modif,
	.mostrarEntradasOn #orden_date_created,
	#entradas_wiki .una_entrada {
		font-size: 11px;
		font-size: 1.1rem;
	}
	.mostrarEntradasOn .btn_mostrar_pendientes {
		position: static;
	}
	/* BK-21442 ajustes en movil*/
	.home-login .login-title .home-login-logo{
		display: none;
	}
	.home-login .login-title .home-login-logo-mobile{
		max-height: 88px;
		display: inline-block;
	}
	.home-login .home-login-content .login-title{
		display: block;
		margin-top:-88px;
	}
	#profile #externals.perfil-mobile,
	#profile .perfil-mobile
	{
		display: none;
	}
	.content-wrapper-desktop .buttons_desktop{
		display:none;
	}
	.module_Calendar #map_events,
	.module_Calendar #map_events .el_mapa_eventos{
		width: 100%;
	}
	.body_teachersNotebook .content-main-tabs .perfil-mobile{
		display: none;
	}
	.body_teachersNotebook td.fc-header-left,
	.body_teachersNotebook td.fc-header-right {
		display: block;
	}
	.body_teachersNotebook td.fc-header-right {
		text-align: left;
	}
	.body_teachersNotebook .fc-header-left > span {
		margin-left: 0;
		margin-right: 0;
	}
	/*BK-21460 estilos movil */
	.sfilter ul li.order-filter {
		width: 100%;
		margin-right: 0;
		margin-top: 10px;
	}
	.sfilter ul li.order-filter .btn-group{
		display: block;
	}
	.sfilter ul li.order-filter .btn-group #order-filter-select{
		margin-bottom: 0;
	}
	.sfilter ul li.order-filter .btn-group .dropdown-menu{
		top: 30px;
	}
	.body_mycourses #tools #editar_contenido,
	.body_mycourses #tools .crear_curso,
	.body_mycourses #tools .importar {
		display: none;
	}
	.body_mycourses #tools ul li {
		width: auto;
	}
	.body_mycourses .modal-dialog .container-checks .checkbox-list label {
		width: 100%;
	}
	.body_clase #enter-edit-mode-button,
	.body_curso #enter-edit-mode  {
		display: none;
	}
	.body_curso #indice .col-indice .unit-content .header .title {
		padding: 0px;
	}
	#indice .unit-content .actividades .title-buttons {
		margin: 0px;
		padding: 5px;
		background-color: #eeeeee;
	}
	#indice .unit-content .actividades .js-list-activities .item {
		padding: 10px;
	}
	.body_curso #indice .col-indice .unit-content .content .actividades{
		margin:0px;
	}
	.body_curso #indice .col-indice .unit-content .actividades .pags {
		display: none;
	}
	#indice .col-indice .actividades .online,
	#indice .col-indice .unit-content .actividades .item .acceso:before {
		margin-top: 0px;
	}
	#logoHome {
		max-height: 40px;
		width: auto;
	}
	.libro #boton_subrayador {
		display: none;
	}
	.cursos #ficha-hijo{
		width: auto;
		margin: 0;
		margin-bottom: 20px
	}
	.cursos .books .alert{
		margin-left: 20px;
		margin-right: 20px;
	}
	.contenido .items .items-section ul li{
		margin: 0;
	}
	.libro .libro-left{
		display:inline-block !important;
	}
	.libro .libro-right, .libro .libro-left{
		width: auto;
	}
	.js-actividad .wrap-mask .mask.active a.view-icon,
	.js-actividad .wrap-mask .mask.active a.blinkicon-share-social {
		bottom: 23px !important;
	}
	.estrella_demo.estrella_demo_vacia:hover {
		background-position: 0px 0px;
	}
	.body_mycourses .items.recursos{
		padding-left: 0px;
		padding-right: 0px;
	}
	.body_mycourses .items.recursos .list-items.resources {
		text-align: center;
	}
	.body_mycourses .contenido .tipo_visualizacion {
		padding-right: 0px;
	}

	.body_mycourses .contenido .content-box,
	.body_mycourses .contenido .content-box #ficha-hijo {
		position: static;
	}
	.body_mycourses .contenido li.tabdrop.active.open ul.dropdown-menu li.active{
		position: relative;
		background-color: #fff;
	}
	.body_mycourses .contenido li.tabdrop.active.open ul.dropdown-menu li.active a {
		background-color: #fff;
	}
	.body_mycourses .contenido li.tabdrop.active.open ul.dropdown-menu li a .caret {
		display: none;
	}
	.body_mycourses .content-main-tabs li.active {
		z-index: 1000;
	}
	.cursos #ficha-hijo .imagen_medium img {
		left: 167px;
		top: 274px;
	}
}

@media screen and (orientation:landscape) and (max-width: 767px) {
	.home-login .home-login-content .login-title{
		margin-top: 0px;
	}
	html{
		background-color: inherit;
	}
	/*BK-21460 estilos movil */
	.contenido #smenu button.dropdown-toggle{
		display: none;
		visibility: hidden;
	}
	.contenido #smenu ul.dropdown-menu{
		position: relative;
		display: contents;
	}
}
#ficha-alumno .units .item .actividad .nota.vanilla {
	text-align: left;
}
#ficha-alumno .units .item .actividad .nota.vanilla[data-content=''] {
	text-align: center;
}
@media screen and (orientation:landscape) and (max-width: 1024px){
	.items .sfilter .title-buttons {
		margin-bottom: 10px;
	}
	#alumnos #smenu ul[role="menu"] li{
		margin: 0;
	}
	#alumnos #smenu ul[role="menu"] li a{
		margin: 0 15px;
	}
	#alumnos #smenu ul[role="menu"] li a[data-tools="tools_wiki"],
	#alumnos #smenu ul[role="menu"] li a[data-tools="tools_foro"],
	#alumnos #smenu ul[role="menu"] li a[data-tools="tools_carpetas"]
	{
		margin: 0;
		display: none;
	}
	.cuaderno_aula #mensajes  .enviar_mensaje_form.js-message-wrapper .attach-btn.js-attach-url,
	#mensajes .enviar_mensaje_form.js-message-wrapper .attach-btn.js-attach-activity,
	#mensajes .reply-wrapper.js-reply-form .attach-btn.attach_activity.js-attach-activity{
		display: none;
	}
	.content-wrapper #alumnos #tools ul[role="menu"] li a[title="Crear comunidad"]
	{
		display: none;
	}
	#tools ul li {
		height: auto;
	}
	.content-wrapper #ficha-alumno .title-buttons.text-center.subjects .collapse-menu.btn-group.open .dropdown-menu>li>a{
		white-space: initial;
	}
}

#dropmenu-upload-new-open.btn.btn-primary{
	display: none;
}

#dropmenu-upload-new.hidden{
	display: block!important;
	visibility: initial!important;
}
@media screen and (max-width: 579px) {
	#ficha-alumno .units #ficha_estandares .item .actividad .nota:after {
		display: none;
	}
	#ficha-alumno .header .avatar{
		min-width: 85px;
	}
	#ficha-alumno .data .imagen_medium img{
		top: -10px;
		left: 0;
		width: 100px !important;
		background: white;
		height: 100px !important;
	}
	.col-sm-12.col-md-9 .cuaderno_aula #mensajes .content-box{
		margin-top:110px;

	}
	#ficha-alumno .units .item > .title{
		max-width: 33vw;
		text-align: initial;
	}
	#ficha-alumno .units #ficha_ejercicios .item .row .tiempo-realizacion {
		float: left;
		margin-right: 0px;
	}
	#ficha-alumno .units #ficha_ejercicios .item .row .fecha-realizacion  {
		float: initial;
		max-width: 40%;
		margin: auto 0;
		overflow: hidden;
		height: 16px;
	}
	#ficha-alumno .units #ficha_ejercicios .item .row .progreso{
		display: none;
	}
	#mensajes .avatar{
		width: 60px;
		height: 60px;
	}
	#alumnos .js-alumnos-clase.js-class-section .sfilter {
		padding-bottom: 0px;
	}
	.cuaderno_aula #mensajes  .enviar_mensaje_form.js-message-wrapper .attach-btn.js-attach-url,
	#mensajes .enviar_mensaje_form.js-message-wrapper .attach-btn.js-attach-activity,
	#mensajes .reply-wrapper.js-reply-form .attach-btn.attach_activity.js-attach-activity{
		display: none;
	}
	#ficha-alumno .content-box{
		margin-top: 0;
	}
	#ficha-alumno .content-box .units .btn{
		width: 100%;
		background-color: #dedede !important;
	}
	#ficha-alumno .content-box .header div.data{
		display: flex;
	}
	#remote-modal .modal-solapas #dlgForm #solapas ul.tabs-left {
		width: 90px;
		left: -90px;
	}
	#remote-modal .modal-solapas #dlgForm .fileupload.pb-container #btn-extension{
		display: none;
	}
	.solapas-active {
		padding-left: 90px;
	}
	#dropmenu-upload-new-open.hidden {
		display: initial!important;
		visibility: initial!important;
	}
	#dropmenu-upload-new-open.btn.btn-primary{
		width: 100%;
		display: initial;
	}
	#dropmenu-upload-new{
		display: flex;
		flex-direction: column;
	}
	#dropmenu-upload-new.hidden{
		display: none!important;
	}
	#dropmenu-upload-new:not(.open):not(.hidden){
		display: none!important;
	}
	#dropmenu-upload-new.radio-option input.filter-radio[type="radio"]:checked + label.filter-label{
		font-weight: bolder;
	}
	#dropmenu-upload-new li{
		border: 1px solid #41a62a;
		margin-bottom: 0px;
		border-top: initial;
	}
	#remote-modal .modal-body.modal-solapas.solapas-active,
	#remote-modal .modal-body.modal-solapas.solapas-active form .tab-content
	{
		height: 100%;
		max-height: 85% !important;
		min-height: 82vh;
	}
	.content-wrapper #ficha-alumno .title-buttons.text-center.subjects .collapse-menu.btn-group.open .dropdown-menu>li>a{
		white-space: initial;
	}
	.content-wrapper #alumnos #tools ul[role="menu"] li a[title="Calificaciones"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[title="Deberes"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[title="Editar grupo"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[title="Editar clase"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[title="Nueva clase"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[title="Nuevo grupo"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[title="Crear comunidad"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[label="Calificaciones"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[label="Deberes"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[label="Editar grupo"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[data-original-title="Ver Padres/Madres"],
	.content-wrapper #alumnos #tools ul[role="menu"] li a[label="Crear comunidad"]
	{
		display: none;
	}
	.content-wrapper #alumnos #tools ul[role="menu"] li
	{
		width: auto;
		height: auto;
	}
	#alumnos #smenu .dropdown-menu a[data-tools="tools_wiki"],
	#alumnos #smenu .dropdown-menu a[data-tools="tools_foro"],
	#alumnos #smenu .dropdown-menu a[data-tools="tools_carpetas"]
	{
		display: none;
	}
	.content-wrapper {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 90px;
	}
	.navbar {
		min-height: 60px;
	}
	.navbar .navbar-user {
		margin-top: 15px;
	}
	#main-nav ul li#offlinepc-progressbar-parent {
		float: none!important;
		position: initial;
   		width: 100%;
	}
	#header_nummensajes {
		top: 6px;
		right: 14px;
	}
	.content-main-tabs.nav-tabs>li a {
		font-size: 15px;
	}
	#smenu {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#dlgForm .wrap-filter-modal #smenu {
		padding: 0;
	}
	#smenu,
	.sfilter,
	.fichas {
		padding-left: 20px;
		padding-right: 20px;
	}

	.items .sfilter .title-buttons {
		margin-bottom: 0;
	}

	.wNota {
		margin-left: 0
	}
	.wTitle-xs .title > a {
		display: block;
	}
	#ficha-alumno .units .item .actividad {
		height: auto;
	}
	#ficha-alumno .units .item .actividad .progreso {
		float: right;
		width: 100%;
	}
	#ficha_deberes .notas {
		padding-right: 0;
	}
	#ficha-alumno #ficha_deberes .notas >div {
		margin: 0 auto;
	}

	#mensajes_list .content-box {
		padding: 0px 20px 0px 30px;
	}

	.body_miclaustro #mensajes #mensajes_list .content-box {
		padding-right: 20px;
	}

	#mensajes .reply {
		padding-right: 5px;
	}

	#mensajes .post .content .name,
	#mensajes .reply .content .name {
		position: relative;
		min-width: 90px;
  		min-height: 10px;
	}
	#mensajes .post .content .name:before,
	#mensajes .reply .content .name:before {
		position: absolute;
    	top: -13px;
    	left: 35px;
		border-style: solid;
		border-width: 6px;
		border-color: transparent transparent #c6c6c6 transparent;
	}
	#mensajes .post .content .name:after,
	#mensajes .reply .content .name:after {
		content: '';
		position: absolute;
    	top: -10px;
    	left: 36px;
    	border-style: solid;
    	border-width: 5px;
		border-color: transparent transparent #f1f1f1 transparent;
	}
	#mensajes .mtypes .btn-group button {
		position: relative;
		height: 40px;
		width: 40px;
	}
	#mensajes .mtypes .btn-group button:before {
		position: absolute;
		top: 0;
		left: 0;
		text-indent: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#mensajes .mtypes .btn-simple.active:after {
		margin-top: 35px;
		margin-left: -2px;
	}
	#mensajes .sfilter {
		padding: 20px;
	}
	#mensajes .sfilter ul {
  	  margin-top: 0;
  	  margin-bottom: 0;
	}

	.contenido .items {
		padding: 20px;
	}
	.actividad-detalle {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.logo-wrapper {
		margin-bottom: 12px
	}
	.logo-wrapper img {
		max-width: 33%;
		height: auto;
	}

	/******************
	****** Course *****
	*******************/

	#indice .unit-content .content,
	#indice .mini .unit-content .content {
		padding: 20px 20px;
		margin: 0;
	}
	#indice .mini .unit-content .actividades {
		padding: 0;
	}
	.body_curso.edit .navbar.libro {
    	height: 90px;
	}
	.body_curso .libro-right:before {
    	background-color: #3B8E40;
	}
	.body_curso .libro-right:after {
    	background-color: #4DD455;
	}
	.body_curso .content-wrapper.actividad {
		padding-top: 95px;
	}

	.body_clase #actividad .carousel-inner .item-container {
   	 	margin-top: 0;
	}

	#mensajes .post .icon,
	#mensajes .content-box.news .icon {
		display: none!important;
	}
	#mensajes .post,
	#mensajes .reply {
    	padding-left: 0;
	}

	#tools ul li a {
		margin-top:0;
		-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}

	/* FIX para que se vea la caja de login en movil */
	.home-login .login-box {
		-webkit-transform: none;
		transform: none;
	}

	.body_calendar #map_events {
		width: 100%;
	}
	.body_calendar #map_events .el_mapa_eventos {
		float: none;
	}
	.body_calendar #map_events #clickEventos {
		margin-left: 0;
		padding-bottom: 0;
	}
	.body_calendar td.fc-header-left {
		display: block;
	}
	.body_calendar td.fc-header-right {
		display: block;
		text-align: left;
	}
	.body_calendar .fc-header-left > span {
		margin-left: 0;
		margin-right: 0;
	}
	.body_mycourses .contenido .content-box #ficha-hijo .image{
		position: relative;
	}
	.cursos #ficha-hijo .imagen_medium img {
		left: 68px;
		top: 70px;
	}

}
@media screen and (max-height: 579px) and (max-width: 768px) {
	#remote-modal .modal-solapas #dlgForm .fileupload.pb-container #btn-extension{
		display: none;
	}
}
@media screen and (max-width: 540px) {
	#alumnos .fichas ul li {
		width: 100%;
	}

}
@media screen and (max-width: 480px) {


	/******************
	******* Foro ******
	*******************/
	.mis_mensajes_foro .un_mensaje_foro,
	.mis_mensajes_foro .listado_derivados_foro .un_mensaje_foro  {
		padding-left: 20px;
	}

	.mis_mensajes_foro .msgDivImagen {
		position: static;
		top: auto;
		left: auto;
		margin-bottom: 10px;
	}
	#tituloHilo .title2 {
		padding-right: 0;
	}
	#tituloHilo .btn {
		position: static;
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

}

@media (max-width: 769px){
	.navbar-menu-desktop #main-nav-launcher {
		opacity: 1;
	}
	.navbar #main-nav.open {
		left: 0;
	}
	.offline-pc .navbar > .container{
		padding-bottom: 10px;
	}
	.navbar #main-nav {
		float: none;
		text-align: left;
		background: #000000;
		background: rgba(0,0,0,.9);
		width: auto!important;
		height: auto!important;
		position: absolute;
		padding-left: 0!important;
		padding-right: 0!important;
		min-width: 240px;
		top: 84px!important;
		right: auto!important;
		left: -100vw;
		padding: 0!important;
		margin-top: 0;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	.navbar-menu-desktop {
		display: inline-block;
		position: absolute;
		left: -5px;
		top: 15px;
	}
	#main-nav ul {
		padding: 0;
		display: block;
	}
	.navbar #main-nav ul li a{font-size:1.4rem;position: initial;width: auto;}
	.navbar #main-nav ul li {display: block; -webkit-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); }
	.navbar #main-nav.open ul li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);position: initial; }
	.navbar #main-nav.open ul li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
	.navbar #main-nav.open ul li:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
	.navbar #main-nav.open ul li:nth-child(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
	.navbar #main-nav.open ul li:nth-child(4) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }
	.navbar #main-nav.open ul li:nth-child(5) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
	.navbar #main-nav.open ul li:nth-child(6) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
	.navbar #main-nav.open ul li:nth-child(7) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
	.navbar #main-nav.open ul li:nth-child(8) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }
	.navbar #main-nav.open ul li:nth-child(9) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
	.navbar #main-nav.open ul li:nth-child(10) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; }


	.navbar #main-nav ul li a,
	#main-nav ul li#offlinepc-progressbar-parent {
		padding: 12px 24px;
		border-radius: 0;
	}

	#help-soporte {
		display: none;
	}
	.navbar-brand {
		display: block;
		width: 130px;
		height: 34px;
		margin-top: 15px;
		margin-left: 30px !important;
	}

	.progress-msg{
		width: 100%;
	    float: none;
	    font-size: 1em;
	}

	#main-nav ul li#offlinepc-progressbar-parent .progress{
		width: 100%;
    	float: none;
	}

	#offlinepc-progressbar-parent .progress-percent{
		display: none;
	}


	#main-nav ul li#offlinepc-progressbar-parent {
	     padding: 0px 22px !important;
	     position: initial;
	}



}