
.espaciado {
	margin-bottom: 10px;
  }
  
  body {
	  background: url(../images/tingo_city.png) no-repeat center center fixed;
	  background-size: cover;
	  background-attachment: fixed;
	}
  .app-sidebar__user-avatar{
  
	  width: 48px;
	  background: gray;
	  padding: 6px;
  }
  
  .app-sidebar__toggle{
	  display: -webkit-flex;
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  font-size: 15pt;
  }
  .app-sidebar__toggle::before{
	  display: none;
  }
  
  .headerRegister, .header-primary{
	  background: #009688;
	  color: #FFF;
  }
  
  .headerUpdate{
	  background: #17a2b8;
	  color: #FFF;
  }
  
  .notBlock{
	  display: none;
  }
  
  /*Estilos login*/
  #divLoading{
	  position: fixed;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  display: flex;  
	  justify-content: center;
	  align-items: center;
	  background: rgba(254,254,255, .65);
	  z-index: 9999;
	  display: none;
  }
  #divLoading img{
	  width: 50px;
	  height: 50px;
  }
  .required{
	  color: red;
	  font-size: 13pt;
	  font-weight: bold;
  }
  
  .mt-6,
  .my-6 {
	margin-top: 2rem !important;
  }
  
  .center-content {
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: 60vh; */
  }
  /* .card {
	max-width: 500px;
	margin: 0 auto;
  } */
  
  
  .card {
	  max-width: 500px; /* Ancho */
	  margin: 0 auto;
	}
  
  @keyframes rotateAnimation {
	0% {
  transform: rotateY(0);
	}
	80% {
		transform: rotateY(0);
	}
	100% {
		transform: rotateY(360deg);
	}
  }
  
  .square {
	  width: auto;
	  height: auto;
	  animation: rotateAnimation 6s linear infinite;
	  animation-duration: 6s;
	  animation-timing-function: linear;
	  animation-delay: 0s;
	  animation-iteration-count: infinite;
	  animation-direction: normal;
	  animation-fill-mode: none;
	  animation-play-state: running;
	  animation-name: rotateAnimation;
  }
  
  .borde {
	  border: solid 1px #479eee;
	  border-radius: 7px;
  }
  
  .sombra{
	  box-shadow: 0 0 7px #021b55;
  }
  .btn-primary {
	  color: #fff;
	  background-color: #0d6efd;
	  border-color: #0d6efd;
  }
  
  .btn-primary:hover {
	  background-color: #0d6efd;
	  border-color: #0d6efd;
	  opacity: 0.8;
  }
  
  .bg_secundario {
	  background-color: #000;
  }
  
  .fixed-bottom {
	  position: fixed;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: 1030;
	  height: 40px;
  }

  @media (max-width: 768px) {
	.peque {
	  font-size: 12px;
	  padding: 5px 11px; 
	}
  }