body{
margin: 0 auto;
width: 90%;
padding-top: 15px;
}

#logo-inv{
  -webkit-filter: invert(1) ;
  filter: invert(1) ;
}

#usuario-inv{
  -webkit-filter: invert(1) ;
  filter: invert(1) ;
}

.flotante  {
  width: 100%;
    background: #1C6E83;
    color: #fff;
    position: fixed;
    bottom: 0; /*Flotante arriba: top: 0; Flotante abajo: bottom:0;*/
    text-align: center;
    line-height: 39px;
    border-top: 1px solid #003586;
    font-family: sans-serif;
}

.flotante a {
  color:#fff;
}

/* LOADER y LOADING*/
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* FIN LOADER Y LOADING*/

/* CLASIFICACIÓN ESTRELLAS */
.stars-outer {
  display: inline-block;
  position: relative;
  font-family: FontAwesome;
}
 
.stars-outer::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f005 \f005 \f005 \f005 \f005";
/*  content: "\02606 \02606 \02606 \02606 \02606"; */
  font-weight: 900;
  color: #999;
}
 
.stars-inner {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
}
 
.stars-inner::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f005 \f005 \f005 \f005 \f005";
/*  content: "\02606 \02606 \02606 \02606 \02606"; */
  font-weight: 900;
  color: #f8ce0b;
}

.stars-1 {
  display: inline-block;
  position: relative;
  font-family: FontAwesome;
}
 
.stars-1::before {
  content: "\f005";
  color: #f8ce0b;
}

.stars-2 {
  display: inline-block;
  position: relative;
  font-family: FontAwesome;
}
 
.stars-2::before {
  content: "\f005 \f005";
  color: #f8ce0b;
}

.stars-3 {
  display: inline-block;
  position: relative;
  font-family: FontAwesome;
}
 
.stars-3::before {
  content: "\f005 \f005 \f005";
  color: #f8ce0b;
}

.stars-4 {
  display: inline-block;
  position: relative;
  font-family: FontAwesome;
}
 
.stars-4::before {
  content: "\f005 \f005 \f005 \f005";
  color: #f8ce0b;
}

.stars-5 {
  display: inline-block;
  position: relative;
  font-family: FontAwesome;
}
 
.stars-5::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  color: #f8ce0b;
}

/* FIN CLASIFICACIÓN ESTRELLAS */

/* ESTADISTICAS */
canvas {
  border: 0px dotted blue;
}

.chart-container {
  position: relative;
  margin: auto;
  height: 80vh;
  width: 80vw;
}
/* FIN ESTADISTICAS */

.space-div{
	margin-top: 5px;
}

.tabula-show-preg{
	margin-left:30px;
}

.alert-content{
	margin-top:20px;
}

.section-content{
	margin-top:20px;
}

.respuestas-presentar {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.respuestas-check {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

.respuestas-texto {
    display: inline-block;
    margin-top: .3rem;
    margin-left: 1rem;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.btn-circle.btn-xs {
    width: 20px;
    height: 20px;
    padding: 4px 0px;
    border-radius: 12px;
    text-align: center;
    font-size: 12px;
    line-height: 0.9;
}

table{
	margin-top:20px;
}

footer{
	margin-top:20px;
}

#treeview, #treeview ul {list-style: none;}
#treeview, .close-parent:before {
	background-position: 0 top;
}
#treeview .parent > ul {
	display: none;
}
/* Style the caret/arrow */
.caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}
.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}
.caret-down::before {
  transform: rotate(90deg);
}
#treeview a:active{
	color: black;
}
#treeview a:link{
	color: black;
}
#treeview a:visited{
	color: black;
}
#treeview .tema:hover{
	background-color: blue;
	color: white;
}
#treeview .subtema:hover{
	background-color: #1E90FF;
	color: white;
}

.valorar{
  font-size: 24px;
  padding-right: 20px;
}

a.link_pie:link {color: #0066cc;text-decoration:none;font-size:12px;}
a.link_pie:visited {color: #0066cc;text-decoration:none;font-size:12px;}
a.link_pie:hover {color:#ff0000;text-decoration:none;font-size:12px;}
a.link_pie:active {color:#ff0000;text-decoration:none;font-size:12px;}


@media screen and (max-width: 1024px) {
  body {
    width: 100%;
    padding-top: 0px;
  }
}