.left-sidebar { background-color:#edf0f5; border-bottom:1px solid #ddd; }
.sidebar-nav > ul > li, .sidebar-nav > ul > li a,.sidebar-nav > ul > li > a.active,.sidebar-nav > ul > li.active > a i  { color:#67757c; }
.navbar-brand img{ max-height:50px;}
.topbar .top-navbar .navbar-header{ line-height:70px; background-color:#fff;}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link { font-size:15px !important;}
.navbar-light .navbar-nav a.nav-link, .navbar-light .navbar-nav a.nav-link:focus,.navbar-light .navbar-nav a.nav-link:hover{ color:#fff !important;}
.card-footer{ background-color: #fff; text-align: right;}
.card-img-top img{width: 100%;}
.show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(123, 123, 123, 0.5) !important; }
.topbar{ background: #f4f6f9 !important;}
.card-no-border .left-sidebar{ background-color: #edf0f5;}
.nav-tabs .nav-item { margin-bottom: 1px;}
.max-width-90{ max-width: 90% !important;}
.negrita{ font-weight: bold;}

/*Autenticacioó*/
@media(max-width:480px)
{
  .btn-saml-largo {font-size: 14px;}
}
/*IFrame responsive*/
.embed-container { position: relative; padding-bottom: 320%; height: 0; overflow: hidden; }
.embed-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 1200px; }

.s90{ font-size:90% !important;}
.mr0{ margin-right:0px !important; }
.mr20{ margin-right:20px; }
.mb0{ margin-bottom: 0;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.m15{ margin:15px !important;}
.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.p-b-60{ padding-bottom:60px; }
.color_ok{ color:#00cc3c;}
.color_ko{ color:#bb0000;}
.color_negro{ color:#000000;}
.w30 { width:30px;}
.w90 { width:90px;}

@media(min-width:768px)
{
  .navbar-logotipo{
    height: 0px;
    border-top:70px solid #fff;
    border-right:70px solid transparent;
    max-width:320px;
  }
  .navbar-cabecera{ margin-top:-70px;}
}

.form-control:disabled, .form-control[readonly] {
  background-color: #ccc !important;
  border:0 !important;
  padding:2px !important;
  color:#000 !important;
}
.logo-mvl{ max-width:50px;}
.flex{ display:flex;}
.space-between{ justify-content: space-between;}
.flex-start{ justify-content: flex-start;}
.flex-end{ justify-content: flex-end;}
.p-t-40{ padding-top:40px;}
.oculta{ display:none !important;}
.min-height-250{ min-height: 250px;}
.min-height-150{ min-height: 150px;}
.cursor_pointer{ cursor: pointer;}

.modalidad-listado{ display:block; margin-bottom: 7px;}
.titulo-resultados{ padding: 10px;margin-bottom: 20px;}

/*LOGIN*/
.wrapper-login {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow:auto;
  height: 100%;
  width:100%;
  position:fixed;
}

.login-register{
  background-color: rgba(255,255,255,0.5);
}

.card-no-border .card.login-box{
  border:1px solid #bbb;
}

.fecha_curso{
  background-color:#fff;
  border:1px solid #bbb;
  box-shadow: 5px 5px 5px #bbb;
  position: absolute;
  width:50px;
  top:-20px;
  padding:5px;
}
.fecha_curso_left
{
  right:50%;
  text-align: right;
  border-right: 0;
  padding-right:10px;
}
.fecha_curso_right
{
  left:50%;;
  text-align: left;
  border-left: 0;
  padding-left:10px;
}
.fecha_curso_dia{
  font-size:120%;
  display:block;
  width:100%;
  line-height: 100%;
  font-weight:bold;
}
.fecha_curso_mes{
  font-size:90%;
  line-height: 110%;
  display:block;
  width:100%;
}
.fecha_curso_ano{
  font-size:70%;
  line-height: 100%;
  display:block;
  width:100%;
}

/*DATAGRID*/
.datagrid_paginador_contenido {
  display: inline-block;
  padding-left: 0;
  margin: 24px 0;
  border-radius: 5px;
}

.datagrid_paginador_contenido > li {
  display: inline;
}

.datagrid_paginador_contenido > li > a,.datagrid_paginador_contenido > li > span {
  position: relative;
  float: left;
  padding: 9px 16px;
  line-height: 1.5;
  text-decoration: none;
  color: #434345;
  background-color: transparent;
  margin-left: -1px;
}

.datagrid_paginador_contenido .ui-icon {
  background-image: url("/GIF/Images/AulaRS/Jqueryui/ui-icons_222222_256x240.png");
}
.datagrid_paginador_contenido .paginador_primero,.datagrid_paginador_contenido .paginador_anterior,.datagrid_paginador_contenido .paginador_siguiente, .datagrid_paginador_contenido .paginador_fin {
  padding: 12px 9px 11px;
}

.datagrid_paginador_contenido > li:first-child > a,.datagrid_paginador_contenido > li:first-child > span {
  margin-left: 0;
}

.datagrid_paginador_contenido > li > a:hover, .datagrid_paginador_contenido > li > a:focus, .datagrid_paginador_contenido > li > a:active, .datagrid_paginador_contenido > li > a:active:focus,.datagrid_paginador_contenido > li > span:hover,.datagrid_paginador_contenido > li > span:focus,.datagrid_paginador_contenido > li > span:active,.datagrid_paginador_contenido > li > span:active:focus {
  z-index: 2;
  color: #fff !important;
}

.datagrid_paginador_contenido > li > a:hover > span
{
  background-image: url("/GIF/Images/AulaRS/Jqueryui/ui-icons_222222_256x240.png");
}

.datagrid_paginador_contenido > li > .destacado,.datagrid_paginador_contenido > li > .destacado:hover,.datagrid_paginador_contenido > li > .destacado:focus,.datagrid_paginador_contenido > li > .destacado:active,.datagrid_paginador_contenido > li > .destacado:active:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
}

.datagrid_paginador_contenido > .disabled > span,.datagrid_paginador_contenido > .disabled > span:hover,.datagrid_paginador_contenido > .disabled > span:focus,.datagrid_paginador_contenido > .disabled > a,.datagrid_paginador_contenido > .disabled > a:hover,.datagrid_paginador_contenido > .disabled > a:focus {
  background-color: transparent;
  cursor: not-allowed;
}

div.datagrid_acciones_lotes {
  text-align:right;
  margin-bottom:15px;
  float:right;
}
div.datagrid_resultados_pagina_usuario {
  text-align:right;
  margin-bottom:15px;
  float:right;
  margin-left: 4px;
}
div.datagrid_resultados_pagina_usuario select{
  height: 26px;
}

.foto_participante {
  width:100px;
  border:0px;
}
th.fondo_principal {
  color:#fff;
  padding:5px;
}

.tabla_cuestionario{ width:100%;}
.tabla_cuestionario .seccion{ font-weight: bold; padding-top:15px;}

.tabla_evaluacion{ width:100%;}
.tabla_evaluacion thead tr{ background-color:#efefef; color:#000; }
.tabla_evaluacion thead tr td, .tabla_evaluacion tbody tr td{ padding:5px;}
.tabla_evaluacion .td-radio{ width: 40px;}
.tabla_evaluacion .label-radio{ margin-bottom: 0; margin-top:8px;}

.table-foros .nombre_foro{ width: 70%; text-align: left;}
.table-foros .nombre_foro i { font-size: 16px !important; color: #212121; margin-right: 5px;}
.table-foros .nombre_foro i:hover { color: #1a7ff7;}
.table-foros .fecha { width: 15%; text-align: center;}
.table-foros .botonera-foro { width: 10%; max-width: 150px; text-align: left; white-space: nowrap;}
.table-foros.table-hover tbody tr:hover { background-color: #eaeaea;}
.table.primary-table.table-foros thead th{ color: #ffffff !important; }

.fila-par{ background-color:#e9edf2 !important;}
.fila-par td{ border:1px solid #fff !important;}
.fila-impar{ background-color:#fff !important; }
.fila-impar td{ border:1px solid #e9edf2 !important;}
.fila-resaltada{ background-color:#f8d7da !important; }
.fila-par:hover, .fila-impar:hover{ background-color:#ccc !important;}

/*ADMIN*/
#formularioBusqueda .bg-primary { background-color: #808080 !important;}
table.datagrid tbody td > a{ color:#444 !important;}
.botonera-formulario{ max-width: calc(100% - 30px); bottom:0;}
.botonera-formulario-admin { position:fixed; bottom:60px; width:100%; background-color:#fff; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; margin-left: -12px; z-index:1040;} /*ERA 1049 pero daba conflictos con modal*/

.datagrid td > .ti-trash, .datagrid td .ti-trash { color: #ef5350 !important; font-size: 20px !important;}
.datagrid td > .ti-trash:hover, .datagrid td .ti-trash:hover { color: #ff0000 !important;}
.datagrid td > .ti-pencil-alt { color: #06d79c !important; font-size: 20px !important;}
.datagrid td > .ti-pencil-alt:hover { color: #005226 !important;}

.cookies-wrapper{display:none;background-color:#fff;margin:0 auto; position:fixed; bottom:10px; right:10px; border:1px solid #000; width:500px; z-index:1050; max-width: 95%;}
.cookies-wrapper .cookies-inner{width:100%;max-width:1350px;font-size:12px;line-height:18px;padding:10px 0 40px;position:relative;margin:0 auto;}
.cookies-wrapper .cookies-inner p{padding:0 30px}@media only screen and (max-width: 1280px){.cookies-wrapper .cookies-inner p{padding:0 15px}}
.cookies-wrapper .cookies-inner .header{font-size:16px;font-weight:bold;line-height:20px;margin-bottom:5px}
.cookies-wrapper .cookies-inner .close{position:absolute;top:20px;right:20px;cursor:pointer;height:30px;width:15px}@media only screen and (max-width: 1280px){.cookies-wrapper .cookies-inner .close{right:15px}}
.cookies-wrapper .aceptarcookies {float: left; width: auto; margin: 0 0 0 25px;}
.cookies-wrapper .aceptarcookies a {text-decoration: none; cursor: pointer; }

.iframe-leccion{ padding-bottom: calc(56.25% - 30px)}
.visor_scorms { min-height: calc(100vh - 32px); background-color: white; height: 600px; }
.visor_scorms_producto { position: fixed; top: 0; left:0; width:100vw; height:100vh; z-index:9999; background-color:white; min-height:600px;}
#guardar_salir{
  background-color: #06d79c !important;
  color:white;
  font-size: 12px;
  float: right;
  margin:  2px 3px;
}