h1 {
	margin-top:15px;
	font-size:1.75rem;
}
.navbar {
	background-color: #004e8a ;
	box-shadow: 0 3px 6px rgba(0,0,0,.15);
	height:55px;
}
.container , .container-fluid {
	/*margin-top:72px;*/
}
.navbar-nav{
	z-index:1021;
}
.table-hover tr:hover td { 
	background: #b2d5f4; 
	color:white;
}
.resumen {
	/*margin-left:15px;*/
	margin-top:10px;
	margin-bottom:20px;
}
.resumen h2 {
	margin:0px;
	font-size:1.5em
}
.total {
	margin-right: 20px;
	text-align: right;
	font-size:0.8rem;
}
#footer{
	border-top: 2px solid #e76100;
	background: #e9eef3;
	bottom :0;
	position:fixed;
}
#footer p , address{
	font-size: 0.75rem;
	margin: 0px;
}
.resumen p {
	margin-left: 15px;
}

.resumen .listado {
	/*max-height: 400px;
	overflow-y: auto;*/
}

.listado thead {
	background:#f14810;
	color:white;
}
.card-header {
	background:#e95c26;
	color:white;
}
.titulo-curso {
	background:#ee6715;
	color:white;
}

.input-inicio-sesion {
	width:75%;
}
.menu-seccion {
	color:white;
	min-height:calc(100vh - 91px);
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}
.menu-seccion .nav-item .active{
	color: #cdcdcd !important;
}
.menu-seccion .active .h5{
	text-decoration-line: underline;
	font-weight: bold;
}
.menu-seccion-sm {
	position: fixed;
	display: block ;
	width: 240px;
	left:-220px;
	height: 100vh;
	z-index:2500;
}

.menu-contenido-sm {
	position: absolute;
	display: block !important;
	z-index: 10;
	width: 270px;
}
.listado table th a {
	color: white; 
}
/* mensajes del foro */
#mensajes {
	/*height:52vh;*/
	overflow:auto;
}

.menu-contenido a, .menu-contenido ol {
	color: #99979c;
    text-decoration: none;
	font-size: 0.75rem;
}

.capitulo-actual {
	color:#17a2b8 !important;
	font-weight: bold;
}
.vh-50 {
	height:50vh;
}
.vh-100 {
	height:98vh;
}
.w-10 {
	width:10%
}
.w-15 {
	width:15%
}
.w-20 {
	width:20%
}
.w-35 {
	width:35%;
}
.w-65 {
	width:65%;
}
.w-85 {
	width:85%;
}
.w-95 {
	width:95%;
}

#pie_pagina_notas
{
	/*position:fixed;*/
	margin-top: 20px;
	width: 100%;
	bottom: 0;
	background: white;
	padding: 10px;
}
#contenidos-asesor{
	height: 75vh;
	overflow-y: auto;
	overflow-x:hidden;
}
#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
.enunciado-desafio {
	overflow:auto;
	height:70vh;
}
#loading,#loading-modal,#loading-contenido{
	width:100%;
	height: 200px;
	position: relative;
}
.img-loading{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.h-center {
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.panel-clases {
	max-height: 95vh;
	overflow-y: auto;
}

.video-actual {
	cursor: pointer;
	border: 5px;
	border-style: solid;
	border-color: #17a2b8;
}

#notification-bell:hover {
    color:#fff;
}
#notification-bell {
   cursor:pointer;
}

#num-notificaciones {
	position: absolute;
	top:10px
}

#panel-notifications{
	width: 35vw;
	max-width: 350px;
	min-width: 250px;
	right: -90px;
}

.dropdown-menu-right{
	right:10px;	
}

.arrow > a {
  display: block;
  position: relative;
}
.arrow > a:after {
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
}
.arrow > a[aria-expanded="true"]:after {
  content: "\f077"; /* fa-chevron-up */
}

.plus-minus > a {
  display: block;
  position: relative;
}
.plus-minus > a:after {
  content: "\f067"; /* fa-plus */
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
}
.plus-minus > a[aria-expanded="true"]:after {
  content: "\f068"; /* fa-minus */
}

.plus-minus-h > .sub-plus-minus-h {
  display: block;
  position: relative;
}
.plus-minus-h > .sub-plus-minus-h:after {
  content: "\f067"; /* fa-plus */
  font-family: 'FontAwesome';
  position: absolute;
  left: 10;
}
.plus-minus-h > .sub-plus-minus-h[aria-expanded="true"]:after {
  content: "\f068"; /* fa-minus */
}

@media (max-width: 576px) {
	.input-inicio-sesion {
		width:100%;
	}
	.enunciado-desafio {
		height:100%
	}
}
/* para el boton flotante + del foro */
.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:45px;
	right:40px;
	background-color:#004E8A;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	cursor: pointer;
}

.my-float{
	margin-top:18px;
}

.expand-button {
	position: relative;
}

.expand-button:after
{
  position: absolute;
  left:.75rem;
  top: 50%;
  transform: translate(0, -50%);
  content: '-';
}
.expand-button.collapsed:after
{
  content: '+';
}

.panel-seccion {
	min-height:60vh;
	overflow-x:auto;
}

.foro {
	max-height: 78vh;
	overflow-y: auto;
	overflow-x: hidden;
}

#div-movible {
  position: fixed;
  width:550px;
  height: 320px;
  max-height: 320px;
  max-width: 100vw;
  right: 20px;
  bottom: 130px;
  background-color: white;
  border: 1px solid #d3d3d3;
  z-index: 1021;
}

#div-movible-header {
  height: 25px;
  cursor: move;
  color:white;
  background-color: black;
}

#div-movible-header .close {
  cursor: pointer;
  position: absolute;
  top: 3%;
  right: 0%;
  padding: 12px 16px;
  transform: translate(0%, -50%);
}